body { color: #cff; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #036; background-image: url(navigation/bg.gif); text-align: justify; margin: 0 }
H2 { color: yellow; font-size: 16px; font-family: Verdana, Arial, sans-serif; font-style: normal; font-weight: bold }
a  { color: #cc2e00; font-weight: bold; font-size: 10px; font-family: Verdana, sans-serif; text-decoration: none }
a:visited { font-weight: bold; font-size: 10px; font-family: Verdana, sans-serif; text-decoration: none }
a:hover { color: #ffc; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none }
#advertising { height: auto; width: 120px; left: 810px; top: 0; position: absolute; visibility: visible; }
#wrapper { width: 800px }



/**/
/* navigation principale */
/**/
#menu { background-image: url(navigation/menu_bg.gif); text-indent: -9999px; width: 800px; height: 44px }
#home, #home a:link, #home a:visited { background-image: url(navigation/menu_mauritanie.gif); background-repeat: no-repeat; width: 210px; height: 44px; float: left }
#carnet a:link, #carnet a:visited { background-image: url(navigation/menu_carnet.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 88px; height: 44px; float: left }
#carnet a:hover { background-image: url(navigation/menu_carnet.gif); background-repeat: no-repeat; background-position: 0 0; width: 88px; height: 44px; float: left }
#galerie a:link, #galerie a:visited { background-image: url(navigation/menu_galerie.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 94px; height: 44px; float: left }
#galerie a:hover { background-image: url(navigation/menu_galerie.gif); background-repeat: no-repeat; background-position: 0 0; width: 94px; height: 44px; float: left }
#pratique a:link, #pratique a:visited { background-image: url(navigation/menu_pratique.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 106px; height: 44px; float: left }
#pratique a:hover { background-image: url(navigation/menu_pratique.gif); background-repeat: no-repeat; background-position: 0 0; width: 106px; height: 44px; float: left }
#liens a:link, #liens a:visited { background-image: url(navigation/menu_liens.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 78px; height: 44px; float: left }
#liens a:hover { background-image: url(navigation/menu_liens.gif); background-repeat: no-repeat; background-position: 0 0; width: 78px; height: 44px; float: left }
#contact a:link, #contact a:visited { background-image: url(navigation/menu_contact.gif); background-repeat: no-repeat; background-position: 0 -44px; width: 42px; height: 44px; float: right }
#contact a:hover { background-image: url(navigation/menu_contact.gif); background-repeat: no-repeat; background-position: 0 0; width: 42px; height: 44px; float: right }
/**/
/*Sousnavigation
*/
/**/
#sousnav { background-image: url(navigation/sousnav_bg.gif); text-align: left; width: 800px; height: 19px }
#sousrub { display: inline; float: left }
#sousrub_liste { display: inline; padding-top: 2px; float: left }
#sousrub_liste ul, #sousrub_liste li { text-align: left; display: inline; padding: 0; vertical-align: middle }
#sousrub_liste a:link { color: #cc2e00; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none; display: inline }
#sousrub_liste a:visited { color: #cc2e00; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold; text-decoration: none; display: inline }
#sousrub_liste a:hover { color: #ffc; font-size: 10px; font-family: Verdana, sans-serif; font-weight: bold; font-size: 10px; text-decoration: none; display: inline }
/**/
/*vignettes*/
/**/
#vignettes { width: 800px; border-bottom: 1px solid #f2bf4f }
#vignettes img { display: inline; padding: 8px 4px; width: 80px; height: 53px; float: right; border-style: none none none solid; border-width: 0 0 0 1px; border-color: #f2bf4f }
/**/
/*Main
*/
/**/
#main { padding-top: 20px; width: 800px; clear: both; vertical-align: top; border-top: 1px solid #f2bf4f }
#texte { position: absolute; top: 152px; left: 10px; width: 280px; float: left }
#display { width: 500px; height: 400px; float: right }
#display img { display: inline }
.legende { background-color: #c83200; border: solid 5px #c83200 }
#photo_01  { background-color: #000; position: absolute; top: 152px; left: 300px; width: 500px; height: 600px }
#photo_02 { position: absolute; top: 152px; left: 300px; width: 500px }
#photo_03 { position: absolute; top: 152px; left: 300px; width: 500px }
#photo_04 { position: absolute; top: 152px; left: 300px; width: 500px }
#photo_05 { position: absolute; top: 152px; left: 300px; width: 500px }
.copyright, .copyright a:link, .copyright a:visited { color: #fff; text-decoration: none; text-align: center }
.copyright a:hover { color: #c83200; text-decoration: none; text-align: center }