@charset "utf-8";
/* CSS Document */
.page_actualites {
	background-color: #FFF;
}
.page_actualites .uneActualite{
	background: #fff;
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: calc(100% / 2 - 15px);
    height: auto;
	max-height: 194px;
    margin: 0px;
    margin-bottom: 30px;
    font-size: 0px;
    overflow: hidden;
}
.page_actualites a.uneActualite { color:#424242 ;}

.page_actualites .uneActualite:nth-child(1) {
    width: calc(100% / 1 - 0px);
	max-height: 396px;
}
.page_actualites .uneActualite:nth-child(1) .info .categorie { font-size: 2rem;}
.page_actualites .uneActualite:nth-child(1) .info .titre { font-size: 2rem;}

.page_actualites .uneActualite:nth-child(2n+3) {
	float: right;
}

@media only screen and (max-device-width : 1024px) {
	.page_actualites .uneActualite:nth-child(2n+3) {
    float: none;
    margin-left: 2.6%;
	}
	
}
@media only screen and (max-device-width : 900px) {	
	.page_actualites .uneActualite:nth-child(2n+3) {
		margin-left: 0.7%;}
	.page_actualites{ background-color: #FFF; margin-top: 0px; width: 98%; padding-left: 1%; padding-right: 1%;}
	.page_actualites .uneActualite {
    	width: calc(100% / 2 - 5px);
		margin-bottom: 10px;
	}
	.page_actualites .uneActualite:nth-child(1) .info .categorie,
	.page_actualites .uneActualite:nth-child(1) .info .titre{
		font-size: 1.1rem;
		padding: 0.4rem;
	}
	.page_actualites .uneActualite .info .categorie,
	.page_actualites .uneActualite .info .titre{
		padding: 0.3rem;
    	font-size: 0.8rem;
	}
}

@media only screen and (max-device-width : 768px) {	
	.sousHeader{display: none;}
	.page_actualites .uneActualite {
    	width: calc(100% / 2 - 5px);
		margin-bottom: 10px;
	}
	.page_actualites .uneActualite:nth-child(1) .info .categorie,
	.page_actualites .uneActualite:nth-child(1) .info .titre{
		font-size: 1rem;
	}
	.page_actualites .uneActualite .info .categorie,
	.page_actualites .uneActualite .info .titre{
		padding: 0.3rem;
    	font-size: 0.7rem;
	}
}

@media only screen and (max-device-width : 480px) {
	#Global {margin-bottom: 4em;}
	.page_actualites .uneActualite:nth-child(2n+3) {
		margin-left: 0;
}
.page_actualites {
margin-top: 0;}
	
	.page_actualites .uneActualite,
	.page_actualites .uneActualite:nth-child(1){
		width: 100%;
		height: 10rem;
	}
		.page_actualites .uneActualite:nth-child(1){
		height: 14rem;
	}
	.uneActualite .Photo {
    
		height: 100%;}
.uneActualite .Photo img {
    width: auto;
	height: 100%;}
}