/* Body */
body {background:#3b3b3b;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding:0;text-align:center;}
img {border:none}
table {border:none}
#global {background-color:#cccccc;margin : 0 auto 0 auto;overflow:hidden; padding : 0;text-align : left; width : 950px;  }
#principale {background:#f7f5ec;margin:0;width: 800px;overflow: hidden; }
* html #principale{width: 796px; }
/* Menu */
#menu {border: 0;float: left;list-style-position: outside; 	list-style-type: none;margin:0;overflow: hidden;padding: 0;width: 150px;}	 
#menu .items {background: url("logo.gif") no-repeat; border:0;list-style-type:none;margin:0;padding:150px 0 0 0;}
#menu .items li { border: 0; float: none; margin:0; padding: 0;width: 150px;}
#menu .items li a:link,
#menu .items li a:visited {background-color:#666666; color:#ffffff;display:block;margin:0;padding: 4px 0 4px 14px;text-decoration: none;}
#menu .items li a:hover {background-color: #eeeeee;color:#666666;}
#menu .items li a:active {color:#990000;}
#menu .items li.courant a:link,
#menu .items li.courant a:visited {background-color: #333333;}     
#menu h2 {color:#ccc; font-size:10px;margin-top:25px;text-align:center;border-top:1px dotted #ccc;}	  
/* Langue */
#menu  .langue{border:0;list-style-type:none;margin:0;padding:5px;text-align:center;}
#menu  .langue li{display:inline;padding:5px;margin:0;}
div.sous-menu {background:#f0f0f0;margin:0 0 0 150px;font-size:10px;}
div.sous-menu ul{margin:0;padding:10px;}
div.sous-menu ul li{margin: 0 0 0 5px;}
/* Classes des élenments d'articles */
.sc { font-variant: small-caps; }
.centre { text-align:center; }
.gauche { margin: 5px 25px 5px 0; float:left; } 
.droite { margin: 5px 0 5px 25px; float:right; }
.grandeimage {width:50%;min-height:320px; text-align:center;border:#ccc 1px solid;padding:10px 5px;}
.grandeimage .legende {margin:15px 0;text-align:left;color:#666;}
.grandeimage img {max-width:100%;}
.pdf { background-image:url(pdf.gif); background-repeat:no-repeat; padding:0 0 5px 20px; }
.word, .doc { background-image:url(word.gif); background-repeat:no-repeat; padding:0 0 5px 20px; }
.legende { font-size:10px; line-height:1.2em; text-align: center; }
.warning { color:#990000; }
/* Bandeau */
.bandeau {float:none; overflow:hidden; padding:0px; width:800px;margin:0;}
* html .bandeau {width:796px}
/* Article */
#article, #galerie{ background-color:#ffffff;float: none; border: 0;clip:auto;font-size : 12px; line-height:1.6em;margin-left:0; margin-right:0; min-height:200px;  overflow:hidden;  padding:10px; text-align : left;}
#article.plusoutils { float:left; width:596px;}
* html #article {overflow:auto;height:300px;width:776px;overflow:visible;}
#DeuxCols { float : left; margin: 10px; width : 40%;}
h1{color: #990000;font-size: 16px;font-weight:700; margin: 0px;padding: 0 0 10px 15px;}
h2,h2 a{font-size: 14px;font-weight:700;color: #8e6c1d;margin: 0 0 0 0;padding: 10px 0 3px 0;clear:left;}
h2 a:hover{color: #99aabb;text-decoration: underline; }
h2 a:active{color: #66aaee;text-decoration: underline; }
h3,h3 a{font-size: 12px;font-weight:700;color: #5a390f;margin: 5px 0 0 0;padding: 10px 0 3px 10px;clear:left;}
h3 a:hover{color: #99aabb;text-decoration: underline; }
h3 a:active{color: #66aaee;text-decoration: underline; }
p{padding: 2px 0 0 0;margin: 5px 0 0 0; }
pre { background-color:#F2F2F5; font-family:Courier,"Courier New",monospace;padding: 2px 0 0 0;margin: 5px 0 0 0; }		
a{color: #336699; 	font-weight: 700; 	text-decoration: none; 	}
a:hover{color: #99bbdd; 	font-weight: 700; 	text-decoration: underline; 	}
a:active{color: #66aaee; 	font-weight: 700; 	text-decoration: underline; 	}
#article ul.menuarticle {list-style-type:none;text-align:right;background-color:#d9d9d9;border-bottom:1px solid #4a4a4a;white-space : nowrap;margin:0 0 20px 0;}
#article ul.menuarticle li{border-top:1px solid #4a4a4a;border-left:1px solid #4a4a4a;border-top:1px solid #4a4a4a;border-right:1px solid #4a4a4a; display:inline;padding:3px; margin:0;}
#article ul.menuarticle li.courant{background:#fff;}
#article ul.menuarticle a{color:#3b3b3b}
#article ul.menuarticle .courant a { color:#b04f4f; } 
/*----------------------------Galerie--------------------------*/
#galerie ul.menugalerie {background:#f1f1f1;width:40%; float:right; padding:10px;margin-top:30px;list-style-type:none;}
#galerie ul.menugalerie li{border:1px solid #cccccc;float:left;width:82px; padding:3px;overflow:hidden;text-align: center;background:#fff;margin:5px;}
#galerie ul.menugalerie li.aide {border: none;color:#999;display:block;width:98%;clear:both;font-size:10px;font-style:italic; line-height:1.2em;padding :0; text-align: center;}
/*----------------------------Evenements----------------------*/
#actu{float: left;width:48%;border:1px solid #cccccc;margin-right:10px;padding:0;background:#fff;}
#actu h2 {margin:0 0 20px 0;background-color:#bbcc44;border-bottom:1px solid #666;padding:0;height:16px;}
#actu h2 a {border-bottom:1px solid #FFFFFF;border-left:1px solid #de8;
font-size:12px;padding:3px 6px; background:#FFFFFF none repeat scroll 0 0; 
border-right:1px solid #de8; border-top:1px solid #de8; }
#actu p {padding:0 5px;text-align:left;font-size:12px;line-height:16px;}
#actu p.titre {font-size:14px; font-weight:700;}
#actu p.suite {font-size:10px; font-weight:100;text-align:right;font-style:italic;}
/*----------------------------Programmation----------------------*/
#prochainement{border:1px solid #cccccc;clip:auto;min-width:48%;overflow:hidden;padding:0;background:#fff;}
* html #prochainement {width:380px;}
#prochainement h2 {margin:0;background-color:#990033;border-bottom:1px solid #666;padding:0;height:16px;}
#prochainement h2 a {border-bottom:1px solid #FFFFFF;border-left:1px solid #ecc;font-size:12px;padding:3px 6px; 
background:#FFFFFF none repeat scroll 0 0; border-right:1px solid #ecc; border-top:1px solid #ecc; }
#prochainement p {margin:0 0 0 5px;font-size:12px;}
#prochainement p.date {margin:0 0 0 15px;color:#666666;font-size:8px;font-style:italic;}
/* Outils */ 
#outils,.outils, .menuinterne { width:155px; float:right; font-size:10px;line-height:1.2em;padding:10px 2px;text-align:left; clear:right; } 
.outils h3, .outils .titre, .menuinterne .titre {font-size:12px;margin:0;padding:10px 0 5px 5px;font-weight:700;}
.outils .titre a, .menuinterne h2.titre a {font-size:12px;margin:0;padding:10px 0 5px 5px;font-weight:700;color:#000000;}
.outils ul, .menuinterne  ul {list-style-type: none;margin:0;padding:0;} 
.outils li, .menuinterne  li {padding-left:20px;margin:0;}
.outils #box ul {list-style-type:none;margin:5px 0; padding: 0;}
.outils #box ul li{margin:0 0 0 10px; padding:3px 0 3px 25px;}
.parfums{margin:0;padding:0 0 0 10px;}
.parfums li {display:inline;}
.parfums li a{position:relative;z-index:24;}
.parfums li a:hover{z-index:25;}
.parfums li a span {display:none;}
.parfums li a:hover span {display:block; position:absolute;    
    top:2em;right:0;
    border:1px solid #666;
    background-color:#fff;
    text-align: justify;
    padding:1px;
}
.parfums li a img {border:1px solid #666;}

/* Pied */
#piedPage { background-color:#d9d9d9; list-style:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-align:center; color:#3b3b3b; clear:both; border:0; margin:0 0 0 150px; }
* html #piedPage { margin : 0 0 0 153px; }
#piedPage a { margin:0; font-size:10px; color:#3b3b3b; font-weight:bold; text-decoration:none; }
#piedPage a:hover { color:#992222; }
#piedPage li { list-style-position:outside; display:inline; padding:5px;margin:0; }
/* references*/
#references {list-style:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:bold; text-align:center; color:#3b3b3b; clear:both; border:0; margin:25px 0 0 150px; }
#references li { list-style-position:outside; display:inline; padding:5px;margin:0; }