html
{
	font-size:62.5%;
	}
body
{
    font-family: 'Source Sans Pro' , 'arial';
    color: Black;
    margin: auto;
    background-color: #333; /* #ae1212;/*#cb5a23;*/
    overflow-x: hidden;
    /*max-width: 1200px;*/
    width:100%;
}
#infoEcran
  {
  	
  	display:none;
  	}
h2
{
	font-size:1.1em;
	color:Red;
	}
h3
{ font-size:1em;
    }
h4
{
	 color:Red;
	 text-decoration: underline;
	}
ol
{
	margin-left:0%;
	}
ul
{
	margin-left:0%;
	}
p
{
	 margin-left:1%;
	}
article
{
	padding:2%;
	background-color:White;
	/*width:98%;*/
	max-width:1200px;
	margin:auto;
	/*margin-bottom:5px;
	margin-top:5px;*/
	border:1px solid grey;
	border-radius:5px;
	box-sizing:border-box; 
	}
.fondDegradeBleu
{	    	
     background-color:#483d8b;
	}
.messageErreur
{
	position:relative;
	width:100%;
	min-height:8vh;
	color:Red;
	background-color: AntiqueWhite;
	display:flex;
	justify-content:center;
	align-items:center;
	}
/*caractères spéciaux*/
.spique, .scoeur, .scarreau, .strefle
{
	font-size:1em;
	}
.scoeur, .scarreau
{
	color:red;
}
.spique
{
	color:Black;
	}
.strefle
{
	color: DarkGreen;
	}

.horizontalCentreur
{
	display:flex;
	justify-content:center;
	align-items:center;
	
	}

.verticalCentreur
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;	
	}
.verticalCentreur2
{
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;	
	}

.contours
    {
    border:1px solid black;
    border-radius:5px;
    margin:10px;   	
    padding-bottom:10px;
    width:90%;
    box-sizing:content-box;
    }
 
.textboxs
    {
    margin:5px;
    padding-left:5px;
    text-align: left;
   /* font-size:1.1em;*/
    	}

/******************* contrôles ***************/
.boutons
{
	 background-color: white;
	 border-radius:5px; 
	 border: 1px solid red;
	 margin:5px; 
	 }   
 /*LEBEL.MASTER*/ 


/****** Ecrans***/
.petitEcran
{
	position:relative;
	width:100%;
	max-width:1200px;
	min-height:90vh;
	top:0px;
	left:0px;
	background-color:Lime;
	margin:auto;
	/*border:4px solid black;
	box-sizing:border-box;*/
	/*outline:red solid 2px;*/
	background-color:gray;
	z-index:50;
	border-radius:5px;
	}
.grandEcran
{
	position:fixed;
	width:100%;
	height:100vh;
	top:0px;
	left:0px;
	
	/*border:4px solid black;*/
	z-index:100;
	background-color:Lime;
	box-sizing:border-box;
	outline:black solid 2px;
	background-color:Gray;
	overflow:hidden hidden;	
}
.airejeuConteneur
{
    position:relative;
    margin:auto;
    width:100%;
    height:100%;
    max-width:1200px;
    }
    
.classementTournois
{
    background-color:White;
    font-family:Arial;
    padding:2vw;
    font-size:1.8vw;
    }
 
 @media all
{
  form
  {
  	 visibility:hidden;
  	}
  #infoEcran
  {
	display:block;
	font-size:4vw;
	color:Red;
	padding:20px;
  	}
	}
 
 @media all and (orientation : landscape) and (min-width: 800px) and (max-width: 1200px)
 {
     form
  {
  	visibility: visible ;
  	}
  #infoEcran
  {
	display:none;
  }
#masterEntete
{
	font-size:5vw;
	}
.boutons
{
	font-size:2.2vw;
	}	
.masterPiedPage
{
	font-size:2.6vw;
	}
.masterLien
{
	font-size:3vw;
	}
.textboxs, .messageErreur
    {
    font-size:2.3vw;
    	}
} 
     
  @media all and (orientation : landscape) and (min-width: 1201px)
 {
     form
  {
  	visibility: visible ;
  	}
  #infoEcran
  {
	display:none;
  }
#masterEntete
{
	font-size:60px;
	}
.boutons
{
	font-size:25px;
	}
.masterPiedPage
{
	font-size:30px;
	}
.masterLien
{
	font-size:2vw;
	}
.textboxs, .messageErreur
{
	font-size:2vw;
    }   
} 

@media all and (orientation : portrait) and (max-width : 600px)
 {
     form
  {
  	visibility: visible ;
  	}
  #infoEcran
  {
	display:none;
  }
#masterEntete
{
	font-size:8vw;
	}
.boutons
{
	font-size:2.5vw;
	}	
.masterPiedPage
{
	font-size:3vw;
	}
.masterLien
{
	font-size:4vw;
	}
.textboxs, .messageErreur
    {
    font-size:2.3vw;
    	}
}
@media all and (orientation : portrait) and (min-width : 601px)
 {
     form
  {
  	visibility: visible ;
  	}
  #infoEcran
  {
	display:none;
  }
#masterEntete
{
	font-size:7vw;
	}
.boutons
{
	font-size:2.2vw;
	}	
.masterPiedPage
{
	font-size:2.6vw;
	}
.masterLien
{
	font-size:3vw;
	}
.textboxs, .messageErreur
    {
    font-size:2.3vw;
    	} 
}