/*****************************************************************Style_J*/
body {
	margin:0;
	padding:0;
	background: url("img/fond.jpg");
	background-color:#FFFFFF;
	color:#883f13;
	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:#ff4400;}
.petit { font-size:10px; }
.grand { font-weight:bold;font-size:130%; }
h1{font-family: arial;font-size: 12px;color: #ff4400;}

/*****************************************************************Images*/
div#contenu img { 
	border:none;text-decoration:none; 
	margin:2px;
	padding:2px;
	border: 1px solid #CCCCCC;
}
/*****************************************************************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:204px;
}
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:365px;
}
div#contenu {
	position:relative;
	margin: 20px 20px 0 260px;
	padding-bottom:50px;
	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:20px;
	padding:5px 0 0 0;
	color:#FFFFFF;
}
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 270px;
	padding-top:20px;
	font:bold 20px  Arial, Helvetica, sans-serif;
}
/*****************************************************************MENU*/
ul#menu {
	background:url('img/menu.jpg') no-repeat;
	height:22px;
	margin:0 0 0 0;
	padding:0 0 0 50px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;padding:0;
}
ul#menu li a {
	border-right:1px solid #d53128;
	display:block;
	height:22px;
	float:left;
	margin:0 0 0 0;
	padding:0 5px 0 5px;
	color:#FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:22px;
	text-decoration:none;
}
ul#menu li a:hover, ul#menu li a.active {
	background-image:url(img/bouton.jpg);
	background-repeat:repeat-x;
	color:#883f13;
	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: 467px;
	left: 298px;
	top: 0px;
}
ul#menuhaut {
	height:17px;
	margin:0 0 0 0;
	padding:0 0 0 65px;
	list-style-type:none;
}
ul#menuhaut li {
	display:inline;
	margin:0;padding:0;
}
ul#menuhaut li a {
	border-right:1px solid #d53128;
	display:block;
	height:17px;
	float:right;
	margin:0;
	padding:0 7px 0 7px;
	color:#FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:17px;
	text-decoration:none;
}
ul#menuhaut li a:hover, ul#menuhaut li a.active {
	background-image:url(img/bouton.jpg);
	color:#883f13;
	text-decoration:underline;
}
/*****************************************************************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; }