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

* {margin:0; padding:0;}
img {border:0}
strong {color:#fff}
a, a:visited, a:active, a:hover, a:visited:hover { outline:none; }
/* STYLE TEMPLATE 3 (AYENCI) */
#ct1.template3 {width:100%;background:url(../img/bg_ct1_template3.png) center top scroll no-repeat}
html.template3 {background:url(../img/bg_body_template3_img1.jpg) top center no-repeat #000 fixed;}
#ct2.template3 {background:url(../img/bg_ct2_template3.png) left scroll repeat-y}
.bandes_footer.template3 {background:url(../img/bandes_footer_template3.png)}
.plante1 {width:314px;height:473px; position:absolute;  bottom:-93px; left:-96px; background:url(../img/plante1.png)}
.plante2 {width:314px;height:473px; position:absolute;  bottom:-93px; left:-96px; background:url(../img/plante2.png)}
h3 { color:#ccd85c}
body {width:100%;float:left; height:100%; font-size:11px;  font-family:Verdana, Arial, Helvetica, sans-serif; color:#a6a6a6; line-height:16px;}
p {margin:0 0 4px 0; color:#a6a6a6; line-height:18px}
#ct1 h1 { display:none}
ul li {background:url(../img/puce_li_left.png) left no-repeat; margin:2px 0;color:#666;list-style:none; padding-left:7px;}
ul li a, ul li a:visited {color:#a6a6a6}
ul li a:hover {color:#fff}
ul li:hover {background:url(../img/puce_li_left_h.png) left no-repeat;behavior: url("../iepngfix.htc"); color:#fff}
a, a:visited{color:#fff; text-decoration:none;}
a:hover {color:#CCCCCC}
.cl {clear:both}
span.infos_plus {font-size:10px; color:#fff; font-weight:normal; text-transform:none}
.link_black {text-transform:uppercase; font-size:10px; font-weight:bold; padding:3px 10px; background:#000; clear:both}
#ct1 {min-width:970px; height:196px; float:left; position:absolute; z-index:5000;left:0;top:0;}
#ct2 {margin:0 auto 0 auto; min-height:400px; width:900px; position:relative; left:-70px; padding-left:110px;}
#ct3 {width:950px; margin:0 auto;height:auto; min-height:724px; }
#ct3 #content {width:778px; margin:0 auto; float:left;margin-top:170px;padding-bottom:40px; margin-left:105px;}
#menu { margin:0 auto; width:950px;}
#menu ul {margin-left:418px}
#menu ul li { list-style:none; height:100px; float:left; padding:0; background:none}
#menu ul li a {display:block; height:100px; background-position:top}
#menu ul li a {background-position:bottom}
#menu ul li a.item1 {background:url(../img/menu_item1.png) ; width:60px}
#menu ul li a.item2 {background:url(../img/menu_item2.png); width:99px}
#menu ul li a.item3 {background:url(../img/menu_item3.png); width:92px}
#menu ul li a.item4 {background:url(../img/menu_item4.png); width:90px}
#menu ul li a.item5 {background:url(../img/menu_item5.png); width:67px}
#menu ul li a.actif {background-position:bottom}
#menu ul li a.item1:hover,
#menu ul li a.item2:hover,
#menu ul li a.item3:hover,
#menu ul li a.item4:hover,
#menu ul li a.item5:hover { background-position:bottom}
#menu ul li a span {display:none;}
#footer {background:url(../img/bg_footer.png) repeat-x; height:266px; width:100%; float:left;}
#footer .services {width:820px; margin:0 auto; padding-top:30px;}
#footer h1 {margin-bottom:15px}
#footer .left img {float:right}
#footer .left {color:#404040; float:left; width:200px; margin-left:140px; font-size:10px;height:200px;position:relative;}
#footer .left ul {border-right:1px solid #333; padding-right:15px;float:right; clear:both; margin-top:10px;height:105px;}
#footer .left ul li a { text-decoration:none; text-transform:uppercase;color:#404040}
#footer .left ul li:hover a, #footer .left ul li:hover a:hover {color:#fff}
#footer .left ul li  {width:120px; float:right; text-align:right; display:block; margin:1px 0; background:url(../img/infos_plus.png) right no-repeat; padding-right:17px;}
#footer .left ul li:hover {width:120px; color:#fff; float:right; text-align:right; display:block; margin:1px 0; background:url(../img/infos_plus_h.png) right no-repeat; padding-right:17px;}
#footer .left .link_black {margin-top:15px; color:#666; position:absolute;bottom:20px;right:17px;}
#footer .left .link_black:hover {color:#fff; background:#222}
#footer .right h1 {margin-bottom:15px}
#footer .right {color:#404040; float:right; width:465px; font-size:10px;height:200px;position:relative;}
#footer .right ul li {width:135px; float:left; display:block; margin:1px 0;background:url(../img/infos_plus.png) left no-repeat;padding-left:17px;}
#footer .right ul li:hover {background:url(../img/infos_plus_h.png) left no-repeat;}
#footer .right ul li a { text-decoration:none; text-transform:uppercase;color:#404040}
#footer .right ul li:hover a, #footer .right ul li:hover a:hover {color:#fff}
#footer .right .link_black {margin-top:15px; color:#666; position:absolute;bottom:20px;left:0px;}
#footer .right .link_black:hover {color:#fff; background:#222}
.bandes_footer {width:703px; height:266px; position:absolute;  bottom:-266px; left:-294px; }
h1 {color:#BAC748;font-size:19px;font-weight:normal;text-transform:uppercase; margin-bottom:10px;}
.info_titre h1{color:#fff}
h1.titre {text-transform:none}
h1 span {display:none}
h3 {font-size:12px; margin-bottom:2px; margin-top:15px; text-transform:uppercase}
#ct3 .titre h1 {float:left; float:left; width:100%; margin-bottom:15px;}
#ct3 .titre .nb { float:right; padding:3px; margin-bottom:10px;color:#666; background:#000; font-size:10px; padding:3px 10px}
#ct3 .nb { float:left; padding:3px; margin-bottom:15px; margin-top:0px;color:#444; background:url("../img/noir_50.png") repeat scroll 0 0 transparent;
border:1px solid #000; font-size:10px; padding:5px 10px}
#ct3 .nb a {color:#999}
#ct3 .nb a:hover {color:#fff}

#ct3 #content .top { float:left; width:778px; margin-bottom:10px}
#ct3 #content .second_nav {width:395px; float:left; }
#ct3 #content .actu {height:auto; width:620px;float:right;text-align:right}
#ct3 #content .actu .titre h2 { font-weight:bold; font-size:12px; color:#fff; margin:0 0 5px 0 ; text-transform:uppercase;text-shadow:0 -1px 1px #000000;}

/* CONTENU DE LA PAGE ACCUEIL ********************************************************************/
#ct3 .middle {position:relative}

/* Slide page accueil **************/
#ct3 .middle ul.items.accueil {width:100%; height:225px; float:left; margin-bottom:20px; margin:0; padding:0}
#ct3 .middle ul.items.accueil li.item {width:232px; list-style:none;height:225px; padding:0; float:left; position:relative; margin:0 40px 0 0; background:none;}
#ct3 .middle ul.items.accueil li.item.last{margin-right:0}
#ct3 .middle {float:left; width:778px; margin-top:15px;}
#ct3 .middle ul.items.accueil li.item .bordure {width:232px; height:225px; z-index:10000;behavior: url("iepngfix.htc"); background:url(../img/filtre_img_big.png); bottom:0; left:0; position:absolute}
#ct3 .middle ul.items.accueil li.item:hover .bordure { background:url(../img/filtre_img_big_h.png)}
.item .info_titre {color:#fff; text-transform:uppercase; padding-top:2px; position:absolute; font-size:10px; font-weight:bold; z-index:10001; left:0; bottom:30px; height:18px; min-width:50px; opacity:0.85; padding-left:15px; padding-right:10px; max-width:232px;}
.item .info_desc {display:none;}

.logo_contact {position:absolute; top:470px; right:55px;}

.info_titre.orange {background:#ac4409}
.info_titre.vert {background:#adbb59}
.info_titre.marron {background:#9d6a23}
.info_titre.noir {background:#333}

.fleche_right  {float:left;position:absolute; right:-50px; top:115px}
.fleche_left {float:left; position:absolute;left:-50px; top:115px}
#ct3 .left img {float:right; margin-top:85px; margin-right:15px}
#ct3 .right img {float:left; margin-top:85px; margin-left:15px}
#ct3 .middle .titre strong {color:#fff}

/* REALISATION DETAIL ********************************************************************/
#ct3 #content .item_big {width:776px}

#ct3 #content .item_big .info_titre {color:#fff; text-transform:uppercase; padding-top:5px; padding-bottom:5px; position:absolute; font-size:10px; z-index:10001; left:0; top:325px; min-width:100px; opacity:0.94; padding-left:20px; padding-right:15px; max-width:505px; z-index:65000}

#ct3 #content .item_big .info_titre h1 { font-size:11px; font letter-spacing:-0.5px; font-weight:bold; margin:0}

#ct3 #content .item_big img.center {margin-right:20px; }
#ct3 #content .item_big .visuel {margin-right:20px; width:505px;margin-bottom:30px; float:left; position:relative}
#ct3 #content .item_big .infos {width:251px; float:left}
.filtre_img_big_top { width:475px; background:url(../img/noir_80.png); position:absolute; height:10px; top:0; border-bottom:1px solid #000;border-top:1px solid #000; padding:15px}
.filtre_img_big_bottom { width:470px; background:url(../img/noir_80.png); float:left; border-bottom:1px solid #000;border-top:1px solid #000; padding:7px 20px 15px 15px;position:relative;}
.filtre_img_big_bottom  ul li {font-size:10px; padding:0 3px 0 7px;float:left; margin:0 5px;}
.icon_tag { position:absolute; right:10px; top:10px}

ul.items.detail .fleche_left {float:left; margin-top:18px; top:10px;left:6px; }
ul.items.detail .fleche_right {float:right; margin-top:18px; top:10px; right:6px}
ul.items.detail {width:767px; height:80px; bottom:0px; background:url(../img/noir_50.png);  position:relative; float:left; margin-top:5px;margin:0; border:1px solid #000;  padding:10px 0 10px 10px}
ul.items.detail li.item { list-style:none;width:100px; height:80px; float:left; margin-right:9px; background:#000; position:relative; padding:0}
ul.items.detail li.item .filtre {background:url(../img/filtre_img_small.png); width:100px; height:80px; left:0; bottom:0; position:absolute}
ul.items.detail li.item:hover .filtre {display:none}
.thumb_mini {margin-right:5px; width:50px}
.thumb_mini:hover {opacity:0.6}

.partenaires_details h3 {margin-top:0px}
.partenaires_details h3 span { display:none; margin-bottom:6px;}
.partenaires_details {margin-bottom:30px; float:left; width:100%;}
.partenaires_details  ul {margin-top:5px}
.partenaires_details ul li:first-child {padding-left:10px; background-position:0px 6px}
.partenaires_details ul li {list-style:none; float:left; padding:0 20px; display:block; background-position:10px 6px;  }
.partenaires_details ul li a {display:block}


.partenaires_prestation { padding:10px 10px 10px 67px; float:left; text-align:center;width:678px; clear:both}
.partenaires_prestation img {margin-right:20px;font-size:12px;font-weight:bold;margin-right:20px;text-transform:uppercase;color:#555555;}
.partenaires_prestation a:hover img {opacity:0.8}

.item_all {background:url(../img/noir_50.png);float:left; margin-top:5px; border:1px solid #000;padding:10px; position:relative; margin-top:15px;}
ul.items.realisations {}
ul.items.realisations .fleche_right  {float:left;position:absolute; right:-50px; top:350px}
ul.items.realisations .fleche_left {float:left; position:absolute;left:-50px; top:350px}
ul.items.realisations li.item {width:232px; height:225px; float:left; padding:0; margin:8px; background:#000; position:relative; list-style:none}
ul.items.realisations li.item .filtre {background:url(../img/filtre_img_big.png); width:232px; height:225px; left:0px; bottom:0; position:absolute}
ul.items.realisations li.item:hover .filtre {background:url(../img/filtre_img_big_h.png)}

.ref_title, .ref_desc, .ref_keys, .ref_menu{display:none;}

.copyright{margin-left:200px; margin-top:5px; color:#404040; width:578px;}
.copyright a:visited, .copyright a {color:#404040;}
.copyright a:visited:hover, .copyright a:hover {color:#606060;}
.copyright div {float:right;}

ul.items.prestations {}
ul.items.prestations .fleche_right  {float:left;position:absolute; right:-50px; top:350px}
ul.items.prestations .fleche_left {float:left; position:absolute;left:-50px; top:350px}
ul.items.prestations li.item {width:220px; float:left; padding:0; margin:0px 14px 5px 14px; background:none; position:relative; list-style:none; font-size:10px; line-height:14px;}
ul.items.prestations h3 {color:#fff}
ul.items.prestations li.item .filtre {background:url(../img/filtre_img_big.png); width:232px; height:225px; left:0px; bottom:0; position:absolute}
ul.items.prestations li.item:hover .filtre {display:none}
ul.items.prestations ul{margin-top:10px; background:url(../img/ul_prestations.png); padding:5px}
ul.items.prestations ul li {margin-bottom:10px;}
ul.items.prestations ul li:hover { font-weight:bold; color:#333}

h2 {margin-bottom:10px}

h2 span {display:none}

p.fiche_cat a,p.fiche_cat a:visited{color:#A6A6A6; font-size:10px;}
p.fiche_cat a:hover,p.fiche_cat a:visited:hover{color:#666666; font-size:10px;}

#info {width:300px; float:left; margin-left:17px; height:285px}
#contact  {width:412px; float:left}

#contact_general {background:url("../img/noir_50.png") repeat scroll 0 0 transparent;border:1px solid #000000;float:left;margin-bottom:10px;margin-top:-5px;padding:20px 15px 20px 15px;position:relative;}
#contact label {width:100px; float:left; clear:both; padding:4px 0}
#contact input[type=text]:focus {background:url(../img/input_text.png) bottom}
#contact input[type=text] {width:302px; float:left; padding:4px 5px; height:15px; margin-bottom:3px; font-size:11px; border:0; background:url(../img/input_text.png) top}
#contact textarea {float:left; border:0; background:url(../img/textarea.png) top;  width:302px; font-size:11px; height:120px; padding:5px;}
#contact textarea:focus {background:url(../img/textarea.png) bottom }
#contact input[type=submit] {float:right; color:#fff; padding:2px 10px; text-transform:uppercase; font-size:11px; font-weight:bold; background:#ccd85c; border:0; margin-top:5px;text-shadow:0 -1px 1px #535719; cursor:pointer}



a.retour_accueil { position:absolute; left:150px; width:350px; height:130px; display:block;z-index:50000}

.logo_contact {position:absolute;right:32px;top:250px;}