@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
body {
background-color:#290841;
background-image:url(Ressources/images/Body_background_degrade.jpg);
background-repeat:repeat-x;
}

/* DECOUPAGES PRINCIPAUX */
#BigConteneur {
margin:auto;
width:1000px;
}
.ParagrapheBlancTop {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
width:300px;
margin-top:45px;
}
.ParagrapheBlancTop a {
color:#FFFFFF;
}
#MainContent {
float:left;
width:990px;
padding-left:10px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
font-weight:bold;
}
#ColGauche {
float:left;
width:740px;
background-color:#FFFFFF;
}
#ColDroite {
float:left;
width:230px;
background-color:#FFFFFF;
padding: 60px 0 0 20px;
}
#Footer {
float:left;
height:50px;
width:1000px;
margin:0;
padding:0;
}

/*********************************************************/

.ParaBlancSimple {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
color:#FFFFFF;
text-align:center;
margin-top:8px;
padding-bottom:8px;
}
.ParaBlancSimple a {
color:#FFFFFF;
}

/* MENU NAVIGATION */
#Menu{ 
height:37px;
width:1000px;
background-color:#FFFFFF;
background-image:url(Ressources/images/Header_barre_menu_background.gif);
background-position:center;
background-repeat:no-repeat;
}
#Menu ul { 
list-style:none;
padding:0;
margin: 0 0 0 150px;
border:none;
}
#Menu li a { 
color:#f9d544;
text-decoration:none;
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
font-weight:bold;
padding-left:12px;
padding-right:4px;
margin-top:2px;
float:left;
}
#Menu li a:hover {
text-decoration:underline;
color:#f6f312;
}
/*********************************************************/

/* CARTOUCHE LOGIN */
#CartoucheLogin {
background-image:url(Ressources/images/Header_background_cartouche_login.gif);
background-repeat:no-repeat;
margin-left:375px;
width:625px;
height:53px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
margin-top:-50px;
}
#formLogin {
width:380px;
height:53px;
margin-top:-50px;
padding:6px;
}
.paraSeSouvenir {
padding-left:10px;
margin-top:2px;
}
.paraSeSouvenir a {
color:#FFFFFF;
}
.paraInputLogin {
padding-left:10px;
padding-top:0px;
margin-right:0px;
font-size:18px;
}
.inscription {
float:right;
margin-right:0px;
margin-top:-58px;
width:100px;
font-size:20px;
color:#FFFFFF;
}
.erreur {
float:right;
margin-right:160px;
margin-top:-58px;
width:100px;
font-size:12px;
color:#FFFFFF;
}
.inscription a {
color:#FFFFFF;
}
.paraInputLogin a {
color:#FFFFFF;
margin-left:170px;
}
.paraInputLogin2 {
padding-left:10px;
padding-top:4px;
margin-right:0px;
font-size:18px;
}
.paraSeDeconnecter {
padding-left:10px;
}
.paraSeDeconnecter a {
color:#FFFF00;
}
/*********************************************************/

/* DECOUPAGES PRINCIPAUX PAGE TEST */
.TitreDuTest{
color:#f2a520;
font-size:36px;
display:inline;
vertical-align:baseline;
}
.BoiteTestEtTitre {
height:36px;
margin-top:20px;
margin-bottom:20px;
}
.Review {
padding:10px;
background-image:url(Ressources/images/MainContent_Review_ParagrapheBack740.gif);
background-repeat:no-repeat;
width:720px;
margin-bottom:15px;
text-align:center;
}
.ParagrapheReviewIntro {
font-size:16px;
width:700px;
color:#27073c;
text-align:justify;
margin-bottom:18px;
}
.ParagrapheReview {
font-size:14px;
width:700px;
color:#27073c;
text-align:justify;
margin-bottom:18px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
}
.Review img {
padding:10px;
}
.Titre {
text-align:left;
}
.BandeauScreenshots {
width:720px;
text-align:center;
}
.BandeauScreenshots img {
display:inline;
padding:0px;
margin:0px;
width:170px;
}
/*********************************************************/


/* CARTOUCHES FAIBLES et FORT */
.CartouchesFortsFaibles {
width:740px;
height:170px;
}
.Forts {
background-image:url(Ressources/images/MainContent_Review_CartouchePointsForts.png);
background-repeat:no-repeat;
float:left;
width:360px;
height:170px;
}
.Faibles{
background-image:url(Ressources/images/MainContent_Review_CartouchePointsFaibles.png);
background-repeat:no-repeat;
float:left;
width:360px;
height:170px;
margin-left:20px;
}
.FortsTitre {
color:#009900;
padding:8px;
font-size:18px;
}
.FortsListe {
margin-left:40px;
color:#009900;
font-size:14px;
}
.FaiblesTitre {
color:#c90f0f;
padding:8px;
font-size:18px;
}
.FaiblesListe {
margin-left:40px;
color:#c90f0f;
font-size:14px;
}
/*********************************************************/


/* CARTOUCHES NOTES */
#CartouchesNotes {
padding:10px;
background-image:url(Ressources/images/MainContent_Review_ParagrapheBack740.gif);
background-repeat:no-repeat;
width:720px;
height:150px;
margin-bottom:15px;
margin-top:20px;
text-align:center;
}
.ToutesLesNotes {
float:left;
width:300px;
}
.NoteGlobale {
float:left;
width:420px;
}
.NotebyNote {
font-size:24px;
color:#e76506;
text-align:left;
margin-bottom:4px;
}
.NotebyNote img {
margin-right:60px;
}
.NoteFinale {
text-align:left;
font-size:60px;
color:#e76506;
margin-left:80px;
margin-top:20px;
}
.AcheterLeJeu {
text-align:left;
font-size:20px;
color:#e76506;
margin-left:80px;
}
.AcheterLeJeu a {
color:#e76506;
text-decoration:underline;
}
.AcheterLeJeu a:hover {
text-decoration:none;
}
.Options {
text-align:left;
font-size:14px;
color:#e76506;
margin-left:45px;
margin-top:26px;
}
.Options a {
color:#e76506;
text-decoration:underline;
}
.Options a:hover {
color:#e76506;
text-decoration:none;
}
/*********************************************************/

/* COMMENTAIRES */
#LesCommentaires {
margin-top:25px;
width:740px;
}
.ImgCommentaire {
margin-bottom:20px;
}
.Comm_NomMembre {
padding-left:4px;
font-size:18px;
color:#27073c;
width:500px;
display:inline-block;
}
.Comm_Date {
font-size:14px;
color:#27073c;
display:inline-block;
/*margin-left:320px;*/
}
.Comm_Texte {
font-size:12px;
color:#e76506;
width:720px;
padding-left:4px;
}
.LigneCommentaire {
background-image:url(Ressources/images/MainContent_Review_CommentairesBackgroundt.gif);
background-repeat:no-repeat;
background-position:top;
width:720px;
padding:10px;
}
#DivInsertionCommentaire {
padding-top:10px;
width:740px;
}

/*********************************************************/


/* DECOUPAGES PRINCIPAUX PAGE HOME */
#ParagrapheIntro {
color:#27073c;
text-align:justify;
margin-top:4px;
margin-bottom:6px;
padding-right:10px;
width:730px;
}

.Review1 {
padding:10px;
background-image:url(Ressources/images/MainContent_Home_ReviewBack740.gif);
background-repeat:no-repeat;
width:720px;
height:235px;
margin-bottom:30px;
}
.Review1 img {
float:left;
}
.Para1{
float:left;
font-size:13px;
width:420px;
color:#27073c;
text-align:justify;
padding-left:10px;
}
.Para2{
float:left;
font-size:40px;
width:420px;
color:#e76506;
text-align:justify;
padding-top:18px;
padding-left:10px;
}
.Para2 span{
font-size:14px;
text-align:left;
padding-left:8px;
}
.Para3{
float:left;
font-size:14px;
width:440px;
color:#e76506;
text-align:justify;
padding-top:24px;
padding-left:10px;
}
.Para3 a{
color:#e76506;
text-decoration:underline;
}
.Para3 a:hover{
color:#e76506;
text-decoration:none;
}
h1 {
color:#e76506;
padding-bottom:4px;
margin:10px 0 0 0;
}
h2 {
color:#e76506;
padding-bottom:4px;
}
#Tri {
margin-top:10px;
margin-bottom:20px;
color:#e76506;
}
#Tri a {
color:#e76506;
text-decoration:underline;
}
#Tri a:hover {
text-decoration:none;
}
#Tri a:active {
text-decoration:none;
}
.numeroPages {
color:#27073c;
text-align:right;
margin-top:8px;
padding-right:10px;
width:730px;
}
.numeroPages a {
color:#27073c;
}
.numeroPages a:hover {
text-decoration:none;
}

/*********************************************************/

/* PAGE JEUX */
.ImgTitreCategorie {
margin-top:30px;
}

/*********************************************************/

/* PAGE PLAN */

h3 {
margin-top:6px;
margin-left: 200px;
color:#e76506;
}
h2 a {
color:#27073c;
}
h3 a {
color:#e76506;
}

/*********************************************************/


/* PAGE ADMIN */

form {
margin-top:30px;
margin-bottom:0px;
}

.classfieldset {
width:920px;
color:#27073c;
font-size:20px;
margin:auto;
padding:20px;
}
.paraClassique {
width:920px;
font-size:16px;
margin-top:20px;
}
.parapointsForts {
float:left;
width:400px;
font-size:16px;
margin-top:20px;
}
.parapointsFaibles {
float:left;
width:400px;
margin-left:40px;
font-size:16px;
margin-top:20px;
}
p span {
font-size:12px;
}
.paraNotes {
float:left;
width:400px;
padding-top:20px;
font-size:16px;
}
.paraImages {
float:left;
width:400px;
padding-top:20px;
font-size:16px;
margin-left:45px;
}
.noteInput{
float:left;
display:block;
margin-bottom:8px;
width:80px;
height:20px;
color:#27073c;
font-size:14px;
}
.noteLabel{
float:left;
display:block;
margin-bottom:8px;
width:200px;
height:20px;
}
.noteLabelImg{
float:left;
display:block;
margin-bottom:8px;
width:70px;
height:20px;
}
.noteInputFile{
float:left;
display:block;
margin-bottom:8px;
width:300px;
height:26px;
color:#27073c;
font-size:14px;
}
.AjouterImg{
float:left;
display:block;
margin-bottom:8px;
width:200px;
height:20px;
text-decoration:underline;
}
.ParaBoutons {
width:900px;
margin:auto;
margin-top:20px;
text-align:center;
}
.boutons {
width:300px;
height:40px;
font-size:26px;
color:#27073c;
font-style:italic;
font-weight:bold;
}
.ReviewAjoute {
width:400px;
margin-top:20px;
margin-left:300px;
height:40px;
font-size:20px;
color:#27073c;
font-style:italic;
font-weight:bold;	
}
.ReviewAction {
width:400px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
font-size:16px;
color:#27073c;
font-style:italic;
font-weight:bold;	
}
.ReviewChoix {
width:400px;
margin-top:30px;
margin-left:auto;
margin-right:auto;
margin-bottom:-20px;
font-size:14px;
color:#27073c;
font-style:italic;
font-weight:bold;	
}
/*label {
display:block;
width:150px;
float:left;
}*/
/*********************************************************/


/* FORMULAIRE Ajout Commentaires et notes */

/*Commentaires en premier */

.formCommClass {
margin-top: 0px;
}
.commParaInputClass {
text-align: center;
color:#27073c;
margin-top: 0px;
}
.inputTexteAreaClass {
width: 600px;
}
.paraMerci {
text-align: center;
color:#27073c;
font-size: 18px;
}

/* Notes ensuite */
.formNoteClass {
display: inline;
}
.noteParaClass {
text-align: center;
color:#27073c;
}
.inputSelectClass {
width: 70px;
}
/*********************************************************/

/* FORMULAIRE register */
#ParagrapheIntroRegister {
color:#27073c;
text-align:justify;
margin-top:20px;
margin-bottom:6px;
padding-right:10px;
width:730px;
}
.formRegister {
margin-left:90px;
margin-top:30px;
width: 520px;
}
.fieldRegister {
color:#27073c;
padding: 18px;
}
.legendRegister {
font-size: 18px;
}
.paraRegister {
padding: 10px;
width: 410px;
text-align:left;
}
.paraRegister label {
display:block;
float:left;
width:190px;
height:18px;
margin-bottom: 8px;
margin-left: 10px;
}
.paraRegister input {
display:block;
float:left;
width:200px;
height:18px;
margin-bottom: 8px;
}
.paraRegister img {
display:block;
float:left;
margin-left:200px;
margin-bottom: 8px;
}
.paraRegisterSuite {
padding: 10px;
width: 410px;
text-align:left;
font-size: 12px;
}
.paraRegisterSuite input {
display:block;
float:left;
width:10px;
height:18px;
margin-left:10px;
margin-bottom: 8px;
}
.paraRegisterSuite label {
display:block;
float:left;
width:370px;
height:18px;
margin-bottom: 8px;
margin-left: 10px;
}
.paraRegisterFin {
padding: 10px;
width: 410px;
text-align:center;
font-size: 12px;
}
.paraRegisterFin input {
width:130px;
height: 30px;
font-size: 16px;
margin-top: 18px;
}
.registerErreurMessage {
color:#e76506;
text-align:center;
margin-top:20px;
font-size:16px;
width:730px;
}
.registerErreurMessageFinal {
color:#e76506;
text-align:center;
margin-top:60px;
font-size:16px;
width:730px;
}
.registerErreurMessageFinal a {
color:#e76506;
}

/*********************************************************/

/* FORMULAIRE recover */

.paraRecover {
padding: 10px;
width: 410px;
text-align:left;
margin: auto;
}
.inputTextRecover {
width: 300px;
text-align:left;
}
.recoverMessage {
color:#e76506;
text-align:center;
margin-top:60px;
margin-left:40px;
font-size:16px;
width:600px;
}
/*********************************************************/

/* COL DROITE */
#search {
margin-top:90px;
margin-left:20px;
}
/*********************************************************/

