/* CSS Document */
html, body {
	padding: 0;
	margin:0;
	height:100%;
}
body{
	margin:0;
	font: 0.625em/1em Arial, Verdana, "Times New Roman", Times, serif;
	background-image:url(../theme/fond.jpg);
	background-repeat:repeat-x;
	background-color:#ff7800;
	color:#000;
}

h1{
	text-indent:-2000px;
	float:left;
}
h2{	
	position:relative;
	width:478px;
	height:30px;
	padding:0 10px;
	margin-bottom:0;	
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.4em;
	text-align:left;
	line-height:30px;
	font-variant:small-caps;
	background-color:#993300;
}
h3{
	margin:0 5px;
	padding:5px 5px;
	border-bottom:1px solid #993300;
	color:#993300;
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	font-variant:small-caps;
}
fieldset{
	border:1px solid #216927;
}
blockquote{
	background-color:#FFFFFF;
	/*border:2px solid #930;*/
	font-size:1em;
	padding:5px;
	font-weight:bold;
	text-align:justify;
	/*font-style:italic;
	color:#216927;*/
}
p{
	padding:5px;
	margin:0;
}
/*=============================*/
/**  Classes de mise en page  **/
/*=============================*/
.none{display:none}
.clear{clear:both; margin:0; padding:0; font-size:0}
.tleft{text-align:left}
.tright{text-align:right}
.tcenter{text-align:center}
.tjustify{text-align:justify}

a.tblanc{color:#fff}
a.tblanc:hover{text-decoration:none}
a.tnoir{color:#000}
a.tnoir:hover{text-decoration:none}

.tmaj{font-variant:small-caps}
.gras{font-weight:bold}
.left{float:left}
.right{float:right}
.bnull{border:0}
.lr2{border-bottom:2px solid #993300;}
.img5{margin-right:5px;}
.trouge{font-weight:bold; color:#993300; font-style:italic;}
.f2{ background-color:#ebceba;}

.souligne{
	text-decoration:underline
}
.petit{
font-size:0.9em
}
.erreur, .reussite {
	font-size: 1.2em;	
	font-weight: bold;
	text-align: center;
	background-color:#fff;
}
.erreur
{
	color: #F00
}
.reussite {	
	color: #3F6F3E
}
/*=============================*/
/**  Mise en Forme du design  **/
/*=============================*/
#conteneur{
	position: relative;
	min-height: 100%;
	width:100%;
}
#site{
	position:relative;
	width:850px;
	margin:0 auto;
	padding:0;
	font-size:1.2em;
	line-height:1.2em;
	background-image:url(../theme/fpage.jpg);
}
#ban{
	position:relative;
	width:850px;
	height:174px;
	margin-top:10px;
	/*background-image:url(../theme/band.jpg);
	background-position:right;*/
}
#menuh{
	position:relative;
	width:850px;
	height:39px;
	background-image:url(../theme/menuh.jpg);
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	font-variant:small-caps;
	color:#FFFFFF;
}
/*=============================*/
/**          contenu page                    **/
/*=============================*/
/** partie centrale **/
#page{
	position:relative;
	float:left;
	width:500px;	
	margin:0 5px 20px 5px;
	text-align:justify;
	
}
#contenu{
	border-left:1px solid #993300;
	margin:0;
	border-right:1px solid #993300;
}
/** menu  haut**/
#menuh ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#menuh li{
	display:inline;
	margin:0 10px;
	line-height:30px;
	height:30px;
}
.pubch{
	margin:0 14px 3px;	
}
.pubcb{
	margin:0 8px 0 0;	
}
.pubcb2{
	margin:0 0 0 8px;	
}
/** menus**/
.menu,.menud{
	position:relative;
	width:170px;
}
.menu{	
	float:left;	
}
.menud{
	float:right;
}
.menu img,.menud img{
	margin:0 auto;
	display:block
}
/** menu gauche **/
.tmenug{
	font-size:1em;
	padding-bottom:3px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	line-height:26px;
	height:26px;
	display:block;
	background: url(../theme/titre_mg2.jpg) no-repeat;
	/*	font-size:1.2em;
	padding-bottom:5px;	
	line-height:32px;
	height:32px;	
	background: url(../theme/titre_mg.jpg) no-repeat;*/
}
ul.menug{	
	margin:0;
	padding:0 0 5px;
	color:#000;
	list-style-type:none
	}
	.menug li{
		margin:0;
		padding-left:5px;
		font-size:1em;
	}
	
	.menug a:link, .menug a:visited{
		font-weight:bold;
		text-decoration:none;
		color:#000
	}
	.menug a:hover, .menug a:active{
		text-decoration:underline;
	}
.met{
	color:#930
}
a.liann{
	font-style:italic;
	text-decoration:underline;
	color: #930;
	float:right;
	margin-right:5px;
	margin-bottom:2px
}

/** menu droite**/

.menud select{
	font-size:0.9em;
	width:160px
}
.menud option{
	line-height:1.3em;
	height:1.3em
}
.valok,.valok:hover, .valok:focus, .valok:active{
	border:1px solid #000;
    cursor:pointer;
    font-weight:600;
    height:21px;
	width:25px;
    padding-bottom:4px;
    text-align:center;
}	
.valok{/*normal foncé*/ 
	color:#fc9;
	background:#930 ;	/*#*/
}

.valok:hover, .valok:focus, .valok:active{/*actif clair*/ 
	color:#fc9;
	background:#f60;/**/
}


/** pub milieu bas
.pubmil{
margin: 30px 0 
}**/
/** bas page **/
#bpage{	
    float: left;
	font-size:0;
	line-height:0;
	padding:0;
	background:url(../theme/bpage2.jpg) no-repeat;
	width:500px;
	height:10px;
	left:0;
}
/** ent  **/
.entre{
border-bottom:2px solid #993300;
margin-top:0
}
/** page index **/
#catego{
margin-top:5px
}
/** page accueil **/
dl{
 margin:10px 5px
}
dt{
	text-decoration:underline
}
ul.accueil{
margin-right:5px
}

/*** page contact ***/
#contact fieldset {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
	border: 1px solid #930;
}
#contact legend {
	color: #000;
	background-color:#fff;
    }
#contact   p {
    float: left;
     display: inline;
     text-align: right;
     width: 225px;
     margin: 0
 }
    #contact p.type  {
        width:310px
    }
    #contact p.message{
	text-align: left;
        width:460px
		
    }
	#contact p.mail  {
        width:240px
    }
        #contact textarea, input, select{
            vertical-align: middle;
            background-color: #fff;color: #000;
        }
	#contact p.anncont  {
        width:345px
    }
#contact a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#contact a.aide img {
	margin: 0;
	padding: 0;
	border: 0;
}
#contact a.aide:hover {	
	cursor: help;
}	
#contact .valid{
    background-color:#ff4900;  /*foncé*/
  border:1px solid #930;
    color:#fff;
    cursor:pointer;
    font-weight:600;
    height:21px;
    padding-bottom:4px;
    text-align:center
}

#contact .valid:hover, #contact .valid:focus, #contact .valid:active{
    background-color:#ff7900; color:#fff;  /*clair*/
  border-color:#930;
}

form input.valid:active{
    background-color:#ff7900;color:#fff;
    border-color:#930
}
#spam legend{
	color:#F00; 
	background-color:#fff
}
p#submit{
float:none;
margin-left:194px
}
/*** page mentions ***/
#meng{
	position:relative;
	margin-left:5px;
}
#mend{
	position:relative;
	margin-left:5px; 
	margin-bottom:40px;		
}
/*** page annonces ***/
/*tableau*/
#tbannon{
	width: 487px;
	border:2px solid #993300;
	margin:5px auto;
	border-collapse: collapse;/**/
}
#tbannon caption {
	color:#993300;
	font-weight:bold;
	font-size:1.2em;
	font-variant:small-caps;
	margin-bottom:10px
}

#tbannon th{
	text-align:center;	
}
th#prix{
	width:60px
}
th#photo{
	width:71px
}
th#date{
	width:69px
}
#tbannon td{
	padding-top:3px;
	padding-bottom:3px;
	border-top:1px solid #993300;
}
.imtab{
	display: block;
	margin: auto;
	border:2px solid #993300;
}
/*annonce*/
.annleft{
	float:left;
	margin-top:10px;
	padding-left:0px;
	width:245px;
	text-align:left
}
.prouge{
	font-weight:bold; 
	color:#993300;
	font-size:1.4em;
	padding-top:30px;
	text-align:center
}
/*=============================*/
/**                   pied                             **/
/*=============================*/

#pied{
	position:relative;
	width:800px;
	height:31px;
	margin:0 auto;
	padding:0 25px 0 25px;
	color:#FFF;
	text-align:right;
	line-height:31px;
	font-size:1.2em;
	background-image:url(../theme/pied.gif);
	margin-bottom:10px;
}
/*=============================*/
/**                   HACK                            **/
/*=============================*/
* html #conteneur{height:100%}