/* CSS Document */

/*
   ==================== 
   STYLE GENERIQUE HTML 
   ==================== 
*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-shadow-color: #524142;
	scrollbar-highlight-color: #9C8A84;
	scrollbar-3dlight-color: #666666;
	scrollbar-darkshadow-color: #524142;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #FF9933;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
a:link {
	text-decoration: none;
	color: #999999;	
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
ul {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal;
	font-weight: lighter;
	line-height: normal;
	color: #999999;
	text-align: left;
	list-style-position: inside;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: lighter;
	line-height: normal;
	color: #999999;
	text-align: justify;
	list-style-position: outside;
	list-style-type: disc;
}
.listmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left;
}
.listmenuclair {
	font-family: Arial, Helvetica, sans-serif;
	color: #BBBBBB;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left;
}
.vselect {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left;
}
.liste12 {
	font-size: 12px;
}
.liste15 {
	font-size: 15px;
}.cdefenetre {
	font-size: 14px;
}
.cdefenetregriscl {
	font-size: 14px;
	color: #CCCCCC;
}
/*
   ============== 
   Centrage ecran 
   ============== 
*/
#pagecentrage {
	position: relative;
	top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	height: 600px;
	width: 100%;
	text-align: center;
	z-index: 1;
	background-image: url(accueil-img/fond.jpg);
	background-repeat: repeat;
	background-position: center top;
}
#pagearea {
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: 1000px;
	z-index: 2;
}
/* =============================== */ 
/* SOUS-TITRES DES PAGES COURANTES */
/* =============================== */ 
#soustitrepage {
	position: absolute;
	left: 270px;
	top: 186px;
	width: 518px;
	height: 40px;
	background-image: url(../page-courante-img/filet-sous-titre.jpg);
	background-repeat: repeat-x;	
	z-index: 3;
	visibility: visible;
}
#soustitreatelier {
	position: absolute;
	left: 492px;
	top: 186px;
	width: 296px;
	height: 40px;
	z-index: 3;
	visibility: visible;
}
#soustitregalerie {
	position: absolute;
	left: 369px;
	top: 186px;
	width: 389px;
	height: 40px;
	background-image: url(../page-courante-img/filet-sous-titre.jpg);
	background-repeat: repeat-x;	
	z-index: 3;
	visibility: visible;
}
#soustitrementions {
	position: absolute;
	left: 270px;
	top: 186px;
	width: 518px;
	height: 30px;
	background-image: url(../page-courante-img/filet-sous-titre.jpg);
	background-repeat: repeat-x;	
	z-index: 3;
	visibility: hidden;
}
#soustitrementionsatel {
	position: absolute;
	left: 492px;
	top: 186px;
	width: 296px;
	height: 30px;
	background-image: url(../page-courante-img/filet-sous-titre.jpg);
	background-repeat: repeat-x;	
	z-index: 3;
	visibility: hidden;
}
/* =================== */ 
/* SELECTEUR DES MENUS */
/* =================== */ 
#selecteur {
	position: absolute;
	left: 12px;
	top: 187px;
	width: 100px;
	height: 300px;
	z-index: 3;
	visibility: visible;
}
.selecteura {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #999999;
}
.selecteurb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: right;
	padding-right: 4px;
	color: #999999;
}
.selecteurc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: right;
	padding-right: 4px;
	color: #FFFFFF;
}

/* ================ */ 
/* MENUS NAVIGATION */
/* ================ */
#accueil {
	position: absolute;
	left: 12px;
	top: 187px;
	width: 100px;
	height: 50px;
	background-color: #000000;
	z-index: 4;
	visibility: hidden;
}
#bibliographie {
	position: absolute;
	left: 12px;
	top: 237px;
	width: 100px;
	height: 50px;
	background-color: #000000;
	z-index: 4;
	visibility: hidden;
}
#atelier {
	position: absolute;
	left: 12px;
	top: 287px;
	width: 100px;
	height: 50px;
	background-color: #000000;
	z-index: 4;
	visibility: hidden;
}
#expositions {
	position: absolute;
	left: 12px;
	top: 337px;
	width: 100px;
	height: 50px;
	background-color: #000000;
	z-index: 4;
	visibility: hidden;
}
#galerie {
	position: absolute;
	left: 12px;
	top: 387px;
	width: 100px;
	height: 50px;
	background-color: #000000;
	z-index: 4;
	visibility: hidden;
}
#actualites {
	position: absolute;
	left: 12px;
	top: 437px;
	width: 100px;
	height: 50px;
	background-color: #000000;
	z-index: 4;
	visibility: hidden;
}
.blocmenua {
	position: absolute; 
	left: 105px;
	top: 0px;
	width: 135px; 
	height: auto; 
}
/* =========================== */ 
/* ZONE DE DONNEES - SCROLLING */
/* =========================== */ 	
#mentions {
	position: absolute;
	top: 230px;
	left: 270px;
	width: 518px;
	height: 364px;
	overflow: auto;
	z-index: 6;
	visibility: hidden;
}
#contenu {
	position: absolute;
	top: 230px;
	left: 270px;
	width: 518px;
	height: 364px;
	overflow: auto;
	z-index: 6;
	visibility: visible;
}
#contenugalerie {
	position: absolute;
	top: 230px;
	left: 270px;
	width: 518px;
	height: 370px;
	overflow: hidden;
	z-index: 6;
	visibility: visible;
}
.grandtitrea {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #999999;
}
.grandtitreagriscl {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #CCCCCC;
}
.grandtitreablanc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #FFFFFF;
}
.grandtitreb {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #999999;
}
.grandtitrebgriscl {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #CCCCCC;
}
.grandtitrebblanc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #FFFFFF;
}
.grandtitrec {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #999999;
}
.grandtitrecgriscl {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #CCCCCC;
}
.grandtitrecblanc {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #FFFFFF;
}
.grandtitreaweiss {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: lighter;
	color: #FFFFFF;
}
.soustitrea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #999999;
}
.soustitreagriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #CCCCCC;
}
.soustitreacleargrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: lighter;
	color: #CCCCCC;
}
.soustitreablanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	font-weight: lighter;
	color: #FFFFFF;
}
.soustitreb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #999999;
}
.soustitrebgriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #CCCCCC;
}
.soustitrebblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 36px;
	font-weight: lighter;
	color: #FFFFFF;
}
.soustitrec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #999999;
}
.soustitrecgriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #CCCCCC;
}
.soustitrecblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	text-align: left;
	padding-left: 98px;
	font-weight: lighter;
	color: #FFFFFF;
}
.textecouranta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	color: #999999;
}
.textecouragriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	color: #CCCCCC;
}
.textecourablanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	color: #FFFFFF;
}
.textecourantb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 36px;
	color: #999999;
}
.textecourantbgriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 36px;
	color: #CCCCCC;
}
.textecourantbblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 36px;
	color: #FFFFFF;
}
.textecourantc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 98px;
	color: #999999;
}
.textecourantcgriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 98px;
	color: #CCCCCC;
}
.textecourantcblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 98px;
	color: #FFFFFF;
}
.textecourantd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 223px;
	color: #999999;
}
.textecourantdgriscl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 223px;
	color: #CCCCCC;
}
.textecourantdblanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: justify;
	padding-left: 223px;
	color: #FFFFFF;
}
.notaa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
	color: #999999;
}
.notab {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	text-align: justify;
	padding-left: 36px;
	color: #999999;
}
.titretableau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #CCCCCC;
}
/* ==================== */
/* BLOC - PARTIE DROITE */
/* ==================== */
#blocdroite {
	position: absolute;
	left: 822px;
	top: 187px;
	width: 178px;
	height: 413px;
	z-index: 3;
	visibility: visible;
}
.blocnomadresse {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 178px;
	height: 52px;
}
.bloctelephone {
	position: absolute;
	left: 0px;
	top: 52px;
	width: 178px;
	height: 51px;
}
.bloccontact {
	position: absolute;
	left: 0px;
	top: 103px;
	width: 178px;
	height: 34px;
}
.blocannonce {
	position: absolute;
	left: 0px;
	top: 137px;
	width: 178px;
	height: 220px;
}.blocannonce span {
	display: block;
}
.bloclanguementions {
	position: absolute;
	left: 0px;
	top: 357px;
	width: 178px;
	height: 56px;
}
.blocdroita {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #999999;
}
.blocdroitb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #CCCCCC;
}
.blocdroitc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #999999;
}
.blocdroitcb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #CCCCCC;
}
.blocdroitd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	color: #CCCCCC;
}
.blocdroitf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	text-align: left;
	padding-left: 5px;
	color: #999999;
}
.optioncurseur {
	cursor: default;
}