/* CSS Document */
html, body {
 background-image:url('img/holiday-inn-nice.jpg');
background-size: cover; 
background-repeat:no-repeat; 
background-attachment:fixed;
background-position:top center; 
max-width:100%;
width:100%;

  height:100%;
  margin:0;
  padding:0; */

/*overflow-y: hidden; (ou hidden)  ASCENSEUR MASQUé*/
/*background:gray;*/
}
img {
    /*max-width:100%;*/
}
.container{/* ---------------------------------------------- DEBUT----------------------- */
  display:none;
 width:80%; background:red; padding:100px;       
  height:3000px;
  margin:0;
  padding:0;  

}
   
    /*a:link  {text-decoration: none; color:white; }     
    a:hover {color: gray; font-weight:bold; } */
    
/*MENUS---------------------------------------*/ 
   
.menu_tablette { 
      /*---- MENU CACHé--------*/
    display:none;

    
    }
.menu_principal{  
        /*opacity: 0;*/
        width:20%;
        display:block; 
        position:fixed; 
        float:left;
        top:10px; 
        left:10px; 
        padding-left:0px; 
        width:20%; 
        height : 100%; 
        background:rgba(3,3,3, .3); 
        -moz-border-radius:10px; -webkit-border-radius:10px; 
        center border-radius:10px; box-shadow: 0px 2px 5px silver; 
        color:blue; 
        }
        
.sous_menu{
        padding-left:50px;

          }
          
          /*---------------------PAGE PRINCIPALE-----------------------*/
          
.page1{
       padding-top:20px;
       /*float:right;*/
       width:100%;
       background:yellow;

     } 
     
.diaporama_pm{
        display:none;

}     
     
 /*--------------------------- PAGE PRINCIPALE--------- IMAGES------*/
.images_arrondies{
         
         width:100%;  
         border-width:1px; 
         border-color:white; 
         border-style:solid; 
         -moz-border-radius:10px; 
         -webkit-border-radius:10px; 
         center border-radius:10px; 
         box-shadow: 0px 2px 1px #EAD07A;

}  

.images_arrondies_pm{
         width:200px; 
         height:auto; 
         border-width:1px; 
         border-color:white; 
         border-style:solid; 
         -moz-border-radius:10px; 
         -webkit-border-radius:10px; 
         center border-radius:10px; 
         box-shadow: 0px 2px 1px #EAD07A;

}  

.list-style-position-outside{ 
        list-style-position : outside; 
        padding-left:200px; 
        text-align:left; }

.list-style-position-inside{ 
        list-style-position : inside;
        padding-left:10%; 
        text-align:left; }
       
.contactez_nous{
          /*background-color:white; */
          background:rgba(255,255,255, .6);
          /*padding:10%;*/ 
          width:20%;
          /*height:30px;*/ 
          margin:auto;  
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
          center border-radius:10px;
          /*box-shadow: 0px 2px 5px maroon;*/

}         
.design{
    margin:auto;  
    width:60%; 
    background:rgba(0,0,0,.3); 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    center border-radius:10px; 
    box-shadow: 0px 2px 5px black;

}

.sous_index{
     /*display:none;*/

}
.sous_paragraphe{ 
    text-align:left;
    margin:auto; 
    width:80%; 
    background:rgba(0,0,0,.3);
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    center border-radius:10px; 
    box-shadow: 0px 2px 5px black;
    padding-top: 20px;
    
} 

.form_contain{ /*----------------------FORMULAIRE PRINCIPAL-------------------------*/
    margin:auto; 
    padding-left:50px;
    width:80%; 
    background:rgba(0,0,0,.3);
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    center border-radius:10px; 
    box-shadow: 0px 2px 5px black;
    padding-top: 20px; 
        
}
 
.form_contain2{
   padding-left:10%;
   margin:auto; 
   height:900px; 
   /*background:pink;*/
   width:60%;
 }
.bloc1{
    /*display:none;*/
    margin-top:20px;
    padding-left:10px;
    float:left; 
    margin-right:50px;
    width:300px; 
    background:rgba(0,0,0,.3);
    -webkit-border-radius:15px; 
    border-radius:15px;
}
.bloc2{
margin-top:20px;
    padding-top:10px;
    padding-left:10px;
    float:left; 
    width:400px; 
    background:rgba(0,0,0,.3);
    -webkit-border-radius:15px; 
       border-radius:15px;
}

.formulaire2{
 display:none;
}

.avis{
display:none; 
padding:10px; 
position :fixed; 
top:100px; 
width:40%; 
height:auto; 
margin:auto; 
background:white; 
border:1px solid black; 
-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; 
color:gray; box-shadow: 0px 5px 15px white

}
        
 /*---------------------------------FIN DES DIV PLEINE PAGE ------------------------------------------------------*/       
  
   @media screen and (max-width: 800px)/* -------------reduction responsive -800px----------------------------------------------------*/
{

.menu_principal{ 
      /*  MENU DISPARAIT*/
    display:none;    
    }
   
   .menu_tablette { 
      /* MENU TABLETE APPARAIT*/
    text-align:center;
    display:block;
    position:fixed;
    background:white;
    top:0px;
    width:100%;
    height:20px;   
    z-index:50;
    
    }

.container{
    background:none;
    height:2000px;

}
.page1{
       clear:both;
       width:100%;
       background:none;
       /*margin-left:-100px;*/

     } 
        
 .design{
  margin-top:50px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  font-size:20px;
 
 }

.list-style-position-outside{ 
        list-style-position : outside; 
        padding-left:10%; 
        text-align:left; }

.list-style-position-inside{ 
        list-style-position : inside;
        padding-left:10%; 
        text-align:left; }
 
.contactez_nous{
          background-color:none;        
          padding:10px; 
          width:60%; 
          margin-top:0px;  

}  
.caroussel{
        display:block;

} 

.diaporama_pm{
        display:none;

}
 .images_arrondies{
         width:80%;
         height:auto;
         margin:auto;
         font-size:20px;
         padding:10px;
         background:none;

} 
.form_contain2{
 display:none;
    }
    .formulaire2{
 display:block;
 width:90%
 margin:auto;

max-width: 100%;
    }

.champ {
    height:auto;
    width:50%;
} 

.textarea{
        width:200px;
        height:200px;
}   
    
.bas{
     display:none;

}
.bas2{
     display:block; 

}  

}