@charset "windows-1250";
/* CSS Document */

@font-face {
  font-family: 'din_black';
  src: url('../font/din_black.ttf'); }
  
@font-face {
  font-family: 'din';
  src: url('../../font/din.otf'); }
  
@font-face {
  font-family: 'rubrik';
  src: url('../../font/rubrik-semi-bold.otf'); }



  
@font-face {
font-family: 'janda';
src: url('../font/janda.ttf'); }


.header { position:relative; 
}

@media (min-width: 1000px ) {
 
body { background-repeat: no-repeat; background-size : 1920px;     background-attachment: fixed;
    background-position: top left;
}
 	
}




#logo_site { position:absolute; margin-top:-450px; margin-left:600px; color:#FFF; font-size:16px;
}

#logo_slide { margin-left:70px; margin-top:125px; position:absolute; 
}

#logo_02 { margin-left:300px; margin-top:80px; 
}

#jeux_nes { background-image:url(../img_/bg_jeux_nes.png); width:1006px; height:1396px; background-color:#FF0; }

label {
display:block;
width:150px;
float:left;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a { text-decoration:none;
}
a:visited { text-decoration:none;
}

body,td,th {
	 font-size: 14px; color:#000; font-family: din;
}

#login { background-image: url(../img_/bg_login.png); width:310px; height:50px; margin-left:400px; margin-top:-5px;
}




#_news {width:100%; height:120px; margin-top:-30px; margin-top:250px; z-index: 500; position:relative; 
}

.menu_boutons { background-image:url(../img_/bg_menu.jpg); background-repeat:repeat-x; height:49px; width:100%; position:absolute; font-family: din;
}

#menu_bouton a { text-decoration:none; color:#FFF;
}

#sommaire_bouton { width:150px; height:180px; background-color:#FF0004; position:relative;
}

#menu_bouton { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:18px; font-family: din; display:inline-block; position:relative;  border-radius:8px; border-width:3px ;border: 3px solid ; border-color: transparent; margin-top:3px;
background-color:#00FFE3;
}

#menu_bouton_defaut { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:18px; font-family: din; display:inline-block; position:relative;  border-radius:8px; border-width:3px ;border: 3px solid ; border-color: transparent; margin-top:3px;
}

#menu_bouton_defaut:hover { border-radius:8px; border:solid 3px #bb0000;  
background: -moz-linear-gradient(top, #bb0000, #890000); background: -webkit-gradient(linear, left top, left bottom, from(#bb0000), to(#890000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0000', endColorstr='#890000');
}

#menu_bouton_defaut a { text-decoration:none; color:#FFF;
}





#h3 { width:340px; margin-left:125px; padding-top:10px; 
}

#h3_admin_news { width:auto; margin-left:240px; margin-top:10px; position: absolute; width:240px; height:45px; font-family: din; font-size: 20px;
}

#admin_ordre { background-color:#ffe5d5; border-radius:8px; height:22px; width:25px; position:absolute; margin-top:-43px; margin-left:102px; padding-top:3px;
}
#admin_cle_de_sol { height:28px; width:28px; position:absolute; margin-top:-43px; margin-left:132px; 
}
#admin_lettre { height:28px; width:28px; position:absolute; margin-top:-42px; margin-left:155px; 
}




	
#cadre_autre { width:172px; height:132px; margin-left:5px; margin-top:-18px; position:relative; text-align:left;
}
	
	
#mini_encyclopedie_autre { width:119px; height:132px; position:absolute; margin-left:10px; margin-top:-7px; text-align:center;
}
	
	
#mini_encyclopedie_mondes { width:119px; height:75px; position:absolute; margin-left:14px; margin-top:22px
}

#mini_encyclopedie_temples { width:119px; height:75px; position:absolute; margin-left:14px; margin-top:22px
}

#icone_encyclopedie_jeu { position:absolute; margin-left:275px; margin-top:75px; 
}







/* Titres */

#titre_jeu_admin { font-size:36px; color:#4fca28;
}




#titre_jeu_annexe_news { width:160px; height:30px; color:#000; font-size:17px; text-align: center; margin-top:63px; padding-left:20px; padding-right:20px; display: block; position:absolute; }




titre_accueil {
	font-size:50px; color: #000; text-decoration: none; text-align:right; margin-right:50px; 
}

#titre_dernieres_news { width:325px; height:73px; background-image:url(../img_/titre_dernieres_news.png); font-family:din_black ; font-size:37px; color:#000; padding-left:33px;  margin-top:20px; text-align:left; line-height:60px;
}

#titre_jeux_a_l_affiche { width:325px; height:73px; background-image:url(../img_/titre_jeux_a_l_affiche.png); font-size:37px; font-family:din_black ; color:#9de2ff; padding-left:40px;  margin-top:-55px; text-align:left; line-height:60px;
}

#titre_a_venir { width:155px; height:73px; background-image:url(../img_/titre_a_venir.png); font-size:28px; font-family:din_black ; color:#f0e4c2; padding-left:50px;  margin-top:-40px; text-align:left; line-height:60px; margin-left:200px; position:absolute;
}

#titre_jeux_retro { width:325px; height:73px; background-image:url(../img_/titre_jeux_retro.png); font-size:37px; font-family:din_black ; color:#dedede; padding-left:40px;  margin-top:-5px; text-align:left; line-height:60px;
}
#titre_artworks { width:325px; height:73px; background-image:url(../img_/titre_artworks.png); font-size:37px; font-family:din_black ; color:#70f47a; padding-left:40px;  margin-top:-70px; text-align:left; line-height:60px; 
}
#titre_solutions { width:325px; height:73px; background-image:url(../img_/titre_solutions.png); font-size:37px; font-family:din_black ; color:#5970f7; padding-left:40px;  margin-top:-70px; text-align:left; line-height:60px; 
}
#titre_screenshots { width:325px; height:73px; background-image:url(../img_/titre_screenshots.png); font-size:37px; font-family:din_black ; color:#a2fff2; padding-left:40px;  margin-top:-70px; text-align:left; line-height:60px;
}
#titre_videos { width:325px; height:73px; background-image:url(../img_/titre_videos.png); font-size:37px; font-family:din_black ; color:#baa2ff; padding-left:40px;  margin-top:-60px; text-align:left; line-height:60px;
}
#titre_boutique { width:325px; height:73px; background-image:url(../img_/titre_boutique.png); font-size:37px; font-family:din_black ; color:#ff81bf; padding-left:40px;  margin-top:-45px; text-align:left; line-height:60px;
}
#titre_critiques { width:325px; height:73px; background-image:url(../img_/titre_critiques.png); font-size:37px; font-family:din_black ; color:#f3b78a; padding-left:40px;  margin-top:-45px; text-align:left; line-height:60px;
}
#titre_musiques { width:325px; height:73px; background-image:url(../img_/titre_musiques.png); font-size:37px; font-family:din_black ; color:#fff375; padding-left:40px;  margin-top:-45px; text-align:left; line-height:60px;
}
#titre_encyclopedie_jeux { width:325px; height:73px; background-image:url(../img_/titre_encyclopedie.png); font-size:37px; font-family:din_black ; color:#caa68d; padding-left:50px;  margin-top:-70px; text-align:left; line-height:60px; 
}


#titre_commentaires { width:325px; height:73px; background-image:url(../img_/titre_commentaires.png); font-size:37px; font-family:din_black ; color:#ff6b6b; padding-left:40px;  margin-top:-55px; margin-left:40px; text-align:left; line-height:60px;
}
#titre_poster { width:155px; height:73px; background-image:url(../img_/titre_poster.png); font-size:28px; font-family:din_black ; color:#ffa200; padding-left:50px;  margin-top:-40px; text-align:left; line-height:60px; margin-left:180px; position:absolute;
}

#titre_admin { width:325px; height:73px; background-image:url(../img_/titre_admin.png); font-family:din_black ; font-size:37px; color:#ffda3e; padding-left:38px;  margin-top:-45px; text-align:left; line-height:60px;
}
#titre_admin_encyclopedie { width:325px; height:73px; background-image:url(../img_/titre_admin_encyclopedie.png); font-size:37px; font-family:din_black ; color:#caa68d; padding-left:46px;  margin-top:-83px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_encyclopedie_02 { width:325px; height:73px; background-image:url(../img_/titre_admin_encyclopedie_02.png); font-size:37px; font-family:din_black ; color:#f5daac; padding-left:46px;  margin-top:-83px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_jeux { width:325px; height:73px; background-image:url(../img_/titre_admin_jeux.png); font-size:37px; font-family:din_black ; color:#70f47a; padding-left:46px;  margin-top:-79px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_jeux_02 { width:325px; height:73px; background-image:url(../img_/titre_admin_jeux_02.png); font-size:37px; font-family:din_black ; color:#70f47a; padding-left:46px;  margin-top:-79px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_news { width:325px; height:73px; background-image:url(../img_/titre_admin_news.png); font-size:37px; font-family:din_black ; color:#000; padding-left:46px;  margin-top:-78px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_news_02 { width:325px; height:73px; background-image:url(../img_/titre_admin_news_02.png); font-size:37px; font-family:din_black ; color:#000; padding-left:37px;  margin-top:-78px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_news_03 { width:325px; height:73px; background-image:url(../img_/titre_admin_news_02.png); font-size:37px; font-family:din_black ; color:#000; padding-left:43px;  margin-top:-78px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_slide { width:325px; height:73px; background-image:url(../img_/titre_admin_slide.png); font-size:37px; font-family:din_black ; color:#ffa200; padding-left:37px;  margin-top:-78px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_slide_02 { width:325px; height:73px; background-image:url(../img_/titre_admin_slide_02.png); font-size:37px; font-family:din_black ; color:#ffa200; padding-left:40px;  margin-top:-78px; text-align:left; line-height:60px; margin-left:165px;
}
#titre_admin_slide_03 { width:325px; height:73px; background-image:url(../img_/titre_admin_slide_03.png); font-size:37px; font-family:din_black ; color:#ffa200; padding-left:32px;  margin-top:-78px; text-align:left; line-height:60px; margin-left:180px;
}

#infos_admin_slide { width:240px; height:15px; color:#000; font-size:11px; padding-top:10px; position:absolute;
}
#infos_admin_modification { position:absolute; margin-left:200px; margin-top:119px;
}
#infos_admin_news { width:240px; height:15px; color: #B5B5B5; font-size:11px; padding-top:7px; position:absolute; 
}



#croix_supprimer_actualite { position:absolute; margin-left: 260px; margin-top:-20px; 
}


#admin_apercu_jeu { width:130px; height:120px; text-align:center; border-radius:8px; margin-left:10px; position:relative; margin-left:5px; display: inline-block; padding-top:10px; vertical-align: top;
}
#admin_apercu_jeu_logo { width:130px; height:110px; text-align:center; border-radius:8px; margin-left:10px; margin-left:5px; display: inline-block; padding-top:20px; vertical-align: top; position:relative;
}
#admin_apercu_slide { width:330px; height:140px; text-align:left; background-color:#ffe19a; border-radius:8px; margin-left:10px; margin-left:5px; display: inline-block; padding-top:10px;
}

/* VIDEOS */

#video_grande { width:600px; height:336px; text-align:center; background-color:#dbceff; box-shadow: 8px 8px 0px #baa2ff;
}

#video_1 { width:275px; height:153px;  margin-top:-70px; margin-left:15px;  background-color:#dbceff; box-shadow: 7px 7px 0px #baa2ff; position:absolute;
}

#video_2 { width:275px; height:153px;  margin-top:-80px; margin-left:15px;  background-color:#dbceff; box-shadow: 7px 7px 0px #baa2ff; position:absolute;
}


#rubrique2 { text-align:left; width:900px; margin-top:20px; text-justify:inter-word; position:relative; display: inline-block; margin-left:3vw; margin-right:3vw; 
}


#rubrique { text-align:left; width:100%; margin-top:20px; text-justify:inter-word; position:relative; display: inline-block; margin-left:5vw; margin-right:4vw;  
}
@media (max-width: 1000px ) {
	#rubrique { width:900px; height:auto; }
}

/* IMAGES */


#image_artworks { background-color:#aeffb4; border:1px dotted #009933; width:13.8vw; height:8vw; display:inline-block; margin:0.7vw 0.5vw 0.7vw 0.5vw; padding:3px 2px 1px 2px; text-align:center; padding-top:20px;
}
#image_artworks:hover { background-color:#71f47b;
}

@media (max-width: 1000px ) {
	#image_artworks { width:257px; height:140px; padding-top:20px; margin:1vw 1.6vw 1vw 1.6vw;  }
}

#image_screenshots { display:inline-block; width:15.2vw; height:8vw;
}
@media (max-width: 1000px ) {
	#image_screenshots { width:290px; height:145px;   }
}


#image_encyclopedie_jeux { background-color:#c2a683; border:1px dotted #96754b; width:13.8vw; height:8vw; display:inline-block; margin:0.7vw 0.5vw 0.7vw 0.5vw; padding:3px 2px 1px 2px; text-align:center; padding-top:20px;
}
#image_encyclopedie_jeux:hover { background-color:#e6c4ac;
}

@media (max-width: 1150px ) {
	#image_encyclopedie_jeux { width:257px; height:140px; padding-top:20px; margin:1vw 1.6vw 1vw 1.6vw;  }
}

#h0_encyclopedie a, #h0_encyclopedie a:hover, #h0_encyclopedie a:visited  { color:#4d3f2d; text-decoration:none; font-size:1vw; position:relative; margin-top:7px;
}
#h0_encyclopedie { color:#4d3f2d; text-decoration:none; font-size:1vw;
}

@media (max-width: 1150px ) {
	#h0_encyclopedie a, #h0_encyclopedie a:hover, #h0_encyclopedie a:visited { font-size:2vw;   }
}



#h0_enc///yclopedie a { color:#4d3f2d; text-decoration:none;
}
#h0_encyc///lopedie { color:#4d3f2d; text-decoration:none; width:122px; margin-top:10px; margin-bottom:3px;
}


#image_encycl///opedie_autre { width:350px; height:220px; background-color:#FF0;
}

#image_encyc///lopedie_jeux{ background-color:#c2a683; border:1px dotted #96754b; width:118px; height:auto; display:inline-block; margin:5px 10px 20px 10px; padding:8px 2px 1px 2px; text-align:center;
}
#image_encyclo///pedie_jeux:hover { background-color:#e6c4ac;
}





/* Affiches */




#affiche_ps4 { background-image:url(../img_/bg_affiche_ps4.png); width:1050px; height:120px; margin-top:15px; margin-bottom:10px; padding-left:225px; background-repeat:no-repeat; 
margin-left:220px; margin-top:19px;}

#affiche_xbox_one { background-image:url(../img_/bg_affiche_xbox_one.png); width:1050px; height:120px; margin-top:15px; margin-bottom:10px; padding-left:225px; background-repeat:no-repeat;
margin-left:220px;}

#affiche_wii_u { background-image:url(../img_/bg_affiche_wii_u.png); width:1050px; height:120px; margin-top:15px; margin-bottom:0px; padding-left:225px; background-repeat:no-repeat;
margin-left:220px;}

#affiche_3ds { background-image:url(../img_/bg_affiche_3ds.png); width:1050px; height:120px; margin-top:5px; padding-left:225px; margin-bottom:20px; background-repeat:no-repeat;
margin-left:220px;}

#affiche_pc { background-image:url(../img_/bg_affiche_pc.png); width:1050px; height:120px; margin-top:20px; padding-left:225px; margin-bottom:10px; background-repeat:no-repeat;
margin-left:220px;}


#box_affiche_ps4 { display: inline-block; margin-right:30px; margin-top:15px; z-index:10  }
#box_affiche_ps4_02 { display: inline-block; margin-left:19px; margin-right:5px; margin-top:15px;  }

#box_affiche_xbox_one { display: inline-block; margin-right:30px; margin-top:15px;  }
#box_affiche_xbox_one_02 { display: inline-block; margin-left:19px; margin-right:5px; margin-top:15px;  }

#box_affiche_3ds { display: inline-block; margin-right:28px; margin-top:35px;  }
#box_affiche_3ds_02 { display: inline-block; margin-left:19px; margin-right:3px; margin-top:35px;  }

#box_affiche_wii_u { display: inline-block; margin-right:29px; margin-top:5px  }
#box_affiche_wii_u_02 { display: inline-block; margin-left:19px; margin-right:5px; margin-top:5px;  }

#box_affiche_pc { display: inline-block; margin-right:30px; margin-top:5px  }
#box_affiche_pc_02 { display: inline-block; margin-left:19px; margin-right:5px; margin-top:5px;  }


#box_retro { width:110px; height:118px; display: inline-block; }

#box_jeux_index { width:130px; height:140px; margin-right:18px; display: inline-block; }


#affiche_logo { width:101px; height:57px; position:absolute; margin-left:-116px;
}

.tooltip { text-decoration:none; position:relative;} 
 
.tooltip span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;color:black; background-color:#FFF; visibility:visible;
}
 
.tooltip span img { float:left; margin:0px 8px 8px 0;
}
 
.tooltip:hover span
{ display:block; position:absolute;  top:0;  left:0; z-index:1000; width:125px; max-width:125px; 
	 margin-top:25px; margin-left:-40px; overflow:hidden; padding:8px; padding-left:15px; padding-top:15px; overflow: visible; z-index:1; border:#c8c8c8 solid 2px; box-shadow: 8px 8px 12px #aaa; 
	 background: -moz-linear-gradient(top, #ffffff, #e2e2e2); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}

.tooltip span:after { content:"\25B8"; color:#FFF; font-size:35px; width:100%; left:0; text-align:center; margin-top:-40px; margin-left:-3px; position:absolute; -webkit-transform :rotate(-90deg); 
}




.tooltip2 { text-decoration:none; position:relative;
}
 
.tooltip2 span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;color:#ddd0b2; background-color:#FFF; visibility:visible; 
}
 
.tooltip2 span img { float:left; margin:0px 8px 8px 0;
}
 
.tooltip2:hover span
{ display:block; position:absolute;  top:0;  left:0; z-index:1000; width:125px; max-width:125px; 
	 margin-top:25px; margin-left:-20px; overflow:hidden; padding:8px; padding-left:15px; padding-top:15px; overflow: visible; z-index:1; border:#ddd0b2 solid 2px; box-shadow: 5px 8px 12px #eee8d9; 
	 background: -moz-linear-gradient(top, #fffaee, #e2d5b7); background: -webkit-gradient(linear, left top, left bottom, from(#fffaee), to(#e2d5b7));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaee', endColorstr='#e2d5b7');
}

.tooltip2 span:before { content:"\25B8"; color:#fffaee; font-size:35px; width:100%; left:0; text-align:center; margin-top:-40px; margin-left:-3px; position:absolute; -webkit-transform :rotate(-90deg); 
}


#date_jeux_a_venir { font-size:13px; color:#f00; text-align:center; position: relative; 
}


}

#jeux_index { background-image:url(../img_/bg_jeux_index.jpg); width:733px; height:auto; padding-left:275px; padding-top:30px; padding-bottom:50px; margin-left:-5px; text-align:left;
}

#mini_console { height:135px; width:176px; display:inline-block; position:absolute; margin-left:-176px
}

#medium_console { height:272px; width:208px; display:inline-block; position:absolute;  margin-left:-275px; margin-top:-30px;
}



.tooltip_retro { text-decoration:none; position:relative; margin-left:-5px;} 
 
.tooltip_retro span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;color:black; background-color:#FFF; visibility:visible;
}
 
.tooltip_retro span img { float:left; margin:0px 8px 8px 0;
}
 
.tooltip_retro:hover span
{ display:block; position:absolute;  top:0;  left:0; z-index:1000; width:125px; max-width:125px; 
	 margin-top:25px; margin-left:-25px; overflow:hidden; padding:8px; padding-left:15px; padding-top:15px; overflow: visible; z-index:1; border:#c8c8c8 solid 2px; box-shadow: 8px 8px 12px #aaa; 
	 background: -moz-linear-gradient(top, #ffffff, #e2e2e2); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}

.tooltip_retro span:after { content:"\25B8"; color:#FFF; font-size:35px; width:100%; left:0; text-align:center; margin-top:-40px; margin-left:-3px; position:absolute; -webkit-transform :rotate(-90deg); 
}


.tooltip_index { text-decoration:none; position:relative; margin-left:-5px;} 
 
.tooltip_index span { display:none; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;color:black; background-color:#FFF; visibility:visible;
}
 
.tooltip_index span img { float:left; margin:0px 8px 8px 0;
}
 
.tooltip_index:hover span
{ display:block; position:absolute;  top:0;  left:0; z-index:1000; width:125px; max-width:125px; 
	 margin-top:25px; margin-left:-25px; overflow:hidden; padding:8px; padding-left:15px; padding-top:15px; overflow: visible; z-index:1; border:#c8c8c8 solid 2px; box-shadow: 8px 8px 12px #aaa; 
	 background: -moz-linear-gradient(top, #ffffff, #e2e2e2); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e2e2e2));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e2e2e2');
}

.tooltip_index span:after { content:"\25B8"; color:#FFF; font-size:35px; width:100%; left:0; text-align:center; margin-top:-40px; margin-left:-3px; position:absolute; -webkit-transform :rotate(-90deg); 
}



/* En-tete Jeu */

.entete_fiche_jeu {  width:100%; height:300px; background-color:#000000; background-image:url(../img_/fond_drape_noir.png); background-repeat:repeat; margin-top:50px; padding-bottom:65px; padding-top:40px;
}

#infos_jeu  { position:absolute; margin-top: -290px; width:100%px; height:auto; padding-left:350px;
}

#silhouette { margin-left:5vw; width:280px; height:300px; position:relative; display: inline-block
}

#pitch { width:600px; height:40px; font-family: janda; font-size:1.7vw; 
}

#presentation { height:auto; font-size:1.3vw; color:#FFFFFF ; padding-left:20px; padding-right:3.3vw; padding-top:10px;  text-align:justify; text-justify:inter-word; position:relative; 
}

#carre_couleur_presentation { display:inline-block; position:relative; height:11px; margin-top:-8px;
}

#details_jeu { width:auto; height:195px; margin-left:0px; padding-top:5px; z-index:1; font-size:1vw; 
color:#FFF; position:relative; display: inline-block; width:600px; height:80px;
padding-left:20px; margin-top:20px;
}


#cartouche_jeu { position:absolute; right: 3.3vw; margin-top:-40px; width:300px; height:auto; border-bottom: solid 1px #FFFFFF;
}
#box_jeu { text-align: right; position:relative;  width:100px; margin-top:-80px;
}


#sous_titre_jeu { width:200px; height:30px; color:#FFF; font-size:12px; text-align: center; margin-top:100px; padding-left:5px; padding-right:5px; display: block; position:absolute; }
 
#sortie{ text-align:center; 
}

#date_jeux_a_venir_rouge {padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;   font-family: din; font-size:1vw;  color:#F00; text-align:center; position: relative; border-radius:2px; text-align:center; margin-top:5px; display:inline-block
}
#date_jeux_a_venir_vert {padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;   font-family: din; font-size:1vw;  color:#76d99b; text-align:center; position: relative; border-radius:2px; text-align:center; margin-top:5px; display:inline-block }




#news_date { background-color:#ff7247; border-radius:8px; height:18px;  padding:0.2em 0.4em 0.2em 0.4em; padding-top:5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; font-family: rubrik; color:#FFF;
}

#news_prix { background-color:#dfd06c; border-radius:8px; height:18px;  padding:0.2em 0.4em 0.2em 0.4em; padding-top:5px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; font-family: rubrik; color:#FFF; position:absolute; margin-top:-13px; margin-left:-11px;
}


#trailer { width:250px; height:140px; margin-top:90px; margin-left:-30px;
}


/* Rubriques du jeu */

.contenu { width:100%; height:auto; background-color:#FFF;
background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; 
}



.contenu_index_jeux { width:100%; height:auto; background-color:#d6d6d6; padding-top:20px;  text-align:center; margin-top:-50px; padding-top:100px; padding-bottom:65px; 
}



.solutions { width:100%; height:auto; background-color:#cad2ff; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; padding-top:12px;  text-align:center; margin-top:-25px; padding-bottom:85px; border-top:#5970f7 solid 1px; 
}
.artworks { width:100%; height:auto; background-color:#cbffcf; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; padding-top:12px;  text-align:center; margin-top:-25px; padding-bottom:85px; border-top:#70f47a solid 1px; 
}
.screenshots { width:100%; height:auto; background-color:#d8fffa; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; padding-top:10px;  text-align:center; margin-top:-25px; padding-bottom:85px; border-top:#a2fff2 solid 1px; 
}
.images_secondaires { width:100%; height:auto; text-align:center; margin-top:-40px; padding-bottom:85px; 
}
.images_secondaires_news { width:100%; height:auto; text-align:center; padding-bottom:25px; position:relative; margin-top:-15px; 
}
.videos { width:100%; height:auto; background-color:#dbceff; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; padding-top:5px;  text-align:center; margin-top:-25px; padding-bottom:85px; border-top:#baa2ff solid 1px; 
}
.musiques { width:100%; height:auto; background-color:#fffec8; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x;  padding-top:20px;  text-align:center; margin-top:-25px; padding-bottom:65px;
}
.critiques { width:100%; height:auto; background-color:#ffe6d4; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; padding-top:20px;  text-align:center; margin-top:-25px; padding-bottom:65px; 
}
.boutique { width:1050px; height:auto; background-color:#ffffff; padding-top:20px; padding-left: 30px;  text-align:center; padding-bottom:65px; font-size: 16px; color: #000000; text-align: left;
}

@media (max-width: 1150px ) {
.boutique { width: 92vw; 
}
}

#h1_boutique { font-size: 24px; font-size: 'Roboto'; color: #000000; margin-bottom: 25px;
}

#h2_boutique { font-size: 40px; font-size: 'Roboto'; color: #000000;  margin-bottom: 10px; margin-top: 15px;
}

#h3_boutique { font-size: 24px; font-family: 'Playfair Display', serif; margin-bottom: 25px; margin-top: 10px;
}

#bouton_terminer_commande { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 40px; font-family: Roboto; font-size: 17px; border-radius: 8px; border: solid 2px #FF0004; padding: 4px 10px 4px 10px; background-color:rgba(255,255,255,1.00); margin-top: 35px;
}

#bouton_terminer_commande:hover { cursor: pointer;
}



#vignette_commande { background-image: url(http://www.wiki-dragon.com/img/vignette_commande.jpg); width: 175px; height: 140px; color: #000000; font-family: 'Roboto', sans-serif; font-size: 15px; text-align: center; position: relative; display: inline-block; margin-right: 18px; vertical-align: top;
}

#commande_disponibilite_non { color: #FF0004;
}












#musique_encyclopedie { width:350px; height:5px; background-image:url(../img_/cle_de_sol.png); background-repeat:no-repeat; position:relative; padding-top:37px; padding-left:85px; z-index:1; margin-left:-80px; margin-top:-10px; padding-bottom:100px; 
}

#encyclopedie_jeux_rubrique { display: inline-block;
}








#rubrique02 { text-align:justify; width:700px; margin-top:20px; text-justify:inter-word; position:relative; display: inline-block; 
}

.critique { width:100%; height:475px; background-color:#cfcfcf; padding-top:20px;  text-align:center;
}






/*******  BOUTONS    ********/


.bouton_toutes_les_news { left:60vw; margin-top:-32px; position:absolute }

.bouton_tous_les_artworks { left:60vw; margin-top:40px; position:relative }
@media (max-width: 1000px ) {
	.bouton_tous_les_artworks { left:27vw;   }
}

.bouton_tous_les_screenshots { left:60vw; margin-top:40px; position:relative }
@media (max-width: 1000px ) {
	.bouton_tous_les_screenshots { left:27vw;   }
}

.bouton_toutes_les_fiches { left:60vw; margin-top:40px; position:relative }
@media (max-width: 1000px ) {
	.bouton_toutes_les_fiches { left:27vw;   }
}

#bouton_rouge { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:18px; font-family: din; 
 height: 30px; background: #c21936; color:#FFF; font-size:18px; padding-left:10px; padding-right:10px; text-align:center; box-sizing: content-box;
  margin-top: 20px;
  margin-left: 350px;
  margin-right: auto;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#7e1023 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#bouton_rouge:hover { background-color: #9e0822; cursor: pointer; text-decoration:none; color:#FFF; }
#bouton_rouge a { text-decoration:none; color:#FFF; }
#bouton_rouge a:visited { text-decoration:none; color:#FFF; }



#bouton_orange { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:18px; font-family: din; 
 height: 35px; background: #ffa200; color:#FFF; font-size:18px; padding-left:10px; padding-right:10px; text-align:center; box-sizing: content-box;
  margin-top: 20px;
  margin-left: 100px;
  margin-right: auto;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#ff7200 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#bouton_orange:hover { background-color: #dd7d00; cursor: pointer; text-decoration:none; color:#FFF; }
#bouton_orange a { text-decoration:none; color:#FFF; }
#bouton_orange a:visited { text-decoration:none; color:#FFF; }


#bouton_gris { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;   font-family: din; 
 height: 35px; background: #cbcbcb; color:#FFF; font-size:18px; text-align:center; 
  margin-right: auto;
  margin-bottom: 80px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#a6a6a6 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#bouton_gris:hover { background-color: #949494; cursor: pointer; text-decoration:none; color:#FFF;}
#bouton_gris a { text-decoration:none; color:#FFF;}
#bouton_gris a:visited { text-decoration:none; color:#FFF;}



#bouton_vert { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;  font-family: din; 
 height: 35px; background: #71f47b; color:#FFF; font-size:18px; text-align:center; 
  margin-top: 5px;
  margin-left: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#49b551 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#bouton_vert:hover { background-color: #3ac645; cursor: pointer; text-decoration:none; color:#FFF;}
#bouton_vert a { text-decoration:none; color:#FFF;}
#bouton_vert a:visited { text-decoration:none; color:#FFF;}

#petit_bouton_vert { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;  font-family: din;
 height: 20px; background: #71f47b; color:#FFF; font-size:15px; text-align:center; display:block;
  margin-top: -15px;
  margin-left: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#49b551 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#petit_bouton_vert:hover { background-color: #3ac645; cursor: pointer; text-decoration:none; color:#FFF;}
#petit_bouton_vert a { text-decoration:none; color:#FFF;}
#petit_bouton_vert a:visited { text-decoration:none; color:#FFF;}


#petit_bouton_soluce { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;  font-family: din;
 height: 20px; background: #5c87ff; color:#FFF; font-size:15px; text-align:center; display:block;
  margin-top: -15px;
  margin-left: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#183689 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#petit_bouton_soluce:hover { background-color: #183689; cursor: pointer; text-decoration:none; color:#FFF;}
#petit_bouton_soluce a { text-decoration:none; color:#FFF;}
#petit_bouton_soluce a:visited { text-decoration:none; color:#FFF;}


#bouton_maron { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;  font-family: din; 
 height: 35px; background: #caa68d; color:#FFF; font-size:18px; text-align:center; 
  margin-top: 5px;
  margin-left: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#765747 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#bouton_maron:hover { background-color: #8b664d; cursor: pointer; text-decoration:none; color:#FFF;}
#bouton_maron a { text-decoration:none; color:#FFF;}
#bouton_maron a:visited { text-decoration:none; color:#FFF;}


#petit_bouton_maron { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;  font-family: din;
 height: 20px; background: #caa68d; color:#FFF; font-size:15px; text-align:center; display:block;
  margin-top: -15px;
  margin-left: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#765747 solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#petit_bouton_maron:hover { background-color: #8b664d; cursor: pointer; text-decoration:none; color:#FFF;}
#petit_bouton_maron a { text-decoration:none; color:#FFF;}
#petit_bouton_maron a:visited { text-decoration:none; color:#FFF;}


#petit_bouton_bleu { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;  font-family: din;
 height: 20px; background: #6be7d6; color:#FFF; font-size:15px; text-align:center; display:block;
  margin-top: -15px;
  margin-left: 10px;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#3c9a8d solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#petit_bouton_bleu:hover { background-color: #3dbfad; cursor: pointer; text-decoration:none; color:#FFF;}
#petit_bouton_bleu a { text-decoration:none; color:#FFF;}
#petit_bouton_bleu a:visited { text-decoration:none; color:#FFF;}



#bouton_admin { padding:0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size:18px; font-family: din; 
 height: 35px; background: #827729; color:#ffda3e; font-size:18px; text-align:center; 
  margin-top: 20px;
  margin-left: 100px;
  margin-right: auto;
  -webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out; border-bottom:#ffda3e solid 3px; border-left:0px; border-right:0px; border-top:0px;}
#bouton_admin:hover { background-color: #584f0d; cursor: pointer; text-decoration:none; color:#ffda3e;}
#bouton_admin a { text-decoration:none; color:#ffda3e;}
#bouton_admin a:visited { text-decoration:none; color:#ffda3e;}


#bouton_encyclopedie { width:140px; height:20px;  padding-right:2px; font-size: 13px; color:#FFF; text-align:center; padding-top:0px; position:absolute; margin-top:-10px; margin-left:40px; padding-right:10px; margin-left:-2px;}
#bouton_encyclopedie a { font-size: 13px; color:#FFF; text-decoration:none; }


#box_annexe_news { text-align: center; position:absolute; margin-left:auto; width:200px; height:100px; margin-top:-45px;
}

#box_encyclopedie { text-align: center; position:absolute; margin-left:auto; width:200px; height:100px; margin-top:-45px;
}



#date_encyclopedie { width:200px; height:10px; color:#000; font-size:11px; text-align: center; margin-top:120px; color: #999; position:absolute; 
}

#details_wiki { width:200px; height:175px; right:4.7vw; top:640px; z-index:1; position:absolute;   }


#details_encyclopedie_mondes { width:200px; height:175px; right:4.7vw; margin-top:40px; z-index:1; position:absolute;   }
#details_encyclopedie_personnages { width:200px; height:175px; right:4.7vw;  margin-top:40px; z-index:1; position:absolute; background-color:#99BAFF;    }
#details_encyclopedie_objets { width:200px; height:175px; right:4.7vw; margin-top:40px; z-index:1; position:absolute;    }
#details_encyclopedie_ennemis { width:200px; height:175px; right:4.7vw; margin-top:40px; z-index:1; position:absolute;    }
#details_encyclopedie_temples { width:200px; height:175px;right:4.7vw; margin-top:40px; z-index:1; position:absolute;    }
#annexe_details_news { width:200px; height:112px; right:5vw; margin-top:-60px; z-index:1; position: absolute  }

@media (max-width: 550px ) {
	#details_encyclopedie_objets, #details_encyclopedie_personnages, #details_encyclopedie_mondes, #details_encyclopedie_ { visibility:hidden   }
}


.libelle { width:170px; height:auto; padding: 0px 15px 15px 15px; position:absolute; margin-top:125px; margin-left:15px; text-align:left; 
}

#libelle_mondes { height:15px;   padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; color:#FFF; background-color:#a7cea6; position:relative; display:inline-block; margin-right:20px; 
}
#libelle_mondes:before { content:" "; background-image: url(../img_/fleche_libelle_mondes.png); margin-left:-22px; margin-top:-5px; position:absolute; height:25px; width:18px;    }

#libelle_objets { height:15px;   padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; color:#FFF; background-color:#e77380; position:relative; display:inline-block; margin-right:20px; 
}
#libelle_objets:before { content:" "; background-image: url(../img_/fleche_libelle_objets.png); margin-left:-22px; margin-top:-5px; position:absolute; height:25px; width:18px;    }

#libelle_personnages { height:15px;   padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; color:#FFF; background-color:#8380cc; position:relative; display:inline-block; margin-right:20px; 
}
#libelle_personnages:before { content:" "; background-image: url(../img_/fleche_libelle_personnages.png); margin-left:-22px; margin-top:-5px; position:absolute; height:25px; width:18px;    }

#libelle_ennemis { height:15px;   padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; color:#FFF; background-color:#7f5654; position:relative; display:inline-block; margin-right:20px; 
}
#libelle_ennemis:before { content:" "; background-image: url(../img_/fleche_libelle_ennemis.png); margin-left:-22px; margin-top:-5px; position:absolute; height:25px; width:18px;    }


#libelle_temples { height:15px;   padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0.7em auto; font-size:12px; color:#FFF; background-color:#ff9c10; position:relative; display:inline-block; margin-right:20px; 
}
#libelle_temples:before { content:" "; background-image: url(../img_/fleche_libelle_temples.png); margin-left:-22px; margin-top:-5px; position:absolute; height:25px; width:18px;    }



/*******  JEUX a l'AFFICHE    ********/

.jeux_a_l_affiche { width:100%; height:805px; background-color: #eaf3ff; margin-top:95px; padding-top:20px; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x; border-top:#9de2ff solid 1px; 
}

.survole_jeux_a_l_affiche {
	 width:102px; height:160px; line-height:14px;  display: inline-block; margin-left:4px; padding-top:5px; margin-top:0px; padding-top:5px;   
}

/* Fiche jeu */

#fiche_jeu { background-image:url(../img_/bg_fiche_jeu.png); width:350px; height:120px; margin-top:-165px; margin-left:400px; background-repeat:no-repeat
}

#fiche_jeu_titre { font-family: din; font-size:16px; font-size:12px; color:#FFF; text-transform:uppercase; margin-top:50px; text-align:center; width:175px;  margin-left:-5px; 
}

#fiche_jeu_box { width:75px; height:100px; margin-left:50px; padding-left:2px; padding-top:1px; margin-top:-135px; 
}
#fiche_jeu_box_ds { width:75px; height:100px; margin-left:50px; padding-left:2px; padding-top:1px; margin-top:-107px; 
}
#fiche_jeu_box_dreamcast { width:75px; height:100px; margin-left:55px; padding-left:2px; padding-top:1px; margin-top:-95px; 
}
#fiche_jeu_box_playstation_3 { width:75px; height:100px; margin-left:50px; padding-left:2px; padding-top:1px; margin-top:-90px; 
}



#fiche_jeu_box_ps4 { width:72px; height:89px; background-color:#2d72e9; margin-left:40px; padding-left:2px; padding-top:1px
}
#fiche_jeu_box_xbox_one { width:72px; height:89px; background-color:#107c0f; margin-left:40px; padding-left:2px; padding-top:3px
}
#fiche_jeu_box_wii_u { width:72px; height:100px; background-color:#449bbd; margin-left:40px; padding-left:2px; padding-top:2px;
}
#fiche_jeu_box_3ds { width:72px; height:68px; background-color:#ffffff; margin-left:40px; padding-left:2px; padding-top:2px; margin-top:28px;
}
#fiche_jeu_box_pc { width:72px; height:101px; background-color:#000000; margin-left:40px; padding-left:2px; padding-top:2px; margin-top:-10px
}

#fiche_jeu_vignette {margin-left:80px; position:absolute; margin-top:23px; margin-left:150px;
}



#vignette_admin { height:50px; position:absolute; margin-top:-26px; margin-left:305px; text-align:center;
}
#vignette_admin_news { height:50px; position:absolute; margin-top:-26px; margin-left:160px; text-align:center;
}


#upload, #upload a { width: -webkit-fit-content; width: -moz-fit-content;  height: 20px; border-radius: 5px; padding: 6px 10px 6px 10px; margin-top: 30px; margin-bottom: 30px;
}


/*******  JEUX RETRO    ********/

.jeux_retro { width:100%; height:1800px; background-color: #e4e4e4; padding-top:20px; margin-top:-30px 
}

#retro { width:330px; height:135px; background-image:url(../img_/bg_retro.png); padding-left:176px;  }
#retro_b { width:330px; height:135px; background-image:url(../img_/bg_retro_b.png); padding-left:176px;  }



#retro_wii { width:346px; height:135px; background-image:url(../img_/bg_retro_wii.png); padding-left:160px;  }
#retro_ds { width:336px; height:135px; background-image:url(../img_/bg_retro_ds.png); padding-left:170px; }
#retro_gamecube { width:336px; height:135px; background-image:url(../img_/bg_retro_gamecube.png); padding-left:170px; }
#retro_nintendo-64 { width:336px; height:135px; background-image:url(../img_/bg_retro_nintendo_64.png); padding-left:170px; }
#retro_gameboy-color { width:336px; height:135px; background-image:url(../img_/bg_retro_gameboy_color.png); padding-left:170px; }
#retro_gameboy-advance { width:336px; height:135px; background-image:url(../img_/bg_retro_gameboy_advance.png);padding-left:170px; }
#retro_gameboy { width:336px; height:135px; background-image:url(../img_/bg_retro_gameboy.png); padding-left:170px; }
#retro_nes { width:336px; height:135px; background-image:url(../img_/bg_retro_nes.png); padding-left:170px; }
#retro_snes { width:336px; height:135px; background-image:url(../img_/bg_retro_snes.png); padding-left:170px; }



#titre_affiche_retro { background-color:#F00; z-index:1 ; width:100px; font-size:8px;
}

/*******  ADMIN    ********/


#box_admin { width:80px; height:50px; position: absolute; margin-top:12px; margin-left:20px;
}
#box_admin_news { width:250px; height:50px;  margin-top:5px; margin-left:2px; position:absolute;
}
#box_admin_slideshow { width:220px; height:100px;  margin-top:5px; margin-left:2px;  position:absolute; overflow: hidden;  
clear:both;
float:left;
img-width:100%
}

#slide_ordre { color:#ffa200; font-size:20px; font-family: din;background-color:#FFF; 
padding: 0.2em 0.4em 0.2em 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: -5px;
position:absolute; margin-left:80px;  margin-top:-25px; border-radius:8px; text-align:center;
}

.survole_encyclopedie { background-color:#ebe0d9; width:275px; height:70px; margin-bottom:10px; border: solid 1px #aa846a;
}

#box_admin_encyclopedie { width:72px; height:57px;  margin-top:1px; margin-left:170px;  position:absolute; overflow: hidden;  
img-width:100%; 
}

#notes_admin { position:absolute; margin-top:-40px; margin-left:15px;
}

#affichage_admin { width:465px; height:135px; margin-top:10px; background-color: #363636; margin-right:25px; padding-bottom:20px; padding-left:4px; position: relative; display: inline-block; vertical-align: top;
}


#affichage_admin_news { width:490px; height:110px; margin-top:10px; display: inline-block; margin-right:15px; padding-bottom:20px;   margin-left:10px;  background-color: #3F3F3F;
}


#affichage_admin_slide { width:485px; height:100px; margin-top:10px; background: -moz-linear-gradient(top, #fff7e8, #ffe6b5); background: -webkit-gradient(linear, left top, left bottom, from(#fff7e8), to(#ffe6b5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7e8', endColorstr='#ffe6b5'); display: inline-block; margin-right:5px; padding-bottom:20px;   margin-left:10px; border-bottom: #ffffff solid 5px;
}

#affichage_admin_slide:hover { border-bottom: #ff7e00 solid 5px; background: -moz-linear-gradient(top, #ffe2a9, #ffc24d); background: -webkit-gradient(linear, left top, left bottom, from(#ffe2a9), to(#ffc24d)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe2a9', endColorstr='#ffc24d');
}

.section_encyclopedie {width:100%; height:auto; padding-top:20px; margin-left:4vw; margin-right:4vw; margin-top:-60px; padding-top:25px; padding-bottom:65px; background-image:url(../img_/fond_drape_petit.png); background-repeat:repeat-x; padding-top:170px; }


.section_admin_accueil { width:100%; height:auto; background-color:#f1eeda; margin-top:-52px}

.section_admin_top, .section_admin_bottom { width:100%; height:auto; padding-left: 50px; }

.section_admin_top { padding-top: 25px;
}

.section_admin_news_a { width:100%; height:auto; background-color:#e9e9e9; margin-top:-52px}
.section_admin_news_b { width:100%; height:auto; background-color:#dcdcdc; padding-left: 3vw; margin-top:160px; padding-top: 80px;}

.section_admin_jeux_a { width:100%; height:auto; background-color:#eeffe8;  margin-top:-52px; padding-top:100px;}
.section_admin_jeux_b { width:100%; height:auto; background-color:#dbffcf; padding-top:20px; padding-left: 50px;}

.section_admin_encyclopedie_a { width:100%; height:auto; background-color:#f0e4d7; margin-top:-32px}
.section_admin_encyclopedie_b { width:100%; height:auto; background-color:#e2ccb5;}

.section_admin_slideshow_a { width:100%; height:auto; background-color:#ffefd9; margin-top:-52px; padding-top:80px;}
.section_admin_slideshow_b { width:100%; height:auto; background-color:#ffdfb2;}



#header_admin_yooka_laylee { background-image:url(../img/header_admin_yooka_laylee.jpg); width: 2000px; height: 330px; position:absolute; z-index: 100; right: 0px; background-color:#FFFFFF;
}
#header_admin_blackdesertonline { background-image:url(../img/header_admin_blackdesertonline.jpg); width: 2000px; height: 330px; position:absolute; z-index: 100; right: 0px; background-color:#FFFFFF;
}
#header_admin_banjo_kazooie { background-image:url(../img/header_admin_banjo_kazooie.jpg); width: 2000px; height: 330px; position:absolute; z-index: 100; right: 0px; background-color:#FFFFFF;
}
#header_admin_zelda { background-image:url(../img/header_admin_zelda.jpg); width: 2000px; height: 330px; position:absolute; z-index: 100; right: 0px; background-color:#FFFFFF;
}
#header_admin_pokemon { background-image:url(../img/header_admin_pokemon.jpg); width: 2000px; height: 330px; position:absolute; z-index: 100; right: 0px; background-color:#FFFFFF;
}
#header_admin_sony { background-image:url(../img/header_admin_sony.jpg); width: 2000px; height: 330px; position:absolute; z-index: 100; right: 0px; background-color:#FFFFFF;
}

#h1_admin, #h1_admin a  { font-family: calson_italic; font-size:40px; margin-bottom:25px; text-decoration: none; margin-left: 3vw; color: #000000; margin-top: 60px; position:absolute; z-index: 200;
}

#h1_actualites, #h1_actualites a { font-family: calson_italic; font-size:30px; text-decoration: none; color: #000000; 
}

#h4_admin, #h4_admin a  { font-family: calson_italic; width:500px; font-size:30px; margin-bottom:25px; text-decoration: none; margin-left: 3vw; color: #FF0004; margin-top:-30px; position: absolute;
}

#h5_admin { color: #FFFFFF; font-size: 18px; width: 340px;
}

#admin_console, #admin_stock { width: auto; color: #FFFFFF; border-radius: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; display: inline-block; padding: 3px 6px 3px 6px; margin-right: 10px;
}

#admin_console { border: solid 1px #FFFFFF;
}

#modif_jeux, #modif_jeux a { width: auto; color: #363636; border-radius: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #FFFFFF; background-color:#71f47b; height: 35x; position:absolute; margin-left: 215px; margin-top: -80px; z-index: 1; padding: 5px 9px 5px 9px;
}

#supprimer_jeux, #supprimer_jeux a { width: auto; color: #363636; border-radius: 4px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: #FFFFFF; background-color:#FF6668; height: 35x; position:absolute; margin-left: 219px; margin-top: -46px; z-index: 1; padding: 5px 9px 5px 9px;
}



#vignette_admin_wii {margin-left:163px; margin-top:-32px; position:absolute; background-image:url(../img_/mini_logo_wii.png); width:45px; height:24px; 
}
#vignette_admin_wii_u { margin-left:163px; margin-top:-25px; position:absolute; background-image:url(../img_/mini_logo_wii_u.png); width:56px; height:24px; 
}
#vignette_admin_3ds {margin-left:163px; margin-top:-25px; position:absolute; background-image:url(../img_/mini_logo_3ds.png); width:46px; height:24px; 
}
#vignette_admin_xbox_one { margin-left:163px; margin-top:-25px; position:absolute; background-image:url(../img_/mini_logo_xbox_one.png); width:50px; height:24px; 
}
#vignette_admin_ps4 { margin-left:163px; margin-top:-25px; position:absolute; background-image:url(../img_/mini_logo_ps4.png); width:47px; height:24px; 
}
#vignette_admin_pc { margin-left:163px; margin-top:-25px; position:absolute; background-image:url(../img_/mini_logo_xbox_pc.png); width:39px; height:24px; 
}


/*******  NEWS    ********/



.news { width:100%; height:580px; background-color:#fff; margin-top:-33px; background-image:url(../img_/fond_drape.png); background-repeat:repeat-x;
}
#news { width:780px; height:500px; margin-top:-10px;
}



#texte_news_index:hover, #texte_news_index:visited { text-decoration:none; color:#000;
}

#contenu_news { width:1000px; padding-right:20px; text-align:justify; background-color:#C3F; }






#etoile_news { width:33px; height:33px; position:absolute; margin-top:-31px; margin-left:52px;
}
#news_nulle { width:32px; height:32px; position:absolute; margin-top:-31px; margin-left:52px;
}

#micro_images_secondaires { background-image: url(../img_/micro_images_secondaires.png); width:24px; height:24px; margin-top:-40px; margin-left:70px; position:absolute;
}



#vignette_news { width:60px; position:absolute; margin-top:-100px; margin-left:162px;
}





#h0_news { 
	font-size: 9px; background-color:#e9e9e9; color:#999; font-family: Verdana, Geneva, sans-serif; text-align: left; line-height:12px;  margin-top:-14px; width:234px; height:35px; position:absolute; padding-top:4px; padding-left:15px; z-index:1;
	  }
	  
#degrade_h0_news_wii_u { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #55edd5); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#55edd5)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#55edd5'); 	
	  }
#degrade_h0_news_wii { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #3acde8); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#3acde8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#3acde8'); 	
	  }
 #degrade_h0_news_gamecube { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #4e25bf); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#4e25bf)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#4e25bf'); 	
	  }
#degrade_h0_news_nintendo_64 { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #e03bf3); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e03bf3)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e03bf3'); 	
	  }
#degrade_h0_news_snes { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #573567); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#573567)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#573567'); 	
	  }
#degrade_h0_news_nes { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #977fa2); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#977fa2)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#977fa2'); 	
	  }




	  
	  
#degrade_h0_news_3ds { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #ff0000); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#ff0000)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ff0000'); 	
	  }
#degrade_h0_news_ds { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #ff9600); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#ff9600)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#ff9600'); 	
	  }
#degrade_h0_news_gameboy_advance { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #d3b380); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d3b380)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d3b380'); 	
	  }
#degrade_h0_news_gameboy_color { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #e6d72f); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#e6d72f)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#e6d72f'); 	
	  }
#degrade_h0_news_gameboy { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #d2cea0); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d2cea0)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d2cea0'); 	
	  }
	  
#degrade_h0_news_xbox_one { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #11540e); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#11540e)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#11540e'); 	
	  }
#degrade_h0_news_xbox_360 { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #3b9c00); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#3b9c00)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#3b9c00'); 	
	  }
#degrade_h0_news_xbox { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #a0db00); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#a0db00)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#a0db00'); 	
	  }
	  
#degrade_h0_news_playstation { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #82b7e8); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#82b7e8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#82b7e8'); 	
	  }
#degrade_h0_news_playstation_2 { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #0077e6); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#0077e6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#0077e6'); 	
	  }
#degrade_h0_news_playstation_3 { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #0027ca); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#0027ca)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#0027ca'); 	
	  }
#degrade_h0_news_playstation_4 { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #000a52); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#000a52)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#000a52'); 	
	  }



#degrade_h0_news_dreamcast { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #77c8e6); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#77c8e6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#77c8e6'); 	
	  }
#degrade_h0_news_saturne { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #181818); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#181818)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#181818'); 	
	  }
#degrade_h0_news_megadrive { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #181818); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#181818)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#181818'); 	
	  }
#degrade_h0_news_master_system { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #181818); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#181818)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#181818'); 	
	  }
#degrade_h0_news_game_gear { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #181818); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#181818)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#181818'); 	
	  }


#degrade_h0_news_pc { 
	 margin-top:24px; margin-left:-15px; width:249px; height:13px; position:absolute; z-index:5;
background: -moz-linear-gradient(top, #e9e9e9, #9d9d9d); background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#9d9d9d)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#9d9d9d'); 	
	  }


		

.survole_news:hover #h0_news { font-size: 9px; background-color:FFF; color:#757575; font-family: Verdana, Geneva, sans-serif; text-align: left; line-height:12px;   }

	
#details { color:#FFF; position:relative; display: inline-block background-color:rgba(86,86,86,1.00); width:200px; height:80px; 
}

.survole_news {
	font-family: din; background-color: #f6f6f6;  width:249px; height:200px; line-height:14px; font-size: 12px; text-align:center; display: inline-block; margin-left:4px; padding-top:5px; margin-top:20px; padding-bottom:30px;   
}
.survole_news:hover { background-color:#9f0000; color:#FFF; padding-bottom:15px; padding-top:5px;  height:215px;
}





.liste_news { background-color:#f6f6f6; width:268px; height:430px; position:absolute; margin-top:-183px; margin-left:-315px; 
}

#liste_news { background-color:#f6f6f6; width:248px; height:35px; position:relative; display:block;  padding:6px 10px 6px 10px; border-bottom:dotted 1px #d1d1d1 
}
#liste_news:hover { background-color:#e9e9e9;
}


.survole_news #h1_news  { width:210px; font-size: 18px; height:5px; color: #9f0000; text-decoration: none; margin-left:20px; margin-top:3px; position: relative; text-align:center; line-height:22px;  } 
.survole_news:hover #h1_news  { color: #FFF; text-decoration: none;   } 

#liste_news_heure { color:#9f0000; width:40px; height:25px; display:inline-block; position: absolute; font-size:11px; margin-left:-3px; 
}
#liste_news_commentaires { color:#999; width:40px; height:25px; display:inline-block; position: absolute; font-size:11px; margin-left:37px; margin-top:21px; 
}
#liste_news_titre { color:#000; width:185px; height:34px; display:inline-block; position: absolute; font-size:11px; margin-left:70px;
}

#liste_news_vignette_wii-u { background-color:#55edd5;  border-radius: 2px; width:27px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_wii-u:after { content:"Wii U"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }

#liste_news_vignette_wii { background-color:#3acde8;  border-radius: 2px; width:21px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_wii:after { content:"Wii"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }

#liste_news_vignette_3ds { background-color:#ff0000;  border-radius: 2px; width:21px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_3ds:after { content:"3DS"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }

#liste_news_vignette_ds { background-color:#ff9600;  border-radius: 2px; width:17px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_ds:after { content:"DS"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }


#liste_news_vignette_pc { background-color:#9d9d9d;  border-radius: 2px; width:27px; height:11px; width:15px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_pc:after { content:"PC"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }







#liste_news_vignette_gamecube { background-color:#4e25bf;  border-radius: 2px; width:21px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_gamecube:after { content:"Cube"; color:#FFF; font-family: din_black; font-size: 10px; margin-top:-10px; position:absolute   }

#liste_news_vignette_nintendo-64 { background-color:#e03bf3;  border-radius: 2px; width:21px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_nintendo-64:after { content:"N64"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }

#liste_news_vignette_snes { background-color:#573567;  border-radius: 2px; width:24px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_snes:after { content:"SNES"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }

#liste_news_vignette_nes { background-color:#977fa2;  border-radius: 2px; width:21px; height:11px; padding-left:3px; padding-right:3px; padding-top:5px; position: absolute; display:inline-block; margin-left:32px; }
#liste_news_vignette_nes:after { content:"NES"; color:#FFF; font-family: din_black; font-size: 12px; margin-top:-10px; position:absolute   }




#vignette_wii { background-color:#3acde8;  border-radius: 2px; width:27px; height:19px; padding-left:7px; padding-right:6px; padding-top:4px }
#vignette_wii:after { content:"Wii"; color:#FFF; font-family: din_black; font-size: 16px; margin-top:-10px; position:absolute  }

#vignette_wii-u { background-color:#55edd5;  border-radius: 2px; width:40px; height:19px; padding-left:3px; padding-right:3px; padding-top:4px }
#vignette_wii-u:after { content:"Wii U"; color:#FFF; font-family: din_black; font-size: 16px;  margin-top:-10px; position:absolute  }



#vignette_nes { background-color:#977fa2; ;; border-radius: 2px; width:30px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_nes:after { content:"NES"; color:#FFF; font-family: din_black; font-size: 16px;  margin-top:-10px; position:absolute  }

#vignette_snes { background-color:#573567; border-radius: 2px; width:32px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_snes:after { content:"SNES"; color:#FFF; font-family: din_black; font-size: 13px; margin-top:-8px; position:absolute  }

#vignette_nintendo-64 { background-color:#e03bf3; border-radius: 2px; width:30px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_nintendo-64:after { content:"N64"; color:#FFF; font-family: din_black; font-size: 16px; margin-top:-10px; position:absolute  }

#vignette_gamecube { background-color:#4e25bf; border-radius: 2px; width:30px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_gamecube:after { content:"Cube"; color:#FFF; font-family: din_black; font-size: 13px; margin-top:-8px; position:absolute  }


#vignette_gameboy { background-color:#d2cea0; border-radius: 2px; width:20px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_gameboy:after { content:"GB"; color:#FFF; font-family: din_black; font-size: 16px;  margin-top:-10px; position:absolute  }

#vignette_gameboy-color { background-color:#e6d72f; ;; border-radius: 2px; width:30px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_gameboy-color:after { content:"GBC"; color:#FFF; font-family: din_black; font-size: 16px;  margin-top:-10px; position:absolute  }

#vignette_gameboy-advance { background-color:#d3b380; ;; border-radius: 2px; width:30px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_gameboy-advance:after { content:"GBA"; color:#FFF; font-family: din_black; font-size: 16px;  margin-top:-10px; position:absolute  }

#vignette_ds { background-color:#ff9600;  border-radius: 2px; width:18px; height:16px; padding-left:6px; padding-right:6px; padding-top:4px }
#vignette_ds:after { content:"DS"; color:#FFF; font-family: din_black; font-size: 16px; margin-top:-10px; position:absolute  }

#vignette_3ds { background-color:#ff0000; border-radius: 2px; width:30px; height:16px; padding-left:5px; padding-right:5px; padding-top:4px }
#vignette_3ds:after { content:"3DS"; color:#FFF; font-family: din_black; font-size: 16px;  margin-top:-10px; position:absolute  }





.vignette_news_index { width:55px; height:35px; margin-left:170px; margin-top:-25px; position:absolute; line-height:33px; 
}
.vignette_news_admin { width:55px; height:35px; position:absolute; line-height:33px; 
}
.vignette_news { width:55px;  position:absolute; margin-left:1040px; margin-top:-85px; z-index:1
}
.vignette_jeux { width:55px;  position:absolute; margin-left:190px; margin-top:-50px; z-index:1
}
.vignette_admin_01 { width:55px; height:35px; margin-left:80px; margin-top:-25px; position:absolute; 
}
.vignette_slide { width:60px;; height:35px; margin-left:115px; margin-top:-12px; position:absolute; text-align:left;
}



/*******  COMMENTAIRES    ********/


.commentaires { width:100%; height:auto; padding-left:50px;  padding-top:2px; margin-bottom:100px;
}

.bulle_commentaire { width:450px; height:auto; min-height:75px; padding-left:30px; padding-right:15px; text-align:left; margin-top:-16px;  
}

.infos_commentaire { height:20px;  margin-left:10px; margin-top:-13px; 
}
#infos_commentaire_01 { color:#ff6b6b; font-family: din; font-size:14px; display:inline-block;
}
#infos_commentaire_02 { color:#000; font-family: din; font-size:12px; display:inline-block; margin-left:3px;
}


#ligne_comment { height:auto; width:1200px; margin-bottom:2px; position:relative; display:block;
}
#infos_comment { position:relative; display:block; margin-left:100px;
}

ul.comments { width:800px; margin-left:-10px; position:relative; display:inline-block; vertical-align:bottom;  }
ul.comments li {  }
ul.comments a.comment { color: #f60; }
ul.comments div.name { color: white; }
ul.comments div.name a { color: white; }
ul.comments div.text { position: relative;  margin-left:-17px; margin-right:15px; margin-top: 18px; margin-bottom:10px; padding-left: 10px; padding-right: 10px;  padding: 7px 10px 10px 10px ; border-radius: 6px; color:#FFF; font-family: din; font-size:22px; height: auto;
padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 1.0em auto; text-align: justify; display:inline-block; z-index:50;
 }
ul.comments .arrow { position: relative;  width: 20px; height: 20px; margin-top:-41px; margin-left:-13px; z-index:1; background-color: #000;
-webkit-mask-image: url(../img_/pointe_commentaire.png);
 display: block;
}

ul.comme///nts .arrow { position: relative;  width: 20px; height: 20px; background-image:url(../img/pointe_commentaire.png); margin-top:-41px; margin-left:-13px; z-index:1; display: block;
}
ul.comments #avatar { position: absolute; background-image: url(../img/avatar_defaut.png); height:46px; width:49px; z-index:5; margin-top:-45px; margin-left:-68px;
}

ul.comments div.text:hover {  }
ul.comments div.text:hover .arrow {  }
ul.comments div.text form { text-align: left; }
ul.comments div.text form input.text { padding: 0; color: #aaa; width: 150px; border: 1px solid #ff8e8e; background-color: #ff6b6b; } 
ul.comments div.text form textarea { padding: 0; color: #aaa; width: 100%; height: 70px; border: 1px solid #ff8e8e; background-color: #ffecec; } 



ul.comments_admin { width:800px; margin-left:-10px; position:relative; display:inline-block; vertical-align:bottom;   }
ul.comments_admin li {  }
ul.comments_admin a.comment { color: #f60; }
ul.comments_admin div.name { color: white; }
ul.comments_admin div.name a { color: white; }
ul.comments_admin div.text { position: relative; margin-left:-17px; margin-right:15px; margin-top: 18px; margin-bottom:10px; padding-left: 10px; padding-right: 10px;  padding: 7px 10px 10px 10px ; background-color:#B9A86A; border-radius: 6px; color:#FFF; font-family: din; font-size:22px; height: auto;
padding: 0.4em; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 1.0em auto; text-align: justify; display:inline-block;
 }
ul.comments_admin .arrow { position: relative;  width: 20px; height: 20px; background-image:url(../img/pointe_commentaire_admin.png); margin-top:-41px; margin-left:-13px; z-index:1 }
ul.comments_admin #avatar { position: absolute; background-image: url(../img/avatar_defaut.png); height:46px; width:49px; z-index:5; margin-top:-45px; margin-left:-68px;
}

ul.comments_admin div.text:hover {  }
ul.comments_admin div.text:hover .arrow {  }
ul.comments_admin div.text form { text-align: left; }
ul.comments_admin div.text form input.text { padding: 0; color: #aaa; width: 150px; border: 1px solid #ff8e8e; background-color: #ff6b6b; } 
ul.comments_admin div.text form textarea { padding: 0; color: #aaa; width: 100%; height: 70px; border: 1px solid #ff8e8e; background-color: #ffecec; } 



#vignette_avatar { position:relative; display:inline-block; width:65px; height:65px; margin-bottom:14px;
}


/**************PAGINATION*******************/


.pagination { width:500px; height:50px; text-align:center;  
}

#pagination_on {
border-radius: 6px; color:#FFF;  font-size:19px; font-family: din;     
	width:25px; height:30px; padding-top:10px; text-align:center; position:relative; display: inline-block; margin: 15px;
}
#pagination_on a { color:#FFF; margin-left:8px; margin-right:8px; 
}


#pagination_focus_on {
border-radius: 6px;  border:#ee5757 solid 1px; color:#dd2424;  font-size:19px; font-family: din;         
background: -moz-linear-gradient(top, #ffdada, #ff9898); background: -webkit-gradient(linear, left top, left bottom, from(#ffdada), to(#ff9898)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdada', endColorstr='#ff9898');	
	width:25px; height:30px; padding-top:10px; text-align:center; position:relative; display: inline-block; margin: 15px;
}
#pagination_focus_on a { color:#dd2424; margin-left:8px; margin-right:8px;
}

#pagination_off {
border-radius: 6px;  border:#e4e4e4 solid 1px; color:#cbcbcb;  font-size:20px; font-family: din;         
background: -moz-linear-gradient(top, #ffffff, #efefef); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef');	
	width:25px; height:30px; padding-top:10px; text-align:center; position:relative; display: inline-block;  margin: 7px;
}






/*******  SLIDESHOW    ********/

.slide_bouton { background-color:#000; width:135px; height:25px; position:absolute; margin-top:2px; margin-left:170px; border-radius:13px; 
opacity: 0.75; filter: alpha(opacity=75); }
.slide_bouton:hover { cursor: pointer;
background: -moz-linear-gradient(top, #454545, #000); background: -webkit-gradient(linear, left top, left bottom, from(#454545), to(#000));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#000');
opacity: 1; filter: alpha(opacity=100); }




#slide_titre { width:420px; height:40px; margin-left:93px; font-family: janda; font-size:25px; text-transform : uppercase; padding-left:0px; padding-right:0px; text-decoration:none; border-bottom:0px; border-top:0px; border-left:0px; border-right:0px;
}

#slide_texte { width:360px; height:65px; margin-left:85px; font-family:din; font-size:12px; color:#FFF; padding-left:0px; padding-right:0px; margin-top:-23px;   position:absolute; text-align:center;
}

#slide_lien { width:100px; height:15px; font-family:din; font-size:12px; padding-left:0px; padding-right:0px; text-align:center; position:absolute; margin-top:4px; margin-left:10px; }


#slide_lien a { color:#FFF; 
}



#slide_fleche { position:absolute; width:15px; height:18px; margin-left:282px; margin-top:5px; background-image:url(../img_/fleche_en_savoir_plus.png)  
}

#slide_vignette { margin-left:352px; margin-top:-7px; position:absolute; 
}
#slide_vignette_wii { margin-left:352px; margin-top:-7px; position:absolute; background-image:url(../img_/mini_logo_wii.png); width:45px; height:24px; 
}
#slide_vignette_wii_u { margin-left:352px; margin-top:-7px; position:absolute; background-image:url(../img_/mini_logo_wii_u.png); width:56px; height:24px; 
}
#slide_vignette_3ds { margin-left:352px; margin-top:-7px; position:absolute; background-image:url(../img_/mini_logo_3ds.png); width:46px; height:24px; 
}
#slide_vignette_xbox_one { margin-left:352px; margin-top:-7px; position:absolute; background-image:url(../img_/mini_logo_xbox_one.png); width:50px; height:24px; 
}
#slide_vignette_ps4 { margin-left:352px; margin-top:-7px; position:absolute; background-image:url(../img_/mini_logo_ps4.png); width:47px; height:24px; 
}
#slide_vignette_pc { margin-left:352px; margin-top:-7px; position:absolute; background-image:url(../img_/mini_logo_xbox_pc.png); width:39px; height:24px; 
}

#modif_succes { width:350px; height:25px; background-color:#daffe4; border:#80ffa2 solid 1px; margin-left:0px; padding-left:14px; color:#449159;padding-bottom:20px; line-height:12px; border-radius: 3px; padding-top:5px;
}


#slideshow {
    position: relative;
    width: 100%;
    height: 500px;
    padding: 0;
    border: 1px solid #ddd;
    margin: 0 auto 2em;
    background: #FFF;
    background: -webkit-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: -moz-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
    /*-- CSS3 --*/
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
    box-shadow: 0 0 3px rgba(0,0,0, 0.2);
}



#slideshow .container {  
    position:relative; 
	width: 2010px;  
    height: 500px;  
    overflow: hidden;
	background-color:#000;
	
		left:50%; right:50%; 	margin:0 0 0 -961px;

	
}  
#slideshow .container:after {  
    position:absolute;  
    bottom: 0; left:0;  
    content: " ";  
	    width: 100%;  

    height: 1px;  
    background: #999; 
	
	
	 
}  
#slideshow .slider { 
    position: absolute;   
    left:0; top:0;  
    height: 310px;
	width: 400%;  

	-webkit-animation: slider 32s infinite; 
	-moz-animation: slider 32s infinite; 
	animation: slider 32s infinite;
	
}  
#slideshow figure {  
    position: relative;  
	display:inline-block;    
    padding:0; margin:0;
	width:2000px;
	
}
#slideshow figure:after {  
    position: absolute;  
	display:block;  
    content: " ";  
    top:0; left:0;  
    width: 100%; height: 100%;  
    -webkit-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	-moz-box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
	box-shadow: 0 0 65px rgba(0,0,0, 0.5) inset;
}
#slideshow figcaption {  
    position:absolute;
	text-align:center;  

left:50%; right:50%; 	bottom:250px;
 
    text-align:center;  
    letter-spacing: 0.05em;  
    word-spacing: 0.05em;  
    font-family: Georgia, Times, serif; background-image:url(../img_/bg_figcaption.png);
	width:531px; height:118px;  
    color: #555;  
    text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
	-webkit-animation: figcaptionner 32s infinite;
    -moz-animation: figcaptionner 32s infinite;  
    animation: figcaptionner 32s infinite; z-index:1;
}

#slideshow figcaption a {  
    color: #FFF; text-decoration:none;  }

#slideshow figcaption a:visited {  
    color: #FFF; text-decoration:none;   }

#slideshow figcaption a:hover {  
    color: #FF; text-decoration:none;   }




#timeline {  
    position: absolute;  
    background: #999;  
    bottom: 0px;  
    left: 0px;  
    height: 5px;
	width:100%;  
    background: rgb(212,0,0);  
    background: rgba(212,0,0,.8);  
    width: 0;  
    /* fonction d'animation */  
    -webkit-animation: timeliner 32s infinite; 
	-moz-animation: timeliner 32s infinite; 
	animation: timeliner 32s infinite;
}

@-webkit-keyframes slider {  
    0%, 20%, 100%   { left: 0 }  
    25%, 45%        { left: -100% }  
    50%, 70%        { left: -200% }  
    75%, 95%        { left: -300% }  
}

@-moz-keyframes slider {  
    0%, 20%, 100%   { left: 0 }  
    25%, 45%        { left: -100% }  
    50%, 70%        { left: -200% }  
    75%, 95%        { left: -300% }  
}

@keyframes slider {  
    0%, 20%, 100%   { left: 0 }  
    25%, 45%        { left: -100% }  
    50%, 70%        { left: -200% }  
    75%, 95%        { left: -300% }  
}

@-webkit-keyframes timeliner {  
    0%, 25%, 50%, 75%, 100% { width: 0;     }  
    20%, 45%, 70%, 90%      { width: 100%; }  
}
@-moz-keyframes timeliner {  
    0%, 25%, 50%, 75%, 100% { width: 0;     }  
    20%, 45%, 70%, 90%      { width: 100%; }  
}
@keyframes timeliner {  
    0%, 25%, 50%, 75%, 100% { width: 0;     }  
    20%, 45%, 70%, 90%      { width: 100%; }  
}
@-webkit-keyframes figcaptionner {  
    0%, 20%, 45%, 70%, 95%                     { botom: 250px;    }  
    10%, 19%, 35%, 44%, 60%, 69%, 85%, 94%       { bottom: 235px;      }  
}
@-moz-keyframes figcaptionner {  
    0%, 20%, 45%, 70%, 95%                     { bottom: 250px;    }  
    10%, 19%, 35%, 44%, 60%, 69%, 85%, 94%       { bottom: 235px;      }  
}
@keyframes figcaptionner {  
    0%, 20%, 45%, 70%, 95%                     { bottom: 250px;    }  
    10%, 19%, 35%, 44%, 60%, 69%, 85%, 94%       { bottom: 235px;      }  
}