html, body, h1, form, fieldset, legend, ol, li {
	margin: 0;
	padding: 0;
	border : none;
	}
body {
	background: #ffffff;
	color: #000;
	background-image: fondlong.jpg;
	font-family: Tahoma;
	padding: 5px;
	border : none;
	}
iframe{
	background: #ffffff;
	color: #000;
	font-family: Tahoma;
	padding: 5px;
	border : none;
	}
	
img {
	vertical-align: -5px;
	border : none;
	}
form#actions {
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	width: 400px;
	height: auto;
	}
li {
    list-style-type: none;
}

#nb_resultats {
	position: absolute;
	top: 0px;
	right: 20px;
}


form#actions fieldset {
background: #ffba00;
border: none;
margin-bottom: 10px;
border-color: #127969;
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 10px;
font-size: 14px;
}
form#actions fieldset:last-of-type {
margin-bottom: 0;
}
form#actions legend {
color: #127969;
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
//text-shadow: 0 1px 1px #c0d576;
}

form#actions fieldset fieldset legend {
color: #000;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}
form#actions ol li {
background: rgba(255,255,255,.3);
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
margin-left: 0px;
width: 400px;
font-size: 14px;
}
form#actions ol ol li {
background: none;
border: none;
float: left;
}

form#actions label {
float: left;
font-size: 13px;
font-weight: bold;
width: auto;
line-height: -14px;
margin-right: 10px;
vertical-align: ;
}


form#actions fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}

form#actions select {
//background: #d8d4c0;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: 14px Tahoma;
outline: none;
margin: 5px;
//padding: 5px;
width: 300px;
}
form#actions radio {
	font-size: 14px;
}
form#actions button {
background: #127969;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Tahoma;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #330000;
text-transform: uppercase;
}
form#actions button:hover {
background: #1e2506;
cursor: pointer;
}
.cartezones {
	background-image: url(http://parlera.fr/wp/externes/carte-zones2.gif);
	height: 366px;
	width: 450px;
	background-repeat: no-repeat;
	float: left;
	}
.cartedepart {
	background-image: url(http://parlera.fr/wp/externes/carte-dep2.gif);
	height: 366px;
	width: 450px;
	background-repeat: no-repeat;
	float: left;
	}
.quest {
	position : absolute;
	top: -10px;
	left: 450px;
	background-repeat: no-repeat;
	height: auto;
	width: 1000px;
	}
	
.resultats_recherche {
	position : absolute;
	top: 550px;
	left: -450px;
	width: 1000px;
	height: auto;
	}	
	
.conteneur{
	position: relative;
	float: ;
	}
	
	
a {
	text-decoration: none;
    color: #bd6000;
	font-size: 14px; }
a:hover {
	border-bottom: 0px; color: red;}/* indispensable pour IE seulement */
a span {
	display:none ; /* cache les <span> placÈs dans un lien <a> */
	text-decoration:none ; /* supprime le soulignement du texte <span> */
	color:black} /* met le texte <span> en noir */
a:hover span {
	display: block; /* Montre le texte <span> lors du survol */ 
	position: absolute; /* envoi le texte <span> dans 1 zone prÈcise de l'Ècran */
	top: 0px; /* cette zone se situe ‡ 400 pixels du haut */ 
	left: 0px ;
	font-size: 14px;} /* cette zone se situe ‡ 200 pixels de la gauche*/
.boite {
	position: absolute; /* envoi 1 boite dans 1 zone prÈcise de l'Ècran */
	top: 0px; /* boite placÈe autour de l'affichage prÈvu du texte <span> */
	left: -20px; /* boite placÈe autour de l'affichage prÈvu du texte <span> */
	width: 400px ; /* largeur en pixel de la boite */
	height:50px ; /* largeur en pixel de la boite */
	border: none;
	background-color: #999;
} /* bordure de la boite */
.result {
background: #d8d4c0;
border-color: #127969;
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 20px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
width: 400px;
font-size: 14px;
}
.resultat {
	font-size: 14px;
	padding: 10px;
}
.resultat a{
text-decoration: none;
color: #9cbc2c;
font-size: 16px;
}


form#dispo {
	background: #d8d4c0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	width: 500px;
	height: auto;
	}
form#dispo fieldset {
border: none;
margin-bottom: 10px;
}
form#dispo fieldset:last-of-type {
margin-bottom: 0;
}
form#dispo legend {
color: #000;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
//text-shadow: 0 1px 1px #330000;
}

form#dispo fieldset fieldset legend {
color: #000;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}
form#dispo ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
width: 400px;
font-size: 14px;
}
form#dispo ol ol li {
background: none;
border: none;
float: left;
}

form#dispo label {
float: left;
font-size: 13px;
width: auto;
line-height: -14px;
vertical-align: ;
}


form#dispo field set field set label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}

form#dispo select {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: 14px Tahoma;
outline: none;
padding: 5px;
width: 400px;
}
form#dispo radio {
	font-size: 14px;
}
form#dispo button {
background: #384313;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Tahoma;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}
form#dispo button:hover {
background: #1e2506;
cursor: pointer;
}

form#dispositif {
	background: #9cbc2c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	width: 830px;
	height: 100%;
	}
form#dispositif fieldset {
border: none;
margin-bottom: 10px;
}
form#dispositif fieldset:last-of-type {
margin-bottom: 0;
}
form#dispositif legend {
color: #000;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #33000;
}

form#dispositif fieldset fieldset legend {
color: #000;
font-size: 13px;
font-weight: normal;
padding-bottom: 0;
}
form#dispositif ol li {
background: #b9cf6a;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
width: 800px;
font-size: 14px;
}
form#dispositif ol ol li {
background: none;
border: none;
float: left;
}

form#dispositif label {

font-size: 13px;
width: auto;
line-height: -14px;
vertical-align:;
}


form#dispositif field set field set label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}

form#dispositif select {
background: ;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: 14px Tahoma;
outline: none;
padding: 5px;
width: auto;
}
form#dispositif select:required {
background: #ffcccc;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: 14px Tahoma;
outline: none;
padding: 5px;
width: auto;
}

form#dispositif radio {
	font-size: 14px;
}
form#dispositif button {
background: #384313;
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Tahoma;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #330000;
text-transform: uppercase;
}
form#dispositif button:hover {
background: #1e2506;
cursor: pointer;
}
header{
    color : #cc33cc;
    font-size : 36px;
}

.ztef1 {
	position: absolute;
	left: 225px;
	top: 60px;
}
.ztef2 {
	position: absolute;
	left: 170px;
	top: 60px;
}
.ztef3 {
	position: absolute;
	left: 212px;
	top: 105px;
}
.ztef4 {
	position: absolute;
	left: 85px;
	top: 300px;
}
.ztef5 {
	position: absolute;
	left: 120px;
	top: 220px;
}
.ztef6 {
	position: absolute;
	left: 120px;
	top: 255px;
}
.ztef7 {
	position: absolute;
	left: 165px;
	top: 220px;
}
.ztef8 {
	position: absolute;
	left: 160px;
	top: 320px;
}
.ztef9 {
	position: absolute;
	left: 190px;
	top: 280px;
}
.ztef10 {
	position: absolute;
	left: 255px;
	top: 225px;
}
.ztef11 {
	position: absolute;
	left: 185px;
	top: 150px;
}
.ztef12 {
	position: absolute;
	left: 230px;
	top: 180px;
}
.ztef13 {
	position: absolute;
	left: 162px;
	top: 180px;
}
.ztef14 {
	position: absolute;
	left: 109px;
	top: 170px;
}
.ztef15 {
	position: absolute;
	left: 66px;
	top: 150px;
}
.ztef16 {
	position: absolute;
	left: 55px;
	top: 95px;
}
.ztef17 {
	position: absolute;
	left: 105px;
	top: 93px;
}
.ztef18 {
	position: absolute;
	left: 158px;
	top: 138px;
}
.ztef19 {
	position: absolute;
	left: 145px;
	top: 120px;
}
.ztef20 {
	position: absolute;
	left: 122px;
	top: 143px;
}
.ztef21 {
	position: absolute;
	left: 310px;
	top: 200px;
}
.ztef22 {
	position: absolute;
	left: 325px;
	top: 155px;
}
.ztef23 {
	position: absolute;
	left: 260px;
	top: 150px;
}
.ztef24 {
	position: absolute;
	left: 322px;
	top: 42px;
}
.ztef25 {
	position: absolute;
	left: 270px;
	top: 105px;
}
.ztef26 {
	position: absolute;
	left: 332px;
	top: 90px;
}
.ztef27 {
	position: absolute;
	left: 280px;
	top: 63px;
}
.ain {
	position: absolute;
	left: 180px;
	top: 70px;
}
.ardeche {
	position: absolute;
	left: 110px;
	top: 285px;
}
.drome {
	position: absolute;
	left: 185px;
	top: 285px;
}
.haute {
	position: absolute;
	left: 300px;
	top: 75px;
}
.isere {
	position: absolute;
	left: 200px;
	top: 190px;
}
.loire {
	position: absolute;
	left: 55px;
	top: 120px;
}
.rhone {
	position: absolute;
	left: 130px;
	top: 115px;
}
.savoie {
	position: absolute;
	left: 320px;
	top: 160px;
}
:required
{
    background: #ffcccc;
}