/* categorie.css */
/* lien ancre haut page */
.lien_ancre_haut_page {
	text-align: center;
	margin-top: 20px;
}
.lien_ancre_haut_page a {
	text-decoration: underline;
	color: #dc2205;
	font-weight: bold;
	font-size: 16px
}

/* BLOC SOUS DESCRIPTIF */
.bloc_ss_descr_categorie {
	font-style: italic;
    background-color: #fff;
    padding: 10px;
    margin: 30px 0;
}
.bloc_ss_descr_categorie > *:first-child { margin-top: 0; }
.bloc_ss_descr_categorie > *:last-child { margin-bottom: 0; }
.bloc_ss_descr_categorie h2 { margin: 10px 0; }
.bloc_ss_descr_categorie h3, 
.bloc_ss_descr_categorie .sous_titre { margin: 8px 0; }
.bloc_ss_descr_categorie .sous_titre {
	font-size: 12px;
    font-weight: bold;
}
.bloc_ss_descr_categorie a, 
.bloc_ss_descr_categorie .lien { text-decoration: underline; }
.bloc_ss_descr_categorie ul {
	margin: 5px 0;
    padding-left: 30px;
}
.bloc_ss_descr_categorie p,
.bloc_ss_descr_categorie li { text-align: justify; }

/* DESKTOP */
@media only screen and (min-width: 1025px) {
	.clearfix::after {
		content: '';
		clear: both;
		display: block;
	}

	/* CONTENU */
	#conteneur_global { 
		width: 100%; 
		padding: 0;
	}
	#conteneur_global .align_center {
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 10px;
	}

	#contenu_categorie {
		display: block;
		vertical-align: initial;
		width: auto;
		margin: 20px 0 50px;
		color: #3d3d3d;
	}
	#contenu_categorie > .align_center { max-width: 1500px; }

	/* BLOC HAUT */
	.bloc_haut_categorie { 
		height: 272px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	/* BLOC SS MENUS */
	.bloc_cat_ss_menu { display: none; }

	/* ACCROCHE */
	.bloc_accroche_categorie { margin: 0 auto 20px; }
	.bloc_accroche_categorie .titre {
		text-align: left;
		font-size: 17px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.bloc_accroche_categorie p {
		text-align: justify;
		font-size: 14px;
		line-height: 20px;
	}
	.bloc_accroche_categorie b { font-weight: 500; }

	/* SOUS CATEGORIE */
	.contenaire_sous_categories,
	.sous_categorie { margin-bottom: 40px; }
	.sous_categorie:last-child { margin-bottom: 0; }
	.contenaire_liste .entete { 
		margin-bottom: 8px; 
		text-align: center; 
	}
	.contenaire_liste .entete .titre {
		text-transform: uppercase;
		font-family: "AppleGaramond", serif;
		font-size: 26px;
		line-height: normal;
		font-weight: 400;
	}

	.contenaire_liste.categorie .entete .titre,
	.contenaire_liste.sous_categorie .entete .titre { color: #204182; }
}

/* RESPONSIVE */
@media only screen and (max-width: 1024px) {
	body { background-color: #f5f5f5; }

	.clearfix::after {
		content: '';
		clear: both;
		display: block;
	}

	/* CONTENU */
	#conteneur_global { margin: 0; }

	#contenu_categorie {
		display: block;
		vertical-align: initial;
		width: auto;
		margin: 20px 0 30px;
		color: #3d3d3d;
	}
	#contenu_categorie .align_center { 
		max-width: 1280px;
		padding: 0 10px; 
	}

	/* BLOC HAUT */
	.bloc_haut_categorie { 
		height: 140px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 10px;
	}

	/* BLOC SS MENUS */
	.bloc_cat_ss_menu {
		display: block;
		background-color: #fff;
		padding: 0 5px 5px 5px;
	}
	.bloc_cat_ss_menu ul {
		padding: 5px;
		margin: 0 auto;
		list-style: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		background-color: #083c6b;
		border-radius: 3px;
		max-width: 470px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.bloc_cat_ss_menu li {
		-webkit-box-flex: 50%;
		    -ms-flex: 50% 0 0px;
		        flex: 50% 0 0;
		padding: 6px 3px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		text-align: center;
		color: #fff;
		font-size: 13px;
		font-weight: 500;
		border-bottom: 1px solid #38638a;
		position: relative;
	}
	.bloc_cat_ss_menu.odd li:nth-child(odd):last-child { border-bottom: none; }
	.bloc_cat_ss_menu.even li:nth-last-child(-n+2) { border-bottom: none; }
	.bloc_cat_ss_menu a {
		display: block;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	
	.bloc_cat_ss_menu.ss_cat { padding: 5px; }
	.bloc_cat_ss_menu.ss_cat li { -webkit-box-flex: 100%; -ms-flex: 100% 0 0px; flex: 100% 0 0; }
	.bloc_cat_ss_menu.ss_cat li:last-child { border-bottom: none; }

	/* ACCROCHE */
	.bloc_accroche_categorie { margin: 0 auto 20px; }
	.bloc_accroche_categorie .titre {
		text-align: left;
		font-size: 17px;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.bloc_accroche_categorie p {
		text-align: justify;
		font-size: 14px;
		line-height: 20px;
	}
	.bloc_accroche_categorie b { font-weight: 500; }

	/* SOUS CATEGORIE */
	.contenaire_sous_categories,
	.sous_categorie { margin-bottom: 20px; }
	.sous_categorie:last-child { margin-bottom: 0; }
	.contenaire_liste .entete { 
		margin-bottom: 8px; 
		text-align: center; 
	}
	.contenaire_liste .entete .titre {
		text-transform: uppercase;
		font-family: "AppleGaramond", serif;
		font-size: 26px;
		line-height: normal;
		font-weight: 400;
	}
	.contenaire_liste.categorie .entete .titre,
	.contenaire_liste.sous_categorie .entete .titre { color: #204182; }
	
	
	/* RESPONSIVE MOBILE <= 480px */
	@media only screen and (max-width: 480px) {

		/* BLOC HAUT */
		.bloc_haut_categorie { 
			padding: 0; 
			height: auto;
		}

		/* ACCROCHE */
		.bloc_accroche_categorie p { line-height: normal; }

		/* SOUS CATEGORIE */
		.contenaire_sous_categories,
		.sous_categorie { margin-bottom: 25px; }

		/* BLOC DIAPO MV */
		#bloc_diapo_MV { margin-top: 25px; }
		
		/* BLOC SOUS DESCRIPTIF */
		.bloc_ss_descr_categorie ul { padding-left: 15px; }
	}
}