/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#660000;
	background-image:url(../images/fondp.gif);
		}
img {border:solid #666 1px;}

img.traduc {
	width:17px;
}
hr {clear:both}
#contener {
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	width:809px;
	}
	
fieldset{
	border:none;
	margin:0;
	padding:0;
}

.alea {
	height:115px;
	text-align:right;
	vertical-align:bottom;
	padding:0 73px 0 0;
	}
.aleatoire {
	border:1px solid #666666;
	z-index:90;
	height:90px;
	width:119px;
	}
#contener_int {
	position: relative;
	top:0;
	left:0;
	width:809px;
	}
.haut{
	background-image:url(../images/haut.jpg);
	background-repeat:no-repeat;
	height:150px;
	width:809px;
	}
.adress{
	text-align:left;
	vertical-align:bottom;
	font-size:10px;
	line-height:10px;
	padding:0 0 0 10px;
	width:75%;
	}
 
.adaccueil{
	padding:130px 0 0 10px;
	width:650px;
}

.contact img, .contactnew img, .boutique img, .spip img, .traduc{
	border:none;
}

.contact, .contactnew{
	text-align:right;
	vertical-align:bottom;
	padding:0 20px 0 0;
	font-size:10px;
	line-height:10px;
	width:150px;
	}
	
.contactnew {
	vertical-align:bottom;
	padding:0 20px 0 0;
	margin:0;
	height:30px;
	width:809px;
	}
	
a.lcontact:link 
  {color:#660000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lcontact:visited 
  {color:#660000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lcontact:hover 
  {color:#660000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.lcontact:active 
  {color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }
 
  /*champs recherche et date*/
.place{
 	height:56px;
 	width:700px;
	}
	
.forma {padding:0; margin:0;
	}
.champses {
	vertical-align:middle;
	padding:0 0 0 10px;
	margin:0;
  	/*height:76px;*/
	/*width:141px;*/
  	}
	
.champs {
	vertical-align:bottom;
	padding:61px 0 0 10px;
	margin:0;
  	/*height:76px;*/
	/*width:141px;*/
  	}
	
.recherche {
	color:#660000;
	font-size:10px;
	font-weight:bold;
	}
#date p{
	font-size:10px;
	font-weight:bold;
	vertical-align:bottom;
	color:#660000;
	padding:0;
	margin:0 0 0 25px;
	width:558px;
	}
	
.heure {
	margin:0;
	border:none;
	background-color:#FFFFFFFF;
	font-size:1.2em;
	line-height:0;
	font-weight:bold;
	vertical-align:bottom;
	color:#660000;
	}
	
/* pour l'accueil, different pour chaque rubrique principale */
#big_contener, #pix_chemins, #pix_rappels, #pix_michael, #pix_infos, #pix_boutic, #pix_event, #pix_temoin, #pix_biblio, #pix_partener {
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	border-top:0;
	background-image:url(../images/pixel_acc.jpg);
	background-repeat:repeat;
	width:809px;
	}
#pix_chemins {
	background-image:url(../images/pixel_chemins.jpg);
	background-repeat:repeat;
	}
	
#pix_rappels {
	background-image:url(../images/pixel_rappels.jpg);
	background-repeat:repeat;
	}
	
#pix_michael {
	background-image:url(../images/pixel_michael.jpg);
	background-repeat:repeat;
	}
	
#pix_infos {
	background-image:url(../images/pixel_infos.jpg);
	background-repeat:repeat;
	}
	
#pix_boutic {
	background-image:url(../images/pixel_boutic.jpg);
	background-repeat:repeat;
	}
	
#pix_event {
	background-image:url(../images/pixel_event.jpg);
	background-repeat:repeat;
	}
	
#pix_temoin {
	background-image:url(../images/pixel_temoin.jpg);
	background-repeat:repeat;
	}
	
#pix_biblio {
	background-image:url(../images/pixel_biblio.jpg);
	background-repeat:repeat;
	}
	
#pix_partener {
	background-image:url(../images/pixel_partener.jpg);
	background-repeat:repeat;
	}
	
/* fond contener*/
#fond_contener, #fond_interior, #fondchemins, #fondrappels, #fondmichael, #fondinfos, #fondboutic, #fondevent, #fondtemoin, #fondbiblio, #fondpartener {
	background-image:url(../images/fond_acc.jpg);
	background-repeat:no-repeat;
	height:450px;
	}
#fond_interior {
	background-image:url(../images/fond_interior.jpg);
	}
#fondchemins {
	background-image:url(../images/fond_chemins.jpg);
	}
#fondrappels {
	background-image:url(../images/fond_rappels.jpg);
	}
#fondmichael {
	background-image:url(../images/fond_michael.jpg);
	}
#fondinfos {
	background-image:url(../images/fond_infos.jpg);
	}
#fondboutic {
	background-image:url(../images/fond_boutic.jpg);
	}
#fondevent {
	background-image:url(../images/fond_event.jpg);
	}
#fondtemoin {
	background-image:url(../images/fond_temoin.jpg);
	}
#fondbiblio {
	background-image:url(../images/fond_biblio.jpg);
	}
#fondpartener {
	background-image:url(../images/fond_partener.jpg);
	}
	
#fixe {
	padding:10px 0 0 10px;
	list-style: none;
	/*width:151px;*/
	width:141px;
}
.europe {
	text-align:center;
	padding-top:280px; padding-left:5px;
	color:#000000;
	width:120px;
		}
.imgeurope {
	margin-top:5px;
	border: 1px solid #000000;
	width:60px;
}

/* ------ text --------*/
.bord_acc{padding:5px 0 0 20px; margin:0;}

.text {
	padding:5px 0 5px 5px;
	margin:0;
	width:410px;
	}
h1 {	
	padding:0;
	margin: 0;
	vertical-align:top;
	color: #000000;
	text-align:left;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	}
h2{
	clear:both;
}

h2,p{
	padding:0;
	margin:0;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	}
h3{
	font-size:10px;
	font-style:italic;
	line-height:12px;
	font-weight:normal;
	color:#660000;
	padding:5px 0 0 0;
	margin:0;
}
.tchemins{
	font-size:10px;
	font-style:italic;
	line-height:12px;
	font-weight:bold;
	color:#660000;
	padding:0;
	}
a.lpages:link 
  {color:#000000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lpages:visited 
  {color:#000000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lpages:hover 
  {color:#660000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.lpages:active 
  {color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }

 
/*------ mentions legales -------*/
.filet{
	background-image:url(../images/filetbas.png);
	background-repeat:repeat-x;
	height:5px;
	width:452px;
	}

.filet_int{
	background-color:#FF6600;
	margin:0 50px 0 50px;
	padding:0 50px 0 50px;
	height:1px;
	width:410px;
	}
	
.decal{
	margin:0 0 0 10px;
	width:450px;}
.decalb{padding:20px 150px 0 0;}

.compteur{
	vertical-align:bottom;
	padding:0 20px 0 20px;
	margin:0;
	width:160px;
	}
.left{
	float:left;
	border:none;
	vertical-align:bottom;
	}
.visites{
	  vertical-align:middle;
	  font-size:10px;
	  line-height:12px;
	  padding:3px;
	  text-align:left;
	  color:#333333;
  }
.mentions{
	font-size:9px;
	line-height:9px;
	font-weight:normal;
	color:#660000;
	text-align:center;
	vertical-align:middle;
	margin:0;
	padding:3px 3px 3px 3px ;
	width:552px;
	}
#blancac{height:40px;}
.rappel_ac, .rappel{
	text-align:center;
	color:#000000;
	font-size:9px;
	line-height:11px;
	font-weight:bold;
	margin:30px 10px 10px 20px;
	width:410px;
	}
.rappel{
	margin:30px 45px 10px 20px;
	}
a.lmentions:link 
  {color:#660000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lmentions:visited 
  {color:#660000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lmentions:hover 
  {color:#660000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.lmentions:active 
  {color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }
  
  
  /********************/
  /* page type */
  /********************/
  .wayes{
 	vertical-align:middle;
 	padding:0;
	margin:0;
	}
.pwayes{
	font-size:9px;
	line-height:11px;
	font-variant:normal;
	text-align:left;
	text-decoration:none;
	padding:0 0 0 15px;
	color:#666666;
}
 .way{
 	vertical-align:bottom;
 	padding:0 0 0 15px;
	margin:0;
	}
.pway{
	font-size:9px;
	line-height:11px;
	font-variant:normal;
	text-align:left;
	text-decoration:none;
	color:#666666;
}
a.lway:link 
  {	color:#666666;
  text-decoration: none; 
  background-color: transparent;
  }
a.lway:visited 
  {	color:#666666; 
  text-decoration: none; 
  background-color: transparent;
  }
a.lway:hover 
  {color:#660000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.lway:active 
  {color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }
  
.titre, .titresd{
 	text-align:left;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	color:#FF6600;
	margin:0 0 0 0;
	width:414px;
	float:left;
 }
.titresd{
	margin:24px 0 0 0;
 }
 
.soustitre, .soustitreb{
 	text-align:left;
	font-size:0.88em;
	line-height:1.28em;
	font-weight:bold;
	color:#660000;
	margin:0 0 2px 0;
 	}
	
.soustitreb{
 	margin:12px 0 2px 0;
	}
	
.para, .parab, .paravent, .commander {
	text-indent:8px;
 	text-align:left;
	font-size:0.73em;
	line-height:1.28em;
	font-weight:normal;
	color:#660000;
	margin:0 0px 10px 0;
	width:414px;
	vertical-align:top;
		}
.para{
	float:left;
}
.parab{
	float:left;
	font-size:0.73em;
	line-height:1.28em;
	width:410px;
		}
.temoin {
	font-weight:bold;
	margin:0 200px 25px 0;
	padding:0;
	text-align:right;
	font-size:0.60em;
	line-height:1em;
	}
.commander {
	text-align:right;
	margin:0 200px 15px 0;
	}
.liste{
	list-style:none;}
a.ltextc:link 
  {	color:#660000;
  text-decoration: underline; 
  background-color: transparent;
  }
a.ltextc:visited 
  {	color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }
a.ltextc:hover 
  {color:#000000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.ltextc:active 
  {color:#000000; 
  text-decoration: underline; 
  background-color: transparent;
  }

	
#contentt{
	padding:10px 0 0 15px;
	/* indication pour l'ecart entre le texte, la photo et la legende*/
	width:613px;
	}
.photograf, .photog, .photogb{
	float:right;
	margin:40px 0 0 0;
	border:1px solid #666666 ;
	/*height:126px;*/
	width:153px;
	}
.photog{
	margin:0;
	padding:0;
	width:133px;
	}
.photogb{
	margin:20px 0 0 0;
	padding:0;
	width:133px;
	}
.legends{
	float:right;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	text-align:right;
	margin:0 0 10px 0;
	padding:0;
	color:#000000;
	/*width:119px;*/
	width:129px;
	}

.legends img{
	border:solid #666666 1px;
}

img.item{
	border:solid #666666 1px;
	display:block;
	float:left;
	clear:both
}

.fotoss{
	border:solid #333333 1px;
	margin : 0 10px 0 0 ;
	float:left;	
}

a.legendel:link 
  {
  color:#000000;
  text-decoration: underline; 
  background-color: transparent;
  }
a.legendel:visited 
  {
  color:#000000; 
  text-decoration: underline; 
  background-color: transparent;
  }
a.legendel:hover 
  {
  color:#660000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.legendel:active 
  {color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }

/*********************
Page type les chemins
**********************/
#big_cont_carto{
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	border-top:0;
	/**/background-image:url(../images/pixel_petit.jpg);
	background-repeat:repeat;
	width:809px;
	}
/* fond contener*/
#fond_cont_carto{
	/**/background-image:url(../images/fond_acc.jpg);
	background-repeat:no-repeat;
	height:450px;
	}
.lacarte{
	float:left;
	margin:0 20px 0 0;
	padding:0;
	width:410px;
	}
.carte_legend {
	float:right;
	color:#000000;
	border:1px solid #999999;
	background-color:#FFFFFF;
	vertical-align:top;
	z-index:99;
	width:150px;
}
.ltitre, .lalegende{
	font-size:13px;
	line-height:16px;
	color:#000000;
	text-align:left;
	text-decoration: underline;
	margin:0;
}
.lalegende{
	font-size:11px;
	line-height:18px;
	text-decoration: none;
	margin: 5px 0 10px 1px;
}
.traces, .cvert, .cvertc, .crouge, .cbleu, .cjaune, .corange, .cbleuc, .corangec
	{font-size:26px;
	vertical-align:middle;
	}
.cvert{ color:#006600;/*color:#136926;*/}
.cvertc{color:#66BD6C;}
.crouge{color:#CB1009;}
.cbleu{color:#123466;}
.cbleuc{color:#0099CC;}
.cjaune{color:#FDCC12;}
.corange{color:#F96611;}
.corangec{color:#FCBE89;}

.cchemins{
	border: 1px solid #000000;
	margin:0 0 20px 0;
}

a.ldestination:link 
  {	color:#000000;
  text-decoration: none; 
  background-color: transparent;
  }
a.ldestination:visited 
  {	color:#000000; 
  text-decoration: none; 
  background-color: transparent;
  }
a.ldestination:hover 
  {color:#660000; 
  text-decoration: underline;
  background-color: transparent;
  }
a.ldestination:active 
  {color:#660000; 
  text-decoration: underline; 
  background-color: transparent;
  }
  
  /****************************/
.menu{
    position:absolute;
	font-size:11px;
	line-height:13px;
	font-weight:bold;
    border-top: 1px #666666 solid;
    border-left: 1px #666666 solid;
    border-right: 1px #666666 solid;
	background-image:url(../images/fond_menus.jpg);
  	background-repeat:no-repeat;
    margin:0;
    padding:0;
    /* solve a Opera7/IE display bug */
    width:133px;
    width/**/:131px;
    }
    
.menu span{
    display:none;
    }
    
.menu ul{
	position:absolute; /* important */
    border-top: 1px #666666 solid;
    border-left: 1px #666666 solid;
    border-right: 1px #666666 solid;
    margin:0;
    padding:0;
    width:133px;
    width/**/:131px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:131px; /* be careful */
    margin-top:-25px;/* decalage des sous-menus */
    }
    
.menu a{
    text-align:left;
    background-color: #FFFFFFFF;
    color:#660000;
    text-weight:bold;
    display:block;
    width:131px;
    border-bottom: 1px #666666 solid;
    text-decoration:none;
    margin:0;
    padding:6px 0 6px 1px; /* em units can creat little graphic bug in mozilla */
    }
.px_blanc{
background-image:url(../images/pix_blanc.gif);
background-repeat:repeat;
}
    
.menu a:hover{
    background-color: #FFCC00;
    }
.asso a:hover{
    background-color: #FFCC00;
    }
.rappels a:hover{
    background-color: #FFCC99;
    }
.michael a:hover{
    background-color: #A60303;
	color:#FFFFFF;
    }
.ways a:hover{
	background-color: #FF6633;
	}
.infos a:hover{
	background-color: #660066;
	color:#FFFFFF;
	}
.shop a:hover{
	background-color: #9999CC;
	color:#000000;
	}
.event a:hover{
	background-color: #33CC99;
	color:#000000;
	}
.vostemoignages a:hover{
	background-color: #99CC33;
	}
.biblio a:hover{
	background-color:#993300;
	color:#FFFFFF;
	}
.partenaires a:hover{
	background-color:#0066CC;
	color:#FFFFFF;
}
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #FFCC00;
}
.asso a:focus{
    background-color: #FFCC00;
    }
.rappels a:focus{
    background-color: #FFCC99;
    }
.michael a:focus{
    background-color: #A60303;
	color:#FFFFFF;
    }
.ways a:focus{
	background-color: #FF6633;
	}
.infos a:focus{
	background-color: #660066;
	color:#FFFFFF;
	}
.shop a:focus{
	background-color: #9999CC;
	color:#000000;
	}
.event a:focus{
	background-color: #33CC99;
	color:#000000;
	}
.vostemoignages a:focus{
	background-color: #99CC33;
	}
.biblio a:focus{
	background-color:#993300;
	color:#FFFFFF;
	}
.partenaires a:focus{
	background-color:#0066CC;
	color:#FFFFFF;
	}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:131px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{
    background-color:#CCCCCC;
    }
/*******************
vente d'objets
*********************/
.ventes{
	float:left;
	margin:5px 10px 5px 0;
	padding:0;
	color:#000000;
	background-color:#FFFFFF;
	border:1px solid #333333;
	text-align:center;
	width:119px;
	}
	
.bold {
	font-weight:bold;
	}
	
.vdescriptif {
	font-style:normal;
	font-weight:normal;
	font-size:12px;
	line-height:12px;
	text-align:left;
	}
	
.paravent li {
	text-indent:0;
	margin:0 0 0 15px;
	font-size:0.9em;
	line-height:1.28em;
	}

/*******************
Plan
*********************/
.plan h1{ /* titres1 dans plan */
	font-size:15px;
	line-height:17px;
	text-align:left;
	font-weight:bold;
	}

.plan h2{ /* titres2 dans plan */
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-decoration:underline;
	margin:20px 0 0 15px;
	}

.plan ul{ /* listes */
	font-size:12px;
	line-height:14px;
	color:#660000;
	margin:10px 0 5px 0;
	}

.plan li{ /* items niveau 1 */
	}

.plan li li{ /* items niveau 2 */
	}

.plan a{ /* proprietes generales des ancres dans plan */
	color:#660000;
	text-decoration:none;
	}

.plan a:link{ /* proprietes particulieres des ancres dans plan */
	text-decoration:none;
	}

.plan a:visited{
	text-decoration:none;
	}

.plan a:hover{
	color:#660000;
	text-decoration:underline;
	}

.plan a:active{
	color:#660000;
	text-decoration:underline;
	}