/* structure générale de la page */

body
{
background-color: #000;
background-image: url('tablonoir.jpg');
background-repeat: repeat;
margin: 0px;
padding: 0px;
}

#en-tete
{
/*height: 150px;*/
display: block;
background-image: url('titre.gif');
background-repeat: no-repeat;
background-position: center;
display: block;
padding: 0px;
margin: 0px;
}

#contenu
{margin:0px;
padding: 0px;
position : absolute ; top : 120px; left: 0px; right: 0px;
z-index: 0;
}

#texte
{margin:0px 0px 0px 50px;
padding: 10px 20px 10px 80px;
/*border-left: 2px solid #0e5fc3;
border-top: 2px solid #0e5fc3;
border-bottom: 2px solid #0e5fc3;
border-right: none;*/
background-color: #fff;
background-image: url('feuille.jpg');
font-family: verdana, arial, sans-serif;
text-align: justify;
font-size: 12px;
z-index: 0;
height: 1%;
}

#pied
{
height: 40px;
}

#colonne-gauche
{margin:0px;
padding: 0px;
position : absolute ; top : 150px; left: 30px;
width: 130px;
z-index: 10;
}


#colonne-droite
{
padding: 0px;
width: 200px;
float : right;
margin-left: 20px;
margin-top: 20px;
margin-bottom: 10px;
margin-right: 0px;
border: 2px solid #bf2d56;
/*background-color: #fff5f0;*/
}



/* Contenu de l'en-tête */

#en-tete a
{
text-decoration: none;
display: block;
height:120px;
width: 100%;
margin: 0px ;
padding: 0x;
} 

.cache
{
display: none;
}


/* Contenu de la colonne de gauche : les différentes boîtes*/

#wilma
{
margin: 0px 0px 20px 0px;
text-align: center;
width: 130px;
height: 100px;
background-image: url('wilma.gif');
background-position: center;
background-repeat: no-repeat;
}

#menu
{
margin: 0px 0px 20px 0px;
width: 130px;
background-image: url('menu.gif');
background-repeat: no-repeat;
}

#nouveau
{
margin: 0px 0px 20px 0px;
width: 130px;
background-image: url('menu.gif');
background-repeat: no-repeat;
}

#webring
{
margin: 0px 0px 20px 0px;
/*background-color: #f8cdf6;
border: 1px solid #919191;*/
background-image: url('webring-menu.gif');
text-align: center;
width: 130px;
}

/* contenu de la colonne de gauche : titres et liens */

#menu h2
{
font-family: cursive, sans-serif;
font-size: 16px;
font-weight: normal;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: none;
text-align: center;
display: block;
width: 130px;
line-height: 30px;
color: #0c00a6;
background-image: url('menu.gif');
}

#menu ul
{
padding: 0px;
margin: 0px;
list-style: none;}

#menu a
{
text-decoration: none;
display:block;
font-size: 12px;
height: 25px;
line-height: 25px;
font-family: verdana, arial, sans-serif;
margin: 0px;
padding-left: 5px;
color: #0c00a6;
font-weight: bold;
background-color: #dcff1f;
}

#menu a:hover
{
background-image: url('menu-fond.jpg');
}

#nouveau h2
{
font-family: cursive, sans-serif;
font-size: 16px;
font-weight: normal;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
border: none;
text-align: center;
display: block;
width: 130px;
line-height: 30px;
color: #0c00a6;
background-image: url('menu.gif');
}

#nouveau ul
{
padding: 0px;
margin: 0px;
list-style: none;}

/*

#nouveau a
{
text-decoration: none;
display:block;
font-size: 12px;
height: 25px;
line-height: 25px;
font-family: verdana, arial, sans-serif;
margin: 0px;
padding-left: 5px;
color: #0c00a6;
font-weight: bold;
background-color: #dcff1f;
}

#nouveau a:hover
{
background-image: url('menu-fond.jpg');
}

*/

#nouveau a.nouv
{
text-decoration: none;
text-align: center;
display:block;
font-size: 11px;
line-height: 15px;
font-family: verdana, arial, sans-serif;
margin: 0px 0px 0px 0px;
padding: 5px;
color: #0c00a6;
font-weight: normal;
background-color: #dcff1f;
}

#nouveau a.nouv:hover
{
color: #bf2d56;
background-image: url('menu-fond2.jpg');
background-repeat: no-repeat;
}


/* Contenu de la colonne de droite */

#colonne-droite h2.cld
{
background-image: url('fond-lien.gif');
font-family: cursive, sans-serif;
font-size: 16px;
font-weight: normal;
padding:0px;
margin: 0px 0px 10px 0px;
text-align: center;
line-height : 24px;
color: #0c00a6;
display: block;
background-repeat:  no-repeat;
background-position: center;
}

#colonne-droite p.line
{text-align: left;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
color: #0e6b12;
}

#liens
{
margin: 0px;
background-repeat:  no-repeat;
background-position: top center;
padding: 0px 0px 5px 0px;
text-align: center;
}

#liens img
{
margin: 0px 0px 10px 0px;
border: none;
}

/* Contenu de la partie Texte : menu du haut */


#menu-haut
{
margin-top: 20px;
margin-left: 60px;
padding:0px;
}

#menu-haut ul
{margin: 0px ;
padding: 0px; 
list-style-type: none;}

#menu-haut li
{float: left;
margin: 0px ;
padding: 0px;}


#menu-haut a
{font-family: cursive, sans-serif;
font-size: 16px;
color: #452876;
text-decoration: none;
display: block;
line-height: 30px;
/*width: 120px;*/
margin: 0px  10px 10px  0px ;
padding: 2px 15px 2px 15px;
/*border: solid 2px #de6fb8;
background-color: #de6fb8;*/
background-image: url('menuhaut.gif');
background-position: left;
background-repeat: no-repeat;
} 

#menu-haut a:hover
{
background-image: url('fond-lien2.png');
color: #de6fb8;
}

#menuclear
{
float: left;
clear: both;
margin: 0px ;
padding: 0px;
width: 1px;
height: 1px;
}

/* Styles liés aux caractères */

hr
{
padding: 0px;
margin: 0px;
visibility: hidden;
clear: left;
}

#texte p
{
padding-left: 80px;
color: #0c00a6;
}

#texte a
{
color: #264aff;
}

#texte a:hover
{
color: #bf2d56;
}


h1
{margin: 0px;
padding: 0px;
}

#texte h2
{
color: #0c00a6;
font-family: cursive, sans-serif;
font-size: 20px;
font-weight: normal;
background-image: url('tache.gif');
background-repeat: no-repeat;
repeat: none;
text-align: left;
padding-left: 30px;
margin-left: 50px;
line-height : 48px;
display: block;
}

#texte h3
{
color: #bf2d56;
font-family: cursive, sans-serif;
font-weight: normal;
/*border-bottom : 1px solid #b554b2;*/
margin-right: 300px;
margin-left: 66px;
font-size: 16px;
}

#texte h4
{
color: #0e6b12;
font-family: cursive, sans-serif;
font-weight: normal;
margin-right: 20px;
padding-left: 80px;
font-size: 16px;
}

img
{
padding: 0px;
margin: 0px;
}

img.left
{
padding : 3px 20px 10px 0px;
float: left;
border: none;
}

img.code
{
padding : 0px 10px 0px 0px;
float: left;
}

img.ligne
{
Margin : 0px 20px 10px 0px;
border: none;
}


img.ligne2
{
Margin : 0px 10px 10px 0px;
border: none;
}

.membre
{
color: #bf2d56;
font-weight: bold;
}



/* Eléments des tutoriaux */

#tuto
{
width: 100%;
height: 1%;
}

a.tutolien
{
text-decoration: none;
display: block;
font-size: 12px;
font-family:verdana, aria, sans-serif;
margin: 0px 0px 0px 70px;
padding: 0px;
color: #b554b2;
font-weight: bold;
border-bottom : 1px solid #264aff;
}

a.tutolien:hover
{
color: #f100e4;
border-bottom: 1px solid #bf2d56;
}

img.vign
{
padding : 0px 10px 5px 0px;
float: left;
border: 0px;
}


#vide
{
height: 180px;
width: 160px;
}

#encadre
{
margin-left : 70px;
padding: 10px;
border: 2px solid #bf2d56;
}

#encadre p

{
margin: 10px;
padding: 0px;
color: #0c00a6;
}

#section

{
margin: 0px;
padding: 0px;
height: 1%;
color: #0c00a6;
}

#section ul
{margin-left: 50px;}

#options
{
font-weight: bold;
width: 50%;
float: left;
margin: 0px;
padding: 0px;
color: #0c00a6;
}

#options p
{
margin-left: 0px;
padding-left: 0px;
color: #0c00a6;
}