/*
//Feuille de style principale - MDA Energie Nouvelle
//
//
//Date de création : 6 juillet 2009
//Date de mise à jour :
//Auteur(s) : Yann MASOCH
//Pour : MDA Electromenager
//
//Mofification :
//
//
*/


img { border: 0; }

/*-------------------- Body ----------------------*/

	body {
		margin: 0; padding: 0;
		color: #000;
		font-size: 10pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #48BFE3 url('../Maps/Body-Fond-01.gif') repeat-x top center;
	}

/*------------------------------------------------*/


/*-------------------- Header --------------------*/

	#header {
		margin: 0; padding: 0;
	}
	
	#header div {
		margin: 0 auto; padding: 0;
		width: 1000px;
	}

	#header img.logo {
		margin: 0 0 0 14px;
		width: 148px;
		height: 193px;
	}

	#header img.carte {
		float: right;
		margin: 15px 10px 0 0; padding: 0;
	}
	
div#menu {
	margin: 50px 0 0 0; padding: 0;
	width: 100%;
	height: 37px;
	font-size: 11px;
	font-family: Lucida Grande, Verdana, sans-serif;
	font-weight: bold;
}


#menu ul { 
	float: right;
	margin: 0; padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu li { 
	display: block;
	float: left;
	margin: 0 0 0 4px; padding: 0;	
}

#menu li a {
	margin: 0; padding: 0;
	height: 37px;
	width: 113px;
	color: white;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 37px;
	background: url('../Maps/Boutons-01.png') 0 -37px no-repeat
}

#menu li a:hover {
	margin: 0; padding: 0;
	color: orange;
	text-decoration: underline;
	background: url('../Maps/Boutons-01.png') no-repeat;
}

#menu li a.current{
	color: dodgerblue;
	text-decoration: underline;
	background: url('../Maps/Boutons-01.png') no-repeat;
}

div#submenu {
	margin: 0; padding: 0;
	height: 42px;
	background: white;
}

/*------------------------------------------------*/


/*-------------------- Center --------------------*/

	#center {
		margin: 0 auto; padding: 0;
		overflow: auto;
		width: 1000px;
		min-height: 650px;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		color: #555;
		background: white url('../maps/Center-Trame-01.gif') repeat-y center;
	}

	#slide {
		margin: 0; padding: 0;
		width: 1000px; height: 300px;
	} 

/*------------------------------------------------*/

	#content {
		/*float: left;*/
		margin: 0; padding: 25px;
		/*width: 620px;*/
		min-height: 100%;
		text-align: justify;
	}

	#content h2 {
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: 20px;
		font-style: italic;
		color: #569bb1;
	}

	#content h3 {
			margin: 40px 0 20px 0;
			font-family: Helvetica, Verdana, Arial, sans-serif;
			font-size: 15px;
			text-decoration: underline;
			color: #569bb1;
		}
	
	#content p.poste {
		margin: 20px;
		padding: 10px;
		width: 500px;
		background: #F2F2F2;
		border: 2px dotted orange;
	}
	
	#content a { color: orange; }
	#content a:hover { color: #569bb1; }
/*------------------------------------------------*/


/*-------------------- Metiers -------------------*/

#metiers  {
		margin: 0; padding: 0;
		width: 100%;
		min-height: 500px;
	}

	#metiers div {
		float: left;
		margin: 15px 15px; padding: 10px;
		width: 420px;
		height: 180px;
		background: #FFF url('../maps/Metiers-Trame-01.gif') repeat-x bottom;
		border: 1px solid #DDD;
	}
	
	#metiers h3 {
		margin: 5px 0 10px 6px;
		color: dodgerblue;
		font-size: 14px;
		text-decoration: underline;
	}

	#metiers p { color: #666;	}
	#metiers p a {	color: orange; }
	#metiers p a:hover {	color: black;	text-decoration: underline; }

	#metiers img {
		float: left;
		margin: 0 10px 0 0;
		width: 160px; height: 120px;
		border: 6px solid #FFF
	}

/*------------------------------------------------*/

	#contact {
		width: 550px;
		background: #ecf7f9;
		border: 1px solid #AAA;
	}	
	
	#contact div {
		margin: 0; padding: 10px;
		background: #e8edef; /* url('../maps/Metiers-Trame-01.gif') repeat-x bottom;*/
		/*border-bottom: 1px dotted #AAA;*/
	}
	
	#contact label {
		margin: 4px 0;
		display: block;
		color: #666;
		font-size: 10pt;
	}
	
	#contact div input {
		height: 28px;
		color: #666;
		font-size: 14pt;
		background: #FFF;
		border: 1px solid #569bb1;
	}
	#contact div input:focus { background: #FFF; border: 1px solid orange; }
	 
	#contact div.nom {float: left; }
	#contact div.CP {float: left; }
	#contact div.telephone {float: left; }
	
	#contact div.nom input { width: 250px; }
	#contact div.prenom input { width: 250px; }
	#contact div.CP input { width: 100px; }
	#contact div.ville input { width: 400px; }
	#contact div.telephone input { width: 250px; }
	#contact div.mail input { width: 250px; }
	
	#contact div textarea {
		width: 515px;
		color: #666;
		font-size: 14pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #FFF;
		border: 1px solid #569bb1;
	}
	#contact div textarea:focus { background: #FFF; border: 1px solid orange; }
	
	#contact div.adresse textarea { height: 60px; }
	#contact div.message textarea { height: 200px; }


/*-------------------- Footer --------------------*/

	#footer {
		margin: 0; padding: 0;
		font-size: 10pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #6c4f2f url('../Maps/Footer-Trame-01.jpg') repeat-x top center;
	}
	
	#footer div.content {
		margin: 0 auto; padding: 400px 0 0 0;
		width: 1000px;
		height: 270px;
		color: white;
	}
	
	#footer div.row {
		float: left;
		margin: 0; padding: 5px;
		width: 320px;
	}
#footer div.designer {
		margin: 0 auto; padding: 0;
		width: 1000px;
		height: 25px;
		color: #a88a69;
		font-size: 8pt;
	}
	#footer div.designer a { color: #a88a69; }
	#footer div.designer a:hover { color: white; }

	#footer h3 { width: 200px; height: 30px; }
	#footer h3.contact { background: url('../Maps/Footer-Titre-01.gif') no-repeat bottom left; }
	#footer h3.mail { background: url('../Maps/Footer-Titre-03.gif') no-repeat bottom left; }
	#footer h3.metier {	background: url('../Maps/Footer-Titre-02.gif') no-repeat bottom left; }
	
	#footer p {	margin: 0; padding: 0; line-height: 18px; width: 300px;}
	#footer p a {	color: orange; }
	#footer p a.metier {	color: white;	text-decoration: none; }
	#footer p a:hover {	color: black;	text-decoration: underline; }
	
	#footer p.courrier { height: 80px; background: url('../Maps/Footer-Courrier-01.jpg') no-repeat 200px; }
	#footer p.mail { height: 80px; background: url('../Maps/Footer-Mail-01.jpg') no-repeat 200px; }

	#footer img.enveloppe {
			float: right;
			width: 96px;
			height: 80px;
	}

	#footer hr {
		margin: 15px 0; padding: 0;
		height: 2px;
		width: 300px;
		text-align: left;
		background: red url('../Maps/Separator-Trame-01.gif') repeat-x;
		border: 0;
	
	}

/*------------------------------------------------*/