body{background-image: url('images/body1.jpg');background-repeat: no-repeat;background-position: center top;}

		
							/* menu   font-weight: bold  */
		
		
ul#menu
{float: left; margin: 0 ;padding: 0 ;list-style-type: none ;	}
ul#menu li
{margin: 0 0 0px 0 ;padding: 0 ; border-bottom: 1px solid ;color: #ffffff;}
ul#menu li a
{display: block ;width: 182px ;line-height: 20px ;color: #000000 ;	font-family:"Verdana", Arial, sans-serif; text-indent: 6px ;text-align: left; font-size: 13px; text-decoration: none}
ul#menu li a:hover
{color: #9F001C;}	        	
		
		
 
 .ombrage2 { border: 2px solid #fff;  -moz-box-shadow: 4px 4px 6px #aaa;    -webkit-box-shadow: 4px 4px 6px #aaa;    box-shadow: 4px 4px 6px #555;  } 
 .ombrage {border: 5px solid #fff;   -moz-box-shadow: 8px 8px 12px #555;    -webkit-box-shadow: 8px 8px 12px #555;   box-shadow: 8px 8px 12px #555;}

		
								/* conteneur */

						
div#conteneur{	width: 980px ;	margin: auto; height: 790px; text-align: center;­}




                                    /* Boite pop-up */
							
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {background: none; /* correction d'un bug IE */z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */}
a.info:hover span {display: inline; /* on affiche l'infobulle */ position: absolute;white-space: nowrap; /* 
on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 150px; /* on positionne notre infobulle */
   left: 450px; background: green;color: weith;}
	



                                /* Boite  bandeau */
                                
div#haut {height: 149px; width: 980px ; background-image: url('images/bandeau.jpg')}                               
div#onglet1 {float: left; height: 30px; width: 183px ;font-family:"Verdana", Arial; font-size: 8px; background-image: url('images/fond-drapeau.jpg');}
div#onglet2 {float: left; height: 30px; width: 550px ;font-family:"Verdana", Arial; font-size: 20px; line-height: 30px; background-image: url('images/fond-drapeau.jpg')}
div#onglet3 {float: left; height: 30px; width: 243px ;font-family:"Verdana", Arial; font-size: 9px; line-height: 30px; background-image: url('images/fond-drapeau.jpg')}
div#trait-onglet {float: left; height: 30px; width: 2px ; background-image: url('images/fond-drapeau.jpg')}




									/* Boite image/texte  barre bleue */
									
div#boite-affiche {float: left; height: 306px; width: 275px}
									
 div#boite-heberg {float: left; height: 153px; width: 275px;font-family: Arial; font-size: 14px;background-image: url('images/fond-heberg.jpg') }									
div#boite-heberg1 {float: left; height: 153px; width: 275px;font-family: Arial; font-size: 14px;background-image: url('images/fond-heberg1.jpg') }
div#boite-image {float: left; height: 113px; width: 105px;text-align: center; margin-left: 4px}
div#boite-texte {float: left; height: 113px; width: 170px;font-family: Arial; font-size: 14px}

p#titre{font-family:"Verdana", Arial, sans-serif;font-size: 20px}


div#evenement-boite {float: left; width: 398px; height: 250 px; font-family: Arial; font-size: 12px; background-color: #ffffff}		




									/* Boite index */
									
div#conteneur-index {width: 980px ;	margin: auto; height: 1450px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
 
div#haut-index {height: 149px; width: 980px ; background-image: url('images/bandeau1.jpg')}									
div#gauche-index {float: left; height:1220px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}		 
div#centre-index {float: left; height: 1220px; width: 550px;font-family: Arial; font-size: 15px; background-color: #ffffff}
div#droite-index {float: left; height: 1220px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#boite-image-index {float: left; height: 113px; width: 95px;margin-left: 2px}
div#boite-texte-index {float: left; height: 113px; width: 170px;font-family: Arial; font-size: 12px;text-align: left}
div#trait-index {float: left; height: 1220px; width: 2px ; background-color: #F5F5F5;}


 									/* Boite agenda */
 									
div#conteneur-agenda{width: 980px ;	margin: auto; height: 3330px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
  									
div#haut-agenda {height: 149px; width: 980px ; background-image: url('images/agenda1.jpg')} 
div#gauche-agenda {float: left; height: 3100px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#centre-agenda {float: left; height: 3100px; padding-left: 5px; width: 545px;font-family: Arial; font-size: 14px; text-align: left; background-color: #ffffff}
div#droite-agenda {float: left; height: 3100px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#trait-agenda {float: left; height: 3100px; width: 2px ; background-color: #F5F5F5}

                                   /* Boite Ville */
                                   
div#conteneur-ville {width: 980px ;	margin: auto; height: 3430px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-ville {height: 149px; width: 980px ; background-image: url('images/ville1.jpg')} 								
div#gauche-ville {float: left; height: 3200px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#boite-ville {float: left; height: 253px; width: 295px;font-family: Arial; font-size: 14px;}
div#boite-ville1 {float: left; height: 253px; width: 255px;font-family: Arial; font-size: 14px;}
div#centre-ville {float: left; height: 3200px; width: 550px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#droite-ville {float: left; height: 3200px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#centre-texte {float: center; width: 495px;padding-left: 5px; font-family: Arial; font-size: 15px; background-color: #ffffff}
div#trait-ville {float: left; height: 3200px; width: 2px ; background-color: #F5F5F5}

									/* Boite Trois Epis */
									
div#conteneur-3epis {width: 980px ;	margin: auto; height: 1095px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
									
div#haut-3epis {height: 149px; width: 980px ; background-image: url('images/3epis1.jpg')} 								
div#gauche-3epis {float: left; height: 860px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#centre-3epis {float: left; height: 860px; width: 550px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#droite-3epis {float: left; height: 860px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#boite-3epis {float: left; height: 253px; width: 295px;font-family: Arial; font-size: 14px}
div#boite1-3epis {float: left; height: 253px; width: 255px;font-family: Arial; font-size: 14px}
div#trait-3epis {float: left; height: 860px; width: 2px ; background-color: #F5F5F5}

									/* Boite restauration */

div#conteneur-resto {width: 980px ;	margin: auto; height: 905px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-resto {height: 149px; width: 980px ; background-image: url('images/restauration1.jpg')} 
div#gauche-resto {float: left; height: 680px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}		 
div#centre-resto {float: left; height: 680px; width: 550px;font-family: Arial; font-size: 15px; background-color: #ffffff}
div#droite-resto {float: left; height: 680px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#trait-resto {float: left; height: 680px; width: 2px ; background-color: #F5F5F5}


									/* Boite hebergement */
									
div#conteneur-heberg {width: 980px ;	margin: auto; height: 2390px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
 
div#haut-heberg {height: 149px; width: 980px ; background-image: url('images/hebergement1.jpg')} 									
div#gauche-heberg {float: left; height: 2155px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#centre-heberg {float: left; height: 2155px; width: 550px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#droite-heberg {float: left; height: 2155px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#boite-heberg0 {float: left; height: 23px; width: 550px;font-family: Arial; font-size: 20px }
div#trait-heberg {float: left; height: 2155px; width: 2px ; background-color: #F5F5F5}
									
								/* Boite commerce */

div#conteneur-commerc {width: 980px ;	margin: auto; height: 1150px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-commerc {height: 149px; width: 980px ; background-image: url('images/commerce1.jpg')} 							
div#gauche-commerc {float: left; height: 920px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#centre-commerc {float: left; height: 920px; width: 275px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#droite-commerc {float: left; height: 920px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#trait-commerc {float: left; height: 920px; width: 2px ; background-color: #F5F5F5}

								/* Boite artisans */
								
div#conteneur-arti {width: 980px ;	margin: auto; height: 960px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-arti {height: 149px; width: 980px ; background-image: url('images/artisans1.jpg')}								
div#droite-arti {float: left; height: 730px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#gauche-arti {float: left; height: 730px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}		 
div#centre-arti {float: left; height: 730px; width: 550px;font-family: Arial; font-size: 15px; background-color: #ffffff}
div#trait-arti {float: left; height: 730px; width: 2px ; background-color: #F5F5F5}
				

								/* Boite viticulteurs */
								
div#conteneur-viti {width: 980px ;	margin: auto; height: 3450px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
 
div#haut-viti {height: 149px; width: 980px ; background-image: url('images/viti.jpg')} 
div#gauche-viti {float: left; height: 3220px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#centre-viti {float: left; height: 3220px; width: 275px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#droite-viti {float: left; height: 3220px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#trait-viti {float: left; height: 3220px; width: 2px ; background-color: #F5F5F5}

						       /* Boite associations */

div#conteneur-asso {width: 980px ;	margin: auto; height: 2835px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-asso {height: 149px; width: 980px ; background-image: url('images/asso1.jpg')} 
div#droite-asso {float: left; height: 2750px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#centre-asso {float: left; height: 2750px; width: 550px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#gauche-asso {float: left; height: 2750px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#trait-asso {float: left; height: 2750px; width: 2px ; background-color: #F5F5F5}


						       /* Boite passions */

div#conteneur-passion {width: 980px ;	margin: auto; height: 2025px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-passion {height: 149px; width: 980px ; background-image: url('images/passion7.jpg')} 
div#boite-photo-passion {float: left; height: 300px; width: 230px ; background-color: #F5F5F5;text-align: center}
div#boite-texte-passion {float: left; height: 300px; width: 540px ; font-family: Arial; font-size: 14px; text-align: justify}
div#boite-texte-blanc {float: left; height: 300px; width: 10px}

div#centre-passion {float: left; height: 1800px; width: 796px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#gauche-passion {float: left; height: 1800px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#trait-passion {float: left; height: 1800px; width: 2px ; background-color: #F5F5F5}


                                       /* Boite a-la-une */

div#conteneur-a-la-une {width: 980px ;	margin: auto; height: 2625px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-a-la-une {height: 149px; width: 980px ; background-image: url('images/passion7.jpg')} 
div#centre-a-la-une {float: left; height: 2400px; width: 796px;font-family: Arial; font-size: 14px; background-color: #ffffff}
div#centre-gauche-a-la-une {float: left; height: 2400px; width: 230px;font-family: Arial; font-size: 14px; background-color: #F5F5F5; text-align: center}
div#centre-droite-a-la-une {float: left; height: 2400px; width: 540px;font-family: Arial; font-size: 14px; text-align: justify}

div#gauche-a-la-une {float: left; height: 2400px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#trait-a-la-une {float: left; height: 2400px; width: 2px ; background-color: #F5F5F5}

								/* Boite evenements 2010 ajouter 350 px par ligne*/
								
div#conteneur-evenement10 {width: 980px ;	margin: auto; height: 1505px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
 
div#haut-evenement10 {height: 149px; width: 980px ; background-image: url('../../images/evenements1.jpg')}								
div#gauche-evenement10 {float: left; height: 1280px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#evenement10 {float: left; height: 1280px; width: 796px; font-family: Arial; font-size: 12px; background-color: #ffffff}
div#trait-evenement10 {float: left; height: 1280px; width: 2px ; background-color: #FFF}
								
								/* Boite evenements09 */
								
div#conteneur-evenement09 {width: 980px ;	margin: auto; height: 2785px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}
 
div#haut-evenement09 {height: 149px; width: 980px ; background-image: url('../../images/evenements1.jpg')}								
div#gauche-evenement09 {float: left; height: 2540px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#evenement09 {float: left; width: 796px; height: 2540px; font-family: Arial; font-size: 12px; background-color: #ffffff}
div#trait-evenement09 {float: left; height: 2540px; width: 2px ; background-color: #FFF}

								/* Boite evenements08 */

div#conteneur-evenement08 {width: 980px ;	margin: auto; height: 1810px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-evenement08 {height: 149px; width: 980px ; background-image: url('../../images/evenements11.jpg')}										
div#gauche-evenement08 {float: left; height: 1580px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#evenement08 {float: left; width: 796px; height: 1580px; font-family: Arial; font-size: 12px; background-color: #ffffff}
div#trait-evenement08 {float: left; height: 1580px; width: 2px ; background-color: #FFF}

								/* Boite evenements07 */

div#conteneur-evenement07 {width: 980px ;	margin: auto; height: 900px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-evenement07 {height: 149px; width: 980px ; background-image: url('../../images/evenements21.jpg')}									
div#gauche-evenement07 {float: left; height: 680px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}
div#evenement07 {float: left; width: 796px; height: 680px; font-family: Arial; font-size: 12px; background-color: #ffffff}
div#trait-evenement07 {float: left; height: 680px; width: 2px ; background-color: #FFF}

								/* Boite photo */

div#conteneur-photo {width: 980px ;	margin: auto; height: 900px; text-align: center;
 border: 5px solid #F5F5F5;   -moz-box-shadow: 1px 1px 12px #555;    -webkit-box-shadow: 1px 1px 12px #555;   box-shadow: 1px 1px 12px #555;}

div#haut-photo {height: 149px; width: 980px ; background-image: url('images/photo1.jpg')}								
div#droite-photo {float: left; height: 670px; width: 246px ; background-color: #F5F5F5;font-family: Arial; font-size: 14px}
div#gauche-photo {float: left; height: 670px; width: 182px ; background-color: #96D2F3;color: #000000 ;font-family:"Verdana", Arial; font-size: 13px; text-decoration: none}		 
div#centre-photo {float: left; height: 670px; width: 550px;font-family: Arial; font-size: 15px; background-color: #ffffff}
div#trait-photo {float: left; height: 670px; width: 2px ; background-color: #F5F5F5}
div#boite-photo {float: left; height: 223px; width: 275px;font-family: Arial; font-size: 14px; }

								/* Boite bas */
		 
div#bas {float: left; height: 20px; width: 980px; line-height: 20px ;background-color: #96D2F3 ; color: #808080; font-family: Arial; font-size: 10px}
div#liens {float: left; height: 25px; width: 980px; text-decoration: none; color: #808080; font-family: Arial; font-size: 11px}