/**
* style.css
* Feuille de style
*
* @author Olivier BLAIS <contact@netdcom.com>
* @version 1.0
*/

/**
* Contenu général
*/

html {
	margin: 0;
	width: 100%;
	background: #FFF7EA url(./../../images/frontend/footer.jpg) bottom repeat-x;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #8C8880;
	font-family: Arial;
	font-size: 12px;
	background: url(./../../images/frontend/background.jpg) top repeat-x;
}

table td {
  background-color:transparent;
}

img {
	border: none;
}

* {
	outline: none;
}

a {
	color: #91283B;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.vAlign {
	vertical-align: middle;
}

.noBorder {
	border: none !important;
}

div#global {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	position: relative;
}

/**
* Header
*/

div#header {
	margin: 0;
	padding: 0;
	width: 1000px;
	height: 339px;
	background: url(./../../images/frontend/header.png) no-repeat;
	position: relative;
}

div#header h1 {
	margin: 0;
	padding: 0;
	top: 10px;
	left: 38px;
	text-indent: -9999px;
	position: absolute;
}

div#header h1 a {
	margin: 0;
	padding: 0;
	width: 170px;
	height: 110px;
	display: block;
}

div#header h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

div#i18n {
	margin: 0;
	padding: 0;
	top: 8px;
	right: 55px;
	position: absolute;
}

div#i18n a {
	margin: 0 0 0 2px;
	padding: 0;
}

div#i18n ul.flags_list {
	list-style-type:none;
}

div#i18n ul.flags_list li{
  width:16px;
  height:11px;
  float:left;
  margin:0 5px;
}

div#i18n ul.flags_list img{
  border:solid 1px #fff;
}

a#home {
	margin: 0;
	padding: 0;
	top: 10px;
	left: 38px;
	width: 170px;
	height: 110px;
	display: block;
	position: absolute;
}
a#home:hover {
  text-decoration: none;
}

a#bullet {
	margin: 0;
	padding: 0;
	top: 213px;
	left: 123px;
	width: 30px;
	height: 30px;
	background: url(./../../images/frontend/bullet.gif) 5px 3px no-repeat;
	display: block;
	position: absolute;
}

div#diaporama {
	margin: 0;
	padding: 0;
	bottom: 2px;
	right: 31px;
	width: 753px;
	height: 277px;
	background: url(./../../images/frontend/diaporama.png) no-repeat;
	position: absolute;
}

div#media {
  margin: 12px;
  padding: 0;
  width: 729px;
  height: 253px;
}

div#hmenu {
	margin: 0;
	padding: 0;
	top: 41px;
	right: 52px;
	position: absolute;
}

div#hmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#hmenu li {
	margin: 0;
	padding: 0;
	float: left;
}

a#mHome, a#mAccount, a#mPro, a#mContact {
	margin: 0;
	padding: 0;
	height: 16px;
	text-indent: -9999px;
	display: block;
}

/**
* Zone central
*/

div#container {
	margin: 0;
	padding: 0 0 20px 0;
	width: 1000px;
	min-height: 280px;
	background: url(./../../images/frontend/bandeau.png) repeat-y;
	position: relative;
}

/**
* Zone central / menu horizontal cf. menu.css
*/

/**
* Zone central / colonne de gauche
*/

div#leftColumn {
	margin: 0;
	padding: 0;
	width: 220px;
	min-height: 260px;
	background: url(./../../images/frontend/bandeau_end.png) no-repeat;
	float: left;
}

/**
* Zone central / colonne de gauche / menu vertical
*/

div#vmenu {
	margin: 54px 0 0 0;
	padding: 0 12px 0 37px;
	width: 171px;
	min-height: 260px;
	float: left;
}

div#vmenu ul {
	margin: 0;
	padding: 0;
	width: 171px;
	list-style-type: none;
	border-top: 1px solid #FFF;
}

div#vmenu li {
	margin: 0;
	padding: 1px 0 1px 12px;
	color: #5A5E6B;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	background: url(./../../images/frontend/puce.jpg) 5px 8px no-repeat;
	border-bottom: 1px solid #FFF;
}

div#vmenu li a {
	margin: 0;
	padding: 1px 0;
	color: #5A5E6B;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
}

li.submenu, li.subsubmenu {
	padding: 1px 0 1px 22px !important;
	background: none !important;
}

li.submenu a{
	text-transform: none !important;
}

li.subsubmenu a {
	text-transform: none !important;
  padding-left:1.5em!important;
  display:block;
}
/**
* Zone central / colonne centrale
*/

div#centerColumn {
	margin: 0;
	padding: 0;
	width: 546px;
	min-height: 260px;
	float: left;
}

div#content {
	margin: 0;
	padding: 5px 0 0 0;
	width: 546px;
	min-height: 235px;
}

div#plainContent {
	margin: 0;
	padding: 5px 35px 0 0;
	width: 745px;
	min-height: 235px;
}

div#content h1, div#plainContent h1 { /*h3*/
	margin: 0 0 6px 0;
	padding: 2px 10px;
	color: #91283B;
	font-size: 21px;
	font-weight: normal;
	background-color: #F6ECE0;
}

div#content h2 {
	padding: 5px 10px 15px 10px;
	font-size: 21px;
}

div#whatsUp {
	margin: 0;
	padding: 0;
	width: 546px;
	min-height: 305px;
}

div#hotTour {
	margin: 25px 0 0 0;
	padding: 0;
	width: 546px;
}

div#whatsUp h1, div#hotTour h1 { /*h3*/
	margin: 0 0 6px 0;
	padding: 0;
	width: 546px;
	height: 22px;
	text-indent: -9999px;
}

div#hotTourR {
	margin: 0;
	padding: 0;
	width: 326px;
	min-height: 158px;
	font-size: 11px;
	position: relative;
	float: right;
}

a#basketHotT {
	bottom: 0;
	right: 0;
	position: absolute;
}

ul.tourBlockList{
  list-style-type:none;
}

div#whatsUpL, div#whatsUpC, div#whatsUpR, .tourVBlockL, .tourVBlockC, .tourVBlockR  {
	margin: 0;
	min-height: 145px;
}

div#whatsUpL, .tourVBlockL {
	padding: 0 8px 0 0;
	width: 171px;
	float: left;
}

div#whatsUpC, .tourVBlockC {
	padding: 0 7px;
	width: 171px;
	border-left: 1px solid #E5DED2;
	border-right: 1px solid #E5DED2;
	float: left;
}

div#whatsUpR, .tourVBlockR {
	padding: 0 0 0 8px;
	width: 171px;
	float: right;
}

img.frame, .tour_description img {
	margin: 0;
	padding: 5px;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
}

.tour_description img {
  margin: 0.5em;
}

.productImage {
  margin:0;
  padding:0;
  text-align:center;
}

.productTitle {
	margin: 0;
	padding: 2px 0 0 0;
	color: #91283B;
	font-size: 15px;
	line-height: 13px;
}

.productTitle span {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 13px;
	font-weight: normal;
}

div#whatsUpL h4, div#whatsUpC h4, div#whatsUpR h4, .tourVBlockL h4, .tourVBlockC h4, .tourVBlockR h4 {
	height: 65px; /*48*/
}

div#hotTourR h4 {
	height: 38px;
}

div#whatsUpL div, div#whatsUpC div, div#whatsUpR div, .tourVBlockL div, .tourVBlockC div, .tourVBlockR div {
	margin: 0;
	padding: 0;
	width: 171px;
	height: 94px;
	font-size: 11px;
	text-align:justify;
}

a.basket {
	margin: 0;
	padding: 16px 0 0 4px;
	width: 165px;
	height: 19px;
	color: #91283B;
	font-size: 15px;
	background: url(./../../images/frontend/basket.jpg) no-repeat;
	display: block;
}

a.basket span {
	font-size: 14px;
}

a.basket:hover {
	text-decoration: none;
}

/**
* Zone central / colonne de droite
*/

div#rightColumn {
	margin: 0;
	padding: 0;
	width: 234px;
	min-height: 260px;
	float: right;
}

div#plainRightColumn {
	margin: 0;
	padding: 0;
	width: 780px;
	min-height: 260px;
	float: right;
}

/**
* Zone central / colonne de droite / panier
*/

div#caddy {
	margin: 0 0 8px 15px;
	padding: 32px 10px 10px 10px;
	width: 169px;
	height: 50px;
	color: #5A5E6B;
	font-size: 11px;
	text-align: center;
	position: relative;
}

div#caddy a {
	margin: 0;
	padding: 0;
	bottom: 10px;
	right: 10px;
	text-indent: -9999px;
	display: block;
	position: absolute;
}

/**
* Zone central / colonne de droite / recherche
*/

div#search {
	margin: 0 0 14px 15px;
	padding: 32px 15px 10px 15px;
	width: 159px;
	height: 46px;
}

div#search form {
	margin: 0;
	padding: 5px 0 0 0;
}

div#search label {
	margin: 0;
	padding: 0;
	width: 169px;
	font-size: 11px;
}

input#search_keyword {
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
}

input#btnOkS {
	margin: 0;
	padding: 0;
	float: right;
}

/**
* Zone central / colonne de droite / newsletter
*/

div#newsletter {
	margin: 0 0 14px 15px;
	padding: 0;
	width: 159px;
	min-height: 46px;
}

div#newsHeader {
	margin: 0;
	padding: 0;
	width: 189px;
	height: 32px;
}

div#newsContent {
	margin: 0;
	padding: 0 15px 10px 15px;
	width: 159px;
	min-height: 46px;
	background: url(./../../images/frontend/en/newsletter.jpg) bottom left no-repeat;
}

div#newsletter form {
	margin: 0;
	padding: 5px 0 0 0;
}

div#newsletter label {
	margin: 0;
	padding: 0;
	width: 169px;
	font-size: 11px;
}

input#arko_cms_newsletter_email {
	margin: 2px 0 0 0;
	padding: 0;
	float: left;
}

/**
* Zone central / colonne de droite / offre spéciale
*/

div#specialOffer {
	margin: 0 0 0 20px;
	padding: 0 0 15px 0;
	width: 179px;
	min-height: 260px;
	background: url(./../../images/frontend/special_offer_content.jpg) bottom no-repeat;
}

div#specialOfferH {
	margin: 0;
	padding: 0;
	width: 179px;
	height: 35px;
}

div#specialOfferC {
	margin: 0;
	padding: 0 4px;
	width: 171px;
}

div#specialOfferC div {
	margin: 18px 0 0 0;
	font-size: 11px;
}

/**
* Footer
*/

div#footer {
	margin: 0;
	padding: 0 35px 0 220px;
	width: 745px;
	height: 199px;
	color: #FFF;
	text-align: center;
	background: url(./../../images/frontend/bandeau.png) repeat-y;
	position: relative;
}

div#testimonials {
	margin: 0;
	padding: 8px 0 0 0;
	width: 745px;
	height: 141px;
	color: #B14559;
}

div#testimonials h1 { /*h3*/
	margin: 0;
	padding: 0;
	width: 745px;
	height: 22px;
	text-indent: -9999px;
}

div.testimonials {
	margin: 6px 0 14px 0;
	padding: 0 5px;
	width: 237px;
	height: 99px;
	font-size: 11px;
	text-align: left;
	border-right: 1px solid #D6D6D5;
	position: relative;
}

div.testimonials div {
	margin: 0;
	padding: 0;
	bottom: 0;
	right: 5px;
	position: absolute;
}

div#footer ul {
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
}

div#footer li {
	margin: 0;
	padding: 0;
	color: #FFF;
	display: inline;
}

div#footer li a {
	margin: 0;
	padding: 0 2px;
	color: #FFF;
}

/**
* messages (flash, help)
*/

.flash_block, .help_block {
	margin: 5px 0 8px 0;
	padding: 4px 6px;
	background-color: #A0CE67;
	position: relative;
	color: #FFF;
}

.flash_notice, .flash_warning {
  color: #FFF;
  background-color:#FFB87F;
}

.flash_error, .flash_alert {
	color: #FFF;
	background-color: #FF7F7F;
}

.flash_close, .help_close {
	margin: 0;
	padding: 0;
	top: 2px;
	right: 2px;
	position: absolute;
}

.flash_message, .help_message {
	color: #FFF;
	font-size: 12px;
}

.flash_notice, .flash_warning {
  background: #FFA73F url(../images/icons/error.png) no-repeat 5px 2px;
  border-color:#FFE56F;
}

/**
* Formulaire
*/

.formInformationBlock{
  padding:0.5em;
  background-color:#EDE4D5;
  border:2px solid #FFE8BF;
  width:80%;
  margin:0.5em auto;
}

span.helpFormat{
  display:block;
  padding:0.3em;
  margin:0.5em 0;
  font-style:italic;
  background-color:#EFFEFF;
  border:1px solid #AFCCFF;
  color:#5A5E6B;
}

.rowFormat {
	margin: 0 0 1px 0;
	padding: 5px;
	clear: both;
}

.rowFormat.required label, .left-star {
    font-weight: bold;
    background: transparent url(/images/icons/bullet_star.png) no-repeat right -4px;
    padding-right: 15px;
}

.labelFormat {
	margin: 0;
	padding: 0;
	width: 150px;
	color: #91283B;
	float: left;
}

.labelFormat, .labelFormat label {
	font-weight: bold;
}

.fieldRowFormat {
	width: 320px;
  color: #91283B;
  float: left;
}

.fieldRowFormat textarea {
	width:100%;
}

.errorListFormat, .error_list {
  margin: 3px 0 !important;
	padding: 0;
	list-style-type: none;
	background-color: #FFFFCC;
	border: 1px solid #CFCE74;
	color:#8C8880;
}

.form_footer{
  padding-top:20px;
  text-align: center;
  clear: both;
}
.floating_row_medium{
  float:left;
  width:170px;
}

.floating_row_short{
  float:left;
  width:100px;
}

.floatingRowFormat {
	margin: 0 8px 5px 0;
	float:left;
}

.floatingLabelFormat {
	font-size: 11px;
}

.decoratorFormatFloatingList {
	valign: bottom;
	clear: both;
}

/**
* Fil d'ariane
*/

.breadcrumb {
	margin: 0 0 20px 0;
	padding: 0;
}

.currentAdresses {
	background-position: 0 -25px !important;
}

.currentPayment {
	background-position: 0 -50px  !important;
}

.breadcrumb ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

.breadcrumb li {
	margin: 0;
	padding: 5px 45px 5px 15px;
	float: left;
}

.breadcrumb li a {
	margin: 0;
	padding: 0;
	color: #5A5E6B;
}

.cart {
	font-weight: bold;
}

/*
* Plan du site
*/
ul.tree{
  list-style-position:inside;
  margin:0;
}

ul.tree.nostyle{
  list-style-type:none;
}

ul.tree li{
  padding: 0 0 0 1em;
}

ul.tree li .leaf{
  padding: 0 0 0 1em;
  font-style:italic;
}

ul.tree li .nodeHeader{
  background-color:#DFD5C3!important;
  display:block;
}

div.halfPlan{
  padding:0.5em;
  width:45%;
  background-color:#F6ECE0;
}

div#contentSitePlan{
  float:left;
}

div#tourSitePlan{
  float:right;
}

/*
* Image en-tête circuit
*/
.header_img {}

.header_img div.header_img_footer {
  background-color:#AFA08E;
  color:#fff;
  margin:0;
  padding:0 0.5em;
  border:1px solid #E5E5E5;
  border-top:0;
  opacity:0.5;
}

.header_img:hover div.header_img_footer {
  opacity:1;
}

.header_img div.header_img_footer img{
  margin-right:1em;
}





/*
* Info bulle
*/

span.info {
      position:relative; /* Très important */
      margin:0.5em;
      z-index:10;
      color:#000;
      font-family:Arial, Helvetica, sans-serif;
  }
span.info:hover {
      z-index:500;
  }
span.info span {
      display:none;
  }
span.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
      display:block;
      position:absolute;
      bottom: 28px;
      left: 28px;

      background: #91283B; /*F6ECE0;*/
      border: 1px solid #DAE3E7; /*#91283B;*/

      /*Éléments pour positionner le texte dans la bulle*/
      padding:5px;
      width:250px;
    /* Style du character dans la bulle */
      font-family:Arial, Helvetica, sans-serif;
      font-weight:normal;
      font-style:italic;
      font-size:12px;
      color:#FFFFFF;
      text-decoration:none;
      text-align:justify;
  }

/*
* Info bulle END
*/

div.cms_block {
  padding: 10px 20px;
}