@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: CaviarDreams;
    font-style:  normal;
    font-weight: normal;
	  src: url('caviardreams-webfont.eot?') format('eot'),
         url('caviardreams-webfont.woff') format('woff'),
         url('caviardreams-webfont.ttf') format('truetype'),
         url('caviardreams-webfont.svg#webfontwrbuBcUr') format('svg');
}


body
	{
	margin:0px;
	padding:0px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#727C7E;
	}
img
	{
	border:0;
	}
a
	{
	text-decoration:none;
	color:#FFFFFF;
	}
a:hover
	{
	text-decoration:underline;
	}
p

	{
	margin:0;
	padding:0;
	margin-bottom:10px;
	}
	
#page
	{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	}
#colonne-gauche
	{
	width:220px;
	height:auto;
	padding-right:30px;
	float:left;
	}
#colonne-droite
	{
	width:640px;
	height:auto;
	float:left;
	}
#texte
	{
	width:730px;
	height:auto;
	}
#texte-gauche
	{
	float:left;
	height:auto;
	}
#book
	{
	width:300px;
	height:100px;
	float:left;
	}
#images
	{
	width:730px;
	height:auto;
	padding-top:20px;
	}
#contenu
	{
	width:550px;
	height:auto;
	padding-top:40px;
	}

#menu
	{
	width:185px;
	height:auto;
	padding-top:30px;
	font-family:Arial,Helvetica,sans-serif;
	}
#nav-recherche
	{
	width:220px;
	height:auto;
	font-family:Arial,Helvetica,sans-serif;
	margin-top:20px;
	margin-bottom:10px;
	padding-top:10px;
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	}
#contactez_nous
	{
	width:220pxpx;
	height:auto;
	padding-top:10px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	}
#footer
	{
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	clear:both;
	
	}
#pagination
	{
    clear: both;
    font-family: CaviarDreams,Arial,Helvetica,sans-serif;
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: right;
    width: 100%;
	}
h1
	{
	font-family:CaviarDreams,Arial,Helvetica,sans-serif;
	font-size:30px;
	font-weight:normal;
  padding:0px;
	margin:0px;
	
	}
h2
	{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	color:#E389BF;
	
	}
h2 a
	{
	color:#E389BF;
	
	}
h3
	{
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
	
	}
h3 a
	{
	color:#FFFFFF;
	}
h4
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color:#333333;
	}
h4 a
	{
	color:#333333;
	}
form
	{
	padding:0px;
	margin:0px;
	}
	
	
.social
{
  padding:0px;
}

.element-menu
	{
	width:185px;
	height:auto;
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	margin-top:5px;
	padding-top:5px;
	font-size:14px;
	}
.cadre
	{
	width:80px;
	height:80px;
	padding:13px 12px 11px 12px;
	background:url(IMG/fond_image.jpg) no-repeat top left;
	float:left;
	
	}
	
.cadre2
	{
	width:180px;
	height:160px;
	padding-top:20px;
	background-image:url(IMG/fond_image_3.jpg);
	background-repeat:no-repeat;
	float:left;
	}
.image
	{
	width:133px;
	height:120px;
	padding-left:20px;
	padding-right:17px;
	overflow:hidden;
	}
.loupe
	{
	width:130px;
	padding-left:20px;
	padding-right:20px;
	height:auto;
	color:#666666;
	}
.actu
	{
	width:480px;
	height:72px;
	padding-left:15px;
	padding-right:15px;
	padding-top:14px;
	padding-bottom:25px;
	background-image:url(IMG/fond_actu.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	clear:both;
	color:#333333;
	}
.actu a
	{
	color:#333333;
	}
.grand-cadre
	{
	width:480px;
	height:140px;
	padding-left:20px;
	padding-right:20px;
	padding-top:22px;
	padding-bottom:25px;
	background-image:url(IMG/fond_cadre.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	clear:both;
	color:#333333;
	}
.grand-cadre a
	{
	color:#333333;
	}
.actu a
	{
	color:#000000;
	}
.spacer
	{
	width:100%;
	height:0.1px;
	font-size:1px;
	clear:both;
	}
.titre-book
	{
	font-family:CaviarDreams;
	font-size:20px;
	color:#E389BF;
	}
.titre-book a
	{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#E389BF;
	text-decoration:none;
	}
.formulaire-texte
	{
	width:188px;
	height:13px;
	font-size:10px;
	background-color:#727C7E;
	text-align:left;
	color:#FFFFFF;
	border:1px #999999 solid;
	}
.formulaire-texte-blanc
	{
	width:188px;
	height:13px;
	margin-top:3px;
	font-size:10px;
	text-align:left;
	border:1px #999999 solid;
	}
.formulaire-choix
	{
	width:188px;
	height:15px;
	font-size:10px;
	background-color:#727C7E;
	text-align:left;
	color:#FFFFFF;
	border:1px #999999 solid;
	}
select
	{
	width:190px;
	height:17px;
	font-size:10px;
	background-color:#727C7E;
	text-align:center;
	color:#FFFFFF;
	border:1px #999999 solid;
	margin:0px;
	padding:0px;
	}
.photo 
	{
	
	position:relative;
	width:80px;
	height:auto;
	
	}

.photo span  
	{
	display:none;
	}
.photo:hover 
	{
	border:0;
	} 
/* bug IE6 */
.photo:hover span
	{
	display:block;
	position:absolute;
	top:-20px;
	right:-20px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	}
dl, dt, dd, ul, li 
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.rollover
	{
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px;
	}
#menu 
	{
	}
#menu dt 
	{
	cursor: pointer;
	width:185px;
	height:auto;
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	margin-top:5px;
	padding-top:5px;
	font-size:16px;
	font-family:CaviarDreams;
	}
.separation
	{
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	margin-top:5px;
	padding-top:5px;
	}
#menu dd 
	{
	padding-left:10px;
	}
#menu li 
	{
	}
#menu dt a 
	{
	color:#FFFFFF;
	font-size:20px;
	text-decoration:none;
	}
#menu li a 
	{
	color:#FFFFFF;
	font-size:12px;
	text-decoration:none;
	}
#menu li a:hover, #menu dt a:hover 
	{
	color:#FFFFFF;
	text-decoration:underline;
	}
.zoom
	{
	width:120px;
	height:120px;
	background-color:#FFFFFF;
	}
.mentions
	{
	font-size:10px;
	font-style:italic;
	}
.mentions a
	{
	font-size:10px;
	font-style:italic;
	color:#666666;
	}
a.info_bulle span
{
  display : none; /* Rend invisible tout notre bloc span */
}     
a.info_bulle
{				
  text-decoration : none;    /* Aucun soulignement du texte */
position : relative; /* Indispensable pour le bon positionnement de l'info-bulle */       
            
}       

a.info_bulle:hover span
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  background     : #FFFFFF;   /* Définition du fond, sinon on a le même que notre lien */
  border         : 1px solid #999999; /* Définition des bordures */
  padding        : 6px;       /* Définition des marges intérieures */	  
  font-size      : 11px;
  width          : 150px;     /* On fixe une largeur par défaut */
  
  color          : #000;      /* Réinitialisation de la couleur du texte */
  
  text-align     : justify;   /* Justification du texte */	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : 10px;     
  left           : 1px;
}      
a.info_bulle:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}            
.aussi 
	{
	cursor: pointer;
	width:185px;
	height:auto;
	border-top-color:#999999;
	border-top-style:dashed;
	border-top-width:1px;
	margin-top:5px;
	padding-top:5px;
	font-size:11px;
	}      
#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:10;
	opacity:0.5;
	filter: alpha(opacity=50);
}


#box 
{
	display: none;
	position: absolute;
	top: 25%;
	left: 40%;
	width: 330px;
	height: 180px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
	color:#000000;
}
#box2 
{
	display: none;
	position: absolute;
	top: 25%;
	left: 40%;
	width: 330px;
	height: 190px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
	color:#000000;
}
#box3 
{
	display: none;
	position: absolute;
	top: 25%;
	left: 40%;
	width: 400px;
	height: 300px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
	color:#000000;
}
#boxtitle
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:330px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	background-color: #727C7E;
	color:white;
	text-align:center;
}
#boxtitle2
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:330px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	background-color: #727C7E;
	color:white;
	text-align:center;
}
#boxtitle3
{
	position:absolute;
	float:center;
	top:0;
	left:0;
	width:400px;
	height:24px;
	padding:0;
	padding-top:4px;
	left-padding:8px;
	margin:0;
	background-color: #727C7E;
	color:white;
	text-align:center;
}

#box_ajout 
{
	display: none;
	position: absolute;
	top: 25%;
	left: 40%;
	width: 330px;
	height: 100px;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:101;
	overflow: none;
	color:#000000;
	text-align:center;
}