@charset "utf-8";
/* CSS Document */
html {
overflow-y: scroll;
}
*{ padding:0;margin:0 }
a:active, a:focus{
      outline:none;
}
body { font-family:Helvetica, Verdana, Arial, sans-serif;background-color:#eeeeee}
/*fondFooter*/
#upp{  background-color:#faf6f6;background-image: url(fondHtml.jpg); background-position:top center; background-repeat:repeat-y}
#foooter{background-image: url(fondFooter.jpg); background-position:top center; background-repeat:repeat-x;height:100%}
#header{ height:300px; position:relative; }
#wave{ z-index:5000000;height:210px;width:950px;bottom:-10px; position:absolute; background-image:url(wave.png); background-position:left; background-repeat:no-repeat }
#supheader{ height:124px; position:relative; background-color:#fff;border-bottom:#e0e0e0 1px solid  }

#naturole{
	position:absolute;
	top:77px;
	left: 355px;
	font-size:16px; font-weight:bold;color:#7eb921
}
#clairfont{
	position:absolute;
	top:77px;
	left: 455px;
	font-size:16px; font-weight:bold;color:#7eb921
}
#millenari{
	position:absolute;
	top:77px;
	left: 600px;
	font-size:16px; font-weight:bold;color:#7eb921
}
#papillon{
	position:absolute;
	width:38px;
	height:40px;
	background-image:url(papillon.png);
	top:33px;
	left: 635px
}

.boitedroite{ position:relative;background-color:#f5f5f5; /*background-image:url(fondboitedroite.png); background-position:bottom; background-repeat:no-repeat*/;left:0px;top:-10px;margin : 0 0 10px 0 ; border-bottom:1px solid #e0e0e0;z-index:5000}
	
.boitedroite h6{padding:8px 5px;background-color:#9ACD32;color:#fff}
.boitedroite  ._text{width:100px;padding:5px}
.bouton { padding:5px }
#main{ width:996px; background:#fff;margin:0 auto}

#intoheader{ width:900px;height:200px; position:absolute;top:13px;left:48px }
#meteo { position:absolute; right:10px;top:4px;; 
 }
#meteo #weather {}
#meteo #weather td{padding:3px; background-image:url(fondtrps.png);
color:#003300; font-weight:bold; font-size:10px;text-align:center;}
#meteo #weather td img{border-bottom:1px dotted #003300}
#middle{height:436px; background-image:url(left.png)}
#intomiddle{ width:900px;margin:0 auto}

div#colonne1 {float: left;     width: 195px;     margin-right: 10px;      }
div#colonne2 {position:relative;float: right;     width:209px;   height:436px;  margin-left: 15px; background-image:url(col_right.png); background-position:left }
div#centre {/*height: 400px;
		overflow: hidden;    background: transparent; */}

#footer{ height:50px; position:relative; height:50px;background-image:url(footer.png); background-position:top; background-repeat:no-repeat }
#intofooter{ width:900px;margin:0 auto;line-height:50px;font-size:11px;text-align:center}

#alaune{ padding:0 18px 0 18px; font-size:11px; text-align:justify} 
#alaune h1{ font-size:12px;padding:0px;margin:0px 0 5px 0} 

#derniereminute{position:absolute;padding:0 18px 0 18px;font-size:11px;	top: 220px; width:165px; text-align:justify }
#derniereminute h1{ font-size:12px;padding:0px;margin:0px 0 5px 0} 

.titreforcat{ padding:5px; letter-spacing:0px; border-top:1px dotted #000; cursor:pointer;color:#003300}
.titreforcat a{text-decoration:none;color:#003300;font-weight:500}
.menubody{background:#fff;width:172px; font-size:12px;padding:0px 5px; background-image:url(fond_submenu.png); background-position:top;
background-repeat:repeat-x}


.blue{ background-image:url(header_blue.png);  }
.intoblue{ background-image:url(header_intoblue.png) }


  



/*-----------------------------------------/
#scroll {position:relative; width:400px; height:200px; overflow:auto}
#scrollcontent {position:absolute; width:375px; z-index:200}
#scrollbar {float:right; position:relative; display:none; width:15px; height:200px; z-index:100; background:url(images/scroll-bg.gif)}
.scroller {position:absolute; top:0; width:15px; cursor:pointer; background-color:#ccc; background-image:url(images/scroll-arrows.gif); background-position:50% 50%; background-repeat:no-repeat}
.buttonclick {background-color:#bbb}
/*-----------------------------------------*/*