@charset "UTF-8";
/* CSS Document */

/* 1. RESET */

html, body, div,
h1, h2, h3, h4, h5, h6,
ul, ol, dl, li, dt, dd,
p, blockquote, pre,
form, fieldset,
table, th, td { margin:0; padding:0; }

/* "shorthand" property: respecter l'ordre des propriétés */
body { background-color:#000; font:normal 0.8em arial,helvetica,sans-serif; }

/* enlève les puces sur les listes */
ul, ol, li { list-style:none; }

/* pour tous les liens */
a {text-decoration:none; }
a:hover { text-decoration:underline; }

/* enlève les (") des balises <q>, <blockquote> */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* enlève les bordures sur les liens d'image */
a img { border:none; }


/* 2. COMMUNS */

a:hover { text-decoration:none; }
p a:hover { text-decoration:underline; }
p { font-family:Arial; width:380px; padding:2px 10px 10px 10px; min-height:90px; }
h1, h2 { font-family:Trebuchet MS; }
#nav .on { color:#FFF;}
#outils .on { color:#000;}
#accueil { font-family:Trebuchet MS; text-transform:uppercase; width:100%; position:absolute; z-index:10;}
#titre { font-family:Trebuchet MS; text-transform:uppercase; width:100%; position:absolute; z-index:8;}
#accueil { height:45px; top:59px; }
#nav { font-size:0.9em; float:left; }
#nav a { color:#000; }
#nav a:hover { text-decoration:none; color:#FFF; }
#outils { font-size:0.9em; text-align:right; color:#FFF; float:right; }
#outils a { color:#FFF; }
#outils a:hover { text-decoration:none; color:#000; }
#titre { background:url(../IMG/fond_noir.png) repeat; top:10px; }
#titre img { margin:9px 0 9px 30px; }
#footer { background-color:#000; position:absolute; bottom:0; height:20px; clear:both; }
#nav li, #outils li { display:inline; }
#nav, #outils  { padding:16px 30px 14px 30px; }
#abstract, #content { color:#FFF; background:url(../IMG/fond_noir.png) repeat; }


/* 3. ACCUEIL */

#accueil { background:url(../IMG/fond00.png) repeat; }
#actu { position:absolute; z-index:1000; width:380px; top:200px; left:5%; }
#abstract { width:420px; margin-bottom:6px; clear:both; }
#abstract img { padding:20px ; float:left; }
#abstract h1 { text-transform:uppercase; padding:20px 20px 0 20px; width:380px; font-size:0.8em; }
#abstract p { padding:10px 20px 20px 20px; width:380px; font-size:0.85em; }
#abstract a { color:#d28601; text-transform:uppercase; font-size:0.9em; padding:10px 10px 0 0; display:block; font-weight:bold; font-family:Trebuchet MS; }


/* 4. INTERNE */

#nav1 { background:url(../IMG/fond01.png) repeat; }
#nav2 { background:url(../IMG/fond02.png) repeat; }
#nav3 { background:url(../IMG/fond03.png) repeat; }
#nav4 { background:url(../IMG/fond04.png) repeat; }
#nav1,#nav2,#nav3,#nav4 { font-family:Trebuchet MS; text-transform:uppercase; height:45px; top:59px; width:100%; position:absolute; z-index:10; }
#editorial { position:absolute; z-index:2; top:106px; width:485px; right:0; }
#content { padding:20px 0 0 0; }
#content img { max-width:200px; max-height:200px; padding:15px 15px 15px 0; }
#content h1 { padding:0 30px 20px 30px ; font-size:1.7em; }
#content h2 { padding:20px 30px 10px 30px ; font-size:1.5em; }
#content h3 { padding:20px 30px 10px 30px; }
#content p { padding:0 30px 0 30px; }
#content .article { padding:20px 30px 20px 30px; }
#content_nav a { font-family:trebuchet MS; }
#content .creation_txt { padding:0 30px 20px 30px; }
#editorial a:hover { color:#fff; }
.creation_txt1, #editorial1 a { color:#e75565; }
.creation_txt2, #editorial2 a { color:#daa6ab; }
.creation_txt3, #editorial3 a { color:#8ecde1; }
.creation_txt4, #editorial4 a { color:#831660; }
#content_txt1 h2 { background-color:#ad2d3b; }
#content_txt2 h2 { background-color:#9f7a7d; }
#content_txt3 h2 { background-color:#79abbb; }
#content_txt4 h2 { background-color:#8c1d68; }
#content_txt1 h2,#content_txt2 h2,#content_txt3 h2,#content_txt4 h2 { padding:2px 30px 2px 30px; margin-top:1px; font-size:1em; font-weight:normal; }


/* 5. FLASH */

/* partie generique*/
*{ margin:0;padding:0;border:0;}

/* pour pouvoir utiliser avec un doctype*/
body{ width:100%;height:100%;}
html{ width:100%;height:100%;}

/* bg fixed - feuille de style applique en mode fixed*/
.fixed_Contenaire{position:absolute;z-index:2;width:380px;left:5%;margin-top:200px;}
.fixed_Flash{position:fixed;z-index:1;width:100%;height:100%;overflow:hidden;}
*html .fixed_Flash{position:absolute;top: expression( window.getScrollTop() + 'px' );}

/* hack pour eviter le clignotement du flash au scroll sous IE6*/
* .fixed_Body{width: 100%;height: 100%;background-image: url("../IMG/trans.gif");background-repeat: no-repeat;background-attachment: fixed;}

/* bg fullscreen - feuille de style applique en mode fullscreen*/
.fullscreen_Contenaire{position:absolute;z-index:2;width: 380px;left: 5%;padding-top:200px;}
.fullscreen_Flash{position:absolute;z-index:1;width:100%;height:100%;overflow:hidden;}


/* 6. FOND RUBRIQUES */

#rub_bg { position:absolute; z-index:1; }


/* 7. ACCORDÉON */

#listeArticles {}
#listeArticles a.head { cursor:pointer; display:block; padding:2px 30px 2px 30px; margin-top:1px; background-color:#111; color:#777; }
#listeArticles a.head:hover {}
#listeArticles a.selected,#listeArticles a.current,#listeArticles li li a:hover { color:#fff; }
#listeArticles ul {}
#listeArticles li {}
#listeArticles li li a { color:#777; }

@media print {
	.basic div { display: block!important; height: auto!important }
}


/* 8. PLAYER */

#player { position:absolute; top:0; right:30px; z-index:9; color:#fff; }