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

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

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

}

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

}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
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/bandova.jpg);
border-bottom:1px #BBB solid;
margin:0 5px 0 5px;
height:115px;
}


#banniere{
position:absolute;
display:none;
right:20px;
top: 31px;
width:468px;
height:60px;

}

#menu {
position: absolute; 
top:115px;
left: 5px;
z-index:100;
width: 950px; 
margin-left: auto;
margin-right: auto;
}

#menu dl {
float: left;
width: 20%;
height: 20px;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
margin: 1px;
height: 20px;
color: #FFF;
}

#menu dt.orange{
background-image:url(../images/menu-orange.jpg);	
}

#menu dt.rouge{
background-image:url(../images/menu-rouge.jpg);	
}

#menu dt.bleu{
background-image:url(../images/menu-bleu.jpg);	
}

#menu dt.vert{
background-image:url(../images/menu-vert.jpg);	
}

#menu dt.gris{
background-image:url(../images/menu-gris.jpg);	
}



.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;
}

#menu dd {
display: none;
border: 1px solid gray;
}

#menu li {
text-align: center;

}
#menu ul{

}

#menu li a, #menu dt a {
color: #FFF;
text-decoration: none;
display: block;
height: 20px;
border: 0 none;
z-index:100;
}


#navigation{
padding : 10px;
background-image:url(../images/navig-fond.jpg);
background-repeat:no-repeat;
position:absolute;
padding-top:30px;
top:180px;
left:1%;
width:200px;
height:auto;
}
#recherche{
background: white url(../images/loupe.jpg) top right no-repeat;
border:1px #BBB solid;
padding-right:20px;
margin:auto;
width:100px;

}


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

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

#content_index{
position:relative;
margin-top:60px;
left:25%;
width:73%;
}

#content{
position:relative;
top:40px;
left:25%;
width:73%;
padding : 10px;
}


#footer {
text-align:center;
position:absolute;
left:30%;
top:1220px;
}

/* Accueil évènements et selections d'artisans*/
.case_index_1{
width:69%;
float:left;
border-left:1px #F0F0D0 solid;
padding-left:3px;

}

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

.case_index_titre{
font-size:1.5em;

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

.event{
float:left;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background-color:white;
border: 1px solid #CCC; 
background:#EEEEEE;
margin: 10px;
width: 90%;
height:160px;;
clear:both;
padding:5px;
}

.event img{
float:left;
margin-right:10px;

}

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

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

.selection{
text-align:left;
border-bottom: 1px solid #CCC; 
}
.selection_titre{
font-size:1em;
text-align:left;
}


.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: 450px;
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.lien_fiche{
	float:right;
	background-image:url(../images/magnifier.png);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:16px;
}

.revendeur{
	background:#ffe0b6;
	line-height:20pt;
}

.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%;
	clear:left;
	height:50px;
}

.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;
}

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;
}*/