@charset "utf-8";
/* CSS Document

Couleur primaire orange : rgb(255,116,59) ou #FF743B 
font-family : caviardreams
text-shadow : #000000 2px 2px 2px
*/

video { width:100%; height:auto; border:none; text-shadow:none; }
audio { width:100%; background-color:#FFFFFF; border-radius:0; }


.pciContainer { width:96%; display:flex; flex-wrap:wrap; margin:2em auto 0 auto; justify-content:space-between; text-shadow:#000000 2px 2px 2px; }
	.pciContainer-subMenu { width:30%; display:flex; flex-wrap:wrap; align-content:flex-start; }
		.pciContainer-subMenu-line { width:100%; border-bottom:#FFFFFF 1px solid; background-color:rgba(0,0,0,0.5); padding:1em 0.5em 1em 1em; }
			.pciContainer-subMenu-line-niv2 { width:100%; padding:0.25em 0 0.25em 1em; }
			.pciContainer-subMenu-line-niv2 a i { padding-right:1em; }

		a.subMenu:link, a.subMenu:visited { color:rgba(255,116,59); }
		a.subMenu:hover, a.subMenu:active { color:#FFFFFF; }
		
		a.subMenuSelected:link, a.subMenuSelected:visited { color:#FFFFFF; }
		a.subMenuSelected:hover, a.subMenuSelected:active { color:rgba(255,116,59); }

	.pciContainer-box { width:68%; display:flex; flex-wrap:wrap; align-content:flex-start; padding:0 2em; background-color:rgba(0,0,0,0.5); }
		.pciContainer-box h3, .pciContainer-box h4, .pciContainer-box p { width:100%; }
		.pciContainer-box a:link, .pciContainer-box a:visited { color:rgba(255,116,59); }
		.pciContainer-box a:hover, .pciContainer-box a:active { color:#FFFFFF; }
		.pciContainer-box-pict { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; }
			.partenairesBox { width:18%; display:flex; flex-wrap:wrap; background-color:rgba(0,149,210); color:#FFFFFF; align-content:center; justify-content:center; text-shadow:none; }
				.partenairesBox-top { width:100%; display:flex; flex-wrap:wrap; font-size:8rem; align-content:center; justify-content:center; }
				.partenairesBox-bottom { width:100%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; text-align:center; padding:0.5em 1em; }
				.partenairesBox a:link, .partenairesBox a:visited { color:#FFFFFF; }
				.partenairesBox a:hover, .partenairesBox a:active { color:rgba(255,116,59); }
			.pictBox { width:18%; display:flex; flex-wrap:wrap; }
				.pictBox-pict { width:100%; font-size:0; }
				.pictBox-label { width:100%; display:flex; flex-wrap:wrap; font-size:0.8em; text-align:center; justify-content:center; }
		.pciContainer-box-details { width:50%; padding:0 1em; }
		.videoBox { width:100%; display:flex; flex-wrap:wrap; justify-content:right; padding:2em 0; }
			.videoBoxTitle { width:100%; padding:0.5em 1em; background-color:rgba(0,0,0); text-shadow:none; }
				.videoBoxTitle h4, .videoBoxTitle p { margin:0; padding:0; }
			.videoBoxCopyright { padding:0.5em 1em; font-size:0.6em; text-shadow:none; background-color:rgba(255,116,59); border-radius:0 0 0.5em 0.5em; }
		.imageBox { width:100%; display:flex; flex-wrap:wrap; justify-content:right; }
			.imageBox-title { width:100%; padding:0.5em 1em; background-color:rgba(255,116,59); text-shadow:none; }
			.imageBox-pict { width:100%; font-size:0; }
			.imageBox-copyright { padding:0.5em 1em; background-color:rgba(255,116,59); text-shadow:none; border-radius:0 0 0.5em 0.5em; font-size:0.8em; }
				a.imageBox-copyright-link:link, a.imageBox-copyright-link:visited { color:#000000; }
				a.imageBox-copyright-link:hover, a.imageBox-copyright-link:active { color:#FFFFFF; }

		.pciRecrutement { width:100%; margin:0.5em 0; display:flex; flex-wrap:wrap; justify-content:space-between; }
			.pciRecrutement-title { width:100%; display:flex; flex-wrap:wrap; background-color:rgba(255,116,59); text-shadow:none; padding:0.5em 1em; justify-content:space-between; }
				.pciRecrutement-title h4 { margin:0; padding:0; }
				.pciRecrutement-title-btns { display:flex; flex-wrap:wrap; align-content:center; }
					.pciRecrutement-title-btns div { padding:0 0.25em; }
					a.title-btn:link, a.title-btn:visited { color:#FFFFFF; }
					a.title-btn:hover, a.title-btn:active { color:#000000; }
				.pciRecrutement-pict { width:30%; font-size:0; }
				.pciRecrutement-details { width:40%; display:flex; flex-wrap:wrap; padding:0.5em; align-content:space-between; text-align:center; }
					.pciRecrutement-details-line { width:100%; }
				.pciRecrutement-map { width:30%; font-size:0; }
				.pciRecrutement-cantons { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0.25em; padding:0.5em; }
					.pciRecrutement-cantons div { width:7.5%; }
			.sousTitle { margin:0; padding:0; }
			.sousParagraphe { margin-top:0; padding-top:0; }
				.sousParagraphe font { color:#FF777A; }
		.pciUL { width:100%; margin:0 1em; padding:0 1em; list-style-type:square; }

	.subMenuBox-addon { width:100%; display:flex; flex-wrap:wrap; margin:1em 0; background-color:rgba(0,0,0,0.5); padding:1em; }
		.subMenuBox-addon-pict { width:50%; margin:0 auto; font-size:0; }
		.subMenuBox-addon h3, .subMenuBox-addon p { width:100%; padding:0; margin:0; }
		.subMenuBox-addon h3 { padding-top:1em; }


@media screen and (max-width:1600px) {

}

@media screen and (max-width:1280px) {
	/* 17-19 pouces */
}

@media screen and (max-width:1020px) {
	/* 15 pouces */
}

@media screen and (max-width:600px) {
	.pciContainer-subMenu, .pciContainer-box { width:100%; }
	.pciContainer-box { padding:1em; }
	.partenairesBox { width:100%; margin-bottom:1em; }
	.pictBox { width:100%; margin-bottom:1em; }
		.pictBox-label { background-color:rgba(0,0,0); padding:0.5em 0; font-size:1em; }
		
	.pciContainer-box-details { width:100%; padding:0; }
	.videoBoxTitle { font-size:smaller; }
	
	.pciRecrutement { background-color:rgba(0,0,0); }
		.pciRecrutement-pict, .pciRecrutement-details, .pciRecrutement-map { width:100%; }
		.pciRecrutement-cantons { background-color:rgba(255,116,59); margin-top:0; }
}