@charset 'utf-8';
/******************** Entête UTF-8 ******************\
*
*	fichier			: public/projet/custom/css/main.css
*	projet			: @PROJET@
*	version			: 1.0.13 2019-09-11 14:08 FS
*
\****************************************************/

.display-none{
	display: none !important;
}

body{
    padding:0;
    margin:0;
    font-family: 'Roboto', sans-serif !important;
    font-weight:400;
    background-color:#000!important;
    color:#000;
    background-size: cover;
    position: relative;
    background-repeat: none;
    display: flex;
    flex-direction: column;
}


html, body {
    height: 100%;
    margin: 0;
}
 
main {
  flex: 1; /* pushes footer down */
}

header{
	background:#000; 
       /* background:#994343;*/
        padding: 10px 0;
}

.center{
    text-align: center!important;
}

.left{
    text-align: left!important;
}

.right{
    text-align: right!important;
}

.uppercase{
    text-transform: uppercase; 
}

.bold{
    font-weight: bold!important; 
}
header H2 {
    padding-top: 20px;
    font-size: 20px;
    text-align: left;
    color: #9b9b9b;
}

.map {
    z-index:9999;
    margin: 50PX 0 ;
}

 .box-black {
    position: relative;
    border-color: #000;
    border-style: solid;
    background: #000000c7;
    filter: alpha(opacity=79);
    border-radius: 30px;
    -moz-border-radius: 30px;
    border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px;
    box-shadow: 0 0 0 0 rgba(0,0,0,1);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1);
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,1);
    padding: 50px 40px 50px 20px!important; 
    min-height: 750px;
}

.vertical-divider {
  overflow: hidden;
  margin-bottom: 20px;
}
.vertical-divider > div[class^="col-"] {
  text-align: left;
  padding-bottom: 100px;
  margin-bottom: -100px;
  border-left: 1px solid #F2F7F9;
  border-right: 1px solid #F2F7F9;
}

.vertical-divider.center > div[class^="col-"] {
  text-align: center;
}
.vertical-divider div[class^="col-"]:first-child {
  border-left: none;
}
.vertical-divider div[class^="col-"]:last-child {
  border-right: none;
}

 

.box-black.min {
         min-height: 550px;
}
form.box-white {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    background-color: #ffffff;
    border-radius: 30px; padding: 20px;
}
.img-house {
    position: absolute;
    width: 430px;
    height: 365px;
    left: -80px;
}
.box-black p {
    /*text-align: center;*/
    color:#ffffff!important; 
}
    
.box-black h1 {
    font-weight: 500; 
    color: #fff;    
    font-size: 33px!important;
    margin-bottom: 50px!important; 
    font-style: Normal;
  /*  text-transform: uppercase;*/
    text-decoration: none;
    text-align: center;
}
H2 {
    font-weight: 500!important; 
    color: #fff;    
    font-size:28important;
     font-style: Normal;
     text-decoration: none;
    text-align: center;
}


H3 {
    font-weight: 800!important; 
    color: #fff;    
    font-size: 27px!important;
}

H4 {
    font-weight: 500!important; 
    color: #fff;    
    font-size: 20px!important;
    padding-bottom: 15px;
    line-height: 25px!important
}

H4.big {
    font-weight: 700!important; 
    font-size: 25px!important;
    padding-bottom: 5px;
 }

H5 {
    font-size: 15px!important;
    color: #9b9b9b!important;  
    text-align: center;
    padding: 0 15px;
 
}
H5.bottom {
     position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
 }


button{
    border-width: 3px;
    border-color: #fff;
    border-style: solid;
    background-color: transparent;
    box-shadow: 0 0 0 0 rgb(0 0 0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,1);
    -webkit-box-shadow: 0 0 0 0 rgb(0 0 0);
    padding: 10PX;
    cursor: pointer;
    color: #fff;
    font-size: 20PX;
}

form label {
    text-transform: uppercase;
}

#step2 input.form-control, #step2 textarea.form-control {
    color: #fff!important; 
    background-color: rgba(255,255,255,0)!important; 
   /*order:none!important; */
    border-bottom: 1px solid #fff!important;
    border-radius:0!important; 
    padding-left: 0;
    font-size: 18px;
     height: 40px;
    width: 90%;
   
}
#step2 select.form-control {
    font-size: 18px;
    color: #222222;
    background-color: #ffffff;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 1);
    overflow: hidden;
    appearance:  auto!important;
    height: 40px;
    width: 90%;
} 

#step2 ::placeholder {
  color: #fff!important; 
  text-transform: uppercase;
}

#step2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: red!important;
}

#step2 ::-ms-input-placeholder { /* Microsoft Edge */
 color: red!important;
}

.texte-merci {
   padding-top: 50px;
} 

form label.small {
    font-size: 15px;
   line-height: 20px;
   color: red!important;
} 
form label.white {
   color: white;
} 

.errors {
	color: #d71920!important;
}

.texte H2 {
    padding-top: 20px;
    font-size: 25px;
    text-align: left;
    color: #212529;
} 

footer{
    background:#545454;	
    text-align: center;
    padding: 20px 0;
    color: #FFF;	
    width: 100%;
}


@media screen and (max-width: 767px) {
    .map {
        height: auto;
        position: relative;
    }

    #one_pager.map {
        background: white!important;  
    }  
    #one_pager H4, #one_pager H3, #one_pager .box-black p {
        color: #000!important;
    }    
    
    #one_pager  .box-black {
        background: white!important;
        margin: 0px 10px!important;
    } 
    
    #one_pager form{
        background: #000!important;
        padding: 20px!important;
        margin: 0 -20px;
    } 
    .box-black {
        margin: 50px 10px!important; 
        min-height: 700px;
    }
    .box-black h1 { 
        font-size: 25px!important;
    }
    H2 {   
        font-size:23important;
    }


    H3 {   
        font-size: 22px!important;
    }    
    .box-black {
        padding: 20px 5px!important; 
        margin: 5px;
    }
    
    .vertical-divider > div[class^="col-"] {
        border: 0px solid #F2F7F9;
    }
 
	
}