/***********************************************************************/
/*********************** FEUILLE DE STYLE  *****************************/
/************************* Construction ********************************/

body {
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-x;
	background-color:#4379c2;
	margin: 0px;
	padding:0px;
}

#intro h1{
	position:absolute;
	top:400px;
	left:0px;
	height:20px;
	margin:0px;
	padding:0px;
	width:100%;
	text-align:center;
}

#intro {
	background-image:url(../images/fond.jpg);
	background-repeat:repeat-x;
	background-color:#4379c2;
	width:100%;
	height:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

#animIntro{
}

#main{
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	width:940px;	
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#left{
	float:left;
	width:220px;
}

#flashleft{
	float:left;
	width:220px;
	height:243px;
}

#contenuLeft{
	/* taille de la largeur de la zone de contenuLeft : 165px (220px-40px-15px= 165px) */
	width:220px;
	background-image:url(../images/menu.jpg);
	background-repeat:no-repeat;
	background-position:top;
	min-height:88px;
	clear:left;
}
	#contenuLeft ul{
		padding:0px;
		margin:0px;
	}

#centre{
	float:left;
	width:720px;
	margin: 0;
	padding: 0;
}

#boitHead{
	float:left;
	width:720px;
	height:211px;
}

#petitBoitHead{
	float:left;
	width:456px;
	height:211px;
}

#header{
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
	background-position	:top;
	width:456px;
	height:163px;
}

#top{
	width:456px;
	float:left;
	height:48px;
}
	#top img{
		vertical-align:top;
	}

#contenu{
	/* taille de la largeur de la zone de contenu : 396px (396px + 30px + 30px = 456px = largeur de la div centre) */
	background-image:url(../images/bgcontenu.jpg);
	background-repeat:no-repeat;
	background-position	:top;
	text-align:left;
	width:650px;
	padding-left:30px;
	padding-right:40px;
	padding-top:30px;
	float:left;
	clear:left;
}

#right{
	float:left;
	width:264px;
}

#right img{
		vertical-align:top;
}

#contenuRight{
	/* taille de la largeur de la zone de contenuRight : 219px (264px-15px-30px= 219px) */
	padding-left:15px;
	padding-right:30px;
}
	#contenuRight ul{
		padding:0px;
		margin:0px;
	}
	
	
#logos
{
	margin-left: 73px;
}

#logos p
{
	margin: 0;
	padding: 0;
}

#logos img
{
	border: none;
}

/******************* bas de page ************************/
#piedPage{
	width:940px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
	
#liensBas{
	width:100%;
	clear:both;
	text-align:center;
	font-size:10px;
}
	#liensBas img{
		vertical-align:middle;
		border:none;
	}
	
#validator {
	text-align:center;
	font-size:10px;
}
	#validator img{
		border:none;
	}
/**************** fin de bas de page ********************/


/************** formulaire de contact *******************/
#frmEnvoi{
	width:396px;
	margin-left:auto;
	margin-right:auto;
}
	
	#frmEnvoi .field{
		text-align:right;
		display:block;
		width:100%;
		margin-top:10px;
		margin-bottom:0px;
	}
		#frmEnvoi .field label{
			float:left;
		}
/************ fin formulaire de contact *****************/


.clearvalidator{ clear:both; height:3px;}