/*****************************************************************Style_J*/
body {
	margin:0;
	padding:0;
	background: url("img/fond.jpg");
	background-color:#462934;
	color:#000000;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*****************************************************************Liens*/
A:link {font-family: arial;font-size: 12px;text-decoration:underline;color: #000000;}
A:active {font-family: arial;font-size: 12px;text-decoration:underline;color: #000000;}
A:visited {font-family: arial;font-size: 12px;text-decoration:underline;color: #000000;}
A:hover {font-family: arial;font-size: 12px;text-decoration:none;color: #000000;}

/*****************************************************************Styles de texte*/
.couleur  {color:#831111;}
.petit { font-size:10px; }
.grand { font-weight:bold;font-size:130%; }
h1{font-family: arial;font-size: 12px;color: #462934;}

/*****************************************************************Images*/
div#contenu img { 
	border:none;text-decoration:none; 
	margin:1px;
	padding: 2px;
	border: 1px solid #831111;
}
/*****************************************************************Découpes*/
div#conteneur {
	position:relative;
	margin:auto;
	width:765px;
	background: url('img/coulisse.jpg') repeat-y;
}
div#header {
	background: url('img/header.jpg') no-repeat;
	height:168px;
}
div#corps_bas {
	background: url('img/corps_bas.jpg') no-repeat;
	background-position:bottom;
}
div#corps {
	background: url('img/corps_haut.jpg') no-repeat;
	min-height:380px;
}
div#contenu {
	position:relative;
	margin: 10px 135px 0 155px;
	padding-bottom:40px;
	text-align:left;
}
div#colone_gauche {
	float:left;
	width:330px;
}
div#colone_droite {
margin: 0 0 0 345px; 
padding:50px 0 10px 0; 
}

div#footer {
	background: url('img/footer.jpg') no-repeat;
	height:28px;
	padding:0 0 0 0;
	color:#831111;
	padding-top:5px;
}
div#signature {
	margin:auto;
	width:765px;
	padding: 5px 0 0 0;
	color:#FFFFFF;
	text-align:center;
}
div#signature a { color:#FFFFFF; }

/*****************************************************************titre*/
h1#titre {
	text-align:left;
	margin:0 0 0 155px;
	padding-top:15px;
	font:bold 12px  Arial, Helvetica, sans-serif;
}
/*****************************************************************MENU*/
ul#menu {
	background:url('img/menu.jpg') no-repeat;
	height:19px;
	margin:0 0 0 0;
	padding:0 130px 0 145px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;padding:0;
}
ul#menu li a {
	border-right:1px solid #8f31a7;
	display:block;
	height:19px;
	float:left;
	margin:0 0 0 0;
	padding:0 3px 0 2px;
	color:#8f31a7;
	font: 10px Arial, Helvetica, sans-serif;
	line-height:19px;
	text-decoration:none;
}
ul#menu li a:hover, ul#menu li a.active {
	background-image:url(img/bouton.jpg);
	color:#fff3db;
	text-decoration:underline;
}
ul#menu li#dernier_lien a { border-right:none; }
ul#menu li#premier_lien a {border-left:none; }
ul#menu li#dernier_lien a:hover, ul#menu li#dernier_lien a.active {}

/******************************************************************MENU Haut (conseiller cesite)*/
#upmenu {
	position:absolute;
	width: 353px;
	left: 276px;
	top: 200px;
	height: 12px;
}
ul#menuhaut {
	height:24px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
}
ul#menuhaut li {
	display:inline;
	margin:0;padding:0;
}
ul#menuhaut li a {
	border-right:1px solid #000000;
	display:block;
	height:15px;
	float:right;
	margin:0;
	padding:0 7px 0 7px;
	color:#000000;
	font: 10px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-decoration:none;
}
ul#menuhaut li a:hover, ul#menuhaut li a.active {
	color:#FF0000;
}
ul#menuhaut li#dernier_lien a { border-right:none; }
/*****************************************************************Mise en forme du contenu**/
div#contenu p {
	text-align:justify;
	margin:0;
	padding:5px 0 5px 0;
}
div#contenu ul li {
	background:url(img/puce.gif) no-repeat left 50%;
	list-style-type:none;
	margin-left:10px;
	padding:2px 0 2px 15px;
}
/*****************************************************************STYLES SPECIFIQUES AUX FORMULAIRES*/
form#form1 {
	margin:auto;
	text-align:left;
	width:50%;
	padding:4px;
}
form#form1 fieldset {
	border:1px solid black;
}
form#form1 legend {
	font-weight:bold;
	color:black;
}
form#form1 label {
	text-align:right;
	float:left;
	width:33%;
	padding-top:3px;
}
form#form1 ul {
	margin:0;padding:0;
	list-style-type:none;
}
form#form1 ul li { background-image:none; }
form#form1 li#bouton { float:right; }