body{background: url('./media/bg_site.gif') no-repeat #FFF top center;font-family: Arial, Verdana,sans-serif;font-size:12px;line-height:16px;}
.container{margin:0 auto;width:1250px;}
#header{background: none;height:110px;overflow:hidden;}
#navigation{   padding:0 10px;    margin-bottom:10px;    list-style:none;    background:#00628b;    border-radius: 8px;    position:relative;    z-index:999;}
#navigation ul{    padding:0;    margin:0;    list-style:none;    position:absolute;    max-height:0;    overflow:hidden;}
#navigation li{    display:inline-block;    position:relative;}
#navigation ul li{    display: list-item;    width:150px;    -webkit-border-radius:0;    -moz-border-radius:0;    border-radius:0;    padding:0 10px;}
#navigation ul li:hover{    -webkit-border-radius:0;    -moz-border-radius:0;    border-radius:0;}
#navigation ul li:last-child{    -webkit-border-radius:0 0 8px 8px;    -moz-border-radius:0 0 8px 8px;    border-radius:0 0 8px 8px;}
#navigation li:hover ul{    max-height:15em;}

#navigation li li{background:#00628b;}

/* background des liens menus et sous menus au survol */
#navigation li:hover, #navigation li li:hover{
    background:#FFF;
}
/* les a href */
#navigation a{
    text-decoration:none;
    display:block;
    padding:3px 12px;
    color:#fff;
    font-family:arial;
    text-transform: uppercase
}
#navigation ul a{
    padding:8px 0;
}
#navigation li:hover li a{
    color:#FFF;
    text-transform:inherit;
}
#navigation li:hover a, #navigation li li:hover a{
    color:#000;
}
#slider-search-wrapper{position:relative;width:1250px;}   
#sliderHP{width:1250px;height:279px;}
img#slider{width:1250px;height:279px;}
#slider-info{position:absolute;top:25px;left:961px;width:270px;height:auto;background:#FFF;padding:10px;border-radius:10px 0 0 10px;}
#slider-titre{color:#509FDC;text-transform: uppercase;font-weight: bold;font-size:14px;}
#content{float:right;width:983px;margin-top:10px;margin-left:15px;margin-bottom:15px;background:#FFF;border-radius: 15px;padding:0px;}

/* ---------- RECHERCHE  ------------*/
#recherche{width:550px;height:300px;position:absolute;padding:0px;top:0px;left:0px;z-index:2}
#recherche-principale{position:relative;width:236px;height:247px;border-radius:0px 0px 0px 12px;background:#FFF;}
#recherche-principale ul.recherche-secondaire {position:absolute;top:0px;left:236px;padding:10px 10px 10px 30px;background:#CCC;width:200px;height:227px;overflow:auto;z-index:4;}
#recherche-principale ul.recherche-secondaire li {list-style-image: url('./media/puce_recherche.png'); list-style-position: inside;line-height:20px;cursor:pointer}
#recherche-principale ul.recherche-secondaire li.run{text-decoration:underline}
#recherche input[type=text]{background:#666;border:0;color:#FFF;padding-left:3px;margin:5px 10px;height:19px;}
#recherche input[type=submit]{background:none;border:0;color:#509FDC;cursor:pointer;}
#recherche ul li a{z-index:20;font-weight:normal;cursor:pointer;display:inline-block;text-transform:uppercase;text-decoration:none;color:#000;font-size:12px;height:33px;line-height:38px;padding-left:50px;vertical-align:middle;width:186px;border-bottom: 1px solid #CCC;}
#recherche ul li a:active{width:216px;}

#transports a{background:url('./media/picto_mode_transports.png') no-repeat #FFF;}
#transports a:hover{background:url('./media/picto_mode_transports.png') no-repeat #EEE;color:#509FDC;}
#transports a:active{background:url('./media/picto_mode_transports_actif.png') no-repeat;color:#FFF;}

#type-voyageurs a{background:url('./media/picto_profil.png') no-repeat #FFF;}
#type-voyageurs a:hover{background:url('./media/picto_profil.png') no-repeat #EEE;color:#509FDC;}
#type-voyageurs a:active{background:url('./media/picto_profil_actif.png') no-repeat;color:#FFF;}
#themes a{background:url('./media/picto_themes.png') no-repeat #FFF;}
#themes a:hover{background:url('./media/picto_themes.png') no-repeat #EEE;color:#509FDC;}
#themes a:active{background:url('./media/picto_themes_actif.png') no-repeat;color:#FFF;}
#destinations a{background:url('./media/picto_destinations.png') no-repeat #FFF;}
#destinations a:hover{background:url('./media/picto_destinations.png') no-repeat #EEE;color:#509FDC;}
#destinations a:active{background:url('./media/picto_destinations_actif.png') no-repeat;color:#FFF;}
#duree-voyages a{background:url('./media/picto_duree.png') no-repeat #FFF;}
#duree-voyages a:hover{background:url('./media/picto_duree.png') no-repeat #EEE;color:#509FDC;}
#duree-voyages a:active{background:url('./media/picto_duree_actif.png') no-repeat;color:#FFF;}
#budget a{background:url('./media/picto_euro.png') no-repeat #FFF;}
#budget a:hover{background:url('./media/picto_euro.png') no-repeat #EEE;color:#509FDC;}
#budget a:active{background:url('./media/picto_euro_actif.png') no-repeat;color:#FFF;}
#selection a{background:url('./media/picto_selec.png') no-repeat #FFF;}
#selection a:hover{background:url('./media/picto_selec.png') no-repeat #EEE;color:#509FDC;}
#selection a:active{background:url('./media/picto_selec_actif.png') no-repeat;color:#FFF;}
#searchbox{background:#000;border-radius:12px 12px 0px 0px; width:236px;height:32px;color:#FFF;}

#recherche ul li a.select{position:relative;width:216px;background:url('./media/picto_mode_transports_actif.png') no-repeat;color:#FFF}

/* ---------- SIDEBAR ------------*/
#sidebar{background:none;width:1250px;line-height:0;margin-top:10px;}
.module-sidebar{color:#FFF;float:left;width:231px;margin-right:15px}
.module-sidebar:last-child{color:#FFF;float:left;width:250px;margin-right:0px}
.module-sidebar span.new{border-radius:12px 12px 0 0;background:#00628b;color:#DDD;font:bold 12px/24px Arial;display:inline-block;height:24px;padding:0 15px;text-transform:uppercase}
.module-sidebar a.new{}
.module-sidebar img.new{height:141px;width:231px;margin-bottom:10px}
.head-module-sidebar{margin:0;padding:0;}

.listing-product #sidebar, .product #sidebar, .contact #sidebar{background:none;width:250px;line-height:0;margin-top:10px;float:left}
.listing-product .module-sidebar, .product .module, .contact .module{color:#FFF;float:none;width:250px}
 
 
 /* ---------- NOS THEMATIQUES DE VOYAGE ------------*/
#thematique{line-height: 0px;}
#module-thematique{line-height: 16px;margin-bottom:15px;background:#FFF;border-radius: 0px 12px 12px 12px;padding:10px;}
.produit-thematique{width:285px;text-align:center;float:left;margin:11px;}
.produit-thematique img{border-radius:12px;}

 
/* ---------- MODULE NOS VEHICULES ------------*/
#img-module-vehicules{background: url('./media/mod_bg_vehicules.jpg') no-repeat;border-radius:0px 12px 12px 12px; border:3px solid #fff;padding:10px;height:132px;line-height:16px;}
#btn-vehicules{display: block;position:relative;background:url('./media/btn_vehicules.png') no-repeat top; width:194px;height:38px;top:-20px;margin:0 auto;}
#btn-vehicules:hover{background:url('./media/btn_vehicules.png') no-repeat bottom;}

/* ---------- MODULE HISTOIRE FAMILILALE ------------*/
#img-module-histoire{background: url('./media/mod_bg_histoire.jpg') no-repeat;border-radius:0px 12px 12px 12px; border:3px solid #fff;padding:10px;height:132px;line-height:16px;}
#btn-histoire{position:relative;display:block;background:url('./media/btn_histoire.png') no-repeat top; width:194px;height:38px;top:-20px;margin:0 auto;}
#btn-histoire:hover{background:url('./media/btn_histoire.png') no-repeat bottom;}

/* ---------- MODULE DEMANDE DEVIS ------------*/
#img-module-devis{background: url('./media/mod_bg_devis.jpg') no-repeat;border-radius:0px 12px 12px 12px; border:3px solid #fff;padding:10px 10px 10px 140px;height:112px;line-height:16px;}
#btn-devis{display: block;position:relative;background:url('./media/btn_devis.png') no-repeat top; width:194px;height:38px;top:-20px;margin:0 auto;}
#btn-devis:hover{background:url('./media/btn_devis.png') no-repeat bottom;}

/* ---------- MODULE CONSEILS VOYAGES ------------*/
#img-module-conseils{background: url('./media/mod_bg_conseils.jpg') no-repeat;border-radius:0px 12px 12px 12px; border:3px solid #fff;padding:10px 140px 10px 10px;height:122px;line-height:16px;}
#btn-conseils{display: block;position:relative;background:url('./media/btn_conseils.png') no-repeat top; width:253px;height:38px;top:-20px;margin:0 auto;}
#btn-conseils:hover{background:url('./media/btn_conseils.png') no-repeat bottom;}

/* ---------- MODULE BROCHURE EN LIGNE ------------*/
#img-module-brochure{background: url('./media/mod_bg_telecharger.jpg') no-repeat;border-radius:0px 12px 12px 12px; border:3px solid #fff;padding:10px;height:92px;line-height:16px;}
#btn-brochure{display: block;position:relative;background:url('./media/btn_telecharger.png') no-repeat top; width:233px;height:38px;top:-20px;margin:0 auto;}
#btn-brochure:hover{background:url('./media/btn_telecharger.png') no-repeat bottom;}

/* ---------- MODULE NEWSLETTER ------------*/
#img-module-newsletter{background: url('./media/mod_bg_newsletter.jpg') no-repeat;border-radius:0px 12px 12px 12px; border:3px solid #fff;padding:10px;height:92px;line-height:16px;}
#btn-newsletter{display: block;position:relative;background:url('./media/btn_newsletter.png') no-repeat top; width:125px;height:38px;top:-20px;margin:0 auto;}
#btn-newsletter:hover{background:url('./media/btn_newsletter.png') no-repeat bottom;}

/* ---------- CONTENU PRODUIT ------------*/
#engagements{line-height: 0px;float:right;width:983px;margin-left:15px;margin-bottom:15px;padding:0px;}
#txt-engagements{line-height: 16px;float:right;width:963px;margin-left:15px;margin-bottom:15px;background:#FFF;border-radius: 0px 12px 12px 12px;padding:10px;}
#txt-engagements ul{width:260px;margin:0px 20px;float:left;}
#txt-engagements ul li{list-style-image: url('./media/puce.gif');list-style-position: inside;}
.engagements-titre{color:#415F75;font-weight: bold;}

/* ---------- FOOTER ------------*/
#footer{background: #00628b;border-top:8px solid #FFF;color:#FFF;font-size:11px;}
#footer-rappel{line-height:0px;margin:0 auto;width:1250px;}
#footer ul{width:250px;margin:10px 30px;float:left;}
#footer ul li{list-style-type:disc;list-style-position: inside;}
#footer h1{font-weight:bold;background:#00628b;padding-bottom:5px;border-bottom: 1px solid #FFF;margin-bottom: 5px;}
.clear{clear: both;}

/* ---------- FORMULAIRE DE CONTACT ------------*/
#contact-form{padding:15px;line-height: 30px;width:570px;float:left;}
#contact-form h2{text-transform: uppercase;font-size:14px;font-weight:bold;color:#1657AF;}
.form-titre{font-weight:bold;margin-top: 10px;}

#contact-form input[type=text]{background:#E6E6E6;border:0px;padding:2px;}
#contact-form select{background:#E6E6E6;border:0px;padding:2px;}
#contact-form textarea{background:#E6E6E6;border:0px;padding:2px;}
#contact-form input[type=submit]{background:url(/app/voyagegroupe/templates/media/btn_send.jpg);width:144px;height:27px;border:0px;cursor: pointer;}
#contact-img{float:right;}
#contact-form input[type=text].Error, #contact-form textarea.Error {border:1px solid red}
#contact-form  #Account_error{font-weight:bold; color:red;display:none}
#contact-form  #Account_error.view{display:block}

/* ---------- CONTENU PRODUIT ------------*/
.produit{width:286px;float:left;margin:10px 20px ;position:relative}
.produit img{width:286px;height:209px;border-radius:0px 12px 12px 12px;}
.produit a{display:block;margin:0px 0px 15px 0px}
.theme{background:#509FDC;border-radius:12px 12px 0px 0px;color:#FFF;padding:4px 10px;}
.titre{font-size:14px;color:#415F75;text-transform: uppercase;font-weight: bold;}
.descriptif{line-height: 16px;float:left;max-height:50px;overflow:hidden;}
.produit img.flag{position:absolute;top:16px;left:193px;width:93px;height:69px}
.prix-apartir{padding:1px 5px;background:#B60482;float:left;text-align:center;color:#FFF;margin-right:5px;}
.apartir{font-size:10px;}
.prix{font-size:20px;font-weight:regular;text-align:center;}


#carte{float:left;}

.bloc-bus{background:#DEDEDE;float:left;width:576px;height:auto;margin-bottom:7px;border-radius: 12px;padding:10px;line-height:18px;}
.bloc-bus-last{background:#FFF;float:left;width:576px;height:150px;margin-bottom:20px;border-radius: 12px;padding:10px;line-height:18px;}
.btn-savoirplus {display:block;background:url('./media/btn_savoir+.png') no-repeat top; width:135px;height:27px;margin-top:20px}
.btn-savoirplus:hover{background:url('./media/btn_savoir+.png') no-repeat bottom;}
.align-left{float:left;}
.info-transports{margin-left:230px;}
.adresse-transports{font-weight: bold;color:#315285;}