/* Start of CMSMS style sheet 'styles' */
* { padding:0; margin:0; border:0; background-repeat:no-repeat; list-style:none; }
body { padding:0; margin:0; color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:17px; background-color:#ffffff; background-position:top right; }

/* **** Eléments de mise en page **** */
a { color:#F8921C; font-weight:bold; text-decoration:underline; }
a:hover { text-decoration:none; }
a img { border:0; }
a.file_pdf { background-image:url("../images/template/bg_download.png"); padding-left:20px; }

h1 { background-image:none; color:#F8921C; font-size:22px; font-weight:normal; line-height:28px; margin:0; padding:0 0 8px 40px; }
h2 { color:#A7C836; font-size:15px; font-weight:bold; line-height:19px; padding:8px 0 4px 0; }
h2 a { color:#A7C836; text-decoration:none;  }
h2 a:hover { text-decoration:underline; }
h3 { color:#F8921C; text-transform:none; font-weight:bold; background-image:none; padding:8px 0 4px 0; font-size:12px; margin:0; }

p { padding-bottom:8px; display:block; }

/* Gestion des styles de mise en page */
.red { color:#594A9B; }
.clear { clear:both; display:block; }
.left { text-align: left; display:block; }
.right { text-align: right; display:block; }
.center { text-align: center; display:block; }
.space { height:10px; display:block; }
.spacer { height:50px; display:block; }
ul.liste { display:block; padding-bottom:5px; }
ul.liste li { display:block; padding-bottom:3px; padding-left:10px; background-image:url("http://www.cgcv.org/images/template/bg_li_pageinfoscontenu.jpg"); background-repeat:no-repeat; background-position:left 7px; }
.floatLeft { display:block; margin:0 0 10px 10px; float:left; }
.floatRight { display:block; margin:0 0 10px 10px; float:right; }
.italic { font-style:italic; }
.justify { display:block; text-align:justify; }
.contours { display:block; margin-bottom:8px; border:2px dashed #A7C836; padding:8px 10px 8px 10px; }
.image { display:block; margin-bottom:8px; border:2px dashed #A7C836; padding:4px; max-width:440px; margin-left:auto; margin-right:auto; }

table.partenaires { display:block; }
table.partenaires .logo { width:120px; }

table.tab { margin:15px 10px 10px 10px; }
table.tab .col { width:110px; text-align:center; }
table.tab th { color:#FFFFFF; background-color:#fa9258; padding:2px 10px 2px 10px; }
table.tab td { padding:5px 10px 5px 10px; border-top:1px solid #fa9258; }

/* Gabarit */
#global { width:950px; margin-left:auto; margin-right:auto; position:relative; }

/* **** head **** */
#head { height:120px; z-index:10; display:block; position:relative; }
#head #logoCGCV { width:228px; height:164px; display:block; position:absolute; top:0; left:0; }

/* **** foot **** */
#foot { z-index:10; padding:15px 0 15px 0; position:relative; }
#foot ul.footMenu { display:block; float:right; }
#foot ul.footMenu li { display:block; float:left; margin-left:15px; }
#foot ul.footMenu li a { color:#999999; text-decoration:none; font-size:9px; }
#foot ul.footMenu li a:hover { text-decoration:underline; }

/* **** menu **** */
ul#menu { display:block; position:absolute; top:0; left:253px; z-index:99; width:700px; }
ul#menu li { display:block; position:relative; float:left; background-image:url("../images/template/bg_menu_li.png"); background-color:#FDFDFD; background-repeat:repeat-x;  background-position:bottom left; }
ul#menu li.menuDebut { background-image:none; text-align:right; width:9px; background-image:url("../images/template/bg_li_menudebut.png"); background-repeat:no-repeat;  background-position:bottom left; }
ul#menu li.menuEnd { background-image:none; width:9px; background-image:url("../images/template/bg_li_menuend.png"); background-repeat:no-repeat;  background-position:bottom right; }
ul#menu li.menuDebut span, ul#menu li.menuEnd span { display:block; padding:8px 0 9px 0; }
ul#menu li .menuName { background-position:bottom left; background-image:url("../images/template/bg_menu_li.jpg"); background-repeat:no-repeat; display:block; font-size:10px; font-weight:normal; text-transform:uppercase; padding:8px 20px 9px 20px; color:#666666; text-decoration:none; cursor:pointer; }
ul#menu li .menuName:hover { color:#333333; }
ul#menu li#m1 span { background-image:none; }
ul#menu li ul.subMenu { display:none; position:absolute; width:149px; border:0; position:absolute; left:0; background-image:url("../images/template/bg_li_submenu.jpg"); padding-bottom:3px; background-repeat:repeat-x; background-position:left -30px; background-color:#F2F7F3; }
ul#menu li ul.subMenu li { display:block; padding:0 5px 2px 5px; float:none; background-image:none; background-color:transparent; }
ul#menu li ul.subMenu li a { display:block; background-repeat:no-repeat; background-position:left 5px; padding-left:11px; color:#666666; font-weight:normal; text-decoration:none; }
ul#menu li ul.subMenu li a:hover, ul#menu li ul.subMenu li a.active { font-weight:bold; background-image:url("../images/template/puce_arrow.png"); }

/* **** body **** */
.body { display:block; clear:both; z-index:8; }
.body .arborescence { padding-top:2px; font-size:10px; display:block; color:#666666; }
.body .arborescence a { font-weight: normal; color:#666666; }
.body .decoReplis { background-image:url("../images/template/bg_replis.jpg");background-repeat:no-repeat;  background-position:right 50px; }
.body .informationsButton { padding-top:7px; padding-bottom:15px; }
.body .bodyTitle { padding:0; display:block; background-image:none; margin:0; }

/* **** formulaire **** */
form { padding:0; margin:0; }
div.form_content { }
div.form_content table { }
div.form_content td { padding:0; }
div.form_content td.col1 { width:210px; }
div.form_content td.col2 { padding:4px 0 0 0; width:20px; }
div.form_content label { padding:4px 5px 4px 0; display:block;  }
div.form_content input, select, textarea { padding:2px; border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
div.form_content .radio { padding:3px 5px 0 0; display:block; }
div.form_content select { margin:0 5px 0 0; } 
div.form_content select option { padding:2px 0 2px 5px; }
div.form_content select option.h0 { padding:2px 0 2px 5px; background-color:#e4e99c; font-weight:bold; color:#707710; }
div.form_content select option.h1 { padding:2px 0 2px 9px; font-weight:bold; }
div.form_content select option.h2 { padding:2px 0 2px 13px; }
div.form_content select option.h3 { padding:2px 0 2px 25px; }

/* **** bloc image **** */
#blocImages { display:block; width:378px; height:180px; padding:4px; border:0px dashed #A7C836; margin-left:auto; margin-right:auto; margin-bottom:8px; }
#blocImages .bloc { display:block; position:relative; width:378px; height:180px; }
#blocImages .bloc  img { display:block; width:92px; height:58px; cursor:pointer; }
#blocImages .bloc .blocImg img { display:none; width:283px; height:180px; }
#blocImages .bloc .blocImg { display:block; width:283px; height:180px; position:relative; background-image:url("../images/template/loading.gif"); background-repeat:no-repeat; background-position:center center;  }
#blocImages .bloc .blocTh0 { display:block; width:92px; height:58px; position:absolute; top:0; left:286px; }
#blocImages .bloc .blocTh1 { display:block; width:92px; height:58px; position:absolute; top:61px; left:286px; }
#blocImages .bloc .blocTh2 { display:block; width:92px; height:58px; position:absolute; top:122px; left:286px; }

/* **** Page Locations **** */
#pageLocations { border:0px solid; z-index:20; background-image:url("images/template/bg_body-4.png"); background-repeat:no-repeat; background-position:center -20px; }
#pageLocations #global { background-image:url("../images/template/bg_pageLocations2.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageLocations #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pageLocations2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageLocations .body .menu { width:228px; float:left; padding-top:55px; border:0px solid; }
#pageLocations .body .contenu { margin-left:253px; margin-right:253px; margin-top:0; border:0px solid; }
#pageLocations .body .informations { width:228px; min-height:300px; margin-top:90px; float:right; display:block; border:0px solid; }

#pageLocations h1 { background-image:none; color:#FE6613; padding-left:0;}
#pageLocations h2 { color:#A7C836; font-size:15px; font-weight:bold; line-height:19px; padding:0 0 4px 0; }
#pageLocations h3 { color:#FE6613; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }

#pageLocations ul.liste li { background-image:url("../images/template/bg_li_pageinfoscontenu.jpg"); }
#pageLocations .contours { border-color:#A7C836; }
#pageLocations .image { border-color:#A7C836; }


/* **** Menu Infos Contenu **** */
#listeLocations { display: block; width: 230px; padding: 52px 0 0 0; margin: 0 0 8px 0; background-image:url("images/template/bg_liste-locations.png"); background-position: top left; background-repeat: no-repeat; }
#listeLocations p { display: block; padding: 0 20px 5px 20px; margin: 0; }
#listeLocations ul.themes { display: block; padding: 0 20px 0 20px; margin: 0; border:0px solid; }
#listeLocations ul.themes li { display: block; padding: 0 0 5px 0; margin: 0; border:0px solid; background-image: none; }
#listeLocations ul.themes li a { padding: 0 0 0 11px; margin: 0; border:0; font-size: 11px; color: #666666; font-weight: normal; background-image: none; text-decoration: none; display: block; }
#listeLocations ul.themes li a:hover, #listeLocations ul.themes li a.active { font-weight: bold; background-image: url("images/template/puce-fleche-noire3.png"); background-position: left 5px; background-repeat: no-repeat; }


/* **** Page Infos Contenu **** */
#pageInfosContenu { z-index:20; }
#pageInfosContenu #global { background-image:url("../images/template/bg_pageinfoscontenu.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageInfosContenu #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pageinfoscontenu.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageInfosContenu .body .menu { width:228px; float:left; padding-top:50px; }
#pageInfosContenu .body .contenu { margin-left:253px; margin-right:227px; margin-top:0;}
#pageInfosContenu .body .informations { width:202px; min-height:300px; margin-top:-60px; float:right; display:none;  }

#pageInfosContenu h1 { background-image:none; color:#F8921C; padding-left:0;}
#pageInfosContenu h2 { color:#A7C836; font-size:15px; font-weight:bold; line-height:19px; padding:0 0 4px 0; }
#pageInfosContenu h3 { color:#F8921C; text-transform:none; font-weight:bold; background-image:none; padding:8px 0 4px 0; font-size:12px; margin:0; }
#pageInfosContenu ul.liste li { background-image:url("../images/template/bg_li_pageinfoscontenu.jpg"); }
#pageInfosContenu .contours { border-color:#A7C836; }
#pageInfosContenu .image { border-color:#A7C836; }

/* **** Menu Infos Contenu **** */
#menuInfosContenu { width:228px; margin-bottom:8px; }
#menuInfosContenu .liste { padding:50px 20px 0 20px; background-image:url("../images/template/bg_menuinfoscontenu.jpg"); background-repeat:no-repeat; background-position:top left; }
#menuInfosContenu .liste ul { display:block; }
#menuInfosContenu .liste ul li { display:block; padding-bottom:5px; }
#menuInfosContenu .liste ul li a { display:block; background-repeat:no-repeat; background-position:left 5px; padding-left:11px; color:#666666; font-weight:normal; text-decoration:none; }
#menuInfosContenu .liste ul li a:hover, #menuInfosContenu .liste ul li a.active { font-weight:bold; background-image:url("../images/template/puce_arrow.png"); }
#menuInfosContenu .pied { height:30px; width:228px; }

/* **** Page Contenu Hiver  **** */
#pageContenuHiver { border:0px solid; z-index:20;  background-image:url("../images/template/bg_pagesejourshiver.jpg"); background-repeat:no-repeat; background-position:center top;  }
#pageContenuHiver #global { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageContenuHiver #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageContenuHiver .body .menu { width:228px; float:left; padding-top:55px; border:0px solid; }
#pageContenuHiver .body .contenu { margin-left:253px; margin-right:253px; margin-top:0; border:0px solid; }
#pageContenuHiver .body .informations { width:228px; min-height:300px; margin-top:-75px; float:right; display:block; border:0px solid; }

#pageContenuHiver h1 { background-image:url("../images/template/bg_h1-hiver.png"); background-position:top left; background-repeat:no-repeat; color:#2E9BA8; padding-right:90px; }
#pageContenuHiver h1.bodyTitle { background-image:none; }
#pageContenuHiver h2 { color:#594A9B; }
#pageContenuHiver h2.subTitle { color:#594A9B; padding-bottom:8px; padding-left:40px; font-style:italic; font-weight:normal; }
#pageContenuHiver  h3 { color:#2E9BA8; }
#pageContenuHiver .informations h3 { color:#2E9BA8; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }
#pageContenuHiver  .informations .yellow { color:#FCB40C; }
#pageContenuHiver  ul.liste li { background-image:url("../images/template/bg_li_pagesejourshiver.png"); }
#pageContenuHiver  .contenu .contours { border:2px dashed #594A9B; }

/* **** Page Reservation Hiver  **** */
.fondEte { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:center top;  }
.fondHiver { background-image:url("../images/template/bg_pagesejourshiver.jpg"); background-repeat:no-repeat; background-position:center top;  }
#pageReservationHiver { border:1px solid; z-index:20; }
#pageReservationHiver #global { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:left top; border: 1px solid; }
#pageReservationHiver #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageReservationHiver .body .menu { width:228px; float:left; padding-top:55px; border:1px solid; }
#pageReservationHiver .body .contenu { margin-left:253px; margin-right:253px; margin-top:0; border:1px solid; }
#pageReservationHiver .body .informations { width:228px; min-height:300px; margin-top:-75px; float:right; display:block; border:1px solid; }

#pageReservationHiver h1 { background-image:url("../images/template/bg_h1-hiver.png"); background-position:top left; background-repeat:no-repeat; color:#2E9BA8; padding-right:90px; }
#pageReservationHiver h1.bodyTitle { background-image:none; }
#pageReservationHiver h2 { color:#594A9B; }
#pageReservationHiver h2.subTitle { color:#594A9B; padding-bottom:8px; padding-left:40px; font-style:italic; font-weight:normal; }
#pageReservationHiver  h3 { color:#2E9BA8; }
#pageReservationHiver .informations h3 { color:#2E9BA8; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }
#pageReservationHiver  .informations .yellow { color:#FCB40C; }
#pageReservationHiver  ul.liste li { background-image:url("../images/template/bg_li_pagesejourshiver.png"); }
#pageReservationHiver  .contenu .contours { border:2px dashed #594A9B; }

#globalReservation { width: 700px; display: block; border: 0px solid; margin-left: auto; margin-right: auto; }
#globalReservation h1 { background-image:none; color:#F8921C; font-size:22px; text-align: left; font-weight:normal; line-height:28px; margin:0; padding:0 0 8px 0; }
#globalReservation  .obligatoire { font-weight: bold; font-size: 13px; color: #CC0000; }

#globalReservation .buttons { display:block; padding: 15px 0 15px 0; }
#globalReservation .buttons input { display:block; float: left; margin-right: 10px; background-color: #FFFFFF; font-size: 13px; border: 1px solid #A7C836; padding: 4px; }

#globalReservation .buttonRadio { border: 0; }

#formReservation { display: block; border: 0px solid; margin-left: auto; margin-right: auto; }
#formReservation h1, #ficheReservation h1 { text-align: center; }

#formReservation .space { width: 5px; display: block; }
#formReservation label { display: block; border: 0; padding: 2px 10px 0 5px; font-size: 11px; }
#formReservation input, #formReservation textarea, #formReservation select { display: block; border: 1px solid #CCCCCC; padding: 2px; color: #333333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#formReservation input:focus, #formReservation textarea:focus, #formReservation select:focus { border: 1px solid #999999; }
#formReservation input.inputHidden { padding: 0; margin: 0; visibility:hidden; border: 0; }
#formReservation select option { padding: 1px 5px 0 5px; display: block; vertical-align: middle; }
#formReservation select option.b0 { background-color: #F0F0F0; }
#formReservation select option.b1 { background-color: #FFFFFF; }
#formReservation table.formTable { width: 500px; display: block; border: 0px solid; }
#formReservation table.formTable tr { border: 0; }
#formReservation table.formTable tr td { vertical-align: top; border: 0px solid; }
#formReservation table.formTable tr td.c1 { width: 230px; }
#formReservation table.formTable tr td.c2 { width: 270px; position: relative; }
#formReservation table.formTable tr td.c1b { width: 20px; }
#formReservation table.formTable tr td.c2b { width: 480px; }
#formReservation table.formTable tr td.c1c { width: 75px; }
#formReservation table.formTable tr td.c2c { width: 425px; }
#formReservation table.formTable tr td.cspace { height: 17px; line-height: 1px; background-image:url("../images/bg_cspace.jpg"); background-repeat: repeat-x; background-position: left center; }
#formReservation table.formTable tr td.selectDateNaissance select { display: block; float: left; margin-right: 5px; }
#formReservation table.formTable tr td.inputAdresse { display: block; padding-top: 3px; }
#formReservation .blocErreur { border: 0px solid; position: relative; }
#formReservation .blocErreurMsg { border: 1px solid #F8921C; right: -260px; width: 250px; position: absolute; top: 0; }
#formReservation .blocErreurMsg span { display: block; padding: 5px; color: #333333; text-align: center; }
#formReservation .inputErreur { border: 1px dashed #F8921C; }
#formReservation .listeServices { display: none; padding: 3px; margin-top: 5px; margin-right: 10px; border: 2px dashed #A7C836; }
#formReservation .listeServices label { display: block; float: left; font-size: 11px; color: #333333; }

#globalReservation .showTarif { display: block; padding: 8px 5px 5px 5px; display: none; }
#globalReservation .showTarif .t1 { color: #F29400; }
#globalReservation .showTarif .t2 { color: #00B1E6; }
#globalReservation .showTarif .t3 { color: #A2DAF4; }

#ficheReservation { display: block; border: 1px solid #CCCCCC; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; }
#ficheReservation fieldset { border: 1px solid #CCCCCC; margin-bottom: 15px; }
#ficheReservation fieldset legend { padding: 2px 4px 2px 4px; display: block; color:#A7C836; font-size: 12px; float: left; font-weight: bold; }
#ficheReservation .date { padding-left: 10px; text-align: right; display: block; }
#ficheReservation ul.liste { border: 0px solid; padding-top: 5px 0 15px 0; width: 100%; }
#ficheReservation ul.liste li { border: 0px solid; background-image: none; padding: 0;  padding-bottom: 4px; vertical-align: middle; padding-left: 10px; }
#ficheReservation ul.liste li .label { border: 0px solid; font-size: 11px; color: #333333; }
#ficheReservation ul.liste li .info { text-transform: uppercase; font-weight: bold; color: #000000; font-size: 12px; margin-left: 8px; }


/* **** Page Séjours Eté  **** */
#pageSejoursEte { border:0px solid; z-index:20; background-image:url("../images/template/bg_pagesejoursete.jpg"); background-repeat:no-repeat; background-position:center top; }
#pageSejoursEte #global { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageSejoursEte #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageSejoursEte .body .menu { width:228px; float:left; padding-top:55px; border:0px solid; }
#pageSejoursEte .body .contenu { margin-left:253px; margin-right:253px; margin-top:0; border:0px solid; }
#pageSejoursEte .body .informations { width:228px; min-height:300px; margin-top:-75px; float:right; display:block; border:0px solid; }

#pageSejoursEte h1 { background-image:url("../images/template/bg_h1-ete.png"); background-position:top left; background-repeat:no-repeat; color:#FE6613; padding-right:90px; }
#pageSejoursEte h1.bodyTitle { background-image:none; }
#pageSejoursEte h2 { color:#A7C836; }
#pageSejoursEte h2.subTitle { color:#FE6613; padding-bottom:8px; padding-left:40px; padding-right: 75px; font-style:italic; font-weight:normal; }
#pageSejoursEte h3 { color:#FE6613; }
#pageSejoursEte .informations h2 { color:#FE6613; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }
#pageSejoursEte .informations h2.yellow { color:#FCB40C; }
#pageSejoursEte .contenu .contours { border:2px dashed #A7C836; }

/* **** Menu Séjours Eté  **** */
#menuSejoursEte { display:block; width:228px; margin-bottom:8px; background-color:#F8911B; }
#menuSejoursEte .liste { display:block;  min-height:258px; padding:50px 10px 0 10px; background-image:url("../images/template/bg_menu-sejours-ete.jpg"); background-repeat:no-repeat; background-position:top left; }
#menuSejoursEte .pied { display:block; width:228px; height:30px; background-image:url("../images/template/bg_menu-sejours-ete_bottom.jpg"); background-repeat:no-repeat; background-position:bottom left; }
#menuSejoursEte .pointer { display:block; cursor:pointer; }
#menuSejoursEte .bloc { display:block; padding-left:8px; }
#menuSejoursEte .bloc .type { display:block; padding:0; text-transform:uppercase; font-weight:bold; padding-bottom:4px; color:#819E00; }
#menuSejoursEte .bloc ul.themes { display:block;  }
#menuSejoursEte .bloc ul.themes li { display:block; padding:0 0 3px 3px; }
#menuSejoursEte .bloc ul.themes li span.theme { font-weight:bold; font-size:12px; display:block; cursor:pointer; padding-bottom:5px; color:#FFFFFF; }
#menuSejoursEte .bloc ul.themes li a.theme { font-weight:bold; font-size:12px; display:block; cursor:pointer; padding-bottom:5px; color:#FFFFFF; text-decoration:none; }
#menuSejoursEte .bloc ul.themes li a.theme:hover, #menuSejoursEte .bloc ul.themes li a.active { color:#A7C836; }
#menuSejoursEte .bloc ul.themes li ul.sejours { display:block; }
#menuSejoursEte .bloc ul.themes li ul.sejours li { display:block;}
#menuSejoursEte .bloc ul.themes li ul.sejours li a  { color:#000000; text-decoration:none; padding-left:13px; display:block; border:0; background-image:url("../images/template/bg_ul-sejours-li.png"); background-repeat:no-repeat; background-position:left 4px; font-size:11px; }
#menuSejoursEte .bloc ul.themes li ul.sejours li a:hover, #menuSejoursEte .bloc ul.themes li ul.sejours li a.active { color:#FFFFFF; }
#menuSejoursEte .bloc ul.themes li ul.sejours li a span.sejourNom { display:block; font-weight:bold; }
#menuSejoursEte .bloc ul.themes li ul.sejours li a span.sejourAge { display:block; font-weight:normal; }

/* **** Page Contenu Eté  **** */
#pageContenuEte { border:0px solid; z-index:20;background-image:url("../images/template/bg_pagesejoursete.jpg"); background-repeat:no-repeat; background-position:center top; }
#pageContenuEte #global { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageContenuEte #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageContenuEte .body .menu { width:228px; float:left; padding-top:55px; border:0px solid; }
#pageContenuEte .body .contenu { margin-left:253px; margin-right:253px; margin-top:0; border:0px solid; }
#pageContenuEte .body .informations { width:228px; min-height:300px; margin-top:-75px; float:right; display:block; border:0px solid; }

#pageContenuEte h1 { background-image:url("../images/template/bg_h1-ete.png"); background-position:top left; background-repeat:no-repeat; color:#FE6613; padding-right:90px; }
#pageContenuEte h1.bodyTitle { background-image:none; }
#pageContenuEte h2 { color:#A7C836; }
#pageContenuEte h2.subTitle { color:#FE6613; padding-bottom:8px; padding-left:40px; font-style:italic; font-weight:normal; }
#pageContenuEte h3 { color:#FE6613; }
#pageContenuEte .informations h2 { color:#FE6613; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }
#pageContenuEte .informations h2.yellow { color:#FCB40C; }
#pageContenuEte .contenu .contours { border:2px dashed #A7C836;  }

/* **** Page Séjours Carte  **** */
#pageSejoursCarte { border:0px solid; z-index:20; }
#pageSejoursCarte #global { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageSejoursCarte #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageSejoursCarte .body .menu { width:228px; float:left; padding-top:55px; border:0px solid; }
#pageSejoursCarte .body .contenu { margin-left:253px; margin-top:0; border:0px solid; }

#pageSejoursCarte h1 { background-image:url("../images/template/bg_h1-ete.png"); background-position:top left; background-repeat:no-repeat; color:#FE6613; padding-right:90px; }
#pageSejoursCarte h1.bodyTitle { background-image:none; }
#pageSejoursCarte h2 { color:#A7C836; }
#pageSejoursCarte h2.subTitle { color:#FE6613; padding-bottom:8px; padding-left:40px; font-style:italic; font-weight:normal; }
#pageSejoursCarte h3 { color:#FE6613; }
#pageSejoursCarte .informations h2 { color:#FE6613; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }
#pageSejoursCarte .informations h2.yellow { color:#FCB40C; }
#pageSejoursCarte .contenu .contours { border:2px dashed #A7C836; }

/* **** Page Séjours Hiver  **** */
#pageSejoursHiver { border:0px solid; z-index:20;  background-image:url("../images/template/bg_pagesejourshiver.jpg"); background-repeat:no-repeat; background-position:center top; }
#pageSejoursHiver #global { background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:left top; }
#pageSejoursHiver #background { width:100px; z-index:5; top:0; left:950px; height:220px; position:absolute; background-image:url("../images/template/bg_pagesejoursete2.jpg"); background-repeat:no-repeat; background-position:right top; }
#pageSejoursHiver .body .menu { width:228px; float:left; padding-top:55px; border:0px solid; }
#pageSejoursHiver .body .contenu { margin-left:253px; margin-right:253px; margin-top:0; border:0px solid; }
#pageSejoursHiver .body .informations { width:228px; min-height:300px; margin-top:-75px; float:right; display:block; border:0px solid; }

#pageSejoursHiver h1 { background-image:url("../images/template/bg_h1-hiver.png"); background-position:top left; background-repeat:no-repeat; color:#2E9BA8; padding-right:90px; }
#pageSejoursHiver h1.bodyTitle { background-image:none; }
#pageSejoursHiver h2 { color:#594A9B; }
#pageSejoursHiver h2.subTitle { color:#594A9B; padding-bottom:8px; padding-left:40px; font-style:italic; font-weight:normal; }
#pageSejoursHiver h3 { color:#2E9BA8; }
#pageSejoursHiver .informations h3 { color:#594a9b; text-transform:uppercase; font-size:11px; background-image:url("images/template/bg_h3.jpg"); margin-bottom:8px; background-position:bottom left; background-repeat:no-repeat; }
#pageSejoursHiver .informations .yellow { color:#FCB40C; }
#pageSejoursHiver ul.liste li { background-image:url("../images/template/bg_li_pagesejourshiver.png"); }
#pageSejoursHiver .contenu .contours { border:2px dashed #594A9B; }

/* **** Menu Séjours Hiver  **** */
#menuSejoursHiver { display:block; width:228px; margin-bottom:8px; background-color:#325C86; background-color: #31A6B3; }
#menuSejoursHiver .liste { display:block;  min-height:258px; padding:50px 10px 0 10px; background-image:url("../images/template/bg_menu-sejours-hiver.jpg"); background-repeat:no-repeat; background-position:top left; }
#menuSejoursHiver .pied { display:block; width:228px; height:30px; background-image:url("../images/template/bg_menu-sejours-hiver_bottom.jpg"); background-repeat:no-repeat; background-position:bottom left; }
#menuSejoursHiver .pointer { display:block; cursor:pointer; }
#menuSejoursHiver .bloc { display:block; padding-left:8px; z-index:99; }
#menuSejoursHiver .bloc .type { display:block; padding:0; text-transform:uppercase; font-weight:bold; padding-bottom:4px; color:#A7C836; }
#menuSejoursHiver .bloc ul.themes { display:block; z-index:99;  }
#menuSejoursHiver .bloc ul.themes li { display:block; padding:0 0 3px 3px; }
#menuSejoursHiver .bloc ul.themes li span.theme { font-weight:bold; font-size:12px; display:block; cursor:pointer; padding-bottom:5px; color:#FFFFFF; }
#menuSejoursHiver .bloc ul.themes li a.theme { font-weight:bold; font-size:12px; display:block; cursor:pointer; padding-bottom:5px; color:#FFFFFF; text-decoration:none; }
#menuSejoursHiver .bloc ul.themes li a.theme:hover, #menuSejoursHiver .bloc ul.themes li a.active { color:#594A9B; }
#menuSejoursHiver .bloc ul.themes li ul.sejours { display:block; }
#menuSejoursHiver .bloc ul.themes li ul.sejours li { display:block;}
#menuSejoursHiver .bloc ul.themes li ul.sejours li a  { color:#000000; text-decoration:none; padding-left:13px; display:block; border:0; background-image:url("../images/template/bg_ul-sejours-li.png"); background-repeat:no-repeat; background-position:left 4px; font-size:11px; }
#menuSejoursHiver .bloc ul.themes li ul.sejours li a:hover, #menuSejoursHiver .bloc ul.themes li ul.sejours li a.active { color:#FFFFFF; }
#menuSejoursHiver .bloc ul.themes li ul.sejours li a span.sejourNom { display:block; font-weight:bold; }
#menuSejoursHiver .bloc ul.themes li ul.sejours li a span.sejourAge { display:block; font-weight:normal; }

/* **** Accueil Séjours Hiver  **** */
#accueilSejoursHiver { display:block; width:267px; padding:0;  }
#accueilSejoursHiver .liste { display:block; padding-top:50px; border: 0px solid;  }
#accueilSejoursHiver .liste p.imageBloc { display:block; padding:0 0 8px 10px; }
#accueilSejoursHiver .bloc { display:block; padding:0 0 8px 0; border: 0px solid; }
#accueilSejoursHiver .bloc ul.themes { display:block; padding: 0; margin: 0; padding-left: 20px; }
#accueilSejoursHiver .bloc ul.themes li { display:block; position:relative; padding: 0;  padding-right: 10px; border: 0px solid;}
#accueilSejoursHiver .bloc ul.themes li .theme { display:block; font-weight:bold; cursor:pointer; padding:2px 5px 2px 20px; color:#FFFFFF; line-height:15px; }
#accueilSejoursHiver .bloc ul.themes li ul.sejours li a  { color:#000000; text-decoration:none; padding-left:13px; display:block; border:0; background-image:url("../images/template/bg_ul-sejours-li.png"); background-repeat:no-repeat; background-position:left 4px; font-size:11px; }
#accueilSejoursHiver .bloc ul.themes li ul.sejours li a:hover  { color:#FFFFFF; }
#accueilSejoursHiver .bloc ul.themes li ul.sejours li a span.sejourNom { display:block; font-weight:bold; }
#accueilSejoursHiver .bloc ul.themes li ul.sejours li a span.sejourAge  { display:block; font-weight:normal; }

/* **** Accueil Séjours Eté  **** */
#accueilSejoursEte { display:block; width:348px; padding:0;  }
#accueilSejoursEte .liste { display:block; padding-top:50px;  }
#accueilSejoursEte .liste p.imageBloc { display:block; padding:0 0 8px 10px; }
#accueilSejoursEte .bloc { display:block; padding:0 0 8px 0; }
#accueilSejoursEte .bloc .type { display:block; padding:2px 5px 2px 15px;  color:#819E00; text-transform:uppercase; font-weight:bold; }
#accueilSejoursEte .bloc ul.themes { display:block; }
#accueilSejoursEte .bloc ul.themes li { display:block; position:relative; width:118px; }
#accueilSejoursEte .bloc ul.themes li .theme { display:block; font-weight:bold; cursor:pointer; padding:2px 5px 2px 20px; color:#FFFFFF; line-height:15px; }
#accueilSejoursEte .bloc ul.themes li .theme:hover { background-color:#ffffff;  color:#FE6613; }
#accueilSejoursEte .bloc ul.themes li ul.sejours { display:none; position:absolute; left:118px; top:0; width:230px; background-color:#FFFFFF;  padding:5px 0 5px 0; }
#accueilSejoursEte .bloc ul.themes li ul.sejours li { display:block; width:auto; padding:0 10px 0 10px; }
#accueilSejoursEte .bloc ul.themes li ul.sejours li a  { color:#333333; text-decoration:none; padding-left:13px; display:block; border:0; background-image:url("../images/template/bg_ul-sejours-li.png"); background-repeat:no-repeat; background-position:left 4px; font-size:11px; }
#accueilSejoursEte .bloc ul.themes li ul.sejours li a:hover  { color:#000000; }
#accueilSejoursEte .bloc ul.themes li ul.sejours li a span.sejourNom { display:block; font-weight:bold; }
#accueilSejoursEte .bloc ul.themes li ul.sejours li a:hover span.sejourNom { text-decoration: underline; }
#accueilSejoursEte .bloc ul.themes li ul.sejours li a span.sejourAge  { display:block; font-weight:normal; }
#accueilSejoursEte #themes6 { top:-315px; z-index: 99; }

/* **** Page d'accueil  **** */
#pageAccueil { border:0px solid; z-index:20; }
#pageAccueil #head { border:0px solid; z-index:20; height:61px; }
#pageAccueil ul#menu { left:335px; }
#pageAccueil #accueil { width:950px; height:467px; position:relative; background-image:url("images/template/bg_accueil.jpg"); background-position:bottom left; background-repeat:no-repeat; }
#pageAccueil #accueil .flash { border:0px solid; width:335px; height:529px; position:absolute; z-index:20; top:-62px; left:0; background-image: url('images/template/cacheAccueilFlash.png'); background-repeat: no-repeat; background-position: top left; }
#pageAccueil #accueil #accueilFlash { display: none }
#pageAccueil #accueil .sejoursEte { border:0px solid; width:348px; height:467px; background-image:url("images/template/accueil_sejoursete.jpg"); background-position:top left; background-repeat:no-repeat; position:absolute; top:0; left:335px; }
#pageAccueil #accueil .sejoursHiver { border:0px solid; width:267px; height:467px; background-image:url("images/template/accueil_sejourshiver.jpg"); background-position:top left; background-repeat:no-repeat; position:absolute; top:0; left:683px; }
#pageAccueil #accueil .rechercheGeographique { left:770px; top:342px; width:183px; z-index:80; position:absolute; height:250px; display:block; }
#pageAccueil #accueil .locationsAccueil { display: block; position: absolute; width:204px; height:84px; left: 431px; top: 381px; }
#pageAccueil #accueil .locationsAccueil a { display: block; width:204px; height:84px; }

#pageAccueil #rubriques { width:950px; position:relative; margin-top:15px; z-index:50; }
#pageAccueil #rubriques .actualites { width:486px; float:left; }
#pageAccueil #rubriques .actualites .catalogue { width:200px; float:left; padding-left:12px; }
#pageAccueil #rubriques .actualites .listeActualites ul { width:250px; margin-left:224px; }
#pageAccueil #rubriques .actualites .listeActualites ul li { border-top:1px solid #F0F0F0; padding-bottom:2px; padding-top:2px; }
#pageAccueil #rubriques .actualites .listeActualites ul li.first { border-top:0; }
#pageAccueil #rubriques .actualites .listeActualites ul li a { text-decoration:none; display:block; padding:3px 25px 3px 5px; background-image:url("images/template/puceBlack.png"); text-transform: uppercase; color:#666666; background-repeat:no-repeat; background-position:235px center; font-weight: normal; }
#pageAccueil #rubriques .actualites .listeActualites ul li a:hover { background-image:url("images/template/puceRed.png"); background-color: #f9f9f9; color:#F62F42;}
#pageAccueil #rubriques .boutons { width:250px; margin-left:503px; }
#pageAccueil #rubriques .actualites .listeActualites ul li a.flash {  color:#F62F42; font-weight: bold; }

.encartPhotos { display: block; width:378px; height:180px; position: relative; }
.encartPhotos .photoZoom { display: block; width:283px; height:180px; position: absolute; top: 0; left: 0; }
.encartPhotos .photoThumbs { display: block; width:92px; height:180px; position: relative; left: 286px; top: 0;  }
.encartPhotos .photoThumbs .photoThumb1 { display: block; width:92px; height:58px; position: absolute; left: 0; top: 0;  }
.encartPhotos .photoThumbs .photoThumb2 { display: block; width:92px; height:58px; position: absolute; left: 0; top: 61px;  }
.encartPhotos .photoThumbs .photoThumb3 { display: block; width:92px; height:58px; position: absolute; left: 0; top: 122px;  }


#menuEteSejours { display: block; background-image:url('images/template/bg_menu-sejours-ete_bottom.jpg'); width: 228px; background-position: bottom left; background-color: #F9921C; background-repeat: no-repeat; padding: 0 0 22px 0; margin-bottom: 8px; }
#menuEteSejours_top { display: block; background-image:url('images/template/bg_menu-sejours-ete.jpg'); background-position: top left; background-repeat: no-repeat; padding: 50px 0 0 0; }
#menuEteSejours .menuContent { border:0px solid; display: block; width: 208px; margin-left: auto; margin-right: auto; }
#menuEteSejours .menuContent ul.menuBloc { border:0px solid; display: block;  margin: 0 11px 0 8px; padding-bottom: 8px; }
#menuEteSejours .menuContent ul.menuTheme { border:0px solid; display: block; margin-left: 4px; }
#menuEteSejours .menuContent ul.menuTheme li { border:0px solid; display: block;  }
#menuEteSejours .titleThemes { color: #A7C836; text-transform: uppercase; font-weight: bold;  font-size: 12px; padding: 3px 0 3px 0; }
#menuEteSejours a.titreTheme, #menuEteSejours a.titreTheme_active  { border:0px solid; display: block; text-decoration: none; font-weight: bold; color: #FFFFFF; padding: 3px 0 3px 0; margin-left: 5px; font-size: 12px; }
#menuEteSejours a.titreTheme:hover, #menuEteSejours a.titreTheme_active { color: #A7C836; }
#menuEteSejours a.titreSejour, #menuEteSejours a.titreSejour_active { color:#000000; text-decoration:none; padding-left:13px; display:block; border:0; background-image:url("../images/template/bg_ul-sejours-li.png"); background-repeat:no-repeat; background-position:left 4px; font-size:11px; font-weight: normal; }
#menuEteSejours a.titreSejour:hover, #menuEteSejours a.titreSejour_active { color:#FFFFFF; }
#menuEteSejours a.titreSejour span, #menuEteSejours a.titreSejour_active span { display:block; }

#menuHiverSejours { display: block; background-image:url('images/template/bg_menu-sejours-hiver_bottom.jpg'); width: 228px; background-position: bottom left; background-color: #325C86; background-repeat: no-repeat; padding: 0 0 22px 0; margin-bottom: 8px; }
#menuHiverSejours_top { display: block; background-image:url('images/template/bg_menu-sejours-hiver.jpg'); background-position: top left; background-repeat: no-repeat; padding: 50px 0 0 0; }
#menuHiverSejours .menuContent { border:0px solid; display: block; width: 208px; margin-left: auto; margin-right: auto; }
#menuHiverSejours .menuContent ul.menuBloc { border:0px solid; display: block;  margin: 0 11px 0 8px; padding-bottom: 8px; }
#menuHiverSejours .menuContent ul.menuTheme { border:0px solid; display: block; margin-left: 4px; }
#menuHiverSejours .menuContent ul.menuTheme li { border:0px solid; display: block;  }
#menuHiverSejours .titleThemes { color: #594A9B; text-transform: uppercase; font-weight: bold;  font-size: 12px; padding: 3px 0 3px 0; }
#menuHiverSejours a.titreTheme, #menuHiverSejours a.titreTheme_active  { border:0px solid; display: block; text-decoration: none; font-weight: bold; color: #FFFFFF; padding: 3px 0 3px 0; margin-left: 5px; font-size: 12px; }
#menuHiverSejours a.titreTheme:hover, #menuHiverSejours a.titreTheme_active { color: #594A9B; }
#menuHiverSejours a.titreSejour, #menuHiverSejours a.titreSejour_active { color:#000000; text-decoration:none; padding-left:13px; display:block; border:0; background-image:url("../images/template/bg_ul-sejours-li.png"); background-repeat:no-repeat; background-position:left 4px; font-size:11px; font-weight: normal; }
#menuHiverSejours a.titreSejour:hover, #menuHiverSejours a.titreSejour_active { color:#FFFFFF; }
#menuHiverSejours a.titreSejour span, #menuHiverSejours a.titreSejour_active span { display:block; }

#galerie { display: block; padding:0; margin:15px auto 5px auto; border:2px dashed #ACC600; width: 430px; position: relative; height: 360px; }
#galerie .galerie-contener { display: block; padding:0; margin:0; border:0;  position: absolute; width: 430px; height: 360px; }
#galerie .galerie-image { display: block; padding:0; margin-top:5px; border:0; background-color: #FFFFFF; width: 430px; height: 330px; }
#galerie .galerie-image a { padding:0; margin:0; width: 430px; height: 330px; font-size: 9px;  text-align: center; line-height:290px;  display: block; vertical-align:middle; color: #FFFFFF;   }
#galerie .galerie-image img { padding:0; margin:0; max-width: 420px; max-height: 325px;vertical-align:middle;  }
#galerie .galerie-description { display: block; padding:0; margin:0; border:0; text-align: center; }
#galerie-menu { display: block; padding:0; margin:8px auto 15px auto; width: 434px; height:56px; border:0px solid; }
#galerie-menu a { display: block; padding:2px; margin:0 0 0 3px; float: left; border:1px solid #CCCCCC; }
#galerie-menu a:hover, #galerie-menu a.active { border: 1px solid #ACC600; }
#galerie-menu a.first { margin: 0; border: 2px solid #ACC600; padding: 1px; }

.galerie-border { border: 2px dashed #ACC600; padding: 5px 0 5px 0; margin: 0 1px 15px 1px; }
#galerie-locations { width: 428px; height: 323px; margin: 0 auto 0 auto; display: block; position: relative;  }
#galerie-locations .galerie-description { background-color: #FFFFFF; width: 424px; position: absolute;bottom:2px; left:2px;  display: block; z-index: 20; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; }
#galerie-locations .galerie-description p {  display: block; padding: 5px; text-align: center; color:#000000; }
#galerie-locations .galerie-vignettes {  height: 500px; width: 428px; position: absolute; top:275px; left:0;  display: block; }
#galerie-locations .galerie-vignettes a {padding:3px; margin:0 0 0 5px; border: 1px solid #CCCCCC; display: block; float: left; }
#galerie-locations .galerie-vignettes a:hover { border: 1px solid #ACC600; }
#galerie-locations .galerie-vignettes a.first {margin:0;  border: 2px solid #ACC600; padding:2px;  }
#galerie-locations .galerie-vignettes a img { display: block; }
#galerie-locations .galerie-image { width: 428px; margin: 0 auto 0 auto; height: 270px; z-index:10; position: absolute; top:0; left:0; display: block; }
#galerie-locations .galerie-image a { padding:3px; margin:0; border: 1px solid #CCCCCC; display: block; }
#galerie-locations .galerie-image a:hover { border: 1px solid #ACC600; }
#galerie-locations .galerie-image a img { display: block; width:420px; height: 262px; }

#galerie-sejours { width: 430px; height: 208px; margin: 0 auto 15px auto; display: block; position: relative;  }
#galerie-sejours .galerie-vignettes { width: 100px; height: 208px; display: block; top:0; left: 330px; position: absolute;  }
#galerie-sejours .galerie-vignettes a { float: left; padding: 3px; border: 1px solid #CCCCCC; display: block; margin-top: 5px; }
#galerie-sejours .galerie-vignettes a:hover { border: 1px solid #ACC600; }
#galerie-sejours .galerie-vignettes a.first { margin: 0; padding: 2px; border: 2px solid #ACC600;  }
#galerie-sejours .galerie-vignettes a img {width: 92px; height:58px; display: block; }
#galerie-sejours .galerie-image { width: 325px; height: 250px; display: block; top:0; left: 0; position: absolute; }
#galerie-sejours .galerie-image a { padding: 3px; margin:0; border: 1px solid #CCCCCC; display: block; }
#galerie-sejours .galerie-image a:hover { border: 1px solid #ACC600; }
#galerie-sejours .galerie-image a img { width: 317px; height:200px; display: block; }

/* End of 'styles' */