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

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

/*****************************************************************Images*****************************************************************/
div#header img { 	border:0; vertical-align:middle}
div#contenu img { 	border:none;text-decoration:none; margin:5px; padding:2px; border: 1px solid #616161;}

/*****************************************************************Puces*****************************************************************/
div#contenu ul li {	background:url(img/puce.gif) no-repeat left 5px;list-style-type:none;padding:0 0 0 15px;line-height:30px;}
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:250px;}
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 {		margin: 10px 10px 0 190px;padding-bottom:70px;text-align:left;min-height:230px;}
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:#ffffff;height:20px;}
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 190px;	padding-top:25px;font:bold 20px  Arial, Helvetica, sans-serif;}


/******************************************************************Menu Haut (conseiller cesite/langues)*****************************************************************/
#upmenu {
					position:absolute;
					width: 170px;
					left: 0px;
					top: 269px;
					height: 133px;
}
ul#menuhaut {
					height:19px;
					margin:0 0 0 0;
					padding:0 0 0 0;
					list-style-type:none;
}
ul#menuhaut li {
					margin:0 0 0 0;padding:0 0 0 0;
					text-align:left;
}
ul#menuhaut li a {
					display:block;
					height:19px;
					margin:0;
					padding:0 0 0 20px;
					color:#0057a3;
					font: 12px Arial, Helvetica, sans-serif;
					line-height:19px;
					text-decoration:none;
}
ul#menuhaut li a:hover, ul#menuhaut li a.active {
					background-image:url(img/btn_on.gif);
					font: Bold 12px Arial, Helvetica, sans-serif;
					
}
/******************************************************************Menu 2 (conseiller cesite/langues)*****************************************************************/
#upmenu2 {
					position:absolute;
					width: 130px;
					left: 50px;
					top: 67px;
					height: 155px;
}
ul#menuhaut2 {
					height:20px;
					margin:0 0 0 0;
					padding:0 0 0 0;
					list-style-type:none;
}
ul#menuhaut2 li {
					margin:0;padding:0 0 0 0 ;
					text-align:left;
					vertical-align:middle;
}
ul#menuhaut2 li a {
					display:block;
					height:20px;
					margin:0;
					padding:0;
					color:#0057a3;
					font: 12px Arial, Helvetica, sans-serif;
					line-height:20px;
					text-decoration:none;
					vertical-align:middle;
}
ul#menuhaut2 li a:hover, ul#menuhaut2 li a.active {
					color:#333333;
				display:block;
					height:20px;
					margin:0;
					padding:0;
				
					font: 12px Arial, Helvetica, sans-serif;
					line-height:20px;
					text-decoration:none;
					vertical-align:middle;
					
}

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

A.lien2:link {	 arial;font-size: 12px;text-decoration:none;color: #0057a3;}
A.lien2:active {			font-size: 12px;text-decoration:none;color: #0057a3;}
A.lien2:visited {		font-size: 12px;text-decoration:none;color: #0057a3;}
A.lien2:hover {		font-size: 12px;text-decoration:underline;color: #0057a3;}

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