@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;
}

html { height:100%; }
body { margin:0 0 100px 0; padding:0; background-color:#FFFFFF; color:#000000; text-align:center; vertical-align:top; font-size:1vw; font-family: 'raleway',Arial, Times, Helvetica, sans-serif; min-height:100%; position:relative; }
footer { /* position:absolute; */ bottom:0; left:0; right:0; }

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

.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-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%; margin:1% auto; }
		.bandeTitreRubrique { width:100%; margin:2% 0; background-color:#F7F7F7;  background-image:linear-gradient(to bottom, #FBFBFB, #F1F1F1); background-repear: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; letter-spacing:-1; font-family:'fugazone',Arial, Times, Helvetica, sans-serif; }
				.bandeTitreRubrique h1 a:link, .bandeTitreRubrique h1 a:visited { color:#FA000B; }
				.bandeTitreRubrique h1 a:hover, .bandeTitreRubrique h1 a:active { color:#333333; }

	.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);
	}
	
	 input[type=button] {
		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 {
		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; }

.mainContainer { width:100%; display:flex; }
	.mainContainerColLeft { width:80%; display:inline-block; }
		.mainContainerColLeft_flexbox { width:100%; display:flex; flex-wrap:wrap; }
			.articleBox { width:48%; margin:0% 2% 2% 0%; max-height:650px; position:relative; background-color:#F7F7F7; }
				.articleBoxImg { width:100%; }
					.articleBoxImgPost { width:100%; position:relative; font-size:0px; }
						.articleBoxImgPost div { position: absolute; bottom:0; background: rgb(250, 0, 11); background: rgba(250, 0, 11, 0.5); color:#FFFFFF; text-shadow: 2px 2px 5px #000000; width: 100%; opacity:1; color: white; font-size:16px; padding: 20px; text-align:center; cursor:pointer; }
							.articleBoxImgPost div a { color:#FFF; }
				.articleBoxLabel { width:100%; margin-top:2%; display:flex; padding:0 20px; }
					.articleBoxLabel div { border-right:#000000 1px solid; padding-left:10px; padding-right:10px; }
						.articleBoxLabel div:first-child { padding-left:0px; }
						.articleBoxLabel div:last-child { border:none; padding-right:0px; }
					.articleBoxLabel a { color:#FA000B; }
				.articleBoxText { width:100%; max-height:100%; padding:0 20px 50px 20px; }
					.articleBoxText p { font-weight:bold; text-align:justify; margin-top:10px; margin-bottom:10px; }
				.articleBoxLink { width:100%; margin-top:2%; position:absolute; bottom:0; left:0; }
	.mainContainerColRight { width:20%; }
		.searchBox { width:100%; min-height:34px; }
		.pubBox { width:100%; display:block; min-height:80px; }
			.boxEventPub { width:100%; margin-top:1.5%; margin-left:0%; 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:#BE0D23;; }
		
		.boxLat { width:100%; margin-top:20px; }
			.boxMenu { width:100%; display:flex; }
				.formMenuLat { width:100%; display:flex; flex-wrap:wrap; margin-top:1vw; }
					.btnMenu { width:50%; float:left; }
					.cartoucheBTN { width:98%; margin:0 auto; background-color:#313336; color:#FFFFFF; font-family:'fugazone', Verdana, Geneva, sans-serif; font-size:1vw; cursor:pointer; border-bottom:#FA0008 2px solid; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
					.cartoucheBTN:hover { color:#FA0008; }

		.sizedContainer { width:100%; padding:3% 0% 5% 0%; display: block; }
			.sizedContainerBox { width:100%; display:flex; flex-wrap:wrap; margin-bottom:10px; background-color:#F7F7F7; border-bottom:#BE0D23 3px solid; align-items:center; }
				.sizedContainerBox-pict { width:100%; font-size:0; }
				.sizedContainerBox-text { width:100%; display:block; padding:1vw; overflow:hidden; font-size:1vw; }
					.sizedContainerBox-text-title { width:100%; text-align:left; overflow:hidden; font-size:0.85vw; }
					.sizedContainerBox-text-intro { width:100%; text-align:justify; font-size:0.85vw; }
						.sizedContainerBox-text-intro a { color:#000; }


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

	.supBandeau { display:block; }
		.supBandeauBox { width:90%; height:100%; display:table; padding:0; margin-top:10px; }
			.supBandeauBox-logo { width:100%; display:table-row; font-size:2.5vw; }
				.supBandeauBox-logo div {  margin-top:0; }
				.supBandeauBox-logo h1 { margin-top:0; }
			.supBandeauBox-pub { display:table-row; position:static; }
				.supBandeauBox-pubBox { position:static;margin:10px 0px; font-size:3vw; }
				.boxEventPub-containerMiddle { font-size:3vw; }

	.mainContainer { width:100%; display:block; }
		.mainContainerColLeft { width:100%; display:block; }
			.articleBox { width:100%; }
		.mainContainerColRight { width:100%; display:block; }
		
			.bandeTitreRubrique h1 { font-size:4vw; }
			.cartoucheBTN { font-size:4vw; }

		.articleBox { display:inline-table; }
			.articleBoxLabel { font-size:3vw; flex-direction:column; }
				.articleBoxLabel div { width:100%; border:none; padding:1vw 0; }
			.articleBoxText {max-height:none; min-height:inherit; display:block; padding:20px; font-size:3vw; overflow:hidden;  }
				.articleBoxText p { padding-bottom:10vw; }
			.articleBoxLink { margin-top:0px; }

			.boxLat { margin-top:10px; }
			.sizedContainerBox-text-title { font-size:3vw; max-height:100%; }
			.sizedContainerBox-text { font-size:2.5vw; max-height:100%; }
			.sizedContainerBox-text-intro { font-size:2.5vw; }
			.sizedContainerBox { max-height:100%; }
}

@media only screen and (max-width: 500px) {
	.supBandeau { display:block; }
		.supBandeauBox { width:90%; height:100%; display:table; padding:0; margin-top:10px; }
			.supBandeauBox-logo { width:100%; display:table-row; font-size:5vw; }
				.supBandeauBox-logo div {  margin-top:0; }
				.supBandeauBox-logo h1 { margin-top:0; }
			.supBandeauBox-pub { display:table-row; position:static; }
				.supBandeauBox-pubBox { position:static;margin:10px 0px; font-size:3vw; }
				.boxEventPub-containerMiddle { font-size:3vw; }
	
	.bandeTitreRubrique h1 { font-size:5vw; }
	.cartoucheBTN { font-size:5vw; }

	.articleBoxLabel { font-size:5vw; }
	.articleBoxText {font-size:5vw; }
	.sizedContainerBox { max-height:none; }
		.sizedContainerBox-text-title { max-height:none; font-size:5vw; }
		.sizedContainerBox-pict { overflow:hidden; max-height:100%; }
		.sizedContainerBox-text, .sizedContainerBox-text-intro { font-size:4.5vw; padding:10px; }
}