/* imports */

@import url(pieddepage.css);
@import url(photos.css);

/*=======================
     elements html      
=======================*/

*{
	font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
	color:#222;
	-webkit-text-size-adjust:none;
	
} 
a.ancre, a.ancre:hover {
	text-decoration:none;
}

a, a:link, a:visited {
	color:#518c38;
	font-weight:bold;
	text-decoration:underline;
}   

a:hover{
	text-decoration:underline;
}

h1{
	font-size:32px;
	margin:5px 0 15px 0;
	padding:0;
	color:#79b333;
	font-weight:150;
}    
h1 a{
	font-size:inherit;
}

h2{  
	font-size:18px;
	color:inherit;
	margin:0;
	padding:0;
	display:block;
	font-weight:normal; 
}    
h2 a{
	font-size:inherit;
}
 
h3{  
	font-size:20px;
	color:inherit;
	margin:0;
	padding:0;
	font-weight:normal; 
} 

.boite530 h3{
	font-size:14px;
}

h4{
	font-size:15px;
	margin:0 0 0px 0;
}

img{
	border:0;
}

strong{
	color:inherit;
	font-size:inherit;
} 

.chapeau strong{
	color:#886f38;
	font-size:14px;
}             
  

table{
	width:100%;
}              

th{
	background:#c9c9c9 url('../img/interface/divers/degrade-fond-gris.png') repeat-x;      
	
	padding:4px 10px;
	width:50%;           
}

td{
	vertical-align:top;
	 padding:10px;
} 



/*=======================
         classes
=======================*/ 
.texte-a-droite{
	text-align:right;
}

.fond-rouge{border:solid 1px #faa; background-color:#fee; padding:2px 2;}
 

form div.fond-rouge{
	width:230px;
}                                          
.surtoutelalargeur {
	/* occupe toute la largeur du parent*/ 
	width:100%;
}

.fond-header{
	height:183px;
	background:transparent url(../img/interface/header/fond-bicolore.png) repeat-y;
	background-position:top center;	
} 

.ombre-bas{
	background:transparent url(../img/interface/content/ombre-bas.png) no-repeat;
	background-position:top;
	height:3px;
	margin:0;
	padding:0;
}

.bandeau-degrade-clair{
	background:transparent url(../img/interface/footer/bandeau-degrade.png) repeat-x;
	height:21px;
}

.fond-blanc{
	background:#fff;
}

.conteneur1024 {
	width:1024px;
	margin:0 auto;
	text-align: center; 
	padding:0px 0;
}
         
.conteneur908{        
	width:908px;
	margin:0 auto; 
	text-align:center;
	padding:0px 0;
	
}

.conteneur898{        
	width:898px;
	margin:0 auto; 
	text-align:center;
	padding:0px 0;
	
}

.conteneur912{        
	width:912px;
	margin:0 auto; 
	text-align:center;
	padding:0px 0;
	
}
 
.conteneur1024 p{
	margin:0;
	  
}   

.clear{
	clear:both;
}              

.clearfix{
	display:inline-block;
}

.floatfix{
	display:inline;
} 

.a-gauche{
	float:left;
	display:inline; /*correction bug double marge*/ 
}              

.a-droite{
	float:right;
	display:inline; /*correction bug double marge*/
}

.ssmenu li{
	display:inline;
	margin:5px 5px;
	padding:0px 5px 0px 5px; 
	float:left;
}
.ssmenu a, .ssmenu a:link, .ssmenu a:visited  {
	font-weight:normal;
	color:#25630c;
	text-decoration:none;
	
}

.ssmenu{
	font-size:13px;
}

/*=======================
           ids
=======================*/

/* icones */
#ss-menu-home{
	background: url(../img/interface/icones/mini/home.png) no-repeat;
	background-position:left center;
	padding:0px 5px 0 15px;

}
#ss-menu-contact{
	background: url(../img/interface/icones/mini/enveloppe.png) no-repeat;
	background-position:left center;
	padding:0px 5px 0 20px;
}

/* Grandes icones */
.icone-attention{
	background:url('../img/interface/icones/attention.png') no-repeat;
	width: 42px;
	height: 41px;    
}


#zone-centrale{
	background: transparent url(../img/interface/content/fond-contenu.png) repeat-y;
	background-position:top;
}    
#fond-contenu{
	width:100%;
	background:#fff url(../img/interface/content/fond-contenu-degrade.png) repeat-x;
	background-position:bottom;
}
#col-gauche{
	width:530px;
	float:left;
	margin:24px 0px 36px 32px;
	text-align:left;
	display:inline; /* corrige le bug de la double marge IE6 et précedents*/
}                   

#col-droite{
	width:282px;
	float:right;
	margin:24px 32px 36px 0px;
	text-align:left;
	display:inline; /* corrige le bug de la double marge IE6 et précedents */
}

.col{          
	width:908px;
	float:left;
	margin:24px 0 36px 0;
	text-align:center;
	display:inline;  
}
.col p{               
	padding:0 300px;
	margin:10px 0;
}

.securite{
	width:100%;
	height:1px;
	clear:both;
} 

.securite-1px{
	width:100%;
	height:1px;
	clear:both;
}  

.centre-texte{
	text-align:center;
}                     

/* footer */

.footer p{color:#ccc;font-size:12px; margin-top:2px;margin-bottom:0px;padding-bottom:0px;}

.footer a,.footer a:link,.footer a:visited{color:#ccc;font-weight:bold;text-decoration:none;}
.footer a:hover{text-decoration:underline;}          

#carte{
	float:right;
	/*	margin-right:20px;	*/
}
/* header */

.retour-accueil{
	width:200px;
	height:120px;
	display:block; 
	float:left;
	display:inline;
	margin:30px 0 0 0;
}   

#header{
	background:transparent url(../img/interface/header/bandeau-sup.png) no-repeat;
	background-position:top center;
	margin:auto;
 	height:156px;
    width:1024px;
	padding:0;

	
} 

#menu{
	margin:0;
	list-style-type:none;
	padding:0;
	height:27px;
	overflow:hidden; 
	text-align:left;
	font-size:13px;      
	
}

#menu li{       
    display:inline;
	padding:0;
}                  

ul{
	margin:0;
	padding:0;
	text-align:left; 
	font-weight:bold; 
	color:#79b333; 
} 
lh{
	font-weight:bold;
	margin-bottom:5px;  
	display:block; 
    
}

li {
	margin:0 0 0 20px;
	padding:0 0 5px 0;
	font-weight:normal; 
	color:#222;
}
  

.ancre {
	text-decoration:none; 
	font-weight:inherit;
	color:#79b333; /* vert */
}
/* Lien du menu */
#menu li a{
	color:#25630c;
	font-weight:bold;
	text-decoration:none;
	padding-top:7px;
	text-align:center;   
}  

#menu li a:hover{
	 background-position:0px -29px;
	
}

/* a gauche taille normale*/                                                                               
#menu li .a-gauche{
	width:130px;
	height:27px;
	background:transparent url(../img/interface/header/bouton-menu.png) no-repeat;
	text-align:center;
	float:left;
}  

#menu li .selected, #menu li .a-droite.selected{
	 background:transparent url(../img/interface/header/bouton-menu-selected.png) no-repeat;
	
}   

#menu li a:hover, #menu li .a-droite-xl a:hover{  
	background-position:0px -29px;
}  
 
#menu li .a-droite{
   	width:130px;
	height:27px;
	background:transparent url(../img/interface/header/bouton-menu.png) no-repeat;
	text-align:center;
	float:right;
}


/* a droite bouton plus large */
#menu li .a-droite-xl.selected{
	 background:transparent url(../img/interface/header/bouton-menu-xl-selected.png) no-repeat;	
}   

#menu li .a-droite-xl{
	width:212px;
	height:27px;
	float:right;
	background:transparent url(../img/interface/header/bouton-menu-xl.png) no-repeat;
	text-align:center;
}

.a-droite-xl{
	display:inline;
}

/* bande jaune courant tout le long (le bandeau gris est inclus dans l'image)*/
#fond-header-bas {
	position:relative;
	background:transparent url(../img/interface/header/fond-header-bas.png) repeat-x;
	top:126px;                                                        
	height:85px;
	width:100%;
	text-align:center;
}

#fond-jaune {
	background:transparent url(../img/interface/header/fond-jaune.png) repeat-x;
	background-position:bottom center;
}

#fond-gris-degrade {
	background:transparent url(../img/interface/header/fond-bandeau-gris.png) repeat-x;
	height:28px;
	background-position:bottom center;
} 



#fond-vert-degrade {
	background:transparent url(../img/interface/header/fond-bandeau-vert.png) repeat-x;
	height:28px;
	background-position:bottom center;
}


/*=========================
          Contenu
=========================*/
/* Conteneur colonne de droite */
.conteneur282{
	width:282px;
}               
.boite282{                                                                    
	width:282px;                                                                      
	float:left;
	display:inline; /* bug de la double marge IE*/
	margin:0 0 25px 0; 
	background:#eee url('../img/interface/content/fond-degrade-gris-clair.png') no-repeat;
	padding:0px 0px 30px 0px;
	background-position: 0 36px;
   
}   

.boite282 p{
	min-width:242px;
	   
}                                                                                  

.boite282 .fond-titre{
	width:282px;
	min-height:35px;
	background:transparent url(../img/interface/content/degrade-vert282.png) repeat-y; 
	margin-bottom:15px;  
} 

.boite282 ul{
	width:242px;
    padding:0 0 0 20px; 
	list-style-type: disc; 
	
}   

.boite282 ul li{
	list-style-type: disc; 	
}

.contenu .boite282 p{
    padding:10px 20px 10px 20px; 
	float:left;
	display:inline;
}

.boite282 form {
    padding:0px 20px 10px 20px; 
	float:left;
	display:inline;
} 

.boite282 h3{
	padding:5px 20px 5px 20px;
	text-align:right;
	      
}                        

.boite282 h3 a, .boite282 h3 a:link, .boite282 h3 a:active, .boite282 h3 a:visited{
	text-decoration:none;
	font-size:16px;
	font-weight:100;
	font-weight:150;
} 

.boite282 h3 a:hover{
	text-decoration:underline;
}                        

form{
	margin:0; 
	text-align:right;
}


form label{
	float:left;    
	padding:5px 0 0 0;
	 
}               

form input, form textarea{
	display:inline; 
}

.input-text{
	width:165px;
	min-width:165px;
	max-width:165px;

}
                             
/* Conteneur colonne de gauche */
.conteneur530{
	width:530px;
}                          

.boite530{
	width:530px;  
	float:left;
	display:inline;
}



.boite530 .a-gauche{
	width:530px;
	float:left;
	display:inline;
}

.boite530 ul{ 
	float:left; 
	width:530px;
	margin-bottom:0px;
	padding-bottom:0px; 
}              


.boite530 .fond-titre{
    min-height:35px;
	background:#ccc url(../img/interface/content/degrade-vert530.png) repeat-y;
	width:530px;       
	margin-top: 0;
	margin-bottom:15px;   
}

.boite530 .fond-ss-titre{

	background:#eee url(../img/interface/divers/degrade-fond-gris-clair.png) repeat-x;
	border-left:#eee 1px solid;
	border-right:#e3e3e3 1px solid;
	border-bottom:#e0e0e0 1px solid;
	width:530px;
	max-width:512px;       
	margin-top: 15px;
	margin-bottom:15px;
	padding:5px 8px; 
	 
}
/* 245 de large (demie-colonne)*/  

/* Conteneur demie-colonne */
.conteneur245{
	width:245px;
}
.boite245 .fond-titre .titre h2 a{
	text-decoration:none;
   	font-size:18px; 
	font-weight:lighter;
	color:#79b333;
} 

.boite245 .fond-titre .titre h2 a:hover{
	text-decoration:underline;
}

.boite245{
	width:245px;
	margin:10px 0;
	text-align:left;
	
}

.boite245 .a-gauche{
	width:245px;
	float:left;
	display:inline;
	margin:10px 20px 10px 0px; 
} 

.boite245 .a-droite{
	width:245px;
	float:right;
	display:inline;
	margin:10px 0px 10px 20px; 
}

.boite245 .fond-titre{
	width:245px;
	min-height:35px;
	float:left;
	background:transparent url(../img/interface/content/degrade-vert245.png) repeat-y;
   display:inline; 
	margin:0 0 10px 0; 
	
}                                                                                     

.contenu .titre{
	font-size:20px; 
	min-height:21px;  
	background:transparent url(../img/interface/content/fleur.png) no-repeat;
	background-position:7px 4px;
	padding:7px 0 7px 48px;
	float:left;
	display:inline;
}

.sous-titre{
	font-size:17px;
	padding-bottom:10px;
	background:transparent;
	display:block;
	margin-bottom:-5px;
	margin-top:-5px;
}

.contenu p{
	padding:0 0 16px 0; 
	
} 

.contenu ul{
	padding-bottom:16px;
}
.boite245 p{
	width:245px;
	text-align:left; 
	float:left;     
	padding-bottom:4px;        
	
}                        

.boite245 ul{
	width:220px;
	list-style-type: disc; 
	float:left;     
	padding-bottom:4px;
}   

.boite245 ul li{
	list-style-type: disc;	
}

/* Boutons */

.bouton-fixe{
	display:inline-block;
	margin:0 auto;
}
.bouton-jaune, a.bouton-jaune, a.bouton-jaune:hover, a.bouton-jaune:active, a.bouton-jaune:visited{
    background: transparent url('../img/interface/boutons/bouton-jaune.png') no-repeat;	 
	width: 113px;
  	height: 24px;
	padding: 7px 0 7px 0;
	margin:14px -3px -7px 0;
	text-align:center;
	color:#333;
	text-decoration:none;
}
.bouton-blanc, a.bouton-blanc, a.bouton-blanc:hover, a.bouton-blanc:active, a.bouton-blanc:visited{
    background: transparent url('../img/interface/boutons/bouton-blanc.png') no-repeat;	 
	width: 113px;
  	height: 24px;
	padding: 7px 0 7px 0;
	margin:14px 0 -7px 0;
	text-align:center;
	color:#333;
	text-decoration:none;
}
/* Divers contenus*/ 
 
#flashcontent{
	float:left;
	display:inline; 
	width:244px; 
	padding:0;
	margin:10px -3px 10px 20px;
}
  
.chapeau{
	margin:0 0 0px 0;
	float:left;
	display:inline;
	font-size:14px;
}
.chapeau p{
	font-size:14px;
	font-weight:lighter;
	color:#886f38;

}  

.chapeau a{
	font-size:14px;
} 
.chapeau ul{
	margin-bottom:0px;   
	padding-bottom:0px;
	
}

.chapeau ul li{
	font-size:14px;
	font-weight:lighter;
	color:#886f38; 
	padding-bottom:8px;

}

.chapeau ul li span{
	font-size:14px;
	font-weight:lighter;

} 

#titre-page{
	color:#79b333;
}                 

#titre-page, #titre-page span{
	font-size:32px;
}
/* couleurs de texte */
.noir{
	color:#000;
}             
.gris{
	color:#808080;
}  

.marron{
	color:#886f38;
}

.vert{
	color:#79b333;
} 

/* Divers */ 
 
.partenaire{
	width:300px;
	float:left;
}

 .partenaire p, .partenaire ul{
	width:300px;
	display:block;
}                         

.partenaire li{
	width:270px;
	vertical-align:top;
} 

            

.blocpartenaire img{
	border:solid 1px #eee;
	float:right;
}

p.legendeCarte{    
	background:#abc;
}   

.separateur{
	background:transparent url(../img/interface/content/separateur.png) no-repeat;
	background-position:center center;
	width:100%;            
	height:13px;
    padding:6px 0 6px 0; 
    float:left;
	display:inline;
}               


#contact-telephone{
	margin-bottom:10px;
}
#bus{
	list-style-type :none;
	background: url(../img/interface/icones/bus.png) no-repeat;
	padding: 0px 0px 0px 30px;
	margin:5px 5px;
	vertical-align:bottom;
 
} 

#metro{
	list-style-type :none;
	background: url(../img/interface/icones/metro.png) no-repeat;
	padding: 0px 0px 10px 30px;
	margin:5px 5px;
	vertical-align:bottom;
 
}

#rer{
	list-style-type :none;
	background: url(../img/interface/icones/rer.png) no-repeat;
	padding: 0px 0px 10px 30px;
	margin:5px 5px;
	vertical-align:bottom;
 
}

.lien-voir-suite{
	float:right;
	padding:5px 0;
	
}