body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;list-style-type:none;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
html {
font-size: 100%;
height:100%;
}
body {
width: 1077px;
margin: auto;
font-family: Verdana, Trebuchet MS, Lucida Sans Unicode, Georgia, Arial, sans-serif;
font-size: 0.8em;
background-color: rgb(167, 178, 182);
height:100%;
}
.fond_accueil {
background-image: url("images/accueil2.jpg") ;
width: 1077px;
height: 716px;
position: relative;
background-repeat: no-repeat ;
}
.fond_links {
background-image: url("images/links.jpg") ;
width: 1077px;
height: 716px;
position: relative;
background-repeat: no-repeat ;
}
.content {
padding-top: 50px;
margin-left: auto; 
margin-right: auto; 
width: 848px; 
}
.content4 {
padding-top: 40px;
margin-left: auto; 
margin-right: auto; 
width: 818px; 
}
.content3 {
padding-top: 50px;
padding-left: 50px;  
}
.content2 {
top: 35px;
left: 50px; 
position: relative; 
}
.illust {
padding-top: 35px ;
line-height : 1.4 ;

}
.illust2 {
padding-top: 35px ;
line-height : 1.4 ;
}
.zone1 {
width: 250px;
height: 250px;
position: absolute;
margin-left: 220px;
margin-top: 220px;
border: none; 
}
.titre1, .titre2, .titre3 {
width: 940px;
top: 500px;
left: 10px; 
font-size: 7mm;
position: absolute;
color : rgb(138, 152, 158) ;
}
.titre2 {
font-size: 11mm;
top: 530px;
color : white ;
text-transform : uppercase;
}
.titre3 {
font-size: 3.5mm;
color : white ;
top: 560px;
left: 370px;
}
.menu ul, .menu2 ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:left;
 line-height: 1.8;
 }
.menu li, .menu2 li, .menu3 li {
 float:left;
 margin:auto;
 padding-right:70px;
 }
.menu3 li {
 padding-right:40px;
 }
.menu li a, .menu2 li a {
 display:block;
 color:white;
 text-decoration:none;
 padding-right:0px;
 }
.menu li a:hover {
color : rgb(40, 40, 40) ;
}
.menu2 li a:hover {
color : rgb(180, 180, 180) ;
}
.menu ul li ul, .menu2 ul li ul {
 display:none;
 }
.menu ul li:hover ul, .menu2 ul li:hover ul {
 display:block;
 }
.menu li:hover ul li, .menu2 li:hover ul li {
 float:none;
 }
.menu li ul, .menu2 li ul {
margin-top:0px;
 padding-left:12px;
 position:absolute;
 }
.txt_menu1, .txt_menu2, .txt_menu3, .txt_menu4 {   
font-size: 0.8em;
text-decoration: none;
text-transform : uppercase;
color : white ;
}
.txt_menu2 {
float: left;
}
.txt_menu3 {
float: right;  
padding-right: 28px;
}
.txt_menu4 {
color : black ;
}
.txt6, .txt7 {
top: 82px; 
left: 5px; 
position: absolute;
font-size: 3mm;
font-weight: normal;
text-decoration: none;
}
.txt7 {
left: 400px;
}
.txt6 a:hover {
color : rgb(180, 180, 180) ;
}
.clear {
clear: both;
}
a:hover {
border: none;
text-decoration:none;
color : rgb(40, 40, 40) ;
}
a {
text-decoration: none;
color: white;	
}
p {
vertical-align: middle;
}
.txt_loc, .txt_loc2 {
width: 702px;
font-size: 0.9em;
line-height: 1.5;
font-weight: normal;
color : black ;
} 
.txt_loc2 {
color : rgb(167, 178, 182) ;
}
.imageflottante {
float: left;
padding-top: 0px;
padding-left: 0px;
}
table, tr, a img, img, a {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
 border-collapse: separate;
	border-spacing: 0px;
 background-repeat: no-repeat;
}
td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
 vertical-align: middle;
 border-collapse: separate;
	border-spacing: 0px;
 background-repeat: no-repeat;
}