/*general*/

*
{

/* Retrait des marges pour eviter bug d'affichage selon navigateurs */
 margin: 0;
 padding: 0;

/* On demande à l'iphone de ne pas toucher a la dimension des textes pour eviter les bugs */
-webkit-text-size-adjust: none;

/* Texte par default Verdana */
font-family: Verdana, serif;
}

body
{
 background: url(../images/design/fond.png) repeat-x #fff;
 height: 100%;
}

#body_accueil
{
 background: url(../images/design/fond-accueil.png) repeat-x #fff;
 height: 100%;
}

/* Banniere du site */

#ban
{
  background: url(../images/design/ban.png) no-repeat;
  height: 60px;
  position: relative;
}

#lien_logo
{
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 padding: 200px;
 padding-top: 28px;
 padding-bottom: 28px;
}

/* Corps  / Block  */

#corps
{
 margin-left: auto;
 margin-right: auto;
 width: 1000px;
}

.postit
{
 padding: 5px;
 padding-left: 75px;
 margin-bottom: 5px;
 margin-bottom: 0;
 background: url(../images/design/postit.png) 10px center no-repeat #f5f5b4;
 border: 1px solid #b6a375;
 text-align: justify;
 line-height: 20px;
 color: #333;
 font-size: 0.9em;
 margin-bottom: 10px;
}

.postit ul
{
 list-style-position: inside;
 margin-left: 10px;
}

.postit li
{
 margin-top: 4px;
 font-size: 0.8em;
 color: #0033ff;
}

#postit_insc
{
 padding: 10px;
 padding-left: 75px;
 margin: 5px;
 margin-top: 0;
 margin-bottom: 0;
 border: 1px solid #ccc;
 text-align: center;
 line-height: 20px;
 color: #333;
 font-size: 0.95em;
 margin-bottom: 10px;
 background: #e6e6e6;
}

#postit_insc a
{
 font-size: 1.0em;
 color: #0033ff;
 text-decoration: none;
}

#postit_insc_form
{
 padding: 5px;
 padding-top: 3px;
 margin-right: 5px;
 text-align: center;
 line-height: 20px;
 color: #333;
 font-size: 0.9em;
 margin-bottom: 10px;
 background: #f5f5b4;
 border: 1px solid #b6a375;
}

#postit_insc_form a
{
 font-size: 1.0em;
 color: #0033ff;
 text-decoration: none;
}

/* Main */
#main_pub
{
 padding: 9px;
 padding-top: 11px;
 padding-left: 0;
 padding-right: 0;
 margin-top: 25px;
 margin-bottom: 12px;
}

#main_pub div
{
 width: 728px;
 height: 90px;
 margin-left: auto;
 margin-right: auto;
}

#main_slide
{
 padding: 15px;
 padding-left: 0;
 padding-right: 0;
 margin-top: 25px;
 margin-bottom: 8px;
 height: 250px;
 clear: both;
}

.main_gauche
{
 float: left;
 width: 625px;
}

.main_droite
{
 float: right;
 width: 357px;
}

/* Menu */

#menu 
{
 position: absolute;
 top: 61px;
 padding-top: 5px;
 height : 25px;
 width: 1000px;
 font-size : 0.7em;
 font-weight : bold;
}

#menu li
{
 display: inline;
 position: relative;
}

#menu li .lien_menu
{
 text-decoration : none;
 color : #f7f7f7;
 padding-left : 15px;
 padding-right : 15px;
 padding-top : 5px;
 padding-bottom : 6px;
 font-size: 1.1em;
}

#menu li .lien_menu:hover
{
 text-decoration: underline;
}

#menu  #deroulant_communaute, #menu #deroulant_articles, #menu  #deroulant_actualite, #menu  #deroulant_jeux
{
 display: none;
 position: absolute;
 top: 19px;
 left: 0px;
 border: 1px solid #0055ff;
 border-top: 0;
 background: #f7f7f7;
 z-index: 100;
 width: 500px;
 -moz-border-radius: 0 0 4px 4px;
 -webkit-border-radius: 0 0 4px 4px;
 -khtml-border-radius: 0 0 4px 4px;
 border-radius: 0 0 4px 4px;
}

#menu .deroulant_ul1
{
	width: 180px;
	border-right: 1px solid #ccc;
	float: left;
}

#menu .deroulant_ul2
{
	margin-left: 180px;
	width: 320px;
}

#menu .deroulant_ul2 a
{
 color: #0099cc;
}

#menu .titre_liste
{
 text-decoration: none;
 padding: 10px;
 padding-left: 20px;
 padding-right: 20px;
 display: block;
 color: #333;
}

#menu .separateur
{
 border-top: 1px solid #ccc;
}

#menu li:hover #deroulant_communaute, #menu li:hover #deroulant_articles, #menu li:hover #deroulant_actualite, #menu li:hover #deroulant_jeux
{
 display: block;
}

#deroulant_communaute a, #deroulant_articles a, #deroulant_actualite a, #deroulant_jeux a
{
 text-decoration: none;
 padding: 10px;
 padding-left: 20px;
 padding-right: 20px;
 display: block;
 color: #333;
}

#deroulant_communaute a:hover, #deroulant_articles a:hover, #deroulant_actualite a:hover, #deroulant_jeux a:hover
{
 background: #dbdbdb;
}

/* Liens du menu quand selectionné (selon page) */

#menu li #select
{

 text-decoration : none;
 padding-left : 15px;
 padding-right : 15px;
 padding-top : 5px;
 padding-bottom : 6px;
 -moz-border-radius: 4px 4px 0 0;
 -webkit-border-radius: 4px 4px 0 0;
 -khtml-border-radius: 4px 4px 0 0;
 border-radius: 4px 4px 0 0;
 border: 1px solid #0055ff;
 border-bottom: 0;
 background: #f7f7f7;
 color: #333;
 font-size: 1.1em;
}

/* Block recherche */

#formbaserecherche
{
 border: 1px solid #0055ff;
 background: #f7f7f7;
 height: 18px;
 width: 252px;
 padding-left: 4px;
 font-size: 1em;
 position: absolute;
 top: -43px;
 right: 272px;
 padding: 2px;
 color: #666;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 border-radius: 4px;
}

#boutonrecherche
{
 border: 1px solid #0055ff;
 border-left: 0;
 background: #ebeaea;
 color: #0055ff;
 font-weight: bold;
 height: 24px;
 width: 120px;
 position: absolute;
 top: -43px;
 right: 272px;
 cursor: pointer;
 -moz-border-radius: 0 4px 4px 0;
 -webkit-border-radius: 0 4px 4px 0;
 -khtml-border-radius: 0 4px 4px 0;
 border-radius: 0 4px 4px 0;
}

/* Block login */

/* Quand non identifié */

#corpslogin
{
 position: absolute;
 right: 0px;
 top: 0px;
 height: 85px;
 width: 250px;
 color: #7AB9D6;
 border: 1px solid #004eff;
 border-top: 0;
 background: url(../images/design/fond-login.png) repeat;
 z-index: 100;
} 

#corpslogin img
{
 float: left;
 display: block;
 padding: 4px;
 padding-top: 3px;
}

#corpslogin a
{
 color: #f7f7f7;
 text-decoration: none;
 font-family: Verdana;
} 

#corpslogin a:hover
{
 text-decoration: underline;
} 

#inscription, #connexion
{
	display: block;
	float: right;
	font-size: 0.9em;
	text-align: center;
	padding: 5px;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 6px;
	margin-right: 6px;
	width: 140px;
}

#corpslogin #ident_slide
{
 position: absolute;
 width: 150px;
 height: 76px;
 top: 0px;
 right: -1px;
 padding: 5px;
 background: url(../images/design/fond.png) top repeat-x #fff;
 border-left: 1px solid #004eff;
 display: none;
}

#corpslogin #ident_slide #formbasepseudo
{
 border: 1px solid #0055ff;
 background: #f7f7f7;
 height: 18px;
 width: 150px;
 padding-left: 4px;
 font-size: 0.9em;
 padding: 2px;
 color: #333;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 border-radius: 4px;
 margin-top: 10px;
}

#corpslogin #ident_slide #formbasepasse
{
 border: 1px solid #0055ff;
 background: #f7f7f7;
 height: 18px;
 width: 114px;
 padding-left: 4px;
 font-size: 0.9em;
 padding: 2px;
 color: #333;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 -khtml-border-radius: 4px;
 border-radius: 4px;
}


#corpslogin #ident_slide #boutonlogin
{
 border: 1px solid #0055ff;
 border-left: 0;
 background: #ebeaea;
 color: #0055ff;
 font-weight: bold;
 height: 24px;
 width: 40px;
 position: absolute;
 top: 39px;
 right: -1px;
 cursor: pointer;
 -moz-border-radius: 0 4px 4px 0;
 -webkit-border-radius: 0 4px 4px 0;
 -khtml-border-radius: 0 4px 4px 0;
 border-radius: 0 4px 4px 0;
}

#corpslogin #ident_slide #erreur_ident
{
 position: absolute;
 top: 0;
 left: 5px;
 color: #f7f7f7;
 font-size: 0.7em;
 font-weight: bold;
 width: 154px;
 text-align: center;
 background: #f24545;
 border: 1px solid #d00202;
 border-top: 0;
}

#corpslogin #ident_slide #perdu
{
 display: block;
 font-size: 0.9em;
 text-align: center;
 padding: 5px;
 padding-top: 2px;
 padding-bottom: 2px;
 width: 145px;
} 

/* Quand identifié */

#corpsloginid 
{
 position: absolute;
 right: 0px;
 top: 0px;
 height: 85px;
 width: 250px;
 color: #7AB9D6;
 border: 1px solid #004eff;
 border-top: 0;
 background: url(../images/design/fond-login.png) repeat;
 z-index: 100;
}

#corpsloginid #avatar
{
	float: left;
	display: block;
	padding: 4px;
	padding-top: 3px;
}

#stats_lvl
{
 float: right;
 font-size: 0.8em;
 color: #f7f7f7;
 width: 155px;
 text-align: center;
 margin-right: 4px;
}

#barreprog
{
 width: 150px;
 height: 10px;
 border: solid 1px #004eff;
 text-align: left;
 background: url(../modules/membres/images/login/progression-bg.png) #ccc;
 margin-top: 10px;
}

#barreprog #affiche_xp
{
 position: absolute;
 top: 10px;
 right: 65px;
 display: none;
 color: #666;
 font-size: 0.7em;
 font-weight: bold;
}

#barreprog:hover #affiche_xp
{
 display: inline;
}

#progression
{
 display: block; 
 height:10px;
 background: url(../modules/membres/images/login/progression.png);
}

#stats_mn
{
 width: 152px;
 margin-right: 7px;
 height: 42px;
 text-align: center;
 float: right;
 font-size: 1.8em;
 color: #f7f7f7;
 margin-top: 4px;
 overflow: hidden;
 line-height: 20px;
}

#stats_mn a
{
 float: left;
 text-decoration: none;
 color: #f7f7f7;
 display: block;
 background: url(../images/design/message.png) no-repeat;
 width: 30px;
 height: 22px;
 color: #333;
 font-size: 0.6em;
 font-weight: bold;
}

#stats_mn p
{
 float: right;
}

#stats_mn p span
{
 position: absolute;
 font-size: 0.4em;
 width: 200px;
 height: 81px;
 left: -221px;
 top: 0px;
 background: #f7f7f7;
 color: #f7f7f7;
 text-align: justify;
 padding-top: 2px;
 padding-bottom: 2px;
 padding-left: 10px;
 padding-right: 10px;
 background: url(../images/design/fond-login.png);
 border-left: 1px solid #0055ff;
 display: none;
}

#stats_mn p:hover span
{
 display: block;
}

#revelation
{
 height: 20px;
 width: 166px;
 position: absolute;
 right: -1px;
 top: 65px;
 color: #f7f7f7;
 background-image: url(../modules/membres/images/login/revelation.png);
 background-position: 95% 95%;
 background-repeat: no-repeat;
}

#revelation #icones
{
 position: absolute;
 left: 0;
 top: 20px;
 background: #f7f7f7;
 border: 1px solid #0055ff;
 -moz-border-radius: 0 0 4px 4px;
 -webkit-border-radius: 0 0 4px 4px;
 -khtml-border-radius: 0 0 4px 4px;
 border-radius: 0 0 4px 4px;
 font-size: 0.9em;
 width: 164px;
 display: none;
}

#revelation #icones a
{
 text-decoration: none;
 color: #333;
 display: block;
 background-repeat: no-repeat;
 background-position: 7px 2px;
 padding-left: 50px;
 padding-top: 10px;
 padding-bottom: 10px;
 border-bottom: 1px solid #dfdfdf;
}

#revelation #icones a:hover
{
 color: #0055ff;
}

#revelation:hover #icones
{
 display: block;
}
 
 /* Slider */

#slider
{
 border: 1px solid #a3a2a2;
 width: 625px;
 height: 250px;
 font-size: 0.9em;
 background: #fff;
 text-align: center;
 position: absolute;
 overflow: hidden;
}

#slider a
{
 display: block;
 position: absolute;
}

#slider img
{
 border: 0;
}

#slider .texte_slide
{
 padding: 9px;
 padding-top: 8px;
 text-align: left;
 left: 0px;
 top: 213px;
 background: url(../images/design/transparent.png) repeat;
 width: 607px;
 text-decoration: none;
 color: #0099ff;
 font-size: 1.2em;
 overflow: hidden;
}

#slider  #ts2, #slider  #ts3, #slider  #ts4
{
 top: 257px;
}

#slider  #is2, #slider  #is3, #slider  #is4
{
 left: 625px;
}


/* Block une */

#blockune
{
 float: right;
 height: 250px;
 width: 357px;
}

#blockune a
{
 text-decoration: none;
 color: #0099ff;
 font-size: 0.9em;
}

#blockune div
{
	width: 175px;
	height: 128px;
	background-repeat: no-repeat;
	background-position: top right;
}

#blockune #une1, #blockune #une2
{
	margin-bottom: 5px;
}

.titre_une
{
 display: block;
 font-size: 0.9em;
 margin-bottom: 4px;
 padding-top: 2px;
 height: 14px;
 overflow: hidden;
 width: 152px;
 font-size: 0.85em;
 font-weight: bold;
}

.description_une
{
 display: block;
 font-size: 0.75em;
 color: #666;
}

.imageune
{
 border: 1px solid #a3a2a2;
 border-right: 0;
 width: 152px;
 height: 80px;
}

/* Block standard */

.blockslim
{
 width: 627px;
 padding-bottom: 8px;
}

/* Version No Marge du block slim */
.blockslim_nm
{
 width: 627px;
 padding-bottom: 8px;
}

.hautslim
{
 width: 627px;
 border-bottom: 1px solid #dedede;
 padding-bottom: 5px;
}

.hautslim h1
{
 font-size: 0.9em;
 color: #666;
}

.hautslim h2, .hautslim h3, .hautslim h6, .hautslim span
{
 font-size: 0.8em;
 color: #666;
}

.hautslim span
{
 font-weight: bold;
}

.hautslim a
{
 text-decoration: none;
 color: #666;
}

.corpsslim
{
 width: 627px;
 padding-top: 5px;
}
 

/* Block large */

.blocklarge
{
 width: 1000px;
 padding-bottom: 8px;
}

.hautlarge
{
 width: 1000px;
 border-bottom: 1px solid #dedede;
 padding-bottom: 5px;
}

.hautlarge a
{
 text-decoration: none;
 color: #666;
 font-weight: bold;
}

.hautlarge a:hover
{
	text-decoration: underline;
}

.hautlarge h1
{
 font-size: 0.9em;
 color: #666;
 display: inline;
}

.hautlarge h2, .hautlarge h3, .hautlarge h6
{
 font-size: 0.8em;
 color: #666;
}

.hautlarge .dtitre
 {
  font-size: 0.9em;
  color: #666;
  font-weight: bold;
}

.corpslarge
{
 width: 1000px;
 padding-top: 5px;
}

/* Block droite */

.blockdroite
{
 width: 335px;
 margin-bottom: 10px;
 border: 1px solid #dedede;
 background: #f7f7f7;
 padding: 10px;
 padding-bottom: 0;
}

.hautdroite
{
 width: 335px;
 border-bottom: 1px solid #dedede;
 padding-bottom: 5px;
}

.hautdroite a
{
 text-decoration: none;
 color: #666;
 font-weight: bold;
}

.hautdroite a:hover
{
	text-decoration: underline;
}

.hautdroite h1, .hautdroite h2, .hautdroite h3, .hautdroite h6
{
 font-size: 0.8em;
 color: #666;
 display: inline;
}

.hautdroite span
{
 font-size: 0.8em;
 color: #666;
 font-weight: bold;
}

.corpsdroite
{
 width: 335px;
 padding-top: 5px;
}

/* Colonne droite */
#minifiche
{
 background: #f7f7f7;
 border: 1px solid #dedede;
 margin-top: 21px;
}

#jaquette_article th
{
 height: 210px;
 width: 173px;
}

#jaquette_article img
{
 border: 1px solid #0099CC;
}

#fichedroite_article
{
 width: 160px;
 float: right;
 margin-top: 8px;
 font-weight: bold;
 color: #666;
 font-size: 0.8em;
 overflow: hidden;
}

#fichedroite_article img
{
 border: 0;
}

#commenter_droite
{
 display: block;
 color: #339900;
 text-decoration: none;
 line-height: 25px;
 list-style: none;
 background: url("../images/design/icone.png") no-repeat left;
 padding-left: 8px;
}

#commenter_droite:hover
{
 color: #FFCC33;
}

#pinfos
{
 display: block;
 color: #0066cc;
 text-decoration: none;
 line-height: 25px;
 list-style: none;
 background: url("../images/design/icone.png") no-repeat left;
 padding-left: 8px;
}

#pinfos:hover
{
 color: #FFCC33;
}

#attente
{
 display: block;
 height: 150px;
 background: #E3E7EA;
 padding-top: 2px;
}

#thermo
{
 float: right;
 margin-top: 10px;
}

#titre_attente
{
 display: block;
 text-align: center;
}

#attente_texte
{
 display: block;
 margin-top: 44px;
 cursor: help;
}

#vote_attente
{
 display: block;
 text-align: center;
 margin-top: 115px;
 text-decoration: none;
 color: #33CCFF;
}

#vote_attente:hover
{
 color: #FF0033;
}

.pasnote
{
 float: right;
 margin-right: 8px;
}

.titres_notes
{
 float: left;
 margin-left: 8px;
}

.notes
{
 float: right;
 margin-right: 8px;
}

#note_redac
{
 display: block;
 height: 20px;
 background: #E3E7EA;
 padding-top: 2px;
}

#note_membres
{
 display: block;
 height: 20px;
 background: #E3E7EA;
 padding-top: 2px;
 margin-top: 8px;
}

#lien_critique
{
 display: block;
 margin-top: 8px;
 color: #3399FF;
 text-decoration: none;
 line-height: 25px;
 list-style: none;
 background: url("../images/design/icone.png") no-repeat left;
 padding-left: 8px;
}

#lien_critique:hover
{
 color: #FFCC33;
}

#lien_astuce
{
 display: block;
 color: #ff9900;
 text-decoration: none;
 line-height: 25px;
 list-style: none;
 background: url("../images/design/icone.png") no-repeat left;
 padding-left: 8px;
}

#lien_astuce:hover
{
 color: #FFCC33;
}

#lien_achat
{
 display: block;
 color: #FF0000;
 text-decoration: none;
 line-height: 25px;
 list-style: none;
 background: url("../images/design/icone.png") no-repeat left;
 padding-left: 8px;
}

#lien_achat:hover
{
 color: #FFCC33;
}

#double_point_attente
{
 margin-left: 21px;
}

#double_point_critique
{
 margin-left: 9px;
}

/* Pub

#aleavoir
{
 float: right;
 width: 160px;
 font-size: 0.7em;
 text-align: center;
}

#aleavoir a
{
 text-decoration: none;
 color: 999;
}

#aleavoir img
{
 border: 1px solid #ccc;
}

*/

#pub_carre
{
 width: 355px;
 height: 265px;
 padding-top: 15px;
 margin-bottom: 10px;
 border: 1px solid #dedede;
 background: #f7f7f7;
}

#pub_carre div
{
 width: 300px;
 margin-left: auto;
 margin-right: auto;
 font-size: 1.0em;
}

#pub_carre img
{
 border: 0;
}

/* Footer */

#pub_footer
{
 margin-left: auto;
 margin-right: auto;
 clear: both;
 width: 978px;
 text-align: center;
 padding: 10px;
 border: 1px solid #dedede;
 background: #f7f7f7;
}

#bas
{
 margin-left: auto;
 margin-right: auto;
 padding-left: 0.2%;
 width: 99.8%;
 padding-top: 1px;
 font-weight: bold;
 clear: both;
 line-height: 17px;
 background: url('../images/design/fond_footer.png') repeat-x top #f7f7f7;
 position: relative;
 top: 10px;
}

#bas a
{
 text-decoration: none;
 color: #449EDB;
}

#bas a:hover
{
 color: #00CC00;
}

#bas ul
{
 display: block;
 width: 1000px;
 margin: auto;
 overflow: hidden;
}

#bas ul li
{
 color: #fff;
 width: 166px;
 display: block;
 float: left;
 list-style-type: none;
 font-size: 0.95em;
}
#bas ul ul
{
 margin-top: 4px;
 margin-bottom: 10px;
 width: auto;
}
#bas ul ul li
{
 float: none;
 color: #747474;
 margin-top: 2px;
 width: auto;
 font-size: 0.65em;
}

#bas .no_titre
{
 margin-top: 22px;
}

#bas #lien_contact a
{
 color: #ff6600;
}

/* Tchat */
#corps_tchat
{
 position: fixed;
 bottom: 0px;
 right: 50px;
 width: 300px;
 /*height: 30px;
 height: 450px;*/
 z-index: 10000;
 background: #f7f7f7;
}

#tete_tchat
{
 height: 20px;
 border: 1px solid #004eff;
 background: url(../images/design/fondtchat.png);
 padding: 5px;
 color: #f7f7f7;
 cursor: pointer;
 font-weight: bold;
}

#tete_tchat span
{
 float: right;
}

#messages_tchat
{
 padding: 10px;
 font-size: 0.8em;
 color: #333;
 height: 350px;
 overflow: auto;
 border: 1px solid #dfdfdf;
 border-bottom: 0;
}

#messages_tchat a
{
 text-decoration: none;
 color: #0099FF;
}

#messages_tchat span
{
 color: #059DFC;
}

#form_tchat
{
  padding: 10px;
  border: 1px solid #dfdfdf;
}

#input_tchat
{
 width: 240px;
 border: 1px solid #ccc;
 height: 30px;
}

#bouton_tchat
{
 margin: 0;
 padding: 6px;
 background: #f0f0f0;
 border: 1px solid #ccc;
 border-left: 0;
 cursor: pointer;
}

#inscription_tchat
{
 padding: 10px;
 font-size: 0.9em;
 color: #333;
 height: 350px;
 overflow: auto;
 border: 1px solid #dfdfdf;
 border-bottom: 0;
 text-align: justify;
 line-height: 20px;
}

#heure_dernier_tchat
{
 color: #999;
 text-align: center;
 margin-top: 5px;
 font-size: 0.8em;
}

/* Page d'erreur */
#erreur
{
 margin: auto;
 margin-top: 300px;
 border: 2px solid #000;
 background: #fff;
 width: 30%;
 padding: 5px;
 text-align: center;
 font-family: Verdana, Arial;
 font-size: 14px;
}

#erreur h6
{
 font-size: 15px;
 margin-bottom: 10px;
}

#erreur a
{
 text-decoration: none;
 color: #059EDB;
 font-weight: bold;
}

/* Barre Switch (filtrage, recap_news...) */

.switch
{
 width: 615px;
 margin-bottom: 10px;
 padding: 5px;
 padding-top: 4px;
 border: 1px solid #dedede;
 background: #f7f7f7;
 font-size: 0.9em;
 height: 21px;
 text-align: center;
 color: #c2c2c2;
}

.switch a
{
 text-decoration: none;
 color: #1073d0;
}

.switch img
{
 position: relative;
 top: 3px;
 border: 0;
}

.switch span
{
 color: #333;
}

.switch h1
{
 color: #666;
 font-size: 1.4em;
 margin-top: -2px;
}

.switch_droite
{
 float: right;
 width: 154px;
 text-align: right;
}

.switch_gauche
{
 float: left;
 width: 154px;
 text-align: left;
}


/* Listes globales */

.liste_image
{
 padding-top: 9px;
 padding-bottom: 12px;
 border-bottom: 1px solid #dedede;
}

.liste_image .illustration
{
 float: left;
 width: 100px;
 height: 70px;
 border: 1px solid #dedede;
 margin-right: 10px;
}

.liste_image .illustration_art
{
 float: left;
 width: 100px;
 height: 70px;
 border: 1px solid #dedede;
 margin-right: 10px;
 margin-top: 5px;
}

.liste_image h2, .liste_image h4, .liste_image span, .gliste li h2, .gliste li h3, .gliste li h4
{
 font-size: 0.9em;
 display: inline;
}

.liste_image .signa_com
{
 font-size: 0.8em;
 font-weight: bold;
 color: #999;
}

.liste_image .signa_event
{
 font-size: 0.5em;
}

.liste_image a
{
 color: #0099ff;
 text-decoration: none;
 font-weight: bold;
}

.liste_image a:visited
{
 color: #009900;
}

.liste_image a img
{
 border: 0;
 margin-top: 5px;
}

.liste_image .contenu
{
 color: #666;
 font-size: 0.7em;
 text-align: justify;
 padding-top: 4px;
 padding-bottom: 4px;
}

.liste_image .bande_infos, .gliste li .bande_infos
{
 color: #666;
 font-size: 0.75em;
 text-align: justify;
}

.liste_image .bande_infos_art
{
 margin-top: 6px;
 color: #666;
 font-size: 0.7em;
 text-align: justify;
}

.liste_image .bande_infos span, .gliste li .bande_infos span
{
 color: #D3BA21;
}

.gliste
{
 list-style-type: none;
 margin-bottom: 4px;
}

.gliste li
{
 padding-bottom: 4px;
 margin-left: -1px;
}

.gliste li img
{
 margin-right: 4px;
 position: relative;
 top: 3px;
}

.gliste li a
{
 text-decoration: none;
 color: #059EDB;
 font-size: 0.9em;
}

.gliste li a:hover
{
 color: #747474;
}

.gliste li a:visited
{
 color: #009900;
}

.gliste li .signa_com
{
 font-size: 0.8em;
 color: #999;
 float: right;
 margin-top: 2px;
}

.gliste li .signa_com img
{
 top: 0px;
 margin: 0;
}

.lienbasblock
{
 text-align: center;
 background: #f7f7f7;
 border-bottom: 1px solid #dedede;
 height: 15px;
 font-size: 0.7em;
 padding-top: 3px;
}

.lienbasblock a
{
 font-weight: bold;
 text-decoration: none;
 color: #747474;
}

.lienbasblock a:hover
{
 text-decoration: underline;
}

.rss
{
 float: right;
 border: 0;
 padding-right: 2px;
}

.filtrage_droite
{
 text-align: center;
 padding-top: 5px;
 padding-bottom: 5px;
}

.filtrage_droite a img
{
 border: 0;
 margin-left: 1px;
 margin-right: 1px;
}

.filtrage_droite span
{
 padding: 1px;
 font-weight: bold;
}

.filtrage_droite span a
{
 text-decoration: none;
 color: #0099ff;
 display: inline-block;
 padding: 5px;
}

.filtrage_droite span #lien_filtrage_select
{
 color: #ff6600;
}

.filtrage_droite span a:hover
{
 color: #ff6600;
}

#erreur_articles
{
 text-align: center;
 padding: 10px;
 color: #999;
}

/* Aleastuce */

#aleastuce
{
 background: url('../images/design/fond-astuce.png') no-repeat bottom right #f7f7f7;
 width: 165px;
 height: 270px;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 180px;
 margin-bottom: 10px;
 font-size: 0.8em;
 color: #333;
 border: 1px solid #dedede;
}

#aleastuce a
{
 text-decoration: none;
 color: #0099ff;
 font-weight: bold;
}

#aleastuce a strong
{
 color: #fc8f02;
 font-weight: bold;
}

/* Encheres accueil */

#encheres_accueil
{
 width: 339px;
 background: #f7f7f7;
 border: 1px solid #dedede;
 height: 81px;
 margin-bottom: 8px;
 padding: 8px;
 font-size: 0.8em;
 color: #333;
 margin-top: 22px;
 text-align: justify;
}

#encheres_accueil img
{
 width: 80px;
 height: 80px;
 float: right;
 border: 1px solid #dedede;
 margin-left: 10px;
}

#encheres_accueil a
{
 text-decoration: none;
 color: #0099ff;
}

#publiez_accueil
{
 background: #f7f7f7;
 border: 1px solid #dedede;
 width: 355px;
 height: 21px;
 color: #333;
 display: block;
 margin-bottom: 8px;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 padding-top: 2px;
 color: #ff6600;
 font-size: 0.9em;
}

/* E3 Accueil */

#block_e3
{
 width: 339px;
 background: #f7f7f7;
 border: 1px solid #dedede;
 height: 81px;
 margin-bottom: 8px;
 padding: 8px;
 color: #666;
 margin-top: 22px;
 text-align: justify;
 font-weight: bold;
 text-align: center;
}

#block_e3 img
{
 float: left;
 margin-right: 10px;
}

#block_e3 span
{
 font-size: 0.7em;
 color: #ff0000;
}

/* Balises de formulaire courantes */

#formulaire_post
{
 padding-top: 5px;
}

#pseudo_post
{
 border: 1px solid #dedede;
 background: url(../images/design/fondform.jpg) repeat-x;
 height: 18px;
 width: 125px;
 color: #616161;
 font-weight: bold;
 padding-left: 5px;
 margin-bottom: 5px;
}

#passe_post
{
 border: 1px solid #dedede;
 background: url(../images/design/fondform.jpg) repeat-x;
 height: 18px;
 width: 125px;
 color: #616161;
 font-weight: bold;
 padding-left: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
}

#areamessage
{
 float: right;
 font-weight: bold;
 font-size: 0.8em;
 padding: 2px;
 background: url(../images/messages/fondarea.jpg) repeat-x #E5E5E5;
 border: 1px solid #dedede;
 height: 240px;
 width: 449px;
}

#boutonmessage
{
 float: right;
 border: 1px solid #dedede;
 background: #fff url(../images/design/fondform.jpg) repeat-x;
 color: #4EA3CB;
 font-weight: bold;
 height: 20px;
 padding: 1px;
 margin-left: 5px;
 margin-top: 100px;
 width: 30px;
 cursor: pointer;
}

#boitetextes
{
 border: 1px solid #dedede;
 height: 23px;
 width: 130px;
}

#boitetextes img
{
 border-right: 1px solid #dedede;
 cursor: pointer;
}

#boitealignement
{
 border: 1px solid #dedede;
 margin-top: 5px;
 height: 23px;
 width: 130px;
}

#boiteimage
{
 border: 1px solid #dedede;
 margin-top: 5px;
 height: 20px;
 width: 130px;
}

#boitecouleurs
{
 border: 1px solid #dedede;
 height: 23px;
 width: 130px;
 margin-top: 5px;
}

#boitecouleurs img
{
 cursor: pointer;
}

#boitesmiley
{
 border: 1px solid #dedede;
 background: url(../images/messages/fondarea.jpg) repeat-x;
 margin-top: 5px;
 padding-top: 20px;
 overflow: hidden;
 width: 130px;
 height: 107px;
 text-align: center;
}

#boitesmiley img
{
 cursor: pointer;
}

.messageidentification
{
 margin-left: 20px;
 font-size: 0.7em;
 font-weight: bold;
 color: #ff6600;
 text-decoration: none;
}

.messageidentification img
{
 border: 0;
 margin-bottom: 1px;
}

.messageidentification:hover
{
 color: #4EA3CB;
}

#erreur_post
{
 color: #FF0000;
}

/* Balises de formulaire courantes - variantes de taille */
#areamessage_large
{
 float: right;
 font-weight: bold;
 font-size: 0.8em;
 padding: 2px;
 background: url(../images/messages/fondarea.jpg) repeat-x #E5E5E5;
 border: 1px solid #dedede;
 height: 240px;
 width: 822px;
}

#areamessage_ident
{
 float: right;
 font-weight: bold;
 font-size: 0.8em;
 padding: 2px;
 background: url(../images/messages/fondarea.jpg) repeat-x #E5E5E5;
 border: 1px solid #dedede;
 height: 265px;
 width: 449px;
}

#areamessage_court
{
 float: right;
 font-weight: bold;
 font-size: 0.8em;
 padding: 2px;
 background: url(../images/messages/fondarea.jpg) repeat-x #E5E5E5;
 border: 1px solid #dedede;
 height: 211px;
 width: 449px;
}

#areamessage_court_ident
{
 float: right;
 font-weight: bold;
 font-size: 0.8em;
 padding: 2px;
 background: url(../images/messages/fondarea.jpg) repeat-x #E5E5E5;
 border: 1px solid #dedede;
 height: 209px;
 width: 449px;
}

#boitesmiley_courte
{
 border: 1px solid #dedede;
 background: url(../images/messages/fondarea.jpg) repeat-x;
 margin-top: 5px;
 padding-top: 10px;
 overflow: hidden;
 width: 130px;
 height: 88px;
 text-align: center;
}

#boitesmiley_courte img
{
 cursor: pointer;
}

#boitesmiley_courte_ident
{
 border: 1px solid #dedede;
 background: url(../images/messages/fondarea.jpg) repeat-x;
 margin-top: 5px;
 padding-top: 15px;
 overflow: hidden;
 width: 130px;
 height: 81px;
 text-align: center;
}

#boitesmiley_ident
{
 border: 1px solid #dedede;
 background: url(../images/messages/fondarea.jpg) repeat-x;
 margin-top: 5px;
 padding-top: 30px;
 overflow: hidden;
 width: 130px;
 height: 122px;
 text-align: center;
}

#boitesmiley_ident img
{
 cursor: pointer;
}

/* Balise de listing de messages courantes */

.tableau_messages
{
 border-collapse: collapse;
}

.tableau_messages tr
{
 background: #666;
 font-size: 0.7em;
}

.tableau_messages th
{
 border: 1px solid #E8E8E8;
 border-top: 0;
 color: #fff;
}

.tableau_messages td
{
 padding: 4px;
 vertical-align: top;
}

.tableau_messages a
{
 color: #666;
 text-decoration: none;
}

.message
{
 border-top: 1px solid #E8E8E8;
 font-size: 1.2em;
 overflow: hidden;
 width: 475px;
}

.message img
{
 margin-left: 5px;
}

.message_large
{
 border-top: 1px solid #E8E8E8;
 font-size: 1.2em;
 overflow: hidden;
 width: 830px;
}

.smiley
{
 vertical-align: middle;
 margin-bottom: 5px;
}

.casemembre
{
 width: 150px;
 color: #666;
 line-height: 15px;
 text-align: left;
 border-right: 1px solid #E8E8E8;
 border-top: 1px solid #E8E8E8;
 border-left: 0;
 font-weight: bold;
}

.casemembre img
{
 margin-top: 4px;
 border: 0;
}

.iconesmembres
{
 margin-left: 10px;
}

.avatar
{
 width: 80px;
 height: 80px;
 text-align: center;
 float: left;
}

.date_message
{
 float: right;
 color: #160BF7;
}

.message_tableau
{
 margin-top: 40px;
 margin-bottom: 10px;
 text-align: justify;
 line-height: 20px;
 overflow: hidden;
}

/* Liens de moderation, citation,  signature */

.menu_moderation
{
 float: left;
}

.menu_moderation .lien_signaler
{
 color: #FF0000;
}

.lien_citation
{
 color: #00CC00;
}

.signature
{
 border-top: 1px solid #E8E8E8;
 margin-top: 40px;
 margin-bottom: 10px;
 padding-top: 10px;
}

.signature img
{
 border: 0;
}

.titre_citation
{
 display: block;
 margin-left: 4%;
 margin-bottom: 4px;
}

.affichage_citation
{
 display: block;
 border-left: 1px solid #999;
 border-right: 1px solid #999;
 border-top: 1px dashed #999;
 border-bottom: 1px dashed #999;
 background: #ccc;
 width: 90%;
 margin-left: auto;
 margin-right: auto;
 padding: 5px;
}

.phrase_edition
{
 color: #999;
 margin-left: 4px;
 margin-top: 20px;
 margin-bottom: 5px;
}

/* Formulaire de confirmation (pour les pages d'edition/suppression) */

#avertissement
{
 text-align: justify;
 padding: 5px;
font-weight: bold;
 font-size: 0.8em;
 color: #FF0000;
 background: #f0f0f0;
}

#formulaire_confirmation
{
 text-align: center;
 padding: 5px;
 border-top: 1px solid #E8E8E8;
 font-weight: bold;
 font-size: 0.8em;
 color: #999;
}

#formulaire_confirmation input
{
 margin-left: 5px;
 margin-right: 2px;
}

#formulaire_confirmation label
{
 margin-right: 5px;
}

#bouton_confirmation
{
 border: 1px solid #dedede;
 background: #fff url(../../images/design/fondform.jpg) repeat-x;
 color: #4EA3CB;
 font-weight: bold;
 height: 20px;
 padding: 1px;
 cursor: pointer;
}

/* Listing de pages pour les bas de blocks */

#pages_listing
{
 text-align: center;
 font-size: 0.8em;
 height: 17px;
 padding-top: 2px;
 font-weight: bold;
 color: #999;
 background: #f7f7f7;
 border-bottom: 1px solid #dedede;
}

#pages_listing a
{
 text-decoration: none;
 font-weight: bold;
 color: #4EA3CB;
 padding: 5px;
 padding-top: 1px;
 padding-bottom: 0;
}

#pages_listing a:hover
{
 color: #FF6600;
}

#pages_listing #page_listing_select
{
 color: #FF6600;
}