/* xxxxxxxx        GENERAL        xxxxxxxx */
body {
background:transparent url(../images2/deco/fond.gif) repeat left top;
font:normal 16px/20px Arial, Helvetica, sans-serif;	
}
img {
border:0;
}
/* xxxxxxxx    STRUCTURE  accueil  xxxxxxxx */
#cadre-accueil {
background:#ffffff url(../images2/deco/dune.gif) repeat-x left top;
margin: 0 auto;
padding:0;
width:1250px;
}
#illustration-accueil {
float:left;
width:auto;
}
#cadre-accueil #contenu {
margin:10px 0px 0px 0px;
}
#voyage-du-moment {
background:#CC9966;
padding:10px 20px 10px 20px;
width:250px;
float:right;
}
#cadre-accueil #texte {
float:left;
margin:0;
padding:20px 30px 20px 30px;
width:600px;
}
#cadre-accueil #footer {
margin:0;
padding:15px 0px 15px 0;
clear:both;
}

/* xxxxxxx      page d'accueil       xxxxxxxx */
#cadre-accueil #texte a {
color:#4D4E37;
text-decoration:none;
}
#cadre-accueil #texte a:hover {
color:#7F7D60;
text-decoration:underline;
}
#cadre-accueil h1 {
margin:20px 0 20px 0;
font:bold 26px Arial, Helvetica, sans-serif;
color: maroon;
}
#cadre-accueil h2 {
font:normal 12px Arial, Helvetica, sans-serif;
color:#AC2900;
text-align: center;
margin:15px 0 5px 0;
}
#voyage-du-moment h1 {
margin:10px 0 10px 0;
font:bold 14px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
}
#voyage-du-moment h1 a {
color:#fff;
text-decoration:none
}
#voyage-du-moment h2 {
margin:10px 0 10px 0;
font:bold 15px Arial, Helvetica, sans-serif;
}
#voyage-du-moment h2 a {
color:#9C1900;
text-decoration:none;
}
#voyage-du-moment .photo {
text-align:center;
margin:0 0 10px 0
}
#voyage-du-moment p {
margin:8px 0 8px 0;
color:#000;
font:normal 13px Arial, Helvetica, sans-serif;
text-align:center;
}
#voyage-du-moment p a {
color:#9C1900;
text-decoration:none;
}
#voyage-du-moment p a:hover {
color:#9C1900;
text-decoration:none;
}
/* pour trek atlas et ocean */
#voyage-du-moment h2 a span {
color:#073072;
text-decoration:none;
}
#voyage-du-moment h2 a:hover span {
color:#073072;
text-decoration:none;
}
.atlas{
color:#AC2900;
}
.ocean{
color:#073072;
}
/* xxxxxxx */
.baseline {
font:normal 14px/18px Arial, Helvetica, sans-serif;
}
.baseline a {
font-weight:bold;
}

/* xxxxxxx */
a#english-version:hover,
a#english-version:focus {
background-position:0px -20px;
}
a#english-version {
overflow:hidden;
text-indent:-999em;
width:29px;
height:20px;
float:left;
margin:0px 5px 0px 5px;
padding:0;
}
a#english-version {
background:transparent url(../images2/navigation/drapeau-uk.jpg) no-repeat scroll left top;
}
/* xxxxxxx */

.multimedias {
font:normal 11px Arial, Helvetica, sans-serif;
}
.multimedias a {
color:#888;
text-decoration:none;	
}

/* xxxxxxxx    STRUCTURE  sommaires  xxxxxxxx */
#cadre {
background:#ffffff url(../images2/deco/dune.gif) repeat-x left top;
margin: 0 auto;
padding:0;
width:1250px;
}
#cadre #contenu {
margin:10px 0px 0px 0px;
}
#cadre #colonne-photos {
float:left;
margin:0;
padding:0;
width:300px;
}
#cadre #texte {
float:left;
margin:0;
padding:20px 40px 20px 40px;
width:700px;
}
#cadre #colonne-infos {
float:left;
margin:0;
padding:0;
width:170px;
}
#cadre #footer {
margin:0;
padding:15px 0px 15px 0px;
clear:both;
}


/* xxxxxxxx    STRUCTURE fiches     xxxxxxxx */

#cadre-fiche {
background:#ffffff url(../images2/deco/dune.gif) repeat-x left top;
margin: 0 auto;
padding:0;
width:1250px;
}
#cadre-fiche #contenu {
margin:10px 0px 0px 0px;
}
#cadre-fiche #colonne-photos {
float:left;
margin:0;
padding:0;
width:120px;
}
#cadre-fiche #texte {
float:left;
margin:0;
padding:20px 40px 20px 40px;
width:880px;
}
#cadre-fiche #colonne-infos {
float:left;
margin:0;
padding:0;
width:120px;
}
#cadre-fiche #footer {
margin:0;
padding:15px 0px 15px 0px;
clear:both;
}

/* xxxxxxxx        MENU        xxxxxxxx */

#navigation {
margin:0px 20px 0px 200px;
padding:0;
}
#navigation ul {
margin:0;
padding:0;
}
#navigation li {
display:inline;
margin:0;
padding:0;
}

/* xxxx images du menu et effet au passage de la souris  xxxx */

a#qui:hover, a#qui:focus, a#offre:hover, a#offre:focus, a#infos:hover, a#infos:focus, a#gite:hover, a#gite:focus, a#gite:hover, a#gite:focus, a#temoignages:hover, a#temoignages:focus, a#contact:hover, a#contact:focus {
background-position:0px -110px;}
a#qui, a#offre, a#infos, a#gite, a#temoignages, a#contact {
overflow:hidden;
text-indent:-999em;
width:74px;
height:110px;
float:left;
margin:0px 5px 0px 5px;
padding:0;}
a#qui {background:transparent url(../images2/navigation/qui.gif) no-repeat scroll left top;}
a#offre {background:transparent url(../images2/navigation/offre.gif) no-repeat scroll left top;}
a#infos {background:transparent url(../images2/navigation/infos.gif) no-repeat scroll left top;}
a#gite {background:transparent url(../images2/navigation/gite.gif) no-repeat scroll left top;}
a#temoignages {background:transparent url(../images2/navigation/temoignages.gif) no-repeat scroll left top;}
a#contact {background:transparent url(../images2/navigation/contact.gif) no-repeat scroll left top;}

/* xxxxxxxx */

.logo-cb {margin:0;}
.logo-cb img {margin:40px 0 0 390px;}

/* xxxxxxx      SOUS NAVIGATION    xxxxxxxx */

#sous-navigation {
font:bold 11px Arial, Helvetica, sans-serif;	
margin:0px 0px 10px 0px;
padding:10px 0px 20px 0px;
clear:both;
background-color:#CC9966;
}
#sous-navigation ul {
text-align:center;
margin:0px 3px 0px 3px;
padding:0;}
#sous-navigation li {
display:inline;
margin:0px 3px 0px 3px;
padding:0;}
#sous-navigation a {
color:#9B3300;
text-decoration:none;
}
#sous-navigation a:hover {color:#fff;}

/* xxxxxxxxx */

/* xxxxxxx      PAGES VOYAGES     xxxxxxxx */
/* surtitre */
h2 {
font:normal 18px Arial, Helvetica, sans-serif;
color:#AC2900;
text-align: center;
margin:15px 0 5px 0;
}
/* nom voyage */
h1 {
font:normal 26px Arial, Helvetica, sans-serif;
color:#AC2900;
text-align: center;
margin:5px 0 5px 0;
}
/* sous titre */
h3 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#000;
text-align: center;
margin:5px 0 5px 0;
}
/* texte intro */
.intro {
text-align:justify;
font:normal 18px Arial, Helvetica, sans-serif;
color:#993300;
line-height:120%;
}
.intro-longue {
text-align:justify;
font:normal 16px Arial, Helvetica, sans-serif;
color:#993300;
line-height:120%;
}

/* texte info techniques */
.infos-pratiques {
font:normal 14px Verdana, sans-serif;
text-align:justify;
margin:4px;
color:#666;
}
.titre-organisation {
font:normal 16px Verdana, sans-serif;
text-align:justify;
margin:10px 0;
color:#444;
}
.organisation {
font:normal 14px Verdana, sans-serif;
text-align:justify;
margin:5px 0;
color:#444;
}
/* texte principal */
.description-voyage {
font:normal 14px Arial, Helvetica, sans-serif;
text-align:justify;
}
.description-journee {
margin:30px 0 25px 0;
font:normal 14px Arial, Helvetica, sans-serif;
}
.jour-voyage {
margin:5px 0 0 0;
font:normal 16px Arial, Helvetica, sans-serif;
color:#993300;
}
.illustrations-fiche {
margin:0;
padding:0;
text-align:center;
}
.points-forts{
text-align:left;
margin:20px 0 0 30px;
font-size:14px;
}
.liste-points-forts{
margin:0;
margin-left:10px;
}
.liste-points-forts li{class="ocean"
font-weight:bold;
}

/* xxxxxxxx details-voyage dans fiche voyage */
.details-voyage {
margin:20px 0 20px 0;
padding:10px 0 10px 0;
border-top:1px solid #cbcbcb;
font:normal 14px Arial, Helvetica, sans-serif;		
}
.details-voyage h1 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
margin:5px 0 5px 0;	
}	
.details-voyage h2 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#7F0000;
text-align:left;
margin:5px 0 5px 0;	
}	
/* xxxxxxxx */

/* xxxxxxxx differents voyages dans page thematique */
.voyage {
margin:20px 0 20px 0;
padding:10px 0 10px 0;
border-bottom:1px solid #cbcbcb;
font:normal 14px Arial, Helvetica, sans-serif;		
}
.voyage h1 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
margin:5px 0 5px 0;	
}	
.voyage h2 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#7F0000;
text-align:left;
margin:5px 0 5px 0;	
}	
.voyage h3,
.voyage .surtitre {
font:bold 14px Arial, Helvetica, sans-serif;
text-align:left;
margin:5px 0 5px 0;	
}
.voyage .infos-pratiques {
font:normal 12px Arial, Helvetica, sans-serif;	
}
.voyage .lien-carte {
color:#000;
margin:0 0 0 10px;
}
.nouveaute {
color:#CF6600;
margin:0 0 0 0;
font:normal 12px Arial, Helvetica, sans-serif;
}
/* xxxxxxxx */

/* xxxxxxxx    PAGE SOMMAIRES       xxxxxxxx */
#cadre #colonne-photos .photo,
#cadre #colonne-photos .photo img {
margin:0;
padding:0;
}
.tetiere {
margin:0 0 20px 0;
padding:0;
text-align:center;
}
#cadre h4,
#cadre h1.region,
#cadre h1.categorie {
margin:20px 0 5px 0;
color:#CF6600;
font:bold 18px Arial, Helvetica, sans-serif;
text-align:left;
}
#cadre h4 a {
color:#CF6600;
text-decoration:none;
}
#cadre h4 a:hover {
text-decoration:underline;
}

/* xxxxxxxx    FOOTER       xxxxxxxx */
/* contacts en pied-de-page */
#contacts {
margin:0 0 0 340px;
font:normal 13px Arial, Helvetica, sans-serif;
}
#contacts h5,
#contacts .nous-contacter {
margin:3px 0 3px 0;
color:#AC2900;
text-transform:uppercase;
}
#contacts p {
margin:3px 0 3px 0;
}
/* xxxxxxxxxx */

/* xxxxxx  module presentation voyage xxxxxxxx */
.autre-voyage {
margin:20px 0 20px 0;
padding:0;
text-align:center;
font:bold 14px Arial, Helvetica, sans-serif;
}
.autre-voyage a {
text-decoration:none;
color:#450606;
background-color:#fff;
border:1px solid #450606;
display:block;
width:170px;
text-align:center;
margin:0;
padding:15px 0 10px 0;
}
.autre-voyage a:hover {
color:#fff;
background-color:#450606;
border:1px solid #fff;
}
.autre-voyage img {
border:none;
margin:0 0 3px 0;
width:140px;
}
/* xxxxxxxx */

/* xxxxxxxx        LIENS        xxxxxxxx */
.plus-de {
font:bold 14px Arial, Helvetica, sans-serif;
}
.plus-de a {
font:bold 14px Arial, Helvetica, sans-serif;
color:#4D4E37;
text-decoration:none;
}
.plus-de a:hover {
color:#7F7D60;
text-decoration:underline;
}
#retour {
margin:0;
padding:0 70px 0 0px;
clear:both;
text-align:right;
}		
#retour .plus-de {
margin:0;
}

/* xxxxxxx      PAGES INFOS PRATIQUES      xxxxxxx */
#nav-interne-page {
margin:5px 0 30px 0;
padding:0;
list-style:none;
display:inline;
}
#nav-interne-page li {
margin:0 20px 0 0;
font:bold 16px Arial, Helvetica, sans-serif;
display:inline;
}
/* xxxxxxxx */
#nav-page-infos {
margin:30px 0 30px 0;
padding:0;
list-style:none;
}
#nav-page-infos li {
margin:5px 0 5px 0;
font:bold 14px Arial, Helvetica, sans-serif;
}
/* xxxxxxxx */
#nav-interne-page li a,
#nav-page-infos li a {
color:#4D4E37;
text-decoration:none;
}
#nav-interne-page li a:hover,
#nav-page-infos li a:hover {
color:#7F7D60;
text-decoration:underline;
}

/* xxxxxx       tableau des temperatures  (infos pratiques)    xxxxxxxx */
caption.temperatures {
color:#8C0922;
}
table.temperatures {
border-collapse:collapse
}
table.temperatures td,
table.temperatures th {
padding : 0.4em ;
border-spacing:0;
border:1px solid #666;
font-size:0.8em;
}
table.temperatures th {
color:#8C0922;
font-weight:bold;
text-align:center;
}
table.temperatures td {
empty-cells: show;
background-color:#fafafa;
}

/* xxxxxxxx    pour pages témoignages   xxxxxxxx */
#page-temoignages {
font:normal 13px Arial, Helvetica, sans-serif;
margin:0 0 0 0;
}
#page-temoignages p {
margin:8px 0 8px 0;
}
#page-temoignages .famille-voyage {
font-weight:bold;
margin:8px 0 15px 0;
padding:0 0 10px 0;
border-bottom:1px solid #ccc;
}

/* xxxxxxxx    pour page partenaires   xxxxxxxx */
#partenaires {
margin:20px 0 20px 0;
padding:0;
list-style:none;
}
#partenaires li {
margin:5px 0 5px 0;
padding:0;
width:270px;
height:100px;
display:block;
float:left;
}

/* xxxxxxxx     pour page  tarifs     xxxxxxxx */
#tarifs-2009 .precisions {
color:#AC2900;
}
#tarifs-2009 h1 {
font:normal 36px Arial, Helvetica, sans-serif;
margin:10px 0 30px 0;
}
#tarifs-2009  h2 {
font:normal 24px Arial, Helvetica, sans-serif;
text-align: left;
margin:30px 0 10px 0;
}
#tarifs-2009 h3 {
font:bold 18px Arial, Helvetica, sans-serif;
color:#000;
text-align: left;
margin:10px 0 5px 0;
text-transform:uppercase;
}
#tarifs-2009 .nous-consulter,
#tarifs-2009 .nouveaute {
color:#CF6600;
}
/* xxxxxxxxxx */

/* xxxxxxxx     pour page  temperatures     xxxxxxxx */
.listeTemperatures{width:823px;font-size:12.8px;border:1px solid #AC2900;border-bottom:2px solid #AC2900;}
.listeTemperatures tr.impair td,.listeTemperatures tr.impair th{background:#EAD8C6;}
.listeTemperatures td{padding:5px;border-right:1px solid #AC2900;}
.listeTemperatures th{text-align:left;font-size:14px;padding:5px;border-right:1px solid #AC2900;}
.listeTemperatures .titreSpeciaux th{font-size:16px; text-align:center;border-bottom:1px solid #AC2900;}
.listeTemperatures .sousTitreTableau span{font-size:12px;}
.listeTemperatures  td.aCentrer{text-align:center;}
/* xxxxxxxxxx */


/* xxxxxxxx    STRUCTURE  carte  xxxxxxxx */
#cadre-carte {
background:#ffffff url(../images2/deco/dune.gif) repeat-x left top;
margin: 0 auto;
padding:0;
width:1250px;
}
#cadre-carte #contenu {
margin:10px 0 0 0;
}
#cadre-carte #texte {
float:left;
margin:0;
padding:20px 30px 20px 30px;
width:600px;
}
#cadre-carte #footer {
margin:0;
padding:15px 0px 15px 0px;
clear:both;
}
.encartImportant{width:400px;padding:10px;text-align:center;margin:10px auto; background:#7F0000;color:white;font-weight:bold;}
/* xxxxxxxxxx */
.info-suppl {font-size:12px;}