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


}
/* 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)
{
.onglet_tout
		{
        /*color:#000000;*/
        text-decoration:none;
        width:100%;
		}
.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 : 15px; 							/* hauteur du texte : 30 pixels */

		}
.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 : 15px; 
		color: red;							/* hauteur du texte : 30 pixels */
		/*font-family: sans-serif,ahoma,arial,helvetica,"bitstream vera sans",sans-serif;*/
		}
.ligne
		{
		background-color:#40FF00;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
        width:99%;
		}

.titre
		{
        background-color:#dddddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		text-align:center;
		width:99%;
		height: 30px;
		font-size : 22px; 
		color: red;		
		}
.contenu
		{
        background-color:#AAdddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
		
		width:99%;
		}		
} /* 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)
{
.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 : 35px; 							/* hauteur du texte : 30 pixels */
		vertical-align: top;						/*top midd bottom  */
		}
		
.onglet_y
		{
        background:#40FF00;
        border-bottom:0px solid black;
        padding-bottom:4px;
		border-radius:15px  15px  0px  0px;
		width:23.7%;
		height: 70px;
        text-align:center;
	
		font-size : 34px; 
		color: red;							/* hauteur du texte : 30 pixels */
		/*font-family: sans-serif,ahoma,arial,helvetica,"bitstream vera sans",sans-serif;*/
		}
		
.ligne
		{
		background-color:#40FF00;
        border:1px 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;		
		}
		
.contenu
		{
        background-color:#AAdddd;
        border:1px solid black;
        margin-top:-1px;
        padding:2px;
        width:100%;
		
		font-family:serif;
		font-size :24px;
		
		}	
} /* End de la boucle sur tous types d'écrans orientés verticalement Mobil ou tablette */
