body

{
	width: 900; /*largeur totale pour affichage conforme en 800x600*/
	margin: auto; /* Permet de centrer la page wem */
	background-color: rgb(0,79,39);  /*defini un fond d'écran*/
	background-attachment:fixed;
	margin-top: 5px;
	margin-bottom: 5px;
}


.principal

{
	width: 900px;
	margin: auto;
	border: 2px solid black;
	background-color: black;
	text-align: right;
}

#en-tete

{
	display:block;
	width: 900px; /*largeur de notre en-tete (egale a la largeur totale d'affichage) */
	height: 125px; /*hauteur de la banderole*/
	margin: auto;
	border-bottom: 1px solid rgb(0,79,39);
	margin-bottom: 25px;
	
}

#en-tete img

{
	border: 0px solid black;
}


#menu

{
	width: 900px; /*important donner la largeur à notre menu */
    margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid white;
	background-color: rgb(0,79,39);
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	
	
}


#menu a

{
	color: white;
	text-decoration:none;
	margin-left: 25px;
	margin-right: 25px;
	border-right: 1px solid white;
	border-left: 1px solid white;
	padding-left: 5px;	
}

#menu a:hover

{
	color: red;
}
#slogan
{
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-size: 1.4em;
	padding-bottom: 5px;
	margin-right: 5px;
	color: white;
}
#nouveaute
{
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 5px;
	margin-right: 5px;
	color: white;
}

#nouveaute a
{
	color: white;
}

#description

{
	width: 250px;
	float: left;
	color: white;
	padding: 5px;
	border: 1px solid rgb(0,79,39);
	text-align: left;
	margin-left: 5px;
}

#description h2

{
	text-align: center;
	padding-top: 5px;
}

#corps_page

{
	width: 900px;
	border: 1px solid black;
	background-color: black;
	text-align: right;
	
	
}

#corps_page_index img
{
	margin-left: 5px;
	text-align: right;
	margin-right: 10px;
}

#corps_page img
{
	margin-left: 5px;
	text-align: right;
	margin-right: 10px;
}

#contact
{
	margin-top: 30px;
	background-image:url("support/divers/pied de page.jpg");
	background-repeat:no-repeat;
	width: 900px; /*largeur de notre en-tete (egale a la largeur totale d'affichage) */
	height: 100px; /*hauteur de la banderole*/
}

#pied_de_page

{
   padding-top: 50px;
	margin: auto;
   text-align: center;
   margin-bottom: 5px;
   color: white;

}

/*description.html*/

#corps_page h1
{
	text-align: center;
	color: red;
}

.description
{
	text-align: left;
	font-size: 1.1em;
	color: white;
}


.description li
{
	margin-bottom: 2.5%;
	color: white;
}

.camion_grue
{
	display: block;
	float: right;
	border: 0px solid black;
	padding-right: 70px;
	text-align: center;
}

.taille
{
	display: block;
	border: 0px solid black;
	text-align: center;
	padding-left: 250px;
}
	

/*depot.html*/

#entete_corps_page
{
	font-style: italic;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	padding-bottom: 5px;
	color: white;
}

#depot
{
	width: 900px;
	height: 700px;
	margin-bottom: 20px;
	font-size: 1.2em;
}

#depot a
{
	display: block;
	color: white;
}

#depot a:hover
{
	color: red;
}

#depot img
{
	display: block;
	margin: auto;
	margin-bottom: 5px;
	border: 0px solid black;
	text-align: center;
	
}


.andiol
{
	float: right;
	margin-right: 10px;
	width: 410px;
	height: 700px;
	border: 2px solid rgb(0,79,39);
	background-color: black;
	text-align: left;
	padding: 2px;
	color: white;
}

.berre

{
	float: left;
	margin-left: 10px;
	width: 410px;
	height: 700px;
	margin-bottom: 20px;
	border: 2px solid rgb(0,79,39);
	background-color: black;
	text-align: left;
	padding: 2px;
	color: white;
	
}

.andiol h1 , .berre h1
{
	text-align: center;
	color: white;
}



/*realisation.html*/




#cadre_corps_page
{
	width: 900px;
	margin-bottom: 20px;
	text-align: center;
	color: white;
	
}

#cadre_corps_page img
{
	margin: 2px;
	border: 1px solid white;
}


.salon,.pointe_rouge,.roussillon,.rognes,.eygualieres,.lancon,.velaux,.aix,.fare,.pergolas,.divers
{
	width: 100%;
	margin: auto;
	font-size: 1.2em;
	text-align: left;
	background-color: black;
	border-bottom: 1px solid rgb(0,79,39);
	padding-bottom: 20px;
}

/*devis.html*/

#corps_page_formulaire

{
	width: 700px;
	padding-top: 10px;
	margin: auto;
	margin-top: 50px;
	border: 1px solid rgb(0,79,39);
	background-color: black;
	font-size: 1.2em;
	padding-bottom: 30px;
	color: white;
	
	
}

#corps_page_formulaire h1
{
	color:white;
	text-align: center;
	margin-bottom: 30px;
}
#corps_page_formulaire input,textarea
	{
		border: 2px inset white;
	}

div.row 
{
  clear: both;
  padding-top: 10px;
}

div.row span.label {
  float: left;
  width: 250px;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width: 400px;
  text-align: left;
  } 


/*formulaire*/

#corps_page_reponse
{
	
	width: 700px;
	margin:auto;
	margin-bottom: 105px;
	padding: 15px;
	text-align: center;
	border: 1px solid rgb(0,79,39);
	background-color: black;
	color: white;
}

#corps_page_reponse a
{
	color: white;
}

#corps_page_reponse a:hover
{
	color: red;
}

/*reference*/

#corps_page_reference
{
	width: 900;
	color: white;
	font-size: 1.2em;
	border: 2px solid white;
}

#tuiles
{
	width: 900;
	border: 2px solid white;
	text-align: left;
}

#tuiles img
{
	display: block;
	text-align: right;
	margin-left: 100px;
}