/* CSS Document */

#page{ background-color:#FFF; -webkit-box-shadow:0px 0px 10px rgba(50, 50, 50, 0.3); -moz-box-shadow:0px 0px 10px rgba(50, 50, 50, 0.3); box-shadow:0px 0px 10px rgba(50, 50, 50, 0.3); }
#logo{ position:absolute; z-index:500; margin-left:70px; }


/* HEADER */
#header{ margin-top:67px; height:240px; position:relative; overflow:hidden; }
#header-top{ height:46px; width:100%; position:absolute; top:0px; background:transparent url(../images/header-top.png) no-repeat; z-index:15; }
#header-img{ position:absolute; top:0px; }
#header-bottom{ height:54px; width:100%; position:absolute; bottom:0px; background:transparent url(../images/header-bottom.png) no-repeat; z-index:20; }
#header #ligne{ position:absolute; top:110px; left:310px; }
#header #ligne div{ display:inline-block; float:left; text-transform:uppercase; font-size:19px; font-weight:bold; color:#FFF; padding:3px 7px; background:transparent url(../images/bg_vert_70.png); margin-bottom:4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#header #ligne div.ligne-2{ clear:both; }


/* FOOTER */
#footer{ background:#CCC url(../images/footer.gif) no-repeat top; padding:45px 0 0 0; }
#footer .grid_14{ background:transparent url(../images/logo-footer.png) no-repeat center right; padding-bottom:30px; min-height:100px; height:auto !important; height:100px; }
#footer .block-title{ color:#FFF; font-weight:bold; text-transform:uppercase; margin-bottom:10px; }


/* BREADCRUMB */
#breadcrumb, #you-are-here{ float:left; font-size:11px; color:#CCC; margin:10px 0 35px 0; }
#breadcrumb a, #you-are-here a{ color:#777; text-decoration:none; }
#breadcrumb a:hover, #you-are-here a:hover{ color:#A2C200; }


/* NAVIGATION */
.navigation-principale ul li{ text-transform:uppercase; font-weight:bold; list-style:none; margin:0px; }
.navigation-principale ul li ul li{ text-transform:none; font-weight:normal; margin-left:25px; list-style:circle; }
.navigation-principale a{ text-decoration:none; color:#666; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.navigation-principale a:hover{ color:#000; }
.navigation-principale a.active-trail{ color:#A2C200; }


/* NAVIGATION RAPIDE */
.navigation-rapide{ width:340px; }
.navigation-rapide ul li{ float:left; width:150px; padding:0px; margin:0 20px 0 0; list-style:none; line-height:1.2; }
.navigation-rapide ul li a{ font-size:11px; color:#FFF; text-decoration:none; }
.navigation-rapide ul li a:hover{ color:#666; }


/* SIDEBAR */
#sidebar{ position:relative; }
#follow{ float:left; }
.test-sidebar{ margin-top:40px; padding:20px; background:#A2C200 url(../images/icon-test.png) no-repeat 170px 8px; width:160px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.test-sidebar .block-title{ color:#FFF; text-transform:uppercase; font-weight:bold; margin-bottom:5px; }
.test-sidebar p{ font-size:12px; color:#FFF; margin-bottom:0px; line-height:1.3; }


/* LISTE ACTULITES */
ul.liste-actualite li{ list-style:none; margin:20px 0 0 0; padding-bottom:20px; border-bottom:1px solid #EEE; }
ul.liste-actualite .views-row-first { margin-top:0px; }
ul.liste-actualite h2{ margin-bottom:0px; font-weight:normal; }
ul.liste-actualite h2 a{ text-decoration:none; letter-spacing:-1px; color:#A2C200; -webkit-transition:0.3s; -moz-transition:0.3s; }
ul.liste-actualite h2 a:hover{ color:#000; }
ul.liste-actualite div.post-date{ margin-bottom:10px; font-size:12px; color:#999; }
ul.liste-actualite .vignette{ display:inline-block; float:right; margin-left:30px; }
ul.liste-actualite p{ margin-bottom:10px; }
ul.liste-actualite div.savoir{ clear:both; }
ul.liste-actualite div.savoir a{ display:inline-block; background-color:#999; text-decoration:none; color:#FFF!important; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:10px; padding:1px 5px; -webkit-transition:0.3s; -moz-transition:0.3s; }
ul.liste-actualite div.savoir a:hover{ background-color:#000; }
.item-list .pager{ text-align:left; }
ul.pager li{ margin:0px; background-color:#EEE; clear:left; }
ul.pager li a{ color:#666!important; text-decoration:none; }
ul.pager li a:hover{ color:#000; }
ul.pager li.pager-current{ background-color:#A2C200; color:#FFF; }
body.node-type-article h1{ text-transform:none; margin-bottom:0px; }
body.node-type-article .submitted{ border-bottom:1px solid #EEE; margin-bottom:30px; padding-bottom:10px; color:#999; }
body.node-type-article .field-type-image{ margin-bottom:25px; }


/* LISTE EQUIPE */
.liste_equipe ul li{ display:block; float:left; width:178px; margin:0 0 23px 23px; }
.liste_equipe ul li.line{ margin-left:0px; clear:left; }
.liste_equipe ul li .portrait{ position:relative; }
.liste_equipe ul li .intitu{ position:absolute; bottom:0px; padding:5px 10px; width:158px; color:#FFF; background:transparent url(../images/bg_vert_90.png); font-weight:bold; font-size:14px; letter-spacing:-1px; }
.liste_equipe ul li .intitu span{ text-transform:uppercase; }
.liste_equipe ul li .description{ font-size:11px; margin-top:12px; }


/* LISTE REFERENCES */
ul.liste-references li{ list-style:none; margin:0px; padding:0px; width:280px; height:160px; overflow:hidden; float:left; margin-bottom:20px; position:relative; }
ul.liste-references li.views-row-odd{ margin-right:20px; }
ul.liste-references li a{ display:block; position:absolute; top:0px; background:transparent url(../images/bg_vert_90.png); padding:20px; width:240px; height:120px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; text-decoration:none; }
/*ul.liste-references li a:hover{ opacity:1; }*/
ul.liste-references li a h2{ color:#FFF; font-size:17px; font-weight:bold; text-transform:uppercase; letter-spacing:-1px; margin-bottom:10px; }
ul.liste-references li a p{ color:#FFF; font-size:11px; }


/* LISTE SERVICES */
div.vignette-service ul li{ list-style:none; float:left; width:280px; height:160px; margin:0 20px 20px 0; background-color:#bba691; position:relative; }
div.vignette-service ul li.views-row-even{ margin-right:0px; }
div.vignette-service ul li a{ position:absolute; top:0px; left:0px; padding:25px; width:230px; height:110px; background:transparent url(../images/bg_vert_90.png); overflow:hidden;  }
div.vignette-service ul li a:hover{ text-decoration:none; }
div.vignette-service ul li a h6{ color:#FFF; text-transform:uppercase; margin-bottom:10px; line-height:1.2em; letter-spacing:-1px; font-size:15px; }
div.vignette-service ul li a p{ color:#FFF; margin:0px; }


/* SLIDESHOW REFERENCE */
#views_slideshow_cycle_main_reference_slideshow-block{ margin-top:30px; }
#widget_pager_bottom_reference_slideshow-block{ float:right; margin-top:10px; }
#widget_pager_bottom_reference_slideshow-block div.views_slideshow_pager_field_item{ display:inline-block; width:12px; height:12px; overflow:hidden; float:left; cursor:pointer; background:#d7e85d url(../images/pager_slideshow.png) no-repeat; text-indent:-9999px; margin-left:3px; }
#widget_pager_bottom_reference_slideshow-block div.views_slideshow_pager_field_item:hover{ background-color:#A2C200; }
#widget_pager_bottom_reference_slideshow-block div.views_slideshow_pager_field_item.active{ background-color:#A2C200; }


.view-service-slideshow, .view-reference-slideshow, .view-equipement-slideshow{ position:relative; }
.views-slideshow-controls-text .views-slideshow-controls-text-pause{ display:none; }
.views-slideshow-controls-text .views-slideshow-controls-text-next{ position:absolute; top:150px; z-index:300; right:20px; width:38px; height:38px; overflow:hidden; }
.views-slideshow-controls-text .views-slideshow-controls-text-next a{ display:block; width:38px; height:38px; background:transparent url(../images/bt-next.png) no-repeat; overflow:hidden; text-indent:9999px; }
.views-slideshow-controls-text .views-slideshow-controls-text-previous{ position:absolute; top:150px; z-index:300; left:20px; width:38px; height:38px; overflow:hidden; }
.views-slideshow-controls-text .views-slideshow-controls-text-previous a{ display:block; width:38px; height:38px; background:transparent url(../images/bt-previous.png) no-repeat; overflow:hidden; text-indent:9999px; }


#views_slideshow_cycle_main_service_slideshow-block{ margin-top:30px; }
#widget_pager_bottom_service_slideshow-block{ float:right; margin-top:10px; }
#widget_pager_bottom_service_slideshow-block div.views_slideshow_pager_field_item{ display:inline-block; width:12px; height:12px; overflow:hidden; float:left; cursor:pointer; background:#d7e85d url(../images/pager_slideshow.png) no-repeat; text-indent:-9999px; margin-left:3px; }
#widget_pager_bottom_service_slideshow-block div.views_slideshow_pager_field_item:hover{ background-color:#A2C200; }
#widget_pager_bottom_service_slideshow-block div.views_slideshow_pager_field_item.active{ background-color:#A2C200; }



#widget_pager_bottom_equipement_slideshow-block{ float:right; margin-top:10px; }
#widget_pager_bottom_equipement_slideshow-block div.views_slideshow_pager_field_item{ display:inline-block; width:12px; height:12px; overflow:hidden; float:left; cursor:pointer; background:#d7e85d url(../images/pager_slideshow.png) no-repeat; text-indent:-9999px; margin-left:3px; }
#widget_pager_bottom_equipement_slideshow-block div.views_slideshow_pager_field_item:hover{ background-color:#A2C200; }
#widget_pager_bottom_equipement_slideshow-block div.views_slideshow_pager_field_item.active{ background-color:#A2C200; }



/* LISTE DOCUMENTATION + LIENS UTILES */
body.page-documents h4{ font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333; }
body.page-documents h4, body.page-documents h3, body.page-documents p{ margin:0px; }
body.page-documents h3, body.page-liens-utiles h3{ margin-top:20px; text-transform:uppercase; font-size:15px; background-color:#eee; color:#555; padding:1px 10px; font-weight:bold; }
body.page-documents .documentation-fichier{ margin-top:15px; padding-top:15px; border-top:1px solid #EEE; }
body.page-documents .documentation-fichier.first{ border-top:0px; padding-top:0px; };
.documentation-fichier p{ font-size:11px; }
.documentation-fichier span.file{ font-size:12px; }
.documentation-fichier span.file a{ text-decoration:none; color:#333; padding-left:5px; }
.documentation-fichier span.file a:hover{ color:#F00; }


/* ACCUEIL */
.front #first-time{ display:none; }
.front #page{ position:relative; }
.front #header{ height:400px; }
.front #content{ position:relative; left:0px; margin-top:-120px; z-index:300; }
.front #ligne{ left:380px!important; }
.bouton-accueil img{ margin-left:22px; }
.bouton-accueil h2 a{ display:block; text-decoration:none; background-color:#CCC; color:#FFF!important; text-align:center; text-transform:uppercase; font-weight:bold; font-size:18px; padding:7px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.bouton-accueil h2 a:hover{ background-color:#666; }
.bouton-accueil p{ font-size:12px; color:#999; }
.view-bouton-accueil{ height:330px; }
.raccourcis-contenu{ height:160px; width:260px; position:absolute; top:0px; background:transparent url(../images/bg_vert_90.png); }
.raccourcis-contenu h3{ color:#FFF; padding:30px 20px 5px 25px; margin:0px; font-size:14px; text-transform:uppercase; font-weight:bold; }
.raccourcis-contenu h3 a{ color:#FFF!important; text-decoration:none; }
.raccourcis-contenu p{ color:#FFF; font-size:11px; padding:0 20px 0 25px; }
.view-raccourcis{ width:530px; overflow:hidden; float:left; position:relative; }
.masque-top{ position:absolute; width:520px; height:24px; margin-left:10px; z-index:400; background:transparent url(../images/background-top-raccourci.png) no-repeat top left; }
.masque-bottom{ position:absolute; width:520px; height:24px; margin-left:10px; top:136px; z-index:400; background:transparent url(../images/background-bottom-raccourci.png) no-repeat top left; }
#widget_pager_bottom_raccourcis-block{ float:right; }
#widget_pager_bottom_raccourcis-block div.views_slideshow_pager_field_item{ display:inline-block; width:12px; height:12px; overflow:hidden; float:left; cursor:pointer; background:#d7e85d url(../images/pager_slideshow.png) no-repeat; text-indent:-9999px; margin-left:3px; }
#widget_pager_bottom_raccourcis-block div.views_slideshow_pager_field_item:hover{ background-color:#A2C200; }
#widget_pager_bottom_raccourcis-block div.views_slideshow_pager_field_item.active{ background-color:#A2C200; }
.devis-gratuit{ margin-right:70px; }
.devis-gratuit h2{ margin-top:20px; }
.devis-gratuit h2 a{ display:block; text-decoration:none; background-color:#A2C200; color:#FFF!important; text-align:center; text-transform:uppercase; font-weight:bold; font-size:18px; padding:7px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.devis-gratuit h2 a:hover{ background-color:#90ac01; }
.devis-gratuit p{ font-size:12px; color:#999; }


/* CONTACT */
.form-item input.error, .form-item textarea.error, .form-item select.error{ background-color:#FEF5F1; }
div.error, table tr.error{ margin-bottom:25px; }
.form-textarea-wrapper textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.form-submit{ background-color:#A2C200; color:#FFF; border:none; padding:5px 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; text-transform:uppercase; font-weight:bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; margin-top:15px; }
.form-submit:hover{ background-color:#333; }
#edit-previous{ margin-right:10px; }
.adresse-contact p{ margin-top:5px; }
.adresse-contact p a{ color:#FFF; text-decoration:none; }
.adresse-contact p a:hover{ text-decoration:underline; }


/* FAQ */
.field-name-field-question-reponse .field-collection-view{ margin:0px; }
.field-name-field-question-reponse .field-name-field-question{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:5px; font-size:17px; }
.field-collection-container{ border-bottom:0px; border-bottom:0px; }
.node-type-foire-aux-questions .field-name-body p{ color:#333; }


/* DEVIS */
.webform-client-form{ border-top:1px dotted #BBB; padding-top:15px; margin-top:30px; }
.webform-client-form h3{ color:#A2C200; }


/* TABS */
ul.tabs{ padding:0px!important; margin:0px 0 20px 0; height:19px; }
ul.tabs li{ margin-left:0px; }
ul.tabs li a{ padding:4px 15px; color:#333!important; font-size:12px; }






.liste-services ul{}
.liste-services ul li{ list-style:none; margin-left:0px; margin-bottom:10px; }
.liste-services ul li h6{ margin-bottom:0px; }
.liste-services ul li h6 a{ display:block; background-color:#A2C200; color:#000!important; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:16px; text-transform:uppercase; padding:10px 20px; line-height:1em; }



/* LIENS SITES FOOTER */
#footer{ position:relative; }
#f-actif{ width:90px; height:100px; position:absolute; right:140px; top:70px; }
#f-a2{ width:60px; height:100px; position:absolute; right:60px; top:70px; }
#f-actif a, #f-a2 a{ display:block; width:100%; height:100%; }




.views-slideshow-controls-bottom{
    display: block;
}