/*@charset "iso-8859-1";*/
body {
    width:97%;
    height:100%;
	}
input[type="number"] {width: 80px;}
.tab_contenant {width:100%; height:90%;}
.tab_projet {width:100%; height:100%;}
.tr_kpi_haut {width:100%; height:10%;}
.tr_kpi_bas {width:100%; height:90%;}
.td_kpi_gauche {width:15%; height:auto;}
.td_kpi_droite {width:85%; height:auto;}
td.td_ligne_grille {width:auto; height:3%;}
td.td_colonne_grille {width:1%; height:auto;}
.div_principale
		{
			width:95%;/* Taille: 1120px -> 1120 / 1120 */
                        height:90%;
			font-size: 1em; /*Ideal: 16px*/
			margin: 0px;
		}
.tabCorp, .tab_principale, .tabOnglets, .tabInfos, .tabDroits
		{
		width: 100%;
		height:100%;
		}
h1 {
	color: white;
	font-family:Arial;
	font-size :1.1250em; /*Taille: 18px */
	padding:0px;
	margin:0px;
	}
div {padding:0px; margin:0px; vertical-align: top;}
img, object, embed, canvas, video, audio, picture {
   max-width: 100%;
   height: auto;
}
.tabDroits
		{
		background: teal;
		color:#E0E0FF;
		font-size :9pt;
                border-radius: 5px;
                border: 2px solid teal;
                width: 99.500%;
		}
.SloganAdmin
		{
		font-size :15pt;
		}
.tabLogo, .tableauT
		{
		width:100%;
		margin:0px;
		}
.tableauT
		{
		/*background:#F0F0F0;*/
		height:100%;
		}
.tr_mini_logo
		{
		width:100%;
		height:15%;
		}
.tr_principale
		{
		width:100%;
		height:85%;
		}
.tab_slogan_cxn
		{
		width:100%;
		}
.div_connexion
		{
		width:99.500%;
		height:auto;
                border-radius: 5px;
                border: 2px solid teal;
                background:teal;
		}
.td_logo
		{
		width:10%;
		height:auto;
		}
.td_slogan
		{
		width:25%;
		height:auto;
		}
.td_form_cxn
		{
		width:65%;
		height:auto;
		}
#imgLogo
		{
		width:100%;
		height:auto;
		}
.div_menu_lateral, .div_trans_produit {
   display: inline-block;
}
.div_menu_lateral
		{
		overflow:auto;
		width:18%;
		height:auto;
		vertical-align: top;
                border-radius: 5px;
                border: 2px solid #2C6164;
		}
.div_trans_produit
{
        overflow:auto; /*é modifien en 'overflow:scroll;' si les ascenceurs n'apparaissent pas*/
        /*background:#F2F2FF;*/
        width:80%;
        height:auto;
        vertical-align: top;
        border-radius: 5px;
        border: 2px solid #2C6164;
        margin-left: 0.500%;
}

.div_liste_transaction
		{
		overflow:auto;
		/*background:#F2F2FF;*/
		width:30%;
		height:auto;
		vertical-align: top;
		}
.div_liste_ordre_travail
		{
		overflow:auto;
		/*background:#F2F2FF;*/
		width:70%;
		height:auto;
		vertical-align: top;
		}
.div_liste_transaction, .div_liste_ordre_travail {
   display: inline-block;
}

/*.cellCxn, .td_slogan, .tabLogo, .tab_mini_logo
		{
		background: teal;
		}*/
.td_menu_lateral
		{
		width: 30%;
		overflow:auto;
		background:#E8E8E8;
		}
#Inscription
		{
		Background:#006699;
		color:#E0E0E0;
		font-size :16pt;
		width:150px;
		}
#Inscription:hover
		{
		Background:#0DFF0D;
		color:#006699;
		}
#cellDcxnActualNomContact
			{
			color:#F8F8F8;
			padding-right:15px;
			margin:0px;
			font-family:Times New Roman;
			font-weight:bold;
			font-size :10pt;
			}

#cellDcxnActualNomContact:hover
		{
		text-decoration:underline;
		}
#cellActualNomContact
			{
			color:#F8F8F8;
			padding-right:15px;
			margin:0px;
			font-family:Times New Roman;
			font-weight:bold;
			font-size :10pt;
			}
a:link
	{
	color: #527DA8;
	text-decoration:none;
	}
a:visited
	{
	color: #527DA8;
	text-decoration:none;
	}
a:hover
	{
	color:#663333;
	text-decoration:none;
	}  /* mouse over link */
a:active
	{
	color:#663333;
	text-decoration:underline;
	}  /* selected link */
.affMessageAlerte
	{
		font-style:italic;
		font-size :9pt;
		font-family:Arial;
		color:#B9121B;
	}
.affMessageValidation
	{
		font-style:italic;
		font-size :9pt;
		font-family:Arial;
		color:#5BAE00;
	}
.menu
		{
			background: #4EA9A0;
			width:100%;/* Taille: 400px -> 400 / 1120 */
			height: 5.72916666666667%;/* Taille: 55px -> 55 / 960 */
			margin: 0px;
		}
.tab_menu_elts
		{
			background: #4EA9A0;
			width:35.71428571428571%;/* Taille: 400px -> 400 / 1120 */
			height: 5.72916666666667%;/* Taille: 55px -> 55 / 960 */
		}
.menuElts
		{
			width: 20%;/* Taille: 80px -> 80 / 400 */
			height: 5.72916666666667%;/* Taille: 55px -> 55 / 960 */
			font-size :1.1250em;/* Taille: 18px */
			font-weight:bold;
			color:#E0E0FF;
		}
.menuElts:hover
		{
			background: teal;
			color:#E0E0FF;
		}
.menu a
		{
		  text-decoration: none;
		  color: #E0E0FF;
		}
.menu a:hover, a:focus, a:active
		{
		  text-decoration: none;
		  color: #E0E0FF;
		  background: teal;
		}
.div_selection
		{
		width: 100%;
		height: auto;
		margin: 0px;
		}
.cellNomEvenPub
		{
		width: 20%;
		height: auto;
		margin: 0;
		}
@media only screen and (max-device-width:1120px) {
		.tab_principale {
		width: 100%;
		}
		/*.div_connexion_out {
		display: none;
		}*/
}
@media only screen and (max-device-width:640px) {
   .div_liste_ordre_travail, .div_selection, .div_menu_lateral, tr.tr_info_renc, td.td_joueurs, td.inf_admin {
      display: none;
   }

   .div_liste_transaction {
      width: 100%;
   }

   select, input{
     font-size: 0.80000em;
     width: 100%;
   }
   .div_trans_produit {
      width: 100%;
      margin-left:0;
   }
   .tab_slogan_cxn{
     text-align: center;
     width: 100%;
   }
   .div_principale, .tab_slect_csd
   {
     width: 100%;
	   margin: 0%;
     font-size: 0.80000em;
   }
   .tab_principale
   {
    width: 100%;
	margin: 0px;
   }
   .div_menu_in {
      display: none;
   }
   .div_connexion_logo
   {
    width: 100%;
	height: auto;
   }
   .div_connexion_logo img
   {
    width: 100%;
	height: auto;
   }
   .div_connexion_in
   {
    width: 100%;
	height: auto;
   }
   .div_connexion_in input
   {
    width: 70%;
	height: auto;
   }
   .tab_form_cxn
   {
    width: 100%;
	height: auto;
   }
   .div_selection {
      display: inherit;
      width: 100%;
	  margin: 0%;
   }
   .tab_menu_mobile
   {
    width: 100%;
	margin: 0%;
   }
   .menu_img
	{
	width: 30%;
	height: auto;
	}
   #tr_slideshow {
      display: none;
   }
	.div_connexion table,
	.div_connexion table tbody,
	.div_connexion table tr,
	.div_connexion table td {
	display: block;
	}

	.div_produit table,
	.div_produit table tbody,
	.div_produit table tr,
	.div_produit table td {
	display: block;
	}
	.menu {
	width: 100%;
	}
	.div_menu {
	width: 100%;
	}
	.div_td_produit
	.tab_produit_in
	.div_td_produit table {
      width: 100%;
	  height: auto;
	}
}