/*    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;
}

.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;
}

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

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

body {
    margin: 0;
    padding: 0;
    text-align: center;
    /*font-family: "Roboto", Arial, Verdana, sans-serif;*/
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    background-position: center 120px !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: white;
}

body.scrolled {
    background-position: center 39px !important;
}

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: 120px auto 0 auto;
    text-align: left;
}

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

.scrolled #main_top_content {
    height: 39px;
}

#main_top_content_top {
    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: 90px;
    /*background-image: url("img/degrademenu.png");*/
    background-repeat: repeat;
    background-position: 0 0;
}

#main_top_content_bottom.scrolled {
    height: 39px;
}

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

.scrolled #main_top_content_bottom_bg {
    display: none;
}

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

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

#top_logo img {
    position: relative;
    top: 0;
    left: 0;
}

.scrolled #top_logo img {
    top: 8px;
    left: 52px;
}

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

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

#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 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;
    float: right;
    overflow: hidden;
    height: 30px;
    text-align: left;
    line-height: 30px;
    padding-left: 120px;
    font-size: 16px;
    width: 50px;
}
#top_search_icon {
    position: relative;
    left: 0;
    float: right;
    width: 20px;
    height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 51;
    /*color: #505050;*/
    background-color: transparent;
    transition: color 400ms linear;
}
#top_search_icon.loaded {
    color: white;
}
#top_search_icon.loaded:hover {
    color: #dddddd;
}
#top_search_icon i {
    font-size: 13px;
    line-height: 30px;
}
#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_account_access {
    position: relative;
    float: right;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

#top_account_access .element {
    float: right;
    height: 30px;
    padding-left: 20px;
}

#top_account_access .element a#account_logout i {
    font-size: 17px;
    line-height: 30px;
}

#top_account_access .element a#account_mails i {
    font-size: 13px;
    line-height: 18px;
}

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

#top_content img {
    /*padding-top: 20px;*/
}

#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 {
    width: 100%;
}
#main_top_content .header-line#menu_line {
    position: relative;
    top: -48px;
}

#menu_content {
    float: right;
    width: 100%;
    margin-top: 20px;
}
.scrolled #menu_content {
    margin-top: -1px;
}

.menu_top_container {
    float: left;
    width: 50%;
    text-align: center;
}
body:not(.home) .scrolled .menu_top_container#menu_top_container_left {
    text-align: left;
}
body:not(.home) .scrolled .menu_top_container#menu_top_container_right {
    text-align: right;
}

.menu_top_container li {
    display: inline-block;
    /*float: left;*/
    height: 28px;
    padding: 10px 0 10px 0;
}

.scrolled .menu_top_container li {
    height: 19px;
}

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

#menu_top_container_left {
    border: none !important;
}

.menu_top_container li#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,
.mf_static_menu {
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    float: left;
    display: block;
    color: white;
}

.mf_static_menu {
    font-size: 14px;
    padding: 0 9px;
}
#menu_top_container_right .mf_static_menu {
    font-size: 14px;
}

.mf_dyn_menu {
    padding: 0 14px;
}

.scrolled .mf_dyn_menu,
.scrolled .mf_static_menu {
    line-height: 19px;
}

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;
}

.scrolled .blockmenu {
    top: 37px;
}

.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;
    float: left;
    width: 100%;
}

.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: 0 14px;
    margin-bottom: 12px;
    overflow: hidden;
    clear: both;
    background: url("img/v3_blanssemitransp.png") repeat transparent;
}

.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 {
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    border-top: 3px solid;
    line-height: 24px;
}

.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;
}
#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 {
    float: right;
    width: 1000px;
    background: url("img/bg_footer.png") repeat transparent;
}

.footer_block {
    float: left;
    width: 960px;
    border-top: white dotted thin;
    padding: 20px;
}

.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;
}

.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,
body.home #contenu h2,
body.home h2.bigtitle {
    float: left;
    font-size: 28px;
    line-height: 38px;
    font-variant: normal;
    text-transform: uppercase;
    border-top: 7px solid;
}

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 10px 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_table p {
    margin: 4px 0 0 0;
    font-size: 13px;
    line-height: 16px;
}

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

#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: 700px;
    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;
    position: relative;
    color: white;
    font-weight: bold;
}
.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;
}

#news_table .news {
    float: left;
    width: 100%;
    background: #ffffff;
    margin-bottom: 10px;
}

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

#news_table .news .home_news_content {
    float: left;
    position: relative;
    width: 500px;
    height: 105px;
    overflow: hidden;
}

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

#news_table .news .home_news_img a.news_img_link {
    float: left;
    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;
}

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

#the_news_top {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

#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;
    position: absolute;
    top: 106px;
    right: 0;
    width: 200px;
}
#menu_news_tabs ul li {
    display: inline-block;
}
.blockmenu #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_login {
    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_wrapper {
    padding: 0 14px 10px 14px;
}

.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 {
    float: left;
    width: 100%;
    font-size: 11px;
    margin-top: 5px;
}

#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;
}

#article_html_socials {
}

.social_wrapper {
    display: inline-block;
    padding-right: 20px;
    width: 100px;
    max-height: 40px;
    overflow: hidden;
}
.social_wrapper.twitter {
    position: relative;
    top: 7px;
}

.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: 20px;
}
.mp3players-tabs ul.idTabs li:after {
    position: absolute;
    top: 0; right: 5px; 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: 23px;
}
.mp3players-tabs.images ul.idTabs li a {
    display: inline-block;
    width: 75px;
    height: 22px;
    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;
}
.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") no-repeat top center transparent;
}
.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;
}
.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;
}
.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;
}



.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%;*/
}