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

/*
CLIENT : METALLERIE SOULLLARD
DATE DE CREATION : FEVRIER 2020
*/

/* 
font-family: 'Muli', sans-serif;
Muli:200,300,400,500,600,700,900
*/

/*-- GENERAL --*/

body{font-family: 'Muli', sans-serif;font-size: 1em;}
h1 {font-weight: 900 !important;font-size: 2.4em;color: #141518;}
h2 {font-weight: 800 !important;color: #141518;}
p {color: #141518;font-size: 1.2em;font-weight: 500;}
.inter h1 {font-weight: 800;font-size: 2.500em;color: #141518;}
.inter h2 {font-weight: 800;font-size: 1.8em;color: #cb122c;margin-bottom: 10px;}
.inter .ce_text li {color: #141518;font-size: 1.2em;font-weight: 500;}
.inter .ce_text a, .mod_newsreader a {color : #CB122C;}

.mod_article:not(.fullwidth) > .container {padding-top: 60px;padding-bottom: 60px;}
.ce_gallery .content {background: rgba(203,18,44,0.8);}

::-moz-selection { /*@bugfix mozilla*/
    background: #CB122C; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
    color: #fff
}
::selection { /* effet souris  */
    background: #CB122C; /* REMPLACER PAR LA COULEUR DÉSIRÉE*/
    color: #fff
}

/*-bouton-*/

.ce_hyperlink a, .back a, a.btn {font-weight: 700;font-size: 0.8em;color: #fff;background: #cb122c;border-color: #cb122c;border-radius: 0;text-transform: uppercase;letter-spacing: 0.05em;padding: 10px 30px;}
a.btn {color: #fff !important;}
.ce_hyperlink a:hover, .back a:hover, a.btn:hover {color: #fff;background: transparent;border-color: #151619;opacity: 1;position: relative;z-index: 2;}
.ce_hyperlink a:after, .back a:after, a.btn:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background: rgb(21, 22, 25);z-index: -1;transition: all .3s;}
.ce_hyperlink a:hover:after, .back a:hover:after, a.btn:hover:after {width: 100%;}
.back a {display: inline-block;margin-top: 20px;}
.ce_hyperlink.btn-accent a {color: #fff;background: #cb122c;border-color: #cb122c;}
.ce_hyperlink.btn-accent a:hover {color: #cb122c!important;border-color: #ffffff;opacity: 1;position: relative;background: transparent;z-index: 2;}
.ce_hyperlink.btn-accent a:after {background: rgb(255, 255, 255);}
.ce_hyperlink.btn-white a {color: #e50044;background: #fff;border-color: #fff;}
.ce_hyperlink.btn-white a:hover {color: #fff;background: #e50044;border-color: #e50044;opacity: 1;}
.ce_hyperlink.btn-second a {color: #fff;background: #e50044;border-color: #e50044;}
.ce_hyperlink.btn-second a:hover {color: #fff;background: #212527;border-color: #212527;opacity: 1;}


/*---- HEADER ---*/

.logos {width: 442px;margin-top: 20px;height: 145px;float: left;}
.header {background: transparent;position: absolute;}
.header .inside{max-width: 100%!important;}
.header.cloned{display: none;}
.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: rgb(203, 18, 59);}

.header .ce_hyperlink {line-height: 2em;width: auto;text-align: right;margin-top: 30px;position: absolute;right: 0;}
.header .ce_hyperlink a {font-weight: 700;font-size: 1.250em;letter-spacing: inherit;padding-right: 65px;}

.inter .header {background: #151619;position: relative;height: 215px;}

/*---- MENU ---*/

.header .mainmenu {position: absolute;right: 40px;top: 100px;width: 620px;margin: auto;text-align: left;color: #fff;height: 80px;background: transparent;line-height: 80px;border-bottom: 2px #CB122C solid;}
.mainmenu ul {text-align: right;position: relative;margin-right: 2%;}
.mainmenu ul li {margin-left: 15px;margin-right: 15px;width: auto;}
.mainmenu ul li a{font-size: 1.05em;text-transform: uppercase;color: #fff;font-weight: 700;}

/*--- sous-menu ---*/

.mainmenu ul ul {border-top: 2px solid rgb(229, 0, 68);background: #CB122C;color: #fff;padding-bottom: 12px;z-index: 999999;padding-top: 12px;}
.mainmenu ul ul li a:hover {opacity: 1;}
.mainmenu ul ul li {width: 100%;}
.mainmenu ul ul li a {color: #ffffff!important;font-size: 1.063em;border-bottom: 0;padding: 6px 30px!important;}
.header .mainmenu ul ul li a:hover:not(.menuheader):not(.megamenu), .header .mainmenu ul ul li a.active, .header .mainmenu ul ul li a.trail:not(.megamenu) {color: #3b3c42!important;background: rgb(255, 255, 255);}

/*---- SLIDER ---*/

.tp-loader, .tp-bannertimer, .tp-arr-imgholder {display:none !important;}
.ce_revolutionslider h2.tp-resizeme {padding-top: 7px !important;font-size: 1.8em !important;display: block;color: #fff;font-weight: 500 !important;text-transform: initial; line-height: 1.3em !important;}
.ce_revolutionslider h2.tp-resizeme strong {font-size: 1.6em !important; white-space: normal;color: #fff;word-wrap: normal;font-weight: 900 !important;}
.ce_revolutionslider a {font-size: 1em;}
.ce_revolutionslider .ce_hyperlink a {font-size: 1em !important}



/*---- BLOC PRESENTATION ENTREPRISE--*/

.bloc-presentationentreprise {padding: 60px 80px!important;margin-top: -22%;background: #fff;border-top: 8px solid #cb122c;}
.bloc-presentationentreprise p {text-align: justify;}
.bloc-presentationentreprise h1 .color-accent{color: #141518;display: block;}

/*--- BLOC ACTIVITES --*/

.bloc-nosactivites .ce_iconbox_v2.style2 {border-top: none;border-bottom: none;border-right: none;}
.bloc-nosactivites .ce_iconbox_v2.style2 .headline {margin-bottom: 0;text-transform: uppercase;font-size: 1.2em;color: #fff;margin-bottom: 15px;}
.bloc-nosactivites .ce_iconbox_v2.style2 .headline:after{display: none;}
.bloc-nosactivites .ce_iconbox_v2 ul li {list-style-type: disc;list-style-position: inside;color: #fff;font-size: 1.2em;font-weight: 500;line-height: 1.5em;}
.bloc-nosactivites .ce_iconbox_v2.style2 .link {font-weight: 700;font-size: 0.8em;color: #fff;background: #cb122c;border-color: #cb122c;border-radius: 0;border: 2px solid;text-transform: uppercase;letter-spacing: 0.05em;padding: 10px 20px;display: inline-block;cursor: pointer;transition: all 0.2s ease-out 0s;width: auto;min-width: 140px;text-align: center!important;position: relative;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.bloc-nosactivites .ce_iconbox_v2.style2 .link  {color: #fff;background: #cb122c;border-color: #cb122c;}
.bloc-nosactivites .ce_iconbox_v2.style2 .link:hover {color: #cb122c;border-color: #ffffff;opacity: 1;position: relative;background: transparent;z-index: 2;}
.bloc-nosactivites .ce_iconbox_v2.style2 .link:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background: rgb(255, 255, 255);z-index: -1;transition: all .3s;margin-left: 0;}
.bloc-nosactivites .ce_iconbox_v2.style2 .link:hover:after{width: 100%;}
.bloc-nosactivites .ce_iconbox_v2.style2 .content {font-size: 0.9rem;padding-bottom: 30px;}

.inter .bloc-nosactivites .ce_iconbox_v2.style2 .headline, .inter .bloc-nosactivites .ce_iconbox_v2 ul li {color: #141518;}
.inter .bloc-nosactivites .ce_iconbox_v2.style2 .link:hover {color: #fff;border-color: #141518;}
.inter .bloc-nosactivites .ce_iconbox_v2.style2 .link:after {background: #141518;}

/*---- bloc actualités--*/

.newslist-v2 .image_container img {border-radius: 0px;}
.newslist-v2 .news-image-v2{padding-top: 5%;position: relative;z-index: 1;}
.newslist-v2 .news-content-v2 {padding: 6% 8% 0% 11%;border: 10px solid #000000;margin-left: -9%;flex: 0 0 calc(115% / 2);z-index: 0;max-height: 385px;}
.newslist-v2 h3 a {font-size: 0.9em;color: #141518;font-weight: 800;}
.newslist-v2 .link{font-weight: bold;text-transform: uppercase;color: #141518;text-decoration: underline;}
.newslist-v2 .ce_hyperlink {position: absolute;right: 18px;bottom: 0px;}
.newslist-v2 {background: transparent;list-style: none;margin-bottom: 0;position: relative;padding-bottom: 0;border-bottom: 0;}

.home .mod_newslist {padding-bottom: 40px;}

.newslist-v3 {width: 33.31%;float: left;}


/*---- inter ----*/
.ce_timeline {padding-top: 10px;}
.ce_timeline .timeline-item .timeline-item-title {background: #CB122C;}
.ce_timeline .timeline-item i, .ce_timeline .timeline-item .timeline-item-title:before, .ce_timeline:before, .ce_timeline i.last-point {background: #000;}

.ce_tabs .tabs.horizontal-clean ul li.active a {color: #151619;}
.ce_tabs .tabs.horizontal-clean ul li.active:after {border-color: #151619 transparent transparent transparent;}
.ce_tabs .tabs.vertical ul li a {border-bottom: 1px solid rgb(229,229,229);text-align: center;}
.ce_tabs li.tab_fifth.active {background: #000;}
.tabs.vertical ul li.active a {color: #fff;}

.ce_bgimage.full .ce_bgimage-inside {max-width: 100% !important; padding-left: 0 !important;}

/*---- Formulaire ----*/

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

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

#formulaire textarea::-webkit-input-placeholder {color: #fff !important; font-size: 1.1em !important; text-transform: uppercase;}
#formulaire textarea:-moz-placeholder {color: #fff !important;font-size: 1.1em !important; text-transform: uppercase;}
#formulaire textarea::-moz-placeholder {color: #fff !important;font-size: 1.1em !important; text-transform: uppercase;}
#formulaire textarea:-ms-input-placeholder {color: #fff !important;font-size: 1.1em !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 {padding: 20px 0px;}
#formulaire input:focus, #formulaire input:hover {border: none !important;border-bottom: 1px solid #CB122C !important;}

#formulaire form.style7 input {border-bottom: 1px solid #fff; color: #fff;font-size: 1.1em;}
#formulaire .widget-textarea textarea, #formulaire .widget-textarea textarea:hover {border: 1px solid #fff; padding-left: 20px; padding-right: 20px; color: #CB122C; margin-top: 20px; font-size: 1em;}
#formulaire textarea:focus, #formulaire textarea:hover {border: 1px solid #CB122C !important;}
#formulaire form p.error {color: #CB122C;}

form.style7 button.submit[type="submit"] {font-weight: 700;font-size: 0.9em;color: #fff;background: #cb122c;border-color: #cb122c;border-radius: 0;text-transform: uppercase;letter-spacing: 0.05em;padding: 15px 30px;}
form.style7 button.submit[type="submit"]:hover {color: #cb122c;background: transparent;border-color: #fff;opacity: 1;position: relative;z-index: 2;}
form.style7 button.submit[type="submit"]:after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 0;background: rgb(255, 255, 255);z-index: -1;transition: all .3s;}
form.style7 button.submit[type="submit"]:hover:after{width: 100%;}


#formulaire .rgpd p {font-size: 1.1em;line-height: 1.3em;}
#formulaire .explanation {margin: 0px;}
#formulaire .rgpd label {font-size: 1em;}



/*---- Footer --*/

#footer, #footer a {color: rgba(255, 255, 255, 1);}
#footer {background: #151619;font-size: 0.93rem;line-height: initial;position: relative;padding-bottom: 40px;}
#footer .inside {margin: 0 auto;padding: 0;}
#footer .mod_customnav {text-align: center;float: none;line-height: 78px;background: #cb122c;height: 78px;position: relative;z-index: 1}
#footer:before {content: "";position: absolute;top: 0;left: 00;width: 100%;z-index: 1;height: 78px;background: #cb122c;}
#footer .mod_customnav ul {text-align: center;}
#footer .mod_customnav ul:before{display: none;}
#footer li {margin-bottom: 0;padding-left: 0;padding-bottom: 0;list-style-type: none;position: relative;}
#footer li:before,#footer li:after{display: none;}
#footer p {color: #ffffff;font-size: 1.2em;line-height: 1.7em;}
#footer .ce_hyperlink a{color: rgba(255, 255, 255, 1);line-height: 2.3em;margin-top: 30px;    font-size: 0.87em;font-weight: 700;}
#footer .totop{display: none;}
#footer h3 {font-size: 2.3em; color: #fff !important;margin-top: 102px !important;}
#bottom {background: #151619;color: #fff;border-top: 1px solid #cb122c;}
#bottom .inside, #bottom .inside a {color: rgba(255,255,255,1);}
#bottom .inside {padding: 10px 20px; text-align: center;}
#top_link a {background: #cb122c;border: 1px solid #cb122c;color: #fff;cursor: pointer;}



/********** RGPD **********/
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName a, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle a {color: #ffffff !important}#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain:hover, #tarteaucitron #tarteaucitronServices .tarteaucitronLine:hover {background: rgba(0, 0, 0, 0.2) !important;}#tarteaucitron #tarteaucitronServices .tarteaucitronHidden, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden {background: rgba(0, 0, 0, 0.07) !important}#tarteaucitron .tarteaucitronBorder, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronHidden, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {border-color:#002C3D !important}#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronCookiesListMain, #tarteaucitron #tarteaucitronServices .tarteaucitronLine {background: rgba(0, 0, 0, 0.1) !important}#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronName b, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert b, #tarteaucitronAlertSmall #tarteaucitronCookiesNumber, #tarteaucitronAlertSmall #tarteaucitronManager, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle b, #tarteaucitron #tarteaucitronInfo a, #tarteaucitron h1,#tarteaucitron .tarteaucitronTitle button {color:#ffffff !important} #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine, #tarteaucitronAlertBig, #tarteaucitronAlertSmall, .tac_activate, .tac_activate .tac_float, .tac_activate .tac_float b, #tarteaucitron #tarteaucitronClosePanel, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesTitle:hover, #tarteaucitron #tarteaucitronInfo, #tarteaucitron #tarteaucitronServices .tarteaucitronDetails, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine:hover, div#tarteaucitronServices {background: #032D3E !important;color:#ffffff !important}html body #tarteaucitronRoot #tarteaucitronAlertBig span{color:#ffffff!important}html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{background-color:#41e079!important}html body #tarteaucitronRoot #tarteaucitronPrivacyUrl{color:#ffffff!important}html body #tarteaucitronRoot button.tarteaucitronAllow{background-color:#12b383!important}html body #tarteaucitronRoot button.tarteaucitronAllow{color:#fff!important}html body #tarteaucitronRoot li.tarteaucitronLine.tarteaucitronIsAllowed{border-color:#12b383!important}html body #tarteaucitronRoot #tarteaucitronDotGreen{background-color:#12b383!important}html body #tarteaucitronRoot button.tarteaucitronDeny{background-color:#b83b3b!important}html body #tarteaucitronRoot button.tarteaucitronDeny{color:#fff!important}html body #tarteaucitronRoot li.tarteaucitronLine.tarteaucitronIsDenied{border-color:#b83b3b!important}html body #tarteaucitronRoot #tarteaucitronDotRed{background-color:#b83b3b!important}
div#tarteaucitronInfo {border-color: #00161F !important;}

#tarteaucitronRoot #tarteaucitronAlertBig {padding: 5px 5% !important;width: 90% !important;}

#tarteaucitronAlertBig {background: #151619 !important;}
#tarteaucitronAlertBig #tarteaucitronPersonalize {color: #fff !important; background: #CB122C !important;text-transform: uppercase !important;font-size: 0.9em !important;}
#tarteaucitronAlertBig #tarteaucitronCloseAlert {background: #fff !important;color: #303740 !important;text-decoration: none;}
#tarteaucitronPercentage {background: #2A2A2A !important;}
.tarteaucitronOpenPanel {cursor: pointer}
#tarteaucitronRoot div#tarteaucitron {top:10px !important;}


.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 **********/


/*--- GOOGLE MAP --- */
#map .dlh_googlemap p {font-family: 'Muli', sans-serif;}
#map .dlh_googlemap {margin-top: 10px;width: 100% !important; height: 400px !important;}
#map .dlh_googlemap input {padding: 8px;width: 150px;}



/**************************************/
/* media queries
/**************************************/


@media screen and (max-width: 1024px) {
    .logos {width: 400px;}
    .bloc-presentationentreprise {padding: 60px 40px!important;}
    .ce_iconbox_v2.style2 .ce_iconbox_outside {padding: 15% 00%;}
    .newslist-v2 .ce_hyperlink {right: 14px;}
    #footer .mainmenu {display: block;}
    
    /* MENU MOBILE */
    #nav-open-btn {display: block;}
    #nav-open-btn {top: 90px;margin-top: 0px;height: 80px;width: 80px; right: 5px;}
    #nav-open-btn:before {background: #fff;color: #CB122C;}
    #nav-open-btn:before {font-size: 32px;line-height: 80px;height: 80px;width: 80px;}
    a#nav-open-btn {text-decoration: none;}
    .mm-menu {background: #0c0d0f;color: #fff;}
    .mm-menu li {color: #fff;font-size: 1.2em;}
    body .mm-menu a.active, body .mm-menu a.trail, body .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), body .mm-menu .mm-listview > li.mm-selected > span, body .mm-menu .mm-listview > li.trail a {background: #CB122C !important;color: #fff;}
    body .mm-menu .mm-listview > li.trail a {background: #0c0d0f !important;}
    body .mm-menu a:hover {background:#CB122C !important}
    .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {color: #fff;}
    .mm-listview .mm-next, .mm-btn.mm-prev {background: #000;}
    .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {border-color: #fff;}
}


@media screen and (max-width: 800px) {
    #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert, #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {font: 13px verdana !important; text-align: left !important;}
    .grid_30_70.d_33_66, .grid_33_66.d_33_66, .grid_60_40.t_66_33 {grid-template-columns: 100% !important;}
    .autogrid, .autogrid_grid, .m_100 {width: 100%!important;}
    .t_50_50 {grid-template-columns: 100% 100%;}
    .autogrid.same-height, .autogrid_wrapper.same-height, .autogrid_wrapper .inner.same-height, .autogrid_grid {display: block !important;}
    .column.align_left_top {border-right: 0;}
    .ce_revolutionslider h2.tp-resizeme, .ce_revolutionslider .ce_hyperlink a {display: none;}
    .rs-container.fullscreen.block {height: 400px !important;}
    .images-presentation {display: none;}
    .ce_iconbox_v2.style2 .ce_iconbox_outside {padding: 5% 10%;border-bottom: 1px solid #000;}
    .newslist-v2 .news-content-v2 {padding: 6% 8% 6% 11%;margin-left: 0;flex: 100%;max-height: inherit;margin-left: 7px;margin-right: 7px;}
    .newslist-v2 .ce_hyperlink {position: relative;right: inherit;margin-left: 10px;}
    .inter .newslist-v3 {width: 100%;}
    .inter .newslist-v3-inside {margin-bottom: 60px;}
    .tparrows.preview1, .tparrows.preview1:after {display: none;}
    .inter 
}

@media only screen and (max-width: 767px){
    .autogrid_grid .bloc-presentationentreprise {padding: 60px 40px!important;}
    .ce_hyperlink a, .back a {display: inline-block;}
}


@media only screen and (max-width: 600px){
    #nav-open-btn {top: 70px;}
    .header .ce_hyperlink {top: 185px;}
    .header .ce_hyperlink a {padding-right: 30px;}
    .mod_article:not(.fullwidth) > .container {padding-top: 100px;}
    #footer .mod_customnav, #footer::before  {display: none;}
    #footer .inside {padding-top: 20px;}
    .bloc-presentationentreprise {margin-top: 0;border-top: 0;}
    .autogrid_grid .bloc-presentationentreprise {padding: 0!important;}
    .rs-container.fullscreen.block {height: 215px !important;}
}

@media only screen and (max-width: 480px){
    .logos {width: 320px;margin-top: 40px;}
    .header .ce_hyperlink {margin-top: 30px;}
}

@media only screen and (max-width: 414px){
    html body #tarteaucitronRoot #tarteaucitronAlertBig span {line-height: 1.4em !important;display: block;margin-bottom: 8px;}
    .logos {width: 100%;margin-top: 20px;}
    #nav-open-btn {top: 190px;left: 20px;}
    #nav-open-btn:before {border: 1px solid #151619;height: 78px;width: 78px;}
    .inter #footer .inside {padding: 40px;}
    #footer p {font-size: 1.1em;}
    .bloc-nosactivites h2 {margin-bottom: 40px;}
    .ce_iconbox_v2.style2 .ce_iconbox_outside {padding: 5% 5%;}
    .newslist-v2 .news-content-v2 {padding: 6% 5% 6% 5%;}
    .inter h1, .home h2 {font-size: 2.200em;}
    .newslist-v2 .news-content-v2 {border: 2px solid #000000;}
    .bloc-nosactivites .ce_iconbox_v2.style2 .headline {font-size: 1.3em;}
}

@media only screen and (max-width: 375px){  
    form.style8 .formbody {padding: 40px 20px;}
    .inter h1, .home h2 {font-size: 2.100em;}
}
    

@media only screen and (max-width: 360px){
    .inter h1, .home h2 {font-size: 2.000em;}
}

@media only screen and (max-width: 320px){
    form.style8 {border: 2px solid #151619;}
}