body
{/*Creates the font and image background for the website */
	background-image:url(Images/background.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}
#background_index
{
	background-color:#FFFFFF;
	width:900px;
	height:700px;
	margin:auto;
	padding-left:30px;
	padding-right:30px;
	margin-top:60px;
	padding-bottom:40px;
	background-image:url(Images/background_text.jpg);
}

div.panelFirst
{
	text-align:center;
	height:60px;
	width:300px;
}
div.panelSecond
{
	text-align:center;
	height:60px;
	width:300px;
}


#index 
{
	height:100%;
}
#end_header
{
	width:100%;
	height:10px;
}

#rs_nav, #re_nav, #sl_nav, #as_nav
{
	color: #000099;
	padding:5px;
	margin-left:-35px;
}
#contentServices
{
	border:2px solid #000099;
	height:100%;
	width:80%;
	float:left;
	margin-left:50px;
}


#services
{
	height: 60%
}

#locationTitle
{
	font-size:20px;
	font-weight:bold;
	color:#000099;
}

#serviceTitle
{
	font-size:20px;
	font-weight:bold;
	color:#000099;
}
#rs, #re, #sl, #as
{
	float:left;
}

#locations
{
	margin-top:-20px;
	width:100%;
}

#navMachines
{
	width:100%;
	clear:both;
}

#firstStep
{
	margin-top:-40px;
	width:100%;
	clear:both;
}

#secondStep
{
	width:100%;
	clear:both;
	margin-left:60px;
}

#boomTruck
{
	float:right;
	width:38%
}
#panelFirst
{
	margin-left:-50px;
	margin-bottom:-30px;
}

#ssMachine
{	
	margin-left:190px;
	float:left;
	width:40%;
}
#titleMachineFirst
{
	width:80%;
}

#titleMachineSecond
{
	width:75%;
	padding-left:70px;
}

#pompeBeton28, #pompeBeton32, #pompeBeton36
{
	float:left;
	width:31%;
	text-align:center;

}

#navServices
{
	width:10%; 
	float:left;
}

#google_map
{
	text-align:right;
	margin-right:90px;
}

#accueil_nav, #location_nav, #services_nav,#english_nav, #contact_nav
{
	float:left;
	padding-left:70px;
	color:white;
	padding-top:-10px;
	font-size:18px;
}
#english_nav
{
	float:right;
	margin-right:50px;
}
#banniere
{
	margin-left:10px;
	padding-top:10px;
}

#banniere_img
{
	width:290px;
	height:125px;
}

#contact
{
	float:left;
	font-size:15px;
	margin-top:40px;
	margin-left:20px;
}
#presentation
{
	text-align:justify;
	width:100%;
	height:500px;
	float:left;
	margin-bottom:20px;
}

#presentation_equipe
{
	text-align:justify;
	background-color:#FFFFFF;
	padding:30px;
	width:100%;
	float:left;
	margin-left:-30px;
	margin-top:-30px;
}

#plan
{
}

#footer
{
	width:100%;
	background-color:#000099;
	color:white;
}

#footer_text
{
font-size:12px;
padding:5px;
margin-top:3px;
text-align:center;
}


#navbar
{
	padding-bottom:35px;
	background-color:#cc0000;
	padding-top:1px;
	margin:-10px;
	margin-bottom:5px;
}
#picture_send
{
	float:right;
	border: 1px solid #000099;
	padding:20px;
	width:250px;
	height:270px;
	margin-bottom:20px;
	margin-left:20px;
}

#description_send
{
	font-size:14px;
	color:blue;
	margin-top:-10px;
}

#envoyer_plan
{
	margin-left:90px;
}

#email, #file
{
	font-size:12px;
}

#mission, #notre_equipe{
	color:#000099;
}

#contact_title
{
	color:#000099;
	margin-top:20px;
}

a, ul/*attribute for the nav bar and the other list */
{
	text-decoration:none;
	list-style:none;
}
div.services
{
	margin-top:10px;
	width:60%;
	text-align:center;
	/*border:2px solid blue;*/
	padding-top:30px;
	padding-bottom:30px;
	padding-right:10px;
	margin-left:-10px;
	margin-bottom:10px;

}

div.servicesProject
{
	margin-top:10px;
	width:30%;
	text-align:center;
	/*border:2px solid blue;*/
	margin-bottom:30px;
	float:left;
	margin-right:10px;
}

#reparation
{
	width:50%;
	width:50%;
	float:left;
	margin-left:150px;
}

#rightSideReparation
{
	float:right;
}

div.servicesReparation
{
	width:30%;
	float:left;
	margin-top:-30px;
	text-align:center;
}

#projectManagement
{
	width:50%;
	width:50%;
	margin-left:-50px;
	float:left;
	margin-left:160px;
	margin-top:-20px;
}

div.servicesRight
{	
	width:60%;
	text-align:center;
	padding-bottom:20px;
	margin-left:-40px;
}

#coffrage, #finitionBeton
{
	height:150px;
	width:250px;
	margin-bottom:-50px;
	margin-left:-40px;
	margin-top:-10px;
}

#fondations
{
	margin-top:-30px;
}

#locationGrue
{
	margin-left:70px;
	margin-Top;-90px;
}

#finitionBeton
{
	margin-bottom:-55px;
	margin-left:-40px;
	margin-Top:-50px;
}
div.centerServices
{
	margin-top:10px;
	width:90%;
	float:left;
	text-align:center;
	padding-bottom:30px;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:10px;
}

#divers
{
	float:left;
	width:40%;
	height:40%;
	padding:5px;
	padding-right:10px;
}

h4.rightSide
{
	margin-top:-10px;
}

#rightSide
{
	width:45%;
	float:right;
	margin-top:10px;
	margin-right:-70px;
}

#topSideAutres
{
	width:100%;
	height:20%;
	float:left;
	text-align:center;
}

#bottomSideAutres
{
	width:100%;
	float:left;
	text-align:center;
}

#camionEpandeur
{
	width:75%;
	margin-left:-30px;
}

#BoomTruck
{
	width:100%;
	margin-left:-60px;
}

#arrowTopLeft
{
	margin-top:10px;
	margin-left:60px;
	margin-bottom:10px;
	width:50px;
	
}

#arrowTopRight
{
	width:50px;
	margin-top:10px;
	margin-left:120px;
}

#arrowBottomLeft
{
	margin-bottom:10px;
	width:50px;
	
}

#arrowBottomRight
{
	width:50px;
	margin-bottom:10px;
}

#arrowBottomMid
{
	width:50px;
	margin-bottom:10px;
}



#leftSide
{
	width:45%;
	float:left;
	margin-top:10px;
	margin-left:75px;
}