body { background-color: #999999; text-align: center; margin: 0px; width: 100%; font-family: Verdana;}
.retour { clear: both; }
a { color: #666666; text-decoration: none; }
a:hover { color: #cccccc; text-decoration: none; }
form { margin: 0px; padding: 0px; }
input,textarea { background-color: #e6e6e6; border-left-color: #666666; border-bottom-color: #cccccc; border-right-color: #cccccc; border-top-color: #666666; padding: 2px; color: #333333; font-size: 12px; border-style: solid; border-width: 1px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.bouton input { padding: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-color: #cccccc; border-style: solid; border-width: 1px; color: #666666; background-color: #e6e6e6; cursor: hand }
.bouton input:hover { border-color: #cccccc; color: #333333; background-color: #cccccc; }
.bouton .actif { color: white; border-color: #00e59e; background-color: #00e59e; font-weight: bold; border-style: solid; border-width: 1px; }
.zonetexte_app_corps { padding-left: 5px; padding-bottom: 0px; padding-right: 5px; padding-top: 5px; margin-left: 5px; margin-right: 5px; margin-top: 0px; margin-bottom: 10px; max-height: 95px; max-width: 117px; background-image: url(/design/images/zonetexte_app_fond.jpg); float: left; height: 100px; width: 127px; }
.zonetexte_app_corps .nom { text-align: center; }
#alerte .erreur { border-color: red; color: red; margin-bottom: 25px; margin-top: 25px; padding: 15px; text-align: center; background-image: url(../design/images/message_fond.gif); -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; border-style: solid; border-width: 2px; }
#alerte .ok { border-color: green; color: green; margin-bottom: 25px; margin-top: 25px; padding: 15px; text-align: center; background-image: url(../design/images/message_fond.gif); -moz-border-radius: 4px; -webkit-border-radius: 4px; font-weight: bold; border-style: solid; border-width: 2px; }
#contextefond { margin: 0px; background-color: #333333; }
#contextehaut { text-align: center; height: 80px; margin-right: auto; margin-left: auto; background-image: url(/design/images/contextehaut_fond.jpg);}
#contextehaut .corps { text-align: left; width: 900px; height: 80px; margin-right: auto; margin-left: auto;}
#contextehaut .acces { margin-left: 200px; width: 700px; display: inline; position: absolute; font-weight: bold; font-size: 11px; }
#contextehaut .logo { text-align: left; margin-left: 10px; }
#contextecorps { width: 900px; margin-right: auto; margin-left: auto; padding: 0px; overflow: hidden; }

.logo { font-family: verdana, Arial; font-weight: bold; letter-spacing: -1px; }
.logo .texte_1 { color: #b3b3b3; }
.logo .texte_2 { color: #00e59e; font-size: larger; }
#accueil { position: relative; z-index: 0; width: 860px; margin-left: -120px; display: block; }
#accueil h1 { margin-bottom: 5px; margin-top: 0px; font-weight: bold; color: #00e59e; font-size: 14px; }
#accueil .colonne_retour { float: left; width: 100%; display: block; }
#accueil .colonne_g_1 { margin-left: 0px; margin-bottom: 30px; margin-right: 0px; margin-top: 0px; float: left; display: inline; width: 274px;}
#accueil .colonne_m_1 { margin-left: 19px; margin-bottom: 30px; margin-right: 0px; margin-top: 0px; float: left; display: inline; width: 274px;}
#accueil .colonne_d_1 { margin-left: 19px; margin-bottom: 30px; margin-right: 0px; margin-top: 0px; float: left; display: inline; width: 274px;}
#accueil .colonne_g_2 { margin-left: 0px; margin-bottom: 30px; margin-right: 0px; margin-top: 0px; float: left; display: inline; width: 567px;}
#accueil .colonne_d_2 { margin-left: 19px; margin-bottom: 30px; margin-right: 0px; margin-top: 0px; float: left; display: inline; width: 567px;}
#accueil .colonne_g_3 { margin-left: 0px; margin-bottom: 30px; margin-right: 0px; margin-top: 0px; float: left; display: inline; width: 860px;}

#menu { margin-top: 0px; margin-left: 20px; text-align: left; font-size: 9px; position: static; float: left; width: 200px; }
#menu h1 { margin-right: 30px; margin-left: 10px; margin-bottom: 5px; margin-top: 0px; font-weight: bold; color: #00e59e; font-size: 16px; }
#menu h2 { margin-right: 30px; margin-left: 10px; margin-bottom: 5px; margin-top: 20px; font-weight: bold; color: #00e59e; font-size: 11px; }
#menu h3 { margin-right: 30px; margin-left: 10px; color: #b3b3b3; margin-top: 0px; margin-bottom: 2px; font-style: normal; font-weight: normal; font-size: 10px; }
#menu h4 { margin-right: 30px; margin-left: 10px; color: #191919; margin-top: 0px; margin-bottom: 2px; font-style: normal; font-weight: normal; font-size: 10px; }
#detail_utilisateur_haut { background-repeat: no-repeat; margin-bottom: 5px; height: 7px; width: 200px; background-image: url(/design/images/menu_utilisateur_haut.jpg); }
#detail_utilisateur_milieu { text-align: left; margin-bottom: 20px; background-repeat: repeat-y; width: 200px; }
#detail_utilisateur_milieu a { color: white; }
#detail_utilisateur_milieu a:hover { color: #cccccc; }
#detail_utilisateur_milieu h1 { margin-right: 10px; margin-left: 10px; margin-bottom: 5px; margin-top: 0px; font-weight: bold; color: #00e59e; font-size: 16px; }
#detail_utilisateur_milieu p { clear: both; margin-right: 10px; margin-left: 10px; color: white; margin-top: 3px; margin-bottom: 0px; font-style: normal; font-weight: normal; font-size: 12px; }
#detail_utilisateur_milieu img { height: 23px; width: 33px; margin-right: 1px; border-width: 0px; margin-bottom: 10px; margin-top: -3px; clear: both; float: left; }
#detail_utilisateur_milieu .nombre { margin-right: 1px; text-align: center; color: white; letter-spacing: -3px; width: 33px; font-weight: bold; font-size: 18px; margin-bottom: 10px; margin-top: -3px; clear: both; float: left; cursor: hand; }
#detail_utilisateur_bas { background-repeat: no-repeat; margin-top: 10px; height: 7px; width: 200px; background-image: url(/design/images/menu_utilisateur_bas.jpg); }
#contenu { width: 680px; margin-left: 220px; font-size: 13px; text-align: justify;}
#contenu form p { width: 100%; }
#contenu label { font-size: 14px; color: #b3b3b3; text-align: left; margin-bottom: 10px; float: left; display: block; width: 250px; }
#contenusurfond { margin-right: 50px; margin-left: 50px; }
#contenusurfond label { font-size: 11px; color: #b3b3b3; text-align: left; margin-bottom: 5px; float: left; display: block; width: 200px; }
#contenu .bouton { padding-bottom: 20px; margin-bottom: 0px; margin-left: 250px; }
.app_corps { margin-left: 4px; margin-bottom: 5px; margin-right: 4px; margin-top: 5px; color: #191919; font-size: 9px; text-align: left; float: left; height: 170px; width: 160px; }
.app_corps .icone { text-align: left; height: 75px; width: 75px; margin-left: 42px; }
#code { visibility:hidden; position: absolute; margin-top: 10px; padding: 5px; background-color: black; z-index:99 }
.app_corps .com_icone { margin-top: 15px; text-align: left; height: 53px; width: 53px; }
.app_corps .supprimer { position: absolute; background-image: url(../design/images/badge_supprimer.gif); z-index: 0; margin-top: -82px; margin-left: 33px; height: 20px; width: 20px; cursor: hand; }
.app_corps .agrandir { position: absolute; background-image: url(../design/images/badge_agrandir.gif); z-index: 0; margin-top: 12px; margin-left: 133px; height: 20px; width: 20px; cursor: hand; }
.app_corps .commentaire { position: absolute; background-image: url(../design/images/badge_commentaire.gif); z-index: 0; margin-top: -82px; margin-left: 104px; height: 20px; width: 24px; cursor: hand; }
.app_corps .obtenir { background-repeat: no-repeat; position: absolute; background-image: url(../design/images/badge_obtenir.gif); z-index: 0; margin-top: -12px; margin-left: 46px; height: 19px; width: 68px; cursor: hand; }
.app_corps .acheter { background-repeat: no-repeat; position: absolute; background-image: url(../design/images/badge_acheter.gif); z-index: 0; margin-top: -12px; margin-left: 46px; height: 19px; width: 68px; cursor: hand; }
.zonetexte_app_corps .ajouter { position: absolute; background-image: url(../design/images/badge_ajouter.gif); z-index: 0; margin-top: -65px; margin-left: 24px; height: 20px; width: 20px; }
.zonetexte_app_corps .selectionner { position: absolute; background-image: url(../design/images/badge_selectionner.gif); z-index: 0; margin-top: -65px; margin-left: 24px; height: 20px; width: 20px; }
.app_corps .nom { text-align: center; font-size: 13px; margin-top: 5px; }
.app_corps .complement { text-align: center; }
.app_corps .commentez { text-align: center; }
.app_corps .commentez a { font-size: 9px; }
.app_corps .classement { font-size: 14px; color: gray; }
.couleur { font-weight: bold; color: #00e59e; }
.couleur_blanc { font-weight: bold; color: white; }
#contenu a:hover { color: #cccccc; }
#nav_page_numero { font-size: 28px; }
.actif { color: #fff; }
.nav_page_texte { margin-top: 12px; font-size: 9px; }
.app_corps a { font-size: 11px; }
.zonetexte_haut { margin-top: 40px; height: 25px; width: 650px; background-image: url(/design/images/zonetexte_haut.jpg); }
.zonetexte_badge { position: absolute; margin-top: -25px; margin-left: -50px; }
.zonetexte_milieu { background-repeat: repeat-y; padding-right: 50px; padding-left: 50px; max-width: 550px; width: 650px; background-image: url(/design/images/zonetexte_milieu.jpg); }
.zonetexte_milieu h1 { padding-left: 10px; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; color: #00e59e; font-size: 28px; font-weight: bold; }
.zonetexte_milieu h2 { padding-left: 10px; margin-top: 20px; margin-left: 0px; margin-bottom: 20px; margin-right: 0px; color: #00e59e; font-size: 18px; font-weight: bold; }
.zonetexte_milieu h3 { padding-left: 10px; padding-bottom: 15px; padding-top: 15px; color: #b3b3b3; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; font-size: 16px; font-weight: bold; }
.zonetexte_bas { margin-top: 0px; height: 25px; width: 650px; background-image: url(/design/images/zonetexte_bas.jpg); }
.zonetexte_app_corps .icone { padding-bottom: 5px; margin-top: 7px; height: 53px; width: 53px; margin-left: 32px; }
.zonetexte_app_corps .nom { font-weight: bold; font-size: 9px; }
.zonetexte_milieu p { color: #b3b3b3; font-size: 14px; }
.zonetexte_milieu a { color: #00e59e; }
.zonetexte_milieu hr { border-bottom-color: #666666; border-bottom-style: solid; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: #666666; margin-bottom: 20px; margin-top: 20px; }#contextebas { margin-top: 30px; padding: 0px; background-repeat: repeat-x; height: 79px; text-overflow: clip; background-image: url(/design/images/contextebas_fond.jpg); margin-right: auto; margin-left: auto; background-color: #999999;}
#contextebas .corps { padding-left: 150px; width: 800px; margin-right: auto; margin-left: auto;}
#contextebas .bas_titre { margin-top: 5px; color: #4c4c4c; font-size: 11px; font-weight: bold; line-height: 22px; text-decoration: none; }
#contextebas .bas_texte { color: #4c4c4c; font-size: 10px; font-weight: normal; text-decoration: none; }
#contextebas .bas_texte p { margin: 0 0 3px; }
#contextebas .bas_texte a { color: #333333; font-size: 10px; font-weight: normal; text-decoration: none; }
#contextebas .bas_texte a:hover { color: #fff; text-decoration: underline; }
#contextehaut .acces_milieu { color: #b3b3b3; padding-top: 4px; font-size: 10px; text-align: right; }
#contextehaut .acces a { margin-left: 10px; font-weight: bold; color: white; margin-right: 10px; }
#contextehaut .acces a:hover { color: #00e59e; }

.redirection_version { color: #00e59e; font-size: 30px; font-weight: bold; background-color: #4b4b4b; position: relative; width: 100%; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: 3px solid #6e6e6e; }

#app_detail { text-align: left; margin-left: -50px; height: 150px; }
#app_detail h1 { margin: 0px; font-size: 20px; font-weight: bold; }

#app_detail h2 { margin: 0px; font-size: 14px; font-weight: bold; }

#app_detail h3 { font-style: normal; font-size: 13px; font-weight: normal; margin-left: 0px; margin-bottom: 3px; margin-right: 0px; margin-top: 0px; }
#app_detail .classement { font-size: 14px; color: gray; }
#contenusurfond h2 { margin: 0px; font-weight: bold; font-size: 16px; color: #00e59e; }
.commentaire_milieu { margin-bottom: 20px; margin-top: 20px; border-color: #505050; border-style: solid; border-width: 2px; width: 100%; padding: 10px; color: #b3b3b3; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.commentaire_bas { font-weight: bold; color: #b3b3b3; font-size: 13px; margin-bottom: 20px; margin-top: -17px; }
.commentaire_bas_date { font-style: normal; font-weight: normal; font-size: 11px; }
#contenu .lienplus { padding-bottom: 10px; padding-top: 10px; }

#contenu .lienplus a { color: white; }
#contenu .lienplus a:hover { color: #cccccc; }
#contenu .lienplus img { height: 23px; width: 33px; margin-right: 1px; border-width: 0px; margin-bottom: 10px; margin-top: -3px; float: left; }



.accueil_utilisateur { background-image: url(/design/images/accueil_utilisateur.jpg); margin-left: 0px; margin-bottom: 10px; margin-right: 12px; margin-top: 6px; display: block; position: relative; float: left; height: 63px; width: 160px; }
.accueil_utilisateur a { font-weight: bold; color: #00e59e; }
.accueil_utilisateur a:hover { color: white; }
.accueil_utilisateur_vignette { height: 35px; width: 35px; float: left; margin-left: 5px; margin-top: 3px; }
.accueil_utilisateur_nom { font-size: 10px; position: absolute; margin-left: 6px; margin-top: 5px; }
.accueil_utilisateur_images { font-size: 10px; position: absolute; margin-left: 2px; margin-top: 19px; }
.accueil_utilisateur_plus { position: absolute; margin-top: 10px; margin-left: 128px; font-weight: bold; font-size: 20px; }
.accueil_utilisateur_plusOLD a { color: #00e59e; }
.accueil_utilisateur_plus a:hover { color: white; }
.accueil_utilisateur_imagevide { color: white; margin-top: 8px; text-align: center; font-size: 9px; width: 156px; }
#accueil .lienplus a { color: #00e59e; font-size: 11px; }
#contenubas { padding-top: 20px; clear: both; text-align: left; margin-left: 30px; }
#contenubasOLD a { font-weight: bold; color: #00e59e; }
#contenubasOLD a:hover { color: white; }
#contenubas h1 { margin-bottom: 5px; margin-top: 0px; font-weight: bold; color: #00e59e; font-size: 11px; }


#categorie_tag { line-height: 25px; text-align: justify; }
#categorie_tag a { margin-right: 16px; white-space: nowrap; color:#FFFFFF; }
#categorie_tag a:hover { color:#00e59e; }

#fond_description { color: #4c4c4c; font-style: italic; margin-top: 40px; background-position: 0 20px; background-image: url(images/pied_fond_description.gif); letter-spacing: 1px; text-align: justify; padding-right: 15px; background-repeat: repeat-x; position: relative; top: 0; left: -10px; width: 868px; height: 120px; z-index: 1; max-width: 840px; max-height: 115px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-left: 35px; }
#fond_description .texte { margin-left: 48px; letter-spacing: 1px; text-align: justify; font-style: italic; color: #4c4c4c; word-spacing: 3px; font-size: 14px; }
#fond_description .citation_debut { position: absolute; padding-right: 10px; margin-left: -10px; margin-top: -20px; display: inline; font-family: "Trebuchet MS"; font-size: 80px; font-weight: bold; }
#fond_description .citation_fin { margin-left: 792px; margin-top: -40px; text-align: right; position: absolute; font-family: "Trebuchet MS"; font-size: 80px; font-weight: bold; }
#fond_description .lien { margin-right: 50px; font-size: 10px; font-style: italic; margin-top: 7px; text-align: right; font-weight: none; }
#fond_description .lien a { word-spacing: normal; letter-spacing: normal; color: #00e59e; }
#fond_description .lien a:hover { word-spacing: normal; letter-spacing: normal; color: white; }
.partage_addthis { max-width: 430px; width: 450px; padding: 5px; background-color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.partage_addthis a { color: #fe6d4c; }