/* GENERAL
--------------------------------------------------------- */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

*{ 
	margin:0;
	padding : 0;
}

.clear{
	clear:both;
	visibility: hidden;
}

.accessibilite {
	display: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a {
	color: #ED7700;
	text-decoration: none;
	font-size: 10px;
}

a:hover {
	text-decoration: underline;
}

.puce_fleche_orange {
	background-image: url(images/puce_lien.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 22px;
	position: relative;
	background-position: 10px 0;
	float: left;
}

.champsaremplir{
	height: 18px;
	border: 1px solid #777;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

.champsaremplir_readonly{
	height: 18px;
	background-color: #EAEAEA;
	border: 1px solid #777;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

.champsaremplir_erreur{
	height: 18px;
	border: 2px solid #993333;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}

.lien_image {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}

.corps9 {
	font-size: 9px;
}

.texte_gris {
	color: #4D4D4D;
}

.texte_gris_footer {
	color: #888888;
}

.rouge9 {
	font-size: 9px;
	color: #933;
}

.top {
	vertical-align: top;
}
.top10 {
	vertical-align: top;
	display: block;
	padding-top: 10px;
}
.bottom20 {
	padding-bottom: 20px;
}

.bottom {
	position: relative;
	vertical-align: bottom;
}

.top20 {
	vertical-align: top;
	display: block;
	padding-top: 20px;
}

.menu_deroulant {
	display: block;
	position: relative;
	width: 150px;
	height: 18px;
	font-size: 11px;
	float: left;
	border: 1px solid #777;
	margin-top: 1px;
	margin-bottom: 1px;
}

.menu_deroulant_erreur {
	display: block;
	position: relative;
	width: 150px;
	height: 18px;
	font-size: 11px;
	float: left;
	border: 2px solid #993333;
	margin-top: 1px;
	margin-bottom: 1px;
}

.champtexte {
	display: block;
	font-size: 10px;
	float: left;
	position: relative;
}

.menu_deroulant_heure {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
}

.menu_deroulant_heure_erreur {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 2px solid #993333;
}

.aligne_droit_espace {
	text-align: right;
	position: relative;
	padding-right: 5px;
}

h1 {
	background-image: url(images/picto_voiture.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 15px;
	float: left;
	padding-left: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	width: 465px;
	margin-bottom: 15px;
	height: 21px;
	position: relative;
}

h2 {
	background-image: url(images/picto_fauteuil.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 15px;
	float: left;
	padding-left: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	width: 450px;
	margin-bottom: 10px;
	position: relative;
}

h3 {
	background-image: url(images/puce_h3.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-size: 11px;
	float: left;
	padding-left: 26px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	position: relative;
	margin-bottom: 2px;
}

h4 {
	background-image: url(images/h4.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 15px;
	float: left;
	padding-left: 35px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	margin-bottom: 10px;
	height: 18px;
	line-height: 15px;
	position: relative;
	width: 210px;
}

ul, li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.aligne_droit {
	text-align: right;
}
.curseur {
	cursor: pointer;

}

/* CONTAINER 
--------------------------------------------------------- */
#contenu {
	position:absolute;
	width: 660px;
	top: 190px;
	/*border: 1px solid green;*/
}

#container_footer {
	position: relative;
	width: 475px;
	top: 30px;
	background: #FFFFFF;
	display: block;
	text-align: left;
	float: left;
	margin-bottom: 0px;
	bottom: 0px;
	/*border: 1px solid blue;*/
}

#intro {
	position:relative;
	width: 660px;
	height: 50px;
	top: 140px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	/*border: 1px solid green;*/
}

#container_haut {
	position:absolute;
	left:0;
	top:0;
	width:720px;
	height:140px;
}
#container_centre {
	width: 510px;
	background: #FFFFFF;
	margin-left: 180px;
	display: block;
	text-align: left;
	float: left;	/*border: 1px solid red;*/
	position: absolute;
}
#container_droite {
	position:absolute;
	left:720px;
	top:0;
	/*width:187;
	height:608;*/
	vertical-align:top;
}

#container_blanc {
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 100%;
	position: relative;
	padding: 0px;
	visibility: visible;
	background-image: url(images/fond_blanc_transparent.png);
	background-repeat: repeat;
}

#container_carte {
	width: 500px;
	display: block;
	height: 500px;
	margin-left: 10px;
	position: relative;
	margin-top: 0px;
	padding-top: 10px;
}

#container_choix_vehicule {
	position: relative;
	width: 510px;
	display: block;
	margin-left: -5px;
}

/* PAGE ACCUEIL 
--------------------------------------------------------- */
.menu_agence {
	height: 17px;
	width: 350px;
	padding-right: 0px;
	position: relative;
	padding-top: 0px;
	visibility: visible;
	display: block;
}

#choix_agence {
	position: absolute;
	width: 500px;
	display: block;
	float: left;
	clear: left;
	font-size: 11px;
	top: 70px;
	/*margin-bottom: 35px;*/
}

.mini_carte{
	background-image: url(images/picto_france.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	height: 21px;
	width: 33px;
	position: relative;
	left: 0px;
	top: 0px;
	display: block;
}

.pointille_vertical {
	background-image: url(images/pointille_vertical.jpg);
	background-repeat: repeat-y;
	width: 8px;
}
#agence {
	width: 510px;
	display: block;
	font-size: 11px;
	margin-bottom: 10px;
	float: left;
	position: relative;
}

.bt_visiter_agence {
	display:block;
	font-size:9px;
	height:13px;
	left:0px;
	position:relative;
	text-indent:-5000px;
	top:0px;
	width:97px;
	background-attachment: scroll;
	background-image: url(images/bt_visiter_agence.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.bt_plan {
	display:block;
	font-size:9px;
	height:13px;
	left:0px;
	position:relative;
	text-indent:-5000px;
	width:102px;
	background-attachment: scroll;
	background-image: url(images/bt_plan.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.hauteur_13 {
	display: block;
	height: 13px;
	width: 200px;
	position: relative;
	padding-top: 2px;
}

#reservation_demande {
	display: block;
	height: 71px;
	width: 500px;
	position: relative;
	margin-top: 30px;
	margin-left: 0px;
	left: 0px;
	top: 0px;
	background-color: #036;
	padding-left: 0px;
	float: left;
	margin-bottom: 30px;
}
#reservation_demande .bt_reservation {
	display:block;
	font-size:9px;
	height:82px;
	left:0px;
	position:relative;
	text-indent:-5000px;
	top:0px;
	width:261px;
	background-attachment: scroll;
	background-image: url(images/bt_reservation.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#reservation_demande .bt_demande {
	display:block;
	font-size:9px;
	height:82px;
	left:261px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:239px;
	background-attachment: scroll;
	background-image: url(images/bt_tarif.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#reservation_demande .bt_reservation:hover, #reservation_demande .bt_demande:hover {
background-position:left bottom ;
}

#reservation_demande .pointilles {
	display:block;
	font-size:9px;
	height:71px;
	left:0px;
	position:absolute;
	top:0px;
	width:261px;
	background-image: url(images/zonepointilles.gif);
	background-repeat: no-repeat;
	background-color: #0F0;
}

/* RESERVATION
--------------------------------------------------------------------------------------- */

#ariane {
	display: block;
	height: 17px;
	width: 510px;
	padding-bottom: 20px;
	margin-left: -5px;
}
.lien_ariane {
	color: #FFFFFF;
}

.lien_ariane:hover {
	text-decoration: none;
	color: #FF3;
}

.ariane_fond {
	background-image: url(images/ariane_centre.gif);
	background-repeat: repeat-x;
	text-align: center;
	color: #FFF;
}
.jaune {
	color: #FF3;
}

.changer_agence {
	background-image: url(images/bt_changer_agence.gif);
	display:block;
	font-size:9px;
	height:18px;
	left:210px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:111px;
	background-repeat: no-repeat;
	background-position: left top;
}

.visite_agence {
	background-image: url(images/bt_visite.gif);
	display:block;
	font-size:9px;
	height:18px;
	left:321px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:98px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.visite_agence_impossible {
	background-image: url(images/tirets_ss_agence_visiter.gif);
	display:block;
	font-size:9px;
	height:18px;
	left:321px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:98px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.plan_agence {
	background-image: url(images/bt_acces_agence.gif);
	display:block;
	font-size:9px;
	height:18px;
	left:419px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:81px;
	background-repeat: no-repeat;
	background-position: left top;
}

#agence_adresse {
	display:block;
	font-size:11px;
	position:relative;
	width:200px;
	color: #4D4D4D;
	margin-left: 30px;
	float: left;
}
#agence_horaires {
	display:block;
	font-size:11px;
	width:220px;
	color: #777777;
	margin-left: 280px;
	margin-top: 0px;
	text-align: right;
}
.horaires_rouge {
	font-size: 12px;
	color: #933;
	font-weight: bold;
}
/*menu */
#choix_vehicule {
	display: block;
	height: 21px;
	width: 500px;
	position: relative;
	left: 150px;
	top: 0px;
	padding-left: 5px;
	float: left;
}

#choix_vehicule .bt_voiture {
	display:block;
	font-size:9px;
	height:21px;
	left:10px;
	position:absolute;
	text-indent:-5000px;
	width:78px;
	background-attachment: scroll;
	background-image: url(images/bt_voiture.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

#choix_vehicule .bt_voiture_actif {
	display:block;
	font-size:9px;
	height:21px;
	left:10px;
	position:absolute;
	text-indent:-5000px;
	width:78px;
	background-attachment: scroll;
	background-image: url(images/bt_voiture.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	background-position:left bottom ;
}

#choix_vehicule .bt_utilitaire {
	display:block;
	font-size:9px;
	height:21px;
	left:118px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:91px;
	background-attachment: scroll;
	background-image: url(images/bt_utilitaire.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#choix_vehicule .bt_utilitaire_actif {
	display:block;
	font-size:9px;
	height:21px;
	left:118px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:91px;
	background-attachment: scroll;
	background-image: url(images/bt_utilitaire.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-position:left bottom;
}

.ou {
	display:block;
	height:auto;
	left:95px;
	position:absolute;
	top:0px;
	width:30px;
	padding-top: 6px;
}

#choix_vehicule .bt_specifique {
	display:block;
	font-size:9px;
	height:21px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:97px;
	background-attachment: scroll;
	background-image: url(images/bt_specifique.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	right: 5px;
}

#choix_vehicule .bt_voiture:hover, #choix_vehicule .bt_utilitaire:hover, #choix_vehicule .bt_specifique:hover {
background-position:left bottom ;
}

#container_centre #container_choix_vehicule #formulaire_resa {
	background-image: url(images/degrade_gris_haut.jpg);
	width: 500px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	padding-left: 10px;
	float: left;
	padding-top: 10px;
	display: block;
}

#container_centre #container_choix_vehicule #categorie_vehicule {
	width: 490px;
	float: left;
	display: block;
	position: relative;
}
#container_centre #container_choix_vehicule #formulaire_resa #validation {
	background-image: url(images/pointille_valider.gif);
	background-repeat: repeat-x;
	display: block;
	width: 490px;
	background-position: 20px;
	height: 26px;
	padding-top: 10px;
	position: relative;
}

/* picto véhicules */

.hauteur_16 {
	display: block;
	height: 16px;
	width: 490px;
	position: relative;
	top: 8px;
}

.bt_retour {
	display:block;
	font-size:9px;
	height:16px;
	left:296px;
	position:relative;
	text-indent:-5000px;
	top:0px;
	width:97px;
	background-attachment: scroll;
	background-image: url(images/bt_retour.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.bt_valider {
	display:block;
	font-size:9px;
	height:16px;
	left:390px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:102px;
	background-attachment: scroll;
	background-image: url(images/bt_valider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.champs_requis {
	display:block;
	font-size:9px;
	height:16px;
	left:0px;
	position:absolute;
	top:0px;
	width:89px;
}

.place {
	background-image: url(images/picto_perso.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 100px;
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 30px;
	padding-left: 18px;
	padding-right: 5px;
}

.porte {
	background-image: url(images/picto_porte.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 96px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 3px;
	padding-left: 23px;
	padding-right: 5px;
}

.carburant{
	background-image: url(images/picto_carburant.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 107px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 3px;
	padding-left: 17px;
}

.bagage {
	background-image: url(images/picto_bagage.jpg);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 100px;
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 30px;
	padding-left: 18px;
	padding-right: 3px;
	margin-bottom: 10px;
}

.sac {
	background-image: url(images/picto_sac.jpg);
	background-repeat: no-repeat;
	background-position: 8px;
	display: block;
	height: 22px;
	width: 99px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin-bottom: 10px;
}

.m3{
	background-image: url(images/picto_m3.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 96px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 3px;
	padding-left: 23px;
	padding-right: 5px;
}

.poids{
	background-image: url(images/picto_kg.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 107px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 3px;
	padding-left: 23px;
}

.largeur_utilitaire {
	background-image: url(images/picto_largeur.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 22px;
	width: 100px;
	position: relative;
	float: left;
	padding-bottom: 7px;
	line-height: 30px;
	padding-left: 18px;
	padding-right: 3px;
	margin-bottom: 10px;
}
.longueur_utilitaire {
	background-image: url(images/picto_longeur.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	display: block;
	height: 22px;
	width: 99px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 3px;
	padding-left: 25px;
	margin-bottom: 10px;
}
.hauteur_utilitaire{
	background-image: url(images/picto_hauteur.gif);
	background-repeat: no-repeat;
	background-position: 3px;
	display: block;
	height: 22px;
	width: 107px;
	position: relative;
	float: left;
	line-height: 30px;
	padding-bottom: 5px;
	padding-left: 23px;
}


.hauteur_22 {
	display: block;
	height: 22px;
	width: 390px;
	position: relative;
	top: 8px;
}

/* TARIF
--------------------------------------------------------------------------------------- */

#container_categories {
	width: 500px;
	display: block;
	position: relative;
	margin-left: -5px;
	float: left;
}

#categorie_choisit{
	padding-top: 5px;
	width: 510px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
}

#categorie_superieure{
	padding-top: 20px;
	width: 510px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
}

#avertissement{
	padding-top: 20px;
	width: 510px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	font-size: 9px;
	color: #933;
}

.categorie_haut {
	background-image: url(images/degrade_gris_haut.jpg);
	background-position: 0px 0px;
	display: block;
	background-repeat: no-repeat;
	width: 510px;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 5px;
}

.categorie_bas {
	background-image: url(images/degrade_gris_bas.jpg);
	background-position: 0px bottom;
	display: block;
	background-repeat: no-repeat;
	width: 510px;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 5px;
}

.bottom5 {
	padding-bottom: 5px;
}

.bleu {
	color: #002288;
}

.bleu13 {
	color: #002288;
	font-size: 13px;
}

.hauteur_13_bis {
	display: block;
	height: 13px;
	position: relative;
	top: 8px;
	margin-bottom: 18px;
}

.petit_place {
	background-image: url(images/picto_perso_p.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 13px;
	width: 80px;
	position: relative;
	float: left;
	line-height: 16px;
	padding-left: 12px;
	padding-right: 5px;
	font-size: 9px;
}

.petit_bagage {
	background-image: url(images/picto_bagage_p.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 13px;
	width: 80px;
	position: relative;
	float: left;
	line-height: 16px;
	padding-left: 13px;
	padding-right: 3px;
	font-size: 9px;
}

.petit_sac {
	background-image: url(images/picto_sac_p.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 13px;
	width: 80px;
	position: relative;
	float: left;
	line-height: 16px;
	padding-left: 8px;
	font-size: 9px;
}

.petit_largeur {
	background-image: url(images/picto_largeur_petit.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: block;
	height: 13px;
	width: 100px;
	position: relative;
	float: left;
	line-height: 16px;
	padding-left: 12px;
	padding-right: 5px;
	font-size: 9px;
}

.petit_longueur {
	background-image: url(images/picto_longeur_petit.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 13px;
	width: 100px;
	position: relative;
	float: left;
	line-height: 16px;
	padding-left: 12px;
	padding-right: 3px;
	font-size: 9px;
}

.petit_hauteur {
	background-image: url(images/picto_hauteur_petit.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	display: block;
	height: 13px;
	width: 100px;
	position: relative;
	float: left;
	line-height: 16px;
	padding-left: 13px;
	font-size: 9px;
}

.bt_jecontinue {
	background-image: url(images/bt_jecontinue.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: right;
	height: 38px;
	width: 126px;
	text-indent: -5000px;
}

.bt_jechoisi {
	background-image: url(images/images_r11_c1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: right;
	height: 38px;
	width: 126px;
	text-indent: -5000px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: -10px;
}

.bt_jecontacte {
	background-image: url(images/bt_jecontacte.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	float: right;
	height: 20px;
	width: 126px;
	text-indent: -5000px;
	padding-bottom: 10px;
}

.cellule_vert_clair {
	background-color: #CDE6A4;
	display: block;
	float: left;
	height: 16px;
	width: 160px;
	text-align: center;
	position: relative;
	padding-top: 1px;
}

.cellule_cadre_gris {
	display: block;
	border: 1px solid #DDD;
	float: left;
	height: 15px;
	width: 90px;
	text-align: center;
	position: relative;
	left: 2px;
}
.soit {
	display: block;
	float: left;
	height: 16px;
	width: 20px;
	position: relative;
	left: 5px;
}

.cellule_vert_clair_prix {
	background-color: #CDE6A4;
	display: block;
	float: left;
	height: 16px;
	width: 90px;
	text-align: center;
	position: relative;
	left: 8px;
	font-weight: bold;
	padding-top: 2px;
	font-size: 14px;
}

.cellule_bleue_clair {
	background-color: #BFC7E0;
	display: block;
	float: left;
	height: 16px;
	width: 160px;
	text-align: center;
	position: relative;
	padding-top: 1px;
}

.cellule_bleue_clair_prix {
	background-color: #BFC7E0;
	display: block;
	float: left;
	height: 16px;
	width: 90px;
	text-align: center;
	position: relative;
	left: 8px;
	font-weight: bold;
	padding-top: 2px;
	font-size: 12px;
	text-decoration: line-through;
}

.texte_gris_tarif {
	color: #777777;
	height: 21px;
}

/* Page options
---------------------------------------------------------------------------------- */

#option_journaliere{
	padding-top: 5px;
	width: 500px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	/*clear: left;*/
}

#accessoires{
	padding-top: 20px;
	width: 500px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	/*clear: left;*/
}

.caseacocher {
	display: block;
	width: 170px;
	padding-left: 25px;
	font-size: 10px;
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
}

.caseacocher2 {
	display: block;
	width: 300px;
	font-size: 10px;
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
}

#validation_option {
	background-image: url(images/pointille_valider.gif);
	background-repeat: repeat-x;
	display: block;
	width: 500px;
	background-position: 20px;
	height: 26px;
	padding-top: 11px;
	position: relative;
	float: left;
	/*clear: left;*/
}

/* Page paiement en ligne
---------------------------------------------------------------------------------- */

#se_logger{
	padding-top: 5px;
	width: 500px;
	position: relative;
	display: block;
	float: left;
	/*clear: left;*/
	background-image: url(images/fond_login.jpg);
	background-position: 0px 0px;
	margin-left: 5px;
	height: 77px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#log{
	width: 500px;
	position: relative;
	display: block;
	float: left;
	margin-left: 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 15px;
}

#validation_login {
	background-image: url(images/pointille_valider.gif);
	background-repeat: repeat-x;
	display: block;
	width: 470px;
	background-position: 0px 7px;
	height: 16px;
	padding-top: 0px;
	position: relative;
	float: left;
	clear: left;
}

.bt_valider_login {
	display:block;
	font-size:9px;
	height:16px;
	left:370px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:102px;
	background-attachment: scroll;
	background-image: url(images/bt_valider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#container_formulaire{
	padding-top: 5px;
	width: 500px;
	position: relative;
	display: block;
	float: left;
	/*clear: left;*/
	margin-left: 5px;
	padding-left: 15px;
}

.menu_deroulant_jour {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
	margin-right: 5px;
}

.menu_deroulant_jour_erreur {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 2px solid #993333;
	margin-right: 5px;
}

.menu_deroulant_mois {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
	margin-right: 5px;
}

.menu_deroulant_mois_erreur {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 2px solid #993333;
	margin-right: 5px;
}

.menu_deroulant_annee {
	display: block;
	position: relative;
	width: 60px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
}

.menu_deroulant_annee_erreur {
	display: block;
	position: relative;
	width: 60px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 2px solid #993333;
}

.caseacocherformulaire {
	display: block;
	width: 500px;
	font-size: 10px;
	float: left;
	position: relative;
	padding-top: 3px;
}

#container_cb{
	width: 510px;
	position: relative;
	margin-left: 5px;
	display: block;
	float: left;
	margin-top: 20px;
}

.cb_haut {
	background-image: url(images/degrade_gris_haut.jpg);
	background-position: 0px 0px;
	display: block;
	background-repeat: no-repeat;
	width: 510px;
	padding-top: 10px;
	position: relative;
	float: left;
	padding-left: 5px;
}

.cb_bas {
	background-image: url(images/degrade_gris_bas.jpg);
	background-position: 0px bottom;
	display: block;
	background-repeat: no-repeat;
	width: 510px;
	position: relative;
	float: left;
	padding-left: 5px;
	padding-bottom: 10px;
}

.menu_deroulant_type_carte {
	display: block;
	position: relative;
	width: 140px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
}

.menu_deroulant_type_carte_erreur {
	display: block;
	position: relative;
	width: 140px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 2px solid #993333;
}

.menu_deroulant_mois_expiration {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
	margin-right: 10px;
}

.menu_deroulant_annee_expiration {
	display: block;
	position: relative;
	width: 55px;
	height: 18px;
	font-size: 11px;
	visibility: inherit;
	float: left;
	border: 1px solid #777;
}

#validation_paiement {
	display: block;
	width: 500px;
	padding-top: 0px;
	position: relative;
	float: left;
	/*clear: left;*/
}

.bt_retour_resa {
	display:block;
	font-size:9px;
	height:16px;
	left:89px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:97px;
	background-attachment: scroll;
	background-image: url(images/bt_retour.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.bt_deco {
	display:block;
	font-size:9px;
	height:16px;
	left:183px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:123px;
	background-attachment: scroll;
	background-image: url(images/bt_deco.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

.bt_valider_resa {
	display:block;
	font-size:9px;
	height:16px;
	left:306px;
	position:absolute;
	text-indent:-5000px;
	top:0px;
	width:188px;
	background-attachment: scroll;
	background-image: url(images/bt_validation_resa.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

/* Mot de passe oublié
---------------------------------------------------------------------------------- */
#container_500{
	width: 500px;
}

#validation_email {
	background-image: url(images/pointille_valider.gif);
	background-repeat: repeat-x;
	display: block;
	width: 490px;
	background-position: 0px 0px;
	padding-top: 10px;
	position: relative;
	margin-top: 10px;
}

.bt_valider_email {
	display:block;
	font-size:9px;
	height:16px;
	left:390px;
	position:absolute;
	text-indent:-5000px;
	top:1px;
	width:102px;
	background-attachment: scroll;
	background-image: url(images/bt_valider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Devis
---------------------------------------------------------------------------------- */
#formulaire_devis {
	background-image: url(images/degrade_gris_haut.jpg);
	width: 500px;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	padding-left: 10px;
	float: left;
	padding-top: 20px;
	margin-right: 35px;
}

.champsaremplirdevis{
	height: 18px;
	border: 1px solid #777;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
}

.champsaremplirdevis_erreur {
	height: 18px;
	border: 2px solid #993333;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
}


.menu_deroulant_devis {
	height: 18px;
	border: 1px solid #777;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
	width: 150px;
}

.menu_deroulant_heure_devis {
	height: 18px;
	border: 1px solid #777;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
	width: 55px;
}

.menu_deroulant_heure_devis_erreur {
	height: 18px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
	width: 55px;
	border: 2px solid #993333;
}

.commentaire{
	border: 1px solid #777;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.bt_valider_devis {
	display:block;
	font-size:9px;
	height:16px;
	left:390px;
	position:absolute;
	text-indent:-5000px;
	top:1px;
	width:102px;
	background-image: url(images/bt_valider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* COLONNE DE GAUCHE
---------------------------------------------------------------------------------------- */

#col_gauche_gal {
	display: block;
	float: left;
	width: 17px;
	position: relative;
}

.bloc_gauche {
	float: left;
	width: 154px;
	margin-right: 2px;
	margin-left: 4px;
	display: block;
	position: relative;
	padding-bottom: 8px;
}

h5 {
	background-image: url(images/col_g_titre.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-variant: small-caps;
	color: #FFF;
	width: 154px;
	float: left;
	position: relative;
	padding-top: 3px;
	font-size: 9px;
	padding-left: 15px;
	display: block;
	height: 15px;
	bottom: -2px;
}

.col_haut {
	background-image: url(images/col_g_haut.png);
	float: left;
	position: relative;
	width: 154px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.col_bas {
	background-image: url(images/col_g_bas.png);
	float: left;
	position: relative;
	width: 154px;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 0px bottom;
	padding-bottom: 10px;
}

.puce_col_gauche {
	background-image: url(images/puce_lien_col_g.gif);
	background-repeat: no-repeat;
	display: block;
	padding-left: 8px;
	position: relative;
	float: left;
	background-position: 0px;
}

.col_haut_nls {
	background-image: url(images/col_g_h_nls.png);
	float: left;
	position: relative;
	width: 154px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 25px;
}

.champsaremplir11{
	height: 16px;
	border: 1px solid #777;
	float: left;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	font-size: 11px;
}

.texte_bleu_col_gauche {
	font-size: 9px;
	color: #002086;
	padding-bottom: 5px;
}

.total_rouge {
	color: #F00;
}

.total_euros {
	font-size: 15px;
	color: #F00;
}
.pub_col_gauche {
	float: left;
	width: 150px;
	margin-top: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

/* INFOS BULLES
------------------------------------------------------------------------- */

.container_info_bulle {
	width: 200px;
	display: block;
	text-align: left;
	border: 1px solid #8896C5;
	background-color: #EEF0F7;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}

div.infobulle {
	position: relative;
	float: left;
}

div.infobulle span {
	display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover {
	background: none; /* correction d'un bug IE */
	z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
}

div.infobulle:hover span {
	display: inline;
	position: absolute;
	width: 200px;
	top: 10px;
	left: 10px;
	text-align: left;
	border: 1px solid #8896C5;
	background-color: #EEF0F7;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}