@charset "iso-8859-1";
/* CSS Document */

BODY {
background-color:#000;
margin:0;
/* pour éviter les marges */
text-align:center;
/* pour corriger le bug de centrage IE */
height:100%;
padding:0;
width:100%;
}

#site{
position:relative;
margin-left:auto;
margin-right:auto;
width:970px;
height:570px;
background-color:#999999;
}

TABLE{
}

TD{
padding:0;
margin:0;
}

HTML, BODY, TABLE {
height:100%;
margin:0;
padding:0;
width:100%;
}
#menu { background-image:url(../images/noir-menu-top.jpg); background-repeat:no-repeat;height:570px;
text-align:left; width:247px; float:left; 
}
#content { width:723px; height:570px; float:left; background-color:#000; text-align:left;}
#menu ul { margin:0px; padding:315px 0px 0px 36px; width:211px; height:162px;}
#menu ul li{ margin:0px; padding:0px; list-style-type:none; font-family:"Times New Roman", Times, serif; font-variant:small-caps; font-size:12px; color:#ecd8d8; height:16px;}
#menu ul li a{ display:block; text-decoration:none; color:#ecd8d8; padding-left:22px; height:16px;}
#menu ul li a:hover{ color:#000000;}


#footer { position:absolute;  width:970px; height:50px; text-align:right; bottom:-55px; right:0px; z-index:40;}
#footer ul{ margin:0px 11px 0px 0px; padding:0px; width:959px; height:50px;}
#footer ul li { margin:0px; padding:0px 0px 0px 50px; list-style-image:none; float:right; color:#b0a1a1; font-size:9px; font-family:Arial, Helvetica, sans-serif;}
#footer ul li a{ color:#b0a1a1; text-decoration:none;}

h1 { margin:30px; font-family:}
h2 { margin:10px 0px 15px 0px; color:#825248; font-weight:normal; font-size:13px; width:580px;}
h3 { color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:13px; margin:0px; background-image:url(../images/noir-h3-fond.gif); background-repeat:repeat-x; background-position:0px 5px; height:26px; width:580px;}
p { font-family:"Times New Roman", Times, serif; color:#808080; font-size:12px; margin:7px 0px 19px 0px;}

#noir-astuce { position:absolute; width:310px; height:50px; background-color:#000;; bottom:-55px; left:0px; z-index:50;}

#menu1 a:hover {/*color:#de898e;*/background-image:url(../images/noir-menu-onglet1.gif);}
#menu2 a:hover {/*color:#c3878f;*/background-image:url(../images/noir-menu-onglet2.gif);}
#menu3 a:hover {/*color:#e88d7b;*/background-image:url(../images/noir-menu-onglet3.gif);}
#menu4 a:hover {/*color:#b4536a;*/background-image:url(../images/noir-menu-onglet4.gif);}
#menu5 a:hover {/*color:#cc5d42;*/background-image:url(../images/noir-menu-onglet5.gif);}
#menu6 a:hover {/*color:#a85e91;*/background-image:url(../images/noir-menu-onglet6.gif);}
#menu7 a:hover {/*color:#8769a0;*/background-image:url(../images/noir-menu-onglet7.gif);}

#menu1 { color:#de898e;}
#menu2 { color:#c3878f;}
#menu3 { color:#e88d7b;}
#menu4 { color:#b4536a;}
#menu5 { color:#cc5d42;}
#menu6 { color:#a85e91;}
#menu7 { color:#8769a0;}

a {
    color:#ecd8d8;
    text-decoration:none;
}
a:hover {
    color:#de898e;
    text-decoration:none;
}


/* ------------------------Page Formation */

#formation {background-repeat:no-repeat; height:570px; position:relative;}
#formation-titre { position:absolute; top:170px; left:0px; width:559px; height:19px;}

#formation-chapeau { position:absolute; top:210px; left:45px; width:400px;}

#formation-contenu{position:absolute; top:300px; left:45px; width:670px;  }


#formation-chapeau h2{ color:##fc9e8b; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal; margin:2px 0 1px 0px; padding:0px;}


.aligne_gauche { background-color:#040302; float:left;}
.aligne_droite { float:right; background-color:#040302;}

.titre_marron { color:#fc9e8b ; }

/* ------------------------FIN Page Formation */


/* ------------------------Page lexique début */
#lexique{background-repeat:no-repeat; height:570px; position:relative;}
#lexique-contenu {position:absolute; top:209px; left:45px;}
/* ------------------------FIN Page lexique */


/* ------------------------Page Newsletter */

#newsletter-fond {background-repeat:no-repeat; height:570px; position:relative;}
#newsletter-titre { position:absolute; top:144px; left:0px; width:568px; height:18px;}

#newsletter-contenu-fond {/* for IE */ filter:alpha(opacity=50);   /* CSS3 standard */  opacity:0.5;  position:absolute; background-color:#251714; top:209px; left:45px; width:520px; height:127px;}
#newsletter-contenu {position:absolute; top:209px; left:45px; padding:13px 0 0 13px; width:520px;}
#newsletter-contenu .alerte{margin:0; padding:0; color:#FFCC00; font-size:12px; font-family:"Times New Roman", Times, serif;}
#newsletter-contenu p { margin:0; padding:0; color:#948784; font-size:12px; font-family:"Times New Roman", Times, serif; width:439px;}
#newsletter-contenu input { background-color:#333333; border:1px solid #F3BBB0; padding:3px;}
#newsletter-contenu a { text-decoration:none; margin:0; padding:0; font-size:12px; font-family:"Times New Roman", Times, serif;}
#newsletter-contenu #lien{ width:490px; position:relative; height:35px;}
#newsletter-contenu .lien1{ color:#8d8584; position:absolute; bottom:13px; left:78px;}
#newsletter-contenu .lien2{ color:#8d8584; position:absolute; bottom:13px; right:0px;}


/* ------------------------FIN Page Newsletter  */

/* ------------------------Page agenda debut */
.agenda-liste-mois{margin:4px 0px 0px 0px; font-size:18px; text-align:left; display:inline; width:300px; text-transform:uppercase;}
.agenda-liste-mois a { font-family:"Times New Roman", Times, serif; color:#FFFFFF; font-size:11px; text-decoration:none;}
.agenda-liste-mois a:hover { text-decoration:underline;}
.agenda-titre { font-family:"Times New Roman", Times, serif; font-size:11px; color:#ac8489; text-transform:uppercase;}

/* ------------------------Page Actualité & Categorie */

.actu-titre { float:left; width:350px; color:#fc9e8b; text-transform:uppercase; }
.lien_marron { display:block; width:180px; float:right;color:#854e4d ; text-decoration:none ;font-size:11px; text-align:right;}
 


/* ------------------------FIN Page Actualité */


/* ------------------------Page Question*/

#question {background-repeat:no-repeat; height:570px; position:relative;}
#question-titre { position:absolute; top:170px; left:0px; width:662px; height:19px;}
#question-liste {  width:650px; height:300px; position:absolute; top:235px; left:25px; z-index:0;overflow:auto;color:gray;}



/* ------------------------FIN Page Question */