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

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#000; font-size:80%; font-family:"Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#7e1e31; font:bold 12px Georgia, "Times New Roman", Times, serif; text-align:center; padding-bottom: 20px; }
h2 { color:#7e1e31; font:700 1.3em Georgia, "Times New Roman", Times, serif; text-align:center; }
h3 { color:#7e1e31; font:700 1.17em Georgia, "Times New Roman", Times, serif; text-align:center; }
h4 { color:#7e1e31; font-weight:700; font-size:1em; text-transform:uppercase; }
p, ul, ol, li { font-size:1em; }
h5 { color:#7e1e31; font-size:.83em; }
h6 { color:#7e1e31; font-size:.67em; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#000; border-width:thin; padding:3px; }

/* É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; }

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

/*	Liens de bas de page
----------------------------------------------------------*/
#yzeo p, #yzeo a { color:#f4eff0; } /* couleur des liens de bas de page */
#yzeo p { font-size:.9em; }

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

/*	Page d'accueil
----------------------------------------------------------*/
/*h1#chapeau { padding:1em 0 2em; }*/ 
.illustration { float:left; padding:0 2em 1em 0; _padding-right:1.8em; /*Hack IE6 */ }
.video{width:560px; height:315px; border: 2px solid #872338;}

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }



ul.bullet { display:block; list-style:url(../images/icon.gif); margin:0; padding:0 0 0 1em; }
ul.bullet li { display:block; line-height:1.4em; }

.fix {
width: 950px;
margin: 0 auto;
}

.text-effect{text-decoration:blink; font-weight:bold;}

.list {
vertical-align: middle;
padding-left: 20px;
padding-right: 10px;
}

.list0 {
vertical-align: middle;
float:left;
margin-bottom:80px;
padding-left: 20px;
padding-right: 10px;
}

.list11 {
vertical-align: middle;
padding-left: 20px;
padding-right: 17px;
}

.list3 {
vertical-align: middle;
padding-left: 20px;
_padding-left: 23px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 5px;
}

.list1 {
vertical-align: middle;
padding-left: 40px;
padding-right: 10px;
}

.list2 {
vertical-align: middle;
padding-left: 40px;
_padding-left: 43px;
padding-right: 10px;
margin-top: 8px;
padding-bottom: 10px;
}

.strong-center {
text-align: -moz-center;
!text-align: center;
}

.plan {
	width: 640px;
	height: 480px;
	border: 2px solid #872338;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#map .infosbulle p {
	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;
}

.table1 {
width: 400px;
border-collapse: collapse;
margin: 0 auto;
}

.table1 td, tr {
border-collapse: collapse;
border: 1px dotted #872338;
padding: 3px 10px;
}

.table2 {
width: 400px;
border-collapse: collapse;
}

.table2 td, tr {
border-collapse: collapse;
border: 1px dotted #872338;
padding: 3px 10px;
}

.tleft1 {
float: left;
width: 300px;
margin-right: 40px;
}

.tleft2 {
float: left;
width: 300px;
}

.colo {
color:#7e1e31;
background-color: #c8df95;
}

.mar-left {
margin-left: 90px;
_margin-left: 50px;
margin-right: 10px;
}

.padleft {
padding-left:119px;
}

.pad-bottom {
padding-bottom: 40px;
}

.mar-left1 {
margin-left: 90px;
_margin-left: 50px;
}

.tleft3 {
float: left;
width: 250px;
margin-right: 5px;
}

.tleft4 {
float: left;
width: 300px;
}

.mar-top1 {
margin-top: -40px;
}


/*css : plan du site*/
#page-plan-du-site{
margin:0 auto; width:962px;
}
.bg-plan {
background:#fff url('../images/fond.jpg') repeat-x; margin:0 auto; 
}
#head-plan-du-site{
background:url(../images/plan-du-site/head-plan-du-site.jpg) no-repeat;
height: 296px;
}
#body-plan-du-site{
	background:url(../images/plan-du-site/body-plan-du-site.jpg) no-repeat;
}
#content-plan-du-site{
	padding:30px 80px 20px 100px;
	text-align:justify;
}
#foot-plan-du-site{
background:url(../images/plan-du-site/foot-plan-du-site.jpg) no-repeat;
margin:0 auto; width:962px;
height: 71px;
}
/*#plan du site*/
#align-photos { margin-left:80px;}
#text-effect { float:left; margin-left:3px;}
#contenu-text-effect { margin-left:140px;}
/*********** lightbox *****************/
	#gallery {
		background-color: transparent;
		padding: 10px;
		min-height:120px;
		margin:auto;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		/*border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;*/
		border:none;
	}
	#gallery ul a:hover img {
	/*	border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;*/
		border:none;
	}
	#gallery ul a:hover { color: #fff; }
/*********** lightbox *****************/
	.gallery {
		background-color: transparent;
		padding: 10px;
		margin:auto;
	}
	.gallery ul { list-style: none; }
	.gallery ul li { display: inline; }
	.gallery ul img {
		/*border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;*/
		border:none;
	}
	.gallery ul a:hover img {
	/*	border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;*/
		border:none;
	}
	.gallery ul a:hover { color: #fff; }
	
.icon{ margin-right:7px; vertical-align:middle;}
.icon2{ float:left; margin-bottom:15px; margin-right:7px; margin-top:3px; vertical-align:middle;}
.icon3{ float:left; margin-bottom:40px; margin-top:3px; margin-right:7px; vertical-align:middle;}
	
.mar-l{ margin-left:20px;	}	
	
.center2 { text-align:center; width:25%; }	

.partenaires {
	text-align:center;
	margin:20px 0;
}
.partenaires li {
	margin-top:10px;
	font-size:1.3em;
}