/******************************************/
/*                 COMMUN                 */
/******************************************/

/* --- TITRE --- */
h1 {margin-top:0; margin-bottom:70px; color:#7cc548; text-transform:uppercase;}
h1 span {display:block; font-size:24px; font-weight:600; color:#414141;}
h2 {position:relative; margin-top:70px; margin-bottom:40px; font-weight:600; text-transform:uppercase;}
h2::after {content:''; background-color:#a78952; position:absolute; width:60px; bottom:-12px; left:0; height:4px;}
h3 {font-weight:600; color:#636363;}

/* --- LINKS --- */
a {color:#41a62a; transition:0.5s all;}
a:hover,
a:focus {color:#a78952;}

/* --- COULEURS --- */
.ref {color:red;}

/* --- MARGE --- */
.tmarge-0 {margin-top:0;}
.tmarge-10 {margin-top:10px;}
.tmarge-20 {margin-top:20px;}
.tmarge-30 {margin-top:30px;}
.tmarge-40 {margin-top:40px;}
.tmarge-50 {margin-top:50px;}
.tmarge-60 {margin-top:60px;}
.bmarge-0 {margin-bottom:0;}
.bmarge-10 {margin-bottom:10px;}
.bmarge-20 {margin-bottom:20px;}
.bmarge-30 {margin-bottom:30px;}
.bmarge-40 {margin-bottom:40px;}
.bmarge-50 {margin-bottom:50px;}
.bmarge-60 {margin-bottom:60px;}
.bmarge-70 {margin-bottom:70px;}
.bmarge-80 {margin-bottom:80px;}
.bmarge-90 {margin-bottom:90px;}

/* --- FIL D'ARIANNE --- */
.t4-section.t4-breadcrumbs {border:0; background-color:#f2f6f9; font-size:16px;}
.t4-section.t4-breadcrumbs .breadcrumb,
.t4-section.t4-breadcrumbs .breadcrumb li {padding-bottom:0;}

/* --- MODAL --- */
body.modal-open .modal {background-color:transparent;}
body.modal-open .modal .modal-body {padding:1rem 1.5rem .5rem;}
.btn-close:focus {box-shadow:none;}
.btn-close-modal {padding:10px 30px; border:none; border-radius:5px; box-shadow:0 0 10px rgb(0 0 0 / 20%); background-color:#7cc548; font-size:18px; font-weight:500; color:#fff; text-transform:uppercase; transition:0.5s all;}
.btn-close-modal:focus,
.btn-close-modal:hover {box-shadow:unset; color:#c9ea8f;}

@media screen and (max-width: 767px){
	body.modal-open .modal .modal-header {padding:.5rem;}
	body.modal-open .modal .modal-body {padding:.5rem;}
}

/******************************************/
/*                 HEADER                 */
/******************************************/

/* --- STRUCTURE --- */
.t4-header {background-color:transparent; border-bottom:none;}
.t4-header .header-block {position:relative; width:100%;}

/* --- TOP HEADER --- */
.t4-header .top-header {position:relative; z-index:1; background:#41a62a;}
.t4-header .top-header .container-xxl {min-height:90px; display:flex; flex-direction:row; align-items:center; justify-content:space-between;}
.t4-header .top-header .container-xxl .custom {position:relative; top:0; left:unset; width:unset;}
.t4-header .top-header .container-xxl .header-right {display:flex; flex-direction:row; align-items:center; justify-content:flex-end; gap:10px;}
.t4-header .top-header .container-xxl .header-right .button a {padding:4px 15px; border:1px solid #fff; border-radius:7px; background:transparent; font-size:16px; color:#fff; text-transform:uppercase;}
.t4-header .top-header .container-xxl .header-right i {margin-left:10px;}
.t4-header .top-header .container-xxl .header-right .linkedin a,
.t4-header .top-header .container-xxl .header-right .phone a {color:#fff;}
.t4-header .top-header .container-xxl .header-right .linkedin a:hover,
.t4-header .top-header .container-xxl .header-right .phone a:hover {color:#c9ea8f;}
.t4-header .top-header .container-xxl .header-right .phone span {font-size:16px;}

/* --- SUB HEADER MENU HEADER --- */
.t4-header .sub-header {position:relative; z-index:1; background-color:#343a40;}

.t4-header .sub-header .container-xxl {display:flex;}
.t4-header .sub-header .custom {position:unset; top:unset; left:unset; width:unset;}
.t4-header .sub-header .baseline {position:relative; margin-left:85px; margin-right:20px;}
.t4-header .sub-header .baseline:before {position:absolute; content:''; width:0; height:0; left:-20px; border-style:solid; border-width:0 20px 50px 0; border-color:transparent #41a62a transparent transparent;}
.t4-header .sub-header .baseline:after {position:absolute; content:''; width:0; height:0; top:0; right:-20px; border-style:solid; border-width:50px 20px 0px 0px; border-color:#41a62a transparent transparent transparent;}
.t4-header .sub-header .baseline .item {display:flex; justify-content:center; align-items:center; height:50px; padding:0 15px; background:#41a62a; font-size:18px; font-weight:700; color:#fff; text-transform:uppercase;}

.t4-megamenu .dropdown-toggle .item-caret {display:none;}
.t4-megamenu .navbar-nav>li>a,
.t4-megamenu .navbar-nav>li>.nav-link {height:50px; line-height:25px; font-size:16px; font-weight:500; text-transform:uppercase;}

/* --- DROPDOWN MENU HEADER --- */
.t4-megamenu .dropdown-menu {padding:10px 20px;}
.t4-megamenu .dropdown-menu li>a,
.t4-megamenu .dropdown-menu li>.nav-link,
.t4-megamenu .dropdown-menu li .dropdown-item {font-size:16px; color:#414141;}

@media screen and (max-width: 1199px){
	.t4-header .top-header img.logo-img {max-width:400px;}
	.t4-header .top-header .container-xxl .custom {margin-left:auto; padding-right:20px;}
	.t4-header .top-header .container-xxl .header-right .button {display:none;}
	.t4-header .sub-header {display:none;}
}

@media screen and (min-width: 1200px){
	.t4-offcanvas-toggle {display:none;}
}

@media screen and (max-width: 767px){
	.t4-header .top-header img.logo-img {max-width:270px;}
	.t4-header .top-header .container-xxl .header-right {display:none;}
}

/******************************************/
/*            CONTENT - ACCUEIL           */
/******************************************/

/* --- SPOTLIGHT 1 ARTICLE --- */
.home img.illus {float:right; padding-left:40px; padding-bottom:20px;}

@media screen and (max-width: 1199px){
	.home img.illus {float:none; display:block; margin:0 0 40px; padding-left:0; padding-bottom:0;}
}

/* --- SPOTLIGHT 2 EXPLICATIONS --- */
.saisir {padding-top:70px; padding-bottom:60px; background-color:#343a40; color:#cdcdcd;}
.saisir h2 {margin-top:0; margin-bottom:30px; font-size:36px; font-weight:700; color:#7cc548; text-align: center; text-transform:uppercase;}
.saisir h2 span {display:block; font-size:24px; font-weight:500; color:#ffffff;}
.saisir h2::after {display:none;}

.statut {padding-top:70px; padding-bottom:60px; background-color:#e8e8e8;}
.statut h2 {margin-top:0; margin-bottom:30px; font-size:36px; font-weight:700; color:#7cc548; text-transform:uppercase;}
.statut h2 span {display:block; font-size:24px; font-weight:500; color:#414141;}
.statut h2::after {display:none;}

/******************************************/
/*        CONTENT - QUI SOMMES NOUS       */
/******************************************/

/* --- BLOC HISTORIQUE --- */
.historique {display:flex; flex-direction:row; align-items:center; padding-bottom:20px}
.historique .text {flex:60%; padding-right:80px;}
.historique .text h2 {margin-top:0;}
.historique .illustration {flex:40%;}

@media screen and (max-width: 991px){
	.historique {flex-direction:column; gap:35px; padding-bottom:0;}
	.historique .text {padding-right:0;}
}

@media screen and (max-width: 767px){
	.historique {padding-bottom:45px;}
}

/* --- MEMBRES FONDATEURS --- */
.membres-fondateurs {background-color:#e8e8e8;}
.membres-fondateurs .head-membres {background-color:#171717;}
.membres-fondateurs .head-membres .container {display:flex; flex-direction:row; align-items:center; padding-bottom:80px}
.membres-fondateurs .head-membres .bloc-1 {flex:40%; padding:80px 40px 70px 0; text-align:right;}
.membres-fondateurs .head-membres .bloc-2 {flex:60%; padding-left:40px;}
.membres-fondateurs .head-membres .bloc-1 h2 {margin-top:0; margin-bottom:0; font-size:24px; color:#7cc548;}
.membres-fondateurs .head-membres .bloc-1 h2::after {display:none;}
.membres-fondateurs .head-membres .bloc-1 h2 span {display:block; font-size:40px; color:#fff;}
.membres-fondateurs .head-membres .bloc-2 p {margin-bottom:0; color:#cdcdcd;}

@media screen and (max-width: 991px){
	.membres-fondateurs .head-membres .container {flex-direction:column;}
	.membres-fondateurs .head-membres .bloc-1 {flex:50%; padding:60px 0 20px; text-align:center;}
	.membres-fondateurs .head-membres .bloc-2 {flex:50%; padding:0 0 60px;}
	.membres-fondateurs .head-membres .bloc-2 p {text-align:center;}
}

/* --- MEMBRES FONDATEURS - CARDS --- */
.membres-fondateurs .container {padding-bottom:40px;}
.membres-fondateurs .container .cards {display:flex; flex-direction:row; align-items:center; gap:40px; margin-top:-90px; padding:0 0 50px;}
.membres-fondateurs .container .cards .card-item {display:flex; flex:50%; flex-direction:row; align-items:center; box-shadow:0 0 10px rgb(0 0 0 / 20%); border-radius:5px; background-color:#fff;}
.membres-fondateurs .container .cards .card-item .photo {flex:30%;}
.membres-fondateurs .container .cards .card-item .text {flex:70%; padding:20px; text-align:center;}
.membres-fondateurs .container .cards .card-item .text h3 {margin-top:0; margin-bottom:20px;}
.membres-fondateurs .container .cards .card-item .text p.tel,
.membres-fondateurs .container .cards .card-item .text p.ensavoirplus {margin-bottom:0;}

@media screen and (max-width: 1199px){
	.membres-fondateurs .container .cards .card-item .photo {flex:35%;}
	.membres-fondateurs .container .cards .card-item .text {flex:65%;}
}

@media screen and (max-width: 991px){
	.membres-fondateurs .container .cards {flex-direction:column; gap:30px;}
	.membres-fondateurs .container .cards .card-item {max-width:575px;}
	.membres-fondateurs .container .cards .card-item .text {padding:10px;}
}

/* --- DOMAINES D'ACTIVITE --- */
.domaine-activite {padding:80px 0 70px;}
.domaine-activite h2 {margin-top:0; font-size:24px; text-align:center;}
.domaine-activite h2::after {display:none;}
.domaine-activite h2 span {display:block; font-size:40px; color:#7cc548;}

/******************************************/
/*      CONTENT - SAISIR LE MEDIATEUR     */
/******************************************/
.btn-saisir-mediateur {display:flex; align-items:flex-start; justify-content:space-evenly; margin-top:50px;}
.btn-saisir-mediateur .item {width:350px; font-size:15px; text-align:center;}
.btn-saisir-mediateur .item a {display:block; width:280px; margin-left:auto; margin-right:auto; padding:20px 0; background-color:#41a62a; border:1px solid #7cc548; border-radius:10px; box-shadow:0 0 10px rgb(0 0 0 / 20%); font-size:20px; font-weight:700; color:#fff; text-align:center;}
.btn-saisir-mediateur .item a span {display:block;}
.btn-saisir-mediateur .item a:hover,
.btn-saisir-mediateur .item a:focus {box-shadow:unset; color:#c9ea8f;}
.btn-saisir-mediateur .item p {margin-top:20px; margin-bottom:0;}
.btn-consommateur {margin-top:30px;}
.btn-consommateur a {display:block; width:280px; margin:0 auto; padding:20px 0; background-color:#41a62a; border:1px solid #7cc548; border-radius:10px; box-shadow:0 0 20px rgb(0 0 0 / 10%); font-size:20px; font-weight:700; color:#fff; text-align:center;}
.btn-consommateur a span {display:block;}
.btn-consommateur a:hover,
.btn-consommateur a:focus {box-shadow:unset; color:#c9ea8f;}


@media screen and (max-width: 991px){
	.btn-saisir-mediateur {gap:20px;}
	.btn-saisir-mediateur .item {width:100%;}
}

@media screen and (max-width: 767px){
	.btn-saisir-mediateur {flex-direction:column; gap:40px;}
}

/******************************************/
/*         CONTENT - PROFESSIONNEL       */
/******************************************/

/* --- LISTE DES PROFESSIONNELS --- */
.list-professionnel h2 {margin-top:30px; margin-bottom:30px;}
.list-professionnel h2::after {width:30px;}
.list-professionnel ul {padding-left:20px;}

/******************************************/
/*         CONTENT - RAPPORT ANNUEL       */
/******************************************/
ol.rapport-loi {list-style-type:lower-alpha;}
ol.rapport-loi li {margin-bottom:5px;}

/******************************************/
/*               FORMULAIRES              */
/******************************************/
.convertforms .cf-form-wrap {padding:0;}
.convertforms h3 {margin-bottom:0; font-weight:500; color:#a78952;}

/* --- REPONSE --- */
.convertforms.cf-success .cf-response {background-color:#e7f5e4;}
.convertforms .cf-response {padding:20px 15px 5px; color:#41a62a;}

/* --- BOUTON --- */
.convertforms .cf-btn {padding:10px 30px; border-radius:5px; box-shadow:0 0 10px rgb(0 0 0 / 20%); background-color:#7cc548; font-size:18px; font-weight:500; color:#fff; text-transform:uppercase; transition:0.5s all;}
.convertforms .cf-btn:focus,
.convertforms .cf-btn:hover {box-shadow:unset; color:#c9ea8f; opacity:1;}

/******************************************/
/*                   BLOG                 */
/******************************************/

/* --- CATEGORIES --- */
.blog .category-desc {padding:0; border:0;}
.blog-items .item-image img {border-radius:15px;}
.blog-items .item-image {margin-bottom:12px;}
.blog-items .items-row .item .item-content h2 {font-size:18px; text-transform:none;}
.blog-items .page-header h2 a:focus,
.blog-items .page-header h2 a:hover {color:#41a62a;}
.blog-items .article-aside {margin-top:25px; margin-bottom:6px;}
.blog-items .article-aside .article-info dd {font-size:14px;}
.blog-items .item-intro {margin-bottom:15px;}
.blog-items .item-intro p {margin-top:0; font-size:16px;}
.blog-items p.readmore {margin-top:15px !important;}
.blog-items p.readmore .btn {font-size:16px;}
.blog-items p.readmore .btn:focus,
.blog-items p.readmore .btn:hover {background-color:#41a62a;}

/* --- PAGES --- */
.item-page .page-header h2 {margin-bottom:22px; font-size:26px; text-transform:none;}

/******************************************/
/*                  FOOTER                */
/******************************************/
.t4-footer {border-top:3px solid #41a62a;}
.t4-footer .container {padding-top:40px; padding-bottom:30px;}
.t4-footer .container p {margin-bottom:10px;}
.t4-footer .container i {margin-right:8px;}
.t4-footer .container ul {padding-left:0; list-style:none;}
.t4-footer .container ul li {margin-bottom:6px;}
.t4-footer .container .logo-ft {margin-bottom:36px;}
.t4-footer .container .button a {display:block; max-width:200px; margin-bottom:22px; padding:4px 15px; border:1px solid #fff; border-radius:7px; background:transparent; font-size:16px; color:#fff; text-align:center; text-transform:uppercase;}
.t4-footer .container .button a:focus,
.t4-footer .container .button a:hover {border:1px solid #41a62a; color:#41a62a;}
.t4-footer .copyright {margin-top:30px; margin-bottom:0;}

@media screen and (max-width: 991px){
	.t4-footer .col-contact {display:flex; gap:20px; margin-top:20px;}
}

@media screen and (max-width: 767px){
	.t4-footer .col-menu {margin-top:20px;}
	.t4-footer .col-contact {gap:10px;}
}