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

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

/*****************************************************************Images*****************************************************************/
img { 						border:0; vertical-align:middle}
div#contenu img { 		border:none;text-decoration:none; margin:5px; padding:2px; border: 1px solid #193791;}
div#legende { 				border:none;text-decoration:none; margin:5px; padding:2px; background-color:#193791; color:#FFFFFF;}

/*****************************************************************Puces*****************************************************************/
div#contenu ul li {		background:url(img/puce.gif) no-repeat left 8px;list-style-type:none;padding:0 0 0 10px;line-height:20px;}
div#contenu ul {			margin:0; padding:0;}
/*****************************************************************Découpes*****************************************************************/
div#conteneur {			background: url('img/coulisse.jpg') repeat-y;margin:auto;width:765px;}
div#header {				position:relative;background: url('img/header.jpg') no-repeat;height:205px;}
div#corps_bas {			background: url('img/corps_bas.jpg') no-repeat;background-position:bottom;}
div#corps {					background: url('img/corps_haut.jpg') no-repeat;background-position:top;}
div#contenu {				position:relative;margin: 10px 30px 0 30px;padding-bottom:20px;text-align:left;min-height:300px;}
div#colone_gauche {  margin-right:290px}
div#colone_droite {		 width:285px;float:right}
div#footer {					background: url('img/footer.jpg') no-repeat;padding:5px 0 0 0;color:#ffffff;height:19px;}
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 0 0 30px;
								padding-top:25px;
								font:bold 20px  Arial, Helvetica, sans-serif;
}

/*****************************************************************Menu*****************************************************************/
ul#menu {
	background:url('img/menu.jpg') no-repeat;
	height:20px;
	width:765px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;

}
ul#menu li {
	margin:auto;
}
ul#menu li {
	display:inline;
	margin:0;
	text-align:left;
}
ul#menu li a {
	border-right:1px solid #FFFFFF;
	float:left;
	display:block;
	height:20px;
	padding:0 6px 0 6px;
	color:#ffffff;
	font: Bold 12px Arial, Helvetica, sans-serif;
	line-height:20px;
	text-decoration:none;
}
ul#menu li a:hover, ul#menu li a.active {
	background-image:url('img/btn_on.jpg');
	background-repeat:repeat-x;
}
ul#menu li#dernier_lien a {border-right:none; }
ul#menu li#premier_lien a { }
ul#menu li#dernier_lien a:hover, ul#menu li#dernier_lien a.active {}

/******************************************************************Menu Haut (conseiller cesite/langues)*****************************************************************/
#upmenu {
	position:absolute;
	width: 765px;
	left: 0px;
	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 {
	border-right:1px solid #000000;
	display:block;
	height:15px;
	float:right;
	margin:0;
	padding:0 7px 0 7px;
	color:#ffffff;
	font: 10px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-decoration:none;
}
ul#menuhaut li a:hover, ul#menuhaut li a.active {
	text-decoration:underline;
}

/*****************************************************************Mise en forme du contenu*****************************************************************/
div#contenu p {				text-align:justify;margin:0;padding:5px 0 5px 0;}
table#tableau td {			padding:10px;}
/*****************************************************************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;}

/*****************************************************************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; }
