/********** FONTS **********/

@font-face {
    font-family: 'RopaSans';
    src: url('/static/fonts/ropasans-regular-webfont.eot');
    src: url('/static/fonts/ropasans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/ropasans-regular-webfont.woff') format('woff'),
         url('/static/fonts/ropasans-regular-webfont.ttf') format('truetype'),
         url('/static/fonts/ropasans-regular-webfont.svg#ropa_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/********** LAYOUT **********/

html, body { height: 100%; }
body { min-width: 1230px; max-width: 100%; min-height: 100%; background: #fff; color: #231f20; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 15px; line-height: 1.333em; }

a { color: #ec1c24; }

h1 { margin-bottom: -10px; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 60px; line-height: 0.8em; font-weight: normal; /*text-transform: uppercase;*/ position: relative; }
h1:after { display: block; content: "-"; font-size: 0.75em; position: relative; top: -0.1em; }
h2 { margin: 0.8em 0; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 1em; font-weight: normal; text-transform: uppercase; }
h3 { margin: 0.8em 0; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 20px; line-height: 0.88em; font-weight: normal; text-transform: uppercase; }

p { margin-bottom: 1em; }
hr { height: 1px; margin: 30px 0; border: 0 none; background: #000; }
ul, ol { margin-bottom: 15px; padding-left: 20px; }
ul { list-style-type: disc; }

strong{ font-weight: bold; }

blockquote{ padding: 20px; background: #F6F6F7; }

.dateNews{ margin: 20px 0; display: inline-block; font-weight: bold; }

.wrap_main { width: 100%; min-height: 100%; overflow: hidden; position: relative; }
.wrap_header { width: 100%; height: 30px; background: #373738 0 0 repeat; color: #fff; font-size: 12px; line-height: 30px; position: absolute; left: 0; top: 0; z-index: 49; }
.wrap_header > div { padding: 0 20px 0 260px; }
.wrap_content { width: 100%; min-height: 100%; float: left; }
.footer { width: 100%; background: #fff; position: relative; }

/* Navigation */
.wrap_nav { width: 240px; min-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; z-index: 50; }
.nav_panel { width: 240px; height: 100%; background: #f6f6f7; }
.nav_header { padding: 20px 39px; background: #fff; }

.nav_logo { display: block; }

.nav_menu, .nav_menu ul { margin: 0; padding: 0; list-style-type: none; }
.nav_menu a { display: table; width: 180px; height: 45px; border-bottom: 1px solid #e4e5e6; color: #000000; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.1em; text-transform: uppercase; text-decoration: none; position: relative; padding: 0 40px 0 20px; }
.nav_menu li:last-child > a { border-bottom: 0 none; }
.nav_menu li:hover > a,
.nav_menu li.active > a { color: #fff; }

.nav_menu > li { position: relative; }
.nav_menu > li > a { background: #fff; }
.nav_menu > li > a:after,
.nav_menu > li > ul > li > a:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; right: 8px; top: 50%; }
.nav_menu > li:hover > a:after,
.nav_menu > li > ul > li:hover > a:after,
.nav_menu > li.active > a:after { background-position: 0 -24px; }
.nav_menu > li > ul > li.titleSubSection > a:after { display: none; }
.nav_menu > li > ul > li.active a:hover { color: #fff; }

.nav_menu .item1 + ul > li.active > a:after { background: url('/static/images/frontend/nav_symbols_red.png') 0 0 no-repeat; }
.nav_menu .item1 + ul > li.active:hover > a:after { background: url('/static/images/frontend/nav_symbols.png') 0 -24px no-repeat; }
.nav_menu li:hover .item1,
.nav_menu .item1 + ul > li > a:hover,
.nav_menu .active .item1 { background: #ec1c24; color: #fff; }
.nav_menu .item1 + ul > li.active > a { color: #ec1c24; }

.nav_menu .item2 + ul > li.active > a:after { background: url('/static/images/frontend/nav_symbols_blue.png') 0 0 no-repeat; }
.nav_menu .item2 + ul > li.active:hover > a:after { background: url('/static/images/frontend/nav_symbols.png') 0 -24px no-repeat; }
.nav_menu li:hover .item2,
.nav_menu .item2 + ul > li > a:hover,
.nav_menu .active .item2 { background: #00adee; color: #fff; }
.nav_menu .item2 + ul > li.active > a { color: #00adee; }

.nav_menu .item13 + ul > li.active > a:after { background: url('/static/images/frontend/nav_symbols_lightgreen.png') 0 0 no-repeat; }
.nav_menu .item13 + ul > li.active:hover > a:after { background: url('/static/images/frontend/nav_symbols.png') 0 -24px no-repeat; }
.nav_menu li:hover .item13,
.nav_menu .item13 + ul > li > a:hover,
.nav_menu .active .item13 { background: #8bc53f; color: #fff; }
.nav_menu .item13 + ul > li.active > a { color: #8bc53f; }

.nav_menu .item14 + ul > li.active > a:after { background: url('/static/images/frontend/nav_symbols_green.png') 0 0 no-repeat; }
.nav_menu .item14 + ul > li.active:hover > a:after { background: url('/static/images/frontend/nav_symbols.png') 0 -24px no-repeat; }
.nav_menu li:hover .item14,
.nav_menu .item14 + ul > li > a:hover,
.nav_menu .active .item14 { background: #16a75d; color: #fff; }
.nav_menu .item14 + ul > li.active > a { color: #16a75d; }

.nav_menu a > span { display: table-cell; vertical-align: middle; position: relative; top: 2px; }

.nav_menu > li > ul { display: none; width: 240px; position: absolute; left: 240px; top: 0; z-index: 51; }
.nav_menu > li > ul.visible { display: block !important; }

.nav_menu > li > ul > li.nav_back, .nav_menu .titleSubSection { display: none; }
.nav_menu > li > ul > li.nav_back > a { background: #c2c2c2; border-bottom: 1px solid #fff; }
.nav_menu > li > ul > li.nav_back > a:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') -48px 0 no-repeat; position: absolute; right: 8px; top: 50%; }
.nav_menu > li > ul > li.nav_back:hover > a:after { background-position: -48px -24px; }
.nav_menu > li > ul > li > a { background: #fff; }

.nav_menu li ul li ul.publicationType li a:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; right: 8px; top: 50%; }
.nav_menu li ul li ul.publicationType li a{ color: black; background: #F1F2F2; }

.nav_menu li ul li ul.publicationType li.active a{ color: #16A75D; }
.nav_menu li ul li ul.publicationType li.active a:after{ color: #16A75D; background: url('/static/images/frontend/nav_symbols_green.png') 0 0 no-repeat; }

.nav_menu li ul li ul.publicationType li a:hover{ color: white; background: #16A75D; }
.nav_menu li ul li ul.publicationType li:hover a:after{ background-position: 0px -24px; }

/* Header */
.breadcrumb { margin: 0; padding: 0; list-style-type: none; float: left; }
.breadcrumb > li { display: inline; }
.breadcrumb > li:before { margin: 0 5px; content: ">"; }
.breadcrumb > li:first-child:before { margin: 0; content: ""; }
.breadcrumb > li a { color: #fff; }

.header_nav { margin: 0; padding: 0; list-style-type: none; float: right; }
.header_nav > li { display: inline; margin-left: 10px; padding-left: 10px; border-left: 1px solid #fff; position: relative; }
.header_nav > li:first-child { border-left: 0; }
.header_nav > li > a { color: #fff; text-decoration: none; }
.header_nav > li > a:hover { text-decoration: underline; }

/* Side Panel */
.side_panel { width: 318px; min-height: 100%; position: absolute; /*right: -268px;*/ right: 0; top: 0; z-index: 48; }
.side_panel > div { width: 318px; background: #373738 0 0 repeat; color: #fff; font-size: 15px; position: absolute; top: 30px; left: 0; bottom: 0; }

.side_panel .side_nav, .side_panel .side_nav > ul { list-style-type: none; }
.side_panel .side_nav, .side_panel .side_nav ul { margin: 0; padding: 0; }
.side_panel .side_nav > li { border-bottom: 1px solid #fff; }
.side_panel .side_nav > li > a.title { display: block; height: 61px; padding: 12px 15px; color: #fff; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 24px; line-height: 1em; font-weight: normal; text-decoration: none; text-transform: uppercase; position: relative; }
.side_panel .side_nav > li > a.title span{ position: relative; top: 8px; }
.side_panel .side_nav > li > a.title:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') -24px -24px no-repeat; position: absolute; right: 10px; top: 50%; }
.side_panel .side_nav > li > a.title:hover { background: #00ADEE; }
.side_panel .side_nav .content { padding: 15px; display: none; }
.side_panel .side_nav .content a{ color: white; }
.side_panel .side_nav li .content, .side_panel .side_nav li.open a.title{ background: #00ADEE; }
.side_panel .side_nav .content ul{ margin-bottom: 10px; }
.side_panel .side_nav .content ul li{ list-style-type: disk !important; margin-left: 25px; }

.side_panel .news_box { width: 270px; padding: 20px 24px; background: #ea3037; color: #fff; position: absolute; left: 0; bottom: 0; }
.side_panel .news_box a { text-decoration: none; color: white; outline: none; }
.side_panel .news_box .news_title { display: block; font-size: 16px; line-height: 16px; font-family: RopaSans; -webkit-font-smoothing: antialiased; /*text-transform: uppercase;*/ }
.side_panel .news_box .news_content { font-size: 14px; line-height: 1.2em; -webkit-font-smoothing: antialiased; }

.side_panel #sidenav_members a.updateAccount{ width: 278px; display: block; padding: 20px 20px; background: #8bc53f; line-height: 18px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: white; text-decoration: none; position: relative; border-bottom: 1px white solid; }
.side_panel #sidenav_members a.updateAccount:hover{ text-decoration: underline; }

.side_panel #sidenav_members a.bulletinBox{ width: 278px; display: block; padding: 20px; background: #00a551; line-height: 18px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: white; text-decoration: none; position: relative; border-bottom: 1px white solid; }
.side_panel #sidenav_members a.bulletinBox:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') 0px -24px no-repeat; position: absolute; right: 4%; bottom: 17px; z-index: 999; }
.side_panel #sidenav_members a.bulletinBox span{ display: block; }
.side_panel #sidenav_members a.bulletinBox span.titleCTA {  }
.side_panel #sidenav_members a.bulletinBox span.titleCTA:after { display: block; content: "-"; font-size: 2em; position: relative; top: 0.1em; margin-bottom: 15px; }
.side_panel #sidenav_members a.bulletinBox span.titleBulletin { font-size: 30px; margin-bottom: 40px; line-height: 30px; }
.side_panel #sidenav_members a.bulletinBox:hover span.titleBulletin{ text-decoration: underline; }

.side_panel #sidenav_members #membersMessages{ background: #373738; padding: 20px; width: 278px; line-height: 18px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: white; text-decoration: none; position: relative; }
.side_panel #sidenav_members #membersMessages .titleCTA:after { display: block; content: "-"; font-size: 2em; position: relative; top: 0.1em; }
.side_panel #sidenav_members #membersMessages a.message{ line-height: 30px; font-size: 30px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: white; text-decoration: none; display: block; padding: 20px 0; border-bottom: 1px white solid; position: relative; }
.side_panel #sidenav_members #membersMessages a.message:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') 0px -24px no-repeat; position: absolute; right: 4%; bottom: 17px; z-index: 999; }

.side_panel #sidenav_members #membersMessages a.seeAllMessage{ line-height: 30px; font-size: 16px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: white; text-decoration: none; display: block; padding: 15px 0; border-bottom: 1px white solid; position: relative; }
.side_panel #sidenav_members #membersMessages a.seeAllMessage:after { display: block; content: ""; width: 24px; height: 24px; margin-top: -12px; background: url('/static/images/frontend/nav_symbols.png') 0px -24px no-repeat; position: absolute; right: 4%; bottom: 17px; z-index: 999; }
.side_panel #sidenav_members #membersMessages a:hover{ text-decoration: underline; }

/* CALL TO ACTION LEFT SIDE */
.nav_panel #cta{ position: absolute; top: 1000px; }
.nav_panel .ctaLeft{ display: block; text-decoration: none; width: 200px; background: #19B4EF; font-family: Ropasans; text-transform: uppercase; padding: 12px 20px; border-top: 1px white solid; position: relative; }
.nav_panel .ctaLeft h2{ color: white; font-size: 24px; line-height: 1em; margin: 0; background: url('/static/images/frontend/submit_arrow.png') no-repeat right 31px; }
.nav_panel .ctaLeft#ctaCongres{ padding: 24px 20px; }
.nav_panel .ctaLeft#ctaCongres h2{ background: url('/static/images/frontend/submit_arrow.png') no-repeat right 31px; }
.nav_panel .ctaLeft#ctaCongres{ background: #EC1C24; }

/* Footer */
.footer_top { padding: 0 50px 50px 240px; border-top: 66px solid #f1f2f2; }
.footer_top > div { width: 880px; margin: -66px auto 0; }
.footer_menu > li { width: 205px; margin-left: 20px; float: left; }
.footer_menu > li:first-child { margin-left: 0; }
.footer_menu > li > a { display: table; width: 100%; height: 66px; margin-bottom: 20px; }
.footer_menu > li > a > span { display: table-cell; vertical-align: middle; }
.footer_menu a { color: #000; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 14px; text-decoration: none; text-transform: uppercase; }

.footer_menu, .footer_menu ul { margin: 0; padding: 0; list-style-type: none; }
.footer_menu .item1:hover,
.footer_menu .item1 + ul > li > a:hover { color: #ec1c24; }
.footer_menu .item2:hover,
.footer_menu .item2 + ul > li > a:hover { color: #00adee; }
.footer_menu .item13:hover,
.footer_menu .item13 + ul > li > a:hover { color: #8bc53f; }
.footer_menu .item14:hover,
.footer_menu .item14 + ul > li > a:hover{ color: #16a75d; }

.footer_bottom { height: 36px; background: #3c3d3d; padding: 0 50px 0 240px; color: #fff; font-size: 12px; line-height: 36px; }
.footer_bottom > div { width: 880px; margin: 0 auto; }
.footer_bottom a{ color: white; text-decoration: none; }
.footer_bottom a:hover{ text-decoration: underline; }

/* Login */
.login { width: 240px; }
.login .login_head { height: 26px; padding: 10px 35px 8px 46px; background: #16a75d; color: #fff; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 26px; text-transform: uppercase; position: relative; }
.login .login_head .symbol { display: block; width: 26px; height: 26px; background: url('/static/images/frontend/login_symbols.png') 0 0 no-repeat; position: absolute; left: 10px; top: 10px; }
.login .login_head .arrow { display: none; width: 13px; height: 13px; background: url('/static/images/frontend/login_symbols.png') -39px 0 no-repeat; position: absolute; right: 12px; top: 15px; }
.login .login_head.active .arrow { background-position: -26px 0; }
.login .login_content { padding: 5px 10px 8px; background: #16a75d; color: #fff; }
.login .login_content p { margin-bottom: 3px; font-size: 10px; line-height: 20px; }
.login .login_content a { color: #fff !important; text-decoration: underline; }
.login .login_content a:hover { text-decoration: none; }
.login .login_field { width: 188px; padding: 10px 15px; border: 1px solid #bfe8d3; font-size: 12px; line-height: 1em; }
.login .login_content .check_submit { margin: 10px 0 5px; }
.login input[type="checkbox"] { width: 12px; height: 12px; margin-right: 4px; vertical-align: middle; position: relative; cursor: pointer; }
.login input[type="checkbox"] + label { font-size: 10px; vertical-align: -1px; cursor: default; }
.login .login_submit { width: auto; height: 20px; margin: 0; padding: 2px 16px 0 0; background: transparent url('/static/images/frontend/submit_arrow.png') right center no-repeat; border: 0 none; color: #fff; font-size: 12px; line-height: 20px; font-family: RopaSans; -webkit-font-smoothing: antialiased; vertical-align: middle; text-transform: uppercase; overflow:visible; float: right; }
.login .login_content .errorMSG { text-align: center; color: white; font-weight: bold; font-size: 12px; margin-bottom: 10px; display: none; }
.login .login_content input.error{ border-color: red; background: pink; }

.nav_panel .login { position: absolute; bottom: 0; left: 0; }
.nav_panel .login .login_content { /*display: none;*/ }

.header_nav .login_open.active { color: #16a75d; }
.header_nav .login { display: none; position: absolute; left: 8px; top: 22px; }

/* Content */
.main_content a { text-decoration: none; }
.main_content a:hover { text-decoration: underline; }
body.section-1  .main_content a { color: #ec1c24; }
body.section-2  .main_content a { color: #00adee; }
body.section-13 .main_content a { color: #8bc53f; }
body.section-14 .main_content a { color: #16a75d; }

.main_content { margin-bottom: -7px; padding: 0 318px 0 240px; }
.main_content > div { width: 880px; margin: 0 auto; padding: 0 30px; padding-top: 100px; padding-bottom: 100px; }
.main_content .intro_text { margin-bottom: 25px; font-size: 19px; line-height: 23px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
.main_content .content_box { width: 100%; padding: 20px 72px 20px 72px; position: relative; left: -72px; background: #fff; }

.page_intro { margin-bottom: 20px; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.375em; text-transform: uppercase; }

#photo_banner { width: 100%; max-height: 420px; margin: 0; padding: 30px 0 0; text-align: center; overflow: hidden; position: relative; }
#photo_banner > img { min-width: 100%; max-width: 100%; height: auto; }
#photo_banner .banner_intro { width: 100%; margin: 0; padding: 0; background: transparent url('/static/images/frontend/bg_black_80.png') 0 0 repeat; color: #fff; text-align: left; position: absolute; left: 0; top: 30px; right; 0; }
#photo_banner .banner_intro > div { width: 880px; margin: 0 auto; padding: 20px 30px 30px 30px; }
#photo_banner .banner_intro > div p { font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 18px; text-transform: uppercase; margin: 0; }
#photo_banner .banner_intro > div span { font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
#photo_banner .banner_intro_not_home > div p{ padding: 10px 0 0 0; margin-bottom: 10px; }

#photo_banner + #content { padding-top: 30px; }

#photo_banner.section_banner .banner_intro > div { padding-top: 8px; padding-bottom: 8px; }

/********** PAGE STYLES **********/

/* Accueil */
.home .wrap_header { background: transparent url('/static/images/frontend/bg_black_80.png') 0 0 repeat; }
.home .breadcrumb { display: none; }

.home .main_content { padding-right: 0; }

.home .nav_panel { background: rgba(246,246,247,0.75); }
.home .side_panel { width: 400px; right: 0; }
.home .side_panel > div { width: 100%; background: transparent; }
.home .side_panel .side_nav { display: none; }
.home .side_panel .news_box { width: 352px; background: rgba(234,48,55,0.95); }

#home_bg { width: 100%; height: 100%; padding: 0; position: absolute; left: 0; top: 0; }
#home_bg video { min-width: 100%; min-height: 100%; }
#home_bg img.ui-video-background-poster{ width: 100%; }
#home_intro { width: 100%; margin: 0; padding: 0; background: transparent url('/static/images/frontend/bg_black_80.png') 0 0 repeat; color: #fff; text-align: left; position: absolute; left: 0; top: 30px; right; 0; }
#home_intro > div { width: 900px; margin: 0 auto; padding: 20px 50px 30px 240px; }
#home_intro > div p { font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 18px; text-transform: uppercase; }
#home_intro > div span { font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; }

/* Équipe */
.team_table { width: 100%; margin-bottom: 40px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.team_table th { padding: 5px; text-align: left; font-family: RopaSans; font-weight: normal; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
.team_table td { padding: 15px 5px; border-top: 1px solid #000; font-family: RopaSans; -webkit-font-smoothing: antialiased; }
.team_table td strong { font-size: 16px; }
.team_table .photoMembre{ float: left; margin: 0 20px 10px 0; }

/* Communiqués */
.press_releases { margin: 30px 0 0; padding: 0; list-style-type: none; }
.press_releases li { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #000; }
.press_releases li .date { display: block; margin-bottom: 5px; font-size: 17p1x; font-family: RopaSans; text-transform: uppercase; }
.press_releases li .title { line-height: 1em; }
#content .press_releases li .title { margin-top: 0; margin-bottom: 0; text-transform: none; }
.press_releases .arrowMoreInfo{ position: relative; top: 1px; width: 12px; height: 11px; }

#pagination.custom a,
#pagination.custom span { margin-left: 8px; padding: 0 5px; color: #555; font-size: 20px; line-height: 24px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; cursor: pointer; float: left; }
#pagination.custom .prev,
#pagination.custom .next { display: block; width: 24px; height: 24px; padding: 0; background-image: url('/static/images/frontend/nav_symbols.png'); background-repeat: no-repeat; text-indent: -9999em; }
#pagination.custom .prev { background-position: -72px 0; }
#pagination.custom .next { background-position: 0 0; }
#pagination.custom .active .prev,
#pagination.custom .active .next { cursor: default; opacity: 0.2; }
#pagination.custom .active span,
#pagination.custom a:hover { color: #ec1c24; }

/* Inscription */
.main_content.subscription { background: #e6e6e6; }
#formSubscription{ width: 100%; margin: 80px auto 0 auto; border: 0 none; border-radius: 0; }

#formSubscription ul.headerTabs{ background: transparent none; padding: 0 5px 0 0; padding-top: 0; position: absolute; top: -42px; left: 67px; border: none; }
	#formSubscription ul.headerTabs li{ width: 84px; height: 84px; text-align: center; float: left; overflow: hidden;
		margin-left: 5px; border: none; background: none; opacity: 1; }
	#formSubscription ul.headerTabs li a{
		width: 84px; height: 84px; background: #abe1fa; border-radius: 84px; display: block; font-size: 60px;
		color: #fff; font-weight: bold; text-decoration: none; margin: 0; padding: 0; font-family: Arial, sans-serif; line-height: 84px; }
	#formSubscription ul.headerTabs li a:hover{ background: gray; }
	#formSubscription ul.headerTabs li.ui-state-active a:hover, #formSubscription ul.headerTabs li.ui-state-disabled a:hover{
		background: #abe1fa; }
	#formSubscription ul.headerTabs li.ui-tabs-active a, #formSubscription ul.headerTabs li.ui-tabs-active a:hover{
		background: #00adee; }

#formSubscription .tabContent { padding: 50px 0 0; }
#formSubscription .tabContent h3 { margin: 20px 0 5px; }
#formSubscription .tabContent p { font-size: 14px; }
#formSubscription .tabContent ul { padding-left: 20px; list-style-type: disc; }
#formSubscription .tabContent ul li { font-size: 14px; text-indent: 30px; }

#formSubscription #accordionCatMember .headerAccordion { padding: 0 0 0 43px; background: transparent none; border: 0 none; border-top: 1px solid #000; border-radius: 0; }
	#formSubscription #accordionCatMember .headerAccordion .ui-icon { width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; top: 26px; }
	#formSubscription #accordionCatMember .headerAccordion.ui-state-active .ui-icon { background-position: -24px 0; }
#formSubscription #accordionCatMember .contentAccordion { padding: 5px 0 20px 0; border: 0 none; }
#formSubscription #accordionCatMember .contentAccordion .advantages{ width: 430px; float: left; }
#formSubscription #accordionCatMember .contentAccordion .admissibility{ width: 430px; float: left; margin-left: 20px; }
	#formSubscription #accordionCatMember .contentAccordion h4 { padding: 5px 10px; background: #f6f6f7; font-family: RopaSans; font-weight: normal; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
	#formSubscription #accordionCatMember .contentAccordion ul { list-style-type: none; padding: 0 10px; }
		#formSubscription #accordionCatMember .contentAccordion ul li { margin-bottom: 10px; font-size: 14px; text-indent: 0; }
	#formSubscription #accordionCatMember .contentAccordion .btnMemberTypeChoice { display: inline-block; margin-top: 30px; padding-right: 50px ; border: 0 none; background: transparent url('/static/images/frontend/right_arrow_blue_l.png') right center no-repeat; color: #00adee; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 30px; text-transform: uppercase; }
	#formSubscription #accordionCatMember .contentAccordion .btnMemberTypeChoice:hover { background-position: 98% center; }

#formSubscription #accordionCatMember ul{ margin: 15px 0 0 0; }
#formSubscription #accordionCatMember ul li{ list-style: disc; margin-left: 20px; }

#formSubscription #theForm { margin-top: 20px; padding-bottom: 15px; }
#formSubscription #theForm label {
	float: left; width: 25%; margin-bottom: 8px; text-transform: uppercase; font-size: 14px; font-family: RopaSans; font-weight: normal; -webkit-font-smoothing: antialiased;
	padding-top: 7px;}
#formSubscription #theForm input { float: left; width: 70%; padding: 5px 2%; background: #f6f6f6; border: 1px solid #cfd0d1; font-size: 13px; line-height: 18px; }
#formSubscription #theForm select { float: left; width: 74.3%; padding: 5px 39px 5px 2%; font-size: 13px; line-height: 18px; margin: 0; -webkit-appearance: none; -moz-appearance: button !important; appearance: none; background: #f6f6f6 url('/static/images/frontend/form_select_arrow.png') right center no-repeat; border: 1px solid #cfd0d1; border-radius: 0; overflow: hidden; position: relative; }

#formSubscription #theForm #state { width: 40%; }
#formSubscription #theForm #state + label { margin-left: 8%; width: 12%; }
#formSubscription #theForm input#postalCode{ text-transform: uppercase; }
#formSubscription #theForm #postalCode { width: 10%; }
#formSubscription #theForm #administrativeRegion { width: 40%; }
#formSubscription #theForm #phone,
#formSubscription #theForm #fax,
#formSubscription #theForm #email,
#formSubscription #theForm #website { width: 35.8%; }

#formSubscription .obligatory{ font-size: 12px; font-family: cursive; }
#formSubscription .erreur{ color: red; }
#formSubscription input.erreur, #formSubscription select.erreur{ border: 1px red solid; }

#formSubscription #theForm #language{ width: 75%; float: left; }
#formSubscription #theForm .fakeLabelLanguage{ float: left; width: 25%; margin-bottom: 0.8em; }
	#formSubscription #theForm #language .checkboxLabel{
		width: 33%; font-size: 14px; float: left; font-weight: normal; margin: 0 0 5px 0; padding: 0; }
	#formSubscription #theForm div.fakeLabelLanguage label#labelLanguage{ width: 100%; }

#formSubscription #theForm #sections{ width: 50%; float: left; }
#formSubscription #theForm #sectors{ width: 50%; float: left; }
#formSubscription #theForm #productionType{ width: 50%; float: left; }
	#formSubscription #theForm .checkboxLabel{ width: 50%; font-size: 14px; float: left; font-weight: normal; margin: 0 0 5px 0; padding: 0; }
	#formSubscription #theForm .checkboxLabel input{ width: auto; float: left; margin-right: 10px; position: relative; top: 2px; }

#formSubscription #theForm .fakeLabel{ float: left; width: 50%; margin-bottom: 0.8em; }
	#formSubscription #theForm .fakeLabel label{ margin: 0; padding: 0; text-transform: uppercase; font-size: 14px; width: 50%; }
	#formSubscription #theForm .fakeLabel #linkDetailSection{ width: 47%; margin-right: 3%; font-size: 14px; line-height: 1.2em; text-transform: uppercase; font-family: RopaSans; -webkit-font-smoothing: antialiased;
		text-decoration: none; float: left; }

#formSubscription #theForm .checkboxLabel.singleCheckbox{ font-size: 13px; width: auto; font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: none;  }
	#formSubscription #theForm .checkboxLabel.singleCheckbox *{ position: relative; top: 8px; }
	#formSubscription #theForm .checkboxLabel.singleCheckbox a { color: #00adee; }

#formSubscription #theForm .step_button { margin-top: 80px; height: 30px; background: transparent none; border: 0 none; font-size: 16px; line-height: 30px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; overflow: visible; position: relative; }
#formSubscription #theForm #btnBack_Step2 { padding-left: 70px; }
#formSubscription #theForm #btnBack_Step2:before{ display: block; content: ""; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') -72px 0 no-repeat; position: absolute; left: 0; top: 3px; }
#formSubscription #theForm #btnNext_Step2 { padding-right: 70px; }
#formSubscription #theForm #btnNext_Step2:after { display: block; content: ""; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; right: 0; top: 3px; }

.step_button { margin-top: 80px; height: 30px; background: transparent none; border: 0 none; font-size: 16px; line-height: 30px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; overflow: visible; position: relative; }
#btnBack_Step3 { padding-left: 70px; }
#btnBack_Step3:before{ display: block; content: ""; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') -72px 0 no-repeat; position: absolute; left: 0; top: 3px; }
#btnNext_Step3 { padding-right: 70px; }
#btnNext_Step3:after { display: block; content: ""; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; right: 0; top: 3px; }

#formSubscription #choosedMemberType{ position: absolute; right: 72px; top: 10px; font-size: 14px; text-transform: uppercase; }
	#formSubscription #choosedMemberType span{ font-weight: bold; }

#formSubscription #msgErreur, #formSubscription #msgErreurEmail{ font-size: 18px; margin-bottom: 30px; color:red; display: none; }
	#formSubscription #msgErreur.erreur, #formSubscription #msgErreurEmail.erreur{ display: block; }

#formSubscription #documentsList{ padding-top: 10px; }
	#formSubscription #documentsList .document{ border-top: 1px lightgray solid; padding: 10px 0 22px 0; }

textarea.animated { -webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s; }

/* FAQ */
.faq { margin-top: 40px; border-bottom: 1px solid #000; }
.faq dt { padding: 25px 0 20px 32px; border-top: 1px solid #000; font-family: RopaSans; -webkit-font-smoothing: antialiased; font-size: 30px; line-height: 1em; font-weight: normal; text-transform: uppercase; cursor: pointer; position: relative; }
.faq dt .arrow { display: block; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; left: 0; top: 25px; }
.faq dt.active .arrow { background-position: -24px 0; }
.faq dd { display: none; padding: 0 32px 20px 32px; }

/* Bottin details */
.main_content.details { background: #fff; }
.details #content { padding-top: 30px; }

.details #content h2 { margin: 3px 0 0; font-size: 18px; line-height: 1em; }
.details #content a { color: #000; }

.col { margin-left: 40px; float: left; }
.col_4 .col { width: 190px; }
.col_2 .col { width: 420px; }
.col:first-child { margin-left: 0; }

.details_info > span { display: block; }
.details_info .address,
.details_info .website { font-weight: bold; }

.admin_region, .admin_section { margin-bottom: 20px; }

.tags li { float: right; margin-right: 10px; }

.details_description { -moz-column-count: 2; -moz-column-gap: 40px; -webkit-column-count: 2; -webkit-column-gap: 40px; column-count: 2; column-gap: 40px; }

/* Publications */
.publications .search_filter { width: 880px; margin: 20px 0 0 -20px; padding: 20px; background: #f2f2f3; }
.publications .search_filter > span { display: block; margin-bottom: 5px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
.publications .search_filter > span small { font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: none;  }
.publications .search_filter input[type="text"] { padding: 10px 20px; width: 580px; border: 1px solid #000; }
.publications .filter_title { margin: 25px 0 35px; font-size: 16px; }
.publications .filters_alpha { -moz-column-count: 4; -moz-column-gap: 40px; -webkit-column-count: 4; -webkit-column-gap: 40px; column-count: 4; column-gap: 40px; }
.publications .filters_alpha, .publications .filters_alpha ul { margin: 0 0 20px; padding: 0; list-style-type: none; }
.publications .filters_alpha > li { margin-bottom: 10px; }
.publications .filters_alpha li > div { display: inline-block; }
.publications .filters_alpha .letter { display: block; margin-bottom: 10px; font-size: 40px; line-height: 1em; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
.publications .filters_alpha a { color: #000 !important; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; text-decoration: underline;  }
.publications .filters_alpha a:hover { color: #16a75d !important; }
.publications .filters_list { padding: 0; list-style-type: none; }
.publications .filters_list li { display: block; width: 390px; margin: 0 0 30px; padding: 0; float: left; }
.publications .filters_list li:nth-child(odd) { margin-right: 100px; }
.publications .filters_list li h3 { margin: 0 0 5px; padding-right: 40px; background: url('/static/images/frontend/right_arrow_black_xl.png') right 2px no-repeat; font-size: 40px; }
.publications .filters_list li h3 a { display: block; color: #000; }
.publications .filters_list li .doc_count { display: block; margin-bottom: 10px; font-size: 14px; text-transform: uppercase; }
.publications .reminder_box { margin-bottom: 20px; padding: 30px; background: #e5f6ed; }
.publications .reminder_box h3 { margin: 0 0 5px; }

/* FORM CONTACT */
#content.contactUs #formContact #btnSend { margin-top: 20px; height: 30px; background: transparent none; border: 0 none; font-size: 16px; line-height: 30px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; overflow: visible; position: relative; padding-right: 22px; padding-left: 0px; position: relative; left: -2px; }
#content.contactUs #formContact #btnSend:after { display: block; content: ""; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; right: 0; top: 3px; }
#content.contactUs #formContact #btnSend:hover{ text-decoration: underline; }

#content.contactUs h2{ font-size: 60px; margin: 0; padding: 0; }
#content.contactUs .address{ font-size: 20px; font-family: RopaSans; line-height: 24px; }
#content.contactUs #formContact{ background: #e6e6e6; padding: 22px; border-top: 1px black solid; margin-top: 30px; }
#content.contactUs #formContact .introForm{ font-size: 19px; font-family: RopaSans; text-transform: uppercase; margin-bottom: 40px; }
#content.contactUs #formContact label{ font-size: 16px; line-height: 20px; float: left; width: 23%; text-transform: uppercase; font-family: RopaSans; padding-top: 5px; }
#content.contactUs #formContact input{ width: 75%; padding: 5px; margin-bottom: 10px; }
#content.contactUs #formContact textarea{ width: 75%; padding: 5px; margin-bottom: 10px; height: 200px; }
#content.contactUs #formContact select{ width: 76.5%; padding: 5px; margin-bottom: 10px; }
#content.contactUs #formContact #requiredFields{ font-size: 15px; margin: 0px; padding: 0; padding-top: 15px; border-top: 1px black solid; margin-top: 30px; }
#content.contactUs #formContact .error{ color: red; }

/* Members */
.members .search_filter { width: 880px; margin: 20px 0 0 -20px; padding: 20px; background: #f2f2f3; }
.members .search_filter > span { display: block; margin-bottom: 5px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; }
.members .search_filter > span small { font-family: Arial, Helvetica, Verdana, sans-serif; text-transform: none;  }
.members .search_filter input[type="text"] { padding: 10px 20px; width: 580px; border: 1px solid #000; }

/* edit member */
.imageUploadBox{ border: 1px #CFD0D1 solid; padding: 10px; float: left; border-radius: 5px; margin-bottom: 10px; width: 72%; }
	.imageUploadBox .sizeInfo{ clear: both; display: block; font-size: 11px; position: relative; top: 5px; }
	.imageUploadBox hr{ margin: 10px 0; padding: 0; background: #CFD0D1; }
	.imageUploadBox .progressBar{ width: 100%; height: 10px; background: #E0E0E0; border-radius: 10px; }
	.imageUploadBox .progressBar .bar{ width: 0%; background: #40BC3F; height: 10px; border-radius: 10px; }
	.imageUploadBox .imageInfo img{ float: left; margin-right: 15px; border-radius: 5px; }
	.imageUploadBox .imageInfo a{ display: block; color: #EC1C24; margin-bottom: 5px; position: relative; top: 4px; outline: none; font-family: RopaSans; }

.imageUploadBox{ background: #F6F6F6; border-radius: 0px; }

#formSubscription #btnSave { margin-top: 20px; height: 30px; background: transparent none; border: 0 none; font-size: 16px; line-height: 30px; font-family: RopaSans; -webkit-font-smoothing: antialiased; text-transform: uppercase; overflow: visible; position: relative; padding-right: 22px; padding-left: 0px; position: relative; left: -2px; }
#formSubscription #btnSave:after { display: block; content: ""; width: 24px; height: 24px; background: url('/static/images/frontend/nav_symbols.png') 0 0 no-repeat; position: absolute; right: 0; top: 3px; }
#formSubscription #btnSave:hover{ text-decoration: underline; }

textarea{ width: 72%; padding: 9px; margin-bottom: 6px; border: 1px solid #CFD0D1; background-color: #F6F6F6; height: 100px; font-size: 13px; line-height: 18px; }

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-200px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

.fileinput-button{
	position: relative;
	overflow: hidden;
	background-repeat: repeat-x;
	border-radius: 4px 4px 4px 4px;
	border-style: solid;
	border-width: 1px;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	display: inline-block;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
	background-color: #C8C8C8;
	background-image: -moz-linear-gradient(center top , #AAA, #6A6A6A);
	color: #FFFFFF;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	cursor: pointer !important;
}

#passwordChangeLink{ padding: 6px 0; display: inline-block; text-decoration: underline; }

.imageUploadBox.dragover{ background: #C6FFD1; }


/********** CUSTOM STYLES **********/

/* Add icon for links to PDF files */
.main_content a[href$=".pdf"], .pdf { display: inline-block; min-height: 27px; line-height: 27px; padding-left: 35px; background: url('/static/images/frontend/icon_pdf.png') 0 0 no-repeat; }

.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}

.align_center { text-align: center; }

.fright{ float: right; }

.both{ clear: both; }

.datatable{ width: 100%; margin: 20px auto; }

form textarea.placeholder, form input.placeholder { color: #bbb; }

#pagination { float: right; }