body {
color: #000000;
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px
}

#conteneur {
position: relative;
width: 800px;
}

#header
{
position: relative;
background-image: url('../design/header.jpg');
width: 800px;
height: 189px;
}

#menu
{
position: absolute;
font-style: italic;
font-weight: bold;
word-spacing: 2px;

top: 85px;
left: 5px;
}

#menu a 
{
color: #000000;
text-decoration: none;
}

#menu a img
{
border : 0px none;
}

#important
{
position: absolute;
text-align: justify;
background-color: #d2ebff;
border: solid 1px #85afde;

top: 123px;
left: 12px;
width: 502px;
height: 55px;
padding: 2px;
}


#news
{
position: absolute;
margin-left: 170px;
margin-right: 170px;
top: 190px;
width: 420px;
height: 450px;
}

#news div
{
position: relative;
top: 5px;
left: 4px;
width: 395px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 2px #85afde;
border-right: solid 2px #85afde;
border-bottom: solid 2px #85afde;
}

/* Moz Workaround */
#news > div
{
position: relative;
top: -3px;
left: 4px;
width: 395px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 2px #85afde;
border-right: solid 2px #85afde;
border-bottom: solid 2px #85afde;	
}


#news h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-news.jpg') no-repeat
}

/* Moz Workaround */
#news > h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-news.jpg') no-repeat
}

#news h3
{
font-size: 14px;
color: #85afde;
}

#news p
{
font-size: 10px;
color: #000000;
text-align: justify;
}

#news h6
{
font-size: 8px;
color: #36437d;
text-align: right;
}

#gauche
{
position: relative;
top: 0px;
width: 150px;
left: 12px;
}

#gauche div
{
position: relative;
top: -4px;
left: 4px;
background-color: #d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
width: 136px;
margin-bottom: 4px;
}

#gauche h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-rubriques_old.jpg') no-repeat
}

#gauche div#meteo
{
    height: 180px;
}

#gauche div#resultat 
{
font-size: 10px;
color: #000000;
}

#gauche div#resultatH 
{
text-align: center;
font-size: 10px;
color: #000000;
}

#droite
{
position: absolute;
margin-left: 602px;
top: 190px;
width: 150px;
}

#droite div
{
position: relative;
top: -4px;
left: 4px;
width: 136px;
background-color: #d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
margin-bottom: 4px;
}


/* Moz Workaround */
#droite > div
{
position: absolute;
top: 21px;
left: 0px;
width: 136px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
}

#droite h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-rubriques_old.jpg') no-repeat
}

#pages
{
position: relative;
top: 0px;
width: 710px;
left: 12px;
}

#pages h2
{
padding-top: 6px;
padding-left: 25px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-pages.jpg') no-repeat
}

#pages div
{
position: relative;
top: -3px;
left: 4px;
width: 665px;
margin-left: 6px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 2px #85afde;
border-right: solid 2px #85afde;
border-bottom: solid 2px #85afde;
}
*#photos
{
text-align:middle;
}
/* Page principale */
#essai
{
position: absolute;
margin-left: 170px;
margin-right: 170px;
top: 190px;
width: 600px;
height: 450px;
}

#essai div
{
position: absolute;
top: 22px;
left: 4px;
width: 575px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 2px #85afde;
border-right: solid 2px #85afde;
border-bottom: solid 2px #85afde;
font-size: 10px;

}

#essai > div
{
position: relative;
top: -3px;
left: 4px;
width: 575px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 2px #85afde;
border-right: solid 2px #85afde;
border-bottom: solid 2px #85afde;
font-size: 10px;
	
}

#essai h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-test.jpg') no-repeat
}

#essai h3
{
font-size: 14px;
color: #85afde;
}

#essai p
{
font-size: 10px;
color: #000000;

}


#essai h6
{
font-size: 8px;
color: #36437d;
text-align: right;
}

#droite1
{
position: absolute;
margin-left: 602px;
top: 595px;
width: 150px;
}

#droite1 div
{
position: absolute;
top: 21px;
left: 4px;
width: 136px;
background-color: #d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
margin-bottom: 4px;
}


/* Moz Workaround */
#droite1 > div
{
position: absolute;
top: 21px;
left: 0px;
width: 136px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
}

#droite1 h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-rubriques_old.jpg') no-repeat
}

#droite2
{
position: absolute;
margin-left: 602px;
top: 777px;
width: 150px;
}

#droite2 div
{
position: absolute;
font-size: 10px;
top: 21px;
left: 4px;
width: 136px;
background-color: #d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
margin-bottom: 4px;
}


/* Moz Workaround */
#droite2 > div
{
position: absolute;
font-size: 10px;
top: 21px;
left: 0px;
width: 136px;
margin-left: 4px;
margin-right: 4px;
background-color:#d2ebff;
border-left: solid 1px #85afde;
border-right: solid 1px #85afde;
border-bottom: solid 1px #85afde;
}

#droite2 h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-rubriques_old.jpg') no-repeat
}

/* Moz Workaround */
#droite2 > h2
{
padding-top: 4px;
padding-left: 10px;
border: 0px none;
margin: 0;
font-size: 10px;
height: 21px;
background: url('../design/titre-rubriques_old.jpg') no-repeat
}