/** Chargé pour cgu et rgpd par le ctrl droit. Fait appel au header. */

:root {
	--font-mentions-header-title: "Viga", sans-serif;
	--font-mentions-header: "Viga", sans-serif;
	--font-mentions-h3: "Segoe UI", Frutiger, Frutiger Linotype, "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	--font-mentions: "Raleway";
	--color-blue: #ffffff;
	--color-shadow: #01011b;
	--link--color-primary: #214269;
	--link--color-secondary: #4877b0;
	--link--color-third: #fff;
	--link-persist--color-primary: #3b78bc;
	--link-persist--color-secondary: crimson;
	--app-name-primary: #2e5d93;
	--app-name-secondary: #e5effa;
}
.text-just {
	text-align: justify;
}
.fg-darkblue{
	color: darkblue;
}
.body-cgu{
	text-rendering: optimizeSpeed;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
.main-cgu {
	padding: 0;
	margin: 0 auto 0 auto;
}
.round-5{
	border-radius: 5px;
}
.font-strok-light{
	-webkit-text-stroke: 1px #000;
}
.font-strok-blue{
	-webkit-text-stroke: 1px rgba(16, 103, 233, 0.8);
}
P,
ul,
ol {
	font-family: var(--font-mentions);
}
.mentions-header-title{
	font-family: var(--font-mentions-header-title);
	font-weight: 700;
	text-align : center;
	color      : var(--color-blue)!important;
	text-shadow: .02em .08em 0em #000000!important;
	margin-right: auto;
	margin-left: auto;
}
.mentions-header{
	margin     : 0;
	padding    : 0;
	font-family: var(--font-mentions-header);
}
@media screen and (max-width: 575px){
    .mentions-header-title{
        font-size: 2.75rem;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    .mentions-header-title{
        font-size: 3.25rem;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .mentions-header-title{
        font-size: 4rem;
    }
}
@media screen and (min-width: 992px){
    .mentions-header-title{
        font-size: 5rem;
    }
}

.sub-title-mentions{
	font-size  : 50%;
}

.card-article-mention{
	box-shadow: 1px 1px 8px var(--color-shadow);
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 1rem;
	background-color: #fff!important;
}

.zone-mentions h3, 
.zone-mentions h4, 
.zone-mentions h5,
.zone-mentions h6{
	font-family: var(--font-mentions-h3);
}

.zone-mentions h3{
	font-size: 1.75rem;
}

.zone-mentions h4{
	font-size: 1.33em;
}

.zone-mentions p{
	margin-top: 1.125rem!important;
}

.container-fluid{
	min-width: 100%!important;
	width: 100%!important;
	max-width: 100%!important;
	padding-right: .75rem;
	padding-left: .75rem;
}

/* flex */
.d-flex{
	display: flex!important;
}

.flex-column{
	flex-direction: column!important;
}

.flex-justify-center{
	justify-content: center!important;
}

.flex-align-center{
	align-items: center!important;
}

.row{
	display: flex;
	flex-wrap: wrap;
	margin-right: auto;
	margin-left: auto;
}

.cell-12{
	flex: 0 0 100%;
  	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
ul,
ol,
li > ul,
li > ol {
	margin-left: 1.5em;
}
@media (min-width: 992px) {
	.cell-lg-11 {
		flex: 0 0 90%;
    	max-width: 90%;
	}
	.mr-2-md{
		margin-right: 8px!important;
	}
	
	.ml-2-md{
		margin-left: 8px!important;
	}
	
	.p-4-md{
		padding: 16px!important;
	}
	ul,
	ol,
	li > ul,
	li > ol {
		margin-left: 2.25em;
	}
}

@media (min-width: 1200px) {
	.cell-xl-10 {
		flex: 0 0 80%;
    	max-width: 80%;
	}
	.ml-0-lg{
		margin-left: 0!important;
	}
	
	.mr-0-lg{
		margin-right: 0!important;
	}
	
	.mr-0-lg{
		margin-right: 0!important;
	}
	
	.ml-0-lg{
		margin-left: 0!important;
	}
}

@media (min-width: 1452px) {
	.cell-xxl-9 {
		flex: 0 0 70%;
    	max-width: 70%;
	}
}

.p-0{
	padding: 0!important;
}

.m-0{
	margin: 0!important;
}

.p-1{
	padding: 4px!important;
}

.m-1{
	margin: 4px!important;
}

.pt-2{
	padding-top: 8px!important;
}

.mb-2{
	margin-bottom: 8px!important;
}

.pb-3{
	padding-bottom: 12px!important;
}

.p-4{
	padding: 16px!important;
}

.pr-4{
	padding-right: 16px!important;
}

.pl-4{
	padding-left: 16px!important;
}

.mt-4{
	margin-top: 16px!important;
}

.mb-4{
	margin-bottom: 16px!important;
}
.mx-auto {
	margin-right: auto;
	margin-left: auto;
}
.text-center{
	text-align: center!important;
}

@media screen and (max-width: 372px){
	.body-index,
	.body-cgu{
		overflow-x: hidden;
	}
}

.name-app {
	font-weight: bold;
	background-color: var(--app-name-primary);
	color: var(--app-name-secondary);
	padding: 0.125em;
}

.link-cover-mentions,
.link-cover{
	/* RESET */
	text-decoration: none;
	line-height    : 1;
	position       : relative;
	z-index        : 0;
	display        : inline-block;
	padding        : 2px;
	overflow       : hidden;
	vertical-align : text-top;
	transition     : color .45s ease-out;
}
.link-cover-mentions{
	color: #B13C2E;
}
.link-cover{
	font-weight: 600;
	color: var(--link--color-primary);
}
.link-cover-mentions::before,
.link-cover::before{
	content   : "";
	position  : absolute;
	z-index   : -1;
	top       : 0;
	left      : 0;
	transform : translateY(calc(100% - 2px));
	width     : 100%;
	height    : 100%;
	transition: transform .25s ease-out;
}
.link-cover-mentions::before{
	background-image: linear-gradient(60deg, #B13C2E 0%, #698c6f 100%); /* 60deg, #64b3f4 0%, #c2e59c 100% */
}
.link-cover::before{
	background-image: linear-gradient(60deg, var(--link--color-primary) 0%, var(--link--color-secondary) 100%); /* --pix-link-primary-color  */
}
.link-cover-mentions:hover::before,
.link-cover:hover::before{
	transform : translateY(0);
	transition: transform .25s ease-out;
}
.link-cover-mentions:hover{ 
	color: #f0f3b0;
}
.link-cover:hover{ 
	color: var(--link--color-third);
}
a.link-persist{ 
	color: var(--link-persist--color-primary)!important;
	transition: all .33s ease-in-out;
}
a.link-persist:visited{
	color: var(--link-persist--color-primary)!important;
}
a.link-persist:hover,
a.link-persist:focus,
a.link-persist:active{
	color: var(--link-persist--color-secondary)!important;
}