body {
	font-family: Arial, Helvetica, Sans-serif;
	margin: 0;
	padding: 0;
}



/*ENSEMBLE*/
#main {
	position: absolute;
	width: 1000px;
	height: 600px;
	left:50%;
	top:50%;
	margin-left:-500px;
	margin-top:-300px;
	border: 1px solid #CCCCCC;
	background-image: url(../img/structure-fond.jpg);
	background-repeat: no-repeat;
	
}


/*HEADER*/

#header {
	position: absolute;
	width: 795px;
	height: 120px;
	left: 105px;
	top: 20px;

}

#header h1 {
	width: 795px;
	height: 100px;
}

#header img { border: 0; }


/*MENU*/

#menu {
	position: absolute;
	width: 795px;
	height: 30px;
	
	top: 75px;
	left: 0px;
	font-size: 70%;
	margin: 0;
	padding: 0;
	list-style: none outside;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #03a1c5;
	border-bottom-color: #03a1c5;

}
#menu li {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
}
#menu a {
	color: #605e5d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}
#menu a:hover {
	color: #acbe47;
	text-decoration: none;
}


/*CONTENU*/

#content {
	position: absolute;
	width: 793px;
	top: 150px;
	left:105px;
	border: 1px solid #CCCCCC;
	height: 410px;
}

/*CONTENU PHOTO*/

#content #picture {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 300px;
	height: 410px;
	border: 1px solid #ccc;
}

#content #picture h2 { margin: 0; padding: 0; font-size: 110%; }

#content #picture img {
	display: block;
	width: 300px;
	height: 410px;
}


/*CONTENU BLOCS*/

#content #blocs {
	position: absolute;
	left: 300px;
	width: 493px;
	height: 410px;
}





#bloc{
	position: absolute;
	width: 493px;
	height: 410px;
	left: 0;
	top: 0;
}

#content #blocs div.last { top: 190px; }





#bloc-2
{
	position: absolute;
	width: 493px;
	height: 410px;
	left: 0;
	top: 0;
	background-color:#4db1bb;

}


#bloc-2 h2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 40px;
	width: 493px;
	text-align: center;
	background-image: url(../img/structure-titre-01.jpg);
	background-repeat: no-repeat;
	margin-top: 30px;
}

#bloc-2 p, #bloc-3 p, #bloc-4 p{

	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 320px;
	width: 433px;
	text-align: justify;
	padding-right: 30px;
	padding-left: 30px;
}



#bloc-3
{
	position: absolute;
	width: 493px;
	height: 410px;
	left: 0;
	top: 0;
	background-color:#ab357a;

}


#bloc-3 h2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 40px;
	width: 493px;
	text-align: center;
	background-image: url(../img/structure-titre-02.jpg);
	background-repeat: no-repeat;
		margin-top: 30px;

}

#bloc-4
{
	position: absolute;
	width: 493px;
	height: 410px;
	left: 0;
	top: 0;
	background-color:#91b51c;

}


#bloc-4 h2{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 40px;
	width: 493px;
	text-align: center;
	background-image: url(../img/structure-titre-03.jpg);
	background-repeat: no-repeat;
		margin-top: 30px;

}



#bloc-1 div.bloc-contenu {
	font-size: 10px;
	width: 375px;
	height: 140px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7a7b7b;
	text-align: justify;
	padding-left: 10px;
	}




/*FOOTER*/

#footer {
	position: absolute;
	width: 790px;
	height: 30px;
	left: 105px;
	top: 575px;
	text-align: center;
	font-size: 70%;
}

#footer p { margin: 0; padding: 7px 0; color: #a9a9a8; }

#footer a {
	color: #a9a9a8;
	text-decoration: none;
}
#footer a:hover {
	color: #333333;
	text-decoration: none;
}





/*FORMULAIRE*/

#bloc-contact
{
position:absolute;
width:493px;
height:410px;
background-color:#58585a
}

#bloc-contact h2
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	width: 493px;
	margin-top: 100px;
}

#bloc-contact p
{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	width: 493px;
}

#etoile
{
	position : absolute;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	left: 30px;
	top: 20px;
}


.obligatoire {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.erreurs {
	position:absolute;
	width:375px;
	margin: 0 0 10px 0;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	top: 260px;
}

form {
	position: absolute;
	left: 30px;
	top: 50px;
}

.erreurs h3 {
	font-size: 12px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
.erreurs ul {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 10px;
	padding: 0;
	list-style: square inside;
	color: #FFFFFF;
	font-size: 10px;
}

#nom, #prenom, #email{
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	border: 1px solid #CCCCCC;	
	font-size: 10px;

}

label{
	font-size: 12px;
	margin: 0;
	padding: 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	height: 60px;
	width: 230px;
	border: 1px solid #CCCCCC;
	font-size: 11px;
}
input {
	border: 1px solid #CCCCCC;
}

#envoyer {
	font-family: Arial, Helvetica, sans-serif;
	width: 80px;
	height:15px;
	border: 1px solid #ccd97e;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #99c13d;
	margin-left: 257px;
}

.titre-formulaire
{
font-size: 12px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #44361a;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #99c03c;
	width: 345px;}


/*PLAN*/
#flash-plan {
	height: 300px;
	width: 300px;
}

#titre-plan {
	height: 40px;
	width: 290px;
	background-image: url(../img/structure-logo-petit.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
}

#coordonnees-plan {
	height: 40px;
	width: 290px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;	
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
	
	
/*INTRODUCTION*/

	
#flash-introduction {
	height: 390px;
	width: 640px;
	position: absolute;
	left:50%;
	top:50%;
	margin-left:-320px;
	margin-top:-195px;
}




	
.jScrollPaneTrack{
background:#e8eec5}

.jScrollPaneDrag{ background:#ccd97e}