/* CSS Document */
body
{
	/*background-color:#CC99FF;*/
	background-image:url(../images/background_maille.jpg);
	background-repeat: repeat;
	margin-left: 0px;
	font-family:Verdana;
	font-size:12px;
}

.StyleTitre {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

.StyleTexte {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.StyleMini {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
}

.StyleNB {
	font-family: Arial, sans-serif;
	font-size: 12px;
	background-color: #FFFFCC;
}

.StyleReglage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.StyleCopy {
	font-family: Arial, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	color: #000000;
}
.StyleReference {
	font-family: Arial, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: lighter;
	color: #CC99FF;
	text-align: center;
}

.StyleLien {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
	background-color: #5C5C5C;
}

.StyleLien:hover {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFE0;
	text-decoration: none;
	background-color: #5C5C5C;
}

.StylePG {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
	background-color: #5C5C5C;
}

.StylePG:hover {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #FFFFE0;
	text-decoration: none;
	background-color: #5C5C5C;
}

.StyleNum {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	text-decoration: none;
	background-color: #5C5C5C;
}

.StyleNum:hover {
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFE0;
	text-decoration: none;
	background-color: #5C5C5C;
}

.StyleBG {
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
font-family: Verdana, sans-serif;
}

.StyleImg {
font-size:16px;
border: 1px solid #5C5C5C;
position:relative;
top:0px;
}

.StyleImg:hover {
font-size:16px;
border: 1px solid #5C5C5C;
position:relative;
top:0px;
}

.StyleH { /*hauteur espace*/
font-size:16px;
}

.StyleH:hover { /*hauteur espace*/
font-size:16px;
}
 
/* CSS MiniFenetre */
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{
border: none;
}

#outerImageContainer{
position: relative;
background-color: #FFFFE0;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
	
/* CSS MiniFenetre_fond */
#imageContainer>#hoverNav{
left: 0;
}

#hoverNav a{
outline: none;
}

#imageDataContainer{
font: 12px Verdana, sans-serif;
background-color: #FFFFE0;
margin: 0 auto;
line-height: 1.4em;
}

#imageData{
padding:0 10px; color: #000000;
}

#imageData #imageDetails{
width: 70%;
float: left;
text-align:
left;
}

#imageData #caption{
font-weight: bold;
}

#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
}
        
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #222222;
}

/* Clearfix */  
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

/******************************/
.Box-annonce-orange {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_orange.gif) bottom left no-repeat;
}

.Box-annonce-vert {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_vert.gif) bottom left no-repeat;
}

.Box-annonce-gris {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_gris.gif) bottom left no-repeat;
}

.Box-annonce-rouge {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_rouge.gif) bottom left no-repeat;
}

.Box-annonce-bleu {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_bleu.gif) bottom left no-repeat;
}

.Box-annonce-marron {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_marron.gif) bottom left no-repeat;
}

.Box-annonce-violet {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_violet.gif) bottom left no-repeat;
}

.Box-annonce-mauve {
width:624px;
padding:0 0 2px 2px;
margin:0px auto;
background:url(../Images/encart_mauve.gif) bottom left no-repeat;
}

.Box-annonce-encart1 {
width:673px;
padding:0 0 0 0;
margin:0px auto;
background:url(../Images/encart1.gif) bottom left no-repeat;
}

.Box-annonce-encart2 {
width:550px;
padding:0 0 0 0;
margin:0px auto;
background:url(../Images/encart2.gif) bottom left no-repeat;
}

.Box-annonce-encart3 {
width:803px;
padding:8px 0 0 0; /* haut - droite - bas - gauche */
margin:0px auto;
background:url(../Images/encart3.gif) bottom left no-repeat;
}