.titreLesson
{
	 background-color: lightgray;
	 color:navy;
	 font-size:1.5em;
	 text-align:center;
	 font-weight:bold;
	 border-left:1px solid red;
	 border-right:1px solid black;
	 box-sizing:border-box; 
	 max-width:1200px;
	 margin:auto;
	}
.introLesson,.conclusionLesson
{	 
	 color:grey;
	 font-size:1em;
	 box-sizing:border-box;
	 background-color:White;
	 padding:5%;
	 width:100%; 
	 text-align:left;
	 max-width:1200px;
	 margin:auto;
	 border:1px solid black;
	}
.contenuLesson
{
	font-family:Arial;
	font-size:1em;
	background-color: transparent;
	/*border:1px solid black;*/
	box-sizing:border-box;
	}
.cadre
{
    border:1px solid black;
    border-radius:5px;
    width:90%;
    padding:5px;
    max-width:800px;
    margin:auto;
    }
.cadre1
{
	font-style:italic; background-color: #cd5c5c;
	color:white;
	padding:10px;
	border-radius:5px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:80%;
	max-width: 800px;
	}
.cadre2
{
	font-style:italic; background-color: blue;
	color:White;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	width:80%;
	max-width: 800px;
	border-radius:5px;
	}
.cadre3
{
	border:1px solid black;
	margin:auto;
	/*max-width:1024px;*/
	text-align:center;
	padding:5px;
	 background-color:lightgray;
	}
.cadre4
{
	background-color: #e0e0e0;
	color:black;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	width:80%;
	max-width: 800px;
	border-radius:5px;
	border:1px solid black;
	}
.diagrammeCartes
{
    min-width:250px;
    margin:auto;
    border:1px solid black;
    background-color:SkyBlue;
}
 .diagrammeCartesEntete
 {text-align:center;
  background-color:#e0ffff;
 }
.diagrammeEnheres
{
    width:300px;
    margin:auto;
    border:1px solid black;   
}
.nonVul2, .nonVul4, .vul2, .vul4
 {
     width:25%;
     text-align:center;   
     border:1px solid black;
     color:White;
     }
 .nonVul2, .vul2, .cellules2
 {
     width:50%;
     }
 .nonVul4, .vul4, .cellules4
 {
     width:25%;
     }
 .nonVul2, .nonVul4
 {
   background-color:#1aaf1c;  
 }
 .vul2, .vul4
 {
     background-color:Red;
 }    
 .cellules2, .cellules4
{
	border:1px solid black;
	text-align:center;
	background-color:#e0e0e0;
	}    

.tableaux
{
	border:2px solid black;
	}

.legende
{
    font-size:.8em;
    color:black;
    }	
@media all and (max-width:599px)
{
.titreLesson
{
	 font-size:6vw;
	}
.introLesson, .conclusionLesson
{
	 font-size:4vw;
	}
.contenuLesson
{
	font-size:3.9vw;
	}

}
@media all and (min-height:600px) and (min-width:600px) and (max-width: 800px)

{
.titreLesson
{
	 font-size:5vw;
	}
.introLesson, .conclusionLesson
{
	 font-size:2.4vw;
	}
.contenuLesson
{
	font-size:2.2vw;
	}
}	

@media all and (min-height:600px) and (min-width:801px) and  (max-width: 1024px)

{
.titreLesson
{
	 font-size:4vw;
	}
.introLesson, .conclusionLesson
{
	 font-size:2.3vw;
	}
.contenuLesson
{
	font-size:2.1vw;
	}

}

@media all and (min-height:600px) and (min-width:1025px) and  (max-width: 1200px)

{
.titreLesson
{
	 font-size:4vw;
	}
.introLesson, .conclusionLesson
{
	 font-size:2.2vw;
	}
.contenuLesson
{
	font-size:2vw;
	}
}
@media all and (min-height:600px) and (min-width:1200px)

{
.titreLesson
{
	 font-size:40px;
	}
.introLesson, .conclusionLesson
{
	 font-size:24px;
	}
.contenuLesson
{
	font-size:20px;
	}

}