html {height: 100%; margin-bottom: 1px; padding: 0px}
html, body, p, input, form, ol, ul, li, a, dl, dd, dt, h1, h2, h3, h4, h5, h6, div, blockquote, pre{margin:0; padding:0}
body {font: 76% verdana,arial,sans-serif; text-align: center; background-color:#FFF}
h1{padding: 20px 20px; font-size: 125%; color:#FFF; text-transform: uppercase;}
h2{background:url('../IMG/carrevert.gif') no-repeat left; margin: 15px 0; padding-left: 15px; font-size: 90%; text-transform: uppercase; color:#5E8BC2;}
h3{
	background: url('../IMG/carrebleu.gif') no-repeat left;
	margin: 10px 0 10px;
	padding-left: 15px;
	font-size: 90%;
	text-transform: uppercase;
	color: #64A94C;
}
a{text-decoration: none; color:#64A94C}
a:hover{text-decoration:underline}
ul, li{list-style-type:none}
img {border:none;}
.green {color:#64A94C;}

div#page {
	margin: 5px auto;
	text-align: left;
	padding: 0;
	width: 770px;
	background: #FFF;
}
div#top {border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; height:5px; width:100%; margin-bottom:2px;}
div#main {float:right; width:555px; }
div#heading {color: #D7D7D7; text-align: right; background:url('../IMG/heading.gif'); width:553px; height:35px; border-top: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; }
div#heading img {padding:10px 15px 0 15px;}

div#navtop {margin: 1px 0; height:28px; text-align: center; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;}
div#navtop ul, div#navtop li {text-align:center; display:inline; text-transform:uppercase}
div#navtop a{font-weight:bold; color:#FFF;}
a.navimgleft {padding-top:12px; float:left; display: block; width: 111px; height: 28px; background: url('../IMG/navleftoff.jpg') no-repeat;}
a.navimgleft:hover {text-decoration: none; background-image: url('../IMG/navlefton.jpg');} 
a.navimgmiddle {padding-top:12px; float:left; display: block; width: 111px; height: 28px; background: url('../IMG/navmiddleoff.jpg') no-repeat;}
a.navimgmiddle:hover {text-decoration: none; background-image: url('../IMG/navmiddleon.jpg');} 
a.navimgright {padding-top:12px; float:left; display: block; width: 111px; height: 28px; background: url('../IMG/navrightoff.jpg') no-repeat;}
a.navimgright:hover {text-decoration: none; background-image: url('../IMG/navrighton.jpg');} 

div#spacervert {padding-bottom: 5px; margin-bottom: 2px; background: #64A94C;}
div#cadreimg {padding:1px; background:#D7D7D7; border-bottom:1px solid #FFF}
div#image {height: 150px; background-image: url('../IMG/image_milieu2.jpg');}
div#image p {padding: 60px 0 0 40px; text-transform: uppercase; font-size: 75%; color: #5E8BC2;}
div#image2007 {height: 150px; background-image: url('../IMG/image_milieu2007.jpg');}
div#image2007 p {padding: 60px 0 0 40px; text-transform: uppercase; font-size: 75%; color: #5E8BC2;}

div#cadre {
	border: 1px solid #D7D7D7;
	background: url('../IMG/imageprinc.jpg') no-repeat top left;
	padding: 5 px;
	display: inline;
}
div#msgprinc h2 {width: 500px; float:right; text-align:left;}
div#msgprinc p {
	width: 500px;
	float: right;
	text-align: left;
	padding-bottom: 10px;
	margin-right: 5px;
}

div#cadreart {border:1px solid #D7D7D7; padding: 0 10px 0 10px;}
div#msgprincart h2 {text-align:left; background: url('../IMG/arr_green.gif') no-repeat left;}
div#msgprincart h3{
	text-align: left;
	background: url('../IMG/carrebleu.gif') no-repeat left;
	margin: 10px 0 5px;
	padding-left: 15px;
	font-size: 95%;
	text-transform: uppercase;
	color: #64A94C;
}
div#msgprincart p {text-align:left; padding:14px; }

div#cadrerub {border:1px solid #D7D7D7; padding: 0 10px 0x 10px;}
div#msgprincrub h2 {
	text-align: left;
	background: url('../IMG/arr_green.gif') no-repeat left;
	margin-left: 5px;
}
div#msgprincrub h3{
	text-align: left;
	background: url('../IMG/carrebleu.gif') no-repeat left;
	margin-left: 5px;
	font-size: 95%;
	text-transform: none;
	color: #64A94C;
}

div#msgprincrub p {text-align:left; padding-left: 20px; }

div#othermsg {margin-top:12px; }
div#premparag {width: 48%; float:left; text-align:left; padding:5px; border-right: 1px dotted #D7D7D7; margin-bottom: 20px;}
div#premparag p {text-align:left; padding-left: 5px}
div#seconparag {width: 48%; float:left; text-align:left; padding:5px;}
div#seconparag p {width:250px; background: url('../IMG/imgseconparag.jpg') no-repeat top left; text-align:left; padding-top: 90px}

div#navleft {
	text-align: left;
	width: 210px;
	margin-bottom: 10px;
	padding: 1px;
}
div#navleft h2 {background: url('../IMG/arr_green.gif') no-repeat left;}
div#logo {border: 1px solid #D7D7D7; height:150px; text-align: center;}
div#logopartn, div#lastnews, div#inscription, div#sponsors {margin-top: 3px; padding: 5px; border-top: 1px solid #D7D7D7; border-left: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7; }
div#logopartn ul, div#sponsors ul {text-align:center; border-top:1px dotted #D7D7D7;}
div#logopartn li, div#sponsors li {border-bottom:1px dotted #D7D7D7; margin-bottom:5px;}
div#logopartn img {
	width: 150px;
}

div#lastnews p {border-top:1px dotted #D7D7D7;}
div#lastnews ul, div#lastnews li {padding-left: 20px;}

.basnavleft {padding-left:10px; background:url('../IMG/corner.gif') no-repeat; border-right: 1px solid #D7D7D7; }
.sidebasleft {height:20px; border-bottom: 1px solid #D7D7D7;}

div#footer {background:url('../IMG/footer.gif') repeat-x; height: 35px; text-align:center; padding-top: 8px; margin-bottom: 5px; color:#666}
div#footer a, div#footer a:hover {color:#666;}
.clear {clear:both}
.row_even {background: #D7D7D7;}


p#loi {font-size:75%; color:#5E8BC2;}