/* Smartphones (portrait) */
@media screen and (max-width : 650px) 
{
	.window-margin {
		max-width: 100%;
	}
	
	.d {
		/*display : none;	*/
	}
	
	#logo {
		content:  "OLDIES <BR> BUT<BR> GOODIES";
		font: 5vw '04b20';
		padding : 0.3rem;
		margin-left : 0.9rem;
		text-shadow: 2px 2px 3px rgba(1, 130, 235, 0.8), 2px 3px 5px rgba(0, 0, 0, 0.33);
	}
	
	p {
		font-size: 20px ;
	}

	#logo:hover {
		text-shadow: 0 0 3px #87ceeb, 0 0 5px #87ceeb, 0 0 9px deepskyblue;
	}
	
	#logo_et_sous_titre {
		position: relative;
		margin-left : 2.2rem;
		height: 5em;
		/*margin-top : 0rem;*/
	}
	
	#sous_titre {
		font-size: 1rem;
		margin: 0 auto;
		height : 1.2rem;
		margin-top: -0.5rem;
	}	
	
	#sous_titre2 {
		display : none;
	}
	
	#LoadingImage > img {
		width: 30vw;
		height: 30vw;
	}
	
	
	.bd {
		display : none;
	}
	
	
	
	#pge_bas {
		display : none;
	}
	
	.Stop_link{
		display : none;
	}
	
	.Play_video{
		display : none;
	}
	
	.Power_link {
		bottom: 5px;
		right: 5px;
	}
	
	.Tool_link {
		bottom: 0px;
		right: 60px;
	}
	
	.Audio_link {
		bottom: 0px;
		right: 120px;
	}
	
	#Top_link {
		bottom: 0px;
		right: 180px;
	}
	
	#main-centre, #menu-archive{
		width: 85%;
	}
	
	#menu-archive{
	  margin-bottom: 90px;
	}
	
	#main-gauche2 {
		width: 100%;
	}
	
	.flexgrid.columns-news li h2 {
		padding: 0.4rem;
	}
	
    #main-gauche {
		width: 100%;
	}
	
	#col_commentaire {
		display : none;
	}	
	
	#col_centre {
		width : 100%;
	}	
	
	#col_droite {
		display : none;
	}	
	
	#col_gauche {
		display : none;
	}	
	
	#col_gauche{
		/*display : none;*/
	}	
	
	#box_download {
		display : none;
	}
	
	#box_liste_jeux_developpeur {
		display : none;
	}	
	
	#box_magazines {
		display : none;
	}	
	
	#box_recommandations {
		display : none;
	}	
	
	#box_commentaires {
		display : none;
	}	
	
	#pge_bas {
		font-size : 1.2rem;
	}
	
	/* TEST */	
	
	.test_contenu {
		margin : 3px;
		padding : 3px;
	}

	.comment-form .form textarea.input {
		color: #000;
	}
	
	.comment-form, .comment {
		margin-top: 0px; 
		margin-bottom: 0px; 
	}

	.videoContainer {
		min-width: 350px;   
		height: 260px;
	}
	
	#percent, #svg {
		width: 150px;
		height: 150px;		  
		top: -50px;
		right: -10px;
	}
	
	#percent {
		line-height: 40px;
		font-size: 60px;
		text-align: center;
		top : 0px;
		right: -10px;
		color: #24D751;
		text-shadow: 3px 3px 2px #8137B1;
	}

	#percent ~ p {
	  position: absolute;
	  left: 220px;
	  width: 200px;
	  display: block;
	  text-transform: uppercase;
	  font-size: 24px;
	  top: 30px;
	}
	

	
	.test_jeu_titre {
		border-radius : 5px;
	}
	
	.test_jeu {
		padding : 1px;
		margin: 5px 5px 5px 5px;
	}		
	
	.test_jeu h2 {
		font-size: 1.9rem;
		letter-spacing: 0px; 	
		margin-bottom: 0px; 		
	}
	
	.test_jeu_review_desc {
		padding : 1px;
	}
	
	/*[class^="test_"] figure, [class^="item_"] figure {
		margin: 10px;
	}*/
	
	.test_jeu figure img:not([class^="no-redim"]), 
	.test_jeu_review figure img:not([class^="no-redim"]), 
	.item_solution figure img:not([class^="no-redim"]) {
		max-width: 100%;
		min-width: 55vw;
	}	
	
	
	.test_jeu_titre h1 {
		/*font-size: 30px;*/
		padding-right: 0px; 
		letter-spacing: 3px;
		text-indent: 0px; 
	}
	
	.test_jeu_titre h2 {
		/*font-size: 25px ;*/
		text-indent: 5px; 
		padding-right: 0px; 
	}
	
	.accordion-body__contents {
		padding: 0em;
		font-size: 20px;
	}
	
	.accordion-header {
		padding: 0.5em 0.5em;
	}
	
	.legend-class {
		font-size: 40px;
		margin-left: 5px;
	}
	
	.test_jeu_titre h4 {
		/*font-size: 22px;*/
		padding-right: 0px; 
	}
	
	.test_scenario {
		 padding : 0px;
		 margin-left : 10px;
	}
	
	.test_conclusion {
		 padding : 3px;
	}
	
	.test_desc {
	    padding : 0px;
		margin : 0px;

	}
	
	.test_contenu {
	    padding : 0px;
	}
	
	.test_jeu_review, .item_solution {
	    padding : 0px;
		margin: 2em 0 0 0;
		width : auto;
	}
	
	.test_jeu_review p,, .item_solution p {
		text-indent:10px;
		float:left;
		padding: 0px 8px;
	}

	.item_solution_desc, .test_jeu_review_desc {
		padding: 0px; 
	}
	
	.item_solution_desc p, .test_jeu_review_desc p{
	}
	
	.test_note {
		 padding : 0px;
		 margin: 5px auto 30px auto;
		 width: 95%;
	}

	blockquote {
		padding : none;
		margin : none;
	}
	
	
	[class^="test_"] table:nth-of-type(2n)  { 
       max-width: 98%; 
	   margin: 10px auto 10px auto;
	}
	
	[class^="test_"] table:nth-of-type(2n+1)  { 
       max-width: 98%; 
	   margin: 10px auto 10px auto;
	}
	
	[class^="test_"] figure, #lazy_solution figure:not([class^="image-"]) {
		padding: 10px 10px 0px 10px;
	}
	
	table img {
		padding: 5px;
		margin: 0 -100px;
	}
	
	
	/* LISTE DES TEST */
	.gridviewJ .itemJ {
		width: 90%;
	}
	
	.test_a_la_une2 h1 {
		font-size : 30px ;		
	}
	
	
	/** DOSSIER **/
	
	.dossier_jeu_titre h1 {
		font-size: 30px;
	}
	
	/* MAGAZINE */
	
	.wrapperMag .itemMag {
		width: 100%;
		/* height: 100%; */
		/* height: auto; */
		margin: auto;
		transition: all 0.3s;
		position: relative;
	}

	.wrapperMag .itemMag img {
		display: block;
		width: 100%;
		height: auto;
		margin: auto;
		overflow: hidden;
	}
	
	#pagemag img {
		display: block;
		width: 90%;
		height: auto;
		z-index: 1;
		max-height: inherit;
	}
	
	
	/* REGISTER */
	
	.register {
		margin : 5px;
		width : 90%;
	}	
	
	.form input {
		font-size : 1.3rem ;
		
	}
	
	.outregister {
	font-size : 0.8rem;
	}
	
	.form-theme {
		margin : 5px;
		margin-top : 20px;
		width : 90%;
		padding : center;
	}	
	
}



/* 
Mobile (<768px) 

Tablette (=768px) 
@media only screen and ( min-width : 601px ){
 .definition{ prise en compte }
} 
Desktops (=992px) 
@media only screen and ( min-width : 993px ){
 .definition{ prise en compte }
 } 
Desktops (=1200px) 
@media only screen and ( min-width : 1201px ){
 .definition{ pas prise en compte }
 } 

*/

@media screen and (min-width : 651px) and (max-width: 1270px)
{
	
	#pge_centrale {
	position: relative;
    margin-left: auto;
    margin-right: 1.4em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
	}
	
    #logo {
		font: 5vw '04b20';
	}
	
	.gridviewJ .itemJ {
		max-width: 40%;
		width: 40%;
	}
	
	.comment-form .form textarea.input {
		color: #000;
	}
	
	.comment-form, .comment {
		margin-top: 0px; 
		margin-bottom: 0px; 
	}
	
	.flexgrid.columns-news li h2{
		padding: 0.4rem;
		line-height: 0.9rem; 
	}
		
	.videoContainer {
		min-width: 50vw;
		height: 40vw;
	}
	
	.test_jeu figure img:not([class^="no-redim"]), 
	.test_jeu_review figure img:not([class^="no-redim"]), 
	.item_solution figure img:not([class^="no-redim"]) {
		min-width: 45vw;
	}
	
	#sous_titre {
		font-size: 2vw ;
		margin: 0 auto;
	}
	
	#sous_titre2 {
		display : none;
	}

	.bd {
		display : none;
	}
	
	#main-centre, #menu-archive{
		width: 100%;
	}
	
	#menu-archive{
	  margin-bottom: 90px;
	}
	
    #main-gauche {
		width: 100%;
	}
	
	 #main-gauche2 {
		width: 100%;
	}
	
	#col_commentaire {
		display : none;
	}	
	
	/* TEST */
	#col_centre {
		width : 100%;
	}
	
	#col_droite {
		display : none;
	}	
	
	#col_gauche {
		display : none;
	}	
	
	
	#LoadingImage > img {
		width: 30vw;
		height: 30vw;
	}
	
	.test_jeu {
		padding : 1px;
	}	
	
	.test_desc {
	    padding : 0px 0px 0px 0px;
		margin : 0px 0px 0px 0px;

	}
	
	.test_contenu {
		margin : 3px 3px 3px 3px;
		padding : 3px 3px 3px 3px;
	}
	
	.test_jeu_review_desc {
		padding : 1px;
	}
	
	.test_jeu_titre h1 {
		/*font-size: 30px;
		padding-top: 10px; 
		padding-right: 10px; 
		letter-spacing: 4px;
		text-indent: 0px; 
	}
	
	.test_jeu_titre h2 {
		/*font-size: 22px;*/
		text-indent: 5px; 
		padding-right: 10px; 
	}
	
	.test_jeu_titre h4 {
		padding-right: 10px; 
	}
		
	.test_conclusion {
		font: normal 10px;
	}
	
	blockquote {
		padding : none;
		margin : none;
	}
	
}

@media screen and (min-width : 850px) and (max-width : 1271px)
{	
	
	.gridviewJ .itemJ {
		max-width: 26%;
		width: 26%;
	}	
	
	.audiojs .time em {
    font-size: 30px ;
}	
}	

@media screen and (min-width : 1272px) and (max-width : 1600px)
{
.gridviewJ .itemJ {
		max-width: 21%;
		width: 21%;
	}
	
	.audiojs .time em {
    font-size: 80px;
}	

}

@media screen and (min-width : 1601px)
{
.gridviewJ .itemJ {
		max-width: 17%;
		width: 17%;
	}
	
	.audiojs .time em {
    font-size: 80px;
}	

}

@media screen and (min-width : 1270px) 
{	

	#col_centre {
		width : 53%;
		float : left;
		margin-left : auto;
		margin-bottom : 120px;
	}
	
	#col_centre_70 {
		width : 70%;
		float : left;
		margin-left : auto;
		margin-bottom : 120px;
	}

	#col_droite{
		margin-left : auto;
		width : 20%;
		float: left;
	}
	
	#col_gauche{
		margin-left : auto;
		width : 25%;
		float: left;
	}
	
}	

@media screen and (max-width : 1271px) 
{
	.test_jeu figure img, .test_jeu_review figure img  {
		max-width : 100%;
		min-width : inherit;
		overflow : hidden;
	}
}