/*
 Theme Name:   Blankslate Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Blankslate Child Child Theme
 Author:       Alias clic
 Template:     blankslate
 Version:      1.0.0
 Text Domain:  blankslate-child
*/
/** GOOD SHEET **/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
body{
    overflow: hidden;
}
html{
    overflow-x: hidden;
    margin: 0 !important;
}
p{
    line-height: 1,3;
    color: #333333;
    margin: 7px 0;
    line-height: 1.4;
}
h1{
    font-size: 36px;
}
strong{
    font-weight: 600;
}
h1,h2,h3,h4,h5,h6,p,li,span,a,label{
    font-family: 'Raleway', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight: 600;
}
p,li,span{
    font-weight: 300;
}
.fit_content{
    width: fit-content;
}
.wrapper{
    max-width:1380px;
    margin: 0 auto;
}
.container{
    margin: 50px 0;
    display: flex;
    padding: 0 30px;
}
.container .logo img{
    max-height: 100px;
}
.banner{
    min-height: 780px;
    height: 780px;
    object-fit: cover;
    background-position: center;
    /*clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);*/
    /*max-width: 1800px;*/
    margin: 0 auto;
    background-size: cover !important;
    position: relative;
}
.banner_content{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 30px;
    left: 0;
}
.banner_content p{
    color: white;
    text-transform: uppercase;
}
.banner_content .page_title{
    font-size: 18px;
    margin: 0 0 80px 0;
    letter-spacing: 1.2px;
}
.banner_content .banner_content_text{
    margin: 0 auto;
    text-align: center;
    max-width: 85%;
}
.banner_content .banner_content_text p{
    font-size: 55px;
    font-weight: 600;
}
.button{
    background: linear-gradient(90deg, rgba(81,185,162,1) 0%, rgba(100,50,138,0.5746673669467788) 50%, rgba(100,50,138,1) 100%) left;
    background-size: 700% 100%;
    padding: 5px 50px;
    text-align: center;
    border-radius: 2px;
    transition: 0.5s ease-out;
}
.button:hover{
    background-size: 100% 100%;
}
.button p{
    font-weight: 500;
    color:white;
}
a{
    text-decoration: none;
    color: #333333;
}
.offset-title{
    position: relative;
    width: 100%;
}
.offset-title span{
    position: absolute;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: 3px;
    color: #64328A;
    opacity: 0.3;
    z-index: 2;
    left: -6%;
    top: -55px;
    font-weight: 600;
    text-transform: uppercase;
}
.offset-title h1{
    z-index: 3;
    font-weight: 600;
    text-transform: uppercase;
}

/********************  HEADER  *******************************/
header{
    position: fixed;
    width: 100vw;
    background-color:rgba(255, 255, 255, 0.897);
    z-index:50;
}
header .container{
    justify-content: space-between;
    padding: 30px;
    max-width: 1380px;
    margin: 0 auto;
}
header #menu, header #menu .menu ul{
    display: flex;
    align-items: center;
    margin-left: 50px;
}
header #menu .menu ul li{
    margin-right: 10px;
}
header .menu-slide{
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgb(100,50,138);
    background: linear-gradient(0deg, rgba(100,50,138,1) 11%, rgba(81,185,162,1) 75%, rgba(130,205,188,1) 86%, rgba(193,230,222,0.9556197478991597) 100%, rgba(255,255,255,1) 100%);
    transition: 0.5s ease-in-out;
}
header .menu-slide.fermer{
    right: -100%;
}
header .menu-slide.ouvert{
    right: 0;
}
header .menu-slide .menu-container{
    display: flex;
    flex-direction: column;
    color: white;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
}
header .menu-slide .section-menu .menu-main-menu-container{
    margin: 40px auto;
    display: flex;
    flex-direction: row-reverse;
}
header .menu-slide .section-menu .menu-main-menu-container .menu-item-has-children .sub-menu{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}
header .menu-slide .section-menu .menu-main-menu-container .menu-item-has-children .sub-menu li{
    margin: 10px 0;
}
header .menu-slide .section-menu .menu-main-menu-container .menu-item-has-children .sub-menu li a{
    font-size: 18px;
}
header .menu-slide .section-menu .menu-main-menu-container .menu-item-has-children .sub-menu li a:before{
    content:"-";
    color: white;
    vertical-align: middle;
    margin-right: 8px;
}
header .menu-slide .menu-container .menu-citoyens, header .menu-slide .menu-container .menu-entreprises{
    width: 60%;
    margin: auto;
    padding: 35px;
}
header .menu-slide .menu-container .menu-citoyens{
    padding-bottom:50px;
    border-bottom:2px solid white ;
}
header .menu-slide .menu-container .section-title{
    margin-bottom:20px;
}
header .menu-slide .menu-container .section-title h1{
    font-size: 45px;
}
header .menu-slide .menu-container .section-menu ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
}
header .menu-slide .menu-container .section-menu li{
    margin: 15px 0;
    width: 100%;
}
header .menu-slide .menu-container .section-menu a{
    color: white;
    font-size: 22px;
}
header .header_sociaux_menu{
    display: flex;
}
header .header_sociaux_menu .header_sociaux_container{
    align-self: center;
}
header .header_sociaux_menu .header_sociaux_container .header_facebook img, header .header_sociaux_menu .header_sociaux_container .header_instagram img{
    margin: 12px 20px 0;
}
/*********************** HAMBURGER MENU ***********************/
#nav-icon{
    width: 60px;
    height: 30px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  
 #nav-icon span{
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #64328A;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #nav-icon span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
    top: 15px;
    width: 80%;
    margin-left: 10px;
  }
  
  #nav-icon span:nth-child(4) {
    top: 30px;
  }
  
  #nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  
  #nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
/********************** FOOTER ********************************/

footer .container{
    justify-content: space-between;
}
.contact_border_wrap{
    border-top: 2px solid #64328A;
    border-bottom: 2px solid #64328A;
    padding: 50px 0;
    margin-top: 100px;
}
.contact-container{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 30px;
}
.contact-container .info-container{
    display: flex;
    width: 42%;
    justify-content: space-between;
} 
.contact-container h3{
    font-size: 22px;
}
.contact-container .media-sociaux{
    display: flex;
    justify-content: space-between;
    width: 10%;
    width: auto;
}
.contact-container .media-sociaux a{
    margin: 0 10px;
} 
.contact-container .info-contact, .contact-container .info-bureau{
    display: flex;
    justify-content: center;
}
.bande-copyright{
    background-color: #3E3E3E;
    padding: 10px 0;
}
.bande-copyright p{
    color: white;
}
.bande-copyright .wrapper{
    max-width: 1080px;
}
.bande-copyright .container{
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.menu-footer-container .wrapper{
    max-width: 1080px;
}
.menu-footer-container .container{
    margin: 80px 0;
}
.menu-footer-container .menu-footer{
    display: flex;
    width: 50%;
    justify-content: space-between;
}
.menu-footer-container .menu-footer a{
    display: block;
    margin-bottom: 12px;
}
.menu-footer-container .infolettre-footer{
    width: 40%;
}
.menu-footer-container .infolettre-footer h2{
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.menu-footer-container .infolettre-footer .wpforms-field-text{
    padding: 0 !important;
}
.menu-footer-container .infolettre-footer .wpforms-field-container .wpforms-field-small{
    width: 100%;
    min-width: 100%;
    padding: 10px 15px;
    border: 1px solid #64328A;
    border-radius: 3px;
    margin: 7px 0;
    font-family: 'Raleway', sans-serif;
}
.menu-footer-container .infolettre-footer .wpforms-field-container .wpforms-field {
    margin: 15px 0;
    padding: 0;
}
.menu-footer-container .infolettre-footer .wpforms-field-container .wpforms-field-small::placeholder{
    font-family: 'Raleway', sans-serif;
}
.menu-footer-container .infolettre-footer .wpforms-submit-container .wpforms-submit{
    background-color: #51B9A2;
    margin: 7px auto;
    display: block;
    color: white;
    padding: 10px 50px;
    border-radius: 3px;
}
.menu-footer-container .infolettre-footer .wpforms-submit-container .wpforms-submit:hover{
    background-color: #51B9A2;
}
.menu-footer-container .infolettre-footer input:focus-visible{
    border: 2px solid #64328A;
    padding: 9px 14px;
    outline: none;
}
.menu-footer-container .menu-footer span{
    font-size: 18px;
    font-weight: 600;
}
.menu-footer-container .menu-footer .sub-menu{
    margin-left: 10px;
}
.menu-footer-container .menu-footer .sub-menu li{
   display: flex;
}
.menu-footer-container .menu-footer .sub-menu span{
    font-weight: 400;
}
.menu-footer-container .menu-footer .sub-menu li:before{
    content: ">";
    margin-right: 10px;
}
/********************** ACCUEIL **********************/
.accueil-intro{
    padding: 0 125px;
    flex-direction: column;
    margin: 75px 0;
}
.accueil-intro a{
   color: #51B9A2;
}
.accueil-intro .offset-title span{
    font-size: 55px;
    top: -25px;
    color: #51B9A2;
}
.button-container{
    width: 100%;
    max-width: 95%;
    margin: 45px auto 0;
    display: flex;
    justify-content: space-between;
}
.grid-container{
    max-width: 1800px;
    margin: 25px auto 0;
    padding: 0 15px;
}
.grid-content{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
    max-height: 500px;
}
.grid-content img{
    width:100%;
    height: 100%;
    object-fit: cover;
}
.grid-content .one-column-first{
    grid-column: 1/2;
}
.grid-content .one-column-mid{
    grid-column: 2/3;
}
.grid-content .two-column{
    grid-column: 1/3;
}
.grid-content .two-column-end{
    grid-column: 3/5;
}
.grid-content .one-row{
    grid-row: 1/3;
}
.grid-content .one-row-end{
    grid-row: 3/5;
}
.grid-content .full-height-row{
    grid-row: 1/5;
}
.container.intro{
    flex-direction: column;
}
.stats-accueil-container{
    background: url("/wp-content/uploads/2022/12/image.png") no-repeat;
    padding: 50px;
    -webkit-box-shadow: inset 1px 1px 17px 0px rgba(0,0,0,0.47); 
    box-shadow: inset 1px 1px 17px 0px rgba(0,0,0,0.47);
}
.stats-accueil-container .stats-accueil-content{
    display: flex;
    justify-content: space-evenly;
    background-color: #51b9a2d0;
    backdrop-filter: blur(2px);
    padding: 40px 125px;
    -webkit-box-shadow: 1px 1px 7px 3px rgba(0,0,0,0.35); 
    box-shadow: 1px 1px 7px 3px rgba(0,0,0,0.35);
}
.stats-accueil-container .stats-accueil-content .stats-accueil-item{
    text-align: center;
}
.stats-accueil-container .stats-accueil-content .stats-accueil-item img{
    max-width: 60px;
    max-height: 80px;
}
.stats-accueil-container .stats-accueil-content .stats-accueil-item h2{
    font-size: 54px;
    margin: 20px 0;
    color: white;
}
.stats-accueil-container .stats-accueil-content .stats-accueil-item p{
    font-size: 24px;
    color: white;
}
.accueil_carte_cadeau_container{
    background-color: #64328A;
    color: white;
    padding: 70px 0; 
}
.carte_cadeaux_title{
    margin-bottom: -5px;
    margin-top: 100px;
    padding: 0 30px;
}
.carte_cadeaux_title .offset-title span{
    font-size: 55px;
    top: -25px;
    color: #51B9A2;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content{
    display: flex;
    justify-content: flex-start;
    padding: 0 30px;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content h3{
    font-size: 24px;
    margin-bottom: 30px;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content div{
    width: 45%;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content .full_width{
    width: 100%;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content div p{
    color: white;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content .border_block{
    padding: 40px;
    border: solid 2px white;
}
.accueil_carte_cadeau_container .accueil_carte_cadeau_content .block_objectif{
    text-align: center;
    align-self: center;
    margin-left: 20px;
    max-width: 450px;
}
.button_carte_cadeaux{
    width: fit-content;
    transform: translateY(-50%);
}
.button_carte_cadeaux .button{
    background: linear-gradient(90deg, rgba(81,185,162,1) 0%, rgba(100,50,138,1) 50%, rgba(100,50,138,1) 100%) left;
    background-size: 700% 100%;
    margin: 0 auto;
    transition: 0.5s ease-out;
}
.button_carte_cadeaux .button:hover{
    background-size: 100% 100%;
}
.emplois-vedette-container .vedette-content{
    display: flex;
    padding: 20px 0;
}
.emplois-vedette-container .vedette-content .container{
    margin: 40px 0;
}
.emplois-vedette-container h1{
    margin: 30px 0 60px;
    position: relative;
    top: 60px;
    font-weight: 600;
}
.emplois-vedette-container .offset-title span{
    position: absolute;
    font-size: 56px;
    font-weight: 400;
    letter-spacing: 3px;
    color:#51B9A2;
    opacity: 0.3;
    z-index: 2;
    left: -2%;
    top: 60px;
    font-weight: 600;
}
.emplois-vedette-container .btn-emplois a{
    margin:0 auto;
}
.emplois-vedette-container .button{
    position: relative;
    top: -45px;
}
.bande-titre{
    height: 2px;
    position: absolute;
    width: 100vw;
    background-color: #000000;
    z-index: -1;
    bottom: 0;
    left: -30px;
}
.emplois-vedette-container .vedette-content .emplois-desc{
    padding: 0 50px 0 0;
}
.emplois-vedette-container .vedette-content .emplois-desc .emplois-nom{
    margin-bottom: 30px;
    position: relative;
}
.emplois-vedette-container .vedette-content .emplois-desc-content{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}
.emplois-vedette-container .vedette-content .emplois-desc-content .info-emplois{
    min-width: 160px;
    padding-right: 15px;
    border-right: 2px solid #ebebeb;
}
.emplois-vedette-container .vedette-content .emplois-desc-content .info-emplois p:not(:last-child){
    font-weight: 600;
}
.emplois-vedette-container .vedette-content .emplois-desc-content .description{
    width: 70%;
    margin: 0 25px;
}
.emplois-vedette-container .vedette-content .emplois-desc a{
    text-decoration: underline;
    margin-top: 25px;
    display: block;
    color:#51B9A2;
    font-weight: 300;
}
.emplois-vedette-container .vedette-content .emplois-image{
    margin-right: 60px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29); 
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29);
    height: fit-content;
    z-index: 15;
}
.emplois-vedette-container .vedette-content:nth-child(2) .emplois-image{
    position: relative;
    top: -85px;
}
.emplois-vedette-container .vedette-content .emplois-image img{
    object-fit: cover;
    max-width: 250px;
    min-height: 300px;
    display: block;
}
.emplois-vedette-container .vedette-content:nth-child(odd) .emplois-image{
    margin-left:60px;
    margin-right: 0;
}
.emplois-vedette-container .vedette-content .emplois-desc h2{
    font-size: 30px;
    padding-bottom: 15px;
}
.emplois-vedette-container .vedette-content .fiche-employeur{
   background-color: white;
   padding: 10px 15px;
   -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29); 
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.29);
    min-width: 200px;
    max-height: 145px;
    display: flex;
}
.emplois-vedette-container .vedette-content .fiche-employeur img{
    max-width: 120px;
    height: auto;
    display: block;
    margin: 0 auto;
    align-self: center;
}
.emplois-vedette-container .vedette-content .fiche-employeur p:not(.no-bold){
    font-weight: 500;
}
.concours-container{
    background: url("/wp-content/uploads/2022/12/image-bg-concours.png") no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 350px;
    position: relative;
}
.concours-title{
    text-align: center;
}
.concours-title .container{
    margin: -90px 0 0;
}
.concours-title h1{
    text-align: center;
    position: relative;
    transform: translateY(60%);
    font-size: 110px;
    letter-spacing: 2s;
    font-weight: 900;
    text-shadow: 0px 0px 5px #646464;
    color: white;
    margin:0 auto;
    z-index: 3;
}
.concours-container .container{
    flex-direction: column;
}
.concours-container .concours-content{
    display: flex;
}
.concours-container .concours-content .concours-info, .concours-container .concours-content .concours-prix{
    z-index: 5;
}
.concours-container .concours-content .concours-info{
    width: 50%;
    align-self: center;
}
.concours-container .concours-content .concours-info p, .concours-container .concours-content .concours-info h2, .concours-container .concours-content .concours-info a{
    color:white;
}
.concours-container .concours-content .concours-info a{
    text-decoration: underline;
    margin:15px 0 0 30px;
}
.concours-container .concours-content .concours-info h2{
    font-size: 70px;
    font-weight: 900;
    margin-bottom: 25px;
}
.concours-container .concours-content .concours-info p{
    margin-left: 30px;
    font-size: 18px;
}
.concours-container .concours-content .concours-prix h1, .concours-container .concours-content .concours-prix h2{
   color: #64328A;
}
.concours-container .concours-content .concours-prix h1{
    font-size: 90px;
    font-weight: 900;
    margin-bottom: 25px;
 }
 .concours-container .concours-content .concours-prix h2{
    font-size: 30px;
    max-width: 400px;
    margin: 0 auto;
    font-weight: 600;
 }
.concours-container .concours-content .concours-prix{
    width: 40%;
    text-align: center;
}
.concours-container .concours-content .bg-mauve{
    position: absolute;
    top: 0;
    background-color: #64328A;
    height: 100%;
    width: 55%;
    left: 0;
    z-index: 1;
    opacity: 0.6;
}
.concours-container .concours-content .bg-blanc{
    position: absolute;
    top: 0;
    background-color: white;
    height: 100%;
    width: 45%;
    right: 0;
    z-index: 1;
    opacity: 0.6;
}
.concours-content .container{
    flex-direction:row;
    justify-content: space-between;
    padding: 0 30px;
    margin: 80px 0;
}
.btn-concours{
    transform: translateY(-50%);
    z-index: 10;
    position: relative;
}
.btn-concours .container{
    margin: 0 auto;
    display: block;
    max-width: 500px;
}
.btn-concours .container .button{
    background: linear-gradient(90deg, rgba(81,185,162,1) 0%, rgba(100,50,138,1) 50%, rgba(100,50,138,1) 100%) left;
    background-size: 700% 100%;
    padding: 15px 0;
    margin: 0 auto;
    transition: 0.5s ease-out;
}
.btn-concours .container .button:hover{
    background-size: 100% 100%;
}
.cherche-wrapper.wrapper{
    max-width: 1105px;
    padding: 0 30px;
}
.cherche-wrapper .offset-title h1:after{
    content: "";
    width: 60%;
    height: 2px;
    display: block;
    background-color: #333333;
    margin-left: 15px;
    margin-top: 20px;
}
.cherche-wrapper input{
    width: 80%;
    padding: 10px 15px;
    border: 1px solid #64328A;
    border-radius: 3px;
}
.cherche-wrapper input:focus-visible{
    border: 2px solid #64328A;
    padding: 9px 14px;
    outline: none;
}
.cherche-wrapper p{
    color: #64328A;
    margin-left: 20px;
    font-size: 22px;
}
.cherche-wrapper .button{
    width: 35%;
    margin:35px auto 0;
}
.cherche-wrapper .button p{
    color: white;
    text-transform: initial;
    margin: 10px 0;
    font-size: 18px;
}
.partenaire-container{
    margin-top:95px;
}
.partenaire-container .container{
    margin: 0;
}
.partenaires-title, .partenaires-type{
    background-color: #51B9A2;
}
.partenaires-title{
    -webkit-box-shadow: inset 0px 0px 16px 8px rgba(0,0,0,0.15); 
    box-shadow: inset 0px 0px 16px 8px rgba(0,0,0,0.15);
    max-height: inherit;
}
.partenaires-title .container{
    padding: 15px 30px;
}
.partenaires-title h1{
    color: white;
    margin:0;
    font-size: 70px;
    transform: inherit;
}
.partenaires-type{
    padding: 5px 0;
}
.partenaires-type h3{
    color: white;
    font-size: 25px;
}
.logo-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px auto 30px;
    padding: 0 30px;
}
.logo-container img{
    width: 25%;
    padding: 10px 40px;
    margin-top: 10px;
    object-fit: contain;
}
.credits-container .credits-title{
    background-color: #51B9A2;
    max-height: 65px;
}
.credits-container .container{
    margin-top: 20px;
}
.credits-container .wrapper{
    max-width: 1280px;
}
.credits-container .credits-title .title-content{
    padding: 7px 0;
}
.credits-container .credits-title .title-content:first-child{
    margin-right: 75px;
    width: 75%;
}
.credits-container .credits-title .title-content:last-child{
    width: 35%;
}
.credits-container .credits-title h3{
    color: white;
    font-size: 22px;
    text-transform: uppercase;
    transform: translateY(8px);
}
.credits-container .credits-title .container{
    margin: 50px 0 0;
}
.credits-container .ville-logo{
    width: 75%;
}
.credits-container .medias-logo{
    width: 35%;
}
.credits-container .ville-logo{
    display: flex;
    justify-content: flex-start;
    margin-right: 75px;
    flex-wrap: wrap;
}
.credits-container .ville-logo img{
    width: fit-content;
    height: min-content;
    max-height: 150px;
    padding: 15px;
    align-self: center;
}
.credits-container .medias-logo{
    display: flex;
    justify-content: flex-start;
}
.credits-container .ville-logo .logo-content {
    width: 30%;
    height: 125px;
    box-shadow: 0px 0px 5px 2px rgb(0 0 0 / 29%);
}
.credits-container .medias-logo .logo-content {
    width: fit-content;
    max-width: 200px;
    padding: 10px;
    height: fit-content;
}
.credits-container .ville-logo .logo-content img{
    width: 100%;
    object-fit: cover;
    height: inherit;
}
.credits-container .medias-logo .logo-content img{
    width: 100%;
    object-fit: contain;
    height: inherit;
}
.decouvrez_region_container .container{
    margin: 70px 0;
}
.decouvrez_region_content .offset-title span{
    font-size: 55px;
    top: -25px;
    color: #51B9A2;
    left: -4%;
}
.decouvrez_region_content .decouvrez_region_description{
    margin: 30px 0 50px;
}
.decouvrez_region_content .decouvrez_region_liste ul{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 200px;
}
.decouvrez_region_content .decouvrez_region_liste ul li{
    margin: 7px 0;
    width: fit-content;
}
/************************************** PAGE ENTREPRISE **************************************/
.intro-entreprise-container{
    background-color: #64328A;
    padding: 30px 0;
} 
.button_choice{
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}
.button_choice div{
    width: fit-content;
    margin: 0 5px;
}
.button_choice button{
   border: 2px solid #64328A;
   color: #64328A;
   padding: 15px 25px;
   background-color: white;
   font-size: 15px;
   letter-spacing: 0.4px;
   text-transform: uppercase;
   -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.45); 
   box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.45);
}
.button_choice button:hover, .button_choice button:active, .button_choice button.active{
    cursor: pointer;
    border: 2px solid #64328A;
    color: white;
    background-color: #64328A;
 }
 .intro-entreprise-container .container{
    justify-content: space-between;
 }
.intro-entreprise-container .intro-texte{
   align-self: center;
   width: 70%;
}
.intro-entreprise-container .intro-texte p{
    color: white;
    font-size: 18px;
    line-height: 1.6;
    margin: 25px 0;
}
.intro-entreprise-container .intro-texte a{
    color: #51B9A2;
}
.intro-entreprise-container .intro-texte p strong{
    color: white;
}
.partnershipLevelTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 15px;
    margin-bottom: 20px;
    color: #64328A;
    text-transform: uppercase;
    background: #EEEEEE;
    box-shadow: 0px 0px 6px #0000004d;
    font-size: 20px;
}
.partnershipLevelTitle:hover{
    cursor: pointer;
}
.partnershipLevelTitle span:first-child{
    font-weight: 400;
}
#platineHolder.hide, #orHolder.hide, #argentHolder.hide, #bronzeHolder.hide{
    display: none;
}
#platineHolder.show, #orHolder.show, #argentHolder.show, #bronzeHolder.show{
    display: block;
}
.collapseButton.closed:after{
    content: "+";
    display: block;
    font-size: 50px;
    height: fit-content;
}
.collapseButton.open:after{
    content: "-";
    display: block;
    font-size: 50px;
    height: fit-content;
    transform: translateY(-5px);
}
#containerBlocMemberPlatine, #containerBlocMemberOr, #containerBlocMemberArgent, #containerBlocMemberBronze{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#containerBlocMemberPlatine.open, #containerBlocMemberOr.open, #containerBlocMemberArgent.open, #containerBlocMemberBronze.open{
    height: fit-content;
    overflow: inherit;
}
/*#containerBlocMemberPlatine.closed, #containerBlocMemberOr.closed, #containerBlocMemberArgent.closed, #containerBlocMemberBronze.closed{
    height: 355px;
    overflow: hidden;
}*/
#containerBlocMemberPlatine .memberBloc, #containerBlocMemberOr .memberBloc, #containerBlocMemberArgent .memberBloc, #containerBlocMemberBronze .memberBloc{
    width: 45%;
    margin: 0 10px 25px;
}
#containerBlocMemberPlatine.isfiltered, #containerBlocMemberOr.isfiltered, #containerBlocMemberArgent.isfiltered, #containerBlocMemberBronze.isfiltered{
    height: fit-content !important;
}
.mainMemberContainer{
    margin-top: 50px;
}
.mainMemberContainer .wrapper{
    display: flex;
    justify-content: space-between;
    max-width: 1580px;
}
.mainMemberContainer .container{
    width: 70%;
    flex-direction: column;
    margin-top: 0;
}
.mainMemberContainer h2{
    font-size: 30px;
    margin: 0 0 45px 0;
}
.mainMemberContainer #results{
    font-size: 20px;
    color: #797979;
}
.mainMemberContainer .sidebarFilters-container{
    width: 28%;
} 
.mainMemberContainer .sidebarFilters{
    width: 100%;
    padding: 35px 30px;
    -webkit-box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.43); 
    box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.43);
    height: fit-content;
} 
.mainMemberContainer .sidebarFilters-container .recherche{
    padding: 35px 30px;
    margin-top: inherit;
    margin-bottom: 25px;
    box-shadow: 0px 0px 12px 1px rgb(0 0 0 / 43%);
} 
.mainMemberContainer .sidebarFilters .offset-title span, .mainMemberContainer .recherche .offset-title span {
    font-size: 40px;
    left: -2%;
    top: -10px;
}
.mainMemberContainer .sidebarFilters .offset-title h1, .mainMemberContainer .recherche .offset-title h1 {
    margin: 0 0 25px 15px;
}
.mainMemberContainer .sidebarFilters .offset-title h1:after, .mainMemberContainer .recherche .offset-title h1:after {
    content: "";
    min-width: 110px;
    max-width: 120px;
    height: 2px;
    background-color: #707070;
    display: block;
    margin: 10px 0 0 15px;
}
.mainMemberContainer .sidebarFilters-container .recherche #startSearch{
    display: block;
    margin: 25px auto 0;
    color: white;
    padding: 10px 30px;
    border: none;
    border-radius: 3px;
    width: 70%;
    background: linear-gradient(90deg, rgba(81,185,162,1) 0%, rgba(100,50,138,0.5746673669467788) 50%, rgba(100,50,138,1) 100%) left;
    background-size: 700% 100%;
    text-align: center;
    border-radius: 2px;
    transition: 0.5s ease-out;
} 
.mainMemberContainer .sidebarFilters-container .recherche #startSearch:hover{
    cursor:pointer;
    background-size: 100% 100%;
} 
.mainMemberContainer .sidebarFilters-container .recherche #searchString{
    width:100%;
    padding: 5px 10px;
    border: 1px solid #E0D6E8;
} 
.mainMemberContainer .sidebarFilters #checkFilterGroup>div{
    margin:10px 0;
    display: flex;
}
.mainMemberContainer .sidebarFilters #checkFilterGroup input{
    margin-right: 10px;
    align-self: start;
}
.mainMemberContainer .memberBloc .imgSocial{
    max-width:35px;
}
.mainMemberContainer .memberBloc .imgMain{
    max-width: 240px;
    max-height: 340px;
    margin-right: 20px;
    object-fit: cover;
}
.mainMemberContainer .memberBloc>div{
    display: flex;
}
.memberBloc.hidden{
    display: none;
}
/********************************** PAGE EMPLOIS **********************************/
.emplois-template{
    margin: 80px auto 60px;
}
.intro-texte h2{
    color: white;
    font-size: 30px;
}
.intro-texte strong{
    font-weight: 600;
}
.intro-texte em{
    text-transform: italic;
}
.emplois-template .emplois_block_container{
    margin: 80px auto 0;
    padding: 0 30px;
}
.emplois-template .offset-title{
    text-align: center;
}
.emplois-template .offset-title span{
    font-size: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    top: -25px;
    color: #51B9A2;
}
.emplois-template .bloc_emplois{
    margin: 40px 0;
    display: flex;
    justify-content: space-around;
    border: 4px solid #51B9A2;
    padding: 30px 50px;
}
.emplois-template .bloc_emplois h2{
   font-size: 30px;
   margin-bottom: 30px;
}
.emplois-template .bloc_emplois .bloc_emplois_content_flex, .emplois-template .bloc_emplois .bloc_emplois_desc, .emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info{
    display: flex;
}
.emplois-template .bloc_emplois .bloc_emplois_desc{
    flex-direction: column;
    justify-content: space-between;
    width: 70%;
}
.emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info{
    width: 25%;
    border-right: 1px solid #c4c4c4;
    padding-right: 20px;
    margin-right: 20px;
}
.emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info div{
    max-width: 100%;
    overflow-wrap: break-word;
}
.emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info .nom_employeur, .emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info .emplois_quart{
    font-weight: bold;
}
.emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info .nom_employeur{
    font-size: 17px;
}
.emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info .emplois_quart, .emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info .emplois_contact{
    font-size: 15px;
}
.emplois-template .bloc_emplois .bloc_emplois_image{
    max-width: 220px;
    max-height: 175px;
    width: 25%;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 15%);
    margin-top: -50px;
    margin-right: 45px;
    background-color: white;
    display: flex;
    align-items: center;
}
.emplois-template .bloc_emplois .bloc_emplois_content{
    width: 80%;
}
.emplois-template .bloc_emplois .bloc_emplois_image img{
    width: fit-content;
    max-width: 100%;
    height: max-content;
    padding: 20px;
    display: block;
    margin: 0 auto;
}
.emplois-template .bloc_emplois .bloc_emplois_desc a{
    align-self: self-end;
    text-transform: uppercase;
    color: #51B9A2;
    text-decoration: underline;
    font-weight: 300;
    margin-top: 20px;
}
/*.emplois-template .bloc_emplois .bloc_emplois_info:after{
    content:"";
    height: 100%;
    display: block;
    margin: 0 20px;
    border: 1px solid #666666;
    opacity: 0.5;
}*/
/******************************** PAGE FIERTÉ D'ICI ********************************/
#fierte-template{
    margin: 80px 0;
}
#fierte-template .offset-title{
    text-align: center;
    margin-bottom: 50px;
}
#fierte-template .offset-title:after{
    content: "";
    display: block;
    width: 30%;
    height: 2px;
    margin: 10px auto;
    background-color: black;
}
#fierte-template .offset-title span{
    color: #51B9A2;
    left: 23%;
    top: -40px;
    font-size: 72px;
}
#fierte-template .info_container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 30px;
    max-width: 80%;
    margin: 0 auto;
}
#fierte-template .info_container .block_slide{
    width: 47%;
    border: 2px solid #51B9A2;
    color: white;
    margin: 20px 0;
    position: relative;
    min-height: 150px;
}
#fierte-template .info_container .block_slide .block_slide_first_layer{
    max-height: 100%;
    background: #51B9A2;
    transition: ease-out 0.4s;
    padding: 30px 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
    position: relative;
}
#fierte-template .info_container .block_slide:hover .block_slide_first_layer{
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
}
#fierte-template .info_container .block_slide:hover .block_slide_hide p{
    opacity: 1;
}
#fierte-template .info_container .block_slide h3{
    font-size: 26px;
    letter-spacing: 1.2px;
    line-height: 1.2;
}
#fierte-template .info_container .block_slide p{
    font-size: 18px;
    color: white;
    letter-spacing: 1.2px;
}
#fierte-template .info_container .block_slide_hide{
    background: transparent;
    border: 2px solid #51B9A2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    text-align: center;
}
#fierte-template .info_container .block_slide_hide>div{
    top: 45%;
    position: relative;
    transform: translateY(-50%);
}
#fierte-template .info_container .block_slide_hide p{
    color: black;
    opacity: 0;
    transition: opacity ease-out 0.6s;
    letter-spacing: 1.2px;
}
#fierte-template .fierte_parallax{
    min-height: 300px;
    margin-top: 60px;
    width: 100%;
    position: fixed;
    background: url('/wp-content/uploads/2022/12/parallax-fierte-ici.png') no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    position: relative;
}
#fierte-template .video_block_container{
    background-color: #64328A;
    padding: 90px 30px 40px;
}
#fierte-template .video_block_container .offset-title h1, #fierte-template .video_block_container .offset-title span{
    color: white;
    text-align: left;
    line-height: 1.2;
}
#fierte-template .video_block_container .offset-title span{
    left: -3%;
    font-size: 50px;
    top: -20px;
}
#fierte-template .video_block_container .offset-title:after{
    content: inherit;
}
#fierte-template .video_block_content{
    display: flex;
    justify-content: space-between;
}
#fierte-template .video_block_container a{
    color: white;
    text-decoration: underline;
    align-self: self-end;
    margin-top: 25px;
}
#fierte-template .video_block_content .video_block{
    width: 30%;
}
#fierte-template .video_block_content .video_block iframe{
    width: 100%;
}
#fierte-template .video_block_container .wrapper{
    display: flex;
    flex-direction: column;
}
#fierte-template .chroniques_container{
    margin-top: 90px;
    padding: 0 30px;
}
#fierte-template .chroniques_container .intro_chronique{
    margin: 30px 0;
}
#fierte-template .chroniques_container .intro_chronique a{
    color: #51B9A2;
}
#fierte-template .chroniques_container .offset-title{
    text-align: left;
}
#fierte-template .chroniques_container .offset-title span{
    left: -3%;
    font-size: 60px;
    top: -25px;
    color: #64328A;
}
#fierte-template .chroniques_container .offset-title:after{
    content: inherit;
}
#fierte-template .chroniques_container .chroniques_container_block{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#fierte-template .chroniques_container .chronique_block{
    width: 30%;
    margin-bottom: 30px;
    background-color: white;
    box-shadow: 1px -1px 9px -1px rgba(89,89,89,0.71);
}
#fierte-template .chroniques_container .chronique_block .chronique_image{
    position: relative;
}
#fierte-template .chroniques_container .chronique_block .chronique_image img:first-child{
    width: 100%;
}
#fierte-template .chroniques_container .chronique_block .chronique_image .logo_top{
    position: absolute;
    top: 0;
    left: 0;
}
#fierte-template .chroniques_container .chronique_block .chronique_content{
    margin-top: 20px;
    padding: 0 15px 15px;
}
#fierte-template .chroniques_container .chronique_block .chronique_content h4, #fierte-template .chroniques_container .chronique_block .chronique_content h2, #fierte-template .chroniques_container .chronique_block .chronique_content p{
    color: #535353;
}
#fierte-template .chroniques_container .chronique_block .chronique_content h4{
    font-size: 16px;
    font-weight: 300;
}
#fierte-template .chroniques_container .chronique_block .chronique_content h2{
    margin: 10px 0;
    font-size: 20px;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .date{
    color: #BCBCBC;
    font-size: 14px;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn{
    width: fit-content;
    min-width: 133px;
    margin: 20px auto;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn .hover_slide{
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #64328A;
    z-index: 1;
    overflow: hidden;
    transition: ease-out 0.3s;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn .hover_slide button{
    background-color: #64328A;
    color: white;
    width: 100%;
    min-width: 133px;
    padding: 5px 0;
    cursor: pointer;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn button{
    border: 1px solid #64328A;
    padding: 5px 40px;
    text-transform: uppercase;
    color: #64328A;
    font-size: 16px;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn button:after{
    content: "+";
    margin-left: 5px;
    font-size: 18px;
    display: inline-block;
    color: #64328A;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn .hover_slide button:after{
    color: white;
}
#fierte-template .chroniques_container .chronique_block .chronique_content .btn:hover .hover_slide{
    width: 100%;
    cursor: pointer;  
}
#fierte-template .partenaires-title h1{
    transform: inherit;
    margin: inherit;
    padding: 0 30px;
    font-size: 70px;
}
#fierte-template .partenaires-title .container{
    padding: 15px 0 20px;
}
#fierte-template .partenaires-title{
    max-height: inherit;
}
#fierte-template .logo-container{
    margin: 0 auto;
}
#fierte-template .logo-container img{
    width: 30%;
}
#fierte-template .green_border{
    border-top: 30px solid #51B9A2;
    border-bottom: 30px solid #51B9A2;
    padding: 50px 0;
}
/************************** PAGE NOUS JOINDRE ****************************/
#template-joindre .offset-title{
    text-align: center;
    margin: 100px 0 80px;
}
#template-joindre .offset-title:after{
    content: "";
    height: 2px;
    width: 20%;
    display: block;
    margin: 10px auto;
    background-color: black;
}
#template-joindre .offset-title span{
    left: 50%;
    transform: translateX(-50%);
    font-size: 60px;
    top: -30px;
    color: #51B9A2;
}
#template-joindre .contact_container{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}
#template-joindre .contact_container .location h3{
    font-size: 30px;
    margin-bottom: 25px;
}
#template-joindre .contact_container .location p{
    font-size: 18px;
}
#template-joindre .contact_container .location .mapouter{
    margin-top: 30px;
}
#template-joindre .contact_container .location{
    width: 40%;
}
#template-joindre .contact_container .form_contact{
    width: 60%;
}
#template-joindre .contact_container .form_contact input, #template-joindre .contact_container .form_contact textarea{
    width: 100%;
    min-width: 100%;
    margin: 25px 5px;
    padding: 5px 10px;
    box-shadow: 0px 0px 4px 1px rgba(153,153,153,0.52);
    font-family: 'Raleway', sans-serif;
}
#template-joindre .contact_container .form_contact input::placeholder, #template-joindre .contact_container .form_contact textarea::placeholder{
    color: black;
    font-family: 'Oswald', sans-serif;
}
#template-joindre .contact_container .form_contact textarea{
   min-height: 150px;
}
#template-joindre .contact_container .form_contact label{
    display: none;
}
#template-joindre div.wpforms-container-full{
    margin: 0 0 24px;
}
#template-joindre div.wpforms-container-full .wpforms-form .wpforms-field{
    padding: 0;
}
#template-joindre .contact_container .form_contact .wpforms-submit{
    margin: 0 auto;
    display: block;
    background-color: black;
    color: white;
    padding: 10px 45px;
    border: none;
}
/********************************** BLOGUE **********************************/
#template-blogue{
    margin: 60px 0 80px;
}
#template-blogue .blogue_container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 30px;
}
#template-blogue .blogue_container .blogue_single_container{
    margin-top: 40px;
    width: 30%;
    box-shadow: 1px -1px 9px -1px rgba(89,89,89,0.71);
    display: flex;
    flex-direction: column;
}
#template-blogue .blogue_container .blogue_single_container.hidden{
    display: none;
}
#template-blogue .blogue_container .blogue_single_container .post_image img{
    width: 100%;
    object-fit: cover;
    object-position: top;
    max-height: 250px;
}
#template-blogue .blogue_container .blogue_single_container .blogue_single_content{
    padding: 20px 15px;
}
#template-blogue .blogue_container .blogue_single_container .blogue_single_content h3{
    font-weight: 300;
}
#template-blogue .blogue_container .blogue_single_container .blogue_single_content .title{
    font-weight: 600;
}
#template-blogue .blogue_container .blogue_single_container .blogue_single_content .date{
    color: #BCBCBC;
    margin: 15px 0;
}
#template-blogue .blogue_container .blogue_single_container .blogue_single_content .excerpt p{
    font-weight: 400;
}
#template-blogue .blogue_container .blogue_single_container .btn{
    width: fit-content;
    min-width: 133px;
    margin: 0 auto;
    margin-top: auto;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}
#template-blogue .blogue_container .blogue_single_container .btn .hover_slide{
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #64328A;
    z-index: 1;
    overflow: hidden;
    transition: ease-out 0.3s;
}
#template-blogue .blogue_container .blogue_single_container .btn .hover_slide button{
    background-color: #64328A;
    color: white;
    width: 100%;
    min-width: 133px;
    padding: 5px 0;
    cursor: pointer;
}
#template-blogue .blogue_container .blogue_single_container .btn button{
    border: 1px solid #64328A;
    padding: 5px 40px;
    text-transform: uppercase;
    color: #64328A;
    font-size: 16px;
}
#template-blogue .blogue_container .blogue_single_container .btn button:after{
    content: "+";
    margin-left: 5px;
    font-size: 18px;
    display: inline-block;
    color: #64328A;
}
#template-blogue .blogue_container .blogue_single_container .btn .hover_slide button:after{
    color: white;
}
#template-blogue .blogue_container .blogue_single_container .btn:hover .hover_slide{
    width: 100%;
    cursor: pointer;  
}
#template-blogue .blogue_container .blogue_single_container button:hover{
    cursor: pointer;
}
#template-blogue #voir_plus button{
    margin: 80px auto;
    display: block;
    border: none;
    background: transparent;
    color: #51B9A2;
    font-size: 24px;
}
#template-blogue #voir_plus button:hover{
    cursor: pointer;
}
#template-blogue #voir_plus button:hover span{
    transform: rotate(90deg);
}
#template-blogue #voir_plus button span{
    width: 18px;
    height: 18px;
    margin-left: 10px;
    display: inline-block;
    position: relative;
    transition: 0.3s ease-out;
}
#template-blogue #voir_plus.hidden{
    display: none;
}
#template-blogue #voir_plus button span .horizontal{
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #51B9A2;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#template-blogue #voir_plus button span .vertical{
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #51B9A2;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
/*********************************** BLOGUE ***********************************/
#template-blogue-single{
    margin: 220px 0 80px;
}
#template-blogue-single .blogue_content{
   width: 60%;
}
#template-blogue-single .blogue_sidebar{
    width: 35%;
 }
 #template-blogue-single .blogue_sidebar h3{
    font-size: 20px;
    margin-bottom: 15px;
 }
#template-blogue-single .blogue_container{
    display: flex;
    justify-content: space-between;
    padding: 0 30px;
}
#template-blogue-single .blogue_content img{
    width: 100%;
    object-fit: cover;
}
#template-blogue-single .blogue_content .img_blogue{
    margin-bottom: 20px;
}
#template-blogue-single .blogue_content .img_blogue img{
    max-height: 400px;
}
#template-blogue-single .blogue_content .info_article{
   font-size: 15px;
   color: #626262;
}
#template-blogue-single .blogue_content .intro_article{
    margin: 25px 0;
}
#template-blogue-single .blogue_content .intro_article p{
    font-size: 16px;
    font-style: italic;
    color: black;
    line-height: 1.4;
    font-weight: 500;
}
#template-blogue-single .blogue_content .blogue_section, #template-blogue-single .blogue_content .blogue_section_flex{
    margin: 45px 0;
}
#template-blogue-single .blogue_content .blogue_section_flex{
    display: flex;
    justify-content: space-between;
}
#template-blogue-single .blogue_content .blogue_section .blogue_title_highlight, #template-blogue-single .blogue_content .blogue_section_flex .blogue_title_highlight{
    position: relative;
    width: fit-content;
    margin-bottom: 30px;
}
#template-blogue-single .blogue_content .blogue_section .blogue_title_highlight span, #template-blogue-single .blogue_content .blogue_section_flex .blogue_title_highlight span{
    position: absolute;
    height: 22px;
    width: 120%;
    display: block;
    background-color: #51B9A280;
    top: 13px;
    z-index: -1;
}
#template-blogue-single .blogue_content .blogue_section h2, #template-blogue-single .blogue_content .blogue_section_flex h2{
    font-size: 28px;
    text-transform: uppercase;
}
#template-blogue-single .blogue_content .blogue_section p, #template-blogue-single .blogue_content .blogue_section_flex p{
    color: black;
    line-height: 1.5;
    font-size: 16px;
}
#template-blogue-single .blogue_content .blogue_banner img, #template-blogue-single .blogue_content .blogue_banner img{
   max-height: 250px;
}
#template-blogue-single .blogue_content .blogue_section_flex .blogue_section_content{
   width: 60%;
}
#template-blogue-single .blogue_content .blogue_section_flex .side_img{
    width: 30%;
}
#template-blogue-single .blogue_content .blogue_section_flex .side_img img{
   max-height: 280px;
}
#template-blogue-single .blogue_sidebar .bloc_info_container{
    width: 100%;
    max-width: 340px;
    padding: 40px 25px;
    box-shadow: 0px 0px 9px 1px rgba(150,150,150,0.75);
    margin-bottom: 40px;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container{
    width: 100%;
    max-width: 340px;
}
#template-blogue-single .blogue_sidebar .bloc_info_container .addresse, #template-blogue-single .blogue_sidebar .bloc_info_container .numero, #template-blogue-single .blogue_sidebar .bloc_info_container .lien{
    display: flex;
    margin: 25px 0;
}
#template-blogue-single .blogue_sidebar .bloc_info_container .addresse img, #template-blogue-single .blogue_sidebar .bloc_info_container .numero img, #template-blogue-single .blogue_sidebar .bloc_info_container .lien img{
    width: 15px;
    min-width: fit-content;
    height: 20px;
    display: block;
    align-self: center;
    margin-right: 20px;
}
#template-blogue-single .blogue_sidebar .bloc_info_container .lien a{
    font-weight: 300;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container h2{
    color: white;
    font-size: 24px;
    display: block;
    background-color: #64328A;
    width: 100%;
    padding: 15px 8px;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content p{
    padding: 0 8px;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content{
    padding: 10px 0;
    border-bottom: 1px solid #BCBCBC;
    position: relative;
    background-color: transparent;
    z-index: 1;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content.active{
    background-color: #64328A;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content.active .title{
    color: white;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content .date{
    font-size: 15px;
    color: #BCBCBC;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content .title{
    font-weight: 500;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content .slide_hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #64328A;
    z-index: -1;
    transition: 0.2s ease-in-out;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content:hover .slide_hover{
    width: 100%;
}
#template-blogue-single .blogue_sidebar .latest_blogue_container .latest_blogue_content:hover .title{
    color: white;
}
/**************************** TEMPLATE CARTE CADEAUX ****************************/
#cadeaux-template{
    margin-top: 100px;
}
#cadeaux-template .offset-title h1{
    text-align: center;
    line-height: 1.3;
}
#cadeaux-template .offset-title h1:after{
    content: "";
    display: block;
    height: 1px;
    width: 60%;
    margin: 10px auto 0;
    background-color: black;
}
#cadeaux-template .offset-title span{
    font-size: 60px;
    left: 50%;
    transform: translateX(-50%);
    top: -25px;
    width: max-content;
    text-align: center;
    color: #51B9A2;
}
#cadeaux-template .infos_cadeaux_container, #cadeaux-template .commerces_container{
    padding: 0 30px;
}
#cadeaux-template .infos_cadeaux_content{
    display: flex;
    margin-top: 100px;
    justify-content: space-between;
}
#cadeaux-template .infos_cadeaux_content .content_cadeau{
    width: 60%;
    margin-right: 25px;
}
#cadeaux-template .infos_cadeaux_content p{
   line-height: 1.6;
}
#cadeaux-template .infos_cadeaux_content em{
    font-style: italic;
 }
#cadeaux-template .infos_cadeaux_content .conversion_cadeau{
    width: fit-content;
    background-color: #51B9A2;
    padding: 20px 40px 20px 55px;
    margin: 15px 0;
}
#cadeaux-template .infos_cadeaux_content .conversion_cadeau ul{
    list-style: inherit;
}
#cadeaux-template .infos_cadeaux_content .conversion_cadeau ul li{
    color: white;
    margin: 15px 0;
    font-size: 20px;
    font-weight: 600;
}
#cadeaux-template .infos_cadeaux_content .modalite{
    font-style: italic;
}
#cadeaux-template .infos_cadeaux_container .button{
    width: fit-content;
    margin: 40px auto 30px;
}
#cadeaux-template .infos_cadeaux_container .button p{
   letter-spacing: 0.6px;
}
#cadeaux-template .commerces_container{
    margin-top: 100px;
}
#cadeaux-template .commerces_container .title_highlight{
    position: relative;
    width: fit-content;
    margin-bottom: 30px;
}
#cadeaux-template .commerces_container .title_highlight h2{
    font-size: 28px;
    letter-spacing: 0.5px;
    line-height: 1.2;
}
#cadeaux-template .commerces_container .title_highlight .highlight{
    position: absolute;
    left: 0;
    height: 100%;
    width: 110%;
    background-color: #51B9A280;
    top: 10px;
    z-index: -1;
}
#cadeaux-template .commerces_container .liste_container{
    display: flex;
}
#cadeaux-template .commerces_container .liste_container .left_list{
    margin-right: 25%;
}
#cadeaux-template .commerces_container .liste_container li{ 
    margin: 15px 0;
    line-height: 1.3;
}
#cadeaux-template .commerces_container .liste_container li:before{ 
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #51B9A2;
    border-radius: 100%;
    margin-right: 8px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
#cadeaux-template .logo-container{ 
    justify-content: flex-start;
}
#cadeaux-template .logo-container img{ 
    max-width: fit-content;
    min-width: fit-content;
}
#cadeaux-template .border{ 
    border-top: solid 30px #51B9A2;
    border-bottom: solid 30px #51B9A2;
}
#cadeaux-template .big_logo{ 
    border-bottom: 1px solid rgba(218, 217, 217, 0.836);
    margin-bottom: 25px;
}
#cadeaux-template .big_logo{ 
    border-bottom: 1px solid rgba(218, 217, 217, 0.836);
    margin-bottom: 25px;
}
#cadeaux-template .big_logo img{ 
    display: block;
    margin: 0 auto;
    padding: 25px 0;
}
/********************************* EMPLOIS RÉGION *********************************/
#emplois-region{
    margin: 80px 0;
    padding: 0 30px;
}
#emplois-region .button{
    width: fit-content;
}
#emplois-region p{
   line-height: 1.4;
}
#emplois-region a{
    color: #51B9A2;
}
#emplois-region .intro_container{
    display: flex;
    justify-content: space-between;
}
#emplois-region .affichez_container{
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}
#emplois-region .intro_container .intro_img{
    width: 35%;
}
#emplois-region .intro_container .intro_content{
    width: 55%;
}
#emplois-region .intro_container .intro_content p{
    margin: 30px 0;
}
#emplois-region .intro_container h2, #emplois-region .affichez_container .affichez_content h2, #emplois-region .liste_offres_container h2{
    font-size: 37px;
    display: block;
    position: relative;
    color: #393939;
    width: fit-content;
    margin-bottom: 40px;
}
#emplois-region .intro_container h2:after, #emplois-region .affichez_container h2:after, #emplois-region .liste_offres_container h2:after{
    content: "";
    position: absolute;
    display: block;
    height: 25px;
    background-color: #51B9A280;
    left: 0;
    top: 18px;
    width: 110%;
    z-index: -1;
}
#emplois-region .affichez_container .affichez_content{
    width: 55%;
}
#emplois-region .affichez_container .affichez_img{
    width: 35%;
}
#emplois-region .affichez_container .affichez_content .button{
    margin: 25px 0;
}
/********************************* PAGE SOUMISSION EMPLOIS *********************************/
#emplois-form{
    margin: 100px 0;
}
#emplois-form .offset-title h1{
    text-align: center;
}
#emplois-form .offset-title span{
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    color: #51B9A2;
    opacity: 0.4;
}
#emplois-form .form_container .fpsm-template-1 .fpsm-field-wrap label{
    font-weight: 400;
}
#emplois-form .form_container .fpsm-alias-soumission_emplois{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#emplois-form .form_container .fpsm-custom-field-datepicker, #emplois-form .form_container .fpsm-meta-courriel, #emplois-form .form_container .fpsm-meta-telephone, #emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-meta-personne-contact{
    width: 49%;
    display: inline-block;
}
#emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-radio label::before{
    border: 1px solid;
}
#emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-radio input[type='radio']:checked + label::before{
    background-color: #51b9a2;
}
#emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-post-title, #emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-post-content , #emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-meta-nom-entreprise, #emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-meta-type-emploi, #emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-meta-plus-details, #emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-meta-logo-field{
    width: 100%;
}
#emplois-form .form_container .fpsm-template-1 .fpsm-field input[type="submit"]{
    background-color: #51B9A2;
}
#emplois-form .form_container .fpsm-alias-soumission_emplois .fpsm-radio label::before{
    border-color: #51B9A2 !important;
}
#emplois-form .form_container .fpsm-meta-type-emploi .fpsm-field{
    display: flex;
    max-width: 50%;
    flex-wrap: wrap;
    margin-top: 25px;
}
#emplois-form .form_container .fpsm-meta-type-emploi .fpsm-field .fpsm-radio{
    width: 40%;
}
#emplois-form .fpsm-radio input[type="radio"]{
    width: fit-content;
}
#emplois-form .fpsm-front-form .fpsm-field-wrap .fpsm-radio label{
    padding-top: 3px;
}
#emplois-form .send_logo{
    padding: 0 30px;
}
#emplois-form .send_logo a{
    color: #51B9A2;
}
#emplois-form .fpsm-template-1 .qq-upload-button{
    background-color: #51B9A2;
}
#emplois-form .fpsm-front-form .fpsm-custom-field-datepicker .fpsm-field:before{
    z-index: 2;
}
#emplois-form .fpsm-field-note{
    font-weight: bold;
}
/**************************** TEMPLATE AFFICHER ENTREPRISE ****************************/
#afficher-entreprise-template{
    margin: 80px 0;
}
#afficher-entreprise-template a{
    color: #51B9A2;
}
#afficher-entreprise-template em{
    font-style: italic;
}
#afficher-entreprise-template strong{
    font-weight: 600;
}
#afficher-entreprise-template .wrapper{
    padding: 0 30px;
}
#afficher-entreprise-template .bloc_info_container{
    margin: 80px 0;
}
#afficher-entreprise-template .bloc_info_container p{
    margin: 25px 0;
}
#afficher-entreprise-template .bloc_info_container h2, #afficher-entreprise-template h2{
    font-size: 37px;
    display: block;
    position: relative;
    color: #393939;
    width: fit-content;
    margin-bottom: 40px;
}
#afficher-entreprise-template .bloc_info_container h2:after, #afficher-entreprise-template h2:after{
    content: "";
    position: absolute;
    display: block;
    height: 25px;
    background-color: #51B9A280;
    left: 0;
    top: 18px;
    width: 110%;
    z-index: -1;
}
#afficher-entreprise-template .bloc_info_container .button{
    margin: 30px 0;
}
#afficher-entreprise-template .bloc_info_container .button p{
    margin: 10px 0;
}
#afficher-entreprise-template .bloc_raisons_container{
    background-color: #64328A;
    padding: 50px 0;
}
#afficher-entreprise-template .bloc_raisons_container .bloc_raisons_flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#afficher-entreprise-template .bloc_raisons_container .bloc_raisons_content{
    width: 47%;
    margin: 25px 0;
    padding: 20px;
    border: 2px solid white;
}
#afficher-entreprise-template .bloc_raisons_container .bloc_raisons_content a{
    color: #51B9A2;
    font-weight: 600;
}
#afficher-entreprise-template .bloc_raisons_container .bloc_raisons_content p{
   color: white;
}
#afficher-entreprise-template .bloc_raisons_container .bloc_raisons_content span{
    font-size: 18px;
 }
/********************************** CONDITIONS UTILISATIONS **********************************/
#conditions-utilisation-template{
    margin: 220px 0 80px 0;
    padding: 0 30px;
}
#conditions-utilisation-template p, #conditions-utilisation-template b{
    font-family: 'Open Sans', sans-serif;
}
#conditions-utilisation-template b{
    font-weight: 600;
}
/********************************** MEDIA QUERIES **********************************/
@media only screen and (min-width:1920px){
    .stats-accueil-container {
        background-size: 100% auto;
    }
}
@media only screen and (max-width:1570px){
    .banner_content {
        top: 47%;
    }
    #fierte-template .video_block_container .offset-title span, #fierte-template .chroniques_container .offset-title span{
        font-size: 60px;
        left: -1%;
    }
    #cadeaux-template .offset-title span{
        font-size: 40px;
        top: -7px;
    }
    .carte_cadeaux_title .offset-title span{
        left: -20px;
    }
    .decouvrez_region_content .offset-title span{
        font-size: 50px;
        top: -20px;
        left: -2%;
    }
}
@media only screen and (max-width:1250px){
    .emplois-vedette-container h1 {
        margin: 0 25% 0 28%;
    }
    .emplois-vedette-container .vedette-content .emplois-image {
        margin-right: 45px;
        margin-left: 30px;
    }
    .offset-title span {
        font-size: 66px;
        left: -2%;
        top: -35px;
    }
    .mainMemberContainer .memberBloc .imgMain{
        max-height: 300px;
        width: 45%;
        object-fit: cover;
    }
    .banner_content{
        max-width: 1000px;
        width: 100%;
        top: 43%;
        padding: 0 30px;
    }
    .emplois-template .bloc_emplois .bloc_emplois_image img{
        object-fit: contain;
    }
    #fierte-template .info_container .block_slide{
        width: 49%;
    }
    #fierte-template .video_block_container .offset-title span, #fierte-template .chroniques_container .offset-title span{
        font-size: 48px;
        top: -20px;
    }
    .grid-content img{
        object-fit: contain;
    }
}
@media only screen and (max-width:1130px){
    .emplois-vedette-container h1 {
        margin: 0 0 0 31%;
        font-size: 30px;
    }
    .emplois-vedette-container .vedette-content .emplois-desc {
        padding: 0 50px 0 60px;
    }
    .emplois-vedette-container .vedette-content .emplois-desc-content .info-emplois {
        min-width: 140px;
    }
    .button_choice{
        flex-wrap:wrap;
    }
    .button_choice div {
        width: 48%;
        margin: 0 10px 20px 0;
    }
    .button_choice button{
        width: 100%;
    }
    .mainMemberContainer .sidebarFilters #checkFilterGroup>div{
        margin: 15px 0;
    }
    .emplois-template .offset-title span{
        font-size: 45px;
        top: -10px;
    }
    #template-joindre .contact_container .form_contact{
        width: 50%;
    }
    #afficher-entreprise-template .bloc_info_container h2:after, #afficher-entreprise-template h2:after{
        width: 100%;
    }
    .decouvrez_region_content .offset-title span{
        font-size: 40px;
        top: -10px;
    }
}
@media only screen and (max-width:975px){
    .banner_content{
        max-width: 800px;
        width: 100%;
        top: 47%;
    }
    .mainMemberContainer .sidebarFilters-container{
        width: 100%;
    }
    .mainMemberContainer .wrapper{
        flex-direction: column;
    }
    #checkFilterGroup{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .mainMemberContainer .sidebarFilters #checkFilterGroup>div{
        width: 45%;
    }
    .mainMemberContainer .container{
        width: 100%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_image{
        width: 25%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_content{
        width: 75%;
    }
    #fierte-template .info_container .block_slide{
        width: 75%;
        margin: 15px auto;
    }
    #fierte-template .offset-title span{
        left: 13%;
    }
    #fierte-template .video_block_content{
        flex-direction: column;
    }
    #fierte-template .video_block_content .video_block{
        width: 80%;
        margin: 15px auto;
    }
    #fierte-template .video_block_container .offset-title span, #fierte-template .chroniques_container .offset-title span{
        font-size: 40px;
        top: -10px;
    }
    #template-joindre .contact_container{
        flex-direction: column-reverse;
    }
    #template-joindre .contact_container .form_contact{
        width: 100%;
    }
    #template-joindre .offset-title{
        margin: 70px 0 40px;
    }
    #template-joindre .contact_container .location{
        text-align: center;
        width: 100%;
        margin-top: 30px;
    }
    #template-joindre .contact_container .location .mapouter{
        margin: 40px auto;
    }
    #template-joindre .offset-title:after{
        width: 35%;
    }
    #template-blogue-single .blogue_content .blogue_section_flex{
        flex-direction: column;
    }
    #template-blogue-single .blogue_content .blogue_section_flex .blogue_section_content{
        width: 100%;
    }
    #template-blogue-single .blogue_content .blogue_section_flex .side_img{
        width: fit-content;
        max-width: 100%;
        object-fit: cover;
        margin: 15px auto 0;
    }
    #cadeaux-template .offset-title span{
        top: -10px;
        font-size: 40px;
        width: inherit;
    }
    #cadeaux-template .infos_cadeaux_content .content_cadeau{
        margin-right: 40px;
    }
    #cadeaux-template .logo-container{
        justify-content: center;
    }
    #emplois-region .intro_container .intro_img img, #emplois-region .affichez_container .affichez_img img{
        width: 100%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info{
        width: 40%;
    }
    .accueil-intro .offset-title span{
        font-size: 45px;
        top: -15px;
    }
    #fierte-template .partenaires-title h1{
        font-size: 60px;
    }
    #fierte-template .logo-container img{
        width: 50%;
    }
}
@media only screen and (max-width:965px){
    .offset-title span {
        font-size: 48px;
        left: -2%;
        top: -17px;
    }
    .button-container{
        max-width:100%;
    }
    .button-container a:first-child{
        margin-right: 20px;
    }
    .button-container a{
        width: 50%;
    }
    .emplois-vedette-container .offset-title span {
        font-size: 36px;
        left: 25%;
        top: 50px;
        min-width: 100%;
    }
    .emplois-vedette-container .vedette-content .emplois-desc-content {
        flex-direction: column;
        margin-top: 0px;
    }
    .emplois-vedette-container .vedette-content .emplois-desc-content .info-emplois {
        border-bottom: 2px solid #393939;
        border-right: none;
    }
    .emplois-vedette-container .vedette-content .emplois-desc-content .description {
        width: 100%;
        margin: 30px 0;
    }
    .emplois-vedette-container .vedette-content .fiche-employeur {
        max-width: 200px;
        margin: 0 auto;
    }
    .emplois-vedette-container .vedette-content .emplois-desc {
        padding: 0 15px 0 50px;
        position: relative;
    }
    .emplois-vedette-container .vedette-content:nth-child(2) .emplois-image {
        top: -25px;
    }
    .menu-footer-container .container{
        flex-direction: column;
    }
    .menu-footer-container .menu-footer{
        width: 100%;
        justify-content: space-around;
    }
    .menu-footer-container .infolettre-footer {
        width: 80%;
        margin: 40px auto 0;
    }
    .bande-copyright {
        padding: 10px 30px;
    }
    .emplois-template .offset-title span{
        font-size: 35px;
    }
    .credits-container .ville-logo img{
        max-width: 140px;
        max-height: 100px;
        padding: 10px;
    }
    .decouvrez_region_content .offset-title span{
        font-size: 35px;
        top: -8px;
    }
}
@media only screen and (max-width:825px){
    .emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info{
        width: 100%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_content_flex{
        flex-direction: column;
    }
    .emplois-template .bloc_emplois .bloc_emplois_content_flex .bloc_emplois_info{
        flex-direction: column;
        border-right: none;
    }
    .emplois-template .bloc_emplois .bloc_emplois_info:after{
        margin: 20px 0;
    }
    .emplois-template .bloc_emplois .bloc_emplois_image{
        margin-top: 0;
        align-self: center;
    }
    #fierte-template .offset-title span{
        font-size: 56px;
        top: -22px;
        left: 15%;   
    }
    header .container{
        padding: 15px 30px;
    }
    #cadeaux-template .partenaires-title h1{
        font-size: 60px;
        margin-top: 0;
        margin-bottom: inherit;
    }
    .logo-container{
        justify-content: space-between;
    }
    .logo-container img{
        width: 40%;
        padding: 10px 20px;
    }
    .concours-title h1{
        font-size: 80px;
    }
    .concours-container .concours-content .concours-info h2{
        font-size: 55px;
    }
    .concours-container .concours-content .concours-prix h1{
        font-size: 65px;
    }
    .decouvrez_region_content .decouvrez_region_liste ul{
        max-height: 300px;
    }
}
@media only screen and (max-width:770px){
    .banner_content{
        top: 50%;
    }
    .banner_content .page_title{
        margin-bottom: 60px;
    }
    .banner_content .banner_content_text p{
        font-size: 45px;
    }
    .button-container{
        flex-direction: column;
    }
    .button-container a {
        width: 100%;
    }
    .button-container a:first-child{
        margin-right: inherit;
    }
    .button-container a:last-child{
        margin-top: 25px;
    }
    .accueil-intro{
        padding: 0 75px;
    }
    .stats-accueil-container .stats-accueil-content {
        padding: 40px 55px;
    }
    .emplois-vedette-container .vedette-content .emplois-desc h2 {
        font-size: 25px;
    }
    .cherche-wrapper .offset-title h1:after {
        width: 75%;
    }
    .offset-title span {
        font-size: 38px;
        left: -4%;
        top: -7px;
    }
    .contact-container {
        flex-direction: column-reverse;
    }
    .contact-container .logo{
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }
    .contact-container .info-container {
        width: 80%;
        justify-content: space-around;
        margin: 40px auto;
        align-items: center;
    }
    .contact-container .media-sociaux {
        display: flex;
        justify-content: space-between;
        width: 40%;
        margin: 0 auto;
    }
    .intro-entreprise-container .container{
        flex-direction: column;
    }
    .intro-entreprise-container .intro-texte{
        width: 100%;
    }
    .intro-entreprise-container .intro-image img{
        margin: 0 auto;
        display: block;
    }
    .emplois-template .offset-title span{
        top: -10px;
        width: inherit;
    }
    .emplois-template .bloc_emplois .bloc_emplois_image{
        width: 35%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_content{
        width: 65%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_desc a{
        margin-top: 25px;
    }
    #fierte-template .chroniques_container .chronique_block{
        width: 95%;
        margin: 0 auto 30px;
    }
    #template-joindre .offset-title span{
        font-size: 48px;
        top: -15px;
        min-width: max-content;
    }
    #template-blogue-single .blogue_container{
        flex-direction: column;
    }
    #template-blogue-single .blogue_content{
        width: 100%;
    }
    #template-blogue-single .blogue_sidebar{
        width: 100%;
    }
    #template-blogue-single .blogue_sidebar .bloc_info_container{
        margin: 30px auto 40px; 
    }
    #template-blogue-single .blogue_sidebar .latest_blogue_container{
        margin: 20px auto;
    }
    #template-blogue .blogue_container{
        flex-direction: column;
    }
    #template-blogue .blogue_container .blogue_single_container{
        width: 100%;
        max-width: 70%;
        margin: 40px auto 0;
    }
    #cadeaux-template .infos_cadeaux_content{
        flex-direction: column;
        margin-top: 70px;
    }
    #cadeaux-template .infos_cadeaux_content .content_cadeau{
        width: 100%;
        text-align: center;
        margin: 0 0 40px 0;
    }
    #cadeaux-template .infos_cadeaux_content .conversion_cadeau{
        margin: 30px auto;
    }
    #cadeaux-template .img_cadeau img{
        margin: 0 auto;
        display: block;
    }
    #emplois-region .intro_container, #emplois-region .affichez_container{
        flex-direction: column;
    }
    #emplois-region .intro_container .intro_content, #emplois-region .affichez_container .affichez_content{
        width: 100%;
    }
    #emplois-region .intro_container .intro_img, #emplois-region .affichez_container .affichez_img{
        margin: 0 auto;
        width: 45%;
    }
    #cadeaux-template .partenaires-title h1{
        font-size: 50px;
        transform: translateY(-28px);
    }
    #afficher-entreprise-template .bloc_raisons_container .bloc_raisons_content{
        width: 100%;
        margin: 15px 0;
    }
}
@media only screen and (max-width:665px){
    .stats-accueil-container .stats-accueil-content {
        flex-direction: column;
    }
    .stats-accueil-container {
        background-size: auto 100%;
    }
    .stats-accueil-container .stats-accueil-content .stats-accueil-item {
        margin: 20px 0;
    }
    .stats-accueil-container .stats-accueil-content .stats-accueil-item h2 {
        font-size: 44px;
    }
    .emplois-vedette-container .vedette-content {
        flex-direction: column;
    }
    .emplois-vedette-container .vedette-content .container:first-child {
        margin: 50px auto 0;
    }
    .emplois-vedette-container .vedette-content .container:last-child {
        text-align: center;
    }
    .offset-title {
        text-align: center;
    }
    .emplois-vedette-container h1 {
        margin: 0;
        font-size: 30px;
    }
    .emplois-vedette-container .offset-title span {
        left: 2%;
        top: 55px;
        font-size: 32px;
    }
    .emplois-vedette-container .vedette-content .emplois-desc-content {
        margin-top: 25px;
    }
    .emplois-vedette-container .vedette-content .emplois-desc {
        padding: 0 30px;
    }
    .emplois-vedette-container .vedette-content:nth-child(odd) .emplois-image {
        margin-left: 0;
        margin-right: 0;
    }
    .concours-content .container {
        flex-direction: column;
    }
    .concours-container .concours-content .bg-mauve {
        height: 58%;
        width: 100%;
    }
    .concours-container .concours-content .bg-blanc {
        bottom: 0;
        top: inherit;
        height: 42%;
        width: 100%;
    }
    .concours-container .concours-content .concours-info {
        width: 80%;
        padding: 20px 0 0;
        text-align: center;
    }
    .concours-container .concours-content .concours-prix {
        width: 80%;
        align-self: center;
        padding-top: 50px;
    }
    .concours-container .concours-content .concours-info a {
        font-size: 18px;
    }
    .concours-container .concours-content .concours-info p{
        margin-bottom: 20px;
    }
    .concours-title .container {
        margin: -110px 0 0;
    }
    .credits-container .medias-logo{
        flex-direction:column;
    }
    .credits-container .ville-logo{
        flex-direction: row;
    }
    .credits-container .ville-logo img{
        max-width: fit-content;
        max-height: 100px;
        padding: 10px;
        width: 50%;
    }
    .credits-container .ville-logo .logo-content, .credits-container .medias-logo .logo-content{
        width: 100%;
        margin-bottom: 20px;
    }
    .mainMemberContainer .sidebarFilters .offset-title span, .mainMemberContainer .recherche .offset-title span{
        left: 34%;
    }
    .mainMemberContainer .sidebarFilters .offset-title h1:after, .mainMemberContainer .recherche .offset-title h1:after{
        margin: 10px auto 15px;
    }
    #fierte-template .offset-title span{
        font-size: 45px;
        top: -15px; 
    }
    #fierte-template .info_container .block_slide{
        width: 95%;
    }
    #cadeaux-template .partenaires-title{
        max-height: inherit;
    }
    #cadeaux-template .partenaires-title h1{
        transform: translateY(0);
        padding: 10px 0 20px;
    }
    #cadeaux-template .commerces_container .title_highlight .highlight{
        width: 100%;
    }
    .partenaires-title h1{
        font-size: 60px;
        transform: inherit;
        margin-bottom: 15px;
    }
    .partenaires-title{
        max-height: inherit;
    }
    .concours-container{
        margin-top: 60px;
    }
    .concours-title h1{
        transform: translateY(120%);
    }
    .container .logo img{
        max-height: 70px;
    }
    #nav-icon{
        width: 50px;
        height: 40px;
    }
    .accueil-intro .offset-title span{
        font-size: 35px;
    }
    .accueil_carte_cadeau_container .accueil_carte_cadeau_content{
        flex-direction: column;
    }
    .accueil_carte_cadeau_container .accueil_carte_cadeau_content .border_block{
        width: 100%;
        margin-bottom: 30px;
    }
    .accueil_carte_cadeau_container .accueil_carte_cadeau_content .block_objectif{
        width: 100%;
    }
    header .menu-slide .menu-container{
        transform: translate(-50%, -45%);
    }
    header .menu-slide .menu-container .section-menu a{
        font-size: 18px;
    }
    header .menu-slide .section-menu .menu-main-menu-container .menu-item-has-children .sub-menu li a{
        font-size: 16px;
    }
    #fierte-template .partenaires-title{
        max-height: inherit;
    }
    #fierte-template .partenaires-title h1{
        transform: inherit;
    }
}
@media only screen and (max-width:575px){
    .credits-container .credits-title h3 {
        font-size: 16px;
    }
    .cherche-wrapper .button {
        width: 80%;
    }
    .contact-container .media-sociaux {
        width: 70%;
    }
    .contact-container .info-container {
        width: 100%;
    }
    #containerBlocMemberPlatine .memberBloc, #containerBlocMemberOr .memberBloc, #containerBlocMemberArgent .memberBloc, #containerBlocMemberBronze .memberBloc{
        width: 100%;
    }
    .button_choice button{
        font-size: 15px;
    }
    .button_choice div{
        width: 100%;
    }
    .emplois-template .bloc_emplois{
        flex-direction: column;
    }
    .emplois-template .bloc_emplois .bloc_emplois_image{
        margin: 0 0 30px 0;
        width: 100%;
    }
    .emplois-template .bloc_emplois .bloc_emplois_content{
        width: 100%;
    }
    #fierte-template .offset-title span{
        font-size: 40px;
        left: 12%;  
    }
    #fierte-template .info_container .block_slide h3{
        font-size: 22px;
    }
    #template-joindre .contact_container .form_contact input, #template-joindre .contact_container .form_contact textarea{
        margin: 10px 0;
    }
    #template-blogue .blogue_container .blogue_single_container{
        max-width: 95%;
    }
    #cadeaux-template .img_cadeau img{
        width: 90%;
    }
    #cadeaux-template .commerces_container .title_highlight .highlight{
        width: 102%;
    }
    #cadeaux-template .big_logo img{
        width: 90%;
    }
    #emplois-region .intro_container .intro_img, #emplois-region .affichez_container .affichez_img{
        width: 65%;
    }
    #emplois-region .intro_container h2, #emplois-region .affichez_container .affichez_content h2, #emplois-region .liste_offres_container h2{
        font-size: 30px;
    }
    #emplois-region .intro_container h2:after, #emplois-region .affichez_container h2:after, #emplois-region .liste_offres_container h2:after{
        top: 13px;
    }
    .concours-title h1{
        transform: translateY(140%);
        font-size: 65px;
    }
    .carte_cadeaux_title .offset-title span{
        font-size: 40px;
        top: -10px;
        left: 50%;
        transform: translateX(-50%);
        width: max-content;
    }
    .decouvrez_region_content .decouvrez_region_liste ul{
        max-height: inherit;
    }
    header .menu-slide .menu-container .section-menu ul{
        min-width: 200px;
    }
}
@media only screen and (max-width:475px){
    .banner_content .banner_content_text p{
        font-size: 35px;
    }
    .banner_content .banner_content_text{
        min-width: 100%;
    }
    .accueil-intro{
        padding: 0 25px;
    }
    .stats-accueil-container .stats-accueil-content .stats-accueil-item h2 {
        font-size: 34px;
    }
    .concours-container .concours-content .concours-prix h1 {
        font-size: 65px;
    }
    .concours-container .concours-content .concours-info h2 {
        font-size: 55px;
    }
    .partenaires-title h1 {
        font-size: 45px;
        transform: translateY(-20px);
    }
    .mainMemberContainer .sidebarFilters .offset-title span, .mainMemberContainer .recherche .offset-title span{
        left: 24%;
    }
    .intro-entreprise-container .intro-image img{
        width: 100%;
        object-fit: cover;
    }
    #fierte-template .info_container .block_slide{
        width: 100%;
    }
    #fierte-template .offset-title span, #fierte-template .video_block_container .offset-title span, #fierte-template .chroniques_container .offset-title span, #template-joindre .offset-title span, #cadeaux-template .offset-title span, .emplois-template .offset-title span, .accueil-intro .offset-title span, .carte_cadeaux_title .offset-title span, .decouvrez_region_content .offset-title span{
        display: none;
    }
    #template-joindre .contact_container .location .mapouter, #template-joindre .contact_container .location .gmap_canvas, #template-joindre .contact_container .location iframe{
        width: 100%;
    }
    #cadeaux-template .commerces_container .liste_container{
        flex-direction: column;
    }
    #cadeaux-template .commerces_container .liste_container .left_list{
        margin-right: inherit;
    }
    #emplois-region .intro_container h2:after, #emplois-region .affichez_container h2:after, #emplois-region .liste_offres_container h2:after{
        width: 100%;
    }
    .logo-container img{
        width: 45%;
        padding: 10px 0px;
    }
    .credits-container .ville-logo{
        justify-content: center;
    }
    .credits-container .ville-logo img{
        max-height: 125px;
        width: 100%;
    }
    .concours-container .concours-content .concours-info{
        padding: 0;
    }
    .concours-container .concours-content .concours-info h2{
        font-size: 35px;
    }
    .concours-container .concours-content .concours-prix h1{
        font-size: 45px;
    }
}
@media only screen and (max-width:400px){
    .concours-container .concours-content .concours-info {
        width: 95%;
    }
    .contact-container .info-container {
        align-items: flex-start;
        flex-direction: column;
    }
    .contact-container .info-container {
        width: 60%;
        flex-direction: column;
        align-items: flex-start;
    }
    .contact-container .info-contact, .contact-container .info-bureau {
        display: flex;
        justify-content: center;
        margin: 10px 0;
    }
    .contact-container .media-sociaux {
        width: 60%;
    }
    .contact-container .media-sociaux a {
        margin: inherit;
    }
    .menu-footer-container .menu-footer {
        width: 70%;
        justify-content: space-around;
        flex-direction: column;
        margin: 0 auto;
    }
    .menu-footer-container .menu-footer .sitemap{
        margin-bottom: 25px;
    }
    .concours-title h1{
        font-size: 45px;
        transform: translateY(180%);
    }
}
@media only screen and (max-width:375px){
    .mainMemberContainer .sidebarFilters #checkFilterGroup>div{
        width: 100%;
    }
    .mainMemberContainer .sidebarFilters .offset-title span, .mainMemberContainer .recherche .offset-title span{
        left: 18%;
    }
    .mainMemberContainer .memberBloc>div{
        flex-direction: column;
    }
    .mainMemberContainer .memberBloc .imgMain{
        margin: 0 auto 15px;
    }
    #containerBlocMemberPlatine .memberBloc, #containerBlocMemberOr .memberBloc, #containerBlocMemberArgent .memberBloc, #containerBlocMemberBronze .memberBloc{
        width: 100%;
        text-align: center;
    }
}