/*
Theme Name: CLIDEE v2  
Description: Thème dédié WordPress - Structure du thème clidée v1
Version: 2.0
Author: b2w
Author URI: http://www.b2w.fr

@site : http://www.b2w.fr
@autor : b2w
@version : 1.0
@date : 2015
@licence : Création b2w - Tous droits réservés
@media : screen

@tested : 

*/

/************************************************/
/*    SOMMAIRE                                  */
/************************************************/

/* 
1=  Sprite & images
2=  Reset 
3=  Structure 
4=  Elements 
5=  Buttons
6=  Forms 
7=  Tables 
8=  JQuery UI 
9=  Medias 
10= Typography
11= Colors
12= Effects & animations CSS3
13= Header
14= Navigation
15= Footer
16= Loops
17= Templates
17-bis = formulaire contact gravityform
18= Compatibility
19= Responsive
*/

/************************************************/
/* 1= SPRITE & IMAGES                           */
/************************************************/



/************************************************/
/* 2= RESET                                     */
/************************************************/

html, body, label { margin: 0; padding: 0; }
ul, ol { padding-left: 2em; }
code, pre, samp { white-space: pre-wrap; font-family: consolas, 'DejaVu Sans Mono', courier, monospace; }
table{ border-collapse:collapse; border-spacing:0;}
input:focus, textarea, select {outline:none;}
fieldset,img{ border:0;}
img, table, td, blockquote, code, pre, textarea, input, object, video { max-width: 100%; height: auto; }
iframe {max-width:100%;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
/* html5 */
header, section, article, nav, footer, aside, menu, hgroup, figure, figcaption {display:block;}

/************************************************/
/* 3= STRUCTURE                                 */
/************************************************/

.full-width {float:left; width:100%;}
.row {width:1040px; margin:0 auto;}

/* Colonnes avec margin */
.col {float:left; margin-left:2%;}
.col:first-child, .col-no-margin {margin-left:0;}

.col-1{width:6.5%;}
.col-2{width:15.0%;}
.col-3{width:23.5%;} 
.col-4{width:32.0%;} 
.col-5{width:40.5%;}
.col-6{width:49.0%;}
.col-7{width:57.5%;} 
.col-8{width:66.0%;} 
.col-9{width:74.5%;}
.col-10{width:83.0%;}
.col-11{width:91.5%;}
.col-12{margin-left:0; width:100%;}

/* Grandes sans margin */
.full-col {float:left;}

.full-col-1{width:8.333%;}
.full-col-2{width:16.6%;}
.full-col-3{width:25%;} 
.full-col-4{width:33.333%;} 
.full-col-5{width:41.667%;}
.full-col-6{width:50.0%;}
.full-col-7{width:58.333%;} 
.full-col-8{width:66.667%;} 
.full-col-9{width:75.0%;}
.full-col-10{width:83.333%;}
.full-col-11{width:91.667%;}
.full-col-12{width:100.0%;}

/************************************************/
/* 4= ELEMENTS                                  */
/************************************************/

html {font-size:100%; font-size:16px;}
body {font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:0.875em; font-weight: 400; color:#4f341d;} 

/* Display */ 
.block {display:block;}
.inline {display:inline;}
.none {display:none;}
.hidden {overflow:hidden;}

/* Float */
.left {float:left;}
.right {float:right}
.float-none {float:none;}
.clear {clear:both;}  
.center {margin-right:auto; margin-left:auto;}

/* Positions */
.relative {position:relative;}
.absolute {position:absolute;}
.fixed {position:fixed;}

/* Margin & padding */
.margin {margin:30px 3%;}
.margin-top {margin-top:30px;}
.margin-right {margin-right:3%;}
.margin-bottom {margin-bottom:30px;}
.margin-left {margin-left:3%;}
.no-margin {margin-right:0; margin-left:0;} 

.padding {padding:30px 3%;}
.padding-top {padding-top:30px;}
.padding-right {padding-right:3%;}
.padding-bottom {padding-bottom:30px;}
.padding-left {padding-left:3%;}
.no-padding {padding-right:0; padding-left:0;} 
.padding-box {padding:30px;}

/* Border */
.border {border:1px solid #724b2a;}
.border-top {border-top:1px solid #724b2a;;}
.border-right {border-right:1px solid #724b2a;;}
.border-bottom {border-bottom:1px solid #724b2a;;}
.border-left {border-left:1px solid #724b2a;;}
      
/************************************************/
/* 5= BUTTONS                                   */
/************************************************/

.btn, input[type="submit"], button {display:block; max-width:100%; padding:0 30px; text-align:center; text-transform:uppercase; font-weight: 400;}
.btn:hover, input[type="submit"]:hover, button:hover {}

.btn-small, button {height:30px; line-height:30px; padding:0 15px; font-size:0.857em;/* 12px */}
.btn-small:hover, button {}

.btn-medium, input[type="submit"] {height:45px; line-height:45px; font-size:1em;/* 14px */}      
.btn-small:hover {}

.btn-large {height:60px; line-height:60px; font-size:1.143em;;/* 16px */}
.btn-small:hover {}

.btn-brown, input[type="submit"] {background:#724b2a; color:#fff;}

.btn-border {background:transparent; border:2px solid #fff; color:#fff;}
.btn-border:hover {background:#fff; color:#724b2a;}

button {border:1px solid #b48146; color:#b48146; background:transparent;}
button:hover {background:#b48146; color:#fff;}

/************************************************/
/* 6= FORMS                                     */
/************************************************/

form {float:left; width:100%;}

label {display:block; margin-bottom:5px; font-weight: 700;}  

input, select, textarea {width:100%; margin-bottom:15px; border:1px solid #ddd;}  
input, select {height:45px; padding:0 15px; line-height:45px;}
textarea {min-height:200px; padding:15px;}  
input:hover, select:hover, textarea:hover {} 
input:focus, select:focus, textarea:focus {}    

[type="checkbox"] {height:15px; width:15px; float:left;}

[type="submit"] {float:left; width:auto; border:0;}
[type="submit"]:hover, button {cursor:pointer; } 
[type="submit"]:focus {-webkit-box-shadow: none; box-shadow: none;} 

.gform_wrapper ul {margin:0; padding:0; list-style:none; list-style-image:none;}
.gform_wrapper li {padding:0;}

/************************************************/
/* 7= TABLES                                    */
/************************************************/
  
table {width:100%; margin:30px 0;}

thead {background-color:#333; color:#fff;}
thead tr {border-bottom:1px solid #fff;}
thead td {padding:30px 15px;}

tbody {}
tbody tr {border-bottom:1px solid #ddd;}
tbody td {padding:15px;}

tfoot {}

/************************************************/
/* 8= JQUERY UI                                 */
/************************************************/

/* Tabs */


/* Accordion */
.accordion .ui-accordion-header {}
.accordion .ui-accordion-header-icon {}
.accordion .ui-accordion-content {}

/************************************************/
/* 9= MEDIAS                                    */
/************************************************/

/* Images */
figure {margin:0; line-height:0; overflow:hidden;}
a img {border:0;}   
.wp-caption {max-width:100%; font-size:0.857em; color:#999;}
.alignleft {float:left; margin:30px 30px 15px 0;}
.alignright {float:right; margin:0 0 15px 30px;}
.aligncenter {display:block; margin:30px auto;}

/* Vidéos */
.wp-video {margin:30px 0;}

/* Slider interne plugin slideshow image gallery */
.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_button {width:30px!important; height:30px!important; line-height:30px!important; background:#b48146!important; color:#fff; text-align:center;}
.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_pagination ul li {background:#b48146!important; opacity:0.3; -webkit-border-radius: 50%;
border-radius: 50%;}
.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_pagination .slideshow_currentView, .slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_pagination ul li:hover {opacity:1;}
.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_button.slideshow_next {right:15px!important;}
.slideshow_container_slideshow-jquery-image-gallery-custom-styles_1 .slideshow_button.slideshow_previous {left:15px!important;}
                      
/************************************************/
/* 10= TYPOGRAPHY                               */
/************************************************/

/* Font size */
.size-12, small {font-size:0.857em;}
.size-14 {font-size:1em;}
.size-16 {font-size:1.143em;}
.size-21 {font-size:1.50em;}
.size-24 {font-size:1.75em;}
.size-28 {font-size:2em;}
.size-31 {font-size:2.25em;}
.size-35 {font-size:2.50em;}
.size-38 {font-size:2.75em;}
.size-42 {font-size:3em;}
.size-45 {font-size:3.25em;}
.size-49 {font-size:3.50em;}
.size-52 {font-size:3.75em;}
.size-56 {font-size:4em;}

/* Titres */
h1, h2, h3, h4, h5, h6 {margin:30px 0 15px 0; font-weight: 300;}
h1 {font-size:3.25em; margin:0 0 15px 0; line-height:1em; text-transform:uppercase; font-weight: 700;}
h2 {font-size:1.50em; font-weight: 600;}
h3 {font-size:1.25em; font-weight: 700;}
h4 {font-size:1.143em;}
h5 {font-size:1em;}
h6 {font-size:1em;}
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin {margin-top:0;}

hgroup {padding:0 0 10px; margin-bottom:15px; border-bottom:4px solid #4f341d;}
hgroup span {height:80px; width:80px; max-width:100%; line-height:80px!important; margin-top:5px;}
hgroup .full-col-3 {max-width:100px;}

/* Alignement */
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}

/* Liens */
a {text-decoration:none; color:#8c8048;} 
a:hover {background-color:#8c8048; color:#fff;}
#cookieChoiceInfo a {color:#fff; border-bottom:1px solid #fff;}
#cookieChoiceInfo #cookieChoiceDismiss {padding:10px; color:#fff; background-color: #67a8f2;  border-bottom:0; -webkit-border-radius: 3px; border-radius: 3px;}

/* Mise en forme de texte */
p {line-height:1.75em;}   
strong, b, .strong {font-weight: 700;}
.medium {font-weight: 600}
.regular {font-weight: 400;}
.thin {font-weight: 300;}  
.normal {font-style:normal;}
em, italic, .em {font-style:oblique;} 
.uppercase {text-transform:uppercase;}
.lowercase {text-transform:none;}
hr {height:2px; margin:0; background:#b48146; border:0;}
.hr {width:45px; max-width:100%; height:5px; margin:15px auto; background-color:#4f341d;}
pre {border:2px solid #b48146; padding:30px; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}

.chapo_cat {float:left; width:100%;}

/* Blockquote */
blockquote {margin:30px 0; padding:30px; background-color:#eee;}
blockquote p {margin:0;}

/* Listes */      
ul, ol {margin:30px 0;}
ul {list-style-image:url(img/puce.png);}
li {padding:5px 0;}
li p, li ul, li ol { margin-top: 0; margin-bottom: 0; }
ul.reset, ol.reset, .reset ul, .reset ol {margin:0; padding:0; list-style:none; list-style-image:none;}
.reset li {padding:0;}

/* Box info */
.box-info, .comment-awaiting-moderation {float:left; width:100%; margin:30px 0; padding:15px; text-align:center; border:1px solid #ddd; -webkit-border-radius: 3px; border-radius: 3px;}
.box-info.info, .comment-awaiting-moderation {color:#87b0b9; background-color:#def6fb; border-color:#b3d2d9;}
.box-info.alert {color:#c5bc61; background-color:#fbf8da; border-color:#e1da8f;}
.box-info.error {color:#bb6f6f; background-color:#ffe7e7; border-color:#deb7b7;}
.box-info.succes {color:#8ab676; background-color:#e7f8df; border-color:#b5d3a6;}        

/************************************************/
/* 11= COLORS                                   */
/************************************************/

/* Colors */  
.white {color:#fff;}
.light {color:#f7f2ec;}
.brown {color:#724b2a;}
.brown-dark {color:#4f341d;}
.brown-light {color:#b48146;}
.green {color:#8c8048;}

.google {color:#dd4b39;}
.facebook {color:#3b5998;}
.twitter {color:#55acee;}
.youtube {color:#e52d27;}
.linkedin {color:#0976b4;}
.rss {color:#0976b4;}

/* Background */
.bg-white {background-color:#fff;}  
.bg-light {background-color:#f7f2ec;}
.bg-brown {background-color:#724b2a;}
.bg-brown-dark {background-color:#4f341d;}
.bg-brown-light {background-color:#b48146;}
.bg-green {background-color:#8c8048;}

.bg-google {background-color:#dd4b39;}
.bg-facebook {background-color:#3b5998;}
.bg-twitter {background-color:#55acee;}
.bg-youtube {background-color:#e52d27;}
.bg-linkedin {background-color:#0976b4;}
.bg-rss {background-color:#0976b4;}

.bg-brown-80 {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmMzQxZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRmMzQxZCIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(79,52,29,0.8) 0%, rgba(79,52,29,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,52,29,0.8)), color-stop(100%,rgba(79,52,29,0.8))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(79,52,29,0.8) 0%,rgba(79,52,29,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(79,52,29,0.8) 0%,rgba(79,52,29,0.8) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(79,52,29,0.8) 0%,rgba(79,52,29,0.8) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(79,52,29,0.8) 0%,rgba(79,52,29,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4f341d', endColorstr='#cc4f341d',GradientType=0 ); /* IE6-8 */
}

/************************************************/
/* 12= EFFECTS & ANIMATIONS CSS3                */
/************************************************/

/* Box shadow */
.box-shadow {-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}

/* Box radius */
.border-radius {-webkit-border-radius: 4px; border-radius: 4px;}

/* Animations */
.zoom:hover {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.transition {-webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}

/* Sélection */
::-moz-selection { background: #ffe783; color: #fff; }
::selection { background: #ffe783; color: #fff; }

/************************************************/
/* 13= HEADER                                   */
/************************************************/

#header {z-index:50; height:340px;}
#top-header {z-index:51; height:50px; padding:0 30px;}
#top-header-right {padding:10px 0;}
#searchform {width:280px; height:30px;}
#searchform input[type="text"] {width:250px; height:30px; line-height:30px; border:2px solid #b48146;}
#searchform button {width:30px; height:30px; line-height:30px; padding:0;}
#rs a {height:30px; width:30px; line-height:30px; margin-right:1px;}

#logo {z-index:51; height:175px; width:224px; margin:10px auto;}
#logo h1 {height:0; margin:0; text-indent:-99999px;}
#site-name {margin:0; line-height:initial;}
#slogan {margin:0; line-height:initial;}     

/************************************************/
/* 14= NAVIGATION                               */
/************************************************/

/* Breadcrumbs */
#breadcrumbs {margin-top:60px; padding:5px 0; border-color:#b48146;}
#breadcrumbs a {color:#b48146;}

/* Menu principal */
/* 1er niveau */
#menu-menu-principal {width:650px; max-width:100%; margin:45px auto 0 auto;}
#menu-menu-principal li {position:relative; float:left; margin-left:30px;}
#menu-menu-principal li:first-child {margin-left:0;}
#menu-menu-principal a {display:block; height:45px; line-height:45px; padding:0 20px; text-transform:uppercase; color:#fff;}
 
#menu-menu-principal #menu-item-3131 a {background-color:#4f341d;}
#menu-menu-principal #menu-item-3142 a {background-color:#724b2a;}
#menu-menu-principal #menu-item-3143 a {background-color:#8c8048;}
#menu-menu-principal #menu-item-3144 a {background-color:#b48146;}

/* 2e niveau */
#menu-menu-principal li:hover .sub-menu {display:block;}
#menu-menu-principal .sub-menu {position:absolute; top:45px; left:0; display:none; width:265px; background-color:#fff;}
#menu-menu-principal .sub-menu li {width:100%; margin:0;}
#menu-menu-principal .sub-menu a {height:auto; line-height: inherit; padding:5px 15px; text-transform:none; background:transparent!important; border-bottom:1px solid #4f341d; color:#4f341d; font-size:0.857em;}
#menu-menu-principal .sub-menu span {margin-top:5px;}

#menu-menu-principal #menu-item-3131 .sub-menu a:hover {background-color:#4f341d!important; color:#fff;}
#menu-menu-principal #menu-item-3142 .sub-menu a:hover {background-color:#724b2a!important; color:#fff;}
#menu-menu-principal #menu-item-3143 .sub-menu a:hover {background-color:#8c8048!important; color:#fff;}
#menu-menu-principal #menu-item-3144 .sub-menu a:hover {background-color:#b48146!important; color:#fff;}

/* 3e niveau */
#menu-menu-principal .sub-menu li:hover .sub-menu {display:block!important;}
#menu-menu-principal .sub-menu .sub-menu {display:none!important; top:0; left:100%;}
#menu-menu-principal .sub-menu .sub-menu a {height:auto; line-height:auto; }
#menu-menu-principal .sub-menu .sub-menu span {display:none;}

/* Responsive */
.slicknav_menu {display:none;}

/* Menu header */
#menu-menu-haut li {display:block; float:left;}
#menu-menu-haut a {display:block; float:left; height:50px; line-height:50px; padding:0 15px; text-transform:uppercase; font-size:0.857em;}
#menu-menu-haut a:hover {background-color:#f7f2ec; color:#4f341d;}

/* Menu header second */
#menu-header-top {top:50px; right:0; padding:0 30px;}
#menu-header-top a {width:90px; height:80px; padding-top:15px; margin-left:10px; font-size:0.786em;}
#menu-header-top a span {margin-bottom:5px;}

/* Pagination */
#navigation ol {float:left; width:100%; padding:0 0 60px 0; text-align:center;}
#navigation li {display:inline-block;}
#navigation a, #navigation .current {display:inline-block; float:left; width:auto; margin-right:5px; padding:15px 30px; border:1px solid #ddd; text-transform:uppercase; font-size:0.857em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
#navigation a:hover, #navigation .current {background:#4f341d; color:#fff;}
#navigation a.next {border:0; border-left:1px solid #4f341d; padding:16px 30px;}
#navigation a.prev {border:0; border-right:1px solid #4f341d; padding:16px 30px;}

/************************************************/
/* 15= FOOTER                                   */
/************************************************/

#footer .WP_Mailjet_Subscribe_Widget {position:relative;width:70%; margin:0 auto; height:120px;}
#footer h3 {float:left; width:50%; padding:10px 15px; margin:0; background:#b48146; color:#fff; text-transform:uppercase; font-weight: 700; font-size:0.857em;}
#footer .WP_Mailjet_Subscribe_Widget h3 {padding:14px 15px;}
#footer .WP_Mailjet_Subscribe_Widget .response {position:absolute;top:60px;left:5px;width:75%;}
#footer .WP_Mailjet_Subscribe_Widget .response p {margin:0; line-height:normal;}
#footer form {float:left; width:50%;}
#footer form input[type="email"] {float:left; width:66%; height:auto; line-height:15px; padding:9px 0; margin:0; border:2px solid #b48146; color:#b48146; text-align:center;}
#footer form input[type="submit"] {float:right; width:30%; height:auto; line-height:15px; padding:11px 5px; text-transform:none; background:#b48146; color:#fff; font-size:0.857em; font-weight: 700;}

#copyright {padding:15px 0;} 
.menu-menu-bas-container, #copyright li, #copyright ul {display:inline;}
#copyright li {margin-left:1px;}


/************************************************/
/* 16= LOOPS                                    */
/************************************************/ 

.loop.first, .loop:first-child {margin-left:0;}

/* Loop post */   
.loop-post h2 span {height:60px; width:60px; line-height:60px; margin-right:10px;}
.loop-post a.picto-arrow-right-1 {width:45px; height:45px; margin:50% 0;}
.loop-post a:hover {color:#4f341d; background:transparent;} 

/* Loop search */  
.loop-search figure {height:150px;}
.loop-search h2 span {padding:10px; margin-right:10px; font-size:1.75em;}

/* Loop formation */
.loop-formation {height:750px;}
.loop-formation figure {height:200px;}
.loop-formation h2 {border-color:#fff; padding:15px 0;}
.loop-formation a {color:#fff;}
.loop-formation a:hover {background:transparent;}
.loop-formation .bottom {bottom:30px; left:0;}
.loop-formation .btn {width:70%; margin:0 15%;}
.loop-formation .btn:hover {background:#fff;}

/* Loop formation */
.loop-selection .content {bottom:0; left:0; padding-bottom:15px;}
.loop-selection .content .padding-box {padding:15px 30px 0 30px;}
.loop-selection .content h3 {margin:0;}

/************************************************/
/* 17= HOOKS                                    */
/************************************************/ 

/* Hooks slider */

    /* Voir le fichier css slick-theme.css : css/slick-theme.css */

/* Hooks activity */
#hook-activity article h2 {top:30px; left:0; margin:0; padding:15px;}
#hook-activity article .contenu {bottom:0; left:0;}
#hook-activity article p {margin:0;}
#hook-activity article .btn {width:80px; margin:15px auto 0 auto; padding:0;}

#hook-activity #decoration figure {min-height:600px;}
#hook-activity #decoration h2 {background-color:#8c8048;}

#hook-activity #equipement figure {min-height:350px;}
#hook-activity #equipement h2 {background-color:#b48146;}

#hook-activity #construction figure {min-height:350px;}
#hook-activity #construction h2 {background-color:#4f341d;}

#hook-activity #isolation figure {min-height:600px;}
#hook-activity #isolation h2 {background-color:#724b2a;}

/* Hooks magasin */
#hook-magasin article figure {min-height:350px;}
#hook-magasin article h2 {top:30px; left:0; margin:0; padding:15px;}
#hook-magasin article .contenu {bottom:0; left:0;}
#hook-magasin article p {margin:0;}
#hook-magasin article .btn {width:120px; margin:15px auto 0 auto; padding:0;}
                          
/* Hooks comments */     
.list-comment {float:left;}

.list-comment article {position:relative; margin-bottom:15px; padding:15px 15px 30px 15px; background:#b48146; border:1px solid #b48146; color:#fff;}  
.comment-author cite {font-weight: 700; border-left:0;}
.comment-meta {margin-bottom:15px;}
.comment-meta a {font-size:0.786em; color:#fff;}
.comment-meta a:hover {cursor:default; border:0; background:transparent;}
.list-comment article a {color:#fff;}

.reply {position:absolute; right:0; bottom:0;}
.reply a {float:right; padding:3px 8px; font-size:0.786em; text-transform:uppercase; color:#fff;}
.reply a:hover {color:#fff} 
.reply span {display:none;}
  
.children article {float:right; width:90%; background:transparent; color:#b48146;}
.children article .comment-meta a, .children article a {color:#b48146;}

#respond {float:left; width:100%; margin-bottom:30px; border-top:4px solid #4f341d;}
#respond .border {border-width: 2px;}
#respond .content {height:45px; line-height:45px; padding:0 15px;}
#respond label {float:left; text-transform:uppercase;}
#respond span {float:left;}
#respond input[type="text"] {float:left; width:auto; margin-bottom:0; border:0; background:#f7f2ec;}
#respond textarea {float:left; width:100%; min-height:0; margin-bottom:0; border:0; background:#f7f2ec;}
#respond .message {height:222px;}
.logged-in #respond .message {width:100%; margin:0;}
#respond .form-submit {float:left; width:100%;}
#respond input[type="submit"] {float:right; margin:0 auto;}

/************************************************/
/* 19 PRODUITS                                  */
/************************************************/ 

/* Rubrique produit */
.list-category.firstcol {margin-left:0;}
.list-category h2 {padding:15px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.list-category h2 span {margin-right:5px; vertical-align:middle;}
.list-category p {line-height:1.50em; margin:0 0 30px 0;}
.list-category a {color:#fff;}
.list-category a:hover {background:transparent;}
.list-category img {width:100%;}
.list-category ul.firstcol {border-right:1px solid #b48146; padding-right:15px;}
.list-category ul.lastcol {padding-left:15px;}
.list-category ul a {display:block; padding:5px 0;}

/* Catégory produit */
.list-product {min-height:600px;}
.list-product.firstcol {margin-left:0;}
.list-product h2 {padding:15px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.list-product h2 span {margin-right:5px; vertical-align:middle;}
.list-product h2 a:hover {background:transparent;}
.list-product p {line-height:1.50em; margin:0 0 30px 0;}
.list-product figure {height:244px;}
.list-product img {width:100%;}
.list-product .bottom {left:0; bottom:30px;}
.list-product .bottom .btn {width:70%; margin:0 15%;}

/* Fiche produit */  
/* Carousel produit */
.carousel-thumb img {width:100%;}
.slider-nav-thumb {width:80%; float:none; margin:15px auto!important;}
.slider-nav-thumb img {width:90%; margin:5%;}
.slider-nav-thumb .slick-center img {border:5px solid #fff;}

/* Inforamtions */
#info-product header {border-color:#fff;}
#info-product header span {margin-right:5px; vertical-align:middle;}

/* Teintes de produit */
#teinte-product {border-width: 2px;}
#teinte-product header span {margin-right:5px; vertical-align:middle;}
#teinte-product .list-colors {overflow:hidden; height:60px;}
#teinte-product .list-colors a {line-height:0; height:60px;}
#teinte-product .list-colors a:hover {-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); -moz-transform: scale(1.2);
-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
#teinte-product button {margin-bottom:15px;}

/* Documentation produit */
#doc-product {border-width: 2px;}
#doc-product header span {margin-right:5px; vertical-align:middle;}
#doc-product ul li {padding:5px 0;}
#doc-product ul li span {margin-right:5px; vertical-align:middle;}

/************************************************/
/* 18= CONTACT                                  */
/************************************************/

.contact-form form {float:left; width:100%; padding:15px 0; border-top:4px solid #4f341d; border-bottom:4px solid #4f341d;}
.contact-form form table {width:100%!important; margin:0!important;}
#form1 table.wdform_table2 {width:50%!important; margin:0!important;}
.contact-form form table tr {border:0!important}
.contact-form form tr[type="type_text"], .contact-form form tr[type="type_submitter_mail"], .contact-form form tr[type="type_textarea"], .contact-form form tr[type="type_captcha"] {border:4px solid #4f341d!important;}
.contact-form form td {padding:0!important;}
.contact-form form td .label {text-transform:uppercase; padding:0 15px; font-weight: 700;}
.contact-form form td input {border:0!important; background:transparent!important; margin:0!important;}
.contact-form form td textarea {width:100%!important; border:0!important; padding:30px!important; background:transparent!important; margin:0!important;}
#form1 button {float:right;}
#form1 button {border:1px solid #4f341d!important; margin-top:17px!important; background:#4f341d!important; color:#fff!important; height:40px!important; line-height:40px!important; padding:0 15px!important;
border-radius: 0!important;
border-top-left-radius: 0!important;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
border-bottom-left-radius: 0!important;}

.list-showroom h3 {margin-bottom:0;}
.list-showroom .brown-light a {color:#b48146;}
.list-showroom .brown-light a:hover {background:transparent;}

#respond { position:relative; padding-bottom:30px; }
#respond .form-submit { }
#respond .g-recaptcha { position:absolute; bottom:10px; left:20px; }

/************************************************/
/* 17= FORMULAIRE GRAVITY FORM                  */
/************************************************/
.gform_wrapper form {border-bottom:5px solid #4f341d; padding-bottom:0; margin-bottom:0;}
.gform_wrapper .top_label .gfield_label {float:left;}
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea
{margin-bottom:7px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:1em; text-transform:uppercase; font-weight:700; color:#4f341d; border:solid 3px #4f341d; background-color:#f7f2ec;}
.gform_wrapper .top_label textarea.textarea {padding:10px;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {margin-bottom:0; float:right; background-color:#4f341d !important;}
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {}


/************************************************/
/* 18= 404                                      */
/************************************************/

#error-404 #logo {width:130px; height:130px; line-height:130px; margin-top:60px; font-size:5em;}
#error-404 h1 {margin-top:60px; font-size:5.5em;}
#error-404 .btn {width:215px; margin:60px auto 0 auto;}
#error-404 #searchform {float:none; margin:0 auto;}

/************************************************/
/* 18= COMPATIBILITY                            */
/************************************************/

/* IE9 */
.ie9 .zoom:hover {-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.ie9 #footer form input[type="text"], .ie9 #footer form input[type="submit"] {height:36px; padding:0 15px;}
.ie9 #footer form input[type="text"] {width:70%;}
.ie9 #footer form input[type="submit"] {width:30%;}

/* IE8 */       
.ie8 #header {height:314px;}
.ie8 #top-header {border-bottom:1px solid #eee;}

/* IE7 */
.ie7 .col-6 {width:48.9%;}
.ie7 .col-4 {width:31.9%;}

.ie7 #top-header {padding:0 5%; width:90%;}
.ie7 #searchform {width:316px;}
.ie7 #menu-header-top {padding:0 5%;}
.ie7 #menu-menu-principal .sub-menu a {height:30px; line-height:30px; padding:0 15px;}

.ie7 .slick-slide IMG {width:100%;}
.ie7 .slick-dots {display:none!important;}
.ie7 #hook-slider #info-slider {width:100%;}

.ie7 #footer .WP_Mailjet_Subscribe_Widget {width:100%;} 
.ie7 #footer FORM {width:47%;} 
.ie7 #footer FORM INPUT[type='text'] {float:left; width:63%;}
.ie7 #footer FORM INPUT[type='submit'] {float:right;}

.ie7 hgroup {margin-top:30px;}

.ie7 .list-product IMG {width:100%;}
.ie7 .list-product .bottom .btn {padding:0;}

/************************************************/
/* 19 RESPONSIVE                                */
/************************************************/ 

/* Tablette horizontal */
@media (max-width: 1040px) {
	.tablet-hidden { display: none; }
  .row {width:90%; margin-right:5%; margin-left:5%;}
  .youtube {max-width:100%; /*overflow:hidden;*/}

  /* Footer */
  #footer h3 {width:100%;}
  #footer form {width:100%;}
  #footer form input[type="email"], #footer form input[type="submit"] {width:50%; margin:0;}
  #footer .WP_Mailjet_Subscribe_Widget {height:180px;}
  #footer .WP_Mailjet_Subscribe_Widget .response {top:100px;width:45%;}
  
  /* Menu principal responsive */
  .slicknav_menu {display:block;}
  #menu-menu-principal > li {display:none;}
  
  #menu-menu-principal .slicknav_btn {background:#4f341d; color:#fff;}
  #menu-menu-principal .slicknav_btn .dashicons {display:block; float:left; height:45px; line-height:45px!important; margin-right:5px;}
  #menu-menu-principal .slicknav_nav {float:left; width:100%; background:#fff; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
  #menu-menu-principal .slicknav_nav li {width:100%; margin:0;}
  #menu-menu-principal .slicknav_nav li a {color:#4f341d;}
  #menu-menu-principal .slicknav_nav li a a {padding:0; float:left; width:auto;}
  #menu-menu-principal .slicknav_nav li a span {float:right;}
  #menu-menu-principal .slicknav_nav li:hover .sub-menu {display:inherit;}
  #menu-menu-principal .slicknav_nav .sub-menu {position:relative; top:auto; display:block; width:100%;}
  #menu-menu-principal .slicknav_nav .sub-menu a {display: block; float: left; width: 100%; padding:10px 15px; font-size: 1em; background:#f7f2ec!important;}
  #menu-menu-principal .slicknav_nav .sub-menu a a {float:left; width:auto; padding:0; border-bottom:0; }
  #menu-menu-principal .slicknav_nav .sub-menu a a span {display:none;}
  #menu-menu-principal .slicknav_nav .sub-menu li:hover .sub-menu {display:none;}
  #menu-menu-principal .slicknav_nav .sub-menu .sub-menu {position:relative; top:auto; left:auto; display:block; width:100%;}
  #menu-menu-principal .slicknav_nav .sub-menu .sub-menu a {font-size:0.85em; background:#b48146!important; color:#fff;}
  
  /* Menu haut responsive */
  #menu-menu-haut > li {display:none;}
  #menu-menu-haut .slicknav_open {background:#f7f2ec;}
  #menu-menu-haut .slicknav_nav {position:absolute; top:50px; left:30px; width:200px; max-width:100%; background:#f7f2ec;}
  #menu-menu-haut .slicknav_nav li a {width:100%; height:auto; line-height:inherit; padding:10px 15px;}
  
  /* Hook 
  #hook-slider {overflow:hidden;}   
  */
  /* Loop */
  .loop-formation {min-height:950px; height:auto;}  
  .loop-formation .padding-box {padding-bottom:60px;}
  
  /* Produits */
  .page-template-page-templatesmodel-categorie-php article .clear {clear:none;}  
  .page-template-page-templatesmodel-categorie-php article .list-product {width:31%; margin:0 1% 15px 1%!important;}
  .page-template-page-templatesmodel-categorie-php article .list-product .clear {clear:both;}
  
}

/* Tablette vertical */
@media (max-width: 800px) {
  
  /* Header */
  #menu-header-top a {width:80px;}
  
  /* Home */
  .home-col-left {width:60%;}
  .home-col-right {width:38%;}
  
  /* Hook */
  #hook-slider #info-slider h2 {font-size:1em;}
  #hook-slider #info-slider a {font-size:0.75em;}
  
  #hook-magasin article figure {min-height:445px;}
  
  /* Loops */
  .loop-selection {width:31%; margin:0 1% 15px 1%!important;}
  .loop-formation {min-height:750px; width:48%; margin:0 1% 15px 1%!important;}
  
  /* Produit */
  .page-template-page-templatesmodel-categorie-php article .clear {clear:none;}
  .page-template-page-templatesmodel-categorie-php article .list-category {width:100%; margin:0 0 30px 0;}
  .page-template-page-templatesmodel-categorie-php article .list-category .clear {clear:both;}
  
  .page-template-page-templatesmodel-categorie-php article .list-product {width:48%; margin:0 1% 15px 1%!important;}
  
  .page-template-page-templatesmodel-produit-php .post-product {width:100%; margin:0 0 30px 0;}
  .page-template-page-templatesmodel-produit-php .sidebar-product {width:100%; margin:0;}

}

/* Tablette vertical */
@media (max-width: 768px) {

  /* Header */
  #header {height:383px;}
  #menu-header-top {position:relative; top:auto; right:auto;}
  
  /* Footer */
  #footer .WP_Mailjet_Subscribe_Widget .response {font-size:85%;}
  
  /* Hook */
  #hook-slider #info-slider {display:none;}
  #hook-slider .content h3, #hook-slider .content a {font-size:0.75em;}
  #hook-slider .content a {padding:0 10px!important;}
  
  #hook-activity .home-col-left, #hook-activity .home-col-right, #hook-magasin .home-col-left, #hook-magasin .home-col-right {width:100%; margin:0 0 15px 0;}
  #hook-activity #decoration figure, #hook-activity #equipement figure, #hook-activity #construction figure, #hook-activity #isolation figure {min-height:0;}
  #hook-activity article {min-height:400px;}
  
  /* Loops */
  .loop-selection {width:48%; margin:0 1% 15px 1%!important;}
  .loop-formation {min-height:0; width:100%; margin:0 0 15px 0!important;}
  
  /* Contact */
  #form1 table.wdform_table2 {width:100%!important;}

}

/* iPhone 4 horizontal */
@media (max-width: 600px) {
	.phone-hidden { display: none; }   
  
  h1 {font-size:3em;} 
  .subtitle {font-size:2.50em;}
  #breadcrumbs {margin-top:30px;}
  
  /* Header */
  #header {height:auto;}
  #top-header {height:auto;}
  
  /* Footer */
  #footer .WP_Mailjet_Subscribe_Widget .response {font-size:80%;}
  
  /* Loops */
  .loop-selection {width:100%; margin:0 0 15px 0!important;}
  
  /* Produit */
  .page-template-page-templatesmodel-categorie-php article .list-product {width:100%; margin:0 0 15px 0!important;}
  .list-product {min-height:0;}
  .list-product figure {height:auto;}     
  .list-product p {margin-bottom:60px;}
  
}

/* iPhone 4 horizontal */
@media (max-width: 480px) { 

  h1 {font-size:2.25em;}
  .subtitle {font-size:1.75em;}
  hgroup .full-col-3 {display:none;}

  /* Header */
  #menu-menu-haut .slicknav_nav {max-width:100%;}
  #top-header-right, #searchform {width:100%;}
  #searchform input[type="text"] {width:80%;}
  #searchform button {width:20%;}
  #rs {width:100%;}
  #rs li {width:31%; margin:15px 1%;}
  #rs a {width:100%;}
  #menu-header-top li {width:31%; margin:0 1%;}
  #menu-header-top li a {width:100%; margin:0;}
  
  /* Footer */
  #footer form input[type="email"], #footer form input[type="submit"] {width:100%;}
  #footer .WP_Mailjet_Subscribe_Widget {height:220px;}
  #footer .WP_Mailjet_Subscribe_Widget .response {position:relative;clear:both;margin:0;padding:10px 0;top:auto;width:100%;}
  
  /* Hook */
  #hook-slider {display:none;}
  #hook-activity article, #hook-magasin article figure {min-height:0;}
  #hook-activity article .contenu, #hook-magasin article .contenu {position:relative; bottom:auto; left:auto;}
  
  /* Loop */
  .loop-post h2 span {display:none;}
  
  /* Produit */
  .list-category ul {width:100%; margin:0; padding:0!important;}
  .list-category ul.firstcol {border-right:0;}
  .list-category ul a {padding:10px 0;}   
  .children article {width:100%;}
  
  /* Contact */
  /*.contact-form form {overflow:hidden;}*/
  #info-contact .list-showroom {width:100%; margin:0 0 30px 0; text-align:center;}
  #info-contact .list-showroom .btn {float:none; width:150px; max-width:100%; margin:0 auto;}
  
  #post-3363 #gform_wrapper_1 .col.col-6 {width:100%; margin:0;}
 
} 

/* iPhone 4 horizontal */
@media (max-width: 320px) { 

  #nav-below div, .navigation span {width:100%;}
  .navigation .nav-previous a {border-bottom:1px solid #4f341d; border-right:0;}

  /* Header */
  #site-name {font-size:2em;}
  #slogan {font-size:1em;}
  #menu-menu-principal .slicknav_btn {font-size:0.75em;}
  
  /* Produit */
  #respond input[type="submit"] {font-size:0.75em;}
 
}