@charset "utf-8";
/* CSS Document */

/*******************
* REGLAGES GLOBAUX *
*******************/

*,*{
	margin:0;
	padding:0;
}

html {
	font-size:100%;
}
body {
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:  0px;
	padding: 0px;
}

a {
	color:black;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

img{
	border:none;
}

h2{
	font-size: 1.3em;
	font-weight: bold;
	margin:5px 0px;
	color:#843703;
}

p{
	padding:0.3em 0 0.5em 0;
}

hr{
	clear:both;
	border-top:0px;
	border-bottom:1px dotted #BA5619;
	height: 1px;
	margin: 0;
	padding: 0;
	color: #ECAC33;
	background-color: #ECAC33;
}

#hr_vert {
	clear:both;
	border-top:0px;
	border-bottom:1px dotted #88b700;
	height: 1px;
	margin: 0;
	padding: 0;
	color: #88b700;
	background-color: #88b700;
	width: 80%;
}


ul{
	list-style-type:none;
}

.right{
	text-align:right;
}

.left{
	text-align:left;
}

.fright{
	float:right;
	margin:0 0 5px 5PX;
}

.fleft{
	float:left;
	margin:0 5px 5px 0;
}
.fcenter{
	margin:0 0px 0px 0;
}

.clear {
	clear:both;
}
.date {
	background-color:#BA5619;
	float:right;
	width:50px; /*60*/
	height:60px; /*70*/
	text-align:center;
	color:#FFF;
	font-size:1.6em;
	padding:5px;
}
img.border {
	padding:2px;
	border:1px solid #000;
	background-color:#FFF;
}

#global {
	margin:0 auto;
	position:relative;
	width:1000px;
	background:url(bg_gauche2.jpg) no-repeat top left transparent;
	margin:0 auto;
	padding-bottom:50px;
}


#breves {
	position:relative;
	width:530px;
	float:right;
}

#articles {
	position:relative;
	width:530px;
	float:right;
}

/****************************************/
/***ENVOYER A UN AMI***/
/****************************************/
#bloc_envoyer {
	position:absolute;
	right:15px;
	bottom:15px;
	background-color:#FFF;
	border:2px solid #6F6537;
	padding:5px 10px 10px 10px;
	font-size:0.8em;
	display:none;
	/*visibility:hidden;*/
	color:#6F6537;
	z-index:100;
}
#footer #bloc_envoyer a {
	color:#6F6537;
}

/************************
* MISE EN PAGE GENERALE *
*************************/
/**********************************************************/
#header {
	height:203px;
	background:url(bg_header3.gif) no-repeat center center;
	text-align:center;
}

#gauche {
	width:794px;
	float:left;

}

#col_teaser {
	position:relative; 
	float:left;
	width:210px;
	font-size:12px;

}

#col_teaser ul{
	margin-top:3px;
	margin-right:5px;
	font-size:10px;
	float:right;
	text-align:right;
}

#col_teaser a{
	text-decoration:none;
}

#col_teaser h3{
	margin:0px 0px 5px 20px;
	font-size:1.1em;
}

#centre {
	/*background:url(bg_gauche2.jpg) no-repeat top right;*/
	width:794px; /*794*/
	min-height:575px;
	height:auto !important;
	height:575px;
}

#contenu {
	float:right;
	width:530px; /*530*/
	position:relative; 
	padding:10px 40px 0px 10px;
}

#titre_general{
	position:relative;
	margin:0px 0px 20px 0px;
	padding:5px;
	width:300px;
	height:61px;
	background-color:white;
	color:#cf000e;
	font-size:2em;
	font-weight:normal;
}
#articles h1 {
	color: #71292e;
	font-size: 1.5em;
	margin: 0.3em 0 0 0;
	padding:0;
}
#articles h2 {
	color: #cf000e;
	font-size: 1.2em;
	margin: 0.2em 0 0 0;
}
#articles h1.name_enseigne{
	font-size: 2em;
	font-weight: normal;
	margin:0.5em 0 0.8em 0;
	color:#cf000e;
	letter-spacing:0px;
}

#breves h1{
	font-size: 1.6em;
	font-weight: normal;
	margin:10px 0px 10px 0px;
	letter-spacing:2px;
	color:#514093;
	
}
.filet {
	padding:1em 0;
	border-bottom:1px dotted #BA5619;
	
}
.chapo{
	font-weight:bold;
}

#droite {
	 position:relative;
	float:right;
	width:206px; 
}

#top-right{
	position:relative;
	width:206px;
	height:39px;
	background-color: white;
	display:block;
}

#menu_droite2 {
	padding:0;
	margin-top:20px;
	border:1px solid #40aded;
	background-color:#FFFFFF;
}

#menu_droite3 {
	padding:0;
	margin-top:20px;
	border:1px solid #40aded;
	background-color:#FFFFFF;
}

#menu_droite {
	position:relative;
	padding:0;
	margin:10px 0 10px 15px;
	list-style:none;
	white-space: nowrap;
	background-color:#FFFFFF;
}

#menu_droite a {
	color: white;
	text-decoration: none;
}

#menu_droite h4{
	font-size: 1.4em;
	font-weight: normal;
	margin:15px 0px 10px 0px;
	letter-spacing:2px;
}

#menu_droite li ul li{
	line-height:1.2em;
	list-style-type: none;
	display:block;
	margin-right:10px;
}

#menu_droite li ul li a:link, #menu_droite li ul li a:visited{
	color: #71292E;
	text-decoration: none;
	font-size:0.9em;
	font-weight:bold;
	display:block;
	height:1.35em;
	padding-left:11px;
	background: url(puce-bleu.gif) no-repeat 1px 50%;
	text-indent:3px;
}

#active, #menu_droite li ul li a:hover, #menu_droite li ul li:active, #menu_droite li ul li a.on {
	background: url(puce-blanche.gif) no-repeat 3px 50% #71292E !important;
	cursor:pointer;
}

#active a, #menu_droite li ul li a:hover, #menu_droite li ul li a.on {
	color:white !important;
}

#footer {
	width:935px;
	height:20px;
	background-color:#e5f2fb;
	font-size:1.1em;
	color:black;
	margin:20px 0 0 0;
	position:relative;
}

#footer a{
	color:black;
	text-decoration:none;
	font-weight:bold;
}

#footer_gauche{
	display:inline;
	float:left;
	margin:2px 15px;
	font-variant:small-caps;
}
#footer_droite {
	display:block;
	float:right;
	margin:2px 15px ;
	font-variant:small-caps;	
}
/*************/
/*SPIP*/
/*************/
.spip_documents_left {
	margin:5px 10px 10px 0;
	padding:2px;
	border:1px solid #000;
	background-color:#FFF;
}
.spip_documents_right {
	margin:5px 0 10px 10px;
	padding:2px;
	border:1px solid #000;
	background-color:#FFF;
}
.spip_documents_center {
	display:block;
	text-align:center;
}
.spip_documents_center img {
	margin:0 0 10px 10px;
	padding:2px;
	border:1px solid #000;
	background-color:#FFF;
}
h3.spip {
	color:#cf000e;
	font-size:1.4em;
	font-weight:bold;
	margin:0.5em 0 0 0;
}
/**************************
* MISE EN PAGE SPECIFIQUE *
**************************/

	/***************
	* PAGE D'INTRO *
	***************/

#calendrier{
	padding:0;
	margin:10px 0 10px 15px;
	white-space: nowrap;
	position:relative;
	width:192px;
	background-color:white;
}

#calendrier h4{
	color:#88b700;
	margin:20px 7px;
	font-size:1.4em;
}

#calendrier caption {
	color:black;
	margin:5px 0 0 0;
}
#calendrier caption a:link, #calendrier caption a:visited {
	color:#88b700;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
}
#calendrier table {
	width:97%;
	border-collapse:collapse;
	border:0;
	margin:4px auto;
}
#calendrier table th {
	padding:0 0 2px 0;
	color:#6B6660;
	font-size:0.9em;
}
#calendrier table th abbr { border:0; }
#calendrier table td {
	text-align:center;
	vertical-align:center;
	padding:4px 3px;
	border:1px solid #6B6660;
	color:#000;
	font-family:Arial, Verdana, Tahoma, sans-serif;
	font-size:0.9em;
}

#calendrier td.occupe  {
	padding:0;
	background:url(bg_date_selected.png) no-repeat 50% 50%;
	text-decoration:none;
}
#calendrier td.horsperiode {
	color:#AC9E61;
}
#calendrier td.occupe  a:link, #calendrier td.occupe a:visited {
	color:#FFF;
	text-decoration:none;
}
#filactu{
	position:relative;
	margin:0px 2px;
	height:201px;
	width:192px;
	overflow:hidden;
	color:#843703;
}

#filactu li {
	background: url(puce-vert.gif) no-repeat 1px 50%;
	text-indent:3px;
	list-style-type: none;
	display:block;
	padding-left:10px;
	margin-right:20px;
}

#more_actu{
	position:relative;
	background: url(bg-tout-actu.gif) no-repeat top left;
	width:73px;
	height:11px;
	padding:1px 5px;
	top:-1px;
	left:114px;
	font-size:9px;
}

#more_actu img{
	position:relative;
	top:1px;
}

#more_actu a{
	color:#CFE4EC;
	text-decoration:none
}

#filactu h4{
	color:#88b700;
	margin:20px 7px;
	font-size:1.4em;
}

#filactu dl{
	display:block;
	font-size:0.9em;
	margin-left:20px;
}

#filactu dt{
	font-weight:bold;
	color:black;
}

#filactu dd{
	margin-bottom: 10px;
}

#filactu dd a{
	color: black;
	text-decoration:none;
}

#filactu p{
	float:right;
	margin:0 7px;
}

#filactu p a img{
	position:relative;
	top:1px;
}

#filactu p a{
	color:#403E35;
	text-decoration:none;
}

#teaser1 {
	position:relative;
	left:0px;
	margin-top:3px;
	background-color:#e17c00;
	width:190px; /*190*/
	height:133px; /*148*/
	float:right;
	font-size:11px;
	color:white;
	padding:10px 0 0 0;
}
#teaser1 ul, #teaser2 ul, #teaser3 ul {
	width:170px;
}
#teaser1 .link_1 a{
	color:white;
	text-decoration:none;
}


#pict_teaser1{
	position:relative;
	width:160px;
	height:66px;
	margin-left:22px;
}

#vt_teaser1{
	width:70px;
	height:13px;
	position:absolute;
	background:url(plus_artisans.gif);
	bottom:0 !important;
	bottom:2px;
	right:0px;
	text-align:right;
	font-size:10px;
}

#vt_teaser1 a, #vt_teaser2 a, #vt_teaser3 a{
	color:#D1BBBD;
	text-decoration:none;
}

#vt_teaser1 img, #vt_teaser2 img, #vt_teaser3 img{
	position:relative;
	right:2px;
	top:1px;
	margin-left:3px;
}

#teaser2 {
	position:relative;
	left:1px;
	margin-top:15px;
	background-color:#cf000e;
	width:192px;/*192*/
	height:130px; /*140*/
	float:right;
	padding:10px 0 0 0;
	font-size:11px;
	color:white;
}

#teaser2 .link_1 a{
	color:white;
	text-decoration:none;
}

#pict_teaser2{
	position:relative;
	width:160px;
	height:66px;
	margin-left:23px;
}

#vt_teaser2{
	width:70px;
	height:13px;
	position:absolute;
	background:url(plus_restos.gif);
	bottom:0 !important;
	bottom:2px;
	right:0px;
	text-align:right;
	font-size:10px;
}

#teaser3 {
	position:relative;
	left:1px;
	margin-top:15px;
	background-color:#88b700;
	width:192px; /*185*/
	height:130px;
	float:right;
	padding:10px 0 0 0;
	font-size:11px;
	color:white;
}

#teaser3 select{
	margin: 3px;
	float: right;
	font-size: 11px;
	border:1px solid #7F9DB9;
}

#teaser3 .link_1 a{
	color:white;
	text-decoration:none;
}

#pict_teaser3{
	position:relative;
	width:160px;
	height:66px;
	margin-left:17px;
}

#vt_teaser3{
	width:70px;
	height:13px;
	position:absolute;
	background:url(plus_commerces.gif);
	bottom:0 !important;
	bottom:2px;
	right:0px;
	text-align:right;
	font-size:10px;
}

.link_2 a{
	color:white;
	text-decoration:none;
}

#slide_flash{
	position:relative;
	z-index:6;
}

#vedette_entete{
	color:#333333;
	width:530px;
}

#vedette_entete h1{
	font-size: 1.6em;
	font-weight: normal;
	margin:10px 0px 10px 0px;
	color:#cf000e;
	
}

#vedette_entete h2{
	font-size: 1.1em;
	font-weight: bold;
	margin:0 0 10px 0;
	color:#843703;
}

#vedette .illustrations{
	margin-right:10px;
}
#vedette_texte {
	
}
/*#breves img{
	background-color:white;
	padding:2px;
	border:1px solid #843804;
	margin:0px 5px 5px 0px;
}*/

.suite{
	text-align:right;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:-1px;
}

.suite a{
	color:black;
	text-decoration:none;
}
ul#menu_lang {
	padding:10px 0;
	float:right;
}
ul#menu_lang li {
	display:inline;
}
ul#menu_lang li a {
	text-decoration:none;
}
	/*****************
	* PAGE INTERIEUR *
	*****************/
table.tab_nav {
	width:530px;
	margin:0 auto 0.5em auto;
	border-bottom:1px solid #71292E;
}
table.tab_nav td {
	text-align:center;
	padding:2px;
}
table.tab_nav td.prec {
	text-align:left;
}
table.tab_nav td.suiv {
	text-align:right;
}
table.tab_nav td a {
	text-decoration:none;
	color:#71292E;
	font-weight:bold;
}
#biseau{
	background: url(biseau.png) no-repeat top left;
	width:213px;
	height:80px;
	position:relative;
	margin:0px 0px 0px -7px;
	z-index:0;
}


#articles .illustrations{
	margin-left:5px;
}

#articles ul{
	list-style-type: square;
	list-style-position:inside;
	
}

#articles li{
	margin-bottom:0.5em;
}

#sous_menu{
	position:relative;
	z-index:3;
	color: #88b700;
	margin-top:20px;
	border:1px solid #40aded;
	background-color:#FFFFFF;
	padding-left:20px;
	}

#sous_menu ul{
	font-size:1em;
}

#sous_menu li{
	background: url(puce-vert.gif) no-repeat 1px 50%;
	list-style:none;
	display:block;
	padding-left:15px;
}

#sous_menu li a{
	text-decoration:none;
	color:#88b700;
}

#vt_sous_menu{
	margin-top:10px;
	background: url(bg-vt-sous_menu.gif) no-repeat top left #BA5619;
	height:15px;
	width:178px;
	text-align:right;
}

#vt_sous_menu a{
	text-decoration:none;
	color:#EACCBA;
}

#vt_sous_menu img{
	margin-top:1px;
	margin-right:5px;
}

#sous_menu h4{
	color:#BA5619;
	font-size: 2em;
	font-weight: normal;
	margin:0px;
	letter-spacing:0px;
}

#sous_menu h5{
	margin-bottom:10px;
	color:#71292E;
	font-size:1.6em;
	font-weight: normal;
	margin:0px;
	letter-spacing:0px;
}

#sous_menu h6{
	font-size:0.8em;
	margin-bottom:10px;
}

		/**********
		* ARTICLE *
		**********/
		
#galerie{
	float:left;
	margin:1em 0 1em 0px;
	padding-left:55px;
	width:500px;
}

#galerie dt{
	color:white;
	font-weight:bold;
	line-height:29px;
	vertical-align:middle;
	letter-spacing:-1px;
	background-color:#cf000e;
	width:52px;
	height:29px;
	text-align:center;
	margin:0px 0px -15px -55px;
}

#galerie dd{
	float:left;
	margin:0px 3px 3px 0px;
	padding:0 !important;
	padding:0 0 30px 0;
}

#telechargement{
	float:left;
	margin:1em 0em;
	width:500px
}

#telechargement dt{
	color:white;
	font-weight:bold;
	line-height:29px;
	vertical-align:middle;
	letter-spacing:-1px;
	background-color:#cf000e;
	width:100px;
	height:29px;
	text-align:center;
	margin-bottom:5px;
}

#telechargement dd{
	margin:0px 0px 5px 0px;
}

#telechargement dl{
}

#telechargement dd dl dt{
	background:transparent;
	height:50px;
	width:0px;
	margin-bottom:-50px;
}

#telechargement dd dl dd{
	margin-left:60px;
	height:50px;
	padding-top:10px;
}

#telechargement dd dl dd a{
	text-decoration:none;
}


		/*******************
		* FICHE COMMERCANT *
		*******************/

#theme{
	display:block;
	height:28px;
	padding:1em 0em;
	
}

#theme dd{
	float:left;
	line-height:28px;
	vertical-align:middle;
	margin-left:0.5em;
}

#theme dt{
	color:white;
	font-weight:bold;
	line-height:28px;
	vertical-align:middle;
	letter-spacing:-1px;
	background-color:#cf000e;
	width:48px;
	height:28px;
	text-align:center;
	float:left;
}

#teaser_commercant {
	position:relative;
	left:1px;
	width:170px;
	float:right;
	padding:30px 5px 5px 15px;
	font-size:10px;
	color:white;
	background-color:#e17c00;
}

#teaser_commercant dl{
	margin-bottom:10px;
	font-weight:bold;
}

#email{
	font-weight:normal;
	color:white;
}

#teaser_commercant img{
	border:1px solid black;
}

#teaser_commercant a{
	text-decoration:underline;
	color:#FFFFFF;
}

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

		/************
		* RUBRIQUES *
		************/
		
#articles .illustrations{
	margin:0px 5px 5px 0px;
}

		/************
		* RUBRIQUES *
		************/

#contact{
	width:492px;
	height:297px;
	padding:5px;
	background:white;
	border:1px solid #cf000e;
}
#tab_contact {
	margin:10px 0 0 0;
	border:0;
	border-collapse:collapse;
}
#tab_contact td {
	padding:5px 0;
}
.middle {
	vertical-align:middle;
}
.top {
	vertical-align:top;
}
#contact p{
	margin-bottom:5px;
	font-size:10px;
}

#contact dt{
	float:left;
	width:80px;
	font-size:9px;
	line-height:16px;
	vertical-align:middle;
	text-align:right;
	white-space:nowrap;
}

#contact .droite{
	width:68px;
}

#contact dd{
	position:relative;
}

#envoyer{
	float:right;
	margin-right:40px;
}

.obligatoir_int{
	font-size:9px;
	
}

.obligatoir_ext{
	font-size:9px;
	
}

.court{
	background: url(bg_form-court.gif) no-repeat top left transparent;
	width:152px;
	height:16px;
	border:1px solid red;
	padding:0 5px;
	line-height:16px;
	border:0;
	font-size:10px;
}
.error_court {
	background: url(bg_form-court_error.gif) no-repeat top left transparent;
}

.long{
	background: url(bg_form-long.gif) no-repeat top left transparent;
	width:382px;
	height:16px;
	padding:0 5px;
	line-height:16px;
	vertical-align:middle;
	border:0;
	font-size:10px;
}
.long_error {
	background: url(bg_form-long_error.gif) no-repeat top left transparent;
}
.grand{
	background: url(bg_form-grand.gif)  no-repeat top left transparent;
	width:382px;
	padding:5px;
	height:106px;
	border:0;
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.error_grand {
	background: url(bg_form-grand_error.gif)  no-repeat top left transparent;
}
.succes {
	border:1px solid #89AF2B;
	background-color:#F6FFDF;
	padding:4px;
	margin:0.4em 0;
	color:#000;
}
.erreur, .error  {
	border:1px solid #BF3317;
	background-color:#FFE4DF;
	padding:4px;
	margin:0.2em 0;
	color:#000;
}
.error {
	margin:0; padding:0; 
}
		/*************
		* RECHERCHER *
		*************/
		
#rechercher{
	color:#671F23;
}

#rechercher p{
	font-size:0.9em;
	font-weight: bold;
}

#rechercher dt{
	width:250px;
	float:left;
	text-align:right;
	font-weight:bold;
}

#rechercher dd{
	color:#B52E00;
	line-height:12px;
	vertical-align:middle;
	
}

#rechercher input.input{
	height:19px;
	width:236px;
	margin:5px;
	background-color:#B52E00;
	border:1px solid #7D2C00;
	color:white;
	font-size:0.9em;
}

#rechercher select.input{
	height:19px;
	width:236px;
	margin:5px;
	background-color:#B52E00;
	border:1px solid #7D2C00;
	color:white;
	font-size:0.9em;
}

#rechercher .radio{
	width:12px;
	height:12px;
	margin:2px 5px 0 5px;
	padding:0;
	border:0;
	background-color:transparent;
}

#rechercher .assoc_commercant{
	height:30px;
}

#rechercher .choix{
	line-height:30px;
	vertical-align:middle;
}

#resultats{
	border-spacing:0px;
	border-collapse: collapse;
	margin-bottom:1em;
	width:530px;
}

#resultats th{
	border-top:1px solid #B52E00;
	border-bottom:1px solid #B52E00;
	color:#B52E00;
	font-size:1em;
	padding:0.5em;
	text-align:left;
}

#resultats td{
	position:relative;
	vertical-align:middle;
	height:60px;
	border-bottom:1px dotted #B52E00;
	font-size:0.9em;
	padding:0.5em;
	color:#671F23;
	font-weight:bold;
}

#resultats h3{
	color: #B52E00;
	font-size:1em;
}
	
#resultats td img{
	padding:0;
}

#resultats .artisanat_g{
	background: url(bg_antiquaire_g.gif) no-repeat center left;
	padding-left:25px;
}

#resultats .artisanat_d{
	background: url(bg_antiquaire_d.gif) no-repeat center right;
	padding-right:20px;
}

#resultats .commerce_g{
	background: url(bg_commerce_g.gif) no-repeat center left;
	padding-left:25px;
}

#resultats .commerce_d{
	background: url(bg_commerce_d.gif) no-repeat center right;
	padding-right:20px;
}

#resultats .resto_g{
	background: url(bg_resto_g.gif) no-repeat center left;
	padding-left:25px;
	
}

#resultats .resto_d{
	background: url(bg_resto_d.gif) no-repeat center right;
	padding-right:20px;
}
#resultats .services_g{
	background: url(bg_service_g.gif) no-repeat center left;
	padding-left:25px;
	
}

#resultats .services_d{
	background: url(bg_service_d.gif) no-repeat center right;
	padding-right:20px;
}
#resultats .autres_g{
	background: url(bg_autres_g.gif) no-repeat center left;
	padding-left:25px;
	
}

#resultats .autres_d{
	background: url(bg_autres_d.gif) no-repeat center right;
	padding-right:20px;
}
