/* CSS Document */
html, body {
 background-image:url('img/holiday-inn-nice.jpg');
-webkit-background-size: cover; /* pour anciens Chrome et Safari */
background-size: cover; /* version standardisée */
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%;
}
/*--------------------------------------------------*/

/*.index{
    margin-top:50px;
    width:100%;
    padding : 0px;
    height:5000px;
}*/
   
/*MENUS---------------------------------------*/

    a:link  { text-decoration: none; } 
    
    a:hover { color: gray; font-weight:bold; } 
    
.menu_haut{
display:none;
background:gray; 
color:white; 
font-size:20px;
width:60%; 
margin:auto; 
text-align:center;


}    
    
.menuA {    
       display:none;
        /*grand MENU APPARAIT*/
 
    /*background:red;*/
    width:100%;
    height:20px;   
    z-index:100;
    
    }
.sous_menu{ 
    padding-top:-100px; 
    margin:auto; 
    width:100%; 
    background:none; }
    
.menuB { 
      /* PETIT MENU HIDE*/
    display:none;
      
    }
    
    .renovez{
   margin:auto;
   width:290px; 
   height:50px;
  /* background:yellow;*/
   
   } 
   /*--------------------------- TRAVAIL----------- IMAGES------*/
.images{
         text-align:center;
         font-size:30px;
    padding-top:20px;
    padding-left:100px;
    padding-bottom:20px;
    margin-left:12%;
    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;

}  
.container{/* ---------------------------------------------- DEBUT----------------------- */

       
  height:auto;
  margin:0;
  padding:0;  
  width:100%; 

}
.index1{/* ---------------------------------------------- DEBUT */
  width:88%; 
  margin-left:12%;
}
.design{
    margin:auto; 
    width:50%; 
    background:rgba(0,0,0,.3); 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
    center border-radius:10px; 
    box-shadow: 0px 2px 5px black;

}

.contactez_nous{
          /*background-color:white; */
          background:rgba(255,255,255, .6);
          padding:10px; 
          width:20%; 
          margin:auto;  
          -moz-border-radius:10px;
          -webkit-border-radius:10px;
          center border-radius:10px;
          /*box-shadow: 0px 2px 5px maroon;*/

}  
.sous_index{
  
   width:100%
   font-size:24px;
   background-color:none;

}     

.paragraphe{
    padding-top:10px;
    padding-left:100px;
    padding-bottom:10px;
    width:60%; 
    margin-left:12%;  
    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_paragraphe{
    
    padding-left:100px;
    margin-left:12%; 
    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;
    padding-top: 20px;
    
} 

.index2{/*----------------------------------------------------MACONNERIE*/
      
  /* ------MACONNERIE----- */
  width:20%;
  /*background:white;*/
  margin:auto;
}
.sous_index2{
    padding-top:20px;    
    margin-left:12%;
    width:70%;  
    background:rgba(0,0,0, .3);
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    center border-radius:10px;
    box-shadow: 0px 2px 5px black;
}

.index3{/*---------------------------------------PEINTURE*/  
width:100%;
  /*background:white;*/
  margin:auto;
  
}

   
.sous_index3{
      
  height:100%;
  margin:0;
  padding-top:20px;
  margin-left:24%;
    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; 
}

.index4{/* ------------------------------------ELECTRICITE*/

     /*border-bottom-width:3px;  border-bottom-color:maroon; border-bottom-style:solid;*/
     
    padding-top:20px; 
    max-width:100%;
    width:100%;
    height:100%;
    margin:0;  
}
.sous_index4{
    padding-top:20px;
    padding-left:100px;
    margin-left:24%;

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

.index5{/*-------------------PLOMBERIE*/
      padding-top:20px;
    
max-width:100%;
width:100%;
/*background:#EEEEEE;*/
/*background-image:linear-gradient(white, yellow);*/
  height:100%;
  margin:0;


   
}
.sous_index5{
    padding-top:20px;
    padding-left:100px;
    margin-left:24%;

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

.form_contain{ /*----------------------FORMULAIRE PRINCIPAL-------------------------*/
    width:100%; 
    height : 100%;
    /*background:yellow;*/
    left : 0;
    border-bottom-width:0px;  border-bottom-color:none; border-bottom-style:solid;
       background-image:url('img/--holiday-inn-nice.jpg');
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */ 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    background-position:top center;  
        
}
 
.form_contain2{
   padding-left:10%;
   margin:auto; 
   height:690px; 
   /*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;
}
.bas{
     background:rgba(255,255,255, .1);
     background-image:url('img/--holiday-inn-nice.jpg');
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-size: cover; /* version standardisée */ 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    background-position:top center;
    width:80%;
      
  height:200px;
  margin-top:100px; 
  margin-left:auto;
  margin-right:auto;
  padding-top:10px; 
     display:block;
     }
    
   
   .menu_scroll{  

    /*opacity: 0;*/
  
    width:20%;
    height : auto;  
}
   .sous_menu{ 
    padding-top:50px; 
    }
 
   

   .travail{
        
          width:60%; 
          /*margin-left:52%;*/
          

}

  .img_jm{
   width:70%;
   height : 50%:
  
     }
     
     /* -------------reduction responsive -850px ----------------------------------------------------*/
/*@media screen and (max-width: 850px)
   {
    .menu_scroll
{  
    /*display:none;*/
    /*margin-top:10px;
    font-size:15px; 
    width:50px; 
}
.sous_menu{
display:none;*/

/*}*/
/*
.menu_haut{
width:99%;
display:block;
position:fixed;
margin:auto; 

}    
    
   }
 */ 
   
     @media screen and (max-width: 600px)/* -------------reduction responsive -600px ----------------------------------------------------*/
{

.menu_haut { 
      /*  MENU DISPARAIT*/
    display:none;

    
    }
   #menu_scroll{
   display:none;
   }
   
  .menuA { 
      /*  MENU DISPARAIT*/
    display:none;

    
    }
   
   .menuB { 
      /* PETIT MENU APPARAIT*/
    display:block;
    position:fixed;
    background:none;
    top:0px;
    width:60%;
    height:50px;
   
    z-index:50;
    
    }
   
 .design{
  margin-top : 50px;
  width: 80%;
  margin-left:auto;
  margin-right:auto;
  font-size:20px;
 
 }
 
.contactez_nous{
          background-color:none;        
          padding:10px; 
          width:60%; 
          margin-top:0px;  

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

}  

/*---------------------------------Index 1---------------------------*/
.index1{
    margin-top:80px;
    width:95%;
    padding : 0px; 
    padding-left:0px;
     margin-left:0px;
     font-size:20px;
}


.sous_index{

    width:90%;
     margin:auto;
    padding:10px;
    background:none; 
     
    
}

.paragraphe{
     padding-left:25px;
    width:80%;
    margin:auto;
    padding-top: 20px;
    font-size:20px;
    
     
}

.sous_paragraphe{
    padding-left:25px;
    width:80%;
    margin:auto;
    padding-top: 20px;
    font-size:20px;
     
}
.img_jm {
    width:100%;
    height:100%;
}

.sous_index2{

    width:90%;
    margin-left:10px;
    padding-left:10px; 
    
}

.sous_index3{

    width:90%;
     margin-left:10px;
    padding-left:10px; 
     
    
}
.sous_index4{

    width:90%; 
     margin-left:10px;
    padding-left:10px; 
    
    
}
.sous_index5{

    width:90%; 
     margin-left:10px;
    padding-left:10px; 
    
    
}

.form_contain2{
 display:none;
    }
    .formulaire2{
 display:block;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;
max-width: 100%;
    }
    
.bas{
     display:none;

}
.bas2{
     display:block; 

}                    
}
@media screen and (max-width: 700px)/* -------------reduction responsive -800px ----------------------------------------------------*/
   {    
   #menu_scroll
{  
    /*opacity: 0;*/
  
    width:30%;
    height : 100%;  
    /*display:none;*/  
}

   .sous_menu{ 
    padding-top:50px; 
    display:none; 
    }
   .design{
    width: 60%;
    /*margin: auto;*/
    /*display:none; */
   
   } 
   
   .contactez_nous{
          background-color:none;        
          padding:10px; 
          width:60%; 
          /*margin-top:-180px; */ 

}   
   .paragraphe{
    width:70%;
    /*display:none; */
    

}

  .img_jm{
   width:70%;
   height : 50%:
   display:none; 
  
     }
     /* -------------------------FORMULAIRE------------     */

.bloc1{
    /*display:none;*/

    /*float:none; */
    margin:auto
    width:300px; 

}