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

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

/* Facebook - Chaud, transparency    */
/* contact info: jonathan.marchal.64@gmail.com */



/*
bleu clair #3366CC
bleu fonçé #336699
bleu très clair #99CCFF
*/






body {background:url('http://www.hornetovore.fr/site/wp-content/themes/aerodrome/images/temple.jpg') fixed !important;}







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



.WelcomePage_Container {margin-left:-100px !important;}




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

#globalContainer {padding-left:0px !important;background:transparent !important;}
/* --- */




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



#headNavOut {background:#336699 !important;  /* fond de la barre avec recherche et login */
border:1px solid black !important;
clear:both !important;

-moz-border-radius:10px;
}

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

/* boutons droite */

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

/* bouton de gauche */

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

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

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

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

.jewelFooter:hover {background:transparent !important;}

/* --- */


/********************************* content ***************************************************/

#content {background:transparent !important;}
/* --- */




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

.profile_color_bar {
background:#99CCFF !important;
width:1000px !important;
height:100px !important;
left:0px !important;

-moz-border-radius:10px;}


.profile_top_wash {
background:transparent !important;
width:00px !important;
height:100px !important;
position:relative !important;
left:50% !important;
margin-left:-500px!important;
clear:both !important;

padding:0px !important;

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





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


#profile_name { /* nom */
color:purple !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:purple !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;
}

#left_column { /* colonne profil et autre */
background:rgba(255, 255, 255, 0.65) !important; 
padding: 10px 0 20px 10px!important; 
margin-left:-70px !important; 
margin-top:84px !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 { /* colonne page accueil */
background:rgba(255, 255, 255, 0.65) !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;
}
/* --- */





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


#right_column { /* colonne profil et autre */
background:rgba(255, 255, 255, 0.65) !important; 
padding: 10px 225px 10px 10px !important;
margin-left: -35px !important;
padding-top: 100px !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.65) !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:cyan !important;
color:#000 !important;
}
.dialog_content a {
color:purple !important;
}
.perms_graphic {
background:#fff !important;
}
.minifeed {
background:#fff !important;
color:#000 !important;
}
/* --- */






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


#buddy_list_tab {
background:rgba(255, 255, 255, 0.65) !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:rgba(255, 255, 255, 0.65) !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 purple !important;
}

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

a.selected {
background:#fff !important;
}
/* --- */




/* page photos, evenements et video */


.creation_buttons {background:#fff !important;} /* boutons sur fond blanc */
.caption {color:purple !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:#F2FAF9 !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:rgba(0, 0, 0, 0.85) !important;
}

.chat_header a {
color: white !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;
}
/* --- */

}