* {margin: 0; padding: 0; font-weight: normal; }

html, body	{
	width: 100%;
	height: 100%;}

body { color: #333; 
	font-size: 11px; 
	font-family: Arial, Helvetica, SunSans-Regular, sans-serif; 
	background: #fff; 
	text-align: center;
}

/* debut colonnes ________________________________________________________________________*/
.col_gauche {
	width: 226px;
	float: left;
	text-align: center;
}
.col_centre {
	width: 490px;
	float: left;
	text-align: left;
	/*margin-left: 1px;*/
}
.col_droite {
	width: 228px;
	float: left;
	text-align: left;
	/*margin-left: 1px;*/
}
/* fin colonnes ___________________________________________________________________________*/

#tooltip {
   position:absolute;
   visibility:hidden;
   z-index:1000;
   background-color:#FFEEC7;
   border:1px solid #BC3534;
   padding:0.5em;
   font-size:1em;
   max-width:400px;
   text-align:left;
}

.iframe_droite{
	background-color:transparent;
	padding:0;
	margin:0;
	width:228px;
	min-height:30px;
	border:none;
	frameborder:0;
	overflow:hidden;
}

.iframe_gauche{
	background-color:transparent;
	padding:0;
	margin:0;
	width:226px;
	height:0px;
	border:none;
	frameborder:0;
	overflow:hidden;
}

#attente_sablier{
	display:none;
	position:absolute;
	background-color:#FFFFFF;
	border:1px solid #000030;
	margin:0px auto;
	text-align:center;
	width:150px;
	z-index:998;
}

#filtre_ajout{
	width:100%;
	background-color: black;
	/*background: white url(../charte/mon-panier.jpg) repeat center top;*/
	position:absolute;
	z-index:997;
	filter:alpha(opacity=40);
    -moz-opacity:0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    display:none;
}

#popup_panier {
	text-align: left;
	border:2px ridge black;
	width:300px;
	height:180px;
	background:yellow url(../charte/fond-page.gif) repeat center top ;
	position:absolute;
	z-index:999;
	display:none;
}	

#bourgogne_popup{
	background-color: white;
	background-image: url(../charte/mon-panier-vv.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	padding-top: 28px;
	padding-right: 11pt;
	padding-bottom: 0pt;
	padding-left: 10pt;
	color: #017AD5;
}

#page{ 
	margin: 0 auto 0 auto ;
	background: white url(../charte/fond-page.gif) repeat-y center top ;
	width: 1000px;
	text-align: center;
}

#header	{ 
	background: transparent url(../charte/fond-head.gif) no-repeat center top ;
	position: relative;
	width: 1000px;
	height: 165px;
	z-index: 2;
}
	
#header ul {	
	list-style: none;
	margin: 0;
}

ul {
	margin-left:25px;
}

.head {
	margin: 0 auto 0 auto ;
	width: 946px;
	text-align: justify;
}

/*.liste_checkbox_moteur{
	width:145px;	
}*/
.liste_checkbox_moteur_gauche{
	width:104px;	
}


/* ajout de David pour le calendrier du choix des dates de depart et arrivee moteur central */
.titrecalendrier
{
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color:#0A7BC9;
	text-align:center;
}/* fin ajout de David____________________________________________________________________ */

/* pour le tableau qui recapitul les commandes d'un client dans l'espace (David)*****/
.titre_tableau{
	color:white;
	font-family:georgia;
	font-weight:bold;
	font-size:14px;
	height:41px;
	width:484px;
	text-align:bottom;
	padding:0;
	background:transparent url(../charte/fond-pub-centre2-voyage.gif) no-repeat center top;
}

.td_titre_liste_cde{
	background-color:#FFCC00;
	text-align:center;
	padding:2px;
	font-weight:bold;
	border:#0A7BC9 1px solid;
}

.td_liste_cde{
	text-align:center;
	padding:2px;
	border:#0A7BC9 1px solid;
}
/* fin tableau des commandes*********************************************************/

.clear {
	clear: both;
}
#logo {
	width: 280px;
	float: left;
	z-index: 3;
}
#surtitre {
	float: left;
	position: absolute;
	top: 0px ;
	left: 145px;
	width: 218px;
	height: 77px;
	z-index: 35;
}
#surtitre img {
	width: 218px;
	height: 77px;
	border: none;
	display: none;
}
#bandeau {
}
#bandeau, .liens_bandeau {
	float: right;
	width: 666px;
	margin: 4px 0 0 0;
	text-align: right;
}
.liens_bandeau {
	padding: 2px 0 4px 0;
}
.liens_bandeau a {
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
	background: white url(../charte/fleche-017AD5.gif) no-repeat 0 2px ;
}
.liens_bandeau form, .liens_bandeau a {
	float: right;
}
.liens_bandeau input {
	width: 129px;
	height:14px;
}
.liens_bandeau label {
	padding: 2px 5px 0 10px;
}
*>html .liens_bandeau label {
	width: 15%;
}
*>html .liens_bandeau a {
	width: 25%;
}
.acces {display: none;}

input, label {
	float: left;
}
input {
	border: #0A7BC9 1px solid;
	height: 18px;
	width: auto;
	font-size: 11px;
	color: #333;
}

.err_clt{
	color: red;	
}

/* ajouter par david le 3/11/2006*/
inputcentre {
	border: #0A7BC9 1px solid;
	height: 18px;
	width: auto;
	font-size: 11px;
	color: #333;
	text-align:center;
}
/* fin ajout david */

input.btok {
	border: none;
	width: 35px;
	height: 13px;
	margin: 3px 0 0 4px;
}
.container {
	margin: 0 auto 0 auto ;
	width: 946px;
	clear: both;
	text-align: justify;
}
.haut {
	background: white url(../charte/fond-haut.jpg) repeat-x 0 0 ;
	padding: 10px 0 0 0;
	margin: 0 auto 0 auto ;
	text-align: center;
	width: 946px;
}

/* pour la carto en popup */
.haut_restreint {
	background: white url(../charte/fond-haut.jpg) repeat-x 0 0 ;
	margin-left: auto;
    margin-right: auto;
	width: 500px;
	height:480px;
	text-align:left;
}

/* pour itineraire en popup */
.haut_itineraire {
	background: white url(../charte/fond-haut.jpg) repeat-x 0 0 ;
	margin-left: auto;
    margin-right: auto;
	width: 1024px;
	height:768px;
	text-align:left;
}

td {font-size: 11px;margin: 0; padding: 0;}

a:link, a:visited { color: #017AD5; text-decoration: none; }
a:hover { color: blue;text-decoration: underline; }
a:active { color: red; }

.col_total {
	background: transparent url(../charte/fond-jaune-haut.gif) no-repeat 0 0 ;
	width: 864px;
	text-align: justify;
	margin: 0 auto 0 auto ;
	padding: 10px 0 0 0;
}
.col_total .fond {
	background: white url(../charte/fond-jaune-big.gif) repeat-y 0 0 ;
	text-align: justify;
	margin: 0 auto 0 auto;
	padding: 0 10px;
	height: 100%;
}

.col_total_bas {
	background: transparent url(../charte/fond-jaune-bas.gif) no-repeat bottom left;
	height: 11px;
	font-size: 2px;
}

.col_total .pages {
	background: transparent url(../charte/fond-ariane.gif) no-repeat 0 0;
}
.col_total .resultat {
	/*background: transparent url(../charte/fond-ariane.gif) no-repeat 0 0;*/
	padding: 0px 0;
	clear: both;
	width: 844px;
}

h1, h2, .grand_titre {
	font-family: georgia;
	font-size: 17px;
	color: white;
	padding: 0 0 10px 20px;
	text-align: left;
}

.petit_titre {
	font-family: georgia;
	font-size: 14px;
	color: white;
	font-weight:bold;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

h2 {
	background: transparent url(../charte/fleche-b.gif) no-repeat 0 6px ;
}
h3 {
	font-size:15px;
}

.grand_titre a:link, .grand_titre a:visited, .grand_titre a:hover, .grand_titre a:active, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color: white;
}
.filetv {background: white url(../../newsletter/news/filet-v.gif) no-repeat bottom right;}
.filet	{ 
	background: transparent url(../charte/filet.gif) repeat-x left top ;
	padding: 10px 0 0 0;
	text-align: left;
}
.col_centre .filet	{ 
	margin: 0 10px 0 0;
}
.ariane {
	font-size: 10px;
	color: white;
	background: transparent url(../charte/fond-ariane.jpg) repeat-y 0 0;
}
.ariane a:link, .ariane a:visited, .ariane a:hover, .ariane a:active {
	padding: 0 0 0 10px;
	color: white;
}

.ariane h1 {
	font-size: 10px;
	font-family: Arial;
	color: white;
	padding: 0;
}
.gauche {
	width: 258px;
	background: transparent url(../charte/sur-mesure-h.gif) no-repeat right top;
	text-align: left;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
}

.gauche ul {
	width: 258px;
	background: transparent url(../charte/sur-mesure-b.gif) no-repeat right bottom ;
	padding: 0 0 10px 0;
}

.gauche ul li {
	padding: 10px;
	background: transparent url(../charte/sur-mesure-fond.gif) repeat 0 0 ;
}

#pied {
	background: transparent url(../charte/fond-pied.gif) no-repeat center bottom ;
	width: 1000px;
	height: 65px;
	clear: both;
	}
#pied img {
	float: left;
}
#pied span {
	padding: 25px 0 0 10px;
	float: left;
}
/* debut menu haut _____________________________________________________________________________*/
/* fond-menu variable suivant la marque */
ul#menu {	
	background: white url(../charte/fond-menu.jpg) repeat-x 0 0;
	font-size: 12px;
	text-align: right;
	height: 72px;
	float: left;
	
}
#menu a {	
	float: left;
/* le padding de gauche et droite ci dessous permet d elargir les onglets du menu principal */
	padding: 48px 0px 0px 0px;
	min-width:33px;
	text-align: center;
	color:#023E7C;
}
/* pour que le menu ne s'empile pas dans ie mac */
*>html #menu li {	
	width: 5%;
}
#menu li {
	float: left;
	background: transparent url(../charte/fond-menu-li.jpg) no-repeat top left;
	padding: 4px 0 5px 22px;
}
#menu li.first {
	float: left;
	background: transparent url(../charte/fond-menu-li.jpg) no-repeat -15px 0;
	padding: 4px 3px 5px 7px;
}
#menu li.last {
	float: left;
	background: transparent url(../charte/fond-menu-li.jpg) no-repeat 0px 0;
	padding: 55px 0 5px 0;
	width: 10px;
}

.accueil {
	background: transparent url(../charte/menu-accueil.gif) no-repeat top center;
}

/*------------------------------- drapeaux en heut --------------------*/
.flag {
	padding: 0 0 0 10px;
	float: right;
	height:22px;
	display:block;
}
.flag img {
	width:24px;
	height:22px;
}
.drapeaux_panier {
	width: 120px;
	float: right;
}
.banniere {
	float: left;
}

/*------------------------------- pour "Ma Bourgogne" et identification --------------------*/

#bourgogne_droite {
	float: right;
	width: 114px;
	height:50px;
	text-align: right;
}
#bourgogne_droite a {
	display: block;
	background: transparent url(../charte/mon-panier.jpg) no-repeat top center;
	width:100px;
	text-align: center;
	margin: -3px auto 0px auto;
	padding: 28px 0 0 0;
	float: right;
	
	color:#023E7C;
}
	
#ident{
	font-family: georgia;
	font-size: 15px;
	color: white;
	padding: 0 20px 10px 20px;
	font-weight: bold;
	}
.bordure input {
	border: 1px solid #000000;
}

/* debut moteur inspiration _______________________________________________________________*/
.inspiration {
	background: transparent url(../charte/inspiration-haut.gif) no-repeat 0 0;
	padding: 8px 0 0 0;
	margin: 0 0 0 8px;
	text-align: left;
	width: 214px;
}
.inspiration_fond {
	background: transparent url(../charte/fond-inspiration.gif) repeat-y 0 0;
}
.inspiration_bas {
	background: transparent url(../charte/inspiration-bas.gif) no-repeat bottom left;
	height: 8px;
	font-size: 2px;
}
.inspiration .filet	{ 
	background: transparent url(../charte/filet.gif) repeat-x 0 0;
	padding: 2px 0;
	margin: 0 0 0 15px;
	font-size: 2px;
	width: 191px;
	height: 12px;
	clear: both;
}
.inspir {
	font-size: 12px;
	width: 214px;
}
.inspir p {
	padding: 0 0 0 30px;
	height: 20px;
}
.inspir .fond_2, .inspir .fond_3 {
	height: 95px;
}
.inspir .fond_4 {
	height: 105px;
}

.fond_4 {
	/*background: transparent url(../charte/potard-4-1.gif) no-repeat 0 10px;*/
}
.fond_3 {
	/*background: transparent url(../charte/potard-3-1.gif) no-repeat 0 10px;*/
}
.fond_2 {
	/*background: transparent url(../charte/potard-2-1.gif) no-repeat 0 10px;*/
}
.inspir1 label, .inspir3 label {
	margin: 6px 0 0 90px;
	width: 121px;
	color: #017AD5;
}
.inspir2 label {
	margin: 6px 0 0 97px;
	width: 121px;
	color: #017AD5;
}
.inspir4 label {
	margin: 6px 0 0 83px;
	width: 121px;
	color: #017AD5;
}

.filet	{ 
	background: transparent url(../charte/filet.gif) repeat-x left top ;
	padding: 10px 0 0 0;
	text-align: left;
}
.inspiration_fond .label {
	float: left;
	width: 98px;
	clear: none;
	padding: 0 0 5px 8px;
}
*>html .inspiration_fond .label {
	height: 22px;
}
.inspiration_fond .label label {
	float: left;
	width: 60px;
	padding: 2px 0 0 0;
}
.inspiration_fond input {
	margin: 0 3px 0 0;
	height: auto;
/*	border: none;*/
}
.inspiration_fond .bouton_submit {
	background: transparent url(../charte/bt-rechercher-inspir1.gif) no-repeat 0 0;
	margin: 0;
	height: 100%;
	clear: both;
	height: 35px;
}
.inspiration_fond input.bt_submit {
	padding: 7px 20px 10px 0;
	margin: 0 0 0 27px;
	border: none;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	height: 35px;
	width: auto;
	background: transparent url(../charte/bt-rechercher-inspir2.gif) no-repeat right top;
}

/* ajout Maël pour le lien vers la carto dans les moteurs de recherche centraux*/
.lien_carto {
	padding-left:10px;
	border: none;
	color: black;
	height: 86px;
	width: 160px;
	background: transparent url(../charte/bg.jpg) no-repeat right top;
	position:absolute;
}

.titre_carto {
	background: transparent url(../charte/fleche-double-carto.jpg) no-repeat bottom ;
	display: none;	
}
/*fin ajout Maël */

/*ajout David style de la balise select pour le résultat de recuparation des villes en ajax*/
.completion_select_carto{
	margin-left:137px;
	border:solid 1px #017AD5;
	border-top:none;
	display:none;
	width:170px;
	height:200px;	
}
.completion_select_moteur{
	margin-left:5px;
	margin-top:0px;
	border:solid 1px #017AD5;
	border-top:none;
	display:none;
	width:170px;
	height:200px;
}
.completion_select_moteur_gauche{
	margin-left:0px;
	margin-top:0px;
	border:solid 1px #017AD5;
	border-top:none;
	display:none;
	width:170px;
	height:200px;
}

/*fin style select*/
/* fin moteur inspiration ___________________________________________________________________*/

/* debut moteur bouton submit _______________________________________________________________*/
.moteur .bouton_submit {
	background: transparent url(../charte/bt-rechercher-moteur1.jpg) no-repeat 0 0;
	margin: 0;
	height: 100%;
	clear: both;
	height: 42px;
}
.moteur input.bt_submit {
	padding: 12px 22px 10px 0;
	margin: 0 0 0 27px;
	border: none;
	color: #017AD5;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	height: 42px;
	width: auto;
	background: transparent url(../charte/bt-rechercher-moteur2.jpg) no-repeat right top;
}
/* fin moteur bouton submit _________________________________________________________________*/

/* debut moteur recherche gauche ____________________________________________________________*/
.col_gauche .moteur {
	background: transparent url(../charte/fond-moteur-gauche.gif) no-repeat 0 0;
	width: 228px;
	text-align: left;
	position: relative;
	left: 4px;
}
.col_gauche .moteur .fond {
	background: transparent url(../charte/fond-moteur-gauche-b.jpg) no-repeat bottom left;
	padding: 10px 0 0 5px; /* j'ai chang? le padding, les valeur pr?cedente ?taient 10px 0 0 20px (David encore)*/
}
/* david*/
.col_gauche .moteur .input {
	margin-left: 5px;
}/* fin david */
/* fin moteur recherche gauche ______________________________________________________________*/

/* debut moteur recherche central ___________________________________________________________*/
.col_centre .moteur {
	background: transparent url(../charte/fond-moteur.gif) no-repeat 0 0;
	width: 490px;
}
/* rajouter par David le 24 juillet ___________*/
.col_centre .moteur label {
	margin-right: 4px;
	margin-left: 4px;
	padding: 2px 0 0 0;
	/*font-weight: bold;*/
}
.col_centre .moteur .input {
	margin-left: 5px;
}
.label_date {
	float: left;
	width: 150px
}

.label_checkbox{
	clear:both;	
}
/* fin ajout David ___________________________________________________________________________*/

.label#div_agenda, .label#div_sejour, .label#div_se_loger, .label#div_restauration, .label#div_transport, .label#div_activite {
	margin: 0;
	padding: 0;
}
.label_bas_moteur {
	width: 470px;
	clear: both;
}
.label_bas_moteur .bouton_submit {
	margin: 20px 0 0 0;
	float: right;
}
/* pour envelopper les checkbox ______________________________________________________________*/

.formulaire .checkbox, .moteur .checkbox, .label.checkbox, .option input, .xx input, .montant input {
	width: auto;
	height: auto;
	border: none;
}

.bouton_gratuit {
	color: #017AD5;
	font-weight: bold;
	height: 25px;
	border: none;
	width:auto;
	float:none;
	display: block;
	margin-right:auto;
	margin-left:auto;
	clear: both;
	text-align: center;
	background: #0A7BC9 url(../charte/fond-menu-via.gif) repeat-x 0 0;
}

.formulaire .label .label_date label {
	text-align: left;
}
.formulaire .label_date input {
	width: auto;
	height: auto;
}
.formulaire .checkbox label, .moteur .checkbox label, .formulaire_tiers .checkbox label {
	margin: 0 10px 0 5px;
}

/* fin envelopper les checkbox _______________________________________________________________*/

.radio {
	/*width: auto;
	height: auto;*/
	border: none;
	margin:0;
}

.col_centre .moteur .fond {
	background: transparent url(../charte/fond-moteur-bas.jpg) no-repeat bottom left;
}

.boutons {
	clear: both;
	/*margin: 0 0 5px 0;*/
}
.bt {
	margin: 0 2px 0 0;
	float: left;
	text-align: center;
	width: 79px;
	height: 25px;
}
.bt a:link, .bt a:visited {
	background: transparent url(../charte/bouton-moteur-off-6.gif) no-repeat 0 0;
	width: 79px;
	height: 25px;
	float: left;
	padding: 5px 0 0 0;
}
.bt a:hover, .bt a:active, .bt_on {
	background: transparent url(../charte/bouton-moteur-on-6.gif) no-repeat 0 0;
	width: 79px;
	height: 25px;
	float: left;
}
.bt_on {
	padding: 5px 0 0 0;
	text-align: center;
	width: 79px;
	height: 25px;
	float: left;
	margin-right:2px;
}
.bt_on a {
	color: #333;
}
/* fin moteur recherche central _____________________________________________________________*/
.label {
	clear: both;
}
/* debut module evenement ___________________________________________________________________*/

/* debut habillage des formulaires___________________________________________________________*/
.formulaire .label {
	padding: 4px 0;
}
.formulaire_tiers .label {
	float: left;
	width: 278px;
	clear: none;
	padding: 4px 0;
}
.formulaire_tiers .label label {
	width: 84px;
	text-align: right;
	padding: 2px 6px 0 0;
}
.formulaire_tiers input {
	width: 180px;
}
.formulaire_tiers select {
	width: 182px;
	border: #0A7BC9 1px solid;
	margin:o;
	padding:0;
}
.formulaire_quart .label {
	float: left;
	width: 208px;
	clear: none;
	padding: 4px 0;
}
.formulaire_quart .label label {
	width: 44px;
	text-align: right;
	padding: 2px 6px 0 0;
}
.formulaire_quart input {
	width: 150px;
}
.formulaire_quart select {
	width: 152px;
	border: #0A7BC9 1px solid;
}
.moteur .label {
	padding: 6px 0;
}
.formulaire .label label {
	width: 144px;
	text-align: right;
	padding: 2px 6px 0 0;
}
.formulaire input {
	width: 200px;
}

#cgv {
	float:none;
	width:15px;
}

.formulaire select {
	width: 202px;
	border: #0A7BC9 1px solid;
}
.formulaire input.bouton {
	position: relative;
	margin: 8px 0 18px 0;
	left:150px;
	color: #017AD5;
	font-weight: bold;
	width: 200px;
	height: 25px;
	border: none;
	display: block;
	clear: both;
	text-align: center;
	background: #0A7BC9 url(../charte/fond-menu-via.gif) repeat-x 0 0;
}

#popup_panier input.bouton {
	margin: 0 0 10px 0;
	position: relative;
	top: 5px;
	padding:0;
	width: 66%;
	color: #017AD5;
	font-weight: bold;
	margin-left:50px;
	/*margin-right:auto;*/
	height: 25px;
	border: none;
	display: block;
	clear: both;
	text-align: center;
	background: #0A7BC9 url(../charte/fond-menu-via.gif) repeat-x 0 0;
}


.col_total .formulaire input.bouton {
	top: 18px;
	left: 654px;
	margin: 0 0 8px 0;
}
/* fin habillage des formulaires______________________________________________________________*/


/* debut module evenement ____________________________________________________________________*/
.evenement{
	position:relative;
}
.evenement .fond {
	width: 224px;
	background: transparent url(../charte/fond-evenement.gif) repeat-y 0 0;
	text-align: left;
	margin: 0 0 10px 2px;
	padding: 3px 0 3px 0;
}
.evenement .descriptif, .dernieres_minutes .descriptif {
	padding: 0 3px 0 3px;
	height : 100%;	
}

.evenement img, .dernieres_minutes img {
	float: left;
	padding: 0 3px 0 0;
}
.evenement .titre a {
	font-size: 13px;
	background: transparent url(../charte/fleche-double-6600ff.gif) no-repeat bottom right ;
	display: block;
	text-decoration: underline;
	width:130px;
}

.desc_evenement{
	position:absolute;
	display:none;
	background: transparent url(../charte/fond-evenement.gif) repeat-y 0 0;
	border:solid 1px #0072BB;
	margin-top:45px;
	width:213px;
	padding:2px;
	left:2px;	
}

.date, .date_evenement {
	color: #0A7BC9;
}

/* fin module evenement _______________________________________________________________________*/

/* debut module bon plan - coups de coeur - derniere minute ___________________________________*/
.pub {
	padding: 12px 0 0 0;
}
.pub .grand_titre {
	padding: 0 0 0 20px;
}
.col_droite .pub {
	background: transparent url(../charte/fond-pub-voyage.gif) no-repeat 0 0;
	width: 224px;
}
.col_gauche .pub {
	background: transparent url(../charte/fond-pub-voyage.gif) no-repeat 0 0;
	width: 224px;
	text-align: left;
	margin: 10px 0 0 0;
}
.col_centre .pub {
	background: transparent url(../charte/fond-pub-centre2-voyage.gif) no-repeat 0 0;
	margin: 10px 0 0 0;
}
.pub .bpcc {
	background: transparent url(../charte/fond-bpcc-droit-vv.gif) no-repeat bottom left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
	text-align: right;
	width: 224px;
}
.col_centre .pub .bpcc {
	background: transparent url(../charte/fond-bpcc-centre.jpg) no-repeat bottom left;
	width: 490px;
}
.bpcc .fond {
	background: transparent url(../charte/fond-bpcc.jpg) repeat-y 0 0;
	float: left;
	width: 224px;
	margin: 0;
	font-weight: bold;
	color: white;
}
.col_centre .bpcc .fond {
	background: transparent url(../charte/fond-bpcc.jpg) repeat-y 0 0;
	width: 240px;
	margin: 0 3px 0 0;
}

.bpcc .titre {
	font-size: 12px;
	float: left;
	background-color: #FFCC00;
	width: 94px;
	padding: 3px;
}
.col_centre .bpcc .titre {
	width: 110px;
}
.bpcc .titre a:link, .bpcc .titre a:visited, .bpcc .titre a:hover, .bpcc .titre a:active {
	font-weight: bold;
}
.bpcc .reserver a:link, .bpcc .reserver a:visited, .bpcc .reserver a:hover, .bpcc .reserver a:active{
	text-decoration: none;
	background: transparent url(../charte/fond-bouton-reserver-bpcc.jpg) no-repeat top left;
	color: #FFCC00;
	float: right;
	padding: 3px 10px 3px 30px;
	margin: 8px 8px 0 8px;
	font-weight: bold;
	width: auto;
	clear: both;
}
.lien_titre_pub a:link, .lien_titre_pub a:visited,.lien_titre_pub a:hover,.lien_titre_pub a:link,.lien_titre_pub a:active{
	text-decoration: none;
	/*background: transparent url(../charte/fond-bouton-reserver-bpcc.gif) no-repeat top left;*/
	/*padding: 3px 10px 3px 33px;
	margin: 8px 8px 0 8px;*/
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
	width: auto;
	white-space:nowrap;
}

.en_savoir_plus{
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	white-space:nowrap;	
}

.bpcc .fond img {
	float: right;
	width: 124px;
	z-index:1;
}
.bpcc .fond .descriptif span {
	padding: 3px 0 3px 0;
	margin: 0 0 0 3px;
	float: left;
	width: 94px;
	font-weight: bold;
}
.col_centre .bpcc .fond .descriptif span {
	padding: 3px 0 3px 0;
	margin: 0 0 0 0px;
	float: left;
	width: 110px;
	font-weight: bold;
}

.dernieres_minutes {
	background: white url(../charte/fond-dernieres-min.gif) repeat-x 0 0 ;
	padding: 3px;
}
.dernieres_minutes .titre a:link, .dernieres_minutes .titre a:visited, .dernieres_minutes .titre a:hover, .dernieres_minutes .titre a:active {
	font-size: 12px;
	text-decoration: underline;
}
.reserver a:link, .reserver a:visited, .reserver a:hover, .reserver a:active  {
	font-size: 12px;
	text-decoration: none;
	background: white url(../charte/fond-bouton-reserver.gif) no-repeat top right;
	float: right;
	padding: 1px 30px 0 2px;
	margin: 0 0 10px 0;
	display: inline;
}
/*ajout pour le retour à la liste*/
.reserver2 a:link, .reserver2 a:visited, .reserver2 a:hover, .reserver2 a:active  {
	font-size: 12px;
	text-decoration: none;
	background: white url(../charte/fond-bouton-reserver2.gif) no-repeat top left;
	float: left;
	padding: 1px 1px 10px 25px;
	margin: 0 0 0 0px;
	display: inline;
}
/*fin d ajout*/
.ajouter_panier a:link, .ajouter_panier a:visited, .ajouter_panier a:hover, .ajouter_panier a:active  {
	font-size: 11px;
	text-decoration: none;
	background: white url(../charte/fond-bouton-reserver.gif) no-repeat top right;
	padding: 1px 30px 0 2px;
	margin: 0 0 0 0;
	display: inline;
	float: right;
	text-align: right;
	/*width: 90px;*/
}
.dernieres_minutes .reserver {
	width: 214px;
	clear: both;
}
/* debut des bulles des autres marques _________________________________________________*/
.fond_bulles {	
	background: transparent url(../charte/fond-bulles.gif) no-repeat 70px 75px;
	/*clear: both;*/
	text-align: left;
	float: left;
	height: 100%;
	margin: 10px 0 10px 0;
}
.marque {
	float: left;
	width: 67px;
	padding: 70px 0 5px 3px;
	margin: 0 4px 0 0 ;
}
.m_1 {
	background: transparent url(../charte/bulle-gourmande.gif) no-repeat -2px 0;	
}
.m_2 {
	background: transparent url(../charte/bulle-naturel.gif) no-repeat -2px 0;
}
.m_3 {
	background: transparent url(../charte/bulle-golf.gif) no-repeat -2px 0;
}
.m_4 {
	background: transparent url(../charte/bulle-velo.gif) no-repeat -2px 0;
}
.m_5 {
	background: transparent url(../charte/bulle-bateau.gif) no-repeat -2px 0;
}
.m_6 {
	background: transparent url(../charte/bulle-eglise.gif) no-repeat -2px 0;
}
.m_7 {
	background: transparent url(../charte/bulle-bourgogne.gif) no-repeat -2px 0;
}
.m_8 {
	background: transparent url(../charte/bulle-voyage.gif) no-repeat -2px 0;	
}
.m_9{
	background: transparent url(../charte/bulle-provence.gif) no-repeat -2px 0;	
}
.m_10 {
	background: transparent url(../charte/bulle-bourgogne.gif) no-repeat -2px 0;
}
.m_13 {
	background: transparent url(../charte/bulle-alsace.png) no-repeat -4px 0px;
}

/* fin des bulles des autres marques _______________________________________________*/

/* debut pages resultats liste _____________________________________________________*/
.liste.services .resultat .descriptif {
	width: 620px;
	float: left;
}
.liste.services .xx label {
	float: none;
}

.resultat h3 {
	font-size: 14px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:405px;
	color:#017AD5;
}

.prix_a_partir{
	float:right;
	background: transparent url(../charte/splash.gif) no-repeat 0px 0;
	padding-top:4px;	
	width:75px;
	height:46px;
	text-align:right;
}

.prix_a_partir strong{
	display:block;
	font-size:12px;
	color:#0A7BC9;
}

.prix_min_ot{
	margin-right:5px;
}

.liste{
	position:relative;
}

.resultat {
	background-color: white;
	border:1px solid #017AD5;
	padding: 0px 0px 0px 1px;
	margin-bottom:10px; 
	width: 485px;
}

.resultat .prix_a_partir{
	float:right;
	background: transparent url(../charte/splash.gif) no-repeat 0 0;
	top:0px;
	right:0px;
	width:75px;
	height:45px;
	text-align:right;
	z-index:512;
	padding-top:3px;
}

.resultat img {
	position:relative;
	padding: 1px 5px 5px 0;
	float: left;
	z-index:1;
}
.resultat strong {
	/*display: block;*/
	font-size: 12px;
	font-weight: bold;
}
.resultat .descriptif {
	clear:both;
	padding-left: 3px;
	padding-top: 2px;
	background: white url(../charte/fond-evenement-large.gif) repeat-y 0 0;	
}

/* ajouté par david pour la présentation de la récap du panier*/
.resultat .descriptif .panier_recap{
	padding: 2px;
	width: 350px;
	float:left;
}

.resultat .descriptif .date_recap{
	border-left: 1px dotted #017AD5;
	text-align:center;
	padding: 2px;
	width: 150px;
	float:right;
}

.resultat .descriptif .quantite_recap{
	border-left: 1px dotted #017AD5;
	border-right: 1px dotted #017AD5;
	text-align:center;
	padding: 2px;
	width: 110px;
	float:right;
}

.resultat .descriptif .prix_recap{
	padding: 2px;
	width: 60px;
	float:right;
	text-align:right;
	font-weight:bold;
	font-size: 12px;
}

.total_recap{
	padding: 0px;
	width: auto;
	text-align:right;
	font-size:15px;
	float:right;
	margin-right:2px;
}

.sigle_euro {
	width: auto;
	float:right;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.resultat .descriptif .titre_pdt_cplt, .quantite{
	padding: 2px;
	float:left;
}

.prix_moyen_cplt {
	padding: 2px;
	font-weight:bold;
	float:left;
}

.pdt_cplt_panier{
	border:#017AD5 1px dotted;
	width:auto;
	padding-left:15px;
	margin:0px;
}

.pdt_cplt{
	padding: 2px;
}

.pdt_cplt_layer{
	width:auto;
	padding:2px;
	margin:1px;
	background-color:transparent;
}

/* fin ajout david */

/* Ajout David pour le layer des produits /////////////////////////////////////////////////////////////////*/
.text {
	padding:5px;
	width:150px;
	text-align:right;
}

.text_pdt_cplt {
	border:none;
	float:none;
	margin:0;
	padding:0px;
	width:auto;
	background-color:transparent;
}

.label_input {
	padding:3px;
	width:auto;
	text-align:right;
}
.sous_total{
	float:right;
	text-align:right;
	display:none;
}
/* Fin ajout david layer des produits /////////////////////////////////////////////////////////////////////*/

.montant .descriptif {
	padding: 5px;
	background: white url(../charte/fond-evenement.gif) repeat-y 630px 0 ;
	height: 100%;
	clear: both;
	border-bottom: #fff 2px solid;
}
.montant .descriptif p, .montant .descriptif .label {
	float: left;
	width: 630px;
	height: 100%;
}
.montant .descriptif .label label {
	width: 200px;
	text-align: left;
	padding: 2px 6px 0 0;
}
.montant .descriptif .xx {
	float: left;
	width: auto;
	height: 100%;
	padding: 0 0 0 30px;
}
.descriptif.total {
	margin: 0;
	border-top: #0A7BC9 1px solid;
}
.total .xx {
	font-family: "Arial Black";
	font-weight: normal;
}

.ligne {
	clear: both;
	border-top: #017AD5 1px dotted;
	padding: 4px 0px 0px 0px;
	width: 480px;
}
.col_total .ligne {
	width: 840px;
}
.ligne p {
	clear: both;
	padding: 0px 2px 2px 2px;
}
.ligne strong {
	font-family: "Arial Black";
	color: #0A7BC9;
	display: inline;
	font-size: 11px;
	font-weight: normal;
}

/* ajouter par david, pour le div complement d'info qui se cache dans la page résultat et dans le panier(date, nb personne, nb nuit...*/
.complement_info{
	border-left: #017AD5 1px dotted;
	border-right: #017AD5 1px dotted;
	border-bottom: #017AD5 1px dotted;
	margin-bottom:5px;
	position: relative;
	width:480px;
}

.resultat .ligne,.resultat .complement_info{
	margin-left:1px;
}

.ligne .complement_info{
	border:none;
	position: relative;
}

/* fin ajout david complement info*/

.resultat .pdt, .resultat .date, .resultat .prix, .resultat .option, .xx {
	float: left;
	padding: 2px 0 0 2px;
}

.prix_droite{
	padding: 2px 0 0 0;
}
.resultat .pdt {
	width: 253px;
}
.resultat .date {
	width: 140px;
}
.resultat .prix {
	padding: 0;
	width: 120px;
}
.resultat .option {
	padding: 0;
	width: 160px;
}
.resultat .xx {
	padding: 20px 0 20px 40px;
	width: 160px;
	background: white url(../charte/fond-evenement.gif) repeat-y 0 0;
}
.resultat .reserver {
	float: right;
	width: 100px;
	background-color:transparent;
}
.resultat .reserver a:link, .resultat .reserver a:visited, .resultat .reserver a:hover, .resultat .reserver a:active {
	font-size: 11px;
	padding: 2px 28px 2px 1px;
	margin: 0;
	background-color:transparent;
}
.pages {
	background: transparent url(../charte/fond-resultat.jpg) no-repeat 0 0;
	padding: 10px 0 6px 0;
	font-size: 14px;	
	margin: 4px 0 0 0;
	clear: both;	
}

.pages b {
	color: #0A7BC9;
	font-weight: normal;
}
/* fin pages resultats liste _____________________________________________________*/


/* debut pages fiche _____________________________________________________________*/
.fiche {
	background: transparent url(../charte/fond-fiche-haut-voyage.gif) no-repeat 0 0;
	padding: 13px 0 0 0;
	width: 488px;
}
.fiche h2 {
	background: transparent url(../charte/fleche-b.gif) no-repeat 0 6px ;
	background-color: #0A7BC9;
	padding: 0 0 4px 20px;
}

.fiche .resultat { /*pour l'espace avce bordure et premier porduit dans la fiche ot et pdt (david)*/
	padding-top:10px;	
}

/*.diaporama {
	width: 205px;
	float: left;
	text-align: right;
	margin: 10px 5px 5px 0;
	position: relative;
}*/
.diaporama {
	width: 205px;
	height:184px;
	float: left;
	text-align: right;
	margin: 0px 5px 0 0;
	position: relative;
}


.diapo img {
	/*border-bottom: #0A7BC9 10px solid;*/
	z-index:1;
}

.fleche_diapo{
	border-top: #0A7BC9 10px solid;
	float: left;
	width: 205px;	
}

.diapo_d {
	width: 26px;
	height: 16px;
	background: transparent url(../charte/diapo-fleche-d-voyage.gif) no-repeat;
	float: right;
}

.diapo_g {
	width: 30px;
	height: 16px;
	background: transparent url(../charte/diapo-fleche-g-voyage.gif) no-repeat;
	float: right;
}

.fiche .fond p, .p_pdt {
	padding: 5px 5px 5px 0;
	margin: 0 0 5px 0;
	background: transparent url(../charte/fond-inspiration.gif) repeat-y top right;
	width: 480px;
	text-align: justify;
}
.fiche .fond .descriptif {
	background: transparent url(../charte/fond-resultat.gif) no-repeat 0 0;
	padding: 10px 0;
	clear: both;
	width: 485px;
}

.fiche .fond .descriptif img {
	display: inline;
	z-index:1;
}

.picto_fiche_pdt {
	float: right;
	height: 20px;
	margin-top: 5px;
	padding: 0 0 5px 0;
	clear: both;
}

.p_pdt {
	clear: both;
	margin: 5px 0 0 0;
}

.p_pdt2 {
	background: white url(../charte/fond-inspiration.gif) repeat-y top right;
	position:relative;
	/*padding-top:10px;	*/
}

.p_pdt .diaporama a img {
	padding: 0px;
	float: none;
	z-index:1;
}

.p_pdt .diapo img {
	border: none;
	margin: 0;
	padding: 0;
}

/* fin pages fiche _______________________________________________________________________________*/

/* debut pages lexicales _________________________________________________________________________*/
.lexique a:link, .lexique a:visited, .lexique a:hover, .lexique a:active {
	color: #333; text-decoration: none;
}

.inspiration_fond ul {
	width: 200px;
	padding: 0 0 10px 0;
}

.inspiration_fond ul li {
	padding: 10px;
}

.evenement .fond .descriptif p {
	padding: 10px;
}


/* fin pages lexicales __________________________________________________________________________*/

strong {
	font-weight:bold;
}

.gras {
	font-weight:bold;
}

/* debut formulaire produit pages resultats _____________________________________________________*/

.formulaire_pdt {
	padding: 10px 0;
}
.formulaire_pdt .label {
	float: none;
	width: 400px;
	clear: both;
	padding: 0 0 5px 0;
}

.formulaire_pdt .prix {
	width: auto;
	text-align:left;
}

.prix_par_pdt {
	text-align: right;
}

/*ajouter par david pour le select des mois du calendrier*/
.formulaire_pdt .mois {
	width: 75px;
}
/* fin ajout david */

.formulaire_pdt .label img {
	position: relative;
	top: -13px;
	left: 5px;
	margin:0;
	padding:0;
	z-index:1;
}
.formulaire_pdt input {
	/*width: 60px;*/
	padding: 2px 0 0 3px;
}

.formulaire_pdt input.dates {
	width: 60px;
}

.formulaire_pdt select {
	width: 50px;
	padding: 2px 0 0 2px;
	border: #0A7BC9 1px solid;
}

.labelprix {
	padding: 1px;
	/*width: 150px;*/
	margin-right:2px;
	float: right;
}

.formulaire_pdt a.bouton {
	margin: 0 0 18px 0;
	padding: 4px 0 0 0;
	position: relative;
	top: 8px;
	left: 150px;
	color: #017AD5;
	font-weight: bold;
	width: 200px;
	height: 25px;
	border: none;
	display: block;
	clear: both;
	text-align: center;
	background: #0A7BC9 url(../charte/fond-menu-via.gif) repeat-x 0 0;
}

/* fin formulaire produit pages resultats _____________________________________________________*/

/* pour le flash*/
.del {
            position:absolute;
            left:150px; 
            top:-256px;
}

.sablier {
            position:absolute;
            left:219px; 
            top:-50px;
}

* html .del {
            position:absolute;
            /*left:0px; 
            top:0px;*/
}


.colonne50 {
	width: 47%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}
.colonne33 {
	width: 30%;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0 3% 0 0 ;
}

.charnieres {
	display:none;
}

.cache_info_carto{
	padding:2px;
}

.charnieres a:link {
	color:grey;
}

.charnieres a:visited {
	color:grey;
}

.charnieres a:active{
	color:grey;
}

.charnieres a:hover{
	color:blue;
	text-decoration:underline;
}

.lien_descriptif{
	float:right;
	text-decoration:underline;
	padding:1px;
	margin-bottom:7px;
	margin-right:2px;
	clear:both;
}
.lien_descriptif a:link, .lien_descriptif a:visited, .lien_descriptif a:hover, .lien_descriptif a:active {
	text-decoration: underline;
}