* {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;
	background-color:transparent;
}

.iframe_droite{
	width:228px;
	min-height:350px;
	border:0;
	frameborder:0;
	overflow:hidden;
}

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

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

#filtre_ajout{
	width:100%;
	background-color: black;
	/*background: white url(../charte/ma-bourgogne1-atr.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/ma-bourgogne1-atr.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: top;
	width: 100px;
	text-align: center;
	margin-top: 0pt;
	margin-right: auto;
	margin-bottom: 0pt;
	margin-left: auto;
	padding-top: 28px;
	padding-right: 10pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	color: #fff;
}



.liste_checkbox_moteur{
	width:220px;	
}
.liste_checkbox_moteur_gauche{
	width:170px;
	padding-top:2px;
		
}

.col_centre .moteur form {
	width:485px;	
}

#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: 175px;
	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;
}

/* 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:#CA2C3A ;
	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-atr.gif) no-repeat center top;
}

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

.td_liste_cde{
	text-align:center;
	padding:2px;
	border:#CA2C3A  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-6600ff-atr.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: #CA2C3A 1px solid;
	height: 18px;
	width: auto;
	font-size: 11px;
	color: #333;
}
.err_clt{
	color: red;	
}

/* ajouter par david le 3/11/2006*/
inputcentre {
	border: #CA2C3A  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-atr.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-atr.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-atr.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: #BD1320; text-decoration: none; }
a:hover { color: #E98E97;text-decoration: underline; }
a:active { color: black; }

.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-atr.jpg) no-repeat 0 0;
}
.col_total .resultat {
	background: transparent url(../charte/fond-ariane-atr.jpg) no-repeat 0 0;
	padding: 10px 0;
	clear: both;
	width: 844px;
}

h1, h2, .grand_titre {
	/*font-family: georgia; font-size: 17px;*/
	font-family: Tahoma, Helevtica, Sans Serif;
	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-atr.gif) no-repeat 0 7px ;
}
/*
h2 a, .grand_titre a{
	font-weight:bold;
}
*/
.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(http://www.via-bourgogne.com/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-atr.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-atr.jpg) repeat-x 0 0;
	font-size: 12px;
	text-align: right;
	float: left;
	height:70px;
}
#menu a {	
	float: left;
/* le padding de gauche et droite ci dessous permet d elargir les onglets du menu principal */
	padding: 52px 0px 3px 0px;
	min-width:40px;
	text-align: center;
	color:white;
}
/* 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-atr.jpg) no-repeat top left;
	padding: 0 0 0 22px;

}
#menu li.first {
	float: left;
	background: transparent url(../charte/fond-menu-li-atr.jpg) no-repeat -15px 0;
	padding: 0 3px 0 7px;
}
#menu li.last {
	float: left;
	background: transparent url(../charte/fond-menu-li-atr.jpg) no-repeat 0px 0;
	padding: 53px 0 0 0;
	width: 10px;
}

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

/*------------------------------- drapeaux en haut --------------------*/
.flag {
	padding: 0 0 0 10px;
	float: right;
	height:22px;
}
.flag img {
	width:0px;
	height:0px;
}
.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/ma-bourgogne1-atr.jpg) no-repeat top center;
	width:100px;
	text-align: center;
	margin: 0 auto;
	padding: 33px 0 5px 0;
	float: right;
	color:white;
}
	
#ident{
	font-family: georgia;
	font-size: 15px;
	color: white;
	padding: 0 20px 10px 20px;
	font-weight: bold;
	}
.bordure input {
	border: 1px solid #000000;
}

/*------------------------------------------- Fin des ajouts -------------------------------------------------*/

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

/* debut moteur inspiration _______________________________________________________________*/
.inspiration {
	background: transparent url(../charte/inspiration-haut-atr.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-atr.jpg) repeat-y 0 0;
}
.inspiration_bas {
	background: transparent url(../charte/inspiration-bas-atr.jpg) 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: #6600ff;
}
.inspir2 label {
	margin: 6px 0 0 97px;
	width: 121px;
	color: #6600ff;
}
.inspir4 label {
	margin: 6px 0 0 83px;
	width: 121px;
	color: #6600ff;
}

.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;
	height:25px;
	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-atr.gif) no-repeat 0 0;
	margin: 0;
	height: 100%;
	clear: both;
	height: 43px;
}
.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: 43px;
	width: auto;
	background: transparent url(../charte/bt-rechercher-inspir2-atr.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-mg.jpg) no-repeat right top;
	position:absolute;
}

.titre_carto {
	background: transparent url(../charte/fleche-double-carto-atr.jpg) no-repeat bottom ;
	display: none;	
}

.tout {
	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 #CA2C3A;
	border-top:none;
	display:none;
	width:170px;
	height:200px;	
}
.completion_select_moteur{
	margin-left:5px;
	margin-top:0px;
	border:solid 1px #CA2C3A;
	border-top:none;
	display:none;
	width:170px;
	height:200px;
}
.completion_select_moteur_gauche{
	margin-left:0px;
	margin-top:0px;
	border:solid 1px #CA2C3A;
	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-atr.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: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	height: 42px;
	width: auto;
	margin-right:auto;
	background: transparent url(../charte/bt-rechercher-moteur2-atr.jpg) no-repeat right top;
}
/* fin moteur bouton submit _________________________________________________________________*/

/* debut moteur recherche gauche ____________________________________________________________*/
.col_gauche .moteur {
	background: transparent url(../charte/fond-moteur-gauche-atr.gif) no-repeat 0 0;
	width: 224px;
	text-align: left;
	position: relative;
	left: 4px;
}
.col_gauche .moteur .fond {
	background: transparent url(../charte/fond-moteur-gauche-b-atr.jpg) no-repeat bottom left;
	padding: 10px 0 0 10px; /* 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-atr.gif) no-repeat 0 0;
	width: 490px;
}
/* rajouter par David le 24 juillet ___________*/
.col_centre .moteur label {
	margin-right: 4px;
	margin-left: 3px;
	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: #CA2C3A  1px solid; */
	border: none;
}

.bouton_gratuit {
	color: #6600ff;
	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: #CA2C3A  url(../charte/fond-menu-atr.jpg) 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 {
	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-atr.jpg) no-repeat bottom left;
}

.boutons {
	clear: both;
	/*margin: 0 0 5px 0;*/
}
.bt {
	margin: 0 3px 0 0;
	float: left;
	text-align: center;
	width: 94px;
	height: 25px;
}
.bt a:link, .bt a:visited {
	background: transparent url(../charte/bouton-moteur-atr.gif) no-repeat 0 0;
	width: 94px;
	height: 25px;
	float: left;
	display: block;
	padding: 5px 0 0 0;
}
.bt a:hover, .bt a:active, .bt_on {
	background: transparent url(../charte/bouton-moteur-atr-on.gif) no-repeat 0 0;
	width: 94px;
	height: 25px;
	float: left;
	display: block;
}
.bt_on {
	padding: 5px 0 0 0;
	text-align: center;
	margin-right:3px;
}
.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: #CA2C3A  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: #CA2C3A  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: #CA2C3A  1px solid;
}
.formulaire input.bouton {
	margin: 0 0 18px 0;
	position: relative;
	top: 8px;
	left: 150px;
	color: #fff;
	font-weight: bold;
	width: 200px;
	height: 25px;
	border: none;
	display: block;
	clear: both;
	text-align: center;
	background: #CA2C3A  url(../charte/fond-menu-atr.jpg) repeat-x 0 0;
}

#popup_panier input.bouton {
	margin: 0 0 10px 0;
	position: relative;
	top: 5px;
	padding:0;
	width: 66%;
	color: #ffffff;
	font-weight: bold;
	margin-left:50px;
	/*margin-right:auto;*/
	height: 25px;
	border: none;
	display: block;
	clear: both;
	text-align: center;
	background: #CA2C3A  url(../charte/fond-menu-atr.jpg) 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 .fond {
	width: 222px;
	background: white url(../charte/fond-evenement-atr.jpg) repeat-y 0 0;
	text-align: left;
	margin: 0 0 10px 0;
	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-atr.jpg) no-repeat bottom right ;
	display: block;
	text-decoration: underline;
}
.date, .date_evenement {
	color: #CA2C3A ;
}

/*Spécifique à ATR05 pour caché la date des evenements*/
.date_atr05 {
	display:none;
}

/* fin module evenement _______________________________________________________________________*/

.fleche_lien{
	background: transparent url(../charte/fleche-6600ff-atr.gif) no-repeat 0 2px ;
	margin:0;
	margin-right:10px;
	padding:0;
	padding-left:10px;
}

.titre_groupe {
	color:#BD1320;
	font-style:italic;
}

/* 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-atr.gif) no-repeat 0 0;
	width: 224px;
}
.col_gauche .pub {
	background: transparent url(../charte/fond-pub-atr.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-atr.gif) no-repeat 0 0;
	margin: 10px 0 0 0;
}
.pub .bpcc {
	background: white url(../charte/fond-bpcc-droit-atr.jpg) 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: white url(../charte/fond-bpcc-centre-atr.jpg) no-repeat bottom left;
	width: 490px;
}
.bpcc .fond {
	background: white url(../charte/fond-bpcc-atr.jpg) repeat-y 0 0;
	float: left;
	width: 224px;
	margin: 0;
	font-weight: bold;
	color: white;
}
.col_centre .bpcc .fond {
	background: white url(../charte/fond-bpcc-atr.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-b.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;
}
.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 3px;
	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-atr.jpg) 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-reserver-atr2.jpg) no-repeat top left;
	float: left;
	padding: 1px 1px 10px 30px;
	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-atr.jpg) 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;
	margin:0pt 3px 0pt 0pt;
	padding:70px 0pt 5px 4px;
	width:210px;
}
.m_1 {
	background:white url(../charte/picto_apm.jpg) no-repeat scroll 0px 0pt;
	display:none;
}
.m_2 {
	background: white url(../charte/picto_atr.jpg) no-repeat -2px 0;
	display:none;
}
.m_3 {
	background: transparent url(../charte/bulle-golf.gif) no-repeat -2px 0;
	display:none;
}
.m_4 {
	background: transparent url(../charte/bulle-velo.gif) no-repeat -2px 0;
	display:none;
}
.m_5 {
	background: transparent url(../charte/bulle-bateau.gif) no-repeat -2px 0;
	display:none;
}
.m_6 {
	background: transparent url(../charte/bulle-eglise.gif) no-repeat -2px 0;
	display:none;
}
.m_7 {
	background: transparent url(../charte/bulle-bourgogne.gif) no-repeat -2px 0;
	display:none;
}

/* 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;
}
.resultat {
	background: white url(../charte/fond-resultat-atr.jpg) no-repeat 0 0;
	padding: 10px 0;
	clear: both;
	width: 485px;
}
.resultat img {
	padding: 1px 5px 5px 0;
	float: left;
	z-index:1;
}
.resultat strong {
	/*display: block;*/
	font-size: 12px;
	font-weight: bold;
}
.resultat .descriptif {
	padding-left: 5px;
	background: white url(../charte/fond-evenement-atr.jpg) repeat-y 0 0;
	height: 100%;
}

/* 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 #6600ff;
	text-align:center;
	padding: 2px;
	width: 150px;
	float:right;
}

.resultat .descriptif .quantite_recap{
	border-left: 1px dotted #6600ff;
	border-right: 1px dotted #6600ff;
	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:#6600ff 1px dotted;
	width:auto;
	padding-left:15px;
	margin:0px;
}

.pdt_cplt{
	padding: 2px;
}

.pdt_cplt_layer{
	width:auto;
	padding:2px;
	margin:1px;
}


/* fin ajout david */


/* Ajout David pour le layer des produits /////////////////////////////////////////////////////////////////*/
.text {
	padding:5px;
	width:150px;
	text-align:right;
}
/*.text_pdt_cplt {
	padding:2px;
	padding-right:3px;
	width:auto;
	text-align:left;
}*/
.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-atr.jpg) 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: #CA2C3A  1px solid;
}
.total .xx {
	font-family: "Arial Black";
	font-weight: normal;
}

.ligne {
	clear: both;
	padding: 4px 0px 0px 0px;
	width: 485px;
}
.col_total .ligne {
	width: 840px;
}
.ligne p {
	clear: both;
	border-bottom: #6600ff 1px dotted;
	padding: 0 0 2px 0;
}
.ligne strong {
	font-family: "Arial Black";
	color: #CA2C3A ;
	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: #6600ff 1px dotted;
	border-right: #6600ff 1px dotted;
	border-bottom: #6600ff 1px dotted;
	position: relative;
}
/* fin ajout david complement info*/

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

.prix_droite{
	padding: 2px 0 0 0;
}
.resultat .pdt {
	width: 260px;
}
.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-atr.jpg) repeat-y 0 0;
}
.resultat .reserver {
	float: right;
	width: 105px;
}
.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;
}
.pages {
	background: transparent url(../charte/fond-resultat-atr.jpg) no-repeat 0 0;
	padding: 10px 0 6px 0;
	font-size: 14px;
	margin: 4px 0 0 0;
	clear: both;
}

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


/* debut pages fiche _____________________________________________________________*/
.fiche {
	background: transparent url(../charte/fond-fiche-haut-atr.gif) no-repeat 0 0;
	padding: 13px 0 0 0;
	width: 486px;
}
.fiche h2 {
	background: transparent url(../charte/fleche-b-atr.gif) no-repeat 0 6px ;
	background-color: #CA2C3A;
	padding: 0 0 4px 20px;
}
.diaporama {
	width: 205px;
	float: left;
	text-align: right;
	margin: 0 5px -5px 0;
	position: relative;
	top: -5px;
}
.diapo img {
	border-top: #CA2C3A  10px solid;
	border-bottom: #CA2C3A  10px solid;
	z-index:1;
}

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

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

.fiche .fond p, .p_pdt {
	padding: 5px 5px 5px 0;
	margin: 0 0 5px 0;
	background: white url(../charte/fond-inspiration-atr.jpg) repeat-y top right;
	width: 480px;
	text-align: justify;
}
.fiche .fond .descriptif {
	background: transparent url(../charte/fond-resultat-atr.jpg) 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-atr.jpg) repeat-y top right;	
}

.p_pdt .diaporama a img {
	padding: 0;
	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: #CA2C3A  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: #6600ff;
	font-weight: bold;
	width: 200px;
	height: 25px;
	border: none;
	display: block;
	clear: both;
	text-align: center;
	background: #CA2C3A  url(../charte/fond-menu-atr.jpg) repeat-x 0 0;
}

/* fin formulaire produit pages resultats _____________________________________________________*/

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

.sablier {
            position:absolute;
            left:210px; 
            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 {
}

.charnieres a:link {
	color:grey;
}

.charnieres a:visited {
	color:grey;
}

.charnieres a:active{
	color:grey;
}

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

.ag_voy {
	display:none;	
}