/*    IMPORTS   */
@import url("mfnet_tinymce.css");

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

::-webkit-input-placeholder {
    color: black;
}

::-moz-placeholder { /* Firefox 19+ */
    color: black;
}

:-ms-input-placeholder {
    color: black;
}

:-moz-placeholder { /* Firefox 18- */
    color: black;
}

.mf_button {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    background-repeat: no-repeat;
    background-position: top left;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: bold;
    font-size: 10px !important;
    text-decoration: none !important;
    cursor: pointer;
    display: block;
    height: 18px;
}

.mf_inputtext {
    float: left;
    border: 1px solid;
    background-color: #FDF8F2;
    padding: 0 4px;
    margin: 0;
    height: 16px;
    line-height: 14px;
    font-size: 11px;
}

.mf_button_2 {
    float: left;
    width: 100%;
    color: white;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    padding: 3px 0;
    margin: 5px 0 0 0;
    cursor: pointer;
    border: none;
}

a.mf_link_button_v3, a.mf_link_button_v3:hover,
#contenu a.mf_link_button_v3, #contenu a.mf_link_button_v3:hover {
    text-decoration: none;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
    line-height: 11px;
    border: 1px solid white;
    text-transform: uppercase;
    background-image: url("img/bouton_grad.png");
    background-repeat: repeat-x;
    background-position: top left;
}
#right_column a.mf_link_button_v3:not(.themecolored),
#right_column a.mf_link_button_v3:not(.themecolored):hover,
#contenu a.mf_link_button_v3:not(.themecolored),
#contenu a.mf_link_button_v3:not(.themecolored):hover {
    color: white !important;
}

a.mf_link_button_v3:hover, #contenu a.mf_link_button_v3:hover {
    border-color: white;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(187, 187, 187, 1);
    -moz-box-shadow: 1px 1px 2px 1px rgba(187, 187, 187, 1);
    box-shadow: 1px 1px 2px 1px rgba(187, 187, 187, 1);
}

a.mf_link_button_v3, a.mf_link_button_v3:hover {
    font-size: 9px;
}

#mf_link_button_v3_wrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 20px 0;
}

p.mf_link_button_v3_wrapper {
    float: left;
    width: 100%;
    text-align: center;
    margin: 5px 0 5px 0;
}
#contenu p.mf_link_button_v3_wrapper.no-margin {
    margin: 0;
}

.separator, .separator_gris {
    float: left;
    width: 100%;
    height: 1px;
    margin: 15px 0;
    border-top: 1px dotted black;
}

.separator_gris {
    border-top: 1px dotted #afafaf;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.underlinable:hover {
    text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

.cursordefault {
    cursor: default;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.italic {
    font-style: italic;
}

.centered {
    text-align: center;
}
.margin-centered {
    margin: 0 auto;
}

.no_background {
    background-image: none !important;
    background-color: transparent !important;
}

.ajax_link {
    text-decoration: none;
    cursor: pointer;
}

.ajax_link:hover {
    text-decoration: underline;
}

.clearfix {
    clear: both;
}

.flex-column {
    flex-flow: column wrap;
}

.only-admin,
.mf-hidden {
    display: none !important;
}
body.mf_admin_on_board .only-admin {
    display: inline-block !important;
    color: red;
}

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

body {
    /* Chrome computes 100vw including the scrollbar width, unlike Firefox,
       so the full-bleed sections (width: 100vw + negative margin) overflow
       by a few px only in Chrome. Clip it here instead of fixing every rule.
       Kept off <html> on purpose: old iOS Safari can break position:fixed
       descendants (e.g. #main_top_content) when html's overflow isn't visible. */
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: 'DM Sans', Arial, Verdana, sans-serif;
    font-size: 12px;
    background-position: center 50px !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: white;
}

body.maintenance {
    background-position: center 0 !important;
}

input, textarea {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    list-style: square;
    list-style-position: inside;
}

ul li.first_li {
    list-style-type: none;
}

#main_content_container {
    position: relative;
    width: 1020px;
    margin: 50px auto 0 auto;
    text-align: left;
}



#main_top_content {
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 1000;
}

#main_top_content_top {
    display: none !important;
    height: 30px;
    color: white;
}

#main_top_content_top a {
    color: white !important;
}

#main_top_content_top #villageForm a,
#main_top_content_top a.inscription {
    color: black !important;
}

#main_top_content_top a:hover {
    color: #dddddd;
}

#main_top_content_bottom {
    position: relative;
    height: 50px;
    background-repeat: repeat;
    background-position: 0 0;
}

#main_top_content_bottom_bg {
    float: left;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}

.central_container {
    position: relative;
    width: 1262px;
    height: 100%;
    margin: 0 auto;
}


/* Admin tool bookmarks: the top-left mirror of #top_right_container. Tabs hang
   from the top edge, flush to the left, and read left-to-right. Admin tools add
   a .mf_admin_bookmark button into #admin_bookmarks via JS (see theme-editor.js). */
#admin_bookmarks {
    position: absolute;
    top: 0; left: 60px;
    display: flex;
    flex-flow: row nowrap;
    margin: 0;
    padding: 0;
    z-index: 60;
}
#admin_bookmarks .mf_admin_bookmark {
    display: block;
    margin: 0 4px 0 0;
    padding: 10px 14px;
    border: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: #1a4f6d;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    cursor: pointer;
    opacity: .9;
}
#admin_bookmarks .mf_admin_bookmark:hover {
    opacity: 1;
}

#top_logo {
    position: relative;
    top: 8px;
    height: 50px;
    width: 180px;
    text-align: center;
    margin: 0 auto 0 0;
    z-index: 50;
}

#main_content {
    float: left;
    width: 1020px;
}

#top_headline {
    position: relative;
    top: -20px; left: 65px;
    width: 200px; height: 20px;
    text-align: left;
    font-size: 10px;
    line-height: 20px;
    margin: 0;
}

#top_headline a {
    color: white;
}

#top_social {
    float: left;
    height: 30px;
    text-align: left;
    line-height: 30px;
    padding-left: 20px;
}

#top_social a {
    float: left;
    margin: 0 2px;
    color: white;
}

#top_social i {
    position: relative;
    top: 0;
    font-size: 14px;
    line-height: 29px;
    padding: 0 2px;
}
#top_social svg {
    position: relative;
    top: 2px;
    fill: white;
    height: 14px;
    width: 14px;
}

#top_social a#top_social_tw i {
    top: 1px;
}

#top_social a#top_social_rss i {
    top: 1px;
}

#top_social a#top_social_gp i {
    top: -1px;
}

#newsletter_form_wrapper {
    position: relative;
    float: right;
    height: 30px;
    width: 156px;
    overflow: hidden;
}

#newsletter_form_cover {
    cursor: pointer;
    padding-left: 4px;
    line-height: 31px;
}

#newsletter_form {
    position: absolute;
    top: 5px;
    left: -156px;
    height: 20px;
    width: 156px;
}

#newsletter_form.stay_opened {
    left: 0;
}

#newsletter_form_wrapper:hover #newsletter_form {
    left: 0;
}

#top_connexion_separator,
#top_social_separator {
    float: left;
    margin-top: 8px;
    margin-left: 6px;
    padding-left: 2px;
    border-left: 1px solid white;
    width: 10px;
    height: 15px;
}

#top_connexion_separator {
    float: left;
    margin-left: 10px;
    margin-bottom: 5px;
}

#top_search {
    position: relative;
    overflow: hidden;
    height: 50px;
    width: 60px;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: white;
}
#top_search_icon {
    font-size: 18px;
    position: relative;
    text-align: center;
    cursor: pointer;
    z-index: 51;
    background-color: transparent;
    transition: color 400ms linear;
}
#top_search_icon.loaded {
    color: white;
}
#top_search_icon.loaded:hover {
    color: #dddddd;
}
#search_form_top_input_wrapper {
    position: absolute;
    top: 6px;
    right: -140px;
    height: 20px;
    width: 120px;
    padding: 0 20px 20px 20px;
    overflow: hidden;
    z-index: 50;
}
#search_form_top_input_wrapper.stay_opened {
    right: 12px;
}
#top_search:hover #search_form_top_input_wrapper {
    right: 12px;
}
#search_form_top_input,
#newsletter_form_top_input {
    font-size: 11px;
    height: 20px;
    width: 120px;
    line-height: 14px;
    margin: 0;
    padding: 0 4px;
    border: none;
    background-color: #dddddd;
}

#newsletter_form_top_submit {
    float: left;
    height: 20px;
}

#top_content {
    float: left;
    width: 100%;
    height: 230px;
    /*margin-left: 20px;*/
    margin-left: 0;
}

#home_main_link {
    float: left;
    width: 1020px;
    height: 210px;
    overflow: hidden;
}

#home_main_link #logo {
    position: absolute;
    top: 135px;
    left: 0;
}

#home_main_link #head_pict {
    position: absolute;
    top: 0;
    left: 20px;
    width: 1000px;
    height: 210px;
}

#main_top_content .header-line {
    position: relative;
    width: 100%;
}
#main_top_content .header-line#menu_line {
    position: relative;
}

#menu_content {
    display: flex;
    width: 100%;
}

.menu_top_container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
}

.menu_top_container .mf-menu-element  {
    display: flex;
    align-items: center;
    height: 50px;
    /*padding: 10px 0 10px 0;*/
    padding: 0;
}

.menu_top_container .mf-menu-element.selected,
.menu_top_container .mf-menu-element:hover {
    background: url("img/menu_bg_top_light.png") repeat transparent;
    /*background: #ffffff*/
}

.menu_top_container .mf-menu-element#forum_button_wrapper {
    width: 185px;
    padding: 7px 0;
    height: 27px;
    text-align: center;
}

#forum_button {
    background-image: url("img/degrademenuforum.png");
    background-repeat: repeat-x;
    background-position: center -6px;
    text-transform: none;
    line-height: 28px;
    border-bottom: none;
    height: 28px;
    float: none;
    display: inline-block;
    font-size: 12px !important;
    padding: 0 12px;
}

.right_dotted_border {
    border-right: dotted thin #605f5f;
}

.top_dotted_border {
    border-top: dotted thin #605f5f;
}

.mf_dyn_menu {
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    float: left;
    display: block;
    color: white;
}
#menu_mobile_extraline .mf_dyn_menu {
    font-size: 16px;
    line-height: 30px;
    text-transform: inherit;
}

.mf_dyn_menu {
    padding: 0 14px;
}

a.mf_static_menu:hover,
a.mf_dyn_menu:hover {
    color: white !important;
}

.blockmenu {
    position: absolute;
    top: 68px;
    left: 20px; right: 0;
    padding: 0 30px 25px 30px;
    display: none;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: 4px solid;
}
#blocMenuMylene.blockmenu {
    padding-bottom: 18px;
}

.main_menu_extra,
.blockmenu ul {
    /*float: left;*/
    /*width: 160px;*/
    /*padding: 6px 20px;*/
}

.main_menu_extra {
    height: 204px;
}

.blockmenu li {
    float: left;
    padding: 1px 0 1px 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
}
#blocMenuNews.blockmenu li {
    position: relative;
    height: auto;
    line-height: 16px;
    margin-bottom: 5px;
}
#blocMenuNews.blockmenu li.menu_news:before {
    position: absolute;
    top: 3px; left: -12px;
    width: 10px; height: 12px;
    content: '∷';
    font-size: 12px;
    line-height: 12px;
}
#blocMenuNews.blockmenu li.last {
    margin-bottom: 0;
}
.blockmenu .idTabs li {
    width: 33.33333%;
    text-align: right;
}

.blockmenu li.last {
    border-bottom: none;
}

.blockmenu a:hover {
    color: black !important;
}

.blockmenu li a:not(.no-follow-link) {
    float: left;
    /*width: 100%;*/
    transition: color 300ms;
}
.blockmenu li a:hover:not(.no-follow-link) {
    text-decoration: underline;
    color: #5a5a5a !important;
}


.blockmenu .main_menu_closer {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 30px;
    cursor: pointer;
    color: darkorange;
}

.blockmenu .menu-container-50p {
    display: inline-block;
    /*width: 586px;*/
    width: calc(50% - 15px);
    float: left;
    position: relative;
}
.blockmenu .menu-container-50p.deco {
    /*width: 616px;*/
    width: calc(50% + 15px);
    margin-right: -30px;
    margin-bottom: -25px;
}
.blockmenu .menu-container-50p.with-margin-right {
    margin-right: 30px;
}
.blockmenu .menu-container-50p .menu-container-50p {
    width: 50%;
}
.blockmenu .menu-container-25p {
    display: inline-block;
    /*width: 278px;*/
    width: calc(25% - 15px);
    float: left;
}
.blockmenu .menu-container-25p.with-margin-right {
    margin-right: 30px;
}
.blockmenu .menu-container-75p {
    display: inline-block;
    width: 894px;
    float: left;
}
.blockmenu .menu-container-75p.deco {
    /*width: 924px;*/
    width: calc(75% + 15px);
    margin-right: -30px;
    margin-bottom: -25px;
}
.blockmenu .menu-container-75p .menu-container-33p {
    display: inline-block;
    width: 278px;
    float: left;
}
.blockmenu .menu-container-75p.deco .menu-container-33p {
    /*width: 308px;*/
    width: 33.3333333333%;
}
.blockmenu .split-deco {
    position: relative;
}


.blockmenu#blocMenuMedias,
.blockmenu#blocMenuFans {
    /*height: 283px;*/
}
.blockmenu#blocMenuMylene {
    /*height: 380px;*/
}

.blockmenu .thumb-container {
    position: relative;
}
.blockmenu .thumb-container .content {
    display: none;
    position: absolute;
    top: 0; bottom: 0;
    left: 0; right: 0;
    margin: 30px;
    text-align: center;
}
.blockmenu .thumb-container:hover .content {
    display: block;
}
.blockmenu .thumb-container .content h4 {
    display: table;
    padding: 0; margin: 0;
    height: 100%; width: 100%;
}
.blockmenu .thumb-container .content h4 a {
    display: table-cell;
    vertical-align: middle;
    /*font-weight: bold;*/
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.5);
}
.blockmenu .thumb-container .content h4 a:hover {
    color: white !important;
}
.blockmenu .thumb-container .content h4 a span.subtitle {
    display: block;
    font-size: 12px;
    margin-top: 5px;
}
.blockmenu .thumb-container .content h4 a span.subtitle::before {
  content: attr(data-text);
  background: transparent;
  padding: 0;
}



#menu_content ul,
.blockmenu ul {
    list-style: none;
    width: 100%;
}
#menu_content .blockmenu .menu-container-50p > ul.half {
    float: left;
    width: 50%;
}

.blockmenu .menu-title {
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: 2px solid;
}
.blockmenu .menu-title.with-margin-top {
    margin-top: 50px;
}
.blockmenu .menu-news-picture {
    width: 100%;
    margin-bottom: 30px;
}
.blockmenu .menu-news-picture img {
    width: 100%;
}
.blockmenu .thumb-container img {
    width: 100%;
}


#temp_content {
    float: left;
    display: none;
}

#main_container {
    float: right;
    position: relative;
    width: 1000px;
    margin-top: 0;
    background: url("img/degradeblanc1top.png") repeat-x center 0 transparent;
}

#main_container:after {
    content: "";
    position: absolute;
    top: 300px;
    left: 0;
    bottom: 0;
    right: 0;
    background: url("img/degradeblanc1bottom.png") repeat transparent;
}

#main_container_bg {
    float: right;
    position: relative;
    padding-bottom: 20px;
    z-index: 1;
}

#contenu {
    float: left;
    width: 700px;
    min-height: 100px;
    padding: 0 20px;
    font-size: 14px;
    line-height: 1.4;
}

#contenu table,
#contenu caption,
#contenu tbody,
#contenu tfoot,
#contenu thead,
#contenu tr,
#contenu th,
#contenu td {
    font-size: 14px;
    line-height: 1.4;
}

#contenu.no_rc {
    width: 960px;
}

#mylene_news_adds {
    float: left;
    width: 100%;
    margin-top: 20px;
    height: 50px;
}

#mylene_news_adds img {
    float: left;
    padding-left: 70px;
}

#mylene_lastnews, #mylene_top, #mylene_modo {
    position: relative;
    width: 100%;
    margin-top: 60px;
}

.mylene_top_column {
    /*float: left;*/
    /*width: 334px;*/
    /*padding: 0 0 0 10px;*/
}

.mylene_top_column.left_column {
    padding-right: 12px;
}

#contenu .mylene_top_column h3 {
    float: left;
    width: 100%;
    height: 39px;
    line-height: 39px;
    text-align: center;
    text-transform: uppercase;
    color: white;
}

#contenu .mylene_top_column img {
    /*padding-bottom: 5px;*/
    /*height: 57px;*/
    /*width: 57px;*/
}

#contenu .mylene_top_column .plus {
    float: right;
    text-transform: uppercase;
}

.mylene_top_column ul {
    list-style: none;
}

.mylene_top_column li {
    float: left;
    width: 100%;
    min-height: 57px;
    position: relative;
    padding: 15px 0 0;
    margin-bottom: 8px;
    border-left: 4px solid white;
}

.mylene_top_column li a {
    font-weight: bold;
}

.mylene_top_column li .top_date {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 10px 0 73px;
    color: black;
    font-size: 10px;
    line-height: 15px;
    font-weight: bold;
    background: white;
}

.mylene_top_column li:hover .top_date {
    /*color: white;*/
}

.mylene_top_column li .top_img {
    position: absolute;
    top: 8px;
    left: 4px;
    width: 57px;
    height: 57px;
    border: 1px solid #9c9a9a;
}

.mylene_top_column li .top_content {
    float: left;
    width: 247px;
    min-height: 45px;
    padding: 6px 10px 4px 73px;
    background: url("img/bg-blanc30.png") repeat transparent;
    border-top: 2px solid white;
    font-size: 12px;
    line-height: 1.2;
}

#top_resp.mylene_top_column li .top_content {
    width: 613px;
}

.mylene_top_column li:hover .top_content {
    background: white;
}

#contenu .mylene_top_column li .top_content p {
    margin: 0;
}

#right_column {
    float: left;
    width: 254px;
    padding-right: 6px;
}

.right_column_block {
    position: relative;
    float: left;
    width: 226px;
    padding: 15px 14px;
    margin-bottom: 12px;
    overflow: hidden;
    clear: both;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}
#right_column.narrow-right-column .right_column_block:not(.bg_themecolored) {
    background: rgba(255, 255, 255, 0.8);
}
#right_column.narrow-right-column #duel_widget.right_column_block {
    background-color: var(--bg-duel-panel);
}

.right_column_block.twitter {
    padding: 0 0 6px 14px;
    width: 240px;
}

.right_column_block.bg_themecolored {
    background-image: none;
}

.right_column_block.right_column_block_2cols {
    height: 48px;
    width: 100%;
    padding: 0;
}

.right_column_block_2cols .left_block {
    position: relative;
    float: left;
    height: 100%;
    width: 169px;
}

.right_column_block_2cols .right_block {
    float: left;
    height: 100%;
    width: 85px;
}

.right_column_block_2cols .right_block.half {
    height: 50%;
    position: relative;
}

.right_block p {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 16px;
    padding-top: 8px;
    text-align: center;
}

.right_block.half p {
    line-height: 24px;
    padding-top: 0;
}

.right_column_subblock_left {
    float: left;
    width: 100px;
}

.right_column_subblock_right {
    float: left;
    width: 130px;
    padding-left: 10px;
}

.right_column_block h3.mf_title {
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.rightcolumn_social {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 9px;
}

#rightcolumn_social_fb {
    left: 7px;
    background: url("img/resoc_24.png") no-repeat 0 -200px transparent;
}

#rightcolumn_social_tw {
    left: 48px;
    background: url("img/resoc_24.png") no-repeat 0 -250px transparent;
}

#rightcolumn_social_gp {
    left: 90px;
    background: url("img/resoc_24.png") no-repeat 0 -300px transparent;
}

#rightcolumn_social_rss {
    left: 131px;
    background: url("img/resoc_24.png") no-repeat 0 -350px transparent;
}

#rightcolumn_social_itunes {
    left: 172px;
    background: url("img/resoc_24.png") no-repeat 0 -550px transparent;
}

#rightcolumn_social_play {
    left: 214px;
    background: url("img/resoc_24.png") no-repeat 0 -600px transparent;
}

.twitter-badge {
    position: absolute;
    top: 8px;
    right: 10px;
    height: 14px;
    width: 18px;
    background: url("img/twitter.png") no-repeat top left transparent;
}

#nivo_wrapper {
    /*float: left;*/
    /*width: 1000px;*/
    /*height: 380px;*/
    /*margin-bottom: 25px;*/
    /*margin-bottom: 0px;*/
}
#nivoContainer {
    position: relative;
    float: left;
    /*width: 1000px;*/
    /*height: 380px;*/
    margin: 0;
    padding: 0;
    /*overflow: hidden;*/
    z-index: 100;
    /*border: 1px solid #e2e2e2;*/
}
.nivo-html-caption_content {
    background: url("img/v3_blanssemitransp.png") repeat transparent;
    /*background: url("img/profil-bg.png") repeat transparent;*/
}
#mfnivoslidercaption {
    float: left;
    width: 100%;
}
.nivo-html-caption {
    font-size: 20px;
    color: red;
}

#o1 {
    position: absolute;
    top: 25px;
    left: 25px;
    border: solid 1px black;
    position: absolute;
    width: 100px;
    height: 100px;
    padding: 10px;
    background-color: white;
}

#ol {
    position: absolute;
    margin-left: -3012px;
}

#footer_container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background-color: color-mix(in srgb, var(--bg-themecolored) 85%, transparent);
    width: 1262px;
    margin: 0 auto;
}
body:not(.width1262) #footer_container {
    width: 1000px;
    left: 10px;
}
.footer_block {
    width: 100%;
    padding: 20px;

    /*margin: 0 auto;*/
    /*padding: 60px 0 30px 0;*/
}


body.home #footer_container {
    width: 100vw;
    background-color: transparent;
    background-image:
        linear-gradient(color-mix(in srgb, var(--bg-themecolored) 90%, transparent), color-mix(in srgb, var(--bg-themecolored) 90%, transparent)),
        url("img/footer_bg.jpg");
    background-size: auto, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
}
body.home .footer_block {
    /*width: 100%;*/
    /*padding: 20px;*/
    width: 1262px;
    margin: 0 auto;
    padding: 60px 0 30px 0;
}
.footer_block + .footer_block {
    border-top: white dotted thin;
}

.footer_block p, .footer_block ul {
    color: white;
}

.footer_block a, .footer_block a:hover {
    color: white !important;
}

.footer_block ul.link_list {
    float: left;
    /*width: 192px;*/
    width: 20%;
}

.footer_block ul.link_list li, .footer_block ul.link_list h3 {
    padding-bottom: 6px;
}

.footer_block ul.link_list h3 {
    text-transform: uppercase;
}

#bandeau {
    margin-bottom: 20px;
    text-align: center;
}

#bandeau_resp {
    margin-bottom: 20px;
    text-align: center;
    display: none;
}

.contenu_title {
    float: left;
    width: 100%;
}
.index_contenu_title1 {
    float: left;
    width: 100%;
}

#contenu .index_contenu_title2 {
    position: relative;
    left: -32px;
    float: left;
    padding: 5px 20px 5px 0px;
    background: url("img/triangle.png") top left no-repeat transparent;
}

#contenu .index_contenu_title2 h1 {
    margin-top: 2px;
    color: white;
    padding: 5px 20px 5px 30px;
}

#contenu .contenu_title h1 {
    position: relative;
    left: -20px;
    float: left;
    background: white;
    padding: 5px 20px 5px 20px;
}

body.home #contenu h1,
body.home h1.bigtitle {
    /*float: left;*/
    /*font-size: 38px;*/
    /*line-height: 46px;*/
    font-variant: normal;
    /*text-transform: uppercase;*/
    /*border-top: 7px solid;*/
    margin-bottom: 30px;
}
body.home #contenu h2,
body.home h2.bigtitle {
    /*float: left;*/
    font-size: 75px;
    /*line-height: 38px;*/
    font-variant: normal;
    /*text-transform: uppercase;*/
    /*border-top: 7px solid;*/
    /*margin-bottom: 30px;*/
}

body.home .bigtitle.with_space {
    margin: 20px 0 10px 5px;
}

#contenu_other {
    float: left;
    position: relative;
    width: 100%;
}

#contenu .back_disco {
    float: right;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
}

h2.support, h3.support {
    margin: 0 auto 10px;
    display: block;
    width: 400px;
    padding: 5px 0;
    border: 3px solid black;
    text-align: center;
}

h3.support {
    width: 320px;
    border: 2px solid black;
}

table.support_images {
    width: 600px;
    margin: 0 auto 10px;
    font-size: 10px;
    font-weight: normal;
}

table.support_images td {
    text-align: center;
}

table.support_datas {
    width: 450px;
    margin: 0 auto 40px;
    border: 2px solid black;
    font-size: 10px;
    font-weight: normal;
}

table.support_datas td {
    border: 1px solid black;
    font-weight: bold;
    text-align: center;
}

table.support_datas td ul {
    list-style-type: decimal;
}

.silhouette {
    z-index: 2;
    visibility: visible;
    position: absolute;
    top: 600px;
    left: 0px;
}

.titre0 {
    position: absolute;
    cursor: pointer;
    border: 0px;
    text-decoration: none;
    z-index: 3;
    visibility: visible;
}

.blocSpecial a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    border: solid 1px #FFFFFF;
    height: 20px;
}

#contenu .blocSpecial a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    border: solid 1px #F9F7EE;
    height: 20px;
}

.blocSpecial a:hover {
    background-color: #E1CECE;
    border: solid 1px #823232;
}

.blocSpecial a:active {
    background-color: #985656;
    border: solid 1px #7A2626;
    color: #FBB442;
}

#selectedItem {
    font-weight: bold;
    font-style: normal;
    color: white;
}

.google {
    z-index: 99;
    visibility: visible;
    position: absolute;
    top: 250px;
    left: 0px;
    width: 90px;
    height: 90px;
}

.jukebo {
    z-index: 99;
    visibility: visible;
    position: absolute;
    top: 400px;
    left: 0px;
    width: 162px;
    height: 86px;
    border: solid 1px #000000;
}

.margeSpeciale {
    float: left;
    width: 162px;
    display: none;
}

.accesRapide {
    position: absolute;
    z-index: 3;
    left: 750px;
    top: 265px;
}

.accesRapide_1 {
    position: absolute;
    z-index: 3;
    left: 750px;
    top: 290px;
}

.accesRapide_2 {
    position: absolute;
    z-index: 3;
    left: 750px;
    top: 325px;
}

.accesRapide_3 {
    position: absolute;
    z-index: 3;
    left: 750px;
    top: 354px;
}

.accesRapide_4 {
    position: absolute;
    z-index: 3;
    left: 875px;
    top: 290px;
}

.accesRapide_5 {
    position: absolute;
    z-index: 3;
    left: 875px;
    top: 325px;
}

.accesRapide_6 {
    position: absolute;
    z-index: 3;
    left: 875px;
    top: 354px;
}

#contenu #blocAccueil a {
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #FFFFF0;
    text-decoration: none;
}

#contenu #blocAccueil a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

#contenu #blocAccueil a:active {
    color: #FBB442;
}

#contenu #blocAccueil_ a {
    font-size: 12px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #800000;
    text-decoration: none;
}

#contenu .block-core-BreadCrumb, #contenu .block-core-BreadCrumb a {
    color: white;
}

#contenu h1, #contenu h2, #contenu h3 {
    /*font-weight: bold;*/
}

#contenu h1 {
    font-size: 20px;
    margin: 0 0 15px 0;
}

#contenu h2 {
    font-size: 16px;
}

#contenu h3 {
    /*font-size: 14px;*/
}

#contenu #piedPage {
    background-image: url('../img_/bgPiedPage.jpg');
    background-repeat: repeat-y;
    padding: 10px
}

#contenu p {
    margin: 15px 0;
}

#contenu_news {
    float: left;
    width: 660px;
    padding: 4px 20px;
    background: url("img/menu_bg_bottom.png") repeat transparent;
}

#news_content {
    float: left;
    width: 620px;
    padding: 16px 20px 20px;
    background: url("img/top_news_red.jpg") top left no-repeat white;
}

#news_content.new_layout {
    width: 100%;
    padding: 0 0 20px 0;
    background: none;
}

#the_news {
    float: left;
    width: 100%;
}

#news_sondage {
    float: left;
    position: relative;
    width: calc(100% - 20px);
    text-align: center;
    background: white;
    padding: 10px 10px 10px 10px;
}

.poll-choice input[type="radio"],
.poll-choice input[type="checkbox"] {
    display: none;
}
.poll-choice {
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.poll-choice.with-result {
    cursor: default;
}
.poll-result-bar {
    position: absolute;
    top: 5px; bottom: 5px; left: 0;
    z-index: 0;
    background: green;
}
.poll-result-data {
    position: absolute;
    top: 5px; bottom: 5px; left: 5px;
    z-index: 1;
    font-size: 10px;
    font-weight: normal;
    line-height: 32px;
}

#contenu h3.poll-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 24px;
}

.poll-summary {
    position: absolute;
    bottom: 5px;
    left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #a4a4a4;
}
.poll-summary.admin {
    color: red;
}
.poll-closure {
    position: absolute;
    bottom: 5px;
    right: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #a4a4a4;
}
.already-voted {
}

.poll-proposition {
    width: 100%;
    /*height: 40px;*/
    /*line-height: 40px;*/
    line-height: 20px;
    position: relative;
    color: white;
    font-weight: bold;
    padding: 10px 50px;
}
.poll-proposition:nth-of-type(even) {
    background: url("img/bg-blanc30.png") repeat top left transparent;
}
.poll-proposition:nth-of-type(odd) {
    background: url("img/bg-blanc10.png") repeat top left transparent;
}
.poll-proposition.selected {
    background: url("img/bg-blanc50.png") repeat top left transparent;
}
@media only screen and (min-width: 1200px)
{
    .poll-proposition:nth-of-type(even):hover,
    .poll-proposition:nth-of-type(odd):hover {
        background: url("img/bg-blanc50.png") repeat top left transparent;
    }
}
.poll-proposition:nth-of-type(even).with-result {
    background: url("img/bg-blanc65.png") repeat top left transparent;
}
.poll-proposition:nth-of-type(odd).with-result {
    background: url("img/bg-blanc50.png") repeat top left transparent;
}

.poll-proposition span {
    position: relative;
}
.poll-proposition:not(.with-result) span:before,
.poll-proposition.selected:not(.with-result) span:before {
    position: absolute;
    top: -2px; left: -30px;
    height: 20px; width: 20px;
    line-height: 20px;
    font-family: FontAwesome;
    background: transparent;
    font-weight: normal;
}
.poll-proposition:not(.with-result) span:before {
    content: '\f096';
}
.poll-proposition.selected:not(.with-result) span:before {
    content: '\f00c';
}

#poll_submit_area {
    position: relative;
    background: white;
    padding-top: 10px;
    margin-bottom: 20px;
}
#pollSubmitButton {
    border: 0px solid transparent;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    cursor: not-allowed;
}
#pollSubmitButton:not(.enabled) {
    background: #bababa;
}
#pollSubmitButton.enabled {
    cursor: pointer;
}

#poll_controls {
    position: absolute;
    top: 2px; right: 0;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    color: #a4a4a4;
}
#poll_controls > div {
    display: inline-block;
    margin: 0 3px;
}
.poll-control {
    cursor: pointer;
}
.poll-control.selected {
    color: #707070;
    text-decoration: underline;
}




#piedPage {
    border-top: solid 1px #E49142;
}

#piedPage p {
    color: #e5e5e5;
}

#piedPage a, #piedPage a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#piedPage a:hover {
    text-decoration: underline;
}

.bga {
    background-color: #f9f9f9;
}

.bgb {
    background-color: #f9f9f9;
}

.bga_ {
    background-color: #f9f9f9;
    margin-top: 10px;
}

.pp {
    background-image: url('../img_/pvp.jpg');
    background-repeat: repeat
}

.imgIncDroite {
    float: right;
    margin: 12px;
}

.imgIncGauche {
    float: left;
    margin: 12px;
}

.bordureDroite {
    vertical-align: top;
    border-right: solid 1px #000033;
}

.enteteModule {
    background-repeat: repeat-x;
}

#contenu h1.titreNews {
    font-variant: normal;
    font-size: 24px;
    font-weight: bold;
}

#contenu .new_layout .titreNews {
    float: left;
    width: 660px;
    padding: 10px 20px;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
    text-align: center;
}

#contenu .new_layout .titreNews h1 {
    font-size: 26px;
    margin-bottom: 0;
    line-height: 1.2;
}

.corpsModule {
    background-color: #ffffff;
}



.home_news_content_in {
    float: left;
    padding: 8px 10px 10px 12px;
}



.news_separator {
    float: left;
    width: 100%;
    height: 4px;
    background: url("img/news_separator.png") top center no-repeat transparent;
}

#the_news_top {
    display: flex;
    flex-wrap: wrap;
}

#news_pagination_right {
    float: right;
    width: 170px;
    text-align: center;
}

.news_top_left {
    float: left;
    width: 450px;
}

#news_pagination {
    float: left;
    width: 100%;
    /*padding: 5px 0;*/
    padding: 0;
    text-align: center;
}

/*    JLD AVIS ANCIEN POSITIONNEMENT   */

.block_pagination {
    float: left;
    text-align: center;
    width: 100%;
    margin: 10px 0;
    font-size: 14px;
}
#contenu .block_pagination.blocSpecial a {
    font-size: 14px;
}

.bgPhoto {
    background-image: url('../img_/bgPhoto.jpg');
    background-repeat: repeat-x
}

.bgLiensAccueil {
    background-image: url('../img_/bgLiensAccueil.jpg');
    background-repeat: repeat-x
}

.puceSonnerie {
    background-image: url('../img_/son.gif');
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left: 0px
}

.margeGauche {
    background-image: url('../img_/margeGauche.jpg');
    background-repeat: repeat-y;
    background-attachment: scroll
}

.accueilMarge {
    background-color: #781235;
    color: #ffffff;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
}

#contenu .accueilMarge a {
    background-color: #781235;
    color: #ffffff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#contenu .accueilMarge a:hover {
    background-color: #781235;
    color: #ffffff;
    text-decoration: underline;
}

.neuf_pts {
    font-size: 9px
}

.Style2 {
    font-size: 10px
}

.Style3 {
    color: #740808;
    font-weight: bold;
}

a.november {
    border: solid 1px #FE8B0C;
    margin: 3px;
    padding: 2px;
    background-color: #FFE1B3;
}

a.november:hover, a.november:visited:hover {
    background-color: #FFFFFF;
    border: solid 1px #FFFF33;
}

#profilphotoscontainer {
    float: left;
    width: 100%;
}

.maphotocontainer {
    float: left;
    padding-right: 34px;
}

.maphotocontainer.last {
    padding: 0;
}

.bo_maphoto {
    float: left;
    width: 150px;
    padding: 5px;
}

.bo_maphoto a {
    float: left;
    margin-bottom: 3px;
    border: 2px black solid;
}

.bo_maphoto form {
    float: left;
    text-align: center;
    width: 100%;
}

#tous_les_groupes_container {
    float: left;
    width: 100%;
}

.group_list_display_odd, .group_list_display_even {
    float: left;
    width: 343px;
    height: 161px;
    margin-bottom: 15px;
}

.group_list_display_odd {
    margin-left: 7px;
}

.group_list_display_even {
    margin-right: 7px;
}

.group_list_display_in {
    float: left;
    width: 319px;
    height: 145px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 13px;
    background: url("img/profil-bg.png") repeat transparent;
}

.group_list_display_top {
    float: left;
    position: relative;
    width: 100%;
    height: 35px;
    background: url("img/profil-barre.png") bottom center transparent no-repeat;
    overflow: hidden;
}

#contenu .group_list_display_top h3 {
    height: 35px;
    line-height: 15px;
    text-transform: lowercase;
    overflow: hidden;
}

#contenu .group_list_display_top h3:first-letter {
    text-transform: uppercase;
}

.group_list_display_content {
    position: relative;
    float: left;
    width: 100%;
    height: 100px;
    overflow: hidden;
    padding-top: 10px;
}

.group_list_author {
    position: absolute;
    bottom: 2px;
    right: 0;
}

.list_group_img {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px;
}

.list_group_text {
    float: left;
    width: 209px;
}

.list_group_text p {
    float: right;
    width: 209px;
    height: 85px;
    line-height: 12px;
    text-align: justify;
    overflow: hidden;
}

.group_list_display_more {
    position: absolute;
    bottom: -4px;
    right: 0;
    width: 209px;
    height: 16px;
}

#contenu .group_list_display_in p.group_more_members {
    float: left;
    width: 50%;
    height: 16px;
}

#contenu .group_list_display_in p {
    margin: 0;
}

#videocontainer_wrapper, #videocontainer,
#videocontainer2_wrapper, #videocontainer2,
#videocontainer3_wrapper, #videocontainer3,
#videocontainer4_wrapper, #videocontainer4 {
    /*float: left;
    text-align: center;
    width: 100%;*/
    text-align: center;
}
.jwplayer-auto-container .video-download-link {
    text-align: left;
}

#contenu #profil {
    float: left;
    width: 100%;
}

#contenu .profil_gotoadmin {
    float: left;
    width: 100%;
    padding-bottom: 4px;
    text-align: right;
}

#contenu .profil_gotoadmin a {
    color: white;
    font-weight: bold;
}

#contenu #profil #idTab1 p,
#contenu #profil #idTab3 p {
    display: inline-block;
    margin: 0 0 15px 0;
}

#contenu #profil_leftcolumn,
#contenu #talk_leftcolumn {
    float: left;
    width: 180px;
}

#contenu #profil_cover {
    float: left;
    width: 180px;
    height: 180px;
    background: white;
}

#contenu #profil_cover img {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}

#contenu #talk_cover {
    float: left;
    width: 160px;
    height: 160px;
    background: white;
}

#contenu #menu_profil_admin {
    background: red;
    float: left;
    width: 160px;
    height: 100px;
    margin-top: 16px;
    padding: 10px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}
#contenu #menu_profil_admin a {
    color: #ffffff;
}

#contenu #menu_tabs {
    float: left;
    width: 180px;
    /*height: 350px;*/
    margin-top: 16px;
    padding: 8px 0;
}
#contenu #menu_tabs.admin {
    /*height: 350px;*/
}
.menu_tabs_element {
    float: left;
    width: 100%;
}
#contenu #menu_tabs ul {
    list-style: none;
}
#contenu #menu_tabs ul li a {
    float: left;
    width: 165px;
    padding-left: 15px;
}
#contenu #menu_tabs ul li a.selected {
    background: url("img/menu-tabs-light.png") no-repeat;
}
#contenu .mf_dyn_tabs {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 32px;
}
#menu_news_tabs {
    display: block;
    margin: 5px 0 10px 0;
}
#menu_news_tabs ul li {
    display: inline-block;
}
#menu_news_tabs ul li a.selected {
    text-decoration: underline;
}

#contenu #profil_centercolumn {
    float: left;
    width: 500px;
}

#contenu #talk_centercolumn {
    float: left;
    width: 520px;
}

#contenu #profil_topinfos,
#contenu #talk_topinfos {
    float: left;
    width: 470px;
    min-height: 167px;
    padding: 13px 15px 0;
    font-size: 12px;
    line-height: 14px;
    background: url("img/profil-bg.png") repeat transparent;
}

#contenu #talk_topinfos {
    width: 490px;
    min-height: 147px;
}

#contenu #profil_topinfos_top,
#contenu #talk_topinfos_top {
    position: relative;
    float: left;
    width: 470px;
    height: 52px;
    margin-bottom: 10px;
    background: url("img/profil-barre.png") bottom center transparent repeat-x;
}

#contenu #talk_topinfos_top {
    width: 490px;
}

#contenu #talk_topinfos_top h1 {
    float: left;
    width: 350px;
    margin: 0;
    line-height: 20px;
}

#contenu #talk_topinfos_top #talk_whoswhen {
    float: left;
    width: 140px;
    height: 50px;
    margin-top: 2px;
    text-align: right;
    font-weight: bold;
}

#contenu #profil_topinfos_top.admin,
#contenu #profil_topinfos_top h1.admin,
#contenu #profil_stats.admin {
    /*height: 30px;*/
}

#contenu #profil_topinfos_top h1 {
    float: left;
    width: 390px;
    height: 52px;
    margin: 0;
}

#contenu #profil_topinfos_top.admin h1 {
    width: 330px;
}

#contenu #profil_topinfos ul {
    float: left;
    width: 100%;
    min-height: 80px;
}

#contenu #profil_topinfos ul li {
    float: left;
    padding-right: 30px;
    line-height: 22px;
    list-style: none;
    background: url("img/profil-puce.png") no-repeat right;
}

#contenu #profil_topinfos_social {
    float: left;
    width: 100%;
    height: 20px;
    padding-bottom: 5px;
}

#contenu #profil_topinfos_social p {
    margin: 0;
    float: left;
    font-weight: bold;
    padding-right: 10px;
    padding-top: 3px;
}

#contenu #profil_stats {
    float: right;
    width: 80px;
    height: 52px;
}

#contenu .edit #profil_stats {
    width: 140px;
    height: 52px;
}

#contenu #profil_stats p {
    margin: 0;
    padding-bottom: 2px;
    text-align: right;
    font-weight: bold;
    color: #a0a0a0;
}

.profil_colored {
    color: #ec7929;
}

#contenu #profil_tabs_sheets {
    float: left;
    width: 470px;
    min-height: 272px;
    padding: 17px 15px 13px;
    margin-top: 16px;
    background: url("img/profil-bg.png") repeat transparent;
}

#contenu #profil_tabs_sheets.admin {
    min-height: 306px;
}

#contenu .sheet_title {
    width: 100%;
    height: 26px;
    margin-bottom: 20px;
    float: left;
    background: url("img/profil-barre.png") repeat-x bottom center transparent;
}

#contenu .sheet_content {
    width: 100%;
    float: left;
    position: relative;
}

#contenu .sheet_content p span.content_title {
    float: left;
    width: 175px;
    padding-right: 5px;
    font-weight: bold;
}

#contenu .sheet_content p span.content_itself {
    float: left;
    width: 290px;
}

#contenu .sheet_content h3 {
    padding-left: 10px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    font-size: 12px;
    border-bottom: 1px solid #a49c65;
}

#contenu .profil_title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
}

#contenu #profil_security {
    float: right;
    width: 500px;
    text-align: right;
    color: #a0a0a0;
    font-size: 11px;
    font-weight: bold;
}

#contenu #profil_security p {
    margin: 8px 0;
    color: #a0a0a0;
}

#contenu #profil_security a {
    color: #a0a0a0;
}

#contenu #profil_top_affinity {
    float: left;
    width: 100%;
    margin: 0;
    text-align: right;
    font-weight: bold;
    color: #434343;
    font-size: 11px;
    position: relative;
    left: 0;
    top: 10px;
}

#affinities_wrapper {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    line-height: 16px;
}

#affinities_wrapper a, #affinities_wrapper p {
    float: left;
    padding-left: 10px;
    margin: 0;
}

#contenu #mf_player_container {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

#contenu #mp3_tabs ul {
    float: left;
    width: 338px;
    padding: 0 66px;
    list-style: none;
}

#contenu #mp3_tabs ul li .mp3_dyn_tabs {
    float: left;
    height: 16px;
    width: 26px;
    padding: 5px 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    background: url("img/sprite_top.png") -4px -69px no-repeat transparent;
}

#contenu #mp3_tabs ul li.inactive .mp3_dyn_tabs {
    background-position: -36px -69px;
    color: #dadada;
}

#contenu #mp3_tabs ul li .mp3_dyn_tabs.selected {
    background-position: -68px -69px;
    color: #76661c;
}

#contenu #mp3_tabs_sheets,
/*#contenu #sortable_playlist,*/
#contenu #mytopadmin_tabs_sheets {
    float: left;
    position: relative;
    width: 470px;
    padding: 0;
    margin-top: 20px;
}

#contenu #mp3_tabs_sheets ul,
#contenu ul#sortable_playlist,
#contenu #mytopadmin_tabs_sheets ul {
    list-style: none;
    float: left;
    width: 100%;
}

#contenu #mp3_tabs_sheets ul li,
#contenu ul#sortable_playlist li,
#contenu #mytopadmin_tabs_sheets ul li {
    list-style: none;
    float: left;
    position: relative;
    width: 468px;
    height: 32px;
    margin-bottom: 4px;
    background: url("img/v3_blanssemitransp2.png") repeat transparent;
    border: 1px solid #a1a1a1;
}

/*#contenu #mytoppic_tabs_sheets ul li,*/
#contenu #mytopadmin_tabs_sheets ul li {
    position: absolute;
}

#contenu #mytoppic_tabs_sheets {
    max-height: 840px;
}

#top_pict_main_wrapper {
    float: left;
    width: 100%;
}

.mytop_wrapper {
    position: absolute;
    left: 0;
}

.top_text_content {
    position: absolute;
    width: 330px;
    height: 32px;
    top: 0;
    left: 42px;
    color: #434343;
}

.mytop_wrapper .top_text_content {
    left: 74px;
    width: 298px;
}

.top_img_content {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
}

.mytop_wrapper .top_img_content {
    left: 32px;
}

.mytop_position {
    position: absolute;
    width: 32px;
    height: 32px;
    top: 0;
    left: 0;
    color: #a1a1a1;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    z-index: 2;
}

.top_title {
    float: left;
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
}

.top_subtitle {
    float: left;
    width: 100%;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
}

.top_controls {
    position: absolute;
    width: 130px;
    height: 32px;
    top: 0;
    right: 5px;
}

.top_controls .button,
.top_album_controls .button,
.top_concert_controls .button,
.toppict_controls .button {
    float: right;
    height: 32px;
    width: 24px;
    cursor: default;
    background: url("img/sprite_top.png") 0 0 no-repeat transparent;
}

.toppict_controls .button {
    position: relative;
    left: 0;
    top: -2px;
}

.top_album_controls .button {
    height: 25px;
}

.top_concert_controls .button {
    height: 25px;
}

.top_controls .button.active,
.top_album_controls .button.active,
.top_concert_controls .button.active,
.toppict_controls .button.active {
    cursor: pointer;
}

.top_controls .button.playit {
    background-position: -37px -31px;
}

.top_controls .button.active.playit {
    background-position: -37px 1px;
}

.top_controls .button.addit {
    background-position: -5px -31px;
}

.top_concert_controls .button.addit,
.top_album_controls .button.addit {
    background-position: -5px -34px;
}

.top_controls .button.active.addit {
    background-position: -5px 1px;
}

.top_concert_controls .button.active.addit,
.top_album_controls .button.active.addit {
    background-position: -5px -2px;
}

.toppict_controls .button.delit,
.top_controls .button.delit {
    background-position: -70px -31px;
}

.top_concert_controls .button.delit,
.top_album_controls .button.delit {
    background-position: -70px -34px;
}

.toppict_controls .button.active.delit,
.top_controls .button.active.delit {
    background-position: -70px 1px;
}

.top_concert_controls .button.active.delit,
.top_album_controls .button.active.delit {
    background-position: -70px -2px;
}

.toppict_controls .button.upit,
.top_album_controls .button.upit,
.top_concert_controls .button.upit,
.top_controls .button.upit {
    background-position: -102px -31px;
}

.toppict_controls .button.active.upit,
.top_album_controls .button.active.upit,
.top_concert_controls .button.active.upit,
.top_controls .button.active.upit {
    background-position: -102px 1px;
}

.toppict_controls .button.downit,
.top_album_controls .button.downit,
.top_concert_controls .button.downit,
.top_controls .button.downit {
    background-position: -133px -31px;
}

.toppict_controls .button.active.downit,
.top_album_controls .button.active.downit,
.top_concert_controls .button.active.downit,
.top_controls .button.active.downit {
    background-position: -133px 1px;
}

#update_top {
    position: absolute;
    top: -45px;
    right: 0;
    font-weight: bold;
    font-style: italic;
    text-transform: uppercase;
    font-size: 15px;
}

.mfgallery_top_controller {
    float: left;
    position: relative;
    width: 200px;
    height: 30px;
    line-height: 14px;
    padding: 8px 0 4px 50px;
    color: #2f2f2f;
    background: url("img/toppict_add.png") no-repeat top left transparent;
    margin-bottom: 15px;
}

.g2_top {
    cursor: pointer;
}

.g2_top.g2_full_top {
    display: none;
}

.g2_top.g2_full_top.visible {
    display: block;
    cursor: default;
}

#isotope_container {
    margin-top: 20px;
    width: 480px;
}

.toppict_wrapper {
    float: left;
    position: relative;
    width: 110px;
    height: 110px;
    background: url("img/v3_blanssemitransp2.png") repeat scroll 0 0 transparent;
    list-style: none;
    margin: 0 10px 10px 0;
}

.toppict_wrapper.first_wrapper {
    height: 230px;
    width: 230px;
}

.toppict_thumb {
    float: left;
    width: 110px;
    height: 110px;
}

.toppict_thumb img {
    width: 110px;
    height: 110px;
}

.first_wrapper .toppict_thumb {
    width: 230px;
    height: 230px;
}

.first_wrapper .toppict_thumb img {
    width: 230px;
    height: 230px;
}

.mytoppict_position {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 24px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.mytoppict_position span {
    font-weight: bold;
    font-size: 14px;
}

.mytoppict_title {
    float: left;
    width: 329px;
    padding: 15px 15px 3px;
}

.toppict_controls {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 74px;
    height: 26px;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}

/******************    TOP ALBUM ON PROFIL    ******************************************/

.top_album_wrapper {
    float: left;
    width: 468px;
    border: 1px solid #a1a1a1;
    margin-bottom: 10px;
}

.top_album_position {
    float: left;
    width: 30px;
    height: 78px;
    line-height: 78px;
    font-weight: bold;
    color: #434343;
    text-align: center;
}

.top_album_position input {
    margin-top: 34px;
}

.top_album_picture,
.top_album_picture img {
    float: left;
    width: 78px;
    height: 78px;
}

.top_album_content {
    float: left;
    width: 296px;
    height: 78px;
    line-height: 78px;
    padding: 0 20px;
}

.top_album_content_in {
    font-weight: bold;
    color: #434343;
    vertical-align: middle;
    display: inline-block;
}

.top_album_controls {
    float: left;
    width: 24px;
    height: 78px;
}

#top_album_warning {
    display: none;
    float: left;
    width: 100%;
    margin: 0;
}

#top_album_warning.show {
    display: block;
}

/******************    TOP CONCERT ON PROFIL    ******************************************/

.top_concert_wrapper {
    float: left;
    width: 468px;
    border: 1px solid #a1a1a1;
    margin-bottom: 10px;
}

.top_concert_position {
    float: left;
    width: 30px;
    height: 78px;
    line-height: 78px;
    font-weight: bold;
    color: #434343;
    text-align: center;
}

.top_concert_position input {
    margin-top: 34px;
}

.top_concert_picture,
.top_concert_picture img {
    float: left;
    width: 78px;
    height: 78px;
}

.top_concert_content {
    float: left;
    width: 296px;
    height: 78px;
    line-height: 78px;
    padding: 0 20px;
}

.top_concert_content_in {
    font-weight: bold;
    color: #434343;
    vertical-align: middle;
    display: inline-block;
}

.top_concert_controls {
    float: left;
    width: 24px;
    height: 78px;
}

#top_concert_warning {
    display: none;
    float: left;
    width: 100%;
    margin: 0;
}

#top_concert_warning.show {
    display: block;
}

/*.button {
    background: red;
}
.button.active {
    background: #ffebcd;
}*/

#group {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#groupe_resume {
    float: left;
    width: 100%;
    height: 75px;
}

#talk_resume {
    float: left;
    width: 350px;
    height: 75px;
}

#talk_links {
    float: left;
    width: 140px;
    height: 25px;
    padding-top: 50px;
    text-align: right;
}

#contenu #talk_links a {
    color: #EC7929;
}

#profil_twitter, #profil_facebook {
    float: right;
    width: 100px;
    height: 20px;
}

.link_like {
    color: #EC7929;
    font-weight: bold;
}

.link_like:hover {
    color: #000000;
    text-decoration: underline;
}

#group_security {
    float: left;
    width: 160px;
    padding: 72px 5px 0 15px;
}

#group_security p {
    color: white;
    font-weight: bold;
    text-align: right;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

#alerte_group_cont {
    float: left;
    width: 160px;
    padding-top: 5px;
}

#alerte_group {
    cursor: pointer;
}

#alerte_group:hover {
    text-decoration: underline;
}

#group_editor label {
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    display: block;
}

.singlephotocontainer {
    float: left;
    width: 48%;
    padding: 0 1% 10px;
}

#mesphotosuploader {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

#maintenance {
    display: block;
    width: 350px;
    margin: 215px auto;
    padding: 30px;
    background: url("img/profil-bg.png") repeat transparent;
    color: #ec7929;
    font-weight: bold;
    font-size: 16px;
}

#privatespacenav {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    list-style: none;
}

#privatespacenav li {
    display: inline-block;
    padding: 5px 15px;
    position: relative;
}

#privatespacenav li a {
    line-height: 20px;
}

#leftcolumn_prv {
    float: left;
    display: block;
    background: darkorange;
    padding: 10px 5px;
    width: 150px;
}

#leftcolumn_prv ul {
    list-style: none;
}

#leftcolumn_prv ul a {
    color: white;
}

#centercolumn_prv {
    float: left;
    display: block;
    width: 540px;
}

#mail_header {
    float: left;
    width: 530px;
    padding: 10px 5px;
}

.mail_header_element {
    float: left;
    padding-right: 32px;
    margin-bottom: 10px;
}

.mail_header_element.mail_header_option {
    padding-right: 0;
}

.mail_header_element.mail_header_title {
    color: white;
}

.mail_header_element.mail_header_bye {
    float: right;
    padding-right: 0;
    margin-bottom: 15px;
}

#mail_lines {
    display: table;
    table-layout: fixed;
    float: left;
    width: 530px;
    padding: 10px 5px;
    background: white;
}

.mail_line {
    width: 100%;
    display: table-row;
    line-height: 18px;
}

.mail_line_element {
    position: relative;
    display: table-cell;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-bottom: 2px;
    border-bottom: 1px #7b7b7b dotted;
}

.mail_line_element.mail_line_nbr {
    float: left;
    display: block;
    width: 50%;
}

.mail_line_element.mail_line_attachment {
    width: 10px;
    height: 100%;
    padding-right: 2px;
}

.mail_line_element.mail_line_attachment img {
    position: relative;
    top: 3px;
}

.mail_line_element.mail_line_title {
    width: 55%;
}

.mail_line_element.mail_line_box {
    width: 20px;
    height: 100%;
    padding-right: 2px;
}

.mail_line_element.mail_line_box input {
    position: relative;
    top: 1px;
}

.mail_line_element.mail_line_from {
    min-width: 50px;
    max-width: 100px;
    height: 100%;
}

.mail_line_element.mail_line_date {
    width: 100px;
    height: 100%;
    padding-right: 0;
    text-align: right;
}

#centercolumn_prv .friend_button {
    padding: 2px 4px 2px 4px;
    margin-right: 10px;
    background-color: #FFCC66;
    border: solid 1px #FF9900;
    cursor: pointer;
}

#centercolumn_prv .friend {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 4px;
    cursor: pointer;
}

#carnetAdresses {
    float: left;
    width: 90%;
    margin: 10px 0;
    padding: 10px 5px;
}

#carnetAdresses2 {
    float: left;
    width: 90%;
    margin: 10px 0;
    padding: 10px 5px;
}

#centercolumn_prv input[type="text"] {
    width: 90%;
}

#centercolumn_prv textarea {
    width: 92%;
}

#search_member_container {
    width: 100%;
}

#search_member_container .container_33percent {
}

#search_member_container .container_33percent.right,
#search_member_container .container_33percent.left {
    padding: 0 0 5px 0;
    width: 33%;
}

#search_member_container .container_33percent.middle {
    padding: 0 5px 5px 5px;
    width: calc(34% - 10px);
}

#search_member_container .membre_thumb {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

#search_member_container .membre_thumb img {
    width: 100%;
    height: auto;
    padding-bottom: 5px;
}

.recaptacha_avis_wrapper {
    float: right;
    padding: 0 14px 5px 14px;
}

#captcha_wrapper {
    display: inline-block;
    width: 60%;
    padding: 0 10% 0 30%;
}

#captcha_wrapper p {
    float: left;
    padding-right: 10px;
    font-size: 13px;
    line-height: 30px;
    font-weight: bold;
    margin: 0;
}

#captcha_wrapper #cryptogram_block {
    float: right;
}

#cryptogram_img_wrapper {
    float: left;
}

#cryptogram_img_wrapper i.fa {
    position: relative;
    top: -7px;
    font-size: 22px;
    line-height: 22px;
    color: white;
}

/*img#cryptogram,*/
a#reload_cryptogram {
    padding-right: 10px;
}

input#captcha {
    width: calc(100% - 10px);
}

form#incription {
    float: left;
    width: 100%;
}

.inscription-faq {
    width: 100%;
    padding: 0 0 20px 0;
}
.inscription-faq h4 {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 4px;
}
.inscription-faq a {
    color: white;
    text-decoration: underline;
    font-weight: bold;
}

form#resend_email {
    padding-top: 30px;
}

form#resend_email input {
    border: none;
    padding: 5px;
}

form#resend_email div.submit {
    padding-top: 30px;
}
form#incription #validation_cgu,
form#resend_email #validation_cgu {
    display: inline-block;
    width: 100%;
    color: white;
    text-align: right;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
form#incription #validation_cgu a,
form#resend_email #validation_cgu a {
    color: white;
    text-decoration: underline;
}
form#incription input#submitRegister,
form#resend_email input#submitResendValidation {
    background: white;
    border: none;
    color: darkorange;
    padding: 8px 16px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}
form#incription input#submitRegister:hover,
form#resend_email input#submitResendValidation:hover {
    background: darkorange;
    color: white;
}




.register_message {
    width: 620px;
    padding: 20px 40px;
    color: white;
    margin-bottom: 10px;
}

.register_message a,
.register_message a:hover {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

.register_message.error {
    background: #c80000;
}

.register_message.success {
    background: #00d202;
}

#contenu .register_message h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

#contenu .register_message li {
    list-style: circle;
    margin: 0 0 3px 0;
}

.auth_panel {
    float: left;
    width: 670px;
    padding: 10px 15px;
    color: white;
}

#contenu .auth_panel h3 {
    float: left;
    width: 100%;
    margin: 20px 0 10px 0;
    font-size: 16px;
}

.auth_panel .text,
.auth_panel .password {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.auth_panel .submit {
    display: inline-block;
    width: 61%;
    padding: 30px 9% 20px 30%;
}

.auth_panel form label {
    width: 25%;
    text-align: right;
    padding-right: 5%;
    display: inline-block;
    font-weight: bold;
}

.auth_panel form input[type="password"],
.auth_panel form input[type="text"] {
    width: calc(60% - 10px);
    clear: both;
    padding: 5px;
    border: none;
}

.auth_panel form input[type="submit"] {
    float: right;
    clear: both;
}

.auth_panel form .input_more {
    padding-left: 31%;
    font-size: 10px;
    display: inline-block;
}

.register_admin_action {
    cursor: pointer;
    color: darkorange;
}

.register_admin_action:hover {
    color: darkred;
}

.register_admin_action {

}

#relatednews_wrapper {
    float: left;
    width: 660px;
    margin-top: 6px;
    padding: 15px 20px 10px;
    min-height: 50px;
    background: white;
}

#contenu #relatednews_wrapper h3 {
    font-variant: normal;
    font-size: 18px;
    text-align: center;
}

#relatednews_wrapper ul {
    list-style: none;
    float: left;
    margin-top: 10px;
}

#relatednews_wrapper ul li {
    float: left;
    width: 185px;
    padding-right: 52px;
}

#relatednews_wrapper ul li.last {
    padding: 0;
}

.onerelatednews {
    float: left;
    position: relative;
    width: 100%;
    height: 132px;
    /*border-top: 1px dotted black;*/
    /*border-bottom: 1px dotted black;*/
}

#contenu .onerelatednews a:hover {
    text-decoration: none;
}

.relatednews_pict {
    float: left;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

.relatednews_pict img {
    width: 100%;
    height: 100px;
}

.relatednews_main {
    float: left;
    width: 100%;
    height: 132px;
    cursor: pointer;
}

.relatednews_hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    padding: 22px 0 0 0;
    cursor: pointer;
    z-index: 10;
    font-weight: bold;
    text-align: center;
    background: url("img/bg-blanc75.png") repeat transparent;
}

h4.relatednews_title {
    display: block;
    width: 100%;
    height: 32px;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 20;
    text-align: center;
    font-weight: bold;
    line-height: 15px;
    overflow: hidden;
}

.tag_label {
    cursor: pointer;
}

#tags_wrapper p,
#choosetags_form p.tag_cb {
    float: left;
    width: 25%;
}

#tag_danger_wrapper {
    float: left;
    width: 660px;;
    margin-top: 50px;
    padding: 20px;
    background: red;
}

#newtag_wrapper {
    margin-top: 50px;
}

#taglist {
    float: left;
    width: 100%;
}

#taglist_controls {
    float: left;
    width: 100%;
    display: none;
}

#participation_header {
    float: left;
    width: 100%;
    height: 20px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.2;
}

#nbr_participation, #participation_proposer, #contenu a#participation_proposer_notlogged {
    float: left;
    width: 50%;
    height: 20px;
    color: white;
    font-weight: bold;
}

#participation_proposer,
#contenu a#participation_proposer_notlogged {
    text-align: right;
}

#participation_proposer div {
    float: right;
    height: 20px;
    font-size: 9px;
    line-height: 20px;
    padding: 0 5px;
    cursor: pointer;
}

#participation_title {
    float: left;
    width: 100%;
    height: 163px;
    background: url("img/bandeau_mesparticipations.png") no-repeat top left transparent;
}

#participation_title.concert2013 {
    background-image: url("img/bandeau_concert2013.png");
}

#participation_title ul {
    float: right;
    list-style: none;
    width: 80px;
    padding: 5px 10px 0 0;
}

#participation_title ul li {
    font-weight: bold;
    text-align: center;
    margin: 2px 0;
    line-height: 20px
}

#participation_title ul li a {
    color: white;
}

#participation_title ul li:hover {
    background: black;
}

#participation_title ul li:hover a {
    color: white;
}

#participation_title ul li a:hover {
    text-decoration: none;
}

.participation_wrapper {
    float: left;
    width: 100%;
}

.participation_top_bg {
    float: left;
    width: 100%;
    height: 19px;
    background: url("img/mesparticipations_bgtop.png") top center no-repeat transparent;
}

.participation_bottom_bg {
    float: left;
    width: 100%;
    height: 19px;
    background: url("img/mesparticipations_bgbottom.png") top center no-repeat transparent;
}

.participation_middle {
    float: left;
    padding: 0 20px;
    width: 620px;
    background: white;
}

.participation_top {
    float: left;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: dotted black 1px;
}

#contenu .participation_top h3 {
    float: left;
    width: 420px;
    font-size: 24px;
    line-height: 1.2;
    font-variant: normal;
    font-weight: normal;
}

.participation_container_avatar {
    background: transparent url("img/bg_comm_avatar.png") no-repeat scroll left top;
    float: left;
    height: 38px;
    padding-right: 8px;
    width: 45px;
}
.participation_top .participation_container_avatar {
    padding-right: 0;
}
.participation_top .participation_container_avatar a img {
    padding: 3px;
}

#contenu .proposition_author_pseudo a, #contenu .proposition_author_date {
    float: left;
    width: 155px;
    color: #ec7929;
    font-size: 10px;
}

#contenu .proposition_author_pseudo a {
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}

.proposition_author_wrapper {
    float: left;
    width: 200px;
}

.participation_main {
    float: left;
    width: 100%;
    padding: 15px 0;
}

.participation_edit {
    float: left;
    width: 100%;
    padding: 15px 0;
    display: none;
}

.participation_edit textarea {
    float: left;
    width: 100%;
    resize: vertical;
}

.proposition_adminpanel {
    float: left;
    width: 100%;
}

.partval_wrapper {
    float: left;
    width: 100px;
}

#contenu .proposition_adminpanel p {
    cursor: pointer;
    margin: 0;
    font-weight: bold;
    text-align: center;
    float: left;
    padding-right: 20px;
}

p.proposition_adminediter_val, p.proposition_adminediter_cancel {
    display: none;
}

#proposer_wrapper, #proposer_moderation_wrapper {
    position: absolute;
    width: 460px;
    padding: 10px 20px;
    top: -40px;
    left: 100px;
    background: #f6f6f6;
    display: none;
}

#contenu p#mode_ok {
    float: right;
    width: 50px;
    margin: 0;
    font-weight: bold;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
    background: #ec7929;
}

#proposer_tabs {
    float: left;
    width: 100%;
}

#proposer_tabs ul {
    list-style: none;
}

#proposer_tabs ul li {
    float: left;
    width: 140px;
    margin-right: 20px;
    text-align: center;
}

#proposer_tabs ul li.last {
    margin-right: 0;
}

#contenu #proposer_tabs ul li a {
    float: left;
    width: 140px;
    height: 32px;
}

#contenu #proposer_tabs_sheets {
    float: left;
    width: 100%;
}

.part_title {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#contenu #proposer_tabs_sheets label,
#addtalk_wrapper label {
    float: left;
    width: 100%;
    margin: 5px 0;
    font-weight: bold;
}

.part_img {
    float: left;
    width: 25%;
    text-align: center;
}

#addtalk_wrapper #texte_parent {
    float: left;
    width: 100%;
}

#part_imgs_holder {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.part_img_holder {
    float: left;
    width: 25%;
    text-align: center;
}

.twtr-widget {
    float: left;
    margin-bottom: 20px;
}

#hccontainer {
    width: 100%;
    height: 400px;
    float: left;
}

#talkzone {
    float: left;
    width: 100%;
    position: relative;
}

#addtalk_button, #addtalkcancel {
    cursor: pointer;
}

#addtalk_wrapper {
    background: none repeat scroll 0 0 #F6F6F6;
    display: none;
    left: 100px;
    padding: 10px 20px;
    position: absolute;
    top: 20px;
    width: 460px;
    z-index: 100;
}

#addtalk_wrapper input, #addtalk_wrapper textarea {
    width: 99%;
}

#show_admin_container, #hide_admin_container {
    float: left;
    width: 100px;
    line-height: 20px;
    background: red;
    color: white;
    margin: 0 5px 5px 0;
    cursor: pointer;
    text-align: center;
}

#show_admin_container:hover, #hide_admin_container:hover {
    color: #000000;
}

#member_groupes {
    float: left;
    width: 100%;
}

#contenu #talk_top_wrapper {
    float: left;
    width: 100%;
}

#contenu #talk_main_wrapper {
    float: left;
    width: 660px;
    margin-top: 20px;
    padding: 10px 20px;
    background: url("img/profil-bg.png") repeat transparent;
}

#contenu #talk_textzone_wrapper {
    background: white;
    float: left;
    width: 660px;
}

#contenu #talk_textzone_top {
    float: left;
    width: 100%;
    height: 14px;
    background: url("img/top_news_red.jpg") top left no-repeat white;
}

#contenu #talk_textzone_middle {
    float: left;
    width: 580px;
    padding: 30px 40px;
}

#contenu #talk_textzone_bottom {
    float: left;
    width: 100%;
    height: 14px;
    background: url("img/top_news_red_inv.jpg") top left no-repeat white;
}

.talk_wrapper_separator {
    float: left;
    width: 100%;
    height: 2px;
    background: transparent;
}

.fs10 {
    font-size: 10px;
}

.loading_container {
    width: 300px;
    margin: 0 auto 20px auto;
    border: 1px solid white;
    text-align: center;
    background: url("img/profil-bg.png") repeat scroll 0 0 transparent;
}

.ajaxloader {
    height: 32px;
    width: 32px;
    margin: 10px auto;
    background: url("img/ajax-loader.gif") top left no-repeat transparent;
}

#contenu .mf_player_container {
    width: 470px;
    margin: 10px auto;
}

#contenu .mf_player_container.left {
    margin: 10px 0;
}

#contenu .mf_player_container div.jp-title li {
    height: auto;
}

#contenu .mf_player_container .audiojs p {
    margin: 0;
}

.the_news_content {
    float: left;
    width: 100%;
}

.news_bloc_admin {
    padding: 10px 0;
    margin-bottom: 10px;
    text-align: center;
    background: white;
}

.read_cpt {
    float: right;
    padding: 3px 5px;
    color: white;
    font-size: 12px;
}

#popup_bg {
    display: none;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
}

#popup_close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 15px;
    cursor: pointer;
    color: darkred;
}

#popup_content {
    display: none;
    position: absolute;
    top: -100px;
    left: 300px;
    width: 400px;
    min-height: 150px;
    padding: 20px 30px;
    text-align: center;
    z-index: 1000;
    background: floralwhite;
}

#popup_content h2 {
    text-transform: uppercase;
    margin: 10px 0 20px 0;
}

.clip_title {
    display: table;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}

.clip_title.with_padding {
    padding: 50px 0 25px 0;
}

.clip_title_square {
    display: inline-block;
    float: left;
    height: 16px;
    width: 14px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    left: 0;
}

.clip_title_content {
    display: inline-block;
    float: left;
    padding-right: 10px;
    line-height: 19px;
    font-size: 16px;
}

.clip_title_after {
    overflow: auto;
    position: relative;
    top: 7px;
    left: 0;
    height: 4px;
}

.block_le_saviez_vous {
    /*width: 687px;*/
    padding: 10px 10px 0 10px;
    border-left: 3px solid;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}
.block_le_saviez_vous h3 {
    font-style: italic;
}
.block_le_saviez_vous_underline {
    height: 1px;
    width: 40%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f0f0f0 100%);
}
.block_le_saviez_vous_content {
    overflow: auto;
    color: #000000;
}

.block_indentation {
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 10px;
}


.clip_recap {
    position: relative;
    width: 400px;
    padding: 60px 0 10px 0;
    margin: 0 auto;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}

.clip_recap.clip_recap_border {
    border: 5px solid;
}

.clip_recap.no_title {
    padding: 10px 0 10px 0;
}

.clip_recap ul, .clip_recap li {
    list-style: none;
}

.clip_recap li div {
    display: inline-block;
    width: 199px; /*  199 instead of 200 for stupid IE*/
    line-height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.clip_recap li div.clip_recap_label {
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
    width: 187px;
    color: #666666;
}

.clip_recap li div.clip_recap_info {
    color: #161616;
}

.clip_recap_title {
    position: absolute;
    width: 465px;
    padding-right: 5px;
    height: 55px;
    line-height: 34px;
    font-size: 20px;
    text-transform: uppercase;
    top: 10px;
    left: -32px;
    text-align: center;
    background: url("img/clip_bandeau.png") no-repeat 1px 0px transparent;
}


#top_right_container {
    position: absolute;
    top: 0; right: 0;
    display: flex;
    flex-flow: column wrap;
    min-width: 50px;
    margin: 0;
    /*padding: 0 15px;*/
    border-bottom-left-radius: 8px;
}
#top_account_access {
    display: flex;
    flex-flow: column nowrap;
    /*row-gap: 15px;*/
    justify-content: center;
    height: 30px;
    font-size: 18px;
    padding: 25px 15px;
    transition: padding 0.6s cubic-bezier(.09, .47, .18, .99);
}
.width1262.scrolled #top_account_access {
    padding: 15px 15px 15px 15px;
}


#top_login {
    font-size: 18px;
    line-height: 30px;
    cursor: pointer;
}

.popin_login {
    display: none;
    position: absolute;
    top: 108px;
    right: 0;
    width: 310px;
    height: 200px;
    padding-bottom: 10px;
    text-align: center;
    background: white;
    z-index: 50;
    color: #000000;
}

#main_top_content_top .popin_login a {
    color: black;
}

#main_top_content_top .popin_login a:hover {
    color: black;
}

.popin_login .close_icon {
    float: right;
    cursor: pointer;
    padding: 5px;
    color: red;
}

.popin_login h3 {
    margin: 20px 0 5px 0;
}

.popin_login p {
    float: left;
    width: 100%;
    line-height: 20px;
}

.popin_login form {
    float: left;
    width: 100%;
}

#villageForm .pseudo {
}

#villageForm .password {
}

.ok {
    position: relative;
    top: 7px;
    cursor: pointer;
}

.inscription {
}

.oubli {
    float: right;
    width: 238px;
    text-align: right;
    font-size: 9px;
    margin: 0 62px 0 0;
}

.login {
}

.avatar {
}

.bonjour {
}

.bye {
}

.nvxMsg {
}

.rechercher {
}

.gsc-clear-button {
    display: none !important;
}

.white_bg {
    background: white !important;
}

/*          INFLUENCE                  */

.influence_table_header {
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-width: 0 0 1px;
    background-color: rgb(239, 239, 238);
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.influence_table_content {
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-width: 2px 0 0;
    padding: 7px;
    text-align: left;
    background: transparent url("img/v3_blanssemitransp.png") repeat scroll 0 0;
    width: 100%;
}

.influence_table_header td,
.influence_table_content td {
    border-style: none solid none none;
    border-width: 2px;
    padding: 7px;
    margin-top: 5px;
    font-weight: bold;
    width: 50%;
    text-align: center;
}

.influence_table_header td {
    padding: 10px 7px;
}

.influence_table_content td {
    vertical-align: top;
    color: #000000;
    font-weight: normal;
}

.influence_table_header td.left,
.influence_table_content td.left {
    border-right: 2px solid rgb(204, 204, 204);
}

.influence_table_header td.right,
.influence_table_content td.right {
    border-right: none;
}

.text_block {
    display: block;
    width: 100%;
    margin: 5px 0;
    text-align: left;
    background: transparent url("img/v3_blanssemitransp.png") repeat scroll 0 0;
}

.text_block.with_border {
    width: calc(100% - 4px);
    border-width: 2px;
    border-style: solid;
}

.text_block_in {
    padding: 10px;
}

.rc_admin_content {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #C0C0C0;
}

.rc_admin_content a {
    float: left;
    font-weight: bold;
    margin: 5px 2px;
    padding: 5px;
    border: solid 1px #C0C0C0;
}
.rc_admin_content a:hover {
    background: #C0C0C0;
    color: white;
}

.rc_admin_content input {
    /*float: left;*/
    font-weight: bold;
    color: darkorange;
    margin: 5px;
    padding: 5px;
    border: solid 1px #C0C0C0;
    background: transparent;
    cursor: pointer;
}
.rc_admin_content input:hover {
    background: #C0C0C0;
    color: white;
}

/*       NEWS NEWLOOK    */

.news_main_image img {
    max-width: 700px;
    height: auto;
}

#news_meta {
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}

#news_meta .left {
    float: left;
    width: 50%;
}

#news_meta .right {
    float: left;
    width: 50%;
    text-align: right;
}

#contenu #the_news_top .all_news {
    float: right;
    font-weight: bold;
    /*padding: 5px 0;*/
    padding: 0;
    margin-bottom: 5px;
}

.news_read_tagline {
    font-size: 12px;
    line-height: 12px;
    padding-bottom: 3px;
}

#maintenancetitle {
    position: absolute;
    color: white;
    float: left;
    width: 100%;
    padding-top: 10px;
    z-index: 200;
    height: 53px;
    overflow: hidden;
}

#maintenancetitle:hover {
    height: 700px;
}

#maintenancetitle span {
    display: inline-block;
    background: darkgreen;
    padding: 5px 10px;
    font-size: 14px;
}

#maintenancetitle span.big {
    font-size: 36px;
}

#maintenancetitle span.big.warning {
    background: darkred;
}

/*  Boutons de partage en pied d'article - displayHTMLSocials(), functions/article_filtering.php.

    Ce bloc remplace celui qui dimensionnait les ANCIENS widgets (item A1, dev/gating2.md) :
        .social_wrapper { width: 100px; max-height: 40px; overflow: hidden; }
        .social_wrapper.twitter { position: relative; top: 7px; }
    Ces valeurs encadraient une iframe "like box" Facebook, et le decalage de 7px rattrapait la
    difference de hauteur entre les deux widgets. Appliquees aux simples liens texte qui les ont
    remplaces, elles rognaient le libelle et desalignaient le second bouton.
    L'ancienne regle #article_html_socials etait vide, et l'id est devenu une classe : la
    fonction est appelee une fois par article, donc plusieurs fois sur une page de rubrique.  */
.article_html_socials {
    clear: both;
    margin: 25px 0 10px 0;
}
.social_share {
    display: inline-block;
    margin: 0 10px 8px 0;
    padding: 7px 14px;
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 0.9em;
    line-height: 18px;
    white-space: nowrap;
}
.social_share:hover {
    border-color: #bbb;
}
.social_share i,
.social_share_xlogo {
    margin-right: 7px;
}
/*  Le logo X est un SVG, pas un glyphe de police : il lui faut une taille explicite.
    fill: currentColor pour qu'il suive la couleur du lien - contrairement a #top_social svg
    (:368) qui le force en blanc, parce que la barre du haut est sur fond sombre.  */
.social_share_xlogo {
    display: inline-block;
    vertical-align: -2px;
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.select_firstoption_visible {
    font-weight: bold;
    /*text-align: center;*/
}

#volute_display_area {
    padding: 10px 20px 10px 20px;
    background: #00b1a3;
    color: white;
}
#volute_display_area > div {
    display: flex;
}
#volute_display_area ul {
    width: 50%;
}

#mylene_modo {
    width: 90%;
    padding: 20px 5%;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}

#mylene_modo ul {
    list-style: none;
}

#mylene_modo ul li a {
    font-weight: bold;
}

#bybye_content {
    padding: 30px 20px;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}

#bybye_content p {
    margin: 0 0 10px 0;
}


.the_news_content #tweet_html {
    display: inline-block;
    margin: 20px 0;
}

.the_news_content #tweet_html iframe {
    border: none !important;
    box-shadow: none !important;
}

.the_news_content #fb-root {
    display: none;
}
.the_news_content .fb_iframe_widget:not(.fb-like),
.the_news_content .fb_iframe_widget:not(.fb-like) span,
.the_news_content .fb_iframe_widget:not(.fb-like) span iframe[style] {
    width: 100% !important;
}


/*    collapse    */

.collapse-block {
    margin-bottom: 10px;
    background-image: none;
    background-color: transparent;
}
.collapse-block.bg_white {
    background: url("img/v3_blanssemitransp2.png") repeat transparent;
}
.collapse-block.open {
    height: auto;
}
.collapse-title {
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
}
#contenu .collapse-title h3 {
    font-size: 12px;
}
.collapse-title.clip_title {
    padding: 10px 0;
}
.collapse-title:after {
    position: absolute;
    content: '\f0fe';
    font-family: FontAwesome;
    height: 14px; width: 14px;
    font-size: 14px;
    line-height: 14px;
    top: 12px; right: 10px;
}
.collapse-block .collapse-title.clip_title:after {
    top: 10px;
}
.collapse-block.open .collapse-title:after {
    content: '\f146';
}
.collapse-block.bordered .collapse-title {
    border-bottom: 1px solid black;
}
.collapse-title h3 {
    clear: none;
    /*text-transform: uppercase;*/
}
.collapse-title .clip_title_after {
    margin-right: 35px;
}
.collapse-content {
    height: 0;
    padding: 0 20px;
    overflow: hidden;
}
.collapse-content.no-padding,
.collapse-block.open .collapse-content.no-padding {
    padding: 0;
}
.collapse-block.open .collapse-content {
    padding: 10px 20px;
    height: inherit;
}
.collapse-content > table {
    width: 100%;
}

.mp3players-tabs {
    margin-top: 20px;
}
.mp3players-tabs ul.idTabs {
    list-style: none;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid black;
}
.mp3players-tabs ul.idTabs li {
    position: relative;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    padding-right: 30px;
}
.mp3players-tabs ul.idTabs li:after {
    position: absolute;
    top: 0; right: 9px; bottom: 0;
    content: '\f111';
    width: 8px;
    font-family: FontAwesome;
    font-size: 8px;
    line-height: 22px;
}
.mp3players-tabs ul.idTabs li:last-child:after {
    content: '';
}
.mp3players-tabs ul.idTabs li a {
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 3px solid transparent;
}
.mp3players-tabs ul.idTabs li a.selected {
    border-bottom: 3px solid black;
}

.mp3players-tabs.images ul.idTabs {
    height: 30px;
}
.mp3players-tabs.images ul.idTabs li a {
    display: inline-block;
    width: 25px;
    height: 31px;
    background: red;
}
.mp3players-tabs.images ul.idTabs li.spotify a,
.mp3players-tabs.images ul.idTabs li:not([class]):nth-child(1) a,
.mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(1) a {
    /*background: url("img/spotify.png") no-repeat top center transparent;*/
    background: url("img/spotify-small.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.deezer a,
.mp3players-tabs.images ul.idTabs li:not([class]):nth-child(2) a,
.mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(2) a {
    /*background: url("img/deezer.png?v=2") no-repeat top center transparent;*/
    background: url("img/deezer-small.png?v=2") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.applemusic a,
.mp3players-tabs.images ul.idTabs li:not([class]):nth-child(3) a,
.mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(3) a {
    /*background: url("img/applemusic.png") no-repeat top center transparent;*/
    background: url("img/applemusic-small.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.youtube a,
.mp3players-tabs.images ul.idTabs li:not([class]):nth-child(4) a,
.mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(4) a {
    /*background: url("img/youtube.png") no-repeat top center transparent;*/
    background: url("img/youtube-small.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.mylene a,
.mp3players-tabs.images ul.idTabs li:not([class]):nth-child(5) a,
.mp3players-tabs.images ul.idTabs li[class="members-only"]:nth-child(5) a {
    /*background: url("img/logo_small.png") no-repeat top center transparent;*/
    /*background-size: 75px 22px;*/
    background: url("img/logo-small.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.amazon a {
    background: url("img/amazon-sq.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.youtube-music a {
    background: url("img/yt-music-sq.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.tidal a {
    background: url("img/tidal-sq.png") no-repeat top center transparent;
    background-size: 25px 25px;
}
.mp3players-tabs.images ul.idTabs li.qobuz a {
    background: url("img/qobuz-sq.png") no-repeat top center transparent;
    background-size: 25px 25px;
}

.mp3players-tabs ul.idTabs li::after {
    line-height: 28px;
}




.members-only,
.members-only-block,
.members-only-inline {
    display: none !important;
}
body.member-online .members-only {
    display: inline-block !important;
    /*width: 100%;*/
}
body.member-online .members-only-block {
    display: block !important;
    /*width: 100%;*/
}
body.member-online .members-only-inline {
    display: inline !important;
    /*width: 100%;*/
}


/***********    OWL     ****************/

.owl-theme .owl-controls .owl-page span {
    background-color: darkorange;
}
.owl-carousel {
    margin-top: 0;
}
.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
}
.owl-theme .owl-controls .owl-buttons div i {
    font-size: 40px;
}


/***********    Toutes les news     ****************/

body.toutes-les-news #top_content {
    display: none !important;
}
body.toutes-les-news #main_container {
    background-image: none;
    background-color: rgba(255, 255, 255, 0.65);
}
body.toutes-les-news #main_container::after {
    display: none;
}
body.toutes-les-news #contenu {
    padding-top: 60px;
}

body.toutes-les-news.width1262 #contenu .width1262-full-container .width1262-incontainer-left .page-content-wrapper-1262 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.toutes-les-news.width1262 #contenu .blocSpecial a {
    color: var(--coloredtextonthemebg);
    border-color: var(--bg-themecolored);
    padding: 4px 8px;
}
body.toutes-les-news.width1262 #contenu .blocSpecial a:hover {
    background: var(--coloredtextonthemebg);
    color: var(--bg-themecolored);

}
body.toutes-les-news.width1262 #contenu .blocSpecial b {
    font-size: 12px;
    /*color: black !important;*/
    border: 1px solid var(--themecolored);
    padding: 4px 8px;
}

body.toutes-les-news #news_table {
    display: flex;
    flex-flow: column nowrap;
    row-gap: 30px;
    margin-bottom: 30px;
}

#news_table .news {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    height: 105px;
    background: #ffffff;
    margin-bottom: 0;
}

#news_table .news .home_news_img {
    width: 200px;
    height: 105px;
}

#news_table .news .home_news_content {
    width: 100%;
    position: relative;
    height: 105px;
}
#news_table .news .home_news_content .home_news_content_in {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
    float: inherit;
    padding: 15px 30px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

#contenu #news_table p {
    margin: 4px 0 0 0;
    font-size: 13px;
    line-height: 16px;
}

#contenu #news_table h3 {
    font-size: 16px;
    line-height: 18px;
}

#news_table .news .home_news_img a.news_img_link {
    display: flex;
    width: 200px;
    height: 105px;
    overflow: hidden;
}
#news_table .news .home_news_img a.news_img_link img {
    max-width: 100%;
}

#news_table .news:hover a {
    /*color: #ffffff;*/
    text-decoration: none;
}

#news_table .news_read_more {
    position: absolute;
    right: 5px;
    bottom: 3px;
    font-weight: bold;
    font-size: 10px;
}



.scrolling-sidebar-top-anchor {
    /*float: left;*/
    display: flex;
    width: 100%;
    height: 0;
}
.scrolling-sidebar-bottom-anchor {
    /*float: left;*/
    display: flex;
    width: 100%;
    height: 0;
}