/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.4em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}


/* ----------------------------*/
/* STYLES GENERAUX */
/* ----------------------------*/

.relative{position: relative;}
.absolute{position: absolute;}
.flex{display:flex;}
.wrap{flex-wrap:wrap;}
.space-between{justify-content: space-between;}
.space-center{justify-content: center;}
.aligncenter{align-items: center;}
.block{display:block;}
.inline-block{display: inline-block;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.bbox{box-sizing: border-box;}
.zIndex1{z-index: 1;}
.zIndex2{z-index: 2;}
.zIndex3{z-index: 3;}
.zIndex4{z-index: 4;}
.zIndex5{z-index: 5;}
.zIndex6{z-index: 6;}
.zIndex7{z-index: 7;}
.zIndex8{z-index: 8;}
.zIndex9{z-index: 9;}
.zIndex99{z-index: 99;}
.zIndex999{z-index: 999;}
.zIndex9999{z-index: 9999;}
.img-full{width:100%;}


/* ----------------------------*/
/* STYLES UNSETS */
/* ----------------------------*/

.unset{text-decoration:none;list-style:none;padding:0;margin:0;}


/* ----------------------------*/
/* STYLES DIMENSIONS ET MARGES */
/* ----------------------------*/

/* STYLES POUR DESKTOPS */


	.w5{width:5%;}
	.w10{width:10%;}
	.w15{width:15%;}
	.w20{width:20%;}
	.w24{width:24%;}
	.w25{width:25%;}
	.w30{width:30%;}
	.w33{
		width:33.333%;
	}
	.w35{width:35%;}
	.w40{width:40%;}
	.w45{width:45%;}
	.w50{width:50%;}
	.w55{width:55%;}
	.w60{width:60%;}
	.w65{width:65%;}
	.w70{width:70%;}
	.w75{width:75%;}
	.w80{width:80%;}
	.w85{width:85%;}
	.w90{width:90%;}
	.w95{width:95%;}
	.w32{width:32%;}
	.w100{width:100%;}

	.mTop5{margin-top:5px;}
	.mTop10{margin-top:10px;}
	.mTop15{margin-top:15px;}
	.mTop20{margin-top:20px;}
	.mTop25{margin-top:25px;}
	.mTop30{margin-top:30px;}
	.mTop35{margin-top:35px;}
	.mTop40{margin-top:40px;}
	.mTop45{margin-top:45px;}
	.mTop50{margin-top:50px;}
	.mTop55{margin-top:55px;}
	.mTop60{margin-top:60px;}
	.mTop65{margin-top:65px;}
	.mTop70{margin-top:70px;}
	.mTop75{margin-top:75px;}
	.mTop80{margin-top:80px;}
	.mTop85{margin-top:85px;}
	.mTop90{margin-top:90px;}
	.mTop100{margin-top:100px;}

	.mBot5{margin-bottom:5px;}
	.mBot10{margin-bottom:10px;}
	.mBot15{margin-bottom:15px;}
	.mBot20{margin-bottom:20px;}
	.mBot25{margin-bottom:25px;}
	.mBot30{margin-bottom:30px;}
	.mBot35{margin-bottom:35px;}
	.mBot40{margin-bottom:40px;}
	.mBot45{margin-bottom:45px;}
	.mBot50{margin-bottom:50px;}
	.mBot55{margin-bottom:55px;}
	.mBot60{margin-bottom:60px;}
	.mBot65{margin-bottom:65px;}
	.mBot70{margin-bottom:70px;}
	.mBot75{margin-bottom:75px;}
	.mBot80{margin-bottom:80px;}
	.mBot85{margin-bottom:85px;}
	.mBot90{margin-bottom:90px;}
	.mBot100{margin-bottom:100px;}

	.mRight5{margin-right:5px;}
	.mRight10{margin-right:10px;}
	.mRight15{margin-right:15px;}
	.mRight20{margin-right:20px;}
	.mRight25{margin-right:25px;}
	.mRight30{margin-right:30px;}
	.mRight35{margin-right:35px;}
	.mRight40{margin-right:40px;}
	.mRight45{margin-right:45px;}
	.mRight50{margin-right:50px;}
	.mRight55{margin-right:55px;}
	.mRight60{margin-right:60px;}
	.mRight65{margin-right:65px;}
	.mRight70{margin-right:70px;}
	.mRight75{margin-right:75px;}
	.mRight80{margin-right:80px;}
	.mRight85{margin-right:85px;}
	.mRight90{margin-right:90px;}
	.mRight100{margin-right:100px;}

	.mLeft5{margin-left:5px;}
	.mLeft10{margin-left:10px;}
	.mLeft15{margin-left:15px;}
	.mLeft20{margin-left:20px;}
	.mLeft25{margin-left:25px;}
	.mLeft30{margin-left:30px;}
	.mLeft35{margin-left:35px;}
	.mLeft40{margin-left:40px;}
	.mLeft45{margin-left:45px;}
	.mLeft50{margin-left:50px;}
	.mLeft55{margin-left:55px;}
	.mLeft60{margin-left:60px;}
	.mLeft65{margin-left:65px;}
	.mLeft70{margin-left:70px;}
	.mLeft75{margin-left:75px;}
	.mLeft80{margin-left:80px;}
	.mLeft85{margin-left:85px;}
	.mLeft90{margin-left:90px;}
	.mLeft100{margin-left:100px;}

	.noD{display:none;}


/* STYLES POUR LAPTOP */

@media(min-width: 63em) and (max-width: 67.5em){
	.mlCenter{text-align: center;}

	.wl5{width:5%;}
	.wl10{width:10%;}
	.wl15{width:15%;}
	.wl20{width:20%;}
	.wl25{width:25%;}
	.wl30{width:30%;}
	.wl35{width:35%;}
	.wl40{width:40%;}
	.wl45{width:45%;}
	.wl50{width:50%;}
	.wl55{width:55%;}
	.wl60{width:60%;}
	.wl65{width:65%;}
	.wl70{width:70%;}
	.wl75{width:75%;}
	.wl80{width:80%;}
	.wl85{width:85%;}
	.wl90{width:90%;}
	.wl95{width:95%;}
	.wl100{width:100%;}

	.mlTop5{margin-top:5px;}
	.mlTop10{margin-top:10px;}
	.mlTop15{margin-top:15px;}
	.mlTop20{margin-top:20px;}
	.mlTop25{margin-top:25px;}
	.mlTop30{margin-top:30px;}
	.mlTop35{margin-top:35px;}
	.mlTop40{margin-top:40px;}
	.mlTop45{margin-top:45px;}
	.mlTop50{margin-top:50px;}
	.mlTop55{margin-top:55px;}
	.mlTop60{margin-top:60px;}
	.mlTop65{margin-top:65px;}
	.mlTop70{margin-top:70px;}
	.mlTop75{margin-top:75px;}
	.mlTop80{margin-top:80px;}
	.mlTop85{margin-top:85px;}
	.mlTop90{margin-top:90px;}
	.mlTop100{margin-top:100px;}

	.mlBot5{margin-top:5px;}
	.mlBot10{margin-top:10px;}
	.mlBot15{margin-top:15px;}
	.mlBot20{margin-top:20px;}
	.mlBot25{margin-top:25px;}
	.mlBot30{margin-top:30px;}
	.mlBot35{margin-top:35px;}
	.mlBot40{margin-top:40px;}
	.mlBot45{margin-top:45px;}
	.mlBot50{margin-top:50px;}
	.mlBot55{margin-top:55px;}
	.mlBot60{margin-top:60px;}
	.mlBot65{margin-top:65px;}
	.mlBot70{margin-top:70px;}
	.mlBot75{margin-top:75px;}
	.mlBot80{margin-top:80px;}
	.mlBot85{margin-top:85px;}
	.mlBot90{margin-top:90px;}
	.mlBot100{margin-top:100px;}

	.mlRight5{margin-right:5px;}
	.mlRight10{margin-right:10px;}
	.mlRight15{margin-right:15px;}
	.mlRight20{margin-right:20px;}
	.mlRight25{margin-right:25px;}
	.mlRight30{margin-right:30px;}
	.mlRight35{margin-right:35px;}
	.mlRight40{margin-right:40px;}
	.mlRight45{margin-right:45px;}
	.mlRight50{margin-right:50px;}
	.mlRight55{margin-right:55px;}
	.mlRight60{margin-right:60px;}
	.mlRight65{margin-right:65px;}
	.mlRight70{margin-right:70px;}
	.mlRight75{margin-right:75px;}
	.mlRight80{margin-right:80px;}
	.mlRight85{margin-right:85px;}
	.mlRight90{margin-right:90px;}
	.mlRight100{margin-right:100px;}

	.mlLeft5{margin-left:5px;}
	.mlLeft10{margin-left:10px;}
	.mlLeft15{margin-left:15px;}
	.mlLeft20{margin-left:20px;}
	.mlLeft25{margin-left:25px;}
	.mlLeft30{margin-left:30px;}
	.mlLeft35{margin-left:35px;}
	.mlLeft40{margin-left:40px;}
	.mlLeft45{margin-left:45px;}
	.mlLeft50{margin-left:50px;}
	.mlLeft55{margin-left:55px;}
	.mlLeft60{margin-left:60px;}
	.mlLeft65{margin-left:65px;}
	.mlLeft70{margin-left:70px;}
	.mlLeft75{margin-left:75px;}
	.mlLeft80{margin-left:80px;}
	.mlLeft85{margin-left:85px;}
	.mlLeft90{margin-left:90px;}
	.mlLeft100{margin-left:100px;}
	
	.noD{display:none;}
}


/* STYLES POUR TABLETS */

@media(min-width: 46.25em) and (max-width: 63em){
	.mtCenter{text-align: center;}
	.toColumn{flex-direction:column;}
	.notColumn{flex-direction:initial;}

	.wt5{width:5%;}
	.wt10{width:10%;}
	.wt15{width:15%;}
	.wt20{width:20%;}
	.wt25{width:25%;}
	.wt30{width:30%;}
	.wt35{width:35%;}
	.wt40{width:40%;}
	.wt45{width:45%;}
	.wt50{width:50%;}
	.wt55{width:55%;}
	.wt60{width:60%;}
	.wt65{width:65%;}
	.wt70{width:70%;}
	.wt75{width:75%;}
	.wt80{width:80%;}
	.wt85{width:85%;}
	.wt90{width:90%;}
	.wt95{width:95%;}
	.wt100{width:100%;}	

	.mtTop5{margin-top:5px;}
	.mtTop10{margin-top:10px;}
	.mtTop15{margin-top:15px;}
	.mtTop20{margin-top:20px;}
	.mtTop25{margin-top:25px;}
	.mtTop30{margin-top:30px;}
	.mtTop35{margin-top:35px;}
	.mtTop40{margin-top:40px;}
	.mtTop45{margin-top:45px;}
	.mtTop50{margin-top:50px;}
	.mtTop55{margin-top:55px;}
	.mtTop60{margin-top:60px;}
	.mtTop65{margin-top:65px;}
	.mtTop70{margin-top:70px;}
	.mtTop75{margin-top:75px;}
	.mtTop80{margin-top:80px;}
	.mtTop85{margin-top:85px;}
	.mtTop90{margin-top:90px;}
	.mtTop100{margin-top:100px;}

	.mtBot5{margin-bottom:5px;}
	.mtBot10{margin-bottom:10px;}
	.mtBot15{margin-bottom:15px;}
	.mtBot20{margin-bottom:20px;}
	.mtBot25{margin-bottom:25px;}
	.mtBot30{margin-bottom:30px;}
	.mtBot35{margin-bottom:35px;}
	.mtBot40{margin-bottom:40px;}
	.mtBot45{margin-bottom:45px;}
	.mtBot50{margin-bottom:50px;}
	.mtBot55{margin-bottom:55px;}
	.mtBot60{margin-bottom:60px;}
	.mtBot65{margin-bottom:65px;}
	.mtBot70{margin-bottom:70px;}
	.mtBot75{margin-bottom:75px;}
	.mtBot80{margin-bottom:80px;}
	.mtBot85{margin-bottom:85px;}
	.mtBot90{margin-bottom:90px;}
	.mtBot100{margin-bottom:100px;}

	.mtRight5{margin-right:5px;}
	.mtRight10{margin-right:10px;}
	.mtRight15{margin-right:15px;}
	.mtRight20{margin-right:20px;}
	.mtRight25{margin-right:25px;}
	.mtRight30{margin-right:30px;}
	.mtRight35{margin-right:35px;}
	.mtRight40{margin-right:40px;}
	.mtRight45{margin-right:45px;}
	.mtRight50{margin-right:50px;}
	.mtRight55{margin-right:55px;}
	.mtRight60{margin-right:60px;}
	.mtRight65{margin-right:65px;}
	.mtRight70{margin-right:70px;}
	.mtRight75{margin-right:75px;}
	.mtRight80{margin-right:80px;}
	.mtRight85{margin-right:85px;}
	.mtRight90{margin-right:90px;}
	.mtRight100{margin-right:100px;}

	.mtLeft5{margin-left:5px;}
	.mtLeft10{margin-left:10px;}
	.mtLeft15{margin-left:15px;}
	.mtLeft20{margin-left:20px;}
	.mtLeft25{margin-left:25px;}
	.mtLeft30{margin-left:30px;}
	.mtLeft35{margin-left:35px;}
	.mtLeft40{margin-left:40px;}
	.mtLeft45{margin-left:45px;}
	.mtLeft50{margin-left:50px;}
	.mtLeft55{margin-left:55px;}
	.mtLeft60{margin-left:60px;}
	.mtLeft65{margin-left:65px;}
	.mtLeft70{margin-left:70px;}
	.mtLeft75{margin-left:75px;}
	.mtLeft80{margin-left:80px;}
	.mtLeft85{margin-left:85px;}
	.mtLeft90{margin-left:90px;}
	.mtLeft100{margin-left:100px;}
	
	.noM{display:none;}
	.noD{display:block;}
}


/* STYLES POUR MOBILES */

@media(min-width: 20em) and (max-width: 46.25em){
	.mmCenter{text-align: center;}
	.toColumn{flex-direction:column;}

	.wm5{width:5%;}
	.wm10{width:10%;}
	.wm15{width:15%;}
	.wm20{width:20%;}
	.wm25{width:25%;}
	.wm30{width:30%;}
	.wm35{width:35%;}
	.wm40{width:40%;}
	.wm45{width:45%;}
	.wm50{width:50%;}
	.wm55{width:55%;}
	.wm60{width:60%;}
	.wm65{width:65%;}
	.wm70{width:70%;}
	.wm75{width:75%;}
	.wm80{width:80%;}
	.wm85{width:85%;}
	.wm90{width:90%;}
	.wm95{width:95%;}
	.wm100{width:100%;}

	.mmTop0{margin-top:0px;}
	.mmTop5{margin-top:5px;}
	.mmTop10{margin-top:10px;}
	.mmTop15{margin-top:15px;}
	.mmTop20{margin-top:20px;}
	.mmTop25{margin-top:25px;}
	.mmTop30{margin-top:30px;}
	.mmTop35{margin-top:35px;}
	.mmTop40{margin-top:40px;}
	.mmTop45{margin-top:45px;}
	.mmTop50{margin-top:50px;}
	.mmTop55{margin-top:55px;}
	.mmTop60{margin-top:60px;}
	.mmTop65{margin-top:65px;}
	.mmTop70{margin-top:70px;}
	.mmTop75{margin-top:75px;}
	.mmTop80{margin-top:80px;}
	.mmTop85{margin-top:85px;}
	.mmTop90{margin-top:90px;}
	.mmTop100{margin-top:100px;}

	.mmBot5{margin-bottom:5px;}
	.mmBot10{margin-bottom:10px;}
	.mmBot15{margin-bottom:15px;}
	.mmBot20{margin-bottom:20px;}
	.mmBot25{margin-bottom:25px;}
	.mmBot30{margin-bottom:30px;}
	.mmBot35{margin-bottom:35px;}
	.mmBot40{margin-bottom:40px;}
	.mmBot45{margin-bottom:45px;}
	.mmBot50{margin-bottom:50px;}
	.mmBot55{margin-bottom:55px;}
	.mmBot60{margin-bottom:60px;}
	.mmBot65{margin-bottom:65px;}
	.mmBot70{margin-bottom:70px;}
	.mmBot75{margin-bottom:75px;}
	.mmBot80{margin-bottom:80px;}
	.mmBot85{margin-bottom:85px;}
	.mmBot90{margin-bottom:90px;}
	.mmBot100{margin-bottom:100px;}

	.mRnone{
		margin-right:0px !important;
	}

	.mmRight5{margin-right:5px;}
	.mmRight10{margin-right:10px;}
	.mmRight15{margin-right:15px;}
	.mmRight20{margin-right:20px;}
	.mmRight25{margin-right:25px;}
	.mmRight30{margin-right:30px;}
	.mmRight35{margin-right:35px;}
	.mmRight40{margin-right:40px;}
	.mmRight45{margin-right:45px;}
	.mmRight50{margin-right:50px;}
	.mmRight55{margin-right:55px;}
	.mmRight60{margin-right:60px;}
	.mmRight65{margin-right:65px;}
	.mmRight70{margin-right:70px;}
	.mmRight75{margin-right:75px;}
	.mmRight80{margin-right:80px;}
	.mmRight85{margin-right:85px;}
	.mmRight90{margin-right:90px;}
	.mmRight100{margin-right:100px;}

	.mLnone{
		margin-left: 0px !important;
	}

	.mmLeft5{margin-left:5px;}
	.mmLeft10{margin-left:10px;}
	.mmLeft15{margin-left:15px;}
	.mmLeft20{margin-left:20px;}
	.mmLeft25{margin-left:25px;}
	.mmLeft30{margin-left:30px;}
	.mmLeft35{margin-left:35px;}
	.mmLeft40{margin-left:40px;}
	.mmLeft45{margin-left:45px;}
	.mmLeft50{margin-left:50px;}
	.mmLeft55{margin-left:55px;}
	.mmLeft60{margin-left:60px;}
	.mmLeft65{margin-left:65px;}
	.mmLeft70{margin-left:70px;}
	.mmLeft75{margin-left:75px;}
	.mmLeft80{margin-left:80px;}
	.mmLeft85{margin-left:85px;}
	.mmLeft90{margin-left:90px;}
	.mmLeft100{margin-left:100px;}
	
	.noM{display:none;}
	.noD{display:block;}
}