/* CSS Document */

body {
border:0;
padding:0;
margin:0;
text-align:center;
color:#fff;
background-color:#000000;
font: 12px arial;
}

a:link {color:#fff; text-decoration:none;} 
a:visited {color:#fff; text-decoration:none;} 
a:hover {color:#fff; text-decoration:none;} 
a:active {color:#fff; text-decoration:none;}

div#conteneur {
width:980px;
height:605px;
margin: 0 auto;
padding:0;
text-align:left;
}

h1#header {
height: 50px;
width:980px;
background:url(../bouton/bandeau.jpg) no-repeat 0 0;
margin:0;
}
a#home {
width:40px;
height:25px;
display:block;
margin:25px auto auto 805px;
position:absolute;
}
a#fr {
width:25px;
height:25px;
display:block;
margin:25px auto auto 850px;
position:absolute;
}
a#en {
width:25px;
height:25px;
display:block;
margin:25px auto auto 880px;
position:absolute;
}
div#gauche {
position:absolute;
width:40px;
height:555px;
margin:0;
z-index:3;
}

div#gauche ul {
margin:0;
padding:0;
height:120px;
width:40px;
}

div#menu_A {
position:absolute;
width:940px;
height: 90px;
margin:0 0 0 40px;
padding:0;
z-index:1;
}

ul#menu_ul{
display:block;
   height:40px;
   width:600px;
   padding:0;
   margin:0;
}

ul#menu_ul li{
	padding:0;
	height:40px;
	width:120px;
	margin:0;
	list-style: none;
	position:absolute;
	top: 0;
}

li#panel1b { background:url(../bouton/bouton.jpg) no-repeat 0 -40px;left: 0;}
li#panel2b { background:url(../bouton/bouton.jpg) no-repeat -120px -40px;left: 120px;}
li#panel3b { background:url(../bouton/bouton.jpg) no-repeat -240px -40px;left: 240px;}
li#panel4b { background:url(../bouton/bouton.jpg) no-repeat -360px -40px;left: 360px;}
li#panel5b { background:url(../bouton/bouton.jpg) no-repeat -480px -40px;left: 480px;}
li#panel1b a:hover { background:url(../bouton/bouton.jpg) no-repeat 0 0;left: 0;}
li#panel2b a:hover { background:url(../bouton/bouton.jpg) no-repeat -120px 0;left: 120px;}
li#panel3b a:hover { background:url(../bouton/bouton.jpg) no-repeat -240px 0;left: 240px;}
li#panel4b a:hover { background:url(../bouton/bouton.jpg) no-repeat -360px 0;left: 360px;}
li#panel5b a:hover { background:url(../bouton/bouton.jpg) no-repeat -480px 0;left: 480px;}


div#menu_A ul li, div#menu_A ul a{
display:block;
height:40px;
margin:0;
}
	
ul#sous_menu_1 {
height: 40px;
margin:0;
padding:0;
}

ul#sous_menu_1 li{
	padding:0;
	height:40px;
	width:120px;
	margin:0;
	list-style: none;
	position:absolute;
}

ul#sous_menu_1 li, ul#sous_menu_1 a{
display:block;
height:40px;
}

#panel1b_1 {top: 50px; left: 0;  background:url(../bouton/menu_1.gif) no-repeat 0 0;background-color:#777671;}
#panel2b_1 {top: 50px; left: 120px;  background:url(../bouton/menu_1.gif) no-repeat -120px 0;background-color:#777671;}
#panel3b_1 {top: 50px; left: 240px;  background:url(../bouton/menu_1.gif) no-repeat -240px 0;background-color:#777671;}
#panel4b_1 {top: 50px; left: 360px;  background:url(../bouton/menu_1.gif) no-repeat -360px 0;background-color:#777671;}

#panel1b_1 a:hover { background: url(../bouton/menu_1.gif) no-repeat 0 -40px;background-color:#91908a;}
#panel2b_1 a:hover { background: url(../bouton/menu_1.gif) no-repeat -120px -40px;background-color:#91908a;}
#panel3b_1 a:hover { background: url(../bouton/menu_1.gif) no-repeat -240px -40px;background-color:#91908a;}
#panel4b_1 a:hover { background: url(../bouton/menu_1.gif) no-repeat -360px -40px;background-color:#91908a;}

.mh{padding:0;margin:0;}
.mh a{text-align:left;font-size:12px;line-height:40px;}
#menu {border:0;background:#6d1309;height:40px;width:800px;margin:10px 0 0 -40px;}
.mh li{margin:0 ;float:left;}
#menu li {display:inline;width:120px;}
#sli5 {position:absolute; top: 50px; left: 0;background: url(../bouton/menu_2.gif) no-repeat 0 0;}
#sli6 {position:absolute;top: 50px; left: 120px;background: url(../bouton/menu_2.gif) no-repeat -120px 0;}
#sli7 {position:absolute;top: 50px; left: 240px;background: url(../bouton/menu_2.gif) no-repeat -240px 0;}
#sli8 {position:absolute;top: 50px; left: 360px;background: url(../bouton/menu_2.gif) no-repeat -360px 0;}
#sli9 {position:absolute;top: 50px; left: 480px;background: url(../bouton/menu_2.gif) no-repeat -480px 0;}
#sli10 {position:absolute;top: 50px; left: 600px;background: url(../bouton/menu_2.gif) no-repeat -600px 0;}
#menu a{display:block;margin:0;color:#ffffff;text-decoration:none;}
#menu li a{padding:0;}
#menu a:visited { color: marine; }
#menu li:hover,#sous_menu_2 .suivi{background-color:#993300 ;}
#sli5:hover,#sa1:hover,#sa1:active,#sa1:focus {background-color:#993300;top: 50px; left: 0;background: url(../bouton/menu_2.gif) no-repeat 0 -40px;}
#sli6:hover,#sa2:hover, #sa2:active, #sa2:focus {background-color:#993300;top: 50px; left: 120px;background: url(../bouton/menu_2.gif) no-repeat -120px -40px;}
#sli7:hover,#sa3:hover, #sa3:active, #sa3:focus {background-color:#993300;top: 50px; left: 240px;background: url(../bouton/menu_2.gif) no-repeat -240px -40px;}
#sli8:hover,#sa4:hover, #sa4:active, #sa4:focus {background-color:#993300;top: 50px; left: 360px;background: url(../bouton/menu_2.gif) no-repeat -360px -40px;}
#sli9:hover,#sa5:hover, #sa5:active, #sa5:focus {background-color:#993300;top: 50px; left: 480px;background: url(../bouton/menu_2.gif) no-repeat -480px -40px;}
#sli10:hover,#sa6:hover, #sa6:active, #sa6:focus {background-color:#993300;top: 50px; left: 600px;background: url(../bouton/menu_2.gif) no-repeat -600px -40px;}
#menu a:hover,#menu a:focus,#menu a:active {padding:0;border:0;background-color:#993300;}

#menu ul{position:absolute ;visibility:hidden;background:#000000; width:240px; padding:0;margin:0; border:0; }
#menu li li{display:block;width:240px;float:none;} 
.mh ul a{text-align:left;font-size:12px;}

#contenu {
z-index:0;
position:absolute;
border:0px;
padding:0;
margin:90px 0 0 40px;
width:940px;
height:455px;
list-style:none;
}

#news_conteneur {
position:relative;
border:0px;
width:940px;
margin:0;
padding: 0;
}

#news_gauche {
position: absolute;
margin:0;
padding: 0;
width:600px;
height:400px;
list-style:none;
}
#news_gauche_ul {
position: absolute;
margin:0;
padding: 0;
width:600px;
height:400px;
display:block;
list-style:none;
}
#contact_gauche_ul {
position: absolute;
margin:25px 0 0 0;
padding: 0;
width:600px;
height:460px;
display:block;
list-style:none;
background:url(../image/map_contact.jpg) no-repeat 0 0;
}

#news_droite {
position: absolute;
width: 285px;
margin:40px 0 0 610px;
}

#news_droite ul {
list-style:none;
margin:0;
padding:0;
}
#societe_conteneur {
position:absolute;
border:0px;
width:930px;
margin:0;
}

#societe_gauche {
position:absolute;
top:0;
left:0;
width:295px;
height:400px;
}

#societe_gauche_ul {
   width:295px;
   height: 400px;
   margin: 0;
   padding: 0;
   position: relative;
}

#societe_centre {
position:absolute;
margin:0 0 0 305px;
width:295px;
height:400px;
}

#societe_centre_ul {
   width: 295px;
   height: 400px;
   margin: 0;
   padding: 0;
   position: relative;
   list-style: none;
}

#societe_centre_ul li {
margin: 0 0 10px 0;
padding: 0;
position: relative;
width:295px;
height: 72px;
display: block;}

#societe_droite {
position: absolute;
margin: 40px 0 0 610px;
width:295px;
}

#societe_droite ul {
margin:0;
padding:0;
list-style:none;
}

#projet_conteneur {
position:absolute;
border:0px;
width:930px;
margin:0;
z-index:0;
}

#projet_gauche {
position: absolute;
width:600px;
height:440px;
margin:10px 0 0 0;
padding:0;
}

#projet_gauche_ul_1 {
   width: 600px;
   height:400px;
   margin: 0;
   padding: 0;
   position: relative;
   list-style:none;
}

ul#projet_gauche_ul_2 {
   display:block;
   position:relative;
   width: 600px;
   height:30px;
   margin: 10px 0 0 0;
   padding: 0;
   list-style:none;
}
ul#projet_gauche_ul_2 li {
display:block;
top:0;
position:absolute;
width:auto;
padding-right:5px;
}
li#li1 {left:0;height:30px;}
li#li2 {left: 40px;height:30px;}
li#li3 {left: 80px;height:30px;}
li#li4 {left: 120px;height:30px;}
li#li5 {left: 160px;height:30px;}
li#li6 {left: 200px;height:30px;}
li#li7 {left: 240px;height:30px;}

#projet_gauche_ul_2 a {
   height: 30px;
   display: block;
}

li#fermeture {
left:360px;
height:12px;
padding-top:20px;
display:block;
font: 10px arial;
}

li#fermeture a {
height:12px;
}

#projet_centre {
position:absolute;
top:40px;
left:610px;
width:320px;
height:425px;
}
#projet_centre h1 {
font: 14px Arial, sans-serif;
font-weight:lighter;
line-height:0px;
}
#projet_centre h2 {
font: 14px Arial, sans-serif;
line-height:4px;
}


#projet_centre ul {
width: 320px;
height: 352px;
margin: 0;
padding: 0;
position: relative;
list-style-type:none;
}


#mosaique_conteneur {
position:absolute;
border:0px;
cellpadding:0px;
cellspacing:0px;
width:940px;
margin-top:0px;
margin-left:0px;
list-style:none;
}

#mosaique_gauche {
position: absolute;
top:10px;
left:0;
width:600px;
height:410px;
}

#mosaique_gauche ul {
   width: 600px;
   height:410px;
   margin: 0;
   padding: 0;
   position: absolute;
}

#mosaique_gauche li {
z-index:0;
   padding: 0;
   width:600px;
   height:200px;
   list-style: none;
   position: absolute;
   display:block;
   }
li#mosaique_ref_1 {margin:0 0 10px 0;}
li#mosaique_ref_2 {margin:210px 0 10px 0;}
.mosaique_sv_1 {
background:url(../image/savoir_faire/savoir_faire_1.jpg) no-repeat 0 0;margin:0 0 10px 0;
}
.mosaique_sv_2 {
background:url(../image/savoir_faire/savoir_faire_2.jpg) no-repeat 0 0;margin:210px 0 10px 0;
}

#mosaique_gauche li a {
display:block;
position:absolute;
}
a#0_a_1 {top:0;left:0px;width:225px;}
a#0_a_2 {top:0;left:225px;width:375px;}
a#0_a_3 {top:0;left:0;width:0;} 
a#0_a_4 {top:0;left:0px;width:230px;}
a#0_a_5 {top:0;left:230px;width:370px;}
a#0_a_6 {top:0;left:0;width:0;} 

#mosaique_centre, #mosaique_centre_1 {
position:absolute;
margin:0;
left:610px;
width:300px;
height:400px;
font:Arial, Helvetica, sans-serif;
}

#mosaique_centre {top:40px;}
#mosaique_centre p, #mosaique_centre_1 p {
border:0;
margin:0;
padding:0;
}

#mosaique_centre ul,#mosaique_centre_1 ul {
   width: 320px;
   height: 360px;
   margin: 0;
   padding: 0;
   position: relative;
font:Arial;
list-style:none;
}
.titre, .titre a, .texte, .texte a, .citation, .citation a {
display:block;
text-decoration:none;
}
.rouge {
color:#FF0000;
}
.titre {
font: 15px arial;
margin:0 0 20px 0;
}
.citation {
font-style:italic;
margin:0 0 10px 0;
}
.date {
margin:0 0 5px 0;
font: 13px arial;
font-weight:lighter;
}
.detail {
color:#fff;
margin:0 0 10px 0;
font: 13px arial;
font-weight:bold;
}
.texte, .texte_1 {
font:12px arial;
font-weight:normal;
line-height:14px;
height:264px;
width:315px;
padding:0;
text-align:justify;
}
.texte_1 {overflow:auto;display:block;margin:20px 10px 0 0;padding-right:15px;}
.texte_2 {
font:12px arial;
font-weight:normal;
line-height:16px;
width:600px;
padding:0;
text-align:justify;
list-style:none;
}

.chapeau {
color:#fff;
margin:6px 0 20px 0;
font: 20px verdana;
font-style:italic;
}

#mosaique_centre a, #mosaique_centre_1 a {
text-decoration:none;
font:Arial;
}

#mosaique_gauche a {
height:200px;
display:block;
}