* {
  box-sizing: border-box;
}

html {
  font-size: 50.5%;
}

body {
  background-color: #ece9e4;
  color: #453627;
  font-family: Century Gothic;
  font-size: 2.2rem;
  height: 100vh;
}

.social-icons a{display:inline-block;height:3.5rem;width:3.5rem;background-color:#bb9b49;color:#fff!important;border-radius:100%;text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem}

.social-icons a:last-child{margin-right:0}

.social-icons a:hover{background-color:#bb9b49}
 

.men {
  color: #ffffff;
  text-decoration: none;
}

.men:hover {
  background-color:#867b5c;
  color: #F1F1F1;
  text-decoration: none;
}


.p {
  color: #5e5645;
  line-height: 27px;
  margin-top: 25px;
  padding:16px;
}


a.rouge{ color: #f74b21;}
a.rouge:hover,
a.rouge:focus {
  color: #856607;
}

a.vert{ color: #58b74f;}
a.vert:hover, a.vert:focus {
    color: #856607;}


.centered-table {
   margin-left: auto;
   margin-right: auto;
}
  

.navigation-menu__bars, .navigation-menu__bars::before, .navigation-menu__bars::after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 24px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  display: block;
  transition: all .3s;
}

.navigation-menu {
  height: 100%;
  position: fixed;
  width: 400px;
  transform: translateX(-100%);
  transition: transform .3s .3s;
}
.navigation-menu::before {
  background: #625d3b;
  content: '';
  height: 400%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) rotate(40deg);
  width: 110%;
  z-index: 0;
}
.navigation-menu--open {
  transform: translateX(0);
}
.navigation-menu--open .navigation-menu__bars {
  background-color: transparent;
}
.navigation-menu--open .navigation-menu__bars::before, .navigation-menu--open .navigation-menu__bars::after {
  top: 0;
}
.navigation-menu--open .navigation-menu__bars::before {
  transform: rotate(45deg);
}
.navigation-menu--open .navigation-menu__bars::after {
  transform: rotate(-45deg);
}
.navigation-menu--open .menu-list__item {
  opacity: 1;
}
.navigation-menu--open .menu-list__item:nth-child(1) {
  transition-delay: 1s;
}
.navigation-menu--open .menu-list__item:nth-child(2) {
  transition-delay: 1.25s;
}
.navigation-menu--open .menu-list__item:nth-child(3) {
  transition-delay: 1.5s;
}
.navigation-menu--open .menu-list__item:nth-child(4) {
  transition-delay: 1.75s;
}
.navigation-menu--open .menu-list__item:nth-child(5) {
  transition-delay: 2s;
}
.navigation-menu--open .menu-list__item:nth-child(6) {
  transition-delay: 2.25s;
}
.navigation-menu--open .menu-list__item:nth-child(7) {
  transition-delay: 2.5s;
}
.navigation-menu--open .menu-list__item:nth-child(8) {
  transition-delay: 2.75s;
}
.navigation-menu--open .menu-list__item:nth-child(9) {
  transition-delay: 3s;
}
.navigation-menu--open .menu-list__item:nth-child(10) {
  transition-delay: 3.25s;
}
.navigation-menu--open .menu-list__item:nth-child(11) {
  transition-delay: 3.5s;
}
.navigation-menu--open .menu-list__item:nth-child(12) {
  transition-delay: 3.75s;
}
.navigation-menu__toggle {
  cursor: pointer;
  height: 30px;
  position: absolute;
  right: -40px;
  top: 5px;
  width: 30px;
}
.navigation-menu__bars::before, .navigation-menu__bars::after {
  content: '';
}
.navigation-menu__bars::before {
  left: 0;
  top: -8px;
}
.navigation-menu__bars::after {
  left: 0;
  top: 8px;
}

.menu-list {
  padding: 10px 10px;
  position: relative;
  z-index: 10;
}
.menu-list__item {
  margin: 20px 0;
  opacity: 0;
  transition: opacity .5s .5s;
}

@media only screen and (max-width: 700px) {
  .navigation-menu {
    min-width: 240px;
    width: 80%;
  }
  .navigation-menu::before {
    width: 110%;
  }
}
@media only screen and (max-width: 480px) {
    .navigation-menu {
    background-color: transparent;
    min-width: 240px;
    width: 80%;
  }
  .navigation-menu::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
}


/* le site */ 



.text{font-size:2rem;padding-top:10pt;}

blockquote{font-size:2rem;padding-top:10pt;}

article{
  background-position:relative;
    width:98%;
    display:inline-block;
    overflow:auto;
    margin-left:1%;
    margin-right:1%;
    margin-bottom:5%;
    vertical-align:top;
    box-shadow: -8px 0px 12px  #A1A9A3;
    border-radius: 1px / 20px; 
}


article{
  background-color:#f9f9f9;
  color:#4f350c;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  text-align:justify;
  padding-left:5%;
  padding-right:5%;
  padding-bottom:3%;
}

 
  
}

article .renvoi {
    background-color:#FEFEFE;
    width:90%;
    min-height:24px;
    padding-bottom:12px;
    padding-top:2px;
    text-decoration:none;
  }
   
  article .renvoi:hover{
   background:#F8FCFE;
   color:#B00035; 
  
  }

/*aside des encarts à droite*/
  
  aside{
    font-family:"Century Gothic", Arial, Helvetica, sans-serif;
    padding-top:5px;
    padding-bottom:3px;
    line-height:1.5; 
  }
  
  #encart, #encart_2, #encart_3_plus {
    display: inline-block;
    float:right;
    margin-left:15px;
    margin-top:4px;
    padding: 3px;
    color:#463C4A;
    font-size:10pt;
    border:#F7F8FA 1px solid;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 2px 1px 5px 5px #E5ECED inset;
  }
  
   #encart{
      vertical-align:top;
    text-align:right;
    width:170px;
    padding:8px;
     
     
  }
  #encart_3_plus {
    text-align:center;
    
  }
  #encart_normal {
    display: inline-block;
    float:left;
    margin-left:15px;
    margin-top:4px;
    padding: 3px;
    width:400px;
    color:#463C4A;
    font-size:10pt;
    border:#F7F8FA 1px solid;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 2px 1px 5px 5px #E5ECED inset;
  }
    .encart  {
    color:#046380;
    text-decoration:none;
  }
  .normal  {
    color:#6C0082;
    text-decoration:none;
  }
    .encart:hover, .normal:hover{
    color:#B00035;
    background-color:#EFFBFF;
    padding-right:10px;
  }
  
  #fb{
      vertical-align:top;
    display: inline-block;
    width:293px;
    float:right;
    margin:2px;
  }
  
  /*bas de page section_blanc*/
  .bottom{ 
        background-color:#FEFDFD;
      display: table; 
      vertical-align:top;
      width:475px; 
      min-height:100px;
      margin-top:15px;
      margin-right:3px;
      border-collapse:separate;
      border:#FEFDFD 1px solid;
      -moz-border-radius: 5px;
      border-radius: 5px;
      box-shadow: 3px 3px 7px 5px #A1A9A3;
       
  }
    .news1{
    float:left;
    vertical-align:top;
    width:220px;
    padding-left:8px;
    
     
  }
  
  .news2{
    float:right;
    vertical-align:top;
    margin-left:2px;
    width:230px;
    text-align:center;
    padding-right:5px;
     
    }
    .news1, .news2{
        display: table-cell;
      color: #463C4A; 
      font-size:9pt; 
    }
    
    .news1 a, .news2 a{
      color:#663366;
      text-decoration:none;
    }
    .news1 a:hover, .news2 a:hover{
       background:#F8FCFE;
      color:#046380;
      font-weight:700;
    }
    
  
  
  /*class*/
  

#interne{
    color:#2F332E;
    text-decoration:none;
}
#interne1{
    color:#663366;
    text-decoration:none;
}
 
.img{
    border:0;
    text-decoration:none;
}

  


h1{ 
    text-align:left;
    background-color:#F7F8FA; 
    width:49%;
    min-height:55px;
    padding-top:8px;
    font-size:18pt;
    color:#512851; 
    font-weight:lighter;
    border-radius: 5px / 12px; 
    border:#F5F7F7 1px solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 7px 5px #E4EDF0;
  }
  h2{     
    font-size:16pt;
    color:#787178;
    text-transform:uppercase;
    font-weight:normal;
    
  }
  
 
  h3 {color:#0b5777;padding-top:10pt;text-align:center; font-weight:400;}
  h3:hover{color:#0b5777;}
  
  h4{ 
    font-size:11pt;
    font-weight:lighter;
  }
   
  h6{
    font-size:11pt;
    font-weight:600;
    
  }
  /*POUR LA CITATION HAUT DE PAGE*/
    #head {
    font-size:10pt;
    color:#612001;
    font-style:oblique;
  } 
    /*FIN CITE*/
  
  .Style2{
    color:#A30011;
    font-size:11pt;
    text-decoration:none;
    
  }
  
  .Style3{
    color:#A30011;
    font-size:14pt;
    text-decoration:none;
    
  }
  
    .Style4{
    color:#046380;
    font-size:9pt;
    text-decoration:none;
    
  }
    
   
    .Style5{
    color:#fff;
    font-size:10pt;
    text-decoration:none;
    
  }
  
    .Style6{
    color:#62A4C0;
    text-decoration:none;
    
  }
  .Style8{
    color:#777660;
    font-size:9pt;
    
  }
    
  .Style9{
    color: #CC3300;
    
  }
    
  .Style10 {
    font-size:4pt;
    color: #f5f1ee;
    text-decoration:none;
    }
    
    .Style11{
    font-size:10pt;
  }

  .Style12{
    font-size:10pt;
    }
    
    
  .Style15{
    font-size:13pt;
    }
  .Style13{
    color:#E5E8D6;
  }
  
  .Style16{
    font-size:12pt;
  }
     
  .Style18{
    font-size:14pt;
  }
  .Style17{
    color: #5C0515;
    text-decoration:none;
    
  }  
     
  .Style37 {
    color: #663366;
 
     }
 

  .Style22 {color: #FF9900;}
  .Style24 { color:#999999; }

   

   
   
  
   /*tableau blanc*/  
    .table_blanc{ 
      display: table; 
      vertical-align:top;
      width:558px; 
      margin-left:10px;
      margin-right:5px;
      border-collapse:collapse;
  }
    .tb1blanc{
    float:left;
    vertical-align:top;
    border-right:#F1EFF3 1px solid;
    width:170px;
  }
  
    .tb2blanc{
    float:left;
    vertical-align:top;
    margin-left:6px;
    border-right:#F1EFF3 1px solid;
    width:169px;
  }
  
  .tb3blanc{
    float:right;
    width:166px;
    margin-left:1px;
    border-right:#F1EFF3 1px solid;
   
    }
    
    .tb1blanc, .tb2blanc, .tb3blanc{
        display: table-cell;
      color: #463C4A; 
      font-size:10pt;
      min-height:33px;
      padding-left:6px;
      padding-right:8px;
      background-color:#FEFEFE;
      padding-top:8px;
      word-wrap: break-word;
      
    } 
        
  /*tableau blanc*/ 
    .table_quatre{ 
      display: table; 
      vertical-align:top;
      font-size: 10pt;
      width:780px; 
      margin-left:10px;
      margin-right:5px;
      border-bottom:#F1EFF3 1px solid;
      border-collapse:collapse;
  }
    .tb4_1{
    float:left;
    padding-left:10px;
    vertical-align:top;
    border-left:#F1EFF3 1px solid;
    border-right:#F1EFF3 1px solid;
    width:165px;
  }
  
    .tb4_2{
    float:left;
    vertical-align:top;
    margin-left:6px;
    border-right:#F1EFF3 1px solid;
    width:171px;
  }
  .tb4_3{
    float:left;
    width:180px;
    margin-left:6px;
    padding-left:13px;
    border-right:#F1EFF3 1px solid;
   
    }
  
  .tb4_4{
    float:right;
    width:150px;
    padding-right:7px;
    margin-right:4px;
    border-right:#F1EFF3 1px solid;
   
    }
    
    .tb4_1, .tb4_2, .tb4_3, .tb4_4{
        display: table-cell;
      color: #463C4A; 
      background-color:#FEFDFD;
      font-size: 9pt;
      min-height:33px;
      padding-top:8px;
      word-wrap: break-word;
      
    }