/*
turquoise : 00adbe
gris : a3a5a6 - 848486
gris fond : 676767 */

@import "reset.css";

body{background:#676767; color:#848486; font-family:arial, verdana, sans-serif; font-size:11px; margin:0 0 0 0; padding:0; text-align:center}

#container{margin:0 auto; position:relative;text-align:left;width:950px; }

#top{background:url('../img/bkg_top.gif') repeat-x;  width:950px; position:relative}
#top #logo{position:absolute; top:16px; left:50px}

#languages{position:absolute;  right:57px}
#languages .m1{background-position:0 0; width:24px}
#languages .m1:hover,#languages .selected .m1{background-position:-0 -50px}
#languages .m2{background-position:-24px 0; width:23px}
#languages .m2:hover,#languages .selected .m2{background-position:-24px -50px}
#languages a{background:url("../img/langue.gif") 0 0 no-repeat; display:block; height:50px}
#languages li{display:inline; float:left; height:50px}
#languages span{display:none}

#bandeau{height:231px; width:950px}
.b1{background:url('../img/bandeau1.jpg') no-repeat 0px 50px}
.b2{background:url('../img/bandeau2.jpg') no-repeat 0px 50px}
.b3{background:url('../img/bandeau3.jpg') no-repeat 0px 50px}
.b4{background:url('../img/bandeau4.jpg') no-repeat 0px 50px}
.b5{background:url('../img/bandeau5.jpg') no-repeat 0px 50px}
.b6{background:url('../img/bandeau6.jpg') no-repeat 0px 50px}
.b7{background:url('../img/bandeau7.jpg') no-repeat 0px 50px}
.b8{background:url('../img/bandeau8.jpg') no-repeat 0px 50px}
.b9{background:url('../img/bandeau9.jpg') no-repeat 0px 50px}
.b10{background:url('../img/bandeau10.jpg') no-repeat 0px 50px}
.b11{background:url('../img/bandeau11.jpg') no-repeat 0px 50px}

#content{background:#ffffff; padding:20px 50px 0; min-height:326px}
#content #col1{float:left; width:249px}
#content #col2{float:left; width:580px; margin-left:18px;}

#content.home #col1{float:left; width:249px}
#content.home #col2{float:left; width:343px; margin-left:40px}
#content.home #col3{float:left; width:177px; margin-left:40px}

#content h2{color:#00adbe; font-size:11px; margin-bottom:5px}
#content.home h2{margin-bottom:15px}


h3{line-height:14px; text-align: justify; margin-bottom:15px; font-weight:bold; font-size:12px; color:#000}

p{line-height:14px; text-align: justify; margin-bottom:10px}
strong{font-weight:bold}
a{text-decoration:none; color:#00adbe}
a:hover{color:#000}
.clear{clear:both; margin-bottom:0px; padding-top:10px; line-height:1px; height:5px}


#footer{background:url('../img/bkg_bottom.gif') repeat-x;  height:27px; padding:25px 50px 0; position:relative}
#footer #menuBas li{display:inline; color:#fff; line-height:18px}
#footer #menuBas a{color:#fff}
#footer p{color:#fff; float:right;  margin:3px 80px 0 0; }
#footer img{position:absolute;right:50px; bottom:0}
#footer #menuBas .selected a{color:#000}
#footer .lien{background:url('../img/lien-footer.gif') no-repeat 0 1px; padding-left:18px}
#footer #menuBas a:hover{color:#000}




#ref1, #ref2, #ref3, #ref4{width:130px; float:left}
#ref2, #ref2, #ref3, #ref4{margin-left:20px}
#col2 #ref1{margin-left:0}
.references li{line-height:12px; padding-bottom:6px}


.actu{background:url('../img/tiret.gif') repeat-x left bottom; padding-bottom:5px; margin-bottom:25px} 
.lien{background:url('../img/lien.gif') no-repeat 0 1px; padding-left:18px}

#c1, #c2, #c3{width:343px; height:69px;  border:1px solid white; cursor:pointer }
#c1, #c2{margin-bottom:15px}
#c1{background:url('../img/competence1.png') no-repeat}
#c2{background:url('../img/competence2.png') no-repeat}
#c3{background:url('../img/competence3.png') no-repeat}
#sta, #age, #sys{margin-left:109px; } 

#content.liens #col2{width:251px; margin-right:25px}
#content.liens #col3{width:251px; float:left}
#content.liens #col2 img, #content.liens #col3 img{margin-bottom:10px}
.systemes .crossmetal, .systemes .zero{margin-right:31px}

.contact p span{color:#000}
.contact textarea{height:132px}
.contact .erreur{font-variant:small-caps; color:#000}
.contact input, .contact textarea{font-family:arial, verdana, sans-serif; font-size:11px}
.contact form p{margin-bottom:3px}

.plan{overflow:hidden;}
.plan ul{list-style:none;margin:0;padding:0; }
.plan li{background-color:#eee;position:relative;width:180px;padding:5px 5px 0; margin:2px 0 0px 0;  min-height:14px;}
.plan ul ul{margin-top:-18px; }
.plan ul ul li{background:#ddd;border-top:3px solid #fff !important;border-left:3px solid #00adbe;left:185px}
.plan ul ul ul li{background:#ccc;border-color:#00adbe;}
.plan ul ul ul ul li{background:#bbb;border-color:#00adbe;}
.plan ul ul ul ul ul li{background:#999;color:#fff;border-color:#00adbe;}
.plan li a{text-decoration:none}
.plan li a:hover{text-decoration:none}

#container .actualites{background:url('../img/illustration-actualites.gif') no-repeat #ffffff 72px bottom;}
#container .competences{background:url('../img/illustration-competences.gif') no-repeat #ffffff 68px 60px;}
#container .credits{background:url('../img/illustration-credits.gif') no-repeat #ffffff 72px bottom;}
#container .systemes{background:url('../img/illustration-systemes.gif') no-repeat #ffffff 72px bottom;}
#container .stands{background:url('../img/illustration-stands.gif') no-repeat #ffffff 72px bottom;}
#container .references{background:url('../img/illustration-references.gif') no-repeat #ffffff 72px bottom;}
#container .agencement{background:url('../img/illustration-agencement.gif') no-repeat #ffffff 72px bottom;}
#container .crossmetal{background:url('../img/illustration-crossmetal.gif') no-repeat #ffffff 72px bottom;}
#container .liens{background:url('../img/illustration-liens.gif') no-repeat #ffffff 72px bottom;}
#container .zero{background:url('../img/illustration-zero.gif') no-repeat #ffffff 72px bottom;}
#container .display{background:url('../img/illustration-display.gif') no-repeat #ffffff 72px bottom;}
#container .plan{background:url('../img/illustration-plan.gif') no-repeat #ffffff 72px bottom;}
#container .contact{background:url('../img/illustration-contact.gif') no-repeat #ffffff 72px bottom;}
#container .mentions{background:url('../img/illustration-mentions.gif') no-repeat #ffffff 72px bottom;}

#actualites{width:152px; margin-left:22px; margin-top:-11px}
#actualites .an2020{background-position:0 0; width:152px}
#actualites .an2019{background-position:0 -31px; width:152px}
#actualites .an2018{background-position:0 -61px; width:152px}
#actualites .an2017{background-position:0 -91px; width:152px}
#actualites .an2016{background-position:0 -121px; width:152px}
#actualites .an2015{background-position:0 -151px; width:152px}
#actualites .an2014{background-position:0 -181px; width:152px}
#actualites .an2013{background-position:0 -211px; width:152px}
#actualites .an2012{background-position:0 -241px; width:152px}
#actualites .an2011{background-position:0 -271px; width:152px}
#actualites .an2010{background-position:0 -301px; width:152px}
#actualites .an2009{background-position:0 -331px; width:152px}
#actualites .an2008{background-position:0 -361px; width:152px}
#actualites .an2007{background-position:0 -391px; width:152px}
#actualites .an2006{background-position:0 -421px; width:152px}
#actualites .an2005{background-position:0 -451px; width:152px}

#actualites .an2020:hover,#actualites .selected .an2020{background-position:-152px 0px}
#actualites .an2019:hover,#actualites .selected .an2019{background-position:-152px -31px}
#actualites .an2018:hover,#actualites .selected .an2018{background-position:-152px -61px}
#actualites .an2017:hover,#actualites .selected .an2017{background-position:-152px -91px}
#actualites .an2016:hover,#actualites .selected .an2016{background-position:-152px -121px}
#actualites .an2015:hover,#actualites .selected .an2015{background-position:-152px -151px}
#actualites .an2014:hover,#actualites .selected .an2014{background-position:-152px -181px}
#actualites .an2013:hover,#actualites .selected .an2013{background-position:-152px -211px}
#actualites .an2012:hover,#actualites .selected .an2012{background-position:-152px -241px}
#actualites .an2011:hover,#actualites .selected .an2011{background-position:-152px -271px}
#actualites .an2010:hover,#actualites .selected .an2010{background-position:-152px -301px}
#actualites .an2009:hover,#actualites .selected .an2009{background-position:-152px -331px}
#actualites .an2008:hover,#actualites .selected .an2008{background-position:-152px -361px}
#actualites .an2007:hover,#actualites .selected .an2007{background-position:-152px -391px}
#actualites .an2006:hover,#actualites .selected .an2006{background-position:-152px -421px}
#actualites .an2005:hover,#actualites .selected .an2005{background-position:-152px -451px} 



#actualites a{background:url("../img/menu-actualites.gif") 0 0 no-repeat; height:30px; width:152px; display:block}
#actualites li{display:block; height:30px} 
#actualites span{display:none}

.actu ul{margin-bottom:15px}
.actu li{list-style-type:disc; list-style-position: inside; text-align:left; line-height:14px; margin-left:0;}
.actu p{margin-top:15px; margin-bottom:0}

.image{width:260px; float:left}
.texte{width:320px; float:left; margin-top:-15px}

.home #col3 h3{text-align:left}