body { margin: 0; padding: 0 ; text-align: center ; font: 0.9em verdana, helvetica, sans-serif ; background: #d2f1ff ;	color : #000000;}
div#conteneur { width: 760px ; margin: 0 auto ;	padding:0; text-align: left ; background: #ffffff;}
.center { text-align:center; }


h1#header {	height: 186px ;	background: url(images/banniere.jpg) no-repeat left top; margin: 0 ;}
h1#header a span {display: none ;}


#atmo { float: right; width : 80px; height: 75px; margin-right: 0px; margin-top: 0px;}
#lienaccueil { float: left; width : 190px; height: 85px; margin-left: 15px; margin-top: 100px;}


ul#menu { margin: -18px 0px 43px 0; padding: 0; list-style-type: none;}
ul#menu li {float: right; text-align: center; font: 1em arial, sans-serif; margin: 0px; padding: 0px 12px; font-weight: bold;
letter-spacing: 1px; color :#63a917; }
ul#menu li a {color: #6483af; display: block;text-decoration: none;}
ul#menu li a:hover { color: #63a917;}


div#smenu { float: left; margin: 0px 20px 10px 35px; padding: 0px; width: 130px; background : #7fc8d9; text-align:center;}
#haut-smenu { padding:0; margin:0; background: url(images/haut_smenu.gif) no-repeat left top; height:15px;}
#bas-smenu { padding:0; margin:10px 0 0 0; background: url(images/bas_smenu.gif) no-repeat left bottom; height:15px;}
div#smenu h2 {padding: 0 5px; font-size: 1em; color: #ffffff;}
div#smenu p {padding: 0 5px; font-size: 0.8em; color: #000000;}
div#smenu small {padding: 0 5px; font-size: 0.8em; color: #000000;}
#smenu a {color: #ffffff; text-decoration: underline;font: 1em arial, helvetica, sans-serif ;}
#smenu a:hover {color: #023680; text-decoration: underline;font: 1em arial, helvetica, sans-serif ;}


div#contenu { padding: 0 30px 0px 30px ; margin-top : 0px;}
div#contenu h2 { line-height: 25px; font: 1.3em georgia, sans-serif; color: #003399; text-align:right; border-bottom: 1px solid #ffffff;}
div#contenu h3 { font: 1.1em georgia, sans-serif; color: #003399; text-align:left; padding:0px; text-decoration:underline; }
div#contenu h4 { font: 1.0em georgia, sans-serif; color: #003399; text-align:left; padding:0px;  margin:0 0 -5px 0; font-weight:bold; }
div#contenu p {	text-align: justify ; line-height: 1.2em ; font: 1em verdana, sans-serif; }

.planning {
  border-left:solid 1px #c0c0c0;
  font: 0.9em Arial, sans-serif;
}

.planning th {
  border-right:solid 1px #c0c0c0;
  border-bottom:solid 1px #c0c0c0;
  background-color: #134F8E;
  color:#fff;
  text-align:center;
  padding: 6px 6px;
}

.planning td {
  border-right:solid 1px #c0c0c0;
  border-bottom:solid 1px #c0c0c0;
  padding: 4px 6px;
  text-align:center;
}

#pico { visibility:visible; position:absolute; border: solid 0px #b5d7fd; padding:5px 0 0 0; margin-left:560px; margin-top:10px; width:130px;
        height:45px; background: url(images/smenu2.gif) no-repeat left top;}
#pico a {color: #ffffff; text-decoration: underline;font: bold 1em arial, helvetica, sans-serif ;}
#pico a:hover {color: #023680;}

#camp1 { visibility:visible; position:absolute; border: solid 0px #b5d7fd; padding:5px 0 0 0; margin-left:400px; margin-top:140px; width:130px;
        height:45px; background: url(images/smenu2.gif) no-repeat left top;}
#camp1 a {color: #ffffff; text-decoration: underline;font: bold 1em arial, helvetica, sans-serif ;}
#camp1 a:hover {color: #023680;}

#camp2 { visibility:visible; position:absolute; border: solid 0px #b5d7fd; padding:5px 0 0 0; margin-left:400px; margin-top:190px; width:130px;
        height:45px; background: url(images/smenu2.gif) no-repeat left top;}
#camp2 a {color: #ffffff; text-decoration: underline;font: bold 1em arial, helvetica, sans-serif ;}
#camp2 a:hover {color: #023680;}

#indices-accueil { background: url(images/air-accueil.png) no-repeat 155px top; width:700px; height:247px; margin:15px 0 0 0; padding:0; text-align:center;}
#point_souris { visibility:visible; position:absolute; border: solid 0px #b5d7fd; padding:7px; margin-left:313px; margin-top:56px; width:15px; height:15px;}
#detailcejour { visibility:hidden; position:absolute; border: solid 2px #b5d7fd; background: #d3fafa; padding:7px; margin-left:328px; margin-top:72px;}
.decal_liste {margin-left:50px;}

#cejour { float: left; width : 160px; height: 180px; margin-left: 25px; margin-top: 40px; text-align:center;font: 1em arial, sans-serif; top:15%; position:relative;}
#cejour span { font: 5em arial, sans-serif; font-weight:bold;}
#hier { float: right; width : 90px; height: 90px; margin-right: 11px; margin-top: 130px; text-align:center;font: 0.9em arial, sans-serif;}
#hier span { font: 3em arial, sans-serif; font-weight:bold;}

div#bas { margin: 0; padding-top: 1px; height:10px; clear:both;}
div#txtbas { text-align:center; font-size:0.6em;}
#txtbas a {color: #ffffff;	text-decoration: none;}
#txtbas a:hover { color: #023680; text-decoration: none;}

#admin {border:1px solid #000000; padding:5px; margin :5px 0 5px 0; background-color:#7fc8d9;}
#admin a {color: #000000;	text-decoration: underline; font-size: 0.9em;}
#admin a:hover { color: #023680; text-decoration: underline; font-size: 0.9em;}

div#lienbas { text-align:center;margin: 10px 0; background:#7fc8d9; padding: 5px 0;}
#lienbas a {color: #ffffff; text-decoration: underline;font: 1em arial, helvetica, sans-serif ;}
#lienbas a:hover {color: #023680; text-decoration: underline;font: 1em arial, helvetica, sans-serif ;}