/***********************************************************
*
* GENERAL
*
***********************************************************/

body { background:#D0E7E2 /*#DDF1F0*/ ;font-family:Tahoma,verdana,arial; margin:0; padding:0; height:100%; font-size:12px; color:#4a4a49; /*454545; */}

p { text-align:justify; line-height:20px;}

h1 { margin:0;color:#275BA6;font-size:19px; padding:10px 0 0px 0; }

h2 {  color:#2265b0; font-size:13px;font-family:Tahoma;}

h3 { font-size:12px; }

input, textarea { border:1px solid #B0C9ED ; background:#FFF  url(../images/bg_input.gif) repeat-x ; color:#2265b0; }

img { border:none; }

a:hover { text-decoration:none;}

.presentation { color:#275ba7;}

.txt_bg li  {  line-height:20px; }

.txt_bg a , a { color:#f8ab33;} 

.separation { background: transparent url(../images/hr.gif) bottom; 	height: 2px; margin-bottom:10px; }

.separation hr { display: none; }

div#container { position:relative; margin-left:auto;margin-right:auto; width:960px; margin-top:0;}

div#leogo { position:absolute; top:5px; left:2px;}

div#banniere { position:absolute;top:5px; left:220px; height:90px;}

div#langues{ position:absolute; top:75px; left:15px;  }

/*
*
* Menu ppal
*
*/

div#menu { background:url(../images/barre_menu.gif) no-repeat; width:960px; height:37px; font-size:14px; position:absolute; left:0; top:100px;}

div#menu_# { width:960px; height:37px; font-size:14px; position:absolute; left:0; top:100px; }

div#menu ul { margin:0;padding:0;}

div#menu li { float:left; list-style:none; text-transform:uppercase;padding-top:10px; padding-right:20px;padding-left:0; }

.location {margin-right:30px;margin-left:25px;}

.voyage {margin-right:35px;}

.lignes { margin-right:35px; }

.keolis { margin-right:35px;}

div#menu a { color:#fff; /*285A9F;*/ text-decoration:none;font-size:13px;font-weight:bold;}

div#menu a:hover , div#menu .hover { color:#47AFAE;}


/*
*
* FOOTER
*
*/

div#footer { background:url(../images/footer_keolis.gif) no-repeat; width:960px; height:65px;color:#17A99C; font-size:11px; position:relative;  font-family:verdana;}

div#f1 { position:absolute; left:130px; width:770px; top:7px; }

div#footer p { line-height:15px;margin:0; }

div#f2 { position:absolute; left:530px; width:360px;font-size:10px; }

div#footerPanel { position:relative; padding-top:10px;text-align:center;color:#17A99C; }

div#footerPanel a{ text-transform:uppercase; color:#17A99C;font-size:11px;}

/******************************************
*
* ACCUEIL
*
******************************************/

div#accueil-menu { position:absolute;top:140px;right:5px; background:url(../images/menu_droit_accueil.gif) no-repeat; width:251px; height:260px;padding-top:2px;}

div#accueil-menu ul, div#accueil-menu li { margin:0; padding:0;list-style:none; }

div#accueil-menu ul {  padding-left:20px; margin-top:1px; }

div#accueil-menu li { list-style:none; line-height:35px; }

div#accueil-menu a { color:#fff; text-decoration:none;font-weight:bold;font-size:12px;}

div#accueil-anim { padding-top:6px;margin-top:70px; padding-bottom:5px; }

div#bloc-promo { position:relative; background:url(../images/offre-moment.jpg) no-repeat;width:240px; height:127px; margin-left:0px;}

div#bloc-promo_en { position:relative; background:url(../images/offre-moment_en.jpg) no-repeat;width:240px; height:127px; margin-left:0px;}

div#bloc-promo p, div#bloc-promo_en  p{ padding:35px 0 0 70px ; width:155px; margin:0;}

div#accueil-menu a:hover { color:#275BA6;}

div#bloc-news { position:absolute; top:400px; left:247px;background:url(../images/bloc_news.gif) no-repeat; width:486px; height:161px;padding-top:25px;}

div#bloc-news_en { position:absolute; top:400px; left:247px; background:url(../images/bloc_news_en.gif) no-repeat; width:486px; height:161px;padding-top:25px;}

ul#news_data{ color:#275BA6;font-size:13px;list-style:none;padding:2px 0 0 10px;}

div#div_container  {position:absolute; left:10px;	top:26px;	width:426px;	height:93px;	z-index:1;	color:#275BA6;}



div#bloc-voyage { position:absolute; top:400px; right:10px; }

div#accueil-actu { margin-top:75px;  }

div.txt_actu { width:660px; }

/****************************
*
* PAGE TYPE
*
******************************/

/* Menu gauche */

div#menu-gauche { width:251px; position:absolute; top:138px; left:0px;width:249px; }

div#menu-gauche ul { margin:3px 0 0px 0 ; padding:0;}

div#menu-gauche li { list-style:none;  font-size:12px; margin-left:20px; line-height:33px;}

div#menu-gauche li a { color:#fff; font:12px;text-decoration:none;font-weight:bold; padding-left:10px; }

div#menu-gauche li a:hover, div#menu-gauche li a.hover { color:#fff; background:url(../images/puce_verte.gif)  left no-repeat; padding-left:10px; }

.standart { background:url(../images/menu_gauche_5.gif) no-repeat; height:175px; }

.agence { background:url(../images/menu_gauche_agence.gif) no-repeat;height:310px; }

div#gauche { float:left; }

div#bloc-texte { margin-left:250px;padding-top:76px; }


/* Texte central */

div.txt_ht { background:url(../images/txt_ht.gif) no-repeat;height:14px;}

div.txt_bg { background:url(../images/txt_bg.gif) repeat-y;min-height:450px;padding-left:20px;padding-right:30px;}

div.txt_bg li { list-style:url(../images/bullet_arrows.gif) ;}

ul.coche li{ list-style:url(../images/tick.gif) ; }

div.txt_bot { background:url(../images/txt_bot.gif) no-repeat;height:16px;}

div.destination {  background:url(../images/annonces_bg.gif) no-repeat; width:666px;  min-height:140px; display:block;position:relative; }

div.destination_bas { height: 35px; background:url(../images/annonces_bt.gif) no-repeat ;position:relative;}

div.destination h2, div.destination h2 a { margin:2px 0 0 10px; width:415px; padding-top:0px; color:#685b4c ; text-decoration:none;}

div.destination p { margin-left:210px; width:435px; padding-top:10px;}

div.tarif_voyage { margin-left:210px; font-weight:bold;}

.bt_savoir { position:absolute; right:10px; bottom:10px; }

img.illust { position:absolute; left:10px; top:30px; }

div.destination ul, div#destination li { margin-left:60px; padding-left:50px;}



/* Fil d'ariane */

div#ariane, div#ariane a { color:#f8ab33; font-size:10px ;  height:20px;}

div#ariane { background:url(../images/point.gif) bottom repeat-x; }

table.lignes { background:#bbebe2; }


/***********************
*
* FICHES VOYAGES
*
************************/
.fiche_illust { float:left;padding:0px 10px 10px 0; }

.fiche_presentation  { /*color:#47AFAE;*/ }

div#tarif-voyage { background:url(../images/tarif-voyage.gif) no-repeat; padding-left:80px; width:312px; height:32px; line-height:37px; color:#fff; font-weight:bold;}

div#doc-voyage { background:url(../images/bt_telecharger_pgramme.gif) no-repeat; padding-left:80px; width:312px; height:32px; line-height:37px; color:#fff; font-weight:bold;}


.fiche_txt { min-height:130px;  }


/***********************
*
*  Lignes régulières
*
***********************/

.titre {background:#275BA7;color:#fff; }

.pair { background:#ebebeb;}

.lignes { color:#3b3b3b; }

.desc { font-size:10px;}

div#detail-ligne-reguliere{ float:right; top:300px; right:20px; }

/* Menu gauche 
* Actualité  */

div#actu-vert{ background:url(../images/bloc-actu-vert.gif) no-repeat; width:240px; height:285px; position:relative; margin:5px 0 0 5px;}

div#actu-vert p{ width:220px; margin:0; padding;0; }



div#actu-vert #div_container { height:130px; width:240px; }

/*********************
*
* SERVICES
*
***********************/

div.service-droit { margin-left:215px; padding-bottom:10px;width:440px;font-size:12px;}

div.service-droit ul { margin:0;padding:0; list-style:none;}

div.service-droit li { list-style:none;line-height:20px; list-style:url(../images/picto_fleche.gif) ; padding-left:0px;margin-left:20px;}

div.service-droit h2 { margin:0; font-size:14px; padding-bottom:0px;}

div.service-droit p { margin-top:5px;}

div.service-droit a { font-size:12px;}

table.tab_encadre  { float:right;width:190px;font-size:11px; }

table.tab_encadre ul , table.tab_encadre p , table.tab_encadre_type  p { margin:0 10px 10px 10px;padding:0;text-align:left;}

table.tab_encadre li , table.tab_encadre_type li{ list-style:url(../images/spotof.png);margin:5px auto auto 10px;padding:0; font-size:11px;}

table.tab_encadre th, table.tab_encadre_type th, th.voyage{ background:#f8ab33; color:#685b4c ; height:20px; }

th.voyage a { text-decoration:none; color:#685b4c ; }

table.tab_encadre td, table.tab_encadre_type  td , td.voyage{ background:#ffeac1 ; }

.voyage p{ padding:0 10px 5px 10px; }

.description-illust { 	font-style: italic;font-size:10px;}

/*********************
*
* LOCATION
*
***********************/

div.cadre-location {  padding-bottom:0px;  font-size:12px;}

div.cadre-location-droit { margin-left:340px;  }


/*********************
*
* LOGEMENTS
*
***********************/
.logements_hd { background:url(../images/logements_hd.gif) no-repeat #F8AB33; color:#275BA6; ; width:665px; height:15px;}

.logements_bt { background:url(../images/logements_bt.gif) no-repeat; width:665px; height:15px;}

.logements_bg , .logements_pair { background:#FFEAC1; }

.logements_impair { background:#fff7e8 ; }

.logements_pair, .logements_impair { height:80px;margin-top:10px;}

.logements_tb { font-size:11px;}

.logements_tb td { padding-top:10px;padding-left:10px;  }

.logements_titre { background:#F8AB33; color:#275BA6;}

/* POP UP */

div.reservation { position:absolute;top:50px; left:250px; width:609px; height:500px;padding-left:20px;z-index:100000; }

div.reservation h2 { margin:0; padding: 0 ; }

div.resa_haut { background:url(../images/pop_up_ht.gif) no-repeat; width:609px; height:15px; }

div.resa_bg { background:url(../images/pop_up_bg.gif) repeat-y; width:609px; padding-left:20px; }

div.resa_bg_Guernesey { background:url(../images/pop_up_bt.gif) no-repeat; height:200px; width:609px; }

div.resa_bg_Jersey { background:url(../images/pop_up_bt_jersey.gif) no-repeat; height:200px; width:609px; }

div.resa_bg_Sercq { background:url(../images/pop_up_bt_sercq.gif) no-repeat; height:200px; width:609px; }

div.resa_bg_infos { background:url(../images/pop_up_infos.gif) no-repeat; height:200px; width:609px; }

div.close_pop { position:absolute; left:575px; }

/**********************
*
* DEVIS & CONTACT
*
***********************/

/* Devis */
div.devis_coordonnes { background:url(../images/bd_devis_coordonnes.gif) no-repeat; padding:40px 5px 0 5px; height:257px;}

div.devis_projet { background:url(../images/bd_devis_projet.gif) no-repeat; padding:40px 5px 0 5px; height:427px;  }

/* Contact */
div.contact_coordonnes { background:url(../images/bd_contact_coordonnes.gif) no-repeat; padding:40px 5px 0 5px; height:427px;  }

div.contact_projet { background:url(../images/bd_contact_projet.gif) no-repeat; padding:40px 5px 0 5px; height:427px; }

div#bloc_contact_siege, div#bloc_contact_commerce { background:url(../images/bg_contact.gif) no-repeat;padding:0px 0 0 20px;position:relative;height:120px; }


/* Tarifs */
div#tarifs_cadre{ background:url(../images/bd_tarifs.gif) no-repeat; padding:40px 0px 0 15px; height:620px;  }

div#tarifs_cadre p { width:620px; }

.titre_par { padding:5px 0 0px 0px; color:#685b4c ; font-weight:bold; font-size:11px;}

div#bloc_contact_siege  p, div#bloc_contact_commerce p{ font-size:11px; line-height:15px;}

div#bloc_contact_siege { position:relative; height:130px;}

div#bloc_contact_commerce {  width:320px;height:130px;}

div.plan_acces { position:absolute; left:210px; top:30px; }