body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	
	margin: 0;
	background-color: #FFF;
	background-image: url(../img/fond.gif);
	background-repeat: repeat-y;
}

#ban {
	width: 750px;
	height: 160px;
	background-image:url(../img/ban_2.jpg);
	background-repeat:no-repeat;
}

#logo {
	text-align: left;
	
	position: absolute;
	left: 60px;
	top: 10px;
}

#menu-colonne {
	color: #FFF;

	width: 200px;
	background-image:url(../img/fond-drapeau.gif);
	background-repeat:repeat-y;
	float:left;
}

#menu-colonne ul {
	line-height: 15px;
	
	margin-top : 18px;
	margin-left : -35px;	
}

/* code interprété uniquement par IE */
* html #menu-colonne ul {
	margin-left : 5px;
}
/* fin */

#menu-colonne ul li ul {
	margin-top : 0px;
	margin-bottom : 0px;
	margin-left : -15px;
}

/* IE MAC ne voit pas la fin de commentaire sur cette ligne - code interprété uniquement par IE PC \*/
* html #menu-colonne ul li ul { 
	margin-top : -11px;
	margin-left : 28px;
}
/* IE MAC voit un commentaire se terminant ici */

/* Code interprété uniquement par IE Mac \*//*/
#menu-colonne ul li ul { 
	margin-top : 0px;
	margin-left : 28px;
}
/**/

#menu-colonne ul li {
	list-style-type: none;
}

#menu-colonne ul li ul li {
	list-style-type: square;
}

#menu-bas {
	width: 200px;
	height: 30px;
	background-image:url(../img/bas-drapeau.gif);
	background-repeat:no-repeat;
}

#menu-colonne a, #menu-colonne a:visited {
	color: #FFF;
	text-decoration:none;
}

#menu-colonne a:hover {
	color: #FC0;
}

.active {
	color: #FC0;
}

#contenu {
	width: 540px;
	float:left;
	padding-bottom: 20px;
}

a, a:visited {
	text-decoration:none;
	color: #06C;
}

a:hover {
	color: #EABC04;
}

#contenu ul li {
	list-style-type: square;
	margin-bottom: 5px;
}

/* IE MAC ne voit pas la fin de commentaire sur cette ligne - code interprété uniquement par IE PC \*/
* html #contenu ul li ul { 
	margin-top : -11px;
}
/* IE MAC voit un commentaire se terminant ici */

/* Code interprété uniquement par IE Mac \*//*/
#contenu ul li ul { 
	margin-top : 0px;
	
}
/**/

#contenu ul li ul li {
	list-style-type:disc;
}

#contenu .premier_ssmenu {
	list-style-type: none;
}

.haut {
	text-align:right;
	
	margin: 0 8px 0 0;
}

.diapo {
	text-align:center;
	
	margin-bottom: 30px;
}

.diapo img {
	margin: 0 2px 4px 2px;
}

.legend {
	font-size:10px;
	font-style:italic;
}

h1 {
	margin: 0;
	position:absolute;
	top:100px;
	left: 270px;
	font-size: 18px;
	font-family: "Trebuchet MS", Verdana;
	line-height: 17px;
	color: #016DB8;
}

h2 {
	font-size: 22px;
	font-weight:normal;
	
	text-align: center;
	margin: 0 0 20px 0;	
}

h3 {
	font-size: 18px;
	color: #06C;
	font-weight:normal;
	
	margin: 20px 0 10px 0;
}
h4 {
	font-size: 14px;
	color: #39C;
	
	margin: 10px 0 10px 0;
}

h5 {
	font-size: 13px;
	color: #999999;
	
	margin: 6px 0 6px 0;
}

img {
	border: 0;
}

p {
	margin: 8px 0 8px 8px;
}

q, blockquote {
	font-style:italic;
}

.img-gauche {
	padding-top: 3px; 
	padding-right: 5px; 
	padding-left: 8px; 
	float: left;
}

.question {
	font-weight:bold;
}

#copyright {
	color: #69C;
	text-align:center;
	
	margin-left: -40px;
}

#copyright a, #copyright a:hover, #copyright a:visited {
	color: #69C;
}

/* formulaire d'accueil */
.erreur {
	color:red;
	
	margin: 8px 0 8px 8px;
}

.valid {
	color:green;
	
	margin: 8px 0 8px 8px;
}

label {
	text-align: right;

	float: left;	
	width: 100px;
	margin: 5px 0 0 0;
	padding: 0 .5em 0 0;
}

input , select{
	border: 1px solid #06C;
	margin: 1px 0;
	background-color:#EEF7FF;
}
textarea {
	border: 1px solid #06C;
	margin: 1px 0;
	background-color:#EEF7FF;
}