/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, select, textarea, blockquote{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;font-weight:normal;}

fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;font-weight:normal;}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}

select option{padding:0 3px;}

ul li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}

hr{display:none;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center; background:#fff url(../images/bg-page.gif) repeat-x left top;}
	
	div#container{position:relative; width:971px; height:690px; text-align:left; margin:0 auto; display:block;}
	
	div#top, div#middle, div#bottom, div#bg_bottom, div#barre_bas{float:left; width:971px;}
	
		
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
		
	/* -------------- header -------------- */
	/* logo */
	div#logo{float:left; width:259px; padding-top:20px;}
	
	/* bandeau */
	div#bandeau{float:left; width:712px;}
	
	/* pictos cartes */
	div#pictos{float:left; width:712px; padding:21px 0 5px 0; text-align:right;}
	
	/* nav */
	ul#nav{float:left; width:712px;}
	
	ul#nav li{float:left;}
	
	ul#nav li a{float:left; height:24px; background-repeat:no-repeat; text-indent:-9999px; font-size:0px; display:block;}
	ul#nav li a:hover, ul#nav li a.nav_on{background-position:left bottom;}
	
	ul#nav li a#nav_accueil{width:63px; background-image:url(../images/bg-nav-accueil.png);}
	
	ul#nav li a#nav_depenses{width:187px; background-image:url(../images/bg-nav-depenses.png);}
	
	ul#nav li a#nav_deplacements{width:118px; background-image:url(../images/bg-nav-deplacements.png);}
	
	ul#nav li a#nav_offres{width:86px; background-image:url(../images/bg-nav-offres.png);}
	
	ul#nav li a#nav_infos{width:82px; background-image:url(../images/bg-nav-infos.png);}
	
	ul#nav li a#nav_espace{width:176px; background-image:url(../images/bg-nav-espace.png);}
	
	/* sous nav */
	ul.sous_nav{float:left; width:946px; height:36px; padding-left:25px; background:url(../images/bg-ssnav.png) repeat-x;}
	
	ul.no_ssnav{height:18px; background-image:url(../images/bg-no-ssnav.png);}
	
	ul.sous_nav li{float:left;}
	
	ul.sous_nav li a{float:left; background:url(../images/bg-bt-ssnav.gif) no-repeat right top; font-size:10px; color:#fff; text-align:center; line-height:12px; display:block;}
	ul.sous_nav li a span{float:left; height:24px; padding:12px 11px 0 10px; cursor:pointer; display:block;}
	
	ul.sous_nav li.li2 a span{height:29px; padding-top:7px;}
	
	ul.sous_nav li.last_child a{background:none;}
	
	ul.sous_nav li a:hover, ul.sous_nav li a.ssnav_on{background:url(../images/bg-bt-ssnav-on.gif) no-repeat; color:#333; text-decoration:none;}
	
	ul.sous_nav li a:hover span, ul.sous_nav li a.ssnav_on span{background:url(../images/bg-bt-ssnav-on-r.gif) no-repeat right top;}
	
	/* menu deroulant compte */
	div#menu_compte{position:absolute; left:705px; top:73px; width:260px; height:167px; padding:2px 0 0 14px; background:url(../images/bg-compte-over.png) no-repeat; display:none;z-index:99;}
	
	div#menu_compte div{height:44px; padding-top:7px; font-size:12px; color:#fff; font-weight:500;}
	
	div#menu_compte div.compte_3{height:46px; padding-top:5px; color:#333;}
	
	div#menu_compte a{margin-top:3px; font-weight:normal;}
	div#menu_compte a span{width:218px; height:17px; padding:2px 0 0 5px;}
	
	
	/* -------------- middle -------------- */
	a.lk_bouton{float:left; padding-left:20px; background:url(../images/bg-bouton-l.png) no-repeat; font-size:10px; color:#333; display:block;}
	a.lk_bouton span{float:left; height:16px; padding:3px 12px 0 10px; background:url(../images/bg-bouton-r.png) no-repeat right top; cursor:pointer; display:block;}
	
	
	/* -------------- footer -------------- */
	div#bg_bottom{height:133px; padding-top:18px; background:url(../images/bg-bas.gif) no-repeat;}
	
	div#barre_bas{height:19px; padding-top:5px; background:url(../images/bg-barre.png) no-repeat; font-size:10px; color:#999;}
	
	div#barre_bas a{color:#999;}
	
	div#anim_logos{height:68px; width:272px; float:left; padding-left:18px; padding-bottom:2px}
	
	/* recherche */
	div#bottom div#recherche{float:left; width:326px; padding-left:12px;}
	
	div#bottom div#recherche div{float:left; width:82px; padding-top:14px;}
	
	div#bottom div#recherche form{float:left; width:230px; padding-top:9px; display:block;}
	
	div#bottom div#recherche form select{width:230px; height:20px; margin-bottom:4px; font-size:11px; color:#333;}
	
	div#bottom div#recherche form input{float:right; width:98px; height:19px; padding:0 16px 3px 0; margin-top:6px; background:url(../images/bg-bt-rechercher.png) no-repeat; border:none; font-size:10px; color:#333; cursor:pointer;}
	
	/* offres exclusives */
	div#bottom div#offres{float:left; width:315px; padding-left:20px; }
	
	div#bottom div#bloc_offre {height:87px; display:block; overflow:hidden}
	
	div#bottom div#bloc_offre h1{float:left; width:168px; padding-top:19px}
	
	div#bottom div#bloc_offre p{float:left; width:145px; padding-top:17px; font-size:11px; color:#333; font-weight:bold; line-height:13px;}
	
	div#bottom div#bloc_offre p strong{padding-bottom:5px; font-size:12px; color:#007dc3; text-transform:uppercase; display:block;}
	
	div#bottom div#bloc_offre p img{margin:0 0 2px 5px; vertical-align:middle;}
	
	div#bottom div#offres a.lk_bouton{float:right; margin:0px 20px 0 0;}
	
	/* informations utiles */
	div#bottom div#infos{float:left; width:280px; padding-left:18px;}
	
	div#bottom div#infos p{float:left; width:250px; padding:0 0 15px 26px; margin-top:16px; background:url(../images/bg-infos.png) no-repeat 0px 2px; font-size:11px;}
	
	div#bottom div#infos p strong{color:#333;}
	
	div#bottom div#infos p a{color:#007dc3; text-decoration:underline;}
	div#bottom div#infos p a:hover{text-decoration:none;}
	
	div#bottom div#infos .bt_recom, 
	div#bottom div#infos .bt_rss, 
	div#bottom div#infos .bt_favoris{float:left; height:18px; padding:5px 0 0 28px; background-repeat:no-repeat; font-size:11px; color:#fff;}
	
	div#bottom div#infos .bt_recom{width:242px; height:20px; padding-top:8px; background-image:url(../images/bg-bt-recommandez.png); font-weight:bold; text-transform:uppercase;}
	
	div#bottom div#infos .bt_rss{width:75px; background-image:url(../images/bg-bt-rss.png);}
	
	div#bottom div#infos .bt_favoris{width:119px; padding-left:48px; background-image:url(../images/bg-bt-favoris.png);}
	
	/* barre bas */
	div#barre_left{float:left; padding-left:12px;}
	
	div#barre_right{float:right; padding-right:10px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	strong{font-weight:bold;}
	
	.clear{clear:both;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page home */ 
/*************************************************************************************************************************************************************************/
	/* flash home */
	div#flash_home{float:left; width:971px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page depenses */ 
/*************************************************************************************************************************************************************************/
	/* degrade */
	div#degrade{float:left; width:971px; height:392px; background:url(../images/bg-degrade.jpg) no-repeat;}
	
	div#bg_depenses{float:left; width:948px; height:392px; padding-left:23px; background:url(../images/bg-depenses-top.jpg) no-repeat;}
	
	/* filtres */
	div.filtres{float:left; width:810px; height:20px; padding-top:8px; font-size:11px;}
	
	div.filtres input{margin:0 4px 2px 12px; width:13px; height:13px; overflow:hidden; vertical-align:middle;}
	
	div.filtres .tri_on{color:#129ed5; font-weight:bold;}
	
	/* pagination */
	div.pagination{float:left;  height:23px; padding:5px 24px 0 0; text-align:right}
	
	div.pagination a{float:left; width:19px; height:16px; padding-top:3px; margin-left:6px; background:url(../images/bg-bt-page.gif) no-repeat; font-size:11px; color:#7e7e7e; text-align:center; display:block}
	div.pagination a:hover, div.pagination a.pg_on{color:#129ed5; font-weight:bold; text-decoration:none;}
	
	/* titre h1 */
	div#degrade h1{float:left; width:934px; padding:10px 0 16px 14px; font-size:13px; color:#007dc3; text-transform:uppercase;}
	
	/* bloc vignette */
	div.vignette{float:left; width:154px; height:160px; background:url(../images/bg-vignette.png) no-repeat;}
	
	div.vignette div.visuel{float:left; width:154px; height:87px; padding-top:11px; text-align:center;}
	div.vignette div.visuel img{border:1px solid #ccc;}
	
	div.vignette div.legende{float:left; width:130px; height:30px; padding-left:6px; background:url(../images/bg-no-offre.gif) no-repeat 6px 0px;}
	div.vignette div.legende a{ text-align:center; display:block; color:#000; font-weight:bold; font-size:10px; line-height:10px; margin-top:3px}
	
	div.vignette div.site{float:left; width:133px; padding:0 5px; color:#333; font-weight:bold; text-align:center; line-height:14px;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page deplacements */ 
/*************************************************************************************************************************************************************************/
	/* degrade */
	div#bg_deplace{float:left; width:971px; height:410px; background:url(../images/bg-degrade-2.jpg) no-repeat;}
	
	/* carte */
	div#carte{float:left; width:484px;}
	
	/* selection */
	div#selection{float:left; width:487px;}
	
	/* formulaire */
	div#formulaire{float:left; width:411px; height:79px; padding:20px 0 0 21px;}
	
	div#formulaire select{float:left; width:230px; height:20px; margin-bottom:2px; font-size:11px; color:#333;}
	
	div#formulaire input{float:right; width:98px; height:19px; padding:0 16px 3px 0; margin-right:66px; background:url(../images/bg-bt-rechercher.png) no-repeat; border:none; font-size:10px; color:#333; cursor:pointer;}
	
	/* boutons */
	div#boutons{float:left; width:55px; padding-top:20px;}
	
	/* bloc onglets */
	div#bloc_onglets{float:left; width:471px; height:311px; padding:0 0 0 16px;}
	
	div#bloc_onglets ul{float:left; width:466px; padding-left:5px;}
	
	div#bloc_onglets ul li{float:left; padding-right:3px;}
	
	div#bloc_onglets ul li a{float:left; background:url(../images/bg-onglet-l.gif) no-repeat; font-size:10px; color:#fff; text-transform:uppercase; display:block;}
	
	div#bloc_onglets ul li a span{float:left; height:19px; padding:6px 12px 0 12px; background:url(../images/bg-onglet-r.gif) no-repeat right top; cursor:pointer; display:block;}
	
	div#bloc_onglets ul li a.onglet_on{background-position:left bottom; color:#333;}
	div#bloc_onglets ul li a.onglet_on span{background-position:right bottom;}
	
	div.content_results{float:left; width:471px;}
	
	div#content_resto{}
	div#content_hotels{display:none;}
	div#content_deplace{display:none;}
	
	div.cadre_results{float:left; width:450px; height:247px; background-color:#fff; overflow:auto;}
	
	div.choix{float:left; width:411px; padding:10px 0 10px 4px; background-color:#fff; font-size:11px;}
	
	div.choix input{margin:0 4px 2px 12px; width:13px; height:13px; overflow:hidden; vertical-align:middle;}
	
	div.choix .tri_on{color:#129ed5; font-weight:bold;}
	
	div.ligne_results{float:left; width:379px; padding:8px 18px; font-size:11px; color:#999;}
	
	div.bg_ligne{padding:4px 18px; background-color:#f6f6f6;}
	
	div.ligne_results strong{color:#333;}
	
	
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page offres */ 
/*************************************************************************************************************************************************************************/
	/* liste evenements */
	div#liste_events{float:left; width:368px; padding:20px 0 0 21px; background:url(../images/bg-filet.gif) no-repeat right top;}
	
	div#scroll_events{float:left; width:363px; height:354px; overflow:hidden;}
	
	div.bloc_liste{float:left; width:343px; padding-bottom:3px;margin:0; overflow:hidden }
	
	div.bloc_liste div.visuel{float:left; width:156px; border:1px solid #eee; margin:0; padding:0}
	
	div.bloc_liste a.texte{float:left; width:160px; margin:0; padding:3px 5px 0 15px; line-height:12px; font-size:11px; text-decoration:none; color:#666; display:block; height:53px}
	div.bloc_liste a.texte strong{color:#333; text-transform:uppercase;}
	div.bloc_liste a.texte span{padding-left:11px; background:url(../images/bg-fleche.png) no-repeat 0px 2px; font-size:11px; color:#333; font-weight:bold;}
	
	div.bloc_liste a.texte:hover{background:url(../images/bg-liste-on.jpg) no-repeat right top; color:#fff;}
	div.bloc_liste a.texte:hover {color:#fff;}
	div.bloc_liste a.texte:hover strong{color:#fff;}
	div.bloc_liste a.texte:hover span{color:#fff;}
	
	div.bloc_liste a.texte_hover{float:left; width:160px; margin:0; padding:3px 5px 0 15px; line-height:12px; font-size:11px; text-decoration:none; background:url(../images/bg-liste-on.jpg) no-repeat right top; color:#fff; display:block; height:53px}
	div.bloc_liste a.texte_hover strong{color:#fff; text-transform:uppercase;}
	div.bloc_liste a.texte_hover span{padding-left:11px; background:url(../images/bg-fleche.png) no-repeat 0px 2px; font-size:11px; color:#FFF; font-weight:bold;}
	
	
	/* detail evenement */
	div#detail_event{float:left; width:582px;}
	
	div#detail_event div.texte{float:left; width:272px;  font-size:11px; line-height:14px; padding:19px 10px 0 10px;}/* padding:19px 20px 0 14px;*/
	
	div#detail_event div.texte strong{color:#333;}
	
	div#detail_event div.texte h1{ width:275px;padding:0; margin:0; float:left; height:70px}
	div#detail_event div.texte h1 img{ padding:0; margin:0;}
	div#detail_event div.texte h2{width:275px;font-size:18px; color:#007dc3; text-transform:uppercase; padding:0; margin:0; float:left; height:30px}
	div#detail_event div.texte div{ width:275px; height:242px; overflow:auto; padding: 10px 0 0 0; margin:0; float:left}
	
	div#detail_event div.texte a.lk_bouton{margin-top:10px;}
	
	div#detail_event div.visuel{float:left; width:276px; padding-top:20px;}
	
	
/**************************************************************************/

div#recommander{ width:483px; height:462px; background-image:url(../images/bg-recommander.png); text-align:left}
div#recommander #btn_close{ margin:0px 0px 0 0; float:left; width:456px; padding: 0 0 0 27px; display:block; text-align:right  }
div#recommander h1{ margin:90px 0 15px 0; float:left; width:456px; padding: 0 0 0 27px; display:block  }
div#recommander label{ margin:8px 0 0 0; float:left; width:160px; padding: 0 12px 0 27px; display:block; font-size:11px; text-align:right}
div#recommander .inputtext{ margin:8px 0 0 0; float:left; width:224px; display:block; background:none; border:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; padding:0 5px}
div#recommander .textfield{ background-image:url(../images/bg-textfield.gif); height:20px; line-height:20px}
div#recommander .textarea{ background-image:url(../images/bg-textarea.gif); height:56px; line-height:12px}
div#recommander .mentions{ float:left; width:224px; display:block; padding:0 0 0 199px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#007dc3;    }
div#recommander .btn_valider{margin:8px 0 0 0; float:left;display:block; padding:0 0 0 199px; }
div#recommander br{ clear:both}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc de la page infos utiles - titulaire
/*************************************************************************************************************************************************************************/
.padding_infotitulaire{ padding:0 10px 0 20px; width:675px; float:left}
div#degrade_info{float:left; width:971px; height:392px; background:url(../images/bg-degrade_info.jpg) no-repeat;}
#info_animcarte{ float:left; width:668px; height:328px; }
#info_bloc1{ float:left; width:110px; height:27px; background-image:url(../images/bg-infos_3.gif); margin-top:7px; padding:102px 0 0 145px;}
#info_bloc2{ float:left; width:110px; height:27px; background-image:url(../images/bg-infos_1.gif); margin-top:7px; padding:90px 0 0 145px }
#info_bloc3{ float:left; width:110px; height:27px; background-image:url(../images/bg-infos_2.gif); margin-top:7px; padding:90px 0 0 145px }
.ensavoirplus{width:82px; height:19px; padding:3px 16px 3px 6px;background:url(../images/bg-bt-rechercher.png) no-repeat; border:none; font-size:10px; color:#333; cursor:pointer; display:block}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc de la page infos utiles - titulaire -> Détail carte
/*************************************************************************************************************************************************************************/

#info_detailcarte_titre{float:left; width:615px; height:27px; border-top:1px dotted #999; padding-top:12px; font-size:16px; text-transform:uppercase }
#info_detailcarte{ float:left; width:648px; height:278px; border:1px solid #DDD; }
#info_detailcarte_cadre{width:628px; height:278px; background-image:url(../images/bg-detailcarte.png); background-position:123px 6px; background-repeat:no-repeat; margin-left:20px }
.retour{float:left; padding: 17px 0 0 0; width:40px; height:27px;}


ul#info_detailmenu{ width:131px; margin:6px 15px 0 0px; float:left}
ul#info_detailmenu li{color:#333; font-size:11px; margin-bottom:6px}
ul#info_detailmenu  a{ cursor: pointer}
.info_detailmenu_top{ background-image:none;display:block; width:103px; height:23px; padding:7px 0 0 28px }
.info_detailmenu_1ligne{ background-image:none;display:block; width:103px; height:23px; padding:7px 0 0 28px}
.info_detailmenu_2ligne{ background-image:none;display:block; width:103px; height:37px; padding:7px 0 0 28px}

.info_detailmenu_top:hover{ background-image:url(../images/bg-detailcarte_menu1lignestop.png); background-repeat:no-repeat; }
.info_detailmenu_1ligne:hover{ background-image:url(../images/bg-detailcarte_menu1lignes.png); background-repeat:no-repeat; }
.info_detailmenu_2ligne:hover{ background-image:url(../images/bg-detailcarte_menu2lignes.png); background-repeat:no-repeat; }

.info_detailmenu_top_hover{ background-image:url(../images/bg-detailcarte_menu1lignestop.png); background-repeat:no-repeat; display:block; width:103px; height:23px; padding:7px 0 0 28px}
.info_detailmenu_1ligne_hover{ background-image:url(../images/bg-detailcarte_menu1lignes.png); background-repeat:no-repeat; display:block; width:103px; height:23px; padding:7px 0 0 28px}
.info_detailmenu_2ligne_hover{ background-image:url(../images/bg-detailcarte_menu2lignes.png); background-repeat:no-repeat; display:block; width:103px; height:37px; padding:7px 0 0 28px}

.info_detailcontenu{  float:left; display:none; width:450px}

.info_detailmenu_carte{ padding:15px 0 0 3px}

h5.info_detailcarte_sstitre {  float:left; display:block; font-size:13px; text-transform:uppercase; padding:18px 0 9px 0; width:450px  }
#mention { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333}

/*******************************************************/
/* carte AF
/*******************************************************
/*******************************************************/
.corpo_af_detail{ background-image:url(../images/bg-carte_af.gif); background-repeat:repeat-x}
.corpo_af{ color:#627a8c}
.corpo_bg_af{ background-color:#e3e7ea}

div.info_detailcarte_liste{  float:left; display:block; padding:15px 0 0 7px; width:445px; height:189px; overflow:auto}
div.info_detailcarte_liste p { font-size:11px; color:#4da3d3; margin-bottom:10px}
div.info_detailcarte_liste  li{ margin-bottom:9px; color:#333; font-size:11px ; background-image:url(../images/img-puce.gif); padding:0 0 0 12px; background-repeat:no-repeat; background-position:3px 6px}
div.info_detailcarte_liste  span{ margin-bottom:9px; color:#333; font-size:11px }

/*******************************************************/


/* carte plati
/*******************************************************/
/*******************************************************/
.corpo_plati_detail{ background-image:url(../images/bg-carte_plati.gif); background-repeat:repeat-x}
.corpo_plati{ color: #333333}
.corpo_bg_plati{ background-color:#e3e7ea}

div.info_detailcarte_liste_plati {  float:left; display:block; padding:15px 0 0 7px; width:445px; height:189px; overflow:auto}
div.info_detailcarte_liste_plati p { font-size:11px; color: #232323; margin-bottom:10px}
div.info_detailcarte_liste_plati  li{ margin-bottom:9px; color:#333; font-size:11px ; background-image:url(../images/img-puce-plati.gif); padding:0 0 0 12px; background-repeat:no-repeat; background-position:3px 6px}

/*******************************************************/


/* carte gold
/*******************************************************/
/*******************************************************/
.corpo_gold_detail{ background-image:url(../images/bg-carte-gold.gif); background-repeat:repeat-x}
.corpo_gold{ color: #965d0e}
.corpo_bg_gold{ background-color:#f9f3ea}

div.info_detailcarte_liste_gold {  float:left; display:block; padding:15px 0 0 7px; width:445px; height:189px; overflow:auto}
div.info_detailcarte_liste_gold p { font-size:11px; color: #965d0e; margin-bottom:10px}
div.info_detailcarte_liste_gold  li{ margin-bottom:9px; color:#333; font-size:11px ; background-image:url(../images/img-puce-gold.gif); padding:0 0 0 12px; background-repeat:no-repeat; background-position:3px 6px}

/*******************************************************/


/* carte ggreen
/*******************************************************/
/*******************************************************/
.corpo_green_detail{ background-image:url(../images/bg-carte-green.gif); background-repeat:repeat-x}
.corpo_green { color: #006f49}
.corpo_bg_green{ background-color:#f1f6da}

div.info_detailcarte_liste_green {  float:left; display:block; padding:15px 0 0 7px; width:445px; height:189px; overflow:auto}
div.info_detailcarte_liste_green p { font-size:11px; color: #006f49; margin-bottom:10px}
div.info_detailcarte_liste_green  li{ margin-bottom:9px; color:#333; font-size:11px ; background-image:url(../images/img-puce-green.gif); padding:0 0 0 12px; background-repeat:no-repeat; background-position:3px 6px}





/*************************************************************************************************************************************************************************/
/* Bloc de la page gestionnaire
/*************************************************************************************************************************************************************************/
.padding_gestionnaire{ padding:0 10px 0 20px; width:675px; float:left}
div#degrade_gestionnaire{float:left; width:971px; height:392px; background:url(../images/bg-degrade_info.jpg) no-repeat;}
#gestion_blocs{ float:left; width:647px; height:305px; background-color:#eee; border-top:1px dotted #999; padding:9px 0 10px 10px; overflow:hidden }
#gestion_bloc1 { float:left; width:243px; height:140px; background-image:url(../images/bg-gestion_1.gif); margin-top:9px; padding:40px 0 0 10px;}
#gestion_bloc2 { float:left; width:243px; height:140px; background-image:url(../images/bg-gestion_2.gif); margin-top:9px; padding:40px 0 0 10px; }
#mention_gestionnaire{float:left; font-size:9px; color:#666; width:330px; padding-left:324px; line-height:10px }
.liens { color:#007dc3; font-size:11px;}
.interligne { display:block; padding-top:4px;}
.gestion_bloc{ float:left; background-image:url(../images/bg_cadre_gestion.png); width:267px; height:263px; padding:30px 0 0 43px; margin-right:12px }
.gestion_bloctitre{text-transform:uppercase; font-weight:100; font-size:14px; color:#007dc3; display:block; padding-bottom:5px; border-bottom:1px dotted #999; width:200px}
.gestion_bloctitre img{ margin-right:12px}
.gestion_bloc ul{ margin-top:9px}
.gestion_bloc li{ padding-left:18px; margin-bottom:3px; background-image:url(../images/fleches.gif); background-repeat:no-repeat; background-position:0 2px; font-size:11px; color:#080c0f}
.gestion_bloc p{ margin-top:4px; font-size:11px; color:#666}
.gestion_bloc p img{ margin-bottom:4px;}
.choix_carte { width:215px; display:block; overflow:hidden; font-size:11px; color:#666;}
.bt_valide_carte { margin:10px 0 10px 155px;}
.img_sep { margin-bottom:3px;}

/*************************************************************************************************************************************************************************/



/*************************************************************************************************************************************************************************/
/* Bloc de la page infos utiles - nouveaux client
/*************************************************************************************************************************************************************************/
.padding_info{ padding:0 10px 0 20px; width:941px;}
.info_titre{ text-transform:uppercase; font-weight:100; font-size:24px; color:#007dc3; display:block; padding:9px 15px 0px 0px; float:left; width:931px;}
.info_sstitre{ font-weight:100; font-size:14px; color:#333; padding:0px 15px 9px 0px; float:left; width:931px;}
.info_blocs{ float:left; background-color:#eee; border-top:1px dotted #999; width:916px; padding:9px 0 12px 15px}
.info_bloc{ float:left; background-image:url(../images/bg_cadre_infos.png); width:247px; height:200px; padding:43px 0 0 43px; margin-right:15px }
.info_bloctitre{text-transform:uppercase; font-weight:100; font-size:14px; color:#007dc3; display:block; padding-bottom:9px; border-bottom:1px dotted #999; width:200px}
.info_bloctitre img{ margin-right:12px}
.info_bloc ul{ margin-top:9px}
.info_bloc li{ padding-left:18px; margin-bottom:3px; background-image:url(../images/fleches.gif); background-repeat:no-repeat; background-position:0 2px; font-size:11px; color:#333}
.info_call2action{ background-color:#FFF; display:block; float:left; padding:9px 0 ; font-weight:bold; font-size:16px; color:#007dc3; width:900px; text-align:center; margin:12px 0 0 0; text-transform:uppercase }
.info_call2action a{ color:#007dc3;text-decoration:underline}


/*************************************************************************************************************************************************************************/
/* Bloc css de la page rss */ 
/*************************************************************************************************************************************************************************/
div#degrade_blue{float:left; width:971px; height:410px; background:url(../images/bg-degrade_blue.jpg) no-repeat;}
div#degrade_blue #colleft{width:670px; float:left; display:block; height:410px}
div#degrade_blue #colleft h1{width:570px; display:block; font-size:18px; color:#007dc3; text-transform:uppercase; padding:0; margin:25px 0 0 70px; float:left; }
div#degrade_blue #colleft h2{width:570px; display:block; color:#007dc3; padding:0; margin:25px 0 0 70px; float:left; font-weight:bold }
div#degrade_blue #colleft p{width:570px; display:block; color:#000; padding:0; margin:25px 0 0 70px; float:left; }
div#degrade_blue #colleft .coltab{width:390px; display:block; color:#000; padding:0; margin:25px 0 0 70px; float:left; }
div#degrade_blue #colleft .coltab strong{ color:#999}
div#degrade_blue #colleft .coltab a{ color:#000}

div#degrade_blue #colright{width:295px; float:left;  display:block; height:410px}
div#degrade_blue #colright p{width:250px; margin:25px 0 0 25px; float:left;  display:block; color:#FFF}

#menu_voiroffres{ width:119px; height:120px; display:block; position:absolute; z-index:666; background-image:url(../images/bg-rollover.gif); background-position:top; padding:5px; left:520px; top:520px; }
#menu_voiroffres ul{ padding:0 0 0 15px; margin:0}
#menu_voiroffres li{ list-style-image:url(../images/li_fleche.gif); padding:0; margin:0}
#menu_voiroffres a{ color:#000; font-size:10px; padding:0; margin:0;}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page zoom */ 
/*************************************************************************************************************************************************************************/

div#zoom{ width:600px; margin:15px; text-align:left; border:1px solid #666; display:block; float:left}
div#zoom .boxshadow{ width:180px}
div#zoom h1{ width:600px; float:left; }
div#zoom form{ width:590px; float:left; margin:5px; border-bottom:1px solid #999; padding-bottom:15px }
div#zoom h2{ width:590px; float:left; margin:5px; border-bottom:1px solid #999; padding-bottom:15px; font-size:18px; }
div#zoom .ligne_results{ width:153px; height:81px; float:left; border:1px solid #CCC; margin:6px 0px 6px 6px; display:block}


#tooltip {position: absolute;z-index: 3000;	border: 1px solid #111;	background-color: #eee;	padding: 5px;opacity: 0.85;}
#tooltip h3, #tooltip div { margin: 0; }

/*************************************************************************************************************************************************************************/
/* Bloc popup titulaire_vol_carte */ 
/*************************************************************************************************************************************************************************/
div#popup_titulaire1{ width:800px; height:290px; background-image:url(../images/bg-popup.png); text-align:left; overflow:hidden;}
div#popup_titulaire1 #btn_close{ margin:0px 0px 0 0; float:left; width:773px; padding: 0 0 0 27px; display:block; text-align:right  }
div#popup_titulaire1 #scroll_titulaire1{ margin:57px 0 0 0; float:left; width:750px; height:250px; padding: 25px; display:block;}
div#popup_titulaire1 #scroll_titulaire1 h1{ margin:0px 0 6px 0; text-transform:uppercase; color:#007dc3; font-weight:normal; font-size:18px}
div#popup_titulaire1 #scroll_titulaire1 a, strong{ color:#007dc3;}
div#popup_titulaire1 #scroll_titulaire1 p{ margin:0px 0 15px 0;}
div#popup_titulaire1 #scroll_titulaire1 ol{ margin:0px 0 15px 45px;}
div#popup_titulaire1 #scroll_titulaire1 em{ font-style:italic }

/* Bloc popup titulaire_vol_carte */ 
/*************************************************************************************************************************************************************************/
div#popup_titulaire2{ width:800px; height:390px; background-image:url(../images/bg-popup.png); text-align:left; overflow:hidden;}
div#popup_titulaire2 #btn_close{ margin:0px 0px 0 0; float:left; width:773px; padding: 0 0 0 27px; display:block; text-align:right  }
div#popup_titulaire2 #scroll_titulaire2{ margin:57px 0 0 0; float:left; width:750px; height:320px; padding: 25px; display:block; }
div#popup_titulaire2 #scroll_titulaire2 h1{ margin:0px 0 6px 0; text-transform:uppercase; color:#007dc3; font-weight:normal; font-size:18px}
div#popup_titulaire2 #scroll_titulaire2 a, strong{ color:#007dc3;}
div#popup_titulaire2 #scroll_titulaire2 p{ margin:0px 0 15px 0;}
div#popup_titulaire2 #scroll_titulaire2 ol{ margin:0px 0 15px 45px;}
div#popup_titulaire12 #scroll_titulaire2 em{ font-style:italic }

/* Bloc popup outils */ 
/*************************************************************************************************************************************************************************/
div#popup_outils{ width:800px; height:580px; background-image:url(../images/bg-popup.png); text-align:left;overflow:hidden;}
div#popup_outils #btn_close{ margin:0px 0px 0 0; float:left; width:773px; padding: 0 0 0 27px; display:block; text-align:right  }
div#popup_outils #scroll_outils{ margin:57px 0 0 0; float:left; width:750px; height:500px; padding: 25px; display:block; overflow:auto}
div#popup_outils #scroll_outils h1{ margin:0px 0 6px 0; text-transform:uppercase; color:#007dc3; font-weight:normal; font-size:18px}
div#popup_outils #scroll_outils a, strong{ color:#007dc3;}
div#popup_outils #scroll_outils p{ margin:0px 0 15px 0;}
div#popup_outils #scroll_outils ol{ margin:0px 0 15px 45px;}
div#popup_outils #scroll_outils em{ font-style:italic }

/* Bloc popup faq */ 
/*************************************************************************************************************************************************************************/
div#popup_faq{ width:800px; height:300px; background-image:url(../images/bg-popup.png); text-align:left;overflow:hidden;}
div#popup_faq #btn_close{ margin:0px 0px 0 0; float:left; width:773px; padding: 0 0 0 27px; display:block; text-align:right  }
div#popup_faq #scroll_faq{ margin:57px 0 0 0; float:left; width:750px; height:200px; padding: 25px; display:block; overflow:auto}
div#popup_faq #scroll_faq h1{ margin:0px 0 6px 0; text-transform:uppercase; color:#007dc3; font-weight:normal; font-size:18px}
div#popup_faq #scroll_faq a, strong{ color:#007dc3;}
div#popup_faq #scroll_faq p{ margin:0px 0 15px 0;}
div#popup_faq #scroll_faq ol{ margin:0px 0 15px 45px;}
div#popup_faq #scroll_faq em{ font-style:italic }