/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align:top;
}*/
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, 
.col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, 
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, 
.col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, 
.col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, 
.col-lg-11, .col-lg-12
{padding: 0;
    }*/
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup,nav, section {
      display: block;
  }
 .contour-page body {
      line-height: 1;
  }
 .contour-page ul {
      list-style: none;
  }

 .contour-page a {
     color:#FF9797;
     }
 .contour-page blockquote, q {
      quotes: none;
  }
.contour-page  blockquote:before, blockquote:after,
  q:before, q:after {
      content: '';
      content: none;
  }
.contour-page  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}
.pager a{
    font-weight: bold;
    }
.pager .previous a::before {
    content:'\2190';
    margin-right:0.5em;}
    
.pager .next a::after {
    content:'\2192';
    margin-left:0.5em;
    }
/* ===== primary styles =====================================================
   Author:
   ========================================================================== */
   html, div, map, dt, isindex, form {
      display: block;
  }
.contour-page  html {
     font-family : FontAwesome;}

     body {
      display: block;
      margin: 8px;

  }
.contour-page  body p{font-size: 1.15em;}

 .contour-page p, dl, multicol {
      display: block;
      margin: 1em 0;

  }
   
.contour-page img {
    margin:auto;
    display: block;
    max-width:100%;
    height:auto;}
.text-center{
    text-align:center;}
.contour-page  h1 {
      display: block;
      font-size: 1.7em;
      font-weight: bold;
      margin: .67em 0;
  }
  .sous-titre {    
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    margin: 1.5em 0 0.83em 0;
}

.contour-page h2 {    
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
}
.contour-page h3 {    
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
}
/*titres table des matières*/
.contour-page .table-mat {
    text-align:left!important;
}
.contour-page .titre-livre {   
    font-size: 1.15em;  
    display: block;
    font-weight: normal;
    margin: 0.8em 0;
}
.contour-page ul {
  display: block;
  margin: 1em 0;
  -moz-padding-start: 40px;
  padding-left: 2em;
}
.contour-page li {
  display: list-item;
  -moz-float-edge: margin-box;
}
.contour-page .menu .tabs li {
    line-height:inherit;
    }
.contour-page a {color: #C81F15;
    text-decoration: none;
}
.contour-page ol {
  display: block;
  margin: 1em 0;
  -moz-padding-start: 40px;
  padding-left: 2em;
  font-size: 1.15em;
  list-style-type: decimal;
  color: #FF9898;
}
.contour-page a:hover {color: #FF9898;
}           
.contour-page  {
   margin-top : 1%;
   margin-right : 5%;
   margin-left : 5%;
   margin-bottom:4%;
   position : relative;
   float: left;
   width: 90%;
   height: auto;
   border:1px solid #585858;
   border-radius:0px 15px 15px 0px;
   -moz-border-radius:0px 15px 15px 0px;
   -webkit-border-radius:0px 15px 15px 0px;
   -khtml-border-radius:0px 15px 15px 0px;
   box-sizing: content-box;
}
.contour-page .logolivre {
    width:50%;
    height: 1.2em;
    margin-top: 3%;
    margin-left:3%;
    margin-bottom :0;
    color: #C81F15;
    font-style: italic;
}
.contour-page .language-selector li {
    list-style: none!important;
    }
.contour-page .pageG {
    position : relative;
    float : left;
    padding-left : 3%;
    width: 86%;
    height : auto;
    margin-top: 28px;
    margin-left : 30px;
    border-style: solid;
    border-color : #585858;
    border-width: 2px 0px 0px 2px;
    color: #727272;
}
.contour-page .menu {
    position: relative;
    float : right;
    width: 10%;
    height: 100%;
    margin-bottom: 1%; 
}
.contour-page #sommaire {display : none;
}
.contour-page .content_01 {display : inline-block;
    width: 47%;
    padding-left : 2%;
    vertical-align: top;
}
.contour-page .content_02 {display : inline-block;
    width: 47%;
    margin-left : 2%;
    vertical-align: top;
}
.contour-page .content_03 {display : inline-block;
 padding-left : 2%; 
 width: 56%;
 vertical-align: top;
}
.contour-page .content_04 {display : inline-block;
    width : 38%;
    padding-left : 2%;
    vertical-align: top;
}
.contour-page .column {
    position: relative;
    margin : 1% 0.5% 3% 4%;
    padding : 1% 4%;
    width : 95%;
    height : auto;
    border:3px dashed #585858;
}
.contour-page .g-rouge {
   color: #C81F15;
}
.contour-page .g-rouge-bold {
    color: #C81F15;
    font-weight: bold;
}
.contour-page .g-rose {
    color: #FF9898;
}
.contour-page .g-rose-italic {
    color: #FF9898;
    font-style:italic;
    margin-top: 1em; 
}
.contour-page .g-orange {
    color: #FDAE67;
}
.contour-page .g-gris {
    color:#585858;
}
.contour-page .g-vert {
    color: #428481;
}
.contour-page .g-vert-bold {
    color: #428481;
    font-weight: bold;
}
.contour-page .g-norme {
    color:#727272;
}
.contour-page .column1 {
   border-color: #C81F15!important;
}
.contour-page .column3 {
    border-color: #FF9898!important;
}
.contour-page .column4 {
   border-color: #428481!important;
}
.contour-page .column5 {
   border-color: #FDAE67!important;
}
.contour-page .column7 {
   border-color: #585858!important;
}
.contour-page .right-column {
    position: relative;
    float : right;
    margin : 1% 3% 1% 2%;
    padding : 1% 2%;
    width : 40%;
    height : auto;
    border:1px solid #585858;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -khtml-border-radius:15px 15px 15px 15px;
}
.contour-page #right-column1 {
   border-color: #C81F15;
} 

.contour-page .large {
    position: relative;
    clear: both;
    width : 91%;
    margin : 3px 3% 2% 4%;
    padding : 0% 2.5% 0.5% 2.5%;
    border:3px dashed #585858;
}
#module-glamguidepratique-guide .contour-page .large {
      border:none;
}
[id^="module-glamguidepratique-"] .card-block {
    padding: 0.25rem 0.25rem 0.5rem;
}


.notice-danger {
    padding: 7px 15px 7px 15px;
    margin-left: 10px;
    border-left: 6px solid #428481;
    font-size: 1.1em;
    margin-bottom: 40px;
    line-height: 1.2em;
}
#large1 {
  border-color: #C81f15;
}
#large5 {
  border-color: #FDAE67!important;
}

#reseaux {
  border:none;
  float: left;
  display : inline-block;
  clear: left;
  margin-top : 10px;
  padding:0;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.contour-page .titre {
    float: right;
    height:70px;
    margin-right: 10%;
    display : block;
    width: 50%;
    font-style:italic;
}
.contour-page .souligne {
    text-decoration: underline;
}
.contour-page .astuce {
    background-color : #FFE5E5;
    display: inline;
}
#livres {
    text-align:left;
    border: 1px solid #72B5B8;
    width : 35%;
    float: right;
    z-index: 1;
}
#faceb{

    text-align:left;
    border: 1px solid #72B5B8;
    width : 35%;
    float: right;
    z-index: 1;
}
.contour-page .tdesmatieres li {
    line-height: 1.5em;
}    
#resume {
    display: none;
    border: 1px solid #72B5B8;
    width : 38%;
    float: right;
    margin-top:0.8em;
    z-index: 95;
    position: absolute;
}
#position {
    float: right;
    margin-left : 2em;
    margin-top : 2em;
    margin-bottom: 10px;
}
.contour-page .float-right {
    float: right;
}

#resume:target  {
    display: block;
}

#resume1 {
    display: none;
    border: 1px solid #72B5B8;
    width : 38%;
    float: right;
    margin-top:0.8em;
    z-index:95;
}
#resume1:target  {
    display: block;
}
.contour-page .intro {
    border: none!important;
    width: 90%;
    margin : 1% 0% 1% 2%;
}
#poussees { 
    margin:auto;
    width:85%; 
}
#lact1 { 
    border-color: #C81f15;
}  
#bouteille {
    float: left;
}  
#smile { 
    border-color:#FDAE67;
    clear: left;
    display: inline-block;
} 
#smiley {
    float: right;
} 
#alcool {
    padding-right : 12px;
    margin-top : 2px;
} 
.contour-page .marge {
    margin-left: 3.5em;
}  
.contour-page .forward {
    min-width: 150px;
    text-align: center;
    margin-right:0%;
    margin-top : 1%;
    padding: 8px;
    font-size: 18px;
    float:right;
    border:1px solid #585858;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -khtml-border-radius:15px 15px 15px 15px;
}
#forward1 {color:#C81F15;
 border-color: #C81F15;
 clear: right;
}
#forward1:hover {
    color: #585858;
    border-color: #585858;
}
#forward2 {color:#585858;
 border-color: #585858;
 clear: right;
}
#forward2:hover {
    color: #C81F15;
    border-color: #C81F15;
}
#forward3 {color:#FF9898;
 border-color: #FF9898;
 clear: right;
}
#forward3:hover {
    color: #585858;
    border-color: #585858;
}
#forward4 {color:#428481;
 border-color: #428481;
 clear: right;
}
#forward4:hover {
    color: #585858;
    border-color: #585858;
}
#forward5 {color:#FDAE67;
 border-color: #FDAE67;
}
#forward5:hover {
    color: #585858;
    border-color: #585858;
}
#forward6 {color:#C81f15;
 border-color: #C81f15;
}
#forward6:hover {
    color: #585858;
    border-color: #585858;
}
.contour-page .backi {
    min-width: 150px;
    text-align: center;
    float: left;
    border:1px solid #585858;
    margin-top : 1%;
    margin-left:4%;
    padding: 8px ;
    font-size: 18px;
    border-radius:15px 15px 15px 15px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius:15px 15px 15px 15px;
    -khtml-border-radius:15px 15px 15px 15px;
}
#back1 {
    color:#585858;
    border-color: #585858;
    clear: both;
}
#back1:hover {
    color:#C81F15;
    border-color:#C81F15;
}
#back2 {
    color:#C81F15;
    border-color: #C81F15;
    clear: both;
}
#back2:hover {
    color:#585858;
    border-color:#585858;
}
#back3{
    color:#585858;
    border-color:#585858;
}
#back3:hover {
    color:#C81F15;
    border-color: #C81F15;
    clear: both;
}
#back4 {color:#FF9898;
 border-color: #FF9898;
 clear: both;
}
#back4:hover {
    color: #585858;
    border-color: #585858;
}

#back5 {
    color:#428481;
    border-color: #428481;
}
#back5:hover {
    color:#585858;
    border-color:#585858;
}
#back6 {
    color:#FDAE67;
    border-color: #FDAE67;
}
#back6:hover {
    color:#585858;
    border-color:#585858;
}

.contour-page .bouts li{
    margin-bottom : 1%;
}
.contour-page li
{
    margin-bottom: 2.5%;
    font-size: 1em;
    line-height: 1.3em;
    color:#565656;
    list-style: disc;

}
.contour-page #top-menu {
    display : none;
}
/*.open {display: none;
}*/
#text1{
    border-color : #c81f15;
}
#text2{
    border-color : #585858;
}
#text3{
    border-color : #FF9898;
}
#text4{
    border-color : #428481;
}
#text5{
    border-color : #FDAE67;
}
#text6{
    border-color : #C81f15;
}
#text7{
    border-color : #585858;
}
#text8{
    border-color : #FF9898;
}
#text9{
    border-color : #428481;
}
.contour-page .tabs *, *::before, *::after {
    box-sizing: border-box;
}
.contour-page ul.tabs 
{   position : relative;   
    float: right;
    padding:0px 0px 0px 0px;
    margin-top : 0px;
}

.contour-page ul.tabs li 
{   margin-right: 0px;
    margin-top: 56px;
    margin-bottom : 30px;
    list-style:none;
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg);	
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}            
.contour-page ul.tabs li a 
{   display: block;
    background-color:white;
    color:#ffebb5;
    text-decoration:none;
    font-size:9px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    height: 60px;
    text-transform:uppercase;
    text-align: center;
    border:1px solid WHITE;
    border-radius:0px 0px 15px 15px;
    -moz-border-radius:0px 0px 15px 15px;
    -webkit-border-radius:0px 0px 15px 15px;
    -khtml-border-radius:0px 0px 15px 15px;
}

.contour-page ul.tabs li a:hover 
{
    background-color:#F4F4F4;
    border-color:#2f343a;
}

.contour-page ul.tabs li a.active 
{
    background-color:#ffffff;
    color:#282e32;
    border:1px solid #464c54;
    border-bottom: 1px solid #ffffff;
}            
.lang-en [id^="tab_"][id$="3"], [id^="tab_"][id$="7"] , [id^="tab_"][id$="9"]  {
   padding-top:10px!important;
}

.lang-fr [id^="tab_"][id$="2"], .lang-fr [id^="tab_"][id$="4"] , .lang-fr [id^="tab_"][id$="8"], 
.lang-re [id^="tab_"][id$="2"], .lang-re [id^="tab_"][id$="4"] , .lang-re [id^="tab_"][id$="8"]  {
   padding-top:10px!important;
}

.contour-page #tab_1 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-color:#c81f15 #c81f15 #c81f15 WHITE;
}

.contour-page #tab_2 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-color:#585858;
}
.contour-page #tab_3 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-color:#FF9898;
}
.contour-page #tab_4 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-color:#428481;
}
.contour-page #tab_5 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-color:#FDAE67;
}
.contour-page #tab_6 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-color:#C81f15 #c81f15 #c81f15 WHITE;
}

.contour-page #tab_7 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-color:#585858;
}
.contour-page #tab_8 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-color:#FF9898;
}
.contour-page #tab_9 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-color:#428481;
}
.contour-page #tab_10 {
    position: relative;
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    z-index:2;
    border-width: 2px 2px 2px 2px;
    border-color:WHITE #c81f15 #c81f15 #c81f15;

}
.contour-page #tab_12 {
    position : relative;
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    z-index:1;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 WHITE #585858 WHITE;
}
.contour-page #tab_13 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_14 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #428481 #428481 WHITE;
}
.contour-page #tab_15 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_16 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#C81f15 #c81f15 #c81f15 WHITE;
}

.contour-page #tab_17 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15  #585858 #585858 WHITE;
}
.contour-page #tab_18 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15  #FF9898 #FF9898 WHITE;
}
.contour-page #tab_19 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #428481 #428481 #428481;
}
.contour-page #tab_20 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;

    border-width: 2px 1px 1px 1px;
    border-color:#585858 #c81f15 #c81f15 WHITE;

}
.contour-page #tab_22 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px ;
    border-color:WHITE #585858 #585858 #585858;
}
.contour-page #tab_23 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 WHITE #FF9898 WHITE;
}
.contour-page #tab_24 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #428481 #428481 WHITE;
}
.contour-page #tab_25 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_26 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #c81f15 #c81f15 WHITE;
}

.contour-page #tab_27 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858  #585858 #585858 WHITE;
}
.contour-page #tab_28 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858  #FF9898 #FF9898 WHITE;
}
.contour-page #tab_29 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #428481 #428481 #428481;
}
.contour-page #tab_30 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;

    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #c81f15 #c81f15 WHITE;

}
.contour-page #tab_32 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #585858 #585858 WHITE;
}
.contour-page #tab_33 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px;
    border-color:WHITE #FF9898 #FF9898 #FF9898;
}
.contour-page #tab_34 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 WHITE #428481 WHITE;
}
.contour-page #tab_35 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_36 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #c81f15 #c81f15 WHITE;
}

.contour-page #tab_37 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898  #585858 #585858 WHITE;
}
.contour-page #tab_38 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898  #FF9898 #FF9898 WHITE;
}
.contour-page #tab_39 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #428481 #428481 #428481;
}
.contour-page #tab_40 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #c81f15 #c81f15 WHITE;
}
.contour-page #tab_42 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #585858 #585858 WHITE;
}
.contour-page #tab_43 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_44 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px;
    border-color:WHITE #428481 #428481 #428481;
}
.contour-page #tab_45 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 WHITE #FDAE67 WHITE;
}
.contour-page #tab_46 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #c81f15 #c81f15 WHITE;
}

.contour-page #tab_47 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481  #585858 #585858 WHITE;
}
.contour-page #tab_48 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481  #FF9898 #FF9898 WHITE;
}
.contour-page #tab_49 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #428481 #428481 #428481;
}
.contour-page #tab_50 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67 #c81f15 #c81f15 WHITE;

}
.contour-page #tab_52 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67 #585858 #585858 WHITE;
}
.contour-page #tab_53 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_54 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67 #428481 #428481 WHITE;
}
.contour-page #tab_55 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px ;
    border-color:WHITE #FDAE67 #FDAE67 #FDAE67;
}
.contour-page #tab_56 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67 WHITE #c81f15 WHITE;
}

.contour-page #tab_57 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67  #585858 #585858 WHITE;
}
.contour-page #tab_58 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67  #FF9898 #FF9898 WHITE;
}
.contour-page #tab_59 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FDAE67 #428481 #428481 #428481;
}
.contour-page #tab_60 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #c81f15 #c81f15 WHITE;

}
.contour-page #tab_62 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #585858 #585858 WHITE;
}
.contour-page #tab_63 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_64 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #428481 #428481 WHITE;
}
.contour-page #tab_65 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px ;
    border-color:#c81f15 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_66 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px;
    border-color:WHITE #c81f15  #c81f15 #c81f15;
}

.contour-page #tab_67 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15  WHITE #585858 WHITE;
}
.contour-page #tab_68 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15  #FF9898 #FF9898 WHITE;
}
.contour-page #tab_69 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#c81f15 #428481 #428481 #428481;
}
.contour-page #tab_70 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #c81f15 #c81f15 WHITE;

}
.contour-page #tab_72 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #585858 #585858 WHITE;
}
.contour-page #tab_73 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_74 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #428481 #428481 WHITE;
}
.contour-page #tab_75 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px ;
    border-color:#585858 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_76 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #c81f15  #c81f15 WHITE;
}
.contour-page #tab_77 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px;
    border-color:WHITE #585858  #585858 #585858;
}
.contour-page #tab_78 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858  WHITE #FF9898 WHITE;
}
.contour-page #tab_79 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#585858 #428481 #428481 #428481;
}
.contour-page #tab_80 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #c81f15 #c81f15 WHITE;
}
.contour-page #tab_82 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #585858 #585858 WHITE;
}
.contour-page #tab_83 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_84 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #428481 #428481 WHITE;
}
.contour-page #tab_85 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px ;
    border-color:#FF9898 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_86 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #c81f15  #c81f15 WHITE;
}
.contour-page #tab_87 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 #585858  #585858 WHITE;
}
.contour-page #tab_88 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px;
    border-color:WHITE #FF9898  #FF9898 #FF9898;
}
.contour-page #tab_89 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#FF9898 WHITE #428481 #428481;
}
.contour-page #tab_90 {
    padding-top: 18px;
    color:#c81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #c81f15 #c81f15 WHITE;
}
.contour-page #tab_92 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #585858 #585858 WHITE;
}
.contour-page #tab_93 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #FF9898 #FF9898 WHITE;
}
.contour-page #tab_94 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #428481 #428481 WHITE;
}
.contour-page #tab_95 {
    padding-top: 18px;
    color:#FDAE67;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px ;
    border-color:#428481 #FDAE67 #FDAE67 WHITE;
}
.contour-page #tab_96 {
    padding-top: 18px;
    color:#C81f15;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #c81f15  #c81f15 WHITE;
}
.contour-page #tab_97 {
    padding-top: 18px;
    color:#585858;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #585858  #585858 WHITE;
}
.contour-page #tab_98 {
    padding-top: 18px;
    color:#FF9898;
    width: 115px;
    vertical-align: middle;
    border-width: 2px 1px 1px 1px;
    border-color:#428481 #FF9898  #FF9898 WHITE;
}
.contour-page #tab_99 {
    padding-top: 18px;
    color:#428481;
    width: 115px;
    vertical-align: middle;
    border-width: 2px;
    border-color:WHITE #428481  #428481 #428481;
}
.contour-page #gpa {
    color:#FF9898;
    font-size:2.3em;
    text-align: center;
    margin-top: 2em;
    margin-bottom: 2em;
}
.contour-page #lact {
    position : relative;
    float: right;
    padding-left : 8px;
    margin-top : 2px;
}
.contour-page .dribble {float: left;
    width : 30%;
    min-width: 240px;
    margin : 1% 0.5% 1% 1%;
}
.contour-page .dribble button
{
    background: #F26895;
    background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#F26895), to(#F15587));
    background: -moz-linear-gradient(0% 100% 90deg, #F15587 0%, #F15587 50%, #F26895 50%, #F26895 100%);
    border: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #fcfcfc;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1;
    padding: 10px 0 12px 0;
    text-align: center;
    text-shadow: 0px -1px 1px rgba(104, 45, 64, .7);
    width: 85%;
    margin:2%;
}
#dribblerose button
{  

 background: #FF9898;
 background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FF9898), to(#FE9EA3));
 background: -moz-linear-gradient(0% 100% 90deg, #FE9EA3 0%, #FE9EA3 50%, #FF9898 50%, #FF9898 100%); 
 height : 180px;
 text-shadow: none;
}
#dribblerose button:hover{
    background: #EF9EA7;
    background: -moz-linear-gradient(0% 100% 90deg, #EC8797 0%, #EC8797 50%, #EF9EA7 50%, #EF9EA7 100%);
    background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#EF9EA7), to(#EC8797));
}
#dribblevert button
{ 

  background: #428481;
  background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#428481), to(#71A5A7));
  background: -moz-linear-gradient(0% 100% 90deg, #71A5A7 0%, #71A5A7 50%, #428481 50%, #428481 100%); 
  height : 180px;
}
#dribblevert button:hover{
    background: #62A5AB;
    background: -moz-linear-gradient(0% 100% 90deg, #5F8E9B 0%, #5F8E9B 50%, #62A5AB 50%, #62A5AB 100%);
    background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#62A5AB), to(#5F8E9B));
}
#dribblerouge button
{ 
  background: #C93223;
  background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#C93223), to(#C81F15));
  background: -moz-linear-gradient(0% 100% 90deg, #C81F15 0%, #C81F15 50%, #C93223 50%, #C93223 100%); 
  height : 180px;
}
#dribblerouge button:hover{
    background: #B91F19;
    background: -moz-linear-gradient(0% 100% 90deg, #B60809 0%, #B60809 50%, #B91F19 50%, #B91F19 100%);
    background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#B91F19), to(#B60809));
}
#dribblegris button
{ 
  background: #585858;
  background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#585858), to(#919191));
  background: -moz-linear-gradient(0% 100% 90deg, #919191 0%, #919191 50%, #585858 50%, #585858 100%); 
  height : 180px;
}
#dribblegris button:hover{
    background: #8C8C8C;
    background: -moz-linear-gradient(0% 100% 90deg, #828282 0%, #828282 50%, #8C8C8C 50%, #8C8C8C 100%);
    background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#8C8C8C), to(#828282));
}
#dribbleorange button
{  
 background: #FDAE67;
 background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#FDAE67), to(#FC9B59));
 background: -moz-linear-gradient(0% 100% 90deg, #FC9B59 0%, #FC9B59 50%, #FDAE67 50%, #FDAE67 100%); 
 height : 180px;
}
#dribbleorange button:hover{
    background: #ED9B5D;
    background: -moz-linear-gradient(0% 100% 90deg, #EA844D 0%, #EA844D 50%, #ED9B5D 50%, #ED9B5D 100%);
    background: -webkit-gradient(linear, 0% 50%, 0% 51%, from(#ED9B5D), to(#EA844D));
}
#accordeon section h4 {
    color : #6A6A6A;
}
#accordeon section p {
    display: none;
}
#accordeon #crevasse1:target ~ #c1 p {
    display: block;
    color: #626464;
    font-size : 17px;
    background-color : #FFF2F2;
}
#accordeon #crevasse2:target ~ #c2 p {
    display: block;
    color: #626464;
    font-size : 17px;
    background-color : #FFF2F2;
}
#accordeon #crevasse3:target ~ #c3 p {
    display: block;
    color: #626464;
    font-size : 17px;
    background-color : #FFF2F2;
}
#accordeon #crevasse4:target ~ #c4 p {
    display: block;
    color: #626464;
    font-size : 17px;
    background-color : #FFF2F2;
}
#accordeon #crevasse5:target ~ #c5 p {
    display: block;
    color: #626464;
    font-size : 17px;
    background-color : #FFF2F2;
}
.contour-page #overlay1 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay1:target{
    display: block;
}
.contour-page .popup_block{
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top : 2em;
    width: 50%;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
.contour-page img.btn_close {
    float: right;
    margin: -20px -20px 0 0;
}
.contour-page #overlay2 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay2:target{
    display: block;
}
.contour-page #overlay3 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay3:target{
    display: block;
}
.contour-page #overlay4 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay4:target{
    display: block;
}
.contour-page #overlay5 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay5:target{
    display: block;
}
.contour-page #overlay6 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay6:target{
    display: block;
}
.contour-page #overlay7 {
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
.contour-page #overlay7:target{
    display: block;
}
.contour-page .popup_block2 {
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top : 2em;
    width: 35%;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
.contour-page .popup_block3 {
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top : 2em;
    width: 339px;
    height: 550px;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}
.contour-page .popup_block p{
    font-size: 1em;
}
.contour-page .popup_block ul{
    font-size: 1em;
    padding:0;
} 
.contour-page .popup_block2 p{
    font-size: 1em;
}
.contour-page .popup_block2 ul{
    font-size: 1em;
    padding:0;
} 
.contour-page .popup_block4 {
    background: #fff;
    padding: 20px;
    border: 20px solid #ddd;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top : 8em;
    width: 565px;
    height: 315px;
    box-shadow: 0px 0px 20px #000;
    border-radius: 10px;
}  
.contour-page img.btn_close {
    float: right;
    margin: -20px -20px 0 0;
}
.contour-page img.bouton_close {
    position: absolute;
    margin: -60px -40px 0 0;
    z-index:9999999;
}
.contour-page #slider {
    float: right;
    width: 339px;
    height: 550px;
    overflow: hidden;
    position: relative;
    margin : 1% 0.5% 3% 4%;
}
.contour-page #move {
 width : 1356px;
 height: 500px;
 overflow: hidden;
 /* animation duration: 16s : 5x ~3s display image + 5x ~0.2s slide */
 animation: slide 40s infinite;
 -moz-animation: slide 40s infinite;
 -webkit-animation: slide 40s infinite;
 -o-animation: slide 40s infinite;
}

.contour-page #move img {
 float: left;
}

@keyframes slide{
 0%{margin-left: 0px;}
 13%{margin-left: 0px;}
 16%{margin-left: -339px;}
 30%{margin-left: -339px;}
 33%{margin-left: -678px;}
 46%{margin-left: -678px;}
 49%{margin-left: -1017px;}
 63%{margin-left: -1017px;}
 65%{margin-left: -678px;}
 79%{margin-left: -678px;}
 82%{margin-left: -339px;}
 97%{margin-left: -339px;}
 100%{margin-left: -0px;}
}

@-moz-keyframes slide{
 0%{margin-left: 0px;}
 13%{margin-left: 0px;}
 16%{margin-left: -339px;}
 30%{margin-left: -339px;}
 33%{margin-left: -678px;}
 46%{margin-left: -678px;}
 49%{margin-left: -1017px;}
 63%{margin-left: -1017px;}
 65%{margin-left: -678px;}
 79%{margin-left: -678px;}
 82%{margin-left: -339px;}
 97%{margin-left: -339px;}
 100%{margin-left: -0px;}
}

@-webkit-keyframes slide{
 0%{margin-left: 0px;}
 13%{margin-left: 0px;}
 16%{margin-left: -339px;}
 30%{margin-left: -339px;}
 33%{margin-left: -678px;}
 46%{margin-left: -678px;}
 49%{margin-left: -1017px;}
 63%{margin-left: -1017px;}
 65%{margin-left: -678px;}
 79%{margin-left: -678px;}
 82%{margin-left: -339px;}
 97%{margin-left: -339px;}
 100%{margin-left: -0px;}
}

@-o-keyframes slide{
    0%{margin-left: 0px;}
    13%{margin-left: 0px;}
    16%{margin-left: -339px;}
    30%{margin-left: -339px;}
    33%{margin-left: -678px;}
    46%{margin-left: -678px;}
    49%{margin-left: -1017px;}
    63%{margin-left: -1017px;}
    65%{margin-left: -678px;}
    79%{margin-left: -678px;}
    82%{margin-left: -339px;}
    97%{margin-left: -339px;}
    100%{margin-left: -0px;}
}

.contour-page #Image-Maps-Com-image-maps-2016-11-28-130910 {
 float: left;
}
.contour-page #facebmini {
    display: none;
    border-color: #428481;
    padding: 15px;
}
@media (max-width: 1200px) {
  .contour-page  #faceb
   {
    display: none;
}
}
 .contour-page #block_menu_haut_guide ul {font-size: 1em;
}
.contour-page #amy {
   float: left;
   margin-left: 10%;
   margin-bottom: 35px; 
}
.contour-page #leonore{
   float: left;
   margin-left: 20%;
   margin-bottom: 35px;
}
.contour-page #juliette {
    float: right;
    margin-left: 15px;
    margin-top: -30px;
}
.contour-page #facebook-grand {
    display: block;
    border-color: #428481;
}
.contour-page #facebook-petit {
    display : none;
    border-color: #428481;
}

@media (max-width: 900px) {
    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    nav, output, ruby, section, summary,
    time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
 .contour-page article, aside, details, figcaption, figure, 
  footer, header, hgroup, nav, section {
      display: block;
  }
  .contour-page body {
      line-height: 1;
  }
 .contour-page ol, ul {
      list-style: none;
  }
 .contour-page blockquote, q {
      quotes: none;
  }
 .contour-page blockquote:before, blockquote:after,
  q:before, q:after {
      content: '';
      content: none;
  }
 .contour-page table {
      border-collapse: collapse;
      border-spacing: 0;
  }

/* ===== primary styles =====================================================
   Author:
   ========================================================================== */
  .contour-page  html, div, map, dt, isindex, form {
      display: block;
  }
  .contour-page html {
     font-family : FontAwesome;
 }
 .contour-page body {
  display: block;
  margin: 8px;
}
.contour-page body p{font-size: 1.25em;
    line-height: 1.3em;
}

.contour-page p, dl, multicol {
  display: block;
  margin: 1em 0;

}  
.contour-page p {
    font-size:18px;
    }
.contour-page h1 {text-align: center;
  display: block;
  font-size: 1.5em;
  font-weight: bold;
  margin: .67em 0;
}
.contour-page .sous-titre {    
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    margin: .83em 0;
}
.contour-page h2 {    
    display: block;
    font-size: 1.4em;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
}
.contour-page h3 {    
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0;
    text-align: center;
}
.contour-page h4 {   
    font-size: 1em;  
    display: block;
    font-weight: normal;
    margin: 0.8em 0;
}
.contour-page ul {
  display: block;
  margin: 1em 0;
  -moz-padding-start: 40px;
  padding-left: 2em;
  font-size: 1em;
}
.contour-page li {
  margin-bottom:10px;
  display: list-item;
  -moz-float-edge: margin-box;
    line-height: 1.3em;
}

.contour-page {
    border: none;
    margin-top : 1em;
    margin-left:0;
    margin-right: 0;
    width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .contour-page {
        margin-top : -0.5em;
    } 
}   
.contour-page .pageG {
    width: 95%;
    height : auto;
    margin-left: 0px;
    margin-top: 5px;
    border: none;
    color: #727272;
}
.contour-page header {height : 45px;
}
.contour-page .content_01 {display : inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.contour-page .content_02 {display : inline-block;
    width: 100%;
    padding:0;
    margin:0px;
}
.contour-page .content_04 {display : inline-block;
    width: 100%;
    padding: 0px;
    margin: 0px;

}
.contour-page .content_03 {display : inline-block;
    width: 100%;
    padding:0;
    margin: 0;
}
.contour-page .column {
 margin : 20px 0 0 0;
}

.contour-page #livres {width: 95%;
}
.contour-page #slider{width: 95%;
}
.contour-page .large {
 padding : 1% 2%;
}  
.contour-page #position {
    display: none;
}

#categ_1 { color: #c81f15;}
#categ_2 { color: #585858;}
#categ_3 { color: #FF9898;}
#categ_4 { color: #428481;}
#categ_5 { color: #FDAE67;}
#categ_6 { color: #c81f15;}
#categ_7 { color: #585858;}
#categ_8 { color: #FF9898;}
#categ_9 { color: #428481;}
.contour-page .menu {display : none;}
#menu10 {
    color: #C81f15;
    font-weight: bold;
}

.contour-page .dribble {
    float: none;
    width : 30%;
    min-width: 240px;
    margin : auto;
}
.contour-page #titre {
    float: none;
    margin-right: auto;
    margin-left: auto;
    width : 96%;
    text-align: center;
    font-size : 0.80em;
    height: 30px;
    padding-top : 10px;
}
#poussees {
    margin:auto;
    width:95%; 
}
.contour-page .popup_block{
    padding: 2px;
    border: 2px solid #ddd;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top : 2em;
    width: 90%;
}
.contour-page .popup_block2{
    padding: 2px;
    border: 2px solid #ddd;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top : 2em;
    width: 90%;
}
.contour-page img.btn_close {
    float: right;
    margin: -10px -10px 0 0;
}
#faceb {
    display: none;
}
#faceb {
    display: none;
}
}
/* Menu du guide : mobile uniquement */



/* =========================================================
   MENU ACCORDEON - GUIDE PRATIQUE
   ========================================================= */

/* ---------------------------------------------------------
   CONTENEUR
   --------------------------------------------------------- */
@media (min-width: 767px){
.contour-page .accordeon {
    display: none!important;
   
}}

@media (max-width: 767px) {
    .contour-page .accordeon {
        display: table;
         margin-left:25px!important;
    }
}
.contour-page .accordeon {
    display: block;
    width: 300px;
    margin: 1em auto;
    padding: 0;

    font-family: FontAwesome;
    font-size: 18px;
    line-height: normal;

    background: #FFFFFF;
    z-index: 99;
}


/* ---------------------------------------------------------
   RESET DES LISTES
   --------------------------------------------------------- */

.contour-page .accordeon,
.contour-page .accordeon ul,
.contour-page .accordeon li {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------
   ÉLÉMENT RACINE
   --------------------------------------------------------- */

.contour-page .accordeon > li {
    display: block;
    position: relative;
    width: 300px;
}


/* ---------------------------------------------------------
   BOUTON SOMMAIRE
   --------------------------------------------------------- */

.contour-page .accordeon > li > .menu-toggle {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 1.9em;
    box-sizing: border-box;
    margin: 25px auto;
    padding: 0 2.5em 0 1em;
    border: solid 2px #585858;
    border-radius: 0.5em 0.5em 0 0;
    color: #7A7A7A;
    font-family: inherit;
    font-size: 1.5em;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    outline: 0;

}


/* Flèche du bouton */
.contour-page .accordeon > li > .menu-toggle:after {
    content: '\25BC';

    position: absolute;
    right: 10px;
    top: 50%;

    transform: translateY(-50%);

    color: #7A7A7A;
    font-size: 0.55em;
    line-height: 1;
}


/* Flèche lorsque le menu est ouvert */
.contour-page .accordeon > li.menu-open > .menu-toggle:after {
    content: '\25B2';
}


/* ---------------------------------------------------------
   LIENS
   --------------------------------------------------------- */

.contour-page .accordeon li a {
    display: flex;
    align-items: center;

    width: 300px;
    min-height: 2.5em;
    box-sizing: border-box;

    margin: 0;
    padding: 0 0 0 1em;

    border: solid 1px #585858;
    border-top: 0;

    background-color: #FFFFFF;

    color: #333;
    text-decoration: none;
    text-align: left;

    line-height: 1.2;

    box-shadow: 0 3px 10px -5px black;

    outline: 0;
}


/* ---------------------------------------------------------
   MENU PRINCIPAL
   --------------------------------------------------------- */

.contour-page .accordeon > li > ul {
    position: absolute;
    left: 0;
    top: 100%;

    display: none;

    width: 300px;
    margin: 0;
    padding: 0;

    z-index: 100;
}


/* Menu principal ouvert */
.contour-page .accordeon > li.menu-open > ul {
    display: block;
}


/* ---------------------------------------------------------
   ITEMS DU MENU PRINCIPAL
   --------------------------------------------------------- */

.contour-page .accordeon > li > ul > li {
    display: block;
    position: relative;

    width: 300px;
    margin: 0;
    padding: 0;
}


/* ---------------------------------------------------------
   SOUS-MENUS
   --------------------------------------------------------- */

.contour-page .accordeon > li > ul > li > ul {
    display: none;

    position: relative;

    width: 300px;
    margin: 0;
    padding: 0;
}


/* Sous-menu ouvert */
.contour-page .accordeon > li > ul > li.submenu-open > ul {
    display: block;
}

/* ---------------------------------------------------------
   LIENS DES SOUS-MENUS
   --------------------------------------------------------- */

.contour-page .accordeon > li > ul > li > ul a {
    width: 300px;

    background-color: #F1F1F1;

    padding-left: 2em;
}


/* ---------------------------------------------------------
   ARRONDIS
   --------------------------------------------------------- */

/* Dernier élément du menu principal */
.contour-page .accordeon > li > ul > li:last-child > a {
    border-radius: 0 0 0.5em 0.5em;
}


/* Dernier élément d'un sous-menu */
.contour-page .accordeon > li > ul > li > ul > li:last-child > a {
    border-radius: 0;
}


/* ---------------------------------------------------------
   FOCUS
   --------------------------------------------------------- */

.contour-page .accordeon a:focus:before {
    content: '\25BA';
    margin-left: -1em;
    color: #FF9898;
}


/* ---------------------------------------------------------
   ANCIEN FERMOIR
   --------------------------------------------------------- */

.contour-page .accordeon .fermoir {
    position: absolute;

    left: -9999px;

    width: 1px;
    height: 1px;

    overflow: hidden;
}


/* ---------------------------------------------------------
   CURSEUR
   --------------------------------------------------------- */

.contour-page .accordeon [tabindex],
.contour-page .accordeon a {
    cursor: pointer;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media (max-width: 480px) {

    .contour-page .accordeon,
    .contour-page .accordeon > li,
    .contour-page .accordeon > li > .menu-toggle,
    .contour-page .accordeon > li > ul,
    .contour-page .accordeon > li > ul > li,
    .contour-page .accordeon > li > ul > li > ul,
    .contour-page .accordeon li a {
        width: 300px;
    }

}
/*Fin de @media (max 900) */
@media (max-width: 767px) {
    #amy {
       float: none;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 35px; 
   }
   #leonore{
       float: none;
       margin-left: auto;
       margin-right: auto;
       margin-bottom: 35px; 
   }
   #juliette {
    float: right;
    margin-left: 15px;
    margin-top: -5px;
}
#facebook-grand {
    display: none;
    border-color: #428481;
}

#facebook-petit {
    display : block;
    border-color: #428481;
}
.contour-page .column {
    border-width: 3px 0 0 0;
        padding: 1% 0%;
}
.contour-page .column:last-child {
    margin-bottom: 20px;
    }
.contour-page .large {
    border-width: 3px 0 0 0;
    padding: 1% 0%;
}.contour-page .large:last-child {
    margin-bottom: 20px;
    }}
.contour-page .icon-orange {
   color: #FDAE64;
   margin-top: 15px; 
}
.contour-page .fa-hourglass-half,.contour-page .fa-line-chart, .contour-page .fa-question-circle {
    margin-left: 20px;
    }
.contour-page .fa-comments{
    margin-top:5px;
    margin-left:10px;
    }
    
.contour-page .fa-thumbs-up {
    margin-left: 25px;}
@media (max-width: 767px) {
.contour-page .fa-clock-o, .contour-page .fa-bomb {
    margin-left:-15px;
    }
 .contour-page .fa-question-circle {   
        margin-top: 5px;}
        .contour-page .fa-line-chart, .contour-page .fa-comments {
            margin-left:15px;
            }
            }
    
.contour-page .icon-verte {
   color: #428481;
   margin-left: 15px; 
   margin-top: 15px; 
}
.contour-page .icon-rouge {
   color: #C81F15;
   margin-left: 15px; 
   margin-top: 15px; 
}
.contour-page .icon-rose {
   color: #FF9898;
   margin-left: 15px; 
   margin-top: 15px; 
}
.contour-page .icon-noire {
   color: BLACK;
   margin-left: 15px; 
   margin-top: 15px; 
}
.contour-page .icon-beige {
    color: #F5F5BC;
    margin-left: 15px; 
    margin-top: 15px;
}
.contour-page .icon-bleu {
    color: #D4E7FF;
    margin-left: 15px; 
    margin-top: 15px;
}

.contour-page .icon-jaune {
    color: #FDEE00;
    margin-left: 15px; 
    margin-top: 15px;
}
.contour-page #bposition li {
    list-style:decimal!important;
}
.contour-page #bposition li::marker {
    color:#FF9898;
        font-weight: bold;
    }
.contour-page #frederique {
    padding-bottom: 20px;
}
.contour-page #archaique {
    float: right;
    margin-right: -28px;
}
.contour-page #biblio-livres h4{
    font-size: 21px!important;
}
@media (max-width: 900px) {
  .contour-page #bposition {
    margin-left: 5%;
    line-height: 1.2em;
    margin-bottom: 10px;
    padding: 1em;
}
}
@media (max-width: 767px) {
   .contour-page #frederique {
        padding-bottom: 20px;
    }
   .contour-page #archaique {
        margin-right: -7px;
    }
    .contour-page #biblio-livres h4{
        font-size: 19px!important;
        padding-top: 25px;
    } 
}
.contour-page .card-box {
    background: #FAFAFA;
    min-height: 200px;
    position: relative;
    padding: 30px 30px 20px;
    margin-bottom: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;

}
.contour-page .card-box:hover {
    background: linear-gradient(to right, #1fa2ff17 0%, #12d8fa2b 51%, #1fa2ff36 100%);
}
.contour-page .card-box:after {
    display: block;
    border-top: 3px solid #4C9793;
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.contour-page .card-box span {
    text-align: center;
    color: #4C9793;
    margin-bottom: 2px;
}
.contour-page .card-title h3 {
    margin: 0;
    padding-top: 5%;
    color: #4C9793;
    font-family: 'Oswald', sans-serif;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 15px;
}
.contour-page .card-title p {
    margin: 0;
    margin-bottom: 10px;
    font-size: 16px;
}
.contour-page .card-link a {
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    color: #428481;
    font-size: 15px;
}
.contour-page #commentaire {
    width: 100%;
    height: 80px;
    border-radius: 10px;
}
.contour-page #envoi {
    margin-top: 15px;
    background-color: #7297B8;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    transition: all 0.5s ease 0s;
}
.contour-page .table-matieres h3 {
    text-align: left;
}
@media (max-width: 767px) {
    .contour-page .breadcrumb {
        margin-top:20px;
    }
    .contour-page #columns {
        padding-top:7em;
    }
    .contour-page .titre {
        display: none;
    }
}
@media (max-width: 991px) {
.contour-page #newsletter_block_left .limite .col-xs-2 {
    width:8.3333333%;
}
.contour-page #newsletter_block_left .limite .col-xs-10 {
    width:66.666667%;
}
}

/* Quiz allaitement -> Pour la popup */
.contour-page .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.contour-page .overlay:target {
  visibility: visible;
  opacity: 1;
  z-index:1000;
}

.contour-page .popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  transition: all 5s ease-in-out;
}

.contour-page .popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.contour-page .popup .close {
 position: absolute;
 top: 20px;
 right: 30px;
 transition: all 200ms;
 font-size: 40px;
 font-weight: bold;
 text-decoration: none;
 color: #333;
 z-index: 200;
}
.contour-page .popup .close:hover {
  color: #06D85F;
}
.contour-page .popup .content {
  overflow: auto;
}

@media screen and (max-width: 700px){
    .contour-page .popup {
        padding: 10px 10px;
        margin: 0 auto;
    }
    .contour-page .popup .content {
        height: 600px;
    }
    .contour-page .popup .close {
     right: 20px;
 }
}

/* Liste avantages Vetements DIY */
.contour-page .avantag li {
    list-style: none!important;
    }
.contour-page .avantag li:before {
    content: "+";
    color:#C81F15;
    margin-right: 4px;
} 
/* Vidéos youtube */
.contour-page .video-responsive {
    overflow: hidden;
    padding-bottom: 315px;
    position: relative;
    height: 0;
    margin-bottom: 30px;
}
.contour-page .video-responsive iframe {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 315px;
    max-width: 100%;
    position: absolute;
}
/* navigation bas de page pager */
 .contour-page .pager {
     padding-left: 0;
     margin: 18px 0;
     list-style: none;
     text-align: center;
     font-weight: bold;
}


 .contour-page .pager:after {
     clear: both;
}
.contour-page .pager {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.contour-page .pager .next {
    margin-left:auto;
    }
.contour-page .pager li {
    display: block;
}

 .contour-page .pager li > a, .contour-page .pager li > span {
     display: inline-block;
     padding: 5px 14px;
     background-color: white;
     border: 1px solid #dddddd;
     border-radius: 15px;
}
 .contour-page .pager li > a:hover, .contour-page .pager li > a:focus {
     text-decoration: none;
     background-color: #f6f6f6;
}
 .contour-page .pager .next > a, .contour-page .pager .next > span {
     float: right;
}
 .contour-page .pager .previous > a, .contour-page .pager .previous > span {
     float: left;
}
 .contour-page .pager .disabled > a, .contour-page .pager .disabled > a:hover, .contour-page .pager .disabled > a:focus, .contour-page .pager .disabled > span {
     color: #999999;
     background-color: white;
     cursor: not-allowed;
}
#module-glamguidepratique-preparation2 .contour-page img {
    max-width:50%;
    }
/* Icones biblio */
.fa-circle-question:before {
    content: "\f059";
}
.fa-chart-line:before {
    content: "\f201";
}
/* Popup Quizz allaitement */
#popup1 .video-responsive {
    padding-bottom:500px!important;
}
#popup1 .video-responsive iframe {
    max-height:550px!important;
}
#popup1 .test-responsive iframe {
    height:550px;
}