/* CSS Document */
	@import url("layout.css");
body {
	background-color: #F7D195;
	font-family: Verdana, Georgia, serif;
	font-size: 12px;
	background-color: #FF9900;
}
.spacer {
	clear: both;
}
#conteneur {
	margin: 0 auto;
	width: 950px;

}

#contenu {
margin-top: 13px;
}
#gauche {
position: relative;
float: left;
width: 500px;
}
#droite {
/*position: relative;*/
float: left;
margin-left: 10px;
width: 430px;
color: #FFFFFF;
/*z-index: -1;*/
}
#droite h1 {

font-size: 13px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}


#droite p {
margin-top: 5px;
line-height: 16px;
text-align: justify;
}
#droite p strong{
font-weight: bold;
}
#droite p a{
color: #ffffff;
}
#titre {

float: left;

}
.gras {
font-weight: bold;
}
#navlist {
width: 365px;
margin: 20px auto;

}
ul#navlist
 {
    text-align: left;
    list-style: none;
    padding: 0;
    margin: 10px auto;
    width: 365px;

 }

 ul#navlist li
 {
    display: block;
    margin: 0 0 10px 10px;
    padding: 0 0 2px 3px;
 float: left;
 }

 ul#navlist li a
 {
 float: left;
    display: block;
    width: 160px;
    padding: 8px 0 8px 5px;
    border-width: 2px;
    border-color: #FFFF00 #C4C400 #C4C400 #FFFF00;
    border-style: solid;
    color: #FF6600;
    text-decoration: none;
    background: #FFFF00;
    text-transform: uppercase;

 }

 #navcontainer>ul#navlist li a { width: auto; }

 ul#navlist li#active a
 {
    background: #FBCD00;
    color: #800000;
 }

    ul#navlist li a:hover, ul#navlist li#active a:hover
 {
    color: #800000;
    background: transparent;
    border-color: #aaab9c #fff #fff #ccc;
 }
 #droite ul#navlist li, #droite_situ ul#navlist li {
 display: inline;



 }
h3 {
width: 340px;
    margin: 10px auto;
    font-size: 14px;
    font-weight: bold;
}
#droite ul#telecharg {
width: 365px;
    margin: 10px auto;

}
#droite ul#telecharg li {
clear: both;
float: left;
display: block;
width: 330px;

list-style-type: none;
margin: 0 0 3px 0;
padding: 0 0 0 15px;
border: 0;


}

#droite ul#telecharg li a{
float: left;
display: block;
margin: 0;
background: transparent;
padding: 0;
border: 0;
color: #FFFFFF;
text-decoration: none;
}
#droite ul#telecharg li img {
float: left;
margin-right: 5px;

width: 16px;
}
#cadrefooter {			/* conteneur global et arrière-plan du titre du cadre */
         			width: 933px;
         			padding-top: 20px;
         			margin: 15px auto;

         			background: url(../images/haut-footer.jpg) top left no-repeat;
         			font-family:  Arial, Verdana, serif;
         		}
#cadrefooter a {
text-decoration: none;
color: #000000;
}
         		#blocfooter {			/* arrière-plan bas et sur l'ensemble du cadre */
         			background: url(../images/bas-footer.jpg) bottom left no-repeat;
         			padding-bottom: 5px;
         			color: #FFFFFF;
         		}
         		#blocfooter p {
         		text-align: center;
         			margin: 0 auto 5px auto;
         			color: #000000;
         			line-height: 20px;
         		}
#blocfooter img{
display: block;
width: 825px;
margin: 4px auto;
}
.dix {
font-size: 10px;
}
.onze {
font-size: 11px;
}
h2 {
font-weight: bold;
}
/* situation */
#droite_situ {
float: left;
margin-left: 5px;
width: 430px;
color: #FFFFFF;

}
#gauche_situ {
float: left;
width: 500px;
}
#map_canvas {
width: 500px;
height: 600px;
margin-top: 20px;
}
.red {
color: red;
}

#directions {
width: 430px;
font-size: 10px;
}
/* hebe */
.pic {
	float: left;
	height: 130px;
	width: 150px;
	padding: 0 3px;
	margin: 0 7px 0 0;

}
.pic img {
margin: 0 auto;
}
.ls img {
	height: 100px;
	width: 150px;
	margin: 0;
}
.pic ul {
	margin: 0.25em 0 0;
	padding: 0;

}
ul.title_hebe {
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	width: 150px;
}
ul.title_hebe li {
	display: block;
	margin: 0;
	padding: 0;
}
ul.title_hebe li a {
	display: block;
	width: 100%;
	padding: 0;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	background-color: #FFFF00;
}
ul.title_hebe li a:hover {
	background-color: #66CC00;
}
/* pop hebe */
#close {
	float: right;
}
#barre {
	position: relative;
	z-index: 12;
	width: 570px;
	height: 30px;
	text-align: right;
	background-image: url(../images/fond-barre.jpg);
	background-repeat: repeat-x;
}
#barre_bas {
	clear: both;
	padding-top: 10px;
	width: 570px;
	height: 35px;
	text-align: right;
background-image: url(../images/fond-barre-bas.jpg);
	background-position: left 20px;
	background-repeat: repeat-x;
}
.hebe_det {
	float: left;
	width: 570px;
	margin-top: 10px;
	text-align: center;
}
.para_hebe {
	text-align: left;
	width: 550px;
	margin: 0 auto 10px auto;
}
.pho_hebe_det {
	float: left;
	width: 270px;
}

#conteneur_hebe {
	position: absolute;
	top: 20px;
	left: 155px;
	width: 570px;
	height: auto;
	z-index: 11;
		background-color: #FF9900;
	border-left: 1px #66667E solid;
	border-right: 1px #66667E solid;
	border-bottom: 1px #66667E solid;
	visibility: hidden;
}
#conteneur_hebe #barre {
cursor: move;
}
#conteneur_hebe .hebe_det h1 {
padding-top: 4px;
padding-bottom: 4px;

font-size: 13px;
color: #000000;
font-weight: bold;
margin-bottom: 5px;
width: 100%;
background-color: #FFFF00;

}
.hebe_det ul.telech {
width: 250px;
float: left;
margin-top: 5px;
}
.hebe_det ul.telech li {

float: left;
list-style-type: none;
margin: 0 0 3px 0;
padding: 0 0 0 15px;
border: 0;


}

.hebe_det ul.telech li a{
float: left;
display: block;
margin: 0;
background: transparent;
padding: 0;
border: 0;
color: #FFFFFF;
text-decoration: none;
}
.hebe_det ul.telech li img {
float: left;
margin-right: 5px;

width: 16px;
}
/* calque tarifs */
#conteneur_tarifs{
	position: absolute;
	top: 20px;
	left: 155px;
	width: 570px;
	height: auto;
	z-index: 12;
		background-color: #FF9900;
	border-left: 1px #66667E solid;
	border-right: 1px #66667E solid;
	border-bottom: 1px #66667E solid;
	visibility: hidden;
}
#conteneur_tarifs #barre {
cursor: move;
}
#conteneur_tarifs .hebe_det h1 {
padding-top: 4px;
padding-bottom: 4px;

font-size: 13px;
color: #000000;
font-weight: bold;
margin-bottom: 5px;
width: 100%;
background-color: #FFFF00;

}
#conteneur_tarifs .hebe_det table {
width: 550px;
background-color:  #FFFFFF;
margin: 5px auto;
border-collapse:collapse;
}
#conteneur_tarifs .hebe_det table  td {
text-align: center;
border: 1px #cd7c03 solid;
padding: 3px;
}
#conteneur_tarifs .hebe_det  td.gau {
text-align: left;
}
#conteneur_tarifs .hebe_det  .cel_ente {
background-color: #006733;
font-weight: bold;
color: #FFFFFF;
}
#conteneur_tarifs .hebe_det .cel_rub_a {
background-color: #7b8f00;
font-weight: bold;
color: #FFFFFF;
}
#conteneur_tarifs .hebe_det .cel_a {
background-color: #FFFF00;
}
/*  */

.hebe_det .para_hebe p {
font-size: 11px;
color: #000000;
margin: 5px;
}
.para_hebe {
background-color: #FFFFFF;
}
ul.bt_hebe_det {
float: left;
margin: 5px 15px;
display: block;
width: 250px;
}

.bt_hebe_det li a{
margin: 0 auto;
    display: block;
    width: 150px;
    padding: 8px 0 8px 5px;
    border-width: 2px;
    border-color: #FFFF00 #C4C400 #C4C400 #FFFF00;
    border-style: solid;
    color: #FF6600;
    text-decoration: none;
    background: #FFFF00;
    text-transform: uppercase;

 }
.bt_hebe_det li a:hover {
    color: #800000;
    background: transparent;
    border-color: #aaab9c #fff #fff #ccc;
}
h2.ti_heb {
font-size: 20px;
margin-bottom: 10px;
color: #FFFFFF;
}
.lege {
font-size: 10px;
margin-bottom: 5px;
color: #FFFFFF;
}
/* tarifs */
#contenu_tarifs {
margin-top: 13px;
} 
#contenu_tarifs table {
width: 950px;
background-color:  #FFFFFF;
margin-bottom: 15px;
border-collapse:collapse;
}
#contenu_tarifs  td {
text-align: center;
border: 1px #cd7c03 solid;
padding: 3px;
}
#contenu_tarifs  td.gau {
text-align: left;
}
#contenu_tarifs  .cel_ente {
background-color: #006733;
font-weight: bold;
color: #FFFFFF;
}
#contenu_tarifs .cel_rub_a {
background-color: #7b8f00;
font-weight: bold;
color: #FFFFFF;
}
#contenu_tarifs .cel_a {
background-color: #FFFF00;
}
.vert a{
background-color: rgb(0,153,51);
text-decoration: none;
color: #FFFFFF;
}
/* pre resa */

.inter_formu {
margin: 0 auto;
	width: 593px;
	height: 5px;
}
.formul {
	width: 630px;
	margin: 0 auto;
	font-size: 12px;
}
.row {
	clear: both;
	padding: 5px 0;

	margin-bottom: 3px;
}
.row label{
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 5px;
}
.row2 {
	float: left;
	width: 170px;
	font-size: 10px;
}

.row2 label {
	float: left;
	width: 40px;
	padding-top: 5px;
	padding-left: 2px;
}
.row2 input {
font-size: 10px;
}
.row3 {
	float: left;
	width: 190px;
		font-size: 10px;
}

.row3 label {
	float: left;
	width: 60px;
	padding-top: 5px;
}
.row3 input {
font-size: 10px;
}
.row4 {
	float: left;
	width: 260px;
		margin-left: 2px;
	margin-bottom: 3px;
		font-size: 10px;
}

.row4 label {
	float: left;
	width: 120px;
	padding-top: 5px;
}
.row4 input {
font-size: 10px;
}
.row5 {
	float: left;
		width: 620px;
		font-size: 10px;
			margin-left: 2px;
	margin-bottom: 5px;
}
.row5 label {
	float: left;
	width:400px;
	padding-top: 5px;

}
.row5 input {
font-size: 10px;
}
.rad_heb {
	float: left;
	width: 600px;
	font-size: 11px;
	margin-bottom: 3px;
}
.row.rad_heb label  {
float: left;
}
.naiss {
float: left;
}
.identite {
	float: left;
}
fieldset {
	margin-bottom: 10px;
	/*padding: -1em;
*/
	background-color: #66cc00;
border: 1px #FFFF00 solid;
}
legend {
	margin-top: -0.5em;
	background-color: #FFFFFF;
	color: #3B4E04;
	font-weight: bold;
	/*border: 1px #828177 solid;
*/
}
field1 {
	background-color: #DFF69C;
}
.field1 legend {
	background-color: #FFFFFF;
	/*border: 1px #828177 solid;
*/
}
#centre ul {
	list-style-type: disc;
}
#centre li {
	list-style-image: url(../images/puce_feuille.jpg);
	font-size: 12px;
	list-style-position: inside;
	margin-bottom: 10px;
}
li.resliste {
	line-height: 15px;
}
.mise_valeur {
	font-size: 14px;
	color: #678806;
}
h1.pre-resa {
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}
/* mentions*/
.mentions {
	margin: 0 auto;
	width: 600px;
	text-align: left;
	color: #FFFFFF;
}
.mentions h1 {
font-size: 20px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
.mentions h3 {
font-size: 14px;
color: #FFFFFF;
text-align: left;
width: auto;
}
#ami {
	position: relative;
	top: 0;
	left: 40px;
	width: 360px;

	z-index: 15;
		background-color: #65CA00;
border: 1px #FFFF00 solid;
	visibility: hidden;
}
#cont_sousmenu {

}
#cont_sousmenu #ami td {
padding: 1px;
}
.remise {
font-weight: bold;
color: #e1200e;
}