/* CSS habillage */

html{
background: #000 ;

}

p, chapo, div#ost-disque-1, div#ost-disque-2{font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;}


h1, h2{
font-size: 18px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
height: 26px;
padding: 3px 0;

}

h2{
font-size: 16px;
}

/*Tableau titre GOW2 tips */
h3{
font-size: 14px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 0;
}

h4 {
font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
margin: 0;
padding: 0;
}

a {text-decoration: none;}
a img {border: 0;}
a:link, a:visited{color: #333;}
a:hover {color: #999;}

.connexion-erreur a{text-decoration: underline;}

table.page a:link, table.page a:visited, .liste-page a:link, .liste-page a:visited{color: #FCFDFF;}
table.page a:hover, .liste-page a:hover {color: #999;}

#liste-alphabetique li a:link, div#liste-alphabetique li a:visited{color: #FFFFCC;}
#liste-alphabetique li a:hover {color: #999;}

a:hover img.liste-illus{
/*filter:alpha(opacity=75);
opacity: 0.75;
*/
border: 2px solid black;
}

a:hover img.zoom {
/*filter:alpha(opacity=75);
opacity: 0.75;
*/
}

a:hover .illus, div#content_solutions table a:hover img{
/*filter:alpha(opacity=75);
opacity: 0.75; */
border: 1px solid black;
}


/*#resultats-news a, #resultats-tests a, #resultats-dossiers a, #resultats-ost a, #resultats-astuces a, #resultats-solutions a, #resultats-videos a, #liste a, a img.liste-illus, #liste-news-read a, input{
_position: relative; 
_z-index: 1;  débloque les liens pour ie6 causé par le filtre png 
}*/

#navbar_haut a:link, #navbar_haut a:visited, #navbar_bas a:link, #navbar_bas a:visited{
color: #FCFDFF;
}

#navbar_haut a:hover, #navbar_bas a:hover{
color: #999;
}

.message-1{
font-size: 14px;
font-weight: bold;
}

span.message-2{
font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.editeur, .developpeur, .genre, .supports, .version, .pegi, .multi, .dispo, .compositeur, .prix, .disque{
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 0 0 0 5px;
}

td.first-page, td.next-page, td.preview-page, td.last-page, b.actu, .auteur-read, .auteur-read-news, .auteur-read-tests, .auteur-read-dossiers, .auteur-read-solutions, .auteur-read-astuces, .titre-read, .titre-read-news, .titre-read-tests, .titre-read-ost, .titre-read-videos, .titre-read-dossiers, .titre-read-solutions, .titre-read-astuces, .supports-read, .supports-read-astuces,  .supports-read-news, .supports-read-tests, .supports-read-solutions, .date-read, .date-read-news, .date-read-tests, .date-read-ost, .date-read-dossiers, .date-read-astuces, .editeur-read, .editeur-read-videos,.developpeur-read, .multi-read, .categorie-read, .supports-read-videos, .auteur-read-ost, .liste-titre-read, .liste-date, .liste-date-news, .liste-date-tests, .liste-date-ost, .liste-date-astuces, .liste-supports, b.info-message-news, div#article-news, b.info-message-tests,  .tests-editeur, .tests-developpeur, .tests-genre, .tests-supports, .tests-version, .tests-pegi, .tests-multi, .tests-dispo, b.info-message-ost, .ost-editeur, .ost-compositeur, .ost-dispo, .ost-prix, .ost-disque, .infos-content-astuces, b.info-message-astuces, .astuces-editeur, .astuces-developpeur, .astuces-genre, .astuces-supports, .astuces-pegi, .astuces-dispo, b.info-message-solutions, .solutions-editeur, .solutions-developpeur, .solutions-genre, .solutions-supports, .solutions-version, .solutions-dispo, b.info-message-dossiers, .dossiers-editeur, .dossiers-developpeur, .dossiers-supports, .dossiers-dispo, .titre, .titre_solutions, .date-du-jour, #content-signin, #content-signin-erreur, #content-email{
font-weight: bold;
font-size: 12px; 
font-family: Geneva, Arial, Helvetica, sans-serif;
}


.notation, b.rub-news, b.rub-tests, b.rub-dossiers, b.rub-ost, b.rub-astuces, b.rub-solutions, b.rub-videos, li.affiche-date-news, li.affiche-titre-news, li.affiche-supports-news, li.affiche-date-tests, li.affiche-titre-tests, li.affiche-supports-tests, li.affiche-date-dossiers, li.affiche-titre-dossiers, li.affiche-supports-dossiers, li.affiche-date-ost, li.affiche-titre-ost, li.affiche-categories-ost, li.affiche-date-astuces, li.affiche-titre-astuces, li.affiche-supports-astuces, li.affiche-date-solutions, li.affiche-titre-solutions, li.affiche-supports-solutions, li.affiche-date-videos, li.affiche-titre-videos, li.affiche-supports-videos{font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.liste-titre, .liste-titre-astuces, .liste-supports, .liste-supports-videos, .liste-editeurs, .liste-genre, .liste-genre-dossiers, .liste-genre-videos, .liste-supports-solutions, .liste-supports-dossiers, .liste-genre-solutions, .liste-editeurs, .liste-developpeurs, .liste-supports-astuces, .liste-message-astuces, .liste-compositeurs, .liste-notes, .liste-supports-tests, #siege
{font-size: 12px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;}

.liste-supports, .liste-supports-videos, .liste-supports-astuces, .liste-supports-solutions, .liste-supports-dossiers, .liste-supports-tests, .liste-date, .liste-compositeurs, .liste-editeurs, .liste-developpeurs, .liste-genre, .liste-genre-dossiers, .liste-genre-solutions, .liste-genre-videos, .liste-options, .liste-notes{
color: #333;
}

div#article-astuces li, .liste-chapo, .liste-chapo-tests, .liste-chapo-dossiers, .inscrit, #redaction, #infos-legales {
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
}

.deconnexion-message{
font-size: 16px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
}

.notation{
font-size: 28px; 
text-align: center;
color: #FF6600;
width: 100px;
}

.positif, .negatif{
font-size: 14px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}


#plus, #moins{
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

.num-cd{
font-size: 18px; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}

/* Barre de navigation */


#navbar_haut, #navbar_bas {
background: url(navbar.gif) no-repeat;
}


#navbar_bas li.first,  #navbar_haut li.first {
margin-left: 5px;
}

#navbar_bas li.last,  #navbar_haut li.last {
border-right: none;
}

/* Fin de barre de navigation */


/*supprime la liste d'item et normalise leur marge et remplissage à 0 */
ul {
list-style: none;
margin: 0 ;
padding: 0 ;
}

/*définit une hauteur de liste d'item qui va servir à placer un élément support sur la meme ligne que l'élément titre*/

li {
line-height: 1.2em; 
margin: 0; 
padding: 0;
}

/* Habillage accueil */
#content_news, #content_tests, #content_ost, #content_dossiers, #content_astuces {
background: #FFF url(bg-rubrique-chrome.jpg) no-repeat;
}


#content_solutions {
background: url(bg-rubrique-soluces.jpg) no-repeat;
}

#rubrique_news{
background: url(titre-news.png) no-repeat;
height: 287px;
/*_background:url(titre-news.gif) no-repeat; 
*/
}

#rubrique_tests{
background: url(titre-tests.png) no-repeat;
height: 287px;
/*_background:url(titre-tests.gif) no-repeat;
*/}

#rubrique_ost{
background: url(titre-ost.png) no-repeat;
height: 287px;
/*_background:url(titre-ost.gif) no-repeat;
*/}

#rubrique_dossiers{
background: url(titre-dossiers.png) no-repeat;
height: 287px;
/*_background: url(titre-dossiers.gif) no-repeat;
*/}

#rubrique_astuces{
background: url(titre-astuces.png) no-repeat;
height: 287px;
/*_background: url(titre-astuces.gif) no-repeat;
*/}

#rubrique_solutions{
background: url(titre-solutions.png) no-repeat;
height: 287px;
/*_background: url(titre-solutions.gif) no-repeat;*/
}

/* Fin habillage */


/* Habillage Vidéos */

#videos {
background: url(bg-videos-metal.jpg) no-repeat;
}

/* Fin Habillage*/



/* Habillage du telex*/

#content_telex {
background: url(bg-telex.jpg) no-repeat;
}

/* Fin Habillage*/


/* Habillage des listes articles */

#content-liste { 
background: #14243d url(bg-fond-content-principal.jpg);


}

#liste-astuces {
background: url(bg-liste-astuces-1.jpg) no-repeat;
}

.liste-astuces {
background: url(bg-liste-astuces-1.jpg) no-repeat;
}


.liste {
background: url(bg-liste-1.jpg) no-repeat ;
}
/* Fin Habillage*/


/*Habillage des news */

#infos-news{
background:url(bg-infos-articles-news.jpg) no-repeat;
/* Le caractère _ permet la prise en compte de la balise uniquement pour ie6 */
/*_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/defaut/bg-infos-articles-news.png', sizingMethod='crop');
*/}

#read-news{
background: url(bg-article-news.jpg) no-repeat;
}

#screen-read img{
background: #000000;
}

.border-around-up{

margin-left: auto;
margin-right: auto;
padding: 0 15px;
width: 900px;
height: 60px;
background: url(bg-article-news-up1.png) no-repeat;

}

.border-around-down{
margin-left: auto;
margin-right: auto;
padding: 0 15px 10px 15px;
width: 900px;
height: 60px;
background: url(bg-article-news-down1.png) no-repeat;
}


.border-around-up-astuces{
margin-left: auto;
margin-right: auto;
padding: 0 15px;
width: 900px;
/*_width: 904px;*/
height: 60px;
background: url(bg-article-news-up1.png) no-repeat;

}

.border-around-down-astuces{
margin-left: auto;
margin-right: auto;
padding: 0 15px 10px 15px;
width: 900px;
/*_width: 904px;*/
height: 60px;
background: url(bg-article-news-down1.png) no-repeat;

}
/*Fin Habillage*/


/*Habillage des tests */

#content-read-tests{
background: url(bg-fond-content-principal.jpg);
}

#infos-tests{
background: url(bg-infos-articles-tests.jpg) no-repeat;
}

#read-tests{
background: #FFF;
}

#avis{
border-top: 1px solid gray;
border-bottom: 1px solid gray;
}

#liste-tests-read{
background: url(bg-mini-liste.jpg) no-repeat;
width: 868px;
}
/*Fin Habillage*/


/*Habillage des ost */

#infos-ost{
background: url(bg-infos-articles-ost.jpg) no-repeat;
}

#content-read-ost{
background: url(bg-fond-content-principal.jpg);
}

#read-ost{
background: #FFF;
}

.num-cd{
background: #FFFF99;
}


/*Fin Habillage*/


/*Habillage des dossiers */
#gab-dossiers{
background: #FFF;
}

#content-read-dossiers{
background: url(bg-fond-content-principal.jpg);
}


div#infos-dossiers{
background: url(bg-infos-articles-dossiers.jpg) no-repeat;
}

/*Fin Habillage*/


/*Habillage des solutions*/
div#gab-solutions{
border: 1px solid;
background: #FFF;
}

div#infos-solutions{
background: url(bg-infos-articles-solutions.jpg) no-repeat;
}

div#content-read-solutions{
background: url(bg-fond-content-principal.jpg);
}

div#read-solutions{
background: #FFF;
}

/*Fin Habillage*/

/*Habillage article astuces*/
div#gab-astuces{
border: 1px solid;
background: #FFF;
}

div#infos-astuces{
background: url(bg-infos-articles-astuces.jpg) no-repeat;
}

div#content-read-astuces{
background: url(bg-fond-content-principal.jpg);
}

div#read-astuces{
background: #FFF;
}

div.intertitre-astuces{
background: url(bg-intertitre-bleu.png) no-repeat;
width: 884px;
}

div.intertitre-astuces h2{
color: #333
}

/*Fin Habillage*/


/*Habillage des videos*/
#infos-videos{
background: url(bg-infos-articles-videos.jpg) no-repeat;
}

div#content-read-videos {
background: url(bg-fond-content-principal.jpg);
}

#read-videos{
background: #000;
}

/*Fin Habillage*/


/*Habillage formulaire recherche*/
#content-resultats{
background: url(bg-fond-content-principal.jpg);
} 

#messages-resultats{
background: url(bg-blanc-trans.png) ;
} 

.resultats-news, .resultats-tests, .resultats-dossiers, .resultats-ost, .resultats-astuces, .resultats-solutions, .resultats-videos{
background: url(bg-recherche.png) no-repeat;
}
/*Fin Habillage*/

/*Habillage redaction*/
#content-redaction{
background: url(bg-fond-content-formulaire.jpg) no-repeat;
position: relative;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 261px;
clear: both;
}
/*Fin Habillage*/

/*Habillage infomations légales */
#content-infos-legales{
background: #14243d;
color:#FFFFFF;
}

/*Fin Habillage*/

/*Habillage formulaire connexion*/
div#content-signin{
background: url(bg-fond-content-formulaire.jpg) no-repeat;
}


/*Fin Habillage*/

/*Habillage formulaire erreur*/
form.connexion-erreur{
background: url(bg-formulaire-connexion.png) no-repeat;
/*_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/defaut/bg-formulaire-connexion.png', sizingMethod='crop');
*/}

div#content-signin-erreur{
background: url(bg-fond-content-formulaire.jpg) no-repeat;
}

/*Fin Habillage*/

/*Habillage formulaire inscription*/
div#content-signin-1{
background: url(bg-fond-metal.jpg) no-repeat;

}

form.inscrit{
background: url(bg-inscription.png) no-repeat;
/*_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/defaut/bg-inscription.png', sizingMethod='crop');
*/
}

/*Fin Habillage*/

/*Habillage email*/
div#content-email{
background: url(bg-fond-content-formulaire.jpg) no-repeat;

}

form.email{
background: url(bg-fond-email.png) no-repeat;
/*_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/defaut/bg-fond-email.png', sizingMethod='crop');
*/
}
/*Fin Habillage*/

/*Habillage message erreur inscription*/

div#erreur-inscription{
background: url(bg-fond-content-formulaire.jpg) no-repeat;
}

div#contenu-erreur{
background: url(bg-message-inscrit.png) no-repeat;
/*_background: none; 
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/defaut/bg-message-inscrit.png', sizingMethod='crop');
*/
}

/*Fin Habillage*/

/*Habillag deconnexion*/

#content-deconnexion{
background: url(bg-fond-content-formulaire.jpg) no-repeat;
}

/*Fin Habillage*/


/* Bas de page */

#footer {
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 104px;
background: url(footer.png) no-repeat;
}

.copyright {
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
color: #333;
margin: 0 auto;
width: 940px;
padding-top: 30px;
}
/* Fin de bas de page */

/*message flash plug-in*/
.message-flash{
display: block;
color: #000;
background: white;
width: 600px;
}

/*fin message*/

/* ----------------- Positionnement ------------------- */

/*Normalise les marges et remplissage*/
html, body, div{
margin: 0;
padding: 0;
}


html{
text-align: center;
}

body { 
position : relative; 
text-align: left; 
}

/*Saut de page */

table.page{
width: 990px;
margin-bottom: 10px;

}

td.first-page, td.last-page{
width: 247px;
}

td.first-page{
text-align: left;
}
td.last-page{
text-align: right;
}

td.preview-page{
text-align: left;
}

td.next-page{
text-align: right;
}
/*Fin saut de page*/

/*Pour éviter les debordement vertical des div imbriquées, la solution consiste à inclure dans la div conteneur un élément bloc au contenu réel (par exemple ici <hr/>), doté de la propriété clear qui lui interdit d'être adjacent à une boîte flottante. */

hr {
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
}

.jaquette{
margin-bottom: 5px;
}

.illus-read{
width: 130px;
height: 81px;
float: left;
margin: 0 10px;
}
/*
b.actu{
display: block;
text-align: center;
color: white;
_margin: 10px 0; prise en compte bug decalage Ie6 
}*/

#logo {
position: relative;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 163px;
background: url(logo.jpg) no-repeat;
margin-bottom: 5px; 
}

.lost{
position: absolute;
text-indent: -9999px; 
}

.ingame{
position: absolute;
text-indent: -9999px; 
}

/*Pub*/
#pub02, #pub03{
display: none;
}


#pub01{
margin: 0 auto;
width: 1000px;
height: 163px;
margin-bottom: 5px;
text-align: center;
}

#pub02 {
position: absolute;
top: 305px;
right: 5px;
width: 120px;
height: 520px;
margin-bottom: 5px; 
}

#pub03 {
position: absolute;
top: 305px;
left:5px;
width: 120px;
height: 480px;
margin-bottom: 5px; 
}

/*Fin pub*/


#navbar_bas, #navbar_haut {
position: relative;
padding: 0.5em 0;
margin-right: auto;
margin-left: auto;
width: 1000px;
height: 30px;
}

#navbar_haut {
padding-bottom: 0;
}


#navbar_haut li {
display: inline;
padding-left: 1em;
padding-right: 1em;
border-right: 1px solid #99C;
font-weight: bold;

}

#navbar_bas li {
display: inline;
padding-left: 0.8em;
padding-right: 0.8em;
border-right: 1px solid #99C;
font-weight: bold;
}

/*Formulaire de recherche*/
#formulaire {
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
right: 0;
/*_top: 140px;*/
height: 22px;
width: 140px;
}

#formulaire .rechercher {
font-weight: bold;
border: 1px solid black;
background: #FFF;
}

.loupe {
padding: 0 6px 0 0;
}

/*Fin de formulaire de recherche*/

/* Position gabarits infos */

#infos-content-astuces{
position: absolute;
top: 8px;
left: 25px;
}

#infos-content-1{
position: absolute;
top: 8px;
left: 160px;
}

#infos-content-2{
position: absolute;
top: 8px;
right: 25px;
}

.titre-read, .date-read{
margin-bottom: 15px;
}

.titre-read, .titre-read-news, .titre-read-tests, .titre-read-ost, .date-read-ost, .date-read, .date-read-news, .date-read-tests, .date-read-astuces, .titre-read-videos, .titre-read-dossiers, .date-read-dossiers, .titre-read-solutions, .titre-read-astuces {
padding-top: 10px;
}

.auteur-read-tests, .tests-pegi, .auteur-read-ost, .auteur-read-solutions{
padding-top: 30px;
}

.auteur-read-solutions{
text-align: right;
}
.ost-editeur, .auteur-read-dossiers{
text-align: right;
padding-top: 45px;
}

.categorie-read, .titre-read-news, .auteur-read-news, .titre-read-tests, .titre-read-ost, .tests-pegi, .tests-genre, .auteur-read-tests, .auteur-read-ost, .titre-read-videos, .titre-read-dossiers, .dossiers-supports, .supports-read-videos, .titre-read-solutions, .supports-read-solutions, .solutions-genre{
margin-left: 30px;
}

.titre-read-astuces, .astuces-editeur, .astuces-developpeur, .auteur-read-astuces{
margin-left: 5px;
}

.titre-read-astuces, .date-read-astuces{
margin-bottom: 15px;
}

.editeur-read-videos{
margin-top: 30px;
margin-right: 3px;
}



/* Fin position gabarits*/


/* --- Position accueil --- */

/*Contenu principal */
div#content { 
position: relative; 
background: #14243d;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 1243px;
}

/* Fin de contenu  principal */

/* alignement image index | taille | remplissage */
.illus {
float:left;
width: 130px;
height: 81px;
margin: 8px 0.5em 0px 40px;
padding: 2px;
background-color:#FFF;
clear:left;
}

/*Affichage des news en liste (12 lignes) 
div#content_news li.supports{
padding: 0 0em 0 30em;
width: 10em;
}

.date-du-jour{
margin-top: 20px;
margin-right: 10px;
text-align: right;
}
div#content_news li.titre{
padding: 0.6em 0 0em 3.5em;
display: block;
}
Fin affichage */

.news, .ost, .tests, .dossiers, .astuces, .solutions{
margin-right: -9999px; /* ne pas omettre le - car sous iE6 les liens deviennent incliquables */
display: none;
}


div#content_news li.titre, div#content_tests li.titre, div#content_ost li.titre, div#content_dossiers li.titre, div#content_astuces li.titre {
text-align: left;
padding: 0.6em 0 0em 0;
}

div#content_news p.chapo, div#content_tests p.chapo, div#content_ost p.chapo, div#content_dossiers p.chapo{
margin: 0 0;
padding: 0.3em 0.9em 0.7em 0;
}

/* Fenêtre de telex*/

div#content_telex {
margin: 0;
padding: 0;
position: absolute;
top: 7px;
left: 7px;
width: 490px;
height: 62px;
}

.telex {
padding: 17px 0px;
margin: 0 10px; /*modif pour firefox 3 */
font-size: 14px;
font-weight: bold;
width: 470px;
height: 20px;

}

/* Fin fenêtre de telex*/


/* Fenêtre Vidéos */

div#videos {
text-align: center;
position: absolute;
top: 7px;
left: 502px;
width: 490px; 
height: 290px;
padding: 30px 0;
}

.ecran {
margin-top: 28px;
margin-right: 5px;
width: 333px; 
height: 228px;

}
/* Fin de fenêtre vidéos */


div#rubrique_news {
position: absolute;
top: 0;
left: 0;
width: 40px;
}

/* Fenêtre des News */

div#content_news {
position: absolute;
top:70px;
left: 7px;
width: 490px;
height: 287px;
}

/*Fin de fenêtre News */


/* Fenêtre des tests */


div#rubrique_tests {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 279.5px;
}

div#content_tests {
position : absolute;
top:363px;
left: 7px;
width: 490px;
height: 287px;
}

/* Fin de fenêtre des tests */


/* Fenêtre des dossiers */

div#rubrique_dossiers {
position: absolute;
top: 0;
left: 0;
width: 40px;
}

div#content_dossiers {
position: absolute;
top: 363px;
left: 502px;
width: 490px;
height: 287px;
}

/* Fin de fenêtre dossiers */

/* Fenêtre des OST */

div#rubrique_ost {
position: absolute;
top: 0;
left: 0;
width: 40px;
}

div#content_ost {
position: absolute;
top: 656px;
left: 7px;
width: 490px;
height: 287px;
}
/* Fin fenêtre des OST */

/* Fenêtre des astuces */
div#rubrique_astuces {
position: absolute;
top: 0;
left: 0;
width: 40px;
}

div#content_astuces {
position: absolute;
top: 656px;
left: 502px;
width: 490px;
height: 287px;
}

div#content_astuces li.titre {
/*border-top: 1px solid #CCC;*/
text-align: left;
margin: 5px 0.5em 5px 40px;
padding: 5.2px 0 5.2px 0.5em;
}

div#content_astuces li.supports{

font-weight: bold;
color:#333333;
text-align: right;
margin: -1.85em 0 0 0;
padding: 0 0 0 36em;
width: 3.5em;
}

/* Fin de fenêtre astuces */

li.supports{
font-weight: bold;
color:#333;
text-align: right;
margin: -1.25em 0em 0 0;
padding: 0 0em 0 20em;
width: 4.5em;
display:none; /*bug firefox3 à résoudre*/
}


/* --- Fin position accueil --- */


/* --- Position Article solutions --- */

div#infos-solutions{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 15px;
width: 900px;
height: 81px;
}

.solutions-dispo{
text-align: right;
margin: -1.2em 15px 0 0;
}

.solutions-developpeur, .solutions-editeur{
margin-left: 10px;
}

div#content-read-solutions{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 10px 0 5px 0;
}

div#read-solutions{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
}

div#message-read-solutions{
padding: 5px;
text-align: center;
}

div#article-solutions{
padding: 5px 10px 0px 10px;
font-weight: normal;
}

/* Fenêtre des solutions */

div#rubrique_solutions {
position: absolute;
top: 0;
left: 0;
width: 40px;
}

div#content_solutions {
position: absolute;
top: 950px;
left: 7px;
width: 985px;
height: 287px;
}

/*.tab_soluces, tr, td{
margin: auto 0.5em auto 38px ;
height: 100%;
text-align: center;
}
*/

#carousselle{
margin: 15px auto;
text-align: center;
}

.illus_solutions {
width: 148px;
height: 237px;
padding: 2px;
}

.up{
text-align: center;
}

.conseils{
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
width: 80%;
}

/*Menu chapitrage soluces*/
#menu-navbar{
float: left;
margin: -1px 0 0 7em;
background: #FDD;
}

#menu-navbar ul{
margin: 0;
padding: 0;
border: 1px solid #AAA;

}

#menu-navbar li{
position: relative;
margin: 0;
float: left;
width: 8em;

}

#menu-navbar ul ul{
position: absolute;
width: 8em;

}

#menu-navbar li.submenu{
background: yellow;
}

#menu-navbar li a{
display: block;
padding: 0.25em 0 0.25em 0.5em;
width: 6.5em;
}
/*Fin menu chapitrage soluces*/

/* --- Fin position Article solutions --- */



/* --- Position Article astuces --- */

div#infos-astuces{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 15px;
width: 900px;
height: 81px;
}

div#content-read-astuces{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 10px 0 5px 0;
}

div#read-astuces{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
}

div#article-astuces{
padding: 5px 10px 0px 10px;
font-weight: normal;
}

div#message-read-astuces{
padding: 5px;
text-align: center;
}

.alphanum{
margin: 0;
padding: 0;
font-size: 16px;
font-weight: bold;
color: #FFFFCC;
}

.liste-message-astuces{
text-align: center;
}

.astuces-dispo{
text-align: right;
}

/* --- Fin position article astuces --- */



/* --- Position Article dossiers --- */

#content-read-dossiers{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 10px 0 5px 0;
}

div#read-dossiers{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
background: #FFF;
}

#message-read-dossiers{
padding: 5px;
text-align: center;
}

div#infos-dossiers{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 15px;
width: 900px;
height: 81px;
}


/* --- Fin position article dossiers --- */



/* --- Position Article tests --- */

.tests-dispo{
text-align: right;
margin: -1.2em 15px 0 0;
}


#content-read-tests{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 10px 0 5px 0;
}

#message-read-tests{
padding: 5px;
text-align: center;
}

#infos-tests{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 15px;
width: 900px;
height: 81px;
}

.date-read, .supports-read, .supports-read-stuces, .multi-read, .tests-version, .tests-genre{
text-align: left;
}

.date-read-news, .date-read-tests, .supports-read-news, .supports-read-tests, .date-read-ost, .date-read-dossiers, .date-read-astuces{
text-align: right;
}

.date-read-news, .supports-read-news, .date-read-tests, .date-read-astuces, .supports-read-tests, .tests-pegi, .date-read-ost, .ost-editeur, .date-read-dossiers, .auteur-read-dossiers, .auteur-read-solutions, .astuces-pegi, .supports-read{
margin-right: 3px;
}

#read-tests{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
}

#article-tests{
padding: 5px 10px 0px 10px;
font-weight: normal;
}

/* Fenêtre des avis */

div#avis{
position: relative;
margin-left: auto;
margin-right: auto;
width: 830px;
padding : 10px;
margin-bottom: 35px;
}

#plus{
float: left;
width: 350px;
}

.align-plus{
text-align: center;
}

#moins{
float:left;
width: 350px;
}

.pochette{
float: left;
padding-right: 5px;
padding-left: 5px;
}


/* Fin de fenêtre des avis */

/*Liste des tests */

#content-liste-tests-read{
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
}

#liste-tests-read{
margin: 15px 0 0 0;
padding: 15px;
}

table.liste-page{
margin-top: 10px; 
width: 900px;
}

.illus-tests{
padding: 2px;
}

.tests-photos{
width: 100%;
text-align: center;
clear: both;
}

/*Fin liste des tests */

/* --- Fin position article tests --- */


/* --- Position Article ost --- */

div#content-read-ost{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 10px 0 5px 0;
}

#infos-ost{
position:relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 15px;
width: 900px;
height: 81px;
}



div#message-read-ost{
padding: 5px;
text-align: center;
}

.ost-prix{
margin: -1.2em 0 0 778px;
}

div#read-ost{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
}

div#article-ost{
padding: 5px 10px 0px 10px;
font-weight: normal;
}

#player-ost {
text-align: center;
}

div#ost-disque-1{
margin-top: 5px;
float: left;
width: 49.5%;
}

div#ost-disque-2{
margin-top: 5px;
float: right;
width: 49.5%;
}

.ost-disque-1{
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
margin-top: 5px;
float: left;
width: 49.5%;
}

.ost-disque-2{
font-size: 12px; font-family: Geneva, Arial, Helvetica, sans-serif;
margin-top: 5px;
float: right;
width: 49.5%;
}

div#liste-ost-read{
margin: 15px 0 ;
padding: 15px;
width: 868px;
height: 30px;
background: url(bg-mini-liste.jpg) no-repeat;
}

/* --- Fin position article ost --- */


/* --- Position rubrique videos --- */

#infos-videos{
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding: 15px;
width: 900px;
height: 81px;
}


.version-read{
text-align: right;
}

.version-read-videos{
text-align: right;
margin-top: 5px;
}

div#content-read-videos {
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 10px 0 0px 0;
}

#read-videos{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 15px;
width: 900px;
}

#message-read-videos{
padding: 5px;
text-align: center;
}


/* --- Fin position rubrique videos --- */



/* --- Position Article news --- */


/*article news*/
div#content-read-news{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 12px 0 10px 0;
background: #14243d url(bg-fond-content-principal.jpg);
}


div#infos-news{
position: relative;
margin-left: auto;
margin-right: auto;
padding: 15px 15px 30px 15px;
width: 900px;
height: 81px;
}

div#message-read-news{
padding: 5px;
text-align: center;
}

div#read-news{
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0 15px;
width: 900px;
}

div#screen-read{
text-align: center;
margin-left: auto;
margin-right: auto;
width: 900px;
padding-top: 15px; 
}

div#screen-read img{
margin-right: 5px;
margin-left: 5px;
padding: 15px;
background: url(bg-thumb-news.jpg) no-repeat; 
}

/*a:hover img.zoom {
filter:alpha(opacity=75);
opacity: 0.75; 
}

a:hover img.zoom {
z-index: 100;
}*/

div#article-news {
margin-left: auto;
margin-right: auto;
width: 820px;
padding: 20px 10px;
font-weight: normal;
text-align:justify;
}

div#liste-news-read{
margin: 10px 0 0 0;
padding: 15px;
background: url(bg-mini-liste.jpg) no-repeat;
}


.liste-supports, .mini-liste-supports{
font-size: 12px; 
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: right;
color:#333;
margin: 0 29px 0.5px 0;

}

.mini-liste-supports{
font-weight: bold;
margin: 0 16px 0.5px 0;
}

/* --- Fin position article news --- */


/* Position liste des recherches */

#content-resultats{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 5px 0;
} 

#messages-resultats{
margin: 0 auto;
padding: 15px;
width: 950px;
} 

.resultats-news, .resultats-tests, .resultats-dossiers, .resultats-ost, .resultats-astuces, .resultats-solutions, .resultats-videos{
margin: 15px auto;
padding: 15px;
width: 900px;
}

.alignement-titre{
padding: 10px ;
text-align: left;

}

b.rub-news, b.rub-tests, b.rub-dossiers, b.rub-ost, b.rub-astuces, b.rub-solutions, b.rub-videos{
text-transform: uppercase;
font-size: 16px;
width: 930px;
}

li.affiche-date-news, li.affiche-date-tests, li.affiche-date-dossiers, li.affiche-date-ost, li.affiche-date-astuces, li.affiche-date-solutions, li.affiche-date-videos{
text-align: right;
margin: -1.25em 10px 0 0;
padding: 0 0em 0 21em;
color:#333;
}

li.affiche-supports-news, li.affiche-supports-tests, li.affiche-supports-dossiers, li.affiche-categories-ost, li.affiche-supports-astuces, li.affiche-supports-solutions, li.affiche-supports-videos{
margin-right: 10px;
text-align: right;
color: #333;
}


/* Fin position liste des recherches */


/* --- Position formulaire connexion --- */

div#content-signin{
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 210px;
padding: 5px 0 0 0;
}

form.connexion{
position: relative;
margin: 0 auto;
padding: 41px;
/*_padding: 35px;*/ /* special ie6 */
width: 515px;
background: url(bg-formulaire-connexion.png) no-repeat;
/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='style/defaut/bg-formulaire-connexion.png', sizingMethod='crop');
_width: 530px;
_background: none;
*/
}

#captcha{
position: absolute;
left: 400px;
}

#pseudos .input{
margin-left: 90px;
margin-bottom: 2px;
}

#validation .input{
margin: 0 0 0 216px;
}


/* --- Fin Position formulaire connexion --- */


/* --- Position formulaire connexion erreur --- */

form.connexion-erreur{
position: relative;
margin: 0 auto;
padding: 41px;
/*_padding: 21px;*/ /*spécial Ie6 */
width: 525px;
}

div#content-signin-erreur{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 5px 0 0 0;
height: 255px;
}

div#content-signin-erreur #inscription{
padding-top: 25px;
}

#inscription ul {
padding-left: 10px;
}

#captcha-erreur{
position: absolute;
top: 80px;
/*_top: 58px;*/ /*spécial ie6 */
left: 400px;
/*_left: 380px;*/

}


#mdp .input{
margin-left: 57px;
margin-bottom: 2px;
}

#code-alphanum .input{
margin-left: 9px;
margin-bottom: 2px;
}

li.options{
margin-left: 15px;
}


/* --- Fin Position formulaire connexion erreur --- */


/* Position formulaire des inscriptions */

div#content-signin-1{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 5px 0;
height: 295px;
}

form.inscrit{
margin: 0 auto;
padding: 30px 41px 41px 41px;
/*_padding: 30px 41px 21px 41px;*/
width: 700px;
height: 230px;
}

#pseudo-1 .input{
margin-left: 135px;
margin-bottom: 2px;
}

#mdp-1 .input{
margin-left: 104px;
margin-bottom: 2px;
}

#code-alphanum-1 .input{
margin-left: 47px;
margin-bottom: 2px;
}

#validation-1 .input{
margin-left: 256px;
}

#new_confirmation .input{
margin-left: 11px;
margin-bottom: 2px;
}

#new_email .input{
margin-left: 147px;
margin-bottom: 2px;
}

#captcha-1{
position: absolute;
top: 365px;
left: 680px;
}

div#inscription{
padding: 0;
margin-top: 5px;
}

/* Fin position formulaire des inscriptions */


/* Position mini liste articles */

div#content-liste-news-read, div#content-liste-tests-read, div#content-liste-ost-read{
margin-left: auto;
margin-right: auto;
padding: 0 15px;
width: 900px;
}


/*Contenu principal liste*/

div#content-liste { 
position: relative; 
margin-right: auto;
margin-left: auto;
padding: 10px 5px 5px 5px;
width: 988px; /*nécessaire sous ie pour éviter le bug decalage vers le bas*/
}

.liste-date{
text-align: right;
margin: -1.25em 15px 0 0;
padding: 0 0em 0 21em;
font-weight: bold;	
color:#333;
border: 1px solid red;
display: none; /*bug firefox3 à résoudre*/
}

.liste-date-tests, .liste-date-ost, .liste-date-news{
text-align: right;
margin: -1.25em 15px 0 0;
padding: 0 0em 0 21em;
font-weight: bold;	
color:#333;
width: 600px; 
}


.liste-date-ost{
width: 615px; 
}

.liste-date-astuces{
text-align: right;
margin: -1.25em 20px 0 0;
padding: 0 0em 0 21em;
font-weight: bold;	
color:#333;
width: 715px; 
}

.liste-astuces {
margin: 0 0 15px 0;
width: auto;
height: 52px;
}

div#liste {
margin: 0 0 10px 0;
padding-bottom: 2px;
width: 1000px;
height: 100px;
}

.liste {
margin: 0 0 10px 0;
padding-bottom: 2px;
width: 990px;
height: 100px;
}

.liste-titre{
padding: 17px 0 0 0;
}

.liste-titre-astuces{
padding: 10px 0 0 20px;
}

.liste-illus{
float: left;
width: 130px;
height: 81px;
margin: 10px 5px 10px 15px;
clear: left;
border: 1px solid #CCC;
}

.liste-supports-videos{
text-align: right;
margin: -1.25em 29px 0 0;
padding: 0 0 0 21em;
font-weight: bold;	
}

.liste-supports-astuces{
text-align: right;
margin: -1.25em 20px 0 0;
padding: 0 0 0 21em;
font-weight: bold;	
}

.liste-supports-solutions{
text-align: right;
margin: -1.25em 29px 0 0;
padding: 0 0 0 21em;
font-weight: bold;	
}

.liste-supports-dossiers{
text-align: right;
margin: -1.25em 29px 0 0;
padding: 0 0 0 21em;
font-weight: bold;	
}

div#liste-alphabetique{
padding: 0 0 10px 0;
text-align: center;
}

div#liste-alphabetique li{
display: inline;
border-right: 1px solid #333;
font-weight: bold;
width: 988px;
padding-right: 9px;
margin-right: 6px;
}

.liste-message-astuces{
text-align: center;
}

.liste-supports-tests{
padding-top: 3px;
}

.liste-compositeurs{
padding-bottom: 15px;
}

.liste-genre{
padding: 0 0 0 20px;
}

.liste-genre-solutions{
padding: 10px 0 0 0;
}

.liste-genre-videos{
padding: 2.5px 0 0 0;
}

.liste-options{
padding: 0;
}

.liste-drapeaux{
text-align: right;
margin: -1.25em 29px 0 0;
padding: 0 0em 0 21em;
}

.liste-notes {
text-align: right;
margin: -1.25em 29px 0 0;
padding: 0 0em 0 21em;
font-weight: bold;	
}

.liste-chapo{
margin: 0 25px 0 0;

}

.liste-chapo-tests {
margin: 5px 15px 0 0;
}

.liste-chapo-dossiers {
padding: 10px 0;
margin-right: 15px;
}

.liste-titre-read{
margin-left: 15px;
}

/* Fin position mini liste articles */



/* Position erreur message inscription */

div#erreur-inscription{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 5px 0;
height: 57px;
}

div#contenu-erreur{
margin: 0px auto;
padding: 15px;
width: 700px;
height: 25px;
}

/* Fin position erreur message inscription */


/* Position message deconnexion */

#content-deconnexion{
margin-right: auto;
margin-left: auto;
width: 1000px;
padding: 0;
height: 30px;
}

/* Position message mail */
.message-mail{
border: 1px solid black;

}

.deconnexion-message{
display: block;
margin: 0;
padding: 5px 0;
text-align: center;
}

/* Fin position message deconnexion */


/* Position formulaire password perdu*/

div#content-email{
margin-left: auto;
margin-right: auto;
width: 1000px;
padding: 5px 0;

}

form.email{
margin: 0px auto;
padding: 20px 40px;
width: 700px;
height: 120px;
}

/* Fin position formulaire password perdu*/

/*Position page rédaction */

#redaction{
position: absolute;
top: 0;
left: 0;
padding: 35px 100px;
width: 170px;
}

#siege{
position: absolute;
top: 0;
right: 0;
text-align: center;
padding: 5px 100px;
}

/* Fin position*/

/*Position infomations légales */
#content-infos-legales{
position: relative;
margin-right: auto;
margin-left: auto;
width: 1000px;
height: 550px;
clear: both;
}

#infos-legales{
text-align: justify;
padding: 5px 50px;}
/* Fin position*/