/*Taille du contenu obligatoirement en font-size: 12px;*/
*{margin:0; padding:0; border:0;}
body{
	/*background: #fff url(../images/fd.jpg) no-repeat top center;*/
	background: #e5e5e5 url(../images/bg_Body.gif) repeat-x;
	background-attachment: fixed;
	font-family: verdana;
	font-size: 13px;
}

table{border-collapse: collapse;}
ul{list-style: none;}
a{text-decoration: none;color:#3a8b1a;}
a:hover{color:#fff;background:#3a8b1a;}


#warp{
	width: 980px;
	margin: 0 auto;
	border: 1px solid #333;
	background: #fff;
	padding: 5px;
}
#warp2{
	width: 980px;
	margin: 0 auto;
	background: white;
}
#header{
	height:185px;
	background: url(../images/fd_flash.gif);
}
#menuwarp{
	height: 34px;
	background: #efefef;
}
#content{
	background: #fff;
	
	}
	#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content {display: inline-block;}

/* Hides from IE-mac \*/
* html #content{height: 1%;}
#content {display: block;}
/* End hide from IE-mac */

#gauche, #txt{float: left;position: relative;}
#gauche{
width: 180px;
padding: 10px;
line-height: 16px;
}
#gauche strong, #mentions strong{
font-weight: bold;
color: #4478ae;
border-bottom: #4478ae solid 1px;
width: 100%;
display: block;
}
#gauche .legende{
text-align: right;
color: #4478ae;
}


#txt{
border-left: solid 1px #3a8b1a;
padding: 20px;
width: 737px;
}

#txt h1{
color: #3a8b1a;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
}

#txt h2{
color: #4478ae;
font-weight: bold;
font-size: 18px;
margin-bottom: 20px;
}

#footer{
height: 20px;
padding: 5px;
line-height: 20px;
text-align: right;
color: #ccc;
background: #333;
font-size: 10px;
clear: both;
}
#footer a{
color: #ccc;
text-decoration: none;
padding: 2px 5px 2px 5px;
}
#footer a:hover{
color: #000;
background: #fff;
}

.ligne{
background: url(../images/ligne.gif) #ddd;
height: 1px;
clear: both;
}

li{background-image: url(../images/puce.gif); background-repeat: no-repeat; background-position: 0% 65%; padding-left: 15px;position: relative;}


.photo,.photo2{width: 200px; border: 1px dotted #bbb; margin: 15px;text-align: center;display: block; float: left;overflow:; }
.photo2{width: 200px;}
.photo2 img{width: 160px; height: 260px;margin: 0 auto;display: block;margin-top: 12px;margin-bottom: 12px;}
.photo img{ width: 180px; height: 135px; margin: 0 auto;display: block;margin-top: 7px;margin-bottom: 7px;}
.photo:hover,.photo2:hover{background: #4478ae;}

#iframeplan{width: 733px;}

#mentions p{margin: 10px 0 20px 40px;}

/*CONFIG DU MENU UL LI*/

#menu {
	height: 33px;
	width:100%;
	background:#efefef;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
	}
#menu ul {
	margin:0;
	padding:10px 10px 0 100px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
	}
#menu a {
	float:left;
	background:url(../images/tableftF.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#menu a span {
	float:left;
	display:block;
	background:url(../images/tabrightF.gif) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#4478ae;
	font-weight: bold;
	}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#000;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}




/*PAGE ENTREE */

#index1, #index2{
width: 100%
}
#index1 img, #index2 img{
display: block;
}
#index1 td, #index2 td,#index1 a, #index2 a{
color: white;
font-size: 26px;
font-family: Century Gothic;
text-align: center;
width: 200px;
height:150px;
}
#index1 a:hover,#index2 a:hover{
background: none;
}



#index1{background: #4478ae;}
#index2{background: #3a8b1a;}
#index3{text-align: center;}
#index3 a{
	display: block;
	background: red;
	color: white ;
	font-size: 22px;
	font-family: Century Gothic;
	padding: 10px;
	}
#index3 a:hover{
	background: #4478ae;
}

#reffooter{
font-size: 10px;
width: 900px;
margin:0 auto;
margin-bottom: 5px;

}
#reffooter strong{
font-weight: normal;
}