/* WhiteSpace with Line-Break Bug in buggy WinIE6 */
IMG {float:left; display:inline; }

/**************************************************************************
 * Titles
 * ***********************************************************************/

H1 B { display:none; }

/* h2 { font-family: "Arial", "DejaVu Sans", sans-serif; } */

h5 {
  font-size: 1em;
  margin-bottom: 5px;
}

/**************************************************************************
 * Forms
 * ***********************************************************************/

label.field_required.missing{
  color: red;
}

input.as_link {
  border: none;
  background-color: transparent !important;
  color: #3465A4;
  font-weight: bold;
  cursor:pointer;
}

/**************************************************************************
 * Paragraphs
 * ***********************************************************************/

p.batchcontrol span {
  color: #ff822a;
  font-weight: bold;
}

p.batchcontrol a {
  color: #ff822a;
}

p.batchcontrol img {
  float: inherit;
}

p.footnote { /* Notes(*) */
  font-size: 0.9em;
}

/**************************************************************************
 * Tables
 * ***********************************************************************/

TABLE THEAD {
  height: 40px;
  background: #ac8b39;
}

TABLE THEAD a {
  color: #ffffff;
}

TABLE tr.even td {background-color: #fffbea;}
TABLE tr.odd td {background-color: #ffea97;}

TABLE tr td a,
TABLE tr td span {
  color: #523000;
}

/**************************************************************************
 * Header
 * ***********************************************************************/

/* hauteur minimale */
/* Firefox & IE7 */
/*#entete > #body {
  min-height: 530px;
  height: auto;
}*/

/**************************************************************************
 * MENU BO
 * ***********************************************************************/
#content #tabs /*DIV.submenu*/ {
  z-index:1000;
}
/**************************************************************************
 * MENU HORIZONTAL (BO ?)
 * ***********************************************************************/
#content #top {
/*width: 800px;*/
  min-height: 74px;
  margin: auto;
  vertical-align: middle;
}

#content #nav {
  /*padding-top: 30px;*/
  border: none;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
  border: none;
}

#content #nav div a, #flat_submenu a {
  color: #fff;
  font-family:"Verdana","Arial","Helvetica",sans-serif;
  font-size:1.5em;
  font-weight:lighter;
  text-decoration: none;
}

#content #nav td {
  text-align: left;
}

#content #nav .menu a:hover,
#content #nav td.active .menu a {
  background-color: #E86500;
  color: #ffa953;
}

#content #nav td.in_path .menu a {
  color: #ffa953;
}

#content #nav ul li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  border-bottom: 1px solid #E57D2E;
}

#content #nav ul li:last-child, #content #nav ul li.last {
  border-bottom: none;
}

#content #nav .submenu {
  text-align: left;
  border: 1px solid #E57D2E;
}

#content #nav .submenu a {
  white-space: normal;
  background-color: #FF8B33;
  color: #fff;
}

#content #nav .submenu a:hover {
  background-color: #ffa953;
}

#content #nav .submenu ul li.active a {
  background-color: #ffa953;
}

#content #flat_submenu {
  padding: 5px 0pt;
}

#content #flat_submenu a {
  padding: 2px 5px;
}

#content #flat_submenu a.active, #flat_submenu a:hover {
  color: #ffa953;
}

#content #flat_submenu span.separator {
  color: #FFA953;
}

/**************************************************************************
 * MENU HORIZONTAL (WEBSITE)
 * ***********************************************************************/

#menu #nav {
  float:left;
  border: none;
}

#menu #nav TABLE {
  margin:0px 0 0 30px; padding:0px;
  height:35px;
  line-height:35px;
  z-index:1000;
}

#menu #nav DIV A, #flat_submenu A {
  color: #fff;
  font-family:"Verdana","Arial","Helvetica",sans-serif;
  font-size:1.1em;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
  margin:0px 8px;
  /*text-indent:20px;*/
}

#menu #nav TD {
  text-align: left;
}

#menu #nav .menu a:hover,
#menu #nav td.active .menu a {
  background-color: #333333;
}
#menu #nav .menu a:hover {
  color: #ac8b39;
}
#menu #nav td.active .menu a {
  color: #ffc211;
  cursor:default;
}
#menu #nav td.in_path .menu a {
  color: #ffc211;
}

#menu #nav ul li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  border-bottom: 1px solid #E57D2E;
}

#menu #nav ul li:last-child, #menu #nav ul li.last {
  border-bottom: none;
}

#menu #nav .submenu {
  text-align: left;
  border: 1px solid #E57D2E;
}

#menu #nav .submenu a {
  white-space: normal;
  background-color: #FF8B33;
  color: #fff;
}

#menu #nav .submenu a:hover {
  background-color: #ffa953;
}

#menu #nav .submenu ul li.active a {
  background-color: #ffa953;
}

#menu #flat_submenu {
  padding: 5px 0pt;
}

#menu #flat_submenu a {
  padding: 2px 5px;
}

#menu #flat_submenu a.active, #flat_submenu a:hover {
  color: #ffa953;
}

#menu #flat_submenu span.separator {
  color: #FFA953;
}

/**************************************************************************
 * TEMPLATE
 * ***********************************************************************/

/* Ajoute une barre de defilement automatiquement afin de garder le centrage
* de la page */
HTML { margin: 0px; padding: 0px; overflow-y: scroll; overflow-x: auto;}

BODY {
  margin: 0px; padding: 0px;
  color: black;
  font-family: Verdana,Arial,SunSans-Regular,Sans-Serif;
  font-size: 0.8em;
  text-align: center;
  background: #FFFFFF;
}

#main {
  margin: 0px auto;
  padding: 0px;
  text-align: left;
  width: 960px;
  overflow: none;
}

#en-tete { width: 960px; height:115px; float: left; }
#en-tete #logo{ width: 240px; float: left; }
#en-tete #info{ width: 720px; float: right; }

#menu {
  float: left;
  width: 960px;
  min-height: 35px;
  background: #333333;
}

.sepa { float: left; font-size: 0.1px; margin: 0px; padding: 0px; }
.hori { height: 10px; width: 960px;}
.vert { height: 400px; width: 20px; }

#content{
  float: left;
  width: 960px;
}

#content #nos-vols{
  float: left;
  margin: 0px; padding: 0px;
  width: 220px;
  min-height: 220px;
  background: url(./images/bg_coin_bg_marron.gif) bottom left no-repeat #AA8A3C;
}

#content #nos-vols H1 {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 200px;
  height: 40px;
}

#content #nos-vols FORM {
  float: left;
  margin: 0px 4px 10px 4px;
  padding: 0px 4px 0px 4px;
  width: 196px;
}
#content #nos-vols FORM H5 {
  margin:10px 0px 5px 0px;
  clear: both;
}
#content #nos-vols FORM P {
  margin:2px 0px; padding:0px;
  font-size:1.0em;
}
#content #nos-vols FORM P SPAN {
  letter-spacing:-1px;
}
#content #nos-vols #aeroports select {
  width: 190px;
}

#content #nos-vols select ,
#content #nos-vols input#date_depart {
  width: 100px;
}
#content #nos-vols P.search {
  margin: 30px 0px 8px 0px;
  text-align: center;
}
/*
#content #nos-vols INPUT#search {
  margin-left: 75px;
}
*/
/* Calendar image */
/*INPUT#date_depart {
  float:left;
}*/
INPUT.trigger_date {
  margin-left:4px;
  width:40px;height:30px;
  border:none;
  color:#9c9da4;
  background-image: url(./images/cal.png);
}
INPUT.trigger_date:hover {
  background-image: url(./images/cal-on.png);
  color:#BDA24A;
}
#synairbody {
  float: left;
  width: 920px;
}

#synairbody.withleftcolumn {
  width: 720px;
  /*min-height: 400px;*/
}

#synairbody TEXTAREA {
  /* A IE6 only hack, otherwise the TEXTAREA is too wide */
  _width:600px;
  /* for Opera with DIV#demande in empty search; result*/
  max-width:600px;
}

#synairbody .field_required {
  font-style: italic;
}

#synairbody #browse_list thead th {
  background-color: inherit;
}

#right.withoutrightcolumn {
  width: 0;
  display: none;
}

/**************************************************************************
 * HOME PAGE
 * ***********************************************************************/
/*
#content #nos-vols H1 IMG {
  width: 220px;
  height: 40px;
  float: right;
}
*/
#content #nos-routes { float: left;
  margin: 0px; padding: 0px;
  width: 350px;
  background: url(./images/bg_pied_marron.gif) bottom left no-repeat;
}

#content #decouverte { float: left;
  margin: 0px; padding: 0px 0 22px 0;
  width: 350px;
  background: #333333 url(./images/bg_pied_gris.gif) bottom left no-repeat;
}

/* HACK */
#content #decouverte #actus { float: left; }

/* Also used for the articles titles */
#nos-routes H1, #decouverte H1,
#articles H1, #article H1 {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 350px;
  min-height: 30px;
  line-height:30px;
  background: #333333 no-repeat top right url(./images/bg_coin_H1_gris.gif);
}
#articles H1, #article H1 {width:100%;}

#nos-routes H1 A, #decouverte H1 A,
#articles H1 A, #articles H1 SPAN,
#article H1 A, #article H1 SPAN {
  margin: 0px 0px 0px 12px;
  font-size:0.9em;
  font-weight:bold;
  text-decoration:none;
  text-transform:uppercase;
}
#nos-routes H1 A, #decouverte H1 A,
#articles H1 A, #article H1 A, #article H1 SPAN {
  color:#ffffff;
}
#nos-routes H1 A:hover, #decouverte H1 A:hover, #article H1 A:hover {
  color:#FFC211;
  cursor:pointer;
}
#content #nos-routes H1 IMG, #content #decouvert H1 IMG {
  width: 350px;
  height: 30px;
}
#pied, #pied-coord {
  float: left;
  width: 960px;
}
#pied {
  min-height: 30px;
  text-align: right;
  background: #333333;}
#pied P {
  min-height: 30px;
  line-height: 30px;
  font-size: 1.0em;
  color: #FFFFFF;
  font-weight:bold;
  display: inline;
  margin-right: 10px;
}
#pied P A {
  text-decoration: none; color: #FFFFFF;
}
#pied P A:hover {
  text-decoration: underline; color: #ac8b39;
}
#pied P A#on, #pied P A#on:hover {
  color:#ffc211;
}
#pied P A#on:hover {
  text-decoration:none;
  cursor:default;
}
#pied P A#on.admin-of {
  color:#00ff00;
}
#pied P A.admin-of:hover {
  color:#ff0000;
  text-decoration:none;
}
#pied-coord {
  min-height:20px;
}
#pied-coord P {
  /*min-height: 1.5em;*/
  font-size: 0.8em;
  color: #333333;
  text-align:center;
  line-height:15px;
}
#pied-coord P A {
  color: #333333; text-decoration:none;
}
#pied-coord P A:hover {
  text-decoration:underline;
}

.calendar {
  z-index:9999;
}
/**************************************************************************
 * BOITES
 * ***********************************************************************/
H1, H2, H3, H4, H5, P, DIV, IMG, LI, .boite {
  position:relative;
}
.boite {
  float: left; min-height: 87px;
  background: url(./images/bg_homepage-btn.png) repeat-x #ffffff;
  /*z-index:2000; line-height:87px;*/
}
.boite A, .boite A:visited { text-decoration:none; color: #000; }
.boite A:hover { text-decoration:none; cursor: pointer;}
.boite A:hover H2 { text-decoration: underline;}
.boite .fond {
  float: left; min-height: 87px; width: 350px;
  z-index:20;
}
.boite .fond IMG {
  margin:0px 2px 0px 0px;padding:0px 2px 0px 0px;
  width:150px; height:87px; border: none; float: left;
}
.boite .text {
  float: none; margin:0px;padding:0px;
  min-height: 82px; /*width: 200px;*/
  /*position: relative; right:0px; top:0px;*/
  z-index:200;
  /* clear is needed, although the box disappear in IE6
  clear:both;*/
}
.sur-mesure .text {
  /*float: right;*/ min-height: 82px; /*width: 345px;*/
  /*position: absolute; right:0px; top:0px;*/
}
.even .fond, .sur-mesure .fond { background-color: #FFC211; /* jaune*/}
.odd .fond { background-color: #AA8A3C; /* marron */}
.boite .text H2 { font-size: 1.2em; text-transform:lowercase;}
.boite .text H2:first-letter { text-transform:uppercase;}
.boite .text P { font-size: 0.8em; }
.boite .text H2 {
  float: none; margin: 2px 3px 2px 3px; padding: 2px 3px 2px 3px;
  color: #BE014B;
}
.boite .text P {
  float: none; margin: 0px 3px 0px 3px; padding: 0px 3px 0px 3px;
  text-align: justify;
}
/*
.sur-mesure .text H2 {
  float: left;
  width: 332px;
}
.sur-mesure .text P {
  float: left;
  width: 332px;
}
*/
/**************************************************************************
 * HOME PAGE
 * ***********************************************************************/

#homepage {
  width: 800px;
}

#homepage #left_column {
  width: 100px;
  background-color: #AEAEAE;
  vertical-align: top;
  border: 1px solid black;
}

#homepage #column_left #force_width {
  width: 100px;
  height: 10px;
}

#homepage #middle_column {
  padding: 5px 10px;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  vertical-align: top;
}

#homepage #middle_column #epoz_content {
  border: 2px solid red;
}

#homepage #middle_column #sejours_content {
  border: 2px solid green;
}

#homepage #right_column {
  width: 250px;
  background-color: #AEAEAE;
  vertical-align: top;
  border: 1px solid black;
}

#homepage #right_column #force_width {
  width: 250px;
  height: 10px;
}

/**************************************************************************
 * ARTICLE (et CONTACT)
 * ***********************************************************************/
#articles, #article {
  float:left;
  margin:0px 0px;padding:0px;
  width:720px;
  background: #333333;
}
#articles H1 SPAN {
  color:#ffc211;
}
#articles #content, #article #content {
  float:left;
  width:718px;
  margin: 0px; padding:0px;
  border-style: solid;
  border-width: 0px 1px;
  border-color: #333333;
}
#articles #content {
  background: #ffffff;
}
#articles #content .article {
  margin:0px; padding: 0px;
  float:left;
  min-height:50px;
  width:718px;
  background: #ffffff url(./images/bg_homepage-btn.png) repeat-x;
  /*clear:both;*/
}
#articles #content .fond {
  float:left;
  width: 718px;
  height:100%; _height:50px;
  min-height:50px;
}
#articles #content .even {
  float:left;
}
#articles #content .odd{
  float:left;
}
#articles .article A {
  float:right;
  width:510px;
  text-decoration:none;
}
#articles .article A:hover H2 {
  text-decoration:underline;
}
#articles .article H2 {
  float:left;
  padding:4px 0px 0px 10px;
  margin:0px;
  /*line-height:50px;*/
  /*width:518px;*/
  color:#be014b;
  text-transform:lowercase;
}
#articles .article H2:first-letter {
  text-transform:uppercase;
}
#articles .article P {
  float:left;
  padding: 0px 0px 0px 10px;
  margin:0px;
  /*width:518px;*/
  color:#000000;
  width:100%;
  clear:both;
}
#articles .article IMG {
  float:left;
  position: absolute;
  clip: rect(0px 200px 50px 0px);
  margin: 0px;
  width:200px;
}
#articles DIV.pied, #article DIV.pied {
  float: left;
  width:720px;
  height:19px;
  background: #ffea97 no-repeat bottom left url(./images/bg_coin_pied.gif);
}

/**************************************************************************
 * ARTICLE
 * ***********************************************************************/
/*
#article { See ARTICLES }
#article H1 { See HOMEPAGE for H1
*/
#article #content {
  float:left;
  background: #ffea97;
}
#article H2 {
  font-size:1.5em;
  background:#ac8b39;
  margin:0px;padding: 10px 0px 5px 12px;
}
#article H2.on {
  text-transform:uppercase;
  color:#ffc211;
}
#article H2{
  color:#ffffff;
}
#article H2:first-letter {
  text-transform:uppercase;
}
#article H3 {
  font-size:1.5em;
  font-weight:normal;
  color: #ffffff;
  margin:0px;padding: 4px 0px 10px 12px;
  background: #ac8b39;
}
#article .content,
#article #index,
#article #image1, #article #image1, #article #image1,
#article #index {
  margin:0px; padding: 10px 0px;
}
#article P {
  color: #000000;
  margin:0px;padding: 14px 12px 5px 12px;
}
#article #image {
  float: right;
  margin:0px; padding: 14px;
  width: 300px;
}
#article IMG {
  margin: 7px 0px;
}

/**************************************************************************
 * NOS-VOLS
 * Résultats de la recherche
 * Réservation
 *************************************************************************/
#article.vols #content,
#article.vols DIV.pied,
#article.resa #content,
#article.resa DIV.pied {
  background-color: #ffffff;
}
.vols .content TABLE,
.resa TABLE {
  margin:0px;
  padding:14px 12px 5px 12px;
  width:100%;
}
.vols #content TABLE {
  text-align:center;
}
.vols TABLE TD {
  margin:0px;
  padding-right:8px;
}
.vols TABLE TR {
  height:30px;
}
.vols TABLE THEAD {
  height:40px;
  background:#ac8b39;
}
.vols A, .resa A {
  color:#be014b;/* display:block;*/
}
.vols A:hover, .resa A:hover {
  text-decoration:none;
}
.vols TABLE THEAD A.sort_none {
  background: none;
  padding-right:8px;
  color:#ffffff;
}
.vols TABLE TR.odd TD {
  background: #ffea97;
}
.vols TABLE TR.even TD {
  background: #fffbea;
}
.vols HR{
  margin:14px 12px 5px 12px;
}
.resa P.footnote {
  margin:0px;
  padding: 14px 0px 14px 0px;
  clear:both;
}
.resa FIELDSET {
  margin-top:15px;
  width:45%; background:#ffea97;
  border: solid #333333 1px;
}
.resa FIELDSET LEGEND {
  font-weight:bold;
}
FIELDSET.gch {float:left; margin-left:10px;}
FIELDSET.drt {float:right;margin-right:10px;}
.resa #content H3 {
  margin:15px 0px 10px 0px;
  padding:10px 0px 8px 12px;
  display:block;
}
.resa .content FORM P {
  text-align: right;
  clear:both;
}
.resa .coord TABLE {
  width:95%;margin:8px;
  padding: 10px 12px 5px 12px;
}
.resa .choix TABLE {
  margin:10px;
  padding: 14px 12px 5px 12px;
  width:70%;
  text-align:right;
}
.resa FORM.coord TABLE {
  border-collapse: collapse;
  border-style:none;
}
table.tarifs {padding: 14px 0px 5px 0px;}
.tarifs TD.type {width:65px;}
.tarifs TD.mult {padding: 0 5px;}
.tarifs TD.egal {padding: 0 15px;}
.tarifs TD.resu {text-align: right;}
.tarifs TD.tota {font-weight:bold;border-top:1px solid #000;}
.bold {font-weight:bold;}
.resa .content FORM.coord P {text-align:left;font-weight:bold;}
.resa TD.err {
  display:block;
  width:26px;
  text-align:right;
  background: url(./images/warning16.png) left center no-repeat;
}
.resa div.passager {
  padding: 5px;
  line-height:2em;
}
.resa span.err {
  background: url(./images/warning16.png) left center no-repeat;
  padding: 0 20px;
  color:#AC8B39;
}
.resa span.newline {
  padding-left: 20px;
}
.resa H4 {
  margin:0px; padding: 10px 0px 0px 10px;
  font-size:1.3em;
  color:#AC8B39;
}
/*
.resa .nom {width:130px}
.resa .prenom {width:110px}
.resa .mel {width:170px}
*/
.resa FORM SELECT.avec {width:100px;}
.resa SPAN.prenom {font-weight:bold}
.resa SPAN.nom {text-transform:uppercase}
.resa FORM {overflow: auto;}

/*#synairbody.withleftcolumn #message {
  background:#ffc2c2 url(../images/message.png) no-repeat scroll left center;
  border:2px solid #ff0000;
  margin:5px 0 5px 0;
  padding:3px 0 3px 24px;
}*/

/**************************************************************************
 * SEJOURS
 * ***********************************************************************/
#sejours {
  padding: 2px 5px;
}
#sejours #wrapper {
  border: 1px solid #808080;
}
#sejours table tr.odd {
  background-color: #808080;
}
#sejours table tr.even {
  background-color: #ada5a5;
}
#sejours table td.content {
  vertical-align: top;
}
#sejours table td.content img {
  float: left;
  padding: 0 5px 5px 0px
}

/**************************************************************************
 * SEJOUR, détails et assurances
 * ***********************************************************************/
#sejour table td.title {
  font-weight: bold;
  text-align: center;
}
#sejour table td.description {
  background-color: #a1a1a1;
}
#sejour table td.image, #sejour table td.content {
  vertical-align: top;
}
#sejour_details table th {
  width: 300px;
  font-style: italic;
}
table#sejour_details tr td table,
table#tarifs tr td table {
  border: 1px solid black;
}
table#sejour_details tr td,
table#tarifs tr td {
  padding: 1px 5px;
}
#tarifs table {
  padding: 10px 20px 5px;
}
#assurances {
  font-size: 0.9em;
}

/**************************************************************************
 * CONTACT
 * ***********************************************************************/

#contact #article h2 {
  padding: 5px 0 6px 12px;
}

#contact #article h3 {
  padding: 4px 0 5px 12px;
}

#contact #article #content table,
#contact #article #content div {
  padding: 8px 3px 8px 8px;
}

#contact input.button_ok {
  margin-left: 20px;
}

#contact div#contact_project LABEL,
#contact div#contact_project TEXTAREA,
#contact div#contact_participants LABEL,
#contact div#contact_participants TEXTAREA {
  vertical-align: middle;
}

/**************************************************************************
 * PAIEMENT
 * ***********************************************************************/
#payment table tr th {
  width: 200px;
}
#payment table tr td {
  width: 300px;
}
#payment_images td {
  padding: 20px 0 10px 140px;
}
#payment label {
  vertical-align: top;
}

/**************************************************************************
 * OVERVIEW
 * ***********************************************************************/
#vols-overview th {
  text-align: center;
  padding: 0 4px 2px;
}
#vols-overview th div {
  white-space: nowrap;
}
#vols-overview th span {
  font-weight: normal;
  color: #ffea97;
}
#vols-overview td {
  text-align: right;
}

tr#overview-vendues td,
tr#overview-sejours td {
  background-color:#e8c57a;
}
tr#overview-restantes td {
  background-color:#ccab59;
  font-weight:bold;
}
tr#overview-to td {
  background-color:#ccab59;
}

tr#overview-vendues td.header,
tr#overview-to td.header,
tr#overview-sejours td.header {
  font-weight: bold;
}

tr#overview-to td {
  font-style: italic;
}