/* CSS Document */

body {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	margin: 20px;
	padding:0;
	background-color: #000;
}
#globalIDX { /* Mise en forme de la page index uniquement*/
	position: relative;
	margin: 0 auto;
	width: 720px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/Marbella_coquelicot.jpg);
	background-repeat: no-repeat;
}
h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
h2 {
	margin: 0;
	padding: 0;
	font-family: "Courier New", Courier, mono;
	font-size: 0.6em;
	color:#999999;
	text-align:center;
}
h3 {
	letter-spacing : 1px;
	margin: 0;
	padding: 0; 
}
h4 {
	font-size: 0.9em;
	text-align:center;
}
h5 {
	font-size: 0.9em;
	text-align:right;
	padding-right: 1.8em;
}
#contenu {
	background-image: none;
	background-repeat: no-repeat;
	background-position: top;
}
#contenu p {
	margin: 0;
}
#blocdroit {
	margin-left: 228px;
	height:534px;
	padding: 0;
}
#blocdroit a {
	text-decoration : underline;
	color: #fff;
}

#blocdroit a span {
float:right;
top:0;
margin: 0;
padding: 0 .5em 0 0;
}
#blocdroit a:hover, #blocdroit a:hover span{
	color: #ff6699;
}
#blocdroit p {
margin: 0;
padding: 0 1.2em;
}
blocdroit.mail a {
	text-decoration : underline;
	color: #ff0099;
}
blocdroit.mail a:hover {
	color: #ff6699;
}
#bottom {
	clear : both;
	padding : 96px 0 0 0;
	background-image: none;
	background-repeat: no-repeat;
}
.table {
	position:relative;
	width: 90%;
}
.clear {
	clear: both;
}
hr {
	visibility: hidden;
}

/* MISE EN FORME du Menu */
/*-----------------------------------------------*/
#navcontainer {
	font-family : Arial,Sans-Serif;
	margin: 0;
	padding-top: 0.6em;
	border-bottom: 1px solid #000;
}
#navlist {
	text-align: right;
	margin: 0;
	padding-right : 3em;
	list-style-type: none;
}
#navlist li {
	padding: 0;
	margin: 0;
	display: inline;
}
#navlist li a {
	text-decoration: none;
	color: #ddd;
	font-size: 0.8em;
	padding: 0 2px;
}
#navlist li a:hover {
	color: #FFBFDC;
	font-size: 110%;
}
#navlist li #navlist {
	color: #FF6699;
	font-size: 1.2em;
}
#navlist li a#current {
	color: #FF6699;
	font-size: 110%;
}
/*subnavlist */
ul#subnavlist { display: none; margin: 0 0 0 300px; white-space: nowrap; top: 2.4em; }
ul#subnavlist li { float: none; }
ul#subnavlist li a
{
padding: 0px;
margin: 0px;
}
ul#navlist li:hover ul#subnavlist
{
display: block;
position: absolute;
font-size: 9pt;
}
ul#navlist li:hover ul#subnavlist li a
{
display: inline;
width: 10em;
border: none;
padding: 2px;
}

/* MISE EN FORME DES COLLECTIONS */
/*-----------------------------------------------*/
h3.news { /* Barre de titre*/
	background : url(images/h3News.jpg) no-repeat;
	border-bottom: 10px;
	border-bottom-color:#CC0000;
	font-variant : small-caps;
	text-align : left;
	font-size : 0.8em;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0;
}
h3.newsevents {
	margin: 0;
	padding : 0 0 1.5em 0;
}
h3.newsdentL { /* Barre de titre*/
	background : url(images/h3dentL.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
h3.newscristal { /* Barre de titre*/
	background : url(images/h3cristal.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
h3.newstatoo { /* Barre de titre*/
	background : url(images/h3tatoo.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
h3.news404 { /* Barre de titre*/
	background : url(images/h3-404.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
h3.newspdv { /* Barre de titre*/
	background : url(images/h3pdv.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
h3.newsqlt1 { /* Barre de titre*/
	background : url(images/h3qlt1.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
h3.newsqlt2{ /* Barre de titre*/
	background : url(images/h3qlt2.jpg) no-repeat;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 1.5em 0;
}
div.news {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 0,8;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0;
}
div.news p {
	text-align : right;
}
div.news a {
	text-decoration : underline;
	color: #fff;
}
div.news a:hover {
	color : #FF6699;
}
img.news {
	text-align:center;
}

/* Mise en forme des images et thumbs*/
/*-----------------------------------------------*/
img {
	background : #fff;
	padding : 1px;
	border : 1px solid #343a46;
}
.right {
float:right;
position:relative;
margin:0 8px 8px 8px;
}
.thumbnail
{
float: left;
width: 104px;
margin: 0 0 15px 0;
padding: 3px;
text-align: center;
}
.thumbnailR
{
float: right;
width: 104px;
margin: 0 0 15px 0;
padding: 3px;
text-align: center;
}
span.left, img.left {
	float : left;
	margin: 0 0.2em 0.2em 0.2em; /* Marges haut droite bas gauche*/
}
span.right, img.right {
	float : right;
	margin : 0.8em;
}
p.right {
text-align : right;
}

#footer{
	position: relative;
	margin: 0.5em auto;
	clear:both;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	border-bottom: 1px dashed #CC0000;
}


/** CATALOGUE GALERIE STYLE
-----------------------------------------------**/
div#galerie {
	position:relative;
	width: 425px ;
	border: 1px solid #FFBFDC ;
	padding: 15px ;
	margin: 10px 0 20px 15px ;
	text-align: center ;
}
h3.galerie { /* Barre de titre*/
	background : url(galerie_pics/pic/h3cata.jpg) no-repeat;
	height: 30px;
	font-variant : small-caps;
	text-align : left;
	font-size : 0.8em;
	margin: 0; /* Marges haut droite bas gauche*/
	padding : 0 0 0 2em;
}

ul#galerie_mini
{
	margin: 0 0 0 1.5em;
	padding: 0 ;
	list-style-type: none ;
}
ul#galerie_mini a
{
	color: #FFBFDC;
	text-decoration:none;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #FFBFDC ;
}
ul#galerie_mini li a:hover img
{
	margin: 2px 1px ;
	border: 1px solid #FF6699;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 1em;
	color: #fff ;
}

dl#photo dd
{
	margin: 0;
}

dl#photo img
{
	border: 1px solid #000 ;
}


/* MAIL STYLES */
/*-----------------------------------------------*/
p#notes {
	border-bottom: 1px dotted #000000;
	padding-bottom: 1em;
}
/*** Mise en forme du formulaire ***/

#inscription {
	border: none;
	margin-left: 0.9em;
	padding: 0;
	width: 29em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	font: bold 1em arial, hevetica, sans-serif;
	font-variant: small-caps;
	color: #ffbfdc;
	background: url(images/back_mail.gif) repeat-x 40px;
	margin: 0;
	padding: 0.2em;
	border: 0;
}
#piedForm {
	text-align: right;
	background: url(images/back_mail.gif);
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
}
#corpForm {
	margin: 0;
	padding: 0.6em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #a6803f;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	color: #A6803F;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0;
}
#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	font : 0.8em Geneva, Arial, Helvetica, sans-serif;
	text-align: right;	/*** libellés alignés à droite... ***/
	margin: 0;
	padding: 0 .4em 0 0;
	line-height: 1.6;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font: 0.7em arial, helvetica, sans-serif;
	font-style: italic;
	color: #a6803f;
	padding-left: 1.5em;
}
#corpForm .focus {
	color: black;
	background-color: beige;
}
#corpForm .normal {
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}