html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
iframe, img { max-width: 100%; }


/* Fonts */

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://5septdirect.com/css/fonts/subset-MyriadPro-Light.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-MyriadPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://5septdirect.com/css/fonts/subset-MyriadPro-Regular.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://5septdirect.com/css/fonts/subset-MyriadPro-It.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-MyriadPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://5septdirect.com/css/fonts/subset-MyriadPro-BoldSemiExt.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-MyriadPro-BoldSemiExt.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://5septdirect.com/css/fonts/subset-MyriadPro-BoldSemiExtIt.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-MyriadPro-BoldSemiExtIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('https://5septdirect.com/css/fonts/subset-MyriadPro-Black.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-MyriadPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}

@font-face {
    font-family: 'Market';
    src: url('https://5septdirect.com/css/fonts/subset-Market-Regular.woff2') format('woff2'),
        url('https://5septdirect.com/css/fonts/subset-Market-Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: block; /* https://developer.mozilla.org/fr/docs/Web/CSS/@font-face/font-display */
}



html
{
    font-size:100%;
    height: 100%;
    box-sizing: border-box;
}

html, body
{
    /* prevent horizontal scrolling */
    overflow-x: hidden;
}
body,
.mce-content-body
{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    /*text-align:center; !* center pour ie 5 *! Détruit l'affichage dans l'admin*/
    color:#2e4e4e;
    background-color:#fff;
}

html, body, form, fieldset, button, textarea {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	color: #000;
}

.button1,
.button-1,
a.button-1,
a.button1,
.cms a.button1,
.cms a.button-1 {color:#ffffff;padding:15px 20px;background:#56c1ff;text-transform: uppercase;font-size:12px;border-radius:20px;transition:all 0.3s ease-in-out;display:inline-block;cursor:pointer;}

.button1:hover,
.button-1:hover,
a.button-1:hover,
a.button1:hover,
.cms a.button1:hover,
.cms a.button-1:hover,
.cms .button1:hover,
.cms .button-1:hover
{border-radius:10px; color:#ffffff;border-color:#56c1ff;background:#56c1ff;}

.button2,
.button-2,
a.button2,
a.button-2,
.cms a.button2:hover,
.cms a.button-2:hover,
.cms .button2:hover,
.cms .button-2:hover,
.link_slider:hover .button2,
.link_slider:focus .button2
{padding:15px 20px;background:#feca1c;color:#ffffff;text-transform: uppercase;border-radius:20px;transition:all 0.3s ease-in-out;font-size:12px;display:inline-block;cursor:pointer;}

.button2:hover,
.button-2:hover,
a.button2:hover,
a.button-2:hover,
.cms a.button2:hover,
.cms a.button-2:hover,
.cms .button2:hover,
.cms .button-2:hover,
.link_slider:hover .button2,
.link_slider:focus .button2
{ background:#feca1c; color:#ffffff;border-radius:10px; }

.button5,
.button-5,
a.button5,
a.button-5
{padding:15px 20px;background:#fff;color:#FFA500;text-transform: uppercase;border-radius:20px;transition:all 0.3s ease-in-out;font-size:12px;display:inline-block;cursor:pointer;}

.button5:hover,
.button-5:hover,
a.button5:hover,
a.button-5:hover,
.cms a.button5:hover,
.cms a.button-5:hover,
.cms .button5:hover,
.cms .button-5:hover
{background:#feca1c; color:#fff; border-radius:10px;}

/*** TITRE ***/
h1,
.titre
{
    color:#00b0f0;
    font-size:38px;

    font-weight:400;
    margin:1em 0 0.5em 0;
    text-align:left;
    position : relative;
    line-height:1;
}
h2,
.stitre
{
    font-size:28px;
    font-family: 'Montserrat', sans-serif;
    color:#01354f;
    margin:0.6em 0;
    text-align:left;
    font-weight:400;
    line-height:1.2;
    /*text-transform: uppercase;*/
}

/*#grid_builder h2,*/
.aide h2 {
    font-family: "Raleway",serif;
    font-size: 1.5em;
    font-weight: 700;
    margin: 1em 0 0.7em;
    padding: 0;
}

h3,
.sstitre
{
    font-size: 18px;
    color: #56c1ff;
    margin: 0.6em 0;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    letter-spacing:normal;
}

.cms p {
	font-family: 'Montserrat', sans-serif;
	line-height : 1.5;
	text-align : justify;
    margin:8px 0;
}

.cms ul {
	font-family: 'Montserrat', sans-serif;
	line-height : 1.5em;
}

.cms ul li {
	list-style-type : square;
    list-style-position: inside;
}

/*** lien ***/
.cms a,
.mce-content-body a  {
    color: #56c1ff;
    text-decoration: none;
    -ms-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
    -webkit-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
    -moz-transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
    transition: background-color .2s ease-in, color .2s ease-in, box-shadow .2s ease-in, opacity .2s ease-in, border .2s ease-in;
}

.cms a:hover,
.cms a:active,
.cms a:focus,
.mce-content-body a:hover,
.mce-content-body a:active,
.mce-content-body a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
    color: #4b92f0;
    text-decoration:underline;
}

.cms a {
}

.mce-content-body a  {
	-o-transition: background-color .3s ease-in, color .3s ease-in, box-shadow .3s ease-in, padding .3s ease-in, margin .3s ease-in;
	-webkit-transition: background-color .3s ease-in, color .3s ease-in, box-shadow .3s ease-in, padding .3s ease-in, margin .3s ease-in;
	-moz-transition: background-color .3s ease-in, color .3s ease-in, box-shadow .3s ease-in, padding .3s ease-in, margin .3s ease-in;
	transition: background-color .3s ease-in, color .3s ease-in, box-shadow .3s ease-in, padding .3s ease-in, margin .3s ease-in;
}

.mce-content-body  a { font-weight:bold; }

.mce-content-body  {  }

.mce-content-body ul,
.cms ul {
	list-style-type : inherit;
	list-style-type: square;
    margin-left: 0px;
}
.mce-content-body ul li,
.cms ul li {
	margin:4px auto;
}
.cms img { height:auto; }

/* video pour backo et front */

#grid_builder .content.type-video,
#form-builder .liste-content .video_content {
	width: 100%;
	padding-top: 56%;
	height: 0;
	position: relative;
}

#grid_builder .content.type-video .abs_ratio {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#grid_builder .content.type-video iframe,
#form-builder .liste-content .video_content iframe {
	max-width: 100%;
	min-width: 100%;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*
     FILE ARCHIVED ON 22:11:59 Jan 31, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:10:37 Jan 07, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 73.934
  exclusion.robots: 0.16
  exclusion.robots.policy: 0.15
  cdx.remote: 0.061
  esindex: 0.01
  LoadShardBlock: 41.904 (3)
  PetaboxLoader3.datanode: 51.722 (4)
  load_resource: 75.75
  PetaboxLoader3.resolve: 43.605
*/