/********   DESIGN RESPONSIVE    **********/

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    /*  l'image de fond pour les tablettes et petits desctops   */
    body {
        background-image: url("../img_/bg_confession_2.jpg") !important;
    }
}

@media only screen and (max-width: 767px) {

    /* couleur du fond du site - doit être très clair   */
    body {
        background-color: #f4f4f4 !important;
    }

    /* couleur principale du site - utilisée pour les textes et les titres */
    .themecolored, #contenu h1.themecolored, #contenu h2.themecolored, #contenu h3.themecolored, #contenu .contenu_title h1 {
        color: #000000 !important;
    }
    /* couleur principale du site - utilisée pour les fonds - Ex : le duel */
    .bg_themecolored, .right_block.half:hover, .right_column_block.bg_themecolored {
        background-color: #F60607 !important;
    }
    /*  couleur des liens  non survolés  */
    a, a.themecolored {
        color: #560300 !important;
    }
    /*   couleur des liens survolés   */
    a:hover, .themecoloredhover:hover, #contenu a.darkgraycolored:hover, a.themecolored:hover {
        color: #F60607 !important;
    }
    /*   couleur de la barre de menu avec le logo    */
    .mylene_resp_menu a#menu_button {
        background-color: #F60607 !important;
    }
    /*    couleur du bouton menu (trois lignes horizontales)    */
    .mylene_resp_menu .accordion > li > a .dcjq-icon {
        color: #FF8C00 !important;
    }
}


/********   SUITE NORMALE DU DESIGN     **********/



/********   SUITE NORMALE DU DESIGN     **********/



body {



    background-color: #F60607;



    background-image:url('../img_/bg_confession_2.jpg');



    background-position: 50% 0%;



    background-repeat: repeat-x;



}







/*******  COULEURS GENERALES    ********/



/* couleur dominante du theme - généralement une couleur assez dense */



.bg_themecolored, .right_block.half:hover, .right_column_block.bg_themecolored {



    background-color: #010101;



}



.themecolored, #contenu h1.themecolored, #contenu h2.themecolored, #contenu h3.themecolored, #contenu .contenu_title h1 {



    color: #010101;



}



/* toujours couleur dominante, pour les boutons colorés */



.mf_button {



    border-bottom-color: #010101;



}







/* couleur lien normaux SURVOLES - doit être lisible sur du blanc */



a:hover, .themecoloredhover:hover, #contenu a.darkgraycolored:hover, a.themecolored:hover,



a.mf_link_button_v3:hover, #contenu a.mf_link_button_v3:hover {



    color: #805243;



}



/* couleur lien normaux NON survolés & couleur liens gris survolés - doit être lisible sur du blanc */



a, a.themecolored,



a.mf_link_button_v3:hover, #contenu a.mf_link_button_v3:hover {



    color: #805243;



}







/* couleur texte (lien ou autre) sur fond couleur dominante - doit être assez clair */



.coloredtextonthemebg {



    color: #ffffff;



}



/* couleur liens SURVOLES sur fond couleur dominante - doit être assez clair */



a.coloredtextonthemebg:hover, .coloredtextonthemebg:hover, .coloredtextonthemebghover:hover {



    color: #ffffff;



}







/* commentaires page news couleur alternée - doit être assez clair */



.commentaireModule_b {



    background-color: #efefef;



}







/************  COULEURS MENU  *************/



/* couleur des liens NON survolés du menu principal - ils sont sur un fond de couleur dominante */



a.mf_dyn_menu {



    color: #FFFFFF;



}



/* couleur des liens SURVOLES du menu principal - ils sont sur un fond de couleur dominante */



a.mf_dyn_menu:hover {



    color: #C70100;



}



/* couleur des liens NON survolés des sous menus - ils sont sur un fond semi transparent de couleur blanche */



.blockmenu a {



    color: #000000;



}



/* couleur des liens SURVOLES des sous menus - ils sont sur un fond semi transparent de couleur blanche */



.blockmenu a:hover {



    color: #C70100;



}



/* couleur du lien selectionné des sous menus - il est sur un fond semi transparent de couleur blanche */



.blockmenu a#selectedItem, .blockmenu a#selectedItem:hover {



    color: #C70100;



}



/* couleur de la bordure  de 1 pixel du menu */



#menu_top_container_left {



    border-color: #58465a;



}







/************  COULEURS NEWS HOME  **********************/



/* couleur du fond pour les news survolées */



table#news_table tr.news:hover {



    background-color: #eeeeee;



}



/* couleur des liens NON survolés pour les news survolées */



table#news_table tr.news:hover a {



    color: #1C98CD;



}



/* couleur des liens SURVOLES pour les news survolées */



table#news_table tr.news:hover a:hover {



    color: #ffffff;



}