body,html {
	font-size:12px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color: #000;
/*	background-color:#FFFFD1;*/
	background-color:white;
	margin:0px;

	
}
p{
	text-align:justify;
}
p:first-letter{
	font-size:1.3em;
}

#page{	
width: 1024px;
margin-left: auto;
margin-right: auto;
padding:0px;
position:relative;	
background-image:url(../images/content-fond.jpg);
background-repeat:repeat-y;
border-bottom: 1px #BBB solid;

}

#menu_admin{
position:fixed;
bottom:0px;
z-index:200;

}

dl, dt, dd, ul, li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

h1 {
	font-size:1.4em;
	color: #800000;
	background-color: transparent;
}

label {
	width: 100px;
	display: block;
	float: left;
}

a {
	color: #800000;
	text-decoration:none;
}

#head {
background-image:url(../images/head_village.jpg);
height:247px;
background-repeat:no-repeat;
}


#banniere{
position:absolute;
left:180px;
top: 20px;

}
#banniere img{
	border-width:0px;
}

#menu {

padding-left:117px;
position:relative;
top:214px;

}


#menu a{
background-image:url(../images/menu-orange.jpg);	
padding:3px;
margin:0px 1px;
}

#menu a:hover{
background-image:url(../images/menu-jaune.jpg);	
padding:3px;
margin:0px 1px;
}


#menu a.menuselectd{
background-image:url(../images/menu-rouge.jpg);	
color:white;
}

#menu a.accueil{
background-image:url(../images/menu-gris.jpg);	
color:white;
	
}

#recherche{
background: white url(../images/loupe.jpg) top right no-repeat;
border:1px #BBB solid;
padding-right:20px;
margin:auto;
width:100px;

}

#blocrecherche{
	float:right;	
	padding-right:20px;
}



.orange, .themes .orange {
background:orange ;
border: 1px solid #AA6600;
}
.rouge, .themes .rouge {
background:#7E1418 ;
border: 1px solid #540D10;
}
.bleu, .themes .bleu {
background:#004793 ;
border: 1px solid #002F62;
}
.vert, .themes .vert {
background:#0F4D4C ;
border: 1px solid #0A3333;
}
.gris, .themes .gris {
background:#777 ;
border: 1px solid #616161;
}

.orange a:hover, .orange a:focus, .themes .orange:hover {
background:#FFBB55 ;
border: 1px solid #AA6600;
}
.rouge a:hover, .rouge a:focus, .themes .rouge:hover {
background:#A96265 ;
border: 1px solid #540D10;
}
.bleu a:hover, .bleu a:focus, .themes .bleu:hover {
background:#5584B7 ;
border: 1px solid #002F62;
}
.vert a:hover, .vert a:focus, .themes .vert:hover {
background:#5F8888 ;
border: 1px solid #0A3333;
}
.gris a:hover, .gris a:focus, .themes .gris:hover {
background:#A8A8A8 ;
border: 1px solid #616161;
}

 a.univers{

	background-image:url(../images/fleche.png);	
	background-position:center left;
	background-repeat:no-repeat;
	border-bottom:1px #e0fcaa solid;
	display:block;
	padding:5px;
	padding-left:18px;
	width:90%;
}
 a.univers:hover{
	background-color:#e0fcaa;
	color:black;
}

#cartouche1 a,#cartouche2 a{
	color:#3c4d23;
}
#cartouche1 a,#cartouche2 a:hover{
	color:#639047;
}


#cartouche1 li,#cartouche2 li{
	list-style-type:square;
}

#cartouche1,#cartouche2 ul{
	margin-bottom:10px;

}
#cartouche1,#cartouche2{
	background-color:#f0fcdd;
	float:right;
	clear:right;
	margin-right:20px;
	margin-top:20px;
	width:192px;
	color:#3c4d23;
	padding:5px;
	border:1px #e0fcaa solid;
}



.entete{
	font-size:1.5em;
	background-image:url(../images/boomerang.png);
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:10px;;
}

#navigation{
padding : 10px;
background-image:url(../images/navig-fond.jpg);
background-repeat:no-repeat;
position:absolute;
padding-top:30px;
top:260px;
left:5px;
width:200px;
height:auto;
}

#footer{
	clear:both;
	text-align:center;	
}

#ariane{
	display:none;
	
position:absolute;
top:150px;
left:10px;
font-style: normal;
color: #000000;
}

#ariane:hover {
color: #567d9d;
}

#content_index{ //page accueil
border:1px green  solid;
margin-left:60px;
width:715px;
}

#content{ //contenu autre
border:1px green solid;
top:40px;
margin-left:50px;
width:720px;
padding : 10px;
	background-repeat:no-repeat;
	background-position:bottom right;

}


.univers-Alimentation{
	background-image:url(../images/Alimentation.jpg);
}

.univers-Batiment{
	background-image:url(../images/Batiment.jpg);
}
.univers-Meubles{
	background-image:url(../images/Meubles.jpg);
}
.univers-Decoration{
	background-image:url(../images/Decoration.jpg);
}
.univers-Antiquites{
	background-image:url(../images/Antiquites.jpg);
}
.univers-Hebergements{
	background-image:url(../images/Hebergements.jpg);
}
.univers-Services{
	background-image:url(../images/Services.jpg);
}
.univers-Decouverte{
	background-image:url(../images/Decouverte.jpg);
}
.univers-Services,.univers-Decouverte,.univers-Antiquites,
.univers-Decoration,.univers-Batiment,.univers-Alimentation,
.univers-Hebergements,.univers-Meubles{
	background-repeat:no-repeat;
	background-position:bottom right;

}



#content p{
	padding-right:15px;
}

/* Accueil évènements et selections d'artisans*/

.selection{
	border: 1px solid #CCC; 
	background:#EEEEEE;
	display:table-cell;
	float:left;
	margin:5px;
	padding:5px;
	width:200px;
	height:200px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
}
.selection_titre{
	font-size:1em;
	text-align:left;
}


.case_index_1{	
border-right:1px #F0F0D0 solid;
padding-left:3px;
display:table;
border-spacing:15px;
}

.case_index_2{
border-left:1px #F0F0D0 solid;
padding-left:3px;
}

.case_index_titre{
font-size:1.5em;

}
.case_index_selection{
font-size:1.2em;
}


p.billet{
	text-align:justify;
	padding-right:100px;
	border-left:1px #F0F0D0 solid;
}

.img_billet{
position:relative;
float:left;
padding:10px;
}



.fiche_aleatoire{
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color:white;
border: 1px solid #CCC; 
background:#EEEEEE;
position:relative;
float:left;
margin: 10px;
width: 550px;
height: 160px;
/*clear:both;*/
padding:5px;
text-align:left;
}

.fiche_aleatoire_titre{
font-size:1.20em;
text-align:left;
}

.fiche_aleatoire img{
}

.lien{
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
font-weight: normal;
color: #000000;
text-decoration: none;
font-size: 8pt;
}

.lien:hover {
font-family: Arial,Helvetica,sans-serif;
color: #567d9d;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}

#formlibNafaid,#formArtisan{
	width: 500px;

}

#formbutton {
	margin-left: 100px;
}



/* Annuaire */

table.liste_artisans{
	cursor:default;
	width:100%;
}

span.desc{
    cursor:pointer;
}

span.lien_fiche{
	float:right;
	background-image:url(../images/magnifier.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:16px;
}

.revendeur{
	border: 2px red solid;
	background:#F8F9F8;
}

.lien_annuaire_lettre{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	color: #6C1B1C;
	text-decoration: none;
	font-size: 10pt;
	margin-right: 5px;
}
.lien_annuaire_page {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	color: #6C1B1C;
	text-decoration: none;
	font-size: 10pt;
	margin-right: 1px;
}
.lien_annuaire {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-style: normal;
	color: #6C1B1C;
	text-decoration: none;
	font-size: 10pt;
	margin-right: 10px;
}


/*  Formulaire  Artisan  */
.formArtisan{
	width: 400px;
}
input.formArtisan{
	margin-bottom:4px;
	border:1px gray solid;

}
.textareaArtisan{
	height : 100px;
	width: 400px;
}
.labelArtisan {
	width: 120px;
	font-weight:bold;
}

/* Formulaire des fiches */
.formFiche{
	width:400px;

}
.labelFiche{
	width: 110px;
	font-weight:bold;
}
}
.formCaseFiche{
	width: 75px;
}


/* Formulaire Sous-Univers */
.formSousUnivers{
	width: 300px;
}
.labelSousUnivers{
	width: 130px;
}


/* Mise en page des fiches */
.fiche_logo{
	float:left;
	margin:5px;
	padding:5px;
	padding-top:20px;
	text-align:center;
	width:250px;
	position:relative;
}
.fiche_infos{
	float:left;
	margin:5px;
	width:405px;
	padding:5px;
	position:relative;
}
.fiche_texte{
	text-align:justify;
	float:left;
	vertical-align:middle;
	margin:5px;
	width:325px;
	padding:5px;
	position:relative;
}
.fiche_photo{
	float:left;
	margin:5px;
	text-align:center;
	width:325px;
	padding:5px;
	position:relative;
}
.spacer{
	width:100%;
	height:20px;
	clear:both;
}

.puces {
margin-left: 14px;
list-style-type: disc;
}
/*portail histoire*/
div.theme{
	margin:10px;
	float:left;
	width:200px;
	height:200px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border:1px solid white;
	color:white;
    padding:3px;
}
div.theme a{
	color:white;
	
}
div.theme a:hover{
	border-width:0px;
}
div#theme-1,
div#theme-2,
div#theme-3,
div#theme-4,
div#theme-5,
div#theme-6,
div#theme-7{
	background-repeat:no-repeat;
	background-position:bottom right;
}



div#theme-1{
	background-image:url(../images/histoire/alimentation.jpg)
}
div#theme-2{
	background-image:url(../images/histoire/meubles.jpg)
}
div#theme-3{
	background-image:url(../images/histoire/decoration.jpg)
}
div#theme-4{
	background-image:url(../images/histoire/batiments.jpg)
}
div#theme-5{
	background-image:url(../images/histoire/hebergements.jpg)
}
div#theme-6{
	background-image:url(../images/histoire/decoration.jpg)
}
div#theme-7{
	background-image:url(../images/histoire/decouverte.jpg)
}
#description{
	width:450px;
	
}
#liste{
	border:1px #F0F0D0 solid;
	margin-left:15px;
	float:right;
	width:230px;	
}
p.legend{
	font-style:italic;
	font-size:0.8em;
	
}

div.bonplan{
	border:1px #F0F0F0 solid;
	margin-bottom:5px;
}

.bonplan h3{
	background-image:url(../images/carre.png);
	background-repeat:no-repeat;
	padding-left:18px;	
}

table.metiers{
	width:100%;
}
table.metiers td {
	background:#FAFAFA;
}
table.metiers td:hover {
	background:#FAF0F0;
}

tr.lite{
background:#F5F5F0;
}

tr.dark{
background:#FAFAFA;
}

.lite{
	border-collapse: collapse 
	}

.liste th{
	border-bottom:1px gray solid;
	background:lightgray;
	}
.liste td{
	border-bottom:1px gray solid;
	}
/*div.theme:hover{
	border-color:#F0F0A0;
}*/