/* CSS Document */
@media screen and (min-width : 1000px)
{
    html
      {
      width: 100%;   
      }
    body
      {
      width: 100% ;
      margin:0px;
      font-family: Calibri, Verdana;
      /*background-image: url(../images/fond.png); */
      background : #FFF5F5;     
      }
    #prempage
      {
      position : relative ; top : 100px;
      text-align : center;       
      }
    hr
      {
      height: 2px; 
      color: #660099; 
      background-color: #6600A0; 
      width: 100%; 
      border: none;      
      }
      ul.rdv
      {
      width : 150px;
      margin-left : auto;
      margin-right : auto;
      }
    li.rdv
      {
       text-align : left;
       
      }
   span.rdv
        {
        font-size : 18px;  
        }   
    a
      {
      color : darkred;
      text-decoration: none;      
      }
    a:hover
      { 
      color: red ;           
      }
    table
      {
      width: 600px; 
      margin-left : auto;
      margin-right : auto;
      }
    td.menu
      {
      text-align : center;
      font-size : 20px;       
      color : darkred;      
      width: 20%; 
      }
    p
      {
      font-size : 20px;      
      color : navy;
      }  
    p.Titre
      {
      font-size : 27px;      
      color : navy;
      }
    p.SousTitre
      {
      font-size : 22px;      
      color : navy;
      }
    p.Liste
      {
      font-size : 20px;     
      color : navy;
      }
    
     td.transport
      {
      text-align : left;
      font-size : 18px;      
      color : black;
      } 
    iframe
      {
      width : 660px;
      height : 495px; 
      border: 0px;
      }
    #w3c
    {
    position : fixed ; 
    bottom : 0px;
    left :10px
    }
img.w3c
    {
    cursor : pointer ;
    border:0px;
    width:57px;
    height:20px"
    }
#html5
    {
    position : fixed ; 
    bottom : 0px;
    right : 5px;
    }
img.html5
    {
    cursor : pointer ;
    border:0px;
    width:32px;
    height:32px"
    }
}

@media screen and (max-width : 1000px)
{
    html
      {
      width: 100%;   
      }
    body
      {
      width: 100% ;
      margin:0px;
      font-family: Calibri, Verdana;
      color : navy;
      /*background-image: url(../images/fond.png);*/
      background : #FFF5F5;      
      }
    #menu
      {
       width: 400px ;
        margin-left : auto;
      margin-right : auto;
      }
    #prempage
      {
      position : relative ; top : 20px;
      }
    table
      {
      
     
      }
       ul.rdv
      {
      width : 150px;
      margin-left : auto;
      margin-right : auto;
      }
    li.rdv
      {
      text-align : left;
   
      }
    span.rdv
        {
        font-size : 16px;  
        }   
    a
      {
      color : darkred;
      text-decoration: none;      
      }
    a:hover
      { 
      color: red ;          
      }
    td.menu
      {
     text-align : center;
      font-size : 15px;       
      color : darkred;      
      width: 20%; 
      }
    p
      {
      text-align : center;
      color : navy;
      }  
     p.Titre
      {
      font-size : 20px;  
      } 
     #transports 
      {width : 90%;}
     iframe
      {
      width : 330px;
      height : 250px; 
      border: 0px;
      }
      #w3c
        {
        position : fixed ; 
        bottom : 0px;
        left :10px
        }
      img.w3c
          {
          cursor : pointer ;
          border:0px;
          width:32px;
          height:15px"
          }
      #html5
          {
          position : fixed ; 
          bottom : 0px;
          right : 5px;
          }
      img.html5
          {
          cursor : pointer ;
          border:0px;
          width:20px;
          height:20px"
          }
}