/******************************************************
******************  FONTS   ***************************
*******************************************************/
body { font-family: 'Open Sans', sans-serif; overflow-x: hidden; font-size: 14px; }
ul { padding: 0; list-style-type: none; }
.img-responsive { max-width: 100%; height: auto; }
.no-margin {  margin: 0; }
.no-padding { padding: 0; }
.d-none { display: none; }
.container { margin-bottom: 30px; margin-top: 15px; }
h1 { font-size: 28px; color: #297840; }
h2 { font-size: 17px; font-weight: bold; }
.w-100 { width: 100%; }
.nopleft { padding-left: 0px; }
.nopright { padding-right: 0px; }

a { color: #000000;  }
a:hover { color: #559467; text-decoration: none; }
a.activ {border-bottom: 1px solid #559467; padding-bottom: 2px; }

.nomtop { margin-top: 0px; }
.nombot { margin-bottom: 0px; }
.mtop0 { margin-top: 0; }
.mtop5 { margin-top: 5px; }
.mtop15 { margin-top: 15px; }
.mtop35 { margin-top: 35px; }

.mbot5 { margin-bottom: 5px; }
.mbot15 { margin-bottom: 15px; }
.mbot35 { margin-bottom: 35px; }

.mright5 { margin-right: 5px; }

/* TO IE10 and Windows Phone 8 */
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

::-webkit-input-placeholder { /* WebKit browsers */ color:    #7e8c89;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #7e8c89; opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #7e8c89; opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #7e8c89;}

.bold { font-weight: bold; }
.center { text-align: center; }
.text-right { text-align: right; }
.justify { text-align: justify; }
.bbottom { border-bottom: 1px solid #44895a; }
.fs8 { font-size: 8px; } .fs10 { font-size: 10px; } .fs11 { font-size: 11px; }
.fs12 { font-size: 12px; } .fs13 { font-size: 13px; } .fs14 { font-size: 14px; }
.fs15 { font-size: 15px; } .fs16 { font-size: 16px; } .fs18 { font-size: 18px; }
.green { color: #20753A; }
.green-light { color: #61BC45; }
.green-olive { color: #82ba51; }
.blue { color: #1e71b8; }
.lime { color: #5db643; }
.red { color: #9c0f17; }
.grey-invisible { color: #44895a; background-color: #f7f7f7; }
.underline { text-decoration: underline; }
.crossed { text-decoration: line-through; }

.grey-mesh { height: 1px; background-color: #e4e4e4; margin-top: 10px; margin-bottom: 10px; }

.fleft { display: block; float: left; } .fright { display:block; float: right; }
.img-center { margin: 0 auto; }

@media(min-width:768px) and (max-width:1023px){ .container{ padding: 0 !important;} }


@media(max-width:767px){ .xs-center, .sm-center { display: block; margin-left: auto; margin-right: auto; } }
@media(min-width:768px) and (max-width:1022px){ .sm-center { display: block; margin-left: auto; margin-right: auto; } }

@media(min-width:992px) { .bright { border-right: 1px solid #44895a; } }
@media(max-width:991px){ .sm-bright { border-right: none; } }

@media(min-width:992px) { .bleft{ border-left: 1px solid #44895a; } }
@media(max-width:991px){ .sm-bleft { border-left: none; } }

.clearer { margin: 0; padding: 0; float: none; }

.pagination>.active>a { background-color: #65BA4D; border-color: #65BA4D; }

.pagination>.active>a:hover {  background-color: #2C2C44; border-color: #2C2C44; color: #FFF; }

.pagination>li>a, .pagination>li>a:hover { color: #24793E; }

.btn-dark { background-color: transparent; border: 1px solid #000; color: #000; padding: 8px 15px; border-radius: 2px; }
.btn-dark:hover { color: #000; }

.btn-green-olive-sc { background-color: #82ba51; border: 1px solid #82ba51; color: #fff; padding: 8px 15px; border-radius: 0; }

.btn-light { background-color: #FFF; border: 1px solid #65BA4D; color: #24793E; padding: 6px; border-radius: 3px; }
.btn-light:hover { color: #65BA4D; }

.btn-green { background-color: #297840; border: 1px solid #297840; color: #FFF; }
.btn-green:hover { background-color: #FFF; color: #20753A; }

@media(max-width:767px){
    .container { padding-left: 10px; padding-right: 10px }
}
#breadcrumb { margin-top: 15px; }
#breadcrumb a { color: #27783D; }

.form-error { display: none; color: #a94442; }
.form-error #msg-error { list-style-type: disc; padding-left: 20px; }

/******************************************************
******************  HEADER   **************************
*******************************************************/
#main-menu-vertical li { text-align: center; padding-bottom: 5px; font-size: 15px; }
#main-menu-inline { text-align: center; }
#main-menu-inline li { display: inline-block; margin: 0 10px; font-size: 15px; }

.dropdown-menu { background-color: #65BA4D; min-width: 118px; left: -24px; }
.dropdown-menu li a { color: #FFF; padding: 3px 5px; }
.dropdown-menu .sub-border { border-bottom: 1px solid #FFF; }
.dropdown-menu li a:hover { background-color: #65BA4D; }

#form-search div.input-group { width: 200px; }
#form-search input { border-bottom-left-radius: 15px; border-top-left-radius: 15px; }
#form-search input, #form-search input:focus { outline: none !important; border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; }
#form-search input.form-control { border-right: #fff; box-shadow: inset 0 0 0 rgba(0,0,0,0); }
#form-search span.input-group-addon { background-color: #fff; }
.input-group-sm > .input-group-addon { border-bottom-right-radius: 15px; border-top-right-radius: 15px; }

#form-search span.glyphicon { top: 0px; -webkit-top: 0px; -moz-top: 1px; }

@media(max-width:767px){
    #form-search div.input-group { width: 100%; }
    .input-group-sm > .input-group-addon { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
    #form-search input { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
}

    #call-popin-nav { border-radius: 4px; background-color: transparent; border: 1px solid #ddd; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 5px; }
#call-popin-nav .icon-bar { background-color: #888; width: 22px; height: 3px; border-radius: 1px; display: block; margin-bottom: 3px; }

#splash-navigation { height: 100%; width: 100%; position: absolute; z-index: 1000; display: none; background: rgba(75,75,75,0.9); } 
#splash-navigation #close-splash { margin-top: 15px; margin-left: 15px; }
#splash-navigation .item { font-size: 21px; text-align: center; min-height: 50px; padding-left: 20%; padding-right: 20%; }
#splash-navigation .item .filet-menu { border-bottom: 1px solid #fff; padding-bottom: 10px; }
#splash-navigation .item a { color: #fff; }
#splash-navigation .item a:hover { color: #20203C; }
#splash-navigation #btn-close-splash { cursor: pointer; }

/******************************************************
**************  STICKY NEWSLETTER   *******************
*******************************************************/
#sticky-newsletter { position: fixed; right: 0; top: 50px; background-color: #1e71b8; padding: 2px 10px; color: #fff; cursor: pointer; z-index: 100; }
#sticky-newsletter-header { float: left; padding-left: 10px; padding-right: 3px; height: 40px; line-height: 40px; }
#sticky-newsletter-container { width: 209px; padding-left: 40px; }
#sticky-newsletter-container a { color: #fff; }

#sticky-actus { position: fixed; right: 0; top: 100px; color: #fff; cursor: pointer; z-index: 100; }
#sticky-actus-header { float: left; height: 40px; line-height: 40px; background-color: #82ba51; padding: 1px 21px;  }
#sticky-actus-container { width: 190px; margin-left: 40px; background-color: #82ba51; padding: 10px; }
#sticky-actus-container h1 { font-size: 14px; color: #fff; margin-top: 2px; margin-bottom: 5px; }
#sticky-actus-container a { color: #fff; }
/******************************************************
*****************  MAIN CONTENT   **********************
*******************************************************/
#main-content { min-height: 350px; margin-top: 35px; margin-bottom: 35px; padding-left: 10px; padding-right: 10px; }

/******************************************************
******************  FOOTER   **************************
*******************************************************/

.wrapper { max-width: 1170px; margin: 0 auto; }
#subscribe-newsletter { width: 100%; background-color: #297840; }
#subscribe-newsletter #wrapper { max-width: 1170px; margin: 0 auto; }
#subscribe-newsletter #wrapper #left { text-align: right; color: #ffffff; }
#subscribe-newsletter #wrapper #left p{ height: 50px; line-height: 50px;}
#subscribe-newsletter #wrapper #left p span{ vertical-align: middle; display: inline-block; line-height: normal; }
#subscribe-newsletter #wrapper #form-newsletter #contain-mail { padding-top: 7px; }
#subscribe-newsletter #wrapper #icon-news { border-left: 1px solid #ffffff; padding-left: 5px; }
@media(max-width:378px){ 
    #subscribe-newsletter #wrapper #icon-news { display: none; }
}
@media(max-width:767px){ 
    #subscribe-newsletter #wrapper #left p span #lbl-sub { font-size: 12px; } 
    #subscribe-newsletter #wrapper #left p span #lbl-mail { font-size: 10px; }
}
@media(min-width:1172px){
    #subscribe-newsletter #wrapper #right-news-footer { position: relative; padding-left: 16px; }
    #subscribe-newsletter #wrapper #right-news-footer input { padding-top: 7px; }
    #subscribe-newsletter #wrapper #right-news-footer a { position: absolute; padding-top: 7px; padding-left: 15px; }
}
@media(min-width:991px) and (max-width:1171px){
    #subscribe-newsletter #wrapper #right-news-footer { position: relative; padding-left: 5px; }
    #subscribe-newsletter #wrapper #right-news-footer input { padding-top: 7px; }
    #subscribe-newsletter #wrapper #right-news-footer a { position: absolute; padding-top: 7px; padding-left: 5px; }
}
@media(max-width:990px) {
    #subscribe-newsletter #wrapper #form-newsletter #contain-mail { padding-left: 10px; padding-right: 10px; }
    #subscribe-newsletter #wrapper #left { text-align: center; }
    #subscribe-newsletter #wrapper #right-news-footer { margin-top: 10px; text-align: center; }
    #subscribe-newsletter #wrapper #right-news-footer input { display: inline-block; }
    #subscribe-newsletter #wrapper #right-news-footer a { display: inline-block; }
}

#more-informations {background-color: #f7f7f7; }
#more-informations .wrapper #about #estimate { margin-top: 20px; }

@media(max-width:996px){
    #more-informations .wrapper #about #estimate { width: 275px; margin: 20px auto 0; }
    #more-informations .wrapper #about #estimate #row1 { font-size: 12px; word-spacing: 1px; }
    #more-informations .wrapper #about #estimate #row2 { font-size: 10px; word-spacing: 3px; }
}
@media(min-width:997px) and (max-width:1218px){
    #more-informations .wrapper #about #estimate #row1 { font-size: 14px; word-spacing: -1px; }
    #more-informations .wrapper #about #estimate #row2 { font-size: 12px; word-spacing: 1px; }
}
@media(min-width:1219px){
    #more-informations .wrapper #about #estimate #row1 { font-size: 16px; word-spacing: 1px; }
    #more-informations .wrapper #about #estimate #row2 { font-size: 14px; }
}
#more-informations .wrapper #about #estimate #estimate-left-pad { width: 34%; height: 1px; background-color: #5db643; float: left; position: relative; top: 10px; }
#more-informations .wrapper #about #estimate #click-here { display: inline-block; width: 30%; text-align: center; }
#more-informations .wrapper #about #estimate #estimate-right-pad { width: 34%; height: 1px; background-color: #5db643; float: right; position: relative; top: 10px; right: 5px; }

#nav { padding-top: 20px; }
#bottom { width: 100%; height: 46px; color: #ffffff; background-color: #242727; line-height: 46px; font-size: 10px; }
@media(max-width:767px){
    #bottom { width: 100%; height: 46px; color: #ffffff; background-color: #242727; line-height: 46px; font-size: 10px; padding: 0 5px }
    #networks { background-color: #f7f7f7; padding: 10px 5px; text-align: center;  }
}
@media(min-width:768px){
    #bottom { width: 100%; height: 46px; color: #ffffff; background-color: #242727; line-height: 46px; font-size: 10px; padding: 0 55px }
    #networks { background-color: #f7f7f7; padding: 10px 55px; text-align: right; }
}
#bottom a { color: #ffffff; }
#bottom #left { display: block; float: left; text-align: left; width: 80%; }
#bottom #right { display: block; float: left; text-align: right; width: 20%; }

.form-error-est { display: none; color: #a94442; }
.form-error-est #msg-error-est { list-style-type: disc; padding-left: 20px; }
.btn-group .btn.btn-default.active { background-color: #297840; border-color: #297840; color: #FFF; }
.btn-group .btn.btn-default.active:hover { color: #000; }
#form-ask-estimation .form-control-feedback { right: 15px; }
#form-purchase-order .form-control-feedback { right: 15px; }
#icon-email-newsletter { padding-top: 7px; }
#email-newsletter::-webkit-input-placeholder { font-size: 13px; }
#email-newsletter::-moz-placeholder { font-size: 13px; }
#email-newsletter:-ms-input-placeholder { font-size: 13px; }

/* Bandeau cookie */
#recommandation h2 { font: bold 17px 'Open Sans'; color: #333333; margin: 0; padding: 10px 0; text-align: left; font-family: "Open Sans",sans-serif;}
#recommandation h3 { font:  13px 'Open Sans'; color: #5EB444; margin: 0; padding: 10px 0;text-align:left; font-family: "Open Sans",sans-serif;}
#recommandation {  margin-left : 0px; margin-right :0px  ; font-size : 12px; font-family: "Open Sans",sans-serif; text-align:justify;}