/*_______   ______   .__   __. .___________.        ___      ____    __    ____  _______      _______.  ______   .___  ___.  _______ 
|   ____| /  __  \  |  \ |  | |           |       /   \     \   \  /  \  /   / |   ____|    /       | /  __  \  |   \/   | |   ____|
|  |__   |  |  |  | |   \|  | `---|  |----`      /  ^  \     \   \/    \/   /  |  |__      |   (----`|  |  |  | |  \  /  | |  |__   
|   __|  |  |  |  | |  . `  |     |  |          /  /_\  \     \            /   |   __|      \   \    |  |  |  | |  |\/|  | |   __|  
|  |     |  `--'  | |  |\   |     |  |         /  _____  \     \    /\    /    |  |____ .----)   |   |  `--'  | |  |  |  | |  |____ 
|__|      \______/  |__| \__|     |__|        /__/     \__\     \__/  \__/     |_______||_______/     \______/  |__|  |__| |_______|*/

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



/* ---- Pour changer la couleur des icônes ----*/
i {
    color: #000000;
    margin: 0.3em 0.3em 0em 0em;
}

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


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

body {
    
    font-family: 'Fredericka the Great', cursive;
    font-family: 'Dancing Script', cursive;
    font-family: 'Raleway', sans-serif;
    color: #838383;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.625em;
    width: 100%;
    margin: auto;
    margin-bottom: 30px; /* Ne pas changer */
    padding-left: 0;
    padding-right: 0;
 
    
}




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

hr { 
   border-style: solid;
border-width: 10px 0px 0px;
-moz-border-image: url(http://www.dev.garderlecap.ca/images/ligne-pointille.png) 15 0 0 repeat stretch;
-webkit-border-image: url(http://www.dev.garderlecap.ca/images/ligne-pointille.png) 15 0 0 repeat stretch;
-o-border-image: url(http://www.dev.garderlecap.ca/images/ligne-pointille.png) 15 0 0 repeat stretch;
border-image: url(http://www.dev.garderlecap.ca/images/ligne-pointille.png) 15 0 0 fill repeat stretch;

}


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

.row-fluid {

}

.container-fluid {
    margin: 0 auto;    /* Ne pas changer */
    max-width: 1800px; /* Ne pas changer */
}


/* ---- 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 {
    bottom: 0;
    height: 135px;
    width: 100%;
    overflow:hidden;
    margin-top: 0.5em;
}

@media only screen and (max-width: 480px) {
    .gtm_footer {
        height: 165px;
    }
}


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

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


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

    .gtm_flinks {
        margin-bottom: 0;
    }

    .gtm_flogo {
        margin-bottom: 0;
}
}


/*  Logo dans le menu  */

.menu101 > img {
    min-width: 70px ;
}



.gtm_copyright {
    clear: both;
    text-align: center;
    margin: auto;
    font-size: 0.8em;
}


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

}


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

.gtm_menu_background {
    background: rgba(251,251,251,0);
    width: 100%;
    position: relative;
    z-index: 999;
}


/* --------  T Y P O G R A P H I E --------  */



/* ---- H E A D I N G S ---- */


h1 {
    
    font-family: 'Fredericka the Great', cursive;
    font-size: 3.5em;
    margin: 0px;
    font-weight: 300;
    font-style: normal;
    color: rgba(35, 192, 215, 1);
    line-height: 1.3em;
}

@media only screen and (max-width: 1024px) {
    h1 {
    font-size: 2.8em ;
}
}

@media only screen and (max-width: 768px) {
    h1 {
    font-size: 2.5em ;
}
}

@media only screen and (max-width: 560px) {
    h1 {
    font-size: 2em ;
}
}

h2 {
    font-size: 2em;
    margin: -20px 0 15px 0px;
    font-weight: 300;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
    line-height: 1.3em;
}
@media only screen and (max-width: 768px) {
    h2 {
    font-size: 1.3em ;
}
}

h3 {
    font-family: 'Fredericka the Great', cursive;
    margin: 0 0 15px 0px;
    font-size: 2em;
    font-weight: 100;
    color: rgba(35, 192, 215, 1);
    line-height: 1.15em;
}
@media only screen and (max-width: 768px) {
    h3 {
    font-size: 1.4em ;
}
}

h4 {
    font-family: 'Dancing Script', cursive;
    margin: 0 0 25px 0px;
    font-weight: 300;
    font-style: normal;
    font-size: 2.6em;
    color: rgba(50, 40, 76, 1);
    line-height: 1.05em;
}
@media only screen and (max-width: 768px) {
    h4 {
    font-size: 2em ;
}
}

h5 {
    margin: 0 0 25px 0px;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    line-height: 1.05em;
}
@media only screen and (max-width: 768px) {
    h5 {
    font-size: 1.6em ;
}
}

@media only screen and (max-width: 560px) {
    h5 {
    font-size: 1.3em;
    margin: 20px 0 0 0
}
}

h6 {
    margin: 0 0 25px 0px;
    font-weight: 300;
    font-style: normal;
    font-size: 1em;
    color: rgba(50, 40, 76, 1);
    line-height: 1.05em;
}

p {
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}

@media only screen and (max-width: 768px) {
    p {
    font-size: 1em ;
}
}


/* ---- L I E N S ---- */
a {
    font-size: 1.2em!important;
    color: #f9a11b;
    font-weight: 400;
}

a:active, a:hover {
    color: #e27d26;
    text-decoration: none;
}

a:visited {
    color: #f9a11b;
    text-decoration: none;
}


/* Ajouter un offset aux anchors*/

a.gtm_anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}


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

.form-horizontal .control-label{
    font-size: 1.2em;
    text-align: left;
}

.form-group {
    margin-bottom: 0;
}

.gtm_formulaire {
padding: -2px 80px;
}

.gtm_formulaire input, textarea, .uneditable-input {
    min-width: 380px;
}

.gtm_formulaire textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="prenom"]:focus, input[type="nom"]:focus, input[type="courriel"]:focus, input[type="telephone"]:focus, input[type="message"]: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 {
    outline: solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

@media only screen and (max-width: 480px) {
.gtm_formulaire_mobile input, textarea, .uneditable-input{
    min-width: 270px;
}
}

/*   A N I M A T I O N S 

@keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

/* CLASSE POUR CENTRER IMAGES DANS MOBILE */


@media only screen and (max-width: 560px) {
    .gtm_img {
   width: 40%;
   margin:0.2em 1.2em 0.2em 0.2em !important;
}
}


/*CLASS POUR AJUSTER IMAGE AFIN QU'ELLES SOIENT PLUS PETITES DANS LES MOBILE VOIR PAGE MESURES FISCALES*/

@media only screen and (max-width: 560px) {
    .gtm_img_p {
   width: 30%;
   margin-right: 1em;
}
}

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



/*RÉVISION SCIENTIFIQUE*/


.gtm_revision h5 {
    margin: 0 0 1em 0;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em!important;
    color: rgba(50, 40, 76, 1);
    line-height: none;
}


@media only screen and (max-width: 560px) {
    .gtm_revision h5  {
   font-size: 1em!important;
   line-height: 1.2;
}
}


#lienversott {
    margin-top: 2em;
}

#lienversott:after {
    content: url(/images/logo-ott.svg);
    position: absolute;
    width: 42px;
    margin-top: -0.9em;
    margin-left: 0.25em;
}

/* Block1*/
.gtm_block1{
    padding: 0 0.8em;
}

@media only screen and (max-width: 560px) {
    .gtm_block1 {
   padding: 1em;
}
}

/* Populaire */
.gtm_populaire{
    padding: 0;
    margin-left: 0em;
}

@media only screen and (max-width: 767px) {
    .gtm_populaire {
   padding:1em; 
}
}

.gtm_populaire h3{
    margin: 0 0 0.5em -0.7em;
}

@media only screen and (max-width: 1312px) {
    .gtm_populaire h3{
   font-size: 1.7em!important;
}
}

@media only screen and (max-width: 1024px) {
    .gtm_populaire h3{
   font-size: 1.5em!important;
}
}

@media only screen and (max-width: 767px) {
    .gtm_populaire h3{
   font-size: 1.7em!important;
   margin:0; 
}
}

@media only screen and (max-width: 1312px) {
    .gtm_populaire a{
   font-size: 1em!important;
}
}

@media only screen and (max-width: 1024px) {
    .gtm_populaire a{
   font-size: 0.75em!important;
}
}

@media only screen and (max-width: 767px) {
    .gtm_populaire a{
   font-size: 1.2em!important;
}
}

@media only screen and (max-width: 1024px) {
    .gtm_populaire li{
   padding:0.2em 0;
   line-height: 1em;
}
}

@media only screen and (max-width: 560px) {
    .gtm_populaire {
   padding: 1em;
}
}

/* bloc chapitre page guide  */
.gtm_chapitre{
    text-align: center;
}
.gtm_chapitre h3{
    text-align: left;
    padding-left: 1em;
}

/* bloc page guide affichage sous-menu  */

 .gtm_menu_chapitre {
    padding: 1em;
     
 }

 .gtm_menu_chapitre a {
    color: rgba(50, 40, 76, 0.7);
    font-weight: 400;
    padding: 0.2em 0.5em;
    font-size: 1em!important;
    line-height: 1.3
}



.gtm_menu_chapitre a:active, a:hover {
    color: #23c0d7;
    text-decoration: none;
}

.gtm_menu_chapitre a:visited {
    color: rgba(50, 40, 76, 0.7);
    text-decoration: none;
}


.gtm_menu_chapitre li:before{
    display:none;
}

.gtm_menu_chapitre li{
    line-height: 1.5;
    margin: 0.3em 0; 
}

@media only screen and (max-width: 560px) {
    .gtm_menu_chapitre li{
    margin: 0.5em 0;
}
}

ul.nav-child.unstyled.small {
    font-size: 0.8em;
    line-height: 1.1;
    padding: 0.2em 0 0.2em 1.5em;
    text-indent: -0.5em;
}


/* retour */
.gtm_retour{
text-align: center;
}

/* Conseil d'un parent à un autre  */
.gtm_conseil_parents {
    margin-top: 6em; 
    border-style: solid;
    border-width: 16px 0px;
    -moz-border-image: url(/images/cordage.png) 16 0 16 27 repeat;
    -webkit-border-image: url(/images/cordage.png) 16 0 16 27 repeat;
    -o-border-image: url(/images/cordage.png) 16 0 16 27 repeat;
    border-image: url(/images/cordage.png) 16 0 16 27 fill repeat;
    padding: 0 10px;
    margin-bottom: 2em;
}

.gtm_conseil_parents h3:before {
   content: url(/images/conseil-parent.png);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_conseil_parents h3:before {
   content: url(/images/conseil-parent-mobile.png);
   margin: 0 10px 0 0;
}
}

.gtm_conseil_parents h3 {
    margin: -80px 0 0 20px;
    font-size: 2em;
}
@media only screen and (max-width: 560px) {
    .gtm_conseil_parents h3 {
     margin: -40px 0 0 0;
     font-size: 1.3em ;
     text-align: right;
}
}

.gtm_conseil_parents h4{
    text-decoration: none;
    font-family: 'Dancing Script', cursive;
    color:#23C0D7;
    text-align: right;
    font-size: 1.8em;
    margin-right:0.8em;
}

@media only screen and (max-width: 560px) {
    .gtm_conseil_parents h4 {
    font-size: 1.6em ;
}
}

.gtm_conseil_parents h4:before{
    content: url(/images/tiret-bleu.png);
    margin-right: 10px;
}

.gtm_conseil_parents p:before{
    content: url(/images/openquote.png);
    margin-right: 10px;
}

.gtm_conseil_parents p:after{
    content: url(/images/closequote.png);
    margin-left: 10px;
}

@media only screen and (max-width: 560px) {
    .gtm_conseil_parents p {
    font-size: 1em ;
}
}


.gtm_conseil_parents h6{
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}

@media only screen and (max-width: 560px) {
    .gtm_conseil_parents h6 {
    font-size: 1em ;
}
}

.gtm_conseil_parents h5{
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}
@media only screen and (max-width: 560px) {
    .gtm_conseil_parents h5 {
    font-size: 1em ;
}
}

.gtm_conseil_parents h5:before{
    content: url(/images/openquote.png);
    margin-right: 10px;
}

.gtm_conseil_parents h2{
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}
@media only screen and (max-width: 560px) {
    .gtm_conseil_parents h2 {
    font-size: 1em ;
}
}

.gtm_conseil_parents h2:after{
    content: url(/images/closequote.png);
    margin-right: 10px;
}


/* conseil d'un intervenant à un parent */
.gtm_conseil_intervenant {
    margin-top: 4em;
    border:5px solid #23c0d7;
    padding: 10px;
    margin-bottom: 2em;
} 

.gtm_conseil_intervenant h3:before{
   content: url(/images/conseil-intervenant-a-parents.png);
}

@media only screen and (max-width: 560px) {
    .gtm_conseil_intervenant h3:before {
   content: url(/images/conseil-intervenant-a-parents-mobile.png);
   margin: 0;
}
}

.gtm_conseil_intervenant h3 {
  padding:0;
  margin:0;
  margin-top:-70px;
  font-size: 2em;
}
@media only screen and (max-width: 560px) {
    .gtm_conseil_intervenant h3 {
    font-size: 1.25em;
    text-align: right;
    margin-top: -50px;
    margin-left: -30px;
}
}

.gtm_conseil_intervenant h4 {
  font-size: 2em;
}

@media only screen and (max-width: 768px) {
    .gtm_conseil_intervenant h4 {
    font-size: 1.5em;
}
}


@media only screen and (max-width: 560px) {
    .gtm_conseil_intervenant h5 {
    font-size: 1.1em;
}
}


/* Belle idée! */
.gtm_idee {
    border: 3px solid #23c0d7;
    border-radius: 0 2em 0 2em;
    padding: 1em;
    margin-top: 8em;
    margin-bottom: 2em;
}

@media only screen and (max-width: 560px) {
    .gtm_idee {
   margin-top: 5em;
}
}

.gtm_idee h3:before{
   content: url(/images/belle-idee-phare.png);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_idee h3:before {
   content: url(/images/belle-idee-phare-mobile.png);
   margin: 10px;
}
}

.gtm_idee h3 {
    margin: -160px 0 0 -30px;
    font-size: 2em;
}

@media only screen and (max-width: 560px) {
    .gtm_idee h3 {
    font-size: 1.3em;
    margin:-90px 0 0 -30px;
}
}



/* Histoire de parents! */
.gtm_histoire_parents {
    background: rgba(215,208,195, 0.3);
    padding: 1em;
    border-radius: 0 0 0 65px;
    margin-top: 4em; 
   box-shadow: 6px -2px 25px #bfbfbf;
   margin-bottom: 2em;
}

.gtm_histoire_parents h3:before{
   content: url(/images/histoires-de-parents.png);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_parents h3:before {
   content: url(/images/histoires-de-parents-mobile.png);
   margin: 10px;
}
}

.gtm_histoire_parents h3 {
    margin: -80px 0 0 -30px;
    font-size: 2em;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_parents h3 {
    font-size: 1.3em;
    margin: -60px 0 -10px -25px;
}
}

.gtm_histoire_parents h4{
    text-decoration: none;
    font-family: 'Dancing Script', cursive;
    text-align: right;
    font-size: 1.8em;
    margin-right:0.8em;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_parents h4 {
    font-size: 1.6em!important ;
}
}

.gtm_histoire_parents h4:before{
    content: url(/images/tiret.png);
    margin-right: 10px;
}

.gtm_histoire_parents p:before{
    content: url(/images/openquote.png);
    margin-right: 10px;
}

.gtm_histoire_parents p:after{
    content: url(/images/closequote.png);
    margin-left: 10px;
}

.gtm_histoire_parents p {
    margin: 40px 0px 0px 0px;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_parents p {
    font-size: 1em;
}
}

.gtm_histoire_parents h5 {
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_parents h5 {
    font-size: 1em ;
}
}

/* Histoire de AUTRE TROP LONG! */
.gtm_histoire_autre {
    background: rgba(215,208,195, 0.3);
    padding: 1em;
    border-radius: 0 0 0 65px;
    margin-top: 4em; 
   box-shadow: 6px -2px 25px #bfbfbf;
   margin-bottom: 2em;
}

.gtm_histoire_autre h3:before{
   content: url(/images/histoires-de-parents.png);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_autre h3:before {
   content: url(/images/histoires-de-parents-mobile.png);
   margin: 10px;
}
}

.gtm_histoire_autre h3 {
    margin: -80px 0 0 0px;
    font-size: 2em;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_autre h3 {
    font-size: 1.2em;
    margin: -60px 0 -10px -25px;
    text-align: right;
}
}

.gtm_histoire_autre h4{
    text-decoration: none;
    font-family: 'Dancing Script', cursive;
    text-align: right;
    font-size: 1.8em;
    margin-right:0.8em;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_autre h4 {
    font-size: 1.6em!important ;
}
}

.gtm_histoire_autre h4:before{
    content: url(/images/tiret.png);
    margin-right: 10px;
}

.gtm_histoire_autre p:before{
    content: url(/images/openquote.png);
    margin-right: 10px;
}

.gtm_histoire_autre p:after{
    content: url(/images/closequote.png);
    margin-left: 10px;
}

.gtm_histoire_autre p {
    margin: 40px 0px 0px 0px;
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_autre p {
    font-size: 1em;
}
}

.gtm_histoire_autre h5 {
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}

@media only screen and (max-width: 560px) {
    .gtm_histoire_autre h5 {
    font-size: 1em ;
}
}

/* saviez-vous que? */
.gtm_saviez_vous {
    margin-top: 4em;
    border-top:40px solid #23c0d7;
    border-bottom:20px solid #23c0d7;
    padding: 10px;
    margin-bottom: 2em;
}

@media only screen and (max-width: 948px) {
    .gtm_saviez_vous {
  border-top:20px solid #23c0d7;
  border-bottom:10px solid #23c0d7;
}
}

@media only screen and (max-width: 560px) {
    .gtm_saviez_vous {
  border-top:25px solid #23c0d7;
  border-bottom:10px solid #23c0d7;
}
}

.gtm_saviez_vous h3:before{
   content: url(/images/saviez-vous-que.png);
}

@media only screen and (max-width: 948px) {
    .gtm_saviez_vous h3:before {
   content: url(/images/saviez-vous-que-mobile.png);
}
}


.gtm_saviez_vous h3 {
  padding:0;
  margin:0;
  margin-top:-90px;
  font-size: 2em;
}

@media only screen and (max-width: 948px) {
    .gtm_saviez_vous h3 {
    font-size: 1.7em;
    margin-top:-40px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_saviez_vous h3 {
    font-size: 1.3em;
    margin-top:-50px;
}
}


/* pour aller plus loin  */
.gtm_aller_plus_loin {
    margin-top: 6em; 
    border-style: solid;
    border-width: 50px 0px;
    -moz-border-image: url(/images/vagues.png) 50 0 repeat;
    -webkit-border-image: url(/images/vagues.png) 50 0 repeat;
    -o-border-image: url(/images/vagues.png) 50 0 repeat;
    border-image: url(/images/vagues.png) 50 0 fill repeat;
    padding: 0 10px;
    margin-bottom: 2em;
}

@media only screen and (max-width: 560px) {
    .gtm_aller_plus_loin {
    border-width: 30px 0px;
    margin-top: 4em;
}
}

.gtm_aller_plus_loin h3:before {
   content: url(/images/aller-plus-loin.png);
   margin: 0 10px 0 0;

}

@media only screen and (max-width: 560px) {
    .gtm_aller_plus_loin h3:before {
   content: url(/images/aller-plus-loin-mobile.png);
}
}

.gtm_aller_plus_loin h3 {
    margin: -100px 0 0 20px;
    font-size: 2em;
}

@media only screen and (max-width: 560px) {
    .gtm_aller_plus_loin h3 {
    font-size: 1.3em;
    margin: -40px 0 0 0; 
}
}

.gtm_aller_plus_loin img.pull-right {
    margin-top: 20px;
}

@media only screen and (max-width: 800px) {
    .gtm_aller_plus_loin img.pull-right{
    width: 30%;
    margin: 1em 5px ;
}
}

@media only screen and (max-width: 560px) {
    .gtm_aller_plus_loin img.pull-right{
    width: 30%;
    margin: 5px;
}
}

/* Outils (inclus sur le site)  */
.gtm_outils {
    margin-top: 4em;
    border:4px dashed #23c0d7;
    padding: 1em;
    margin-bottom: 2em;
} 

.gtm_outils h3:before{
   content: url(/images/outils.png);
}

@media only screen and (max-width: 974px) {
    .gtm_outils h3:before {
   content: url(/images/outils-mobile.png);
}
}

.gtm_outils h3 {
  padding:0;
  margin:0;
  margin-top:-70px;
  font-size: 2em;
}

@media only screen and (max-width: 1060px) {
    .gtm_outils h3 {
    font-size: 1.7em;
    margin-top: -50px;
}
}

@media only screen and (max-width: 974px) {
    .gtm_outils h3 {
    font-size: 1.5em;
    margin-top: -35px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_outils h3 {
    font-size: 1.2em;
    margin-top: -50px;
    text-align: left;
}
}

@media only screen and (max-width: 560px) {
    .gtm_outils li {
    font-size: 0.8em;
}
}

/* Guide  */
.gtm_guide {
    margin-top: 4em;
    border:4px dashed #23c0d7;
    padding: 1em;
    margin-bottom: 2em;
} 

.gtm_guide h3:before{
   content: url(/images/guide-logo.png);
}

@media only screen and (max-width: 974px) {
    .gtm_guide h3:before {
   content: url(/images/guide-logo-mobile.png);
}
}

.gtm_guide h3 {
  padding:0;
  margin:0;
  margin-top:-70px;
  font-size: 2em;
}

@media only screen and (max-width: 1060px) {
    .gtm_guide h3 {
    font-size: 1.7em;
    margin-top: -50px;
}
}
@media only screen and (max-width: 974px) {
    .gtm_guide h3 {
    font-size: 1.5em;
    margin-top: -50px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_guide h3 {
    font-size: 1.2em;
    margin-top: -50px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_guide li {
    font-size: 0.8em;
}
}

/* BLOG  */
.gtm_blog {
    margin-top: 4em;
    border:4px dashed #23c0d7;
    padding: 1em;
    margin-bottom: 2em;
} 

.gtm_blog  h3:before{
   content: url(/images/retour-au-blog-icone.jpg);
}

@media only screen and (max-width: 974px) {
    .gtm_blog   h3:before {
   content: url(/images/retour-au-blog-icone-mobile.jpg);
}
}

.gtm_blog  h3 {
  padding:0;
  margin:0;
  margin-top:-70px;
  font-size: 2em;
}

@media only screen and (max-width: 1060px) {
    .gtm_blog h3 {
    font-size: 1.7em;
    margin-top: -50px;
}
}

@media only screen and (max-width: 974px) {
    .gtm_blog h3 {
    font-size: 1.5em;
    margin-top: -50px;
}
}

@media only screen and (max-width: 560px) {
   .gtm_blog  h3 {
    font-size: 1.2em;
    margin-top: -50px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_blog  li {
    font-size: 0.8em;
}
}



/*  ajuste le modal popup des conditions d'utilisation  */

.modal-body {
max-height: 600px !important;
}


/* Alerte Rouge  */
.gtm_alerte {
    margin-top: 4em;
    border:4px dashed red;
    padding: 1em;
    margin-bottom: 2em;
} 

.gtm_alerte h3:before{
   content: url(/images/alerte.jpg);
}

@media only screen and (max-width: 560px) {
    .gtm_alerte h3:before {
   content: url(/images/alerte-mobile.jpg);
}
}

.gtm_alerte h3 {
  padding:0;
  margin:0 0 0 -0.8em;
  margin-top:-70px;
  font-size: 2em;
  color:red;
  text-transform: uppercase;
}

@media only screen and (max-width: 560px) {
    .gtm_alerte h3 {
    font-size: 1.3em;
    margin-top: -50px;
}
}

.gtm_alerte h5{ 
    margin: 10px 0 15px 5.3em;
    font-weight: 600;
    font-style: normal;
    font-size: 1.4em;
    color: rgba(50, 40, 76, 1);
    line-height: 1.05em;

}

@media only screen and (max-width: 560px) {
    .gtm_alerte h5 {
    font-size: 1.2em;
    margin: 20px 0 0 0
}
}

/*  ETABLISSEMENTS PUBLICS*/
.gtm_etablissements {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
    margin-bottom: 2em;
}
@media only screen and (max-width: 560px) {
    .gtm_etablissements {
    margin-bottom: 1em;
    }
}

.gtm_etablissements h3:before{
   content: url(/images/telephone.jpg);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_etablissements h3:before {
   content: url(/images/telephone-mobile.jpg);
}
}

.gtm_etablissements h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}


@media only screen and (max-width: 768px) {
    .gtm_etablissements h3 {
    font-size: 1.2em ;

}
}

@media only screen and (max-width: 560px) {
    .gtm_etablissements a {
    font-size: 1em!important;
}
}

/*  ORGANISMES - HANDICAP MOTEUR*/
.gtm_org_moteur {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
}

.gtm_org_moteur h3:before{
   content: url(/images/handicap-moteur.png);
   margin: 0 10px 0 0;
}


@media only screen and (max-width: 560px) {
    .gtm_org_moteur h3:before {
   content: url(/images/handicap-moteur-mobile.png);
}
}

.gtm_org_moteur h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}


@media only screen and (max-width: 768px) {
    .gtm_org_moteur h3 {
    font-size: 1.1em;
    margin-top: -60px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_org_moteur a {
    font-size: 1em!important;
}
}

/*  ORGANISMES - TSA*/
.gtm_org_tsa {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
}

.gtm_org_tsa  h3:before{
   content: url(/images/handicap-tsa.png);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_org_tsa h3:before {
   content: url(/images/handicap-tsa-mobile.png);
}
}

.gtm_org_tsa  h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}


@media only screen and (max-width: 768px) {
    .gtm_org_tsa  h3 {
     font-size: 1.1em;
    margin-top: -60px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_org_tsa a {
    font-size: 1em!important;
}
}

/*  ORGANISMES - DI*/
.gtm_org_di {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
}

.gtm_org_di  h3:before{
   content: url(/images/handicap-di.png);
   margin: 0 10px 0 0;
}

@media only screen and (max-width: 560px) {
    .gtm_org_di h3:before {
   content: url(/images/handicap-di-mobile.png);
}
}

.gtm_org_di  h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}



@media only screen and (max-width: 768px) {
    .gtm_org_di  h3 {
     font-size: 1.1em;
    margin-top: -60px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_org_di a {
    font-size: 1em!important;
}
}

/*  ORGANISMES - poly handicap*/
.gtm_org_poly {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
}

.gtm_org_poly h3:before{
   content: url(/images/handicap-poly.png);
   margin: 0 10px 0 0;
}

.gtm_org_poly  h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}

@media only screen and (max-width: 560px) {
    .gtm_org_poly h3:before {
   content: url(/images/handicap-poly-mobile.png);
}
}

@media only screen and (max-width: 768px) {
    .gtm_org_poly  h3 {
     font-size: 1.1em;
    margin-top: -60px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_org_poly a {
    font-size: 1em!important;
}
}

/*  ORGANISMES - 4 handicaps*/
.gtm_org_4hand {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
}

.gtm_org_4hand h3:before{
   content: url(/images/handicap-4.png);
   margin: 0 10px 0 0;
}

.gtm_org_4hand  h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}


@media only screen and (max-width: 560px) {
    .gtm_org_4hand h3:before {
   content: url(/images/handicap-4-mobile.png);
}
}

@media only screen and (max-width: 768px) {
    .gtm_org_4hand  h3 {
     font-size: 1.1em;
    margin-top: -60px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_org_4hand a {
    font-size: 1em!important;
}
}



/*  ORGANISMES PRIVE - SERVICES SPÉCIALISÉS*/
.gtm_services_spe {
    border: solid 4px #27c0d7;
    padding: 1em;
    margin-top:40px;
}

.gtm_services_spe h3:before{
   content: url(/images/service-specialises.png);
   margin: 0 10px 0 0;
}

.gtm_services_spe h3 {
    margin: -50px 0 0 0;
    font-weight: 600;
    font-style: normal;
    font-size: 1.6em;
    color: rgba(50, 40, 76, 1);
    font-family: 'Raleway', sans-serif;
}


@media only screen and (max-width: 560px) {
    .gtm_services_spe h3:before {
   content: url(/images/service-specialises-mobile.png);
}
}

@media only screen and (max-width: 768px) {
    .gtm_services_spe  h3 {
     font-size: 1.1em;
    margin-top: -60px;
}
}

@media only screen and (max-width: 560px) {
    .gtm_services_spe a {
    font-size: 1em!important;
}
}

@media only screen and (max-width: 560px) {
    .gtm_services_spe li {
    font-size: 0.8em;
}
}

/*ERREURS DE CONTENU*/
.gtm_erreurs_contenu{
	background-color: #a7d9e4;
	color: #112b51;
	text-align: center;
	padding: 1.5%;

}

.gtm_erreurs_contenu h3{
    color: #ffffff;
    padding-top: 2%;
}

.gtm_erreurs_contenu h2{
	font-size: 1.7em;
	color: #112b51;
	text-align: center;
	margin: 0px;
}
.gtm_erreurs_contenu a {
    font-size: 1.2em;
    color: #112b51;
    font-weight: 400;
}

.gtm_erreurs_contenu a:active, a:hover {
    color: rgba(50, 40, 76, 1);
    text-decoration: none;
}

.gtm_erreurs_contenu a:visited {
    color: rgba(50, 40, 76, 1);
    text-decoration: none;
}

@media only screen and (max-width: 800px) {
    .gtm_erreurs_contenu  h2 {
     font-size: 1.4em!important;
     padding:1em 0;
}
}

@media only screen and (max-width: 560px) {
    .gtm_erreurs_contenu  h2 {
     font-size: 1.2em!important;
     padding:1em 0;
}
}



/**** Module contact bleu ****/
.gtm_contact{
    background-color: #a7d9e4;
    color: #112b51;
    text-align: left;
    padding: 3% 0% 3% 4%;

}

.gtm_contact h3{
    color: #ffffff;
    padding-top: 2%;
}

.gtm_contact a{
    color: #112b51;
    font-size: 1em !important;
}

/* subventions & programmes */
.gtm_sub a{
    font-size: 1em!important;
    color: #112b51;
    font-weight: 400;
}

.gtm_sub a:hover{
    font-size: 1em!important;
    color: #f9a11b;
    font-weight: 400;
}


/*TÉLÉCHArGEMENT GUIDE*/

.gtm_guide_papier{
    //background-color: #a7d9e4;
    color: #ffffff;
    text-align: center;
    padding: 2em;
}

.gtm_guide_papier h5{
    text-align: left;
    color: #ffffff;
    padding-top: 2%;
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1.2;
}

@media only screen and (max-width: 1336px) {
    .gtm_guide_papier h5 {
    font-size: 1.3em;
}
}

@media only screen and (max-width: 1223px) {
    .gtm_guide_papier h5 {
    font-size: 1.1em;
}
}

@media only screen and (max-width: 560px) {
    .gtm_guide_papier h5 {
    font-size: 1.1em;
    text-align: center;
}
}


/*INFOLETTRE*/

.gtm_infolettre{
	background-image: url(/images/background_infolettre.jpg);
	background-size: 100%;
	background-position: center;
	color: #ffffff;
	text-align: center;
}

@media only screen and (max-width: 560px) {
    .gtm_infolettre h3 {
    font-size: 1.4em;
}
}

/* ACYMAILING DESIGN */

.acymailing_module_form .acymailing_introtext {
    font-size: 1.5em;
    color: #ffffff;
    text-align: center;
    margin: 0px;
    font-weight: 300;
    font-family: 'Fredericka the Great', cursive;
    padding-bottom: 1em!important;
}

.acymailing_module_form button subbutton btn btn-primary {
     border: 3px solid #ffffff;
    color: #ffffff!important;
}

/*  coins non arrondis  */
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;
}


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

ul {
    margin: 20px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.55em;
    font-style: normal;
    color: rgba(50, 40, 76, 1);
}

li {
    line-height: 1.55em;
}

li:before {
    content: url(/images/puce.png);
    display: inline-flex;
    height: 0;
    width: 0;
    left: -1em;
    position: relative;
    margin-left: 1em;
}


ol {
    padding: 0em 1em 1em 1em;
    line-height: 1.55em;
    font-size: 1.2em;
    color: rgba(50,40,76,1);
}




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


/* ---- S T Y L E 1 ----*/
blockquote{
  
  border: none;
  }

blockquote p {
    margin: 0;
    font-size: 1.2em;
   
}

@media only screen and (max-width: 768px) {
    blockquote p {
    font-size: 1em ;
    margin: 0 0 1em 0;
}
}

blockquote p:before {
     content: url(/images/openquote.png);
    margin-right: 10px;
}

blockquote p:after{
    content: url(/images/closequote.png);
    margin-left: 10px;
  }

/*  ---- R É F É R E N C E  ---- */

cite {
    text-decoration: none;
    font-family: 'Dancing Script', cursive;
    font-size: 2.2em;
    line-height: 2;
    color:#23c0d7;
}

@media only screen and (max-width: 768px) {
    cite {
    font-size: 1.6em!important ;
}
}

@media only screen and (max-width: 560px) {
    cite {
    font-size: 1.4em!important ;
    line-height: 1;
}
}

/*  H I K A S H O P */

/*  Caher les bullets de la page outils  */
li.hikashop_category:before {
    content: '' ;
}

/* T H U M N A I L     P A G E      O U  T I L S  */
.hikashop_subcontainer.thumbnail {
    border: none;
    box-shadow: none;
}

li.hikashop_product:before {
 content: '';
}

.hikashop_category_name {
    color: #23c0d7;
    font-weight: 300;
    font-size: 1em;
    font-family: 'Fredericka the Great', cursive;
}

/*@media only screen and (max-width: 768px) {
    .hikashop_category_name {
    font-size: 0.7em!important;
}
}*/

#hikashop_category_information_menu_828 div.hikashop_container {
    margin: 20px 20px;
}

@media only screen and (max-width: 1055px) {
    #hikashop_category_information_menu_828 div.hikashop_container {
    margin: 0!important;
}
}

.hikashop_container .thumbnail:hover {
     box-shadow: none !important;
}

.hikashop_category_name a {
    color: #23C0D7;
    font-weight: normal;
    margin-top: 30px;
    font-size: 2em!important;
    line-height: 1.1em;
}

@media only screen and (max-width: 1055px) {
    .hikashop_category_name a{
    font-size: 1.3em!important;
}
}


/*  P A G E     C A T E G O R I E S  */
div #hikashop_product_left_part img.hikashop_child_image {
margin: 2px;
height: 150px;
}

#hikashop_category_information_module_ div.hikashop_subcontainer span {
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2;
    font-weight: normal;
}

.hikashop_product_name a {
    font-weight: normal;
    font-family: 'Fredericka the Great', cursive;}

.hikashop_category_description_content h1 {
    font-size: 2.5em;
    color: #23c0d7;
    font-weight: normal;
    border-bottom: 1px none #ddd;
}

@media only screen and (max-width: 768px) {
    .hikashop_category_description_content h1{
    font-size: 1.6em!important ;
}
}

.hikashop_product li:before {
    visibility: none;
}

/* padding mobile */
 .hikashop_categories_listing_main {
    padding: 0 1em;
}   

/*  P A G E     P R O D U I T S */
#hikashop_product_top_part h1 {
    font-size: 2.5em;
    color: #23c0d7;
    font-weight: normal;
    border-bottom: 1px none #ddd;
}

@media only screen and (max-width: 768px) {
    #hikashop_product_top_part h1{
    font-size: 1.6em!important ;
}
}

#hikashop_product_price_main .hikashop_product_price_full {
    font-size: 2em;
    margin-bottom: 1em;
    margin-top:3em;
}

#hikashop_product_page{
    padding:0 1em!important;
}


legend {
border-bottom: none;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 1em;
}

@media only screen and (max-width: 768px) {
.hikashop_product_left_part {
    text-align: center;
    float: left;
    width: 100%;
}
}

.hikashop_product_right_part {
    //margin: 0 1em 0;
}

.hikashop_product_bottom_part {
    clear: both;
    width: 90%;
}

div#hikashop_product_Sequence_visuelle_pour_l___entrainement_a_la_proprete_page {
    margin: 0 1em 0;
}


/*  Hikashop bas de page navigation  */
.list-footer span.pagenav, .hikashop_subcategories_pagination .list-footer span.pagenav, .list-footer a.pagenav, .pagenav_previous_chevron, .pagenav_start_chevron, .pagenav_next_chevron, .pagenav_end_chevron {
    color: #363636;
    padding: 0px 8px;
   border: none;
  border-radius: none;
}

.hikashop_products_pagination .list-footer .pagenav, .hikashop_subcategories_pagination .list-footer .pagenav {
    color: #14caec;
    font-weight: 400;
    font-size: 2em!important;
    background-color: #FFF;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border: none;
    line-height: none;
}


/* ---- I M A G E S  P A G E  C R É D I T S ---- *
.gtm_credit {
float:left;
width:auto;
height:200px;
margin:10px;
}

.gtm_lignedetexte {
clear:both;
margin-bottom:2px;
}



/* --------  T A B L E   -------- */


/* ---- T A B L E   D E S K T O P ---- *
.gtm_table { 
  width:100%; 
  border-collapse: collapse;  
}

.gtm_table td { 
  padding:8px; 
}
 
.gtm_table tr:nth-child(even) { //(even) or (2n 0)
    background: #525354;
  color: #fff
}
.gtm_table tr:nth-child(odd) { //(odd) or (2n 1)
    background: #f1f1f1;
}

.gtm_table thead td{
    color: #fff;
  background-color: #df5f1e;
  font-size: 2em;
}

 */

/* ---- T A B L E  M O B I L E ---- *
.gtm_table_m { 
  width:100%; 
  border-collapse: collapse;  
}

.gtm_table_m td { 
  padding:8px; 
}
 
.gtm_trh1 {
    background-color: #df5f1e;
    color: #fff;
    font-size: 1.2em;
}

.gtm_trh2 {
      color: #fff;
  background-color: #525354;
    font-size: 1.2em;

}

.gtm_trh3 {
     color: #fff;
  background-color: #525354;
    font-size: 1.2em;

}
 */


 /*  Cacher le RSS du blogue  */

span#rsc_rss {
    display: none;
}


/*  RS Form pro  */

#rsform_5_page_0 input:focus {
    border: solid 1px #9d9d9c;
}

.gtm_formulaire textarea:focus {
border: solid 1px #9d9d9c;
outline: none !important;
}


/*  RS Comments  */

#rscommentsForm input:focus {
    border: solid 1px #9d9d9c;
}

textarea#rsc_comment:focus {
    border: 1px solid #9d9d9c;
}

/*  --------------------  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;
   }
}


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

@media only screen and (min-width: 768px) and (max-width: 991px){
.gtm_mobile_tablette991 {
    margin-top: -52px;
    z-index: 999;
    position: relative;
}
}


/* ---- 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;
    }
}