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

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

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

/*****************************************************************Puces*****************************************************************/
div#contenu ul li {	background:url(img/puce.gif) no-repeat left 12px;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:800px;}
div#header {		position:relative;background: url('img/header.jpg') no-repeat;height:280px;}
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 20px 0 20px;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-color:#56AAAC;padding:5px 0 0 0;color:#ffffff;height:110px;}
div#signature {		margin:auto;width:800px;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 230px;	padding-top:0px;font:bold 20px  Arial, Helvetica, sans-serif;}

/*****************************************************************Menu*****************************************************************/
ul#menu {
					width:690px;
					margin: auto;
					padding:0 0 0 0;
					list-style-type:none;
}
ul#menu li {
					display:inline;
					margin: auto;
}
ul#menu li a {
					float:left;
					display:block;
					height:26px;
					padding:0 4px 0 4px;
					color:#ffffff;
					font:11px Arial, Helvetica, sans-serif;
					line-height:26px;
					text-decoration:none;
}
ul#menu li a:hover, ul#menu li a.active {
					text-decoration:underline;
}

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

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

