html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
margin:0;
padding:0;
}
* {
margin: 0;
padding: 0;
}
body {
background: #1d2729 url(design/logo.png) top center no-repeat;
font-family: Arial, Helvetica, "DejaVu Sans", sans-serif;
font-size: 12px;
line-height: 18px;
color: #eee;
}
img {
border: 0;
margin: 0;
}
/* -------------------------------------------------------------- 
   DISPOSITION
-------------------------------------------------------------- */
#page {
width: 940px;
margin: 0 auto;
}
#pied {
height: 25px;
padding-top: 150px;
background: url(design/pied.png) bottom center no-repeat;
text-align: center;
font-size: 11px;
color: #666;
}
#pied a, #pied a:visited {
text-decoration: none;
color: #666 !important;
}
#pied a:hover {
text-decoration: none;
color: #77c7d0 !important;
}
#retrait_nav {
height: 207px;
}
#extras {
margin-top: 136px;
height: 36px;
text-align: right;
padding: 9px;
}
#extras a {
display: block;
float: right;
margin-left:18px;
}
#splash {
/*margin-top: 190px;*/
margin-bottom: 18px;
width: 940px;
height: 402px;
overflow: hidden;
/*background: url(uploads/images/splash02.png);*/
line-height: 17px;
}
#intro {
width: 216px;
height: 402px;
padding: 9px;
background-color: #929ab9;
}
#bloc_nav {
background-color: #2a2f2f;
width: 940px;
height: 46px;
/*overflow: hidden;*/
padding:1px 0 0 0;
font-size: 11px;
line-height: 13px;
}

#ariane {
padding: 18px 9px;
}

#titre_stations {
padding: 0 9px 9px 9px;
}

#titre_stations_bis {
padding: 0 9px 9px 9px;
}

#titre_vehicules {
padding: 0 9px 9px 9px;
}

#titre_journees {
padding: 48px 9px 9px 9px;
}

#titre_heures {
padding: 48px 9px 9px 9px;
}

#plage {
background: url(design/libellule01.png) top right no-repeat;
}

#colonnes {
background: url(design/bg_4_colonnes.png);
}
.bloc_colonnes {
background: url(design/bg_4_colonnes.png);
}
.colonne {
float: left;
width: 217px;
padding: 9px 9px 0 9px;
}

.bloc_tarifs, .bloc_nouveautes {
width: 186px;
height: 22px;
margin-top: 18px;
padding-left: 31px;
padding-top: 6px;
color: #203d43;
font-weight: bold;
background: url(design/bg_tarifs.png);
}

.bloc_evenements {
width: 186px;
height: 22px;
margin-top: 9px;
padding-left: 31px;
padding-top: 6px;
color: #203d43;
font-weight: bold;
background: url(design/bg_evenements.png);
}

.bloc_enneigement {
width: 186px;
height: 22px;
margin-top: 9px;
padding-left: 31px;
padding-top: 6px;
color: #203d43;
font-weight: bold;
background: url(design/bg_enneigement.png);
}

.bloc_info {
padding: 9px;
color: #93bec3;
font-weight: bold;
}

.bloc_info p {
margin-bottom: 0;
}

.flocon {
float: left;
margin-right: 9px;
}

.table_tarifs {
border: 0;
color: #93bec3;
font-weight: bold;
width: 217px;
margin-top: 9px;
}

.col_gauche {
width: 69px;
padding-left: 9px;
}

.col_droite {
width: 133px;
}

.col_legende {
font-size: 11px;
line-height: 14px;
font-weight: normal;
padding-left: 9px;
padding-top: 4px;
}

.sep {
clear: both;
height: 0;
overflow: hidden;
}
.sep9 {
height: 9px;
clear: both;
}
.sep18 {
height: 18px;
clear: both;
}
.sep27 {
height: 27px;
clear: both;
}
.sep36 {
height: 36px;
clear: both;
}
.sep72 {
height: 72px;
clear: both;
}

#sep4colonnes {
width: 940px;
height: 10px;
overflow: hidden;
background: #ff0000 url(design/bg_4_colonnes_bas.png);
}

#calendrier {
width: 940px;
height: 535px;
/*background: #ff0000 url(uploads/images/calendrier.png) no-repeat;*/
}

#reservation {
width: 207px;
height: 534px;
padding: 0 9px 0 9px;
background-color: #1d2729;
}

#reservation h2{
color: #eee;
font-size: 20px;
margin-top: 0;
margin-bottom: 18px;
padding-top: 18px;
}

#diaporama {
padding-top: 24px;
}

#heures {
/*width: 940px;*/
height: 210px;
padding-top: 5px;
padding-left: 237px;
background: url(design/bg_heures.png) no-repeat;
font-size: 14px;
font-weight: bold;
}

#bloc_heures_plage {
background: url(design/bg_bloc_heures_plage.png) top left no-repeat;
}

#heures_plage {
/*width: 940px;*/
height: 210px;
padding-top: 5px;
padding-left: 237px;
font-size: 14px;
font-weight: bold;
padding-bottom: 54px;
background: url(design/bg_lieux_plage.png) bottom right no-repeat;
}

#bloc_iframe {
padding-left: 237px;
margin-bottom: 18px;
}
/* -------------------------------------------------------------- 
   TYPOGRAPHIE
-------------------------------------------------------------- */
p {
margin-bottom: 18px;
}
h1 {
font-size: 24px;
color: #77c7d0;
margin-bottom: 18px;
/*
font-size: 320%;
font-weight: normal;
line-height: 240%;
*/
}
h2 {
font-size: 17px;
color: #77c7d0;
margin-top: 14px;
}
h3 {
font-size: 20px;
color: #77c7d0;
margin-bottom: 18px;
}
a:link, a:visited, a:active, a:focus {
text-decoration: underline;
color: #eee;
}
a:hover {
text-decoration: none;
color: #da001a;
}

sup {
font-size: 8px; 
vertical-align: 3px;
}

.blanc {
color: #eee;
}

.bleu {
color: #77c7d0;
font-weight: bold;
}

.bloc_tarif_promo {
float:right;
color: #77c7d0;
font-weight: bold;
}

a.lien_bleu, a.lien_bleu:visited{
color: #77c7d0;
text-decoration: none;
}

a.lien_bleu:hover{
color: #da001a !important;
text-decoration: none;
}

a.lien_liste, a.lien_liste:visited{
display: block;
padding-bottom: 9px;
border-bottom: 1px solid #ccc;
margin-bottom: 9px;
color: #77c7d0;
text-decoration: none;
}

a.lien_liste:hover{
color: #da001a !important;
text-decoration: none;
}

a.lien_retour, a.lien_retour:visited{
display: block;
padding: 9px 0 9px 0;
border-top: 1px solid #406164;
border-bottom: 1px solid #406164;
margin-bottom: 9px;
color: #77c7d0;
text-decoration: none;
}

a.lien_retour:hover{
color: #da001a !important;
text-decoration: none;
}

.mini {
font-size: 7px;
}

.bleu_vif {
color: #0097d5;
font-weight: bold;
}

#titre_stations  h1, #titre_stations_bis  h1, #titre_journees  h1, #titre_heures  h1 {
margin-bottom: 0;
}

#heures h2 {
font-size: 20px;
color: #fff;
margin-bottom: 18px;
}

.titre_webcam {
padding: 1px 3px 1px 9px;
background-color: #578b91;
font-weight: bold;
color: #2a3d43;
}

.bloc_coup_de_coeur {
/*float:left;
width: 688px;*/
padding: 0 9px 9px 9px;
font-size: 13px;
line-height: 19px;
/*background-color:#00ff00;*/
}

.bloc_coup_de_coeur h2 {
font-size: 20px;
font-weight: normal;
margin: 0;
padding: 0;
color: #da001a;
}

.bloc_newsletter_contact {
float:right;
margin-right: 0;
margin-top: 18px;
width: 461px;
height: 86px;
color: #406164;
background: url(design/bg_newsletter.png) top left no-repeat;
}

.bloc_liste {
padding: 9px;
background-color: #1e2222;
margin-bottom: 9px;
}

.bloc_liste h2 {
margin-top: 0;
margin-bottom: 9px;
}

#bloc_presentation {
padding: 9px;
}

#bloc_presentation img {
float:right;
margin-left: 18px;
}

#col_gauche {
float:left; 
width:452px; 
padding: 9px;
/*background-color:#333;*/
}

.col_texte {
padding-right: 18px;
border-right: 1px solid #1d3335;
}

#col_droite {
float:right; 
width:452px;/*416px; */
/*padding-right: 18px;*/
/*background-color:#666;*/
}




a.envoyer, a.envoyer:visited{
/*
display: block;
width: 100px;*/
padding: 4px 36px 4px 36px;
font-weight:bold;
color: #1e2222;
background-color:#4a6669;
text-decoration: none;
}

a.envoyer:hover{
background-color:#da001a;
color: #eee !important;
text-decoration: none;
}

a.envoyer_ok, a.envoyer_ok:visited{
/*
display: block;
width: 100px;*/
padding: 4px 9px 3px 9px;
font-weight:bold;
color: #eee;
background-color: #ad2232;
text-decoration: none;
}

a.envoyer_ok:hover{
background-color:#da001a;
color: #eee !important;
text-decoration: none;
}


.bloc_succes {
padding: 18px;
background-color: #d8ffb6;
border: 1px solid #66cc33;
margin-bottom: 18px;
font-weight: bold;
color: #006600;
}

.bloc_erreur {
padding: 18px;
background-color: #ffcccc;
border: 1px solid #ff0000;
margin-bottom: 18px;
font-weight: bold;
color: #ff0000;
}

.img_grande {
border-bottom:3px solid #77c7d0;
}

.bt_contact {
float:right;
padding-right: 14px;
padding-top: 36px;
}