/* --- GÉNÉRAL --- */
html, body{
margin: 0;
padding: 0;
height: 100%;
background-color: #eeeeee;
}

/* HEADER */

div#header{
height: 140px;
background-image: url("/images/header.jpg");
text-align:center;
}
#logo {
position:relative;
top:50%;
margin-top:-46px;
}

/* --- BLOC CONTENEUR GLOBAL --- */

div#page{
position: relative;
/* permet au bloc de servir de référent pour
   ses descendants positionnés en absolu */
width: 100%;
margin: 0 auto;
min-height: 100%;
}

/* Ne pas oublier les styles suivants, à appliquer au premier élément
   et au dernier élément (hors pied de page) du bloc conteneur */
   
div#menu{
height: 30px;
background-image: url("menu.jpg");
text-align: center;
font-weight:bold;

line-height: 30px;
vertical-align: middle;
margin-top: 0; 
}
div#page #dernier-element {
margin-bottom: 0; /* évite tout risque de fusion des marges */
padding-bottom: 135px;
/* ATTENTION : cet espace doit permettre de placer le pied de page ! */
}

/* --- PIED DE PAGE --- */

div#piedpage 
{
height: 100px;
position: absolute;
bottom: 0; left: 0;
width: 100%;
/* pour que le bloc prenne toute la largeur du bloc de référence
   Note : le bloc de référence est le plus proche ancêtre positionné
   en relatif ou en absolu */
background-image: url("/images/footer.jpg");
color: #eeeeee;
text-align: center;
}



/* --- un peu de cosmétique pour cet tutoriel --- */

html {font-size: 100%;}
/*body {font-size: .9em;}*/
div#dernier-element { visibility: hidden;}






body, table
{
font: 13px Arial;
}

/*body {
background-image:url("/images/mosaique.jpg");
background-attachment:fixed ;
}*/

img{ border: none; }

.imgClassic{ border: 1px black solid; }

table.blocp 
{ 
border-collapse: collapse;
margin-top:15px;
margin-bottom:5px;
background-repeat:no-repeat;
width:215px;
}

.titre_blocp
{
height:27px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color:#777777;
text-align:center;
background-image:url("/images/titrep.gif");
background-repeat: no-repeat;
}

td.corps_blocp
{
width:213px;
padding:10px;
padding-top:2px;
padding-bottom:2px;
background-image: url("/images/blocp.jpg");
background-repeat: repeat-y;
text-align:center;

font: 13px Arial;
}

a
{
text-decoration:none;
color:#884584;
}

a:hover
{
color:#f12e36;
text-decoration:underline;
}



table.blocg 
{ 
border-collapse: collapse;
margin-top:15px;
margin-bottom:5px;
background-repeat:no-repeat;
width:440px;
}

.titre_blocg
{
height:27px;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
color:#777777;
text-align:center;
background-image:url("/images/titreg.gif");
background-repeat: no-repeat;
}

td.corps_blocg
{
width:438px;
padding:11px;
padding-top:2px;
padding-bottom:2px;
background-image: url("/images/blocg.jpg");
background-repeat: repeat-y;
text-align:center;

font: 13px Arial;
}

.pied_blocp
{
height:27px;
background-repeat: no-repeat;
}
.pied_blocg
{
height:27px;
background-repeat: no-repeat;
}


.menu
{
font: 11px Arial;
padding-left: 10px;
}

.menu a
{
text-decoration:none;
color:#ffffff;
font-family: Verdana;
font-weight:bold;
}

.menu a:hover /* Quand le visiteur pointe sur le lien */
{
color:#f12e36;
text-decoration: underline;
}

.cssAuth
{
border: 1px #444444 solid;
/*background-color: #CCCCCC;*/
font: 12px Verdana;
width: 103px;
height: 17px;
text-align: center;
}

.imgThumb{
border: 1px black solid
}

.sign_news{
text-align: right;
}

.ResRecherche{
width: 591px;
height: 176px;
}

.sondageq, .sondager{
}


fieldset{
border: 1px black solid;
font: 11px Arial;
}

legend{
font: 12px Verdana;
color: #8845af;
background-image: url("/images/recherche2.png");
background-repeat: no-repeat;
padding-left: 16px;
}


h1{
font: 20px Arial;
}
h2{
font-weight:normal;
font-size:12px;
color:#f12e36;
}
h3{
font: 14px Arial;
}

#home
{
background-image:url("/images/icones-menus/home.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#recherche
{
background-image:url("/images/icones-menus/recherche.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#profil
{
background-image:url("/images/icones-menus/profil.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#lexique
{
background-image:url("/images/icones-menus/lexique.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#forum
{
background-image:url("/images/icones-menus/forum.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#chat
{
background-image:url("/images/icones-menus/chat.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#soiree
{
background-image:url("/images/icones-menus/soiree.png");
background-repeat:no-repeat;
padding-left: 18px;
}
#faq
{
background-image:url("/images/icones-menus/faq.png");
background-repeat:no-repeat;
padding-left: 18px;
}