@charset "utf-8";

/* ---------------------------  COMMUNS A TOUTES LES FICHES --------------------------------*/

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

#principalFiche #aucunResultatFiche{
	font-style:italic;
	text-align:center;
	padding:10px;
}

/*FICHEs ENTETES (principal Fiche entete nom/sujet) */

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

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

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

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

#enteteFiche .titre span{
	color:#666666;
}

#enteteFiche .sujet {
    font-size:13px;
}

/*FICHE (tabbed panels)*/

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

#principalFiche .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px 1px 0px 6px;
	background-color: transparent;
}

#principalFiche .TabbedPanelsTab {
	position: relative;
	float: left;
	margin-right:5px;
	list-style: none;
	-moz-user-select: none;
	cursor: pointer;
	width:100px;
	height:30px;
}

#principalFiche .ongletInfos {
	background:url(../images/ongletFicheInfos.png) no-repeat top left;
}

#principalFiche .ongletSorties {
	background:url(../images/ongletFicheSorties.png) no-repeat top left;
}

#principalFiche .ongletActu {
	background:url(../images/ongletFicheActus.png) no-repeat top left;
}

#principalFiche .ongletTest {
	background:url(../images/ongletFicheTest.png) no-repeat top left;
}

#principalFiche .ongletArticle {
	background:url(../images/ongletFicheArticles.png) no-repeat top left;
}

#principalFiche .ongletAstuce {
	background:url(../images/ongletFicheAstuces.png) no-repeat top left;
}

#principalFiche .ongletVideo {
	background:url(../images/ongletFicheVideos.png) no-repeat top left;
}

#principalFiche .ongletImage {
	background:url(../images/ongletFicheImages.png) no-repeat top left;
}

#principalFiche .TabbedPanelsTabHover {
	background-position:top center;
}

#principalFiche .TabbedPanelsTabSelected {
	background-position:top right;
}

#principalFiche .TabbedPanelsContentGroup {
	clear: both;
	border-top:solid 1px #333333;
}

#principalFiche .TabbedPanelsContent {
	padding: 30px 0px;
	min-height: 700px;
	clear:left;
	/*display:none;*/
}

#principalFiche .TabbedPanelsContentVisible {
	/*display:block;*/
}

/* FICHEs ONGLET INFOS*/

#infosFiche {
    font-family:'Arial', sans-serif;
	font-size:12px;
	width: 742px;
	min-height: 500px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
}

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

#infosFiche a:hover {
	color:#EB7106;
}

#infosFiche .entete {
	font-family: 'Arial', sans-serif;
	font-size: 14px;
	border-bottom:solid 1px #CCCCCC;
	font-weight:bold;
	width:100%;
	padding-left:0%;
	padding-top:0.2em;
	padding-bottom:0.3em;
	margin-bottom:0.4em;
}

/*colonne gauche */

#infosFiche #gauche{
    float:left;
	width:512px;
	min-height:500px;
	margin-right:10px;
	margin-bottom:10px;
}

#infosFiche #blocJaquette{
    float:left;
	width:150px;
	height:250px;
	margin-right:10px;
	margin-bottom:10px;
}

#infosFiche #blocFicheTechnique {
	width:352px;
	height:250px;
	float:left;
	margin-bottom:10px;
}

#infosFiche #blocFicheTechnique .entete{
	border-bottom:solid 1px #FFFFFF;
}

#infosFiche #blocFicheTechnique .intitule {
   
}

#infosFiche #blocFicheTechnique .resultat {
     font-weight:bold;
}

#infosFiche #blocFicheTechnique .resultatSupp {
    color:#333333;
    font-size:11px;  
}

#infosFiche #blocInfos {
	width: 502px;
	margin-bottom:10px;
	line-height:1.3em;
	padding:5px;
	clear:left;
}

#infosFiche #blocInfos .infos {
	padding:5px;
	text-align:justify;
}

#infosFiche #blocInfos .dateUpdate {
	padding:5px;
	text-align:right;
	font-style:italic;
}

/*Mise en forme Editeur*/

#infosFiche #blocInfos a {
    text-decoration:none;
    color:#1F6894;
	font-weight:bold;
}

#infosFiche #blocInfos a:hover{
    color:#EB7106;
}

#infosFiche #blocInfos a:hover img{
    border-color:#EB7106;
}

#infosFiche #blocInfos #centrer {
   width:502px; 
   text-align:center;
}

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

#infosFiche #blocInfos .imageGauche {
	float: left;
	margin-right:10px;
	border: 1px solid #666666;
}

#infosFiche #blocInfos .imageDroite {
	float: right;
	margin-left:10px;
	border: 1px solid #666666;
}


/* modifs Meilleur du web dans onglet infos*/

#infosFiche #listeMeilleurWeb {
	width: 512px;
	margin-bottom:10px;
	clear:left;
}

#infosFiche #listeMeilleurWeb .ligne {
	width:241px;
	border-top:none;
	border-bottom:solid 1px #CCA8CC;
	padding:5px;
	overflow:hidden;
	float:left;
}

#infosFiche #listeMeilleurWeb .ligne .titre {
	height:2.2em;
}

#infosFiche #listeMeilleurWeb a.ligne:hover .texte{
    color:#000000;
}

/* On applique une marge a gauche pour les blocs de gauche*/
#infosFiche #listeMeilleurWeb .ligne.gauche {
	margin-right:10px;
}

/*colonne droite */

#infosFiche #droite{
    float:right;
	width:220px;
	min-height:500px;
}

#infosFiche #blocStaff {
	margin-bottom:30px;
	background-color:#CDD3D7;
	border:solid 1px #000000;
	padding:5px 5px 10px 10px;
}


/* onglet jeux*/

#principalFiche #titreTableauSorties {
	font-family: 'Arial', sans-serif;
    font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin-bottom:10px;
}

#principalFiche #tableauListeSorties {
}

/* FICHEs ONGLET IMAGE*/

#galerieFiche {
	font-family: 'Arial', sans-serif;
    font-size:12px;
    width:730px;
	margin-top:10px;
	height:250px;
	padding:0px 6px;
}


#galerieFiche #ongletGalerie {
    width:30px;
	float:left;
	overflow:hidden;
}

/* pour diaporama Screen et Autre */
#galerieFiche #listeGalerie {
    width:700px;
	background-color:#000000;
	float:left;
}

#galerieFiche #listeGalerie #infosChargement {
    float:left;
	color:#FFFFFF;
	width:700px;
	height:1.5em;
	margin-top:5px;
	margin-bottom:5px;
	overflow:hidden;
	
}

#galerieFiche #listeGalerie #infosChargement .chargement, 
#galerieFiche #listeGalerie #infosChargement .aucunResultat {
    text-align:center;
}

#galerieFiche #listeGalerie #infosChargement .ready {
    text-align:center;
}

#galerieFiche #listeGalerie #infosChargement .numerotationPage {
	float:left;
	width:200px;
}

#galerieFiche #listeGalerie #infosChargement .navigation {
	float:left;
	width:300px;
}

#galerieFiche #listeGalerie #infosChargement .navigation span {
    color:#FFFFFF;
	padding:0px 2px;
}

#galerieFiche #listeGalerie #infosChargement .navigation a {
   text-decoration:none;
   color:#CCCCCC;
   padding:0px 2px;
}

#galerieFiche #listeGalerie #infosChargement .numerotationImage {
	width:200px;
	float:left;

}

#galerieFiche #listeGalerie .navGauche,
#galerieFiche #listeGalerie .navDroite {
    width:25px;
	height:210px;
	float:left;
	overflow:hidden;
}

#galerieFiche #listeGalerie .navGauche {
	margin-left:5px;
	margin-right:4px;
}

#galerieFiche #listeGalerie .navDroite {
	margin-left:4px;
	margin-right:5px;
}

#galerieFiche #listeGalerie .navGauche img, 
#galerieFiche #listeGalerie .navDroite img {
	margin-top:80px;
	border:none;
}

#galerieFiche #listeGalerie .navGauche a:hover img, 
#galerieFiche #listeGalerie .navDroite a:hover img  {
    margin-left:-35px;
}

#galerieFiche #listeGalerie #conteneur {
    width:630px;
	height:210px;
	float:left;
	overflow:hidden;
}

#galerieFiche #listeGalerie #conteneur #blocImage {
    width:120px;
	background-color: #000000;
	height:90px;
	border: solid 1px #FFFFFF;
	margin:2px;	
	float:left;
	overflow:hidden;
	text-align:center;
}

#galerieFiche #listeGalerie #conteneur #blocImage img {
	border:none;
}

/* pour diaporama Illustration */
#galerieFiche.illustration #listeGalerie {
	background-color:#F7ECE9;
}

#galerieFiche.illustration #listeGalerie #infosChargement {
    color:#000000;
}

#galerieFiche.illustration #listeGalerie #infosChargement .navigation span {
    color:#000000;
}

#galerieFiche.illustration #listeGalerie #infosChargement .navigation a {
   color:#CCCCCC;
}


/* ---------------------------   PAGE FICHE JEU   ------------------------------------*/


/* FICHE JEU (pave/slide) */

#paveFicheJeu {
	float:left;
	margin-bottom:20px;
	margin-right:10px;
	width:600px;
	height:270px;
	overflow:hidden;
}

#paveFicheJeu #cadreSlideShow  {
    width:600px;
	height:270px;
}

/* FICHE JEU (Accordeon) */
#accordeonPaveFicheJeu {
	position:relative;
	z-index:1;
	top:-257px;
	left:5px;
}	


#accordeonPaveFicheJeu .Accordion {
	font-family: 'Arial', sans-serif;
	font-weight:bold;
	width: 590px;
	height: 244px;
	overflow: hidden;
	background-color:transparent;
}

#accordeonPaveFicheJeu .AccordionPanel {
	margin: 0px;
	padding: 0px;
}

#accordeonPaveFicheJeu .AccordionPanelTab {
	font-size: 14px;
	color: #FFFFFF;
	background:url(../images/transparentNoir60.png) repeat;
	height: 25px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	
}

#accordeonPaveFicheJeu .AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 196px;
	font-size: 12px;
	color: #000000;

}

#accordeonPaveFicheJeu .opaque {
	background:url(../images/transparentNoir50.png) repeat;

}


#accordeonPaveFicheJeu .AccordionPanelOpen .AccordionPanelTab {
}

#accordeonPaveFicheJeu .AccordionPanelTabHover {
}

#accordeonPaveFicheJeu .AccordionPanelOpen .AccordionPanelTabHover {
}

#accordeonPaveFicheJeu .AccordionFocused .AccordionPanelTab {
}

#accordeonPaveFicheJeu .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
}



/*En haut*/

#accordeonPaveFicheJeu .AccordionPanelTab .titre {
	font-size: 20px;
	text-transform:capitalize;
	color: #FFFFFF;
	padding-left: 10px;
	float:left;
}

#accordeonPaveFicheJeu .AccordionPanelTab .plateforme {
    float: right;
	padding-right:20px;
	padding-top:6px;
}

/*En bas*/

#accordeonPaveFicheJeu .AccordionPanelTab .ligne {
	padding-top: 7px;
	font-size:11px;
}

#accordeonPaveFicheJeu .AccordionPanelTab .intitule {
     text-transform:uppercase;
     color:#FFFFFF;
     padding-left:10px;
}

#accordeonPaveFicheJeu .AccordionPanelTab .reponse {
     color:#FFCC66;
}

/* FICHE JEU (carre a droite) */

#carreFicheJeu{
    width:320px;
    height:270px;
    float:left;
	text-align:center;
	margin:0px 11px 20px 11px;
}

/* onglet infos*/

#infosFiche #blocSerie {
	margin-bottom:40px;
}

#infosFiche #blocSimilaire {
	margin-bottom:10px;
}

#infosFiche #blocSimilaire .blocJaquette {
	float:left;
	margin:5px 0px 15px 5px;
}

#infosFiche #blocSimilaire .blocJaquette img{
	border:none;
}

#infosFiche #blocSimilaire .ligne {
	clear:left;
}


/* onglet test*/
#principalFiche #testColonneGauche{
	min-height:200px !important;
	max-height:600px !important;
}

#principalFiche #testColonneGauche #lienSup {
	margin-top:20px;
	padding-left:20px;
}

#principalFiche #testColonneGauche #lienSup a{
	font-size:14px;
}

#principalFiche #testColonneDroite {
	min-height:200px !important;
    max-height:600px !important;
}

#principalFiche #testColonneDroite .contenuMedia img {
    margin-top:0px;
}

#principalFiche #testColonneDroite .commentaire {
    margin-top:5px;
	text-align:right;
	padding-right:5px;
}

#principalFiche #testColonneDroite .commentaire a{
    color:#1F6895;
	text-decoration:none;
}

#principalFiche #testColonneDroite .commentaire a:hover{
	color:#EB7106;
}


/* --------------------------   PAGE FICHE PLATEFORME   ----------------------------------*/

/*Modif de la hauteur du bloc technique*/

#infosFiche.plateforme #blocFicheTechnique {
	height:280px;
}

/* ---------------------------   PAGE FICHE SOCIETE   ------------------------------------*/


/*Modif de la hauteur du bloc technique*/

#infosFiche.societe #blocFicheTechnique {
	height:150px;
}

#infosFiche.societe #blocJaquette{
	height:150px;
}

/* --------------------------   PAGE FICHE PERSONNALITE   ----------------------------------*/


/*Modif de la hauteur du bloc technique*/

#principalFiche.personnalite #blocFicheTechnique {
	height:250px;
}

#infosFiche.personnalite #blocJaquette{
	height:250px;
}

/*onglet infos*/

#infosFiche #blocCitation {
	margin-bottom:40px;
}

#infosFiche #blocCitation .ligne{
	margin-bottom:10px;
}

#infosFiche #blocPoste .ligne{
	margin-bottom:10px;
}