/* Copyright mas de champelon 2007 */
/* Realisation Aurelien Guiton*/
/* webink/ www.webink.fr */

/* comportement par deaut des styles */
* {margin:0; padding:0;border:none;}
body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:85%;background:url(../img/bg.jpg) }

/*structure du site dans l'ordre du flux XHTML*/
#page{position:absolute; width:868px; left:50%; margin-left:-434px;background:url(../img/bg-page.jpg); margin-top:30px;  }
main{ }
#top{height:130px;}
#top img{margin-top:30px; margin-left:200px; }
#conteneur{margin-top:50px;}
#content{ float:left; width:450px; line-height:1.6em; margin:10px; margin-left:60px; margin-top:30px; }
#colonne-unique{ width:750px; margin-left:60px; margin-top:50px;}
#sidebar{ float:right; width:250px;margin-top:50px; margin-right:30px }


#footer{width:100%; clear:both; padding-top:20px;}

/*top*/
#bg-top{ background:url(../img/bg-top.jpg) top no-repeat; height:47px}
#main p {line-height:1.6em; font-size:0.9em; }
#content a {color:#c0b3c2;}
#main a {color:#c0b3c2;}
h1{	font-size: 1.2em;  padding: 20px 0 20px 0;}
h2{	font-size: 1em; line-height:20px; padding: 20px 0 20px 0;}
h3{font-size:1em;color:#bcaebe; }
#content ul li {text-align:left;font-size:0.9em; margin-left:20px;}
.lien {background:url(../img/fleche.png) left no-repeat; padding-left:15px; margin-top:20px; margin-left:20px}
.lien a {text-decoration:none;}
.lien a:hover {text-decoration:underline;}


#conteneur-menu{position:absolute;top:165px;width:100%;left: 0px;}
#menu {position: relative;margin-left:auto; margin-right:auto;width: 800px;height: 58px;}
#menu dl, dt, dd {list-style-type: none;text-align:center;}
#menu dl {float: left;width:150px;margin: 0 1px;color: #bcaebe;font-size:0.9em;}
#menu dt {cursor: pointer; font-weight: bold;color:#bcaebe;}
#menu dd {border:  dashed 1px #999999; text-align:left;color:#CCCCCC; display:none;}
#menu li {text-align: left;list-style-type: none;}
#menu dt a{ color: #bcaebe;text-decoration:none;display: block;height:20px;border: none; background:#fff;}
#menu li a {color: #bcaebe;text-decoration:none;display: block;font-size:0.9em;height:20px;border: none; background:#fff;}
#menu li a:hover, #menu dt a:hover {background: #FBEEF9;}

/*footer*/
#bg-bot{ background:url(../img/bg-bottom.jpg) no-repeat; height:42px;}
#footer p{font-size:0.9em; text-align:center; color:#999;}
#footer p a {font-size:0.9em; text-align:center; color:#999; text-decoration:none;}
#footer p a:hover{ text-decoration:underline;} 



/*tableau*/
th{ color:#bcaebe;}
/*#sidebar */
#sidebar{  padding-left:10px; margin-left:30px;}
#sidebar ul li {margin-left:20px; font-size:1em; list-style:none; margin-top:15px; list-style:url(../img/fleche.gif);}
#sidebar ul li a  {color:#c0b3c2; text-decoration:none; font-weight:bold; }
#sidebar ul li a:hover {color:#5b005b;}

/*footer*/

/*meteo*/
.bloc-meteo{float:left; width:220px; margin:10px; border:1px solid #bcaebe; margin-top:20px;}
.date{text-align:center; font-weight:bold; color:#5b005b; margin-bottom:10px;}
.jour{float:left; width:220px;}
.jour img{margin-left:80px;}
.jour p{text-align:center; padding-bottom:20px;}
.temp{margin-left:10px; font-size:0.7em;}

.violet{color:#5b005b; font-weight:bold;}
.photo{padding:5px; border:1px solid #bcaebe;}