/*Page*/
body {background: #639bce url(http://www.villers-sur-mer.fr/images/page/fond.gif) left top repeat-x;	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
#global {width: 975px;margin: 0 auto;background: #639bce;}
#header {width: 975px;height : 120px;background: url(http://www.villers-sur-mer.fr/images/page/header.gif) no-repeat left center; }
#page {width: 975px;float: left;background: #639bce;}
#vague {width: 134px;height : 120px;float: left;}
#menuhaut {width: 645px;height : 101px; text-align: right;float: left;margin-right: 5px;font-size:12px; font-weight:bold; letter-spacing: 0.2em;background: url(http://www.villers-sur-mer.fr/images/page/puce.gif) no-repeat right center;  }
#meteo {width: 187px;height : 99px;float: left; border: #6085b6 solid 1px;text-align: center;color: #FFFFFF;}
#menum {width: 975px;float: left;background: #639bce; height:21px;}
#menuga { width: 122px; margin-left:3px; float:left; }
#content {width: 843px; margin-left:4px; margin-top:3px; float:left; background-color:#FFFFFF;}
#footer {width: 969px; background:#FFFFFF; margin-left: 3px; margin-top:5px; height: 20px; float: left;}

/*Meteo*/
.datej {color:#FFFFFF; text-align:center; margin-bottom: 5px;}
.iconj {float: left; width: 60px;margin-left:30px;}
.tempj {float: left; width: 35px; text-align:right; background: url(http://www.villers-sur-mer.fr/images/meteo/thermometre.gif) no-repeat left center; margin-left:30px;}
.prev { float: left; width:187px; height:15px; margin-top:2px;}
.prev a {text-decoration : none; color:#ffffff; display:block; font-size:10px;}
.prev a:hover{color: #639bce;}

/*Polices*/
.t1 { font-size:9px;}.t2 { font-size:12px;}.t3 { font-size:14px;}.t4 { font-size:10px;}.fw { font-weight:bold;}

/*Couleurs*/
.c0 {color : #2e63a9;}.c1 {color : #6cc640;}.c2 {color : #e14784;}.c3 {color : #c3c124;}.c4 {color : #a729d0;}.c5 {color : #d55e22;}.cb {color : #ffffff;}

/*Liens*/
.plien a {text-decoration: none;font-weight: bold;color:#7784bd;}.plien a:hover {color: #184065;}
.plien2 a {text-decoration: none;font-weight: bold;color:#eec3c3;}.plien2 a:hover {color: #c7e4c9;}

/*Menu Haut*/
.lihautd{ width:auto; float:right;display: block;height: 18px;color: #FFFFFF; text-decoration:none; padding-top:2px;}
.lihautd:hover{ background-color:#6cc640;}
.lihauta{ width:auto; float:right;display: block;height: 18px;color: #FFFFFF; text-decoration:none; padding-top:2px;}
.lihauta:hover{ background-color:#e14784;}
.lihautp{ width:auto; float:right;display: block;height: 18px;color: #FFFFFF; text-decoration:none; padding-top:2px;}
.lihautp:hover{ background-color:#c3c124;}
.lihautag{ width:auto; float:right;display: block;height: 18px;color: #FFFFFF; text-decoration:none; padding-top:2px;}
.lihautag:hover{ background-color:#a729d0;}
.lihautpl{ width:auto; float:right;display: block;height: 18px;color: #FFFFFF; text-decoration:none; padding-top:2px;}
.lihautpl:hover{ background-color:#d55e22;}

/*Ligne milieu*/
#menumg {width: 122px; margin-left:3px; float:left; background-color:#FFFFFF; color:#2e63a9; font-weight:bold; text-align:center; font-size:10px;line-height:2em;}
#menumm {width: 645px; margin-left:4px; float:left; background-color:#FFFFFF; font-weight : bold; }
#menumt, #menumt ul {padding: 0;margin: 0;list-style: none;}
#menumt {padding-top:2px;text-align: center;}
#menumt a {display: block;padding: 1px 6px 1px 6px;background : #ffffff;text-decoration : none;margin-right:1px;}
#menumt a.ti0 {color : #2e63a9;border:  1px solid #2e63a9;}
#menumt a.ti1 {color : #6cc640;border:  1px solid #6cc640;}
#menumt a.ti2 {color : #e14784;border:  1px solid #e14784;}
#menumt a.ti3 {color : #c3c124;border:  1px solid #c3c124;}
#menumt a.ti5 {color : #d55e22;border:  1px solid #d55e22;}
#menumt a:hover {color: #ffffff;}
#menumt a:hover.ti0{background: #2e63a9;}
#menumt a:hover.ti1{background: #6cc640;}
#menumt a:hover.ti2{background: #e14784;}
#menumt a:hover.ti3{background: #c3c124;}
#menumt a:hover.ti5{background: #d55e22;}
#menumt li {float: left;}
#menumt li ul {position: absolute;background: #FFFFFF;width: 14em;left: -999em;}
#menumt li ul li {width:14em;padding-top:1px;}
#menumt li:hover ul, #menumt li.sfhover ul {left: auto;}
#memento {width: 151px; float:left; background-color:#2e63a9; height:20px; font-weight:bold; text-align:left; font-size:11px;line-height:1.7em;}
#menumd {width: 47px; float:left;padding-top:1px;}
.dinoa {float: left; height: 19px; width: 26px; margin-top:1px;}
#memento a{text-decoration:none; color:#FFFFFF; float:left;}
#memento a:hover{color:#639bce;}
#memento a span, #memento a img{display: inline-block; cursor: pointer;border-right: #6085b6 solid 1px;}

/*Menu gauche*/
#menuga ul {list-style: none;margin: 0;padding: 0;border-bottom: #ffffff solid 1px;border-top: #ffffff solid 2px;width: 122px;} 
#menuga li a {height: auto;text-decoration: none; font-weight:bold;color: #ffffff;display: block; background-color:#2e63a9; border-bottom: #ffffff solid 1px; padding-top:5px; padding-bottom:5px;font-size:10px; text-align:center;}
#menuga li a{voice-family: "\"}\"";voice-family: inherit;width: 122px;}
#menuga li a:hover{color: #2e63a9; background-color:#FFFFFF;padding-top:5px; }

/*Bas*/
#liblogo { width: 130px; text-align:center; float: left;}
#ihome { width:140px; text-align:left; float:left;}
#info { width:650px; float:left; height:20px;}
#info ul { list-style-type:none; margin:0; padding:0;list-style-type : none;}
#info li { margin:0;padding:0; display: inline; margin-left:16px;}
#info a {text-decoration : none; color:#2e63a9; font-weight: bold; font-size:10px;}
#info a img, #info a span {vertical-align: middle;display: inline-block; cursor: pointer;}
#info a:hover{color: #639bce;}
#iup { width: 30px; text-align:center; float:right; margin-top: 3px;}

/*Content*/
#contint {padding:3px; margin:2px; height:522px; text-align:justify;}
#contint.cont0{/border: #2e63a9 solid 1px;}#contint.cont1{/border: #6cc640 solid 1px;}#contint.cont2{/border: #e14784 solid 1px;}#contint.cont3{/border: #c3c124 solid 1px;}#contint.cont4{/border: #a729d0 solid 1px;}#contint.cont5{/border: #d55e22 solid 1px;}
html>body #contint { height:auto; min-height: 538px;}

/*Bloc image*/
#blocimg {float:right;width:300px;height:200px;border: #999999 solid 1px; margin-left:4px; margin-bottom:4px;}