body {margin:0; padding:0; background:#fff; font:1em Arial, Trebuchet MS, Helvetica, sans-serif}
body {text-align:center} /** Centrage de la page dans ie **/

/** Maquette **/
#master {margin:auto; text-align:left; width:800px}
#tete {height:160px; background:url(images/header3.png) no-repeat; margin-bottom:0px; margin-top:0px;}
#infopage {background: #3399CC;height:20px}
#centrale {background:url(images/bg_h1-bottom.gif) no-repeat top; padding-top:4px;}
#zonemenu {width:190px; float:left;}
#zoneannonces {width:605px; float:left; margin-left:1px; padding:1px;}
#zonecentre {width:605px; float:left; margin-left:4px;}


/** Styles defaut **/
h1, h2, h3,h4 {font-family:Arial, Trebuchet MS, Georgia, "Times New Roman", Times, serif; margin:0; padding:0; }
p {margin:0; padding:0}
img {border:none}
em {font-style: normal;}

a {
/*color:#BA7494;*/
color:#CC6600;
text-decoration:none;
}

a:hover {
/*color:#8E4665;*/
color:#824100;
text-decoration:underline;
}

h1 {font-family:Arial, Trebuchet MS, Helvetica, sans-serif; font-size: 0.8em; color:#fff; text-align: right; padding-right: 12px; padding-top:2px;}
h2 {font-size:1em; color:#000; }
h3 {color:#993366; }
h4 {color:#3399CC; }
h4 a {color:#3399CC;font-style: normal}
h4 a:hover {color:#3399CC;text-decoration:underline;}



/** Zones centre **/
.Style9 {color: #6A7C06}
.Style10 {font-size: 13px; font-weight: bold; color: #586705;}
.Style8 {font-size: 12px;}
.chapo_comment {font-size: 12px; background: url(../images/comment.gif) no-repeat;padding-left:15px}
.chapo_facebook {font-size: 12px; background: url(../images/facebook.gif) no-repeat;padding-left:15px}
.reduction {font-size: 13px; font-weight: bold; color: #FF0000;}
.dimanche {font-size: 13px; font-weight: bold; color: #30b639;}
.Style11 {font-size: 13px; font-style: italic; }



#zonecentre h2 {padding:0 12px; }
#zonecentre h3 {font-size:1em;padding:6px 12px 0 12px; font-style:italic }
#zonecentre h4 {font-size:1em;padding:6px 12px 0 12px; font-style:italic }

#zonecentre p {font-size:0.8em; margin:0 12px 6px 12px; text-align:justify}
#zonecentre .demileft p.chapo, #zonecentre .demiright p.chapo {margin:0px 12px 12px 12px; color:#666;}
#zonecentre .demileft p, #zonecentre .demiright p {text-align:left; margin-top:12px}

.centrespl {background: url(images/bg_artspl.gif) repeat-y}
.centrespl p{padding-left:9px}
.centrespltop {height:7px; width:605px; margin:0; display:block;}
.centresplbas {height:10px; width:605px; margin:0; display:block;}


/** Zones annonces **/
#zoneannonces h2 {border-bottom:1px solid #ddd; height:30px; padding:3px 0px 3px 3px;}
#zoneannonces h3 {font-size:1em; padding:6px 12px 0 12px; font-style:italic }
#zoneannonces h4 {font-size:1em; padding:6px 12px 0 12px; font-style:italic }

#zoneannonces p {font-size:0.8em; margin:0 12px 6px 12px; text-align:justify}
#zoneannonces .demileft p.chapo, #zoneannonces .demiright p.chapo {margin:0px 12px 12px 12px; color:#666;}
#zoneannonces .demileft p, #zoneannonces .demiright p {text-align:left; margin-top:12px}
#zoneannonces li {font-size:13px}

.prix {float:right; margin-top:-0px;font-style: normal;}

.annoncetop, .annoncebas {height:0px; width:605px; display:block; margin:0;padding:0;}


.annoncespl 
{
position:relative;
float:left;
padding-left:0px;
/*width:350px;*/
top:0;
}


.annoncespl img 
{
float:left; 
margin:0px 0px 3px 12px
}


.annoncespl p 
{
font-size:10px;
padding:5px;
margin:20px;
}

.annoncespl h2
{
padding:none;
border:none;
}



.annoncespltop {height:7px; width:350px; margin: 3px 0px 0px 0px; display:block; }
.annoncesplbas {height:10px; width:350px; margin:0; display:block; }

.demileft img, .demiright img {margin:0 12px 0 18px; float:left}

.demicolbas {width:301px; height:6px; display:block; clear:both }

.demiright, .demileft {margin-top:3px; float:left; width:301px; }
.demileft {margin-right:3px}

.demi2 img {margin:0 12px 0 18px; float:left}
.demi2 .topvente {margin:0;float:none}

.demi2colbas {width:605px; height:6px;display:block; clear:both }

.demi2 {margin-top:3px; float:left; width:605px;border-bottom:1px dashed #B9B9B9}
/** Pied **/
.piedtop {width:800px; height:8px; display:block; margin-top:6px;border-top:1px solid #ddd}

#pied p.infos {font-size:0.75em; color:#fff; text-align:center;color:#000;}
#pied .infos a {color:#000;}
#pied p.liensutiles {color:#c0c0c0; width:800px; text-align:center; margin:0; padding-top:12px; font-size:0.75em; background: url(images/bg_pied-bas.gif) no-repeat left top; font-size: 9px;}
#pied .liensutiles a {color:#c0c0c0; text-decoration:none; font-size: 9px;}

/** Menus **/
#menu1 {width: 190px;}
#menu2 {width: 190px;}
#menu3 {width: 190px;}

#zonemenu h2 {padding:3px 1px 8px 5px;}

#menu1 h2 {background: #339900;color:#fff;font-size:12px;}
#menu2 h2 {background: #339900;color:#fff;font-size:12px;}
#menu3 h2 {background: #339900;color:#fff;font-size:12px;}

#zonemenu ul, #zonemenu li {margin:0; padding:0; list-style: none;}
#menu1 ul {width:190px;}
#menu2 ul {width:190px;}
#menu3 ul {width:190px;}

#zonemenu li {margin:0;padding:0;}
#menu1 li {background:#fff;}
#menu2 li {background:#fff;}
#menu3 li {background:#fff;}

#zonemenu a {font-size:0.8em; color:#efefef; display:block; padding:2px 4px 0px 0px; }
#menu1 a {background: url(images/menu2-puce.gif) no-repeat; color:#666;}
#menu2 a {background: url(images/menu2-puce.gif) no-repeat; color:#666;}
#menu3 a {background: url(images/menu2-puce.gif) no-repeat; color:#666;}

#menu1 a:hover {color:#666;}
#menu2 a:hover {color:#666;}
#menu3 a:hover {color:#666;}


.menu1bottom, .menu2bottom, .menu3bottom {height:15px; width:190px; margin:0; display:block}

.menu1bottom {background: url(images/bg_menu1-bas.gif) no-repeat bottom;}
.menu2bottom {background: url(images/bg_menu2-bas.gif) no-repeat bottom;}
.menu3bottom {background: url(images/bg_menu2-bas.gif) no-repeat bottom;}

/** Formulaire de recherche **/
#frm-recherche {width: 190px; background: url(images/bg_recherche.gif) repeat-y; margin-bottom:0px}
#frm-recherche h2 {background: url(images/bg_recherche-top.gif) no-repeat; font-size:1em; font-style:italic; padding:11px 10px 12px 10px;}
#frm-recherche form {margin:0; padding:0;}
#frm-recherche p {margin: 0 12px}
#frm-recherche label {font-size:0.9em;}
#frm-recherche input, #frm-recherche select {margin:4px 0; width:150px; background-color:#EEEDC4; border:0; border:1px solid #948E1C;}
#frm-recherche .button {border:1px solid #eaeaea; margin-top:6px;}
.frmrecherche-bottom {background: url(images/bg_recherche-bas.gif) no-repeat bottom;height:15px; width:190px; margin:0; display:block}
/** Utiles **/
.clear {clear:both;}

#comment {margin:5px;padding:5px;font-size:12px}
#comment h1 {font-size:12px;font-weight:bold;text-align:left;color:#000000}

/** Formulaire de commentaires **/
#form_comment form {font-size:12px}
#form_comment fieldset {margin:5px;padding:5px}
#form_comment label {width:250px}
#form_comment #erreur {color:#FF0000;}

.affiche_comment {border-bottom:1px dashed #000;margin-top:5px}
.date_comment {border:1px solid #000;padding:3px;width:50px;text-align:center;background: url(../images/fond_date.gif);float:left;}
.ecrit_comment {padding:0px;margin-left:60px;}


.bloc {
height: 75px;
border-bottom:1px dashed #000;
margin-top:5px;
}
html>body .bloc {
height: auto;
min-height: 75px;
} 

#annuaire table {font-size:11px;}

/*************************************************************************************/
/**                                        HACK                                     **/ 
/*************************************************************************************/

/** Appliqué à Win IE 4.0 - 6.x / OSX IE.5x / Mac IE 4.0 - 5.x **/
* html #menu1 a, * html #menu2 a, * html #menu3 a {height:1em}

/** Win IE 5.x : pb de modele de boites**/
#zonemenu li {
	float:left; 
	width:182px;
	margin:0 2px 4px 2px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width:auto;
		margin:0 4px 4px 4px;
		float:none;
}
html>body #zonemenu li{
		width:auto;
		margin:0 4px 4px 4px;
		float:none;
}

/** Win IE5x IE6x - pb display:block**/
.annoncetop, .annoncebas, .demicolbas {margin-top:-23px; } /** Valeur pour Win IE **/
html>body .annoncetop, html>body .annoncebas, html>body .demicolbas {margin-top:0; }

.piedtop {margin-top:-25px; } /** Valeur pour Win IE 6 **/
.piedtop {margin-top /**/: -7px;} /** Valeur pour IE 5.x **/
html>body .piedtop {margin-top:3px;} /** Valeur normal **/

/*************************************************************************************/
/**                                     FIREFOX                                     **/ 
/*************************************************************************************/

#iemessage {
	position: relative;
	margin: -2px 0 10px 0;
	width: 800px;
	background: #C00 url(images/bg_iemessage.gif) no-repeat top right;
	color: #FFFFFF;
	text-align: left;
	filter: alpha(opacity=70);
}
#iemessage p {
	margin: 0;
	font-size: 85%;
	padding: .5em;
	color: #FFFFFF;
	font-weight: normal;
	
}
#iemessage img {
	float: right;
	padding: .5em;
}
#iemessage a {
	color: White;
	text-decoration: underline;
	font-weight: bold;
}
#iemessage a:hover {
	color: #FFD700;
}


.nopage {font-size:12px;text-align:center}

#nuage {
font-size:11px;
margin-top:5px;
border:solid 1px #B9B9B9;
padding:5px;
width:234px;
}

#nuage a {
text-decoration:none;
}


#recherche {
padding-top:5px;
}
/*************************************************************************************/
/**                                       AJAX                                      **/ 
/*************************************************************************************/

.ajax {width :148px; _width :150px; background : #EEEDC4; float : left; position: absolute; font-size:12px; margin-top:-4px; _margin-top:-5px; margin-left:12px; _margin-left:0px; visibility:hidden; border-left:1px solid #948E1C; border-right:1px solid #948E1C; border-bottom:1px solid #948E1C;}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* 
#dlmenu {height:10em;width:190px;float:left;font-size:11px;}
#menu {list-style-type:none; margin:0 0 10px; padding:0; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#b4be9c url(top_grad_2.gif) center center; color:#ff0; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:20em; background:#b4be9c url(sub_grad.gif);}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 190px; margin: 0; background: #6f9c6f; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 1.1em; border-top:1px solid #cce;}
#menu dd {margin:0; padding:0; font-size: 1em; text-align:left; }
.gallery dt a, .gallery dt a:visited {display:block; color:#000; padding:5px 5px 5px 10px; background:#fff url(top_grad.gif) center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 5px; background:#b4be9c url(sub_grad.gif);}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
.gallery dd a:hover {background:#7aa; color:#ff0;}
*/


table {
font-size:12px;
}

#partenaires {
font-size:12px;
}

#partenaires form {
font-size:12px;
}

#partenaires h1 {
text-align:center;
font-size:12px;
color:#000000;
}

#partenaires td {
font-size:11px;
}

#partenaires a {
color:#000000;
text-decoration:underline;
font-weight:bold;
}

.pages {
font-size:12px;
font-style:normal;
padding:10px;
}

.pages h3 {
font-style:normal;
font-size:12px;
text-decoration:none;
color:#000000;
}

/* demo */

div.demolayout {
	width: 603px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-13px;
	_margin-top:10px;
}

ul.demolayout {
	list-style-type: none;
	width: 100%;
	margin-left:-40px;
	_margin-left:-0px;

}

ul.demolayout li {
	margin: 0 2px 0 0;
	float: left;
}

ul.demolayout a {
	display: block;
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #ccc;
	background: #eee;
	text-decoration: none;
	font-weight: bold;
}

ul.demolayout a:hover {
	background: #fff;
}

ul.demolayout a.active {
	background: #fff;
	/* padding-bottom: 5px; */
	cursor: default;
	color: #000;
	border-bottom:1px solid #fff;
	background-color:#FFFFFF;
}

.tabs-container {
	clear: left;
	border: 1px solid #ccc;
	border-top:1px solid #ccc;
	margin-top: -20px;
	padding: 10px 10px 0 10px;
	height:340px;
}