/*
Theme Name: Tuasdelavenir
Version: 1.0
Theme URI: http://www.bonbay.fr/
Author: Bonbay
Author URI: http://www.bonbay.fr/
Text Domain: 
*/

/*	Copyright: (c) 2013 Alexander "Alx" Agnarson
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html*/
/*RESET*/
/*---------------------------------------------*/
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,sub,sup,tt,var,b,u,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/*  Base formulaire
================================================== */
input, textarea, button, select, label { font-family: inherit; }
input,
textarea,
button,
select,
label { font-size: 14px; }
input::-moz-focus-inner, 
button::-moz-focus-inner { border: 0; padding: 0; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="submit"],
input[type="tel"],
input[type="date"],
button,
select,  
textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; width:100%;}
input, 
textarea,
select, 
button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
label { font-weight: 600; color: #444; }
input[type="text"], 
input[type="password"], 
input[type="email"],
input[type="tel"],
input[type="date"],
select, 
textarea { 
    background: #fff; 
    border: 3px solid #2eaadc; 
    color: #000; 
    display: block; 
    max-width: 100%; 
    outline: none; 
    padding: 7px 8px; 
}
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus, 
select:focus, 
textarea:focus { 
    border-color: #f9bb0e; 
    color: #444; 
}
textarea{ max-height: 120px; }

label .required { color: #0e72b5; }
input[type="submit"],
button[type="submit"] { 
    width: 50%;
    margin: 5px 50% 5px 0;
    background: #e6007e; 
    color: #fff; 
    padding: 8px 14px; 
    font-weight: 600; 
    display: inline-block; 
    border: none; 
    cursor: pointer;
    border-radius: 0px; 
    font-size: 20px 
}
input[type="submit"]:hover,
button[type="submit"]:hover { background: #f9bb0e; ; }
.wpcf7-form br{ display: none; }

.screen-reader-response{ display: none; }
.wpcf7-not-valid-tip{ float: left; color: red; }
.wpcf7-response-output{ color: red; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{ border: 1px solid red!important; }

/** GRID ***/
.row{ float: left; width: 100%; }
    .spannomargin-1, .spannomargin-2, .spannomargin-3,
    .spannomargin-4, .spannomargin-5, .spannomargin-6,
    .spannomargin-7, .spannomargin-8, .spannomargin-9,
    .spannomargin-10, .spannomargin-11, .spannomargin-12,
    .spannomargin-13, .spannomargin-14, .spannomargin-15,
    .spannomargin-16, .spannomargin-17, .spannomargin-18,
    .spannomargin-19, .spannomargin-20, .spannomargin-21,
    .spannomargin-22, .spannomargin-23, .spannomargin-24{ width: 100%; }

/* tablette portrait */
@media (min-width: 768px){
    .spannomargin-1{ width: 25%; }
    .spannomargin-2{ width: 25%; }
    .spannomargin-3{ width: 25%; }
    .spannomargin-4{ width: 25%; }
    .spannomargin-5{ width: 50%; }
    .spannomargin-6{ width: 50%; }
    .spannomargin-7{ width: 50%; }
    .spannomargin-8{ width: 50%; }
    .spannomargin-9{ width: 50%; }
    .spannomargin-10{ width: 50%; }
    .spannomargin-11{ width: 50%; }
    .spannomargin-12{ width: 50%; }
    .spannomargin-13{ width: 50%; }
    .spannomargin-14{ width: 50%; }
    .spannomargin-15{ width: 50%; }
    .spannomargin-16{ width: 50%; }
    .spannomargin-17{ width: 75%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 75%; }
    .spannomargin-20{ width: 75%; }
    .spannomargin-21{ width: 100%; }
    .spannomargin-22{ width: 100%; }
    .spannomargin-23{ width: 100%; }
    .spannomargin-24{ width: 100%; }   
}
/* tablette paysage */
@media (min-width: 1024px){
    .spannomargin-1{ width: 4.16666667%; }
    .spannomargin-2{ width: 8.33333333%; }
    .marginl-2{ margin-left: 8.33333333%; }
    .spannomargin-3{ width: 12.5%; }
    .spannomargin-4{ width: 16.666666666667%; }
    .marginl-4{ margin-left: 16.666666666667%; }
    .spannomargin-5{ width: 20%; }
    .spannomargin-6{ width: 25%; }
    .marginl-6{ margin-left: 25%; }
    .spannomargin-7{ width: 29.16666667%; }
    .spannomargin-8{ width: 33.333%; }
    .marginl-8{ margin-left: 33.333%; }
    .spannomargin-9{ width: 37.5%; }
    .spannomargin-10{ width: 41.66%; }
    .spannomargin-11{ width: 45.833333333333%; }
    .spannomargin-12{ width: 50%; }
    .marginl-12{ margin-left: 50%; }
    .spannomargin-13{ width: 54.166666666667%; }
    .spannomargin-14{ width: 58.3333333%; }
    .spannomargin-15{ width: 62.5%; }
    .spannomargin-16{ width: 66.666%; }
    .spannomargin-17{ width: 70.8266666%; }
    .spannomargin-18{ width: 75%; }
    .spannomargin-19{ width: 79.16%; }
    .spannomargin-20{ width: 83.32%; }
    .spannomargin-21{ width: 87.4866666%; }
    .spannomargin-22{ width: 91.6533333%; }
    .spannomargin-23{ width: 95.82%; }
    .spannomargin-24{ width: 100%; }
    .mille{ max-width: 960px; }
}


.nomobile{ display: none; }
@media (min-width: 1024px){ .nomobile{ display: block; } }
.onlymobile{ display: block; }
@media (min-width: 1024px){ .onlymobile{ display: none; } }


@font-face {
    font-family: 'Rogeu';
    src: url('fonts/Rogeu.eot');
    src: url('fonts/Rogeu.eot?#iefix') format('embedded-opentype'),
        url('fonts/Rogeu.woff2') format('woff2'),
        url('fonts/Rogeu.woff') format('woff'),
        url('fonts/Rogeu.ttf') format('truetype'),
        url('fonts/Rogeu.svg#Rogeu') format('svg');
    font-weight: normal;
    font-style: normal;
}
.rogeu, a.rogeu{ font-family: 'Rogeu', cursive; }

img, iframe{ max-width: 100%; }
h1, h2, h3, h4, h5, h6{  }
h1{ font-size: 50px; text-transform: uppercase; line-height: 58px; }
h2{ font-size: 40px; line-height: 48px; text-transform: uppercase; }
h3{ font-size: 24px; }
h4{ font-size: 20px; }

strong, b{ font-weight: 700; }
.align-left, .alignleft{ text-align: left; }
.align-right, .alignright{ text-align: right; }
.align-center, .aligncenter{ text-align: center; }

a{ text-decoration: none; cursor: pointer; }
a:hover{ text-decoration: underline; }
p{ margin: 10px 0; }

label, input[type="text"], input[type="tel"], input[type="email"], textarea, input[type="date"], select{
    width: 100%;
    float: left;
    margin: 5px 0;
    font-size: 16px;
}

.left{ float: left; }
.right{ float: right; }
.center{ margin: 0 auto; }
.relative{ position: relative; }
.absolute{ position: absolute; }

.bold{ font-weight: 600; }
.semibold{ font-weight: 600; }
.light{ font-weight: 300; }
.regular{ font-weight: 400; }
.uppercase{ text-transform: uppercase; }

.yellow{ color: #f9bb0e; }
.green{ color: #6cb52d; }
.pink{ color: #e6007e; }
.blue{ color: #38aae1; }
.purple{ color: #662483; }
.black{ color: black; }
.white{ color: white; }

body{
    font-family: 'Poppins', sans-serif;
    color: black;
    font-size: 18px;
    line-height: 24px;
}
.conteneur{ max-width: 1920px; margin: 0 auto; }

footer{ background: #2eaadc url('img/footer.jpg') no-repeat right bottom; /*height: 246px;*/ height: 110px; }
header{ 
    background: transparent url('img/header.jpg') no-repeat left top; 
    background-size: auto;
    padding-top: 74px;
    padding-bottom: 274px;
}
main{ width: 100%; }
h1{ margin-top: 146px; }

.fillWidth{ width: 95%; margin-right: 5%; margin-top: 34px; }

#onvideo{
    position: absolute;
    left: 0;
    top: 34px;
    width: 95%;
    height: 100%;
    background: transparent url('img/video-on.jpg') no-repeat 0 0;
    background-size: 100%;
    z-index: 5;
    cursor: pointer;
}
#onvideo:hover{ opacity: 0.8; }

a.bandeau-inscris, .bandeau-inscris{ 
    display: block;
    background: transparent url('img/barre.png') no-repeat 0 0;
    background-size: 100%;
    height: 96px;
    color:#2eaadc;
    font-size: 34px;
    line-height: 96px;
    font-weight: 300;
    text-indent: 25%;
    transition: ease-in-out all 0.2s;
}

a.bandeau-inscris span.white, .bandeau-inscris span.white{
    font-weight: 600;
    text-decoration: underline;
    font-size: 38px;
    transition: ease-in-out all 0.2s;
}

span.bandeau-inscris{ width: 100%; font-size: 26px; height: 74px; line-height: 74px; }
span.bandeau-inscris span.white{ font-size: 26px; }

a.bandeau-inscris:hover{
    color: #e6007e; text-decoration: none;
    transition: ease-in-out all 0.2s;
}
a.bandeau-inscris:hover span.white{ color:#2eaadc; transition: ease-in-out all 0.2s; }
.bandeau-inscris.absolute{ bottom: -72px; left: 41.66%; z-index: 2; }
.metiers{ font-size: 23px; line-height: 31px; }
.paddingl-34{ padding-left: 34px; }
.soush1{ padding-right: 70px; }
.margint130{ margin-top: 130px; }
.etapes{ font-size: 60px; line-height: 60px; }
.etapes .poppins{ font-size: 24px; line-height: 24px; }
.etapes .yellow{ margin-bottom: 32px; }
.etape1{ padding-left: 15%; width: 85%; }
.etape2{ padding-left: 10%; width: 90%; }
.etape3{ padding-left: 25%; width: 75%; }

.margin4030{ margin-top: 40px; margin-bottom: 30px; }
.desetapes{ font-size: 24px; line-height: 36px; }
.savoirplus{ 
    display: block; 
    width: 100%; 
    border: 2px solid #2eaadc; 
    font-size: 24px;
    font-weight: 600;
    line-height: 80px;
    background: transparent url('img/logopdf.png') no-repeat 94% center;
    transition: ease-in-out all 0.2s;
    margin-top: 56px;
    text-transform: uppercase;
}
.savoirplus:hover{
    color: #e6007e; 
    border-color: #e6007e; 
    text-decoration: none;
    transition: ease-in-out all 0.2s;
}

.overmap{
    right: 0;
    top: 0;
    z-index: 10;
    background: transparent url('img/masque.png') no-repeat right top;
    background-size: 100%;
    width: 83.32%;
    height: 221px;
}


.paddingt20{ padding-top: 20px; }

.rejoins{ margin-top: 200px; font-size: 60px; line-height: 60px; }
.rejoins span{ 
    width: 100%; 
    display: block; 
    font-family: 'Poppins', sans-serif; 
    font-size: 24px;
    line-height: 24px;
    text-transform: none; 
}

.choisis-etab{
    color: #2eaadc; 
    border: 2px solid #2eaadc; 
    font-size: 20px;
    font-weight: 400;
    line-height: 80px;
    text-align: left;
    background: transparent url('img/fleche.png') no-repeat right center;
    width: 90%;
    padding-left: 10%;
    margin: 0;
    top: 0;
    z-index: 3;
    right: -112px;
}
.choisis-etab.pink{
    animation-duration: 8s;
    animation-name: clignot;       
}
 
@keyframes clignot {
    0%{     
        color: #2eaadc; 
        border: 2px solid #2eaadc;
        background-position: center center;
    }
    10%{
        color: #E2007A; 
        border: 2px solid #E2007A;
    }
    30%{
        background-position: right center;
    }
    90%{
        color: #2eaadc; 
        border: 2px solid #2eaadc; 
    }
}   

.minheight{ min-height: 84px; }

.rejoins-reseau{ margin: 36px auto 30px auto; font-size: 32px; line-height: 36px; }
.rejoins-reseau span.blue{ font-size: 28px; }
.lieux{ width: 100%; }

.marginl-295{ margin-left: 29.5%; }

.enpartenariat{ font-size: 22px; line-height: 34px; margin: 120px auto 40px auto; }

.logos{ padding: 10px 0 60px 0; border-bottom: 5px solid #e5e5e5; }
.logos img{ margin: 0 16px; }
.logos img:first-child{ margin-left: 0; }
.logos img:last-child{ margin-right: 0; }
.partenaires{ margin: 30px auto; font-size: 22px; }
.logos2{ border-bottom: 0px; }
.logos2 img{ margin: 0 40px; }

.contactfooter{ margin: 110px auto 80px auto; font-size: 22px; }
.liensfooter{ font-size: 12px; margin: 30px auto 0 auto; }
.liensfooter a{ color: white }

.puce{ font-size: 0.6em; }

.acf-map {
	width: 100%;
	height: 852px;
}
.acf-map img{ max-width: inherit !important; }

.gm-style .gm-style-iw-c{ 
    border: 3px solid #2eaadc!important; 
    border-radius: 0;
    box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.3);
    font-size: 15px!important;
}

.gm-style .gm-style-iw-t::after{
    background: linear-gradient(45deg,rgba(46,170,220,1) 50%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%)
}

.gm-style .gm-style-iw-d div{ min-width: 200px; }

.map-site{
    display: block;
    width: 80%;
    padding: 14px 10%;
    min-height: 24px;
    min-width: 160px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: white;
    background: #2eaadc;
}

#masque{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    transition: ease-in-out all 0.3s;
    opacity: 1;
}

.outform{ }
.inform{ margin-top: 40px; width: 90%; padding: 50px 5%;  background: white; position: relative; }
#closeit{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 32px;
    z-index: 10000;
    color: #e6007e;
    cursor: pointer;
}
#closeit:hover{ color:#2eaadc; }


#masque.closed{ left: -100%; opacity: 0; transition: ease-in-out all 0.3s; }

.lecontenu{ background: white; }

@media (min-width: 2px) and (max-width: 1023px){
    header{ 
        padding-top: 32px;
        padding-bottom: 140px;
        background-size: 200%;
        background-position: 20% 40%;
    }
    h1{ 
        margin: 230px 5% 0 5%; 
        width: 90%;
        font-size: 34px;
        line-height: 40px;
    }
    .paddingl-34{ padding-left: 5% }
    .soush1{ padding: 0 5%; }  
    .bandeau-inscris.absolute{ left: 0; bottom: 20px; }
    a.bandeau-inscris{
        background-size: cover;
        background-position: 20%;
        line-height: 30px;
        padding-top: 20px;
        font-size: 20px;
        height: 82px;
    }
    a.bandeau-inscris span.white{ font-size: 20px; width: 100%; display: block; }
    
    span.bandeau-inscris{ font-size: 12px; height: 30px; line-height: 30px; }
    span.bandeau-inscris span.white{ font-size: 12px; }    
    
    .fillWidth{ width: 90%; margin: 20px 5%; }
    #onvideo{ width: 90%; margin: 0 5%; }
    .margint130{ margin-top: 10px; }
    .margin4030{ margin-top: 20px; margin-bottom: 0; }
    .desetapes{ font-size: 18px; line-height: 30px; margin-top: 50px; }
    .etapes .yellow{ margin-bottom: 6px; }
    .savoirplus{ width: 88%; margin: 40px 5%; font-size: 14px; }
    .overmap{ display: none;  }
    .rejoins{ margin-top: 0px; font-size: 42px; }
    .choisis-etab{ display: none; }
    .rejoins-reseau{
        margin: 0 auto 20px auto;
        font-size: 22px;
        line-height: 28px;
    }
    .rejoins-reseau span.blue{ font-size: 22px; }
    .minheight{ min-height: 12px; }
    .acf-map{ height: 580px; margin-top: 20px; }
    .marginl-295{ margin: 0; }
    .enpartenariat{ 
        margin: 40px auto; 
        font-size: 18px;
        line-height: 26px;
    }
    .logos img{ margin: 5px; max-height: 70px; }
    .logos{ padding: 10px 0; }
    .partenaires{ margin: 30px auto 0 auto; }
    footer{ background-size: 100%; }
    .contactfooter{ margin: 40px auto; font-size: 20px; }
    
    .inform{ margin-top: 0; padding: 30px 5%; }
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], select, textarea{
        margin: 2px 0;
        font-size: 14px;
        padding: 3px 8px;
        border-width: 2px;
    }
    span.wpcf7-not-valid-tip{ font-size: 12px!important; line-height: 12px; }
    div.wpcf7-response-output{ margin-top: 2px!important; font-size: 12px!important; line-height: 12px; }
    
    input[type="submit"], button[type="submit"]{ padding: 4px 12px; }

    
}

@media (min-width: 768px) and (max-width: 1023px){
    header{ 
        background-size: 120%;
        background-position: center bottom;
    }
    .metiers{ font-size: 20px; line-height: 26px; }
    .paddingl-34{ padding-left: 34px; }
    h2{
        font-size: 34px;
        line-height: 40px;
    }
    h1{ margin-left: 50%; margin-top: 60px }
    .soush1{ padding: 0 0 0 50%; }
    
    a.bandeau-inscris{ width: 100%; }
    .bandeau-inscris.absolute{ bottom: 0; }
    .spannomargin-4.margint130{ width: 16%; margin-top: 44px }
    .etapes {
        font-size: 26px;
        line-height: 44px;
    }
    .etapes .poppins {
        font-size: 12px;
        line-height: 14px;
    }
    .spannomargin-8.marginl-12{ width: 100% }
    .desetapes{ margin-top: 30px; }
    .savoirplus{ font-size: 22px; }
    .rejoins-reseau, .rejoins-reseau span.blue{ font-size: 18px; }
    .rejoins{ margin-top: 40px; }
    .minheight{ min-height: 100px; }
    .margin4030{ margin-bottom: 20px; }
    .choisis-etab{ 
        display: block; 
        font-size: 13px; 
        line-height: 64px;
        right: -85px;
        background-position: 105% 65%;
    }
    .logos{ width: 100%; }
    
    
    .outform{ width: 70%; }
    
}
@media (min-width: 1024px) and (max-width: 1280px){

    header{ background-size: 140%; padding-bottom: 180px; }
    .spannomargin-4.spe1024{ width: 33% }
    h1{ font-size: 30px; line-height: 38px; margin-top: 0; }
    .soush1{ padding-right: 20px; }
    a.bandeau-inscris{ 
        height: 50px; 
        line-height: 50px;
        font-size: 20px;
    }
    a.bandeau-inscris span.white{ font-size: 20px; }
    .bandeau-inscris.absolute{ bottom: -25px; }
    .margint130{  
        margin-top: 80px;
    }
    .etapes{ font-size: 34px; line-height: 34px; }
    .etapes .poppins{ font-size: 16px; line-height: 16px; }
    .desetapes{ font-size: 16px; line-height: 26px; }
    .savoirplus{ font-size: 14px; background-size: 20px; }
    .rejoins{ font-size: 40px; line-height: 46px; margin-top: 110px; }
    .choisis-etab{ font-size: 14px; background-size: 24px; right: -28px; }
    .rejoins-reseau{
        font-size: 24px;
        line-height: 30px;
    }
    .rejoins-reseau span.blue{ font-size: 20px; }
    p.lieux{ font-size: 14px; }
    .acf-map{ height: 770px; }
    .enpartenariat{
        font-size: 18px;
        line-height: 30px;
    }
    footer{ height: 200px; }
    .contactfooter{ margin: 80px auto 20px auto; }
    
    span.bandeau-inscris{ font-size: 16px; height: 40px; line-height: 40px; }
    span.bandeau-inscris span.white{ font-size: 16px; }
    
    input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], select, textarea{
        margin: 3px 0;
        font-size: 15px;
        padding: 3px 8px;
        border-width: 3px;
    }
    span.wpcf7-not-valid-tip{ font-size: 12px!important; line-height: 12px; }
    div.wpcf7-response-output{ margin-top: 2px!important; font-size: 12px!important; line-height: 12px; }
    
    input[type="submit"], button[type="submit"]{ padding: 4px 12px; }     
    
}

@media (min-width: 1281px) and (max-width: 1440px){
    header{ background-size: 100%; padding-bottom: 0; }
    h1{ margin-top: 68px; font-size: 38px; line-height: 44px; }
    h2{ font-size: 36px; line-height: 42px; }
    .margin1280{ margin-left: 43%; }
    a.bandeau-inscris{ height: 68px; line-height: 68px; font-size: 24px; }
    a.bandeau-inscris span.white{ font-size: 28px; }
    .bandeau-inscris.absolute{ bottom: -30px; }
    .etapes{ font-size: 46px; line-height: 48px; }
    .margint130{ margin-top: 90px; }
    .desetapes{ font-size: 20px; line-height: 30px; }
    .savoirplus{ font-size: 18px; background-size: 30px; }
    .rejoins{ margin-top: 140px; }
    .choisis-etab{ font-size: 17px; }
    .rejoins-reseau{ font-size: 24px; line-height: 32px; }
    .rejoins-reseau span.blue{ font-size: 24px; }
    .lieux{ font-size: 18px; }
    .enpartenariat{ font-size: 18px; line-height: 30px; }
    
    
}
@media (min-width: 1360px) and (max-width: 1440px){
    header{ padding-bottom: 50px; }
}
@media (min-width: 1441px) and (max-width: 1700px){
    header{ background-size: 100%; padding-bottom: 50px; }
    h1{ margin-top: 50px; font-size: 42px; }
    .margin1280{ margin-left: 43%; }
    a.bandeau-inscris{ height: 68px; line-height: 68px; font-size: 24px; }
    a.bandeau-inscris span.white{ font-size: 28px; }
    .bandeau-inscris.absolute{ bottom: -30px; }
    .etapes{ font-size: 46px; line-height: 48px; }
    .margint130{ margin-top: 90px; }
    .savoirplus{ font-size: 19px; background-size: 40px; }
    .choisis-etab{ font-size: 17px; }
    .rejoins{ margin-top: 160px; }
    .rejoins-reseau{ font-size: 24px; line-height: 32px; }
    .rejoins-reseau span.blue{ font-size: 24px; }
    
}

@media (min-width: 1520px) and (max-width: 1600px){
     header{ padding-bottom: 180px; }
}

@media (min-width: 1601px) and (max-width: 1700px){
     header{ padding-bottom: 235px; }
}

@media (min-width: 1701px) and (max-width: 1880px){
    .rejoins-reseau{ font-size: 26px; line-height: 34px; }
    .rejoins-reseau span.blue{ font-size: 26px; }


}