.table { display: table }
.tr { display: table-row }
.td { display: table-cell }
caption { display: table-caption }
 .menuTitle
  { 
      background-image : url('../IMG/titre-menu-S.jpg');
      background-repeat:no-repeat;
      height : 63px;
      width : 229px;
      text-align:center;
    margin: auto;
  }
.index {
 text-align: center;
 vertical-align: middle;
}
@font-face {
  font-family: 'GIL';
  src: url('../fonts/GIL_____.TTF');
  src: local('x'),
         url('../fonts/GIL_____.woff') format('woff'),
         url('../fonts/GIL_____.eot') format('opentype'),
         url('../fonts/GIL_____.svg') format('svg'),
         url('../fonts/GIL_____.TTF') format('TrueType');
}
@font-face {
  font-family: 'GILI';
  src: url('../fonts/GILI____.TTF');
  src: local('x'),
         url('../fonts/GILI____.woff') format('woff'),
         url('../fonts/GILI____.eot') format('opentype'),
         url('../fonts/GILI____.svg') format('svg'),
         url('../fonts/GILI____.TTF') format('TrueType');
}
@font-face {
 font-family: 'GLSNECB';
  src: url('../fonts/GLSNECB.TTF');
  src: local('x'),
         url('../fonts/GLSNECB.woff') format('woff'),
         url('../fonts/GLSNECB.eot') format('opentype'),
         url('../fonts/GLSNECB.svg') format('svg'),
         url('../fonts/GLSNECB.TTF') format('TrueType');
}
.liens
{
  color: #4d4546;
  text-decoration: none;
}
h1{  
    color: #4d4546;
    font-family: GLSNECB,GILI,GIL; 
    font-size: 115px;
    font-weight: normal;
    letter-spacing: 20px;
    line-height: 1.3;
}
#pagesTitle{  
    background-repeat:no-repeat;
    background-image:url('../IMG/points.png');
    background-position: 0px 50px;
    padding: 0px 0px 20px 0px;
    font-size: 30px;
    letter-spacing: 10px;
}
ul
{
padding: 0;
}
#communication1
{
    color: #4d4546;
    font-family: GIL; 
    font-size: 14px;
    text-decoration: none;
    text-align:bottom;
}   
#communication2
{
    color: #4d4546;
    font-family: GIL; 
    font-size: 14px;
    text-decoration: none;
}
#copyright
{                
  color: #9e9db0;
  font-family: GIL;
  text-align: right;
}
#desc
{              
  color: #4d4546;
  font-family: GIL; 
  float:left;
}
#soc
{               
  font-family: GILI;
  color: #958e8e 
}
#description
{
  display:inline-block;
}
#menu
{    
     text-align: left;
    display:inline-block;
    margin: 0 25px 0 50px ;
    vertical-align: top;
}
#bottommenu{
      text-align: left;
    margin: 0 25px 0 50px ;
    vertical-align: top;
    width: 250px !important;
}
.active
{
    color: #0d9c88;
}


@media screen and (max-width: 5000px) and (max-height: 1800px){
#menu
{
  height: 750px !important;
}
.menul
{
  height: 620px !important; 
}
#desc
{              
 width: 800px !important;
 padding-top: 20px;
}
#soc
{ 
width: 800px !important;
}  
  #description
{               
  margin: 0 0px 0 70px ;
}
#all
{
display:inline-block;
 margin: auto;
 margin: 0 0 0 50px !important;
}
  #picturesSlideShow {
    width: 900px !important;
    height: 750px !important;
    padding: 0;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: center; 
    vertical-align: top;
    /*margin: 70px 0px 0 0px;*/
  }
  li
{
    color: #4d4546;
    font-family: GIL; 
    font-size: 25px;
    font-weight: normal;
    line-height: 80px;
    list-style-type:none;
}
  #nav{
    vertical-align:top;
    display:inline-block;
    line-height:normal;
    text-align:center;
    /*margin: 450px 0px 0 0px; */
  }
    #content{
    display:inline-block;
    margin: 0 25px 0 50px;
  } 
   
  #bodymain
  {
    height : 820px;
    width : 1300px; 
    text-align:center;
      margin: auto;    
  }  
  #footer
  {
    height : 50px;
    width : 1300px; 
    text-align:center;
      margin: auto;    
  } 
   #body
  {
    height : 563px;
    width : 800px;
   /* text-align:center;  */
      margin: auto;    
  }   
  #accueil
  { 
    height : 563px;
    width : 800px;    
    position: absolute;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  }  
  #content{  
    display:inline-block;
    margin: 0 25px 0 50px;
  }
  #main
  {   
    height : 800px; 
    width : 1300px;    
    position: absolute;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  }  
  .homeTitle
  {
      cursor : Pointer;
      background-image : url('../IMG/titre-accueil-L.jpg');
      background-repeat:no-repeat;
      height : 261px;
      width : 800px;
      /*text-align:center; */
      margin: auto;
  }
  .home1
  {
      cursor : Pointer;
      background-image : url('../IMG/cactus-animation-L.gif');
      background-repeat:no-repeat;
      height : 302px;
      width : 800px;
      /*text-align:center; */
    margin: auto;
  }
  .home2
  {
      cursor : Pointer;
      background-image : url('../IMG/cactus-fin-L.gif');
      background-repeat:no-repeat;
      height : 302px;
      width : 800px;
     /* text-align:center;    */
    margin: auto;
  }

    .bioImg1
  {
       margin: -350px 0 0 !important;
      background-position: 200px 300px !important;
      padding: 0px 0px 0px 0px !important;
      background-image : url('../presentation-L.jpg')
      
  }
}
@media screen and (max-width: 1600px) and (max-height: 1200px) {
 #pagesTitle{   
 background-position: 0 35px !important;
}
  #all
{
display:inline-block;
 margin: auto !important;
 vertical-align: center;
}
    #description
    {
        width : 900px;             
        margin: auto ;
    }
    #picturesSlideShow {
    width: 650px !important;
    height: 541px !important; 
    padding: 0;
    background-repeat:no-repeat;
    background-position: center; 
    margin: 50px 0px 0 0px;
  }
  #nav{
    display:inline-block;
    line-height:normal;
    text-align:center;
     width: 50px !important;
    height: 50px !important;
    /*margin: 300px 0px 0 0px; */
  }
  li
{
    color: #4d4546;
    font-family: GIL; 
    font-size: 20px;
     
    font-weight: normal;
    line-height: 60px;
    list-style-type:none;
} 
 #body
  {
    height : 423px;
    width : 600px;
   /* text-align:center;  */
      margin: auto;    
  }   
  #accueil
  { 
    height : 423px;
    width : 600px;    
    position: absolute;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  }  
  #content{  
    display:inline-block;
    margin: 0 25px 0 50px;
  }
    .homeTitle
  {
      cursor : Pointer;
      background-image : url('../IMG/titre-accueil-M.jpg');
      background-repeat:no-repeat;
      height : 196px;
      width : 600px;
     /* text-align:center;   */
    margin: auto;
  }
  .home1
  {
      cursor : Pointer;
      background-image : url('../IMG/cactus-animation-M.gif');
      background-repeat:no-repeat;
      height : 227px;
      width : 600px;
     /* text-align:center;   */
    margin: auto;
  }
  .home2
  {
      cursor : Pointer;
      background-image : url('../IMG/cactus-fin-M.gif');
      background-repeat:no-repeat;
      height : 227px;
      width : 600px;
    /*  text-align:center;*/  
    margin: auto;
  }
    #description
{
  width : 800px;
}
  .bioImg1
  {
       margin: -150px 0 0 !important;
      background-position: 200px 300px !important;
      padding: 0px 0px 0px 0px !important;
      background-image : url('../presentation-M.jpg') 
  }
}
@media screen and (max-width: 1200px)  and (max-height: 900px) {
#pagesTitle{   
 background-position: 0 35px !important;
}
 #all
{
display:inline-block;
 margin: auto !important;
 vertical-align: center;
}
    h1{  
        color: #4d4546;
        font-family: GLSNECB,GILI,GIL; 
        font-size: 85px;
        font-weight: normal;
        letter-spacing: 10px;
        line-height: 1.3;
    }
   #description
    {               
      margin: 0 0px 0 10px ;
    }
    #picturesSlideShow {
    width: 450px !important;
    height: 375px !important; 
    padding: 0;
    background-repeat:no-repeat;
    background-position: center; 
    vertical-align: top;
    margin: 70px 0px 0 0px;
  } 
  #nav{
    vertical-align:top;
    display:inline-block;
    line-height:normal;
    text-align:center;
    width: 50px;
    float:left; 
    /*margin: 220px 0px 0 0px;  */
  }
  li
  {
      color: #4d4546;
      font-family: GIL; 
      font-size: 15px;
       
      font-weight: normal;
      line-height: 40px;
      list-style-type:none;
  }
  #body
  {
    height : 282px;
    width : 400px;
  /*  text-align:center;   */
      margin: auto;    
  }   
  #accueil
  {  
    height : 282px;
    width : 400px;    
    position: absolute;
    top: 50%; /* poussé de la moitié de hauteur du référent */
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  }  
  #content{
    display:inline-block;
    margin: 0 25px 0 50px;
  } 
   .homeTitle
  { 
      cursor : Pointer;
      background-image : url('../IMG/titre-accueil-S.jpg');
      background-repeat:no-repeat;
      height : 131px;
      width : 400px;
    /*  text-align:center;   */
    margin: auto;
  }
  .home1
  {
      cursor : Pointer;
      background-image : url('../IMG/cactus-animation-S.gif');
      background-repeat:no-repeat;
      height : 151px;
      width : 400px;
    /*  text-align:center;  */
    margin: auto;
  }
  .home2
  {
      cursor : Pointer;
      background-image : url('../IMG/cactus-fin-S.gif');
      background-repeat:no-repeat;
      height : 151px;
      width : 400px;
    /*  text-align:center; */
    margin: auto;
  }
    #description
{
  width : 500px;
}
  .bioImg1
  {
      margin: -150px 0 0 !important;
      background-position: 200px 400px !important;
      padding: 0px 0px 150px 0px !important;
      background-image : url('../presentation-S.jpg'); 
  }
}
@media screen and (max-width: 1000px) and (max-height: 800px) {
#pagesTitle{   
 background-position: 0 35px !important;
}
 #all
{
display:inline-block;
 margin: auto !important;
 vertical-align: center;
}
    h1{  
        color: #4d4546;
        font-family: GLSNECB,GILI,GIL; 
        font-size: 85px;
        font-weight: normal;
        letter-spacing: 10px;
        line-height: 1.3;
    }
   #description
    {               
      margin: 0 0px 0 10px ;
    }
    #picturesSlideShow {
    width: 450px !important;
    height: 375px !important; 
    padding: 0;
    background-repeat:no-repeat;
    background-position: center; 
    vertical-align: top;
    margin: 70px 0px 0 0px;
  } 
  #nav{
    vertical-align:top;
    display:inline-block;
    line-height:normal;
    text-align:center;
    /*margin: 220px 0px 0 0px;  */
  }
  li
  {
      color: #4d4546;
      font-family: GIL; 
      font-size: 15px;
      display: inline !important;
      font-weight: normal;
      line-height: 40px;
      list-style-type:none;
  }
  #content{
    display:inline-block;
    margin: 0 25px 0 50px;
  }
  .home1
  {
      
      background-image : url('../IMG/cactus-animation-S.gif');
      background-repeat:no-repeat;
      height : 164px;
      width : 400px;
   /*   text-align:center;   */
    margin: auto;
  }
  .home2
  {
      
      background-image : url('../IMG/cactus-fin-S.gif');
      background-repeat:no-repeat;
      height : 164px;
      width : 400px;
  /*    text-align:center;   */
    margin: auto;
  }
    #description
  {
    width : 500px;
  }
}