body
{
	/*background-color: #eb711b;*/
}


p
{
		font-family: trebuchet ms,times new roman,arial,serif;
}


/* Partie En Tête*/

.entete
{
background-color: #51311a;
color:black;
}

.logo
{
height: 75px;
margin-left: 90px;
}

.ligne
{
	width: 90%;
	color:#333434;
	size: 5px;
}

.menu
{
	color:black;
	text-align: left;
	margin-left: 110px;
}

/*ACCEUIL*/

#acceuil
{
	background-color: #333434;
	background-image: url("contenu/plans.jpg");
	background-attachment: fixed;
	background-repeat : no-repeat;
	background-position: center 300px;
	background-size: 70%;

}
.titre
{
width: 70%;

}

#conteneur3
{
	width:500px
	height 500px;
	text-align: center;
}

/* A PROPOS */

#a_propos
{
background-color: #eb711b;
}


#conteneur4
{
	height: 700px;
	display: flex;
	justify-content : center;
}

.element4:nth-child(1)
{
	width : 40%;
	text-align: justify;
	background-color: white;

}

.element4:nth-child(2)
{
	width : 5%;

}

.element4:nth-child(3)
{
	width : 40%;
}

.apropos
{
	width:100%;
}

.style1
{
	color:#eb711b;
	font-weight: bold;
	text-align: center;
	font-size: 2em;
}

.styleapropos
{
	text-align: justify;
	margin-left: 30px;
	margin-right: 30px;
}

.bulle
{
	width:100%;
}

/* MISSIONS*/

#missions
{
background-color: #51311a;
color:white;

}

#conteneur
{
	height: 350px;
	display: flex;
	justify-content : space-around;
}

.element
{
	text-align: center;
	color:black;
}

.element:nth-child(1)
{
	width : 20%;
	background-color: #eb711b;
	
}

.element:nth-child(2)
{
	width : 20%;
	background-color: #eb711b;
}

.element:nth-child(3)
{
	width : 20%;
	background-color: #eb711b;
}

.element:nth-child(4)
{
	width : 25%;
	background-color: #eb711b;
}

.armature
{
	width: 100px;
	height: 100px;
}

.grue
{
	width: 100px;
	height: 100px;
}

.inge
{
	width: 70px;
	height: 70px;
}
.crayon
{
	width: 100px;
	height: 100px;
}


.prix
{
width : 50%;
float:left;
}



.methode
{
width: 20%
border : 3px solid black;
}


#conteneur5
{
	height: 650px;
	background-image: url("contenu/ts.png");
	background-repeat : no-repeat;
	background-position: center top;
	background-size: 100%;
}
.logo3
{
float:left;
height : 250px;
}


.element5
{
	text-align: center;
	color:black;
	font-size: 1.5em;
}
/*
.style6
{
	text-align: center;
	margin-top: 125px;
	color:black;
	font-size:2em;
	font-weight:bold;
}
/*Partie : Projet*/

#projet
{
background-color: #333434;
color:white;
}

.style2
{
	color:white;
	font-weight: bold;
	text-align: center;
	font-size: 2em;
}

.style3
{
	color:white;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
}


#projets
{
	color:white;
	font-weight: normal;
	text-align: center;
	font-size: 1em;
	display: flex;
	justify-content : space-around;
}

.ref1
{
width : 20%;;
}

.photo_projet
{
height : 250px;
}

/*Partie : nous contacter*/


#contact
{
background-color: #eb711b;
/*background-color: white;*/
/* orange #eb711b
   maron #51311a */
text-align: left;
}

.nous_contacter
{
	color:white;
	font-weight: bold;
	text-align: center;
	font-size: 3em;
}

#conteneur2
{
	
	display: flex;
	justify-content : center;
	align-items: center;
	flex-wrap: wrap;
	vertical-align: middle;
	
	/*justify-content : space-around;*/
}

.element2
{
	text-align: center;
	
}

.element2:nth-child(1)
{
	width : 30%;
	background-color: white;
	border : solid 1px black;
	height: 300px;
}

.element2:nth-child(2)
{
	width : 30%;
	border : solid 1px black;
	height: 300px;
}

.element2:nth-child(3)
{
	width : 60%;
	align-self: flex-end;
}

.titre_contact
{
width : 60%;
}

.carte
{
width:300px;

}


.map
{
width:100%;
height: 500px;
}


/* PIED DE PAGE */
.pied
{
background-color: #51311a;
color:white;
text-align: center;
/* orange #eb711b
   maron #51311a */
}