body {
	background: url(../img/template/background.png) repeat-x top #faf6eb;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}
a, a:visited {
	color:#39F;
	text-decoration:none;
}
a:hover {
	color:#0CF;
}
#site{
	width:1000px;
	margin: 0 auto;
}

/* HEAD-BRUN */
#head-brun{
	height:60px;
}
#head-brun #right{
	float:right;
	margin-top:15px;
	color:#b3c066;
}
#head-brun #right a{
	color:#b3c066;
	text-decoration:none;
}
#head-brun #right a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#head-brun #right a{
	margin:0 10px;
}
#head-brun #right #input-search{
	height:20px;
	width:176px;
	background:url(../img/template/head_brun_input.png) no-repeat;
	border:none;
	padding:0;
	margin:0;
	padding:7px 20px 3px 10px;
	margin-left:10px;
	color:#666;
}
#head-brun #right img{
	margin:0;
	padding:0;
	margin-bottom:-10px;
	cursor:pointer;
}

/* HEAD BLEU */

#head-bleu {
	height:144px;
	background:url(../img/template/head_bleu_background.png) no-repeat top;
}
#head-bleu .title{
	margin:51px 0 0 265px;
}
#head-bleu .adv{
	border: 2px #FFFFFF solid;
	float:right;
	margin-top:55px;
}

/* MENU */

#menu {
	height:200px;
	background:url(../img/template/head_bleu_bot_background.png) top no-repeat #fff;
}
#menu .icon{
	margin-top:15px;
	margin-left:20px;
}
#menu .texte{
	padding:40px 20px 0px 102px;
	height:75px;
	line-height:1.2em;
	text-align:justify;
}
#menu h2{
	font-size:1.8em;
	font-family:"Trebuchet MS",  Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	padding:5px 0px 7px 20px;
}
#menu #menu-1, #menu #menu-2, #menu #menu-3 {
	height:204px;
	background:url(../img/template/menu-bg.gif) bottom left no-repeat;
	width:33.3%;
	float:left;
}
#menu #menu-3 .menu-3{
	background:url(../img/template/menu-bg.gif) bottom right no-repeat;
	height:204px;
}


/* CLASS */

.menu-button {
	height:41px;
	width:207px;
	background:url(../img/template/menu-button.png) no-repeat;
	border:none;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.4em;
	cursor:pointer;
	margin-top:3px;
}
.menu-button:hover {
	background:url(../img/template/menu-button-hover.png) no-repeat;
	color:#E6FF8C;
}

/* CONTENTS */
#contents {
	margin-top:20px;
	background:url(../img/template/content-head.png) no-repeat;
	padding-top:13px;
	width:999px;
}
#contents #contents-cent {
	background:url(../img/template/content-cent.png) repeat-y ;
	padding:8px;
	padding-top:5px;
}
#contents #contents-foot {
	background:url(../img/template/content-foot.png) no-repeat;
	padding-top:30px;
	text-align:center;
	padding-bottom:20px;
}
#contents #contents-cent #contents-right{
	width:250px;
	float:right;
}
/* CONTENT STYLES */

#main h3 {
	font-size:1.8em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#0099cc;
	margin-left:15px;
	display:inline;
}
h3 {
	font-size:1.8em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#0099cc;
	margin-left:25px;
	margin-bottom:20px;
}
.fromfor{
	font-size:1.6em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
}
div.proorstu {
	width: 250px;
	float:left;
	margin-top:10px;
	margin-left:10px;
}
div.proorstu div{
	background:url(../img/template/menu-bg-reverse.gif) bottom left no-repeat;
	padding-left:15px;
	padding-top:10px;
}

ul.possib{
	margin:10px;
	padding-right:20px;
	display:list-item;
	list-style-image:url(../img/template/list-img.png);
	color:#669900;
}
ul.possib li{
	color:#333;
	display:list-item;
	width:100%;
	padding-top:5px;
	padding-left:5px;
	background-image:none;
	line-height:1.2em;
}

h4 {
	font-size:1.5em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#99cc00;
	margin-left:35px;
}
.bold {
	font-weight:bold;
	color:#669900;
}

/* RECENT */
#recent {
	margin-left:260px;
	margin-top:20px;
	width:460px;
}
.recent {
	border-bottom:2px solid #BBB;
	margin: 0 0px;
	padding: 15px 3px;
	min-height:75px;
}
.recent:hover{
	background-color:#F0F0F0;
}
.recent .clear {
	clear:both;
}
.recent img {
	border:none;
	margin-right:10px;
}

/* LEFT */
#contents-right #numero {
	text-align:center;
}
#contents-right h2{
	text-align:center;
	font-size:1.2em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin-top:15px;
	margin-bottom:10px;
}
#contents-right ul.villes {
	margin-left:50px;
	margin-bottom:15px;
}
#contents-right ul.villes li {
	margin-bottom:3px;
}
#contents-right #numero h2{
	font-size:1.2em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
	margin-top:-5px;
}
#contents-right #numero form{
	margin:5px 0 10px 0;
}
#contents-right #numero #input-id{
	height:30px;
	width:51px;
	background:url(../img/template/right-input.png) no-repeat;
	border:none;
	padding:5px 10px 0 10px;
	color:#666;
	font-size:1.3em;
	font-weight:bold;
}

h5 {
	padding:10px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	color:#666;
}
.ville {
	height:41px;
	font-size:1.25em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#99cc00;
	text-align:center;
	padding-bottom:3px;
}
.ville div{
	position:relative;
	top:40%;
}
#contenu{
	margin-left: 15px;
	margin-right:270px;
}
#contenu #formulaire{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-style:italic;
	margin-top:15px;
	color:#666;
}
#contenu #formulaire textarea{
	width:350px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	height:80px;
}
#contenu #formulaire .textfield{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	width:160px;
}
.obligatoire {
	font-size:0.9em;
	text-align:right;
}
.indispensable{
	color:#C00;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.error {
	color:#C00;
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin-top:10px;
	text-align:center;
	line-height:1.3em;
}
.detail {
	font-size:0.8em;
	line-height:1.2em;
}
.endadd {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.3em;
	text-align:center;
	color:#669900;
	padding-top:20px;
	line-height:1.2em;
}

/*    AFFICHAGE DES KOTS  */

#select_and_order{
	float:right;
	margin-right:20px;
	background-color:#f2eddf;
	padding:5px;
	text-align:right;
}
#select_and_order avance{
	
}
#select_and_order select{
	color:#555;
	font-size:1em;
}
#contenu-kots{
	width:650px;
	margin: 0 auto;
}
.head_kots{
	border-bottom:2px solid #BBB;
	margin: 0;
	padding-bottom:3px;
}
.nbkots{
	font-size:1.2em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#99cc00;
}
#contenu-kots .page{
	float:right;
	padding-top:2px;
}
#contenu-kots .page .nextprev{
	background-color:#CCC;
	padding: 0 4px;
	text-decoration:none;
	color:#FFF;
}
#contenu-kots .page .nextprev:hover{
	background-color:#39F;
}
#contenu-kots .page .link{
	padding: 0 4px;
}
#contenu-kots .page .current{
	padding: 0 4px;
}
#contenu-kots .kot {
	border-bottom:2px solid #BBB;
	margin: 0 0px;
	padding: 15px 15px;
	min-height:75px;
	color:#666;
	position:relative;
}
#contenu #rsearch .kot {
	background-color:#EFE;
}
#contenu-kots .kot:hover, #contenu-kots .demande:hover {
	background-color:#F0F0F0;
}
#contenu-kots .demande {
	border-bottom:2px solid #BBB;
	margin: 0 0px;
	padding: 15px 15px;
	color:#666;
	position:relative;
}
#contenu #rsearch .demande {
	background-color:#FFB;
}
#contenu-kots .kot .clear {
	clear:both;
}
#contenu #rsearch #contenu-kots{
	border-top:2px #CCC solid;
	margin-top:10px;
}
#contenu-kots .kot img {
	border:none;
	margin-right:10px;
}
#contenu-kots .ref{
	float:right;
	color:#900;
	font-weight:bold;
	margin-left:10px;
}
#contenu-kots .ajout{
	float:right;
	color:#999;
	font-style:italic;
	margin-top:3px;
}
#contenu-kots .kot .photos{
	position:absolute;
	width:200px;
	left:30px;
	top:90px;
	color:#0099cc;
	font-weight:bold;
	font-style:italic;
	margin-top:3px;
}
#contenu-kots .type{
	color:#669900;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:4px;
}
#contenu-kots .kot .type{
	margin-left: 110px;
}
#contenu-kots .commune{
	color:#669900;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-style:italic;
	margin-bottom:8px;
}
#contenu-kots .kot .commune{
	margin-left: 110px;
}
#contenu-kots .bold{
	color:#444;
	font-weight:bold;
}
#contenu-kots .kot .info-l{
	position:absolute;
	left:125px;
	margin-bottom:4px;
}
#contenu-kots .kot .info-r{
	margin-left:300px;
	margin-bottom:4px;
}

#contenu-kots .demande .info-l{
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
#contenu-kots .demande .info-r{
	margin-left:230px;
	margin-bottom:10px;
}
#contenu-kots .demande .info-rr{
	position:absolute;
	margin-left:475px;
	margin-bottom:10px;
}

#contenu-kots .desc{
	margin-top:8px;
	font-size:1.1em;
	color:#777;
	text-align:justify;
}
#contenu-kots .kot .desc{
	margin-left: 110px;
}
#images{
	width:525px;
	margin-left:100px;
	height:210px;
}
#images2{
	width:525px;
	margin-left:160px;
	height:210px;
}

#image{
	height:210px; 
	width:280px; 
	float:left;
}
#thumbs img{
	margin: 17px 0px 0px 15px;
	border:#ccc 1px solid;
	background-color:#FFF;
	padding:2px;
}
#thumbs img:hover{
	border:#666 1px solid;
}
#contenu-kot{
	width:720px;
}
#contenu-kot .ref{
	float:right;
	color:#900;
	font-weight:bold;
	margin-right:30px;
	margin-top:5px;
}
#contenu-kot h3 {
	border-bottom:#ccc 1px solid;
	margin:0 10px 10px 10px;
	padding: 0 20px;
	padding-bottom:5px;
}
#contenu-kot h4 {
	margin: 5px 10px 0 10px;
	padding:10px 0 0 10px;
}
#contenu-kot .desc {
	margin:10px 50px 0 50px;
	font-size:1.1em;
	color:#666;
	line-height:1.5em;
}
#contenu-kot .bold{
	font-weight:bold;
	color:#555;
	font-style:italic;
}
#contenu-kot .left{
	float:left;
	margin-left:30px;
}
#contenu-kot .right{
	margin-left:350px;
}
#contenu-kot #contactform{
	margin-top:10px;
}
#contenu-kot .right_form{
	margin:2px;
	margin-left:170px;
}
#contenu-kot .right_form input.contact{
	border:1px #CCC solid;
	background-color:#FFF;
	width:200px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
}
#contenu-kot .right_form input.contact_antibot{
	border:1px #CCC solid;
	background-color:#FFF;
	width:50px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
}
#contenu-kot textarea{
	border:1px #CCC solid;
	background-color:#FFF;
	width:300px;
	height:100px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
}
#contenu-kot .non{
	margin-left:30px;
}
#contenu-kot small{
	font-style:italic;
	font-size:0.8em;
}
#contenu-kot a .kot:hover{
	text-decoration:none;
	color:#F10;
}
#contenu-kot #gmap{
	width: 600px; 
	height: 400px;
	border:1px solid #aaa;
	margin-top:5px;
	margin: 5px auto;
}
#contactform {
	border:1px #CCC solid;
}
#contactform h5 {
	font-size:1.2em;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-weight:bold;
	color:#99cc00;
	margin-left:35px;
}

#contact_error {
	font-weight:bold;
	color:#F30;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align:center;
}

.mod_desc{
	line-height:1.2em;
	font-size:1.1em;
	margin-bottom:10px;
	margin-top:10px;
}
.mod_photos img{
	padding:2px;
	border:#999 1px solid;
}

#conditions{
	margin-left: 15px;
	margin-right:270px;
	line-height:1.3em;
	text-align:justify;
}
#conditions h4{
	margin:30px 0 15px 30px;
}

#sitemap{
	margin:10px;
}
#sitemap .level1 li{
	margin-bottom:10px;
}
#sitemap .level1{
	font-size:1.5em;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	list-style-type:circle;
	margin-left:50px;
}
#sitemap .level1 a{
	color:#99cc00;
}
#sitemap .level2{
	color:#333;
	font-size:0.9em;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	list-style:none;
	margin:10px 40px;
}
#sitemap .level3{
	color:#444;
	font-size:0.9em;
	list-style:disc;
	margin:10px 60px;
	line-height:1.2em;
}