/**
 * - FONDS DE PAGE
 * - ACCESSIBILITE
 * - ENTETE
 * 	- IMAGES
 * 	- MENU PRINCIPAL
 * 	- SOUS-MENU
 * - CONTENU
 * 	- [...]
 * - DIVERS
 * - SPECIFIQUES A CERTAINES PAGES
 * - PIED DE PAGE
 */


/* ------------------------ FONDS DE PAGE ------------------------- */

body {
 margin:0;
 padding:0 0 0 0;
 background:#000000;
 cursor: default;
}
#body { 
 /**
  * sous IE, on ne peut pas styler l'élément html, donc il faut
  * ajouter un niveau factice supplémentaire :-/
  */
 margin:0;
 padding:0 0 0 0;
/* background:#ffffff url(body_fond_gauche.gif) repeat-y left; */
}
#toutelapage {
 padding:0 0px 5px 0px;
 margin:0;
 min-width:780px;
 font:normal 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 color:#000000;
 background:#000000;
}

#contenu-wwweball {
/* margin:0 15px 0 10px;*/
 margin:0
}

/* ------------------------ LIENS ------------------------- */

a {
 color:#000000;
 text-decoration:none
}
a:hover {
 color:#FF6600;
}

a:target { 
 color:inherit;
}

.menu {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}

.menu-ac {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FF6600;
 text-decoration:none
}

.menu a {
 color:#FFFFFF;
 text-decoration:none
}
.menu a:hover {
 color:#FF6600;
}

.top {
 vertical-align: middle;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}
.top form {
 background:#FF6600;
 margin:0;
 padding:0;
}
.top label {
 display:block;
}
.top input {
 margin:10px 0 0 0;
 background:#B5B5B5;
 border:dashed 1px #FFFFFF;
 width:100px;
 font:normal 11px Arial,Helvetica,Verdana,sans-serif;
 font-weight: bold;
 color:#FFFFFF;
}
.top a {
 color:#FFFFFF;
 text-decoration:none
}
.top a:hover {
 color:#FF6600;
}
.typimg input {
 vertical-align: middle;
 padding:0;
 margin:10px 0 0 0;
}
.deconnexion {
 float: right;
// vertical-align: right;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none;
 padding:0 15px 5px 0;
}
.deconnexion a {
 color:#FFFFFF;
 text-decoration:none
}
.deconnexion a:hover {
 color:#FF6600;
}

.sous-menu {
 padding:10px 0 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}

.sous-menu a {
 padding-right:20px;
 color:#FFFFFF;
 text-decoration:none
}
.sous-menu a:hover {
 color:#000000;
}


.titre {
 padding:10px 0 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 16px;
 font-weight: bold;
 color:#FF6600;
 text-decoration:none
}
.titre a {
 color:#FF6600;
 text-decoration:none
}
.titre a:hover {
 color:#FF6600;
}

.accueil_titre {
 padding:10px 0 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 12px;
 color:#000000;
 text-decoration:none
}
.accueil_titre a {
 color:#FF6600;
 text-decoration:none
}
.accueil_titre a:hover {
 color:#000000;
}

.accueil_serveur {
 padding:0 0 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 12px;
 color:#000000;
 text-decoration:none
}
.accueil_serveur_def {
 color:#FF6600;
 text-decoration:none
}

.accueil {
 padding:0 0 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 12px;
 color:#000000;
 text-decoration:none
}
.accueil a {
 color:#FF6600;
 text-decoration:none
}
.accueil a:hover {
 color:#000000;
}
.accueil ul li {
 marging: 0 0 0 0;
}

.texte {
 padding:10px 10px 0 30px;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 color:#000000;
 text-decoration:none
}
.texte a {
 color:#FF6600;
 text-decoration:none
}
.texte a:hover {
 color:#000000;
}

.auteur {
 padding:0 10px 0 30px;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 12px;
 color:#000000;
 text-decoration:none
}

.auteur a {
 color:#FF6600;
 text-decoration:none
}
.auteur a:hover {
 color:#000000;
}

.page {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 13px;
 color:#767A7D;
 text-decoration:none
}
.page a {
 color:#FF6600;
 text-decoration:none
}
.page a:hover {
 color:#FF6600;
}

.liste {
 padding:0;
 margin-top:0;
 margin-bottom:5;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 13px;
 color:#56595C;
 text-decoration:none
}

.liste ul {
 margin:5px 0 10px 0;
 list-style-type:square;
 margin-left: 25px;
 padding:0;
/* height:10px;*/
}

.liste a {
 color:#FF6600;
 text-decoration:none
}
.liste a:hover {
 color:#FF6600;
}
.liste-auteur a {
 color:#FF6600;
 text-decoration:none
}
.liste-auteur a:hover {
 color:#FF6600;
}


.options-titre {
 padding:20px 0 10px 0;
 vertical-align: left;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}

.options {
 vertical-align: middle;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}
.options form {
 margin:0;
 padding:0;
}
.options label {
 display:block;
}
.options input, .options textarea, .options select {
 background:#767A7D;
/* border:dashed 1px #FFFFFF; */
 width:90%;
 font:normal 12px Arial,Helvetica,Verdana,sans-serif;
/* font-weight: bold;*/
 color:#FFFFFF;
}
.options a {
 color:#FFFFFF;
 text-decoration:none
}
.options a:hover {
 color:#FFFFFF;
}

.membre-form {
 vertical-align: middle;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}
.membre-form form {
 margin:0;
 padding:0;
}
.membre-form label {
 display:block;
}
.membre-form input, .membre-form textarea, .membre-form select {
 background:#A9AAAB;
/* border:dashed 1px #FFFFFF; */
 width:90%;
 font:normal 12px Arial,Helvetica,Verdana,sans-serif;
/* font-weight: bold;*/
 color:#FFFFFF;
}

.place {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#FFFFFF;
 text-decoration:none
}
.place a {
 color:#FFFFFF;
 text-decoration:none
}
.place a:hover {
 color:#FF6600;
}

.boxe-titre {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 font-weight: bold;
 color:#000000;
 text-decoration:none
}
.boxe {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 12px;
 font-weight: bold;
 color:#000000;
 text-decoration:none
}

.boxe a {
 color:#000000;
 text-decoration:none
}
.boxe a:hover {
 color:#000000;
}
.boxe-contenu {
 padding:0 0 0 20px;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#000000;
 text-decoration:none
}


.membre {
 padding:3px 0 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 11px;
 font-weight: bold;
 color:#000000;
 text-decoration:none
}

.membre a {
 color:#FF6600;
 text-decoration:none
}
.membre a:hover {
 color:#000000;
}
.vignette {
 margin:3px 0 5px 0;
}

.forum-titre-form {
 padding:10px 0 0 0;
 vertical-align: middle;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 font-weight: bold;
 color:#000000;
 text-decoration:none
}

.forum-form {
 vertical-align: middle;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 font-weight: bold;
 color:#000000;
 text-decoration:none
}
.forum-form form {
 margin: 0 0 0 30px;
 padding: 0;
}
.forum-form label {
 display:block;
}
.forum-form input, .forum-form textarea, .forum-form select {
 background:#A9AAAB;
/* border:dashed 1px #FFFFFF; */
 width:90%;
 font:normal 12px Arial,Helvetica,Verdana,sans-serif;
/* font-weight: bold;*/
 color:#FFFFFF;
}

.faq-titre {
 padding: 0 0 0 10px;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 color:#000000;
 text-decoration:none
}
.faq-titre a {
 color:#000000;
 text-decoration:none
}
.faq-titre a:hover {
 color:#FF6600;
}

.faq {
 padding: 0 0 0 10px;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 color:#000000;
 text-decoration:none
}
.faq a {
 color:#FF6600;
 text-decoration:none
}
.faq a:hover {
 color:#FF6600;
}

.edito {
 padding: 0 0 0 10px;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 14px;
 color:#000000;
 text-decoration:none
}
.edito a {
 color:#FF6600;
 text-decoration:none
}
.edito a:hover {
 color:#000000;
}

.copy {
 padding:10px 65px 0 0;
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 10px;
 color:#767A7D;
 text-decoration:none
}

.copy a {
 color:#767A7D;
 text-decoration:none
}
.copy a:hover {
 color:#767A7D;
}

/* ------------------------ BARRES HORIZONTALES ------------------------- */

hr {
 height:2px;
 border:solid 1px #eeeeee;
}
hr.clear {
 height:1px;
 margin:0;
 clear:both;
 visibility:hidden;
}

/* ------------------------ ACCESSIBILITE ------------------------- */

#accessibilite {
 color:#EEEEEE;
 font-weight:bold;
 margin:0 7px 5px 7px;
 text-align:right;
 padding:5px 0 3px 0;
}
#accessibilite a {
 color:#FFCC33;
 font-weight:bold;
}
#accessibilite a:hover {
 border-bottom:2px solid #FFCC33;
}
#accessibilite acronym {
 border-bottom:none;
 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
}
acronym, abbr {
 cursor: help ;
}

/* --------------------- ENTETES ET IMAGES HAUT-DE-PAGE --------------------- */

#header {
 height:65px;
 background:#993333;
 position:relative;
 border-top: #FFCC33 dashed 2px;
}
#header h1 {
 margin:0 7px 5px 7px;
 height:65px;
 position:absolute;
 top:0;
 text-indent:-500px;
 overflow:hidden;
}
#header h1 {
 min-width:264px;
 background:url(h1.gif) no-repeat 0px 60%;
 left:0;
 width:95%; 
/* width:95%;*/
 z-index:20;
}

#header h3 {
 height:65px;
 position:absolute;
 top:0;
 text-indent:-500px;
 overflow:hidden;
}

/*#header h1 a { background-image:url(h1.gif); }*/


/* ------------------------ IMAGES PUBLICITAIRE ------------------------- */


#header h3.pub {
 top:0;
 right:5px;
/* margin:0 7px 0 0; */
/* background:#993333 url(../_imgs/pub/468x60_wwweball_01.gif) no-repeat 100% 50%; */
 background:#993333 url(../_imgs/bann-softs.gif) no-repeat 0px 0px; 
 width:468px;
 z-index:10;
}


/* ---------------- CONTENU - GENERAL ---------------- */

.contenu { 
 margin-top:2px;
 padding:10px;
 clear:both;
 background:#eeeeee;
}
.contenu p {
 top:auto;
 margin:10px 0;
 padding:0;
 clear:both;
}
.petit {
 font-size:10px; 
}



/* ------------------------ CONTENU - TITRES ------------------------- */

.contenu h2 {
 margin:0;
 padding:0;
 font:bold 21px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#993333;
}

.contenu h3 {
 margin:0;
 padding:0;
 font:bold 21px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#993333;
}
/*
.contenu h3 {
 background:transparent url(fleche_rouge.gif) no-repeat 0% 50%;
 margin:10px 0 0 0;
 padding:0 0 0 10px;
 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#444444;
}
*/
.contenu h2 a:hover, h3 a:hover {
 border-bottom:2px solid #c00000;
}
.contenu h3 span, .contenu h3 span {
 border-bottom:1px dotted #b4b4b4;
}




/* ---------------- CONTENU - PRESENTATION ---------------- */

#presentation { 
 clear:both;
 background-color:#FFFFFF;
}
/*
#presentation .present_img {
 padding: 10px 10px 10px 10px;
 background-color: #ffffff;
 float:left;
 width:auto;
 margin: 0 5px 0 0;
 border:none;
}
*/
#present_text {
 padding: 10px 10px 10px 20px;
 background-color: #ffffff;
 float:none;
 left: 440px; 
/* float:left; */
/* border: 1px solid black; */
 font:bold 14px 'Tahoma',Arial,Helvetica,Verdana,sans-serif;
 color:#000000;
 text-align:justify;
 width:auto;
 min-height:320px;
 height:auto;
}

#present_img {
 margin-top:20px;
 margin-left:20px;
/* min-width:780px; */
 border-bottom:2px solid #FFCC33; 
   padding:0;    
/* background:#333333; */
 position: static;
}



#present_img ul {
 list-style-type:none;
/* list-style:url(spacer.gif) circle outside;*/
 margin:0;
 padding:0;
 height:35px;
}
#present_img li {
 display:inline;
}
#present_img ul li a {
 float:left;
 height:35px;
 width:120px;
 margin:0;
 padding:0;
 overflow:hidden;
 text-indent:-500px;
 color:#333333;
 background-repeat:no-repeat;
 background-position:top left;
}

#present_img ul li.li1 a { width:400px; height:300px; background-image:url(http://www.wwweball.com/img/mod/gal/mbrs/kss/kss_4-41_27.gif); }


.presentation { 
 margin-top:2px;
 padding:10px;
 clear:both;
 background:#FFFFFF;
 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
 color:#000000;
}
	/*
	.presentation h2 {
	 margin:0;
	 padding:0;
	 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
	}

	.presentation h3 {
	 margin:10px 0 0 0;
	 padding:0;
	 font:bold 13px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif;
	 color:#993333;
	}
	*/
.presentation p {
 margin:10px 0;
 padding:0;
/* clear:both; */
}

.presentation img {
/* text-indent: 400px ; */
 width: 410px; 
 position: static;
 padding:10px 0;
 margin:0;
}

.presentation p.infos {
/* text-indent: 400px ; */
 float: right;
 max-width: inherit;
 position: absolute;
 text-align:justify;
 padding:10px 0;
 margin:0;
}


.petit {
 font-size:11px; 
}
/* --------------------- MENU PRINCIPAL --------------------- */

#menu-principal {
 margin-top:20px;
/* min-width:780px; */
 border-bottom:2px solid #FFCC33; 
 padding:0;    
/* background:#333333; */
}
#menu-principal ul {
 list-style-type:none;
/* list-style:url(spacer.gif) circle outside;*/
 margin:0;
 padding:0;
 height:35px;
 background:transparent url(menu_fond.gif) repeat-x;
}
#menu-principal ul li {
 display:inline;
}
#menu-principal ul li a {
 float:left;
 height:35px;
 width:120px;
 margin:0;
 padding:0;
 overflow:hidden;
 text-indent:-500px;
 color:#333333;
 background-repeat:no-repeat;
 background-position:top left;
}
/*
html>body #menu-principal ul li a:hover {
 border-bottom:2px solid #c00000; 
}
*/

#menu-principal ul li.li1 a { width:88px; background-image:url(menu_accueil.gif); }
#menu-principal ul li.li1 a:hover { width:88px; background-image:url(menu_accueil-on.gif); }
#menu-principal ul li.li10 a { width:88px; background-image:url(menu_accueil-on.gif); }

#menu-principal ul li.li2 a { width:102px; background-image:url(menu_actualite.gif); }
#menu-principal ul li.li2 a:hover { width:102px; background-image:url(menu_actualite-on.gif); }
#menu-principal ul li.li20 a { width:102px; background-image:url(menu_actualite-on.gif); }

#menu-principal ul li.li3 a { width:123px; background-image:url(menu_articles.gif); }
#menu-principal ul li.li3 a:hover { width:123px; background-image:url(menu_articles-on.gif); }
#menu-principal ul li.li30 a { width:123px; background-image:url(menu_articles-on.gif); }

#menu-principal ul li.li4 a { width:119px; background-image:url(menu_forum.gif); }
#menu-principal ul li.li4 a:hover { width:119px; background-image:url(menu_forum-on.gif); }
#menu-principal ul li.li40 a { width:119px; background-image:url(menu_forum-on.gif); }

#menu-principal ul li.li5 a { width:101px; background-image:url(menu_galerie.gif); }
#menu-principal ul li.li5 a:hover { width:101px; background-image:url(menu_galerie-on.gif); }
#menu-principal ul li.li50 a { width:101px; background-image:url(menu_galerie-on.gif); }

#menu-principal ul li.li6 a { width:88px; background-image:url(menu_liens.gif); }
#menu-principal ul li.li6 a:hover { width:88px; background-image:url(menu_liens-on.gif); }
#menu-principal ul li.li60 a { width:88px; background-image:url(menu_liens-on.gif); }

#menu-principal ul li.li7 a { width:120px; background-image:url(menu_alibaba.gif); }
#menu-principal ul li.li7 a:hover { width:120px; background-image:url(menu_alibaba-on.gif); }
#menu-principal ul li.li70 a { width:120px; background-image:url(menu_alibaba-on.gif); }

#menu-principal ul li.li8 a { width:120px; background-image:url(menu_membres.gif); }
#menu-principal ul li.li8 a:hover { width:120px; background-image:url(menu_membres-on.gif); }
#menu-principal ul li.li80 a { width:120px; background-image:url(menu_membres-on.gif); }

#menu-principal ul li.li9 a { width:117px; background-image:url(menu_search.gif); }
#menu-principal ul li.li9 a:hover { width:117px; background-image:url(menu_search-on.gif); }
#menu-principal ul li.li90 a { width:117px; background-image:url(menu_search-on.gif); }

#menu-principal ul li.li0 a { width:118px; background-image:url(menu_blog.gif); }

/* ------------------- SOUS-MENU -------------------- */

#sous-menu {
 clear:both;
 margin-top:0;
 background-color:#FFCC33;
 background-repeat:no-repeat;
 background-position:right;
}
html>body #sous-menu {
 height:20px;
}

#sous-menu ul {
 list-style-type:none;
 margin:2px;
 padding:0;
 height:10px;
}
#sous-menu ul li {
 display:inline;
}
#sous-menu ul li a {
 float:left;
 height:10px;
 margin:0 0 0 15px;
 padding:0 10px 0 0;
/* padding:0;*/
 color:#000000;
 font:12px 'Comic Sans MS',Arial,Helvetica,Verdana,sans-serif;
 font-weight:bold;
 background-repeat:no-repeat;
 background-position:0% 70%;
 color:#993333;
}



#sous-menu ul li a:hover {
 color:#000000;
}






/****************/
img { 
 border:none;
/* float:left;*/
}

ul {
 list-style-type:square;
 margin: 20px;
 padding:0;
/* height:10px;*/
}

p {
 top:auto;
 margin:10px 0;
 padding:0;
 clear:none;
}

pre .blockquote  {
 top:auto;
 margin:10px 0;
 padding:0;
 border: 1px dashed #56595C;
}

blockquote {
 margin-left : 40px;
 background-color:transparent;
/* border: 1px dotted #000000;*/
 border-left:6px solid #FF6600; 
 padding: 5px 0px 0px 10px;
 width: 95%;
}

.sondage blockquote {
 font-family: Arial, Helvetica, Verdana,sans-serif;
 font-size: 11px;
 font-weight: bold;
 margin-top : 10px;
/* margin-right : 75px;*/
 background-color: #EEEEEE;
/* border: 1px dotted #000000;*/
 border:2px solid #FF6600; 
 padding: 5px 10px 5px 10px;
 width: 90%;
}
.sondage select {
 margin-left: 30px;
}




/*
pre {
 top:auto;
 margin:10px 0;
 padding:0;
 border:1px dashed #FF6600; 
}
*/

/******
*
* Section code et pre
*
*******/

/*
p {
 top:auto;
 margin:10px 0;
 padding:0;
 clear:none;
}

pre .blockquote  {
 top:auto;
 margin:10px 0;
 padding:0;
 border:1px dashed #993333; 
}

blockquote {
 margin-left : 40px;
 background-color:transparent;
/* border: 1px dotted #000000;*/
 border-left:6px solid #993333; 
 padding: 5px 0px 0px 10px;
 width: 95%;
}
*/

/////////
p {
 top:auto;
 margin:10px 0;
 padding:0;
 clear:none;
}

pre .blockquote  {
 top:auto;
 margin:10px 0;
 padding:0;
 border: 1px dashed #56595C;
}

blockquote {
 margin-left : 40px;
 background-color:transparent;
/* border: 1px dotted #000000;*/
 border-left:6px solid #FF6600; 
 padding: 5px 0px 0px 10px;
 width: 95%;
}
/////////

pre {
 margin-left: 0;
 margin-right: 0;
 background-color: #EEEEEE;
 padding: 5px;
 overflow: auto;
 width: 90%;
 color: #56595C
}

pre {
 margin-left : 0px;
 background-color:#EEEEEE;
 border: 1px dashed #56595C;
 padding: 5px;
 margin-bottom: 0px;
 overflow:auto;
 width: 90%;
 color:#660000
}

span.numero-de-ligne, span.html {
 font-style: normal;
 color:#000000;
}
span.chaine {
 color: #DD0000;
}
span.commentaire {
 color: #FF8000;
}
span.mot-cle {
 color: #007700;
}
span.fond { }
span.defaut {
 color: #0000BB;
}

code {
 color: #0000BB;
}

div.retirer-numeros-de-lignes {
 margin: 0;
/*
 text-align:right;
 margin-right: 10%;
*/
 font:normal 10px 'Trebuchet MS',Arial,Helvetica,Verdana,sans-serif; 
 margin-left: 30px;
}
div.retirer-numeros-de-lignes a {
 color: #000000;
 border-bottom: none;
}
div.retirer-numeros-de-lignes a:hover {
 color: #FF6600;
}

/******
*
* Section code et pre
*
*******/