/*---------------------------------
Type : Cascading Style Sheet
Author : Florian RICHARD
Date Creation : 29-07-2021
Last Modification : 17-09-2021
Version : 1.1
---------------------------------*/
/* !!! IMPORTANT !!!
Chemin : "/partage/fr/CC/{{amc.var.site.brand}}/assets/groupe/ocean-participations/css/style.css"
--------------------------------*/

/* ================= GENERIQUE Desktop ====================== */
header.ei_header, footer.ei_footer{display:none;}
main.ei_content{margin-top:0!important;}
.cc {max-width: 1200px; width: 100%; margin: 5px auto 0;}
#ei_tpl_contener{ max-width: 100% !important;}
.cc [class^=header-] ul.menu.fixed {top:0}

/* ====================== HEADER ====================== */
.bg-white{
    background-color: #ffffff;
}
.slogan{
    font-size: 35px;
    color:#898989;
    font-weight: 600;
    line-height: 38px;
    padding-top: 25px;
    margin:0;
}
div.grow>p.end-quote{
    font-size: 35px;
    font-weight: 600;
    color:#b02f6d;
    line-height: 30px;
    margin-bottom:0;
}
.cc header img.logo-hd{ height: 200px; margin: 30px;}
.cc header img.edito-hd{ position: absolute; right:0px; bottom:0px; max-height: 250px;}

/* == RESPONSIVE == */
@media screen and (max-width:1024px) and (min-width:835px){
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.slogan,
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.logo-hd,
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd{ width: 33.33%!important;}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3 div.grow { margin-top: 15px; margin-left: 0!important; text-align: center;}
}
@media screen and (max-width:834px) and (min-width:769px){
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.slogan,
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.logo-hd,
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd{ width: 33.33%!important;}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3 div.grow { margin-top: 25px; margin-left: 0!important; text-align: center;}
    .slogan{ font-size: 23px; line-height: 30px;}
    div.grow>p.end-quote{ font-size: 23px; line-height: 18px;}
    .cc header img.logo-hd{ height: 150px; margin: 0; position: relative; top: 30px;}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd img.edito-hd{ height: 210px; width: auto; right: -28px;}
}
@media screen and (max-width:768px) and (min-width:415px){
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.slogan,
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.logo-hd,
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd{ width: 33.33%!important;}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3 div.grow { margin-top: 25px; margin-left: 0!important; text-align: center;}
    .slogan{ font-size: 23px; line-height: 30px;}
    div.grow>p.end-quote{ font-size: 23px; line-height: 18px;}
    .cc header img.logo-hd{ height: 150px; margin: 0; position: relative; top:30px}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd img.edito-hd{ height: 210px; width: auto; right: -28px;}
}
@media screen and (max-width:414px)  {
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3 div.grow { margin-top: 30px; margin-left: 0!important; text-align: center;}
    .cc .header-img-1-2 .grow, .cc .header-img-1-3 .grow{ padding: 60px 40px 40px 90px;}
    .slogan{ font-size: 25px; }
    div.grow>p.end-quote{ font-size: 25px; }
    .cc header img.logo-hd{ height: 150px; margin: 0; position: relative; left: 100px; top:-80px}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd img.edito-hd{ height: 200px;}
    .cc article header.header-img-1-2 div.grid.bg-white{ height:580px;}
}
@media screen and (max-width:375px) {
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3 div.grow { margin-top: 30px; margin-left: 0!important; text-align: center;}
    .cc .header-img-1-2 .grow, .cc .header-img-1-3 .grow{ padding: 60px 40px 40px 90px;}
    .slogan{ font-size: 25px; }
    div.grow>p.end-quote{ font-size: 25px; }
    .cc header img.logo-hd{ height: 150px; margin: 0; position: relative; left: 80px; top:-100px}
    .cc article header.header-img-1-2 div.grid.bg-white{ height:600px;}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.slogan{ position: relative; top: -50px;}

}
@media screen and (max-width:320px)  {
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3 div.grow { margin-top: 30px; margin-left: 25px;}
    .cc .header-img-1-2 .grow, .cc .header-img-1-3 .grow{ padding: 60px 40px 40px 90px;}
    .slogan{ font-size: 25px; }
    div.grow>p.end-quote{ font-size: 25px; }
    .cc header img.logo-hd{ height: 150px; margin: 0; position: relative; left: 50px;}
    .cc article header.header-img-1-2 div.grid.bg-white div.grid-1-3.edito-hd img.edito-hd{ right: -13px;}
}

/* == MAIN MENU NAVIGATION == */
.cc ul.menu {
    border-top: #aaa 3px solid;
    background-color: white!important;
    border-bottom: #aaa 3px solid;
}
.cc article>div[class^=header-]>ul.menu>li>a {
    text-decoration: inherit;
    display: inline-block;
    color: #898989;
    padding: 10px 30px;
    transition: none;;
    font-size: 14px;
}
.cc article>div[class^=header-]>ul.menu>li>a:after{ content:""!important;}
.cc article>div[class^=header-]>ul.menu>li>a:hover, 
.cc article>div[class^=header-]>ul.menu>li>a:active, 
.cc article>div[class^=header-]>ul.menu>li>a:focus {
    background-color: #f7e6ee;
    z-index: 100000;
    color:#b02f6d;
}
.cc article>div[class^=header-]>ul.menu>li>a.nav-active{
    background-color: #ffffff;
    color: #fff;
    background:#b02f6d;
    z-index: 100000;
}
.cc article div.header- ul.menu li a.lkdin {
    background-color:#ffffff ;
    color: #1277b3;
}
.cc article div.header- ul.menu li a.lkdin:hover{
    color: #fff;
    background-color:#1277b3;
}

img#lkdin-ico{ position:absolute; top:7px; right:5px; }

/* == Intro - Quote == */
#quote-intro{
    text-align: justify;
}
#quote-intro::before{
    content: url('../img/icons/quote-left32.png');
    position: relative;
    display: block;
    bottom: 30px;
}
#quote-intro::after{
    content: url('../img/icons/quote-right32.png');
    position: relative;
    display: block;
    bottom: -75px;
}
.cc article section#presentation.redac.grid.break div#quote-intro.grid-1-1 div.grow p{
    font-size: 15px;
    line-height: 25px;
    padding: 18px;
}

/* == RESPONSIVE == */

@media screen and (max-width:768px) and (min-width:415px){
    #quote-intro::after{ bottom: -115px; right: 0px}
}
@media screen and (max-width:414px)  {
    #quote-intro::after{ bottom: -195px; right: 0px;}
}
@media screen and (max-width:375px){
    #quote-intro::after{ bottom: -260px; right: 0px;}
}
@media screen and (max-width:320px)  {
    #quote-intro::after{ bottom: -290px; right: 0px;}
}

/* ====================== BODY ====================== */
.section-title { display:flex; position:relative; min-height:120px; }
.section-title .title { display:flex; width:100%; }
.section-title .title  img { position:absolute; top:-28px; left:-28px; max-width:125px; }
.section-title .title .title-section h2 { padding-left:100px; color:#b02f6d; text-align:center; }

/* == RESPONSIVE == */

@media screen and (max-width:1024px) and (min-width:835px){
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl div.grid-3-5 div.grow.title-section, 
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section{ padding-left: 0!important;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section{ width: 145px;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-5-5.no-padding div.grid-1-1.no-padding-left.no-padding-right{ width: 85%!important;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3{ width: 50%!important;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div#block-linkedin.grow.aplat div.grid div#lkd-advert.grid-1-1.c{ padding-top: 40px;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid{ font-size: 16px!important;}
}
@media screen and (max-width:834px) and (min-width:768px){
    .cc div.grid-3-5 div.grow.title-section{ padding-left: 0;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section{ width: 145px;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-5-5.no-padding div.grid-1-1.no-padding-left.no-padding-right{ width: 85%!important;}
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl div.grid-3-5 div.grow.title-section, 
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section{ padding-left: 0!important;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom{height: 110px;}
    .cc #participations #participations_filtering ul.filtering_list li{ margin:0.3rem; margin-top: 25px;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3{ width: 50%!important;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid {
        flex-wrap: wrap; flex-direction: column;}
    .cc article div.header- ul.menu{ justify-content: center;}
}
@media screen and (max-width:768px) and (min-width:415px){
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl,
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom { height: 180px!important;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom{ height: 100px;}
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 { height: 85px;}
    .cc div.txt-left, .cc div.txt-right{ width: 100%!important; padding-left: 0!important; padding-right: 0!important;}
    .cc #participations #participations_filtering ul.filtering_list li{ margin:0.3rem; padding: 0!important;}
    .cc article section#qui.redac.grid.break div.grid-1-1 div.grow div.grid-1-1.no-padding,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding.row-1,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding.row-2{ flex-wrap: wrap;}
}
@media screen and (max-width:768px) {
	.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid ul li a { font-size:0.8rem; }
	.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-2.profil-pict { padding-bottom:0; }
}
@media screen and (max-width:414px) and (min-width:360px) {
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section img,
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section img,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section img,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section img,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 div.grow.main-title-section img { left: 15px;}
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl,
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom { height: 200px!important; flex-wrap: wrap;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom{ height: 170px; flex-wrap: wrap;}
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 { height: 85px;}
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl div.grid-3-5 div.grow.title-section, 
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section{ padding-left: 0!important;}
    .cc div.txt-left, .cc div.txt-right{ width: 100%!important; padding-left: 0!important; padding-right: 0!important;}
    .cc #participations #participations_filtering ul.filtering_list li{ margin:0.3rem;}
    .cc article section#qui.redac.grid.break div.grid-1-1 div.grow div.grid-1-1.no-padding,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding.row-1,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding.row-2{ flex-wrap: wrap;}
}
@media screen and (max-width: 320px) {
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom { height: 200px!important; flex-wrap: wrap;}
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom{ height: 220px!important; flex-wrap: wrap;}
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom{ height: 245px; flex-wrap: wrap;}
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-1-5 { height: 85px;}
    .cc div.grid-1-5 div.grow.main-title-section{ left:-40px;}
    .cc div.grid-3-5 div.grow.title-section{ padding-left: 0!important;} 
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl div.grid-3-5 div.grow.title-section { padding-left: 0;}
    .cc div.txt-left, .cc div.txt-right{ width: 100%!important; padding-left: 0!important; padding-right: 0!important;}
    .cc #qui div.grid-3-5 div.grow.title-section{ padding-left: 0!important;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid ul li a{ font-size: 14px;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-1.no-padding-right.infos div.note.no-padding-bottom.obfuscate div.line.phone{ padding-left: 0;}
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-1.no-padding-right.infos div.note.no-padding-bottom.obfuscate div.line.email{ padding-left: 0;}
    .cc #participations #participations_filtering ul.filtering_list li{ margin:0.3rem;}
    .cc article section#qui.redac.grid.break div.grid-1-1 div.grow div.grid-1-1.no-padding,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding.row-1,
    .cc article section#metiers.redac.grid.break div.grid-1-1.no-padding.row-2{ flex-wrap: wrap;}
}

/* ======== SECTION 1 "Actualités" ======== */
.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom.titl{
    height: 120px;
}
.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList{
    width: 100%;
}
.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent{
    display: flex;
    align-items: stretch;
    flex-direction: row;
    margin-bottom: 30px;
    justify-content: center;
}
.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent div.article{
    display: flex;
}
.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent div.article div.article-content{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    border: 1px #ddd solid;
    border-radius:6px;
    padding: 10px;
    width: 260px;
    margin:5px;
    box-sizing: content-box;
}

.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent div.article div.article-content .content{
    padding-bottom: 20px;
    flex: 1 1 auto;
}
div.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent div.article div.article-content a.btn.btn--smaller{
    padding: 0.68rem 2.42rem;
    background-color: #b02f6d;
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
    border: 1px transparent solid;
}
div.cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent div.article div.article-content a.btn.btn--smaller:hover{
    background-color: #fff;
    border: 1px solid #b02f6d;
    color: #b02f6d;
}
div.cc article section#actualites.redac.grid.break h3{
    color: #b02f6d;
}
div.cc article section#actualites.redac.grid.break div.article-content time{ font-weight:600; }

@media screen and (max-width: 768px) {
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent div.article div.article-content{
        width: 100%;
    }
}

/* -- POPUP Article -- */
div.mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-ready div.mfp-container.mfp-s-ready.mfp-inline-holder div.mfp-content div.popin.cc.ipqp span.date-publication{
    font-weight: bold;
}
.date-publication{ display: flex; flex-direction: row; margin: 8px 0;}


/* ======== SECTION 2 "Qui sommes-nous ?" ======== */
.cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom{ height: 100px;}
.cc article section#qui.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5{ width: 65%;}
.cc #qui div.grid-3-5 div.grow.title-section{ 
    display: flex; 
    justify-content: start; 
    padding-left: 30px;
}
.cc div.txt-left{
    padding-left: 50px;
    padding-right: 25px;
    padding-bottom: 25px;
    text-align: justify;
    width: 50%;
}
.cc div.txt-right{
    padding-left: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    text-align: justify;
    width: 50%;
}
.cc i.picto.check{
    font-size: 25px;
    color: #b02f6d;
    padding-right: 5px;
    font-weight: bold;
}
.cc article section#qui.redac.grid.break div.grid-1-1 div.grow div.grid-1-1.no-padding div.txt-right p a{ color: #898989;}
.cc article section#qui.redac.grid.break div.grid-1-1 div.grow div.grid-1-1.no-padding div.txt-right p a:hover{ color: #b02f6d}

/* ======== SECTION 3 "Nos Métiers" ======== */
.cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom{
    height: 125px;
}
.cc article section#metiers.redac.grid.break div.grid-1-1.no-padding div.txt-left img{
    width: 1065px;
    box-shadow: 10px 0px 10px 0px rgba(161, 161, 161, 15%);
}

/* ======== SECTION 4 "Nos Participations"======== */

.cc section#participations.redac.grid.break div.grid-1-1.no-padding-bottom{ height: 75px;}
.cc article section#participations.redac.grid.break div.container-part{ max-width: 100%; width: 100%;}
.cc article section#metiers.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-3-5 div.grow.title-section{ padding-left: 85px;}
.cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-5-5.no-padding 
div.grid-1-1.no-padding-left.no-padding-right div.grow.right label{ text-align: center !important;}
.cc article section#participations.redac.grid.break div.grid-1-1.no-padding-bottom div.grid-5-5.no-padding 
div.grid-1-1.no-padding-left.no-padding-right div.grow.right input#search_field.searching.filtr-search{ border-radius: 2px; height: 25px;}
.cc article section#participations.redac.grid.break div.container-part div div.grow.title-section h2.padding-grid-bottom.c{ padding-bottom: 25px;}

/* === Filter / Dept === */
.cc article section#participations.redac.grid.break div.container-part div div#participation-list div#participations_filtering div.grid div.grid-1-1 div.grid-1-1.no-padding-left.no-padding-right.filter-top div.grow ul#filtering_list1.filtering_list{
    display: flex;
    justify-content: center;
    align-items: center;
}
.cc article section#participations.redac.grid.break div.container-part div div#participation-list div#participations_filtering div.grid div.grid-1-1 div.grid-1-1.no-padding-left.no-padding-right.filter-top div.grow ul#filtering_list1.filtering_list li{
    padding: 0 5px;
}
.cc article section#participations.redac.grid.break div.container-part div div#participation-list div#participations_filtering div.grid div.grid-1-1 div.grid-1-1.no-padding-left.no-padding-right.filter-top div.grow ul#filtering_list1.filtering_list li input.search{
    padding: 10px;
}
.cc #participations #participations_filtering ul.filtering_list li button{ padding: 0.5rem 1.2rem; font-weight: bold; letter-spacing: 0.3px;}
.cc #participations #participations_filtering ul.filtering_list li:hover, 
.cc #participations #participations_filtering ul.filtering_list li button.active,
.cc #participations #participations_filtering ul.filtering_list li.selected{ color: #b02f6d; background-color: #fff;}
.cc #participations #participations_filtering ul.filtering_list li button{display:inline-block; font-size:13px;border:solid 1px #B02F6D;border-radius:3px;cursor:pointer;color:#fff;background-color:#B02F6D}
.cc #participations #participation-list ul.list {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}
.cc #participations #participation-list ul.list li { 
    flex:0 1 25%;
    display: flex;
    align-items: stretch;
    justify-content: center;
    align-content: stretch;
    flex-direction: column;
}

@media screen and (max-width:1024px){
    .cc #participations #participation-list ul.list li {
        flex:0 1 50%;
    }
    #filtering_list1 > li:nth-child(1) {
        margin-left: 90px;
    }
}
@media screen and (max-width:834px){
    #filtering_list1 > li:nth-child(1) {
        margin-left: 90px;
    }
    .cc article section#participations.redac.grid.break div.container-part div div#participation-list div#participations_filtering div.grid div.grid-1-1 div.grid-1-1.no-padding-left.no-padding-right.filter-top div.grow ul#filtering_list1.filtering_list{
        flex-wrap: wrap;
    }
}
@media screen and (max-width:768px){
    .cc #participations #participation-list ul.list li {
        flex:0 1 100%;
    }
    .cc article section#participations.redac.grid.break div.container-part div div#participation-list div#participations_filtering div.grid div.grid-1-1 div.grid-1-1.no-padding-left.no-padding-right.filter-top div.grow ul#filtering_list1.filtering_list{
        flex-wrap: wrap;
    }
}

/* ======== SECTION 4 Part 1 -> "Nous les accompagnons" ======== */

#participations > div.container-part > div > div.filtr-container.filtr-container1{
    margin-top: 30px;
    border: 1px solid #ddd;s
}
.cc .brand{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    margin:5px;
    height: 100%;
}
.cc .brand a { display: flex; justify-content: center;}
.cc .brand .infos {width: 100%;}
.cc .brand .infos a{ color:#b02f6d;}
.cc .brand .infos a:hover{
    color:#898989;
    text-decoration: none;
}

/* -- PAGINATION -- */
.cc article section#participations.redac.grid.break div.container-part div div#participation-list ul.list{
    margin-bottom: 30px;
}

ul.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
ul.pagination li {
    margin:5px;
    padding: 0;
}
ul.pagination li a{
    border: 1px solid #bbb;
    border-radius: 50%;
    background-color: #bbb;
    margin: 0 5px;
    height: 50px;
    width: 50px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    display: block;
    line-height: 50px;
    font-size:0.9rem;
}
ul.pagination li a:hover,
ul.pagination li.active a{
    border: 1px solid #888;
    background-color: #ffffff;
    color: #888;
    text-decoration: none;
}
ul.pagination li.disabled {
    opacity:1;
}
ul.pagination li.disabled a {
    border-color:#fff;
    background-color: #fff;
    color:#bbb;
}
ul.pagination li.disabled a:hover {
    border-color:#fff;
}

/* == RESPONSIVE == */
@media screen and (max-width:1024px) and (min-width:320px){
    .cc article section#actualites.redac.grid.break div.grid-1-1.no-padding-bottom div#articlesList div#articlesContent,
    .cc ul.pagination { flex-wrap: wrap; justify-content: center;}
}


/* ======== SECTION 4 Part 2 -> "Nous les avons accompagnés" ======== */
/* --- [LIST - BLOCK LIST] --- */ 
.cc article section#participations.redac.grid.break div.container-part div div.filtr-container.filtr-container2.contains-show{
    position: relative;
    width: 100%;
    height: 380px;
    overflow-y: scroll;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right:10px;
    justify-content: space-around;
}
.cc article section#participations.redac.grid.break div.container-part div div.filtr-container.filtr-container2.contains-show .grid-1-5{
    width: 19%;
}
.cc article section#participations.redac.grid.break div.container-part div div.filtr-container.filtr-container2.contains-show 
div.brand2 div.grid-1-1 div.grow h3{
    color: #898989;
}

/* Afficher/Masquer la liste */
.btn-hidden-list{
    display: flex;
    justify-content: center;
}

#hidden-list{
    position: relative;
    display: flex;
    justify-content: flex-end;
    padding: 5px 10px 5px 10px;
    font-weight: 600;
    font-size: 14px;
    border:solid 1px #b02f6d;
    border-radius:3px;
    color:#b02f6d;
    margin-bottom:10px;
    background:#fff;
}
#hidden-list span div.picto { display:inline-block; margin-left:3px; position:relative; }
#hidden-list span.show{ display:block;}
#hidden-list span.hide{ display:none;}
#hidden-list.active span.show{ display:none;}
#hidden-list.active span.hide{ display:block;}
#hidden-list:hover{ 
    color: #fff; 
    background-color:#b02f6d;
    cursor: pointer;
}
#hidden-list span.show .picto { transform: rotate(90deg); }
#hidden-list span.hide .picto { transform: rotate(-90deg); }

.cc ul.styled li li::before, .cc ul.styled li::before{
    color: #b02f6d !important;
}
.cc .brand2{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 15px;
    border: 1px solid #ddd;
    border-radius:6px;
    margin:5px 0;
    text-align: center;
}

/* ======== SECTION 5 "Notre équipe" ======== */

.cc article section#contact.redac.grid.break div.grid-1-1.no-padding-bottom{
    height: 120px;
}

/* ====== Main Contact card ====== */
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact{
    display:flex;
    align-items: center;
    background: #b02f6d;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
}

#contact > div:nth-child(2) > div > div:nth-child(1) > div > div > p:nth-child(3){
    font-size: 25px;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact p{
    color: #ffffff;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid ul li a{
    color: #fff;
    padding-top: 10px;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid ul li a:nth-child(1){ text-decoration: underline;}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid ul li a:hover{
    color: #fff; text-decoration:none;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid ul li{
    padding-top: 10px;
}

/* ====== Contacts Cards ====== */

.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 {
	display:flex;
	align-items: stretch;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat.main-contact div.grid{
    justify-content: center;
    padding-top: 30px;
    font-size: 18px;
    flex-direction: column;
}
.cc section#contact.redac.grid.break .aplat{
    background:#eeeeee;
}
.cc section#contact.redac.grid.break .aplat h3{
    color: #b02f6d;
}
.cc section#contact.redac.grid.break .aplat p{
    color: #898989;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-2 img{
    max-width:140px;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-2.profil-pict{
	display: flex;
    justify-content: center;
    align-content: center;
}
div.grid-1-1.name{
    padding-bottom: 0px;
}
div.grid-1-1.name h3, div.grid-1-1.name p{
    width: 100%;
}
div.grid-1-1.name > div {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	flex: 1 1 100%;
}
.infos{
    padding-top: 0px!important;
}
.phone{
    padding-left: 25px;
    font-size: 14px;
    line-height: 18px;
}
.email{
    padding-left: 25px;
    font-size: 12px;
    line-height: 18px;
}
@media screen and (max-width:768px) {
	div.grid-1-1.name { padding-top:0px; }
	div.grid-1-1.name > div { text-align:center; }
}
@media screen and (max-width:650px) {
	div.grid-1-1.name, div.grid-1-1.name > div { justify-content:center; align-items:center; }
	.infos{ justify-content:center; }
	.phone{ padding-left: 0px; }
	.email{ padding-left: 0px; }
}

.cc #contact .obfuscate span.null, .cc #contact .main-contact span.null{ display:none;}
.cc #contact .obfuscate span.mail-val, .cc #contact .main-contact span.mail-val, .cc #contact .obfuscate span.mail-link, .cc #contact .main-contact span.mail-link{ margin-left:8px; }
@media screen and (min-width:1025px) {
	.cc #contact .obfuscate span.mail-val, .cc #contact .main-contact span.mail-val{ display:inline-block; }
	.cc #contact .obfuscate span.mail-link, .cc #contact .main-contact span.mail-link{ display:none; }
}
@media screen and (max-width:1024px) {
	.cc #contact .obfuscate span.mail-val, .cc #contact .main-contact span.mail-val{ display:none; }
	.cc #contact .obfuscate span.mail-link, .cc #contact .main-contact span.mail-link{ display:inline-block; }
}

/* == RESPONSIVE == */
@media screen and (max-width:1024px) and (min-width:768px) {
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-2.profil-pict,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-2 div.grid-1-1.name,
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div.grow.aplat div.grid div.grid-1-1.no-padding-left.no-padding-right.infos{
        justify-content: center;
    }
}

/* ====== BLOCK LINKEDIN ====== */
.cc article section#contact div#block-linkedin {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.cc article section#contact div.grid-1-1.c{
	flex-direction: column;
}
.cc article section#contact #lkd-advert {
	display:flex;
}
@media screen and (max-width:1024px) {
    .cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3.block-linkedin-wrapper { width:100%!important; }
}
div#block-linkedin {
	display:flex;
	min-height:150px; /* Fix IE */
	flex:0 0 100%;
}
div#block-linkedin #lkd-advert {
	flex:0 0 100%;
	padding:0;
}
.cc article section#contact div#block-linkedin div#lkd-advert p{
    color: #fff;
    padding:10px 40px 15px 35px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.45px;
    line-height: normal;
    text-align: center;
}
div#block-linkedin > div.grid-1-1.c {
	display:flex;
}
div#block-linkedin > div.grid-1-1.c > p{
    color: #fff!important;
    font-size: 25px;
    font-weight: 700;
}
div#block-linkedin {
    position: relative;
    overflow: hidden;
    background: #0a66c2 !important;
    padding: 10px 10px 10px 10px !important;
}
div#block-linkedin::before{
    display: none!important;
}
div#block-linkedin > div.grid-1-1.c > a > img{
    height:45px;
    max-height: 45px;
}
div#block-linkedin > div.grid-1-1.c > a{
    border-radius: 5px;
}
div#block-linkedin a.btn{
	display:block;
    padding: 3px 25px;
    text-shadow: 2px 1px 2px #0a66c2;
    overflow:hidden;
    min-height:45px;
    max-height:45px;
    height:45px;
}
div#block-linkedin a:before {
    content:"";
    display:block;
    position:absolute;
    background-color:#fff;
    top:0; left:0; width: 0%; height:100px;
    z-index:0;
    transition:all 0.2s linear;
}
div#block-linkedin a:hover:before {
    width:100%;
}
div#block-linkedin a:hover:after {
    color:#000;
}
div#block-linkedin a img {
    position:relative;
    z-index:1;
}
.cc article section#contact.redac.grid.break div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-1.no-padding div.grow.grid.no-margin div.grid-1-3 div#block-linkedin.grow.aplat div.grid-1-1.c{
    flex-direction: column;
}
.cc .btn::after{
    transition:all 0.3s linear;
    font-size: medium!important;
}

/* == RESPONSIVE == */
@media screen and (max-width:768px) {
    div#block-linkedin a.btn{
        padding: 3px 55px;
        margin-bottom:10px;
    }
}

/* ====================== FOOTER ====================== */
div.ft-op{ margin-top: 30px; margin-bottom: 40px;}
div.ft-op footer { background-color: #898989; width: 100%; display: flex;}
div.ft-op footer div.ft-contains{display:flex; width:100%; max-width: 1200px; margin: auto; justify-content: space-between;}
div.ft-op footer div.ft-contains div.ft-nav{ padding:15px 0;}
div.ft-op footer div.ft-contains div.ft-nav ul {display: flex; flex-direction: row;}
div.ft-op footer div.ft-contains div.ft-nav ul li{color: #fff;}
div.ft-op footer div.ft-contains div.ft-nav ul li a{color:#fff}
div.ft-contains div.ft-nav li:not(:first-child)::before {
    content: "-";
    color: #c6c6c6;
    padding: 0 4px;
}
div.ft-op footer div.ft-contains div.CMO-sticker { 
    background-color: #fff; 
    color: #888888;
    padding: .678rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 8px 20px -5px black;
}
div.ft-op footer div.CMO-sticker img{ height: 40px;}
p.ft-title{ font-weight: bold; font-size: 14px; padding: 10px 0; color: #fff;}
.credit-mention p:nth-child(2){ font-size: 10px; color: #fff;}

/* === RESPONSIVE === */
@media screen and (max-width:1024px) {
    div.ft-op footer div.ft-contains div.CMO-sticker { left: 65px;}
    div.ft-op footer div.ft-contains{ flex-direction: row; margin: 0 4rem;}
    div.ft-op footer div.ft-contains div.ft-nav ul {flex-direction: column;}
    div.ft-op footer div.ft-contains div.ft-nav ul li:before {display:none;}
}

@media screen and (max-width:834px) {
    div.ft-op footer div.ft-contains{flex-direction: column;}
    div.ft-op footer div.ft-contains div.CMO-sticker { left:35px;}
}
@media screen and (max-width:414px) {
    div.ft-op footer div.ft-contains{flex-direction: column;}
    div.ft-op footer div.ft-contains div.CMO-sticker { left:0px;}
}
@media screen and (max-width: 375px) {
    div.ft-op footer div.ft-contains{flex-direction: column;}
    div.ft-op footer div.ft-contains div.CMO-sticker { left:-10px;}
}
@media screen and (max-width:360px) {
    div.ft-op footer div.ft-contains{flex-direction: column;}
    div.ft-op footer div.ft-contains div.CMO-sticker { left:-15px;}
}
@media screen and (max-width:320px) {
    div.ft-op footer div.ft-contains{flex-direction: column;}
    div.ft-op footer div.ft-contains div.CMO-sticker { left:-35px;}
}

/* hack bug popup scroll */
.cc.mfp-auto-cursor.mfp-ready {
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden;
    width: 100%;
    max-width:100%;
    height: 100%;
    left: 0;
    top: 0;
}

/* Fix 2024 */
.cc .btn::after {content:""!important; display:none!important;}
.cc ul.styled li::before {content:""!important;}
.cc ul.styled li {padding-left:0!important;margin-left:.9375rem!important;list-style:disc;}