/*
Tailles pixels -> pourcentages

10	 77
11	 85
12	 93 (was 93)
13	 100
14	 108 (was 107)
15	 116 (was 114)
16	 123.1 (was 122)
17	 131 (was 129)
18	 138.5 (was 136)
19	 146.5 (was 144)
20	 153.9 (was 152)
21	 161.6 (was 159)
22	 167
23	 174
24	 182
25	 189
26	 197
*/

div.clear:after, p.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
div.clear, p.clear{zoom:1}

html {
    margin:0;
    text-align:center;
    background-color:#fffbe7;
}

body {
    width:970px;
    margin:0 auto;
    text-align:left;
    background:transparent url(/images/bg.gif) no-repeat;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

blockquote p, p.note, div#description blockquote p {
    font-size:93%;
    margin:0 0 10px 0;
    padding:5px;
    background:#FFFBE7 url(/images/bg_nav_li.gif);
}

div#header {
    padding-top:28px;
    margin-bottom:30px;
}

div#header #logo {
    margin-top: 25px;
    float:left;
    text-decoration: none;
}
.logo-subtitle {
    color: #9E0E11;
    font-family: Georgia;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 5px;
    padding-left: 8px;
    text-decoration: none;
    text-transform: uppercase;
}


/* header navigation */

ul#sub {
    float:right;
    width:525px;
    margin-bottom:20px;
    padding:0;
    margin-right: 11px;
}

ul#sub li {
    float:left;
}

ul#sub a {
    display:block;
    border-right:1px solid #aaa;
    text-transform:uppercase;
    font:normal 116% Georgia;
    color:#000;
    text-decoration:none;
    padding:0 10px;
    margin:0;
}
ul#sub a:hover {
    text-decoration:underline;
}

/* search bar */

form#search input {
    margin:0 2px;
}

form#search input[type=text] {
    padding:2px 3px;
    vertical-align:top;
    width:175px;
    margin-left:10px;
}

form#search ul {
    float:right;
    width:560px;
    text-align:right;
    padding:4px 2px 2px;
    background:#e7dcbb url(/images/bg_search.gif) no-repeat;
}

form#search ul li {
    float:right;
}
form#search ul li.account-link {
float: left;
margin-left: 20px;
}

form#search ul a {
    display:block;
    border-right:1px dotted #aaa;
    text-transform:lowercase;
    font-size:108%;
    line-height:1em;
    color:#767368;
    text-decoration:none;
    padding:0 10px;
    margin-top:4px;
}
form#search ul li.account-link a {
    color: #AF0012;
    font-weight: bold;
}

form#search ul a:hover {
    text-decoration:underline;
}

input.inactive {
    color:#aaa;
}

/* navigation */

div#navigation {
    float:left;
    width:255px;
}

div#navigation h4 {
    background:transparent url(/images/bg_nav_h4.gif) no-repeat left 50%;
    text-transform:uppercase;
    font:normal 108% Georgia;
    padding-left:15px;
    margin-bottom:4px;
}

div#navigation ul {
    margin-bottom:20px;
    border-bottom:1px solid #ede7d0;
}

div#navigation ul.administration {
    border-left:8px solid #E7DCBB;
}

div#navigation li {
    border-top:1px solid #ede7d0;
    padding:2px 0;
}

div#navigation a {
    background:transparent url(/images/bg_nav_li.gif);
    color:#901;
    display:block;
    text-decoration:none;
    font-size:108%;
    padding:4px 8px;
    text-transform:lowercase;
}

div#navigation a:hover {
    background:transparent url(/images/bg_nav_li_1.gif);
}

/* content */

div.content {
    float:right;
    width:680px;
    padding:0 0 10px 0;
    color:#333;
}

div.content h1.title {
    margin-bottom:.25em;
    padding:0;
    font:normal 197% Georgia;
    color:#C8BC91;
    font-style:italic;
}

div.content h2 {
    margin:0 0 8px 0;
    font-size:108%;
    font-weight:bold;
    color:#000;
    padding-top:8px;
}

div.content h2.title {
    margin:0 0 15px 0;
    font:normal 100% Georgia;
    text-transform:uppercase;
    background:transparent url(/images/dots.gif) repeat-x;
    color:#555;
    padding-top:8px;
}

div.content p {
    margin-bottom:15px;
}

div.content a, div#footer a {
    color:#9E0E11;
    font-weight:bold;
    text-decoration:none;
}

div.content a:hover, div#footer a:hover {
    text-decoration:underline;
}

div.content a.submit {
    font:bold 93% Georgia;
    display:inline;
    color:#fff;
    background-color:#9E0E11;
    padding:3px 6px;
    text-decoration:none;
    margin:0 1px 0 1px;
}

div.content form.qf a.submit {
    float:right;
}

div.content a.submit:hover {
    background-color:#9E0E11;
    text-decoration:none;
}

div.formleft {
    width:470px;
    float:left;
}

div.help {
    width:195px;
    float:right;
    padding-top:4px;
    background:transparent url(/images/dots.gif) repeat-x left bottom;
}

div.help h1 {
    background:#FFFBE7 url(/images/bg_nav_li.gif);
    margin:0 0 2px 0;
    padding:0;
    font:normal 116% Georgia;
    color:#000;
    padding:3px 8px;
}

div.help h2 {
    font-size:93%;
    margin-bottom:.8em;
}

div.help p {
    font-size:85%;
}

/* Arbre */

ul.tree {
    margin-bottom:1em;
}

ul.tree li {
    padding:1px 0 0 0;
    margin:0;
    line-height:1.8em;
}

ul.tree li a {
    font-weight:normal;
}

ul.tree .level-1 ul {
    margin:0;
    padding-left:10px;
    clear:both;

}

ul.tree .level-1 {
    border-top:3px solid #EDE7D0;
}

ul.tree .level-2 {
    background-color:#E7DCBB;
    font-size:85%;
}

ul.tree .level-3 {
    background:#FFFBE7 url(/images/bg_nav_li.gif) repeat;
}

/* map */

ul.sidelinks {
    float:left;
    background-color:#BBAF8E;
    height:276px;
    text-align:right;
}

ul.sidelinks li {
    border-bottom:1px solid #fffbe7;
}

ul.sidelinks a {
    font-size:12px;
    display:block;
    color:#fff;
    font-weight:normal;
    width:162px;
    height:18px;
    padding:4px 4px 0 4px;
}

ul.sidelinks a:hover {
    text-decoration:none;
    background:#FFFBE7 url(/images/bg_nav_li.gif) repeat;
    color:#9E0E11;
}

/* messages */

ul.errors {
    color:#000;
    background-color:#CA9C9C;
    padding:8px;
    margin:1em 0;
}

ul.messages {
    color:#000;
    background-color:#CCFF66;
    padding:8px;
    margin:1em 0;
}
div.text ul.messages li, ul.errors li { background:none;margin:0;padding:0;}

/* Account */

#account strong {
    font-size:85%;
    color:#777;
}

/* Grid */

table.grid {
    margin:5px 0 5px 0;
    background-color:#fff;
    width:100%;
    border-bottom:1px solid #E7DCBB;
    border-left:1px solid #E7DCBB;
    font-size:93%;
}

.odd {
    background-color:#FFFBE7;
}

.even {
    background:#FFFBE7 url(/images/bg_nav_li.gif);
}

table.grid td {
    padding:4px 4px;
    border-right:1px solid #E7DCBB;
    vertical-align:top;
}

table.grid th {
    background-color:#E7DCBB;
    color:#000;
    padding:4px 4px;
    border-right:1px solid #E7DCBB;
}

table.grid a {
    border:0;
    display:inline;
    padding:0;
    margin:0;
    background-color:transparent;
    font-weight:normal;
}

table.grid th a {
    color:#000;
    text-decoration:underline;
    font-weight:bold;
}

table#tabinfos {
    margin:10px 0 5px 0;
    background-color:#fff;
    border-bottom:4px solid #000;
}

table#tabinfos td {
    border-top:1px solid #000;
    padding:4px;
}

div.tablebuttons {
    height:40px;
}

/* pager */

div.pager, div.prevnext {
    clear:both;
    padding:5px 0;
}

ul.pager {
	margin: 0;
	padding: 0 ;
	list-style: none;
	white-space:nowrap;
}

.pager li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

.pager img, div.prevnext img {
    display:inline;
    margin:0;
    padding:0;
    vertical-align:bottom;
}

.pager a, div.prevnext a, div#infos_back a {
    padding:1px 2px;
    text-decoration:none;
    font-size:110%;
    line-height:0;
}

.pager span.active, div.prevnext span.active {
    padding:1px 2px;
    text-decoration:none;
    font-size:110%;
    line-height:0;
    color:#000;
    font-weight:bold;
}

div.infos {
    background:transparent url(/images/dots.gif) repeat-x left top;
    padding:6px 0;
}

div.infos div.right {
    float:right;
    font-size:85%;
    width:40%;
    text-align:right;
    padding:5px 0;
}

div.infos div.left {
    float:left;
    font-size:85%;
    width:40%;
}

/* destinations */

div.category {
    padding:4px 0;
    background:transparent url(/images/dots.gif) repeat-x left top;
}
div.category img, div.branding img {
    float:left;
    border:4px solid #E7DCBB;
}
div.category div {
    float:right;
    width:565px;
}
div.category h3 {
    font-size:116%;
    font-weight:bold;
    padding:3px 5px;
    margin-bottom:.2em;
    background:transparent url(/images/bg_nav_li.gif);
}
div.category p {
    padding:0 5px;
}
div.category .related, div.category p {
    font-size:93%;
}

div#ariane {
    margin-bottom:15px;
}

div#ariane li {
    float: left;
    border:none;
    padding:0;
    margin:3px 0;
}

div#ariane li a {
    display:block;
    float:left;
    text-decoration:none;
    color:#555;
    font-weight:normal;
    font-family:georgia;
    padding:0 4px;
}


/* Tabs, fiche produit */

div#more {
    width:460px;
    float:left;
}

div#departures {
    margin-bottom:30px;
}

div.year {
    background:#E2D7B7 url(/images/bg_fleche_2.gif) no-repeat right 50%;
    font:normal 85% Arial;
    padding:3px 15px 4px 5px;
    float:left;
    margin:2px 10px 2px -5px;
}

div.text h2 {
    text-transform:none;
    padding-top:0px;
}

div.text h3 {
    font-weight:bold;
    margin:6px 0;
}

div.text img {
    float:right;
    margin:0 0 8px 8px;
}

dt.accordeon {
    margin-top:2px;
    outline:0;
	font-size: 12px;
	cursor:pointer;
	display:block;
	padding:0 0 0 24px;
    background:#EFE7CD url(/images/bg_fleche_0.gif) no-repeat left top;
}

dt.accordeon-active {
    background:#EFE7CD url(/images/bg_fleche_1.gif) no-repeat left top;
}

dt.accordeon a {
    display:block;
    color:#333;
    padding:5px;
}

dt.accordeon a:hover {
    text-decoration:none;
    background-color:#E7DCBB;
}

dd.accordeon {
    padding-top:10px;
    font-size:93%;
}

div.text ul {
    margin:0 0 15px 0;
}

div.text ul li {
    padding-left:12px;
    background:transparent url(/images/bullet.gif) no-repeat left 5px;
    margin:6px 0;
}

div#description {
    margin-bottom:15px;
}

div#description p {
    line-height:1.5em;
    font-size:108%;
}

div#informations, div#bibliography {
    font-size:93%;    
}

div#mainphoto {
    width:208px;
    float:right;
    margin-left:10px;
}

div#mainphoto img, div#photos img, table#liste img {
    border:4px solid #E7DCBB;
}

div#photos {
    margin:10px 0;
}

div.picture {
    float:left;
    width:100px;
    text-align:center;
    margin-right:15px;
}

div.picture .caption {
    text-align:center;
    font-size:85%;
    padding:5px 0 0;
    margin:0;
}

.ui-tabs-hide { display: none; }
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 3px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 2px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
    background: url(/images/tabs.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #000;
    font-weight:normal;
    font:normal 93% Georgia;
    text-transform:uppercase;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 0;
    height: 27px;
    background-position: 0 -23px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
div.content .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
    text-decoration:none;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    border-top: 2px solid #E7DCBB;
    padding-top: 10px;
    background: #FFFBE7; /* declare background color for container to avoid distorted fonts in IE while fading */
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

div.hiddenform {
    clear:both;
    background-color:#E7DCBB;
    border:4px solid #E7DCBB;
    margin:4px 0;
    font-size:85%;
}

div.hiddenform a.submit, div.buttoninline a.submit {
    background-color:#555;
}

div.hiddenform a.submit:hover, div.buttoninline a.submit:hover {
    background-color:#000;
}

div.buttoninline {
    padding-top:3px;
    font-size:11px;
    clear:both;
    margin:4px 0 10px 0;
}

.formtable td {
    padding:2px 0 4px;
}

div.related {
    margin-bottom:15px;
}
div.related ul {
    float:right;
    width:563px;
    margin:0;
}
div.related li {
    margin:3px 0;
    float:left;
}

div.related li a {
    text-decoration:none;
    padding:0 10px 0 0;
    margin:0;
    font-weight:normal;
    display:block;
}

div.see {
    font-size:12px;
    font-weight:bold;
    color:#FFFBE7;
    padding:2px 15px 2px 5px;
    background:#E2D7B7 url(/images/bg_fleche_2.gif) no-repeat right 50%;
    margin-right:6px;
    float:left;
}

ul.groups {
    margin-bottom:15px;
}

ul.groups li {
    background:transparent url(/images/bg_nav_li.gif);
    margin:2px 0;
}
ul.groups li a {
    display:block;
    padding:3px 3px 3px 24px;
    background:transparent url(/images/bullet2.gif) no-repeat 10px 50%;
    font-weight:normal;
    font-size:93%;
}

ul.actions {
    margin-bottom:15px;
    border:1px solid #E7DCBB;
    background:#FFFBE7 url(/images/bg_nav_li.gif);
    padding:2px 5px;
}

ul.actions li {
    
}

ul.actions li a {
    display:block;
    padding:3px 3px 3px 20px;
}

ul.departs li {
    padding-left:16px;
}

li.ok {
    background:transparent url(/images/li_ok.gif) no-repeat left 50%;
}

li.old {
    background:transparent url(/images/li_old.gif) no-repeat left 50%;
}

li.cancelled {
    background:transparent url(/images/li_cancelled.gif) no-repeat left 50%;
}

li.full {
    background:transparent url(/images/li_full.gif) no-repeat left 50%;
}

div.legende {font-size:85%;margin:5px 0;}
div.legende span {font-weight:bold;}
div.legende ul {display:inline;}
div.legende li {display:inline;margin-left:10px;}

div.animation {
    margin:0 0 10px 0;
}

#home div.section {
    margin:15px 0 5px 0;
}

#home .section h2, #home h2.welcome {
    margin-bottom:.25em;
    padding:0 0 5px 0;
    font:normal 138.5% Georgia;
    color:#BBAF8E;
    font-style:italic;
    background:transparent url(/images/dots.gif) repeat-x left bottom;
}

#zoom a {
    font:normal 145% Georgia;
}

#zoom {
    line-height:1.9em;
    font-size:85%;
}

div#summary dl {
    margin-top:20px;
}

div#summary dt {
	float: left;
	padding-top:2px;
	padding-right: 0.5em;
    font-size:85%;
    color:#A99E6F;
    font-weight:bold;
}

div#summary dd {
    margin: 0.5em 0;
}