/* CSS Document TONNELLERIE MANCEAU */


/* FONTS
Lato:ital,wght@0,300;0,400;0,700;1,400
font-family: 'Lato', sans-serif;
*/


/*---- GENERAL ----*/

body {font-family: 'Lato', sans-serif;font-size: 1em;color: #dadada;background-color: #151514;}
.header {background: transparent;position: absolute;line-height: 120px;}
.header .inside:after {content: "";width: 80%;right: 40px;height: 1px;background: rgb(255 255 255 / 20%);position: absolute;bottom: 0;}
#container {background: #151514;}
#wrapper {overflow: hidden;}

.mod_quickmenu li a {width: 190px !important;background: #BE6F25;color: #fff;border: 0;}

.stickyheader .header.cloned {line-height: 70px;background: #151514;}
.stickyheader .header.cloned .logos {width: 80px;margin-top: 2px;}
.stickyheader .header.cloned .inside:after{display: none;}

/* LOGO */
.logos {width: 245px;float: left;position: absolute;margin-top: 10px;}
.stickyheader .logos{display: none;}
.stickyheader .logos-sticky {display: block;width: 225px;height: 70px;float: left;position: relative;margin-bottom: 0;}
.logos-sticky{display: none;}


#top .inside, .header .inside, #footer .inside, #bottom .inside, body.sidebar #container, .mod_article:not(.fullwidth)>.container, .fullwidth.boxed-content .contentwrap, .smallwidth .contentwrap, .boxed-content .contentwrap, .autogrid_wrapper.article, .ce_text_image_bar .inside, .ce_headerimage .ce_headerimage_inside, .ce_video_background .ce_video_background_inside, #offcanvas-top .offcanvas-top-inside, .ce_calltoaction .ce_calltoaction_inside, .mod_breadcrumb .mod_breadcrumb_inside, .mod_pageimage .container {
    max-width: 1620px;
}

.ce_gallery .content {background: rgba(190,111,37,.9);}
.ce_gallery .capt {font-size: 1.2rem !important;padding: 0 20px;}
.newslist-v2 .one_third {background-color: #1B1B1A !important;}

/********** RGPD **********/
#tarteaucitronRoot #tarteaucitronAlertBig {background: #000 !important;}
.tarteaucitronOpenPanel {cursor: pointer}
.rgpd p {font-size: 0.95em; text-align: left;}
.widget-checkbox.rgpd {margin-bottom: 0px;}
.widget-checkbox.rgpd fieldset {margin-top: 20px;margin-bottom: 0px;padding: 0px;border: 0px solid rgba(0,0,0,0.2); background-color: transparent !important;}
/********** FIN RGPD **********/

/* MENU */
.mainmenu ul li a {text-transform: uppercase;font-size: 1rem;color: #fff;font-weight: 600;}
.mainmenu ul li a:hover{color:#bd6f24;}
.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {color: #bd6f24;}
.mainmenu ul ul {border-top: 0;background: #bd6f24;margin-top: -33px;}
.stickyheader .mainmenu ul ul {margin-top: 0px;}
.mainmenu ul ul li a {color: #fff!important;text-transform: uppercase;border: none;font-size: 0.85rem;}
.mainmenu ul li ul li {margin-left: 0;margin-right: 0;padding: 0;}
.mainmenu ul ul li a:hover:not(.megamenu), .mainmenu ul ul li a.trail:not(.megamenu), .mainmenu ul ul li a.active:not(.megamenu) {background: rgb(21 21 20);}

/*---- MENU INTER ----*/
.inter #main .mod_navigation a {background-color: #0F0F0E; color: #dadada; padding: 10px 20px;display: block;margin-bottom: 1px;text-transform: uppercase;font-size: 1rem;font-weight: 400;}
.inter #main .mod_navigation .active a, .inter #main .mod_navigation a:hover, .inter #main .mod_navigation .trail a {background-color: #BE6F25;color: #fff; text-align: left;}
.inter h3 {font-size: 1.5rem;text-transform: uppercase;color: #dadada;font-weight: 500;letter-spacing: 3px;}


/* VIDEO BG */
#slider {background: #151514;overflow: hidden;}
.ce_video_background {height: 100vh;min-height: 100vh;}
.ce_video_background:after {content: "";background: rgb(4 4 4 / 50%);height: 100%;width: 100%;position: absolute;top: 0;z-index: 1;}
#slider:after {content: "";background: rgb(21,21,20);position: absolute;width: 100%;height: 345px;bottom: 0;z-index: 9;
background: -moz-linear-gradient(0deg, rgba(21,21,20,1) 18%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(21,21,20,1) 18%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(21,21,20,1) 18%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#151514",endColorstr="#000000",GradientType=1);}
.ce_video_background .ce_video_background_inside {position: relative;z-index: 10;transform: translateY(-50%);top: 65%;}

#slider .teaser-slider {text-transform: uppercase;font-size: 3.75rem;margin-bottom: 0;line-height: initial;letter-spacing: 4px;font-weight: 600;z-index: 10;color: #dadada;margin-left: 12%;margin-bottom: 25px;hyphens: manual;}
#slider .ce_hyperlink{margin-left: 12%;}
#slider .teaser-slider span{display: block;}

a#linkToContent {text-decoration: none;text-transform: uppercase;animation-name: bounceIn;animation-duration: 800ms;animation-timing-function: linear;animation-fill-mode: forwards;}
#linkToContent {position: absolute;bottom: 40px;right: 5%;color: #fff;z-index: 999999999;transition: all 0.2s ease-out 0s;}
#linkToContent:before {content: "";z-index: 9;position: absolute;bottom: -15px;right: 40%;width: 14px;height: 33px;background-image: url(../images/arrow.svg);background-repeat: no-repeat;transition: all 0.2s ease-out 0s;}
a#linkToContent:hover:before {bottom: -25px;transition: all 0.2s ease-out 0s;}
#linkToContent .wheel {display: block;margin-left: 30px;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.picto-fb {position: absolute;bottom: 40px;left: 5%;z-index: 999999999;border-radius: 100%;text-align: center;}
.picto-fb a {color: #fff;font-size: 1.25rem;margin-top: 0;position: relative;display: block;text-align: center;padding: 6px;width: 42px;height: 42px;border: 1px solid #fff;border-radius: 100%;}
.picto-fb a:hover {color: #be6f25;border: 1px solid #be6f25;}

.inter .ce_bgimage.bg-nocolor {background: #151514;}

/* LIENS */
.ce_hyperlink a, a.btn, form.style7 button.submit {background: transparent;border-color: transparent;border: 2px solid transparent;text-transform: uppercase;color: #bd6f24;font-size: 1rem;padding-left: 0;line-height: initial;font-weight: 500;letter-spacing: 0.05rem;
   -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;}
.ce_hyperlink a:after, form.style7 button.submit:after {content: "";background: url(../images/next.svg);width: 36px;height: 36px;position: absolute;right: -30px;top: 3px;
   -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;}
.ce_hyperlink a:hover, a.btn:hover, .back a:hover {opacity: 1;color: #dadada !important;
   -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;}
.ce_hyperlink a:hover:after, form.style7 button.submit:hover:after {filter: brightness(10);top: 3px;
       -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
    transform-origin: 50% 50%;
    -webkit-animation: rotating 0.3s linear;
}

.back a {background: transparent;border-color: transparent;border: 0px solid transparent;text-transform: uppercase;color: #bd6f24;font-size: 1rem;padding-left: 0;line-height: initial;display: inline-block;padding: 15px 50px;font-weight: 700;margin-top: 30px;
       -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
}
.back a:after {content: "";background: url(../images/next.svg);width: 36px;height: 36px;position: relative;right: inherit;left: -50px;;top: -26px;display: block;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
   -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;
}

.back a:hover:after {filter: brightness(10);
    transition: all 0.2s ease-out 0s;
    transform-origin: 50% 50%;
-moz-animation: rotating 0.3s linear;
-webkit-animation: rotating 0.3s linear;
-o-animation: rotating 0.3s linear;
-ms-animation: rotating 0.3s linear;
animation: rotating 0.3s linear;
}
.back a:before {display: none;}

@-webkit-keyframes rotating {
    from{
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
    
    }
    to{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
    }
}
.ce_hyperlink.btn-accent a {background: transparent;border-color: transparent;}
.ce_hyperlink.btn-accent a:hover{color: #151514 !important;}
.ce_hyperlink.btn-accent a:hover:after {filter: brightness(0);}

.ce_hyperlink.btn-second a {background-color: #BE6F25;color: #fff; padding: 10px 20px; border: 0;}
.ce_hyperlink.btn-second a:hover {background-color: #fff;color: #000 !important; padding: 10px 20px; border: 0;}
.ce_hyperlink.btn-second a:after {display: none;}

/* TITRES */
h1 {font-size: 2.5rem;text-transform: uppercase;color: #dadada;font-weight: 500;letter-spacing: 3px;hyphens: manual;}
.home h1 {padding-left: 20px; padding-right: 20px;}
span.color-accent {color: #b36a23;display: block;text-transform: initial;font-weight: 300;letter-spacing: 0;font-size: 1.888rem;hyphens: manual;}
.img-absolute{position: absolute;}
h2 {color: #dadada;text-transform: uppercase;font-size: 2.188rem;font-weight: 500;letter-spacing: 2px;position: relative;hyphens: manual;}
h2:before {content: "";width: 35px;height: 2px;position: absolute;top: 50%;transform: translateY(-50%);background: #e5d6cd;left: -45px;z-index: 5;}
.teaser-v2 h5, .newslist-v3-inside h5 {
    background-color: #BE6F25 !important;
    color: #fff !important;
    display: inline-block !important;
    padding: 5px 10px !important;
}

.newslist-v3-inside h4 a {color: #fff !important;}
.phare h2:before {display: none !important;}

/* TEXTES */
p {font-weight: 300;font-size: 1.188rem;text-align: justify;line-height: 1.2em;hyphens: manual; color: #dadada;}
#main li {font-weight: 300;font-size: 1.188rem;line-height: 1.2em;    hyphens: manual;}
#main p a, #main li a {color: #b36a23;}
.home .ce_text{overflow: visible;}
.bloc-left .ce_text {padding-top: 25%;padding-right: 15%;}
.bloc-projet {min-height: 890px!important;}
.bloc-right .img-absolute {left: 0;}
.bloc-right .ce_text{padding-top: 25%;padding-left: 15%;}
.bloc-right .ce_hyperlink{padding-left: 15%;}
.bloc-right, .bloc-left {min-height: 700px;}
.bloc-tournage-bois{min-height: 800px;}

.ce_accordion .toggler:before {color: #BE6F25;}
.ce_accordion .toggler:hover {color: #BE6F25;}
.ce_accordion .toggler.ui-state-active {border-bottom: 1px solid rgb(220,220,220);color: #BE6F25;}
.ce_accordion .toggler {font-size: 1.2rem}

/* accueil */
.home .zone-texte-left .ce_bgimage.img-rightside-50 .ce_bgimage-outer {margin-right: 60%;}
.home .zone-texte-left .ce_bgimage.img-rightside-50 .ce_bgimage-image {margin-left: 40%;}
.home .zone-texte-right .ce_bgimage.img-leftside-50 .ce_bgimage-outer {margin-left: 60%;}
.home .zone-texte-right .ce_bgimage.img-leftside-50 .ce_bgimage-image {width: 60%;}


/* VIDEO */
/*.ce_hyperlink_lightbox_video{position: absolute;top: 50%;transform: translateY(-50%);left: 72%;}*/
.bloc-video .column:first-child {padding-left: 10%;padding-top: 15%;padding-right: 10%;}
.bloc-video h2 {color: #151514;}
.bloc-video h2 span.color-accent {color: #151514;display: block;text-transform: uppercase;font-weight: 400;letter-spacing: 0;font-size: 2.188rem;}
.bloc-video h2 span.color-accent:last-child {text-transform: initial;font-size: 1.875rem;font-weight: 200;margin-top: 20px;}
.bloc-video h2:before {top: 17%;background: #151514;}
.bloc-video p {color: #151514;font-weight: 300;}


/* FOOTER */
#footer {background: #0f0f0e;font-size: 1rem;line-height: initial;}
#footer p {color: #dadada;font-size: 1.125rem;}
#footer a {color: #bd6f24!important;}
#footer .mod_customnav a {color: #dadada!important;font-weight: 100;}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color: #dadada;font-size: 1.125rem;font-weight: bold;}
#footer li {margin-bottom: 6px;padding-left: 0px;padding-bottom: 0px;list-style-type: disc;position: relative;}
#footer li:before, #footer li:after{display: none;}
#footer .ce_text{padding-top: 55px;}
#footer:after {content: "";background: url(/files/cto_layout/images/picto.svg);width: 345px;height: 338px;position: absolute;bottom: 0;right: 0;opacity: 0.1;background-repeat: no-repeat;filter: saturate(0); z-index: 1;}
#footer .ce_hyperlink a:hover {color: #fff!important;}
.totop{display: none;}
#footer .inside {margin: 0 auto;padding: 40px 40px;}
#footer a:hover {color: #be6f25!important;}
#top_link a {background: #BE6F25;color: #fff;border: 0;}

#footer .inside {z-index: 99;}


/* ACTUALITES */
.mod_newslist{display: flex;}
.newslist-v3 {width: 50%;}
.newslist-v3 .content {padding: 7%;padding-top: 25px;background: #1b1b1a;border: none;min-height: 230px;}
.newslist-v3 .info {color: #484440;position: absolute;bottom: 12px;}
.mod_newslist .teaser{font-weight: 300;}
.mod_newslist .content i.fa{position: absolute;right: 3%;bottom: 12px;color: #484440;font-size: 1.563rem;}

.bloc-actu .column:first-child {padding-left: 10%;padding-top: 15%;padding-right: 10%;}


/* Social feed */
.social_feed_element .inner {background: #1b1b1a;border-top: 0px solid #000;
    -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;}
.social_feed_element .inner>figure {margin-top: 15px;}
.social_feed_element .title {display: none;}
.social_feed_element .info {color: #989898;}
.social_feed_element .info img {width: 12px;}
.social_feed_element .ce_text {color: #dadada;}
.social_feed_container {margin-left: 0px;width: calc(100%);}
.social_feed_container p {font-size: 1rem;margin-bottom: 5px;text-align: left;line-height: 1.5em;}

.social_feed_element .inner:hover {background:#fff;}
.social_feed_element .inner:hover .info {color: #000;}
.social_feed_element .inner:hover .info img {filter: brightness(0);}
.social_feed_element .inner:hover .ce_text p {color: #151514;}


/* MENU MOBILE */
.mmenu_trigger {position: relative;right: initial;transform: initial;align-items: initial;color: #ffffff;transition: all 0.2s ease-out 0s;float: right;margin-top: initial;width: 80px;height: 80px;background: transparent;text-align: center;border-radius: 100%;border: 5px solid #bd6f24;padding: 15px;text-transform: uppercase;font-size: 0.8rem;right: 0;cursor: pointer;line-height: initial;z-index: 99999999999;top: 25px;}
.mmenu_trigger .burger .burger_lines, .mmenu_trigger .burger .burger_lines:after, .mmenu_trigger .burger .burger_lines:before {background-color: rgb(218 218 218);}

#mmenu {display: block;width: 100%;left: initial;min-width: initial;top: 0!important;height: 100vh!important;background: #151514;z-index: 99;}
.mmenu_trigger .burger {height: 23px;width: 64%;position: relative;font-size: 4px;cursor: pointer;transition: .2s all;margin: auto;margin-top: 2px;}
.mmenu_trigger .burger.transform.open .burger_lines, .mmenu_trigger .burger.transform.open .burger_lines:after, .mmenu_trigger .burger.transform.open .burger_lines:before {transition: .2s background-color,.2s top,.2s left,.2s transform .15s;background: #ffffff;}
.mmenu_trigger .burger.transform.open .burger_lines {background-color: transparent!important;}
#mmenu .mod_navigation li a.open, #mmenu .mod_navigation li a.active, #mmenu .mod_navigation li a:focus {font-weight: 500;color: #bd6f24;}

#mmenu .mod_navigation li a.submenu:after {/*right: initial;*/width: 30px;height: 30px;border-radius: 100%;text-align: center;background: transparent;margin-left: 20px;border: 1px solid #bd6f24;}

#mmenu .mod_navigation li.submenu .opener {cursor: pointer;z-index: 9999;width: 100%;height: 40px;}

.stickyheader .mmenu_trigger {top: 7px;width: 55px;height: 55px;padding: 4px;padding-top: 12px;border: 2px solid #bd6f24;}
.stickyheader .mmenu_trigger .label {display: none;}

#mmenu .scrollable .inside{height: 100%;}
#mmenu #mmenu_top, #mmenu #mmenu_bottom{display: none;}
#mmenu #mmenu_middle {background: transparent!important;height: 100%!important;text-align: left;padding-top: 30%!important;overflow: auto;width: 100%;padding-left: 10%;padding-right: 10%;}
#mmenu .mod_navigation li a {display: block;padding: 5px 0px 7px 0;font-size: 1.3rem;color: #fff;width: 100%;margin: auto;position: relative;line-height: 2rem;text-transform: uppercase;font-weight: 500;}
body.no_scroll {overflow: inherit;}
.mmenu_trigger .label {margin-right: 0;}
#mmenu .mod_navigation li a:hover {color: #bd6f24;}
#mmenu nav.mobile_vertical ul ul {padding-left: 35px; padding-bottom: 10px;}
#mmenu .mod_navigation li.submenu ul li a {font-size: 1.15rem;padding: 0px;text-transform: initial;}
#mmenu .mod_navigation li a.submenu:hover:after {color: #e6645f;background: #ffffff;}
#mmenu .mod_navigation li.submenu {border-bottom: 1px solid #bd6f24;}


/* Catalogue produits */
.inter .mod_newslist {display: block;}
.inter .mod_newslist {margin-top: 30px;}
.newslist-v2 {background: #1b1b1a;list-style: disc;margin-bottom: 20px;padding-bottom: 0px;border-bottom: 0;width: 100%;display: flex;}
.newslist-v2 .image_container img {border-radius: 0;}
.newslist-v2 .one_third {flex: 0 0 calc(100% / 4);background-color: #fff; padding: 0;}
.newslist-v2 .news-content-v2 {padding: 20px;flex: 100%;}
.newslist-v2 ul {list-style: disc;padding-left: 22px;line-height: 1.4em;}
.newslist-v2 h4 {font-size: 1.5rem;text-transform: uppercase;color: #dadada;font-weight: 500;letter-spacing: 3px; padding-right: 0;}
.newslist-v2 a {color: #BE6F25;
        -webkit-transition: 0.2s linear 0s;
	   -moz-transition: 0.2s linear 0s;
	     -o-transition: 0.2s linear 0s;
		-ms-transition: 0.2s linear 0s;
	        transition: 0.2s linear 0s;}
.newslist-v2 a:hover {color: #dadada;}
.newslist-v2:hover .news-overlay {opacity: 1;}
.newslist-v2 .news-overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.6);
    opacity: 0;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
}
.newslist-v2 .news-overlay i {background-color: #BE6F25;position: absolute;top: 0%;left: 50%;margin-top: -20px;margin-left: -20px;color: rgb(255,255,255);font-size: 20px;width: 40px;height: 40px;line-height: 40px;background: #BE6F25;text-align: center;opacity: 0;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.newslist-v2:hover .news-overlay i {opacity: 1;top: 50%;}
.newslist-v2 .fa-plus:before {content: "\f002";}

.mod_newsreader h4 {color: #BE6F25;}



/*---- Formulaire ----*/
#formulaire ::-webkit-input-placeholder {color: #dadada; text-transform: uppercase;}
#formulaire :-moz-placeholder { /* Firefox 18- */color: #dadada;text-transform: uppercase;}
#formulaire ::-moz-placeholder {  /* Firefox 19+ */color: #dadada;text-transform: uppercase;}
#formulaire :-ms-input-placeholder {color: #dadada;text-transform: uppercase;}

#formulaire input::-webkit-input-placeholder {color: #dadada !important;text-transform: uppercase;}
#formulaire input:-moz-placeholder {color: #dadada !important;text-transform: uppercase;}
#formulaire input::-moz-placeholder {color: #dadada !important;text-transform: uppercase;}
#formulaire input:-ms-input-placeholder {color: #dadada !important;text-transform: uppercase;}

#formulaire textarea::-webkit-input-placeholder {color: #dadada !important; font-size: 1rem !important; text-transform: uppercase;}
#formulaire textarea:-moz-placeholder {color: #dadada !important;font-size: 1rem !important; text-transform: uppercase;}
#formulaire textarea::-moz-placeholder {color: #dadada !important;font-size: 1rem !important; text-transform: uppercase;}
#formulaire textarea:-ms-input-placeholder {color: #dadada !important;font-size: 1rem !important; text-transform: uppercase;}

#formulaire form.style7 {margin-top: 10px;}
#formulaire form.style7 input, form.style7 select, form.style7 textarea {font-size: 0.95em;}
#formulaire form.style7 textarea {height: 175px; resize: vertical;}
#formulaire input:focus, #formulaire input:hover {border: none !important;border-bottom: 1px solid #fff !important;}

#formulaire form.style7 input {border-bottom: 1px solid #BE6F25; color: #fff;font-size: 1em;}
#formulaire .widget-textarea textarea, #formulaire .widget-textarea textarea:hover {border: 1px solid #BE6F25; padding-left: 20px; padding-right: 20px; color: #fff; margin-top: 20px; font-size: 1em;}
#formulaire textarea:focus, #formulaire textarea:hover {border: 1px solid #fff !important;}
#formulaire form p.error {color: #BE6F25;}
#formulaire .rgpd p {font-size: 1.1rem;line-height: 1.3rem;}
#formulaire .explanation {margin: 0px;}
#formulaire form.style7 button.submit {font-size: 1rem;}
#formulaire form.style7 button.submit:hover {color: #fff;}

#formulaire .rgpd label {font-size: 1rem;}
.widget-checkbox.rgpd {margin-bottom: 0;}

button.submit[type="submit"]:hover {background: transparent}
form.style7 button.submit {   padding: 12px 20px;min-width: inherit;font-size: 0.9rem;}
.widget-submit {margin-top: 40px;}



/* RESPONSIVE */

@media only screen and (max-width:1680px){
    .bloc-right .img-absolute {left: -110px;}
    .bloc-video .column:first-child, .bloc-actu .column:first-child {padding-left: 12%;}
    .ce_bgimage.max_width_s .contentwrap {max-width: 550px;}
}

@media only screen and (max-width:1600px){
    .header .inside:after {content: "";width: 79%;}
    .bloc-video .column:first-child, .bloc-actu .column:first-child {padding-left: 10%;}
}

@media only screen and (max-width:1440px){
    .header .inside:after {width: 78%;}
    .logos {width: 222px;}
    .bloc-video .column:first-child, .bloc-actu .column:first-child {padding-left: 7%;}
}

@media only screen and (max-width:1368px){
    .header .inside:after {width: 77%;}
    .bloc-video .column:first-child, .bloc-actu .column:first-child {padding-left: 6%;}
}

@media only screen and (max-width:1280px){
    .header .inside:after {width: 75%;}
}

@media only screen and (max-width:1024px){
    .autogrid_grid {grid-template-columns: 100%;}
    .two_third, .one_third {flex: 100%;}
    .autogrid_wrapper, .autogrid_row, .autogrid_grid {margin-left: 0!important;margin-right: 0!important;}
    .autogrid, .col_6_t, .col_4_t {flex: 0 0 100%!important;width: 100%!important;max-width: 100% !important;}
    .autogrid_grid.gutter_l > .column {padding-left: 0;padding-right: 0;}
    
    .home .zone-texte-left .ce_bgimage.img-rightside-50 .ce_bgimage-outer {margin-right: 50%;}
    .home .zone-texte-left .ce_bgimage.img-rightside-50 .ce_bgimage-image {margin-left: 50%;}
    .home .zone-texte-right .ce_bgimage.img-leftside-50 .ce_bgimage-outer {margin-left: 50%;}
    .home .zone-texte-right .ce_bgimage.img-leftside-50 .ce_bgimage-image {width: 50%;}
    
    .mmenu_trigger {display: block;}
    .header .inside:after{display: none;}
    .home .mod_article:not(.fullwidth)>.container {padding-top: 50px;padding-bottom: 15px;}
    h2 {color: #dadada;}
    .bloc-video .column:first-child {padding-left: 11%;}
    .bloc-video .ce_image .image_container img {width: 145%;max-width: 150%;}
    #footer:after {width: 240px;height: 240px;}
    
    .img-absolute {position: relative;}
    .bloc-video .ce_image .image_container img {width: 100%;max-width: 100%;}
    .bloc-projet, .bloc-tonnellerie-art, .bloc-left {border-bottom: 1px solid rgb(189, 111, 36);padding-bottom: 30px;}
    .bloc-video .column:first-child, .bloc-actu .column:first-child {padding-left: 10% !important;padding-top: 50px;padding-bottom: 50px;padding-right: 10%;}
    #main .mod_navigation.block {margin-bottom: 30px;}
}

@media only screen and (max-width:800px){
    #linkToContent {right: 2%;}
    .picto-fb {left: 6%;}
    body.no_scroll {overflow: hidden;}
    .mod_newslist {margin-top: 50px;}
    .ce_hyperlink a, a.btn, .ce_hyperlink-extended.align-inline {display: inline-block;}
    #mmenu #mmenu_middle {padding-top: 35%!important;}
    #slider .teaser-slider span {text-align: left;}
    #slider .teaser-slider, #slider .ce_hyperlink {margin-left: 5%;}
    
    .social_feed_container.masonry.columns2 .social_feed_element, .social_feed_container.masonry.columns3 .social_feed_element, .social_feed_container.masonry.columns4 .social_feed_element {float: none;width: 100%; padding-left: 20px; padding-right: 20px;}
    
    .newslist-v2 .one_third {padding: 0;}
    .newslist-v2 {display: block;}
    
    .mod_article.bloc-actu.article-pb-s>.container {padding-top: 40px !important;}
}

@media only screen and (max-width:767px){
    #footer .container {padding-left: 0;padding-right: 0;}
    .mod_newslist {margin-top: 0;display: block}
    .newslist-v3 {width: 100%!important;}
    .mod_article.article-pt-xxs>.container {padding-top: 0}
    .social_feed_element .inner {margin-left: 0; margin-right: 0;}
    
    .ce_bgimage.max_width_s .contentwrap {max-width: 650px;}
    .home .zone-texte-right .ce_bgimage.img-leftside-50 .ce_bgimage-outer {margin-left: inherit;}
    .zone-texte-left .ce_bgimage.vertical_centered .ce_bgimage-inside, .zone-texte-right .ce_bgimage.vertical_centered .ce_bgimage-inside {transform: inherit;-webkit-transform: inherit;position: relative;top: 0;padding-bottom: 0 !important;}
    .ce_bgimage.img-leftside-33, 
    .ce_bgimage.img-leftside-50, 
    .ce_bgimage.img-rightside-50,
    .ce_bgimage.img-leftside-33 .ce_bgimage-inside, 
    .ce_bgimage.img-leftside-50 .ce_bgimage-inside,
    .ce_bgimage.img-rightside-50 .ce_bgimage-inside{display: block;width: 100%;height: 100% !important;}
    
    .bloc-video .column:first-child, .bloc-actu .column:first-child {padding-left: 20px !important;padding-top: 50px;padding-bottom: 25px;padding-right: 20px !important;}
    .bloc-video .autogrid_grid .column {margin-bottom: 0;}
	

    .mod_quickmenu {display: block;}
	.mod_quickmenu li a {width: 39px !important;}
}

@media only screen and (max-width:414px){
    .stickyheader .header.cloned {display: none;}
    .logos {width: 180px;}
    #slider .teaser-slider {font-size: 2.15rem;margin-left: 0;}
    .ce_hyperlink a, a.btn {text-align: left!important;}
    #slider .ce_hyperlink {margin-left: 0;}
    #mmenu #mmenu_middle {padding-top: 55%!important;}
    .ce_video_background .ce_video_background_inside {top: 55%;}
    #linkToContent, .picto-fb {bottom: 100px;}
    h1 {font-size: 2rem;}
    span.color-accent {font-size: 1.488rem;}
    h2 {font-size: 1.588rem;}
    .home .mod_article:not(.fullwidth)>.container {padding-top: 20px;padding-bottom: 0;}
    .inter #slider:after {height: 200px;}
}

@media only screen and (max-width:375px){
    #slider .teaser-slider {font-size: 1.9rem;margin-left: 0;}
}

@media only screen and (max-width:320px){
    .logos {width: 150px;}
    #slider .teaser-slider {font-size: 1.55rem;}
    .ce_hyperlink a:after{display: none;}
    h1 {font-size: 1.5rem;}
    .stickyheader .logos-sticky {width: 165px;padding-top: 8px;height: 70px;}
}