body{
	color:white;/*le site écrit en blanc par défaut*/
	background-color:#E6E6E6; /*couleur de fond gris clair*/
	font-family: "Century Gothic",arial, sans-serif; /*famille de police*/
}

a{
text-decoration:none;
color: #C1A35D;
}
a:hover{
text-decoration:underline
}

/*Bloc central-------------------------------------------------*/
#boite{
	position:relative;
	color:white;
	background-color: #3F2F37; /*couleur violine*/
	width:850px; /*dimensions 850 px largeur, 520 px hauteur*/
	height:520px; /*Compatibilité IE7 1024*768*/
	margin-left:auto; /*centré*/
	margin-right:auto;
	margin-top: 15px; /*marge du haut de 15 pixels*/
	z-index: 10;
}
p{
margin:0;
padding:5px;
}

/*les listes---------------------------------------------------*/
dt, dl, dd, ul, li {
list-style-type: none;/*pas de décorations*/
margin: 0 15px 0 0; /*important pour que le sous-menu soit sous le menu*/
padding: 0;
}




/*Menu----------------------------------------------------------*/
#menu{ /*le menu prend toute la largeur*/
	/*width:830px;*/
	height: 50px; /*il fait 50 px de haut*/
	padding: 15px;/*marge intérieur haute de 10px*/
	margin:auto;
	font-size:15px;/*-------------New-----------*/
	letter-spacing:1px;/*-------------New-----------*/
	z-index: 100;/*pour que les menus soient dessus le reste*/

	}

#menu dl {
float: left;
}

#menu ul{
background:#3F2F37;
border: 1px solid gray;
z-index: 101;

}
#menu li {
display: block; /*inline si on les veut horizontalement*/
/*background-color:#3F2F37;*/
padding-left:5px;
padding-bottom:2px;
padding-top:2px;
}

#menu a {
text-decoration: none;
color: white;

}

#smenu1, #smenu2 { 
position: absolute;
font-size:13px;/
letter-spacing:0px;
}

#smenu1, {
width:200px;
}

#smenu2, {
width:120px;
}

#menu li a, #menu dt a, #gbgauche a, #gbdroite a{
color:white;
text-decoration: none;
}

#menu li a:hover, #menu dt a:hover, #gbgauche a:hover , #gbdroite a:hover{ /*lors du survol*/
color: #C1A35D;
}

/*Pied*/
#pied{
	font-size:80%;
	padding: 1px;
	color: #3F2F37;
	width:850px;	height: 20px; /*dimensions 850 px largeur, 520 px hauteur*/
	margin:auto; /*centré*/
}

#pied a{
	color:#3F2F37;
	text-decoration:none,
	}

#pied a hover{
	text-decoration:underline;
	display:inline-block;
	}
	
/*on place dans la boite un menu en haut et 3 colonnes*/
/*logique 3 colonnes------------------------------------------------------*/
/*les colonnes gauches et dtroites sont construites en parallèle*/

/*COLONNE GAUCHE----------------------------*/
#bgauche{ /*à gauche dans la boite*/
position:absolute;
left:0;
top:80px;
/*border-right: solid white 1px; /*bordure blanche à droite*/
width:275px;/*définition des dimensions*/
height: 440px;
z-index: 3;
}
/*COLONNE DROITE----------------------------*/
#bdroite{
position:absolute;
right:0;
top:80px;
/*border-left: solid white 1px; */
width: 275px; /*définition des dimensions*/
height: 440px;
z-index: 2;
}

/*COLONNE CENTRE----------------------------*/
#bcentre{ /*au centre dans la boite*/
margin-left: 280px;
margin-right: 280px;
height: 440px;
z-index: 1;
}

/*quand colonne droite plus grande+++++++++++++++++++++++++++++++++++++++++++++++*/
/*COLONNE GAUCHE----------------------------*/
#dbgauche{ /*à gauche dans la boite*/
position:absolute;
left:0;
top:80px;
/*border-right: solid white 1px; /*bordure blanche à droite*/
width:275px;/*définition des dimensions*/
height: 440px;
z-index: 5;
}
/*COLONNE DROITE----------------------------*/
#dbdroite{
position:absolute;
right:0;
top:80px;
border-left: solid white 1px;
width: 575px; /*définition des dimensions*/
height: 440px;
z-index: 4;
}
/*quand colonne droite plus grande+++++++++++++++++++++++++++++++++++++++++++++++*/

/*quand colonne gauche plus grande+++++++++++++++++++++++++++++++++++++++++++++++*/
/*COLONNE GAUCHE----------------------------*/
#gbgauche{ /*à gauche dans la boite*/
	position:absolute;
	border-right: solid white 1px; /*bordure blanche à droite*/
	width:575px;/*définition des dimensions*/
	height: 440px;
	left: 0;
	top: 80px;z-index: 7;
}
#gbgauche a{
font-size:13px;
}

/*COLONNE DROITE----------------------------*/
#gbdroite{
	position:absolute;
	right:0;
	top:87px;
	/*border-left: solid white 1px; */
width: 275px; /*définition des dimensions*/
	height: 440px;
	z-index: 6;
}
/*quand colonne gauche plus grande+++++++++++++++++++++++++++++++++++++++++++++++*/
/*FIN 3 COLONNES-------------------------------------------------------------*/
.sign{
	color: #604957;
	font-size: 1.5em;
}


/*liens pour les collections avec span nom de la class 'acoll' comme lien de collections*/

.acoll a {
   text-decoration: none; /* définition du lien qui affichera le calque */
	color: White;
		font-size: 0.8em
	   }
.acoll a img{
	margin-top: 5px;
	border: none;

}
	   }
.acoll a:hover {
   background: none; /* correction d'un bug IE */
   }
.acoll a span { /* définition de la balise <span> inclue dans <a> */
   display: none;
   }
.acoll a:hover span { /* définition de la balise <span> au survol */
   display: inline;
	width:200px;
   }

hr{
width:80%;
color:#604957;
margin:10px 0 10px 0;}

.logobas{
	width:255px;
	margin:auto;
	display:block;
	position:absolute;
	bottom:5px;
}
.plaquettebas{

	display:block;
	position:absolute;
	bottom:5px;
	right:5px;
}
h3{
	color: #FFFFFF;
	font-size: 13px;
	font-weight:normal;
	text-align:center;
	}
.auto{
display:block;
border: solid 1px #604957;
width:500px;
height:350px;
margin:auto;
overflow:auto;
font-size:90%;
text-align:justify;
padding:10px;
text-align:justify;
}