/* CSS Document */
/*--------------Reset----------------------- */

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body{
	line-height:1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------- FIN reset -----------------------------*/

/*------------------ page et corp du site -------------------*/

body {
	background:url(/images/fond/fond.gif) repeat-x;
	background-color:#f42837;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#page {
	background:url(/images/page/page.png) repeat-y center top;
	width:1004px;
	height:auto;
	margin:0 auto;
}

* html #page {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( sizingMethod='scale', src='/images/page/page.png');
	width:983px;
	background:none;
	margin:-20px auto;
}

a{
	font-size:12px;
	color:#FF0000;
	position:relative;
}

#contFont {
	position:relative;
	left:72em;
	top:6.5em;
	margin-bottom:50px;
	width:100px;
	
}


* html #contFont {
	position:relative;
	left:72em;
	top:6.5em;
	margin-bottom:50px;
	margin-top:-40px;
}
/*
*+html #contFont {
	position:relative;
	left:-14em;
	top:9.5em;
	margin-bottom:50px;
	margin-top:-40px;
}
*/
#fontsize {
	position:absolute;
	margin-right:25px;
	margin-top:-15px;
}

.chgFont {
	float:left;
	height: 1%;
	margin:1px;
}

#bt-medias {
width:560px;
margin-top:250px;
}

.spip {
	font-size:12px;
}

.spip2 {
	font-size:14px;
	line-height:15px;
}

p.spip
{
	margin-top:10px;
	margin-bottom:10px;
}

ul.spip 
{
	list-style: disc;
	margin: 3px 0px 5px 0px;
}

li.spip {
  margin-left: 15px;
  margin-bottom: 5px;
}

/*------------------ FIN page et corp du site ----------------*/

/* ----------------------- partie banniere -------------------*/
#banniere {
	width:983px;
	height:193px;
	margin-left:11px;
}

* html #banniere
{
	width:983px;
	height:193px;
	margin-left:12px;
	margin-top:18px;
}

#logo{
	float:left;
	width:194px;
	height:193px;
}


#langue 
{
	position:relative;
	width:130px;
	margin-left: 47px;
	margin-top:-190px;
	font-weight:bold;
	font-size:12px;
	color:#ac9f91;
}

a#lang_on{color:#FF0000;}
a#lang_off{color:#ac9f91;}
a:hover#lang_on{color:#FFFFFF;}
a:hover#lang_off{color:#FFFFFF;}


#photo{
	float:left;
	height:193px;
}
#photo a.alacarte { display: block; width: 150px; height: 56px; position: absolute; right: 113px; top: 137px; background: transparent url(/images/carte/mira_a_la_carte.png) 0px 0px no-repeat;}

#don{
	float:left;
	height:193px;
	width:192px;
}

	

/* ----------------------- partie menu haut (vertical (don)) ------------------- */

#menuDon {
	position:relative;
	width:130px;
	margin-left: 13px;
	margin-top:-180px;
	font-weight:bold;
	font-size:12px;
	z-index:1;
	height:20px;
}

.formulaire_recherche label {
	font-size:12px;
	color:#FFFFFF;
}

.formulaire_recherche #recherche {
	padding-top:2px;
	margin-top:4px;
	border:hidden;
}

* html .formulaire_recherche #recherche {
	padding-top:2px;
	margin-top:0px;
	margin-bottom:-4px;
	border:hidden;
}

.formulaire_recherche #boutonRecherche {
	background: url(/images/contenu/Contenu_accueil/recherche.gif) no-repeat;
	display:block;
	position:relative;
	border:none;
	float:right;
	width:6px;
	height:14px;
	margin-right:-35px;
	margin-top:-18px;
	margin-left:60px;
	cursor:pointer;
}

* html .formulaire_recherche #boutonRecherche
{
	display:block;
	position:relative;
	margin-left:30px;
	margin-top:-18px;
}

ul#nav_v li
{
	list-style-type:none;
}

ul#nav_v li a
{
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#FFFFFF; /* ----------- enleve le hover active ------------*/
}

ul#nav_v a:hover
{
    text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	color:#000000;
}



li#accueil {
	margin-top:60px;
	padding-bottom:2px;
}

li#boutique {
	padding-bottom:2px;
}

li#contact {
	padding-bottom:2px;
}

li#FAQ {
	padding-bottom:2px;
}

li#plan {
	padding-bottom:2px;
}

#accueil.select_menu a
{
	color:#000000;
}

#plan.select_menu a
{
	color:#000000;
}

/* ----------------------- FIN partie menu haut (vertical (don)) ------------------- */

/* ----------------------- FIN partie banniere ------------------- */

/* ----------------------- partie menu haut (horizontal) ------------------- */

.cache { display: none; } /* cache les images qui sont preloadees dans le html */

#menu_conteneur
{
	background:url(/images/menu/fond_degrade.gif) no-repeat;
	margin-left:11px;
	float:left;
	height:49px;
	width:983px;
	overflow:hidden;
}

* html #menu_conteneur
{
	float:left;
	height:49px;
	width:993px;
	overflow:hidden;
	margin-top:-3px;
	margin-left:6px;
}

ul{
	padding:0px;
}

ul#nav_h li
{
	float:left;
	list-style-type:none;
}

ul#nav_h li a
{ 
	 display:block;
	 float:left;
	 color:#FFFFFF;
	 text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:600;
	 padding-top:15px;
	 text-align:center;
}

ul#nav_h li a:hover
{ 
	 display:block;
	 float:left;
	 color:#FFFFFF;
	 text-decoration:none;
	 font-family:Arial, Helvetica, sans-serif;
	 font-weight:600;
	 padding-top:15px;
	 text-align:center;
}

li#separateur1 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur2 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur3 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur4 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur5 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur6 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur7 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; }
li#separateur8 { background:url(/images/menu/onglets_decoupes/separateur.gif); width:1px; height:49px; display:none; }


/* -------------  menu haut (horizontal) FRANCAIS ------------------- */
ul#nav_h li a:hover {
	background:url(/images/menu/onglets_decoupes/over.gif) repeat-x;
	height:49px;
	padding-top:17px;
}

ul#nav_h li a.onglet_courant1 {
	background:url(/images/menu/onglets_decoupes/over.gif) repeat-x;
}

ul#nav_h li a {
	height:49px;
	padding-top:17px;
}

li#lien1 a
{
	width:163px;	

}

li#lien1 a:hover
{
width:163px;

}

li#lien2 a
{
	width:115px;

}

li#lien2 a:hover
{
	width:115px;

}

li#lien3 a
{
	width:120px;

}

li#lien3 a:hover
{
	width:120px;

}

li#lien4 a
{
	width:110px;

}

li#lien4 a:hover
{
	width:110px;
}

li#lien5 a
{
	width:190px;
}

li#lien5 a:hover
{
	width:190px;
}

li#lien6 a
{
	width:85px;
}

li#lien6 a:hover
{
	width:85px;
}

li#lien7 a
{
	width:90px;
}

li#lien7 a:hover
{
	width:90px;
}

li#lien8 a
{
	width:100px;
}

li#lien8 a:hover
{
	width:100px;
}

/* -------------  menu haut (horizontal) Anglais ------------------- */


li#lien-en1 a
{
	width:135px;	

}

li#lien-en1 a:hover
{
width:135px;

}

li#lien-en2 a
{
	width:125px;

}

li#lien-en2 a:hover
{
	width:125px;

}

li#lien-en3 a
{
	width:130px;

}

li#lien-en3 a:hover
{
	width:130px;

}

li#lien-en4 a
{
	width:170px;

}

li#lien-en4 a:hover
{
	width:170px;
}

li#lien-en5 a
{
	width:145px;
}

li#lien-en5 a:hover
{
	width:145px;
}

li#lien-en6 a
{
	width:140px;
}

li#lien-en6 a:hover
{
	width:140px;
}

li#lien-en7 a
{
	width:130px;
}

li#lien-en7 a:hover
{
	width:130px;
}



/* ------------- FIN de la partie menu haut (horizontal) ------------------- */

/* ------------------------ partie contenu ---------------------------------- */

/* ---------------------------------- partie gauche ---------------------------*/

#Cgauche {
	float:left;
	margin-top:19px;
	margin-left:31px;
}

* html #Cgauche {
	float:left;
	width:480px;
	margin-top:20px;
	margin-left:18px;
}

#image_accueil
{
	width:540px;
	height:295px;
	border:solid 10px #FFFFFF;
}

.photoP {
	width:560px;
	height:315px;
}

* html #image_accueil img {
	margin-bottom:-3px;
}

#article_accueil
{
	margin-top:-10px;
	.margin-top:10px;
	width:560px;
	height:auto;
}

#article_accueil p{
	color:#666666;
	width:560px;
	height:auto;
	font-size:12px;
	line-height:18px;
	text-align:justify;
}

#conteneur_img_accueil
{
	margin-top:20px;
	margin-bottom:20px;
	width:580px;
	height:475px;
	
}

#cadre1
{
	float:left;
	width:166px;
	height:220px;
	background-color:#f3f3ec;
	border:#FFFFFF solid 10px;
}

* html #cadre1 img 
{
	margin-bottom:-5px;
}

#cadre2
{
	float:left;
	width:166px;
	height:220px;
	background-color:#f3f3ec;
	margin-left:1px;
	border:#FFFFFF solid 10px;
}

#cadre3
{
	float:left;
	width:166px;
	height:220px;
	background-color:#f3f3ec;
	margin-left:1px;
	border:#FFFFFF solid 10px;
}
/*--*/
#cadre4
{
	float:left;
	width:166px;
	height:220px;
	background-color:#f3f3ec;
	border:#FFFFFF solid 10px;
	margin-top:1px;
}

#cadre5
{
	float:left;
	width:166px;
	height:220px;
	background-color:#f3f3ec;
	margin-left:1px;
	border:#FFFFFF solid 10px;
	margin-top:1px;
}

#cadre6
{
	float:left;
	width:166px;
	height:220px;
	background-color:#f3f3ec;
	margin-left:1px;
	border:#FFFFFF solid 10px;
	margin-top:1px;
}

/* ----------------- partie droite -----------------*/

#Cdroite {
	float:left;
	margin-top:19px;
	margin-left:0px;
	margin-bottom:20px;
}

#evenements {
	background:#FFFFFF;
	width:352px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:10px;
	overflow:hidden;
}

#merci{
	background:#FFFFFF;
	width:352px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	overflow:hidden;
}



* html #evenements {
	background:#FFFFFF;
	height:auto;
	width:352px;
}

#evenements h1 {
	/*background:url(./images/contenu/Contenu_accueil/enteteEvenement.gif) no-repeat;*/
	display:block;
	background-color:#b7ada1;
	width:330px;
	height:28px;
	font-size:18px;
	padding-left:10px;
	padding-top:12px;
	margin-left:10px;
	color:#FFFFFF;
}

#contenuEven {
	background:url(/images/contenu/Contenu_accueil/fondEvenements.gif) repeat-y;
	height:auto;
	font-size:13px;
	width:342px;
	margin-left:10px;
	padding-top:5px;
	line-height:16px;
}

#logoA {
	float:left;
	margin: 0.5em;
}

#texte{
	color:#666666;
	width:300px;
	height:auto;
	margin-left: 12px;
	padding-top:8px;
	padding-bottom:8px;
}

* html #texte{
	color:#666666;
	width:300px;
	height:auto;
	margin-top:-12px;
	padding-bottom:8px;
	margin-left:12px;
}

#texte a
{
	color:#FF0000;
}


a{
	text-decoration:none;
}

ul#sep {
	list-style-type:none;
}

#insert {
	background:url(/images/sous_menu/sous_menu_separateur.gif) repeat-x;
	width:100%;
	height:1px;
}

/*---------- sous evnt ------*/

#sous_evenement
{
	margin-top:10px;
	width:360px;
	height:auto;
	position:relative;
	display:block;
	line-height:18px;
	color:#666666;
	font-size:12px;
	text-align:justify;
}


/* ----------------------- FIN partie contenu ------------------- */

/* ----------------------- partie footer ------------------- */

#pied {
	background-color:#FFFFFF;
	color:#555454;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:983px;
	height:150px;
	margin-left:11px;
	padding-top:3px;
	clear:both;
}

#imageP {
	margin-left:20px;
	margin-top:5px;
	height:39px;
}

#copyright {
	text-align:right;
	margin-right:9px;
	margin-top:-30px;
}

/* ----------------------- FIN partie footer ------------------- */