@font-face{ 
	font-family: 'MyWebFont';
	src: url('gilroy-light-webfont.eot');
	src: url('gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
	     url('gilroy-light-webfont.woff') format('woff'),
	     url('gilroy-light-webfont.ttf') format('truetype'),
	     url('gilroy-light-webfont.svg#webfont') format('svg');
}


body
{
    background-color: #2B292E;
}



#situation
{
	background-color: #696969;
}


#header1
{
    width: 30%;
	background-color: white;
	height: 100px;
}


.logo
{
	display: block;
    margin-left: auto;
    margin-right: auto 
}

#header2
{
    width: 70%;
	background-color: #696969;
	height: 100px;
	line-height:75px
}

#experience, #pointsforts, #decoupe
{
	padding: 7px;/* Marge intérieure de 15px */
	margin: 140px; /* Marge extérieure de 50px */
}

#adressehoraires
{
	padding: 40px 7px 7px 7px;/* Marge intérieure de 15px */
	margin: 20px; /* Marge extérieure de 50px */
}

#texte
{

	padding: 7px;/* Marge intérieure de 15px */
	margin: 125px; /* Marge extérieure de 50px */
}

a
{
	color: white;
	text-decoration: none;
	border-bottom: 1.5px solid grey;
}


#contact, #realisations,
{
	width: 100%;
	padding: 200px;/* Marge intérieure de 15px */
	margin: 200px; /* Marge extérieure de 50px */
}

#pieddepage, #map, #situation
{
	width: 100%;
	text-align : center;
	padding: 0px;/* Marge intérieure de 15px */
	margin: 0px; /* Marge extérieure de 50px */
}

#experience, #pointsforts, #decoupe, #adressehoraires
{
	text-align : left;
}

#mentionslegales
{
	text-align : center;
}


h1,h2,h3,h4,p,li, table,h5
{
	font-family: "MyWebFont";
	color: white;
}

h1
{
	font-size: 2em;
    border-bottom: 4px solid grey;
}

h2
{
	font-size: 1.25em;
	text-align : center;
}


h3
{
	font-size: 1.5em;
}

h4
{
	font-size: 2.8em;
}

p,li, table, input
{
	font-size: 1em;
}

h5
{
	font-size: 0.75em;
}


#element1,#element2,#element3,#element4
{
	background-color: #696969;
	padding: 7px;/* Marge intérieure de 15px */
	margin: 7px;

}

#photo1,#photo2,#photo3,#photo4
{
	padding: 7px;/* Marge intérieure de 15px */
}

.logoflottant
{
	float:left;
	width: 15%;
	padding: 100px;/* Marge intérieure de 15px */
	margin: 100px; /* Marge extérieure de 50px */
}

.texte
{
	clear:both;
}

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
    color: white; /* Appliquer une couleur grise */
}

#conteneurrealisations
{
    display: flex;
	padding: 87px 10px 87px 10px;
	justify-content: space-around;
}


#conteneurheader, #conteneurnav
{
    display: flex;
	justify-content: space-around;
	width: 100%;

}

#conteneurheader
{	
	position : fixed;
}


#conteneurphotos1, #conteneurphotos2
{
    display: flex;
	justify-content: space-around;

}

#conteneurphotos
{
    display: flex;
    flex-direction: column;
	margin: 125px; /* Marge extérieure de 50px */

}

#accueil
{
    display: flex;
	margin :0px;
}

#conteneurpointsforts, #conteneurexperience, #conteneurdecoupe,#conteneurcontact1
{
    display: flex;
	padding: 60px 10px 1px 1px;
}

#realisations
{
	padding: 100px 25px 66px 25px;
}
 #contact
{
	padding: 100px 25px 1px 25px;
}

 #map
{
	padding: 65px 1px 1px 1px;
}


#photopointsforts, #photoexperience, #photodecoupe
{
    margin: 138px 20px 138px 100px;
}

#photobatiment
{
    margin: 20px 100px 80px 100px;
}


.adresse
{
    clear: both;
}

 :required
{
    background-color: white;
}