/*-------------------------------------------------------------------------------------------------------*/
/*------ La page d accueil ------*/
/*-------------------------------------------------------------------------------------------------------*/
body
{
	margin:0px;padding:0px;
	font-size:14px;
}
/*bandeau de l'accueil*/
#bandeau_accueil{
    width:955px;
	padding-top:200px;
	height:94px;
	}

#accueil{
	/*background:url(../img/fond/fond_accueil.jpg) no-repeat top #b72213;*/
	background-image: url("../img/acceuil.png");
	width:955px;
	height:797px;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/*  div contenant l'actualité qui s'adapte au contenu  (s'allonge ou pas ) */
#fond
{
	padding-top:0px;
	float:left;
	background-repeat:repeat;
	width:600px;

	border-color: blue;
	border-style: solid;
	border-width: 1px;
}

#pied{
width:947px;
height:15px;
padding:4px;
color:#222222;
text-align:right;
background:#DDDDDD;
display:block;
}
#pied a {color:black;font-weight:bold;font-size:10px;}
h8{font-size:10px;color:#339900;}
#fleur_sep {
float:left;
margin-left:0px;
}

#news_texte
{
	text-align:left;
	/*background-image:url(../img/fleur_sep.png) ;*/
	background-repeat:no-repeat;
	padding: 15px 20px 0px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	width:250px;
	height: 175px;
	/*position:absolute;
	top:328px;*/
	/*background-color:#9cd437;*/
	float:left;
	margin-top:0px;
	margin-top:10px!important;
}

/* placement de la barre de navigation de la page d'accueil*/
#barre_navigation{
/*position:absolute;
top:200px;
z-index:100;
*/
width:955px;
height:25px;
float:left;
}
#barre_navigation a{float:left; margin:0; padding-top:1%;}
/* 
placement du bandeau de pub*/
#pub{
	position:absolute;
	top:10px;
	height:62px;
	width:477px;
	z-index:5;

}
#pub a{
	height:62px;
	width:477px;	
}


#pub img{padding-right:0px; margin-left:10px;}
#pub embed{padding-right:0px;}

#recherche{
	position:absolute;
	top:15px;
	height:30px;
	width:300px;
	z-index:6;
	margin-left:630px;
	text-align:right;
	font-size:13px;
	font-weight:100;
	color:#FFF;

}


#flash{
position:absolute;
	border:0px;
	height:85px;
	width:118px;
	margin:0 3px 0 0;
	white-space: nowrap;
	top:197px;
	z-index:5;
}
/* mise en place du texte de la page d'accueil */
#news{
	text-align:left;
	margin:0 0 0 0;
	margin-left:20px;
	padding: 0 20px 0 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#66CC00;
	
	height:200px;
	width:170px;}

#edito
{
	float:left;
	text-align:left;
	padding:15px 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	width: 650px;
	height: 164px;
}

#edito1
{
	float:left;
	text-align:left;
	padding:8px 0 0 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	width: 645px;
	height: 43px;
}

#key{
margin-top:20px;}
/* Définition des différents boutons composant le menu */
#asso{
font-size : 14px;
padding-top:15%;
font-weight:bold;
color: white ;
background-color:#C5D743;
width:118px;
height:25px;
}
#asso:hover{background-color:#66CC33;}
#prom{
font-size : 14px;
font-weight:bold;
color: white ;
background-color:#f8ba2b;
width:200px;
height:25px;
}
#prom:hover{background-color:#ffcc00;}
#com{
font-size : 14px;
font-weight:bold;
color: white ;
background-color:#EE7558;
width:190px;
height:25px;
}#com:hover{background-color:#FF0000;}
#pat{
font-size : 14px;
font-weight:bold;
color: white ;
background-color:#0080a5;
width:120px;
height:25px;
}#pat:hover{background-color:#0066FF;}
#pa{
font-size : 14px;
font-weight:bold;
color: white ;
background-color:#999999 ;
width:110px;
height:25px;
}#pa:hover{background-color:#CCCCCC;}
#con{font-size:14px;font-weight:bold;color:#FFFFFF;width:90px;height:25px;background-color:#999999;}
#con:hover{background-color:#CCCCCC;}
#vide{
background-color:#999999;
width:127px;
height:25px;
}

/* définition des fleurs */
#fleur{
position:absolute;
top:0px;
z-index:4;
width:300px;
height:100px;
margin-right:200px;
}

#fleur2{
float:right;
/*margin-left:782px;*/
padding-top:292px;
margin-right: -30px;
width:173px;
height:100px;
}

/*-------------------------------------------------------------------------------------------------------*/
/*   Partie association   */
/*-------------------------------------------------------------------------------------------------------*/
/*bandeau de la parti association */
#bandeau_association{	background-image:url(../img/bandeau/bandeau_association.jpg);margin-top:auto;width:955px;
						height:89px;z-index:2; margin-top:0px;	margin-left:auto;	margin-right:auto;}
/* div de fond  de la partie association avec le fond et son positionement*/
#association {	background:repeat top #CCCCCC;
			width:955px;	height:100%;	margin-top:-10px;	 margin-left:auto;	margin-right:auto;}
/* barre des boutons  */
#barre_menu{
	float:left;
	width:955px;
	z-index:100;
	height: 25px;}
#barre_menu a{float:left; margin:0; padding-top:1%;}

#barre{ float:right; width:950px; margin-right:-3px; }
/* 3 colonnes de texte positionées en Float*/
#carte{
	float:left;
	background-color:#c5d743;
	color:#000000;
	font-size:14px;
	width:450px;
	vertical-align:top;
	z-index:5;
	height:auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#carte img{float:left; margin:5px 0 0 0px;padding-right:30px;}
#carte h2{color:#006666;  text-align:left;}
#carte h3{color:#006666;  text-align:left;}
#carte p a{font-weight:bold;}
#carte span.vert{color:#006666; text-align:left;}
#texte1{
float:left;
background-color:#d7e051;
	color:#000000;
	text-align:left;
	padding:0px  25px 10px 15px; 
	
	width:450px;
	vertical-align:top;
	height: auto;
	margin-top:10px;
}
#texte1 h2{font-size:18px;font-weight:bold;color:#006666;text-align:left;}

#animation{ 
background-color:#ABBD28;
padding:0px 10px 10px 55px; 
float:right;
width:400px;
height:auto;
color:black;
margin-top:10px;}
#animation p{font-size:13px; margin-right:0px; margin-left:-15px; padding-bottom:5px;}
#animation h2{font-size:16px;font-weight:bold;color:#FFFFFF;text-align:left; }
#animation a{font-size:13px;font-weight:bold;color:#FFFFFF; }
#animation p a{
	
	width: 400px;
	height: auto;}
#calendrier{float:left;margin-top:100px;margin-left:100px;}
#cheque_img {
float:left;
margin-left:15px!important;
}#pb{padding:0 15px 0 10px;}
/*-------------------------------------------------------------------------------------------------------*/
/* Partie patrimoine */
/*-------------------------------------------------------------------------------------------------------*/
#bandeau_patrimoine{	background-image:url(../img/bandeau/bandeau_patrimoine.jpg);margin-top:auto;width:955px;
						height:78px;z-index:2; margin-top:0px;	margin-left:auto;	margin-right:auto;}
/* div de fond  de la partie association avec le fond et son positionement*/
#patrimoine {	background-color:#CCCCCC;
background-repeat:no-repeat;
			width:955px;	height:auto;	 margin-left:auto;	margin-right:auto;}

#col1{
margin:20px 11px 0 10px;
float:left;
width:220px;
color:#000000;
text-align:justify;

}

#col2{
margin:20px 11px 0 0;
float:left;
width:220px;
color:#000000;
text-align:justify;

}

#col2 img{
margin:5px 10px 0 10px;
}

#col3{
margin:20px 11px 0 0;
float:left;
width:220px;
color:#000000;
text-align:justify;

}

#col4{
margin:20px 11px 0 0;
float:left;
width:220px;
color:#000000;
text-align:justify;

}

/*-------------------------------------------------------------------------------------------------------*/
/* partie tous les commercants */
/*-------------------------------------------------------------------------------------------------------*/

#commerces{background:repeat top #CCCCCC;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	}
#bandeau_commerces{background-image: url(../img/bandeau/bandeau_commerces.jpg);width:955px;
						height:78px;z-index:2; margin-top:0px;	margin-left:auto;	margin-right:auto; }

body#body_commerces p#titre{width:366px; background-color:#D05C43;}


#liste_commerces{
	height:auto;
	vertical-align:top;
	color:#000000;
	width:900px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
	margin-left:20px;
	float:left;

}
#liste_commerces a{font-size:11px;}

#liste_commerces para{line-height: 5px;}
#liste_commerces h2{
	font-size:15px;
	margin-top:10px;
	padding-bottom:2px;
	color:#000000;
	border-bottom:1px solid red;
}
#commande_produit{
margin:5px 0 0 20px;
	overflow:auto;
	height:270px;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:left;
}

#legende{float:left;padding-top:15px;margin-left:10px;}
#legende_color{color:#FFFFFF;font-weight:bold;font-size:14px;}
#legende img{margin-left:50px;}
#legende2{float:left;padding:10px;}
#legende2_color{color:#FFFFFF;font-weight:bold;font-size:14px;}
/*-------------------------------------------------------------------------------------------------------*/
/* Partie Vitrine  */
/*-------------------------------------------------------------------------------------------------------*/

/* style applique quand un commercant est selectionne*/
#body_promotion .prom1{background-color:#CCCCCC;
background-repeat:no-repeat;
	width:955px;
	height:auto;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	} 
	#body_promotion .prom2{background-color:#CCCCCC;
background-repeat:no-repeat;
	width:955px;
	height:auto;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	} 
	/*#promotions {	background:url(../img/fond/fond_promotions.jpg) repeat top #00FF00;
			width:955px;	height:700px;	margin-top:-10px;	 margin-left:auto;	margin-right:auto;}*/
/* bandeau promotions*/
#bandeau_promotions{background-image: url(../img/bandeau/bandeau_vide.jpg);background-repeat:no-repeat;margin-top:0px;width:955px;
						height:89px;z-index:2;	margin-left:auto;	margin-right:auto; }

#presentation_commerce{
float:left;
width:auto; 
text-align:center;
margin:0px 0 0 5px ;
height:auto	;
}

#horaire{
float:left;
font-size:10px;
}
#info_commerce{
float:left;
width:500px; 
height:200px; 
margin:0px 0px 0 0px;  
overflow:auto; 
background-color:white;
color:black;
}
#info_commerce p{margin:5px 0 0 5px;}
#info_commerce table{font-size:11px; font-weight:bold; text-align:center; width:208px;}
#liste_produit{
float:left;
height:auto;
overflow:auto;
width:auto;
margin:0px 0px 20px 0px;
padding:0;
}
#liste_produit table{font-size:11px; text-align:center; margin:0; width:205px;}
#liste_produit table p{text-align:right;}
#liste_produit table strong{ }
/*#vignette{
	float:right;
	width:70px;
	height:75px;
	background-repeat: no-repeat;
	text-align:center;
	vertical-align:top;
	/*background-image: url(../img/vignettes/etiquette2.gif);*/
	/*color:#000000;
	font-size:13px;
	margin:100px 12px 100px 100px;
	padding:5px 0 0 0px ;
}


.vignette span{
text-decoration: line-through;
font-size: 12px;
}
.vignette a{color:#000000;} */
#coupons{margin:108px 9px 0 0;}
#selection {
width:955px;
float:left;
text-align:left;
background-color:#0033CC;
height:25px;
}
#vitrineB{font-size:20px;color:#FFFFFF;margin:55px 0 0 120px;position:absolute;}
/*-------------------------------------------------------------------------------------------------------*/
/*   Partie Contact  */
/*-------------------------------------------------------------------------------------------------------*/
#bandeau_contact {background-image:url(../img/bandeau/bandeau_vide.jpg) ;background-repeat:no-repeat;width:955px;
						height:89px;z-index:2; margin-top:0px;	margin-left:auto;	margin-right:auto;}
#body_contact{
background:repeat top #CCCCCC;
	width:955px;
	height:auto;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
}
#form_con{
float:left;margin-left:100px;margin-top:100px;
text-align:center;}
#bandeau_contact p{font-size:20px;color:#FFFFFF;margin:55px 0 0 120px;position:absolute;}
/*-------------------------------------------------------------------------------------------------------*/
/*   Partie Plan d'accés */
/*-------------------------------------------------------------------------------------------------------*/

#bandeau_pa { background-image:url(../img/bandeau/bandeau_vide.jpg) ;background-repeat:no-repeat;width:955px;
						height:89px;z-index:2; margin-top:0px;	margin-left:auto;	margin-right:auto;  }
#pa_body {
background:repeat top #CCCCCC;
	width:955px;
	height:auto;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
}
#map{	
float:left;
height:935px;
width:915px;
padding:20px 10px 5px 10px ;
}
#planAcces{font-size:20px;color:#FFFFFF;margin:55px 0 0 120px;position:absolute;}
/*-------------------------------------------------------------------------------------------------------*/
/*   Boutique chéques KDO */
/*-------------------------------------------------------------------------------------------------------*/
#boutique_bandeau{ background-image:url(../img/bandeau/bandeau_boutique.jpg) ;width:955px;
						height:89px;z-index:2;	margin-top:0px;	margin-left:auto;	margin-right:auto;}
#boutique{
	background:repeat top #CCCCCC;
	width:955px;
	height:auto;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0px;
	
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}

#kdo{
	float:left;
	background-color:#f8ba2b;
	color:#000000;
	padding:10px 0px;
	margin-top:10px;
	
	width:955px;
	height:auto;


}
#kdo h2{font-size:14px;color:#FFFFFF;}
#kdo img{float:right;margin-right:15px;}
#kdo a {color:#FFFFFF;text-decoration:underline;}
#kdo p{margin-left:20px;}
#formulaire{
	
	background-color:#f1a60a;
	width:955px;
	height:auto;
	padding:0px;
	margin:0px 0px 0;
}
#formulaire label{display: inline;float: left;width:70px;}
#bouton{border:0.1em solid #000000;
	background-color:white;}
#midl{width:200px;}
form h2{font-size:14px;color:#FFFFFF;}
form.css fieldset{
		font-family: Arial, Helvetica, sans-serif;
		color: #ffd700;
		text-align:justify;
		padding:10px;
		margin:10px;
		border:groove 2px;
		border-color:#0080a5;}
form.css label{  
float:left;
display: block;
height: 50px;
color: #ffd700;
		
		}
		
#formulaire form{
	
	padding:30px;
	
}
		
		
form.css input{ }
/*-------------------------------------------------------------------------------------------------------*/
/*   Grand jeux chéques KDO */
/*-------------------------------------------------------------------------------------------------------*/
#bandeau_inscription{background-image:url(../img/bandeau/bandeau_vide.jpg) ;background-repeat:no-repeat;width:955px;
						height:89px;z-index:2; margin-top:0px;	margin-left:auto;	margin-right:auto;}
#inscription_jeu{background:repeat top #CCCCCC; 
			width:955px;	height:auto;	margin-top:-10px;	 margin-left:auto;	margin-right:auto;}
#form_inscription{float:left;background-color:#d7e051;width:915px;height:auto;padding:10px 20px 10px 20px;margin:5px 0px 0 0px;}
#form_inscription table{margin-left:10px;}
#jeu{font-size:20px;color:#FFFFFF;margin:55px 0 0 120px;position:absolute;}
#form_inscription td{color:#000000;font-weight:bold;}
form.css2 fieldset{
		font-family: Arial, Helvetica, sans-serif;
		color:#000000;
		text-align:justify;
		padding:10px;
		margin:10px;
		border:groove 2px;
		border-color:#0080a5;}
form.css2 legend{font-size:16px;font-weight:bold;}
/*-------------------------------------------------------------------------------------------------------*/
/*inscription*/
/*-------------------------------------------------------------------------------------------------------*/
#verif_inscription{float:left; margin-top:50px;margin-left:170px;color:#000000;font-weight:bold;font-size:13px;}
#verif_inscription a{text-decoration:inherit;}
#verif_inscription table{padding:10px;border:groove 2px;margin:20px;}

/*-------------------------------------------------------------------------------------------------------*/
/*mentions légales*/
/*-------------------------------------------------------------------------------------------------------*/
#mentions{float:left;margin:80px 0 50px 100px;width:600px;}
#mentions h2{color:#FFFF00;font-size:14px;}
#mentions p{color:#000000;}
#titre_mentions{position:absolute;top:130px;left:150px;margin-left:20px;width:200px;height:auto; }
#titre_mentions h1{color:#000000;font-size:20px;}
/*-------------------------------------------------------------------------------------------------------*/
/*balises generales*/
/*-------------------------------------------------------------------------------------------------------*/

/*les titres */

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	/*color:#ad1c59;*/
	color:#ffffff;
	padding: 0;
	margin:0 0 0 0;
	line-height: 20px;
}

h2{
	color: #FFFFFF;
	font-size:20px;
	padding: 0;
	margin:0 0 0 0;
	line-height: 18px;
}

h3{
	color: #FFFFFF;
	font-size:16px;
	padding: 0;
	margin:0% 0% 0% 0;
}


a{color:#FFFFFF; text-decoration:none;cursor:pointer;}
a:hover{cursor:pointer;}


p{margin:0 1% 0 1%;}

img{border:0;}

body{	

	
	background-color: #C5C6CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	
}
/*
td#bandeau{
	height:79px;
	background-repeat: no-repeat;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	background-image: url(../img/bandeau/promotion_bandeau.gif);
}*/

/* tableau pour centrer la page et la limite en largeur */
table#page{
	width:955px;
	margin:auto;
	height:409px;
	
	/*border:1px solid white;*/

}

/* div qui affiche la correspondante des liens */
#txt_lien1{  font-weight:bold; font-size:14px; height:20px; margin:0px 0 0 240px; width:250px; padding:0px; text-align:right; }

#barre_bas{
	vertical-align:middle;
	text-align:center;
	padding:0 10px 0px 1%;
	margin:0 0 0 0;
	width:300px;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	left:520px;
	top: 750px;
	z-index:10;
}
p#titre{ float:right; font-size:14px; font-weight:bold; text-align:left; padding:2px 0 2px 5px ; margin:0; color:#FFFFFF;}

#barre_bas img{
vertical-align:middle;
margin:0;
padding:0;
}
span.jaune{color:black; font-size:16px; margin:10px 0 0 0; padding:0 5px;}
span.rouge{color:black; font-size:16px;}
#texte_inscription,#texte_protection{text-align:left; margin: 20px auto; width:70%; background-color:#999999; padding:5px;}
#accueil_logo{
width:33px;
height:25px;
background-color:#999999;
}

#vide2{
width:60px;
height:25px;
background-color:#999999;
}
#retour_asso{
position:absolute;
margin-top:500px;
margin-left:400px;
z-index:5;
font-weight:bold;
font-size:14px;
}
#imprimer{
width:33px;
height:25px;
background-color:#999999;
}
.clearfloats{clear:both;}