@import url('https://fonts.googleapis.com/css2?family=Mada:wght@200..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"');
@media all {

	/****************Mise en forme spécifique Onlyweb***********/

	#footer_print {
		font-size: 12px;
		height:40px;
		bottom:20px;
		padding-bottom: 20px;
	}
	.table1 td {
		border: 1px #000 solid;
		font-size: 13px;
	}
	p.nouvelle_page{
		page-break-before: always;
		height: 0px;
		overflow: hidden;
	}
	.hr1 {
		background-color: #B0C4DE;
		width: 90%;
		height: 2px;
	}
	.entete1 td,td.entete1,div.entete1{
		background-color: #B0C4DE;
		font-weight: bold;
		border: 1px #fff solid;
		padding: 10px 5px;
	}
	p.parag1{
		padding-left: 10px;
		margin-top: -10px;
	}
	.page_portrait{
		position: relative;
		width: 18.75cm;
		min-height: 27.3cm;
		overflow: hidden;
	}
	/***************************/

	

	/****************css spécifique au catalogue***********/
	div.document_catalogue,	div.document_catalogue div,div.document_catalogue table,div.document_catalogue td,div.document_catalogue span:not(.glyphicon),div.document_catalogue p,div.document_catalogue ul,div.document_catalogue li{
		font-family: "Mada", serif !important;
	}
	div.document_catalogue h1,div.document_catalogue h2,div.document_catalogue h3,div.document_catalogue h4{
		font-family: "Montserrat", serif !important;
	}
	 .catalogue_bandeau_titre{
		padding-left: 16px;
		margin-bottom: 40px;
	}
	.catalogue_bandeau_titre h2{
		font-size: 32px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
		font-family: "Montserrat", serif !important
	}
	.catalogue_bandeau_titre h3{
		margin: 0;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 300;
		font-family: "Montserrat", serif !important
	}
	 h1.document_catalogue{
		font-size: 46px;
		text-transform: uppercase;
	}
	 h2.document_catalogue{
		font-size: 24px;
		text-transform: uppercase;
	}
	h3.document_catalogue{
		font-size: 16px;
		text-transform: uppercase;
	}
	h4.document_catalogue{
		font-size: 11px;
	}
	 p.document_catalogue{
		font-size:11px;
	}
	 div.catalogue-bloc{
		width: 20%;
		height: fit-content;
		margin-left: 10%;
		right: 0;
		text-align: center;
		font-size: 16px;
		border: 5px solid;
	}
	 div.catalogue-bloc strong{
		text-transform: uppercase;
	}
	.catalogue_logo{
		padding: 8px;
		text-align: center;
		background-color: #fff;
		display: inline-block;
	}
	.catalogue_logo h3{
		margin: 0;
		font-size: 16 px;
	}
	.titre_catalogue {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 16px;
		padding-bottom: 40px;
	}
	.titre_catalogue h1{
		font-size: 46px;
		font-weight:500;
		text-transform: uppercase;
		margin: 4px;
	}
	.catalogue_logo img{
		height: 100px;
	}
	.presentation_catalogue {
		margin: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		height: 750px;
	}
	.image_principale{
		width: 80%;
		height: 100%;
		background-color: #fff;
		box-shadow: 8px 8px 0px 0px #c00;
	}
	.contact_catalogue {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-end;
	}
	.contact_catalogue h4{
		margin: 0;
		font-size: 16px;
		font-weight: normal;
		writing-mode: sideways-lr;
	}
	/***Page d'introduction***/
	.titre_page{
		border-left: 2px solid #000;
		padding-left: 16px;
		margin-bottom: 40px;
	}
	.titre_page h2{
		font-size: 32px;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0;
	}
	.titre_page h3{
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 300;
		margin: 0;
	}
	.image_intro{
		width: 98%;
		height: 170px;
		background-color: #fff;
		box-shadow: 8px 8px 0px 0px #000;
	}
	.texte_intro{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		gap: 40px;
		margin: 40px;
		margin-bottom: 0;
	}
	.ligne{
		width: 0.5px;
		height: 150px;
		background: #000;
		border: 1px solid #000;
	}
	.texte_intro p {
		font-size: 16px;
		text-align: justify;
	}
	div.document_catalogue div.page_introduction div.numero_page, div.document_catalogue div.page_sommaire_thematique div.numero_page{
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-end;
		font-size: 96px;
		font-weight: 700;
		opacity: 0.16;
		font-family: "Montserrat", serif !important;
		text-align: right;
	}
	/***Page Sommaire***/
	.sommaire-themes {
		display: flex;
		justify-content: flex-end;
	}
	.sommaire-themes-liste {
		width: 80%;
	}
	.thematique {
		display: flex;
		align-items: baseline;
		gap: 24px;
	}
	.sommaire-themes-titres {
		display: flex;
		align-items: baseline;
		gap: 22px;
	}
	.sommaire-themes .sommaire-themes-liste h1 {
		font-size: 40px;
		font-weight: bold;
		margin: 0;
		width: 50px;
		justify-content: flex-end;
		display: flex;
	}
	.sommaire-themes .sommaire-themes-liste h2{
		font-weight: 400;
		text-transform: uppercase;
	}
	.sommaire-themes .sommaire-themes-liste h4{
		font-weight: 200;
		text-transform: uppercase;
		margin-top: 10;
		padding-left: 74px;
	}
	/***Pages de garde par themes***/
	.catalogue_theme_liste h4{
		font-size: 24px;
		font-weight: 400;
	}
	.catalogue_theme_liste {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 24px;
		height: 800px;
		background-image: url("data:image/svg+xml,%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 400 400'%3E%3C!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23cb1417; opacity: .2; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M171.5,363c-34-1.1-72.5-19.8-83.3-28.9-32.3-125,45.2-207.9,82.6-222.9,0,0,10.4,5.1,18.5,7.1-78,78.2-32,219.3-17.8,244.8M164.2,107.4l-9.1-5.6c-53.5,5.5-126.3,51-138.8,142.2,7.5,21.4,29.7,64.3,57.3,83.9-3.8-25.9-25.2-156.1,90.6-220.5M220.4,136.4c-12.6-5.3-21.5-10.3-21.5-10.3-36.3,40.2-61.9,117.7-15.5,239.1,20.3,6.1,77.6,1.8,90.1-2.8-23.8-17.6-101.8-113.3-53.1-226M149.9,96.9c-4.2-3.2-6.8-14.5-3.2-18.5-14.5-1.3-90.7-5.8-128.2,33C1.8,125.8-6.3,181.4,5.8,215c15.2-42,63.5-106.9,144.1-118.1M149.9,71.2c7.2-6.3,22.2-11.8,39.4-8.8-16.6-9.9-51.7-24.4-107.5-16.7,0,0-38.4,9.1-49,42.8,23.1-10.9,53.8-21.8,117.1-17.3M193,58.2c9.5-4.1,31.3-10.2,38.2-9.1-7.7-8.8-41.9-34.4-77.6-36.1,0,0-47.9,4.4-63.2,21.4,23.8-1.7,75.1-.9,102.6,23.8M242.7,46.6c13.6-1.3,32.6.9,37.4-3.9-4.9-9.8-20.9-27.5-41.3-32.4-17.6-5.7-50.9-4.2-56.7-.3,25,8.2,56.3,25.5,60.6,36.6M250.9,146.4l-20.2-7.8c-18.7,21-27.5,157,58.1,220.4,14.3,2.5,43.5-5.5,55.9,4-10.6-21.1-118.3-95.2-93.8-216.6M288.2,153.6l-24.9-5.3c-44,104.5,100.3,169.4,100.6,245.1,43.4-62-108.9-160.1-75.6-239.8M230.7,91.7s-.3-6-4-12.3c-15.3-7.1-49.7-14.8-69.8-3.7-23.1,12.8,25.9,39.4,55.6,32,0,0,9.1-1.7,12.5-9.4-3-8.8-29.8-15.1-52.4-12.8,16.7-8.1,46.6-2.1,58.1,6M390.7,91.4c-2,3.9-5.2,3.5-8.8,6.5-3.8,3.1-2.8,4.3,3.2,2.4,10.6-3.4,11.7,12.4,14.9,11,0-17.8-5.6-21.3-9.3-19.9M333.4,154.9c-2.8,1.4-8.8,7.5-4.8,16.6,14-2.3,13.5,26.3,25.1,18.8-13.7-8.8,1.2-30-20.3-35.4M368,236.8c-3.8,2.2-6.4,5.3-7.3,12.2-3.1-4.8-6.8-10.7-11.4-14.3,0,0-6.6,6.9-8.2,15.5-10.2-3.5-25.8-25.7-34.6-29.2,0,0-4.2,26.3,33,53.7-6.8-10.1-5.9-19.4-4.3-20.9,8,10.7,9.2,19,25.3,28.8-8.3-13-7.2-25.8-5.3-25.2,5.3,13.5,18.3,26.3,34.2,25.3-19.5-11.8-21.4-31.2-21.4-45.9M356.5,205.4c1.4-3.4,4.7-15.5,2.8-21.7-1.4,5.3-6.1,13.6-10.4,17-.1,2.1,6.3,8.2,7.6,4.8M399.6,114.8c-1.6,12.5-5,13.4-12.9,14.4-12.2.2-32.6-4.2-38.8-8.4,3.7-5-2.1-34.1-24.8-21.4-8.4,4.6-18.6,8.9-30.1,9.9,12.4.9,23.8-3.3,31.1-7.5,14.2-8.2,24.1,9.5,18.4,18.6-4.1,6.5,23.8,9.8,33.3,10.9,3.3.4,12.2,1,14.6.5,1.4,2-8.3,3.4-8.2,4.4.7,11-6,20.5-9.5,19.7,3.1-6.3,2.9-13.1,1.7-18.5l-4.6,1.5-.9-2.6c-.3,0-.6,0-.9,0,.3,14.8-9.3,26-14.1,26,4.6-8.9,5.2-19.2,4-25.7-11.8,1.3-21.3,5.6-28.2,11.6,11.8-6.1,26.1-6.4,26.1-6.4.8,4.7-36.2,5.6-30.1,28.6,8.3,13.2,16.5,21.2,24.2,26.6,1.7,1.2-7.6,3.1,1.8,8.9,6.1,3.7,7.8,2.6,8.2-3.4.1-.7,1-4,1-4,0,0,4.2-.7,7.4-1.5,0,1.6.6,1.6,1.1-.3,1.7-4.8,2.8-11.4,2.4-15.1,2.7,2.4,4.6,14.6,4.6,17.8,0,1.9-4,5.9-6,7.3-7.9,5-16.6,3.4-26.3-3.8,4.1,4.9,10.1,8,16.5,8.4,13.2,0,15.8-9.7,18.6-6.4,6.6,7.5-4.2-.8-9.6,27.5-5.3.2-8.2,4.5-9.7,9-3.1-4.4-6.4-7.6-10.7-9.6-4,2.3-8.6,10.2-9.4,12.5-10.9-4.2-25.1-26.6-34.9-26.8-17.8-24.2-16.8-50.4-8.8-67.1-23.3-3.4-87.1-19-106.5-36.2,11.2,1.1,19.6-.2,26.2-2.8,12.9,5.3,52.5,20.4,92.8,22.2-7.6,19.7-9.9,49.7,9.2,67.3-17.5-19.6-10.2-52.5-1.6-72.3-31.5,3.8-82.2-11.6-98.3-18.2,5.9-2.6,10.5-5.8,12.2-10.6.5.2,4.4,1.2,5,1.4,9.3-18-8-35.2-43.6-35,23.9-24.7,88.9-10.9,94.7-23.1,19.2,9.1,53.8,10.3,54.5,27.6,1,.5-12.2,1.3-19.1,11.3,0,0-1.9-13.7-11.8-12.7,10,2.7,5.2,13.7,10.7,16.9,3.7-7.2,16.7-11.5,24.3-12.7,16.1,6.3,41.6,7.8,43.2,15.5-.1,4.7-6.7,4.1-10.5,10.8-6.7,11.9,9.1,1.1,12.3,3.3,3.4,2.4,5.7,12.2,10,12.1M314.8,95.3c-7.5-3.1-9.7-11.6-19.3-11.1-8.4.4-11.5,11.6-23.4,11.1l.8,2c6.2-.5,12.5,2.1,20.5,2.1,12.2,0,13.4-3.7,20.5-3.2l.9-.9Z'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-size: 500px;
		background-position: center;
		background-position: left;
	}
	.catalogue_theme_liste>div {
		display: flex;
		flex-direction: row;
		align-items: baseline;
		gap: 8px;
		width: 80%;
	}
	.catalogue_theme_liste>div>div:first-child {
		width: 30px;
		font-size: 24px;
		font-family: "Montserrat", serif !important;
		font-weight: 500;
		text-align: end;
	}
	.catalogue_theme_liste>div>div:nth-child(2) {
		width: 100%;
		font-size: 16px;
		font-weight: 300;
		font-family: "Montserrat", serif !important;
		text-transform: uppercase;
	}
	/***Pages de d'information par formation***/
	.icon-programme{
		width: 32px;
		height: 32px;
	}
	/***************************/


	/****************css spécifique aux éléments des avocats***********/
	.colonnes {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
	}
	/***************************/
	


	/****************css spécifique aux éléments de modules Onlyweb***********/
	.columns {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
	}

	/* Fix for unbalanced top alignment in Chrome */
	.columns > * {
		display: inline-block;
		width: 100%;
	}
	.section_block{
		margin-bottom: 10px;
		margin-left: 20px;
		font-size: 13px;
	}
	.ss_section{
		padding-left: 10px;
	}
	.section{
		font-weight: bold;
	}
	/***************************/

	/****************css spécifique aux déroulés de modules Onlyweb***********/

	/* Fix for unbalanced top alignment in Chrome */
	.sequence_block{
		margin-bottom: 10px;
		margin-left: 20px;
		font-size: 13px;
		border: 1px solid #000;
		padding: 10px;
	}
	.ss_sequence{
		padding-left: 10px;
	}
	.ss_sequence .duree{
		float:right;
		margin-right: 40px;
	}
	.sequence{
		font-weight: bold;
		padding-bottom: 10px;
	}
	.sequence .duree{
		font-weight: bold;
		float:right;
	}
	/***************************/
}