﻿@charset "utf-8";
@import "menu.css";

/* LAYOUT */
*{margin:0;padding:0}
.clearfloat{clear:both;height:0;line-height:0}
#container{margin:0 auto;width:980px}
#sidebar1{float:left;width:135px;padding:0 5px 0 0;margin:25px 0 0 0}
#central{float:left}
#mainContent{float:left;width:510px;margin:25px 29px 0 23px}
#mainContent_2{float:left;width:796px;margin:25px 0px 0px 23px}
#module_gauche{display:block;margin-top:10px}
#sidebar2{position:relative;float:left;width:250px;margin:25px 0 0 0}

/* ELEMENTS */
body{font:12px Arial,Helvetica,sans-serif;background:#240618;color:#fff}
h3{font-size:18px;font-weight:normal;margin-bottom:8px}
img{border:0}
a{color:#fff;text-decoration:none}
pre{font:normal 12px Arial,Helvetica,sans-serif}
fieldset{border:none}
a:hover{text-decoration:underline}

/* ID */
#logo_days{float:left;margin:41px 35px 0 0;padding:0 0 0 32px;position:relative}
#header_top{position:relative;float:left;width:814px;height:153px;margin:0 0 0 0}
#logo_gsf{width:98px;height:170px;background:url(../images/logo_gsf.jpg) no-repeat;text-indent:-9999px}
#logo_gsf a{width:98px;height:170px;display:block}
.days{width:98px;height:72px;position:relative}
.days div{position:absolute;bottom:0;right:0;font-size:20px;color:#dedb00}
.date_day{color:#dedb00;position:absolute;top:190px;right:0}
#baseline{text-indent:-9999px;float:left}

#lang{position:absolute;right:0;top:0;margin:5px 45px 0 0}
#block_search{position:absolute;right:0;top:0;margin:40px 17px 0 0}
.search{height:20px;width:114px;border:1px solid #fff;background:#7b003b;color:#fff;vertical-align:middle;padding:0 0 0 5px}
.search_label{margin:0 10px 0 0;vertical-align:middle}
.search_ok{margin:0 0 0 7px;vertical-align:middle}
#header_bottom{float:left;margin:0 0 0 0;position:relative}
#reg_online{width:212px;height:33px;background:url(../images/register_online.gif) no-repeat;text-indent:-9999px}
#reg_online{width:212px;height:33px;z-index:1;position:absolute;right:0;bottom:0;margin:8px 5px}
#reg_online a{width:212px;height:33px;display:block}

/* DRAPEAUX HEADER */
#lang a{display:block;float:left;margin-right:5px;text-indent:-9999px;background-image:url(../images/drapeau.gif);}

#lang .flagFR{width:25px; height:17px;background-position:0px -17px}
#lang .flagEN{width:26px; height:17px;background-position:-25px -17px}
#lang .flagES{width:28px; height:17px;background-position:-51px -17px}
#lang .flagCA{width:26px; height:17px;background-position:-79px -17px}
#lang .flagFR.selected{background-position:0px 0px}
#lang .flagEN.selected{background-position:-25px 0px}
#lang .flagES.selected{background-position:-51px 0px}
#lang .flagCA.selected{background-position:-79px 0px}



/* NAVIGATION */
#sidebar1{text-align:right}
#sidebar1 a{text-decoration:none}
.onpage{background:#7b003b;padding:3px 5px;cursor:pointer}

li.liRubrique{margin:0 0 14px 0;cursor:pointer;padding:0px}
.liRubrique div{padding:3px 4px 3px 0px}
.navSelected div{background-color:#7b003b}
.navOver div{background-color:#7b003b}
.currentRubrique{background-color:#7b003b}

.ulSection{background-color:#3f0424}
.ulSection li{margin:0px !important;padding:0px !important}
.ulSection li a{display:block;padding:2px 3px;font-size:11px;}
.ulSection li a:hover{background-color:#009ee0}
.currentSection{background-color:#009ee0}

/* MODULES DROITE */
#sidebar2{width:257px}
/*Info thread RSS*/
#info_thread_rss{padding-top:0;position:relative}
#info_thread{margin-bottom:8px}
#rss{position:absolute;top:0;right:0;width:70px;height:20px;background:url(../images/rss.gif) no-repeat top right;margin:0}
#rss a{display:block;width:70px;height:20px}
div#sidebar2 p.more_news{position:absolute;top:0;right:0;float:right;margin-top:242px;color:#fff}

/* BARCELONA NEWS */
#barcelona_news_block{margin-top:279px;!margin-top:291px}
.barcelona_news{width:256px;height:120px;background:#7b003b;border-top:6px solid #f18a00}
#sidebar2 h3 a{text-decoration:none}
.barcelona_news p{padding:1px 9px 0 0;font-size:12px;color:#fff;font-weight:bold;float:right}
#sidebar2 span.more_info a{color:#000}
div#sidebar2 div#info_thread_rss dl#menu dd{display:none}
div#sidebar2 div#info_thread_rss dl#menu dd#smenu1{display:block}

/* NEWS Gabarit */
#news_txt{background:url(../images/bg_news_top.gif) #7b003b no-repeat;padding:50px 20px 15px 20px}
#news_txt h4{font-size:18px;font-weight:normal;float:left}
.date_news{float:right;font-size:14px}
.sub_title{background:#9c004b;font:bold 12px Arial,Helvetica,sans-serif;padding:5px 20px;margin:30px -20px 20px -20px}
.parag{margin:0 0 15px 0}
.back_news{background:#009ee0;height:18px;padding:4px 10px 0 0;text-align:right;font-size:12px}

/* SECTION Actu */
#latest_news img{float:left;width:111px;height:86px}
#latest_img img{float:none;width:auto !important;height:auto !important}
div.latest_news_text{float:left;width:379px;height:66px;background:#7b003b;padding:10px;font-size:12px;text-align:justify}
div.latest_news_text a:hover{text-decoration:none}
div.latest_news_text h4{font:normal 13px Arial,Helvetica,sans-serif;margin-bottom:4px}
div.latest_news_text h4 a:hover{text-decoration:underline}
.more{top:0;float:right;margin:2px 0 22px 0}

/* SECTION Présentation GSF */
#menu_1_about_gsf a{display:none}
.menu_gsf_txt{background:#7b003b;padding:32px 20px 15px 20px;display:none}
#smenu_about_gsf1{display:block}
.menu_gsf_txt h4{font-size:18px;font-weight:normal;margin-bottom:15px}

/* SECTION Photos / Videos */
#menu_video a{display:none}
#menu_videoModule a{display:none}
caption{display:none}
.photo_videos_text{background:#7b003b;padding:32px 20px 0 20px;display:none;width:756px}
.videos_tab,.photos_tab{margin-left:auto;margin-right:auto;width:713px;margin-top:0}
.videos_tab img,.photos_tab img,.videos_tab td,.photos_tab td{width:161px;height:121px;padding:1px}
.videos_tab img.border_on,.photos_tab img.border_on{border:1px solid #e88805;padding:0}
.videos_tab img.border_off,.photos_tab img.border_off{padding:1px}
.menu_media_txt{background:#7b003b;padding:12px 0 0 0;display:none;}
#smenu_video{display:block}
#smenu_videoModule{display:block}
.pager_media{color:#f29400;text-align:center;padding-bottom:8px}
.infobulle{position:absolute;display:none;background:#f08d26;border:1px solid #7b7b7b;padding:5px;filter:Alpha(Opacity="80");opacity:0.8;color:#fff;font-weight:bold;hieght:20px}
.menu_media_txt{}
.menu_media_txt img{border:1px solid transparent;margin:12px 0px 12px 29px}
.menu_media_txt img.border_on{border:1px solid #e88805;padding:0}
.menu_media_txt .filtreDiv span{margin:0px 5px 0px 28px}
.module_media_txt{background:#7b003b;padding:12px 0 0 0;display:none}
.module_media_txt img{margin:12px 0px 12px 0px}

/* SECTION Espace Presse */
#menu_media1 a{display:none}
.media_center_txt{background:#7b003b;padding:32px 20px 0 20px;display:none;width:756px}
#smenu_media1{display:block}
.media_block{background:#9c004b;font:12px Arial,Helvetica,sans-serif;padding:13px 15px 0 25px;margin:0 -20px 0 -20px;height:73px;width:756px}
#mainContent_2 .media_block img{float:right;margin:-13px 0 0 25px}
.download_here{text-align:right;margin:0 -5px 10px 0}

/* SECTION Infos pratiques */
/* Accès */
#smenu_acces img{border:0px;margin:0px}
/* Nous contacter */
#smenu_contact fieldset{margin:35px auto 0 auto;width:500px;border:none}
.input_text{width:252px;height:20px;background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff}
div#smenu_contact label{display:block;width:228px;float:left}
table.rblClass label{margin:2px 9px 0px 3px;width:50px !important}
div#smenu_contact input{display:block;float:left;margin-bottom:7px}
.contact_label{display:block;width:228px;float:left}
.code{background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff;width:30px;margin-right:15px}
.phone{background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff;width:150px}
.subject{background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff;width:480px;height:135px;margin-top:15px}
#code{width:30px;margin-right:15px}
#phone{width:150px}
#subject{width:487px;height:135px;margin-top:15px}
div#smenu_contact label#code_lab{width:50px;font-size:9px;text-align:center}
div#smenu_contact .contact_us_send{float:right;margin-bottom:22px}

/* SECTION Inscriptions en ligne */
/* Location */
#menu_acces a{display:none}
#smenu_acces{display:block}
#col_1{float:left;padding:27px 0 0 13px;width:288px}
#col_2{float:left;padding:27px 0 0 13px;width:481px}
#block_adress{margin-bottom:50px}
#block_access{margin-bottom:23px}
#col_1 a,#col_2 a{text-decoration:underline}
#enlarge_location{width:103px;height:28px;background:url(../images/enlarge.jpg) no-repeat;text-indent:-9999px;float:left}
#enlarge_location a{display:block;width:103px;height:28px}
#download_location{width:121px;height:28px;background:url(../images/download.jpg) no-repeat;text-indent:-9999px;float:left;margin-left:5px}
#download_location a{display:block;width:121px;height:28px}
#adress_location{width:117px;height:11px;background:url(../images/adress.jpg) no-repeat;text-indent:-9999px;padding-bottom:8px;margin:0 0 2px 12px}
.p_yellow{border-top:5px solid #d4d700;margin:0 0 0 0;padding:5px 0 0 10px}
#access_location{width:97px;height:11px;background:url(../images/access.jpg) no-repeat;text-indent:-9999px;padding-bottom:8px;margin:0 0 2px 12px}
.p_pink{border-top:5px solid #bd007b;margin:0 0 0 0;padding:5px 0 0 10px}
.p_none{margin:0 0 0 0;padding:8px 0 0 10px}
/* Page Authentification */
#log{width:530px;height:240px;background:#7b003b;position:relative;padding:0 27px 12px 27px;position:relative}
#log a{text-decoration:underline}
.email_lab{position:absolute;top:0;left:0;margin:45px 0 0 28px;color:#fff}
.email_log{position:absolute;top:0;right:0;margin:36px 28px 0 0;width:252px;height:20px;background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff}
.pass_lab{position:absolute;top:0;left:0;margin:80px 0 0 28px;color:#fff}
.password_log{position:absolute;top:0;right:0;margin:65px 28px 0 0;width:252px;height:20px;background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff}
#lost_password{font-size:10px;position:absolute;top:0;left:0;margin:102px 0 0 28px}
.email2_lab{position:absolute;top:0;left:0;margin:135px 0 0 28px;color:#fff}
.email2_log{position:absolute;top:0;left:0;margin:132px 0 0 297px;width:170px;height:20px;background:#9c004b;border:1px solid #660031;padding:0 0 0 5px;color:#fff}
#p_log{position:absolute;top:0;left:0;margin:205px 0 0 28px}
#log_ok{position:absolute;top:0;right:0;margin:95px 28px 0 0}
#log_ok2{position:absolute;top:0;right:0;margin:129px 28px 0 0}
#press_acces{position:absolute;top:0;left:0;margin:205px 0 0 95px;color:#fff;font-size:12px}
a#lightwindow_title_bar_close_link{}
a:link#lightwindow_title_bar_close_link,a:visited#lightwindow_title_bar_close_link{cursor:pointer;position:absolute;top:0;left:0;margin:0 0 0 0}
.error_message{color:red;font-weight:bold;position:absolute;top:0;left:0;margin:170px 0 0 28px;font-size:12px}
#container_pre_home{background:#000}
#flash_pre_home{width:800px;margin-right:auto;margin-left:auto}
.skip{width:800px;margin-right:auto;margin-left:auto;text-align:right;padding:5px 65px 0 0}

/* FOCUS */
.focus_1{width:155px;height:118px;background:#ea5d0e;padding:6px 0 0 0;float:left}
.focus_1 p{padding:1px 9px 0 0;font-size:12px;color:#240618;font-weight:bold;float:right}
.focus_2{width:155px;height:118px;background:#009ee0;padding:6px 0 0 0;float:left;margin-left:22px}
.focus_2 p{padding:1px 9px 0 0;font-size:12px;color:#240618;font-weight:bold;float:right}
.focus_3{width:155px;height:118px;background:#e9e000;padding:6px 0 0 0;float:left;margin-left:22px}
.focus_3 p{padding:1px 9px 0 0;font-size:12px;color:#240618;font-weight:bold;float:right}
div#focus div.focus_1 p a,div#focus div.focus_2 p a,div#focus div.focus_3 p a{color:#000}

/* FOOTER */
#official_partners{font:bold 12px Arial,Helvetica,sans-serif;margin:20px 0 7px 162px}
#footer_partners{width:799px;background:white;height:30px;padding-left:162px}
#footer_partners img{height:30px;margin-right:15px}
#ajuntament_de_barcelona{position:relative;width:166px;height:22px;padding:0px 0 0 42px;float:left}
#ajuntament_de_barcelona a{position:absolute;top:0;left:0;width:140px;height:22px;display:block;padding:0px 0 0 35px}
#sg{width:105px;height:30px;background:url(../images/sg.gif) no-repeat;text-indent:-9999px;float:left}
#sg a{display:block;width:105px;height:30px}
#footer ul{margin:5px 0 0 162px;padding:8px 0 0 0;border-top:1px solid #7b003b;width:508px}
#footer ul li{display:inline}
#footer ul li.bar{margin:0 3px}
#copyright{color:#7b003b;width:508px;margin:7px 0 10px 162px;text-align:right}
#nsquare{text-indent:-9999px;font-size:1px}

/* DIVERS */
/* Pagers */
.pagination{text-align:center;padding-bottom:8px;background-color:#009ee0;}
.pagination a{color:#fff;border:solid 2px transparent;margin:0px 3px;padding:0px 2px}
.pagination a:hover{text-decoration:none}
.pagination .current{border-bottom:solid 2px white}
.pager{height:17px;background:#009ee0;padding:3px 0 0 0}
.Pager span{color:#888}
/* Blocs Filtre */
.blocRecherche{margin-bottom:30px}
.blocRecherche div{margin-bottom:5px}
.blocRecherche span{width:150px;float:left;line-height:22px}
.blocRecherche .champ{width:250px;margin-right:5px}
.blocRecherche select{width:254px}
/* Médias associés */
.related_pics_block{width:256px;height:169px;background:#009ee0;border-top:6px solid #009ee0;text-align:right;margin-bottom:20px}
.related_pics_block p{padding:1px 10px 0 0}
.related_links_block{width:230px;height:18px;background:#7b003b;padding:5px 0 0 26px;margin:0 0 2px 0}
.related_links_block a{color:#f29400}

/* Thickbox */
*{padding:0;margin:0}
#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333333}
#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666666}
#TB_window a:link{color:#666666}
#TB_window a:visited{color:#666666}
#TB_window a:hover{color:#000}
#TB_window a:active{color:#666666}
#TB_window a:focus{color:#666666}
#TB_overlay{position:fixed;z-index:100;top:0px;left:0px;height:100%;width:100%}
.TB_overlayMacFFBGHack{background:url(macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75}
* html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')}
#TB_window{position:fixed;background:#7b003b;z-index:102;color:#000000;display:none;border:0px solid #7b003b;text-align:left;top:50%;left:50%}
* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window img#TB_Image{display:block;margin:15px 0 15px 15px;border:solid 0px #fff}
#TB_caption{position:absolute;color:#ffffbe;height:25px;padding:7px 0px 10px 0px;float:left;font-size:14px}
#TB_closeWindow{display:none;height:25px;padding:11px 25px 10px 0;float:right}
#TB_closeAjaxWindow{padding:7px 10px 5px 0;margin-bottom:1px;text-align:right;float:right}
#TB_ajaxWindowTitle{float:left;padding:7px 0 5px 10px;margin-bottom:1px}
#TB_title{background-color:#7b003b;height:27px;color:#fff;font-size:14px;color:#ffffbe}
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{padding:5px 0px 5px 0px}
#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px}
* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%}
* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px')}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}

/* SELECTBOX */
div.selectDiv{position:relative;display:inline}
div.selectbox-wrapper{position:absolute;top:15px;!top:18px;left:0px;width:400px;background-color:#9c0048;border:1px solid #660034;margin:0px;font-size:12px;color:#fff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;text-align:left;overflow:auto;z-index:500}
div.selectbox-wrapper ul{list-style-type:none;margin:0px;padding:0px}
div.selectbox-wrapper ul li.selected{background-color:#bc015c;color:#fff}
div.selectbox-wrapper ul li{list-style-type:none;display:block;margin:0;padding:1px 0px 1px 4px;cursor:pointer}
label{display:block}
.selectbox{height:16px;width:160px;padding-left:3px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:12px;text-align:left;cursor:pointer;color:#fff;border:solid 1px #660034;background-color:#9c0048}

.LinkPartage{width:25px;height:auto;background:#fff;text-align:center;padding:1px 0;}
.LinkPartage img{border:none;}
.LinkPartage li{list-style:none;width:18px;height:18px;margin:4px 4px;}

.LinkPartage li a{list-style:none;display:block;outline:none;}

.LinkPartage2{width:80px;height:25px;background:transparent;text-align:center;padding:1px 0;}
.LinkPartage2 img{border:none;}
.LinkPartage2 li{list-style:none;width:18px;height:18px;margin:4px 4px;}
.LinkPartage2 li.left{float:left; list-style:none;width:18px;height:18px;margin:4px 4px;}

.LinkPartage2 li a{list-style:none;outline:none;}