@charset "iso-8859-1"; 

body {
background: #e2e2e2 url("images/fond.jpg") repeat-x;
color:#303030;
font: 76% 'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
text-align : center ;	
}	

/*** boites ***/  

#fond {	 
width:1000px;	
position  : relative ;	
background : transparent  ;	
margin: 0 auto;	  
/*height : 100% ; barre defilement dans contenu   */
}	  	  

#entete { 
color: #ffffff;	  
/*background-color : #0789f9 ;	*/
height : 115px ;
text-align:left;
} 	

#MenuHaut {	  
height : 35px ;	
margin : auto ;	 
background:#f0f0f0 url('images/menu.jpg') repeat-x;
}  

#MenuGauche { 	 
position: absolute;	   
left:0;
width: 220px;
height : 68% ;  
padding-top : 20px ;	
}  			 


#Contenu {	 
font:100% 'Trebuchet MS',Verdana,Tahoma,Arial,sans-serif;
width: auto;  
margin-left : 220px ;	
padding-top : 20px ;
padding-bottom : 10px ;
padding-left : 10px ;
padding-right : 10px ;
text-align:left;
/*width: 780px; */ 
/*height : 68% ;*/
/*overflow: auto;*/	 
}

#pied {
height: 40px; 
}	  


/*** objet Entete ***/  

#entete h1 {	 
color : red ;
font-weight: bolder;
letter-spacing:-2px;
margin:0;
padding:0; 
font-size:5em;
padding-top:20px;
font-style: italic;
}


/*** objets Menu Horizontal  ***/

#MenuHaut ul {	
font-size:12px;	
font-weight:bold ;
margin:0;
padding:0;	
}

#MenuHaut li {	
float:left; 
height:35px;
list-style:none;
margin:0;
padding:0;
}

#MenuHaut a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:1em;
padding-top : 10px ;
padding-bottom : 5px ;
padding-left : 36px ;
padding-right : 35px ;
text-transform:uppercase;	
text-decoration:none ;
}

#MenuHaut a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#MenuHaut a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}	

/** objet Menu Gauche **/ 

#MenuGauche h1{
color:#505050;
font-size:1.2em;
font-weight:bold;
margin:0 0 12px;
}

#MenuGauche h2 {
color:#ffffff ;
font-size: 1.1em;
margin:5 5 0 0 ;
}

#MenuGauche h3 {
font-size: 1.1em;
margin:0 0 0 0 ;
color : #ff0000 ;
}

#MenuGauche p {
font-size:1em;
line-height:1em;
margin:0 0 5px 5px;
color: rgb(125,125,125);
} 

#MenuGauche ul {	
width : 200px ;	 
margin: 0 0 0 0 ;
padding: 0 0 0 0 ;	
font-size: 10px ;	
}	

/* liste avec > */
#MenuGauche li { 
	position  : relative ;	  
	left : 10 ; 
 	width : 200px ;
    height : 25px ;	
	margin: 0;
	padding : 0 ;
	padding-left : 10px ;
	text-align: left;
	list-style-type: none ;
    background:url("images/triangle.jpg") left no-repeat ;
}

/* lien liste */
#MenuGauche li a {
	text-align: left ;	
	padding: 0.3em 0.7em 0.2em 0.6em ;
	color: rgb(125,125,125); 
	text-decoration: none;
	height: 1.3em;
	font-size: 1.2em;  
	border : none ;
	width : 155px !important ; /* firefox seulement */
	width : 175px ;
	display: block ;
}

/* action souris sur lien */
#MenuGauche a:hover {
	text-align: left ;
	color: rgb(0,0,0);
	background-color: white ; /* rgb(187,211,247) */
}  

#MenuGauche a:hover.MenuVert {
	text-align: left;
	border: solid 1px red ;				
	background-color: #ccffcc ;	
	color: rgb(0,0,0);
}  

#MenuGauche a:hover.MenuOrange {
	text-align: left;
	border: solid 1px red ;				
	background-color: #f5d7ad ; 
	color: rgb(0,0,0);
}  

/* entete menu gauche bleu */	
#MenuGauche li.titre { 
   	display: block;
	position  : relative ;	  
	left : 20px ; 
	width : 200px ;
	text-align: center;	
	margin:  0 ;
	padding-top : 3 ;
	padding-bottom : 3 ;
	padding-left  : 3 ;
	padding-right : 3 ;
	text-align: center;	
    border: solid 1px #a3a2a2;
	color:#ffffff ;
    font-size: 1.1em;
	background-image : none ;
    background-color: #3399ff ; 
}	

#MenuGauche a.titre {
	display: block;
	text-align: center;	
	padding: 0.3em 0.7em 0.2em 0.6em;
	border-left: 0 ;	
	text-decoration: none;
	height: 1.3em;
	font-size: 1.1em;  
	color : white ;
}  

#MenuGauche a.titre:hover {
	text-align: center ;
	text-decoration: none ;	 /* ou underline */
	border-left: 0; 
    font-weight:bold;
    background-color: 3399ff ; 
    color : white ;	
	font-size: 1.3em;
}  	

#MenuGauche li.detail { 
	position  : relative ;	  
	left : 20px ; 	
	width : 185px !important ; 
	width : 200px ;	
	margin: 0;
	padding-top : 0 ;
	padding-bottom : 0 ;
	padding-left  : 20 ;
	padding-right : 0 ;
 	background-color: white ;
    list-style-type: none;
    background-image: url('images/triangle.jpg');
	background-repeat: no-repeat;
	background-position: 10px 2px;
}	

#MenuGauche a.detail:hover  {
	text-align: left ;
	color: rgb( 100,100,100) ;
	text-decoration: none ;	 /* ou underline */
	border: solid 1px red ;	
	width : 80% !important ; /* firefox seulement */
	width : 170px ;
	display: block ;
    background-color: rgb(187,211,247) ;
}  		


/*** objet Contenu ***/

#Contenu h1  {	 
font-family: Verdana,helvetica,geneva,arial ;	
background-color:inherit;
color: red;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 20px;
padding:0; 
text-align:center;
}	

#Contenu h1.bleu  {	 
font-family: Verdana,helvetica,geneva,arial ;	
background-color:inherit;
color: #3399ff ;
font-size:18px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 20px;
padding:0; 
text-align:center;
}		

#Contenu h2 {
background-color:inherit;
color:#81cde5;
font-size:15px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 10px;
padding:0;
}	

#Contenu h3  {
background-color:inherit;
color:#606060;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 5px;
padding:0;
}	

#Contenu h4  {
color:#606060;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 5px;
padding:0;
color: #6495ed  ; 
}	  

#Contenu p,pre {
font-size:10px;
font-family: Verdana,arial,helvetica,geneva ;	 
color : #606060;
margin-top :0px ;
margin-bottom :0px ;
margin-left :0px ;
margin-right :0px ;	
} 	

#Contenu p.orange {
font-size:11px;
font-family: Verdana,arial,helvetica,geneva ;	 
color : #ff9900 ;
margin-top :0px ;
margin-bottom :0px ;
margin-left :0px ;
margin-right :0px ;	
font-weight:bold;
}   

#Contenu p.bleu {
font-size:11px;
font-family: Verdana,arial,helvetica,geneva ;	 
color : #02056c ; /*#0000c0 ;*/
margin-top :0px ;
margin-bottom :0px ;
margin-left :0px ;
margin-right :0px ;	
font-weight:bold;
}     

#Contenu td h2 {
background-color:inherit;
color: #6495ed ; /*#81cde5 ; */  
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-top :5px ;
margin-bottom :5px ;
margin-left :5px ;
margin-right :5px ;
padding:0;
}	

#Contenu td p {	 
font-size:10 px;
font-family: Verdana,arial,helvetica,geneva ;	 
color :  #606060;
margin: 0 0 5px 5px;
} 

#Contenu p.erreur  {	 
font-size:14 px;
font-family: Verdana,arial,helvetica,geneva ;	 
color : #0fbb44 ;
} 	

/*** objet Contenu et pied ***/

#pied h2  {
background-color:inherit;
color: black ;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
margin-top : 4px ;
margin-bottom : 4px ;
padding: 0 ;
text-align : center ;
}

#pied h3  {
background-color:inherit;
color:#606060;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-top : 2px ;
margin-bottom : 2px ;
padding:0;
text-align : center ;
}	


/*** boite pour google map ***/

#affichage_carte {	 
width: 95% ;
background-color: #ffffff ;
border: solid 1px #a3a2a2;
padding: 15px;
height:580px;
} 	



/*** encarts publicite ***/

.encart_boite {   /* conteneur */
width: 200px ;
margin-top : 0 ;
margin-bottom : 0 ;
margin-left : 10px ;
margin-right : 10px ;
padding : 0 0 0 0 ;
text-align : center ;
}

/** Entete **/
.encart_entete {
border: solid 1px #a3a2a2;
background-color: #3399ff ; 
padding-top : 3 ;
padding-bottom : 8 ;
padding-left : 2 ;
padding-right : 2 ;
margin : 0 0 0 0 ;
text-align:center ;
}

/** Entete orange **/
.encart_enteteO {
border: solid 1px #a3a2a2;
background-color: #ff9900 ; 
padding-top : 3 ;
padding-bottom : 8 ;
padding-left : 2 ;
padding-right : 2 ;
margin : 0 0 0 0 ;
text-align : center ;
}

/** Entete verte **/
.encart_enteteV {
border: solid 1px #a3a2a2;
background-color: #66cc00 ; 
padding-top : 3 ;
padding-bottom : 8 ;
padding-left : 2 ;
padding-right : 2 ;
margin : 0 0 0 0 ;
text-align:center ;
}

.encart_contenu {
border-left : solid 1px #a3a2a2;
border-right : solid 1px #a3a2a2;
border-bottom : solid 1px #a3a2a2;
background-color : #ffffff ;
margin : 0 0 0 0 ;
padding-top : 10 ;
padding-bottom : 10 ;
padding-left : 0 ;
padding-right : 0 ;
text-align:center ;
}

/** Contenu aligné à gauche **/

.encart_contenuL {
border-left : solid 1px #a3a2a2;
border-right : solid 1px #a3a2a2;
border-bottom : solid 1px #a3a2a2;
background-color : #ffffff ;
margin : 0 0 0 0 ;
padding-top : 0 ;
padding-bottom : 15 ;
padding-left : 10 ;
padding-right : 0 ;
text-align:left ;
}


.boite_blancheC {
border : none ;
background-color : #ffffff ;
margin : 0 0 0 0 ;
padding-top : 10 ;
padding-bottom : 10 ;
padding-left : 0 ;
padding-right : 0 ;
text-align:center ;
}


/*** actualites ***/

.actualite_boite {
width: 94% ;
height : 150px ;
border: solid 1px #6495ed;
margin-top : 20px ;
margin-bottom : 0 ;
margin-left : 3% ;
margin-right : 3% ;
padding : 0 0 0 0 ;
background-color:  #ffffff;
}

.actualite_entete {
border-bottom : solid 1px #6495ed;
background-color:  #D0E3FA; 
margin : 0 0 0 0 ;
padding : 5 2 2 2 ;
text-align:center ;
}

.actualite_image {
float : left ;
left:0;
width: 110px ;
height : 100px ;
background-color:  #ffffff;
margin : 0 0 0 0 ;
padding : 5 5 5 5 ;
text-align:center;
}

.actualite_texte {
padding : 10 10 10 10 ;
margin-top : 0 ;
margin-bottom : 0 ;
margin-left : 120px ;
background-color:  #ffffff;
margin-right : ;
text-align:left ;
}

.actualite_image img {
height : 100% ;
width : 100px ;
border : 0 ;
}

/*** telechargement ***/

.telechargement_boite {
width: 94% ;
border: solid 1px #6495ed;
margin-top : 20px ;
margin-bottom : 0 ;
margin-left : 3% ;
margin-right : 3% ;
padding : 0 0 0 0 ;
}

.telechargement_entete {
border-bottom : solid 1px #6495ed;
background-color:  #D0E3FA; 
padding : 5 2 2 2 ;
margin-top : 0 ;
margin-bottom : 0 ;
text-align : center ;
}

.telechargement_texte {
padding : 10 10 10 10 ;
margin-top : 0 ;
margin-bottom : 0 ;
padding : 15 15 15 15 ;
background: url("images/01.gif") ;
text-align: left  ;
}   

/*** div de positionnement ***/

.contenuB {
width: 95% ;
background-color: #ffffff ;
border: solid 1px #a3a2a2;
padding: 15px;
min-height:500px; 
height:auto !important; /* firefox seulement */
height:500px; /* ie8 ne comprend pas min-height mais height marche pareil */
}


/** bouton**/

.modifier {
 display:block;
 height : 37px ;
 width : 120px ;
 background-image: url("images/modifier_gris1.png");
 background-repeat: no-repeat;
} 

.modifier:hover {
 display:block;
 height : 37px ;
 width : 120px ;
 background-image: url("images/modifier_gris2.png");
 background-repeat: no-repeat;
 border : none ;
} 

.nouveau {
 display:block;
 height : 37px ;
 width : 120px ;
 background-image: url("images/nouveau_gris1.png"); 
 background-repeat: no-repeat;
} 

.nouveau:hover {
 display:block;
 height : 37px ;
 width : 120px ;
 background-image: url("images/nouveau_gris2.png"); 
 background-repeat: no-repeat;
} 

.deconnexion {
 display:block;
 height : 37px ;
 width : 117px ;
/* margin-left : 55px ;*/
 background-image: url("images/deconnexion_gris1.png"); 
 background-repeat: no-repeat;
} 

.deconnexion:hover {
 display:block;
 height : 37px ;
 width : 117px ;
 /*margin-left : 55px ;*/
 background-image: url("images/deconnexion_gris2.png"); 
 background-repeat: no-repeat;
} 

.repondre {
 display:block;
 height : 37px ;
 width : 117px ;
 background-image: url("images/repondre_gris1.png"); 
 background-repeat: no-repeat;
} 

.repondre:hover {
 display:block;
 height : 37px ;
 width : 117px ;
 background-image: url("images/repondre_gris2.png"); 
 background-repeat: no-repeat;
} 


.fermer {
 display:block;
 height : 37px ;
 width : 117px ;
 background-image: url("images/fermer_gris1.png"); 
 background-repeat: no-repeat;
} 

.fermer:hover {
 display:block;
 height : 37px ;
 width : 117px ;
 background-image: url("images/fermer_gris2.png"); 
 background-repeat: no-repeat;
} 


.ouvrir {
 display:block;
 height : 37px ;
 width : 117px ;
 background-image: url("images/ouvrir_gris1.png"); 
 background-repeat: no-repeat;
} 

.ouvrir:hover {
 display:block;
 height : 37px ;
 width : 117px ;
 background-image: url("images/ouvrir_gris2.png"); 
 background-repeat: no-repeat;
} 


/*** tableau  ***/	  

table {
border: medium solid #6495ed;
border-collapse: collapse;
width: 90% ;
font-size: 10px ;
margin-left :1% ;

}  

th {
font-family: monospace;
border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;	 
font-size:10px;
}

td { 
font-family: sans-serif;
border: thin solid #6495ed;
padding: 5px;
text-align: center;
/*background-color: #ffffff ; Sinon pas d autre couleur possible que blanc  */ 
font-size:10px;
}	

input  , textarea {
background-color: #e0e0e0;	 
}




/*** tableau sans bordure ***/

.tableauC {	  
border: none;   
border-collapse: auto;
width: 90% ;	
font-size:10px;
} 

.tableauC th {
font-family: monospace;		 
border: none;
padding: 5px;
background-color: white;	 
font-size:10px;
}

.tableauC td { 	 
border: none ;
/*border : thin solid red ;	*/
font-family: sans-serif;
padding: 5px;
text-align: center ;
background-color: white; 
font-size:10px;
}	 

.tableauG {	  
border: none;   
border-collapse: auto;
width: 90% ;	
font-size:10px;
} 

.tableauG th {
font-family: monospace;		 
border: none;
padding: 5px;
background-color: white;	 
font-size:10px;
}

.tableauG td { 	 
border: none ;
/*border : thin solid green ; */
font-family: sans-serif;
padding: 5px;
text-align: left ;
background-color: white; 
font-size:10px;
}