@charset "utf-8";
/* CSS Document */

 	
	* {
	margin:0px;
	padding:0px;
	
	}
	
	body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #372C1E;
	background-color:#E8D8C1;
	font-family:  Trebuchet MS, Verdana, Arial;
	font-size: 13px;
    }
	
	.body_index  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333;
	background-image:url(../img/fd_index_beige.jpg);
	background-repeat:repeat;
	

	font-family:  Trebuchet MS, Verdana, Arial;
	font-size: 13px;
	
    }
    
	
	h1 {
	font-size: 19px;
	
	border-bottom: 1px dashed #372C1E;	
	margin:0px;
	padding:0px;
	font-style: italic;
	}
	
	
	
	h2 {
	font-size: 17px;
	margin:0px;
	color: #333;
	border-bottom: 1px dashed #999;
	padding-left:5px;
	font-style: italic;
	position:relative;
	
	}
	
		
	h3 {
	font-size: 15px;
	margin:0px;
	color: #333;
	padding:0px;
	font-style: italic;
	text-decoration:underline;
	}
	
	h4 {
	font-size: 14px;
	margin:0px;
	padding:5px;
	text-decoration:none;
	background-color:#D6C5B1;
	}
	
	h5 {
	font-size: 13px;
	margin:0px;
	color: #900;
	padding:0px;
	text-decoration:none;
	float:left;
	}
	
	h6 {
	font-size: 15px;
	margin:0px;
	color: #333;
	padding:0px;
	font-style: italic;
	text-decoration:none;
	}
	
	
	
    
    .container {
	width: 1000px;
	text-align: center;	
	padding:0px;
	margin:0px;
	background-image:url(../img/fd_beige.jpg);
	background-repeat:repeat;
    }  
	
	
	 .container_index {
	width: 1000px;
	text-align: center;	
	padding:0px;
	margin:0px;
	

    }  
	
	
	.header {	
    width: 100%;
    height:175px;
    padding:0px;
	margin:0px;
	
	
    } 
	
	
		.header_index {	
    width: 945px;
    height:170px;
    padding:0px;
	margin:0px;
	background-image:url(../img/entete_index.jpg);
	
    } 
	
	.menu {
	text-align:left;
    width:220px;
    padding-left:15px;
	margin:0px;
	margin-left:15px;
	float:left;
    } 
	
	.inscription {
	width:170px;
	text-align:left;	
	border: 1px dashed #333; 
	padding:5px;
	margin-left:10px;
    } 
	
	.contenu {
	margin:0px;
	text-align:left;	
	padding:1px;	
	background-image:url(../img/fd_batteur.jpg); 
	width:728px;
	float:left;	
	position: relative;
	background-repeat:no-repeat;
	z-index:10;
	
    }
	
	
	.contenu_index {
	margin:0px;
	text-align:left;	
	padding:1px;	
	background-image:url(../img/fd_batteur_index.jpg); 
	width:728px;
	float:left;	
	position: relative;
	background-repeat:no-repeat;
	z-index:10;
	
    }
	
	
	
	
	
    
	 .foot {
	 width:100%;
	margin-left:0px;
	
	height:50px;
	text-align:center;
	font-size:11px;
	background-image: url(../img/foot.jpg);
	background-repeat:no-repeat;	
	border-top:1px  #C9B299  solid;
    } 
	
	
    
	
	.alert{
	color:#C00;
	font-size:11px;
	font-style:italic;
	}
	 
	 
	.alert2{
	color:#C00;
	font-size:13px;
	font-style:italic;
	}
	
	
  
    .sidebar1 {
    	float: left; 
    	width: 155px;
    	padding: 15px 0; 
		padding-left:50px;
		height:610px;
    }
	
	 .sidebar2 {
    	float: left; 
    	padding: 15px 0; 
		
    }
	 .sidebar3 {
    	float: right; 
    	padding: 15px 0; 
		
    }
    
   
  
    .mainContent {
     	padding: 15px 0;
		width:600px;
		 float: left; 
		 margin-right:50px;
    	
    } 
   
    
    
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
	
	
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
		
    }
    .fltctr { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	margin-right: 8px;
	background-position: center;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
		
    }
	
	legend{
	font-weight:bold;
	color:#FEFDCF;	
	
		
	}
	
	fieldset{
		border:#FEFDCF;
		border-style:solid;
		border-width:1px;
		margin:1px;
		
		
		
		padding:5px;
	}
	
	fieldset.ligne{	
		padding:6px;
		text-align:center;
	}
	
	
.lien_bulle:link {
	color: #900;
	text-decoration:none;
	cursor:pointer;
	 
	
	
}

.lien_bulle:visited {
	color: #900;
	text-decoration:none;	
	cursor:pointer;
}

.lien_bulle:hover {
	color: #900;
	text-decoration:underline;
	cursor:pointer;
}


a:link {
	color: #900;
	text-decoration:none;
}

a:visited {
	color: #900;
	text-decoration:none;	
}

a:hover {
	color: #900;
	text-decoration:underline;
}


.foot_link:link {
	
	color: #660000;
	text-decoration:none;
}

.foot_link:visited {
	
	color: #660000;	
	text-decoration:none;
	
}

.foot_link:hover {
	
	color: #660000;
	text-decoration:underline;
}
.GInfoWindowTab{
	width:150px;
	
}


#map{
   width:703px; 
   height: 275px;
} 




#map a{
    display:none;
	

} 



/*formulaire_____________________________________________________________________________*/

.label{
	float:left;
	width:25%;
	padding:5px;
	
	margin:1px;
	
}


.label_radio{
float:left; 
width:20px;
padding:5px;

margin:1px;
height:18px;

}


.label_form{
float:left;
width: 70%;
padding:5px;

margin:1px;

}


.label_button{
float:left; 
width:550px; 
padding:3px; 
text-align:right;
background-image:url(../img/fd_box.gif);
border:1px dotted #999 ;
margin:1px;
}










.cadre_2_angle{ 
	background: url(../img/beige_transparent.png) repeat;
	margin-top:20px;
	border: 1px solid #B87272;
	padding-left:5px;
	padding-right:5px;
	padding-left:10px;
	padding-right:10px;
}
			   
			
/*Pour IE*/
*html .cadre_2_angle{
	background: url(../img/beige_transparent.gif);
	background-repeat:repeat;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:25px;
	border: 1px solid #B87272;
	position:relative;
}




/* fiche abonne _________________________________________________________________________*/



.cadre_photo {
width:100px; 
height:100px;
margin-top:6px;
border: 1px solid #333;
float:left;
background-color:#FFF;
margin-right:5px;

}

.cadre_photo_petit {
width:50px; 
height:50px;
margin-right:6px;
border: 1px solid #333;
float:left;
background-color:#FFF;
}



.cadre_info {
padding-left:20px; 
float:left;
width:200px;
padding-top:6px;
}


.cadre_info2 {
padding-left:0px; 
float:left;
width:130px;
padding-top:6px;
}





#map2{
margin-top:0px;
margin-bottom:px;
float:right;
width: 126px; 
height:126px;
border: 1px solid #333;
padding-bottom:6px;
}



/*GENERIQUE___________________________________________________________________________________*/
.clear{
	clear:both;
	
}
.float{
	float:left;	
}

.float_right{
	float:right;	
}

.left{
text-align:left;	
	
}

.right{
text-align:right;	
}


.center{
text-align:right;	
}

.padding10{
padding:10px;	
}



.ligne{
border-bottom:1px dashed #900;	
}


/*ACCUEIL _____________________________________________________________________________________________________*/
.accueil {	
	font-size:16px;	
	padding:10px;
	
}

.accueil img{
padding-right:10px;		
}

.accueil a{
	width:70%;
	border-top:dashed #900 1px ;
	border-bottom:dashed #900 1px ;	
	text-align:center;
	float:left;
		margin-top:20px;
}

.accueil p{
	padding:10px;
}

.accueil h2{
	font-size:18px;		
	border-bottom: none;
	padding-left:0px;
	font-style: normal;
	position:none;
}

.accueil h1 {
	font-size: 19px;
	color: #900;
	border-bottom: 1px dashed #900;	
	border-top: 1px dashed #900;		
	padding:10px;
	font-style: italic;
	text-align:center;
	margin-bottom:20px;

	
	}

/*MENU___________________________________________________________________________________________________________*/

.cadre_menu1 {
background-image:url(../img/cadre_menu1_1.gif);
background-repeat:no-repeat;
margin:0px;
padding:0px;
height:12px;
width:213px;
}

.cadre_menu2 {
margin:0px;
padding:0px;
float:left; 
width:17px;
background:url(../img/cadre_menu2_1.gif) repeat; 
height: 240px;
}

.cadre_menu3 {
float:left;
width:168px; 
height:240px;
background-image:url(../img/cadre_menu2_2.gif); 
background-repeat:repeat;	
}

.cadre_menu4 {
float:left; 
width:28px; 
height:240px;
background:url(../img/cadre_menu2_3.gif) repeat-y 100% 100%; 

}

.cadre_menu5 {
background-image:url(../img/cadre_menu3_1.gif);
background-repeat:no-repeat;

height:12px;	
}


.cadre_lien {
background-color:#F2EADF; border:1px  #FFF  dashed;  padding:3px; margin-left:0px; margin-right:0px; margin-top:px; margin-bottom:6px;
}

.cadre_tri {
	background-color:#E1D3C4;
	padding:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:2px;
	margin-bottom:2px;
	text-align:center;
}


.cadre_info_rouge {
background-color:#B05552; border:1px  #F2EADF  dashed;  padding:3px; margin-left:0px; margin-right:0px; margin-top:px; margin-bottom:6px;
}


.cadre_annonce {
	padding:0px;
	margin-bottom:5px;
	border-bottom:1px  #C9B299  solid;

	
	
}

.titre_date {
	color:#8B6C4E;
	font-style:italic;
}

.label_eval1{
font-weight:bold;
float:left; 
width:140px;
padding:5px;
margin:1px;
height:18px;

}


.label_eval2{
float:left;
width: 100;
padding:5px;
margin:1px;

}