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

/*****************************************************************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%;margin-left:10px;padding:2px 0 2px 15px; list-style:none;}
hr {height: 1px;margin: 0;padding: 0;color: #F00;background-color: #F00;border: 0;}

/*****************************************************************Images*/
div#contenu img { 
	border:none;text-decoration:none; 
	margin:2px;
	padding:2px;
	border: 1px solid #999999;
}
/*****************************************************************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:217px;
}
div#corps {
	background: url('img/corps_bas.jpg') no-repeat;
	background-position:bottom;
	min-height:390px;
}
div#contenu {
margin: 0 40px 0 40px;
text-align:left;
}
div#colone_gauche {
float:left;
width:160px;
}
div#colone_droite {
margin: 0 0 0 200px;

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

/*****************************************************************titre*/
h1#titre {
	text-align:left;
	margin:0 40px 0 240px;
	padding-top:5px;
	font:bold 20px  Arial, Helvetica, sans-serif;
}
/*****************************************************************Menu*/
ul#menu {
	background:url('img/menu.jpg') no-repeat;
	height:28px;
	margin:0 0 0 0;
	padding:0 0 0 340px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;padding:0;
}
ul#menu li a {
	line-height:16px;	
	height:16px;
	border-right:1px solid  #FF0000;
	display:block;
	float:left;
	padding:6px 3px 6px 3px;
	color:#000000;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
ul#menu li a:hover {
	background-image:url(img/bouton.jpg);
	color:#000000;
	text-decoration:underline
}
ul#menu li a.active {
	background-image:url(img/bouton.jpg);
	color:#000000;
}
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: 112px;
	left: 654px;
	top: 0px;
	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 {
	display:block;
	height:15px;
	float:left;
	margin:0;
	padding:0 7px 0 7px;
	color:#000000;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-decoration:none;
}
ul#menuhaut li a:hover, ul#menuhaut li a.active {
	color:#FFFFFF;
}
/*****************************************************************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; }