@CHARSET "ISO-8859-1";

img { border : none; }

/*#connexion {
	position: fixed;
	top: 25%;
	left: 35%;	
}*/

#valider_conn {
	
	padding-top:20px;	
    text-align: right;
    
}

#admin {
	position: fixed;
	top: 25%;
	left: 35%;	
}

#footer {
	position: fixed;
	top: 5%;
	left: 90%;
	clear: both;	
	 z-index:51;
}

body 
{ 
	background:#FFFFFF; 
	font-family:Arial, Helvetica, sans-serif;
    
}

#connexion
{   
    width:370px;
    height: 150px;

    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    background-image:  url(../images/redim_image/logo_geodis_3.png);
    background-position:center center;
    background-repeat:no-repeat;
    
    border-width: 2px;
    border-style: solid;
    border-color: #3200E6;
    
    padding-top:70px;
    padding-bottom:40px;
    padding-left:40px;
    padding-right:40px;
    

    
}

#logo_horus {
    width:370px;
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9%;

}

#logo_horus2 {
    width:370px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align:center;


}

#entete
{
    height          : 8%;
    position        : fixed;
    top             : 0;
    width           : 100%;
    left            : 0;
    z-index:50;
}
#milieu
{
    margin         : 75px 0 4px 0;
    width           : 100%;
    /*height : auto;
    position:absolute;
    overflow-x:auto;
    overflow-y:auto;*/
}
#fixeEntete
{
	position:fixed;
}

	
#navigation{
	position:fixed;
	}
	
#div_colonne{
	position : relative;
	top       : 72px;
    width           : 100%;
 }
 
#div_bj{
	margin-top:125px;
    text-align:center;
    font-size: 12px;
}

#message_ac{
    text-align: center;
    font-size: 12px;
}
 
 #tab_acc{
 	width: 50%;
 	display: block; 
 	margin-left: auto;
 	margin-right: auto;
    margin-top: 50px;
 }
  #tab_acc table {
  	width:100%;
  	border-collapse: collapse;
  	font-size:11px;
    
  }
 
 #tab_acc th{
 	
 	height: 20px;
 	background:url("redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #E9E5E2;
    padding:7px;
 }
  #tab_acc td{
 	text-align: center;
    padding: 7px;
 }
 
 #tab_user{
 	width:100%;
 }
 
  #tab_user td{
  	width: 50%;
  }

 #tab_suivi{
 	width: 100%;
 	display: block; 
 	margin-left: auto;
 	margin-right: auto;
 	border-style: solid;
 }
  #tab_suivi table {
  	width:100%;
  	border-collapse: collapse;
  	font-size:11px;
  	
  }
  
 #tab_suivi table tr:hover{
	background: #E9E5E2;
}
 
 #tab_suivi th{
 	font-size:14 px;
 	height: 20px;
 	border-style: solid;
 	border-color: #E9E5E2;
 	border-width: 1px;
 	background:url("redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #E9E5E2;
 }
  #tab_suivi td{
    height: 20px;
 	text-align: center;
 }
 
  #tab_suivi_detail{
 	width: 100%;
 	margin-left: auto;
 	margin-right: auto;
 	border-style: solid;
 }
  #tab_suivi_detail table {
  	width:100%;
  	border-collapse: collapse;
  	font-size:11px;
  	
  }
 
 #tab_suivi_detail th{
 	font-size:14 px;
 	height: 20px;
 	border-style: solid;
 	border-color: #E9E5E2;
 	border-width: 1px;
 	background:url("redmond/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #E9E5E2;
 }
  #tab_suivi_detail td{
 	text-align: center;
 }
 

  #user{
 	width:50%;
 }
 
 #liste_user{
 	width: 85%;
 	height: 100%;
 }
 
 #FUser{
 	width: 90%;
 }
 
 #Modif_User{
 	width:100%;
 }
 
 #Modif_User td{
 	width:50%;
 }
 
  #TabColonne{
 	display: block; 
 	margin-left: auto;
 	margin-right: auto;
 }
  #TabColonne table {
  	width:100%;
  	border-collapse: collapse;
  	font-size:11px;
  }
 
 #TabColonne th{
 	font-size:14 px;
 	height: 20px;
 	
 }
  #TabColonne td.centre{
 	text-align: center;
 }
 
 .hidden {
   display: none;
}

.visible {
   display: ;
}

.suivi{
	background-color: #E9E5E2;
 }
 
/** Tableaux reporting **/
div.tab_reporting{
 	margin: 0;
    padding: 0;
 	width: 100%;
}
div.tab_reporting table{
    background: #FFF;
  	border-collapse: collapse;
    border: 2px solid #E9E5E2;
  	font-size: 11px;
    margin: 0;
    padding: 0;
    width: 100%;
}
div.tab_reporting th{
 	height: 20px;
    border: 1px solid #E9E5E2;
    text-align: center;
}
div.tab_reporting th:first-child{
    border-left: 2px solid #E9E5E2;
}
div.tab_reporting th:last-child{
    border-right: 2px solid #E9E5E2;
}
div.tab_reporting th.middle{
    border-left: 2px solid #E9E5E2;
    border-right: 2px solid #E9E5E2;
}
div.tab_reporting th.left{
    border-left: 2px solid #E9E5E2;
}
div.tab_reporting th.right{
    border-right: 2px solid #E9E5E2;
}
div.tab_reporting th.none{
    background: #f0f0f0;
    border-bottom: 2px solid #E9E5E2;
    border-top: 2px solid #f0f0f0;
    border-left: 2px solid #f0f0f0;
}
div.tab_reporting td{
	height: 20px;
    padding: 0 4px;
}
div.tab_reporting td:last-child{
    border-right: 2px solid #E9E5E2;
}
div.tab_reporting td.left{
    border-left: 2px solid #E9E5E2;
}
div.tab_reporting td.right{
    border-right: 2px solid #E9E5E2;
}
div.tab_reporting td.middle{
    border-left: 1px solid #E9E5E2;
}
div.tab_reporting td.numeric{
    text-align: right;
}
div.tab_reporting tr:hover{
	background: #E9E5E2;
}
div.tab_reporting .total{
    background-color: #E9E5E2;
    border-top: 3px solid #E9E5E2;
    height: 22px;
}
div.tab_reporting .total:hover{
    background-color: #E9E5E2;
}

/** Div de chargement **/
div.fade{
    background-color: black;
    display: none;
    height: 100%;
    margin-top: -123px;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    z-index: 90;
    /* Pour IE8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
div.spin{
    background-color: black;
    border-radius: 5px;
    display: none;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0.6;
    position: fixed;
    top: 50%;
    width: 80px;
    z-index: 90;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

/*div.milieu.liste_vue {border-left: 125px none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}*/