/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media screen and (max-width: 1920px)
{


}
/* ****************************************************************************************** */
@media screen and (max-width: 1600px)
{


}
/* ****************************************************************************************** */
/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media all and (min-width: 350px) and (max-width: 640px)
{


}
/* ****************************************************************************************** */
/* Sur les écrans, quand la largeur de la fenêtre fait au maximum 1280px */
@media all and (min-width: 550px) and (max-width: 1024px)
{


}
/* ****************************************************************************************** */
/* @media screen and (max-width: 1600px) */
@media all and (min-width: 900px) and (max-width: 1600px)
{
.centre 
		{
		position:absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		height: 200px;
		margin-left: -100px; /* Cette valeur doit être la moitié négative de la valeur du width */
		margin-top: -100px; /* Cette valeur doit être la moitié négative de la valeur du height */
		}
.onglet_tout
		{
        /*color:#000000;*/
        text-decoration:none;
        width:35%;
		}
.onglet
		{
        display:inline-block;
        margin-left:0px;
        margin-right:0px;
        padding:3px;
        border:1px solid black;
        cursor:pointer;
		}
.onglet_n
		{
        background:#FFbbbb;
        border-bottom:1px solid black;
        border-radius:15px  15px  0px  0px;
		width:125px;
		height: 30px;
		text-align:center;
		font-size : 20px; 							/* hauteur du texte : 30 pixels */
		vertical-align:middle;
		}
.onglet_y
		{
        background:#40FF00;
        border-bottom:0px solid black;
        padding-bottom:4px;
		border-radius:15px  15px  0px  0px;
		width:125px;
		height: 30px;
        text-align:center;
		font-size : 20px; 
		color: red;							/* hauteur du texte : 30 pixels */
		vertical-align:middle;
		/*font-family: sans-serif,ahoma,arial,helvetica,"bitstream vera sans",sans-serif;*/
		}
.ligne
		{
		background-color:#40FF00;
        border:1px solid black;
        border-top:0px solid black;
        margin-top:-1px;
        padding:2px;
        width:35%;
		}

.titre
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:35%;
		height: 30px;
		font-size : 19px; 
		color: red;		
		}
.info
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:35%;
		height: 15px;
		font-size : 13px; 
		color: blue;		
		}		
.contenu
		{
        background-color:#AAdddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		
		width:35%;
		}
.txt-0
		{
		font-size: 20px;
		color: #EFE700;
		border:none;
		width: 75%; 
		height:60px;
		}
.txt-1
		{
		font-size: 20px;
		color: #FF0000;
		border:none;
		width: 75%; 
		height:60px;
		}
.img							/* Taille pour image bouton	*/
		{
		border:none;
		width: 75px; 
		height:30px;
		}
.img_A							/* Taille pour image ampoule */
		{
		border:none;
		width: 25px; 
		height:40px;
		}
.img_C							/* Cadre pour image ampoule	*/
		{
		border:none;
		width: 50px; 
		height:50px;
		}				
.img_B							/* Bordure pour image bouton */	
		{
		border:none;
		padding:0px;
		margin: 0px;
		}

}
/* ****************************************************************************************** */
/* Sur tous types d'écran, quand la largeur de la fenêtre est comprise entre 1024px et 1280px */
/* @media all and (min-width: 1025px) and (max-width: 1280px) */
@media all and (min-width: 1025px) and (max-width: 1280px)
{
.centre 
		{
		position:absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		height: 200px;
		margin-left: -100px; /* Cette valeur doit être la moitié négative de la valeur du width */
		margin-top: -100px; /* Cette valeur doit être la moitié négative de la valeur du height */
		}
.onglet_tout
		{
        /*color:#000000;*/
        text-decoration:none;
        width:35%;
		}
.onglet
		{
        display:inline-block;
        margin-left:0px;
        margin-right:0px;
        padding:3px;
        border:1px solid black;
        cursor:pointer;
		}
.onglet_n
		{
        background:#FFbbbb;
        border-bottom:1px solid black;
        border-radius:15px  15px  0px  0px;
		width:100px;
		height: 30px;
		text-align:center;
		font-size : 18px; 							/* hauteur du texte : 30 pixels */
		vertical-align:middle;
		}
.onglet_y
		{
        background:#40FF00;
        border-bottom:0px solid black;
        padding-bottom:4px;
		border-radius:15px  15px  0px  0px;
		width:100px;
		height: 30px;
        text-align:center;
		font-size : 18px; 
		color: red;							/* hauteur du texte : 30 pixels */
		vertical-align:middle;
		/*font-family: sans-serif,ahoma,arial,helvetica,"bitstream vera sans",sans-serif;*/
		}
.ligne
		{
		background-color:#40FF00;
        border:1px solid black;
        border-top:0px solid black;
        margin-top:-1px;
        padding:2px;
        width:35%;
		}

.titre
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:35%;
		height: 30px;
		font-size : 19px; 
		color: red;		
		}
.info
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:35%;
		height: 15px;
		font-size : 13px; 
		color: blue;		
		}		
.contenu
		{
        background-color:#AAdddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		
		width:35%;
		}
.txt-0
		{
		font-size: 20px;
		color: #EFE700;
		border:none;
		width: 75%; 
		height:65px;
		}
.txt-1
		{
		font-size: 20px;
		color: #FF0000;
		border:none;
		width: 75%; 
		height:65px;
		}
.img							/* Taille pour image bouton	*/
		{
		border:none;
		width: 60px; 
		height:30px;
		}
.img_A							/* Taille pour image ampoule */
		{
		border:none;
		width: 20px; 
		height:40px;
		}
.img_C							/* Cadre pour image ampoule	*/
		{
		border:none;
		width: 50px; 
		height:50px;
		}				
.img_B							/* Bordure pour image bouton */	
		{
		border:none;
		padding:0px;
		margin: 0px;
		}						
} /* End de la boucle quand la largeur de la fenêtre est comprise entre 1024px et 1280px */

/* Sur les téléviseurs */
@media tv
{
}
/* ******************************************************************** */
/* -- --------Sur tous types d'écrans orientés verticalement -------- --*/
@media all and (orientation: portrait)
/* @media all and (min-width: 599px) and (max-width: 977px) */
{

.centre 
		{
		position:absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		height: 200px;
		margin-left: -100px; /* Cette valeur doit être la moitié négative de la valeur du width */
		margin-top: -100px; /* Cette valeur doit être la moitié négative de la valeur du height */
		}
.onglet_tout
		{
        /*color:#000000
        text-decoration:none;
        width:640px;;*/
		}
		
.onglet
		{
		display:inline-block; /* Permet d'afficher les modules sur la même ligne*/
        margin-left:0px;
        margin-right:0px;
        padding:3px;
        border:1px solid black;
        cursor:pointer;
        
		}
.scroll
		{
		/* min-height:300; */
		height:1350px;  	/*pour IE qui comprend rien, et qui ne reconnait pas min-height, mais qui comprend mal height*/
		/* min-width:100%; */
		width:100%;		/*pour IE qui comprend rien*/
		overflow:scroll;/*pour activer les scrollbarres*/
		}
		
.onglet_n
		{
        background:#FFbbbb;
        border-bottom:1px solid black;
        border-radius:15px  15px  0px  0px;
		
		width:23.7%;
		height: 54px;
		text-align:center;
		font-size : 35px; 							/* hauteur du texte : 30 pixels */
		vertical-align: top;						/*top midd bottom  */
		vertical-align:middle;
		}
		
.onglet_y
		{
        background:#40FF00;
        border-bottom:0px solid black;
        padding-bottom:4px;
		border-radius:15px  15px  0px  0px;
		width:23.7%;
		height: 54px;
        text-align:center;
	
		font-size : 34px; 
		color: red;							/* hauteur du texte : 30 pixels */
		vertical-align:middle;
		/*font-family: sans-serif,ahoma,arial,helvetica,"bitstream vera sans",sans-serif;*/
		}
		
.ligne
		{
		background-color:#40FF00;
        border:1px solid black;
        border-top:0px solid black;
        margin-top:-1px;
        padding:4px;
        width:100%;
		}

.titre
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		width:100%;
		height:50px;
		text-align:center;
		font-size :40px;
		font-family:serif; 
		color: red;		
		}
.info
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:100%;
		height: 30px;
		font-size : 25px; 
		color: blue;		
		}			
.contenu
		{
        background-color:#AAdddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
        width:100%;
		
		font-family:serif;
		font-size :24px;
		
		}
.txt-0
		{
		font-size: 45px;
		color: #EFE700;
		border:none;
		width: 76%; 
		height:130px;
		}
.txt-1
		{
		font-size: 45px;
		color: #FF0000;
		border:none;
		width: 76%; 
		height:130px;
		}
.img							/* Taille pour image bouton	*/
		{
		border:none;
		width: 140px; 
		height: 55px; 
		}
.img_B							/* Bordure pour image bouton */	
		{
		border:none;
		padding:0px;
		margin: 0px;
		}
.img_A							/* Taille pour image ampoule */
		{
		border:none;
		width: 35px; 
		height:60px;
		}
.img_C							/* Cadre pour image ampoule	*/
		{
		border:none;
		width: 100px; 
		/* height:70px; */
		}	
} /* End de la boucle sur tous types d'écrans orientés verticalement portrait Mobil ou tablette */

/* ******************************************************************************************** */
/*                      Format pour tablette ou mobile en mode paysage                          */
/* @media all and (min-width: 5500px) and (max-width: 10240px) */
  @media all and (orientation: landscape)
/*  @media all and (min-width: 550px) and (max-width: 1024px)*/
{
.scroll
		{
		/* min-height:200; */
		height:300px;			/*pour IE qui comprend rien, et qui ne reconnait pas min-height, mais qui comprend mal height*/
		/* min-width:100%; */
		width:100%;			/*pour IE qui comprend rien*/
		overflow:scroll;	/*pour activer les scrollbarres*/
		}

.centre 
		{
		position:absolute;
		left: 50%;
		top: 50%;
		width: 200px;
		height: 200px;
		margin-left: -100px; /* Cette valeur doit être la moitié négative de la valeur du width */
		margin-top: -100px; /* Cette valeur doit être la moitié négative de la valeur du height */
		}
.onglet_tout
		{
        /*color:#000000;*/
        text-decoration:none;
        width:640px;
		}
		
.onglet
		{
		display:inline-block; /* Permet d'afficher les modules sur la même ligne*/
        margin-left:0px;
        margin-right:0px;
        padding:3px;
        border:1px solid black;
        cursor:pointer;
        
		}

.onglet_n
		{
        background:#FFbbbb;
        border-bottom:1px solid black;
        border-radius:15px  15px  0px  0px;
		
		width:23.7%;
		height: 64px;
		text-align:center;
		font-size : 32px; 							/* hauteur du texte : 30 pixels */
		vertical-align: top;						/*top midd bottom  */
		vertical-align:middle;
		}
		
.onglet_y
		{
        background:#40FF00;
        padding-bottom:4px;
		border-radius:15px  15px  0px  0px;
		border-bottom:0px solid black;
		width:23.7%;
		height: 65px;
        text-align:center;
		font-size : 32px; 
		color: red;							/* hauteur du texte : 30 pixels */
		vertical-align:middle;
		/*font-family: sans-serif,ahoma,arial,helvetica,"bitstream vera sans",sans-serif;*/
		}
		
.ligne
		{
		background-color:#40FF00;
        border:1px solid black;
        /* border-top:0px solid black; */
        margin-top:-1px;
        padding:4px;
        width:100%;
		}

.titre
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		width:100%;
		height:42;
		vertical-align: middle;	
		text-align:center;
		font-size :30px;
		font-family:serif;
		font-style: italic; 
		color: red;
			
		}
.info
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:100%;
		height: 26px;
		font-size : 21px; 
		color: blue;		
		}			
.contenu
		{
        background-color:#AAdddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
        width:100%;
		font-family:serif;
		font-size :24px;
		}
		
.txt-0
		{
		font-size: 40px;
		color: #EFE700;
		border:none;
		width: 78%; 
		height:110px;
		}
		
.txt-1
		{
		font-size: 40px;
		color: #FF0000;
		border:none;
		width: 78%; 
		height:110px;
		}
.img							/* Taille pour image bouton	*/
		{
		border:none;
		width: 150px; 
		height: 60px;
		}
		
.img_B							/* Bordure pour image bouton */	
		{
		border:none;
		padding:0px;
		margin: 0px;
		}
.img_A							/* Taille pour image ampoule */
		{
		border:none;
		width: 45px; 
		height:60px;
		}
.img_C							/* Cadre pour image ampoule	*/
		{
		border:none;
		width: 70px; 
		height:50px;
		margin: 10px;
		vertical-align:middle;
		}		
			
} /* End de la boucle sur tous types d'écrans orientés horizontal paysage Mobil ou tablette */