/******************************************************************************************************************/
/************************************************* GENERAL ********************************************************/
/******************************************************************************************************************/
:root {
    --magenta: #d7284d;
    --bleu: #1c4d61;
    --magenta_secondary: #8a2c41;
    --rouge_bordeaux: #8a2c41;
    --bg_bleu_ciel:#dfe7eb;
    --couleur1: 99, 95, 81;
    --couleur2: 207, 0, 12;
    --couleur3: 144, 176, 34;
    --couleur4: 242, 238, 233;
    --blanc: 255, 255, 255;
    --noir: 0, 0, 0;
    --gris1: 164, 160, 153;
    --gris2: 103, 103, 103;
}
* { font-family: 'Montserrat', sans-serif; }
/* iframe { max-width: 100%; height: 100%; } */
#edit-preview { display: none; }
h1 { color: var(--magenta); text-transform: uppercase; font-weight: bold; padding-bottom: 30px; }
p, a, ul li, h2 > a, h3 { color: var(--bleu); }
a { text-decoration:underline; color:rgba(var(--noir)); }
a:hover { text-decoration:none; color:inherit; }
.view .row { margin:0; }
.ui-accordion .ui-accordion-content { height:auto!important; }
img { max-width:100%; height:auto; }
textarea:focus, input:focus{ outline: none; }
input.btn-magenta { border: none; }
.btn-magenta-entreprise,
.btn-magenta { text-decoration: none; color: white; padding: 10px 15px; background: var(--magenta); border-radius: 30px; transition: 0.3s all ease-in-out; text-transform: uppercase; border: solid 1px var(--magenta); }
.btn-magenta-entreprise:hover,
.btn-magenta:hover { border: 1px solid var(--magenta); color: var(--magenta); background: white; }

.btn-rougebordeaux { text-decoration: none; color: white; padding: 10px 15px; background: var(--rouge_bordeaux); border-radius: 30px; transition: 0.3s all ease-in-out; border: solid 1px var(--rouge_bordeaux);}
.btn-rougebordeaux:hover { border: 1px solid var(--rouge_bordeaux); color: var(--rouge_bordeaux); background: white; }

.btn-bleu { text-decoration: none; color: white; padding: 10px 15px; background: var(--bleu); border-radius: 30px; transition: 0.3s all ease-in-out; border: solid 1px var(--bleu);}
.btn-bleu:hover { border: 1px solid var(--bleu); color: var(--bleu); background: white; }

.btn-magenta_footer { text-decoration: none; color: white; background: var(--magenta); transition: 0.3s all ease-in-out; border: none; border: solid 1px var(--magenta); }
.btn-magenta_footer:hover { border: 1px solid var(--magenta); color: var(--magenta);  background: white; }

#section ul:not(.contextual-links,.menu,.pager__items) li, #section1 ul:not(.contextual-links,.menu,.pager__items) li, #section2 ul:not(.contextual-links,.menu,.pager__items) li,#section3 ul:not(.contextual-links,.menu,.pager__items) li, #section4 ul:not(.contextual-links,.menu,.pager__items) li, #section5 ul:not(.contextual-links,.menu,.pager__items) li {
    padding-left: 25px;
    background-image: url(../images/puce-li.png);
    background-repeat: no-repeat;
    background-position: left top 5px;
    list-style: none;
}

/******************************************************************************************************************/
/*********************************************** STICKY HEADER ****************************************************/
/******************************************************************************************************************/
.sticky #header { position: fixed; width: 100%; background: rgba(var(--blanc)); z-index:20; border-bottom:1px solid var(--bleu); padding:10px 0; top:0; }
.toolbar-fixed.sticky #header { top: 39px; }
.toolbar-horizontal.toolbar-tray-open #header { top: 79px; }
.sticky #header #header-logo #logo img { max-height:70px; }

/******************************************************************************************************************/
/*********************************************** OVERLAY MENU *****************************************************/
/******************************************************************************************************************/
#overlay-menu-toggle { display:inline-block; width:60px; cursor:pointer; }
#overlay-menu-toggle span { height:5px; background-color:rgba(var(--noir), 0.8); width:100%; display:block; }
#overlay-menu-toggle span + span { margin-top:5px; }
#overlay-menu { position: fixed; width: 100%; height: 100vh; top: 0; background-color: rgba(var(--noir), 0.8); z-index: 1000; display: flex; padding: 0; opacity: 0; visibility: hidden; transition: all 0.32s ease-in-out; -ms-transition: all 0.32s ease-in-out; -o-transition: all 0.32s ease-in-out; -moz-transition: all 0.32s ease-in-out; -webkit-transition: all 0.32s ease-in-out; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.toolbar-fixed #overlay-menu { top: 39px; }
.toolbar-horizontal.toolbar-tray-open #overlay-menu { top: 79px; }
#overlay-menu.open { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
#overlay-menu .overlay-menu-close-container { width: 50%; height: 100vh; padding: 30px 15px; text-align: right; }
#overlay-menu .overlay-menu-close-container .overlay-menu-close span { color: rgba(var(--blanc)); font-weight: 700; cursor: pointer; font-size: 28px; }
#overlay-menu .region-overlay-menu { width: 50%; height: 100%; background-color: var(--bleu); padding: 30px; }
#overlay-menu .region-overlay-menu .sf-accordion-toggle { display: none; }
#overlay-menu .region-overlay-menu #superfish-main-accordion > li a, #overlay-menu .region-overlay-menu #superfish-main-accordion > li > span { color: rgba(var(--blanc)); text-align: left; padding: 15px 50px 15px 15px !important; display: block !important; cursor: pointer; font-size: 1.2rem; border: none; font-weight: inherit; }
#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul li a { padding: 15px 50px 15px 30px !important; }
#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul { margin: 0; }
#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul li { padding: 0 !important; }
#overlay-menu .region-overlay-menu #superfish-main-accordion .menuparent ul .sf-depth-2 ul .sf-depth-3 a { padding: 15px 50px 15px 45px !important; line-height: 110%; }
#overlay-menu .region-overlay-menu #superfish-main-accordion .sf-sub-indicator::after { content: ''; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li>span.sf-depth-1.menuparent, #superfish-main--2-accordion>li.sf-depth-1.menuparent ul>li>a.sf-depth-2.menuparent, #overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-expanded span.sf-depth-1.menuparent, #superfish-main--2-accordion>li.sf-depth-1.menuparent ul>li.sf-expanded a.sf-depth-2.menuparent { position: relative; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li>.sf-depth-1.menuparent::before, #overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-depth-1.menuparent ul>li>a.sf-depth-2.menuparent::before { content: ''; background: url(../images/drop-down.png) no-repeat; display: block; width: 45px;   height: 45px; position: absolute; top: 5px; background-size: 1rem; background-position: center left; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li>.sf-depth-1.menuparent::before { left: -15px; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-depth-1.menuparent ul>li>a.sf-depth-2.menuparent::before { left: 7px; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-expanded span.sf-depth-1.menuparent::before, #overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-depth-1.menuparent ul>li.sf-expanded a.sf-depth-2.menuparent::before { content: ''; background: url(../images/drop-right.png) no-repeat; display: block; width: 45px; height: 45px; position: absolute; top: 5px; background-size: 1rem; background-position: center left; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-expanded span.sf-depth-1.menuparent::before { left: 0; }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-depth-1.menuparent ul>li.sf-expanded a.sf-depth-2.menuparent::before { left: 15px;}
#overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-depth-1.menuparent ul>li { background-color: rgba(var(--couleur3)); border-bottom: 1px solid rgba(var(--couleur1)); }
#overlay-menu .region-overlay-menu #superfish-main-accordion>li.sf-depth-1 { padding: 0 !important; }
#overlay-menu .region-overlay-menu ul.sf-menu.sf-accordion.sf-expanded { position: absolute;  right: 0; top: 40px !important; }
#overlay-menu .region-overlay-menu #block-navigationprincipale-2 ul li a { color: white; text-decoration: none; font-weight: bold; }
#overlay-menu .region-overlay-menu #block-navigationprincipale-2 ul li.active-trail a,
#overlay-menu .region-overlay-menu #block-navigationprincipale-2 ul li a:hover { color: var(--magenta); }


/******************************************************************************************************************/
/******************************************* PAGE MODIF PASSWORD **************************************************/
/******************************************************************************************************************/
#user-form .form-wrapper, #user-form #edit-account .form-type-email { display: none; }
#user-form #edit-account, #user-form .form-actions { display: block; }


/* Header */
/* body:not(.path-frontpage) #header-logo { position: unset !important; margin-bottom: 0 !important; }
body:not(.path-frontpage) #header-logo img { position: unset !important; } */
body:not(.path-frontpage) #highlighted { margin-top: 50px; }
body:not(.sticky) #header-logo { position: relative; margin-bottom: 100px; }
body:not(.sticky) #header-logo img { position: absolute; z-index: 1; }
#header #header-body #header-right { display: flex; flex-direction: column; justify-content: center; }
#header #header-body #header-right p a { margin-left: 8px; }
#header #header-body #header-right .region-header-right #block-navigationprincipale ul li.active-trail a { font-weight: bold; }
#header #header-body #header-right .region-header-right #block-navigationprincipale ul li a { text-decoration: none; text-transform: uppercase; color: var(--bleu); padding: 10px 30px; }
#header #header-body #header-right .region-header-right #block-navigationprincipale ul li:nth-child(4) a { text-decoration: none; color: white; padding: 10px 15px; background: var(--magenta); border-radius: 30px; }
#header #header-body #header-right .region-header-right #block-navigationprincipale ul li:nth-child(4) a::before { 
    content: "";
    display: inline-block;
    width: 20px; /* Remplacez la largeur par celle de votre icône */
    height: 13px; /* Remplacez la hauteur par celle de votre icône */
    background-image: url(../images/icone_contact.png);
    background-repeat: no-repeat;
    background-size: contain; /* Ajustez la taille de l'icône pour qu'elle soit bien visible */
    margin-right: 5px; /* Espace à droite de l'icône pour la séparer du texte */
}

#overlay-menu-toggle { display: none; }
/* FIN Header */
.breadcrumb {
    background-color: white;
    color: var(--magenta);
    font-size: 14px;
    display: block;
    padding-left: 0;
    padding-right: 0;
    margin-top: 35px;
}

.breadcrumb a { font-weight: bold; text-decoration: none; }
.breadcrumb a::after {
    content: '>';
    padding: 0 5px;
}
.breadcrumb span.sep { display: none; }
/* Fil d'Ariane */

/* Fin Fil d'Ariane */

/* Vue Vidéo */
.path-frontpage video { height: 75vh; width: 100%; object-fit: cover; }
h2.slogan { color: var(--bleu); text-align: center; font-size: 28px; }
.cf-video hr { border: solid 1px var(--bleu); }
.parent-cf { display: flex; justify-content: space-between;  flex-wrap: wrap; }
/* Fin Vue Vidéo */

.btn-magenta-entreprise:hover img { filter: drop-shadow(0 0 0.1rem var(--magenta)); }
.btn-bleu:hover img { filter: drop-shadow(0 0 0.1rem var(--bleu)); }
.btn-rougebordeaux:hover img { filter: drop-shadow(0 0 0.1rem var(--rouge_bordeaux)); }



/* Section */
.path-frontpage #section1 { background-color: var(--bg_bleu_ciel); }
.path-frontpage #section1 #section1 span { font-size: 70px; color: var(--magenta); font-weight: bold; }
.path-frontpage #section #content h2, .path-frontpage #section1 #section1 h2,.path-frontpage #section2 #section2 h2, .path-frontpage #section3 #section3 h2,.path-frontpage #section4 #section4 h2, .path-frontpage #section5 #section5 h2 { margin-top: 30px; }
body:not(.path-frontpage) #section #content h2, body:not(.path-frontpage) #section1 #section1 h2, body:not(.path-frontpage) #section2 #section2 h2, body:not(.path-frontpage) #section3 #section3 h2, body:not(.path-frontpage) #section4 #section4 h2, body:not(.path-frontpage) #section5 #section5 h2 { color: var(--bleu); font-weight: bold; font-style: italic;  padding-bottom: 30px; } 
.path-frontpage #section1 #section1 h2,
.path-frontpage #section3 #section3 h2 { color: var(--bleu); text-transform: uppercase; font-weight: bold; padding-bottom: 30px; }
body:not(.path-frontpage) #wrap > #section,
body:not(.path-frontpage) #section2 { margin: 30px 0; }
.path-frontpage #section #content h2,
.path-frontpage #section2 #section2 h2,
.path-frontpage #section4 #section4 h2 { color: var(--magenta); text-transform: uppercase; font-weight: bold; padding-bottom: 30px; }
.path-frontpage #section #content h3,
.path-frontpage #section1 #section1 h3,
.path-frontpage #section2 #section2 h3,
.path-frontpage #section3 #section3 h3 { font-weight: bold; color: var(--bleu); }
.path-frontpage #section3 #section3 .cf-AJH-asso h3 {
    width: 70px;
    text-align: right;
}
.path-frontpage #section3 #section3 .cf-AJH-asso p { margin-bottom: 0.5rem; width: calc(100% - 70px); }
.path-frontpage #section3 #section3 h3,
.path-frontpage #section1 #section1 h3.titre3_section1,
.path-frontpage #section2 #section2 h3 { font-style: italic; }
#section #content .btn-magenta-entreprise,
#section #content .btn-bleu,
#section #content .btn-rougebordeaux,
.path-frontpage #section2 #section2 .btn-bleu,
.path-frontpage #section2 #section2 .btn-rougebordeaux,
.path-frontpage #section3 #section3 .btn-magenta,
.path-frontpage #section3 #section3 .btn-bleu,
.path-frontpage #section2 #section2 .btn-magenta-entreprise { text-transform: uppercase; font-weight: bold; }
#section #content a.btn-magenta-entreprise,
.path-frontpage #section2 #section2 .btn-magenta-entreprise {   border-radius: 50px; }
#section #content .btn-bleu,
.path-frontpage #section2 #section2 .btn-bleu {   border-radius: 50px; }
#section #content .btn-rougebordeaux,
.path-frontpage #section2 #section2 .btn-rougebordeaux {   border-radius: 50px; } 
#section #content .btn-magenta-entreprise img,
#section #content .btn-bleu img,
#section #content .btn-rougebordeaux img,
.path-frontpage #section2 #section2 .btn-bleu img,
.path-frontpage #section2 #section2 .btn-rougebordeaux img,
.path-frontpage #section2 #section2 .btn-magenta-entreprise img { margin: 0 15px; }
body:not(.path-frontpage) #wrap > #section3 { background-color: var(--bg_bleu_ciel);  }
body:not(.path-frontpage) #wrap > #section5 { background-color: var(--bg_bleu_ciel); }
#section #content .btn-bleu,
#section #content .btn-rougebordeaux,
#section #content a.btn-magenta-entreprise,
.path-frontpage #section2 #section2 .btn-magenta-entreprise,
.path-frontpage #section2 #section2 .btn-bleu,
.path-frontpage #section2 #section2 .btn-rougebordeaux {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85%;
}

/* FIN Section */

/* Page Qui sommes-nous */
#block-quisommesnousbloc3 .titre-texte-nos-valeurs h3 { color: white; font-size: 20px; font-weight: bold; }
#block-quisommesnousbloc3 .titre-texte-nos-valeurs { display: flex; align-items: center; }
#block-quisommesnousbloc3 .titre-texte-nos-valeurs img { margin-right: 15px; }
#block-quisommesnousbloc3 #inclusion-innovation { background-color: var(--magenta); }
#block-quisommesnousbloc3 #responsable-solidaire { background-color: var(--rouge_bordeaux); }
#block-quisommesnousbloc3 #competences-formations { background-color: var(--bleu); }
#block-quisommesnousbloc3 #inclusion-innovation,
#block-quisommesnousbloc3 #responsable-solidaire,
#block-quisommesnousbloc3 #competences-formations { padding: 15px 30px; border-radius: 30px; height: 100%; }
#block-quisommesnousbloc3 #inclusion-innovation p, #block-quisommesnousbloc3 #responsable-solidaire p, #block-quisommesnousbloc3 #competences-formations p { color: white; }
#block-quisommesnousbloc2,
#block-quisommesnousbloc3 { margin: 30px 0; }
/* Fin Page Qui sommes-nous */


/* Vue listing services */
.view-listing-services .view-content .views-row  .icone-service {
    /* background-image: url(../../images/motif_services.png);
    background-repeat: no-repeat,no-repeat;
    position: relative;
    z-index: 1; */
    display: flex;
    justify-content: center;
    margin-bottom: 30px; 
}
.view-listing-services .view-content { display: flex; flex-wrap: wrap; }
.view-listing-services .view-content .views-row { flex: 0 0 20%; max-width: 20%;}
.view-listing-services .view-content .views-row a { text-decoration: none; }
.view-listing-services .view-content .views-row .titre-service p { text-transform: uppercase; font-weight: bold; color: var(--bleu); text-align: center; }
.view-listing-services .view-content .views-row a:hover .icone-service { background-color: var(--bleu); border-radius: 30px; }
.view-listing-services .view-content .views-row a:hover .icone-service img { opacity: 0; }
.icone-resume-service { position: relative;}
.view-listing-services .view-content .views-row  .resumer_services { display: none; position: absolute;  position: absolute; top: 0; left: 0;  z-index: 99; width: 100%; height: 100%; }
.view-listing-services .view-content .views-row a:hover .resumer_services { display: inline-block !important; }
.view-listing-services .view-content .views-row  .resumer_services p { color: white; height: 100%; display: flex; /* justify-content: center; */ align-items: center;  padding: 10px 15px; font-size: 11px; text-transform: uppercase;  /* text-align: center;*/ } 
/* Fin Vue listing services */

/* Bloc nos avantages */
#block-vosavantages .texte-gauche-section-avantages { display: flex; flex-direction: column; justify-content: center; }
.droite-section-avantages p,
.gauche-section-avantages p { margin-bottom: 45px; }
#block-vousavantagesbloc1,
#block-vosavantagesbloc3,
#block-vosavantagesbloc4,
#block-vosavantagesbloc5 { margin: 30px 0;}
/* FIN Bloc nos avantages */

/* Bloc nos atouts */
#block-nosatouts .clearfix > div:nth-of-type(2) > div { margin-bottom: 30px; }
#block-nosatouts .clearfix > div:nth-of-type(2) > div > div { background: white; padding: 10px 15px; }
#block-nosatouts div.texte-nos-atouts { border-radius: 0px 30px 30px 0px;  }
#block-nosatouts .cf-nos-atouts { border-radius: 30px 0px 0px 30px ;}
/* Fin Bloc nos atouts */


/* Bloc nos rejoindre Accueil */
.path-frontpage #wrap > #section3 {   position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover; background-color: var(--bg_bleu_ciel);  }
.path-frontpage #wrap > #section3::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    z-index: -1; /* Assurez-vous que l'élément pseudo est empilé en dessous de la div parente */
}
#block-blocrejoigneznous div.cf-nous-rejoindre { display: flex; justify-content: end; }
#block-blocrejoigneznous .cf-AJH-asso { display: flex; align-items: center; }
#block-blocrejoigneznous .cf-AJH-asso h3 { margin-right: 15px; }
.line {
    border-left: 5px solid #fff;
    height: 100%;
}
/* Fin Bloc nos rejoindre Accueil */
.region-section2 #block-nousrejoindrebloc3 h2 { padding-bottom: 0; }
.region-section2 #block-nousrejoindrebloc3 h3 { 
    color: var(--bleu);
    font-weight: bold;
    font-style: italic;
    padding-bottom: 30px;
}
.region-section2 #block-nousrejoindrebloc3 .bloc3-rejoingnez-colone1,
.region-section2 #block-nousrejoindrebloc3 .bloc3-rejoingnez-colone2 { background-color: var(--bg_bleu_ciel); border-radius: 30px; height: 100%; padding: 10px 30px; }
.region-section2 #block-nousrejoindrebloc3 .bloc3-rejoingnez-colone2 div:first-child { float: right; }
/* Bloc Page Nous rejoindre */

.pourquoi-rejoindre { margin: 30px 0; }

/* Fin Bloc Page Nous rejoindre */

/* Vue listing actualités */
.texte_actu h3 { font-weight: bold; color: var(--bleu); font-size: 25px; }
.page-node-type-actualite .field--name-field-image-actualite {
    float: right;
    margin: 0 0 20px 20px;
    width: 35%;
    display: flex;
    justify-content: center;
    /* display: flex;
    align-items: center;
    justify-content: center; */
}
.path-frontpage .view-listing-actualites .view-content { padding-bottom: 30px; }
.view-listing-actualites .view-content { display: flex; flex-wrap: wrap; }
.view-listing-actualites .view-content .image_actu {
    background: url(../images/detourage_vf.png);
    background-position: bottom,left 15px;
    /* background-repeat: no-repeat,no-repeat;
    height: 100%; */
}

.view-listing-actualites .view-content .image_actu img{
    position: relative;
    z-index: -1;
}
.view-listing-actualites .view-content a { text-decoration: none; }
/* Fin Vue listing actualités */


/* Bloc Chiffres clés */
#fullscreen .region-fullscreen { position: relative;}
#block-blocchiffrescles { position: absolute; bottom: 10%; width: 100%; }
#block-blocchiffrescles .tpl_counter { display: flex; align-items: center; width: 33.33%; justify-content: center  }
#block-blocchiffrescles .tpl_counter svg { margin-right: 20px; }
#block-blocchiffrescles .tpl_counter .stat p span { font-size: 40px; text-align: center; }
#block-blocchiffrescles .tpl_counter .stat p { font-size: 18px; text-transform: uppercase; /*text-align: center;*/ margin: 0; }
#block-blocchiffrescles .cf-video { background: rgba(255,255,255,0.6); padding: 10px 0px; margin: 0 auto; border-radius: 30px; width: 60%; } 
/* Fin Bloc Chiffres clés */


/* Vue Listing partenaires */
.path-frontpage #section5 { background-color: var(--bg_bleu_ciel); }
.path-frontpage #section5 #section5 .view-listing-des-partenaires .view-header h2 { text-transform: uppercase; color: var(--bleu); font-weight: bold; margin-top: 30px; }
.path-frontpage #section5 #section5 .view-listing-des-partenaires .view-content { padding: 3rem; }
.slick--view .slick__arrow .slick-arrow {
    border: none;
    position: absolute;
    height: 29px;
    width: 29px;
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0;
}
.slick--view .slick__arrow .slick-arrow.slick-prev { background-image: url(../images/arrow-left-accueil-slider-vf.png); left: 0; top: 50%; }    
.slick--view .slick__arrow .slick-arrow.slick-next { background-image: url(../images/arrow-right-accueil-slider-vf.png); right: 0; top: 50%; }
.slick--view .slick__slider {
    padding: 0 30px;
}
/* Fin Vue Listing partenaires */

/* Page Contact */
.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url(../images/required.svg);
    background-repeat: no-repeat;
    background-size: 6px 6px;
}
.page-node-5 #block-webform .form-actions { display: flex; justify-content: end; }
.page-node-5 #block-webform form { width: 60%; margin: 0 auto; }
.page-node-5 form .js-form-item-subject,
.page-node-5 form .form-item-email,
.page-node-5 form .form-item-email,
.page-node-5 form .form-item-prenom,
.page-node-5 form .form-item-nom,
.page-node-5 form .form-item-telephone { 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em; 
}
/* Fin Page Contact */

/* Bloc nous rejoindre */
#block-nousrejoindrebloc2 { margin: 30px 0; }
/* Fin Bloc nous rejoindre */


/* Vue détail Service */
#block-lienyoutubeserviceproductionaudiovisuelle { width: 100%!important; }
body.page-node-type-service .region-content { display: flex; flex-wrap: wrap; }
body.page-node-type-service .region-content { margin-bottom: 30px; }
body.page-node-type-service .region-content #block-izianet-page-title { width: 100%; }
body.page-node-type-service .region-content .block-views-blocklisting-services-detail-block-1 { width: 35%; }
body.page-node-type-service .region-content .block-views-blocklisting-services-detail-block-2 { width: 65%; }
body.page-node-type-service h3 { font-size: 20px; }
.block-views-blocklisting-services-detail-block-1 .view-listing-services-detail .view-content  { background: var(--magenta); padding: 20px 30px; border-radius: 30px; }
.block-views-blocklisting-services-detail-block-1 .view-listing-services-detail .view-content .views-row h3 { color: white; font-weight: bold; font-size: 18px;}
.block-views-blocklisting-services-detail-block-1 .view-listing-services-detail .view-content .views-row p  { color: white; font-size: 15px; }
.block-views-blocklisting-services-detail-block-2 .view-listing-services-detail .view-content { padding: 10px 35px; }
body:not(.path-frontpage) #wrap > #section1 { background-color: var(--bg_bleu_ciel); }
body.page-node-type-service #wrap > #section1,
body.page-node-4 #wrap > #section1,
body.page-node-5 #wrap > #section1 { margin: 30px 0; }
#block-nousrejoindrebloc3 .bloc3-rejoingnez-colone2 a,
body:not(.path-frontpage) #section4 #section4 a,
body:not(.path-frontpage) #wrap > #section1 a { color: var(--bleu); }
body:not(.path-frontpage) #wrap > #section1 #section1 .block-views-blocklisting-services-detail-block-3 { padding: 30px 0;}
/* body:not(.path-frontpage) #wrap > #section1 #section1 .block-views-blocklisting-services-detail-block-3 .view-content .views-row,
body:not(.path-frontpage) #wrap > #section2 #section2 .view-content .views-row {  padding-top: 3rem; padding-bottom: 3rem; } */
/* .block-views-blocklisting-services-detail-block-1 .view-listing-services-detail .prestations-par-services { display: flex; flex-wrap: wrap; } */
/* .block-views-blocklisting-services-detail-block-1 .view-listing-services-detail .prestations-par-services .icone-detail-service { display: flex; align-items: center; justify-content: center; margin-right: 15px; width: 75px; } */
/* .block-views-blocklisting-services-detail-block-1 .view-listing-services-detail .prestations-par-services .service-detail-texte { width: calc(100% - 90px); } */
/* Contenu 4 Détail d'un service */
.page-node-type-service .view-listing-services-detail .view-content .views-field-field-contenu-4-service { padding: 30px 0; }
#block-quisommesnousbloc4 a,
.view-listing-services-detail .view-content a:not(.btn-magenta) { color: var(--bleu); }
/* Fin Contenu 4 Détail d'un service */

/* Fin Vue détail Service */

/* Bloc nos sites */
#block-nossites .clearfix > div > div {
    background: var(--bg_bleu_ciel);
    border-radius: 30px;
}
#block-nossites .clearfix > div > div {     
    flex: 0 0 33.333333%;
    max-width: 31%;  
    margin-right: 15px;
    margin-left: 15px;
    padding: 10px 15px;
    margin-bottom: 15px;
}

#section #content #block-nossites p { margin-top: 10px; }
#section #content #block-nossites .btn-bleu { display: block; width: unset; font-size: 11px; }
#section #content #block-nossites h2 { font-size: 23px; padding-bottom: 15px; }
.services_site_deux_colonnes { display: flex; flex-wrap: wrap; align-items: center; }
.services_site_deux_colonnes div { display: flex; flex-wrap: wrap; }
.services_site_deux_colonnes img { margin: 9px; object-fit: contain;}
#block-nossites p, #block-nossites a:not(.btn-bleu) { color: var(--bleu); }

/* Fin Bloc nos sites */


/* Footer */
#footer-first { background-color: var(--bleu); padding: 3rem; } 
#footer-first #footer-first-2 { display: flex; justify-content: center; }
#footer-first #footer-first-1 #block-blocfooter1 .logo_et_texe_footer { display: flex; flex-wrap: wrap; justify-content: space-around; }
#footer-first #footer-first-1 #block-blocfooter1 p,
#footer-first #footer-first-1 #block-blocfooter1 p a,
#footer-first #footer-first-2 #block-blocfooter2 p,
#footer-first #footer-first-3 #block-blocfooter3 p,
#footer-first #footer-first-3 #block-blocfooter3 p a { color: white; text-decoration: none; font-size: 13px;}
#footer-first #footer-first-2 #block-blocfooter2 p.titre_footer,
#footer-first #footer-first-1 #block-blocfooter1 p.titre_footer { font-weight: bold; }
#footer-first #footer-first-2 #block-blocfooter2 p a img { margin-left: 10px; }
#footer-first #footer-first-2 #block-blocfooter2 p input { border: 1px solid var(--magenta); }
#footer-first #footer-first-2 #block-blocfooter2 p input::placeholder { color: var(--bleu); }
/* Newsletter section */
#block-webform-2 form { display: flex; flex-wrap: wrap; }
#block-webform-2 form input:not(.btn-magenta_footer) { height: 28px; width: 160px; border: 1px solid var(--magenta); font-size: 12px; }
/* Fin Newsletter section */
/* FIN Footer */





/******************************************************************************************************************/
/************************************************** COOKIES *******************************************************/
/******************************************************************************************************************/
#tarteaucitronRoot #tarteaucitronAlertBig { background: #2a3135 !important; }
#tarteaucitronIcon #tarteaucitronManager { box-shadow: none; }
#tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitronRoot .tarteaucitronAllow { background: #2e602e; font-weight: 200; }
#tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton { font-weight: 300; }
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p { margin: 5px 0; }
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert * { color: #fff; }
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert ul { margin-left: 20px; margin-bottom: 10px; list-style: disc; }
html #tarteaucitronRoot #tarteaucitronAlertBig { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px; text-align: left; }
html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl) { padding: 0 10px; margin: 10px 5px 0 5px; height: 25px; border: 1px solid #fff; background: #fff; color: #333; border-radius: 0; }
#tarteaucitronRoot .tarteaucitronCheck::before { content: "\2713"; display: inline-block; color: #fff; }
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected { background-color: #9c1a1a; opacity: 1; font-weight: 200; }
html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl):hover { background: #333; color: #fff; font-weight: 100; }
html #tarteaucitronRoot #tarteaucitronAlertBig * { -webkit-box-sizing: border-box; box-sizing: border-box; }
html #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize { padding-bottom: 2px !important; }
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny, #tarteaucitron #tarteaucitronServices .tarteaucitronTitle button, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, html #tarteaucitronRoot #tarteaucitronAlertBig button:not(#tarteaucitronPrivacyUrl) { font-weight: 200; }
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow, #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny, .tac_activate .tarteaucitronAllow { font-weight: 200; }