@charset "UTF-8";

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	border:0;
	font:inherit;
	font-size:calc(12px + (16 - 12) * ((100vw - 300px) / (1900 - 300)));
	margin:0;
	padding:0;
	font-weight:normal;
	box-sizing: border-box;
}


*, *:before, *:after {
  box-sizing: inherit;
}


/* Variables */
:root {
	--body-background-color: #000000;
	--max-boxed-width: 1440px;
}




body {
	background-color : var(--body-background-color-xx);
}


html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Pour placer le pseudo-élément en dessous du contenu de la page */
	background-color: #000000;
	opacity: 1;
	background-image:  linear-gradient(30deg, #0e0e0e 12%, transparent 12.5%, transparent 87%, #0e0e0e 87.5%, #0e0e0e), linear-gradient(150deg, #0e0e0e 12%, transparent 12.5%, transparent 87%, #0e0e0e 87.5%, #0e0e0e), linear-gradient(30deg, #0e0e0e 12%, transparent 12.5%, transparent 87%, #0e0e0e 87.5%, #0e0e0e), linear-gradient(150deg, #0e0e0e 12%, transparent 12.5%, transparent 87%, #0e0e0e 87.5%, #0e0e0e), linear-gradient(60deg, #0e0e0e77 25%, transparent 25.5%, transparent 75%, #0e0e0e77 75%, #0e0e0e77), linear-gradient(60deg, #0e0e0e77 25%, transparent 25.5%, transparent 75%, #0e0e0e77 75%, #0e0e0e77);
	background-size: 80px 140px;
	background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;
}



html {
}


body.boxed {
	max-width: var(--max-boxed-width);
	margin:0 auto;
	box-shadow: test;
}


body.halfboxed main.main,
body.halfboxed article.main {
	max-width: var(--max-boxed-width);
	margin:0 auto;
	box-shadow: 0px 0px 8px 0px #00000017;
}


body.halfboxed header.main,
body.halfboxed footer.main, {
	width:100%;
}

main.main section {
	align-items:center;
	justify-content:center;
}


main.main section main.boxed {
	max-width:700px;
	margin:0 auto;
}







main.main article.main {
	width:100%;
	flex-basis:100%;
}

main.main article.main main {
	width:65%;
	flex-basis:65%
	max-width:100%;
	flex-grow:2;
}

main.main article.main aside {
	background-color:#efefef;
	width:35%;
	flex-basis:35%
	min-width:300px;
	flex-grow:2;
}





/* First colors */

section {background-color:#fff;}
aside {background-color:#fff;}
body.rubrique article {background-color:#fff;}
body.article article {background-color:#fff;}




/* Global layout */
html {color:rgb(34, 34, 34);}
h1 {font-size:3em;line-height:1em;}
h2 {font-size:2em;line-height:1.5em;}
h3 {font-size:1.5em;line-height:normal;padding:1em 0;}
h4 {font-size:1.2em;line-height:normal;padding:1em 0;}
hr {height:17px;background:url('../images/hr.svg') repeat-x 0 0;border:0;width:90%;display:block;margin:2em auto;}
a, a:hover, a:visited {text-decoration:none;color:inherit;}
p a, p a:visited {color:var(--rouge);text-decoration:underline;}
p a:hover {background-color:var(--rouge);color:#fff;text-decoration:none;}
strong {font-weight:bold;}
p {font-size:1.25em;line-height:1.4em;padding:1em 0;text-align:justify;}
b, strong, .bold {font-weight:bold;font-size:inherit;}
small {font-size:0.8em;}
ul li, ol li {font-size:1.25rem;line-height:1.3em;margin-bottom:1em;}
img {max-width:100%;}
code {display:block;border:1px solid;padding:1em;margin:0.5em 0;background-color:var(--mauve);width:100%;}
button {cursor:hand;}




/* Raccourcis */
.flex {display:flex;}
.column {flex-direction:column;}
.wrap {flex-wrap:wrap;}
.nowrap {flex-wrap:nowrap;}
.space-between {justify-content:space-between;}
.justify-center {justify-content:center;}
.align-center {align-items:center;}
.no-margin {margin:0;}
.shadow {box-shadow:0 0.1rem 0.5rem 0 rgba(0,0,0,.15);}
.cta {border:1px solid #000;border-radius:11px;padding:0.5em 1em;background-color:transparent;font-size:inherit;}
.uppercase {text-transform:uppercase;}
.padding5pct {padding:3vw 2vw;}


/* Fin du reset *//* Début feuille Fonts */



	
	@font-face {
		font-family: "proxima-nova-regular";
		src: url('plugins/minibuilder/squelettes/global/css/fonts/proxima-nova-regular.eot');
		src: url('plugins/minibuilder/squelettes/global/css/fonts/proxima-nova-regular.eot?#iefix') format('embedded-opentype'),
		url('plugins/minibuilder/squelettes/global/css/fonts/proxima-nova-regular.woff2') format('woff2'),
		url('plugins/minibuilder/squelettes/global/css/fonts/proxima-nova-regular.woff') format('woff'),
		url('plugins/minibuilder/squelettes/global/css/fonts/proxima-nova-regular.ttf') format('truetype');
		font-weight:normal;
		font-style:normal;
	}
	
	body {font-family: "proxima-nova-regular";}
	
	
	
	
		
	


	
	
	
	p {font-size: 1.1em;}
	
	
	p {color: #000000;}
	
	
		
	


	
	@font-face {
		font-family: Tahoma, Geneva, sans-serif;
		
		
		
		
		
		font-weight:normal;
		font-style:normal;
	}
	
	h1 {font-family: Tahoma, Geneva, sans-serif;}
	
	
	
	
	
	
	h1 {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	h2 {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	h3 {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	h4 {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	.slogan {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	a.logo {color: #000000;}
	
	
		
	


	
	
	
	
	
	
	header.main nav ul li a
	 {color: #000000;}
	
	
		
	



p a, p a:visited {color:#000000;}





/*  Blockquote */
blockquote {color:#000000;}.slider-init {position:relative;overflow:hidden;height:530px;}
.slide {position:relative;object-fit:cover;width:100%;height:530px;transition: all 500ms ease-in-out;}
.premiere-slide {display:block;}
.apparition {animation:4s apparition;}
.disparition { transition: opacity 2000ms, display 2000ms;
  display: none;
  opacity: 0;}

@keyframes apparition {
	0%		{opacity: 0.00}
	25%		{opacity: 0.25}
	50%		{opacity: 0.50}
	75%		{opacity: 0.75}
	100%	{opacity: 1.00}
}

@keyframes disparition {
	0%		{opacity: 1.00}
	25%		{opacity: 0.75}
	50%		{opacity: 0.50}
	75%		{opacity: 0.25}
	100%	{opacity: 0.00}
}