@charset "utf-8";
/* ---------------------------   PAGE TEST   ------------------------------------*/


/* PAGE TEST ( principal Test ) */

#principalTest {
    width:742px;
    font-family:'Arial', sans-serif;
	font-size:12px;
}

/*PAGE TEST (principal Test entete test titreJeu/plateforme) */

#principalTest #entete {
    font-family:'Arial', sans-serif;
	margin-bottom:20px;
	margin-top:20px;
	width:662px;
	overflow:hidden;
	float:left;
}

#principalTest #entete .iconeSujet {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	float:left;
}

#principalTest #entete .iconeSujet img{
	width: 40px;
	height: 40px;
}

#principalTest #entete .titre {
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	width:612px;
	float:left;
}

#principalTest #entete .plateforme {
    font-size:13px;
}


/*PAGE TEST (principal Test tampon nbre de questions-reponses*/

#principalTest #tampon {
    font-family:'Arial', sans-serif;
	font-size:14px;
	text-align:center;
	background:url(../images/tamponEnteteTest.png) no-repeat 5px 5px;
	width:80px;
	height:40px;
	overflow:hidden;
	padding:20px 0px;
	float:left;
}

#principalTest #tampon a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}

#principalTest #tampon a span{
	color:#EB7106;
	font-weight:bold;
	font-size:20px;
}


/* PAGE TEST ( infos sous titre ) */

#principalTest #infosJeu {
    padding-top:5px;
	margin-bottom:4px;
	border-top:solid 1px #CCCCCC;
	clear:left;
}

#principalTest #infosJeu .intitule {
    text-transform:uppercase;
	font-weight:bold;
	padding-left:5px;
}

#principalTest #infosJeu .reponse {
    margin-right:5px;
}

#principalTest #infosJeu .reponse a{
     text-decoration:none;
	 color:#1F6895;
}

#principalTest #infosJeu .reponse a:hover{
       color:#EB7106;
}

/* PAGE TEST ( liens fiche jeu) */

#principalTest #lienSup {
	margin-bottom:20px;
	float:left;
	width:742px;
}

#principalTest #lienSup .date {
      text-align:left;
	  width:50%;
	  display:block;
	  float:left;
}

#principalTest #lienSup .date .intitule {
    text-transform:uppercase;
	font-weight:bold;
	padding-left:5px;
}

#principalTest #lienSup .date .reponse {
    margin-right:5px;
}

#principalTest #lienSup .ficheJeu {
      text-align:right;
	  width:50%;
	  display:block;
	  float:left;
}

#principalTest #lienSup img{
	 width:10px;
	 height:10px; 
	 border:none; 
}

#principalTest #lienSup a{
     text-decoration:none;
	 color:#009179;
	 font-weight:bold;
}

#principalTest #lienSup a:hover{
     color:#EB7106;
}

/* PAGE TEST ( Colonne test a gauche ) */

#principalTest #testColonneGauche{
    width:512px;
	float:left;
	margin-right:10px;
	min-height:720px;
}

#principalTest #testColonneGauche .entete {
	font-size:17px;
	background:#FFFFFF;
	color:#000000;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	padding-left:5px;
	font-weight:bold;
	border-bottom:solid 1px #009179;
	width:507px;
	float:left;
}

#principalTest #testColonneGauche .entete .titre{
	width:257px;
	float:left;
}

#principalTest #testColonneGauche .entete .dateDePublication{
	text-align:right;
	color:#666666;
	font-size:11px;
	width:250px;
	padding-top:6px;
	float:left;
} 

#principalTest #testColonneGauche .texteAvis{
	padding:1em;
	text-align:justify;
	font-size:13px;
	line-height:1.4em;
	border-bottom: solid 1px #009179;
	border-left: solid 1px #009179;
	word-spacing:-0.1em;
	clear:left;
}

#principalTest #testColonneGauche .texteAvis .lettrine {
   float: left; 
   font-size: 4.2em; 
   font-weight: bold;
   font-family: 'Arial', sans-serif;
   color: #009179;
   background-color: #FFFFFF; 
   margin-right: 6px;
   line-height:1em;
}

#principalTest #testColonneGauche .texteAvis a{
	text-decoration:none;
	color:#1F6894;
	font-weight:bold;
}

#principalTest #testColonneGauche .texteAvis a:hover{
	color:#EB7106;
}

#principalTest #testColonneGauche .auteur {
	text-align:right;
	margin-top:8px;
}

/*notation*/

#principalTest #testColonneGauche #note{
	width:492px; 
	padding:10px;
	height:70px;
	overflow:hidden;
	border-bottom:solid 1px #009179;
	text-align:center;
}

#principalTest #testColonneGauche #note #noteGW{
    width:30%;
    float:left;
}

#principalTest #testColonneGauche #note #noteWEB{
    width:35%;
    float:left;
}

#principalTest #testColonneGauche #note #noteCOM{
    width:35%;
    float:left;
}

#principalTest #testColonneGauche #note .titre{
	font-weight:bold;
}

#principalTest #testColonneGauche #note .notation{
	font-size:16px;
	font-weight:bold;
	height:20px;
	padding:5px 0px;
}

#principalTest #testColonneGauche #note .infos{
    
}

#principalTest #testColonneGauche #note #noteWEB .notation{
    color:#904890;
}

#principalTest #testColonneGauche #note #noteCOM .notation{
    color:#009179;
}

#principalTest #testColonneGauche #note #noteGW .infos{
    font-size:13px;
	font-weight:bold;
	color:#EB7106;
}

#principalTest #testColonneGauche #note a{
     text-decoration:none;
	 color:#1F6894;
}

#principalTest #testColonneGauche #note a:hover{
    color:#EB7106;
}

/*appreciation*/

#principalTest #testColonneGauche #publicConcerne {
    text-align:center;
	padding:10px;
	font-weight:bold;
	background-color:#EBF4F1;
    width:492px;
	border-bottom:solid 1px #009179;
	clear:left;		
}

/*plus et moins*/

#principalTest #testColonneGauche #plusMoins{
	width:512px;
	padding:20px 0px;
	clear:left;
	overflow:hidden;
}

#principalTest #testColonneGauche #plusMoins #bloc {
    width:245px;
    float:left;
	padding:0px;
	line-height:1.3em;
	border:double 3px #009179;
	overflow:hidden;
}

#principalTest #testColonneGauche #plusMoins #bloc.plus {
	margin-right:10px;
}

#principalTest #testColonneGauche #plusMoins .entete{
    color:#009179;
    font-size:12px;
    background-color:#FFFFFF;
	text-align:center;
	margin-bottom:0.3em;
	text-transform:uppercase;
	width:245px;
	overflow:hidden;
	padding:5px 0px;
}

#principalTest #testColonneGauche #plusMoins .plus .entete {
    background:url(../images/plusTest.png) 32% 2px no-repeat;
}

#principalTest #testColonneGauche #plusMoins .moins .entete {
    background:url(../images/moinsTest.png) 30% 2px no-repeat;
}

#principalTest #testColonneGauche #plusMoins #bloc .liste{
	padding:8px;
	width:235px;
	margin-bottom:10px;
	min-height:170px;
}

#principalTest #testColonneGauche #plusMoins #bloc .liste .ligne{
	margin-bottom:3px;
}


/* PAGE TEST ( Colonne media a droite ) */

#principalTest #testColonneDroite{
    width:220px;
	height:720px;
    float:left;
	overflow:hidden;
}

/*chargement*/

#testColonneDroite #chargement {
	font-size: 12px;
	color:#FFFFFF;
	text-align:center;
	background:url(../images/transparentGris50.png) repeat;
	width:220px;
	height:690px;
	position:relative;
	z-index:1;
}

#testColonneDroite #chargement .infos{
	color:#000000;
	background-color:#FFFFFF;
    text-align:center;
	border:double 3px #009179;
	width:180px;
	height:25px;
	padding:5px 0px;
	margin:0px 17px;
	position:relative;
	z-index:1;
	top:150px;
}

#testColonneDroite #chargement .infos span{
   	font-size: 11px;
    position:relative;
	z-index:1;
	top:-7px;
}

/*Tabbed panels*/


#principalTest #testColonneDroite .TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

#principalTest #testColonneDroite .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

#principalTest #testColonneDroite .TabbedPanelsTab {
	position: relative;
	float: left;
	font-size:13px;
	padding: 0.4em 0px;
	list-style: none;
	cursor: pointer;
	background:#EEEFEF;
    color:#666666;
	width:108px;
	text-align:center;
	font-weight:bold;
}

/*on n'affiche pas l'onglet qui affiche le fond*/
#principalTest #testColonneDroite .ongletFond {
	display:none;
}	

/*On fait une marge à droite du premier ongler affiché pour l'espace*/	
#principalTest #testColonneDroite .ongletImages {
    margin-right:4px;
}		
	
#principalTest #testColonneDroite .TabbedPanelsTabHover {
	color:#EB7106;
	background-color: #000000;
}

#principalTest #testColonneDroite .TabbedPanelsTabSelected {
	color:#FFFFFF;
	background-color: #000000;

}

#principalTest #testColonneDroite .ongletImages.TabbedPanelsTabSelected {
}

#principalTest #testColonneDroite .ongletVideos.TabbedPanelsTabSelected {
}



#principalTest #testColonneDroite .TabbedPanelsTab a {
	color: #FFFFFF;
	text-decoration: none;
}

#principalTest #testColonneDroite .TabbedPanelsContentGroup {
	clear: both;
	height:670px;
}

/* aucun contenu*/
#principalTest #testColonneDroite #aucunResultat {
    font-size: 12px;
	font-style:italic;
	text-align:center;
	padding:10px;
	color:#FFFFFF;
} 

/*navigation*/

#principalTest #testColonneDroite  .navigation {
    height:30px;
	overflow:hidden;
	text-align:center;
	margin-bottom:5px;

}

#principalTest #testColonneDroite  .navigation span{
    color:#FFFFFF; 
	font-size:12px;
	font-weight:bold;
}

#principalTest #testColonneDroite  .navigation img{
    margin-top:10px;
}

#principalTest #testColonneDroite  .navigation img:hover{
    margin-top:-10px;
	cursor:pointer;
}

/* ONGLET CACHE */

#principalTest #testColonneDroite #ongletDefaut {
	height:690px;
}

#principalTest #testColonneDroite #ongletDefaut .contenuMedia {
    padding-top:10px;
}

/* ONGLET IMAGES */

#principalTest #testColonneDroite #ongletImages {
	background-color:#000000;
	height:690px;
	font-size:11px;
}

#principalTest #testColonneDroite #ongletImages #bloc {
    padding:10px 8px;
}

#principalTest #testColonneDroite #ongletImages .listeImages{
	height:620px;
    overflow:hidden;
}

#principalTest #testColonneDroite #ongletImages .blocImage{
	height:150px;
	width:200px;
    overflow:hidden;
	text-align:center;
	border:solid 1px #CCCCCC;
	margin-bottom:3px;
}

#principalTest #testColonneDroite #ongletImages .blocImage img{
	border:none;
}

/* ONGLET VIDEOS */

#principalTest #testColonneDroite #ongletVideos {
	background-color:#000000;
	height:690px;
	font-size:11px;
}

#principalTest #testColonneDroite #ongletVideos #bloc {
    padding:10px;
}

#principalTest #testColonneDroite #ongletVideos .listeVideos{
	height:620px;
    overflow:hidden;
}

#principalTest #testColonneDroite #ongletVideos .blocLecteur{
	height:130px;
	width:200px;
    overflow:hidden;
	text-align:center;
}

#principalTest #testColonneDroite #ongletVideos .titre{
	height:20px;
	margin-bottom:5px;
    overflow:hidden;
	text-align:center;
}

#principalTest #testColonneDroite #ongletVideos .titre a{
	text-decoration:none;
	color:#FFFFFF;
}

#principalTest #testColonneDroite #ongletVideos .titre a:hover{
	color:#EB7106;
}

#principalTest #testColonneDroite .TabbedPanelsContent {
}

#principalTest #testColonneDroite .TabbedPanelsContentVisible {
}

/*commentaires*/

#principalTest #commentaire {
	margin:5px;
	font-weight:bold;
}

#principalTest #commentaire a{
     text-decoration:none;
	 color:#1F6895;
}

#principalTest #commentaire a:hover{
      color:#EB7106;
}


/* PAGE TEST ( bloc des sujets et des QR) */

#principalTest #blocSujetsQR {
	width:742px;
	clear:left;
}

#principalTest #blocSujetsQR .enteteRubrique{
	
}

/* PAGE TEST sujets ( colonne a gauche des Q/R ) */

#principalTest #colonneSujet{
    width:180px;
	margin-right:40px;
	margin-left:10px;
    float:left;
}

#principalTest #blocSujetsQR #colonneSujet .enteteRubrique{
	font-size:13px;
	background:#000000;
	color:#FFFFFF;
	padding: 0.4em 0px;
	font-weight:bold;
	text-align:center;
}

/* PAGE TEST ( Q/R a droite ) */

#colonneQuestionReponse{
    float:left;
    width:512px;
}

/*entete*/
#colonneQuestionReponse .enteteRubrique{
	width:512px;
	overflow:hidden;
	padding:0.2em 0px;
	border-bottom:solid 1px #999999;
	margin-bottom:20px;
}

#colonneQuestionReponse .enteteRubrique .gauche{
	font-size:17px;
	font-weight:bold;
	width:452px;
	float:left;
}

#colonneQuestionReponse .enteteRubrique .droite{
	width:50px;
	float:right;
}

#colonneQuestionReponse .enteteRubrique .droite a {
	width:20px;
	display:block;
	float:left;
	overflow:hidden;
	margin-left:5px;
	margin-top:5px;
}

#colonneQuestionReponse .enteteRubrique .droite img {
	border:none;
}

#colonneQuestionReponse .enteteRubrique .droite a:hover img{
	margin-left:-30px;
}

/*liste des Q/R*/
#colonneQuestionReponse #listeQuestionReponse {
	width:512px;
	clear:left;
}

#colonneQuestionReponse #listeQuestionReponse .question{
	width:512px;
	margin-bottom:10px;
	float:left;
}

#colonneQuestionReponse #listeQuestionReponse .question a{
    text-decoration:none;
	color:#000000;
	display:block;
	width:512px;
	float:left;
}

#colonneQuestionReponse #listeQuestionReponse .question a .intitule{
	font-size:14px;
	font-weight:bold;
	float:left;
	width:482px;
	cursor:pointer;
}

#colonneQuestionReponse #listeQuestionReponse .question a .ouvrirFermer{
	font-size:13px; 
	float:left;
	width:30px;
	cursor:pointer;
}

#colonneQuestionReponse #listeQuestionReponse .question a:hover{
	color:#009179;
}

#colonneQuestionReponse #listeQuestionReponse .reponse{
	font-size:13px;
    text-align:justify;
	line-height:1.4em;
	word-spacing:-0.1em;
	border: solid 1px #009179;
	margin-bottom:20px;
	width:510px;
	clear:left;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .texte{
	height:100%;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .texte .contenu{
	overflow: hidden;
	position: relative;/*pour IE */
	left: 0px; 
	top: 0px;
	width:510px;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .texte .marge{
	padding:10px 20px;
}

/*Mise en forme Editeur*/

#colonneQuestionReponse #listeQuestionReponse .reponse div#centrer {
   width:470px; 
   text-align:center;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .titre {
	font-family: 'Arial', sans-serif;
	font-weight: bold;
	text-transform:uppercase;
	font-size:18px;
	margin-bottom: 10px;
	display:block;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .imageGauche {
	float: left;
	margin-right:10px;
	border: 1px solid #666666;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .imageDroite {
	float: right;
	margin-left:10px;
	border: 1px solid #666666;
}

#colonneQuestionReponse #listeQuestionReponse .reponse .relance {
	font-family: 'Arial', sans-serif;
	font-size:14px;
	color:#FFFFFF;
	background-color: #009179;
	margin:1.5em 0em;
	padding:0.4em;
	text-align:center;
	display:block;

}


/*Aucun result et Bas des QR*/

#colonneQuestionReponse #aucunResultat {
	padding:10px;
	text-align:center;
	font-style:italic;
}

#colonneQuestionReponse #annonce {
    padding:10px;
	margin-top:10px;
	border:solid 2px #009179;
	font-size:14;
	font-weight:bold;
	text-align:center;
	color:#009179;

}


/* PAGE TEST (div contenant test série + test sim + notesWeb) */

#principalTest #annexesEtNotes {
	width:742px;
	clear:left;
	padding-top:20px;
}

#principalTest #annexesEtNotes .entete {
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	background-color:#000000;
	color:#FFFFFF;
	font-weight:bold;
	width:98%;
	padding-left:2%;
	padding-top:0.4em;
	padding-bottom:0.4em;
	margin-bottom:0.4em;
}

#principalTest #annexesEtNotes a {
    text-decoration:none;
	color:#1F6894;
}

#principalTest #annexesEtNotes a:hover {
	color:#EB7106;
}

/* PAGE TEST (test série + test sim) */

#principalTest #testsAnnexes {
	width:220px;
	overflow:hidden;
	margin-right:10px;
	float:left;
}

/* Tests de la même série */

#principalTest #testsAnnexes #blocSerie {
	margin-bottom:40px;
}

/* Tests similaires */

#principalTest #testsAnnexes #blocSim{
	margin-bottom:10px;
}

#principalTest #testsAnnexes #blocSim .blocJaquette {
	float:left;
	margin:5px 0px 15px 5px;
}

#principalTest #testsAnnexes #blocSim .blocJaquette img{
	border:none;
}

#principalTest #testsAnnexes #blocSim .ligne {
	clear:left;
}

/* Note du web */

#principalTest #notesDuWeb {
    float:left;
	width:512px;
}

#principalTest #notesDuWeb .entete {
	color:#000000;
	border-bottom: solid 0.2em #904890;
	padding-bottom:0.2em;
	background-color: #FFFFFF;
	margin-bottom:0px;
}

#notesDuWeb #blocNoteDuWeb{
	padding:15px 5px;
	border-bottom: solid 1px #904890;
}

#notesDuWeb #blocNoteDuWeb .ligne{
    margin-bottom:5px;
}

#notesDuWeb #blocNoteDuWeb .noteMoyenne {
    color:#904890;
    font-size:14px;
    font-weight:bold;
    width:20px;
	margin-right:40px;
	display:block;
	float:left;
	text-align:right;
}

#notesDuWeb #blocNoteDuWeb .site {
    font-size:12px;
	color:#904890;
    width:200px;
	display:block;
	float:left;
}

#notesDuWeb #blocNoteDuWeb .noteOrigine {
    color:#904890;
    font-size:12px;
    width:50px;
	display:block;
	float:left;
	text-align:right;

}

#notesDuWeb #blocNoteDuWeb .texte {
    padding:0.5em 0.5em 0px 0.5em;
	clear:left;
}

#notesDuWeb #blocNoteDuWeb .suite {
   	text-align:right;
	margin-top:10px;
	
}