html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #eae8e1;
	font: 90% "trebuchet ms", verdana, tahoma, arial, sans-serif;
	color: #37601a;
	}
#global {
	min-height: 100%;
	padding: 0 10px;
	background: url(images/lign_vrt.png) center repeat-y;
	width: 750px;
	margin: 0 auto;
	position: relative;
	}
#entete {
	background: url(images/header.jpg) no-repeat;
	color: #fff;
	height: 210px;
	}
#corps {
	padding-bottom: 60px; 
	overflow: auto;
	}
a {
	color: #66cc00;
	text-decoration: none;
	}
a:hover {
	color: #c40005;
	}
.rouge {
	color: #c40005
}
.rougedate {
	font-size: 80%;
	color: #c40005;
}
#clndroite {
	float: right;
	width: 189px;
	
	}
#clndroite ul {
	padding-left: 11px;
	list-style: none;
	text-decoration: none;
	}
#contenu {
	float: left;
	width: 536px;
	margin-left: 11px;
	text-align: justify;
	}
div#contenu h2 {
	color: #37601a;
	font: small-caps 1.8em "trebuchet ms";
	text-decoration: underline;
	}


/* !!!!!!!!!!!!!!!!!! ici un petit Hack CSS pour IE6 !!!!!!!!!!!!!! */
*html div#contenu h2 {margin-top:30px;}
/* !!!!!!!!!!!!!!!!!!! fin du hack !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


div#contenu h3, div#clndroite h3 {
	color: #c40005;
	font: 1.5em "trebuchet ms";
	}

.cadre {
	padding: 5px 8px 5px 8px;
	border: 1px solid #c40005;	
}			

.pucecercle {
	margin-top: 24px;
	padding: 9px 14px 10px 12px;
	border: 1px solid #c40005;
	list-style-type: circle;
	list-style-position: inside;
}

.listsimple {
	
	padding-left: 22px;
	list-style-type: circle;
	list-style-position: inside;
}

.list2r {
	padding: 10px 0 6px 0;
	font-size: 96%;
	line-height: 1em;
	border: 1px solid #c40005;
	list-style-type: none;
}

.list2r dt {
	padding-left: 20px;
	
}

.list2r dd {
	padding: 0 20px 6px 20px;
	
	list-style-position: inside;
}

.list2cv {
	
	padding: 16px 0 16px 0;
	font-size: 97%;
	line-height: 1em;
	border: 1px solid #c40005;
	list-style-type: none;
}

.list2cv dt {
	padding: 8px 0 2px 24px;
	
}

.list2cv dd {
	padding: 3px 26px 6px 26px;
	
	list-style-position: inside;
}

.bloc_1imag {
	margin-top: 24px;
	padding-left: 16px;
	padding-top: 20px;
	background: #eae8e1;
	height: 190px;
}
.bloc_1imag img {
	margin-left: 142px;
	float: left;
	border: 1px solid #000000;
	width: 220px;
	height: 168px;
}

.bloc_2imag {
	margin-top: 24px;
	margin-bottom: 24px;
	padding-left: 16px;
	padding-top: 20px;
	background: #eae8e1;
	height: 190px;
}
.bloc_2imag img {
	margin-left: 18px;
	float: left;
	border: 1px solid #000000;
	width: 220px;
	height: 168px;
}
ul#menuhrz {
	margin: 0;
	padding: 0;
	
	list-style: none;
	overflow: hidden;
	}
ul#menuhrz li {
	float: left ;
	width: 102px ;
	border: 1px solid #eae8e1;
	margin-left: 3px ;
	color: #333 ;
	background: #c00 ;
	}
ul#menuhrz li a {
	display: block ;
	background: #900 url(images/menuhrz.png) left top no-repeat ;
	color: #66cc00 ;
	font: 1.1em "Trebuchet MS",Arial,sans-serif ;
	line-height: 1,3em ;
	padding: 11px 0 ;
	text-align: center ;
	text-decoration: none ;
	}
#menuhrz li a:hover, #nav li a:focus, #nav li a:active {
	background: #033 url(images/menuhrz.png) right top no-repeat ;
	color: #c40005;
	text-decoration: none;
	}
#menuhrz li a#encours {
	background: #033 url(images/menuhrz.png) right top no-repeat ;
	color: #c40005;
	text-decoration: none;
	}
ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul#menu2 {	
    margin: 0;
    padding: 0 0 0 10px;
    list-style: none;
	}
ul#menu li a {
	display: block;
	height: 30px;
	background: url(images/chess.png) no-repeat left top;
	padding-left: 44px;
	margin: 2px 0;
	border-bottom: 1px solid #66cc00;
	color: #66cc00;
	font: small-caps 1.7em/30px "trebuchet ms";
	text-decoration: none;
	}
ul#menu li a:hover {
	background-position: left bottom;
	color: #c40005;
	}
ul#menu li a#current {
	background-position: left bottom;
	color: #c40005;
	}
#pdpage {
	position: absolute;
	width: 750px;
	bottom: 0;
	background: #fff;
	border-top: 1px solid #66cc00;
	text-align: right;
	}
#pdpage p {
	margin: 2px 0;
	font-size: 0.9em;
	padding-right: 11px;
	color: #548e23;
	}
div#clndroite h3, div#clndroite p  {
		padding: 0 11px;
	}

#forfaits {
	background: url(images/forfaits.png) no-repeat;
	height: 612px;
	width: 536px;
	position: relative;
}

#contacts {
	background: url(images/fds_contacts2.jpg) no-repeat;
	margin-top: 34px;
	height: 297px;
	width: 536px;
	position: relative;
}

#stage_printemps {
	background: url(images/stages_printemps_2010.jpg) no-repeat;
	margin-top: 36px;
	height: 600px;
	width: 536px;
	position: relative;
}