body { background-color: #dfd9ab; margin:0; }
body,font { color: #001; font-size: 11px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 11px; }
img {  behavior: url("pngbehavior.htc");}
table { color: #001; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 13px; }
p { color: #001; font-size: 11px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 13px; }
td { color: #001; font-size: 11px; font-family: Helvetica, Arial, Geneva, SunSans-Regular, sans-serif; line-height: 13px; }
a { font-size:11px; color:#b51313; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration:none; }
a:link { color: #b51313; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
a:hover { font-size:11px; color:#fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color:transparent; text-decoration:none; }

.refer { display:none;}
/*
.fantome { background-color: #ffffff; filter: alpha(opacity=80);border: 0px solid white; }
.fantome[class] { background-image: url('images/fantome.png'); background-color:transparent; }
*/

.fantome { background:transparent url('images/fantome.png') ; /* IE6, IE7beta2, Gecko */
        _background:none; /* IE6 */ }

/* .fantome img {z-index:100; background-color:opaque;} */

.titrepage {color: #000000; font-size: 36px; font-family: Helvetica, Arial, sans-serif; font-weight: lighter; display: block;padding:10px 0px 10px 2px; max-width:320px; overflow:hidden;line-height:40px;}
/*
h1.titresection   { color: #868684; font-size: 17px; font-family: Helvetica, Arial, sans-serif; font-weight: lighter; display: block; }
h2, .soustitrage  { color: #000; font-size: 18px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; margin-top: 20px; margin-bottom: 5px; display: block; }
*/
h1 { color: #000; font-size: 17px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-align: left; margin-top: 20px; margin-bottom: 5px; display: block; }
h2 { color: #000; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 5px ; display: block; }
h3, .chapo, .chapeau  { color: #105c0c; font-size: 12px; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px ;border-bottom-width: 15px; display: block; margin:0  0 5px 0;}
h4, .sousrubrique  { color: #000; font-size: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 5px ; display: block; }
h5  { color: #100; font-size: 13px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 0 0 2px ; display: block; }
a.nav { font-size:11px; color:#1d3485; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration:none; }
a:hover.nav { font-size:11px; color:#e4decf; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color:transparent; text-decoration:none; }
/*Contenu*/
.contenu img {margin:2px;}
.accompagne table, .accompagne td,a.accompagne th {border-collapse:collapse; margin:0px; padding:0px; border:1px solid white;}
.accompagne input{width:80px;}
.contenu input,.contenu textarea,  .contenu select, .accompagne table, .accompagne input {font-size:10px;font-family: Arial, Helvetica, sans-serif; border:1px solid #dddddd; background-color:white; filter:alpha(opacity=100); }
.accompagne input{max-width:68px;}
.chemin { color: #858585; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
.bordures{ border-color: #fff; border-style: solid; border-width: 0 0 1px; } 
a.chemin1 { color: #858585; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover.chemin1 { color: #b51313; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
a.chemin2 { color: #b51313; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover.chemin2 { color: #1d3485; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.titre { color: #43631d; font-size: 25px; font-weight:bold; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 2px 0 0 70px; display: block; line-height:20px;}
.titre h1 { color: #43631d; font-size: 25px; font-weight:bold; font-family: Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 2px 0 0 70px; display: block; line-height:20px;}
hr.f1 { border-bottom:1px solid white;width:320px; border-top:0;border-left:0; border-right:0;height:1px; margin:0px 0px 0px 70px;padding:0 0 0 0;}
.fondfantome { background-image: url(images/fantome.png); }
.references { color: #000; font-size: 10px; font-family: arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 10px 0 0; display: block; }
.date-sejours { color: #000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 215px; display: block; }
.titrage-resa { color: #ba7c0f; font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
a.pre-resa { color: #0f397c; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; z-index:1000;}
a:hover.pre-resa { color: #ba7c0f; font-family: Arial, Helvetica, sans-serif;  z-index:1000;}
.titrage-resa2 { color: #0f397c; font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
input.boxresa { cursor: pointer;background-color: #0f397c; color:white; border:1px solid black; font-size: 10px;}

/*FIN Contenu*/
/*Col. gauche 01*/
hr { border-bottom:1px solid white;width:180px; border-top:0;border-left:0; border-right:0;height:1px;  }
#autressejours       { font-size: 11px; font-family: Helvetica, Geneva, Arial; font-weight: bold; width: 158px; height: 200px; overflow: auto     ; }
a.demande { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover.demande  { color: #b51313; font-family: Arial, Helvetica, sans-serif; }
a.autesSejours { color: #000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 10px; text-decoration: none; margin: 0 1px 4px 3px; display: block; }
a:hover.autesSejours { color: #b51313; }
.titrageAutresSejours  { min-height:20px; color: #000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 3px; }
.arrondi[class] { background-image: url(images/VTT/arrondi.png); background-repeat: no-repeat; }
.arrondi { background-image: transparent}
/*FIN Col. gauche 01*/
/*Bas de page*/
a.navbas
   { color: #bc1215; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none;}
a:hover.navbas
     { color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #bc1215  }
.navbs { color: #000; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
/*FIN Bas de page*/
/*les +*/
.legende, .commentaire { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; background-color: transparent; text-align: center ; display:block; }
.floatdroite{ float: right; margin: 0 0 5px 10px; border: solid 0 #666; padding: 0; }
.floatgauche{ float: left; margin: 0 10px 5px 0; border: solid 0 #666; padding: 0; }
.floatdroite-gauche{ float: right; margin: 0 0 10px 10px; clear: right; display: block; }
.nput select{ width:120px; font-size: 8pt; font-family: Tahoma, Arial, Verdana, "Trebuchet MS", "Lucida Console", Terminal ; background-color: #a2ba81; }
.nputbleu { width:120px; font-size: 8pt; font-family: Tahoma, Arial, Verdana, "Trebuchet MS", "Lucida Console", Terminal; background-color: #8197ba; }
a.box { background-color: #a1ba81; color: #000; font-size: 8pt; font-family: arial; font-weight: bold; text-decoration: none; height: 17px; padding: 2px 15px 2px 4px; border: solid 1px black; }
a:hover.box { color: #fff; font-size: 8pt; font-family: arial; font-weight: bold; background-color: #849658; height: 17px; padding: 2px 15px 2px 4px; border: solid 1px black; }

a.boxbleu { background-color: #8197ba; color: #000; font-size: 8pt; font-family: arial; font-weight: bold; text-decoration: none; height: 17px; padding: 2px 15px 2px 4px; border: solid 1px black; }
a:hover.boxbleu { color: #fff; font-size: 8pt; font-family: arial; font-weight: bold; background-color: #849658; height: 17px; padding: 2px 15px 2px 4px; border: solid 1px black; }
a.boxrecherche { color: #001; font-size: 8pt; font-family: arial; font-weight: bold; text-decoration: none; background-color: #fcb215; height: 17px; padding: 2px 4px; border: solid 1px black; }
a:hover.boxrecherche { color: #fff; font-size: 8pt; font-family: arial; font-weight: bold; background-color: #1d3485; height: 17px; padding: 2px 4px; border: solid 1px black; }
.dernieresminutes { margin-left: 5px; }
/*FIN les +*/
#tzr-calendar-div {position:absolute;visibility:hidden;background-color:white;layer-background-color:white;}

/*collections*/
a.collections { color: #6a7070; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; background-image: url(images/picto-losange-gris.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 23px; display: block; }
a:hover.collections, a:hover.offcollections { color: #6a7070; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; background-image: url(images/picto-losange-rouge.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 23px; display: block; }
a.offcollections { color: #6a7070; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 14px; background-image: url(images/picto-losange-rouge.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; padding: 0 0 0 23px; display: block; }

.texte-marque { color: #616163; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 15px;overflow:auto }
div.transOFF {width: 100%; background-color: silver;border:1px solid black; }
div.transON  {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; }
img.trans  {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
img.trans:hover{opacity:.50;filter: alpha(opacity=100); -moz-opacity: 1;}

div.niv1 { margin-left:0px; margin-top:5px; margin-bottom:10px; width:263px; display:inline; float:left; vertical-align:center; overflow:hidden }
/*FIN collections*/
a.lite { font-size:11px; color:#666666; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration:underline; }
a.lite:link { color:#666666; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: underline; }
a.lite:hover { font-size:11px; color:#fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; background-color:transparent; text-decoration:none; }
#toolbox{
  margin: 10px 0 5px 0;
  padding:0;
}
#toolbox a {
 
}

.roundcont {
	margin-top:10px;
	width: 158px;
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	text-align:left;
}
.roundcont a:link, .roundcont a:active, .roundcont a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
.roundcont a:hover {
	color: #b41515;
}
.roundfond {
	margin:0;
	background: #c69054;
	padding: 0px;
}
.roundfond img {
	padding: 0 0 0 10px;
}
.roundcont p {
	margin: 0 18px;
}
img.corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}
table.sortedTable thead tr .header {
    background-image: url(/images/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}
table.sortedTable thead tr .header {
    padding-right:20px;
}
table.sortedTable thead tr .headerSortUp {
    background-image: url(/images/asc.gif);
}
table.sortedTable thead tr .headerSortDown {
    background-image: url(/images/desc.gif);
}
.cv3-video {
    text-align: center;
}
.cv3-4img img{
margin: 1px
}