/* *
* @ lesroutesdelest.fr - http://www.lesroutesdelest.fr/ 
* @ Basic CSS Screen 
* @ 16-03-2010
* */
body{
margin: 0;
padding: 0;
font-size: 11px;
font-family: arial, Helvetica, 'DejaVu Sans';
}

img{
border:0px;
}

a{
color:#000000;
text-decoration:none;
cursor:pointer;
}

#container{
width: 920px;
padding: 0;
margin: 0 auto;
text-align: left;
}

#top{
width: 920px;
height: 370px;
padding: 0;
}

/**
* @header
*/

#header{
position: relative;
width: 920px;
height: 130px;
padding: 0;
margin-bottom:5px;
}

#logo{
float:left;
width:234px;
height:106px;
}

#right-header{
float:right;
width:620px;
height:110px;
margin-top:20px;
}

#header-link {
text-align:right;
height:20px;
margin-bottom:10px;
}

#boxes{
width:625px;
height:50px;
float:right;
}

#telephone-box{
width:170px;
height:50px;
float:left;
border: 1px black solid;
background-color :#e5ecf3;
padding : 5px;
font-size:11px;
text-align:center;
}

#telephone-box .telephone{
font-size:22px;
font-weight:bold;
}

#newsletter-box{
width:230px;
height:50px;
float:left;
margin-left:10px;
border: 1px black solid;
background-color :#e5ecf3;
padding : 5px;
font-size:11px;
}

#newsletter-box p{
margin-top:0px;
}

#newsletter-box .infos,#newsletter-box .promos{
font-size:18px;
font-weight:bold;
}

#newsletter-box form{
display:inline;
}

#cart-box{
width:170px;
height:54px;
margin-left:10px;
float:left;
border: 1px black solid;
background-color :#ffffff;
padding:3px;
font-size:11px;
}

/**
* @Menu
*/

#menu{
width:920px;
position: relative;
display: block;
height: 23px;
margin: 0;
padding: 0;
list-style-type: none;
font-size:16px;	
}

#menu li{
display: block;
list-style: none;
margin: 0;
padding: 1px 0;
position: relative;
float: left; 
text-align: center;
}

/* Couleur des menus */
#menu li.menu-on,#menu li.menu-on-promo{
background-color:#3c3c3c;
}

#menu li.menu-off,#menu li.menu-off-promo{
background-color:#e75012;
}

#menu a{
color: #ffffff;
}

/* Taille des menus */
#menu #destinations{
width:102px;
margin-right:5px;
}

#menu #circuits{
width:75px;
margin-right:5px;
}

#menu #sejours{
width:78px;
margin-right:5px;
}

#menu #croisieres{
width:92px;
margin-right:5px;
}

#menu #trains{
width:150px;
margin-right:5px;
}

#menu #salons{
width:75px;
margin-right:5px;
}

#menu #sur-mesure{
width:110px;
margin-right:5px;
}

#menu #visas{
width:71px;
margin-right:5px;
}

#menu #promo{
width:126px;
height:19px;
}

/*
*@Banner : Bannière du site
*/

#banner{
width:920px;
height:203px;
}

#banner-products{
width:920px;
height:203px;
}

/*
*@Bannière : Fiches produits
* + Informations sur le produit ...
*/

#banner-products-description{
float:right;
width:400px;
height:203px;
background-color: #ffffff;
filter:alpha(opacity=75);
opacity: 0.75;
-moz-opacity:0.75;
}

* html #banner-products-description{
width:400px;
height:212px;
float:right;
background-color: #ffffff;
filter:alpha(opacity=75);
opacity: 0.75;
}

#banner-products-description div{
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
position: relative;
margin-top:10px;
padding: 0 10px;
font-size:13px;
}

#banner-products-description a{
color:#000000;
}

#banner-products-description div .tlt-country{
font-size:17px;
color:#e75012;
text-transform:uppercase;
font-weight:bold;
}

#banner-products-description div .tlt-name{
font-size:17px;
font-weight:bold;
}

#banner-products-description div .tlt-date{
font-size:15px;
}

#banner-products-description div .price{
color:#e75012;
font-size:20px;
font-weight:bold;	
}

/**
* @Content
*/

#content{
width:930px;
}

/**
* @leftColumn : Contenu de la colonne de gauche du site
*/

#leftColumn {
width: 240px;
float: left;
margin: 0;
padding: 0;
}

/* Blue-box : Moteur de recherche */
#blue-box{
width:234px;
}

#blue-box-top{
background: url("../img/blue-box-top.jpg");
width:234px;
height:7px;
display:block;
}

#blue-box-bottom{
background: url("../img/blue-box-bottom.jpg") no-repeat;
width:234px;
height:7px;
display:block;
}

#blue-box .recherche{
background: url("../img/blue-box-content.jpg");
padding:0px 25px;
}

* html #blue-box .recherche {
background: url("../img/blue-box-content.jpg");
padding-top:1px;
padding:0px 25px;
margin-top:-10px;	
}

#blue-box p{
margin:0;
}

#blue-box select{
width:180px;
margin-bottom:5px;
}

#blue-box input{
background: url("../img/btn_rechercher.jpg");
border:none;
margin-right:10px;
width:76px;
height:16px;
}

/* White-box : Promos, brochures, produits phares etc ... */

.white-box{
width:234px;
margin:5px 0;	
}

.white-box-top{
display:block;
width:234px;
height:4px;
background: url("../img/white-box-top.jpg") no-repeat;
}

.white-box-bottom{
display:block;
width:234px;
height:5px;
background: url("../img/white-box-bottom.jpg") no-repeat;
}

.white-box-content{
padding-left:3px;
background: url("../img/white-box-content.jpg");
}

* html .white-box-content {
padding-left:3px;
margin-top:-10px;	
background: url("../img/white-box-content.jpg");
}

.white-box-content img{
margin-top:1px;
}

.white-box-title{
display:block;
color:#e75012;
font-size:18px;
padding-left: 10px;
padding-bottom:5px;
}

.white-box-title a{
color:#e75012;
}

.white-box-black-title a{
display:block;
color:#000000;
font-size:18px;
padding-left: 10px;
padding-bottom:5px;
}

.white-box-title a .little-title,.white-box-black-title a .little-title{
font-size:15px;
}

.white-box-title .brochure,.white-box-title .important,.white-box-title .brochure{
font-size:22px;
font-weight:bold;
}

.white-box-title .right-important{
display:block;
font-size:22px;
font-weight:bold;
text-align:right;
margin-right:20px;
}

.white-box-black-title .right-important{
display:block;
text-align:right;
margin-right:20px;
}

.white-box-black-title .important{
color:black;
font-size:22px;
font-weight:bold;
text-align:right;
}

/* Offres spéciales et promotions */
.offer{
font-size:13px;
padding:0px 15px;
}

.offer .title{
font-size:15px;
font-weight:bold;
color:#000000;
}

.offer .orange-title{
color:#e75012;
}

.offer strong{
color:#e75012;
font-weight:bold;
}

.detail{
display:block;
text-align:justify;
margin-top:5px;
color:#000000;
}

.detail ul{
margin:0px;
padding:0px;
}

.detail li{
margin-top:5px;
margin-left:15px;
list-style-type:circle;	
}

.offer a{
color:#e75012;
font-size:13px;
font-weight:bold;
text-decoration:underline;
}

.offer .conditions{
font-size:11px;
text-align:justify;
font-style:italic;
}

/* Quels produits recherchez-vous ? */
.white-box-content-recherche{
text-align:center;
padding-bottom:10px;
background: url("../img/white-box-content.jpg");
}

* html .white-box-content-recherche {
text-align:center;
padding-bottom:10px;
margin-top:-10px;	
background: url("../img/white-box-content.jpg");
}

.white-box-content-recherche .white-box-title, * html .white-box-content-recherche .white-box-title{
display:block;
color:#e75012;
font-size:18px;
padding-bottom:5px;
}

.brochure-papier a{
display:block;
width:218px;
padding-left: 10px;
background-color:#e5ecf3;
color:#666769;
text-decoration:underline;
}

/**
* @rightColumn : Contenu du site
*/

#rightColumn {
width: 677px;
margin: 0;
padding: 0;
margin-left: 245px;
}

#white-right-box-top-products2{
background: url("../img/white-right-box-top-products2.jpg") no-repeat;
width:677px;
height:30px;
display:block;
}

#white-right-box-top-products{
background: url("../img/white-right-box-top-products.jpg") no-repeat;
width:677px;
height:30px;
display:block;
}

#white-right-box-top-products a.link-title{
color:black;
}

#white-right-box-top-products a.link-title:hover{
color:#e75012;
}

#white-right-box-top {
background: url("../img/white-right-box-top.jpg") no-repeat;
width:677px;
height:30px;
display:block;
}

#white-right-box-top h2,#white-right-box-top-products h2{
padding:7px;
font-size:15px;
}

#white-right-box-top .white-right-box-title,#white-right-box-top-products .white-right-box-title{
font-size:18px;
}

#white-right-box-bottom {
display:block;
background: url("../img/white-right-box-bottom.jpg") no-repeat;
width:677px;
height:13px;
}

#white-right-box-content {
width:677px;
background: url("../img/white-right-box-content.jpg");
padding-top:15px;	
}

* html #white-right-box-content {
width:677px;
background: url("../img/white-right-box-content.jpg");
margin-top:-27px;	
}

/* *
*@ Page : Destination
*/

#liste-destinations{
width:657px;
font-size:15px;
}

* html #white-right-box-content #liste-destinations{
width:627px;
font-size:15px;
}

ul#liste-destinations{
list-style-type:none;
}

#white-right-box-content #liste-destinations a .country{
display:block;
font-size:18px;
color:#e75012;
font-weight:bold;
height:20px;
}

#white-right-box-content #liste-destinations a .croisiere-train{
display:block;
font-size:18px;
color:#019fc5;
font-weight:bold;
height:20px;
}

#liste-destinations a .second-country{
font-size:13px;
}

#liste-destinations li {
width:150px;
height:150px;
float:left;
position:relative;
margin: 0 2px 20px 2px;
}

#liste-destinations a{
color:#e75012;
cursor:pointer;
}

#liste-destinations a:hover{
color:#000000;
}

#liste-destinations img{
margin-top:2px;
}

/* Lien : pas de résultats */
#white-right-box-content #no-result{
border: 0px none; 
padding: 30px;	
text-align:center;
}

#no-result a{
font-size:13px;
color:#989898;	
}

/* Tri résultat du moteur  */
#tri-moteur{
margin-left:120px;
font-size:11px;
}

/* *
* @Page agences et Contact 
*/

#agences, #contact{
margin-left:30px;
}

#agences h1{
font-size:16px;
}

#agences h2{
font-size:14px;
}

#agences a.recherche{
display:block;
margin-top:10px;
text-align:center;
color:#989898;
}

#agences p, #contact p{
font-size:12px;
}

#agences p.error{
font-size:12px;
color:#e75012;
}

#white-right-box-content .liste-agences{
font-size:12px;
}

#white-right-box-content .nom-agence{
font-size:12px;
color:#e75012;
font-weight:bold;
}

#contact ul.errors{
font-size:12px;
width:250px;
background-color:#e5ecf4;
border: 1px solid #dddddd;
}

#contact form{
font-size:12px;
}

#contact .note{
font-size:11px;
font-style:italic;
}

/* *
* @ Liste des circuits et des hôtels
*/
#liste-circuits,#liste-hotels{
margin-bottom:100px;
}

.circuit, .hotel{
margin:0 4px;
display:block;
height:140px;
padding:5px 0;
}

.circuit .photo-circuit, .hotel .photo-hotel{
float:left;
margin-left:10px;
}

.photo-circuit img, .photo-hotel img{
width:100px;
height:75px;
border:1px solid black;
}

.circuit .description-circuit, .hotel .description-hotel{
float:left;
margin-left:20px;
}

.circuit .title, .hotel .title{
float:left;
width:530px;
font-size:15px;
border-bottom: 1px solid #989898;
}

* html .circuit .title, .hotel .title{
float:left;
width:500px;
font-size:15px;
border-bottom: 1px solid #989898;
}

.circuit .title .tlt_country, .hotel .title .tlt_country{
font-weight:bold;
color:#e75012;
text-transform:uppercase 
}

.circuit .title .tlt_circuit, .hotel .title .tlt_hotel{
color:#e75012;
font-size:11px;
text-transform:uppercase 
}

.circuit .title .libelle, .hotel .title .libelle{
font-weight:bold;
}

.circuit .title .date{
float:right;
width:55px;
color:#989898;
font-size:11px;
}

* html .circuit .title .date{
float:right;
width:55px;
font-size:11px;
color:#989898;
margin-top:-10px;
}

*+html .circuit .title .date{
float:right;
width:55px;
font-size:11px;
color:#989898;
margin-top:-15px;
}

.hotel .title .etoiles{
float:right;
width:25px;
color:#989898;
font-size:11px;
}

* html .hotel .title .etoiles{
float:right;
width:25px;
font-size:11px;
color:#989898;
margin-top:-10px;
}

*+html .hotel .title .etoiles{
float:right;
width:25px;
font-size:11px;
color:#989898;
margin-top:-15px;
}

.circuit .texte, .hotel .texte{
margin-top:5px;
width:500px;
}

.circuit .en-savoir-plus, .hotel .en-savoir-plus{
float:right;
color:#000000;
text-decoration:underline;
}

.circuit .price, .hotel .price{
font-size:22px;
color:#e75012;
}

.circuit .ttc, .hotel .ttc{
font-size:12px;
color:#e75012;
}

/* Liste des destinations */
.description-destination{
float:right;
width:135px;
}

.description-destination a.pays{
color:#e75012;
font-size:15px;
font-weight:bold;
}

.description-destination a.autre{
color:#98b5d9;
font-size:15px;
font-weight:bold;
}

.description-destination a.prix{
font-size:13px;
color:black;
}

.photo-resultat-prod{
width:120px;
}

/* Barre de navigation*/
#liste-circuits .navigation, #liste-hotels .navigation,.liste-agences .navigation{
margin-bottom:10px;
}

#liste-circuits .navigation tr a, #liste-hotels .navigation tr a, .liste-agences .navigation tr a{
color: #FFFFFF;
font-size:10px;
padding: 0 5px;
}

#liste-circuits .navigation a.lienNavOn, #liste-hotels .navigation a.lienNavOn, .liste-agences .navigation a.on2{
background-color: #e75012;
}

#liste-circuits .navigation a.lienNavOff, #liste-hotels .navigation a.lienNavOff, .liste-agences .navigation a.off2{
background-color: #000000;
}

/* *
*@Détails de la fiche-produit
*/
#details-produits{
padding: 0px 25px;
}

#details-produits .title{
color:#e75012;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
}

#details-produits p, #details-produits ul{
font-size:13px;
text-align:justify;
}

#details-produits a{
font-size:13px;
color:#185fa2;
}

#details-produits .options ul li{
line-height:9px;
}

#details-produits .options a{
font-size:13px;
color:#185fa2;
}

#details-produits .options strong{
font-size:13px;
}

#details-produits .options a:hover{
text-decoration:underline;
}

#details-produits p.note{
font-size:11px;
font-style:italic;	
}

#details-produits .photos-sejour{
width:256px;
float:right;
margin-top:40px;
}

#details-produits .photos-hotel, #details-produits .photos-divers{
width:256px;
float:right;
}

#details-produits .infos-sejour, #details-produits .infos-divers{
width:350px;
}

#details-produits .infos-hotel{
width:350px;
float:left;
}

#details-produits table.sortable{
margin-top:10px;
clear:both;
}

/* Picto Imprimante */
#details-produits a.print-link{
float:right;
}

*+html #details-produits a.print-link{
float:right;
margin-top:-20px;
}

.ttc{
font-size:15px;
}

/**
* @foot - footer : Pied de page du site
*/

#foot{
clear: both;
margin-top:120px;
text-align:center;
}

#foot-products{
clear: both;
margin-top:320px;
text-align:center;
}

#foot p, #foot-products p{
display:inline;
}

#foot a, #foot-products a{
color:#e75012;
}

#footer{
text-align:center;
margin-top:10px;
font-size:12px;
}

#footer a{
color:#989898;
}

#footer a:hover{
color:#000000;
}

/**
* @Pop-up : Guide du pays
*/

#guide{
width:700px;
}

#texte{
width:418px;
padding:10px;
font-size:13px;
float:left;
}

#texte2{
width:700px;
padding:10px;
font-size:13px;
}

#texte h2, #texte2 h2{
color:#e75012;
}

#texte u, #texte2 u{
color:#e75012;
}

#guide-photos{
width:250px;
float:right;
position:relative;
margin-top:40px;
}

#guide-photos img{
display: block;
margin: 0 auto;
}