/* nettoyage une fois connecté */

.btn.btn-link.jmodedit, div[role="tooltip"] {
    display: none;
}

/* nouvelle page emploi */

.gtm-new-emploi, .gtm-new-emploi h5, .gtm-new-emploi ul li  {
    color: #fff;
    text-align: center;
}
.gtm-btn-primary {
 
    background-color: #25A18E; 
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 20px !important;
    display: inline-block;
    line-height: normal;
    transition: background-color .2s ease-in-out;
}

.gtm-btn-primary:hover {
    background-color: #5a3a40; 
    color: #fff;
        text-decoration: none;
}

.gtm-sous-titre {
    font-size: 2rem;
}

.gtm-poste {
    padding: 40px;
}

.gtm-poste .page-header, .gtm-box-emploi .page-header {
    display: none;
}

.gtm-pourquoi {
    text-align: center;
    margin-top: 30px;
}

.gtm-pourquoi h3 {
    font-size: 2rem;
}

/* Page connexion */
.btn.btn-secondary.w-100.plg_system_webauthn_login_button svg {
  width: 30px !important;
}

.com-users-login__form.form-validate.form-horizontal.well {
  margin-bottom: 30px;
}

.com-users-login.login {
  max-width: 500px;
  margin: 100px auto auto auto;
  padding: 20px;
}

input#password {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.btn.btn-secondary.input-password-toggle .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
    position: relative !important;
}

.btn.btn-secondary.input-password-toggle  {
    font-size: 14px;
    padding: 9px 10px;
    border: 0 none;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    text-shadow: none;
    border-radius: 0;
    left: 10px;
}

.com-users-login__remember {
    margin-top: 20px !important;
}

.gtm_accordeon_formulaire_cj textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    height: 40px !important;
    width: 300px !important;
}

.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    flex: 1;
    width: auto;
}

/* CRASH */

#twitter_icon, #liked_in_icon, #fb_share_icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

#twitter_icon i, #liked_in_icon i, #fb_share_icon i {
    margin-top: 0px !important;
}

@media screen and (max-width: 600px) {
    .gtm_mission_titre h4 {
        font-size: 2.5em !important;
    }
    .gtm_mission_titre h4:after {
        width: 89px !important;
        left: 0 !important;
    }

    .gtm_nousjoindre {
        padding: 10px !important;
    }

     a.gtm-mas-pequeno {
        font-size: 18px !important;
    }
}





img {
    max-width: 100%;
    height: auto;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

*[class^="col-"]{
    padding: 0px !important;
 }


/* ::::::::::::::::::::::::::::: Répit :::::::::::::::::::::::::::::::::: */


#rlta-voir-plus, #rlta-voir-plus-2, #rlta-voir-plus-3, #rlta-voir-plus-4, #rlta-voir-plus-5, #rlta-voir-plus-6 {
    width: fit-content;
    margin: auto;
    background-color: #25A18E;
    border-radius: 10px;
}

#rlta-voir-plus h3, #rlta-voir-plus-2 h3, #rlta-voir-plus-3 h3, #rlta-voir-plus-4 h3, #rlta-voir-plus-5 h3, #rlta-voir-plus-6 h3 {
    font-size: 1.5em;
    color: white;
}

#rlta-panel-voir-plus, #rlta-panel-voir-plus-2, #rlta-panel-voir-plus-3, #rlta-panel-voir-plus-4, #rlta-panel-voir-plus-5, #rlta-panel-voir-plus-6 {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    background-color: #052f5f;
}

#rlta-panel-voir-plus p, #rlta-panel-voir-plus-2 p, #rlta-panel-voir-plus-3 p, #rlta-panel-voir-plus-4 p, #rlta-panel-voir-plus-5 p, #rlta-panel-voir-plus-6 p {
   color: #fff;
}


#mainButtons509 {
    right: 10px !important;
}

#mainButtons509 span {
display: none !important;
}

.twiter-button {
    margin: 2px 0px !important;
}

.linkedin-button {
    margin: 2px 0px !important;
}

.facebook-button {
    margin: 2px 0px !important;   
}

#mainButtons509 a div i {
    line-height: 0px !important;
}

[class^="icon-"], [class*=" icon-"] {
    margin-top: -2px !important;
}

.trigger-right-509 {
    display: none !important;
}
/*_______   ______   .__   __. .___________.        ___      ____    __    ____  _______      _______.  ______   .___  ___.  _______ 
|   ____| /  __  \  |  \ |  | |           |       /   \     \   \  /  \  /   / |   ____|    /       | /  __  \  |   \/   | |   ____|
|  |__   |  |  |  | |   \|  | `---|  |----`      /  ^  \     \   \/    \/   /  |  |__      |   (----`|  |  |  | |  \  /  | |  |__   
|   __|  |  |  |  | |  . `  |     |  |          /  /_\  \     \            /   |   __|      \   \    |  |  |  | |  |\/|  | |   __|  
|  |     |  `--'  | |  |\   |     |  |         /  _____  \     \    /\    /    |  |____ .----)   |   |  `--'  | |  |  |  | |  |____ 
|__|      \______/  |__| \__|     |__|        /__/     \__\     \__/  \__/     |_______||_______/     \______/  |__|  |__| |_______|*/


/* ---- Pour changer la couleur des icônes ----

@import url("font-awesome.css");

i {
   color: #568b56;
    
}

/* icônes play des vidéos 
.fa.fa-play-circle-o.fa-lg{
   color: #f5ae04;
   margin-top:15px; 
}


*/


/*
  ______   ______   .__   __. .___________. _______ .__   __. .___________.
 /      | /  __  \  |  \ |  | |           ||   ____||  \ |  | |           |
|  ,----'|  |  |  | |   \|  | `---|  |----`|  |__   |   \|  | `---|  |----`
|  |     |  |  |  | |  . `  |     |  |     |   __|  |  . `  |     |  |     
|  `----.|  `--'  | |  |\   |     |  |     |  |____ |  |\   |     |  |     
 \______| \______/  |__| \__|     |__|     |_______||__| \__|     |__|     
                                                                        */


html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'Pacifico', cursive;
    font-family: 'Nunito', sans-serif;
    color: #261B1E;
    font-weight: 400;
    line-height: 1.625em;
    width: 100%;
    margin: auto;
    /* margin-bottom: 100px; */
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
}



/* ----  T E M P L A T E  WS THEME - P O R T F O L I O   ---- */

#wspm .wspm-image .wspm-overlay-wrapper a{
    height: 0px;
    padding: 0px; 

}

/* ----  L I G N E   ---- */

hr { width:90%; height:2px; background: #96c560; margin: 0% 0% 0% 5%; }


/* --------  TYPOGRAPHIE --------  */



/* ---- HEADINGS ---- */


/* 0px à 479px */

h1 {
    
    color: #261B1E;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.3em;
}


/* 480px à 800px */
@media only screen and (min-width: 480px) {

h1{

    font-size: 1.9em;
  
    
    }
}

/* 801px et plus */    
@media only screen and (min-width: 801px) {

h1{

    font-size: 2.6em;
   
 
   }
    }



/* 0px à 479px */

h2 {
    
    color: #5A3941;
    font-size: 4em;
    font-weight: 800;
    line-height: 1.3em;
    margin: 0em 0em 0em 0em;
}


/* 480px à 800px */
@media only screen and (min-width: 480px) {

h2{

    font-size: 4.8em;
    }
}

/* 801px et plus */    
@media only screen and (min-width: 801px) {

h2 {
    font-size: 5.5em; 
    font-weight: 800;
    font-style: normal;
    line-height: 1.3em;
    }
}


/* 0px à 479px */

h3 {
    
    color: #965F6E;
    font-size: 3em;
    font-weight: 600;

}


/* 480px à 800px */
@media only screen and (min-width: 480px) {

h3{
    font-size: 3.5em;
    }
}

/* 801px et plus */    
@media only screen and (min-width: 801px) {
h3 {
    font-size: 4em;
    
    }
}     



/* 0px à 479px */

h4 {
    
    color: #B7BEC9;
    font-family: 'Pacifico', cursive;
    font-size: 5em;
    font-weight: 400;
    
}


/* 480px à 800px */
@media only screen and (min-width: 480px) {

h4{
    font-size: 6.2em;
    }
}

/* 801px et plus */    
@media only screen and (min-width: 801px) {
    
h4 {

    font-size: 8em;
    
    }
}


/* 0px à 479px */

h5 {
    
    color: #261B1E;
    font-family: 'Pacifico', cursive;
    font-size: 1.7em;
    font-weight: 400;
    line-height: 1.05em;
    
}


/* 480px à 800px */
@media only screen and (min-width: 480px) {

h5{
    font-size: 2.1em;
    }
}

/* 801px et plus */    
@media only screen and (min-width: 801px) {
    
h5 {
   
    font-size: 2.5em;
    }
}

/* 0px à 479px */

p{
    

    margin: 0px 0px 20px 0px;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.55em;
    padding: 0.75em 1em 0.75em 1em;
    
}


/* 480px à 800px */
@media only screen and (min-width: 480px) {

p{
    font-size: 1.3em;
    }
}

/* 801px et plus */    
@media only screen and (min-width: 801px) {
    
p {
    
    font-size: 1.5em;
    }
}



/* ---- YOUTUBE FEED PRO  ---- */


/* la barre de recherche */

.ytf-grid ._yt_searchbox input._yt_filter{
    border-bottom: 2px solid #50b964;
    height: 45px;
    font-size: 200%;
    margin-right: 100%;
    margin-top:20px;
    margin-bottom:20px;
    
}

/* le bouton plus de vidéo */ 

.ytf-sidebar .btn-more{
    border: 3px solid #50b964;

}

/* titre des vidéos */ 

.ytf-grid .ytfBlock .ytfTitle {
    color: #50b964;
    display: block;
    margin: 5px 0 0;
    font-family: 'Lato', sans-serif;
}

/* enlever l'icone "i" du vidéo */ 

.ytfBlock i._desc{
    background: none;
}

/* enlever les bordures des vidéos par default */

.ytf-grid ._border{
    border: none;
}
    


/********** Ordasoft Social **********/

span#fb_share_count_box {
    color: transparent;
}



i.fa.fa-minus, i.fa.fa-plus {
    color: black;
}

span#twitter_count_box{
    color: transparent;
}

span#liked_in_count_box{
    color: transparent;
}

/* ---- C O N T E N U  F L U I D E---- */

/* .row-fluid {

} */

/* ---- A L I G N E M E N T ---- */
.gtm_clear {
    clear: both;
    line-height: 0em;
}


/* ----   F O O T E R   &   C O P Y R I G H T   ---- */

.gtm_footer {
    /* position: absolute; */
    bottom: 0;
    height: 70px;
    width: 100%;
    overflow: hidden;
    background-color: #F7F7F7;
    padding-top: 20px;
    padding-bottom: 5px;
}

.gtm_h3_logo{
  font-family: 'Comfortaa';
  color:#65666a;
  float: right;
  font-size: 14px;
}

.gtm_fond_logo_footer{
    background-image : url('/../../images/gestimark-logo.svg'); 
    width: 30px;
    height : 30px; 
    float:right;
    margin-left: 10px;
    margin-top: -10px;
    margin-right: 10px;
}

.gtm_fond_logo_footer:hover {
    background-image : url('/../../images/gestimark-logo-hover.svg');
    width : 30px;
    height : 30px; 

}
.gtm_position_logo_footer{
    margin-bottom:10px
}


    .gtm_footer {
        height: 130px;
    }





.gtm_flinks {
        float: left;
    font-size: 0.8em;
    margin-bottom: -31px;
}

.gtm_flogo {
    float: right; 
    margin-bottom: -31px;
}




@media only screen and (min-width: 467px){
    .gtm_footer {
    padding-left: 5px;
    padding-right: 5px;
}
}


@media only screen and (min-width: 480px){
    .gtm_flinks {
    margin-bottom: 3px;
    margin-top: -11px;
}
 .gtm_footer {
        height: 115px;
    }

}

@media only screen and (max-width: 480px) {

    .gtm_flinks {
        margin-bottom: 0;
    }

    .gtm_flogo {
        margin-bottom: 0;
}
}



.gtm_copyright {

    text-align: center;
    margin: auto;
    font-size: 1.3em;
    clear: both;

    
}

@media only screen and (max-width: 325px) {
.gtm_copyright {
    font-size: 1.2em;
    padding: 10px 0px
}
}

/* ---- I M A G E S ---- */
/* img {

} */
/*------------------------------  M E N U  VERTICAL---------------------- --*/

@media screen and (min-width: 801px) {
    .gtmHeader {
        display: none;
    }
}




/*------------------------------  M E N U  ----------------------------------- --*/

.gtm_menu_background {
    background: #ffffff;
    width: 100%;
}

/*--  FONT DE TOUT LE MENU --*/

.none #js-mainnavcss3.megamenu .js-megamenu {
    font-family: 'Nunito',sans-serif!important;
}

/*--  PADDING DE TOUT LE MENU --*/

.none #js-mainnavcss3.megamenu {
    padding: 12px 25px;
}

/*--  COULEUR FONT SÉPARATEURS --*/

.none #js-mainnavcss3.megamenu .js-megamenu li {
    color: #261b1e;
}


/*--  FONT-SIZE TOUT--*/
#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title{
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0.02em;
    
}


/*--  COULEUR et FONT SIZE MENU DÉROULANT --*/

.megamenu.wtf-menu.level1 {
    background-color: rgba(255, 255, 255, 0.75);
    font-size: 11px;

}

.none #js-mainnavcss3.noJS ul.megamenu li.haschild > div.childcontent .childcontent-inner-wrap, #js-mainnavcss3 ul.megamenu li.haschild.megacss3:hover > div.childcontent.adddropdown {

    background-color: rgba(255, 255, 255, 0);


}

/*--  PADDING DE TOUT --*/

#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.megacss3, #jux_megamenucss3 .megamenu ul.level0 li.megacss3 a.megacss3 {
    padding: 13px; 
    font-size: 1.4em;
}


/*--  PADDING MENU DÉROULANT --*/

.megamenu.wtf-menu.level1 a {
    padding: 10px !important;

}

/*--  ENLEVER HOVER VERT MEnu DERouLANT --*/
.none  .megamenu .dropdown-menu ul.level1 li.megacss3:hover>a.megacss3{
    background:none!important;
}



/*--  HOVER MEnu DERouLANT --*/
.none  .megamenu .dropdown-menu ul.level1 li.megacss3:hover>a.megacss3:hover{
    background-color: rgba(255, 255, 255, 0.5)!important;
}

#jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title:hover {
    border-top: 2px solid #25a18e;
    padding-top: 0.25em;
    margin-top: -0.25em;
    margin-top: -0.38em;
    color: #25a18e;
    font-weight: 600;
}


/*   retrait puce menu   */

li.megacss3.submenu-align-auto:before {
    display: none;
}



/*  Ajout logo */
/* .megacss3.first.menu576 {
 
   
} */


/*  SHAPE DIVIDER ENLEVÉ EN TABLETTE MOBILE */

@media only screen and (max-width: 800px){

.n2-ss-shape-divider.n2-ss-shape-divider-top {
    display: none;
}
}


/*-----MEDIA QUERIES menu------*/

@media only screen and (min-width: 801px) and (max-width: 975px){


    #jux_megamenucss3 .megamenu ul.level0 li.megacss3 span.menu-title{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.02em;
    
}
}

@media only screen and (max-width: 800px){
.moduletable.gtm_desktop {
    display: none;
}
}


/* ----------------------------------------- L I E N S --------------------------------- */
a {
    color: #25A18E;
    text-decoration: none;
    font-weight: 600;
    margin: 1em 0.5em;
    line-height: 47px;
}

a:active, a:hover {
    color: #25A18E;
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
}

/* ---- B O U T O N  1 ---- *

.gtm_button {
    color: #FFFFFF;
    text-decoration: none;
    vertical-align: middle;
    background-color: #79C481;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 15px;
    margin: 0 0 0 3px;
    text-align: center;
    border-style: solid;
    border-radius: 4px;
    border-width: 0px;
    transition: 500ms;
}

.gtm_button:hover {
    background-color: #f2780c;
    text-decoration: none;
    color: #fff;
}

*/
 
/* ---- B O U T O N  2 ---- 
.gtm_button2 {
    text-transform: uppercase;
    background: rgb(0, 0, 0);

    /*Fall-back vieux fureteurs
    background: rgba(0, 0, 0, .4);
    text-decoration: none;
    vertical-align: middle;
    filter: alpha(opacity=40);
    
    /*Pour IE8 et plus tôt
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 13px 20px;
    margin: 0 50px 0;
    text-align: center;
    border-style: solid;
    border-radius: 4px;
    border-width: 0px;
    transition: 500ms;
}

.gtm_button2:hover {
    background: rgb(0, 0, 0);
    /* Fall-back vieux fureteurs
    background: rgba(0, 0, 0, .6);
}

*/


/* ---- F O R M U L A I R E S  ---- *

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -webkit-box-shadow: none;
    background: #FAFAFA;
    border-bottom-color: #EEEEEE;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-width: 0 0 2px;
    box-shadow: none;
    color: #888888;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 10px;
}

*/

/*  ---- B L O C S  ---- */





/*  ---- L I S T E S  ---- */



ul {
    text-transform: inherit;
    font-weight: 600;
    font-style: normal;
    color: #965F6E;
    margin: 0 2em 2em;
    padding: 0 0em;
    list-style: circle;
    font-size: 1.2em;
}

li {
    line-height: 22px;
    font-weight: 600;
    padding: 10px 0px;
    color: #965F6E;
    
}

li:before {

    display: block;
    height: 0;
    width: 0;
    left: -1.5em;
    position: relative;
} 

/* ol {

} */

ol li:before {
    border-width: 0;
    display: block;
    margin: 0 0 0.9em 2em;
    position: relative;
}


/********** RS FORM DESIGN **********/

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #fff;
    border: 0px solid #468046;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}


@media only screen and (max-width: 325px) {
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #468046;

}
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0px;
    color: #555;
    display: inline-block;
    font-size: 14px;
    height: 40px;
    width: 300px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    margin: 10px 0px;
    vertical-align: middle;
}


/*** pour mobile ***/

@media only screen and (max-width: 325px) {
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    width: 230px !important;
    padding: 4px 2px;
    
}
}


/***** rs form hover *****/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;
    color: #468046;
    display: inline-block;
    font-size: 1em;
    height: 40px;
    line-height: 20px;
    margin: 10px 0;
    padding: 4px 6px;
    vertical-align: middle;
    width: 300px;
    border: 0.5px solid #96c560;
 
}


/***** rs form focus *****/

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: #468046;
    border-color: none;
    box-shadow: none ;
    outline: 0 none;
    color: #ffffff;
    font-size: 1.2em;
    height: 50px;
    width: 320px;
    transition: 0.5s;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #468046;
    box-shadow: none;
    outline: 0 none;
}


/***** rs form font-size *****/

fieldset.formFieldset ol.formContainer {
    font-size: 2em;
    margin: 0;
    padding: 0;
}



/*  ---- B L O C K Q U O T E  ---- */












/*    C O N T A I N E R - écriture sur bootstrap    */
.container {
    width: 100%;
    margin: 0;
    padding: 0;
}


/*   B O U T O N S    */

/* Bouton bootstrap */

.btn {

    font-size: 1.1em;
    padding: 14px 65px;
    border: 0 none;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: none;
    text-shadow:  none;
    border-radius: 0;
    left: 39%;
}
 
 /* @media only screen and (max-width: 480px) {

  .btn{
 

    
   }
    }
     */
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/* bouton pleine couleur bootstrap */
 
.btn-primary {
    background-color: #25A18E; 
    color: #ffffff;
    border-radius: 10px;
}

/* @media only screen and (max-width: 480px) {

  .btn-primary{
    margin-top:35px;
    
   }
    } */
    


 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #2B665B;
    color:#ffffff;
    text-decoration: none;
}
 
.btn-primary:active, .btn-primary.active {
    background-color: #2B665B;
    box-shadow: none;
}

/******* bouton contour bootstrap *******/
.btn.outline {
    background: none;
 
    

}

.btn-primary.outline {
    border: 3px solid #25A18E;
    color: #25A18E;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #2B665B;
    border-color: #2B665B;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #052F5F;
    color: #052F5F;
    box-shadow: none;
}




/* accordéon */
.nn_sliders.accordion > .accordion-group {
       border: 0px;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0);
}

.accordion-heading.panel-heading {
    margin-top: -6em;
}


.accordion-heading.panel-heading a {
    font-size: 1.5em;
    margin: 0;
    background-color: #25A18E;
    width: 8em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    color: white;
}

.nn_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
   background-color: rgba(255, 255, 255, 0);
   color: #25A18E;
   text-decoration: none;
}

.nn_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle:hover {
   background-color: rgba(37, 161, 142, 0.5);
    color: white;
}

.nn_sliders.accordion > .accordion-group > div > a:focus, .nn_sliders.accordion > .accordion-group.active > div > a:focus {
box-shadow: none;
}

.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner{
    border-top: none;
}
.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner p {
    color: white;
    background-color: #052f5f;
    font-weight: 100;
    padding: 1em;
}

.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner>:last-child .btn-primary:hover {
    background-color: rgba(37, 161, 142, 0.75);
}

.rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner a {
    font-size: 1em;
    font-weight: 600;
    padding: 10px 25px 10px 25px;
    border-radius: 10px;
}
/* ---------------------------------classes gtm ---------------------------*/

 .gtm_formeaccueil{


    background: #052f5f;
    padding: 2em;

 }

.gtm_formeaccueil h1{
    color: #ffffff;
    text-align: center;
    margin: 0;
}


.gtm_accueiltitre {
    text-align: center;
    padding-top: 1em;
}




.gtm_bandeauservices1 {
    display: flex;
    flex-direction: column;
}


@media only screen and (min-width: 768px){
.gtm_accueiltitre h4 {
    margin-bottom: 0.5em;
}

.gtm_bandeauservices1 {
    margin-top: -2em;
}

}

@media only screen and (min-width: 801px){
	.gtm_accueiltitre h4{
    font-size : 7em;
}

}

@media only screen and (min-width: 868px){
    .gtm_bandeauservices1 {
    flex-direction: row;
}
}


.gtm_logomenu {
    margin-bottom: -3em;
    display: flex;
    position: absolute;
    margin-top: -7.5em;
    z-index: 1;
    margin-left: 0;
}




.gtm_accueiltextebas {
    text-align: center;
    color: black;
    background-image: url(/images/entete_emploi_appel_a_laction_V3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 9em 0 9em 0;
    margin-top: 2em;
    margin-bottom: 0;
   
}


.gtm_accueiltextebas a{

    color: #052F5F;
    font-size: 3em;
    text-transform: uppercase;
    margin: auto;

}




@media only screen and (min-width: 801px) and (max-width: 975px){
    .gtm_logomenu {
    margin-top: -6em;
    margin-left: 1em;
    width: 200px;
}
}

@media only screen and (max-width: 800px){

.gtm_logomenu{
    display: none;
}
}








.gtm_bandeauservicestout{
    background-image: url(/images/fond-3services-acc.png);
    background-attachment: fixed;
}
.gtm_bandeauservices {
    margin: 2em;
}

/*service de garde scolaire*/
.gtm_bandeauservicesa{
    text-align: center;
}

.gtm_bandeauservicesa h1{
    color: #bc1545;
    font-size: 3em;
    margin-top: 1.5em;
}


.gtm_bandeauservicesa h6{
    font-size: 2em;
    color: #bc1545;
}

.gtm_bandeauservicesa h5{
    color: #bc1545;
    font-size: 2em;    
}

.gtm_bandeauservicesa .btn {
    padding: 10px 29px;
}

.gtm_bandeauservicesa .btn-primary {
    background-color: #b7bec9;
    margin-left: 0;
    border-radius: 7px;
    font-size: 1em!important;
}


.gtm_bandeauservicesa .btn-primary:hover {
    background-color: #25a18e;
}


/*Répits*/
.gtm_bandeauservicesb{
    text-align: center;

}

.gtm_bandeauservicesb h1{
    color: #052f5f;
    font-size: 3em; 
    margin-top: 1.5em;       
}


.gtm_bandeauservicesb h6{
    font-size: 2em;
    color: #052f5f;
}

.gtm_bandeauservicesb h5{
    color: #052f5f;  
    font-size: 2em;  
}


img#imageoreiller {
    width: 180px;
}

.gtm_bandeauservicesb .btn {
    padding: 10px 29px;
}

.gtm_bandeauservicesb .btn-primary {
    background-color: #b7bec9;
    margin-left: 0;
    border-radius: 7px;
    font-size: 1em!important;
    white-space: nowrap;
}


.gtm_bandeauservicesb .btn-primary:hover {
    background-color: #25a18e;
}


/*Camps de jours*/
.gtm_bandeauservicesc{
    text-align: center;
}

.gtm_bandeauservicesc h1{
    color: #dba819;
    font-size: 3em;   
    margin-top: 1.5em;
}


.gtm_bandeauservicesc h6{
    font-size: 2em;
    color: #dba819;
}

.gtm_bandeauservicesc h5{
    color: #dba819; 
    font-size: 2em;   
}

.gtm_bandeauservicesc .btn {
    padding: 10px 29px;
}

.gtm_bandeauservicesc .btn-primary {
    background-color: #b7bec9;
    margin-left: 0;
    border-radius: 7px;
    font-size: 1em!important;
    white-space: nowrap;
}


.gtm_bandeauservicesc .btn-primary:hover {
    background-color: #25a18e;
}


@media only screen and (min-width: 950px){
	.gtm_bandeauservices {
    margin: 1em;
}
	.gtm_bandeauservicesa{
    width: 33.3%;
    float: left;
    margin: auto;
}

.gtm_bandeauservicesa h5 {
    margin-bottom: 0;
}
.gtm_bandeauservicesb{
    width: 33.3%;
    float: left;
    margin: auto;
}
.gtm_bandeauservicesc{
    display: flow-root;
    width: 33.3%;
    margin: auto;
}

}

@media only screen and (min-width: 1466px){
	.gtm_bandeauservicesa p {
    margin-top: 1.5em;
}

.gtm_bandeauservicesa h5 {
    margin-bottom: 1em;
}

}


.gtm_nousjoindre{
    background: rgba(90,57,65,1);
background: -moz-linear-gradient(-45deg, rgba(90,57,65,1) 0%, rgba(90,57,65,1) 38%, rgba(150,95,109,1) 95%, rgba(150,95,109,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(90,57,65,1)), color-stop(38%, rgba(90,57,65,1)), color-stop(95%, rgba(150,95,109,1)), color-stop(100%, rgba(150,95,109,1)));
background: -webkit-linear-gradient(-45deg, rgba(90,57,65,1) 0%, rgba(90,57,65,1) 38%, rgba(150,95,109,1) 95%, rgba(150,95,109,1) 100%);
background: -o-linear-gradient(-45deg, rgba(90,57,65,1) 0%, rgba(90,57,65,1) 38%, rgba(150,95,109,1) 95%, rgba(150,95,109,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(90,57,65,1) 0%, rgba(90,57,65,1) 38%, rgba(150,95,109,1) 95%, rgba(150,95,109,1) 100%);
background: linear-gradient(135deg, rgba(90,57,65,1) 0%, rgba(90,57,65,1) 38%, rgba(150,95,109,1) 95%, rgba(150,95,109,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a3941', endColorstr='#965f6d', GradientType=1 );
    padding: 5em 3em 5em 3em;
    text-align: center;
}

.gtm-no-background {
    background: none;
}

.gtm_nousjoindre a {
    color: white;
    font-size: 2.5em;
    margin: 0;

}

.gtm_nousjoindre label {
    margin: 0;
    font-size: 1.5em;
    font-weight: 700;
    text-align: left;
}


.gtm_joindrecv label {
    font-size: 1.5em;
    font-weight: 700;
}

.gtm_nousjoindre .formSpan12 {
    text-align: left;
}

.gtm_nousjoindre a:after {
    content: url(/images/nous-joindre-avion-2.svg);
    width: 300px;
    position: absolute;
    margin-left: -7em;
    margin-top: -3em;
}


@media only screen and (min-width: 427px){
    .gtm_nousjoindre a:after {
    margin-top: -2.75em;
}
}


@media only screen and (min-width: 562px){
    .gtm_nousjoindre a:after {
    content: url(/images/nous-joindre-avion.svg);
    width: 600px;
    margin-left: -12.5em;
    margin-top: -1.75em;
}
}

@media only screen and (min-width: 593px){
    .gtm_nousjoindre a:after {
    margin-left: -10.5em;
}
}

@media only screen and (min-width: 657px){
    .gtm_nousjoindre a:after {
    width: 700px;
    margin-left: -12.5em;
}
}

@media only screen and (min-width: 691px){
    .gtm_nousjoindre a:after {
        margin-left: -17em;
        margin-top: -1em;
}
}


@media only screen and (min-width: 800px){
    .gtm_nousjoindre a:after {
    width: 850px;
    margin-left: -20.5em;
    margin-top: -1.5em;
}
}

@media only screen and (min-width: 900px){
    .gtm_nousjoindre a:after {
    margin-left: -18.5em;
}
}


.gtm_nosinstalaccicone p:after {
    content: url(/images/ami-temps-instal-acc-icones.svg);
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    padding: 0;
    margin-top: -2em;
    margin-bottom: -1em;
}




@media only screen and (max-width: 767px){
#icones-inst-acc2{
    display: none;
}
}

@media only screen and (min-width: 768px){
#icones-inst-acc1{
    display: none;
}
}

@media only screen and (min-width: 1160px){
    .gtm_nosinstalaccicone p:after {
            margin-top: -4em;

    }
}


.gtm_nosinstalacc p {
    margin-bottom: 0;
}


.gtm_nosinstalacc a {
    margin: 0;
    line-height: 0;
}

.gtm_nosinstalacc h1 {
    margin: 0 1em 0 1em;
    line-height: 1.5em;
}

@media only screen and (min-width: 500px){
    .gtm_nosinstalacc h1 {
    margin-left: 0.75em;
}
}

@media only screen and (min-width: 768px){
    .gtm_nosinstalacc p {
    padding-top: 0;
}
}

@media only screen and (min-width: 801px){
    .gtm_nosinstalacc h1 {
    font-size: 1.75em;
}
}

@media only screen and (min-width: 1000px){
    .gtm_nosinstalacc h1 {
    font-size: 2.3em;
}
}


.gtm_nosinstalaccimg {
    background-image: url(/images/maison-amitemps-accueil.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 400px;
}



@media only screen and (min-width: 768px){
.gtm_nosinstalaccimg {
    background-image: url(/images/image-amitemps2.jpg);
    height: 500px;
}

}


@media only screen and (min-width: 1160px){
    .gtm_nosinstalaccimg {
    background-image: url(/images/maison-amitemps-accueil.jpg);
    }
}






.gtm_servicedegardescolaire h2{
    color: #bc1545;
}


.gtm_servicedegardescolaire h3:after {
    content: url(/images/icone-service-de-garde.svg);
    width: 130px;
    margin-bottom: -10px;
    margin-top: -1.05em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



.gtm_liensservices{
    background-color: #d7dadd;
}

.gtm_liensservices h2{
        font-size: 2em;
        text-align: center;
        color: #25A18E;
}



.gtm_liensservices a {
    color: #25A18E;
    border-bottom: 3px solid white;
    padding: 10px 3px;

}

.gtm_liensservices a:hover {
    text-decoration: none;

}

@media only screen and (max-width: 600px){
    .gtm_liensservices a{
        padding: 17px 3px;

    }

}

@media only screen and (max-width: 500px){
    .gtm_liensservices h2 {
    color: #d7dadd;
    line-height: 0;
}

    .gtm_liensservices a {
    padding: 0;
    display: block;
    border: 0;
    margin: 0;
    line-height: 1.75em;
}

}



#service-de-garde:hover{
    color: #BC1545;
    border-bottom-color: #BC1545;
}

#repit:hover{
    color: #052F5F;
    border-bottom-color: #052f5f;
}

#camp-estival:hover{
    color: #DBA819;
    border-bottom-color: #DBA819;
}


@media only screen and (max-width: 600px){

.gtm_liensservices h2 {
    font-size: 1.3em;
}
}





.gtm_servicedegardescolaire h2 {
    margin-top: 22px;
    text-align: center;
    font-size: 3.8em;
}


@media only screen and (min-width: 416px){
    .gtm_servicedegardescolaire h2 {
    font-size: 4em;
}
}

@media only screen and (min-width: 832px){
    .gtm_servicedegardescolaire h2 {
    font-size: 4.8em;
}
}


.gtm_servicedegardescolaire h1{
    font-size: 1.2em;
    color: #261B1E;
    font-weight: 400;
    line-height: 1.55em;
    padding: 1em;
}


@media only screen and (max-width: 499px){
.gtm_entete_dt{
    display: none;
}
}




@media only screen and (min-width: 480px){
    .gtm_servicedegardescolaire h1{
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 500px){
.gtm_entete_m{
    display: none;
}
}

@media only screen and (min-width: 801px){
    .gtm_servicedegardescolaire h1{
        font-size: 1.5em;
    }
}








.gtm_repit h1{
    font-size: 1.2em;
    color: #261B1E;
    font-weight: 400;
    line-height: 1.55em;
    padding: 1em;
}

@media only screen and (min-width: 480px){
    .gtm_repit h1{
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 801px){
    .gtm_repit h1{
        font-size: 1.5em;
    }
}





.gtm_repit h2 {
    margin-top: 50px;
    text-align: left;
    font-size: 3.8em;
    color: #052f5f;
    padding-left: 20px;
}

.gtm_repit h2:after {
    content: url(/images/icone_repit.svg);
    width: 132px;
    margin-top: -17px;
    position: absolute;
    margin-left: 15px;
}

@media only screen and (min-width: 600px){
    .gtm_repit h2 {
        text-align: center;
        margin-left: -2em;
}
}

@media only screen and (min-width: 768px){
    .gtm_repit h2:after {
    width: 158px;
    margin-top: -34px;
}
.gtm_repit h1 {
    margin-top: 8px;
}
}


@media only screen and (min-width: 832px){
    .gtm_repit h2 {
        margin-left: -1.5em;
        font-size: 4.2em;
}
}







.gtm_camp h2 {
    margin-top: 22px;
    text-align: center;
    font-size: 3.8em;
    color: #dba819;
}


@media only screen and (min-width: 416px){
    .gtm_camp h2 {
    font-size: 4em;
}
}

@media only screen and (min-width: 832px){
    .gtm_camp h2 {
    font-size: 4.8em;
}
}


.gtm_camp h1{
    font-size: 1.2em;
    color: #261B1E;
    font-weight: 400;
    line-height: 1.55em;
    padding: 1em;
}

@media only screen and (min-width: 480px){
    .gtm_camp h1{
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 801px){
    .gtm_camp h1{
        font-size: 1.5em;
    }
}

.gtm_camp h3:after {
    content: url(/images/icone_camp_estival.svg);
    width: 151px;
    margin-top: -62px;
    position: unset;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.gtm_camp h5{
    font-size: 3em;
    color: #dba819;
    font-weight: 400;
    line-height: 1.55em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}






@media only screen and (min-width: 600px){
    .gtm_repit h2 {
        text-align: center;
        margin-left: -2em;
}
}

@media only screen and (min-width: 832px){
    .gtm_repit h2 {
        margin-left: -1.5em;
        font-size: 4.8em;
}
}

.gtm_specification{
    text-align: center;
}

.gtm_specification h3{
    text-align: center;
    font-size: 1.8em;
    color: #717477;
    margin: 0 0 1em 0;
    border-bottom: 2px #e1e2e3 solid;
    padding-bottom: 1em;

}

.gtm_specification img{
    width: 180px;
}

@media only screen and (min-width: 600px){
    .gtm_specification h3{
    border-bottom: 0px #e1e2e3 solid;
}

}

@media only screen and (min-width: 768px){
    .gtm_specification h3{
    font-size: 1.5em;
    padding-bottom: 0;
    margin-bottom: 2em;

}

.gtm_specification img{
    width: 130px;
}

}

@media only screen and (min-width: 801px){
    .gtm_specification h3{
    margin-bottom: 3em;
}
}

@media only screen and (min-width: 821px){
    .gtm_specification {
    padding: 5px;
}

}

@media only screen and (min-width: 1150px){
    .gtm_specification h3{ 
        font-size: 1.75em;
}

.gtm_specification img{
    width: 150px;
}

}

@media only screen and (min-width: 1300px){
    .gtm_specification h3{ 
        font-size: 2em;
}
}
.gtm_services_img {
    text-align: center;
}

.gtm_bandeau_images_repit{
        margin-top: 1.5em;
}

@media only screen and (min-width: 501px){
.gtm_services-img3{
    display: none;
}
}

@media only screen and (max-width: 500px){
.gtm_services-img2{
    display: none;
}
}

@media only screen and (min-width: 900px){
.gtm_services-img2{
    display: none;
}
}

@media only screen and (max-width: 899px){
.gtm_services-img1{
    display: none;
}
}







.gtm_services_soustitres{
    margin-top: 10em;
}


.gtm_services_soustitres h4{
    text-align: center;
    margin-bottom: -16px;
}



.gtm_services_soustitres h4:after{
    content: url(/images/icone-service-de-garde-groupe.svg);
    width: 130px;
    position: absolute;
    margin-left: -2.8em;
    margin-top: -1.7em;
}

.gtm_services_soustitres_repits .gtm_services_soustitres h4:after{
    content: none;
}

@media only screen and (min-width: 480px){
    .gtm_services_soustitres h4:after{
        margin-left: -2.5em;
        margin-top: -1.3em;
    }

}

@media only screen and (min-width: 801px){
    .gtm_services_soustitres{
    margin-top: 1em;
}
    .gtm_services_soustitres h4:after{
        margin-left: 0;
        margin-top: 0;
    }

}



.gtm_services_soustitres2{
    margin-top: 10em;
}


.gtm_services_soustitres2 h4{
    text-align: center;
    margin-bottom: -11px;
    font-size: 4em;
    color: #052f5f;
}



.gtm_services_soustitres2 h4:after{
    content: url(/images/icones_exploration.svg);
    width: 179px;
    position: absolute;
    margin-left: -3em;
    margin-top: -2.3em;
}

@media only screen and (min-width: 600px){
    .gtm_services_soustitres2 h4:after{
        margin-left: -2.8em;
    margin-top: -1.4em;
    width: 185px;

    }

    .gtm_services_soustitres2 h4{
    font-size: 6em;
    margin-bottom: -17px;
    }
}



@media only screen and (min-width: 720px){
    .gtm_services_soustitres2 h4:after{
        width: 205px;
        margin-left: -3em;
        margin-top: -1.75em;

    }
}


@media only screen and (min-width: 768px){

.gtm_services_soustitres2 {
    margin-top: 4em;
}

.gtm_services_soustitres2 h4{
    margin-top: 1.8em;
    font-size: 4.5em;
    margin-bottom: -13px;
}


.gtm_services_soustitres2 h4:after {
    margin-left: -3em;
    margin-top: -1.9em;
    width: 176px;
}

}


@media only screen and (min-width: 801px){
    .gtm_services_soustitres2{
    margin-top: 2.2em;
    }
    .gtm_services_soustitres2 h4:after{
        margin-top: -2.35em;
        width: 187px;
    }

}


@media only screen and (min-width: 1000px){
    .gtm_services_soustitres2 h4{
        text-align: left;
        margin-left: 0.25em;
        margin-top: 0;

    }
    .gtm_services_soustitres2 h4:after{
        margin-top: -0.95em;
        margin-left: 0em;
    }
}




.gtm_services_soustitres3{
    margin-top: 14.3em;
}


.gtm_services_soustitres3 h4{
    text-align: center;
    margin-bottom: -11px;
    font-size: 3.5em;
    color: #052f5f;
}






.gtm_services_soustitres3 h4:after{
    content: url(/images/icones_bout-de-souffle.svg);
    width: 133px;
    position: absolute;
    margin-left: -5em;
    margin-top: -3.75em;
}


@media only screen and (min-width: 600px){

    .gtm_services_soustitres3 {
    margin-top: 4em;
}
    .gtm_services_soustitres3 h4:after{
    margin-left: -4.5em;
    margin-top: -2.4em;
    width: 140px;

    }

    .gtm_services_soustitres3 h4{
    font-size: 5.7em;
    margin-bottom: -17px;
    text-align: center;
    margin-top: 2.5em;
    margin-left: 5px;
    }
}

@media only screen and (min-width: 720px){
    .gtm_services_soustitres3 {
    margin-top: 5em;
}
    .gtm_services_soustitres3 h4 {
        padding-right: 0;
    margin-top: 2.62em;
    font-size: 3.45em;
    margin-bottom: -10px;
}

.gtm_services_soustitres3 h4:after{
        margin-left: -5em;
        margin-top: -3.1em;
        width: 113px;

    }

}


@media only screen and (min-width: 801px){
    .gtm_services_soustitres3{
    margin-top: 6em;
}

.gtm_services_soustitres3 h4{
    text-align: center;
}
    .gtm_services_soustitres3 h4:after{
        margin-top: -3.5em;
        width: 123px;

    }

}

@media only screen and (min-width: 1000px){
    /* .gtm_services_soustitres3{   
    } */

    .gtm_services_soustitres3 h4{
        text-align: left;
        margin-top: -0.8em;
    }

    .gtm_services_soustitres3 h4:after{
        margin-left: 0em;
        margin-top: -1.5em;
        width: 107px;
    }

}
@media only screen and (min-width: 1152px){
    .gtm_services_soustitres3 h4{
        font-size: 4.5em;
    }

}

.gtm_pointilles {
    border: 2px dashed #052f5f;
    padding: 1em;
    margin-left: 1em;
    margin-right: 1em;
}




.gtm_pointilles h2 {
    color: #261B1E;
    font-size: 1.7em;
    font-weight: 100;
    text-align: center;
    margin-top: 0.75em;
}

@media only screen and (min-width: 100px){
    .gtm_pointilles h2{
        text-align: left;
    }
}


@media only screen and (min-width: 1219px){
.gtm_pointilles h2 {
    margin-bottom: 0.75em;
    margin-top: 1.25em;
}
}









.gtm_fondgroupe_rose {
background-color: rgba(188,21,69,1);
padding: 2em;
}



.gtm_fondgroupe_rose h2 {
    color: #ffffff;
    font-size: 1.7em;
    font-weight: 100;
    text-align: center;
    margin-top: 0.75em;
}

@media only screen and (min-width: 801px){
    .gtm_fondgroupe_rose h2 {
    font-size: 2em;
    margin-top: 1em;
}
}

@media only screen and (min-width: 1341px){
    .gtm_fondgroupe_rose h2 {
    margin-bottom: 0.75em;
    margin-top: 1.25em;
}
}


.gtm_fondgroupe_bleu {
background-color: rgba(5,47,95,1);
padding: 2em;
}



.gtm_fondgroupe_bleu h2 {
    color: #ffffff;
    font-size: 1.7em;
    font-weight: 100;
    text-align: center;
    margin-top: 0.75em;
}

@media only screen and (min-width: 801px){
    .gtm_fondgroupe_bleu h2 {
    font-size: 2em;
}
}


@media only screen and (min-width: 1219px){
.gtm_fondgroupe_bleu h2 {
    margin-bottom: 0.75em;
    margin-top: 1.25em;
}
}

.gtm_fondgroupe_jaune {
background-color: rgba(219,168,25,1);
padding: 2em;
}



.gtm_fondgroupe_jaune h2 {
    color: #ffffff;
    font-size: 1.7em;
    font-weight: 100;
    text-align: center;
    margin-top: 0.75em;
}

@media only screen and (min-width: 801px){
    .gtm_fondgroupe_jaune h2 {
    font-size: 2em;
    padding: 60px 45px 60px 45px;
}
}




.gtm_camp_description_activites h2{
    font-size: 2em;
    font-weight: 600;
    font-style: normal;
    line-height: 1.3em;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    color: #261b1e;
    padding: 0.25em;
}

@media only screen and (min-width: 800px){

    .gtm_camp_description_activites h2{
        font-size: 2.3em;
        font-weight: 800;
    }
}

@media only screen and (min-width: 1340px){

    .gtm_camp_description_activites h2{
        font-size: 2.5em;
    }
}





.gtm_camp_activites_cinema h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_cinema h6:after{
    content: url(/images/icone_cinema.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}


.gtm_camp_activites_cueillette h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_cueillette h6:after{
    content: url(/images/icone_cueillette.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

.gtm_camp_activites_equitation h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_equitation h6:after{
    content: url(/images/icone_equitation.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

.gtm_camp_activites_expo h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_expo h6:after{
    content: url(/images/icone_expo.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

.gtm_camp_activites_ferme h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_ferme h6:after{
    content: url(/images/icone_ferme.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

 .gtm_camp_activites_mini_golf h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_mini_golf h6:after{
    content: url(/images/icone_mini_golf.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;

}


 .gtm_camp_activites_piscine h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_piscine h6:after{
    content: url(/images/icone_piscine.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;

}

 .gtm_camp_activites_spa h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_spa h6:after{
    content: url(/images/icone_spa.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;

}

 .gtm_camp_activites_pompier h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_pompier h6:after{
    content: url(/images/icone_pompier.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;


}

 .gtm_camp_activites_plage h3{
    text-align: center;
    font-size: 2em;
    color: #717477;
    margin-top: 1em;
    margin-bottom: 1em;
}

.gtm_camp_activites_plage h6:after{
    content: url(/images/icone_plage.svg);
    width: 114px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;

}

/* ENCADRÉ JAUNE CAMP DE JOUR INTÉGRATION*/


.gtm_fondgroupe_jaune_integration {
background-color: rgba(219,168,25,1);
padding-bottom: 21px;
padding: 0.75em;
margin-bottom: 1.2em;
}

.gtm_fondgroupe_jaune_integration a {
    margin: 0;
}



.gtm_fondgroupe_jaune_integration h2 {
    color: #ffffff;
    font-size: 1.4em;
    line-height: 1.2em;
    font-weight: 100;
    text-align: left;
    margin-top: 15px;
}


@media only screen and (min-width: 600px){
    .gtm_fondgroupe_jaune_integration h2 {
    font-size: 1.6em;
    text-align: center;
    margin-top: 15px;
}
}
@media only screen and (min-width: 801px){
    .gtm_fondgroupe_jaune_integration h2 {
    font-size: 1.6em;
    text-align: center;
    margin-top: 15px;
}
}

@media only screen and (min-width: 1101px){
    .gtm_fondgroupe_jaune_integration h2 {
    font-size: 1.8em;
    margin-right: 28px;
}
}

#titre_integration{
    font-weight: 700;
    font-size: 2.1em;
    text-align: left;
    margin-top: 0;

}

@media only screen and (min-width: 600px){
    #titre_integration {
    font-weight: 800;
    font-size: 2.3em;
    padding-top: 17px;
    text-align: center;

}
}


.gtm_repitgroupe1 h2 {
    text-align: left;
    font-size: 5em;
    margin-top: 1.55em;
    color: rgba(5,47,95,1);
    margin-bottom: 0.5em;
    margin-left: 10px;

}


.gtm_repitgroupe1 h2:after{
    content: url(/images/icone_chiffre_1.svg);
    width: 130px;
    display: block;
    margin-top: -1.75em;
    margin-left: 3.3em;
}



@media only screen and (min-width: 600px){
    .gtm_repitgroupe1 {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
    .gtm_repitgroupe1 h2{
    font-size: 6em;

}

}





.gtm_repitgroupe2 h2 {
    text-align: left;
    font-size: 5em;
    margin-top: 1.55em;
    color: rgba(5,47,95,1);
    margin-bottom: 0.5em;
    margin-left: 10px;

}

.gtm_repitgroupe2 h2:after{
    content: url(/images/icone_chiffre_2.svg);
    width: 130px;
    display: block;
    margin-top: -1.75em;
    margin-left: 3.3em;
}



@media only screen and (min-width: 600px){
    .gtm_repitgroupe2 {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
    .gtm_repitgroupe2 h2{
    font-size: 6em;
}

}


.gtm_repitgroupes_3 h2 {
    text-align: left;
    font-size: 5em;
    margin-top: 1.55em;
    color: rgba(5,47,95,1);
    margin-bottom: 0.5em;
    margin-left: 10px;

}

.gtm_repitgroupes_3 h2:after{
    content: url(/images/icone_chiffre_3.svg);
    width: 130px;
    display: block;
    margin-top: -1.75em;
    margin-left: 3.3em;
}


@media only screen and (min-width: 600px){
    .gtm_repitgroupes_3 {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.gtm_repitgroupes_3 h2{
    font-size: 6em;
}
}


@media only screen and (min-width: 768px){


    .gtm_repitgroupes_3{
        margin-bottom: -4em;
    }

    .gtm_repitgroupes_3 h2:after{
        margin-top: 0;
        margin-left: 1.75em;
    }

}

@media only screen and (min-width: 1100px){
.gtm_repitgroupes_3 h2 {
    text-align: center;
    margin-left: -0.4em;
}
.gtm_repitgroupes_3 h2:after {
    margin-top: -1.5em;
    margin-left: 5em;
}
}

.gtm_repitgroupes_4 h2 {
    text-align: left;
    font-size: 5em;
    margin-top: 1.55em;
    color: rgba(5,47,95,1);
    margin-bottom: 0.5em;
    margin-left: 10px;

}

.gtm_repitgroupes_4 h2:after{
    content: url(/images/icone_chiffre_4.svg);
    width: 130px;
    display: block;
    margin-top: -1.75em;
    margin-left: 3.3em;
}


@media only screen and (min-width: 600px){
    .gtm_repitgroupes_4 {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.gtm_repitgroupes_4 h2{
    font-size: 6em;
}
}

@media only screen and (min-width: 768px){
   

    .gtm_repitgroupes_4{
        margin-bottom: -4em;
    }

    .gtm_repitgroupes_4 h2:after{
        margin-top: 0;
        margin-left: 1.75em;
    }

}

@media only screen and (min-width: 1100px){
.gtm_repitgroupes_4 h2 {
    text-align: center;
    margin-left: -0.4em;
}
.gtm_repitgroupes_4 h2:after {
    margin-top: -1.5em;
    margin-left: 5em;
}
}

.gtm_repit_marmite {
    text-align: center;
}

.gtm_repit_marmite h5 {
    color: #717477;
    font-size: 3em;
}

.gtm_repit_marmite p {
    color: rgba(5,47,95,1);
    font-weight: 600;
    margin: 0;
}

.gtm_repit_marmite h6:after{
    content: url(/images/icone_marmite_magique-17.svg);
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;

}

.gtm_repit_quartier_jeunesse {
    text-align: center;
}

.gtm_repit_quartier_jeunesse h5 {
    color: #717477;
    font-size: 3em;
}

.gtm_repit_quartier_jeunesse p {
    color: rgba(5,47,95,1);
    font-weight: 600;
    margin: 0;
}

.gtm_repit_quartier_jeunesse h6:after{
    content: url(/images/icone_quartier_jeunesse-18.svg);
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}



.gtm_repit_ado_night {
    text-align: center;
}

.gtm_repit_ado_night h5 {
    color: #717477;
    font-size: 3em;
}

.gtm_repit_ado_night p {
    color: rgba(5,47,95,1);
    font-weight: 600;
    margin: 0;
}

.gtm_repit_ado_night h6:after{
    content: url(/images/icone_ado_night-19.svg);
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

.gtm_repit_quartier_du_gite {
    text-align: center;
}

.gtm_repit_quartier_du_gite h5 {
    color: #717477;
    font-size: 3em;
}

.gtm_repit_quartier_du_gite p {
    color: rgba(5,47,95,1);
    font-weight: 600;
    margin: 0;
}

.gtm_repit_quartier_du_gite h6:after{
    content: url(/images/icone_quartier_du_gite.svg);
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

.gtm_repit_sens_unique {
    text-align: center;
}

.gtm_repit_sens_unique h5 {
    color: #717477;
    font-size: 3em;
}

.gtm_repit_sens_unique p {
    color: rgba(5,47,95,1);
    font-weight: 600;
    margin: 0;
}

.gtm_repit_sens_unique h6:after{
    content: url(/images/icones_ami_tie-17.svg);
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

.gtm_repit_ami_tie {
    text-align: center;
}

.gtm_repit_ami_tie h5 {
    color: #717477;
    font-size: 3em;
}

.gtm_repit_ami_tie p {
    color: rgba(5,47,95,1);
    font-weight: 600;
    margin: 0;
}

.gtm_repit_ami_tie h6:after{
    content: url(/images/icones_ami_tie-17.svg);
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2.5em;
    display: block;
}

/*pour service de garde... à voir*/


.gtm_fondgroupe_rose h5 {
    text-align: center;
    color: #ffffff;
    padding: 0 0 0.5em 0;
    font-size: 5em;
}




/*pour service de garde... à voir*/


.gtm_fondgroupe_rose h5 {
    text-align: center;
    color: #ffffff;
    padding: 0 0 0.5em 0;
    font-size: 5em;
}




.gtm_fondgroupe_dessin{
    background-image: url(/images/bandeau-fond-groupe-sg.png);
    background-position: bottom;
}

.gtm_3groupes{
    display: flex;
}


.gtm_sg-groupe5-12{
    margin-right: auto;
    margin-left: auto;
}

.gtm_sg-groupe13-21s{
    margin-right: auto;
    margin-left: auto;
}

 .gtm_sg-groupe13-21a{
    margin-right: auto;
    margin-left: auto;

}



.gtm_sg_images img{
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 2em;
}



@media only screen and (max-width: 800px){
#sg-image {
    display: none!important;
}
}

@media only screen and (min-width: 801px){
#sg-images {
    display: none!important;
}
}

/*--------------Fond ficel pages services--------------*/

.gtm_fondficelle {
    background-image: url(/images/repit_ficelle.svg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

}


/*------------PAGE MISSION ET VALEURS-----------*/

                    .gtm_mission_titre h4 {
                        font-size: 3.5em;
                        margin-bottom: -0.19em;
                        text-align: center;
                        margin-top: 0.45em;
                        margin-left: 0.25em;
                    }

                    .gtm_emploi_titre h4 {
                        font-size: 3.5em;
                        margin-bottom: -0.19em;
                        margin-top: 0.75em;
                        margin-left: 0.25em;
                    }

                    .gtm_vision_titre h4 {
                        font-size: 3em;
                        margin-bottom: -0.19em;
                        text-align: left;
                        margin-top: 0.45em;
                        margin-left: 0.25em;
                    }


.gtm_mission_rouge {
    background-color: #5A3941;
    padding: 1em 45px 1.25em 45px;
    color: white;
    margin-bottom: 2em;
}


.gtm_mission_rouge h1 {
    color: #ffffff;
    text-align: center;
    font-size: 1.5em;
    font-weight: 100;
}



                    .gtm_mission_titre h4:after {
                        content: url(/images/icone-mission.svg);
                        width: 113px;
                        position: absolute;
                        margin-top: -0.6em;
                    }

                    .gtm_emploi_titre h4:after {
                        content: url(/images/icone-emploi.svg);
                        width: 113px;
                        position: absolute;
                        margin-top: -1em;
                        margin-left: 0.1em;
                    }


                    .gtm_vision_titre h4:after {
                        content: url(/images/icone-vision.svg);
                        width: 113px;
                        position: absolute;
                        margin-top: -0.6em;
                    }


                    @media only screen and (min-width: 437px){
                        .gtm_mission_titre h4 {
                        font-size: 3.5em;
                        }
                        .gtm_emploi_titre h4 {
                        font-size: 3.5em;
                        text-align: center;
                        }
                        .gtm_vision_titre h4 {
                        font-size: 3.5em;
                        }

                    }

                    @media only screen and (min-width: 515px){
                        .gtm_mission_titre h4 {
                        text-align: center;
                        }
                        .gtm_emploi_titre h4 {
                        text-align: center;
                        }
                        

                    }

                    @media only screen and (min-width: 600px){
                        .gtm_mission_titre h4 {
                        font-size: 4em;
                        }
                        .gtm_emploi_titre h4 {
                        font-size: 4em;
                        }
                        .gtm_vision_titre h4 {
                        font-size: 4em;
                        text-align: center;
                        }
                    }

                    @media only screen and (min-width: 768px){
                    	.gtm_vision_titre h4 {
						    margin-top: 1em;
						}

                    }

				@media only screen and (min-width: 800px){
                    .gtm_mission_titre h4 {
                    font-size: 6em;
                    }
                    .gtm_emploi_titre h4 {
                    font-size: 6em;
                    margin-top: 0.25em;
                    }
                    .gtm_vision_titre h4 {
                    font-size: 6em;
                    margin-top: 0.2em;
                    }

                    .gtm_mission_titre h4:after {
				    width: 143px;
				    margin-top: -0.4em;
				    margin-left: -0.2em;
					}
                    .gtm_emploi_titre h4:after {
                    width: 143px;
                    margin-top: -0.4em;
                    }
                }

    .gtm_mission_rouge p {
    font-size: 2em;
    text-align: left;
    }
    .gtm_mission_rouge {
    padding: 1em;
}
    .gtm_mission_rouge h1 {
    text-align: left;
    font-size: 1.7em;
    font-weight: 100;
    line-height: 1.5em;
    margin-top: 0.5em;
    }
    .gtm_vision_titre h4:after {
    width: 144px;
    margin-top: -1.2em;
                    }

@media only screen and (min-width: 800px){
   	.gtm_vision_titre h4:after {
		margin-top: -0.3em;
	}
   }

/*------------PAGE CLIENTÈLE-----------*/

    .gtm_clientele_titre h4 {
    font-size: 3em;
    margin-bottom: -0.19em;
    text-align: left;
    margin-top: 1em;
    margin-left: 0.25em;
}

.gtm_clientele_titre h4:after {
    content: url(/images/icone_clientele.svg);
    width: 155px;
    position: absolute;
    margin-top: -56px;
    margin-left: -35px;
}

    @media only screen and (min-width: 437px){
        .gtm_clientele_titre h4 {
            font-size: 3.5em;
        }

	    .gtm_clientele_titre h4:after{
			margin-left: -32px;
		}
	}

    @media only screen and (min-width: 515px){
        .gtm_clientele_titre h4 {
            text-align: center;
            margin-left: 0;
        }
	}

    @media only screen and (min-width: 600px){
        .gtm_clientele_titre h4 {
            font-size: 4em;
        }
        .gtm_clientele_titre h4:after {
             margin-left: -16px;
            margin-top: -48px;
		}
	}

	@media only screen and (min-width: 800px){
		.gtm_clientele_titre h4 {
			font-size: 6em;
		}
		.gtm_clientele_titre h4:after{
            margin-left: -9px;
            margin-top: -21px;
		}
	}



.gtm_clientele_trouble_autisme{
    background-image: url(/images/fond-3services-acc.png);
    background-position: left;
    background-color: #5a3941;
    padding: 1em;
    background-attachment: fixed;
}

.gtm_clientele_polyhandicap{
    background-image: url(/images/repit_ficelle_blanche.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #5a3941;
    padding: 1em;
    background-attachment: fixed;
    margin-top: 3em;
}

.gtm_clientele_deficience{
	background-image: url(/images/clientele_amitemps_etoile.svg);
    background-position: center;
    background-size: 154%;
    background-color: #5a3941;
    padding: 1em;
    background-attachment: fixed;
    margin-top: 3em;
    margin-bottom: 1em;
}

.gtm_clientele_sous-titre h1 {
    font-size: 1.4em;
    font-weight: 100;
    line-height: 1.5em;
    color: #ffffff;
}

.gtm_clientele_sous-titre h3 {
    font-size: 2.3em;
    line-height: 1.5em;
    color: #ffffff;
    font-weight: 600;
}


.gtm_clientele_sous-titre p {
    font-size: 1.4em;
    font-weight: 100;
    line-height: 1.5em;
    color: #ffffff;
    padding: 0;
}


	@media only screen and (min-width: 421px){
		.gtm_clientele_polyhandicap {
	    	background-size: 231%;
	    }
	    h3#clientele-titre1{
	    	margin-top: 1em;
		}
	}

    @media only screen and (min-width: 1000px){
        .gtm_clientele_polyhandicap {
            background-size: 200%;

    }
    }


	@media only screen and (min-width: 557px){
		.gtm_clientele_deficience {
    		background-size: 128%;
    	}
	}

	@media only screen and (min-width: 610px){
		.gtm_clientele_polyhandicap {
	    	background-size: 210%;
	    }
	}

	@media only screen and (min-width: 728px){
		.gtm_clientele_deficience {
    		background-size: 114%;
    	}
	}

	@media only screen and (min-width: 800px){
		.gtm_clientele_sous-titre h1 {
		    font-size: 1.7em;
		}
		
		.gtm_clientele_sous-titre h3 {
		    font-size: 3em;
		}

		.gtm_clientele_sous-titre p {
	    	font-size: 1.7em;
	    }

		.gtm_clientele_polyhandicap {
    		background-size: 170%;
    	}
	}

	@media only screen and (min-width: 812px){
		.gtm_clientele_deficience {
    		background-size: 104%;
    	}
	}

	@media only screen and (min-width: 980px){
		.gtm_clientele_deficience {
    		background-size: 88%;
    	}
	}

	@media only screen and (min-width: 1045px){
		.gtm_clientele_polyhandicap {
		    background-size: 140%;
		}
	}

	@media only screen and (min-width: 1080px){
		.gtm_clientele_deficience {
    		background-size: 70%;
    	}
	}

	@media only screen and (min-width: 1160px){
		.gtm_clientele_polyhandicap {
	    	background-size: 120%;
	    }
	}

	@media only screen and (min-width: 1167px){
		.gtm_clientele_deficience {
    		background-size: 57%;
    	}
	}





/*-----------------PAGE NOTRE HISTOIRE-------------*/

.gtm_histoire_titre h4{
    font-size: 3.5em;
    margin-bottom: -0.65em;
    text-align: center;
    margin-top: 1.8em;
    margin-left: 14px;
}

.gtm_histoire_titre h4:after {
    content: url(/images/icone_histoire_amitemps.svg);
    width: 142px;
    position: absolute;
    margin-top: -114px;
    margin-left: -4.3em;
}


@media only screen and (min-width: 600px){
    .gtm_histoire_titre h4 {
    text-align: center;
    font-size: 4.5em;
    margin-bottom: -0.5em;
    margin-left: 0.25em;
    margin-top: 0.5em;
    }

    .gtm_histoire_titre h4:after {
    margin-top: -0.60em;
    margin-left: -0.18em;
}
}

 @media only screen and (min-width: 640px){

    .gtm_histoire_titre h4 {
    text-align: center;
}

    .gtm_histoire_titre h4:after {
    margin-top: -0.5em;

}
}

@media only screen and (min-width: 800px){
    .gtm_histoire_titre h4 {
    font-size: 6em;
    }

    .gtm_histoire_titre h4:after {
    margin-top: -0.3em;
    margin-left: 0.02em;

}
}





.gtm_faq{
    background-image: url(/images/test.svg);
    
}






.gtm_histoire_fond_bleu {
    background-image: url(/images/clientele_amitemps_etoile.svg);
    background-size: 108%;
    background-position: left;
    background-color: #052f5f;
    padding: 1em 0 2em 0;
    background-attachment: fixed;
    margin-top: 20px;
}
@media only screen and (min-width: 872px){
        .gtm_histoire_fond_bleu {
            background-size: 95%;
        }
    }

@media only screen and (min-width: 1195px){
        .gtm_histoire_fond_bleu {
            background-size: 78%;
        }
    }

.gtm_histoire_fond_bleu p{
    text-align: left;
    font-size: 1.7em;
    font-weight: 100;
    line-height: 1.5em;
    color: #ffffff;
    margin-top: 2px;
    padding: 0.5em 1em 0em 1em;

}


.gtm_histoire_fond_bleu h1{
    font-size: 1.7em;
    font-weight: 100;
    line-height: 1.5em;
    color: #ffffff;
    padding: 0.5em 1em 0.5em 1em;
}









/*-----------------valeur - photo - -axes excellences-------------*/


.gtm_missionvaleurs_photo {
    background-image: url(/images/mission-valeurs-photo2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 15em;
    margin-bottom: 1em;
}




.gtm_mission-valeurs_soustitre {
    margin-bottom: 2em;
}

.gtm_mission-valeurs_soustitre h3 {
    font-family: 'Pacifico', cursive;
    text-align: center;
    font-size: 3.2em;
    color: #717477;
    font-weight: 100;
    margin-top: 0;
    line-height: 68px;
}

.gtm_mission-valeurs_soustitre h5 {
    text-align: center;
    line-height: 36px;
    color: #052f5f;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    font-size: 1.8em;
}



@media only screen and (min-width: 600px){
    .gtm_missionvaleurs_photo{
        height: 20em;
    }
}


@media only screen and (min-width: 768px){
    .gtm_missionvaleurs_photo{
        background-image: url(/images/mission-valeurs-photo1.jpg);
        background-position: center;
        background-size: cover;
        height: 18em;
    }

    .gtm_mission-valeurs_soustitre h3{
        line-height: 61px;

    }

    .gtm_mission-valeurs_soustitre h5{
        line-height: 36px;
    }

}



@media only screen and (min-width: 1290px){

    .gtm_missionvaleurs_photo {
        height: 22em;

    }

    .gtm_mission-valeurs_soustitre h5 {
        line-height: 54px;
    }

}


/*-----------------Encadrement vision--------------*/
/*----le titre VISION avec l'icone se trouve à la ligne 2626 environ----*/


.gtm_vision{
    background: #052f5f;
    padding: 1em;
    padding-bottom: 0;

}

.gtm_vision ul {
    padding-bottom: 1em;
}

.gtm_vision .gtm_bandeauservicestout{
    background-image: none;
}


.gtm_vision li {
    color: white;
    font-size: 1.15em;
    line-height: 25px;
    font-weight: 100;
}

@media only screen and (min-width: 800px){
    .gtm_vision li {
    font-size: 1.35em;
    line-height: 29px;
}

}


/*-------------Integration dans la communauté------*/

.gtm_integration {
    margin-top: 12em;
}


.gtm_integration h3 {
	margin-left: 0.5em;
}

.gtm_integration p {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.gtm_integration h3:after {
    content: url(/images/icone-integration.svg);
    position: absolute;
    width: 173px;
    margin-top: -4.85em;
    margin-left: -4.75em;
}

@media only screen and (min-width: 480px){
    .gtm_integration h3:after {
    margin-top: -4.25em;
    margin-left: -4.5em;
    }

}


@media only screen and (min-width: 593px){
    .gtm_integration h3:after {
    margin-top: -2.25em;
    margin-left: 2.1em;
    }
    .gtm_integration h3 {
        text-align: left;
    }

    .gtm_integration {
    margin-top: 4em;
    }

}


@media only screen and (min-width: 761px){
    .gtm_integration h3:after {
    margin-top: -3.2em;
    margin-left: -8.9em;
    }

    .gtm_integration {
        margin-top: 11em;
    }

}


@media only screen and (min-width: 801px){
    .gtm_integration h3:after {
        margin-top: -1.7em;
        margin-left: 2.8em;
    }
    .gtm_integration {
        margin-top: 3em;
    }
}

@media only screen and (min-width: 864px){
    .gtm_integration h3:after {
    margin-top: -2.7em;
    margin-left: -9em;
    }
    .gtm_integration {
    margin-top: 11em;
    }
}

@media only screen and (min-width: 1011px){
    .gtm_integration h3:after {
    margin-top: -1.7em;
    margin-left: 0em;
    }
    .gtm_integration {
    margin-top: 7em;
    }
}
/*------------------------------P A G E    O U P S------------------------------*/

.gtm_oups_titre h4 {
    text-align: center;
}

.gtm_oups {
    background-color: #052f5f;
    padding: 1em;
    margin-bottom: 1em;
}

.gtm_oups p {
    color: white;
    padding: 1em;
    text-align: center;
    margin-bottom: 0;
}

.gtm_oups_retour p {
    margin: 0;
    padding: 0;
}

.gtm_oups_retour a.btn.btn-primary {
    border-radius: 15px;
    font-weight: 300;
}

.gtm_oups_retour a.btn.btn-primary:hover {
    background-color: #B7BEC9;
}
.gtm_oups_retour {
    text-align: center;
    margin-bottom: 2.5em;
}

#oups-services {
    font-size: 4em;
    text-align: center;
}

/*------------------PAGE NOS INSTALLATIONS--------------*/


.gtm_pagenosinstalaccicone p {
    margin-bottom: 0;
}
.gtm_pagenosinstalaccicone p:before{
    content: url(/images/ami-temps-instal-acc-icones.svg);
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    padding: 0;
}

/*------F O R M U L A I R E S-----*/

.gtm_btn_formulaire a{
    margin: auto;
    display: table;
    margin-bottom: 1em;
    font-size: 2em;
    background: #25A18E;
    color: white;
    padding: 10px 20px;
    border-radius: 20px;
}

.gtm_btn_formulaire a:hover{
    opacity: 0.5;

}

@media only screen and (min-width: 1000px){
    .gtm_btn_formulaire a {
    font-size: 3em;
    padding: 20px 40px;
}
}

/*------service de garde scolaire-----*/

/* .gtm_accordeon_formulaire_sg {
    margin-top: -2em;
} */

.gtm_accordeon_formulaire_sg h2 {
    text-align: center;
    font-size: 2.5em;
    color: #bc1545;
}

.gtm_accordeon_formulaire_sg h4 {
    text-align: center;
    font-size: 3em;
    margin-top: 0.5em;
}

.gtm_accordeon_formulaire_sg h5 {
    text-align: center;
    font-family: nunito;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 1.5em;
}

@media only screen and (min-width: 500px){

    .gtm_accordeon_formulaire_sg h2 {
    font-size: 3em;
}

.gtm_accordeon_formulaire_sg h4 {
    font-size: 3.5em;
}

}


.gtm_accordeon_formulaire_sg h3{
    text-align: center;
    font-size: 1.5em;
    color: #717477;
    font-weight: 100;
    margin-left: 1em;
}

@media only screen and (min-width: 561px){
    .gtm_accordeon_formulaire_sg h3{
    margin-left: auto;
    }

}

.gtm_accordeon_formulaire_sg h3:before{
    content: url(/images/etoile-formulaires-sg-48.svg);
    width: 15px;
    position: absolute;
    margin-left: -20px;
}
.gtm_accordeon_formulaire_sg h3:after{
    content: url(/images/etoile-formulaires-sg-48.svg);
    width: 15px;
    position: absolute;
    margin-left: 3px;
}


.gtm_accordeon_formulaire_sg .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner p {
    color: inherit;
    background-color: transparent;
    font-weight: inherit;
    padding: inherit;
    background-image: none;
}

.gtm_accordeon_formulaire_sg .accordion-heading.panel-heading a {
    font-size: 2em;
    width: 10.5em;
}


.gtm_accordeon_formulaire_sg .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
        padding: 0.5em
}


@media only screen and (min-width: 500px){
    .gtm_accordeon_formulaire_sg .accordion-heading.panel-heading a {
    font-size: 2.8em;
    width: 11.5em;
    }

}


@media only screen and (min-width: 800px){
    .gtm_accordeon_formulaire_sg .accordion-heading.panel-heading a {
    font-size: 3em;
    width: 14.5em;
    }

}




/*------desing design de l'intérieur du formulaire (bonne chance)-----*/

.gtm_accordeon_formulaire_sg .formRequired {
    font-size: 0;
}

.gtm_accordeon_formulaire_sg .formRequired::after {
    content: url(/images/etoile-formulaires-sg-48.svg);
    width: 13px;
    position: absolute;

}


.gtm_accordeon_formulaire_sg .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    border: 1px solid #B7BEC9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-family: nunito;
    font-size: 1.3em;
    padding-bottom: 7px;
    color: #717477;
}

.gtm_accordeon_formulaire_sg .formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus{
    box-shadow: none;
}

.gtm_accordeon_formulaire_sg .textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: #ffffff;
    color: #261B1E;
    font-size: inherit;
    height: inherit;
    width: inherit;
    transition: none;
    font-family: nunito;
    font-size: 1.3em;
}



.gtm_accordeon_formulaire_sg .rsform-input-box:focus {
    border-color: #BC1545!important;

}



.gtm_accordeon_formulaire_sg .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    margin-left: 2px;
}

.gtm_accordeon_formulaire_sg .formControlLabel {
    font-size: 1.4em;
    font-weight: 600;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere,.rsform-block.rsform-block-besoin-en-transport-scolaire,.rsform-block.rsform-block-frequentation-jounrees-pedagogique,.rsform-block.rsform-block-frequentation-sporadique,.rsform-block.rsform-block-frequentation-jour-variable {
    font-size: 1.8em;
    text-align: center;
    font-weight: 700;
    color: #BC1545;
    margin-top: 0.5em;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere-ex,.rsform-block.rsform-block-embarquement,.rsform-block.rsform-block-cocher-les-cases,.rsform-block.rsform-block-dates-frequentation-sporadique {
    text-align: center;
    font-weight: 600;
    font-size: 1.1em;
    margin-bottom: 1.5em;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere-choix .formRequired:after {
    padding-top: 12px;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-date-garde-partagee {
    margin-left: 20px;
    font-size: 0.75em;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere-jours-a-cocher {
    font-size: 1.25em;
    margin-bottom: 10px;
    color: #BC1545;
    font-weight: 600;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-jour-variable {
    margin-bottom: 0.5em;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-semaine-1,.rsform-block.rsform-block-semaine-2,.rsform-block.rsform-block-retour-apres-lecole-vers {
    font-size: 1.5em;
    margin-bottom: 1.1em;
    font-weight: 700;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-variable-jours-lundi,.rsform-block.rsform-block-frequentation-variable-mardi,.rsform-block.rsform-block-frequentation-variable-mercredi,.rsform-block.rsform-block-frequentation-variable-jeudi,.rsform-block.rsform-block-frequentation-variable-vendredi,.rsform-block.rsform-block-frequentation-variable-jours-lundi-2,.rsform-block.rsform-block-frequentation-variable-mardi-2,.rsform-block.rsform-block-frequentation-variable-mercredi-2,.rsform-block.rsform-block-frequentation-variable-jeudi-2,.rsform-block.rsform-block-frequentation-variable-vendredi-2,.rsform-block.rsform-block-retour-apres-lecole-lundi,.rsform-block.rsform-block-retour-apres-lecole-mardi,.rsform-block.rsform-block-retour-apres-lecole-mercredi,.rsform-block.rsform-block-retour-apres-lecole-jeudi,.rsform-block.rsform-block-retour-apres-lecole-vendredi
 {
    margin-left: 10px;
}

.gtm_accordeon_formulaire_sg textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: transparent;
    color: #261B1E;
    height: inherit;
    transition: none;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-jours-fermees,.rsform-block.rsform-block-jours-improvises,.rsform-block.rsform-block-facturation-5-12-texte,.rsform-block.rsform-block-tarification-12-21-ans-texte,.rsform-block.rsform-block-termes-du-contrat,.rsform-block.rsform-block-capacite-daccueil-etant-limitee,.rsform-block.rsform-block-sur-demande-spontanee,.rsform-block.rsform-block-aa-facturation-est-faite-aux-deux-semaines,.rsform-block.rsform-block-entre-180-et-140-jours,.rsform-block.rsform-block-16-et-plus-journees,.rsform-block-applicable-sur-avis-de-24h,.rsform-block-le-parent-sengage-a-respecter{
    margin-bottom: 1em;
    font-size: 1.25em;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-tarifications,.rsform-block.rsform-block-banque-de-jours-dabsence,.rsform-block.rsform-block-matinee-ou-pm,.rsform-block.rsform-block-journees-pedagogiques {
    text-align: center;
    font-size: 1.8em;
    color: #BC1545;
    margin-bottom: 0.5em;
    font-weight: 600;
    line-height: 1.25em;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-selon-la-frequentation {
    text-align: center;
    margin-top: -0.5em;
    margin-bottom: 0.75em;
    font-size: 1.2em;
}
.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-tarifications-5-12,.rsform-block.rsform-block-tarifications-13-21 {
    text-align: center;
    margin-top: -0.5em;
    margin-bottom: 0.5em;
    font-size: 1.2em;
    color: #BC1545;
    font-weight: 600;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-entre-180-et-140-jours,.rsform-block.rsform-block-16-et-plus-journees {
    margin-bottom: 1em;
}


.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-le-parent-reconnait {
    margin-top: 15px;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-le-parent-reconnait .formRequired::after{
    margin-top: 5px;
}

.gtm_accordeon_formulaire_sg .formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    font-family: 'Nunito', sans-serif;
    font-size: 2em;
    padding: 0.75em 1.75em 0.75em 1.75em;
    background-color: #25A18E;
    background-image: none;
    border: none;
    border-radius: 10px;
}


.gtm_accordeon_formulaire_sg .formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover {
    background-color: #25A18E;
    text-shadow: none;
    color: #ffffff;
    opacity: 0.5;
}

.gtm_accordeon_formulaire_sg .formResponsive .formError {
    margin-top: -4px;
    color: #25A18E;
    font-weight: 600;
    font-size: 1.1em;
}

.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-applicable-sur-avis-de-24h{
    margin-bottom: 1em;
}

@media only screen and (min-width: 651px){
    .gtm_accordeon_formulaire_sg .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"]{
        width: 75%;
    }
    .gtm_accordeon_formulaire_sg .formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {
    width: 75%;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-jour-variable {
    margin-bottom: 1.5em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-selon-la-frequentation {
    margin-bottom: 1em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-aa-facturation-est-faite-aux-deux-semaines {
    margin-bottom: 2em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-banque-de-jours-dabsence {
    font-size: 2em;
    }
    .gtm_accordeon_formulaire_sg .formResponsive .formError{
        height: auto;
    }

}
@media only screen and (min-width: 700px){

    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-termes-du-contrat,.rsform-block.rsform-block-pour-avoir-acces {
    margin-top: 1.5em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere, .rsform-block.rsform-block-besoin-en-transport-scolaire, .rsform-block.rsform-block-frequentation-jounrees-pedagogique, .rsform-block.rsform-block-frequentation-sporadique, .rsform-block.rsform-block-frequentation-jour-variable{
    font-size: 2em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere-ex, .rsform-block.rsform-block-embarquement, .rsform-block.rsform-block-cocher-les-cases, .rsform-block.rsform-block-dates-frequentation-sporadique{
        font-size: 1.3em;
        margin-bottom: 1.5em;
        margin-top: 0.4em;
    }
    .gtm_accordeon_formulaire_sg label {
    font-size: 0.8em;
    }
}


@media only screen and (min-width: 760px){
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere, .rsform-block.rsform-block-besoin-en-transport-scolaire, .rsform-block.rsform-block-frequentation-jounrees-pedagogique, .rsform-block.rsform-block-frequentation-sporadique, .rsform-block.rsform-block-frequentation-jour-variable{
    margin-top: 1em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-dates-frequentation-sporadique {
    margin-bottom: 2em;
    }

}
@media only screen and (min-width: 760px){
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-tarifications {
    margin-top: 1.25em;
    }
}


@media only screen and (min-width: 900px){
    .rsform-block.rsform-block-le-parent-sengage-a-respecter {
    margin-top: 3em;
    }
}
@media only screen and (min-width: 1300px){
    .gtm_accordeon_formulaire_sg h3 {
        text-align: center;
        margin-left: 20px;
    }

    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-semaine-1, .rsform-block.rsform-block-semaine-2, .rsform-block.rsform-block-retour-apres-lecole-vers {
        font-size: 1.7em;
    }
}


@media only screen and (min-width: 1400px){
    .rsform-block.rsform-block-matinee-ou-pm, .rsform-block.rsform-block-journees-pedagogiques {
        text-align: left;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-frequentation-reguliere-ex, .rsform-block.rsform-block-embarquement, .rsform-block.rsform-block-cocher-les-cases, .rsform-block.rsform-block-dates-frequentation-sporadique{
        margin-bottom: 2.5em;
    }

    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-tarifications, .rsform-block.rsform-block-banque-de-jours-dabsence, .rsform-block.rsform-block-matinee-ou-pm, .rsform-block.rsform-block-journees-pedagogiques {
    text-align: left;
    font-size: 2.2em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-tarifications-5-12, .rsform-block.rsform-block-tarifications-13-21{
        text-align: left;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-facturation-5-12-texte {
    width: 50%;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-tarifications-13-21 {
    margin-top: 1em;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-selon-la-frequentation {
    text-align: left;
    }
    .gtm_accordeon_formulaire_sg .rsform-block.rsform-block-matinee-ou-pm,.rsform-block.rsform-block-entre-180-et-140-jours,.rsform-block.rsform-block-journees-pedagogiques,.rsform-block.rsform-block-16-et-plus-journees,.rsform-block.rsform-block-applicable-sur-avis-de-24h{
    margin-left: 2em;
    }
    .gtm_accordeon_formulaire_sg .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"]{
        width: 50%;
    }
}

/*------camp de jour-----*/


.gtm_accordeon_formulaire_cj h2 {
    text-align: center;
    font-size: 2.5em;
    color: #dba819;
}

.gtm_accordeon_formulaire_cj h4 {
    text-align: center;
    font-size: 3em;
    margin-top: 0.5em;
}

@media only screen and (min-width: 500px){

    .gtm_accordeon_formulaire_cj h2 {
    font-size: 3em;
}

.gtm_accordeon_formulaire_cj h4 {
    font-size: 3.5em;
}

}

.gtm_accordeon_formulaire_cj h3{
    text-align: center;
    font-size: 1.5em;
    color: #717477;
    font-weight: 100;
    margin-left: 1em;
}


.gtm_accordeon_formulaire_cj h3:before{
    content: url(/images/adozone-formulaire-etoile.svg);
    width: 15px;
    position: absolute;
    margin-left: -20px;
}
.gtm_accordeon_formulaire_cj h3:after{
    content: url(/images/adozone-formulaire-etoile.svg);
    width: 15px;
    position: absolute;
    margin-left: 3px;
}


.gtm_accordeon_formulaire_cj .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner p {
    color: inherit;
    background-color: transparent;
    font-weight: inherit;
    padding: inherit;
    background-image: none;
}

.gtm_accordeon_formulaire_cj .accordion-heading.panel-heading a {
    font-size: 2em;
    width: 10.5em;
}


.gtm_accordeon_formulaire_cj .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
        padding: 0.5em
}


@media only screen and (min-width: 500px){
    .gtm_accordeon_formulaire_cj .accordion-heading.panel-heading a {
    font-size: 2.8em;
    width: 11.5em;
    }

}


@media only screen and (min-width: 800px){
    .gtm_accordeon_formulaire_cj .accordion-heading.panel-heading a {
    font-size: 3em;
    width: 14.5em;
    }

}

/*------CAMP DE JOUr ADOZONE desing design de l'intérieur du formulaire (bonne chance)-----*/

.gtm_accordeon_formulaire_cj .formRequired {
    font-size: 0;
}

.gtm_accordeon_formulaire_cj .formRequired::after {
    content: url(/images/adozone-formulaire-etoile.svg);
    width: 13px;
    position: absolute;

}

.gtm_accordeon_formulaire_cj .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    border: 1px solid #B7BEC9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    font-family: nunito;
    font-size: 1.3em;
    padding-bottom: 7px;
    color: #717477;
}

.gtm_accordeon_formulaire_cj .formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus{
    box-shadow: none;
}

.gtm_accordeon_formulaire_cj .textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: #ffffff;
    color: #261B1E;
    font-size: inherit;
    height: inherit;
    width: inherit;
    transition: none;
    font-family: nunito;
    font-size: 1.3em;
}

.gtm_accordeon_formulaire_cj .rsform-input-box:focus {
    border-color: #dba819!important;

}


.gtm_accordeon_formulaire_cj .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    margin-left: 2px;
}

.gtm_accordeon_formulaire_cj .formControlLabel,.rsform-block.rsform-block-important {
    font-size: 1.4em;
    font-weight: 600;
}

.rsform-block.rsform-block-semaine1-titre,.rsform-block-semaine2-titre,.rsform-block-semaine3-titre,.rsform-block-semaine4-titre,.rsform-block-semaine5-titre,.rsform-block-semaine6-titre,.rsform-block-semaine7-titre,.rsform-block-semaine8-titre {
    font-size: 1.75em;
    color: #dba819;
    font-weight: 700;
}

.gtm_accordeon_formulaire_cj textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background-color: transparent;
    color: #261B1E;
    height: inherit;
    transition: none;
}

.gtm_accordeon_formulaire_cj .rsform-block.rsform-block-termes-du-contrat, .rsform-block.rsform-block-pour-avoir-acces,.rsform-block.rsform-block-autorisation-pour-stage-texte{
    margin-bottom: 1em;
    font-size: 1.25em;
}


.gtm_accordeon_formulaire_cj .rsform-block.rsform-block-le-parent-reconnait {
    margin-top: 15px;
}

.gtm_accordeon_formulaire_cj .rsform-block.rsform-block-le-parent-reconnait .formRequired::after{
    margin-top: 5px;
}

.gtm_accordeon_formulaire_cj .formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    font-family: 'Nunito', sans-serif;
    font-size: 2em;
    padding: 0.75em 1.75em 0.75em 1.75em;
    background-color: #25A18E;
    background-image: none;
    border: none;
    border-radius: 10px;
}





.gtm_accordeon_formulaire_cj .formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover {
    background-color: #25A18E;
    text-shadow: none;
    color: #ffffff;
    opacity: 0.5;
}

.gtm_accordeon_formulaire_cj .formResponsive .formError {
    margin-top: -4px;
    font-weight: 600;
    font-size: 1.1em;
}

@media only screen and (min-width: 651px){
    .gtm_accordeon_formulaire_cj .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"]{
        width: 75%;
        float: none;
    }
    .gtm_accordeon_formulaire_cj .formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="number"]:focus, .formResponsive input[type="email"]:focus, .formResponsive input[type="tel"]:focus, .formResponsive input[type="url"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus {
    width: 75%;
    }
    .gtm_accordeon_formulaire_cj .formResponsive .formError{
        height: auto;
    }
    .gtm_accordeon_formulaire_sg .formControlLabel {
    font-size: 1em;
}
.formResponsive label {
    margin: 3px 5px 3px 13px;
}

}
@media only screen and (min-width: 700px){

    .gtm_accordeon_formulaire_cj .rsform-block.rsform-block-termes-du-contrat,.rsform-block.rsform-block-pour-avoir-acces {
    margin-top: 1.5em;
    }
    .gtm_accordeon_formulaire_cj label {
    font-size: 0.8em;
    }
}


@media only screen and (min-width: 900px){
    .gtm_accordeon_formulaire_cj .rsform-block.rsform-block-le-parent-sengage-a-respecter {
    margin-top: 3em;
    }
    .gtm_accordeon_formulaire_sg .formControlLabel {
    font-size: 1.5em;
}
.gtm_accordeon_formulaire_cj .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    float: none;
    margin-left: 1em;
}
.formResponsive label {
    margin: 3px 5px 3px 2em;
}
.rsform-block.rsform-block-date-pedagogiques-7mars2019 .formResponsive, .formHorizontal, .formControlLabel{
    display: contents;
}
.gtm_accordeon_formulaire_sg .rsform-block.rsform-block-semaine-1, .rsform-block.rsform-block-semaine-2, .rsform-block.rsform-block-retour-apres-lecole-vers {
    text-decoration: underline;
    font-weight: 900;
}
.rsform-block.rsform-block-cocher-les-cases {
    padding-bottom: 30px;
}
}
@media only screen and (min-width: 1300px){
    .gtm_accordeon_formulaire_cj h3 {
        text-align: center;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 1400px){
    .gtm_accordeon_formulaire_cj .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"]{
        width: 50%;
    }
}

.rsform-block.rsform-block-cout-pour-une-journee, .rsform-block.rsform-block-heures-ouvertures {
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 1.15em;
    margin-bottom: 1em;
    line-height: 1em;
}


@media only screen and (min-width: 651px){
    .rsform-block.rsform-block-cout-pour-une-journee, .rsform-block.rsform-block-heures-ouvertures {
        line-height: 1.5em;
        font-size: 1.25em;
    }
}
@media only screen and (min-width: 800px){
    .rsform-block.rsform-block-cout-pour-une-journee, .rsform-block.rsform-block-heures-ouvertures {
        font-size: 1.5em;
    }
}

.rsform-block.rsform-block-heures-frequentation, .rsform-block.rsform-block-choix-des-dates, .rsform-block.rsform-block-autorisation-pour-stages-titre {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 1em;
    margin-top: 1.3em;
    text-align: center;
    line-height: 1.25em;
    color: #dba819;
}


/*-----------formulaire RÉPIT LE TOP----------------*/


.gtm_accordeon_formulaire_repit h2 {
    text-align: center;
    font-size: 2.5em;
    color: #052f5f;
}

.gtm_accordeon_formulaire_repit h4 {
    text-align: center;
    font-size: 3em;
    margin-top: 0.5em;
}

@media only screen and (min-width: 500px){

    .gtm_accordeon_formulaire_repit h2 {
    font-size: 3em;
}
.gtm_accordeon_formulaire_repit h4 {
    font-size: 3.5em;
}

}

.gtm_accordeon_formulaire_repit h3 {
    text-align: center;
    font-size: 1.5em;
    color: #717477;
    font-weight: 100;
    margin-left: 1em;
    margin-bottom: 1.25em;
}


.gtm_accordeon_formulaire_repit h3:before{
    content: url(/images/repit-formulaire-etoile.svg);
    width: 15px;
    position: absolute;
    margin-left: -20px;
}
.gtm_accordeon_formulaire_repit h3:after{
    content: url(/images/repit-formulaire-etoile.svg);
    width: 15px;
    position: absolute;
    margin-left: 3px;
}


.gtm_accordeon_formulaire_repit .rl_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner p {
    color: inherit;
    background-color: transparent;
    font-weight: inherit;
    padding: inherit;
    background-image: none;
}

.gtm_accordeon_formulaire_repit .accordion-heading.panel-heading a {
    font-size: 2em;
    width: 10.5em;
}


.gtm_accordeon_formulaire_repit .rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
        padding: 0.5em;
}


@media only screen and (min-width: 500px){
    .gtm_accordeon_formulaire_repit .accordion-heading.panel-heading a {
    font-size: 2.8em;
    width: 11.5em;
    }

}


@media only screen and (min-width: 800px){
    .gtm_accordeon_formulaire_repit .accordion-heading.panel-heading a {
    font-size: 3em;
    width: 14.5em;
    }

}


/*----------------interieur formulaire répit-------------------*/

.gtm_accordeon_formulaire_repit .formRequired {
    font-size: 0;
}

.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-frequentation-reguliere-choix .formRequired:after {
    padding-top: 12px;
}

.gtm_accordeon_formulaire_repit .formRequired::after {
    content: url(/images/repit-formulaire-etoile.svg);
    width: 13px;
    position: absolute;
}

.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-votre-accessibilite, .rsform-block.rsform-block-referez-vous-au-deuxieme, .rsform-block.rsform-block-les-dates-precedees {
    margin-bottom: 1em;
    font-size: 1.25em;
    font-weight: 700;
}


.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-pour-le-choix-du-repit li, .rsform-block.rsform-block-vous-devez-avoir-paye li {
    color: #261B1E;
}

.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-la-facture-est-payable{
    margin-bottom: 1em;
    font-size: 1.25em;
}


.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-le-parent-reconnait .formControlLabel{
    font-size: 1.4em;
    font-weight: 600;
}


.gtm_accordeon_formulaire_repit .formResponsive input[type="radio"], .formResponsive input[type="checkbox"]{
        margin-left: 2px;
        float: initial;
}

.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-comment-remplir, .rsform-block.rsform-block-forfaits-a-la-carte, .rsform-block.rsform-block-entente-entre{
    font-size: 1.8em;
    text-align: center;
    font-weight: 700;
    color: #1168bf;
    margin-top: 0.5em;
}


.gtm_accordeon_formulaire_repit .formControlLabel{
    font-size: 1.4em;
    font-weight: 600;
}

.gtm_accordeon_formulaire_repit .rsform-input-box:focus {
    border-color: #1168bf!important;
}



.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-nom-de-lenfant, .rsform-block.rsform-block-nom-du-des-parents, .rsform-block.rsform-block-nom-deuxieme-parent, .rsform-block.rsform-block-adresse, .rsform-block.rsform-block-ville, .rsform-block.rsform-block-code-postal, .rsform-block.rsform-block-telephone, .rsform-block.rsform-block-cellulaire, .rsform-block.rsform-block-telephone-travail, .rsform-block.rsform-block-date-de-naissance, .rsform-block.rsform-block-age, .rsform-block.rsform-block-ecole-ou-plateau-frequente{
    height: 80px;
}

.gtm_accordeon_formulaire_repit .formResponsive label {
    display: contents;
}


/*choix de forfait*/





.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1 .formControlLabel, .rsform-block.rsform-block-forfait-2 .formControlLabel, .rsform-block.rsform-block-forfait-3 .formControlLabel, .rsform-block.rsform-block-forfait-4 .formControlLabel, .rsform-block.rsform-block-forfait-5 .formControlLabel, .rsform-block.rsform-block-forfait-6 .formControlLabel {
    color: #1168bf;
    text-align: center;
    font-size: 1.75em;
    margin-top: 0.75em;
}


.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1-priorite, .rsform-block.rsform-block-forfait-2-priorite, .rsform-block.rsform-block-forfait-3-priorite, .rsform-block.rsform-block-forfait-4-priorite, .rsform-block.rsform-block-forfait-5-priorite, .rsform-block.rsform-block-forfait-6-priorite {
    margin-top: -2em;
    border-bottom: 1px solid #261B1E;
    margin-bottom: 2.5em!important;
}

.gtm_accordeon_formulaire_repit .rsform-block p.rsformVerticalClear {
    margin-bottom: 1em;
}


.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1-priorite .formControlLabel, .rsform-block.rsform-block-forfait-2-priorite .formControlLabel, .rsform-block.rsform-block-forfait-3-priorite .formControlLabel, .rsform-block.rsform-block-forfait-4-priorite .formControlLabel, .rsform-block.rsform-block-forfait-5-priorite .formControlLabel, .rsform-block.rsform-block-forfait-6-priorite .formControlLabel {
    color: #1168bf;
    margin-top: -0.75em;
}

.gtm_accordeon_formulaire_repit input#forfait-1-priorite1, input#forfait-1-priorite2, input#forfait-1-priorite3, input#forfait-1-priorite4, input#forfait-1-priorite5, input#forfait-1-priorite6{
    margin-left: 15px;
}

.gtm_accordeon_formulaire_repit input#forfait-2-priorite1, input#forfait-2-priorite2, input#forfait-2-priorite3, input#forfait-2-priorite4, input#forfait-2-priorite5, input#forfait-2-priorite6{
    margin-left: 15px;
}

.gtm_accordeon_formulaire_repit input#forfait-3-priorite1, input#forfait-3-priorite2, input#forfait-3-priorite3, input#forfait-3-priorite4, input#forfait-3-priorite5, input#forfait-3-priorite6{
    margin-left: 15px;
}

.gtm_accordeon_formulaire_repit input#forfait-4-priorite1, input#forfait-4-priorite2, input#forfait-4-priorite3, input#forfait-4-priorite4, input#forfait-4-priorite5, input#forfait-4-priorite6{
    margin-left: 15px;
}
.gtm_accordeon_formulaire_repit input#forfait-5-priorite1, input#forfait-5-priorite2, input#forfait-5-priorite3, input#forfait-5-priorite4, input#forfait-5-priorite5, input#forfait-5-priorite6{
    margin-left: 15px;
}
.gtm_accordeon_formulaire_repit input#forfait-6-priorite1, input#forfait-6-priorite2, input#forfait-6-priorite3, input#forfait-6-priorite4, input#forfait-6-priorite5, input#forfait-6-priorite6{
    margin-left: 15px;
}








@media only screen and (max-width: 650px){
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfaits-a-la-carte, .rsform-block.rsform-block-entente-entre{
    text-align: center!important;
}
}



@media only screen and (min-width: 651px){
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1 .formControlLabel, .rsform-block.rsform-block-forfait-2 .formControlLabel, .rsform-block.rsform-block-forfait-3 .formControlLabel, .rsform-block.rsform-block-forfait-4 .formControlLabel, .rsform-block.rsform-block-forfait-5 .formControlLabel, .rsform-block.rsform-block-forfait-6 .formControlLabel {
    display: contents;
}


.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1 .formControls, .rsform-block.rsform-block-forfait-2 .formControls, .rsform-block.rsform-block-forfait-3 .formControls, .rsform-block.rsform-block-forfait-4 .formControls, .rsform-block.rsform-block-forfait-5 .formControls, .rsform-block.rsform-block-forfait-6 .formControls {
    display: contents;
}



.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1-priorite .formControlLabel, .rsform-block.rsform-block-forfait-2-priorite .formControlLabel, .rsform-block.rsform-block-forfait-3-priorite .formControlLabel, .rsform-block.rsform-block-forfait-4-priorite .formControlLabel, .rsform-block.rsform-block-forfait-5-priorite .formControlLabel, .rsform-block.rsform-block-forfait-6-priorite .formControlLabel{
    float: initial;
    display: contents;
}

.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1-priorite .formControls, .rsform-block.rsform-block-forfait-2-priorite .formControls, .rsform-block.rsform-block-forfait-3-priorite .formControls, .rsform-block.rsform-block-forfait-4-priorite .formControls, .rsform-block.rsform-block-forfait-5-priorite .formControls, .rsform-block.rsform-block-forfait-6-priorite .formControls {
    display: contents;
}
}


.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-repits-supplementaires .formControlLabel, .rsform-block.rsform-block-repits-en-semaine .formControlLabel {
    width: 100%;
    text-align: left;
}

.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-repits-supplementaires .formControls, .rsform-block.rsform-block-repits-en-semaine .formControls{
    margin-left: 0;
    font-size: 1.4em;
}

@media only screen and (min-width: 700px){
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-votre-accessibilite, .rsform-block.rsform-block-referez-vous-au-deuxieme, .rsform-block.rsform-block-les-dates-precedees {
    margin-top: 1.5em;
}
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-comment-remplir, .rsform-block.rsform-block-forfaits-a-la-carte, .gtm_accordeon_formulaire_repit .rsform-block.rsform-block-comment-remplir, .rsform-block.rsform-block-forfaits-a-la-carte{
    font-size: 2em;
}
.gtm_accordeon_formulaire_repit label {
    font-size: 0.8em;
}
}

@media only screen and (min-width: 760px){
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-comment-remplir{
    margin-top: 1em;
}
}

@media only screen and (min-width: 850px){
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1-priorite, .rsform-block.rsform-block-forfait-2-priorite, .rsform-block.rsform-block-forfait-3-priorite, .rsform-block.rsform-block-forfait-4-priorite, .rsform-block.rsform-block-forfait-5-priorite, .rsform-block.rsform-block-forfait-6-priorite{
    border-bottom: 0;
}
.gtm_accordeon_formulaire_repit .rsform-block.rsform-block-forfait-1-priorite .formControlLabel, .rsform-block.rsform-block-forfait-2-priorite .formControlLabel, .rsform-block.rsform-block-forfait-3-priorite .formControlLabel, .rsform-block.rsform-block-forfait-4-priorite .formControlLabel, .rsform-block.rsform-block-forfait-5-priorite .formControlLabel, .rsform-block.rsform-block-forfait-6-priorite .formControlLabel{
    color: #261B1E;
}
}

/*----------------PAGE MERCI---------------*/
.gtm_merci {
    margin-bottom: 1em;
    text-align: center;
    background-color: #052f5f;
    padding-bottom: 1.5em;
    background-image: url(/images/clientele_amitemps_etoile.svg);
    background-attachment: fixed;
}

.gtm_merci h4 {
    background-color: white;
    line-height: 80px;
    margin-top: 0.25em;
}

.gtm_merci h3 {
    color: white;
    padding-top: 0.25em;
}

.gtm_merci p {
    color: white;
}

.gtm_merci a.btn.btn-primary {
    border-radius: 15px;
    font-weight: 300;
    font-size: 1.75em;
}

.gtm_fondbleuevide{
    background-color: red;
}


.gtm_emploi .rsform {
    margin-top: 3em;
}


.gtm_emploi .formResponsive input[type="file"] {
    font-size: 17px;
    margin-top: 26px;
    margin-left: 19px;
}



.gtm_emploi .formResponsive .formHorizontal .formControlLabel {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
}


.gtm_emploi .formResponsive .formHorizontal .rsform-block{
    margin-bottom: 0;
}


.gtm_emploi .formResponsive textarea:focus, .gtm_emploi .formResponsive input[type="text"]:focus, .gtm_emploi .formResponsive input[type="number"]:focus, .gtm_emploi .formResponsive input[type="email"]:focus, .gtm_emploi .formResponsive input[type="tel"]:focus, .gtm_emploi .formResponsive input[type="url"]:focus, .gtm_emploi .formResponsive input[type="password"]:focus, .gtm_emploi .formResponsive select:focus{
border-color: #717477;
}

.gtm_emploi button#soumettre {
    margin: auto;
    display: block;
}
.gtm_emploi .gtm_accordeon_formulaire_cj .formResponsive input[type="submit"], .formResponsive button[type="submit"]{
        margin-left: 1em;
}


@media only screen and (min-width: 580px){
    .gtm_emploi .formResponsive .formHorizontal .formControlLabel {
    float: left;
    text-align: left;
    margin-left: 1em;

}
}

@media only screen and (min-width: 651px){
.gtm_emploi .formResponsive .formHorizontal .formControlLabel {
    float: unset;
    text-align: center;
    margin-left: auto;
    width: 100%;
}
.gtm_emploi .formResponsive textarea, .gtm_emploi .formResponsive input[type="text"], .gtm_emploi .formResponsive input[type="number"], .gtm_emploi .formResponsive input[type="email"], .gtm_emploi .formResponsive input[type="tel"], .gtm_emploi .formResponsive input[type="url"], .gtm_emploi .formResponsive input[type="password"] {
    width: 75%;
    float: none;
    text-align: center;
    margin: auto;
    display: -webkit-box;
}

.gtm_emploi .formResponsive .formHorizontal .formControls{
margin-left: 0;
}

.gtm_emploi .formResponsive input[type="file"] {
    margin: auto;
    display: -webkit-box;
    margin-top: 1em;
}

}

@media only screen and (min-width: 900px){


    .gtm_emploi .formControls {
    width: 60%;
}
.gtm_emploi .formResponsive .formHorizontal .formControlLabel {
    display: block;
}
.gtm_emploi .formResponsive input[type="file"] {
    margin-left: unset;
    margin: auto;
    margin-top: 26px;
    display: block;
}

.gtm_emploi .formResponsive .formHorizontal .formControls {
    margin-left: auto;
    margin-right: auto;
}

.gtm_emploi .gtm_accordeon_formulaire_cj .formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    margin-left: unset;
    margin: auto;
    display: table;
}


}


@media only screen and (min-width: 1000px){
    .gtm_emploi .formResponsive textarea, .gtm_emploi .formResponsive input[type="text"], .gtm_emploi .formResponsive input[type="number"], .gtm_emploi .formResponsive input[type="email"], .gtm_emploi .formResponsive input[type="tel"], .gtm_emploi .formResponsive input[type="url"], .gtm_emploi .formResponsive input[type="password"] {
    width: 80%;

}
}
@media only screen and (min-width: 1300px){
    .gtm_emploi .formResponsive textarea, .gtm_emploi .formResponsive input[type="text"], .gtm_emploi .formResponsive input[type="number"], .gtm_emploi .formResponsive input[type="email"], .gtm_emploi .formResponsive input[type="tel"], .gtm_emploi .formResponsive input[type="url"], .gtm_emploi .formResponsive input[type="password"] {
    width: 60%;

}
}
/*-----------------NOUS JOINDRE---------------------*/

.rsformgtm_nousjoindre{
    background-image: url(/images/repit_ficelle.svg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 1em 1em 1em 1em;
}

.rsformgtm_nousjoindre .formControlLabel{
    font-size: 1.5em;
    font-weight: 700;

}


.rsformgtm_nousjoindre .formRequired {
    font-size: 0;
}


.rsformgtm_nousjoindre .formRequired::after {
    content: url(/images/repit-formulaire-etoile.svg);
    width: 17px;
    position: absolute;
}

input#prenom, input#Nom, input#Courriel, input#Telephone {
    background-color: transparent;
}

.rsformgtm_nousjoindre .formResponsive input[type="text"]:focus {
    border-color: #052f5f;
}

textarea:focus{
    background-color: white;
    color: #261B1E;
}


.gtm_joindre h4 {
    text-align: center;
    font-size: 4.3em;
    margin-top: 0.5em;
}

@media only screen and (min-width: 500px){
    .gtm_joindre h4 {
    margin-left: 0.3em;
}

}


@media only screen and (min-width: 651px){
    .rsformgtm_nousjoindre{
    margin-left: 2em;
}
 .gtm_joindre h4 {
    font-size: 7em;
    margin-top: 0.25em;
}
}

/*-------------------CARTE----------*/


.gtm_carteamitemps:before {
    content: url(/images/amitemps-nj-maison.svg);
    width: 149px;
    display: block;
    margin: auto;
    margin-bottom: -1em;
}

.gtm_carteamitemps {
    margin-top: -2em;
    font-size: 1.5em;

}


.gtm_carteamitemps:after {
    content: url(/images/carte-amitemps-01.svg);
    position: relative;
}


.gtm_carteamitemps p {
    margin: 0;
}

a#repit-courriel{
    margin: 0;
    line-height: 0;
}

#nj-adresse, #nj-telephone, #nj-courriel, #nj-facebook {
    margin-left: 1.75em;
    text-align: center;
}

#nj-adresse p, #nj-telephone p, #nj-courriel p, #nj-facebook p{
    padding: 0.5em;
}

#nj-adresse p:before {
    content: url(/images/amitemps-nj-adresse.svg);
    width: 43px;
    position: absolute;
    margin-left: -1.65em;
    margin-top: 0.15em;}


#nj-telephone p:before {
    content: url(/images/amitemps-nj-telephone.svg);
    width: 42px;
    position: absolute;
    margin-left: -1.65em;
    margin-top: 0.15em;
}

#nj-courriel p:before {
    content: url(/images/amitemps-nj-courriel.svg);
    width: 34px;
    position: absolute;
    margin-left: -1.6em;
    margin-top: 0.15em;
}

#nj-facebook p:before {
    content: url(/images/amitemps-nj-facebook.svg);
    width: 56px;
    position: absolute;
    margin-left: -1.6em;
    margin-top: 0.05em;
}

a#liencarte {
    text-align: center;
    display: block;
    font-size: 2em;
    margin-top: 0.5em;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px){
.gtm_carteamitemps:before {
    margin-top: 2em;
}
}

@media only screen and (min-width: 1050px){
.gtm_carteamitemps:before {
    margin-top: 0;
}
}
@media only screen and (min-width: 1155px){
.gtm_carteamitemps:after {
    position: unset;
    width: 475px;
    display: block;
    margin: auto;
}
}

@media only screen and (min-width: 1155px){
  .gtm_carteamitemps {
    margin-bottom: 0;
    margin-top: 0;
}  
}


img.gtm_credits {
    margin-top: -3em;
    margin-bottom: -3em;
}


.gtm_lignedetexte h2 {
    font-size: 2em;
    margin-left: 10px;
    line-height: 28px;
    margin-top: 2.25em;
}


.gtm_lignedetexte p {
    font-size: 2em;
}

/*----------------CLASS Smart slider---------------*/

@media only screen and (min-width: 801px){
.gtm_iconeentete{
    opacity: 0.75;
}

}
/*  --------------------  M E D I A  Q U E R I E S  --------------------  */



/* ---- V E R S I O N   I M P R I M A B L E  D U  S I T E ---- */
@media print { 

    /* Titre menu */
    .megaMenuToggle {
        display: none !important;
    }

    /* Menu */
    .js-megamenu {
        display: none !important;
    } 

    .megamenu level0 {
        display: none !important;
    } 
}


/* ---- A F F I C H A G E  S U R   D E S K T O P ---- */

@media only screen and (max-width: 768px) {
    .gtm_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  E T  D E S K T O P ----  */

@media only screen and (max-width: 480px) {
    .gtm_tablette_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  ----  



 @media only screen and (min-width: 769px){
    .gtm_tablette {
        display:none
    }}

@media only screen and (max-width: 479px) {
    .gtm_tablette {
        display:none
    }  
}

*/



@media only screen and (min-width: 769px) and (max-width: 480px){
    .gtm_tablette {
        display: none;
   }
}


/* ---- A F F I C H A G E  S U R  M O B I L E  E T  T A B L E T T E  ----  */

@media only screen and (min-width: 769px) {
    .gtm_mobile_tablette {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  M O B I L E  ----  */

@media only screen and (min-width: 479px) {
    .gtm_mobile {
    display: none;
    }
    
}


@media screen and (max-width:1200px ) {
    .gtm_logomenu {
        display: none;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
  POLITIQUE DE CONFIDENTIALITÉ ET COOKIES
------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------- */

/* politique de confidentialité */

.gtm-confidentialite h2 {
    padding: 15.75px 21px;
    line-height: 1.2em;
}

.gtm-confidentialite h3 {
    padding: 15.75px 21px;
}

.gtm-confidentialite p {
    padding: 15.75px 21px 0px 21px;
}

.gtm-confidentialite li {
    line-height: 1.55em;
    padding: 15.75px 0 0 0;
    color: #261B1E;
    font-size: 1.1em;
    font-weight: 400;
}

/* formulaire droit à l'oubli */
.gtm_oubli {
    padding: 5em 1.5em 5em 1.5em;
    max-width: 1200px;
    margin: 0 auto;
}

.rsformrsform.gtm_oubli {
    padding: 5em 0;
}

label.formControlLabel {
    font-size: 1.5em;
}

.rsform-block.rsform-block-opposition.rsform-type-freetext p {
    padding: 0 0 1.5em 0;
}

.gtm_oubli .rsform-block.rsform-block-message.rsform-type-textarea {
    padding-top: 3em;
}

.gtm_oubli input#prenom, input#Nom, input#Courriel, input#Telephone {
    width: 95% !important;
}

.gtm_oubli textarea#Message {
    width: 97%;
    height: 100px;
}

.gtm_oubli button#Soumettre {
    margin-top: 2em;
}

/* image de cookie */
.cc-revoke.cc-bottom {
    background-image: url(/images/cookie.svg);
    width: 30px;
    height: 30px;
    left: 15px;
    bottom: 15px;
    background-color: transparent !important;
    -webkit-animation: cookie 0.4ss .8s both;
    animation: cookie 0.4s .8s both;
  }
  
  @keyframes cookie {
    0% {  
      visibility: hidden;
      transform: translate(0%, 100%); 
    }
    100% {
      visibility: visible;
      transform: translate(0%, 0%); 
    }
  }
  
  /* grille du pop up */
  .cc-message-text {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
    
  .cc-message-text .p1 { 
    grid-area: 1 / 1 / 2 / 2; 
    font-size: 16px;
    margin-bottom: 0;
  }
  
  .cc-message-text .cc-checkboxes-container {
    grid-area: 2 / 1 / 3 / 2;
    /* margin-top: 20px;
    margin-bottom: 20px; */
  }
  
  .cc-message-text .cc-compliance {
    grid-area: 3 / 1 / 4 / 2;
  }
  
  /* bouton fermeture popup */
  .cc-close {
    top: 0.8em;
    right: 0.6em;
    font-size: .8em;  
  }
  
  /* bouton fermeture popup */
  .cc-link.cc-privacy {
    font-size: 16px;
  }
  
  /* boutons */
  span.cc-cookie-settings-toggle, div.cc-window a.cc-btn {
    border-radius: 10px !important;
  }
  
  span.cc-cookie-settings-toggle, .cc-btn.cc-allowall, .cc-btn.cc-deny, a.cc-btn.cc-allow {
    font-size: 16px !important;
    font-weight: 500;
    padding: 5px 10px !important;
    line-height: 1.2;
    height: inherit !important;
    text-decoration: none !important;
  }
  
  span.cc-cookie-settings-toggle:hover, .cc-btn.cc-allowall:hover, .cc-btn.cc-deny:hover, a.cc-btn.cc-allow:hover {
    /* background-color: #fff !important;
    color: #F15A29!important; */
    opacity: 0.5;
  }
  
  /* lien politique de confidentialité et catégories de cookies */
  a.cc-link.cc-privacy:hover {
    opacity: 0.5;
  }
  
  a.cc-link.cc-cookie-checkbox:hover label {
    opacity: 0.5;
  }
  
  /* alignement */
  div.cc-checkboxes-container {
    align-items: center;
    margin-top: 0px;
  }
  
  input.cc-cookie-checkbox+span:after, input.cc-cookie-checkbox+span:before {
    display: none;
  }
  
  input.cc-cookie-checkbox {
    appearance: auto !important;
    opacity: 1;
  }
  
  .cc-cookie-settings-toggler {
    display: none !important;
  }
  
  input.cc-cookie-checkbox:checked+span:after, input.cc-cookie-checkbox:checked+span:before {
    display: none !important;
  }
  
  div.cc-checkboxes-container a.cc-btn.cc-allow {
    margin-bottom: 0px !important;
    margin-top: 0px;
  }

@media screen and (min-width: 801px) { 
.gtm-confidentialite li {
    font-size: 1.2em;
  }
}