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:#c31f7a;}
.petit { 						font-size:10px; }
.grand {						font-weight:bold;font-size:130%; }
h1{							font-family: arial;font-size: 12px;color: #c31f7a;}

/*****************************************************************Images*****************************************************************/
div#contenu img { 		border:none;text-decoration:none; margin:5px; padding:2px; border: 1px solid #c31f7a;}

/*****************************************************************Puces*****************************************************************/
div#contenu ul li {		background:url(img/puce.gif) no-repeat left;list-style-type:none;padding:0 0 0 15px;line-height:30px;}

/*****************************************************************Découpes*****************************************************************/
div#conteneur {			background: url('img/coulisse.jpg') repeat-y;position:relative;margin:auto;width:765px;}
div#header {				background: url('img/header.jpg') no-repeat;height:234px;}
div#corps_bas {			background: url('img/corps_bas.jpg') no-repeat;background-position:bottom;}
div#corps {					background: url('img/corps_haut.jpg') no-repeat;position:relative;background-position:top;}
div#contenu {				margin: 10px 170px 0 20px;padding-bottom:70px;text-align:left;min-height:300px;}
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;padding:5px 0 0 0;color:#c31f7a;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 20px;
								padding-top:5px;
								font:bold 20px  Arial, Helvetica, sans-serif;
}

/*****************************************************************Menu*****************************************************************/
ul#menu {
	background:url('img/menu.jpg') no-repeat;
	height:19px;
	width:765px;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	list-style-type:none;
}
ul#menu li {
	display:inline;
	margin:0;
	text-align:left;
}
ul#menu li a {
	border-right:1px solid #fcb2dd;
	float:left;
	display:block;
	height:18px;
	margin:1px 0 0 0;
	padding:0 5px 0 5px;
	color:#8b2d14;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	text-decoration:none;
}
ul#menu li a:hover {
	background-image:url(img/btn_on.jpg);
	background-color:#fed9a9;
	color:#000000;
	text-decoration:underline;
}
hover, ul#menu li a.active {
	background-image:url(img/btn_on.jpg);
	background-color:#fed9a9;
	color:#000000;
	text-decoration:underline;
}
ul#menu li#dernier_lien a { margin-left:80px;border-right:none; color:#FFFFFF; }
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/langues)*****************************************************************/
#upmenu {
	position:absolute;
	width: 261px;
	left: 505px;
	top: 0px;
	height: 12px;
}
ul#menuhaut {
	height:19px;
	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 #000000;
	display:block;
	height:18px;
	float:right;
	margin:1px 0 0 0;
	padding:0 7px 0 7px;
	color:#000000;
	font: 10px Arial, Helvetica, sans-serif;
	line-height:18px;
	text-decoration:none;
}
ul#menuhaut li a:hover, ul#menuhaut li a.active {
	color:#000000;
	background-image:url(img/btn_on.jpg);
	background-color:#fed9a9;
}

/*****************************************************************Mise en forme du contenu*****************************************************************/
div#contenu p {text-align:justify;margin:0;padding:5px 0 5px 0;}

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