/* CSS Document */

body { text-align:center; margin:0; padding:0; font-family:Arial; font-size:13px; background: #669900; color:#626262;
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
padding-bottom:20px;

}

a {
	outline:none;
}

#page {
	width:960px;
	margin:0 auto;
}

a.annonce {
	color:#00B1E5;
	text-decoration:none;	
}

a.annonce:hover {
	color:#00B1E5;
	text-decoration:underline;	
}

label { cursor:pointer; }

.wrapper{ margin:0 auto; width:900px; position:relative; text-align:left;}

.wrapper2{ margin:0 auto; width:900px;text-align:left;}

h1{color:#00B1E5; font-size:40px; margin-top:0;}

h2{color:#363636; font-weight:normal; font-size:20px; font-weight:bold;}

h4{color:gray;font-weight:bold;font-size:16px; padding-bottom:4px;margin-bottom:0;}

p.resultat {color:#00B1E5;}

strong span { color:#626262; }

ul.liste { margin: 0pt; padding: 8px 0pt 0pt 12px; } 
ul.liste  li { color:#00B1E5; list-style:square; padding-bottom:14px; } 
ul.liste li span { color:#626262; } 

img.rss {
	border:0;	
}

div#outils {
	padding-top:8px;
	width:100%;
	clear:both;
}

div#outils img.rss {
	margin:2px 4px 0 0;
	float:left;	
}

a#rss, a.orange {
	text-decoration:none;
	color:#F60;
	font-weight:bold;	
}


a#rss:hover, a.orange:hover { text-decoration:underline; }

span.exergue {
	 color:#00B1E5;
	 font-weight:bold;
}
.green{color:#9fbe34; font-size:18px; font-weight:bold; margin-bottom:0px; }
	
.left{float:left;}

.clear{clear:both;}

a{color:#86a02c;}

a:hover{color:#9fbe34;}

.line{height:1px; border-top:1px solid #ccc; margin:10px 0;}

#footer {
	background-image:url("images/bas.png");
	background-repeat:no-repeat;
	background-position:top center;
	height:70px;
	width:960px;
	border-top:1px solid #363636;
	font-size:10px;
	color:#96958a;
}

#footer #cim {
	float:left;
	padding:0px 0 0 30px;
}

#footer #conditions {
	float:left;
	padding:12px 0 0 30px;
}

#footer #copyright {
	float:right;
	padding:12px 30px 0 0;
}

#footer a {
	color:#96958a;
	text-decoration:none;
}

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

#zoneRecherche {
	border:1px solid #ccc;
	background-color: #F5F4F4;
	margin-bottom:20px;
	padding: 0 15px 10px 15px;
}

#zoneRecherche  input.field {
	border:1px solid #ccc;
	background-color:white;
	width:220px;
	padding:8px;
	margin-bottom:10px;
	color:#626262;
}

select.modePaiment {
	border:1px solid silver;
	padding:4px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#626262;
}

input.champ, textarea.champ, select.champ {
	width:400px;
	border:1px solid silver;
	padding:4px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#626262;
}

input.petitchamp, select.petitchamp {
	width:200px;
	border:1px solid silver;
	padding:4px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#626262;
}

#zoneRecherche  input.button { padding:2px 6px; border:1px solid #9C0; background-color:#F5F4F4; color:gray; cursor:pointer; font-size:11px;}
#zoneRecherche  input.button:hover { padding:2px 6px; border:1px solid #9C0; background-color:#9C0; color:#FFF; font-size:11px;}

img#cover {
	margin: 15px 15px 10px 15px;
	border:1px solid #ccc;
}

div#tarif {
	font-size:50px;
	padding-bottom:20px;
}

table#grilleTarifaire {
	border-collapse:collapse;
	border:1px solid silver;
}

table#grilleTarifaire td {
	border:1px solid silver;
	padding:2px 6px;
}

table#grilleTarifaire th {
	border:1px solid silver;
	background-color:#E0E1D3;
	padding:2px 6px;
}

table.formAnnonce, table.formAnnonce td, table.formAnnonce th {
	padding:0;
	margin:0;
}


input.payer { 
	text-align:center;
	width:240px;
	background-color:#F29400;
	font-size:20px;
	color:white;
	border:1px solid #F29400;
	cursor:pointer;
}

input.payer:hover { 
	background-color:#ffcc00;
	font-size:20px;
	color:white;
	border:1px solid #ffcc00;
	cursor:pointer;
}


#DIV_MOVE {
  left : 0px;
  top : 0px;
  z-index: 1000;
}


/*.................................................................................................. Header......................................................................................... */


.header { 
	background:url(images/top.png) #669900 top left no-repeat; height:289px; /* anciennement 144 */

}

.logo{padding-top:170px;}/* anciennement 25 */

#login{position:absolute; top:164px; right:0px; text-align:right; color:#999;} /* anciennement 20 */

.top_box {padding:8px; background-color:#222222; border:1px solid #666; color:#a5a497; width:130px; margin:0px 5px;  }

.go{margin-left:5px;}



/*........................................... Nav................................ */


.nav{position:absolute; left:0; top:240px;} /* anciennement 95 */

.nav a{text-decoration:none; color:#626262; font-weight:bold;}

.nav a:hover{color:#222222;}

.link{  background: #fff; position: relative; margin: 10px 0; text-align:center; float:left;}

.link_other{margin-right:15px; float:left; margin: 10px 0; text-align:center;}

.inside{padding:10px 30px 30px 30px; font-size:14px;}

.tl	{ position: absolute; width: 11px; height: 11px; background: url(images/top_left.jpg) top left no-repeat; top: 0px; left: 0px; }

.tr	{ width: 11px; height: 11px; background: url(images/top_right.jpg) top right no-repeat; position: absolute; top: 0px; right: 0px; }

div.separateur {
	border-bottom:1px dotted silver;
	margin:6px 0;
	width:100%;
	clear:both;
}

ul.pages { list-style-type:none; padding:0; margin:6px 0; }
ul.pages li { float:left; margin-right:6px; }
ul.pages li a { padding:2px 6px; border:1px solid #86a02c; text-decoration:none; }
ul.pages li a.active { padding:2px 6px; border:1px solid #86a02c; background-color:#99CC00; color:white;}


ul.photos { list-style-type:none; padding:0; margin:0 ; width:100%; }
ul.photos li { float:left; margin:6px 6px 6px 0; }
ul.photos li img { border:0;  }

/*.................................................................................................. Content......................................................................................... */



.content{background-color:#FFFFFF; padding:40px 0; line-height:1.5em; }

.full{width:100%;}

.main{width:590px; float:right;}

.cir{padding-top:7px; margin-right:10px;}



/*........................................... Slide................................ */

.right { width: 270px; margin: 0; float:left; }

#demo-show { width: 270px; margin: 0; }
   
#demo-show h3 { margin: 0; padding:8px; background-color:#fff; border-top: 1px solid #cdccbf; cursor: pointer;  color:#4f4e4e; font-size:14px; }
	    
#demo-show div { padding: 5px 2px; }

#demo-show ul{ margin:0; padding:0; }

#demo-show li{ list-style:none; padding-left:8px; padding-bottom:7px; }

#news{margin:20px 0; border:1px solid #ccc; background-color:#f5f4f4;}

#news p{padding:0 15px;}




/*........................................... Extra area and Footer................................ */


.extra{background-color:#363636; padding:20px 0 30px 0; color:#96958a; line-height:1.7em;}

.extra a{padding:3px; background-color:#222222; text-decoration:none;}