/* CSS Document */
a{

color: #c3c3c3;
}
@font-face {

font-family: 'Dosis', sans-serif;}

body{

width:100%;

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

font-family: 'Dosis', sans-serif;

background-color: black;

overflow-x: hidden;

}


a:link {text-decoration: none; color:white; cursor:pointer;}
a:visited {text-decoration: none; color:white; cursor:pointer;} 
a:active {text-decoration: none; color:white; cursor:pointer;}
a:hover {text-decoration: underline; color: black; cursor:pointer;}



/*MISC*/
html{

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;
}
* {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;
 
}
ul {

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 100px;

line-height: 120%;

}

li {

color: white;

}
a img {

border: 0;

}
  
  
  h1{


        cursor: hand;

        padding:0;

        margin-left : 0px;

        z-index : 9950;

        position : relative;

        width : 257px;

        height : 65px;

        display : block;

        top : -10px;

        left : 1%;
   
        background:url(img/logoriad.png) no-repeat 0 0;

  
}
 
.prisederendez-vous{
 
        cursor: pointer;

        cursor: hand;

        padding:0;

        z-index : 9952;

        position : relative;

        width : 197px;

        height : 67px;

        display : block;

        top : -120px;

        left : 95%;

        text-indent:-9995px;
   
        background:url(img/contact1.png) no-repeat 0 0;

}
  
.prisederendezvous:hover{
 
background:url(img/contact2.png) no-repeat 0 0;

}
 
    .contactetrendezvous{

            cursor: pointer;

      cursor: hand;

      padding:0;

      z-index : 9999;

      position : absolute;

      width : 489px;

      height : 50px;

      display : block;

      top : 12px;

      left : 86%;

      text-indent:-9995px;
      
              background:url(img/contact1.png) no-repeat 0 0;

    
}



.contactetrendezvous:hover{
 
background:url(img/contact2.png) no-repeat 0 0;

}
        
       
/*PAGES GENERALES*/
   .fondmenu{
  
    position:fixed;

    top : 0px;
  
    width:100%;

  background-position: top center;

    background-repeat: no-repeat;

    background-color: #000000;

height:77px;

margin:-10px 0px 0px 0px;

padding: 0px 0px 0px 0px;

    display : block;

    z-index :122;

   
}
 
   
 
   
    .pageune {

    position:relative;

width:100%;

  background-image:url(img/01fond_riad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}


.page11 {

position:relative;

width:100%;

background-image:url(img/11fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1150px;

overflow: hidden;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}



.pagedeux {

position:relative;

width:100%;

background-image:url(img/02fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

background-color: white;

height:1280px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
             


.pagefassia{

position:relative;

width:100%;

background-image:url(img/03fond_alfassia.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
            
            
                   
.pagetrois {

position:relative;

width:100%;

background-image:url(img/03fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
 .pagequatre {

position:relative;

width:100%;

background-image:url(img/09fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
 .pagecinq {

position:relative;

width:100%;
   
background-image:url(img/05fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
  
 .pagesix {

    position:relative;

width:100%;

  background-image:url(img/04fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
 .pagesept {

position:relative;

width:100%;

background-image:url(img/10fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

background-color: white;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
       
 .pagehuit {

position:relative;

width:100%;

background-image:url(img/06fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
         
 .pageneuf {

position:relative;

width:100%;

background-image:url(img/07fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
      
 .pagedix {

position:relative;

width:100%;
   
background-image:url(img/08fond_bvad.jpg);

  background-position: top center;

    background-repeat: no-repeat;

    background-color: black;

height:1080px;

margin:0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

}
                                                                
/*NAV*/
#bar{

position:fixed;

z-index: 150;

left:0px;

top:0px;

width:100%;

height: 20px;

  background-repeat: no-repeat;

background-position: top;

padding:0px 0px 0px 0px;

margin-top: 8px;

margin-left: auto;

margin-right: auto;

}
#foo > #bar {
 position: fixed;
 top: 0px;
 right: 0px;
 
}
 
                                             
 #navcontainer {

 position: relative;

  margin-left: auto;

  margin-right: auto;

margin-bottom: 0px;

margin-top: 0px;

padding: 0px 0px 0px 0px;

  width: 100%;

height: 20px;

  
}



.titre{
position: relative;
width : 500px ;
margin : 0 auto 50px ;
color : #FFFFFF;

}

             
      
 .titre h3{
 text-transform : uppercase ;
 text-align : center ;
  font-size: 2.5em;
  }  
  


 
.nav-menu{

      padding:0;

      z-index : 9953;

		top: 0px;

		margin-top: -15px;

        left: 160px;
        margin-left: 3%;

      position : absolute;
  
}
 
 
 .nav-menu ul{

  width : 1100px;

 
  padding: 0px 0px 0px 0px;

  margin: 10px 0px 0px 0px;

}
.nav-menu li
{

font-size:14px;

text-align: center;

font-weight: 400;

  width : auto;

  height : auto;

text-transform:uppercase;

float: left;

line-height: 0.8em;

padding: 4px 2px 4px 2px;

margin: 20px 3px 5px 3px;

display: inline-block;

background: black;
}

.nav-menu li a
{

float: left;

display: block;

font-size: 14px;

font-weight: 400;

float: left;

line-height: 0.8em;

text-decoration: none;


color: #ffffff;

}
.nav-menu li a:hover
{

float: left;

border-bottom: 1px solid #ffffff;
    padding-bottom: 3px;
}
 
   .text_container{
  
   position : absolute;
               
  
  
           width : 100%;

  margin : 0 auto  ;

   
   
}
   .text_container img{

        display : block;
   
       
        margin : 0 auto 0 auto ;

   
}

      

          
            .textefondnoir{
      
          width : 1010px;

          position : relative;

          margin : 20px auto;
         
          height  : 90px;

          display : block;
 
          color : #ffffff;
                  
          background-repeat: no-repeat;

         
      
}
         
         
      
}
 
            
      
 
 
         .page1{
height : 85px;
}
            .page5{
height : 50px;
}
      
     
  
      h2{
margin-right:340px;
}
      
      .containerimagechambre1{

            width : 1000px;

            position : relative;

            margin : 0 auto;

            height : 584px;

            background-image:url(img/etapes_optiques.png);
  
            background-repeat: no-repeat;

      
}
 
            
      .containertextchambre1{

                           color : #ffffff;

            width : 1000px;

            position : relative;

            margin : 0 auto;

            height : 170px;

            display : block;

            
      
}
 
             #blackbloc span{

             font-size: 1.8em;

             
}
             
     #filettext5{

      background-image:url(img/barreverticale.png);
  
      background-repeat: no-repeat;

      font-size: 0.8em;

      line-height : 20px;

      text-align : center;

      padding-top : 20px;

      width :300px;

      height : 160px;

     float : left;
       
     
}
     
     .secteur{

     color:#fcc105;

     
}
  
    

          
          
           .textechambres{

     			 text-align : left;

                  padding-top : 20px;
                  
                  font-size: 16px;

                  position : relative;

                  margin-top : 0px;
                  
                  margin-left : 0px;
                  

                  line-height : 18px;

                  width : 1010px;

                  height : 350px;

                  overflow : hidden;
  
                  font-weight: 400;
 
      
}




   .textechambresfin{

   				  text-align : left;

                  padding-top : 20px;
                  
                  font-size: 16px;

                  position : relative;

                  margin-top : 0px;
                  
                  margin-left : 0px;

                  line-height : 18px;

                  width : 1010px;

                  height : 100px;

                  overflow : hidden;
  
                  font-weight: 400;
 
      
}
 
     
.imagechambre3{

position:relative;

width:100%;
   
height:1200px;

    display : block;

margin:-60px 0px 0px 0px;

padding: 0px 0px 0px 0px;

    
background-image:url(img/marquespartenaires.png);

  background-position: top center;

    background-repeat: no-repeat;

}
     
   
  
  
  
                                
  
              .fondnoirtext7{
      
          width : 1000px;

          position : relative;

          margin : -420px auto;
         
          height  : 95px;
                
          display : block;
 
          color : #ffffff;
     
          background : #000000;

          background-repeat: no-repeat;

         
      
}
 

  
                        
  .infospratiquesbloc{
      
          width : 1000px;

          position : relative;

          margin : 10px auto;
         
          height  : 95px;
              
          display : block;
 
          color : #FFFFFF;

          background-repeat: no-repeat;
           
      
}
 
            
       .infospratiquesbloc h3{
 width : 100%;
font-size: 2em;
  
}
 
          .traitsup{
          display: block;
          position: relative;
          width: 100%;
          height: auto;
border-top:1px solid #fff;
}


      .infospratiquesbloc_txt{

                  text-align : left;

                  position : relative;

                  margin : 0 0 0 50px;
              
                  width : 670px;

                  height : 600px;

                  overflow : hidden;

                  font-size: 16px;
  
                  line-height: 1.3em;

                  font-weight: 400;
 
      
}


.contact {
   text-align : left;

                  margin-top : -450px;
                  
                  margin-left: 800px;

                  position : absolute;
              
                  width : 220px;

                  height : 200px;

                  overflow : hidden;

                  font-size: 16px;
  
                  line-height: 1.3em;

                  font-weight: 400;
}



 
      .raison{

              height : 60px;

      
}
       .infprat{
         
        color:#0161b7;

        
}
           
        #contactpopup{

display:none;
height: 500px;


}
   
#fichepopup{

display:none;

    font-family: 'Dosis', sans-serif;
font-weight: 200px;
font-size: 15px;}
 
.csscontactpopup{
background-color:rgba(0,0,0,0.8);


}
  
     .diplome  {
     
          margin-top : -40px;
 
              padding-top : 7px;
        
          width : 800px;

          font-size: 1.1em;
  
       
}
     
          .pourquoi{

          height : 240px;

          
}
   #accueil{

   margin-top : 155px;

 
}
    
 
   #leriadstyle{

   margin-top : 150px;

 
}

   #restaurationstyle{

   margin-top : 150px;

 
}
 
   #chambre1style{

   margin-top : 150px;

 
}
 
 #chambre2style{

   margin-top : 150px;

 
}
  #chambre3style{

   margin-top : 150px;

 
}
  #chambre4style{

   margin-top : 150px;

 
}
  #chambre5style{

   margin-top : 150px;

 
}
  #chambre6style{

   margin-top : 150px;

 
}
  #chambre7style{

   margin-top : 150px;

 
}
  #chambre8style{

   margin-top : 150px;

 
}
 
  #partenaires{

   margin-top : 150px;

 
}
    
 
   #lesinfospratiques{

   margin-top : 150px;

 
}
 
 




.languages {
position: fixed;
bottom: 10px;
right: 30px;
color: white;
}


            
      .quivientchezvousgauche img{

      margin : 0 28px;

      
}
          
    .quivientchezvousdroite{
float: right;
 width : 575px;
height : 100%;
color : #ffffff;
display:block;
}
 
    
            .quivientchezvousdroite h2{
              
              display:block;

              width : 100%;

              margin-top : -15px;

              padding-top : 3px;
                  
              padding-bottom : 10px;
              
              margin-bottom : 10px;

              border-bottom:1px solid #fff;

              font-weight : 400;

              margin-left : 28px;
                  
              font-size: 46px;

              text-align : left;
  
              line-height : 40px;
  
            
}
  
            
            .quivientchezvousdroite p{
             
            display:block;

            margin-top : 2px;

            padding-top : 2px;
  
            padding-bottom : 12px;

            border-bottom:1px solid #fff;

            margin-left : 28px;
      
            line-height:12px;

            font-size: 12px;

            text-align : left;
                 
            
}
  
            
            .quivientchezvousdroite span{

                text-transform : uppercase;

                font-weight: 700;

                
}
            
                
              
  .formpop{

     text-align:justify;

        width:400px;
        height: 500px;

        margin:0 auto;
        
    font-family: 'Dosis', sans-serif;

font-weight: 200px;
font-size: 15px;

    
}
#inscr_error {

display: none;

background: red;

color: #FFF;

}
#login_error {

display: none;

background: red;

color: #FFF;

}
form label {

display: block;

}
form p {

padding: 7px;

line-height: 1.6;

    font-family: 'Dosis', sans-serif;

font-weight: 200px;
font-size: 15px;

}
#contact{

margin:0 0 0 100px;

height:500px;

position:relative;

    font-family: 'Dosis', sans-serif;

font-weight: 200px;
font-size: 15px;

}
#contact-text-wrapper{

float:left;

    font-family: 'Dosis', sans-serif;

font-weight: 200px;
font-size: 15px;
height:500px;


}
#contact form{

float:left;

margin:7px 0 0 40px;

    font-family: 'Dosis', sans-serif;

font-weight: 200px;
height:500px;

font-size: 15px;

}
input, textarea {

font-family: 'Dosis', sans-serif;

font-weight: 200px;

font-size: 15px;

float:left;
  
width:350px;

background:#1a171b;

opacity:0.9;

-webkit-opacity:0.9;

-moz-opacity:0.9;

border:1px solid #000;

padding:5px 5px 3px 5px;

margin-bottom:2px;

color:#ffffff;


}

    
 
  
input:hover, textarea:hover,  
input:focus, textarea:focus {
 
background:#333;

    font-family: 'Dosis', sans-serif;

font-weight: 200px;
font-size: 15px;

 
}
  
  
#submit-btn{
  
width:100px;

color:#fff;

padding:5px;

    font-family: 'Dosis', sans-serif;

font-weight: 200px;
font-size: 15px;
 
}
  
.error-label{

float:left;

            color:#red;

margin:3px 0 0 5px;

}
#thank-you{

position:relative;

top:2px;

}
#thank-you span{

font-size:22px;

}



.containerform{
position: fixed;
height: 300px;
width: 300px;
overflow: hidden;
}

.creditstypo{
position: absolute;
color:white;
opacity: 0.3;
font-size: 10px;
float: left;
top: 12135px;
left: 10px;
}












.text{
position:fixed;
left: 40%;
top: 30%;
width: 350px;
background-color: white;
border: 30px solid white;
z-index:100;
}


.bouton{
position: fixed;
left: 0px;
top: 0px;
z-index:101;
}


.fond{
position:fixed;
height: 100%;
width: 100%;
background-color: black;
z-index: 15;
top:0px;
left:0px;
opacity: 0.4;
}


.apropos{
top:0px;
left:0px;
position: absolute;
font-size: 13px;
text-align: center;
z-index:100;
position:absolute;
height: 100%;
width: 100%;
}


#about {
cursor:  pointer;
}

#box {display:none;}