@charset "utf-8";
/* CSS Document */
h6 {
	color:#216eb6;
	font-style:italic;
	font-size:75%;
	text-align:left;
}

#NomEl {
	display:block;
	margin: 0;
	text-align: left;
}
#NomEl h5{
	margin-left: 1.5em;
	font-size:75%;
	pading:0;
}

/*Badges page d'accueil*/
img {
	/*align-items: center;*/ /*centrer verticalement*/
	/*justify-content: center;*/ /*centrer horizontalement*/
}
.image_badge{
	display: flex;
 	justify-content: center;
}
/*Container élève inclus 2 blocs */
.container1 {
  	width:100%;
	display: flex;
  	margin:0 auto 0 auto;
}
.row1 {
	/* Dans container 1 */
	flex-direction: row;
	justify-content: center; /*position  des objets sur la page*/
}

.row3 {
	/* Dans container 1 */
	flex-direction: row;
	justify-content: center; /*position  des objets sur la page*/
	margin-top:4px;
}

/* container avec 2 items par ligne row 2*/
.container2 {
  	width:50%;
	display: flex;
  	margin:0.5em auto;
	/*border: 2px solid #0C8FEC/*rgba(18,9,118,1.00)*/;
  	/*-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-khtml-border-radius:1em;*/
	padding:0;
}
.container3 {
  	width:50%;
	display: flex;
  	margin:0.2em auto;
	/*border: 2px solid #0C8FEC/*rgba(18,9,118,1.00)*/;
  	/*-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-khtml-border-radius:1em;*/
	padding:0;
}
.row2 {
	flex-direction: row;
	justify-content: center; /*position  des badges sur la page*/
}

.item1 {
	/*badge gauche de la ligne 2*/
 	width:50%;
	margin:0 1.25em 0 1.25em;
	/*background-color:rgba(210,210,210,0.90);*/
  	border: 0.1em solid #1F1FB7;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	color: #00004d;
	/*text-align: center;*/
	align-items: center;
	padding-bottom:0.2em;
}
.item1 h3 {
	color: #00004d;
	font-style:italic;
	font-size:90%;
	margin:0.5em 0 0.5em 0;
	text-align: center;
}
.item1 h3 a {
	color:#0C8FEC;	
}
.item1 h3 a:hover {
	color:#0C8FEC;
	text-decoration:underline;
}
.item1 h4 {
	display: flex;
	justify-content: center;
	font-size:75%;
	font-style:italic;
	color: #00004d;
	margin:0.5em 0 0.5em 0;
}
.item1 h6{
	text-align:center;
}
.item2 {
	/*badge droit de la ligne 2*/
 	width:50%;
	margin:0 1.25em 0 1.25em;
	/*background-color:rgba(210,210,210,0.90);*/
  	border: 0.1em solid #1F1FB7;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	color: #00004d;
	/*text-align: center;*/
	align-items: center;
	padding-bottom:0.2em;
}

.item2 h3 {
	color: #00004d;
	font-style:italic;
	font-size:90%;
	margin:0.5em 0 0.5em 0;
	text-align: center;
}
.item2 h3 a {
	color:#0C8FEC;	
}
.item2 h3 a:hover {
	color:#0C8FEC;
	text-decoration:underline;
}
.item2 h4 {
	display: flex;
	justify-content: center;
	font-size:75%;
	font-style:italic;
	color: #00004d;
	margin:0.5em 0 0.5em 0;	
}
.item2 h6{
	text-align:center;
}

.item2b {
	/*badge droit variante de la ligne 2*/
 	width:50%;
	margin:0 1.25em 0 1.25em;
	/*background-color:rgba(210,210,210,0.90);*/
  	border: 0.1em solid #56ACC7;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	color: #00004d;
	/*text-align: center;*/
	align-items: center;
}
.item2b h4 {
	display: flex;
	justify-content: center;
	font-size:75%;
	font-style:italic;
	color: #3893AF;
	margin:0.5em 0 0.5em 0;	
}
.item2b h6{
	text-align:center;
}

.item3 {
 	/*width:33%;*/
	margin:0 0.5em 0 0.5em;
	/*background-color:rgba(210,210,210,0.90);*/
  	/*border: 0.1em solid #1F1FB7;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;*/
	color: #00004d;
	align-items: center;
}
.item3 h6{
	display: flex;
	justify-content: center;
	text-align:left;
}
.image {
	/*posion des vignettes de la légende*/
	margin:-2px 4px 0 4px;
	vertical-align: middle;
}

.item4 {
	/*badge droit vide*/
 	width:50%;
	margin:0 1.25em 0 1.25em;
	/*background-color:rgba(210,210,210,0.90);*/
  	/*border: 0.1em solid #1F1FB7;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-khtml-border-radius:0.5em;
	color: #00004d;*/
	/*text-align: center;*/
	align-items: center;
	padding-bottom:0.2em;
}
/*@media screen and (min-width: 1281px) and (max-width: 2800px){
}*/
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.item1 {
	}
	.item2 {
	}
	.item3 {
	}
	.item4 {
	}
	.item0 {
	}
}

@media screen and (min-width: 780px) and (max-width: 1024px){
	
}

@media screen and (min-width: 600px) and (max-width: 779px){
	
	/*affichage cartes*/
	affichage_cartes{
		display:block;
		width:100%;
	}
	.container2 {
  		width:95%;
	}
	.container3 {
  		width:95%;
	}
	.row1 {
		flex-direction: column;
		justify-content: center; /*position  des cartes sur la page*/
	}
	.row2 {
		flex-direction: row;
		/*justify-content: center; /*position  des cartes sur la page*/
	}
	.item1 {
		margin:0 0.5em 0 0.5em;
	}
	.item1 h3 {
		font-size:70%;
	}
	.item1 h5 {
		height:2.5em;	
	}
	.item2 {
		margin:0 0.5em 0 0.5em;
	}
	.item2 h5 {
		height:2.5em;	
	}
	.item2b {
	}
	.info_saisie{
		display:none;
	}
}

@media screen and (max-width: 599px){
	/*affichage cartes*/
	affichage_cartes{
		display:block;
		width:100%;
	}
	.container2 {
  		width:100%;
	}
	.container3 {
  		width:100%;
	}
	.row1 {
		flex-direction: column;
		justify-content: center; /*position  des cartes sur la page*/
	}
	.row2 {
		flex-direction: row;
		/*justify-content: center; /*position  des cartes sur la page*/
	}
	.item1 {
		margin:0 0.5em 0 0.5em;
	}
	.item1 h5 {
		height:2.5em;	
	}
	.item2 {
		margin:0 0.5em 0 0.5em;
	}
	.item2 h5 {
		height:2.5em;	
	}.item2b {
		margin:0 0.5em 0 0.5em;
	}
	.item4 {
		margin:0 0.5em 0 0.5em;
	}
	.item0 {
	}
	.info_saisie{
		display:none;
	}
}