@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#b6b6b6; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#b6b6b6; font-weight:700; font-size:1.1em; }
h2 { color:#fff; font-weight:700; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#b6b6b6; font-weight:700; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#b6b6b6; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#b6b6b6; font-size:0.83em; }
h6 { color:#b6b6b6; font-size:0.67em; }
p { color:#b6b6b6; font-size:1em; }
ul, ol{ color:#b6b6b6; font-size:1em; }
li { color:#b6b6b6; font-size:1em; }
a { color:#b6b6b6; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#b6b6b6; padding:3px; }
input { color:#000; padding:3px; }

/* Accueil */
#actualite_accueil h1, #actualite_accueil h4, #actualite_accueil p, #actualite_accueil ul, #actualite_accueil li, #actualite_accueil a{ color:#fff;}
#gris_accueil h1, #gris_accueil h4, #gris_accueil p, #gris_accueil ul, #gris_accueil li, #gris_accueil a{ color:#b6b6b6;}
.noir{ color:#000; font-weight:700;}
.rose{ color:#b30134; font-weight:700;}
.rose2{ color:#b30134; font-size:14px; text-align:center;}
.gris{ color:#b6b6b6; font-weight:700;}

/* Intro */
#intro h1 { color:#b30134; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#b30134; } /* couleur du texte de l'intro */
#intro p { font-size:.9em;}

/* Liens de bas de page */
#yzeo p, #yzeo a {color:#b30134; } /* couleur des liens de bas de page */
#yzeo p { font-size:0.92em; padding-left: 30px; }

/* Image de validation W3C */
/*#validator a img { background-color:#000; } - Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
#actualite_accueil{
	float:left;
	width:210px;
	height:210px;
	background:#b30134;
	position:relative;
	z-index:1;
	left:150px;
	top:50px;
}
.texte_actualite{ padding:50px 10px 10px 40px;}
.fleche_noire { padding:2px 0 0 0; }
#cadre_accueil{ width:427px; float:right;}
#gris_accueil{
	width:319px;
	background:#2e2d30;
}
.texte_accueil{ padding:20px 30px 0; }
.carreV{ float:right; clear:both; margin-bottom:5px; background:#b30134; height:103px; width:103px;}
.carre{ float:right; margin-left:5px; background:#b30134; height:103px; width:103px;}
.carre7{ float:left; background:#b30134; height:103px; width:103px;}

/* Présentation */
.titre{float:left; width:210px; height:135px; padding:75px 0 0 0; background:#b30134; position:relative; z-index:80; left:20px; top:50px; text-align:center;}
.contenu_gris{
	width:430px;
	background:#2e2d30;
	float:left;
}
.contenu_gris_livredor{ width:500px; height:430px; background:#2e2d30; float:left; }
.contenu_gris_plansite{ width:500px; height:600px; background:#2e2d30; float:left; }

.texte_gris{ padding:10px 40px;}

/*	Mentions Légales */
.titre_mention{float:right; width:210px; height:135px; padding:75px 0 0 0; background:#b30134; position:relative; z-index:800; right:-100px; top:50px; text-align:center;}
.mentions_legales{ float:left; width:670px; background:#2e2d30; }
.texte_mentions{ padding:10px 20px;}

/* Contact */
.contenu_contact { min-height:370px; _height:370px; padding:10px 0 10px 20px; margin-top:30px; margin-bottom:30px; background:#2e2d30; }

/* Plan d'accès */
.plan { width: 640px; height: 480px; margin: 0 auto; border: solid 2px #B30134; 
}
#map .infosbulle {
	width: 210px;
	border: none;
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
.texte3{
text-align: center;
}
.texte{
text-align: center;
}

/* Styles Div signature */
#cachesign{
position:absolute;
padding:0px;
left:0;
top:0;
visibility:visible;
background-color:#000000;
display:block;
height:100%;
width:100%;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
display:none;
z-index:10000;
overflow:hidden;
}
 
#signlivre{
position:absolute;
padding:10px;
top:100px;
visibility:visible;
background-color:#ffffff;
border:solid 1px #000000;
display:none;
z-index:1000000;
width:600px;
height:540px;
}
/* FIN Styles Div signature */

.img-hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	

}
.img-hover:hover {

	
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/*Modules actu (x3)*/

.padd {padding-left:30px; margin-right:5px;}
.video{position:relative; width:320px; height:240px; top:25px; }