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

Couleur primaire orange : rgb(255,116,59) ou #FF743B 
font-family : caviardreams

*/

.docsContainer { width:96%; margin:2em auto 0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
	.docsRubrique { width:100%; display:block; }
		.docsContainer-menu-list { width:100%; border-bottom:#FFFFFF 1px solid;  background-color:rgba(0,0,0,0.5); padding:0.5em; }
		.docsContainer-menu-list-selected { width:100%; border-bottom:#FFFFFF 1px solid;  background-color:rgba(255,116,59); padding:0.5em; }
			.docsContainer-menu-list-selected a { color:#FFFFFF; }
			.docsContainer-menu-list a:link, .docsContainer-menu-list a:visited { color:rgba(255,116,59); }
			.docsContainer-menu-list a:hover, .docsContainer-menu-list a:active { color:#FFFFFF; }

	.docsContainer-wall { width:75%; margin:1em auto; display:flex; flex-wrap:wrap; justify-content:space-between; }
		.docsWall { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:1em 0; }
			.docsWall-container { width:24%; background-color:rgba(255,116,59); margin:1em 0; position:relative; }
				.docsWall-container-pict { width:100%; display:block; font-size:0; }
				.docsWall-container-title { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:1em; }
					.docsWall-container-dateBox { width:100%; display:flex; flex-wrap:wrap; font-size:0.65em; padding:1em 0; justify-content:space-between; align-contenr:center; }
						.docsWall-container-dateBox-rub { padding:0.5em 1em; background-color:#666666; }
					.docssWall-container-titleBox { width:100%; text-align:center; padding:1em 0; }
						.docsWall-container-titleBox h3 { margin:0; padding:0; }

				.docsWall-container-overlay { position:absolute; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.85); color:#FFFFFF; overflow:hidden; width:100%; height:0; transition:0.5s ease; }
				.docsWall-container:hover .docsWall-container-overlay { height:100%; }
					.docsWall-container-overlay-content { width:100%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; padding:2em; position:relative; min-height:100%; }
						.docsWall-container-overlay-content a { color:#FFFFFF; }
						.docsWall-container-overlay-content h3, .docsWall-container-overlay-content p { width:100%; margin:0; padding:0; }
						.docsWall-container-overlay-content-btn { position:absolute; bottom:1em; margin:0 auto; background-color:rgba(255,116,59); text-align:center; padding:0.5em 1em; }
							.docsWall-container-overlay-content-btn a:link, .docsWall-container-overlay-content-btn a:visited { text-shadow:none; color:#FFFFFF; }
							.docsWall-container-overlay-content-btn a:hover, .docsWall-container-overlay-content-btn:active { color:#000000; }


		.detailsDoc-title { width:100%; display:flex; flex-wrap:wrap; background-color:rgba(255,116,59); padding:1em; align-items:center; justify-content:space-between; border-bottom:#FFFFFF 1px solid; }
			.detailsDoc-title-text { width:90%; }
				.detailsDoc-title-text h3 { margin:0; padding:0; }
			.detailsDoc-title-btn { width:10%; }
				.detailsDoc-title-btn a:link, .detailsDoc-title-btn a:visited { color:#FFFFFF; }
				.detailsDoc-title-btn a:hover, .detailsDoc-title-btn a:active { color:#000000; }
		.detailsDoc-intro { width:100%; padding:1em; background-color:rgba(0,0,0,0.5); text-shadow:#000000 2px 2px 2px; }
		.detailsDoc-top { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; background-color:rgba(0,0,0,0.5); }
		.detailsDoc-top-pict { width:48%; font-size:0; }
		.detailsDoc-top-label { width:50%; display:flex; flex-wrap:wrap; padding:1em; }
			.detailsDoc-top-label-box { width:50%; padding:0 1em; text-align:center; line-height:1.5em; }
			.detailsDoc-top-label-box-full { width:100%; padding:0 1em; text-align:center; line-height:1.5em; }
		.detailsDocs-texte { width:100%; padding:0 2em; background-color:rgba(0,0,0,0.5); text-shadow:#000000 2px 2px 5px; }
		.detailsDoc-close { width:100%; display:flex; flex-wrap:wrap; justify-content:right; }
			.detailsDoc-close-top { display:flex; flex-wrap:wrap; float:right; }
				.detailsDoc-close-top a:link, .detailsDoc-close-top a:visited { background-color:rgba(255,116,59); color:#FFFFFF; border-radius:0.5em 0.5em 0 0; padding:0.5em 2em; font-size:0.85em; }
				.detailsDoc-close-top a:hover, .detailsDoc-close-top a:active { background-color:#666666; }
			.detailsDoc-close-bottom { width:100%; display:flex; flex-wrap:wrap; float:left; justify-content:space-between; padding-top:0.3em; }
				.detailsDoc-close-bottom a:link, .detailsDoc-close-bottom a:visited { background-color:rgba(255,116,59); color:#FFFFFF; border-radius:0 0 0.5em 0.5em; padding:0.5em 2em; font-size:0.85em; }
				.detailsDoc-close-bottom a:hover, .detailsDoc-close-bottom a:active { background-color:#666666; }


@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) {
	.docsContainer-menu, .docsContainer-wall{ width:100%; }
		.docsWall-container { width:100%; background-color:rgba(0,0,0,0.5); position:static; display:block; }
			.docsWall-container-overlay { position:static; height:auto; background-color:unset; }
				.docsWall-container-overlay-content { padding:0 1em 4em 1em; min-height:auto; }
					.docsWall-container-overlay-content h3 { display:none; }
					
	.detailsDoc-title-text, .detailsDoc-title-btn { width:100%; text-align:center; }
		.detailsDoc-title-btn { padding-top:1em; }
		.detailsDoc-top-pict, .detailsDoc-top-label { width:100%; }
			.detailsDoc-top-label-box-full { padding:0; }
			.detailsDoc-top-label-box { width:100%; padding:0; }
		.detailsDocs-texte { padding:0 1em; }
		.detailsDoc-close-bottom { padding-top:0; }
			.detailsDoc-close-bottom div { width:100%; }
				.detailsDoc-close-bottom a:link { width:100%; display:block; border-radius:0; text-align:center; }
}