/* feuille de style MADOUAS MICHEL */
body {
	background-image:url(../images/ariere_plan.png);
}

#page {
	width:900px;
	height:550px;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-450px;
}
	/*entete de page */
	#header {
		width:900px;
		height:160px;
		background-image:url(../images/header.png);
	}
	/*barre effet degradé*/
	.menuBarre {
		position:relative;
		height:15px; 
		width:900px; 
		background-image:url(../images/menu_barre.png); 
		
	}
		/*Menu */
		.listeMenu {
			height:30px; 
			width:900px; 
			background-image:url(../images/barre_milieu.png); 
			position:relative; 
			list-style:none; 
			margin:0px; 
			color:#FFFFFF; 
			padding:0px; 
			text-align:center; 
		}
		.elementMenu {
			position:absolute; 
			height:30px; 
			line-height:30px; 
			top:0px; 
			width:200px;
			background-color:#005500;
		}
			#menuAccueil { left:50px; }
			#menuCreation {left:250px; }
			#menuEntretien {left:450px;}
			#menuContact {left:650px;}
			
			.lienMenu {
				color:#FFFFFF;
				font-size:18px; 
				font-family:Georgia;
				text-decoration:none;
				display:block;
			}
	
	/*element de chargement*/	
		#elementLoad {
			z-index:10; 
			left:30px; 
			top:0px;
		}	
	/*mentionLegales*/
		.mentionLegales {
			background-color:#FFFFFF; 
			width:837px; 
			height:327px;
			position:absolute; 
			top:0px; 
			left:30px; 
			z-index:50;
		}
		.titleMentionLegale {
			height:30px; 
			line-height:30px;
			color:#000000; 
			font-size:17px; 
			font-family:Georgia; 
			position:absolute; 
			top:20px; 
			left:20px; 
			width:789px;
			border-bottom:1px solid #222222;
		}
		.contenuMentionLegale {
			height:200px; 
			color:#000000; 
			font-size:15px;  
			position:absolute; 
			top:60px; 
			left:40px; 
			width:770px;
			overflow:auto;
		}
		.fermerMentionLegale {
			position:absolute; 
			top:275px; 
			left:40px; 
			height:50px;
			line-height:50px;
			width:770px;
			text-align:center;
			cursor:pointer;
			display:block;
		}
	
	/*corp de page */	
	#corp {
		width:900px;
		height:340px;
		background-image:url(../images/barre_milieu.png);
		position:relative;
	}
		#corpContenu {
			width:837px; 
			height:327px; 
			position:relative;
			margin-left:30px; 
			font-family:Georgia;
			background-color:#FFFFFF; 
		}
		
			/*index.php*/
			.photoGauche {
				width:350px;  
				height:300px;
				position:absolute; 
				top:0px; 
				left:0px;
				margin-top:13px; 
				z-index:2; 
				text-align:center;
			}
			.texteDroite {
				width:450px; 
				height:250px; 
				position:absolute; 
				top:30px; 
				left:350px;
				padding-top:20px;
				padding-left:20px;  
				z-index:3;
				font-size:16px; 
				font-family:Georgia; 
			}
			/*creation.php*/
			.creationPhotoTexteHaut {
				height:160px;
				width:837px;
				position:relative;
				top:0px;
				left:0px;
				color:#000000;
			}
			.creationPhotoTexteBas {
				height:160px;
				width:837px;
				position:relative;
				top:0px;
				left:0px;
				color:#000000;
			}
			.photoBas {
				height:160px;
				width:210px;
				position:absolute;
				top:0px;
				left:610px;
			}
			.photoHaut {
				height:160px;
				width:260px;
				position:absolute;
				top:0px;
				left:5px;
			}
			.texteHaut { 
				height:130px;
				width:435px;
				position:absolute;
				top:15px;
				left:320px;
			}
			.texteBas {
			 	height:130px;
				width:400px;
				position:absolute;
				top:20px;
				left:80px;
			}
			
			/*entretien*/
			.entretienPhoto {
				position:absolute; 
				top:40px; 
				left:25px; 
				width: 300px;
				height:250px;
			}
			.entretienTexte {
				position:absolute; 
				top:15px; 
				left:360px; 
				width: 430px;
				height:300px;
			}
			/*service */
			.serviceTexte {
				height:250px; 
				width:450px; 
				position:absolute; 
				top:25px; 
				left:350px; 
				z-index:3; 
				padding-left:20px;
				padding-top:20px; 
				font-size:16px; 
				font-family:Georgia; 
			}
			/*contact.php*/
			.formContact {
				width:350px;
				height:300px;
				position:absolute;
				top:25px;
				left:15px;
				text-align:center;
			}
			.texteContact {
				text-align:center;
				width:400px; 
				height:250px; 
				position:absolute; 
				top:30px; 
				left:400px;
			}
			.fieldFormContact {
				height:250px; 
				width:330px;
			}
			.listeFormulaire {
				list-style:none; 
				margin:0px; 
				padding:0px;
			}
			.elementFormContact {
				position:absolute; 
				width:115px; 
				height:25px; 
				line-height:25px;
				text-align:right;
			}
			#nomFormContact { left:20px; top:30px; }
			#prenomFormContact { left:20px; top:55px; }
			#emailFormContact { left:20px; top:80px; }
			#messageFormContact { left:20px; top:105px; }
			
			.inputFormContact {
				position:absolute;
				width:150px;
			}
			
			#inNameFormContact { top:30px; left:140px; }
			#inPrenomFormContact { top:55px; left:140px; }
			#inEmailFormContact { top:80px; left:140px; }
			#inMessageFormContact { top:105px; left:140px; }
			#inSubmitFormContact { top:215px; left:130px; }
			
			.submitFormContact{
				border:none; 
				background-color:#222222; 
				color:#FFFFFF;
			}
			
			/*Verif Mail */
			#infoSendMail {
				background-color:#FFFFFF; 
				width:310px; 
				height:220px; 
				position:absolute; 
				border:1px solid #333333; 
				top:29px; 
				left:20px;
				z-index:10;
			}
			
			
	.retourContact {
		border:none; 
		background-color:#222222; 
		color:#FFFFFF;
	}		
			
	#piedPage {
		height:25px;
		width:900px;
		line-height:25px;
		background-image:url(../images/piedPage.png)
	}
	#piedPageMiroir {
		width:900px;
		height:50px;
		position:relative;
		background-image:url(../images/piedPageMiroir.png);
		line-height:50px;
		text-align:center;
		font-family:Georgia;
		font-size:13px;
	}
	#piedPageMiroir a{
		color:#000000;
		text-decoration:none;
	}
	#piedPageMiroir a:hover{
		border-bottom:1px dotted #003300;
	}