@charset "utf-8";
/* CSS Document */
.page_actualite {
	background-color: #FFF;
	margin-top: 20px;
}

.page_actualite .Actualite{
	position: relative;
    width: 100%;
    height: auto;
	margin-top: 10px;
}
	.page_actualite .Actualite .Photo{position: relative;}
	.page_actualite .Actualite .Info {
		position: absolute;
		bottom: 10px;
		left: 10px;
		width: 90%;
		display: block;
		z-index: 9;
	}
		.page_actualite .Actualite .Info .Categorie {
			display: table;
			width: auto;
			height: auto;
			background: #3e96ce;
			font-size: 1.2rem;
			padding: 0.6rem;
			text-transform: uppercase;
			font-weight: 300;
			font-family: 'Varela Round', sans-serif;
			color: #FFF;
			transition: 0.35s;
		}
		.page_actualite .Actualite .Info .Titre {
			display: table;
			background: #FFF;
			font-size: 1.2rem;
			padding: 0.6rem;
			text-transform: uppercase;
			font-weight: 300;
			font-family: 'Varela Round', sans-serif;
			transition: 0.35s;
		}
.page_actualite .Actualite .Info .Titre h1{ padding: 0px; margin: 0px; font-size: 2rem; line-height: 2rem; vertical-align: middle;}
.page_actualite .Actualite .Article{
		display: inline-block;
		vertical-align: top;
		height: auto;
		margin: auto;
		margin-top: 10px;
		line-height: 21px;
		font-size: 14px;
	}
		.page_actualite .Actualite .Article .Reseaux{
			display: inline-block;
			height: auto;
			margin-top: 0px;
			margin-bottom: 15px;
			text-align: right;
		}
		.page_actualite .Actualite .Article .Date{
			display: inline-block;
			height: auto;
			margin-top: 5px;
			margin-bottom: 15px;
			text-align: left;
			width: 69%;
			color: #CCC;
    		font-size: 1rem;
			text-transform: uppercase;
		}
		.page_actualite .Actualite .Article img{
			max-width: 100%!important;
			height: auto!important;
		}
	.page_actualite .Actualite .Annexes{
		display:inline-block;
		vertical-align: top;
		float: right;
		width: 300px;
		height: auto;
		margin-left: 10px;
		margin-bottom: 10px;
		margin-top: 8px;
		min-height: 600px;
		text-align: right;
	}
.page_actualite .Actualite .Article h2{ font-size: 1.2rem; font-weight: 400; line-height: 30px; margin: 0;}
.page_actualite .Actualite .Article h3{ font-size: 1.2rem; color: #3e96ce; font-family: 'Varela Round', sans-serif; font-weight: 300; margin-top: 30px; margin-bottom: 10px; text-transform: uppercase;}
.page_actualite .Actualite .Article a {color:#3e96ce; text-decoration: underline;}
.page_actualite .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_actualite .uneActualite:nth-child(2n+2) {
		float: right;
	}
	.page_actualite .MegaTitre {
		display: inline-block;
		width: 100%;
		height: auto;
		margin-top: 50px;
		margin-bottom: 10px;
		vertical-align: bottom;
		line-height: 1.2rem;
		font-size: 1.2rem;
		color: #3e96ce;
		font-family: 'Varela Round', sans-serif;
		font-weight: 300;
		text-transform: uppercase;
	}
.page_actualite .Actualites{
	display: block;
	height: auto;
	z-index:9;
	position: relative;
	background-color: #FFF;
}
/**** Header Scroll ****/
.page_actualite .scroll_page {
	position: fixed;
	top:70px;
	float: right;
	max-width:1100px;
	z-index:8;
	margin-left: 30px!important;
}

@media only screen and (max-device-width : 1086px) {
	.page_actualite .Actualite{overflow: hidden;}
	.page_actualite .row {padding-left: 15px;}
	.page_actualite .Actualite .Article {margin-top: 20px;}
	.page_actualite .Actualite .Article .Date { width: 60%;}
}

@media only screen and (max-device-width : 978px){	.page_actualite .Actualite .Annexes,
	.page_actualite .Actualite .col30,
	.page_actualite .Actualite .scroll_page{display: none;}}
@media only screen and (max-device-width : 900px) {
	.page_actualite .uneActualite {
    	width: calc(100% / 2 - 4px);
		margin-bottom: 10px;
	}
	.page_actualite .row {padding-left: 0px;}
	.page_actualite .row .col70{
		margin-top: 0px;
		width: 62%;
		padding-left: 2%;
	}
	.page_actualite .Actualite .Article .Date{margin-top: 0px; padding: 0; width: 70%;}
	.page_actualite .Actualite .Article .Reseaux{ width: 29%;}
	
	.page_actualite .Actualite .Article h2{font-size: 0.8rem; line-height: inherit;}
	.page_actualite .Actualite .Article h3{font-size: 1rem; margin-bottom: 0px;}
	.page_actualite .Actualite .Article p{font-size: 0.8rem; line-height: inherit; margin-top: 0px;}
	.page_actualite .Actualites{width: 96%; padding: 2%;}
	.uneActualite .info .categorie,
	.uneActualite .info .titre{
		padding: 0.3rem;
		font-size: 0.7rem;
	}
}

@media only screen and (max-device-width : 768px) {	

	.page_actualite .uneActualite {
    	width: calc(100% / 2 - 4px);
		margin-bottom: 10px;
	}
	.page_actualite .row {padding-left: 0px;}
	.page_actualite .row .col70{
		margin-top: 0px;
		width: 96%;
		padding: 2%;
	}
	.page_actualite .Actualite .Article .Date{margin-top: 0px; padding: 0; width: 70%;}
	.page_actualite .Actualite .Article .Reseaux{ width: 29%;}
	
	.page_actualite .Actualite .Article h2{font-size: 0.8rem; line-height: inherit;}
	.page_actualite .Actualite .Article h3{font-size: 1rem; margin-bottom: 0px;}
	.page_actualite .Actualite .Article p{font-size: 0.8rem; line-height: inherit; margin-top: 0px;}
	.page_actualite .Actualites{width: 96%; padding: 2%;}
	.uneActualite .info .categorie,
	.uneActualite .info .titre{
		padding: 0.3rem;
		font-size: 0.7rem;
	}
	
}
/* 4.0 - IPHONE > PORTRAIT */
@media only screen and (max-device-width : 480px) {
	#Global{margin-bottom: 4em;}
	.page_actualite .Actualite .Article iframe {width: 100%;}
	.page_actualite .Actualite .Info .Titre h1 { font-size: 1.2rem;}
	.page_actualite .Actualite .Info .Categorie { font-size: .8rem;}
	.page_actualite .Actualite  .Photo img {     margin-left: -25%; height: 100%; width: auto;}
	.page_actualite .uneActualite { width: 100%; }
	.page_actualite .row .col70 .col30 { width: initial;}
	.page_actualite .row .col30{ display: none; }
	/*.page_actualite .Actualite .Article { margin-top: 50px;}*/
}