@charset "utf-8";
/*
	CSS Document
	Code couleur rouge = #FA000B
*/

@font-face {
    font-family: 'raleway';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/Raleway-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

@font-face {
    font-family: 'fugazone';
    /* L'Url est le pointage du dossier depuis la feuille de style et non pas depuis la page */
    src: url('fonts/FugazOne-Regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
}

* { box-sizing: border-box; }
img { width:100%; height:auto; }
a { text-decoration:none; }

body, html { font-size:16px; font-family: 'raleway',Arial, Times, Helvetica, sans-serif; height:100%; }

body { margin:0px; padding:0px; background:#FFFFFF; font-size:1vw; color:#000000; text-align:center; vertical-align:top; max-width:100%; }

.flecheHaut { width:0; height:0; border-right:7px solid transparent; border-left:7px solid transparent; border-bottom:10px solid #FFF; margin:5px auto; }
.flecheDroite { width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-left:10px solid #FFF; margin:5px auto; }
.flecheBas { width:0; height:0; border-right:7px solid transparent; border-left:7px solid transparent; border-top:10px solid #FFF; margin:5px auto; }
.flecheGauche { width:0; height:0; border-top:7px solid transparent; border-bottom:7px solid transparent; border-right:10px solid #FFF; margin:5px auto; }

.supBandeau { width:100%; background-color:#FFFFFF; }
	.supBandeauBox { width:100%; max-width:1600px; margin:0 auto; display:flex; padding:20px 0; }
		.supBandeauBox-logo { width:50%; text-align:left; }
			.supBandeauBox-logo div {  max-width:70px; margin-top:12px; padding-right:10px; float:left; font-size:0px; }
			.supBandeauBox-logo h1 { padding-bottom:0; margin-bottom:0; }
			.supBandeauBox-logo span { font-size:1rem; }
		.supBandeauBox-pub { width:50%; min-height:100%; position:relative; }
			.supBandeauBox-pubBox { width:100%; position:absolute; height:72px; display:table; }
				.supBandeauBox-pubBox div { width:100%; vertical-align:middle;display:table-cell; background-color:#F0F0F0; border:#666666 1px dotted; border-radius:6px; }
				.supBandeauBox-pubBox a { color:#FA000B; }

.menu { width:100%; padding:0px 20px; background-color:#FA000B; }
.menuMobile { display:none; }

.mainContent { width:100%; padding:0px 20px; background-color:#FFFFFF; }
	.mainContentBande { width:100%; max-width:1600px; margin:0 auto; }
		.bandeTitreRubrique { width:100%; margin:2% 0; background-color:#F7F7F7;  background-image:linear-gradient(to bottom, #FBFBFB, #F1F1F1); background-repeat:repeat-x; text-align:left; padding:0.5% 2%; border-left:#000 8px solid;  border-bottom:2px solid #D6D6D6; color:#FA000B; }
			.bandeTitreRubrique h1 { font-size:135%; font-style:italic; font-family:'fugazone',Arial, Times, Helvetica, sans-serif; }
		.boxArticleTop { width:100%; margin:2% 0%; display:flex; }
			.boxArticleTop-img { width:74.5%; font-size:0; position:relative; }
			.boxArticleTop-text { width:25.5%; background-color:#F0F0F0; color:#000000; }
	.mainContentBande2 { width:100%; max-width:1600px; margin:1% auto; display:flex; }
		.mainContenBande2-link { width:100%; max-width:1600px; margin:0 auto; position:relative; height:48px; bottom:0; }
	.mainContentBande3 { width:100%; max-width:1600px; margin:0 auto; display:flex; }
		.boxEventPrint { width:74.5% }
			.boxEventPrint-pict { width:100%; display:flex; margin-bottom:10px; justify-content:space-between; }
				.boxEventPrint-pict img { box-shadow: 1px 1px 10px #555; }
			.boxEventPrint-link { width:100%; position:relative; height:48px; bottom:0; }
		.boxEventPub { width:23.5%; margin-top:1.5%; margin-left:2%; position:relative; }
			.boxEventPub-container { width:100%; height:100%; padding:2%; background-color:#F0F0F0; border:#666666 1px dotted; border-radius:6px; position:absolute; display:table; }
				.boxEventPub-containerMiddle { width:100%; vertical-align:middle; display:table-cell; }
					.boxEventPub-containerMiddle div a { color:#FA000B; }
	
	.subRubContentBande { width:100%; min-height:100%; display:flex; margin-bottom:50px; }
		.subRubContentBandeCol { width:50%; min-height:100%; margin-right:1%; text-align:left; position:relative; }
			.subRubContentBandeCol:last-child { margin-right:0%; }
			.subRubContentBandeCol-title { width:100%; margin:2% 0; background-color:#F7F7F7;  background-image:linear-gradient(to bottom, #FBFBFB, #F1F1F1); background-repeat:repeat-x; text-align:left; padding:0.5% 2%; border-left:#000 8px solid;  border-bottom:2px solid #D6D6D6; color:#FA000B; }
				.subRubContentBandeCol h2 {  font-size:135%; font-style:italic; font-family:'fugazone', Arial, Times, Helvetica, sans-serif; text-transform:uppercase; }
			.subRubContentBandeCol-container { width:100%; height:158px; margin:10px 0px; display:flex; }
				.subRubContentBandeCol-container-img { width:40%; font-size:0; margin-right:1%; }
				.subRubContentBandeCol-container-txt { width:60%; margin-left:1%; vertical-align:top; padding:0%; }
					.subRubContentBandeCol-container-txt { width:60%; margin-left:1%; vertical-align:top; padding:0%; }
						.subRubContentBandeCol-container-txt h2 { font-size:1vw; }
			.subRubContentBandeCol-link { width:100%; position:absolute; bottom:-40px; left:0; }

.piedpage { width:100%; overflow:hidden; text-align:center; bottom:0; left:0; padding:1em; font-size:0.8em; background-color:#000000; color:#FFFFFF; }
	.line { width:100%; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
		.line div { text-align:center; padding:0 0.2vw; }
		.piedpage a:link, .piedpage a:visited { color:#FA000B; text-decoration:none; }
		.piedpage a:hover, .piedpage a:active { color:#666666; text-decoration:none; }

	.piedpageBox { width:100%; max-width:1600px; margin:0 auto; }

	.btn {
		display: inline-block;
		padding: 4px 14px;
		margin-bottom: 0;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		vertical-align: middle;
		cursor: pointer;
		font-family:'fugazone', Verdana, Arial;
		color: #78797b;
		text-shadow: 0 1px 1px rgba(255,255,255,.75);
		background-color: #f5f5f5;
		background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));
		background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6);
		background-image: -o-linear-gradient(top,#ffffff,#e6e6e6);
		background-image: linear-gradient(to bottom,#ffffff,#e6e6e6);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
		border-color: #e6e6e6 #e6e6e6 #bfbfbf;
		border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
		border: 1px solid #bbb;
		border-top-color: rgb(187, 187, 187);
		border-top-style: solid;
		border-top-width: 1px;
		border-right-color: rgb(187, 187, 187);
		border-right-style: solid;
		border-right-width: 1px;
		border-bottom-color: rgb(187, 187, 187);
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-left-color: rgb(187, 187, 187);
		border-left-style: solid;
		border-left-width: 1px;
	    border-bottom-color: #a2a2a2;
	    -webkit-border-radius: 4px;
	    -moz-border-radius: 4px;
	    border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
	}
					
	.btn-1 {
		width:100%;
		background-color:#313336;
		background-image: -moz-linear-gradient(top,#393c40,#242628);
		background-image: -webkit-gradient(linear,0 0,0 100%,from(#393c40),to(#242628));
		background-image: -webkit-linear-gradient(top,#393c40,#242628);
		background-image: -o-linear-gradient(top,#393c40,#242628);
		background-image: linear-gradient(to bottom,#393c40,#242628);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff393c40',endColorstr='#ff242628',GradientType=0);
		font-family: fugaz one,cursive;
		border-bottom: 3px solid #be0d23;
		border-right: none;
		border-left: none;
		border-top: none;
		position: relative;
		font-size: 15px;
		line-height: 22px;
		text-transform: uppercase;
		font-family:'fugazone', Verdana, Arial;
		color: #fff;
		font-weight: 400;
		text-decoration: none;
		padding: 9px 14px 10px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		-o-transition: .3s;
		transition: .3s;
		z-index: 1;
	}
	
	.btn-1:hover { color:#FA000B; }

@media only screen and (max-width: 900px) {
	.menu { display:none; }
	.menuMobile { display:block; width:100%; padding:0px 20px; background-color:#FA000B; }

	.boxArticleTop-insidebox-title a:link, .boxArticleTop-insidebox-title a:visited { font-size:1.5em; }
	.boxArticleTop-insidebox-title a:hover, .boxArticleTop-insidebox-title a:active { font-size:1.5em; }
}

@media only screen and (max-width: 640px) {
	body { font-size:3vw; }
	.supBandeau { display:block; }
	.supBandeauBox { width:90%; height:100%; display:table; padding:0; margin-top:10px; }
		.supBandeauBox-logo { width:100%; display:table-row; font-size:0.9em; }
			.supBandeauBox-logo div {  margin-top:0; }
			.supBandeauBox-logo h1 { margin-top:0; font-size:6vw; }
			.supBandeauBox-logo span { font-size:4vw; }
		.supBandeauBox-pub { display:table-row; position:static; font-size:5vw; }
			.supBandeauBox-pubBox { position:static;margin:10px 0px; }
	
	.bandeTitreRubrique h1 { font-size:6vw; }
	
	.boxArticleTop { width:100%; margin:0; display:block; }
		.boxArticleTop-img { width:100%; font-size:0; position:relative; display:block }
		.boxArticleTop-text { width:100%; }
			.boxArticleTop-insidebox { position:relative; }
				.boxArticleTop-insidebox-title { width:100%; position:static; top:0; left:0; margin:0; padding:5px 10px; }
					.boxArticleTop-insidebox-title a:link, .boxArticleTop-insidebox-title a:visited { font-size:1.5em; }
					.boxArticleTop-insidebox-title a:hover, .boxArticleTop-insidebox-title a:active { font-size:1.5em; }
				.boxArticleTop-insidebox-btn { width:100%; position:static; padding:5px 10px; }
					.boxArticleTop-insidebox-btn:hover { background-color:#FA000B; }
					.boxArticleTop-insidebox-btn a { color:#000000; }
					
	.mainContentBande2 { display:table; }
	
	.mainContentBande3 { display:table; min-height:auto; padding-top:4vw; }
		.boxEventPrint { display:table-row; }
			.boxEventPrint-pict { width:100%; display:table; margin-bottom:0px }
			.boxEventPrint-link { width:100%; position:relative; height:48px; bottom:0; }
		.boxEventPub { display:table-row; position:static; }
			.boxEventPub-container { width:100%; height:auto; margin:20px 0px 10px 0px; position:static; display:table; font-size:4vw; }
				.boxEventPub-containerMiddle { width:100%; vertical-align:middle; display:table-cell; }
				.boxEventPub-containerMiddle div a { color:#FA000B; }

	.subRubContentBande { display:block; margin-top:10px; }
		.subRubContentBandeCol { width:100%; margin:0 0 20vw 0; }
			.subRubContentBandeCol h2 {  font-size:6vw; }
			.subRubContentBandeCol-container { width:100%; height:auto; display:block; background-color:#F7F7F7; }
				.subRubContentBandeCol-container-img { width:100%; }
				.subRubContentBandeCol-container-txt { width:100%; }
					.subRubContentBandeCol-container-txt h2 { font-size:6vw; }
					.subRubContentBandeCol-container-txt p { font-size:4.5vw; }
		.subRubContentBandeCol-link { bottom:-50px; }
	
	.piedpage { font-size:4vw; }
		.line { width:100%; padding:3vw; }
			.line div { width:100%; text-align:center; padding:1vw; }
			.spacer { display:none; }
		.piedpage a:link, .piedpage a:visited { color:#FA000B; text-decoration:none; }
		.piedpage a:hover, .piedpage a:active { color:#666666; text-decoration:none; }

	.piedpageBox { width:100%; max-width:1600px; margin:0 auto; }

}