@charset "utf-8";
/* CSS Document */
/*Badges page d'accueil*/
h5 {
	/*color:#413F3F;*/
	margin-left:1%;
	padding:5px 0;
	font-size:90%;
}
h6 {
	color:#216eb6;/*#816869;*/
	font-style:italic;
	font-size:80%;
	text-align:left;
}

/*affichage cartes*/
affichage_cartes{
	/*display: flex;*/
	display:block;
	width:auto;
  	margin: 0 auto;
	margin-bottom:5%;
	/*background:url("img/.png") no-repeat center;*/
}
affichage_cartes h1{
	text-align: center;
	/*padding-top: 6px;*/
	/*margin:10% auto;*/
}
.container1 {
  	width:auto;
	display: flex;
  	margin:0 auto;
	/*border: 2px solid #2A2929;
  	border-radius: .5em;*/
	/*padding: 10px;*/
	/*padding-top:8.3em;*/
}
.row1 {
	/*margin-top:1%;*/
	flex-direction: row;
	justify-content: center; /*position  des cartes sur la page*/
}
.row2 {
	margin-top:4%;
	flex-direction: row;
	justify-content: center; /*position  des cartes sur la page*/
}
.item1 {
 	width:20em;
	height:23em;
	margin:0;
  	background-color:rgba(210,210,210,0.60);
  	border: 0.4em solid #c6148f;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-khtml-border-radius:1em;
	color: #00004d;
	text-align: center;
}
.item1 h3 {
	color: #0F0F0F;
	font-style:italic;
	font-size:90%;
	margin:0.5em 0 0.5em 0;
	text-align: center;
}
.item1 h3 a {
	color:#003EAB;	
}
.item1 h3 a:hover {
	color:#2f7bff;
	text-decoration:underline;
}
.item1 h4 {
	height:1.5em;
	font-size:90%;
}
.item1 h6 {
	margin:0.1em 0.3em;
	padding:0;
}
.item2 {
 	width:20em;
	height:23em;
	margin:0 0 0 3em;
  	background-color:rgba(210,210,210,0.60);
  	border: 0.4em solid #fab900;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-khtml-border-radius:1em;
	color: #00004d;
	text-align: center;
}
.item2 h3 {
	color: #0F0F0F;
	font-style:italic;
	font-size:90%;
	margin:0.5em 0 0.5em 0;
	text-align: center;
}
.item2 h3 a {
	color:#003EAB;	
}
.item2 h3 a:hover {
	color:#2f7bff;
	text-decoration:underline;
}
.item2 h4 {
	height:3.5em;
	font-size:90%;
}
.item2 h6 {
	margin:0.1em 0.3em;
	padding:0;
}

.item3 {
 	width:20em;
	height:23em;
	margin:0;
	background-color:rgba(210,210,210,0.60);
  	border: 0.4em solid #1B60D7;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-khtml-border-radius:1em;
	color: #00004d;
	text-align: center;
}
.item3 h3 {
	color: #0F0F0F;
	font-style:italic;
	font-size:90%;
	margin:0.5em 0 0.5em 0;
	text-align: center;
}
.item3 h3 a {
	color:#003EAB;	
}
.item3 h3 a:hover {
	color:#2f7bff;
	text-decoration:underline;
}
.item3 h4 {
	height:3.5em;
	font-size:90%;
}
.item3 h6 {
	margin:0.1em 0.3em;
	padding:0;
}

.item4 {
 	width:20em;
	height:23em;
	margin:0 0 0 3em;
  	background-color:rgba(210,210,210,0.60);
  	border: 0.4em solid #2da51e;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	-khtml-border-radius:1em;
	color: #00004d;
	text-align: center;
	/*background:url("img/serpentard_200pxL.png") no-repeat center;*/
}
.item4 h3 {
	color: #0F0F0F;
	font-style:italic;
	font-size:90%;
	margin:0.5em 0 0.5em 0;
	text-align: center;
}
.item4 h3 a {
	color:#003EAB;		
}
.item4 h3 a:hover {
	color:#2f7bff;
	text-decoration:underline;
}
.item4 h4 {
	height:3.5em;
	font-size:90%;
}
.item4 h6 {
	margin:0.1em 0.3em;
	padding:0;
}


/*Badge vierge*/
.item0 {
 	width:20em;
	height:23em;
	margin:0 0 0 3em;
  	background-color:rgba(255,255,255,0.00);
  	border: 0.2em solid rgba(255,255,255,0.00);
	-moz-border-radius:.3em;
	-webkit-border-radius:.3em;
	-khtml-border-radius:.3em;
	/*color: #fff;*/
	text-align: center;
}
.item0 h4 {
	height:2em;
	font-size:90%;
}

/*@media screen and (min-width: 1281px) and (max-width: 2800px){
	.item1 {}*/
@media screen and (min-width: 1025px) and (max-width: 1280px){
	.item1 {
		width:20em;
		margin:0;
		height:23em;
	}
	.item2 {
		width:20em;
		margin:0.25 0 0.25 1em;
		height:23em;
	}
	.item3 {
		width:20em;
		margin:0.25 0 0.25 1em;
		height:23em;
	}
	.item4 {
		width:20em;
		margin:0.25 0 0.25 1em;
		height:23em;
		/*background:url("img/") no-repeat center;*/
	}
	.item0 {
		width:20em;
		margin:0.25 0 0.25 1em;
		height:23em;
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px){
	
	/*affichage cartes*/
	affichage_cartes{
		display:block;
		width:92%;
	}
	.container1 {
		display: flex;
		width:auto;
		margin:0 auto;
	}
	.row1 {
		flex-direction: column;
		justify-content: center; /*position  des cartes sur la page*/
	}
	.row2 {
		flex-direction: column;
		justify-content: center; /*position  des cartes sur la page*/
	}
	.item1 {
		width:70%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #c6148f;
	}
	.item1 h3 {
		font-size:70%;
	}
	.item1 h5 {
		height:2.5em;	
	}
	.item2 {
		width:70%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #fab900;
	}
	.item2 h5 {
		height:2.5em;	
	}
	.item3 {
		width:70%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #1B60D7;
	}
	.item3 h5 {
		height:2.5em;	
	}
	.item4 {
		width:70%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #2da51e;
	}
	.item4 h5 {
		height:2.5em;	
	}
	.item0 {
		width:70%;
		margin:0.5em auto;
		height:20em;
	}

}

@media screen and (max-width: 599px){
	/*affichage cartes*/
	affichage_cartes{
		display:block;
		width:92%;
	}
	.container1 {
		display: flex;
		width:auto;
		margin:0 auto;
	}
	.row1 {
		flex-direction: column;
		justify-content: center; /*position  des cartes sur la page*/
	}
	.row2 {
		flex-direction: column;
		justify-content: center; /*position  des cartes sur la page*/
	}
	.item1 {
		width:95%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #c6148f;
	}
	.item1 h5 {
		height:2.5em;	
	}
	.item2 {
		width:95%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #fab900;
	}
	.item2 h5 {
		height:2.5em;	
	}
	.item3 {
		width:95%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #1B60D7;
	}
	.item3 h5 {
		height:2.5em;	
	}
	.item4 {
		width:95%;
		margin:0.5em auto;
		height:24em;
		border: 0.3em solid #2da51e;
	}
	.item4 h5 {
		height:2.5em;	
	}
	.item0 {
		width:95%;
		margin:0.5em auto;
		height:20em;
	}
}