@charset "utf-8";



body{

	background-image: linear-gradient(45deg,#fcd586, #d0e3dd);	

}



.box{

	position:relative;
	align-content: center;
	width:1280px;
	max-height: 25%;
	margin:auto;

	

}



/* Position photo gerant*/

.identite{

position: relative;/* Cadre pricipale contenant nom et photo*/
top: 50px;

}

.gerantimg {

	position: absolute;
	left:1150px;
	top:-235px;
	width: 50px;
	margin-left: 15px;
	height: auto;

}

/*position A-marques*/

.identite_nom{

	position: absolute;
	align-content: center;
	width: 400px;
	height: auto;
	left: 1135px;
	top: -160px;

}

.identite_nom a{
color: #d0e3dd;}



/*Position toit bleu milieu de page*/





.page_toit{

	position: absolute;
	width: 1280px;
	height:400px;
	width: 600px;
	left: 105px;

}





.logotoit{

	position:absolute;
	left:500px;
	width: 600px;
	height: 300px;

}







/*position voiture et horraire sur la page*/

.voithorraire{

	position: absolute;
	top: 100px;
	left: 200px;

}

.voit{	

	position: absolute;	
	width: 200px;
	height: 200px;
	border-radius: 20px;

}

#horraire{	

	position: absolute;
	top: 200px;
	width: 200px;
	height: auto;
	border:2px solid rgba(237,8,12,1.00);
	border-radius: 25px;
	background-color: hsla(203,91%,54%,0.15);
	text-align: center;

}

/* Logo ramonage et texte*/



/* Logo testeur et texte*/

nav3 li{

	list-style-type: none;

}

.boxelec{

	position:absolute;
	top:250px;
	left: 255px;
	height: auto;

	}

.logoelec {

	position: absolute;
	top: -20px;
	left: -55px;
	height: 50px;
	width: 50px;

}

.textesteur{

	position: absolute;
	top: 5px;
	left: 500px;
	height: 50px;
	width: 50px;

}
/* Logo solaire et texte*/

nav4 li{

	list-style-type: none;

}

.boxsolaire{

	position:relative;
	left: 1250px;
	height: auto;

	}

.logosolaire {

	position: absolute;
	top: -25px;
	left: 50px;
	height: 50px;
	width: 50px;
}

.solaire{

	position: absolute;
	top: 245px;
	left: 150px;
}

/* Logo plomberie et texte*/

nav5 li{

	list-style-type: none;

}

.boxplomberie{

	position:relative;
	top:250px;
	left: 300px;
	height: auto;

	}

.logoplomberie {

	position: absolute;
	top:-10px;
	left: -55px;
	height: 50px;
	width: 50px;

}

.textplomberie{

	position: absolute;
	top: 100px;
	left: 250px;


}

/* logo clim et texte*/

nav6 li{

	list-style-type: none;

}

.boxclim{

	position:relative;
	top:300px;
	left: -255px;
	height: auto;

	}

.logoclim {

	position: absolute;
	top: -25px;
	left: -55px;
	height: 50px;
	width: 50px;

}


.textclim{

	position: absolute;
	top: -150px;
	left: 730px;
	height: 50px;
	width: 50px;

}

/* logo et texte pub*/

nav7 li{

	list-style-type: none;

}

.boxpub{

	position:relative;
	top:250px;
	left: -140px;
	height: auto;

	}

.logopub{

	position: absolute;
	top: -40px;
	left: -55px;
	height: 50px;
	width: 50px;

}

.textpub{

	position: absolute;
	top: 100px;
	left: 1250px;
	height: 50px;
	width: 50px;

}

/* logo et texte divers*/

nav8 li{

	list-style-type: none;

}

.boxdivers{

	position:relative;
	top:250px;
	left: 150px ;
	height: auto;

	}

.logodivers{

	position: absolute;
	top: -40px;
	left: -55px;
	height: 50px;
	width: 50px;

}

.textdivers{

	position: absolute;
	top: 200px;
	left: 1050px;
	height: 50px;
	width: 50px;

}

/* logo et texte contact*/

nav9 li{

	list-style-type: none;

}

.boxcontact{

	position:relative;
	top:250px;
	height: auto;

	}

.logocontact{

	position: absolute;
	top: 0px;
	left: -55px;	
	height: 50px;
	width: 50px;

}

.textcontact{

	position: absolute;
	top: 60px;
	left: 950px;
	height: 50px;
	width: 50px;

}

/* logo et texte minipelle*/

nav10 li{

	list-style-type: none;

}

.boxminipelle{

	position:relative;
	top:200px;
	height: auto;

	}

.logominipelle{

	position: absolute;
	top: 40px;
	left: -55px;
	height: 50px;
	width: 50px;

}

.textminipelle{

	position: absolute;
	top: -50px;
	left: 1250px;
	height: 50px;
	width: 50px;



}





/* CC document CSS*/



.referencement{
	visibility: hidden;	

}

footer{

	position: absolute;
	bottom: 10px;
	}