@charset "utf-8";
/* =============================================================================
					RESET DU STYLE PAR DEFAULT DES NAVIGATEURS 
					(pour eviter les mauvaises surpprises...)
* ===========================================================================*/
*{margin: 0; padding: 0; outline: 0; font-size: 100%;}
body {}
ol, ul, li {list-style: none; }
li img{float:left; margin-right:7px; vertical-align:middle;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-spacing: 0;}
a {color: #505050; text-decoration: none; cursor:pointer}
a img{border:0}
.lien_suite{color:inherit; text-decoration:underline}
area {cursor:pointer}
/* =============================================================================
* =============================================================================*/
html, body {height: 100%;}
body
{
	background-color: #000;
	background-image: url(../images/bg_gradient.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 12px;
	color: #ebffff;
}
div#motif {background: url(../images/bg_motif.png) repeat; position: absolute; width: 100%; height:100%;}

div#main {position: absolute; margin:0 auto; width:1200px; z-index:1; left:50%; margin-left:-600px;}
.center{ width: 1000px; margin:auto}


.mail_information{width:400px; padding:10px; margin:10px auto;}
.mail_denied{ border:solid 2px #F00; color:#F00}
.mail_send{border:solid 2px #a3dc59; color:#a3dc59}

/* =============================================================================
									HEADER
* =============================================================================*/
#container_bbl_flash{position:absolute; margin:18px 0px 0px 196px;}
div#header {width:100%; background: url(../images/header3.jpg) no-repeat; background-position:top center; height: 287px;}
div#headerhome {width:100%; background: url(../images/header3.jpg) no-repeat; background-position:top center; height: 287px;}
div#header #logo_header a{display:block; height:259px; width:159px; margin-left:42px; background-image:url(../images/logo_bbl.jpg);border:0; text-decoration:none}
div#header #logo_header h1{visibility:hidden}

div#choix_langue{float:right; width:200px; margin:auto; font-size:10px; height:17px; overflow:hidden}
div#choix_langue a{color:#FFFFFF; float:left}
div#choix_langue .langue .flag{padding:0 6px; float:left}
div#choix_langue .fleche_other_langue{cursor:pointer; overflow:hidden; float:right; margin:5px 5px 0 0; }
div#choix_langue .langue{width:87px; height:11px; padding:3px 0}
div#choix_langue .langue_header{background:url(../images/bg_choix_langue_header.png) no-repeat;}
div#choix_langue .langue_content{background:url(../images/bg_choix_langue.png) no-repeat;}
div#choix_langue .langue_footer{background:url(../images/bg_choix_langue_footer.png) no-repeat;}
div#choix_langue .langue_content:hover{background:url(../images/bg_choix_langue_hover.png) no-repeat;}
div#choix_langue .langue_footer:hover{background:url(../images/bg_choix_langue_footer_hover.png) no-repeat;}

div#choix_liens{float:right; width:240px; margin:auto; font-size:10px; height:17px; overflow:hidden}
div#choix_liens a{color:#FFFFFF; float:left}
div#choix_liens .langue .flag{padding:0 6px; float:left}
div#choix_liens .fleche_other_langue{cursor:pointer; overflow:hidden; float:right; margin:5px 5px 0 0; }
div#choix_liens .langue{width:87px; height:11px; padding:3px 0}
div#choix_liens .langue_header{background:url(../images/bg_choix_langue_header.png) no-repeat;}
div#choix_liens .langue_content{background:url(../images/bg_choix_langue.png) no-repeat;}
div#choix_liens .langue_footer{background:url(../images/bg_choix_langue_footer.png) no-repeat;}
div#choix_liens .langue_content:hover{background:url(../images/bg_choix_langue_hover.png) no-repeat;}
div#choix_liens .langue_footer:hover{background:url(../images/bg_choix_langue_footer_hover.png) no-repeat;}

/* =============================================================================
* =============================================================================*/



/* =============================================================================
									MENU
* =============================================================================*/
div#menu {height:28px; position:relative; z-index:2;}
div#menu table#table_menu {margin:auto; width:980px;}
div#menu table#table_menu .td_menu{}
div#menu table#table_menu .container_sous_menu{position:absolute; visibility:hidden}
div#menu table#table_menu #tr_menu{height:28px;}

.container_sous_menu{position:absolute; visibility:hidden}

div#menu table#table_menu .td_menu a.sous_menu{display:block; line-height:24px; background-image:url(../images/bg_sous_menu.png); background-repeat:repeat-x; background-color:#e3f9f9; color:#000; margin-top:1px; }
div#menu table#table_menu .td_menu a.a_top{ background-image:url(../images/bg_sous_menu_top.png); background-repeat:repeat-x; float:left; width:90%}
div#menu table#table_menu .td_menu div.a_top{line-height:24px; color:#000; width:100%}

div#menu table#table_menu .td_menu span.border_left{display:block; float:left; width:5%; height:24px; background-image:url(../images/border_left_sous_menu_top.png); background-repeat:no-repeat;}
div#menu table#table_menu .td_menu span.border_right{display:block; float:left; width:5%; height:24px; background-image:url(../images/border_right_sous_menu_top.png); background-repeat:no-repeat; background-position:right top;}

div#menu table#table_menu #tr_menu a.a_menu {color: #000; display: block; width: 100%; height: 23px; padding-top: 5px;}
div#menu table#table_menu #tr_menu a.a_menu:hover {background: url(../images/bg_menu_hover.png) repeat-x;}
/* =============================================================================
* =============================================================================*/



/* =============================================================================
									CONTENT (global)
* =============================================================================*/
div#content {margin-left: 117px; width: 933px; background: url(../images/bg_content.png) #000 repeat-x; padding: 33px 0 0 33px}
	div#content a{color:#a3dc59;}
div.clear {clear: both;}

div#content h1 {font-size: 18px; color: #a3dc59; width: 100%;}
div#content div.subH1_global {clear: both; float: left; margin-bottom: 13px; height:4px; overflow:hidden}
div#content div.subH1_left {width: 3px; background: url(../images/border_h1_left.png) no-repeat; height: 4px; float: left;}
div#content div.subH1_middle {background: #a3dc59; height:4px; float: left;}
div#content div.subH1_right {width: 3px; background: url(../images/border_h1_right.png) no-repeat; height: 4px; float: left;}

div#content h2 {font-size: 13px; margin-bottom: 12px;}

a.bouton {height: 16px; font-size: 11px;}
a.bouton div.txt {color: #000; background: #a3dc59; height: 14px; padding: 2px 4px 0 4px; float: left;}
a.bouton div.txt_right {padding-right:8px;}
a.bouton div.txt_left {padding-left:8px;}
a.bouton div.txt:hover {background: #fff;}
a.bouton div.bouton_right {float: left; background:url(../images/bouton.png) no-repeat; width: 5px; height: 16px; background-position:-5px 0;}
a.bouton div.bouton_left {float:left; background:url(../images/bouton.png) no-repeat; width: 5px; height: 16px; background-position:0 0;}
/* =============================================================================
* =============================================================================*/



/* =============================================================================
									TPL_HOME
* =============================================================================*/

/*corner Jquery
-------------------------------------*/
 /* ACTUALITES */
.contour_image {background-color:#FFF; margin-bottom: 18px; width:149px}
.myCorner {width:149px; height:102px;}

 /* IMAGE INTERNE */
.contour_image_interne{background-color:#FFF; width:400px; margin-bottom:10px;}
.myCorner_interne{width:400px; background-repeat:no-repeat}
.myCorner_interne img{visibility:hidden;}

/* ----------------------------------*/


/*bloc actus
-------------------------------------*/
div#tpl_home div#actus {width: 440px; float: left;}
div#tpl_home div#actus div.subH1_middle {width: 434px;}

div#tpl_home div#actu1 {text-align:justify;width: 440px; height: 225px; float: left;}
div#tpl_home div#actu1 div.left {width: 151px; height: 221px; float: left;}
div#tpl_home div#actu1 div.left img {margin-bottom: 18px;}
div#tpl_home div#actu1 div.right {text-align:justify;float: left;  width: 275px; margin-left:10px; height: 225px; border-bottom: 1px dotted #a3dc59; font-size: 12px;}
div#tpl_home div#actu1 div.right div.desc {height: 182px; overflow: hidden;}
div#tpl_home div#actu1 div.right div.desc p{}
div#tpl_home div#actu1 div.right a.bouton {float: right; margin-right: 26px; height: 16px;}

div#tpl_home div#actu2 {text-align:justify;margin-top: 18px; width: 440px; height: 102px; float: left;}
div#tpl_home div#actu2 div.left {width: 151px; height: 102px; float: left;}
div#tpl_home div#actu2 div.left .contour_image {background-color:#FFF; margin-bottom:18px;}
div#tpl_home div#actu2 div.left .myCorner {width:149px; height:102px;}
div#tpl_home div#actu2 div.right {text-align:justify;float: left; width: 275px; margin-left:10px; height: 103px; border-bottom: 1px dotted #a3dc59; font-size: 12px;}
div#tpl_home div#actu2 div.right div.desc {height: 60px; overflow: hidden;}
div#tpl_home div#actu2 div.right div.desc p {margin-bottom: 10px;}
div#tpl_home div#actu2 div.right a.bouton {float: right; margin-right: 26px; height: 16px;}

div#tpl_home div#actu1_alone {text-align:justify;width: 440px; height: 342px; float: left;}
div#tpl_home div#actu1_alone div.left {width: 151px; height: 342px; float: left;}
div#tpl_home div#actu1_alone div.left img {margin-bottom: 18px;}
div#tpl_home div#actu1_alone div.right {text-align:justify;float: left;  width: 275px; margin-left:10px; height: 342px; border-bottom: 1px dotted #a3dc59; font-size: 12px;}
div#tpl_home div#actu1_alone div.right div.desc {height: 299px; overflow: hidden;}
div#tpl_home div#actu1_alone div.right div.desc p{}
div#tpl_home div#actu1_alone div.right a.bouton {float: right; margin-right: 26px; height: 16px;}


/*------------------------------------*/

/*bloc map
-------------------------------------*/
div#tpl_home div#map {float :left; height: 381px; width: 428px; border-bottom: 1px dotted #a3dc59; margin-left: 33px;}
div#tpl_home div#map li {position: absolute;}
div#tpl_home div#map .point {display: block; height: 10px; width: 10px;  background: url(../images/map/point.png) no-repeat; text-indent: -999em; position: absolute; z-index: 10;}
div#tpl_home div#map .infobulle {position: absolute; margin: -28px 0 0 -2px; z-index: 20; height: 0px; width: 71px; overflow: hidden;}
div#tpl_home div#map div.subH1_middle {width: 422px;}
div#content div#map div.subH1_global {margin-bottom: 0px;}
div#tpl_home div#map a.bouton {position: absolute; margin: 366px 0 0 292px;}
div#tpl_home div#map div#swf_map {margin-top: 10px; height: 236px; width: 427px; float: left; background: url(../images/map/map.png) no-repeat;}
div#tpl_home div#map p.desc {text-align:justify;float: left; padding: 30px 20px 0 20px;}
/*------------------------------------*/

/*bloc recrutement
-------------------------------------*/
div#tpl_home div#recrutement {height: 111px; width: 314px; background: url(../images/bg_recrutement.png) no-repeat; float: right; padding: 30px 110px 0 40px; margin-top: 35px;}
div#tpl_home div#recrutement a{color:#1d1f21}
div#tpl_home div#recrutement h1 {background: url(../images/puce.png) 0 6px no-repeat; padding-left: 10px; color: #1d1f21; font-size: 18px; width: auto; margin-bottom: 10px;}
div#tpl_home div#recrutement p.desc {color: #1d1f21; font-size: 12px; height: 67px;}
div#tpl_home div#recrutement p.left {color: #1d1f21;height: 90px; width: 140px; float: left; margin: 0 5px 0 0; text-align: right;}
div#tpl_home div#recrutement p.right {color: #1d1f21;height: 90px; width: 140px; float: left; margin: 0 0 0 5px}
div#tpl_home div#recrutement a.bouton {float: right; margin:-4px -81px 0 0; height: 16px;}
div#tpl_home div#recrutement span.title {font-size: 13px; font-weight: 600;}
/*------------------------------------*/

/*bloc contact
-------------------------------------*/
div#tpl_home div#contact{float: left; height: 128px; width: 428px; background: url(../images/reflet_contact.png) no-repeat; border-bottom: 1px dotted #a3dc59; font-size: 12px; margin: 37px 0 0 33px;}
div#tpl_home div#contact p.left {height: 90px; width: 140px; float: left; margin: 20px 0 0 40px; text-align: right;}
div#tpl_home div#contact p.right {height: 90px; width: 140px; float: left; margin: 20px 0 0 50px}
div#tpl_home div#contact span.title {font-size: 13px; font-weight: 600;}
/*------------------------------------*/

/*bloc partenaires
-------------------------------------*/
div#tpl_home div#partenaires {width: 436px; height: 100px; float: left; margin-top: 25px;}
div#tpl_home div#partenaires div.subH1_middle {width: 429px;}
div#tpl_home div.jcaroussel { width:436px; height:90px; overflow:hidden}
div#tpl_home div.jcaroussel li{ height:51px; width:145px; float: left; text-align:center}
div#tpl_home div.jcaroussel li img{ height:51px; float:none;}

/*------------------------------------*/
/* =============================================================================
* =============================================================================*/



/* =============================================================================
									FOOTER
* =============================================================================*/
div#footer {height: 21px; width: 900px; float: left; margin:35px 0 33px 0; overflow:hidden}
div#footer_left {float: left; height: 21px; width: 4px; background: url(../images/footer_left.png) no-repeat;}
div#footer_middle {float: left; height: 21px; width: 892px; background: #98d25b; font-size: 10px; color: #1c2026;}
div#footer_middle p.left {float: left; margin: 5px 0 0 20px;}
div#footer_middle p.left a:hover {text-decoration: underline;}
div#footer_middle a {color: #1c2026;}
div#footer_middle p.right {float: right; margin: 5px 20px 0 0;}
div#footer_right {float: left; height: 21px; width: 4px; background: url(../images/footer_right.png) no-repeat;}
/* =============================================================================
* =============================================================================*/



/* =============================================================================
									PAGE INTERNE
* =============================================================================*/

div#tpl_home div#container_bloc_interne{text-align:justify;width:100%;}
div#tpl_home div#container_bloc_interne li{clear:both}
div#tpl_home div#container_bloc_interne div.subH1_middle{width:890px;}
div#tpl_home div#container_bloc_interne div.convertir_pdf{float:right; width:350px; height:20px; margin-bottom:-20px; color:#a3dc59; text-align:right; margin-right:55px}
div#tpl_home div#container_bloc_interne div.convertir_pdf a{text-decoration:none; color:#a3dc59; cursor:pointer}
div#tpl_home div#container_bloc_interne div.convertir_pdf a:hover{color:#b4b5b8}

div#container_left, div#container_right{float:left; }

div#tpl_home div#container_bloc_interne div#container_left{padding:10px 0 20px 0;}
div#tpl_home div#container_bloc_interne div#container_left h2{color:#a3dc59}
div#tpl_home div#container_bloc_interne div#container_left a{color:#FFF;}

div#tpl_home div#container_bloc_interne div#container_right{padding:10px 0 20px 0;}
div#tpl_home div#container_bloc_interne div#container_right img{margin-bottom:10px}
div#tpl_home div#container_bloc_interne a.bouton_service_next {float:right; margin:-16px 65px 0 0; height:16px;}
div#tpl_home div#container_bloc_interne a.bouton_service_prev {float:left; margin:-16px 0 0 26px; height:16px;}
div#tpl_home div#container_bloc_interne div.bouton_nos_services{border-bottom:1px dotted #a3dc59; width:96%; clear:both; height:16px;}

div#tpl_home div#container_bloc_interne .container_left_alone{width:95%;}

div#tpl_home div#container_bloc_interne div#container_left table{width:100%; text-align:center}
div#tpl_home div#container_bloc_interne div#container_left table tr{}
div#tpl_home div#container_bloc_interne div#container_left table tr.tr_one{background-color:#DDDDDD; color:#000}
div#tpl_home div#container_bloc_interne div#container_left table tr.tr_two{color:#FFFFFF}
div#tpl_home div#container_bloc_interne div#container_left table td{padding:4px 0;}
div#tpl_home div#container_bloc_interne div#container_left table.table_alone td{padding:10px 0;}

.color_vert_content{color:#a3dc59; font-weight:bold}
.color_marron_content{color:#60470D; font-weight:bold}
.table_delais_transport{width:750px; margin:auto;}
.table_interdiction_circuler{}
.table_interdiction_circuler tr{height:inherit;}
.txt_13px{font-size:13px}

.table_jours_feries{width:756px;}
.table_jours_feries td{width:54px; height:30px}



	/*Agences_bbl.php 
	------------------------------------------*/
	div#tpl_home div#container_bloc_interne div.container_left_agence{width:35%; padding:10px 0 20px 10px; }
	div#tpl_home div#container_bloc_interne div.container_left_agence #descr_agence{padding:30px 0 20px 0; }
	div#tpl_home div#container_bloc_interne div.container_right_agence{width:61%; padding:10px 0 20px 10px;}
	div#tpl_home div#container_bloc_interne div#container_right div#map_canvas{width:550px; height:400px; margin:auto; color:#000; overflow:hidden; float:right}
	div#tpl_home div#container_bloc_interne div#container_left a.link_agence{line-height:18px; font-size:13px; font-weight:bold; margin-left:10px;}
	div#tpl_home div#container_bloc_interne div#container_left a.link_agence:hover{text-decoration:underline; color:#a3dc59;}
	.mini_logo_agence{vertical-align:middle; margin-right:5px;}
	
	/* ---------------------------------------*/
	
	/*Services_overseas.php
	-----------------------------------------*/
	div#tpl_home div#container_bloc_interne div.container_left_services{width:47%; margin-right:3%}
	div#tpl_home div#container_bloc_interne p{}
	div#tpl_home div#container_bloc_interne div.container_right_services{width:46%}
		div#tpl_home div#container_bloc_interne div.container_right_services img{}
	div#tpl_home div#container_bloc_interne div.container_right_image_small{width:46%; text-align:center;}
	/*----------------------------------------*/
	
	/*nos_destinations.php
	-----------------------------------------*/
	div#tpl_home div#container_bloc_interne div.container_left_destinations{width:20%; margin-right:3%}
		div#tpl_home div#container_bloc_interne div.container_left_destinations ul li{margin:10px; cursor:pointer; background-repeat:no-repeat; height:30px}
	div#tpl_home div#container_bloc_interne div.container_right_destinations{width:72%}
		div#tpl_home div#container_bloc_interne div.container_right_destinations .ul_destination{list-style:disc; margin-left:35px;}
	#texte_destination{width:100%;}
	#carte_destination{width:100%; margin-top:20px; text-align:center}
	#carte_destination img{}
	/*----------------------------------------*/
	
	/* Actualites
	------------------------------------------*/
	div#container_bloc_interne div.actualites{width:895px;}
	div#container_bloc_interne div.actu_left{ float:left;}
	div#container_bloc_interne div.actu_right{float:right; margin-right:38px}
	div#container_bloc_interne div.actualites div.actu_img{width:160px; padding:4px; float:left}
	div#container_bloc_interne div.actualites div.actu_descr{text-align:justify;width:255px; float:right}
	div#container_bloc_interne div.actualites .titre_actu{font-size:13px; font-weight:bold; margin-bottom:13px}
	div#container_bloc_interne div.actualites .actu_pdf_email{margin-top:15px; color:#b4b5b8}
	div#container_bloc_interne div.actualites a{color:#a3dc59; cursor:pointer}
	div#container_bloc_interne div.actualites a:hover{color:#b4b5b8}
	div#container_bloc_interne div.actualites div.green_border{width:895px;border-bottom:dotted 1px #a3dc59; clear:both; height:15px; margin-bottom:15px}
	
	/*  ----------------------------------------*/
	
	/* Contact
	------------------------------------------*/
	#form_contact{}
	#form_contact label{width:150px; height:20px; padding:7px 7px 0 0; float:left; clear:both; display:block; text-align:right; vertical-align:middle; color:#ebffff;}
	#form_contact .input_text{height:20px; width:270px; margin:5px 0; border:solid 1px #b4b5b8; color:#ebffff; background:none}
	#form_contact select{height:20px; width:272px; margin:4px 0; border:solid 1px #ffffff; color:#000000; background:#ffffff}
	#form_contact .input_text:focus, #form_contact textarea:focus, #form_contact select:focus{border:solid 1px #a3dc59;}
	#form_contact textarea{width:270px; height:100px; margin-top:5px; color:#a3dc59; border:solid 1px #b4b5b8; color:#ebffff; background:none}
	#form_contact .input_submit{border:none; background-color:#a3dc59; color:#000; font-weight:bold; padding:2px 5px; float:right; margin:10px 5px;}
	
	/*  ----------------------------------------*/
	
	/* Plan du site
	------------------------------------------*/
	ul#lien_plan_site{}
	ul#lien_plan_site li{}
	ul#lien_plan_site a{color:inherit;}
	ul#lien_plan_site a:hover{text-decoration:underline}
	
	ul#lien_plan_site li.li_item{margin-top:10px}
	ul#lien_plan_site li.li_item a{font-size:16px; color:#a3dc59; font-weight:bold;}
	
	ul#lien_plan_site li.li_ss_item{padding-left:10px}
	ul#lien_plan_site li.li_ss_item a{color:#FFFFFF;}
	
	
	
	/*  ----------------------------------------*/

/* =============================================================================
* =============================================================================*/


/* =============================================================================
									Shadowbox Email
* =============================================================================*/
#form_shadowbox_email{margin:10px; width:470px;}
#form_shadowbox_email #title_shadowbox{color:#a3dc59; margin-bottom:10px;}
#form_shadowbox_email .bloc_label{ width:150px; float:left; text-align:right; }
#form_shadowbox_email .bloc_input{ width:300px; float:left;}
#form_shadowbox_email .bloc_label label{display:block; text-align:right; margin:3px;}
#form_shadowbox_email .bloc_input input[type='text']{border:solid 1px #fff; margin-bottom:9px; width:100%; color:#FFF; padding:2px; background:transparent;}
#form_shadowbox_email .bloc_input input[type='text']:focus{border:solid 1px #a3dc59;}
#form_shadowbox_email input[type='submit'], #form_shadowbox_email input[type='button']{background:#a3dc59; padding:2px 5px; margin:10px; float:right}


/* =============================================================================
* =============================================================================*/