/* --- PAGE --- */
body {color:#65455A;font: 11px verdana, arial, sans-serif;background: #CCC;}
#all {left:0;width: 100%;/*border:solid 1px red;*/
background: #CCC url(images/body.png) top left  no-repeat;
margin-left:-10px;
margin-top:-10px;
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #main{
height: 8em;
}

}
#allbg {}

/* --- TETIERE --- */
#header {position:relative;text-align:right;width:800px;height:0px;}
#logo {position:absolute;top:10px;left:40px;}
#languages {position:absolute;top:10px;left:710px;}

/* --- PIED DE PAGE --- */
#footer {clear:all;text-align:center;margin-top:20px;padding-top:5px;padding-bottom:5px;font: 10px verdana, arial, sans-serif;color:#000;/*border:solid 1px blue;*/ background-color:#976887;}
#footer a {/* color: #F47E33; */ }
#footer p {font:10px verdana, arial, sans-serif;}

/* --- CONTENU --- */
#content {text-align:left;}
#main {margin-left:480px;padding:0 20px 0 30px;/*border:solid 1px orange;*/min-height:8em; min-height:650px;
height:auto;}
#ariane {margin-top:10px;font-size:10px;}
#liensuivant {float:right;padding-right:20px;}
.article {width:510px;border:solid 1px black;}
.space {height:10px;width:510px;clear=all}

/* --- MENU RUBRIQUE --- */
div#menutop {height:22px; background:#6B6350; text-align:left;}
div#menutop a {color:#FFF; font-weight:bold; font-size:11px;}
div#menutop ul {padding: 0; margin:0px; background: #6B6350;}
div#menutop li:hover {background: #A48A77;}
div#menutop li.sousmenu:hover {background: #A48A77;}
div#menutop ul li {position:relative; list-style:none; border-left:1px solid #A48A77; float:right;}
div#menutop ul.niveau2 li {float:left;}
div#menutop ul.niveau2 a { font-weight:normal; }
div#menutop ul ul {position:absolute; display:none;}
div#menutop li a {text-decoration:none; padding: 4px 6px 4px 6px; display:block; }
div#menutop li.sousmenu:hover ul.niveau2 {display:block;}


/* --- NAVIGATION --- */
#search_footer {font: 14px verdana, arial, sans-serif;color:#DDD;}

/* --- TEXTES --- */
h1 {margin-top:30px;font: bold 18px verdana, arial, sans-serif;}
h2 {font: bold 14px verdana, arial, sans-serif;}
p, td, li {font: 12px verdana, arial, sans-serif;}
a:link {color:#422F4A;text-decoration:none;}
a:visited {color:#422F4A;text-decoration:none;}
a:hover {color:#FFF;text-decoration:underline;}
.petit {font: 11px verdana, arial, sans-serif;color:#422F4A;}
.right {text-align:right;}
.center {text-align:center;}
select {font-size:9pt;}
input {font-size:9pt;}
hr {height:1px;}

/* --- MESSAGES --- */
.erreur {font: 12px verdana, arial, sans-serif;background-color:#FCC;padding:3px;color:#F00;margin-bottom:10px;border:solid 1px #F00;}
.succes {font: 12px verdana, arial, sans-serif;background-color:#CFC;padding:3px;color:#390;margin-bottom:10px;border:solid 1px #390;}
.info {font: 11px verdana, arial, sans-serif;background-color:#EEE;padding:10px;color:#999;margin-bottom:10px;border:solid 1px #CCC;}

/* --- IMAGES - GALERIES --- */
img {border:none;}
.galerie {clear:both;}
.vignette {padding:0px;border:solid 2px #FFF;float: left; padding:5px; text-align:center;background-color:#65455A;}
.vignette a:hover {text-decoration:none; color:#FFF;}
.vignette a {text-decoration:none; color:#FFF;}
.vignette_pdf {width:75px;height:75px;margin: 2px 15px 10px 0;}

/* --- LIENS --- */
#liens {border:solid 1px purple;width:600px;height:120px;}
.lien {clear:all;}
#liens h3 {}
#liens p {}
#liens a {}

/* --- ACTUALITES DEFILANTES --- */
#div_container {border:solid 1px #65455A; padding:0px;width:500px; height:140px; overflow:hidden;position:absolute; margin-bottom:20px; }


/* --- DIAPORAMA --- */
#diaporama{position:absolute;}
.mask{margin-left:-30px;position:relative;width:600px;height:400px;overflow:hidden;}
.mask img{position:absolute;display:block;}