﻿
/*#region Contenu*/

	/*Titre principal pour l'ensemble des contenus d'une page*/
	.contenu-titre, h1.contenu-titre, #total h1.contenu-titre {
		position:relative; display:block;
		font-size:2rem; font-weight:normal; color:#5e9868;
		margin:40px 0px 30px; padding:0px 0px 5px 0px;
		line-height:inherit;
	}
		.contenu-titre::after {
			position:absolute; display:block; content:"";
			left:0px; bottom:0px;
			width:100%; height:1px;
			background-image:linear-gradient(to right, #5e9868, white);
		}

	/*Encadrage de l'ensemble des contenus d'une page*/
	.contenu-contenus {
		position:relative; display:block;
		margin:0px; padding:0px;
		text-align:center;
		font-size:0;
	}

	/*Lien de téléchargement d'un pdf*/
	.lienspdf {
		display:block;
		text-align:center;
		padding:20px 0px;
	}

		.lienspdf a { padding-left:50px; }
			.lienspdf a::before { 
				position:absolute; display:block; content:"\f1c1"; 
				font-family:"Font Awesome 5 Free"; font-size:24px; font-weight:bold; 
				top:50%; left:20px;
				transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);
			}

	/*Paragraphe*/
	.contenu-contenus p { margin:1.125rem 0px 0px; }

	/*Liste à puce*/
	.contenu-contenus ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; }

		.contenu-contenus ul > li { position:relative; display:block; margin:0px; padding:3px 0px 0px 15px; }

			.contenu-contenus ul > li::before {
				position:absolute; display:block; content:"•";
				color:#5e9868; font-weight:bold;
				top:0px; left:0px;
			}

	/*Liste à numero*/
	.contenu-contenus ol { counter-reset:cptol; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; }

		.contenu-contenus ol > li { counter-increment:cptol; position:relative; display:block; margin:0px; padding:3px 0px 0px 20px; }

			.contenu-contenus ol > li::before {
				position:absolute; display:block; content:counter(cptol) ".";
				color:#5e9868; font-weight:bold;
				top:2px; left:0px;
			}

/*#endregion Contenu*/

/*#region Classes disponibles en édition*/

	.contenu-contenus a { text-decoration:none; }
	.contenu-contenus a:hover { text-decoration:underline; }

	a.lienVert { color:#5e9868; }
	a.lienOrange { color:#b03f25; }

	a.enSavoirPlus {
		position:absolute; display:inline-block;
		color:#5e9868;
		font-size:0;
		bottom:15px; right:20px;
	}
	.contenu-contenus a.enSavoirPlus:hover { text-decoration:none; }
		
		a.enSavoirPlus::after { 
			content:"\f138";
			font-family:"Font Awesome 5 Free"; font-size:24px; font-weight:900;
		}

	a.enSavoirPlusOrange {
		position:absolute; display:inline-block;
		font-size:1.125rem; font-weight:bold; color:#b03f25;
		bottom:20px; right:15px;
	}
		
/*#endregion Classes disponibles en édition*/

/*#region Base Templates*/

	/*Encadrage de base de tous les templates*/
	.contenu-template {
		position:relative; display:inline-block;
		margin:45px auto 0px; padding:0px;
		text-align:left;
		width:100%;
	}

	.pg-accueil .contenu-template { width:auto; max-width:970px; }
	.pg-evenements .contenu-template { display:block; width:auto; }

		/*Structure de base pour tableau*/
		.contenu-template .tableau { display:table; width:auto; margin:0px auto; }
			.contenu-template .tableau > div { display:table-row; }
				.contenu-template .tableau > div > div { display:table-cell; vertical-align:top; }

		/*Formatages de base*/
		.contenu-template .titre, .contenu-template h2.titre, #total .contenu-template h2.titre { display:inline; font-size:1.9375rem; font-weight:600; color:#5e9868; line-height:inherit; }

		.contenu-template .espacetitre { display:block; font-size:0; width:10px; height:10px; }

		.contenu-template .img img { transition:all 0.5s; }

		.contenu-template .texte { display:inline; font-size:1.125rem; font-weight:400; color:#0a0601; line-height:120%; word-wrap:break-word; }

		.contenu-template .fond { padding:15px 30px 20px; transition:all 0.5s; }
		.contenu-template .fond.gris { background-color:#e4e9e5; }

		.contenu-template .fond .titre, .contenu-template .fond h2.titre, #total .contenu-template .fond h2.titre { padding:0px 0px 10px 0px; }

		/*.contenu-template .cadre { padding:10px; padding:30px 30px 30px 30px; border:solid 1px #999999; }
		.contenu-template .cadre.gris { border-color:#c4c9c5; }*/

		.contenu-template .cadre { position:relative; padding:10px; padding:30px 30px 30px 30px; transition:all 0.5s; }
		.contenu-template .cadre::before,
		.contenu-template .cadre::after {
			position:absolute; display:block; content:""; z-index:-1;
			width:100%; height:100%;
			border:solid 2px #999999; 
			top:0px; left:0px;
		}
		.contenu-template .cadre::before { border-image:linear-gradient(135deg, #5e9868, white 30%) 1; border-right:none; border-bottom:none; }
		.contenu-template .cadre::after { border-image:linear-gradient(-45deg, #5e9868, white 30%) 1; border-left:none; border-top:none; }
		
		.contenu-template .cadre.gris { border-color:#c4c9c5; }
	
/*#endregion Base Templates*/


/*#region Template "titre-imggauche-textebas-nocadre-nofond"*/

	.contenu-template.titre-imggauche-textebas-nocadre-nofond .titre,
	.contenu-template.titre-imggauche-textebas-nocadre-nofond h2.titre,
	#total .contenu-template.titre-imggauche-textebas-nocadre-nofond h2.titre { text-align:center; vertical-align:middle; font-size:2.25rem; font-weight:400; }

	.contenu-template.titre-imggauche-textebas-nocadre-nofond .img { padding:0px 20px 0px 0px; }

	.contenu-template.titre-imggauche-textebas-nocadre-nofond .texte { text-align:justify; line-height:150%; padding-top:20px; }

/*#endregion Template "titre-imggauche-textebas-nocadre-nofond"*/


/*#region Template "titre-imggauche-textedroite-nocadre-fondgris"*/

	.contenu-template.titre-imggauche-textedroite-nocadre-fondgris { height:100%; margin-bottom:-15px; }

	.contenu-template.titre-imggauche-textedroite-nocadre-fondgris .img { float:left; margin:-15px 30px 15px -30px; }

/*#endregion Template "titre-imggauche-textedroite-nocadre-fondgris"*/


/*#region Template "titre-imgdroite-textegauche-nocadre-fondgris"*/

	.contenu-template.titre-imgdroite-textegauche-nocadre-fondgris { margin-bottom:-15px; }

	.contenu-template.titre-imgdroite-textegauche-nocadre-fondgris .img { 
		float:right; margin:-15px -30px 15px 30px;
		/*position:absolute; top:0px; right:0px;*/
	}
	
/*#endregion Template "titre-imgdroite-textegauche-nocadre-fondgris"*/


/*#region Template "notitre-imghaut-textbas-cadregris-nofond"*/

	.contenu-template.notitre-imghaut-textbas-cadregris-nofond .img > img { width:100%; }

	.contenu-template.notitre-imghaut-textbas-cadregris-nofond .cadre { border-top:none; width:100px; padding:15px; }

	.contenu-template.notitre-imghaut-textbas-cadregris-nofond .texte {  }

/*#endregion Template "notitre-imghaut-textbas-cadregris-nofond"*/

/*#region Template "titre-imghaut-textbas-cadregris-nofond"*/

	.contenu-template.titre-imghaut-textbas-cadregris-nofond .img > img { width:100%; }

	.contenu-template.titre-imghaut-textbas-cadregris-nofond .cadre { border-top:none; width:100px; padding:15px; }

	.contenu-template.titre-imghaut-textbas-cadregris-nofond .texte {  }

/*#endregion Template "titre-imghaut-textbas-cadregris-nofond"*/




/*#region Template "notitre-noimage-texte-nocadre-nofond"*/

	.contenu-template.notitre-noimage-texte-nocadre-nofond { max-width:none; width:100%; /*margin-top:0px;*/ }

/*#endregion Template "notitre-noimage-texte-nocadre-nofond"*/

/*#region Template "titre-noimage-textebas-nocadre-nofond"*/

	.contenu-template.titre-noimage-textebas-nocadre-nofond .titre,
	.contenu-template.titre-noimage-textebas-nocadre-nofond h2.titre,
	#total .contenu-template.titre-noimage-textebas-nocadre-nofond h2.titre { text-align:left; vertical-align:middle; font-size:2.25rem; font-weight:400; padding-bottom:10px; }

	.contenu-template.titre-noimage-textebas-nocadre-nofond .texte { text-align:justify; /*line-height:150%;*/ }

/*#endregion Template "titre-noimage-textebas-nocadre-nofond"*/


/*#region Template "notitre-img-notexte-nocadre-nofond"*/

	.contenu-template.notitre-img-notexte-nocadre-nofond .img > img { width:100%; }

/*#endregion Template "notitre-img-notexte-nocadre-nofond"*/

/*#region Template "notitre-img-textebas-nocadre-nofond"*/

	.contenu-template.notitre-img-textebas-nocadre-nofond .img > img { width:100%; margin-bottom:10px; }

/*#endregion Template "notitre-img-textebas-nocadre-nofond"*/



/*#region RESPONSIVE*/

@media all and (max-width:800px) {

		/* titre-imggauche-textebas-nocadre-nofond */
		.pg-accueil .contenu-template.titre-imggauche-textebas-nocadre-nofond:first-child { max-width:675px; }

}

@media all and (max-width:640px) {

	a.enSavoirPlus {
		line-height:1;
		bottom:12px; right:12px;
	}

		.contenu-template .fond { padding-left:15px; padding-right:15px; min-height:1px !important; }
		.contenu-template .cadre { padding-left:20px; padding-right:20px; }


		/* titre-imggauche-textebas-nocadre-nofond */
		.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > div.img { display:block; padding:0 0 10px 0; text-align:center; }
			.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > div.img img { max-width:100% !important; }
		.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > div.titre,
		.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > h2.titre,
		#total .contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > h2.titre { display:block; font-size:2rem; }


		/* titre-imghaut-textbas-cadregris-nofond */
		.contenu-template.titre-imghaut-textbas-cadregris-nofond .tableau > div > div.img { display:block; }
			.contenu-template.titre-imghaut-textbas-cadregris-nofond .tableau > div > div.img img { }


		/* notitre-img-notexte-nocadre-nofond */
		.contenu-template.notitre-img-notexte-nocadre-nofond .tableau > div > div.img { display:block; }
			.contenu-template.notitre-img-notexte-nocadre-nofond .tableau > div > div.img img { }


		/* titre-imggauche-textedroite-nocadre-fondgris */
		.contenu-template.titre-imggauche-textedroite-nocadre-fondgris > .fond > .img { display:block; padding:0; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:20px; float:none; max-width:100%; }
			.contenu-template.titre-imggauche-textedroite-nocadre-fondgris > .fond > .img img { width:100% !important; }


		/* titre-imgdroite-textegauche-nocadre-fondgris */
		.contenu-template.titre-imgdroite-textegauche-nocadre-fondgris > .fond > .img { display:block; padding:0; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:20px; float:none; max-width:100%; }
			.contenu-template.titre-imgdroite-textegauche-nocadre-fondgris > .fond > .img img { width:100% !important; }

}

@media all and (max-width:450px) {

		.contenu-template .fond { padding-left:12.5px; padding-right:12.5px; min-height:1px !important; }
		.contenu-template .cadre { padding-left:17.5px; padding-right:17.5px; }

		.contenu-template .img,
		.contenu-template:not(.notitre-imghaut-textbas-cadregris-nofond) .tableau > div > div.img { display:none; }

		.contenu-template .fond.gris { min-height:1px !important; }


		/* titre-imggauche-textebas-nocadre-nofond */
		.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > div.img { display:block; padding:0 0 20px 0; text-align:center; }
			.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > div.img img { max-width:100% !important; /*max-height:111px !important; transition:all 0.2s;*/ }
		.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > div.titre,
		.contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > h2.titre,
		#total .contenu-template.titre-imggauche-textebas-nocadre-nofond .tableau > div > h2.titre { display:block; font-size:2rem; }


		/* titre-imghaut-textbas-cadregris-nofond */
		.contenu-template.titre-imghaut-textbas-cadregris-nofond .tableau > div > div.img { display:block; }
			.contenu-template.titre-imghaut-textbas-cadregris-nofond .tableau > div > div.img img { }


		/* notitre-img-notexte-nocadre-nofond */
		.contenu-template.notitre-img-notexte-nocadre-nofond .tableau > div > div.img { display:block; }
			.contenu-template.notitre-img-notexte-nocadre-nofond .tableau > div > div.img img { }


		/* titre-imggauche-textedroite-nocadre-fondgris */
		.contenu-template.titre-imggauche-textedroite-nocadre-fondgris > .fond > .img { display:block; padding:0; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:20px; float:none; max-width:100%; }
			.contenu-template.titre-imggauche-textedroite-nocadre-fondgris > .fond > .img img { width:100% !important; }


		/* titre-imgdroite-textegauche-nocadre-fondgris */
		.contenu-template.titre-imgdroite-textegauche-nocadre-fondgris > .fond > .img { display:block; padding:0; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:20px; float:none; max-width:100%; }
			.contenu-template.titre-imgdroite-textegauche-nocadre-fondgris > .fond > .img img { width:100% !important; }

}

/*#endregion RESPONSIVE*/
