/*
----------------------------------
	AIDE ACCUEIL
----------------------------------
*/

 body
 {
 }
.aide_accueil a 
{
	text-decoration :none;
}

/*TOUTES LES TAILLES SONT DEFINIES EN FONCTIONS DE LA TAILLE DE L'IMAGE CONTENUE*/
.aide_accueil
{
	width : 98%;
	margin:10px auto;

	font-size:11px;
	font-family:tahoma;
}


/*
----------------------------------
	ZONE HAUT
----------------------------------
*/

.aide_accueil .fond_haut,
.aide_accueil .fond_bas
{
	display:none;
}

.aide_accueil .fond .zone_haut a { 
	color: #F0E334;
	font-size:11px;
	}
.aide_accueil .fond .zone_haut
{
	width : 627px;
	height : 85px;
	color : #ffd457;
}

.aide_accueil .fond .zone_haut .btnaidegenerale
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/btn_aide.jpg');
	width :191px;
	height : 40px;
	*height : 80px;
	margin-left : 15px;
	float :left;
	font-size : 11px;
	padding-top :40px;
	
}

.aide_accueil .fond .zone_haut .btnserviceclient
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/btn_serviceclients.jpg');
	width :186px;
	*width :188px;
	height : 40px;
	*height : 80px;
	margin-left : 15px;
	float :left;
	font-size : 11px;
	padding-top :40px;
	padding-right: 5px;
}

.aide_accueil .fond .zone_haut .btnforum
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/btn_forum.jpg');
	width :       181px;
	*width :       191px;
	height :      40px;
	*height : 80px;
	margin-left : 15px;
	float :left;
	padding-top : 40px;
	font-size : 11px;
	/*execption*/
	padding-right: 5px;
	padding-left : 5px;
}

/*
----------------------------------
	ZONE CENTRALE
----------------------------------
*/
.aide_accueil .fond .zone_centrale
{
	/*width : 627px;*/
	padding-right:157px;
	box-sizing: border-box;
	position: relative;
	margin-bottom:20px;
}
.aide_accueil .fond .zone_centrale .textefaq
{
	text-align : left;
	position : relative;
	z-index:9;
}

.aide_accueil .fond .zone_centrale .textefaq > div:nth-child(1) {
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.aide_accueil .fond .zone_centrale .textefaq > div:nth-last-child(2) {
	border-radius: 0 0 5px 5px;
	overflow: hidden;
}

.aide_accueil .fond .zone_centrale .news
{
	/*width : 470px;*/
	height : 197px;
	position : relative;
	margin-left : 15px;
	margin-top : 10px;
	color:#5E83C0;
	width:100%;
}

.aide_accueil .fond .zone_centrale .bandeaunews
{
	display:none;
}


.aide_accueil .fond .zone_centrale .news .fond_droit
{
	display:none;
}
.aide_accueil .fond .zone_centrale .news .fond_px
{

	height : 100%;
	width : 100%;
	overflow:auto;

}

.ombre_news_haut, .ombre_news_bas {
	display:none;
	}


.aide_accueil .fond .zone_centrale .news .fond_gauche
{
	display:none;

}

.aide_accueil .fond .zone_centrale .encadrernews
{
	position : relative;
    margin: 0;
    border-radius: 0;
    padding: 0.5rem;
}

.encadrernews.en1 {
	background-color:#F2C7FF;
	}
	
.encadrernews.en0 {
	background-color:#E6AEF7;
	}

	
.aide_accueil .fond .zone_centrale .encadrernews .date
{
    font-size: 1rem;
}

.aide_accueil .fond .zone_centrale .encadrernews .message
{	
	text-align : left;
	color:#5E83C0;
}

.aide_accueil .fond .zone_centrale .encadrernews .message a
{	
	color:#275CB1;
    text-decoration: none;
    font-size: 1rem;
}

.aide_accueil .fond .zone_centrale .encadrernews .news1_basdroit
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_basdroit.jpg');
	width :7px;
	height:7px;
	margin-left : 353px;
	position : absolute;
	margin-top : 33px;
	z-index: 1;
}
.aide_accueil .fond .zone_centrale .encadrernews .news2_basdroit
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_basdroit.jpg');
	width :7px;
	height:7px;
	margin-left : 353px;
	position : absolute;
	margin-top : 33px;
	z-index: 1;
}
.aide_accueil .fond .zone_centrale .encadrernews .news1_hautdroit
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_hautdroit.jpg');
	width :7px;
	height:7px;
	margin-left : 353px;
	position : absolute;
	/*margin-top : 33px;*/
	z-index: 1;
}

.aide_accueil .fond .zone_centrale .encadrernews .news2_hautdroit
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_hautdroit.jpg');
	width :7px;
	height:7px;
	margin-left : 353px;
	position : absolute;
	z-index: 1;
}
.aide_accueil .fond .zone_centrale .encadrernews .news1_basgauche
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_basgauche.jpg');
	width :7px;
	height:7px;
	position : absolute;
	margin-top : 33px;
	z-index: 1;
}

.aide_accueil .fond .zone_centrale .encadrernews .news2_basgauche
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_basgauche.jpg');
	width :7px;
	height:7px;
	position : absolute;
	margin-top : 33px;
	z-index: 1;
}

.aide_accueil .fond .zone_centrale .encadrernews .news1_hautgauche
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_hautgauche.jpg');
	width :7px;
	height:7px;
	position : absolute;
	z-index: 1;
}

.aide_accueil .fond .zone_centrale .encadrernews .news2_hautgauche
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/news1_hautgauche.jpg');
	width :7px;
	height:7px;
	position : absolute;
	z-index: 1;
}

/*taille de l'image du personnage*/
.aide_accueil .fond .zone_centrale .imagepersonnage
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/news/perso.png');
	position: absolute;
	top:0;
	right:0;
	width :157px;
	height:224px;
}

/*
----------------------------------
	ZONE BAS
----------------------------------
*/
.aide_accueil .fond .zone_bas
{
	width : 98%;
	margin:10px auto;
	position:relative;
	background:#EFE1F2;
	border-radius: 10px;
}

.aide_accueil .fond .zone_bas:before {
	content:'Kuinka\000020pelata\00003F';
	font-family:Grobold;
	display: block;
	text-align: center;
	font-size:1.6rem;
	padding:0rem;
}

.aide_accueil .fond .zone_bas .haut
{
	display:none;
}

.aide_accueil .fond .zone_bas > .px
{
	font-size:15px;
}

.aide_accueil .fond .zone_bas .bandeau_commentjouer
{
	display:none;
}

.aide_accueil .fond .zone_bas .cadeaux
{
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/comment_jouer/cadeaux.png');
	width : 93px;
	height :70px;
	position : absolute;
	bottom:0px;
	right:0px;
	z-index:2;
}

.aide_accueil .fond .zone_bas .bas
{
	display:none;
	
}
.aide_accueil .fond .zone_bas .gauche
{
	vertical-align: top;
	display:inline-block;
	width : 97%;
	margin:10px 1%;
	background:#FFF;
	font-size:.75rem;
	color:#5E83C0;
	border-radius: 5px;
}

.aide_accueil .fond .zone_bas .gauche .haut,
.aide_accueil .fond .zone_bas .gauche .bas
{
	display:none;
}


.aide_accueil .fond .zone_bas .gauche .titregauche,
.aide_accueil .fond .zone_bas .gauche .titredroit
{
	margin :0 auto 15px auto;
}

.aide_accueil .fond .zone_bas .gauche .titregauche:before,
.aide_accueil .fond .zone_bas .gauche .titredroit:before {
	font-family: Grobold;
	text-align: center;
	font-size:1rem;
	display: block;
}

.aide_accueil .fond .zone_bas .gauche .titregauche:before {
	content:'Voita\000020lahjoja\000020pelaamalla\000020ilmaiseksi\000021';
}

.aide_accueil .fond .zone_bas .gauche .titredroit:before {
	content:'Voita\000020nopeammin\000020Game\000020Creditsilla\000021';
}



.aide_accueil .fond .zone_bas .gauche .px .texte
{
	height : 250px;
	text-align :left;
	padding-left : 20px;
	padding-right : 20px;
	font-family:tahoma;
	font-size:1.15rem;
}




/*
-------------------------------------------------------
	CLASSES ETANT CONCERNEES PAR LE JS PAGE 2 DE L'AIDE
-------------------------------------------------------
*/
 .zone_globale a { 
	color: #5E83C0;
	font-size:20px;
	font-family:grobold;
    font-variant: small-caps;
	}

.aide_accueil .fond .zone_centrale .textefaq .lstquestions
{
	margin-top : 10px;
}

.aide_accueil .fond .zone_centrale .textefaq .lstquestions .question
{
	padding: 0 40px;
}
.aide_accueil .fond .zone_centrale .textefaq .lstquestions .question .bas1,
.aide_accueil .fond .zone_centrale .textefaq .lstquestions .question .bas2
{
	background:#5E83C0;
	height : 1px;
	overflow: hidden;
	margin-top: -13px;
}

.aide_accueil .fond .zone_centrale .textefaq .lstquestions .question:last-child .bas1,
.aide_accueil .fond .zone_centrale .textefaq .lstquestions .question:last-child .bas2 {
	display: none;
}


.aide_accueil .fond .zone_centrale .textefaq .affichagereponse
{
	width : 470px;
	border : 1px black solid;
}

/*
----------------------------------
	POP UP
----------------------------------
*/

.popup
{
	width :100%;
	height : 100%;
	font-size:12.5px;
	font-family:grobold;
	color: #5E83C0;
	border:2px solid #5E83C0;
	border-radius: 20px;
	box-sizing: border-box;
}


.popup .fond_px
{
	/*height : 250px;*/
	overflow : auto;
	text-align:left;
}

.popup .titre
{
	margin-top : 17px;
	margin-left : 120px;
}
.popup .titretheme
{
	font-size:18px;
	font-family:grobold;
	text-align: center;
	text-transform:uppercase;
}
/*
----------------------------------
	PAGE 2 DE L'AIDE
----------------------------------
*/


.aide_accueil .fond .zone_centrale .zone_globale
{
	position:relative;
	overflow: auto;
}

.aide_accueil .fond .zone_centrale .zone_globale .haut
{
	display: none;
}

.aide_accueil .fond .zone_centrale .zone_globale .fond_px
{

}

.aide_accueil .fond .zone_centrale .zone_globale .bas
{
	display: none;
}
.aide_accueil .fond .zone_centrale .zone_globale .presentation
{
	min-height : 77px;
	padding-right: 109px;
	font-family: tahoma;
    font-size: 1rem;
	color:#5E83C0;
	position: relative;
	text-align: center;
	}

.aide_accueil .fond .zone_centrale .zone_globale .presentation:after {
	content:'';
	display: block;
	width:109px;
	height:81px;
	bottom:-4px;
	right:0;
	position: absolute;
	background:url('//static.wonderz.com/wonderz/playbox/img/aide/page2/ange1.png');

}

.aide_accueil .fond .zone_centrale .zone_globale .presentation .aidegenerale
{
	display: none;
}
.aide_accueil .fond .zone_centrale .zone_globale  .imagehaut_faq
{
	display: none;
	
}

.aide_accueil .fond .zone_centrale .zone_globale .imagebas
{
	height : 181px;
	width : 100%;
	background:url('//static.wonderz.com/wonderz/playbox/img/aide/page2/ange2.png') right top no-repeat;
}

.aide_accueil .fond .zone_centrale .zone_globale .encadrertheme1
{

}


.aide_accueil .fond .zone_centrale .zone_globale .encadrertheme1 .fond_px
{
	color: #731E3F;
	background:#E6AEF7;
}

.aide_accueil .fond .zone_centrale .zone_globale .fond_px .couronne
{
	width : 16px;
	height : 16px;
	background-image:url('//static.wonderz.com/wonderz/playbox/img/aide/page2/couronne.png');
	margin : auto 10px;
	display: inline-block;
	vertical-align: baseline;
}

.aide_accueil .fond .zone_centrale .zone_globale .fond_px .couronne + a {
	vertical-align: baseline;
	padding:0.25em 0;
	display: inline-block;
}


.aide_accueil .fond .zone_centrale .zone_globale .encadrertheme2 .fond_px
{
	background:#F2C7FF;
}

.aide_accueil .fond .zone_bas .gauche .titregauche:before, .aide_accueil .fond .zone_bas .gauche .titredroit:before {
   font-size: 1.50rem;
}



.btn-aide,
a.btn-aide,
div a.btn-aide {
    background: #395194;
    font-size: 1rem!important;
    font-family: grobold!important;
    padding: .25em 1em!important;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
    z-index: 1;
    box-shadow: 1px 1px 2px rgba(0,0,0,.55), 0 4px 4px -4px #fff inset, 0 -4px 4px -4px #000 inset, 0 3em 3em -3em rgba(255,255,255,.5) inset;
    position: relative;
    display: inline-block;
    font-weight: 400!important;
    cursor: pointer;
    height: auto!important;
    user-select: none;
    text-transform: capitalize;
	margin:2px;
}

.btn-aide:hover,
a.btn-aide:hover,
div a.btn-aide:hover {
    background: #2b59dc;
    font-size: 1rem!important;
    font-family: grobold!important;
    padding: .25em 1em!important;
    text-align: center;
    color: black !important;
    text-decoration: none;
    z-index: 1;
    box-shadow: 1px 1px 2px rgba(0,0,0,.55), 0 4px 4px -4px #fff inset, 0 -4px 4px -4px #000 inset, 0 3em 3em -3em rgba(255,255,255,.5) inset;
    position: relative;
    display: inline-block;
    font-weight: 400!important;
    cursor: pointer;
    height: auto!important;
    user-select: none;
    text-transform: capitalize;
}

.suivi-article-bloc-general {
    overflow: hidden;
    margin-bottom: 3%;
}

.suivi-article-bloc-general .entete-titre {
    font-family: 'grobold';
    font-size: 1.2em;
    font-weight: bold;
    margin-left: 19%;
}


.suivi-article-bloc-liste {
    width:100%;
}


.suivi-article-bloc {

}

.suivi-article-ligne {
    width: 100%;
    border-color: #0f5bbb;
    border-width: 1px;
    border-style: solid;
}

.suivi-article-date {
    width: 15%;
    font-size: .8em;
    float: left;
}

.tablecolonne {
    width:99% !important;
    margin-left: 0.5%;
    margin-bottom: 3%;
}
.suivi-article-titre {
    width: 55%;
    font-size: 0.9em;
    font-weight: bold;
    /* font-family: 'grobold'; */
    /* font-variant: small-caps; */
    float: left;
}

.suivi-article-reference {
    width: 15%;
    font-size: 0.8em;
    font-weight: bold;
    float: left;
}

.suivi-article-validation {
    width: 15%;
    font-size: 0.7em;
    font-weight: bold;
    float: left;
}

.suivi-article-creditation {
    width: 15%;
    font-size: .8em;
    float: left;
}


@media screen and (max-width: 992px) {
    .aide_accueil .fond .zone_centrale .news {
        display:none;
    }

    .aide_accueil .fond .zone_bas .gauche .px .texte {
        font-size: 1.15rem;

    }

    .aide_accueil .fond .zone_bas .gauche .titregauche:before, .aide_accueil .fond .zone_bas .gauche .titredroit:before {
       font-size: 1.50rem;
    }

    .aide_accueil .fond .zone_bas:before {
        font-size: 1.50rem;
    }

    .aide_accueil .fond .zone_centrale .zone_globale .presentation:after {
        display:none;
    }

    .aide_accueil .fond .zone_centrale .zone_globale .presentation {
        padding-right: 0px
      }

    .aide_accueil .fond .zone_centrale .zone_globale .imagebas {
        display:none;
    }

    .aide_accueil .fond .zone_centrale .imagepersonnage {
        display:none;
    }

    .aide_accueil .fond .zone_bas .cadeaux {
        background-image:none;
    }

    .aide_accueil .fond .zone_centrale .zone_globale .presentation {
        font-size:3.5vw;
    }

    .aide_accueil .fond .zone_centrale .textefaq {
        font-size:3.5vw;
    }

    .zone_globale a {
        font-size:5.5vw;
    }


    .popup .titretheme
    {
        font-size:6vw;
    }

    .aide_accueil .fond .zone_centrale .zone_globale .fond_px .couronne {
        display: none;
    }

    .aide_accueil .fond .zone_centrale .zone_globale .fond_px .couronne + a {
        padding: 0 0 0 1.5vw;
    }


 }