html{
	margin:0;
	 padding:0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


/**********************************************  Home Page   **********************************************/

#home_page{
	
	width:100%;
	height:170px;
	text-align:center;
}

#home_page #connexion {
	
	width:100%;
	height:40px;
	line-height:40px;
	text-align:right;
	color: white;
	font-family: 'Oxygen', sans-serif;
	
}
#imgHome{
	
	width:15%;
}


#home_page #connexion #linkDevelopMobile{
	
	display:none;
	
}
#home_page #connexion a{
	
	display:inline-block;
	padding-left:15px;
	padding-right:15px;
}

#homeLight{
	
	margin-top:20px;	
	height:300px;
	line-height:300px;
	width:100%;
	text-align:center;
}

#returnHome{

	float:left;
}
#boutonConnectBox{
		
	margin-right:50px;
}

#home_page #connexion a:hover{
	
	display:inline-block;
	padding-left:15px;
	padding-right:15px;

}

#img_home_page_minScreen,#img_home_page_light_minScreen{
	
	display:none;
}

#title_h1_light{
	font-size:35px;
	margin-left:10px;
	margin-top:-100px;
}

#img_home_page{
	
	margin-top:0px;
	height:125px;

}

#img_home_page_light{
	

    -webkit-border-radius:250px;
    -moz-border-radius:250px;
    border-radius:250px;
	box-shadow:  0 0 1.2em   white;

}

#connectBox{

	float:right;
	position:absolute;
	width:200px;
	height:250px;
	right:50px;
	padding:25px;
	display:none;
}

#SubmitConnectBox{
	
	height:25px;
	line-height:25px;
	width:102%;
	font-family: 'Oxygen', sans-serif;
	margin-bottom:25px;
}

#connectBox .input{

	width:100%;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-align:center;
	margin-bottom:15px;
	font-family: 'Oxygen', sans-serif;
	text-decoration:none;
}
#container.fixed{

	margin-top:60px;	

}
#container h1 {

	display:block;
	font-size:60px;
	width:100%;
	padding-bottom:100px;
	padding-top:100px;	

}

#container div p{

	display:block;
	font-size:30px;
	width:80%;
	margin:auto;
	padding-bottom:50px;
	padding-top:50px;

}



#tableHome{
	
	width:90%;
	margin:auto;
	text-align:center;
	border-bottom:25px solid white;

}

#tableHome .fondBleu, #tableHome .fondGris{
	
	width:60%;
	height:280px;
	position:relative;
	padding:40px;
}

#tableHome .fondBleu a{
	
	color:white;
	text-decoration:none;
	font-size:18px;
	position:absolute;
	bottom:20px;
	right:40px;
	font-style:none;
}

#tableHome .fondGris a{
	
	color:white;
	text-decoration:none;
	font-size:18px;
	position:absolute;
	bottom:20px;
	left:40px;
	font-style:none;
}
#tableHome .fondGris a:hover, #tableHome .fondBleu a:hover{

	text-decoration:underline;
}



/********************************************************* Navigation ************************************************************/
#navTool{
		
	height:60px;
	line-height:60px;
	font-size:1em;
}

#navTool.fixed{
		
	  width:100%;
	  position: fixed;
	  top:0;
	  z-index:1000;
}

#navTool a{
		
	display:inline-block;
	height:60px;
	line-height:60px;
	padding-left:40px;
	padding-right:40px;
}


/********************************************************* Inscription ************************************************************/
#inscription{
		
	font-size:1.5em;
	width:100%;
	padding-top:20px;
	padding-bottom:60px;
}
#inscription #particulierform,#inscription #formulaireMdp,#inscription #before_inscription2{
		
	margin:20px;
}
#inscription h1, #info h1{
		
	font-size:2.5em;
	padding:20px;
	background-color:white;
}
#inscription table, #info table{
		
	width:90%;
	margin:auto;
	margin-top:30px;
}
#inscription table td, #info table td{
		
	border-left:2px solid #3698d0;
	border-right:2px solid #3698d0;
}

#before_inscription{
		
	font-size:0.8em;
	padding-left:40px;
	padding-right:40px;
	text-align:center;
	width:49%;
}
#contain_descr{
	display:inline-block;
	padding:50px;
	line-height:28px;
}

#before_inscription #contain_descr .bouton_envoyer, .article_center .bouton_envoyer{
		
	display:block;
	width:300px;
	padding:15px;
	margin:auto;
	margin-top:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
}

#contain_descr ul{
	font-size:0.8em;
	
}
#before_inscription #formDescription{

	display:block;
}
#formDescription{
		
	display:block;
	padding-left:25px;
}
#before_inscription img{
	height:200px;
}


#inscription form,, #info form{
	display:block;
	width:90%;
	margin:auto;

}

#inscription .formlab, .article_center .formlab, #info .formlab {
			
	margin-top:25px;
	overflow:hidden;
}

#inscription #company, #info #company{
			
	margin-top:50px;
	text-align:center;
}


#inscription input, .article_center  input, #info input,#sendmail #submit{
		
	width:100%;
	line-height:50px;
	position:static;
	z-index:2;
	padding-left:10px;
	font-size:1em;
}
#confidential {
		
	margin-top:35px;
}
#confidential input{
		
	width:40px;
	height:40px;
	line-height:40px;
	position:inherit;
	padding-left:0;
	font-size:1em;
	float:left;
}

#inscription label, #info label{
	
	display:block;
	height:50px;
	line-height:50px;
	position:relative;
	z-index:4;
	bottom:-50px; 	
	left:10px;
	text-align:left;
}
#inscription .label_ritron, #info .label_ritron{
		
	height:50px;
	line-height:50px;
	position:relative;
	z-index:4;
	bottom:0px; 
	font-size:0.6em;
	left:10px;
}

#confidential label{
		
	display:block;
	width:88%;
	height:40px;
	line-height:40px;
	position:inherit;
	font-size:0.6em;
	margin-left:60px;
}

#submit_form:hover{
	
	box-shadow:  0 0 0.6em   white;
}


#submit_form{
	
	margin-top:80px;
}
#inscription #afficheMdp, #info #afficheMdp{

	float:right;
	font-size:12px;
	padding:5px;
}
	
/********************************************************* Page courte ************************************************************/
.article_court{
		
	width:70%;
	margin:auto;
	padding:50px;
	line-height:30px;
	
}
.article_court h3{
		
	font-size:40px;
	
}

.article_center{
		
	width:70%;
	margin:auto;
	padding:50px;
	line-height:30px;
	
}
.article_center h3{
		
	font-size:40px;
	
}


/********************************************************* Page Location ************************************************************/

#locListe{
	
	text-align:center;
	width:80%;
	margin:auto;
	margin-top:60px;
	margin-bottom:60px;
	height:250px;
	overflow:hidden;
	border-radius:40px;
}



#locListe .locListeDiv {
	float:left;
	width:60%;
	height:250px;
	padding-top:40px;
	padding-bottom:40px;
	text-align:center;
}
#locListe .locListeDiv .locListeTitre{
	
	font-size:30px;
}

#locListe .locListeImg{
	
	width:40%;
	float:right;
}



/********************************************************* Page container ************************************************************/

#page_info_container{

	min-height:250px;
}

#page_info_container h1{

	display:block;
	font-size:100px;
	width:100%;
	
}


#page_info_container h2{

	display:block;
	font-size:40px;
	margin:40px;
}

#page_info_container #bouton_envoyer{

	display:block;
	width:300px;
	padding:15px;
	margin:auto;
	margin-top:30px;
	height:30px;
	line-height:30px;
	font-size:20px;
}


/********************************************************* Footer ************************************************************/

footer{
	
	padding-top:50px;
	width:100%;
	text-align:center;
	min-height:250px;
}

footer table{

	width:80%;
	margin:auto;
	text-align:center
	
}

footer table td{
 
	width:15%;
	padding:40px;
	line-height:30px;
	font-size:13px;
}

footer table td h2{

	line-height:30px;
	font-size:16px;
}

footer #table_bas_de_page {
	
	display:block;
	width:80%;
	margin:auto;
}
/********************************************************* Page de compte ************************************************************/
#info{
	
	width:80%;
	margin:auto;
	vertical-align:top;
	font-size:1.5em;
}

#info tr td{
	
	width:40%;
	margin:auto;
	vertical-align:top;
	padding:40px;
	border-left: 2px solid #3698d0;
    border-right: 2px solid #3698d0;
	
}




/********************************************************* Page de Location ************************************************************/
#containerLoc{
	
	padding:30px;
}

#containerLoc table{
	
	width:95%;
	margin:auto;
}

#containerLoc table td{
	
	padding:30px;	
}

#containerLoc table td #container_img {
	
	max-height:500px;
	height:500px;
	overflow:hidden;
	max-width:100%;
	margin:auto;
	text-align:center;
}

#containerLoc table td  #clickGauche{
	
	float:left;
}
#containerLoc table td  #clickDroite{
	
	float:right;
}

#containerLoc table td img{
	
	max-width:100%;
	max-height:500px;
	margin:auto;
}


#containerLoc table td #container_Miniimg {
	
	height:100px;
	line-height:100px;
}
#containerLoc table td #container_Miniimg img{
	
	max-height:100px;
}
#containerLoc table .column_right{
	
	width:60%;
}

#containerLoc table .column_left{
	
	width:40%;
}

#dispo input{
	
	width:25%;
	height:50px;
	line-height:50px;
	padding:10px;
}
#dispo #submitDate{
	
	width:90%;
	height:70px;

}

#dispo #submitDateA{
	
	display:block;
	width:90%;
	margin:auto;	
	line-height:40px;
	font-size:30px;
	padding:15px;
}

#containImg{
	padding:0px;
}

/********************************************************* Page de contact ************************************************************/

#contact{
	
	width:70%;
	margin:auto;
	padding:50px;
}

.input, .incorrect {
	height:30px;
	line-height:30px;
	padding:3px;
	width:25%;
	margin-bottom:10px;
}

.label {
	width:15%
}

form {
	margin:auto;
}

#submit {
	margin-bottom: 60px;
}

#formail {
	height:300px;
	min-height:300px;
}

#contact h3{
		
	font-size:40px;
	
}

/************************* contenu page accueil *********************************/
#boxZone{
	
	margin:0;
	padding:0;
	width:100%;
	height:450PX;
}

#boxZone .textSite{
	
	font-size:3em;
	width:60%;
	margin-left:10%;
	height:300px;
	padding-top:100px;
	text-shadow: 0px 0px 20px #000000;
}

#photo2nous{
	
	display:block;
	width:30%;
	margin:auto;

}
#devisGratuit{
	
	display:block;
	width:20%;
	max-width:250px;
	margin:auto;

}
.textCenter{
	
	width:70%;
	margin:auto;
	font-size:25px;
	line-height:50px;
	margin-top:50px;
	Margin-bottom:50px;
}
/************************* contenu page presta *********************************/

.presta_content{

	width:90%;
	margin:auto;
	margin-top:60px;
	position:relative;
}

.presta_content .enSvPl_float_left{
	
	float:left;
	width:0px;
	height:80px;
	line-height:80px;
	position: absolute;
    bottom: 0;
    left: 0;
	font-size:22px;
	border-right:80px solid #3698d0;
	border-radius: 0px 40px 40px 0px;
}
.presta_content:hover .enSvPl_float_left{
	
	width:84%;
	border-right:0px solid #3698d0;
	border-radius: 0px 0px 0px 0px;
}
.presta_content .enSvPl_float_right{
	
	float:right;
	width:0px;
	height:80px;
	line-height:80px;
	position: absolute;
    bottom: 0;
    right: 0;
	font-size:22px;
	border-left:80px solid #3698d0;
	border-radius: 40px 0px 0px 40px;

}
.presta_content:hover .enSvPl_float_right{
	
	width:84%;
	border-left:0px solid #3698d0;
	border-radius: 0px 0px 0px 0px;
}
.presta_content .img_float_left{
	
	float:left;
	width:16%;
	aspect-ratio:1/1; 
}

.presta_content .img_float_right{
	
	float:right;
	width:16%;
	aspect-ratio:1/1; 
}

.presta_content h3{

	margin-bottom:30px;
	text-align:center;
	font-size:40px;
	padding-top:30px;
}
.presta_content #localisation, .presta_content #PrestaTranche,.presta_content #chantier,.presta_content #cloture,.presta_content #soiree{
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.presta_content:hover #localisation, .presta_content:hover #PrestaTranche,.presta_content:hover #chantier,.presta_content:hover #cloture,.presta_content:hover #soiree{
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.presta_content .curseur_left{
	
	display:block;
	font-size:60px;
	width:60px;
	position:absolute;
	bottom:8px;
	right:12px;
	z-index:1;
	color:white;
	font-family:Oxygen;
	text-align:center;
}
.presta_content .curseur_right{
	
	display:block;
	font-size:60px;
	width:60px;
	position:absolute;
	bottom:8px;
	left:12px;
	z-index:1;
	color:white;
	font-family:Oxygen;
	text-align:center;
}

.presta_content:hover .curseur_left, .presta_content:hover .curseur_right{
	
	display:none;
}
.textPresta{
	display:block;
	width:100%;
	margin:auto;
	font-size:18px;
}