﻿html, body {
  background-color: #ededed;
  font-family: Arial;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
}

.asterix { color: Red; }
.bold { font-weight: bold; }
hr { clear: both; }
table tr td {
  vertical-align: top;
}
.template {
  padding-left: 30px;
}
.template .templateRight {
  padding-left: 40px;
}

/**** GLOBAL ****/
.global {
  background-color: #ededed;
  margin: auto;
  width: 100%;
}
.global .globalContent {
  background-color: #ffffff;
  clear: both;
  margin: auto;
  width: 1000px;
}

/**** TOP ***/
.top {
  background-color: #ededed;
  height: 50px;
  margin: auto;
  position: relative;
  width: 1000px;
}
.top .menuTop {
  background-color: #ededed;
  background-image: url(bg_menu_top.jpg);
  background-repeat: no-repeat;
  height: 45px;
  position: absolute;
  right: 0px;
  top: 6px;
  width: 1000px;
}
.top .menuTop .menuUl {
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 30px;
  left: 40px;
}
.top .menuTop .menuUl a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.top .menuTop .menuUl .li1 {
  padding-left: 24px;
}
.top .menuTop .menuUl .li2 {
  padding-left: 24px;
}
.top .menuTop .menuUl .li3 {
  padding-left: 19px;
}
.top .menuTop .menuUl .li4 {
  padding-left: 20px;
}
.top .menuTop .menuUl .li5 {
  padding-left: 24px;
}
.top .menuTop .menuUl .li6 {
  padding-left: 28px;
}
.top .menuTop .menuUl li,
.top .menuTop .fontSize li {
  display: inline;
} 
.top .menuTop .login {
  position: absolute;
  right: 24px;
  top: 16px;
}
.top .menuTop .login a {
  color: #0d6094;
}
.top .menuTop .login .authentificate ul {
  color: #0d6094;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.top .menuTop .login .authentificate ul li {
  display: inline;
}
.top .menuTop .login .notAuthentificate {

}

/**** HEADER ****/
/*
.header {
  position: relative;
}*/
.header .banner {
 border: 1px solid #ffffff;
 border-bottom: none;
}
.header .menuBottom {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  /*position: relative;*/
}
.header .menuBottom .menuDate {
  color: #8b581f;
  text-align: center;
  width: 204px;
}
.header .menuBottom .search {
  background-image: url(bg_recherche.gif);
  background-repeat: no-repeat;
  height: 40px;
  float: left;
  width: 204px; 
  position: relative;
}
.header .menuBottom .search div {
  position: absolute;
}
.header .menuBottom .search .textbox {
  left: 7px;
  top: 10px;
}
.header .menuBottom .search .button {
  left: 107px;
  top: 6px; 
}
.header .menuBottom .search .link {
  left: 135px;
  top: 6px;
  width: 75px;
}
.header .menuBottom .search .link a {
  color: #000000;
  font-size: 10px;
}
.header .menuBottom .menuBottomControl {
  background-image: url(../fr/bg_menu_tourisme.gif);
  background-repeat: no-repeat;
  height: 40px;
  float: left;
  position: relative;
  width: 793px;
}
.header .menuBottom .menuBottomControl .control {
  position: absolute;
  top: 3px;
  z-index: 10000;
}
.header .menuBottom .menuBottomControl .cart {
  position: absolute;
  right: 20px;
  text-align: center;
  top: 3px;
}
.header .menuBottom .menuBottomControl .cart a {
  color: #000000;
}

/**** MENU ****/
.menuMicrosoftStyle {
  font-weight: bold;
height: 30px;
  margin-left: 1px;
  width: 635px;
}
.menuMicrosoftStyle a {
  color: #000000;
  text-decoration: none;
}
.menuMicrosoftStyle td {
  text-align: center;
  position: relative;
}
.menuMicrosoftStyle ul {
  display: none;
  list-style: none;
font-weight: bold;
  margin: 0px;
  padding: 0px;
}
.menuMicrosoftStyle td:hover ul {
  display: block;
  text-align: left;
}
.menuMicrosoftStyle ul ul {
  font-weight: normal;
  list-style: circle;
  padding-left: 15px;
}

/**** CONTENT ****/
.content {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background-image: url(../bg_degrader_top.gif);
  background-repeat: no-repeat;
  background-position: top;
}
.content .center {
  padding: 14px 0px 0px 20px;
  width: 977px;
}

/**** POOL ****/
.containerPool {
  margin-top: 10px;
  width: 295px;
}
.containerPool .pool {
  padding-left: 17px;
}
.containerPool .pool .title {
}
.containerPool .pool .choice {
}
.containerPool .pool .button { 
}
.containerPool .pool .thank {
  font-weight: bold;
  text-align: center;
}
/**** PUBLICITY ****/
.publicity {
  margin-top: 17px;
  width: 295px;
}
.publicity2 {
  width: 295px;
}
.publicity .title {
}
.publicity .pub,
.publicity .pub2 {
  text-align: center; 
  margin-bottom: 5px; 
}
.publicity .pub2 {
  margin-top: 5px; 
}

/**** QUOI NEUF ***/
.news {

}
.news a {
  color: #0d6094;
}
.news .new .date {
  color: #8a591e;
  font-weight: bold;
  padding-bottom: 3px;
}
.news .new .title {
  padding-bottom: 5px;
}
.news2 .new .title {
  font-weight: bold;
}
.news2 .new .description {
  padding-top: 10px;
}
.news .link {
  padding-top: 10px;
  text-align: center;
}

/**** DOCUMENTATION - NEWLETTER ****/
.content .center .documentNewletter {
 height: 105px;
}
.content .center .documentNewletter .document {
  float: left;
}
.content .center .documentNewletter .newletter {
  float: right
}
.documentTools .title {
  background-image: url(../title604.gif);
  background-repeat: no-repeat;
  height: 36px;
  width: 604px;
}
.documentTools .title div {
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 0px 0px 20px;  
}
.documentCenter {
  background-color: #cedce9;
  width: 604px;
}
.documentCenter .header {
  margin: 20px 0px 0px 20px;
}
.documentCenter .header .left,
.documentCenter .header .right {
  float: left;
}
.documentCenter .header .left {
}
.documentCenter .header .right {
  padding-left: 60px;
}
.documentCenter .documentContent {
	clear: both;
  margin-left : 20px;
}

.documentDownload {
  background-color: #cedce9;
  color: #000000;
  width: 614px;
}
.documentDownload .header {
  height: 104px;
}
.documentDownload .header .left,
.documentDownload .header .right {
  float: left;
  height: 104px;
  width: 297px;
}
.documentDownload .header .left {
  background-image: url(../sous_centre_docs.jpg);
  background-repeat: no-repeat;
}
.documentDownload .header .right {
  background-image: url(../sous_commandez_outils.jpg);
  background-repeat: no-repeat;
  margin-left: 20px;
}
.documentDownload .header .left .control {
  margin-top: 10px;
  text-align: center;
}
.documentDownload .header .left .title,
.documentDownload .header .right .title {
  color: #000000;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 0px 0px 10px;
}
.documentDownload .header .left .text {
  margin: 10px 0px 0px 10px;
  width: 280px
}
.documentDownload .header .right .text {
  margin: 20px 0px 0px 10px;
  width: 160px;
}
.documentDownload table .title {
  background-image: url(../title287.jpg);
  background-repeat: no-repeat;
  clear: both;
  height: 39px;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 0px 0px 15px;
  width: 287px;
}
.documentDownload table .subTitle {
  clear: both;
  font-weight: bold;
  padding: 0px 0px 5px 10px;
}
.documentDownload table .blockDoc {
  height: 25px;
  padding-left: 10px;
}
.documentDownload table .blockDoc div {
  float: left;
  height: 20px;
}
.documentDownload table .blockDoc .ext {
  width: 18px;
}
.documentDownload table .blockDoc .link {
}

/**** CALENDAR - MICROSITE ****/
.content .center .calendarMicrosite {
 
}
.content .center .calendarMicrosite .calendar {
  float: left;
}
.content .center .calendarMicrosite .calendar .control {
  border: 1px solid grey;
  padding: 0px 0px 3px 4px;
  text-align: center;
}
.calendar2 {
  margin: auto;
  padding-top: 10px;
}
.calendar2 .control {
  border: 1px solid grey;
  text-align: center;
  width: 200px;
}
.content .center .calendarMicrosite .microsite {
  float: right
}

/**** GIRAFE ****/
.girafe {
  background-image: url(girafe_top.gif); 
  background-repeat: no-repeat;
  height: 300px;
  margin: 2px 0px 0px 2px;
  position: relative;
  width: 555px;
  z-index: 1;
}
.girafe2 {
  background-image: url(girafe_top_forfaits.gif); 
  background-repeat: no-repeat;
  height: 300px;
  margin: 2px 0px 0px 2px;
  position: relative;
  width: 555px;
  z-index: 1;
}
.girafe .left, 
.girafe .right {
  position: absolute;
}
.girafe .left {
  height: 120px;
  left: 15px;
  top: 120px;
  width: 285px;
}
.girafe .right {
  height: 166px;
  right: 13px;
  top: 74px;
  width: 215px;
}

/**** MICROSITE ****/
.viewMicrosite {
  background-color: #cedce9;
}
.viewMicrosite,
.pageSearch {
  color: #000000;
  width: 600px;
}
.viewMicrosite .search,
.pageSearch .search {
  background-image: url(../titleArrow.jpg);
  background-repeat: no-repeat;
  height: 44px;
  position: relative;
  width: 600px;
}
.viewMicrosite .search a,
.viewMicrosite .header a,
.pageSearch .search a {
  color: #000000;
  text-decoration: underline;
}
.viewMicrosite .search div,
.pageSearch .search div {
  position: absolute;
}
.viewMicrosite .search .title,
.pageSearch .search .title {
  font-size: 15px;
  font-weight: bold;
  left: 40px;
  top: 13px;
}
.viewMicrosite .search .link,
.pageSearch .search .link {
  top: 17px;
  left: 360px;
}
.customSearch {
  background-color: #fff0b2;
  border: 1px solid #f5c557;
  margin-left: 4px;
  padding: 0px 8px 8px 8px;  
  width: 576px;
}
 .customSearch table td {
  width: 190px;
}
 .customSearch .title {
  font-size: 13px;
  font-weight: bold;
  padding-top : 10px;
  left: 5px;
  top: 0px;
}
.customSearch .buttonSearch { padding-top: 5px; }
.customSearch .buttonSearch input {
  background-color: #f5c557;
  border: 0px;
  padding: 3px;
}
.viewMicrosite .header {
  background-image: url(../micrositeTitle.jpg);
  background-repeat: no-repeat;
  height: 61px;
  position: relative;
  width: 595px;
  z-index: 1;
}
.viewMicrosite .header .return,
.viewMicrosite .header .tab1,
.viewMicrosite .header .tab2,
.viewMicrosite .header .print,
.viewMicrosite .header .send,
.viewMicrosite .header .cart {
  position: absolute;
  z-index: 1;
}
.viewMicrosite .header .send .sendmail {
  background-color: #cedce9;
  border: 1px solid #8a591e;
  padding: 5px;
  position: absolute;
  text-align: left;
  width: 175px;
}
.viewMicrosite .header .return {
  left: 4px;
  top: 6px;
}
.viewMicrosite .header .tab1 a,
.viewMicrosite .header .tab2 a {
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.viewMicrosite .header .tab1 {
  left: 10px;
  top: 38px;
}
.viewMicrosite .header .tab2 {
  left: 180px;
  top: 38px;
}
.viewMicrosite .header .print,
.viewMicrosite .header .send,
.viewMicrosite .header .cart {
  text-align: center;
}
.viewMicrosite .header .print .link,
.viewMicrosite .header .cart .link {
  margin-top: 3px;
}
.viewMicrosite .header .print {
  left: 355px;
  top: 5px;
}
.viewMicrosite .header .send {
  left: 420px;
  top: 5px;
}
.viewMicrosite .header .cart {
  left: 478px;
  top: 5px;
}
.viewMicrosite .information {
}
.viewMicrosite .information a {
  color: #000000;
  text-decoration: underline;	
}
.viewMicrosite .information .infoHeader {
  height: 40px;
  padding: 5px 0px 0px 9px;
}
.viewMicrosite .information .infoHeader div {
  float: left;
}
.viewMicrosite .information .infoHeader .enterprise {
  font-size: 18px;
  margin-left: -7px;
}
.viewMicrosite .information .infoHeader .classification {
  padding: 4px 0px 0px 10px;
}
.viewMicrosite .information .principal,
.viewMicrosite .information .description,
.viewMicrosite .information .serviceOffer,
.viewMicrosite .information .sallePlan,
.viewMicrosite .information .indicePrice,
.viewMicrosite .information .infoAdditionnal {
  border-bottom: 1px solid #8a591e;
  clear: both;
}
.viewMicrosite .information .principal a {
  text-decoration: none;	
}
.viewMicrosite .information .principal a:hover {
  text-decoration: underline;	
}
.viewMicrosite .information .principal .left,
.viewMicrosite .information .principal .right {
 float: left;
 width: 48%;
}
.viewMicrosite .information .principal .left {
  border-right: 1px solid #8a591e;
  padding-left: 10px;
}
.viewMicrosite .information .principal .left .gallery {
  margin-left: -7px;
}
.viewMicrosite .information .principal .left .address {
  padding-bottom: 10px;
}
.viewMicrosite .information .principal .left .address .title {
  color: #eb7f34;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 3px;
}
.viewMicrosite .information .principal .right {
  padding-left: 5px;
}
.viewMicrosite .information .principal .right .heart {
  padding-top: 20px;
}
.viewMicrosite .information .principal .right .heart .icon, 
.viewMicrosite .information .principal .right .heart .text {
  float: left;
}
.viewMicrosite .information .principal .right .heart .text {
  padding: 10px 0px 0px 5px;
}
.viewMicrosite .information .principal .right .heart .text .title {
  font-weight: bold;
}
.viewMicrosite .information .description {
  padding: 10px;
  text-align: justify;
}

.viewMicrosite .information .serviceOffer {
  padding: 10px;
}
.viewMicrosite .information .serviceOffer .left,
.viewMicrosite .information .serviceOffer .right {
  float: left;
  width: 49%;
}
.viewMicrosite .information .serviceOffer table td {
  padding-bottom: 5px;
  vertical-align: middle;
}
.viewMicrosite .information .sallePlan {
  padding: 10px 0px 0px 10px;
}
.viewMicrosite .information .sallePlan table td {
  padding-right: 3px;
}
.viewMicrosite .information .sallePlan .left,
.viewMicrosite .information .sallePlan .right {
  float: left;
}
.viewMicrosite .information .sallePlan .left {
  border-right: 1px solid #8a591e;  
  width: 40%;
}
.viewMicrosite .information .sallePlan .right {
  padding-left: 5px;
  width: 55%;
}
.viewMicrosite .information .sallePlan .blockDoc,
.viewMicrosite .information .sallePlan .infoAdditionnal {
  clear: both;
}
.viewMicrosite .information .sallePlan .blockDoc .ext,
.viewMicrosite .information .sallePlan .blockDoc .link,
.viewMicrosite .information .infoAdditionnal .blockDoc .ext,
.viewMicrosite .information .infoAdditionnal .blockDoc .link {
 float: left;
}
.viewMicrosite .information .sallePlan .blockDoc .ext,
.viewMicrosite .information .sallePlan .infoAdditionnal .ext {
}
.viewMicrosite .information .sallePlan .blockDoc .link,
.viewMicrosite .information .infoAdditionnal .blockDoc .link {
  padding: 2px 0px 0px 5px;
}
.viewMicrosite .information .indicePrice {
  padding: 10px;
}
.viewMicrosite .information .infoAdditionnal {
  border-bottom: none;
  padding: 10px;
}
.viewMicrosite .information .enjoyRain {
  font-weight: bold;
  margin-top: 10px;
  text-align: center;
}

.viewMicrosite .chamber {
}
.viewMicrosite .chamber .left,
.viewMicrosite .chamber .right {
  float: left;
}
.viewMicrosite .chamber .left {
  width: 50%;
}
.viewMicrosite .chamber .title {
  font-weight: bold;
  padding-bottom: 5px;
  width: 200px;
}
.viewMicrosite .chamber .left table {
  border-collapse:collapse;
  border-spacing: 0px;
  float: left;
  width: 125px;
}
.viewMicrosite .chamber .right {
  width: 48%;
}
.viewMicrosite .chamber .right table {
}


/**** MICROSITE CITY ****/
.micrositeCity {
  width: 557px;
}
.micrositeCity a { 
  color: #000000;
  text-decoration: none;
}
.micrositeCity a:hover {
  text-decoration: underline;
}
.micrositeCity .infoCity {
  width: 557px;
}
.micrositeCity .infoCity .title {
  background-image: url(../../Skin/title557.gif);
  background-repeat: no-repeat;
  height: 36px;
}
.micrositeCity .infoCity .title div {
  font-size: 15px;
  font-weight: bold;
  padding: 9px 0px 0px 10px;
}
.micrositeCity .infoCity .info {
  border-bottom: 1px solid #8a591e;
  padding: 10px 0px 10px 0px;
}
.micrositeCity .infoCity .info table {
  width: 100%;
}
.micrositeCity .infoCity .info table .left {
  width: 45%;
}
.micrositeCity .infoCity .info table .right {
  width: 55%;
}
.micrositeCity .infoCity .info .justify {
  text-align: justify;
}
.rightMicrositeCity {
}
.rightMicrositeCity img { border: 0px; }
.rightMicrositeCity .title {
  background-image: url(../../Skin/title348.jpg);
  background-repeat: no-repeat;
  height: 36px;
}
.rightMicrositeCity .title div {
  font-size: 15px;
  font-weight: bold;
  padding: 9px 0px 0px 10px;
}

.rightMicrositeCity .gallery {
  margin: -10px 0px 0px 2px;
}
.rightMicrositeCity .gallery div {
  float: left;
  height: 75px;
  margin-top: 14px;
  text-align: center;
  width: 105px;
}
.rightMicrositeCity .gallery .img1 {
  margin-right: 15px;
}
.rightMicrositeCity .gallery .img2 {
  margin-right: 15px;
}
.rightMicrositeCity .gallery .img3 {
}

.rightMicrositeCity .repertoire {
  margin: 5px 0px 0px 15px;
}
.rightMicrositeCity .repertoire .left,
.rightMicrositeCity .repertoire .right {
  float: left;
  width: 49%;
}

.rightMicrositeCity .document {
  margin-top: 5px;
}
.rightMicrositeCity .document .blockDoc {
  height: 25px;
  padding-left: 15px;
}
.rightMicrositeCity .document .blockDoc div {
  float: left;
  height: 20px;
}
.rightMicrositeCity .document .blockDoc .ext {
  width: 18px;
}
.rightMicrositeCity .document .blockDoc .link {
}
.rightMicrositeCity .document .blockDoc .link a {
  text-decoration: underline;
}

/**** COPYRIGHT ****/
.copyright {
  background-image: url(bas.gif);
  background-repeat: no-repeat;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  clear: both;
  height: 60px;
  position: relative;
  width: 998px;
}
.copyright a {
  color: #000000;
}
.copyright ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.copyright ul li {
  display: inline;
}
.copyright .menu1 {
  left: 25px;
  position: absolute;
  top: 13px;
}
.copyright .menu2 {
  left: 25px;
  position: absolute;
  top: 33px;
}
.copyright div {
  position: absolute;
  right: 25px;
  text-align: right;
  top: 18px;
}
.copyright .key {
  right: 0px;
  top: 40px;
}

/**** RESULT SEARCH ****/
.resultSearch {
  width: 600px;
}
.resultSearch .header {
  background-color: #fff0b2;
  border-top: 1px solid #f5c557;
  height: 20px;
  margin: 10px 0px 10px 0px;
  position: relative;
}
.resultSearch .header div { 
  font-weight: bold;
  position: absolute;
  top: 3px;
}
.resultSearch .header .whereForm {
  left: 5px;
  width: 380px;
}
.resultSearch .header .result {
 padding-right: 5px;
 right: 0px;
 text-align: right;
 width: 200px;
}
.resultSearch .container {
  background-color: #cedce9;
}
.resultSearch .container .block {
  border-top: 1px solid #f5c557;
  clear: both;
  height: 108px;
  padding: 5px;
}
.resultSearch .container .left,
.resultSearch .container .center,
.resultSearch .container .right {
  float: left;
  margin: 0px;
  padding: 0px;
}
.resultSearch .container .left {
  background-color: #ffffff;
  border: 1px solid #f5c557;
  height: 108px;
  margin-right: 2px;
  text-align: center;
  width: 190px;
}
.resultSearch .container .center {
  width: 300px;
}
.resultSearch .container .center .title {
  padding-bottom: 5px;
}
.resultSearch .container .center .title a {
  color: #ed7f34;
  font-weight: bold;
}
.resultSearch .container .center .type {
  padding-bottom: 5px;
}
.resultSearch .container .center .service {
}
.resultSearch .container .right {
  text-align: center;
  width: 90px;
}
.resultSearch .container .right .classification {
  padding-bottom: 3px;
}
.resultSearch .container .right .city {
  padding-bottom: 3px;
}
.resultSearch .container .right .ovation{
}

/**** MENU EDIT ****/
.menuEdit {
  background-color: #fff0b2;
  border: 1px solid #f5c557;
  height: 35px;
  width: 936px;
}
.menuEdit a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.menuEdit ul {
  list-style: none;
  margin: 0px; 
  padding: 10px 0px 0px 0px;
}
.menuEdit ul li {
  border-right: 1px solid #f5c557;
  display: inline;
  padding: 0px 15px 0px 15px;
}

/**** BUY GIFT ****/
.buyGift {
  width: 604px;
}
.buyGift .title {
  background-image: url(../../Skin/title604.gif);
  background-repeat: no-repeat;
  height: 36px;
  position: relative;
  width: 604px;
}
.buyGift .title div {
  font-size: 15px;
  font-weight: bold;
  left: 15px;
  position: absolute;
  top: 8px;
}
.buyGift .blockItem {
  padding-left: 3px;
  width: 598px;
}
.buyGift .blockItem .giftCardItem {
  background-color: #fff0b2;
  border: 1px solid #f5c557;
  margin: 5px 0px 5px 0px;
  padding: 5px;
}
.buyGift .blockItem .giftCardItem .title {
  background-color: #f5c557;
  background-image: none;
  font-size: 13px;
  height: 15px;
  padding: 5px;
  width: 576px;
}
.buyGift .blockItem .giftCardItem .descr {
 padding: 5px 0px 5px 5px
}
.buyGift .blockItem .giftCardItem .button a {
  background-color: #f5c557;
  border: none;
  color: #000000;
  padding: 3px;
  text-decoration: none;
}

/**** GALLERY ****/
.viewGallery {
}
.viewGallery .principal {
  background-color: #ffffff;
  border: 1px solid #000000;
  text-align: center;
  width: 288px;
}
.viewGallery .second {
  margin-top: 2px;
}
.viewGallery .second div {
  border: 1px solid #000000; 
  float: left;
}
.viewGallery .second .img0 {
}
.viewGallery .second .img1,
.viewGallery .second .img2,
.viewGallery .second .img3 {
  margin-left: 2px;
}

/**** VITRINE ****/
.vitrine {
}
.vitrineRight {
  width: 295px;
}
.vitrine .title a,
.vitrineRight .title {
  color: #000000;
  text-decoration: none;
}
.vitrine .title {
  background-image: url(../titre_vitrine_granby.gif);
  background-repeat: no-repeat;
  height: 43px;
  position: relative;
  width: 332px;
}
.vitrineRight .title {
  background-image: url(../galerie_photos.jpg);
  background-repeat: no-repeat;
  height: 39px;
  position: relative;
  width: 295px;
}
.vitrine .title div,
.vitrineRight .title div {
  font-weight: bold;
  font-size: 17px;
  left: 35px;
  position: absolute; 
}
.vitrine .title div {
  top: 12px;
}
.vitrineRight .title div {
  font-size: 15px;
  top: 9px;
}
.vitrine .container {
  margin-left: 5px;
}
.vitrine .container {
  margin-left: 5px;
}
.vitrine .container .viewVitrine {
}
.vitrineRight .container .viewVitrineRight {
  padding-left: 10px;
}
.vitrine .container .viewVitrine .principal {
  border: 1px solid #000000;
  width: 323px;
}
.vitrineRight .container .viewVitrineRight .principal {
  border: 1px solid #000000;
  text-align: center;
  width: 265px;
}
.vitrine .container .viewVitrine .titleImg {
  font-weight: bold;
  text-align: center;
  width: 323px;
}
.vitrineRight .container .viewVitrineRight .titleImg {
  font-weight: bold;
  text-align: center;
  width: 265px;
}
.vitrine .container .viewVitrine .second {
  margin-top: 6px;
}
.vitrine .container .viewVitrine .second div {
  border: 1px solid #000000; 
  float: left;
  height: 28px;
  text-align: center;
}
.vitrine .container .viewVitrine .second .img0 {
}
.vitrine .container .viewVitrine .second .img1,
.vitrine .container .viewVitrine .second .img2,
.vitrine .container .viewVitrine .second .img3,
.vitrine .container .viewVitrine .second .img4  {
  margin-left: 7px;
}
.vitrine .container .viewVitrine .second .img3 {
  margin-left: 8px;
}
.vitrine .container .viewVitrine .second .img4 {
  margin-left: 8px;
}
.vitrineRight .container .viewVitrineRight .second .img0 {
}
.vitrineRight .container .viewVitrineRight .second .div {
	height: 24px;
}
.vitrineRight .container .viewVitrineRight .second .img1,
.vitrineRight .container .viewVitrineRight .second .img2,
.vitrineRight .container .viewVitrineRight .second .img3,
.vitrineRight .container .viewVitrineRight .second .img4  {
  margin-left: 4px;
}
.vitrineRight .container .viewVitrineRight .second .img4  {
  margin-left: 5px;
}
.vitrineAll {
}
.vitrineAll div {
  float: left;
  margin-top: 5px;
}
.vitrineAll .img0,
.vitrineAll .img1,
.vitrineAll .img2 {
  width: 190px;
}
.vitrineAll .img0 { margin-left: 7px; }
.vitrineAll .img1 { margin-left: 5px; }
.vitrineAll .img2 { margin-left: 5px; }
.vitrineAll .empty { clear: both; }

/**** CALENDAR CITY ****/
.calendarCity {
  background-image: url(../../Skin/fr/calendar_top.jpg);
  background-repeat: no-repeat;
  height: 247px;
  position: relative;
  width: 555px;
}
.calendarCity .news {
  left: 30px;
  position: absolute;
  top: 35px;
  width: 193px;
}
.calendarCity .news a {
  color: #0d6094;
}
.calendarCity .news .title {
  background: none;
}
.calendarCity .calendar {
  left: 332px;
  position: absolute;
  top: 70px; 
}

/*** LOGIN PANEL ***/
.loginPanel {
  background-image: url(../../Skin/BeatingHeart/sous_authentification.gif);
  background-repeat: no-repeat; 
  height: 220px;
  position: relative;
  width: 341px;
}
.loginPanel .panel {
  left: 70px;
  position: absolute;
  top: 30px;
  width: 200px;
}
.loginPanel .panel .title {
  font-weight: bold;
}
.loginPanel .panel .control {
  padding-top: 10px;
}
.loginPanel .panel .control input {
  border: 1px solid #000000;
  margin-top: 3px;
  width: 200px;
}
.loginPanel .panel .button {
  text-align: right;
}

/*** CONCOURS ***/
.concours {
  margin-left: 3px;
}
.concours .title {
  background-image: url(../../Skin/title936.jpg);
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: bold;
  height: 43px;
  padding-bottom: 5px;
  width: 936px;
}
.concours .title div {
  padding: 11px 0px 0px 10px;
}

/*** BEATING HEART ***/
.beatingHeader {
  height: 45px;
}
.beatingHeader .left {
  float: left;
}
.beatingHeader .right {
  float: left;
  padding-left: 15px;
}
.beatingHeader .search {
  background-image: url(../../Skin/BeatingHeart/titleArrow.jpg);
  background-repeat: no-repeat;
  height: 44px;
  position: relative;
  width: 600px;
}
.beatingHeader .search a {
  color: #000000;
  text-decoration: underline;
}
.beatingHeader .search div{
  position: absolute;
}
.beatingHeader .search .title {
  font-size: 15px;
  font-weight: bold;
  left: 40px;
  top: 13px;
}
.beatingHeader .search .link {
  top: 17px;
  left: 360px;
}
.beatingContent {
  margin-top: 10px;
  width: 944px;
}
.beatingContent .tab {
  background-image: url(../../Skin/BeatingHeart/onglet1.jpg);
  background-repeat: no-repeat;
  height: 43px;
  width: 944px;
}
.beatingContent .container {
  background-color: #cedce9;
  border-left: 1px solid #ec8a48;
  border-right: 1px solid #ec8a48;
  padding-top: 10px;
}
.beatingContent .bottom {
  background-image: url(../../Skin/BeatingHeart/coins_bas.gif);
  background-repeat: no-repeat;
  height: 10px;
  width: 944px;
}
.beatingAdd {
  margin: 0px 5px 0px 10px;
}

.beatingHistoric {
}
.beatingHistoric .type {
  background-image: url(../../Skin/title287.jpg);
  background-repeat: no-repeat;
  clear: both;
  height: 43px;
  width: 287px;
}
.beatingHistoric .type a {
	color: #000000;
	text-decoration: none;
}
.beatingHistoric .type div {
  font-size: 13px;
  font-weight: bold;
  padding: 11px 0px 0px 10px;
  width: 265px;
}
.beatingHistoric .beatingBlock,
.beatingHistoric .beatingBlock2,
.beatingHistoric .beatingBlock3 {
  clear: both;
  margin-left: 5px;
}
.beatingHistoric .beatingBlock {
  width: 275px;
}
.beatingHistoric .beatingBlock2 {
  height: 80px;
  width: 465px;
}
.beatingHistoric .beatingBlock3 {
  padding-bottom: 15px;
  width: 930px;
}
.beatingHistoric .beatingBlock .img,
.beatingHistoric .beatingBlock2 .img {
  float: left;
  padding: 0px 5px 5px 0px;
}
.beatingHistoric .beatingBlock .myTitle,
.beatingHistoric .beatingBlock2 .myTitle {
  font-weight: bold;
}
.beatingHistoric .beatingBlock .myTitle a,
.beatingHistoric .beatingBlock2 .myTitle a { 
  color: #000000;
  text-decoration: none;
}
.beatingHistoric .beatingBlock .myTitle .resident,
.beatingHistoric .beatingBlock2 .myTitle .resident {
  color: #4583ac;
}
.beatingHistoric .beatingBlock .myTitle .visitor,
.beatingHistoric .beatingBlock2 .myTitle .visitor {
  color: #ea762b;
}
.beatingHistoric .beatingBlock .descr,
.beatingHistoric .beatingBlock2 .descr {
  padding-top: 3px;
}
.beatingMicrositeCity {
  background-image: url(../../Skin/BeatingHeart/coup_coeur.gif);
  background-repeat: no-repeat;
  height: 205px;
  width: 344px;
}
.beatingMicrositeCity .header,
.beatingTourists .header {
  font-size: 19px;
  font-weight: bold;
  padding: 14px 0px 0px 35px;
}
.beatingMicrositeCity .info {
  padding: 35px 0px 0px 35px;
}
.beatingMicrositeCity .info .img,
.beatingMicrositeCity .info .title {
 float: left;
}
.beatingMicrositeCity .info .img,
.beatingTourists .info .img {
  border: 1px solid #cedfef;
  width: 48px;
}
.beatingMicrositeCity .info .title,
.beatingTourists .info .title {
  font-weight: bold;
  padding-left: 10px;
}
.beatingMicrositeCity .info .descr,
.beatingTourists .info .descr {
  clear: both;
  padding: 10px 0px 0px 0px;
}
.beatingTourists {
  background-image: url(../BeatingHeart/coup_coeur_tourists.jpg);
  background-repeat: no-repeat;
  height: 242px;
  width: 203px;
}
.beatingTourists .info {
  padding: 25px 0px 0px 15px;
}
.beatingTourists .info .img,
.beatingTourists .info .title {
 float: left;
}
.beatingTourists .info .title { width: 120px; }
.beatingTourists .info .descr {
  padding: 10px 15px 0px 0px;
  text-align: justify;
}

/*** PRESS ***/
.press,
.pressVitrine {
  width: 608px;
}
.press .header,
.pressVitrine .header {
  background-repeat: no-repeat;
  height: 44px;
  position: relative;
  width: 608px;
}
.press .header {
  background-image: url(../title608.gif);
}
.pressVitrine .header {
  background-image: url(../title608_2.gif);
}
.press .header div,
.pressVitrine .header div {
  font-size: 16px;
  font-weight: bold;
  left: 15px;
  position: absolute;
  top: 13px;
}
.press .container {
  background-color: #cedce9;
  margin: 0px 3px 0px 3px;
}
.pressVitrine .container {
  margin: 0px 3px 0px 3px;
}
.press .container .blockPress {
  clear: both;
  height: 195px;
  margin: 0px 15px 10px 15px;
  padding-top: 20px;
  width: 269px;
}
.press .container .blockPress2 {
  clear: both;
	margin: 0px 15px 10px 15px;
	padding-top: 20px;
}
.press .container .blockPress .img,
.press .container .blockPress2 .img,
.press .container .blockPress .headerTitle2,
.press .container .blockPress2 .headerTitle2 {
  float: left;
}
.press .container .blockPress .headerTitle2,
.press .container .blockPress2 .headerTitle2 {
  padding-left: 10px;
}
.press .container .blockPress .headerTitle2 .pressType,
.press .container .blockPress2 .headerTitle2 .pressType {
  font-weight: bold;
}
.press .container .blockPress .headerTitle2 .title,
.press .container .blockPress2 .headerTitle2 .title {
  color: #bc6226;
  font-weight: bold;
}
.press .container .blockPress .headerTitle2 .date,
.press .container .blockPress2 .headerTitle2 .date {
  color: #bc6226;
}
.press .container .blockPress .descr,
.press .container .blockPress2 .descr {
  clear: both;
  padding-top: 3px;
}
.press .container .blockPress .link a,
.press .container .blockPress2 .link a {
  color: #bc6226;
}
.press .container .blockPress2 .blockDoc {
  height: 25px;
  padding-left: 10px;
}
.press .container .blockPress2 .blockDoc div {
  float: left;
  height: 20px;
}
.press .container .blockPress2 .blockDoc .ext {
  width: 18px;
}

/*** BLOCK FICH ***/
.blockFich {
}
.blockFich .img,
.blockFich .info {
  float: left;
}
.blockFich .info {
  margin-left: 10px;
}

/*** SEARCH HOME ***/
.tabSeachHome td {
  width: 50%;
  vertical-align: top;
}
.tabSeachHome .headerResult {
  background-color: #fff0b2;
  border: 1px solid #f5c557;
  margin-bottom: 5px;
}
.tabSeachHome .headerResult .title {
  border-bottom: 1px solid #f5c557;
  color: #0D6094;
  font-weight: bold;
  padding: 3px;
}
.tabSeachHome .headerResult ul {
  list-style: circle;
  margin: 5px 0px 5px 0px;
  padding-left: 20px;
}
.tabSeachHome .headerResult ul li {
  padding-bottom: 5px;
}
.tabSeachHome .headerResult ul a {
  color: #000000;
}
.tabSeachHome .headerResult ul a:hover {
  color: #0D6094;
}

/*** PICTURE ***/
.pictureTourists {
  width: 338px;
}
.pictureTourists .header {
  background-image: url(../titre_photos.jpg);
  background-repeat: no-repeat;
  height: 59px;
  position: relative;
  width: 338px;
}
.pictureTourists .header .title {
  left: 38px;
  font-size: 18px;
  font-weight: bold;
  position: absolute;
  top: 13px;
}
.pictureTourists .header .link {
  left: 38px;
  font-size: 15px;
  position: absolute;
  top: 33px;
}
.pictureTourists .header .link a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.pictureTourists .container {
}
.pictureTourists .container table td {
  padding-bottom: 10px;
}
.pictureTourists .container .link1,
.pictureTourists .container .link2 {
  padding-left: 10px;
}

/*** EMPLOY ***/
.employ {
}
.employ .fich {
  clear: both;
}
.employ .fich .name {
  padding-bottom: 5px;
}
.employ .fich .name a {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}
.employ .fich .name a:hover {
  text-decoration: underline;
}
.employ .fich .block {
  clear: both; 
}
.employ .fich .block div {
  float: left;
  padding-bottom: 1px;
}
.employ .fich .block .left {
  font-weight: bold;
  width: 75px;
}

/*** PACKAGE ***/
.package {
  background-color: #e5ecf3;
  width: 608px;
}
.package .packageContainer {
}
.package .packageContainer .title {
  background-image: url(../title608.gif);
  background-repeat: no-repeat;
  height: 44px;
  position: relative;
  width: 608px;
}
.package .packageContainer .title span {
  font-size: 16px;
  font-weight: bold;
  left: 15px;
  position: absolute;
  top: 13px;
}
.package .packageContainer .container {
  padding: 10px;

}
.package .packageContainer .container .description {
  border-bottom: 1px solid #000000;
  padding-bottom: 20px;
  text-align: justify;
}
.package .packageContainer .container .img {
  float: right;
  margin: 0px 0px 10px 10px;
}

/*** PACKAGE ITEM ***/
.packageItem {
  background-color: #fff0b2;
  border: 1px solid #ed7f34;
  margin: 10px;
  position: relative;
}
.packageItem .star {
  background-color: #cfdce4;
  border-left: 1px solid #ed7f34;
  border-bottom: 1px solid #ed7f34;
  padding: 5px;
  position: absolute;
  right : 0px;
  text-align: center;
  top: 0px;
  width: 100px;
}
.packageItem table {
  padding: 7px;
}
.packageItem table .img {
  padding: 10px;
  width: 119px;
}
.packageItem .img img {
  border: 1px solid #ed7f34;
}
.packageItem .containerLink {
  border-top: 1px solid #ed7f34;
  clear: both;
  height: 30px;
}
.packageItem .containerLink img {
  border: 0px;
}
.packageItem .containerLink div {
  float: right;
  padding: 7px 5px 7px 0px;
  text-align: right;
}
.packageItem .containerLink .linkBack {
}
.packageItem .containerLink .linkText {
  font-weight: bold;
  padding: 10px 5px 5px 5px;
}
.packageItem .containerLink .linkNext {
}

/*** HOME PACKAGE ***/
.homePackage {
}
.homePackage a:hover { text-decoration: none; }
.homePackage .item {
  clear: both;
  background-image: url(rectangle_forfaits.gif);
  background-repeat: no-repeat;
  height: 43px;
  margin-top: 10px;
  width: 212px;
}
.homePackage .item div {
  float: left;
}
.homePackage .item .img {
  background-color: #ffffff;
  border: 1px solid #ed7125;
  height: 34px;
  text-align: center;
  margin: 3px 5px 0px 5px;
  width: 50px;
}
.homePackage .item .title {
  margin-top: 3px;
  width: 143px;
}