/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
/*font-family: 'Montserrat', sans-serif;*/

:root {
    --main-text-size: 15px;
    --main-h2-size: 30px;
    --main-h1-size: 30px;
    --main-text-color: #272727;
    --main-title-color: #272727;
    --main-second-color: #9d0a0e;
    /*--main-footer-color: #304036;*/
    --main-third-color:#f5f5f5;
    --main-text-font: 'Montserrat', sans-serif;
    --main-title-font: var(--main-text-font);
    --main-icon-font: 'icomoon';
    --main-bg-color: #f3f3f3;
    --color-bt-1: #cfcfcf;
    --color-foot : #a2a2a2;
}

body { position: relative; background-color:#fff;}
#page {position:relative;}

.container, .container-fluid {max-width: 1920px;}
.container-1260 {max-width: 1260px; margin:0 auto;}

ul {list-style: none; padding:0; margin:0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}

.t12 {font-size: 12px;}
.t25 {font-size: 25px;}

[type="button"]:focus, [type="button"]:hover, [type="submit"]:focus, [type="submit"]:hover, button:focus, button:hover { color: inherit; background-color: inherit;}
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*="elementor-page-"]) .site-main {padding:0;}

.form-control:focus {box-shadow:none; border-color: #343434;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #232323; }
input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus, input[type="email"].form-control-lg:focus, input[type="text"].form-control-lg:focus, .form-control-lg:focus { border-color: #343434; }


/*.f_title {font-family: var(--main-title-font);}*/
.f_text {font-family: var(--main-text-font);}
.c_col-second, .c_col-second a {color:var(--main-second-color);}
.c_col-title, .c_col-title a {color:var(--main-title-color);}
.bg-gris {background-color:var(--main-bg-color);}

.t28 {font-size:28px;}
.t15 {font-size:var(--main-text-size);}
.container-fluid.p-0 > .row {margin-left:0!important; margin-right:0!important;}

.w810 {max-width: 810px; margin:0 auto;}
.py-90 {padding-top:90px; padding-bottom:90px;}
.pb-200 {padding-bottom:200px;}

.semi {font-weight: 500;}
.hidden {display:none!important;}
.content {position: relative;}

@media screen and (min-width: 380px) {
    .mb-xs-0 {margin-bottom:0 !important;}
    .w-xs-0 {width:auto;}
    .d-xs-flex {display: -ms-flexbox !important; display: flex !important;}
}

:focus { outline: none; }

body, button, input, select, textarea {font-family: var(--main-text-font); line-height: 1.4; font-weight: 300; font-size:var(--main-text-size);}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--main-title-font); margin:0;
	color: var(--main-text-color);
	font-weight:400;
}

/**/
.elementor-editor-active header {display:none;}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: var(--main-text-color);
}

a:visited {
  color: var(--main-text-color);
}

a:hover,
a:focus,
a:active {
  color: var(--main-text-color);
}

a:focus, button:focus {outline:none;}

/*MENU*/
.main-navigation li {list-style:none; padding:0 20px;}
.main-navigation li:last-child {padding-right:0;}
.main-navigation li:first-child {padding-left:0;}
.main-navigation li a {position:relative; text-transform: uppercase; font-weight:500; font-size:14px; color:var(--main-text-color);}
.main-navigation li a:after {content:''; position:absolute; bottom:-10px; left:50%; width:0; height:4px; background-color:var(--main-second-color); -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.main-navigation li a:hover:after, .main-navigation li.current_page_item > a:after, .main-navigation li.current-page-ancestor > a:after, .main-navigation li.current-menu-item > a:after {width:100%; left:0;}

/*mobile menu*/
.formobile {display:none;}
#bt_mobile {display:none; position:absolute; top:-20px; right:0; transform:scale(.62); z-index: 1100;}
.btmenumobile {background-color: transparent; border: none; cursor: pointer; display: flex; padding: 0;}
.line { fill: none; stroke: black; stroke-width: 6; transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1); }
.line1 { stroke-dasharray: 60 207; stroke-width: 6;}
.line2 { stroke-dasharray: 60 60; stroke-width: 6;}
.line3 { stroke-dasharray: 60 207; stroke-width: 6;}
.menuopened .line1 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6;}
.menuopened .line2 { stroke-dasharray: 1 60; stroke-dashoffset: -30; stroke-width: 6;}
.menuopened .line3 { stroke-dasharray: 90 207; stroke-dashoffset: -134; stroke-width: 6;}

@media screen and (max-width: 1120px) {
    /**/
    .formobile {display:block;}
    #masthead #blogname img {height:40px;}
    #masthead .widget-icontext.t25 {font-size:18px;}
    .bloc-tel-head {margin:auto; margin-right:80px;}
    /**/
    #bt_mobile {display:block;}
    .menu_top {position:fixed; top:0; left:-100%; width:100%; height:100vh; background:#fff; transition:all 350ms ease; display:flex; z-index: 1100;}
    .menu_top > div {margin:auto;}
    .menuopened .menu_top {left:0;}
    #menu-menu-top {display:block!important; text-align: center;}
    .main-navigation li a {font-size:20px; display:inline-block;}
    #menu-menu-top li {padding:15px 10px;}
}

/* titres */
h1, .page-title {font-size:var(--main-h1-size); color:var(--main-text-color); font-weight: 500;}
.title_1, [class*="elementor-kit-"] .title_1 {font-size:var(--main-text-size)!important; text-transform: uppercase; font-weight: bold; color:var(--main-text-color);}
.title_2, a.title_2, a.title_2:visited {font-size:var(--main-h2-size); color:var(--main-second-color); font-weight: 500;}

/* boutons */
.btn.focus, .btn:focus { box-shadow: none!important; }

.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button, .btn-primary {position:relative; background:none; width:auto; padding:0; padding-left:20px; color:var(--main-title-color)!important; font-weight:700; border-radius:0; text-transform: uppercase; font-size:16px; line-height: 1;}
.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button:after, .btn-primary:after {content:""; position: absolute; left:0; top:50%; transform:translateY(-50%); transition:all 350ms ease; border-radius:30px; border:2px solid var(--main-title-color); width:10px; height:10px; opacity: 1;}
.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button:hover, .btn-primary:hover {background: none; opacity: 1;}
.elementor-element[data-widget_type="button.default"].elementor-button-success a.elementor-button:hover:after, .btn-primary:hover:after {width:16px; height:16px; left:-3px;}
.cursor-link .btn-primary:hover:after {opacity: 0;}
.btn-primary.focus, .btn-primary:focus {background: none; border:none;}

.elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button, .btn-secondary {background: var(--main-second-color); border:1px solid var(--main-second-color); color:#fff; font-size:13px; text-transform: uppercase; font-weight: 500; padding: .781rem 1.5rem; border-radius:50px; line-height: 1; min-width:160px;}
.elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button {padding: .781rem 1.5rem; }
.elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button:visited, .btn-secondary:visited {color:#fff;}
.elementor-element[data-widget_type="button.default"].elementor-button-warning a.elementor-button:hover, .btn-secondary:hover {background: #fff!important; border-color:var(--main-second-color)!important; color:var(--main-second-color)!important;}
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:focus {background: #fff!important; border-color:var(--main-second-color)!important; box-shadow: none; color:var(--main-second-color)!important;}

.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button, .btn-info {position:relative; background:none!important; border:none!important; color:#000; font-size:13px; text-transform: uppercase; font-weight: 500; padding:0 20px 0 0; line-height: 1; transition:all 350ms ease;}
.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button:after, .btn-info:after {content:'\e90b'; font-family: var(--main-icon-font); position: absolute; right:0; top:50%; transform: translateY(-50%); font-size:11px; color:var(--color-bt-1); transition:all 350ms ease;}
.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button:visited, .btn-info:visited {color:#000;}
.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button:hover, .btn-info:hover {color:var(--main-second-color);}
.elementor-element[data-widget_type="button.default"].elementor-button-info a.elementor-button:hover:after, .btn-info:hover:after {color:var(--main-second-color);}
.btn-info:not(:disabled):not(.disabled):active, .btn-info.focus, .btn-info:focus {color:#000;}


/*.bt-icon {width:60px; height:60px; border-radius: 60px; border:1px solid var(--main-title-color); text-align: center; font-size: 52px; padding-top: 2px; transition: all 350ms ease;}
.bt-circle {width:60px; height:60px; border-radius: 60px; border:1px solid var(--main-title-color); text-align: center; padding-top: 19px; transition: all 350ms ease; text-transform: uppercase; color:var(--main-title-color); font-weight: bold;}

.btn.icon span {font-size: var(--main-text-size); vertical-align: bottom; padding-right: 10px; display: inline-block;}

.bticon_link {-ms-flex-align: center !important; align-items: center !important; display: -ms-inline-flexbox !important; display: inline-flex !important;}
.bticon_link span {padding-right:10px;}*/

.bt-icon {text-transform: uppercase; font-weight: 500;}
.bt-icon span {font-size:12px; color:var(--main-second-color); padding-right:10px;}



/*ELEMENTOR*/


/*HEADER*/
#masthead {line-height:1.3; padding:10px 0; position: fixed; top:0; left:0; width:100%; max-width:100%; background:#fff; z-index: 10; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);}
.menu_top {margin-top:20px;}
.img_top {height:400px; width:100%; background-size: cover; background-position: center center; background-repeat:no-repeat;}

#blogname img {height:71px; width:auto;}
#blogname img, #masthead .widget-icontext {transition: all 350ms ease;}
.headtop #masthead #blogname img {height:40px;}
.headtop #masthead .widget-icontext.t25 {font-size:18px;}
#img_top {max-height:100vh; overflow:hidden;}

/*FOOTER*/
#colophon {max-width: 100%; padding:0;}
.menu-foot {text-transform: uppercase;}
.foot-1 > .container {padding:0;}
#menu-menu-foot > li {padding:0 10px;}
#menu-menu-foot > li:last-child {padding-right:0;}
#menu-menu-foot > li:first-child {padding-left:0;}

.foot-2 > .container {border-top:1px solid var(--color-foot); padding:12px 0; color:var(--color-foot);}
.foot-2 a {color:var(--color-foot);}
.foot-2 li:after {content:'|'; padding:0 10px;}
.foot-2 li:last-child:after {display:none;}


/*HOME*/
#top_home {position: relative;}
.logo-big {position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:340px; height:340px; background:#fff; z-index: 2; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);}
#img_top .text-top {position:absolute; bottom:0; left:50%; background:var(--main-second-color); color:#fff; font-size:25px; font-weight: 500; padding:30px; width:50%;}
#img_top .text-top .ct {width:390px; margin-left:195px;}

/*PAGE*/
.item-domaine-picto {width:50px;}
.item-domaine-ct {width: calc(100% - 50px);}
.item-domaine-ct {padding-left:20px;}
.item-domaine-ct h3 {font-size:20px; font-weight:500;}
.item-tag {color:var(--main-second-color); display:inline-block;}
.item-tag:after {content:'|'; padding:0 6px;}
.item-tag:last-child:after {display:none;}
.item-associe {margin-bottom:90px;}
.item-collabo .bloc_domaines > div {position: relative; padding-left:10px; margin-bottom:7px;}
.item-collabo .bloc_domaines > div:before {content:'•'; font-size:20px; color:var(--main-second-color); position: absolute; top:0; left:0; line-height: 1;}

.archive .item-domaine {padding:20px; margin-bottom:20px;}
.archive .item-domaine-picto {margin-left:15px; margin-bottom:15px;}

/*SINGLE*/
.entry-category {font-weight: bold; text-transform: uppercase;}
.fiche_ass {background-color:var(--main-bg-color); padding:30px;}
.fiche_ass .title_2 {font-size:20px;}
.fiche_ass-profil {width:170px;}
.fiche_ass-nom {width:calc(100% - 170px);}

.item-q {border:1px solid #dbdbdb; padding:15px 20px; border-radius:6px; margin-bottom:10px;}
.question {position: relative; font-weight: 500; cursor: pointer; padding-right:40px;}
.question span {position: absolute; right:20px; top:5px; color:var(--main-second-color); font-size:10px; transform: rotate(180deg); transition:all 350ms ease;}
.question.collapsed span {transform: rotate(0deg);}
.reponse .wr {padding-top:25px;}

ul.list li {position: relative; padding-left:15px; margin-bottom:5px;}
ul.list li:before {content:'•'; position: absolute; top:0; left:0; color:var(--main-second-color); font-size:30px; line-height: var(--main-text-size);}

/*ACTU*/
.bloc-news article {margin-bottom:30px;}
.bloc-news article .article-content a {text-transform: uppercase; font-weight: 500;}

/*LOOP*/
.container {padding-right: 10px; padding-left: 10px;}
.row {margin-right:-10px; margin-left:-10px;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 10px;
padding-left: 10px;}
#loop_domaines {/*display: grid; grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
grid-template-rows: repeat(auto-fit, minmax(390px, 1fr)); grid-auto-rows: 390px; grid-auto-flow: row dense; grid-gap: 30px;*/}
#loop_domaines .item {height:390px; perspective: 1000px; margin:10px 0;}
#loop_domaines .item > .ct {-webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); transition: transform 0.8s cubic-bezier(0.5,0.2,0.2,0.8);
  transform-style: preserve-3d; position: relative; height: 100%; width:100%;}
.verso {perspective: inherit; transform-style: preserve-3d;}
.verso-ct {-webkit-transform: translateZ(70px) scale(0.86); -moz-transform: translateZ(70px) scale(0.86); -o-transform: translateZ(70px) scale(0.86);
transform: translateZ(70px) scale(0.86);}
#loop_domaines .item > .ct > div {padding:30px; background:#fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; width: 100%; height: 100%; top:0; left:0;}
/*#loop_domaines .item:nth-child(1) {margin-top:195px;}*/
.item-picto {width:100px; height:100px; background:var(--main-bg-color); border-radius: 50px;}
#loop_domaines .item-title {color:var(--main-text-color); font-weight: 500; font-size:var(--main-h2-size); line-height: 1.1;}
#loop_domaines .recto .item-title {margin-top:30px;}

#loop_domaines .item:hover > .ct { transform: rotateY(-180deg);}
#loop_domaines .item .verso {transform: rotateY(-180deg);}

#bloc_collabo {overflow: hidden;}
#bloc_collabo .slick-list {overflow: visible;}

#slider_edc, .slider-collabo {margin-left:-10px; margin-right:-10px;}
#slider_edc .item, .slider-collabo .item-collabo {padding:0 10px;}
#slider_edc .item > .ct {background: #fff; padding:30px;}
#slider_edc .slick-track, .slider-collabo .slick-track { display: flex; }
#slider_edc .slick-track .slick-slide, .slider-collabo .slick-track .slick-slide { display: flex; height: auto; }
#slider_edc .slick-next, .slider-collabo .slick-next  {right: 10px;}
#slider_edc .slick-prev, .slider-collabo .slick-prev { right: 70px; }
    
/*PLUGIN*/
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border:none; text-align: center; color:#b3065c;}
div.wpcf7-response-output {margin:0;}
span.wpcf7-not-valid-tip {font-size:12px;}

#scrollUp {z-index: 997!important;}

/*404*/
.error404:before {height:600px; -webkit-transform: skewY(-6deg); transform: skewY(-6deg);}
.error404 .title1 {margin:0;}
.error404 .page-content {margin:10px 0 40px; font-size:var(--main-text-size);}


/*---------------------------------------------------------------

/*FORM*/
input[type="email"].form-control-lg, input[type="text"].form-control-lg, .form-control-lg {border:1px solid #dbdbdb; background:#fff; border-radius:25px; font-size: 14px; color: #000; height: 50px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {color:#232323;}
.form-control-lg:focus { background: #fff; border-color: #000; }
.form-control:focus {border-color:#343434; color: #232323;}
.form-group p {margin:0;}

textarea.form-control {font-size:14px;}

div.wpcf7 .ajax-loader {position: absolute; top: 50%; transform: translateY(-50%);}
.acceptance span.wpcf7-list-item {margin:0;}

.wpcf7-form > .ml {color:#7d7d7d; font-size:12px;}
.wpcf7-date input::before {
	content: "Date";
	margin-right: 10px;
}

/*PAGINATION*/
.fab-pagination {margin:30px 0; text-align: center;}
.fab-pagination .current {}
.fab-pagination .current, .fab-pagination > a {display:inline-block; width:35px; height:35px; font-weight: 600; font-size:18px; padding-top:6px; margin:0 5px; border:1px solid var(--main-second-color); }
.fab-pagination > a {display:inline-block; width:35px; height:35px; background:var(--main-second-color); color:#fff; transition:all 350ms ease;}
.fab-pagination > a:hover {background:transparent; color:var(--main-text-font);}