body{ margin:0; padding:0; font-family:Helvetica, Verdana, sans-serif; font-size:12px; line-height:21px;}

/**************************************PAGE D'ACCUEIL****************************************************/

h1,form{margin:0;padding:0;width: 100%;}
ul{margin:0;padding:0;}
li{ margin:0; padding:0;}
img{border:none; margin:0; padding:0;}
h4 {margin:0;}

#bandau{background-image:url(images/bandeau_fond.gif);background-repeat:repeat-x;width:100%;height:475px;}
#contenu_bandau{ width:965px; margin-left:auto; margin-right:auto; padding-top:15px;}
#gauche_bandeau{ width:410px; height:475px; float:left; margin-right:20px;}
#droite_bandeau{ background-image:url(images/Visuel_Toujours-un-chemin.jpg); width:498px; height:475px; float:left;}
#opinion{
	width:190px;
	float:left;
	background-color:#ffd84a;
	padding:10px;
	height:320px;
	-height:320px;
	*height:320px; 		
	margin-right:20px;
	margin-left:20px;
	-margin-left:10px;
}
#opinion ul li{ list-style-type:none;}
#demarche{
	width:200px;
	margin-right:20px;
	float:left;
	background-color:#f9c182;
	padding:10px;
	height:320px;
	-height:320px;
	*height:320px;}

#tourisme-handicap{
	width:200px;
	margin-right:20px;
	float:left;
	background-color:#a2d7e5;
	padding:10px;
	height:320px;
	-height:320px;
	*height:320px;}
#blog{width:200px;float:left;background-color:#c2d08b;padding:10px;height:320px;-height:320px;*height:320px;}

#actu_a {width:350px; float:left;}
.actu_a {width:330x; height:60px; padding:10px; border: #a1d7e5 solid 1px; line-height:18px;}
.c_actu_a {float:left; width:230px;margin-left:10px;}
.actu_a p {margin:0}
#top_5 {float:left; width:220px; margin-left:20px; margin-top:10px;}
#top_5 ul {margin:0;padding:0; list-style-type:none;}
#top_5 ul li {padding-left:55px; padding-top:6px; display:block; width:165px; height:30px;}
#top_5 ul li a {color:#000; text-decoration:none;}
#top_5 ul li a:hover {color:#000; text-decoration:underline;}
.top1 {background-image:url(images/img_top5-1.gif); background-repeat:no-repeat;}
.top2 {background-image:url(images/img_top5-2.gif); background-repeat:no-repeat;}
.top3 {background-image:url(images/img_top5-3.gif); background-repeat:no-repeat;}
.top4 {background-image:url(images/img_top5-4.gif); background-repeat:no-repeat;}
.top5 {background-image:url(images/img_top5-5.gif); background-repeat:no-repeat;}
.aligndroite {text-align:right;}
.textdeco {color:#000;}
.img_bas5 {margin-bottom:5px;}

#new {float:left; width:220px; margin-left:20px;}
#cadre_new {background-color:#fff3c8; padding:5px;}
/***********************************MODELE BANDEAU*******************************************************/

#bandau2{
	background-image:url(images/bandeau_fond.gif);
	background-repeat:repeat-x;
	width:100%;
	height:133px;
	padding-top: 7px;
}

#gauche_bandeau2{ width:335px;  float:left;}
#droite_bandeau2{
	height:33px;
	background-image: url(images/fond_menu.gif);
	margin-top: 20px;
	padding-top: 7px;
}
#droite_bandeau2 a {
	padding-left:10px;
	font-size:16px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
#droite_bandeau2 a:hover {text-decoration:underline;}
#lanews {margin-right:20px;}
#droite_bandeau2 a.panier_m{color:#e2001a; text-transform:uppercase; margin-left:10px;font-size:14px;}
#contenu_bandau2{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/Visuel-villes-toujours1chemin.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
#droite_bandeau h2 {padding-top:50px; *padding-top:70px;}
#droite_bandeau h2 a { color:#b11434; font-size:20px;  font-size:18px; word-spacing:-1px; text-decoration:none;}

#conteneur{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	clear: both;
}

#conteneur h3{ margin:0; padding:0; font-size:20px;}




/**************************************PIED*********************************************/

#pied{
	width:100%;
	background-color:#e8f7fd;
	background-image:url(images/pied_fond.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:12px;
	margin-top:20px;
}

#contenu_pied{width:940px;margin-left:auto;margin-right:auto;}
#gauche_pied{
	float:left;
	width:340px;
	color:#638da3;
	margin-left:30px;
	-margin-left:20px;
	margin-top:15px;
}
#gauche_pied a{color:#638da3; text-decoration:none;}
#gauche_pied a:hover{  color:#638da3; text-decoration:underline;}
#milieu_pied{
	float:left;
	width:140px;
	color:#638da3;
	margin-left:25px;
	margin-top:15px;
}
#milieu_pied a{color:#638da3; text-decoration:none;}
#milieu_pied a:hover{  color:#638da3; text-decoration:underline;}
#droite_pied{
	float:left;
	width:380px;
	color:#58595b;
	margin-left:20px;
}
#droite_pied a{color:#58595b; text-decoration:none;}

.resonance{ margin-left:40px; }
.gras{font-weight:bold;}
.fleche{ margin-top:140px;}
.spacer{clear:both;line-height:5px;}
.panier{ }
.plan, .plan ul {margin-left:20px;}



/*********************************LES GUIDES****************************************************/


#menu{width:170px;margin-right:20px;float:left;margin-top:5px;}
#menu img{ margin-bottom:9px;}
#milieu_contenu{width:500px;margin-right:20px;float:left;}
#droite_contenu{
	width:230px;
	float:left;
}
#milieu_contenu h4{ color:#638da3; font-size:16px; margin-top:25px; font-size:16px;}
#bas_contenu{width:770px; margin-left:170px; }
.commande{width:210px;background-color:#ffeba4;padding:10px; margin-bottom:10px;}
.date{color:#7c5610; font-weight:bold;}
.prix{color:#000000; font-weight:bold;}
.livraison{color:#e2001a;}
.img_attention{ margin-right:10px;}
#droite_contenu h4 {text-transform:uppercase; font-size:16px; margin-left:10px;}


/**************************************LA PAGE GUIDES*******************************************/
#gauche_conteneur{ width:410px; float:left;}
#contient_demarche_opinion{ float:left; width:350px;}
.imgguides {text-align:center}
.imgguides img {margin-left:20px; margin-right:20px; margin-bottom:20px}

.ensavoirplus{ margin-top:15px; margin-left:255px;}

/***************************************PAGE DEMARCHE**********************************************/

#gauche_demarche{ width:620px; margin-right:20px; float:left;}
#gauche_demarche h3{ color:#e2001a;}

#droite_demarche{width:300px;  float:left;}
#droite_demarche iframe{margin-top:10px;}
#demarche_touristique, #demarche_opinion{ background-color:#f9c182; padding:10px; margin-top:10px;}

#demarche_blog{ background-color:#c2d08b; padding:10px;}
.bout_demarche{margin-top:15px; margin-bottom:15px;}

#ul_gauche{ float:left; width:150px; padding-left:15px;}
#ul_droite{float:left; width:165px;}
.signature{ text-align:right;}
#demarche_touristique a{ color:#000;}
#demarche2
/*****************************************PAGE CONTACT********************************************/

#gauche_contact{width:580px; margin-right:20px; float:left;}
#droite_contact{width:350px;float:left;margin-top: 40px;}
.col_g_label{display: block;float: left;width:100px;text-align: right;padding-right:20px;}

input.lab{ border-width:2px; border-style:solid; border-color:#638da3;}
textarea.lab{ border-width:2px; border-style:solid; border-color:#638da3;}

.bouton_form{margin-left:110px;}
#vert_form{ font-weight:bold; color:#66b203; background-color:#e6fbc7; border-color:#66b203; border-width:1px; padding:10px; width:300px;}
#rouge_form{font-weight:bold; color:#b21d03; background-color:#fbcec7; border-color:#b21d03; border-width:1px; padding:10px; width:300px;}

#blog_contact{ width:330px;  background-color:#c2d08b; padding:10px;}
#opinion_contact{width:330px;  background-color:#ffd84a; padding:10px;}
.ensavoirplus2{ margin-top:15px; margin-bottom:15px; }
.logo{ margin-top:15px;}


/*********************************************BARCELONE****************************************************/
#gauche_barcelone{width:180px; margin-right:20px; float:left;}
#droite_barcelone{float:left; width:300px; }
#droite_barcelone ul{ padding-left:15px;}
.italic{ font-style:italic;}
.ul_droite{ list-style-type:none;}
.trait{ margin-bottom:15px;}
.pousse_img{ margin-right:9px;}
.prix {font-weight: bold;color: #F00;font-size:16px;}
.extraits { padding-left:15px;padding-bottom:10px;}
/**********************************************SYSTEME DE PAIEMNT********************************************/
.titre_nom{font-size:20px;}
.rouge_panier{color:#c80000;font-size: 14px;}
.rouge_panier1{color:#c80000; margin-left:15px;}
#panier, #panier2{background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.lien_noir{color:#000000; }
#panier h1, #panier2 h1{ font-family:"Times New Roman", Times, serif; font-size:20px; margin-left:20px;}
#recalcul{margin-left:2px; }
.poussedroite{margin-left:100px;}
.poussedroite2{margin-left:200px;}
.fond_ligne_gris{background-color:#e8e8e8;}
.fond_vous_ici{color:#000000; font-size:14px; font-weight:bold; }
#formulaire{background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#formulaire h1{font-family:"Times New Roman", Times, serif; font-size:20px; margin-left:15px;}
.gris{background-color:#e8e8e8; margin:10px;}

.poussegauche{margin-right:5px;}

.col_g_label
{
	display: block;
	float: left;
	width:140px;
	text-align: right;
	margin-right: 10px;
}

.petit-espace{margin-left:10px;}

#choix{background-color:#FFFFFF;}
#choix h1{font-family:"Times New Roman", Times, serif; font-size:20px; margin-left:20px;}

.surligne{color:#c80000;}

.espace{margin-left:15px;}

.td_commande{text-decoration:underline; color:#000000; background-color:#FFFFFF;}


#espace_noir{background-color:#000000; height:3px; width:620px; overflow:hidden;}

.taille_base{text-decoration:none; padding-top:5px;}

.icone{
margin-bottom:3px;
}

#ajout_panier{ background-color:#d4e47a; color:#465300; width:620px;}
.image_verte{margin-left:3px; margin-right:6px;}
#ajout_panier2{ background-color:#ff0000; color:#465300; width:620px;}
.image_rouge{margin-left:3px; margin-right:6px;}
#titrejaune{
	padding-bottom:8px;
	color: #ffd300;
	background-color: #000000;
} 
.petit {
	font-size: 12px;
}
#client {
	margin: 0px;
	padding: 0px;
}
.texte_gris {
	color: #668ca1;
}
.td_fin {
	font-size: 1px;
	line-height: 1px;
}

.pousse_gros{ margin-bottom:15px;}
.texte_moutarde {color:#7c5610;}

#menu2 {margin-left:auto;margin-right:auto; width:170px;}

.fond_valider{ background-image:url(images/bouton-valider-commande1.gif);
background-repeat:no-repeat;
height:38px;
width:199px;
border:none;
}

/*************************************COMMENTAIRES***********************************/

#commentaires{width:785px; margin-left:auto; margin-right:auto; padding-left:175px; }
#commentaires2{width:620px;  }
#lire_com ul{ list-style-type:decimal;  -list-style-type:none;  *list-style-type:none; margin-top:15px; }
li.fond_bleu{ background-image:url(images/fond_bleu.jpg); width:726px;  background-repeat:no-repeat; padding-left:10px;  padding-top:7px; margin-left:20px; -margin-left:0; *margin-left:0;  }
li.fond_jaune{width:726px;margin-left:20px; -margin-left:0; *margin-left:0;  }
.fond_commj { background-image:url(images/fond-j-pix.jpg);   background-repeat:repeat-y;; padding-left:10px;  padding-top:0px; width:726px; margin-top:0px;}
.fond_commb { background-image:url(images/fond-b-pix.jpg);   background-repeat:repeat-y;; padding-left:10px;  padding-top:0px; width:726px; margin-top:0px;}
.fond_commj img, .fond_commb img {padding-left:0px;margin-left:-10px;}
.fond_commj2 { background-image:url(images/fond-j-pix2.jpg);   background-repeat:repeat-y;; padding-left:10px;  padding-top:0px; width:574px; margin-top:0px;}
.fond_commb2 { background-image:url(images/fond-b-pix2.jpg);   background-repeat:repeat-y;; padding-left:10px;  padding-top:0px; width:574px; margin-top:0px;}
.fond_commj2 img, .fond_commb2 img {padding-left:0px;margin-left:-10px;}
#ajou_com{ background-color:#c2d08b; width:752px; padding-left:20px; padding-top:15px; padding-bottom:15px;}
#ajou_com2{background-color:#c2d08b;width:600px;padding-left:20px;padding-top:15px;padding-bottom:15px;}
h3#titre_lire_com{ background-image:url(images/lire_com1.jpg); 
width:143px;
height:26px; 
display:block; 
float:left; 
margin-bottom:0; 
padding-bottom:0;
cursor:pointer;
background-repeat:no-repeat;
font-size:12px;
color:#333333;
padding-left:10px;
}
h3#titre_ajou_com{background-image:url(images/ajouter_com1.jpg);
width:161px; 
height:26px;
display:block; 
float:left; 
margin-bottom:0;
padding-bottom:0;
cursor:pointer;
background-repeat:no-repeat;
font-size:12px;
color:#333333;
padding-left:10px;
}
input.formular{ border:0;}
textarea.formular{ border:0;}
.lab{ display: block;float:left;width: 100px;text-align:right;margin-right:10px;}
.Style1{ color:#e2001a;}
.bouton_formu{ margin-left:200px;}
.signature2{ margin:0; margin-bottom:15px; margin-top:5px; background-color:#FFF; padding-left:30px;}
.bout{ margin-top:7px; margin-bottom:7px;}
.retour{ margin-bottom:190px;}
#divbook{ float:left;}
.pousse_book{ margin-left:10px;margin-top:20px;}
h2.addthis{ width:335px; float:left; }
#adthis{ float:left; width:130px; margin-top:25px; margin-left:100px;}
.pousse_add{ margin-bottom:190px;}
.sous_panier{background-color:#d7ebf1;padding-left:10px;padding-top:10px;padding-bottom:10px;margin-top: 10px;}
#commentaires .addthis_toolbox {width:762px; background-color:#e8f7fd;padding:5px; margin-bottom:10px;}
#commentaires .addthis_toolbox iframe {float:right;}
#commentaires .ligne {width:772px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #638da3;margin-bottom:0px;margin-top: 10px;}

/**************************************ACTU**********************************************/
.chiffre{	float:left;	width:23px;	background-color:#a1d7e5;	height:20px;color:#FFF;	margin:0 4px 0px 2px;text-align:center;	padding-bottom:5px; border:#a1d7e5 solid 1px;}
/*.chiffres_actu { float:left; width:20px; height:18px; background-color:#f2963e; text-align:center; margin:0 4px 0px 2px; color:#FFF; padding-bottom:2px;}*/
.chiffre2 { float:left; width:23px; height:20px; color:#638da3; background-color:#FFF; text-align:center; margin:0 4px 0px 2px; padding-bottom:5px;border:#a1d7e5 solid 1px;}
.chiffre2:hover { float:left; width:23px; height:20px; color:#FFF; background-color:#a1d7e5; text-align:center; margin:0 4px 0px 2px; padding-bottom:5px;border:#a1d7e5 solid 1px;}
.date_actu { font-style:italic; font-size:11px;}
.actu_court {}
/*.centrer_flottants p {float:left; margin-right:5px;}*/
h3.titre_actu, .actu p {margin:0}
h3.titre_actu a{ text-decoration:none; font-size:15px; color:#000;}
.mod_actu_lien {text-decoration:none;}
#actu .ligne {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #638da3;
	margin-bottom:0px;
	margin-top: 10px;
	clear: both;
}

.actu {width:610x; height:60px; padding:10px; border: #a1d7e5 solid 1px; line-height:18px;}
.actu_img {float:left; width:80px; height:60px;}
.actu_img img{margin-left: auto;margin-right: auto; }
.c_actu {float:left; width:500px;margin-left:10px;}
a.lien_pages_long {
	border-style: solid;
	border-width: 1px;
	border-color: #a1d7e5;
	padding:2px;
	margin-left:2px;
	margin-right:2px;
	display:block;
	float:left;
	text-decoration:none;	
	color:#638da3;
}
.centrer_flottants {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
h2.titre_actu {color:#e2001a}
.droite {display:block; float:left;}
.gauche {width:500px; display:block; float:left;}
#actu .addthis_toolbox {width:610px; background-color:#e8f7fd;padding:5px;}
#actu .addthis_toolbox iframe {float:right;}

/**************************bloc lettre d'info****************************************/
#lettre_info {background-color:#ffd84a; padding:10px}
.bout_submit{color:#FFF; background-color:#000; border:none;}

.ul1, .ul2 {float:left;}
.ul2 {float:left; margin-left:30px;}
