@charset "iso-8859-1";
/* CSS Document */
<style type="text/css">

body {
background: white;
padding:0;
margin:0;
font-family: verdana, arial, sans-serif;
font-size: 90%;
color: black;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menuV {
position: absolute;
top: 120px;
left: 12px;
width: 125px;
z-index: 3;
}

#menuV dt {
cursor: pointer;

height: 20px;
line-height: 20px;
margin: 10px 0;
border: 0px solid gray;
text-align: center;
font-weight: bold;
}

#menuV dd {
position: absolute;
z-index: 5;
left: 8em;
margin-top: -1.4em;
width: 10em;
background:  #B6D3D3;
border: 1px solid gray;
}

#menuV ul {
padding: 2px;
}
#menuV li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;

}
#menuV li a, #menuV dt a {
color: #000;
text-decoration: none;
display: block;
}


#menuV li a:hover, #menuV dt a:hover {
background: #eee;/* Couleur du fond des rectangles lien quand ils sont survolés*/
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}
#mentionsV {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentionsV a {text-decoration: none;
color: #222;
}
#mentionsV a:hover{text-decoration: none;
}
#menuVB {
position: absolute;
top: 591px;
left: 12px;
width: 125px;
}

#menuVB dt {
cursor: pointer;
background: #F8C47C;
height: 20px;
line-height: 20px;
margin: 10px 0;
border: 0px solid gray;
text-align: center;
font-weight: bold;
}

#menuVB dd {
position: absolute;
z-index: 100;
left: 8em;
margin-top: -1.4em;
width: 10em;
background:  #F9BF73;
border: 1px solid gray;
}

#menuVB ul {
padding: 2px;
}
#menuVB li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;
}
#menuVB li a, #menuV dt a {
color: #000;
text-decoration: none;
display: block;
}

#menuVB li a:hover {

background: #eee;
}


#mentionsVB {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentionsVB a {text-decoration: none;
color: #222;
}
#mentionsVB a:hover{text-decoration: none;
}
#menuV1 {
position: absolute;
top: 60px;
left: 800px;
width: 200px;
}
#menuV1 dt {
cursor: pointer;

height: 20px;
line-height: 20px;
margin: 10px 0;
border: 0px solid gray;
text-align: center;
font-weight: bold;
}

#menuV1 dd {
position: absolute;
z-index: 5;
left: 8em;
margin-top: -1.4em;
width: 10em;
background:  #B6D3D3;
border: 1px solid gray;
}

#menuV1 ul {
padding: 2px;
}
#menuV1 li {
text-align: center;
font-size: 85%;
height: 18px;
line-height: 18px;

}
#menuV1 li a, #menuV1 dt a {
color: #000;
text-decoration: none;
display: block;
}


#menuV1 li a:hover, #menuV1 dt a:hover {
background: #eee;/* Couleur du fond des rectangles lien quand ils sont survolés*/
}
#mentionsV1 {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentionsV1 a {text-decoration: none;
color: #222;
}
#mentionsV1 a:hover{text-decoration: none;
}
.blocgc {
background-color: #75ACAC;/* Bloc haut gauche*/
height: 50px;
width: 30px;
margin-left: 5px;
margin-top: 10px;
}
#blocdh1 {
background-color: #75ACAC;/* Bloc Vote*/
height: 20px;width: 200px;
margin-left: 10px;
margin-top: 130px;
text-align: center;

font-weight: bold;
z-index: 5;
}
#blocdh {background-color:#75ACAC;/* Bloc Calendrier*/
height: 160px;
width: 180px;
margin-left: 10px;
margin-top: 40px;
; top: 350px; clip:  rect(   )
}
#blocdc {
background-color: #75ACAC;/* Bloc Météo*/
height: 100px;width: 180px;
margin-left: 10px;
margin-top: 100px;
font-size: 18;
font-weight: bold;
color: #FFFFFF;
}
#blocdb1 {
background-color: #75ACAC;/* Bloc Route*/
height: 10px;
width: 180px;
margin-left: 10px;
margin-top: 10px;
text-align: center;
}
.blocgb1 {background-color: #75ACAC;height: 100px;width: 10px;margin-left: 10px;margin-top: 500px;}

</style>