@charset "utf-8";

/************* GENERALITE *************/
* {
	margin: 0;
	padding : 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}

body{
	background:url(../images/fond-body.png) no-repeat bottom right;
}

h2 {
	height: 310px;
	width:473px;
	text-indent:-99999px;
	margin: 20px auto 0px auto;
	background-image: url(../images/site-en-construction.gif);
}
h5 {
	height:18px;
	font-size: 0.95em;
	margin: 5px 0px 10px 20px;
	padding: 10px 0px 0px 15px;
	background: url(../images/fond-titre-feuille.png) no-repeat left;
}
h6 {
	font-size: 0.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	color:#511244;
}
.clear {
	clear:both;
}
hr {	
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a{
	color: #722863;
	text-decoration: none;
}
a:hover {
	color:#028020;
	text-decoration:underline;
}
a:visited{color: #868686;}

/************* EN-TETE *************/
#Entete{
	/*border: 1px solid red;*/
	height:366px;
	background:url(../images/fond.png) repeat-x top;
}
	#Banniere {
		position:relative;
		left: 50%;
		margin-left: -400px;
		height:366px;
		width:800px;
		background:url(../images/banniere.png) no-repeat white;
	}
	#Entete ul{
		margin-top: 97px;
		height: 141px;
		width:230px;
		float: right;
		list-style:none;
		font-weight:bold;
		font-size:0.9em;
		text-transform: uppercase;
	}
		#Entete li {
			margin-bottom:9px;
			height:21px;
		}
			#Entete li a {
				display: block;
				height:21px;
				color:#000000;
				text-decoration:none;
			}
			#Entete li a:hover, #Entete li a.AccueilEnCours, #Entete li a.PortfolioEnCours, #Entete li a.ParcoursEnCours, #Entete li a.ServicesEnCours, #Entete li a.ContactEnCours {
				color:#ffffff;
			}
			#Entete li .Accueil {
				text-align:right;
				padding-right:85px;
			}
				#Entete li a.Accueil:hover, #Entete li a.AccueilEnCours {
					text-align:left;
					padding: 0px 0px 0px 20px;
					background:url(../images/fond-li-Accueil.png) no-repeat left black;
				}
			#Entete li .Portfolio {
				text-align:right;
				padding-right:32px;
			}
				#Entete li a.Portfolio:hover, #Entete li a.PortfolioEnCours {
					text-align:left;
					padding: 0px 0px 0px 20px;
					background:url(../images/fond-li-Portfolio.png) no-repeat left #1a0816;
				}
			#Entete li .Parcours {
				text-align:right;
				padding-right:55px;
			}
				#Entete li a.Parcours:hover, #Entete li a.ParcoursEnCours {
					text-align:left;
					padding: 0px 0px 0px 20px;
					background:url(../images/fond-li-Parcours.png) no-repeat left #33112c;
				}
			#Entete li .Services {
				text-align:right;
				padding-right:43px;
			}
				#Entete li a.Services:hover, #Entete li a.ServicesEnCours {
					text-align:left;
					padding: 0px 0px 0px 20px;
					background:url(../images/fond-li-Services.png) no-repeat left #4d1742;
				}
			#Entete li .Contact {
				text-align:right;
				padding-right:68px;
			}
				#Entete li a.Contact:hover, #Entete li a.ContactEnCours {
					text-align:left;
					padding: 0px 0px 0px 20px;
					background:url(../images/fond-li-Contact.png) no-repeat left #661656;
				}

/************* CONTENU *************/
#Contenant {
	margin: 0 auto 0 auto;
	width:950px;
	clear:both;
	background: url(../images/fond-contenu-gauche.png) no-repeat left top;
}
	#Contenu {
		background: url(../images/fond-contenu-droit.png) no-repeat right bottom;
		min-height:300px;
		padding: 40px 100px 0px 110px;
	}
		#Contenu p{
			font-size: 0.8em;
			text-align:justify;
			padding: 0px 40px 12px 30px;
		}
		.service, ul.liste {
			font-size:0.8em;
			margin:-10px 0px 15px 70px;
			padding: 0px 20px 0px 0px;
			list-style:url(http://choupart.fr/images/list-puce-vert.gif);
		}
			#Contenu .BlocGauche {
				padding-left: 30px;
				width: 420px;
			}
			#Contenu .BlocDroit {
				float:right;
				width: 270px;
			}
				#Contenu .BlocGauche p, #Contenu .BlocDroit p {
					font-size: 0.8em;
					text-align:justify;
					padding-left: 0px;
				}
				#Contenu .BlocDroit ul {
					font-size:0.8em;
					list-style:none;
					padding-bottom: 10px;
					padding-left: 0px;
				}
		
		
/************* PIED DE PAGE *************/
#Pied {
	height:20px;
	clear:both;
	background:url(../images/fond-pied.png) no-repeat right;
	margin:0px 109px 80px 0px;
}
#Pied p {
	color: #7f7f7f;
	text-align: right;
	padding: 5px 10px 0px 0px;
	font-size:0.7em;
}