@charset "utf-8";
/* CSS Document */
/* AKELA KEY - NEFTIS - Olivier le 01/06/2010 */

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0 */
html{color:#000;}body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Titres, listes et éléments de mise en page par défaut */
h1.fDefault { font-size: 2.4em; color: #999; }
h2.fDefault { font-size: 1.4em; color: #3b3b3b; }
.titreh2_1 { font-size: 30px; color: #999; font-family: DINRegular, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: #202020; }
/* Din Light Regular */
@font-face {
	font-family: 'DINLightRegular';
	src: url('/globalflexit/clients/utils/fonts/embed/din_light-webfont.eot');
	src: local('☺'), url('/globalflexit/clients/utils/fonts/embed/din_light-webfont.woff') format('woff'), url('/globalflexit/clients/utils/fonts/embed/din_light-webfont.ttf') format('truetype'), url('/globalflexit/clients/utils/fonts/embed/din_light-webfont.svg#webfontWcdT3TfH') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Din Regular */
@font-face {
    font-family: 'DINRegular';
    src: url('/globalflexit/clients/utils/fonts/embed/din-webfont.eot');
    src: url('/globalflexit/clients/utils/fonts/embed/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('/globalflexit/clients/utils/fonts/embed/din-webfont.woff') format('woff'),
         url('/globalflexit/clients/utils/fonts/embed/din-webfont.ttf') format('truetype'),
         url('/globalflexit/clients/utils/fonts/embed/din-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h3.fDefault { font-size: 1.8em; color: #999; }
h4.fDefault { font-size: 1.6em; color: #999; }
h5.fDefault { font-size: 1.4em; color: #999; }
h6.fDefault { font-size: 1.2em; color: #999; }
ul.fDefault { padding: 10px 0 10px 20px; list-style: none; }
img.fDefault { border: 1px solid #929da1; background: #ffffff; padding: 5px; }
img.fNoMargesHori { /* style pour js */ }
img.fNoMargesVert { /* style pour js */ }
img.fNoMarges { /* style pour js */ }
table.fDefault { font-size: 0.85em; }
a.fDefault { color: #3b3b3b; }
.linkType2 { color: #ad0101; text-decoration: none; }
.chapeau1 { font-family: Tahoma, Geneva, sans-serif; font-size: 1em; }

/* not editor */ /* Tout ce qui se trouve en dessous n'apparait pas dans flexit */
/* Compléments styles editeur */
ul.fDefault li { font-size: 1em; background: url(puce02.gif) left 5px no-repeat; padding-left: 16px; }
ul.fDefault ul { padding: 0; }
ul.fDefault li li { font-size: 1em; background: url(puce03.gif) 2px 6px no-repeat; padding-left: 16px; }


/* Styles généraux */
body { font-size: 1em; background: url(bg_body.gif) left top repeat-x #3f3f3f; font-family: Arial, Helvetica, sans-serif; }
.bodyPopup { padding: 5px; background: none #3f3f3f; color: #FFFFFF; }
a { font-size: 1em; font-weight: bold; }
a:hover { text-decoration: underline; cursor: url('cursor_link.png'), default; color: #ad0101; }
table { font-size: 1em; }

/* Structure generale */
.header { width: 996px; height: 86px; margin: 0 auto; font-size: 1em; position: relative; overflow: hidden; }
.headerLogo { position: absolute; top: 5px; left: 5px; }
.header .fmenu_defaut { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #ffffff; margin-left: 200px; margin-top: 30px; }
.header .fmenu_defaut .mmSep, .header .fmenu_defaut a { display: inline-block; vertical-align: middle; }
.header .fmenu_defaut .mmSep { padding: 10px 4px 0; height: 32px; }
.header .fmenu_defaut a { color: #ffffff; text-decoration: none; height: 32px; padding: 10px 10px 0; position: relative; }
.header .fmenu_defaut a:hover, .header .fmenu_defaut .fmenu_defaut_a_selected { background: url(mmItemBg.gif) center top no-repeat; }
.header .fmenu_defaut a .cornL { position: absolute; top: 0; left: 0; visibility: hidden; }
.header .fmenu_defaut a .cornR { position: absolute; top: 0; right: 0; visibility: hidden; }
.header .fmenu_defaut a:hover .cornL, .header .fmenu_defaut a:hover .cornR, .header .fmenu_defaut .fmenu_defaut_a_selected .cornL, .header .fmenu_defaut .fmenu_defaut_a_selected .cornR  { visibility: visible; }
.header .fmenu_defaut span.infoPage { display: none; }
.header .langSwitch { position: absolute; top: 42px; right: 20px; }
.facebookPage { margin: 0 auto; width: 480px; text-align: center; }
.facebookPage a { color: #ffffff; font-size: 10px; }
.facebookPage a span { display: inline-block; vertical-align: middle; padding-left: 10px; }
.facebookPage a img { display: inline-block; vertical-align: middle; background: #ffffff; border: 1px solid #ffffff; }
.icon_facebook { margin-left: 8px; float: right; }
.icon_facebook, .icon_facebook span { text-decoration: none; font-size: 1px; line-height: 1px; height: 14px; width: 14px; display: inline-block; }
.header .langSwitch a.icon_facebook:hover .FBConnectButton_Text_Simple, a.icon_facebook:hover, a.icon_facebook:hover * { text-decoration: none; border: none; }
.musicPlayer { position: absolute; top: 10px; right: 19px; z-index: 100; }
.mainbody { width: 996px; height: 519px; background: url(bg_content.png) left top no-repeat; margin: 0 auto; padding-top: 19px; }
.pageContent { width: 960px; height: 500px; background: #E0E0E0; margin: 0 auto; overflow: hidden; font-size: 0.8em; position: relative; }
.mainColLeft { padding: 25px 40px; width: auto; height: 450px; }
.presColLeft { width: 380px; height: 450px; float: left; padding: 30px 0 0 50px; }
.presColRight { width: 540px; height: 500px; position: absolute; top: 0; right: 0; }
.presTitleImg { margin-bottom: 15px; margin-left: 10px; }

/* MODULES - Langue v2 */
.langBox2 { float: right; margin: 2px 5px 0 0; }
.langBox2 span { padding: 0; margin: 0; }
.langBox2 span.selected { display: none; }
.lg-en { background-image: url(lang_en.gif); }
.lg-fr { background-image: url(lang_fr.gif); }

.footer { width: 996px; margin: 0 auto; }
.footer .bigLink { display: inline-block; background: url(bg_btn_menu_footer.gif) left top no-repeat; width: 215px; height: 65px; padding: 15px; vertical-align: top; font-size: 0.8em; color: #ffffff; text-decoration: none; margin-right: 4px; position: relative; cursor: pointer; }
.footer .bigLink .bigLinkContent { width: 215px; height: 67px; display: block; overflow: hidden; }
.footer .bigLink .bigLinkContent img { vertical-align: middle; }
.footer .bigLink .bigLinkContent span { display: inline-block; vertical-align: middle; margin-left: 8px; width: 142px; }
.footer .bigLink span.infoPage { display: none; }

.footerSimple { width: 996px; margin: 0 auto; text-align: center; padding: 8px 0; }
.footerSimple .simpleLink { color: #ffffff; font-size: 0.6em; font-weight: normal; text-decoration: none; }
.footerSimple .simpleLink span.infoPage { display: none; }
.footerSimple .footerSep { padding: 0 14px; color: #ffffff; font-size: 0.6em; }

.musicPopup { width: 221px; height: 67px; background:url(bg_musicpopup.png) left top no-repeat; position: absolute; left: 50%; margin-left: -128px; top: 300px; padding: 18px; z-index: 1000; overflow: hidden; }
.musicPopup .details { color:#FFFFFF; font-size:0.8em; text-decoration:none; text-align: center; display: block; margin-top: 14px; }
.musicPopup .details a { color: #ffffff; }

/* Zoomer */
.gallery_zoomer { width: 940px; height: 482px; padding-left: 10px; overflow: hidden; padding-top: 10px; }
.zoomer_details { height: 70px; width: 590px; display: none; overflow: hidden; position: absolute; top: 11px; left: 11px; z-index: 20; background: url(bg_liste_miniatures.png) left top; color: #ffffff; font-size: 0.85em; }
.zoomer_details_content { padding: 10px; }
.zoomer_details h2 { font-size: 1.1em; font-weight: bold; }
.zoomer_details_close, .zoomer_details_close:hover { color: #ffffff; font-weight: normal; position: absolute; bottom: 2px; right: 5px; text-decoration: none; }
.zoomer_details_open, .zoomer_details_open:hover { font-size: 0.85em; color: #5e6b70; font-weight: normal; position: absolute; top: 10px; left: 12px; text-decoration: none; z-index: 30; }
.zoomer_list { height: 78px; width: 590px; position: absolute; bottom: 9px; left: 11px; z-index: 20; background: url(bg_liste_miniatures.png) left top; overflow: hidden; }
.zoomer_list_wrapper { padding: 7px 8px 0; left: 0; top: 0; position: absolute; }
.zoomer_list_wrapper img { margin-right: 8px; border: 1px solid #ffffff; }
.zoomer_list_wrapper img.SelectedPic { width: 59px; height: 59px; border: 3px solid #494949; }
.zoomer_list_prev { position: absolute; left: 0; top: 0; width: 18px; height: 78px; display: none; z-index: 50; }
.zoomer_list_next { position: absolute; right: 0; top: 0; width: 18px; height: 78px; display: none; z-index: 50; }
.zoomer_list:hover .zoomer_list_prev, .zoomer_list:hover .zoomer_list_next { display: block; }
.zoomer_prod_prev { position: absolute; left: 11px; top: 160px; display: block; width: 20px; height: 138px; z-index: 50; }
.zoomer_prod_next { position: absolute; right: 359px; top: 160px; display: block; width: 20px; height: 138px; z-index: 50; }
.zoomer_preloader { color: #ffffff; background: #202020; position: absolute; z-index: 100; left: 390px; top: 230px; font-size: 0.9em; padding: 4px 8px; display: none; }
.zoomer_preloader span { position: relative; top: -3px; padding-left: 8px; }
.zoomer_diaporama { position: absolute; top: 11px; right: 11px; z-index: 100; }
#zoomer_thumb { width: 590px; height: 480px; float: left; display:block; position:relative; overflow:hidden; margin: 0 16px 0 0; border: 1px solid #ffffff; }
#zoomer_thumb img { cursor: pointer; }
#zoomer_big_container { width: 330px; height: 480px; margin: 0; display: block; position:relative; overflow:hidden; border:0px #FFFFFF solid; cursor:move; border: 1px solid #ffffff; }
#zoomer_image { display:block; position:absolute; }
#zoomer_region { background: url(zoomer_scroller_bg.gif) left top no-repeat; border:none; position:absolute; top:0px; left:0px; cursor: move; }

/* Séparateurs */
.sep01 { width: auto; height: 1px; font-size: 1px; line-height: 1px; border-bottom: 1px dotted #868889; clear: both; margin: 0 0 18px; }

/* Scroller */
.scrollbar-vert { width: 20px; height: 290px; position: absolute; top: 0; right: -20px; }
.handle-bg { background: #edeae9; height: 288px; border: 1px solid #ababab; width: 3px; height: 288px; position: absolute; left: 50%; top: 0; margin-left: -2px; }
.handle-vert { height: 65px; width: 20px; background: url(bg_scroller.gif) center top no-repeat; }

.scroller1wrapper { width: 340px; height: 290px; position: relative; }
.scroller1wrapper .scrollable { width: 310px; padding-right: 10px; height: 290px; overflow: hidden; position: absolute; z-index: 10; }

.scroller2wrapper { width: 640px; height: 370px; position: relative; }
.scroller2wrapper div.scrollable { width: 610px; height: 370px; overflow: hidden; padding-right: 10px; position: absolute; z-index: 10; }

.scroller3wrapper { width: 880px; height: 450px; position: relative; }
.scroller3wrapper .scrollable { width: 880px; height: 450px; overflow: hidden; position: absolute; z-index: 10; }
.scroller3wrapper .scrollbar-vert { width: 20px; height: 450px; position: absolute; top: 0; right: -20px; }
.scroller3wrapper .handle-bg { height: 448px; }

.scroller4wrapper { width: 230px; height: 328px; position: relative; }
.scroller4wrapper .scrollable { width: 230px; height: 328px; overflow: hidden; position: absolute; z-index: 10; }
.scroller4wrapper .scrollbar-vert { width: 20px; height: 328px; position: absolute; top: 0; right: -25px; }
.scroller4wrapper .handle-bg { height: 326px; }

.scroller5wrapper { width: 860px; height: 370px; position: relative; }
.scroller5wrapper .scrollable { width: 860px; height: 370px; overflow: hidden; position: absolute; z-index: 10; }
.scroller5wrapper .scrollbar-vert { width: 20px; height: 370px; position: absolute; top: 0; right: -20px; }
.scroller5wrapper .handle-bg { height: 368px; }

.scrollable object, .scrollable embed { position: relative; z-index: 100; }

/* MODULES - Noobslide Liste Actus */
.nsNeftis1 { position: relative; }
.nsNeftis1 .nsNeftisMask { position: relative; width:880px; height: 400px; overflow:hidden; z-index: 1; }
.nsNeftis1 .nsNeftisItemContainer { position:absolute; top: 30px; left: 0; height: 370px; }
.nsNeftis1 .nsNeftisItemContainer .item { width:880px; height: 370px; padding-top: 0; float:left; background: transparent; overflow: hidden; }
.nsNeftis1 .nsNeftisBtns { text-align: right; padding: 0; margin: 0; height: 15px; position: relative; position: absolute; top: 5px; right: 20px; z-index: 2; width: 100%; }
.nsNeftis1 .nsNeftisBtns .itemNum { text-align: left; width: 12px; height: 13px; padding: 0; margin: 0 4px; display: inline-block; background: url(puce01.gif) left top no-repeat; text-indent: -2000px; overflow: hidden; cursor: pointer; }
.nsNeftis1 .nsNeftisBtns .itemNumActive { background-position: right top; }
.nsNeftis1 .nsNeftisBtns .prev { display: none; }
.nsNeftis1 .nsNeftisBtns .next { display: none; }
.nsNeftis1 .picactu { border: 1px solid #929da1; background: #ffffff; padding: 5px; float: left; }
.nsNeftis1 .actuboxlist { width: 420px; height: 170px; overflow: hidden; float: left; margin-right: 20px; }
.nsNeftis1 .actuboxlist .texte { margin-left: 164px; }
.nsNeftis1 .actuboxtitre { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #3b3b3b; }
.nsNeftis1 .actuboxtitre a { color: #3b3b3b; text-decoration: none; }
.nsNeftis1 .actuboxresume { margin-top: 18px; }

/* MODULES - Actu details slider */
.actuboxdetails { margin: 10px 0; }
.actuboxdetails .picactu { border: 1px solid #929da1; background: #ffffff; padding: 5px; float: left; }
.actuboxdetails .texte { margin-left: 240px; }
.actuboxdetails .titre { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #3b3b3b; font-weight: bold; }
.actuboxdetails .content { margin-top: 18px; }

/* MODULES - Annuaire googlemap */
#ContenuGoogleMap { width: 592px; height: 391px; float: right; position: relative; z-index: 10; background: #606060; padding: 10px; }
#choix_categorieId { width: 80%; }
.annuaireGoogleMapContainer { padding: 0; margin: 0; }
.categsContainer { margin-bottom: 10px; }
.categsContainer .filtreLeft { float: left; width: 49%; }
.categsContainer .filtreRight { float: right; width: 49%; }
.categsContainer select { padding: 2px; font-size: 0.85em; }
.categsContainer h3 { border: none; color: #3b3b3b; font-weight: bold; font-size: 0.85em; }
.annuaireGoogleMapContainer .pagination { width: 380px; }
.annuaireGoogleMapContainerRight { width: 250px; float: left; }
.annuaireGoogleMapContainerRight option{ vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.liste_res_categorie_google_map a {font-weight:normal; text-transform:capitalize; font-size:11px; line-height:20px;}
.liste_res_categorie_google_map .gmapSidebar { width: 252px; list-style: none; padding: 0; margin: 0; }
.liste_res_categorie_google_map .gmapSidebarItem { border-bottom: 1px solid #efefef; padding: 8px 0; }
.liste_res_categorie_google_map .gmapSidebarItem a { display: block; padding: 1px 4px; line-height: normal; color: #3b3b3b; text-decoration: none;  }
.liste_res_categorie_google_map .selected{ background-color: #ffffff; }
.gmnoprint {	font-size:0.93em;	}