@namespace url(http://www.w3.org/1999/xhtml);



@-moz-document domain("facebook.com") {

/* Facebook - Champiiiiii    */
/* contact info: jonathan.marchal.64@gmail.com */



/*
orange : rgba(254,154,22,0.5)
vert fonçé : #007C11
bleu clair : #6EC3B7
*/



body {background:url('http://www.fresh-paper.com/fresh-paper.com-wallpaper-1442.jpg') center center fixed !important;}


a {color:#007C11 !important;} /* lien en général */
.comment_link, .like_link {color:#007C11 !important;} /* commentez et j'aime */
.comment_actions span {color:#007C11 !important;} /* j'aime dans les com du mur */


/* on rend invisible */


#pagelet_connectbox, .hp_connect_box {display:none !important;} /* haut droit "communiquer" */

#footerContainer {display:none !important;} /* lien de bas de page */

#pageLogo {display:none !important;} /* logo facebook */

#blueBar {background:transparent !important;} /* barre bleue du haut de page */

#contentCurve {display:none !important;} /* barre blanche de 2px en bas de la page */

#sidebar_ads, #pagelet_adbox, .UIHomeBox_Sponsored {display:none !important;} /* pub */

.welcome_useragent {display:none !important;} /* page de login */

.WelcomePage_MainSellCenter {display:none !important;}
/* --- */



/****************************** page d'accueil *********************************/

.WelcomePage_Container {margin-left:-100px !important;}
#menubar_container {background:#007C11!important;}
#menubar_container a {color:white!important;}
.WelcomePage_MainSell {background:rgba(254,250,22,0.70)!important;}


/****************************** barre du haut de page profil et autres ********************************/

.profile_top_wash, .profile_color_bar {background:rgba(254,154,22,0.5) !important;

-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;}
/* --- */




/********************************* container principal ****************************************/

#globalContainer {padding-left:50px !important;}
/* --- */




/******************************* haut de page - barre de recheche et boutons ********************************/



#headNavOut {background:transparent url("http://www.centre-social-monein.fr/images/black_opacity-90.png") repeat !important; border:1px solid rgba(254,254,22,0.7) !important;  /* fond de la barre avec recherche et login */

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

#headNavOut a {color:rgba(254,154,22,0.7) !important;}

#navSearch {margin-left:10px !important;} /* barre de recherche */

/* boutons droite */

#navAccountLink {margin-right:10px !important;}
#pageNav a:hover {background:#007C11 !important;color:white !important;}
#pageNav a:focus {background:#007C11 !important;color:white !important;}

/* bouton de gauche */

#jewelCase {margin-left:-8px !important;}

#requestsWrapper a#jewelRequest {background:rgba(254,154,22,0.7)
url("http://www.centre-social-monein.fr/images/amis.png") no-repeat 0 0 !important;} /* requete amis */
#mailWrapper a#jewelMail {background:rgba(254,200,22,0.7) url("http://www.centre-social-monein.fr/images/mail.png") no-repeat 2px 1px !important;} /* mail */
#notificationsWrapper a#jewelAlert {background:rgba(254,254,22,0.7) url("http://www.centre-social-monein.fr/images/globe.png") no-repeat 0 0 !important;} /* notifications */

#requestsWrapper a#jewelRequest:hover {background:rgba(254,254,22,0.7) url("http://www.centre-social-monein.fr/images/amishover.png") no-repeat 0 0 !important;} /* requete amis */
#mailWrapper a#jewelMail:hover {background:rgba(254,154,22,0.7) url("http://www.centre-social-monein.fr/images/mailhover.png") no-repeat 0px 1px !important;} /* mail  */
#notificationsWrapper a#jewelAlert:hover {background:rgba(254,200,22,0.7) url("http://www.centre-social-monein.fr/images/globehover.png") no-repeat -1px 0 !important;} /* notifications  */


#requestsWrapper a:hover {background:white !important;} /* box requete amis */
#mailWrapper a:hover {background:white !important;} /* box mail  */
#notificationsWrapper a:hover {background:white !important;} /* box notifications  */

.jewelFooter:hover {background:#6EC3B7 !important;}

/* --- */





/************************ haut de page profil et autre **************************/


#profile_name { /* nom */
color:#007C11 !important;
font: 25px 'comic sans ms' !important;
}

#profile_status { /* message status */
color:#000 !important;
font: 12px 'comic sans ms' !important;
}

#status_time { /* durée du statut */
color:#007C11 !important;
}

#profile_tabs li { /* boutons */
background:white !important;
}

#profile_tabs li a { /* boutons */
background:rgba(254,204,22,0.7) !important;
color:#007C11 !important;
}

#profile_tabs li a:hover { /* boutons */
background:rgba(254,204,22,0.9) !important;
color:#007C11 !important;
}

/* --- */




/*********************** colonnes de gauche *************************/

#profileimage { /* on recentre l'image profil */
margin:-5px 5px 5px -5px !important;
}

.box { /* on recentre les box de titres */
width: 100% !important;
margin: 0 5px 0 -5px !important;
}

.profile_action:hover { /* on change le fond bleuté au survol */
background:#007C11 !important;
color:white !important;
}

#navItem_nf a, a.item:focus, a.item:active { /* soulignage élément sélectionné */
background:#007C11 !important;
color:white !important;
}

#left_column { /* colonne profil et autre */
background:rgba(255,255,255,0.85) !important; 
padding: 10px 0 20px 10px!important; 
margin-left:-73px !important; 
margin-top:101px !important;
-moz-background-clip: padding !important;

border: 6px solid transparent !important;

-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;

-moz-border-radius: 6px !important;
}

#left_column a {color:rgba(254,104,22,0.9) !important;}


#leftCol { /* colonne page accueil */
background:rgba(255,255,255,0.85) !important; 
padding: 10px 0 20px 10px!important; 
margin-left:-30px !important;
-moz-background-clip: padding !important;

border: 6px solid transparent !important;

-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;

-moz-border-radius: 6px !important;
}

#leftCol a {color:rgba(254,104,22,0.9) !important;}

/* --- */



/*************************** colonnes de droite ******************************/

#right_column { /* colonne profil et autre */
background:rgba(255,255,255,0.85) !important; 
padding: 10px 225px 10px 10px !important;
margin-left: -35px !important;
-moz-background-clip: padding !important;

border: 6px solid transparent !important;

-moz-border-bottom-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-left-colors: rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-right-colors: rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-top-colors:  rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;

-moz-border-radius: 6px !important;
}

.UIStory { /* contenu (texte...) page profil et autre */
background:transparent !important;
}

#rightCol { /* colonne page accueil */
border: 1px solid #fff !important;
width: 230px!important;
}

#contentCol { /* contenu accueil */
background:rgba(255,255,255,0.70) !important;
}

/* --- */




/********************************* footer ************************************/

#pageFooter { /* espace bas de la page pour eviter que les fenêtres de tchat ne cachent les apps */
background:transparent !important;
height:50px !important;
margin:25px !important;
}

/* --- */



/********************************** fenêtre pop up d'application *************************************/

.dialog_content {
background:#007C11 !important;
color:#000 !important;
}

.dialog_content a {
color:red !important;
}

.perms_graphic {
background:#fff !important;
}

.minifeed {
background:#fff !important;
color:#000 !important;
}

/* --- */




/************************************** liste de contacts ***************************************/

#buddy_list_tab {
background:transparent url("http://www.centre-social-monein.fr/images/blanc_opacity-70.png") repeat !important;
padding: 0 10px 0 10px !important; 
-moz-background-clip: padding !important;
border: 6px solid transparent !important;

-moz-border-right-colors:rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-left-colors:rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-top-colors:rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}


.presence_menu_opts {
background:transparent url("http://www.centre-social-monein.fr/images/blanc_opacity-70.png") repeat !important;
padding: 10px 4px 0 4px !important;

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

/* --- */




/**************************************** page view photos et applications ****************************************/

.UIStandardFrame_Container {
background:white !important;
padding-left:200px !important;

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0px;
}

.fan_box { /* bouton devenir fan */
background:#fff!important;
border:1px dashed red !important;
}

.fan_box a { /* bouton devenir fan */
color:red !important;
}

/* --- */




/* page photos, evenements et video */

.creation_buttons {background:#fff !important;} /* boutons sur fond blanc */
.caption {color:red !important;} /* couleur anotations */
/* --- */



/* page new mess */

.field_set_field, .gigaboxx_composer_message_label, .UIComposer_AttachmentPrompt {
color:#000 !important;
}

/* --- */



/* upload file */

#upload_file {
background:#efefef !important;
}

/* --- */



/* video et divers */

.UIMediaHeader_Container, .UIMediaHeader_TitleWrapper {
background:#007C11 !important;
border:none !important;

-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
}


.UIWashFrame_MainContent, #prompt {
background:#fff !important;
}

/* --- */



/* fenêtre de chat */

.chat_header {
background:transparent url("http://www.centre-social-monein.fr/images/black_opacity-90.png") repeat !important;
}



/* discution */

#chat_tab_bar { 
-moz-background-clip: padding !important;
border: 6px solid transparent !important;

-moz-border-right-colors:rgba(0,0,0,.62) #e3e7ea rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-left-colors:rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;
-moz-border-top-colors:rgba(0,0,0,.62) #f5f8fa rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) rgba(255,255,255,0.3) !important;

-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;}

/* --- */



/* fenêtre de requêtes */

.UIFullPage_Container {
background:#fff !important;
padding: 10px 25px 10px 10px !important;

-moz-border-radius-topleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
}

/* --- */

.uiHeaderTitle, .UIImageBlock_Content, .uiAttachmentDesc, span.uiStreamSource, .comment_actions {
color:black !important;
}

}