/*imports*/
/*@import "../fontawesome/css/fontawesome.min.css";*/
/*@import "../fontawesome/css/solid.min.css";*/
/*@import "../fontawesome/css/brands.min.css";*/
@import url(tablefront.css);
/*variables*/
/*mixins*/
/*css*/
html,
body {
    height: 100%;
}

html {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1em;
    color: #000000;
    background: #ffffff;
}

html .retour-page-accueil {
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    background-color: #0977e6 !important;
    border-radius: 5px !important;
    min-width: 250px !important;
    min-height: 20px !important;
}

html .mobile {
    display: none;
}

html .center {
    position: relative;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .centertexte {
    position: relative;
    width: 1330px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html a {
    text-decoration: none;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html a:hover {
    text-decoration: none;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html em {
    font-style: italic;
}

html .texte_editable,
html .texte_non_editable {
    text-align: left;
    font-size: 1em;
}

html .texte_editable strong,
html .texte_editable b
html .texte_non_editable strong,
html .texte_non_editable b {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
}

html .texte_editable i.fas,
html .texte_editable em.fas
html .texte_non_editable i.fas,
html .texte_non_editable em.fas {
    font-style: normal !important;
}

html .texte_editable sup,
html .texte_non_editable sup {
    vertical-align: super;
    font-size: 0.8em;
}

html .texte_editable h1,
html .texte_non_editable h1 {
    position: relative;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.6em;
    text-transform: uppercase;
    background: #0a78e6;
}

html .texte_editable h2,
html .texte_non_editable h2 {
    margin-top: 40px;
    padding-bottom: 10px;
    color: #0a78e6;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    font-size: 1.8em;
    line-height: 1.6em;
}

html .texte_editable h3,
html .texte_non_editable h3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.4em;
    color: #9963D1;
}

html .texte_editable h4,
html .texte_non_editable h4 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    color: #63D199;
}

html .texte_editable p,
html .texte_non_editable p {
    padding-bottom: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.2em;
    color: #000000;
}

html .texte_editable p strong,
html .texte_non_editable p strong {
    font-weight: 700;
}

html .texte_editable p i,
html .texte_editable p em,
html .texte_non_editable p i,
html .texte_non_editable p em {
    font-style: italic;
}

html .texte_editable p .btn,
html .texte_non_editable p .btn {
    display: inline-block;
    border: 0;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #0a78e6;
    font-weight: 600;
    background: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .texte_non_editable p .btn:hover,
html .texte_editable p .btn:hover {
    color: #0a78e6;
    background: #0a78e6;
}

html .texte_editable p .btn:before,
html .texte_non_editable p .btn:before {
    content: " ";
    font-family: 'Font Awesome 5 Pro';
}

html .texte_non_editable p a,
html .texte_editable p a {
    color: #9963D1;
    font-weight: 700;
}

html .texte_editable p a:hover,
html .texte_non_editable p a:hover {
    color: #D063D1;
}

html .texte_editable ul,
html .texte_non_editable ul {
    float: none;
    clear: both;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 1em;
    line-height: 1.4em;
    padding-bottom: 10px;
}

html .texte_editable ul a {
    color: #9963D1;
}

html .texte_editable ul a:hover {
    color: #D063D1;
}

html .texte_editable ul li {
    position: relative;
    width: auto;
    clear: both;
    margin-left: 10px;
    padding-left: 15px;
    padding-bottom: 5px;
    font-size: 1em;
    text-transform: none;
}

html .texte_editable ul li li {
    position: relative;
    width: auto;
    clear: both;
    margin-left: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-size: 0.9em;
    text-transform: none;
}

html .texte_editable ul li li li {
    position: relative;
    width: auto;
    clear: both;
    margin-left: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-size: 0.9em;
    text-transform: none;
}

html .texte_editable ul li li li li {
    position: relative;
    width: auto;
    clear: both;
    margin-left: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    font-size: 0.9em;
    text-transform: none;
}

html .texte_editable ul li:before {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;
    color: #0a78e6;
}

html .texte_editable ul ul li:before {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;
    color: #0a78e6;
}

html .texte_editable ul ul ul li:before {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;
    color: #0a78e6;
}

html .texte_editable ul ul ul ul li:before {
    content: "";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 1px;
    color: #0a78e6;
}

html .texte_editable img {
    margin-left: 10px;
    margin-right: 10px;
}

html .texte_editable a {
    color: #0a78e6;
    text-decoration: none;
}

html .texte_editable a:hover {
    color: #000000;
    text-decoration: none;
}

html .texte_editable i,
html .texte_editable em {
    font-style: italic;
}

html .texte_editable table {
    float: left;
    clear: both;
    width: 100%;
    border: 1px solid #ededed;
    border-right: 0px;
    border-bottom: 0px;
    border-spacing: 0px;
    border-collapse: separate;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .texte_editable table tr th {
    padding: 0;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    color: #000000;
    background: #707070;
}

html .texte_editable table tr th p {
    font-weight: 700;
    padding-bottom: 5px;
}

html .texte_editable table tr td {
    vertical-align: middle;
    text-align: left;
    padding: 5px;
    border: 1px solid #ededed;
    border-top: 0px;
    border-left: 0px;
}

html .texte_editable table tr td p {
    line-height: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.8em;
    font-weight: 400;
}

html .texte_editable table tr td.odd {
    background: #fefefe;
}

html .texte_editable table tr .centrer {
    text-align: center;
}

html .texte_editable table tr .droite {
    text-align: right;
}

html strong {
    font-weight: 700;
}

html span.fas {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 900;
}

html #btn_up {
    display: none;
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    width: auto;
    height: auto;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    color: #0a78e6;
    background: rgba(255, 255, 255, 0.7);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html #btn_up i {
    font-size: 3em;
}

/*html .red {
    color: #cf2027;
}*/
html .red {
    color: #FF0000;
}

html .orange {
    color: #ffb442;
}

html .green {
    color: #59b128;
}

html #btn_up:hover {
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    color: #000000;
}

html .fa-asterisk {
    color: #cf2027;
    font-size: 0.4em;
    vertical-align: super;
}

html .bouton,
html button,
html input[type=submit] {
    float: left;
    padding: 10px;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
    background: #0a78e6;
    border: 0;
    border-bottom: 5px solid #000000;
    cursor: pointer;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .bouton i,
html button i,
html input[type=submit] i {
    font-weight: 600;
}

html .bouton:hover,
html button:hover,
html input[type=submit] {
    color: #ffffff;
    background: #0ca1ff;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html #admin {
    position: absolute;
    z-index: 999999;
    top: 0;
    right: 0px;
    margin-top: 68px;
    padding-right: 10px;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

html #admin li {
    float: left;
    padding: 10px;
    padding-right: 0px;
}

html #admin li a {
    color: #ffffff;
    font-weight: 700;
    font-size: 1em;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html #admin li a:hover {
    color: #000000;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html header {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 895px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top {
    float: left;
    position: relative;
    z-index: 999;
    width: 100%;
    height: 65px;
    background: #fff;
}

html header .top .h1 {
    position: absolute;
    top: 14px;
    left: 60px;
    z-index: 9999;
}

html header .top .h1 img {
    width: 240px;
    height: 36px;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html header .top .lg {
    float: right;
    height: 65px;
    line-height: 65px;
    z-index: 9999;
    background: #000;
}

html header .top .lg a {
    margin-right: 10px;
}

html header .top .lg a img {
    opacity: 0.5;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html header .top .lg a.active img {
    opacity: 1;
}

html header .top .lg a:hover img {
    opacity: 1;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html header .top nav#main {
    z-index: 9999;
    width: 100%;
    height: 65px;
    padding: 0;
    margin: 0;
    text-align: right;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 {
    float: right;
    position: relative;
    width: auto;
    height: 65px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 {
    float: left;
    position: relative;
    width: auto;
    height: 65px;
    padding: 0;
    margin: 0;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1 {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #707070;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
    background: no-repeat bottom center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1.nos-offres {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #0064ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1.nos-offres.active {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #0064ff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1.editeurs {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #e00707;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1.editeurs.active {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #e00707;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1.connexion {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #3c4039;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1.connexion.active {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #FFFFFF;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 0.9em;
    text-transform: uppercase;
    background-color: #3c4039;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.niv1:hover {
    color: #000000;
}

html header .top nav#main ul.niv1 li.niv1 a.active {
    color: #000000;
    background: url("/images/communs/active.png") no-repeat bottom center;
}

html header .top nav#main ul.niv1 li.niv1 a.nos-offres.active {
    color: red;
    background-color: #0064ff;
    background: url("/images/communs/active-white.png") no-repeat bottom center;
}

html header .top nav#main ul.niv1 li.niv1 a.editeurs.active {
    color: red;
    background-color: #0064ff;
    background: url("/images/communs/active-white.png") no-repeat bottom center;
}

html header .top nav#main ul.niv1 li.niv1 a.active i {
    color: #0a78e6;
}

html header .top nav#main ul.niv1 li.niv1 a.nos-offres.active i {
    color: white;
}

html header .top nav#main ul.niv1 li.niv1 a.editeurs.active i {
    color: white;
}

html header .top nav#main ul.niv1 li.niv1 a.mon-compte {
    padding-right: 10px;
}

html header .top nav#main ul.niv1 li.niv1 a.deconnexion {
    float: left;
    height: 65px;
    line-height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 0px;
    padding-right: 20px;
    color: #707070;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
    background: no-repeat bottom center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 li.niv1 a.panier {
    color: #ffffff;
    background: #000000;
}

html header .top nav#main ul.niv1 li.niv1 a.panier:hover {
    color: #0a78e6;
}

html header .top nav#main ul.niv1 li.niv1 a.panier.active {
    color: #0a78e6;
}

html header .top nav#main ul.niv1 .switch {
    float: left;
    position: relative;
    width: auto;
    height: 65px;
    padding: 0;
    margin: 0;
    background: #ededee;
}

html header .top nav#main ul.niv1 .switch .element {
    float: left;
    height: 65px;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    color: #707070;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 0.9em;
    text-transform: uppercase;
    background: no-repeat bottom center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .top nav#main ul.niv1 .switch .element .checkbox-wrap {
    float: left;
    position: relative;
    width: 20px;
    height: 63px;
    margin-top: 2px;
    padding-left: 10px;
}

html header .top nav#main ul.niv1 .switch .element .opts {
    float: left;
    width: 140px;
    height: 65px;
}

html header .top nav#main ul.niv1 .switch .element .opt-1 {
    float: left;
    width: 140px;
    margin-top: 15px;
    color: #0a78e6;
    text-align: left;
}

html header .top nav#main ul.niv1 .switch .element .opt-2 {
    float: left;
    width: 140px;
    margin-top: 10px;
    color: #d19963;
    text-align: left;
}

html header .top nav#main ul.niv1 .switch .element input[type=checkbox].toggle-switch {
    transform: rotate(90deg);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    cursor: pointer;
    /* width of the track */
    width: 3.2em;
    /* height of the track */
    height: 1.3em;
    border-radius: 3em;
    background-color: #c1c1c1;
    transition: background-color 0.09s ease-in-out;
    position: absolute;
    top: 20px;
    left: -20px;
}

html header .top nav#main ul.niv1 .switch .element input[type=checkbox].toggle-switch:active::after {
    background-color: #f2f2f2;
    padding-right: 0.8em;
}

html header .top nav#main ul.niv1 .switch .element input[type=checkbox].toggle-switch::after {
    content: '';
    /* toggle shape -- 
                                   height should equal width 
                                   to maintain circle */
    width: 1.8em;
    height: 1.8em;
    background-color: #ffffff;
    border-radius: 3em;
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 2px 0px 5px 0 rgba(0, 0, 0, 0.15);
    transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

html header .top nav#main ul.niv1 .switch .element input[type=checkbox].toggle-switch:checked {
    background-color: #c1c1c1;
}

html header .top nav#main ul.niv1 .switch .element input[type=checkbox].toggle-switch:checked:active::after {
    margin-left: -0.8em;
}

html header .top nav#main ul.niv1 .switch .element input[type=checkbox].toggle-switch:checked::after {
    left: 1.7em;
    background-color: #ffffff;
}

html header #slide {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}

html header #slide.no-diapo {
    display: none;
}

html header #slide form {
    float: left;
    position: absolute;
    z-index: 9999;
    bottom: 0;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    text-align: center;
    background: #707070;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header #slide form .is-sticky {
    background: #707070;
    background: rgba(0, 0, 0, 0.5);
}

html header #slide form .is-sticky div {
    -webkit-box-shadow: 0px 0px 3px #707070;
    -moz-box-shadow: 0px 0px 3px #707070;
    box-shadow: 0px 0px 3px #707070;
}

html header #slide form .centerform {
    position: relative;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
}

html header #slide form h1,
html header #slide form h2 {
    float: left;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 2.2em;
    line-height: 1.4em;
    color: #ffffff;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 700;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header #slide form h3 {
    float: left;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1em;
    line-height: 1.2em;
    color: #ffffff;
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header #slide form div {
    float: left;
    width: 100%;
    height: 60px;
    position: relative;
}

html header #slide form input {
    float: left;
    width: 100%;
    height: 60px;
    padding-right: 60px;
    padding-left: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    border: 0;
    color: #000000;
    outline-style: none;
    border-bottom: 5px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header #slide form label.error {
    display: none !important;
}

html header #slide form ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #707070;
    font-style: italic;
}

html header #slide form :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #707070;
    opacity: 1;
    font-style: italic;
}

html header #slide form ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #707070;
    opacity: 1;
    font-style: italic;
}

html header #slide form :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #707070;
    font-style: italic;
}

html header #slide form button {
    float: right;
    position: absolute;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    padding: 0;
    color: #ffffff;
    font-size: 1.5em;
    background: #000000;
    border: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header #slide .rslides {
    position: relative;
    z-index: 100;
    list-style: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

html header #slide .rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    z-index: 100;
    display: inline;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    background-position: center center;
}

html header #slide .rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

html header .slide-btns_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 50%;
    left: 0;
    z-index: 8000;
    opacity: 0.8;
    overflow: hidden;
    text-decoration: none;
    height: 44px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #ffffff;
    margin-top: -22px;
    font-size: 2em;
}

html header .slide-btns_nav:active {
    opacity: 1;
}

html header .slide-btns_nav:hover {
    opacity: 1;
}

html header .slide-btns_nav.next {
    left: auto;
    right: 0;
}

html header .slide-btns_tabs {
    position: absolute;
    z-index: 999;
    width: 100%;
    bottom: 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html header .slide-btns_tabs li {
    display: inline;
    float: none;
    _float: left;
    *float: left;
    margin-right: 5px;
}

html header .slide-btns_tabs a {
    text-indent: -9999px;
    overflow: hidden;
    background: #fff;
    display: inline-block;
    _display: block;
    *display: block;
    width: 12px;
    height: 12px;
}

html header .slide-btns_here a {
    background: #000000;
}

html .sticky-wrapper {
    z-index: 9999 !important;
}

html .is-sticky {
    z-index: 9999 !important;
}

html .is-sticky .top {
    z-index: 9999 !important;
    background: #fff;
    -webkit-box-shadow: 0px 0px 3px #707070;
    -moz-box-shadow: 0px 0px 3px #707070;
    box-shadow: 0px 0px 3px #707070;
}

html header.interne {
    height: 320px;
}

html header.interne-video {
    height: 120px;
}

html header.interne h2 {
    font-size: 1.8em !important;
}

html header.interne .slide-btns_nav {
    top: 75%;
}

html #breadcrumb {
    float: left;
    width: 100%;
    padding-top: 30px;
    color: #3f3f3f;
    font-weight: 700;
    font-size: 0.8em;
    text-transform: uppercase;
    background: #ffffff;
}

html #breadcrumb a {
    color: #707070;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html #breadcrumb a:hover {
    color: #0a78e6;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html #breadcrumb a.current {
    color: #3f3f3f;
}

html #breadcrumb section ol {
    float: left;
    width: 100%;
}

html #breadcrumb section ol li {
    float: left;
    width: auto;
    padding-right: 4px;
}

html #breadcrumb section ol li a.retour-page-accueil {
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    background-color: #0977e6 !important;
    border-radius: 5px !important;
    min-width: 250px !important;
    min-height: 20px !important;
    padding: 10px;
    margin-left: 20px;
}

html #breadcrumb section ol li a.retour-page-accueil:hover {
    background-color: #0da2ff !important;
}

html .titre {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 10px;
    background: #ededed;
}

html .titre h1 a,
html .titre h2 a,
html .titre h4 a {
    float: left;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    border-left: 8px solid #0a78e6;
    background: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .titre h1 a.small,
html .titre h2 a.small,
html .titre h4 a.small {
    text-transform: initial;
}

html .titre h1 span,
html .titre h2 span,
html .titre h4 span {
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    font-weight: 700;
    color: #ffffff;
    border-left: 8px solid #0a78e6;
    background: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .titre h1 i.fa-star,
html .titre h2 i.fa-star,
html .titre h4 i.fa-star {
    float: right;
    color: #000;
    margin-top: 7px;
    font-size: 1.8em;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    cursor: pointer;
}

html .titre h1 i.fa-star:hover,
html .titre h2 i.fa-star:hover,
html .titre h4 i.fa-star:hover {
    transform: rotate(30deg);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .titre h1 i.fa-star.active,
html .titre h2 i.fa-star.active,
html .titre h4 i.fa-star.active {
    color: #0a78e6;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .titre h1 i.fa-star:active,
html .titre h2 i.fa-star:active,
html .titre h4 i.fa-star:active {
    color: #0ca1ff;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .titre h1.produit a {
    text-transform: initial;
}

html .grid,
html .grid2,
html .grid3 {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .promobandeau {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #cf2027;
}

html .promobandeau h1 {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 700;
}

html .promobandeau h1 a {
    color: #fff;
}

html .promobandeau h1 a:hover {
    color: #eee;
}

html .promobandeau p {
    font-size: 1.2em;
    font-weight: 400;
    color: #fff;
    line-height: 1.6em;
}

html .promobandeau p a {
    color: #fff;
}

html .promobandeau p a:hover {
    color: #eee;
}

html .presentation-accueil {
    line-height: 1.2em;
    text-align: center;
    display: block; /* Assurez-vous que le bloc est traité comme un bloc */
    width: 70%; /* Utilisez width au lieu de max-width si 80% est toujours ce que vous voulez */
    margin: auto; /* 0 pour les marges haut/bas et auto pour les marges gauche/droite */
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    font-size: 1em;
    font-weight: 300;
}

html .presentation-accueil h2 {
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #0a78e6;
    font-size: 1em;
    font-weight: 700;
    text-decoration: underline;
}

html .presentation-accueil strong {
    color: #0a78e6;
    font-size: 1em;
    font-weight: 700;
}

html .presentation-accueil .mots-cles {
    color: #0a78e6;
    font-size: 1em;
    font-weight: 700;
}

html .presentation-accueil img {
    padding-top: 60px;
    padding-bottom: 20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

html .presentation-accueil a {
    color: white;
    border: 1px solid #0a78e6;
    background-color: #0a78e6;
    border-radius: 5px;
    padding: 5px 10px;
}

html .presentation-accueil a:hover {
    color: white;
    border: 1px solid #0074ff;
    background-color: #0074ff;
    border-radius: 5px;
    padding: 5px 10px;
}

html .explication-accueil {
    line-height: 1.2em;
    text-align: left;
    display: block; /* Assurez-vous que le bloc est traité comme un bloc */
    width: 70%; /* Utilisez width au lieu de max-width si 80% est toujours ce que vous voulez */
    margin: auto; /* 0 pour les marges haut/bas et auto pour les marges gauche/droite */
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    font-size: 1em;
    font-weight: 300;
}

html .explication-accueil h2 {
    text-align: center;
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #0a78e6;
    font-size: 1em;
    font-weight: 700;
    text-decoration: underline;
}

html .explication-accueil strong {
    color: #0a78e6;
    font-size: 1em;
    font-weight: 700;
}

html .explication-accueil .mots-cles {
    color: #0a78e6;
    font-size: 1em;
    font-weight: 700;
}

html .liste-rubriques {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

html .liste-rubriques ul {
    float: left;
    width: 100%;
}

html .liste-rubriques ul li.niv2 {
    float: left;
    width: 290px;
    height: 190px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
}

html .liste-rubriques ul li.niv2 a {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    background-position: center center;
}

html .liste-rubriques ul li.niv2 a picture {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    overflow: hidden;
}

html .liste-rubriques ul li.niv2 a img {
    z-index: 10;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

html .liste-rubriques ul li.niv2 a span {
    float: left;
    width: 100%;
    position: absolute;
    z-index: 15;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-rubriques ul li.niv2 a span.intitule {
    opacity: 0;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    font-size: 0.8em;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-rubriques ul li.niv2 a span.type {
    position: absolute;
    width: auto;
    height: 22px !important;
    top: 20px;
    left: 20px;
    padding: 5px;
    color: #ffffff;
    font-size: 0.8em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    text-transform: uppercase;
    background: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .liste-rubriques ul li.niv2 a span.type.video {
    background: #cf2027;
}

html .liste-rubriques ul li.niv2 a:hover span {
    color: #000000;
    background: rgba(255, 255, 255, 0.6);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-rubriques ul li.niv2 a:hover span.intitule {
    opacity: 1;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-rubriques ul li.niv2 a:hover span.type {
    opacity: 1;
    color: #ffffff;
    background: #000000;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-rubriques ul li.niv2 a:hover span.type.video {
    background: #cf2027;
}

html .titre-rubrique {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    background: #ededed;
    text-align: center;
}

html .titre-rubrique h1 a {
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    color: #ffffff;
    background: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .liste-sous-rubriques {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

html .liste-sous-rubriques li.niv1 {
    float: left;
    width: 360px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 40px;
    text-align: center;
    border-bottom: 5px solid #ededed;
}

html .liste-sous-rubriques li.niv1 a.image {
    float: left;
    position: relative;
    width: 100%;
    height: 240px;
    background-color: #ededed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    background-position: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv1 a.image picture {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    overflow: hidden;
}

html .liste-sous-rubriques li.niv1 a.image img {
    z-index: 10;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

html .liste-sous-rubriques li.niv1 a.image:hover {
    background-color: #0a78e6;
    outline: 5px solid #0a78e6;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv1 h2 {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1em;
}

html .liste-sous-rubriques li.niv1 h2 a {
    color: #000000;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv1 h2 a:hover {
    color: #0a78e6;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv1 ul {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

html .liste-sous-rubriques li.niv1 ul li {
    float: left;
    width: 100%;
    text-align: center;
}

html .liste-sous-rubriques li.niv1 ul li a {
    display: inline-block;
    padding: 6px 10px 6px 10px;
    margin-bottom: 4px;
    font-size: 0.8em;
    color: #000000;
    background: #ededed;
    border: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv1 ul li a:hover {
    color: #0a78e6;
    background: #dedede;
    border: 1px solid #ededed;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv3 {
    float: left;
    width: 580px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    text-align: center;
}

html .liste-sous-rubriques li.niv3 a.image {
    float: left;
    position: relative;
    width: 100%;
    height: 380px;
    background-color: #ededed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    background-position: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv3 a.image span.intitule {
    opacity: 0;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv3 a.image span.type {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #ffffff;
    font-size: 0.8em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0px 0px 3px #000000;
}

html .liste-sous-rubriques li.niv3 a.image:hover span {
    opacity: 1;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-sous-rubriques li.niv3.hide {
    display: none;
}

html .liste-photos-videos {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}

html .liste-photos-videos ul {
    float: left;
    width: 100%;
    text-align: center;
}

html .liste-photos-videos ul li.niv3 {
    display: inline-block;
    width: 360px;
    height: 240px;
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 40px;
}

html .liste-photos-videos ul li.niv3 a.image {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ededed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    background-position: center center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-photos-videos ul li.niv3 a.image picture {
    float: left;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    overflow: hidden;
}

html .liste-photos-videos ul li.niv3 a.image img {
    z-index: 10;
    position: relative;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

html .liste-photos-videos ul li.niv3 a.image span.intitule {
    opacity: 0;
    float: left;
    width: 100%;
    position: absolute;
    z-index: 15;
    bottom: 0;
    left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    font-size: 0.8em;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-photos-videos ul li.niv3 a.image span.type {
    position: absolute;
    z-index: 15;
    top: 20px;
    left: 20px;
    padding: 5px;
    color: #ffffff;
    font-size: 0.8em;
    line-height: 1.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-weight: 700;
    text-transform: uppercase;
    background: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .liste-photos-videos ul li.niv3 a.image span.type.video {
    background: #cf2027;
}

html .liste-photos-videos ul li.niv3 a.image:hover span {
    opacity: 1;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html .liste-photos-videos ul li.niv3.hide {
    display: none;
}

html article#article {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

html article.produit {
    float: left;
    width: 100%;
    padding-bottom: 50px;
    min-height: 500px;
}

html article.produit .bloc .violet {
    color: #D063D1;
}

html article.produit .bloc .bleu {
    color: #0a78e6;
    text-transform: uppercase;
}

html article.produit .bloc .violet-description {
    color: #D063D1;
    text-transform: uppercase;
}

html article.produit h2 {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.1em;
    font-weight: 700;
}

html article.produit .spacer {
    float: left;
    width: 100%;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

html article.produit .content {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.produit .content .paysage {
    float: left;
    width: 100%;
}

html article.produit .content .paysage .col1 {
    width: 55%;
}

html article.produit .content .paysage .col2 {
    width: 45%;
}

html article.produit .content .portrait {
    float: left;
    width: 100%;
}

html article.produit .content .portrait .col1 {
    width: 45%;
}

html article.produit .content .portrait .col2 {
    width: 55%;
}

html article.produit .content .col1 {
    float: left;
    height: auto;
    padding-right: 20px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.produit .content .col1 .photo {
    float: left;
    position: relative;
    width: 100%;
}

html article.produit .content .col1 .photo img {
    width: 100%;
    height: auto;
}

html article.produit .content .col1 .photo i.fa-search-plus {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
    font-size: 1.8em;
    text-shadow: 0px 0px 3px #000000;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.produit .content .col1 .photo:hover i.fa-search-plus {
    color: #0a78e6;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.produit .content .col1 .jp-jplayer {
    float: left;
    width: 100%;
    height: 400px;
}

html article.produit .content .col1 p.small {
    float: left;
    font-size: 0.6em;
    line-height: 1.2em;
    color: #0a78e6;
    padding-top: 5px;
    padding-bottom: 10px;
}

html article.produit .content .col2 {
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.produit .content .col2 .mask {
    float: left;
    width: 100%;
}

html article.produit .content .col2 .mask a {
    color: #0a78e6;
}

html article.produit .content .col2 .mask a:hover {
    color: #0ca1ff;
}

html article.produit .content .col2 .mask .texte_editable {
    display: none;
    /**
                          -webkit-filter: blur(5px);
                          -moz-filter: blur(5px);
                          -o-filter: blur(5px);
                          -ms-filter: blur(5px);
                          filter: blur(5px);
                          **/
}

html article.produit .content .col2 .mask a.btnniveau1 {
    color: #2878E4;
}

html article.produit .content .col2 .mask a.btnniveau2 {
    color: #D063D1;
}

html article.produit .content .col2 .unmask {
    float: left;
    width: 100%;
}

html article.produit .content .col2 .unmask .texte_editable {
    /**
                          -webkit-filter: blur(0);
                          -moz-filter: blur(0);
                          -o-filter: blur(0);
                          -ms-filter: blur(0);
                          filter: blur(0);
                          **/
}

html article.produit .content .col2 div.bloc {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    font-size: 0.8em;
    line-height: 1.2em;
}

html article.produit .content .col2 div.bloc .texte_editable p {
    font-size: 0.9em;
    line-height: 1.6em;
    font-weight: 400;
}

html article.produit .content .col2 div.bloc .texte_non_editable p {
    font-size: 0.9em;
    line-height: 1.6em;
    font-weight: 400;
}

html article.produit .content .col2 div.bloc.cta {
    width: auto;
    background: #0a78e6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html article.produit .content .col2 div.bloc.cta p {
    color: #fff;
}

html article.produit .content .col2 div.bloc.cta ul li:before {
    color: #ededed;
}

html article.produit .content .col2 div.bloc.cta a {
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 1.1em;
}

html article.produit .content .col2 div.bloc.interet-description p {
    color: #fff;
    font-size: 1.6em;
}

html article.produit .content .col2 div.bloc.interet-description ul li:before {
    color: #ededed;
}

html article.produit .content .col2 div.bloc.interet-description a {
    color: #fff;
    font-size: 1.3em;
    line-height: 1.3em;
}

html article.produit .content .col2 div.bloc.interet-description a .gryphea {
    color: #0a78e6;
}

html article.produit .content .col2 .interet {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
    background: #d19963;
    padding: 20px;
    color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html article.produit .content .tags {
    float: left;
    width: 100%;
    padding-top: 20px;
}

html article.produit .content .tags .info {
    font-size: 0.8em;
}

html article.produit .content .tags .info {
    font-size: 0.8em;
}

html article.produit .content .tags strong {
    float: left;
    width: 20%;
    margin-top: 6px;
}

html article.produit .content .tags div {
    float: left;
    width: 80%;
}

html article.produit .content .tags span {
    display: inline-block;
    padding: 6px 10px 6px 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 0.8em;
    color: #000000;
    background: #ededed;
    border: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.produit .content .tags span:hover {
    color: #0a78e6;
    background: #dedede;
    border: 1px solid #ededed;
    cursor: pointer;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.produit .content .themes {
    float: left;
    width: 100%;
    padding-top: 40px;
}

html article.produit .content .themes .info {
    font-size: 0.8em;
}

html article.produit .content .themes strong {
    float: left;
    width: 20%;
    margin-top: 6px;
}

html article.produit .content .themes span {
    float: left;
    width: 80%;
}

html article.produit .content .themes a {
    display: inline-block;
    padding: 6px 10px 6px 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 0.8em;
    color: #ffffff;
    background: #0a78e6;
    border: 1px solid #dedede;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.produit .content .themes a:hover {
    color: #ffffff;
    background: #0ca1ff;
    border: 1px solid #ededed;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.panier {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}

html article.panier h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.5em;
    text-align: center;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

html article.panier h2 strong,
html article.panier h2 span {
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier h2 strong {
    font-weight: 400;
    color: #0a78e6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #0a78e6;
}

html article.panier table {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier table th {
    vertical-align: middle;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    background: #000000;
}

html article.panier table th.col1 {
    text-align: left;
}

html article.panier table th.col2 {
    text-align: center;
}

html article.panier table td {
    color: #000000;
    border-top: 1px solid #efefef;
    padding: 20px;
    line-height: 1.2em;
    font-size: 0.9em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier table td form {
    margin: 0;
}

html article.panier table td a {
    text-transform: uppercase;
    color: #0a78e6;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-size: 0.8em;
}

html article.panier table td a:hover {
    color: #0ca1ff;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html article.panier table td a.supprimer {
    color: #cf2027;
}

html article.panier table td em {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    font-style: normal;
}

html article.panier table td form {
    width: 100px;
}

html article.panier table td select {
    display: inline-block;
    width: 55px;
    height: 22px;
    line-height: auto;
    padding: 0;
    padding-left: 5px;
    font-size: 14px;
    color: #333;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier table td label {
    cursor: pointer;
}

html article.panier table td a.refresh {
    display: inline-block;
    margin-left: 5px;
    margin-top: 1px;
}

html article.panier table td.col1 {
    width: 80%;
    text-align: left;
}

html article.panier table td.col2 {
    width: 20%;
    text-align: center;
}

html article.panier table tr.total td {
    color: #ffffff;
    background-color: #000000;
}

html article.panier table .coltotal {
    text-align: right;
}

html article.panier h3 {
    float: left;
    width: 100%;
    font-size: 1.2em;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier h3 .fa-lock-alt {
    color: #f9bf27;
}

html article.panier a.choixtitre {
    float: left;
    position: relative;
    width: 48%;
    font-size: 1em;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    background: #0a78e6;
    color: #000;
    border-bottom: 5px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier a.choixtitre .fa-arrow-alt-to-bottom {
    position: absolute;
    top: 15px;
    right: 15px;
}

html article.panier a.choixtitre:hover {
    background: #0ca1ff;
}

html article.panier .choix {
    float: left;
    display: none;
    width: 48%;
    padding: 15px;
    margin-bottom: 15px;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
    background: #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier .choix form {
    float: left;
    width: 100%;
    text-align: center;
}

html article.panier .choix .bouton {
    float: none;
    display: inline-block;
}

html article.panier .choix #packs .pack {
    width: 48%;
}

html article.panier .choix #packs .pack a {
    font-size: 0.7em;
}

html article.panier #choix {
    float: left;
    width: 100%;
}

html article.panier #choix1 {
    float: left;
}

html article.panier #choix2 {
    float: right;
}

html article.panier p {
    float: left;
    width: 100%;
    line-height: 1.4em;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

html article.panier p a {
    color: #0a78e6;
    text-decoration: underline;
    font-weight: 600;
    font-size: 0.8em;
    text-transform: uppercase;
}

html article.panier .credits {
    float: left;
    width: 50%;
    padding: 10px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier a i {
    font-weight: 400;
}

html article.panier a.paypal {
    color: #fff;
    background: #002e82;
}

html article.panier a.paypal i {
    color: #0397d9;
}

html article.panier a.cb {
    color: #fff;
    background: #ef991b;
}

html article.panier a.cb i {
    color: #e5001a;
}

html article.panier p.totaliconographe {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.2em;
    font-weight: 700;
}

html article.panier #form-regler-cb,
html article.panier #form-regler-paypal,
html article.panier #form-regler-credits {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier #form-regler-paypal {
    float: left;
    margin-left: 20px;
}

html article.panier #form-promo {
    float: right;
    width: 50%;
    padding: 10px;
    margin-top: 20px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier #form-promo label {
    float: left;
    width: 50%;
    padding-right: 10px;
    line-height: 25px;
    font-size: 0.9em;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier #form-promo input {
    float: left;
    width: 40%;
    height: 25px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier #form-promo a {
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html article.panier .btn_left,
html article.panier .btn_right {
    margin-top: 30px;
}

html article.panier .btn_right {
    float: right;
}

html .filtre {
    float: left;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 25px;
}

html .filtre a {
    display: inline-block;
    padding: 5px;
    color: #a2a2a2;
    background: #ededed;
}

html .filtre a.active,
html .filtre a:hover {
    color: #ffffff;
    background: #0a78e6;
}

html p.message {
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    background: #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html p.message i.fa-check {
    color: #59b128;
}

html p.message i.fa-exclamation-triangle {
    color: #cf2027;
}

html #form-ajouter h3 {
    text-align: center;
    padding-bottom: 15px;
    font-size: 0.9em;
}

html #form-ajouter .option {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}

html #form-ajouter .option input {
    left: 0;
    top: 7px;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html #form-ajouter .option label {
    width: 100%;
    padding-left: 23px;
    font-size: 0.7em;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html #form-ajouter .option label strong {
    min-width: 20px;
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
}

html #form-ajouter .option label span {
    font-size: 0.9em;
    font-weight: 600;
}

html div.bloc50left,
html div.bloc50right,
html div.bloc100,
html div.bloc100eleve {
    float: left;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.bloc50left form#connexion,
html div.bloc50right form#connexion,
html div.bloc100 form#connexion,
html div.bloc100eleve form#connexion,
html div.bloc50left form#connexion_enseignant,
html div.bloc50left form#connexion_iconographe,
html div.bloc50right form#connexion_enseignant,
html div.bloc50right form#connexion_iconographe,
html div.bloc100 form#connexion_enseignant,
html div.bloc100eleve form#connexion_enseignant,
html div.bloc50left form#connexioneleve,
html div.bloc50right form#connexioneleve,
html div.bloc100 form#connexioneleve,
html div.bloc100eleve form#connexioneleve,
html div.bloc50left form#mot_de_passe_oublie,
html div.bloc50right form#mot_de_passe_oublie,
html div.bloc100 form#mot_de_passe_oublie,
html div.bloc100eleve form#mot_de_passe_oublie,
html div.bloc50left div.bloc,
html div.bloc50right div.bloc,
html div.bloc100 div.bloc,
html div.bloc100eleve div.bloc {
    float: left;
    width: 100%;
    padding: 10px;
    height: 300px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #cacaca;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html div.bloc50left form#connexion span.asterisques,
html div.bloc50right form#connexion span.asterisques,
html div.bloc100 form#connexion span.asterisques,
html div.bloc100eleve form#connexion span.asterisques,
html div.bloc50left form#connexion_enseignant span.asterisques,
html div.bloc50right form#connexion_enseignant span.asterisques,
html div.bloc50left form#connexion_iconographe span.asterisques,
html div.bloc50right form#connexion_iconographe span.asterisques,
html div.bloc100 form#connexion_enseignant span.asterisques,
html div.bloc100eleve form#connexion_enseignant span.asterisques,
html div.bloc100 form#connexion_iconographe span.asterisques,
html div.bloc100eleve form#connexion_iconographe span.asterisques,
html div.bloc50left form#connexioneleve span.asterisques,
html div.bloc50right form#connexioneleve span.asterisques,
html div.bloc100 form#connexioneleve span.asterisques,
html div.bloc100eleve form#connexioneleve span.asterisques,
html div.bloc50left form#mot_de_passe_oublie span.asterisques,
html div.bloc50right form#mot_de_passe_oublie span.asterisques,
html div.bloc100 form#mot_de_passe_oublie span.asterisques,
html div.bloc100eleve form#mot_de_passe_oublie span.asterisques,
html div.bloc50left div.bloc span.asterisques,
html div.bloc50right div.bloc span.asterisques,
html div.bloc100 div.bloc span.asterisques,
html div.bloc100eleve div.bloc span.asterisques,
html div.bloc50left form#connexion span#asterisques,
html div.bloc50right form#connexion span#asterisques,
html div.bloc100 form#connexion span#asterisques,
html div.bloc100eleve form#connexion span#asterisques,
html div.bloc50left form#connexion_enseignant span#asterisques,
html div.bloc50right form#connexion_enseignant span#asterisques,
html div.bloc50left form#connexion_iconographe span#asterisques,
html div.bloc50right form#connexion_iconographe span#asterisques,
html div.bloc100 form#connexion_enseignant span#asterisques,
html div.bloc100eleve form#connexion_enseignant span#asterisques,
html div.bloc100 form#connexion_iconographe span#asterisques,
html div.bloc100eleve form#connexion_iconographe span#asterisques,
html div.bloc50left form#connexioneleve span#asterisques,
html div.bloc50right form#connexioneleve span#asterisques,
html div.bloc100 form#connexioneleve span#asterisques,
html div.bloc100eleve form#connexioneleve span#asterisques,
html div.bloc50left form#mot_de_passe_oublie span#asterisques,
html div.bloc50right form#mot_de_passe_oublie span#asterisques,
html div.bloc100 form#mot_de_passe_oublie span#asterisques,
html div.bloc100eleve form#mot_de_passe_oublie span#asterisques,
html div.bloc50left div.bloc span#asterisques,
html div.bloc50right div.bloc span#asterisques,
html div.bloc100 div.bloc span#asterisques,
html div.bloc100eleve div.bloc span#asterisques {
    font-size: 0.9em;
    font-weight: bold;
}

html div.bloc50left form#connexion h3,
html div.bloc50right form#connexion h3,
html div.bloc100 form#connexion h3,
html div.bloc100eleve form#connexion h3,
html div.bloc50left form#connexion_enseignant h3,
html div.bloc50right form#connexion_enseignant h3,
html div.bloc100 form#connexion_enseignant h3,
html div.bloc100eleve form#connexion_enseignant h3,
html div.bloc50left form#connexion_iconographe h3,
html div.bloc50right form#connexion_iconographe h3,
html div.bloc100 form#connexion_iconographe h3,
html div.bloc100eleve form#connexion_iconographe h3,
html div.bloc50left form#connexioneleve h3,
html div.bloc50right form#connexioneleve h3,
html div.bloc100 form#connexioneleve h3,
html div.bloc100eleve form#connexioneleve h3,
html div.bloc50left form#mot_de_passe_oublie h3,
html div.bloc50right form#mot_de_passe_oublie h3,
html div.bloc100 form#mot_de_passe_oublie h3,
html div.bloc100eleve form#mot_de_passe_oublie h3,
html div.bloc50left div.bloc h3,
html div.bloc50right div.bloc h3,
html div.bloc100 div.bloc h3,
html div.bloc100eleve div.bloc h3 {
    float: left;
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    font-weight: 700;
    color: #000000;
    border-bottom: 1px solid #ededed;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.bloc50left form#connexion a.creer_compte,
html div.bloc50right form#connexion a.creer_compte,
html div.bloc100 form#connexion a.creer_compte,
html div.bloc100eleve form#connexion a.creer_compte,
html div.bloc50left form#connexion_enseignant a.creer_compte,
html div.bloc50right form#connexion_enseignant a.creer_compte,
html div.bloc100 form#connexion_enseignant a.creer_compte,
html div.bloc100eleve form#connexion_enseignant a.creer_compte,
html div.bloc50left form#connexioneleve a.creer_compte,
html div.bloc50right form#connexioneleve a.creer_compte,
html div.bloc100 form#connexioneleve a.creer_compte,
html div.bloc100eleve form#connexioneleve a.creer_compte,
html div.bloc50left form#mot_de_passe_oublie a.creer_compte,
html div.bloc50right form#mot_de_passe_oublie a.creer_compte,
html div.bloc100 form#mot_de_passe_oublie a.creer_compte,
html div.bloc100eleve form#mot_de_passe_oublie a.creer_compte,
html div.bloc50left div.bloc a.creer_compte,
html div.bloc50right div.bloc a.creer_compte,
html div.bloc100 div.bloc a.creer_compte,
html div.bloc100eleve div.bloc a.creer_compte {
    float: none;
    clear: both;
    display: inline-block;
}

html div.bloc50left form section,
html div.bloc50right form section,
html div.bloc100 form section,
html div.bloc100eleve form section {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.bloc50left form section label,
html div.bloc50right form section label,
html div.bloc100 form section label,
html div.bloc100eleve form section label {
    float: left;
    width: 35%;
    height: 30px;
    padding-top: 10px;
    padding-right: 10px;
    font-size: 0.9em;
    text-align: right;
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.bloc50left form section input,
html div.bloc50right form section input,
html div.bloc100 form section input,
html div.bloc100eleve form section input {
    float: left;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 5px;
    height: 30px;
    width: 65%;
    color: #000000;
    outline-style: none;
    border: 0;
    font-weight: 500;
    font-size: 0.8em;
    background: #ffffff;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.bloc50left form section .toggle-password,
html div.bloc50right form section .toggle-password,
html div.bloc100 form section .toggle-password,
html div.bloc100eleve form section .toggle-password,
html div.bloc50left form section .toggle-password_enseignant,
html div.bloc50right form section .toggle-password_enseignant,
html div.bloc100 form section .toggle-password_enseignant,
html div.bloc100eleve form section .toggle-password_enseignant {
    position: absolute;
    top: 12px;
    right: 10px;
    cursor: pointer;
}

html div.bloc50left form section button,
html div.bloc50right form section button,
html div.bloc100 form section button,
html div.bloc100eleve form section button {
    float: right;
}

html div.bloc50left form section div.message,
html div.bloc50right form section div.message,
html div.bloc100 form section div.message,
html div.bloc100eleve form section div.message {
    background: #EFC0C0;
    color: #fff;
    font-size: 0.8em;
}

html div.bloc50left form section div.message .error,
html div.bloc50right form section div.message .error,
html div.bloc100 form section div.message .error,
html div.bloc100eleve form section div.message .error {
    color: #fff !important;
}

html div.bloc50left form section div.message a,
html div.bloc50right form section div.message a,
html div.bloc100 form section div.message a,
html div.bloc100eleve form section div.message a {
    color: #0a78e6;
}

html div.bloc50left form section div.message a:hover,
html div.bloc50right form section div.message a:hover,
html div.bloc100 form section div.message a:hover,
html div.bloc100eleve form section div.message a:hover {
    color: #0ca1ff;
}

html div.bloc50left form section div.error,
html div.bloc50right form section div.error,
html div.bloc100 form section div.error,
html div.bloc100eleve form section div.error {
    background: #cf2027;
    padding: 5px;
}

html div.bloc50left form section select.error,
html div.bloc50right form section select.error,
html div.bloc100 form section select.error,
html div.bloc100eleve form section select.error,
html div.bloc50left form section textarea.error,
html div.bloc50right form section textarea.error,
html div.bloc100 form section textarea.error,
html div.bloc100eleve form section textarea.error,
html div.bloc50left form section input.error,
html div.bloc50right form section input.error,
html div.bloc100 form section input.error,
html div.bloc100eleve form section input.error {
    border: 1px solid #BF0000 !important;
}

html div.bloc50left {
    padding-right: 10px;
}

html div.bloc50right {
    padding-left: 10px;
}

html div.bloc100 {
    margin-left: 25%;
}

html div.bloc100 form#mot_de_passe_oublie {
    height: auto;
}

html div.bloc100eleve {
    width: 100%;
}

html div.bloc100eleve form#connexioneleve {
    height: auto;
}

html div.bloc100eleve form#connexioneleve section {
    text-align: center;
}

html div.bloc100eleve form#connexioneleve section input {
    float: left;
    width: 185px;
    height: 53px;
    margin: 0;
    margin-left: 37%;
    padding-left: 20px;
    font-size: 2em;
    letter-spacing: 2px;
    font-weight: 700;
    -webkit-border-radius: 20px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 20px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-radius: 20px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

html div.bloc100eleve form#connexioneleve section button.eleve {
    float: left;
    height: 53px;
    border-bottom: 0;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

html form.formfront {
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 70px;
    padding-right: 70px;
    margin-bottom: 50px;
    border: 1px solid #cacaca;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html form.formfront em {
    font-style: italic;
}

html form.formfront strong {
    font-weight: 700;
    color: #cf2027;
}

html form.formfront p {
    float: left;
    width: 100%;
    color: #000000;
    line-height: 1.2em;
    padding-bottom: 5px;
}

html form.formfront .blocinscription {
    float: left;
    width: 100%;
    padding: 20px;
    margin-top: -40px;
    margin-bottom: 20px;
    background: #0a78e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html form.formfront .blocinscription p {
    color: #fff;
    font-weight: 600;
}

html form.formfront .blocinscription2 {
    float: left;
    width: 100%;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #0a78e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html form.formfront .blocinscription2 p {
    color: #fff;
    font-weight: 600;
}

html form.formfront .blocinscription2 strong {
    color: #ededed;
}

html form.formfront input[type='text'],
html form.formfront input[type='password'],
html form.formfront textarea,
html form.formfront select {
    float: left;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding-left: 10px;
    margin-top: 5px;
    height: 28px;
    width: 100%;
    color: #000000;
    outline-style: none;
    border: 0;
    font-weight: 500;
    font-size: 0.8em;
    background: #ffffff;
    border: 1px solid #a2a2a2;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html form.formfront select {
    cursor: pointer;
}

html form.formfront textarea {
    height: 142px;
    padding-top: 10px;
}

html form.formfront input[type='checkbox'] {
    float: left;
    width: auto;
}

html form.formfront .hp {
    display: none;
}

html form.formfront .label,
html form.formfront label {
    float: left;
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0.9em;
    text-align: right;
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html form.formfront .line {
    float: left;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html form.formfront .line strong {
    color: #cf2027;
    font-weight: 700;
}

html form.formfront .line label,
html form.formfront .line .label {
    float: left;
    width: 40%;
    padding-top: 10px;
    padding-right: 20px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html form.formfront .line label.newsletter {
    text-align: left;
    width: 100%;
    padding-top: 0;
    padding-left: 40%;
    line-height: 1.4em;
}

html form.formfront .line label.newsletter input {
    margin-right: 10px;
}

html form.formfront .line label.newsletter label.error {
    position: absolute;
    left: 0;
    top: 20px;
}

html form.formfront .line label.newsletter a {
    color: #0a78e6;
}

html form.formfront .line input,
html form.formfront .line textarea,
html form.formfront .line select {
    float: left;
    width: 60%;
}

html form.formfront .line input.red {
    background-color: #fcc5c5;
}

html form.formfront .line p {
    width: 60%;
    font-size: 0.8em;
    font-weight: 700;
    padding-top: 3px;
    margin-left: 40%;
    text-align: left;
    padding-right: 0;
}

html form.formfront .line input[type='checkbox'] {
    float: left;
    width: auto;
}

html form.formfront .line input[type='radio'] {
    float: left;
    width: auto;
}

html form.formfront .line input[type='file'] {
    float: left;
    width: auto;
}

html form.formfront .line.right .submit {
    float: right;
}

html form.formfront .radio label {
    width: auto;
    text-align: left;
}

html form.formfront .radio input {
    padding: 0;
    margin-top: 12px;
    width: auto;
}

html form.formfront .bottom {
    float: left;
    width: 100%;
}

html form.formfront .bottom p {
    font-size: 0.9em;
}

html form.formfront .bottom span.email {
    color: #ffffff;
}

html form.formfront i.input {
    position: absolute;
    z-index: 999;
    top: 9px;
    right: 30px;
    color: #cf2027;
    font-size: 1em;
}

html form.formfront input.readonly {
    background: #efefef;
}

html form.formfront ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #393939;
    font-style: italic;
}

html form.formfront :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #393939;
    opacity: 1;
    font-style: italic;
}

html form.formfront ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #393939;
    opacity: 1;
    font-style: italic;
}

html form.formfront :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #393939;
    font-style: italic;
}

html form.formfront .error {
    color: #cf2027 !important;
}

html form.formfront p.error {
    color: #cf2027 !important;
    font-size: 0.9em;
    font-weight: 700;
    padding-top: 3px;
}

html form.formfront label.error {
    color: #cf2027 !important;
    width: 60%;
    font-size: 0.9em;
    font-weight: 700;
    padding-top: 3px;
    margin-left: 40%;
    text-align: left;
    padding-right: 0;
}

html form.formfront textarea.error,
html form.formfront input.error {
    border: 1px solid #cf2027;
}

html form.formfront .checkbox {
    position: relative;
}

html form.formfront .checkbox label.error {
    position: absolute;
    top: 20px;
    left: 0px;
}

html form.formfront span.asterisques,
html form.formfront span#asterisques {
    font-size: 0.9em;
    font-weight: bold;
}

html form.formfront button {
    float: right;
}

html div.menu {
    float: left;
    width: 25%;
    padding-top: 30px;
}

html div.menu ul {
    float: left;
    width: 100%;
    padding: 10px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #cacaca;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.menu ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.menu ul li a {
    float: left;
    position: relative;
    width: 100%;
    padding: 10px;
    padding-left: 32px;
    font-size: 0.9em;
    font-weight: 600;
    color: #707070;
    text-transform: uppercase;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html div.menu ul li a i {
    position: absolute;
    top: 10px;
    left: 10px;
}

html div.menu ul li a:hover {
    color: #0ca1ff;
}

html div.menu ul li a.active {
    color: #0a78e6;
}

html div.menu ul li.last-child,
html div.menu ul li:last-child {
    border: 0;
}

html div.devis ul {
    float: left;
    width: 100%;
    padding: 15px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.devis ul li {
    padding: 10px;
    border-bottom: 1px solid #ededed;
}

html div.devis ul li strong {
    float: none;
    width: 100%;
}

html div.devis ul li a {
    float: left;
    margin-top: 5px;
    color: #0a78e6;
    font-weight: 600;
    font-size: 0.8em;
    text-decoration: none !important;
    text-transform: uppercase;
}

html div.espace {
    float: left;
    width: 75%;
    min-height: 400px;
    padding-left: 20px;
    padding-top: 30px;
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.espace h2 {
    padding-bottom: 20px;
}

html div.espace p {
    padding-top: 10px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

html div.espace .credits {
    float: right;
    padding: 15px;
    margin-bottom: 20px;
    background: #ededed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

html div.espace .credits i.picto {
    float: left;
    width: 25px;
    text-align: center;
}

html div.espace .credits a {
    color: #0a78e6;
    font-size: 0.8em;
    font-weight: 600;
    margin-left: 10px;
    text-transform: uppercase;
}

html div.espace .credits span {
    float: left;
    width: 100%;
    padding-top: 8px;
}

html div.espace ul {
    float: left;
    width: 100%;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.espace ul li {
    padding: 10px;
    border-bottom: 1px solid #ededed;
}

html div.espace ul li strong {
    float: none;
    width: 100%;
}

html div.espace ul li a {
    float: right;
    margin-top: 5px;
    color: #0a78e6;
    font-weight: 600;
    font-size: 0.8em;
    text-decoration: underline;
    text-transform: uppercase;
}

html div.espace ul li:last-child {
    border-bottom: 0px;
}

html div.espace table {
    float: left;
    margin-top: 2px;
    width: 100%;
}

html div.espace table th {
    vertical-align: middle;
    text-align: right;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ededed;
}

html div.espace table th.col1 {
    text-align: left;
}

html div.espace table td {
    border-top: 1px solid #efefef;
    padding: 20px;
    line-height: 1.8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html div.espace table td a {
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html div.espace table td a:hover {
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

html div.espace table td.recap {
    vertical-align: top;
}

html div.espace table td.recap .image {
    float: left;
    width: 200px;
    height: 133px;
    margin-right: 20px;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    background-position: center center;
}

html div.espace table th.coltotal,
html div.espace table td.coltotal {
    text-align: right;
}

html div.espace table th.coltotal p,
html div.espace table td.coltotal p {
    text-align: right;
}

html div.espace table th.coltotal p em,
html div.espace table td.coltotal p em {
    font-style: italic;
}

html div.espace table th.coltotal p a.bouton,
html div.espace table td.coltotal p a.bouton {
    float: right;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

html div.espace table th.coltotal .fa-check-circle,
html div.espace table td.coltotal .fa-check-circle {
    color: #59b128;
}

html div.espace table th.coltotal .hourglass-half,
html div.espace table td.coltotal .hourglass-half {
    color: #ffb442;
}

html div.espace table th.coltotal .times,
html div.espace table td.coltotal .times {
    color: #cf2027;
}

html div.espace .pass {
    width: 150px;
    text-align: center;
    display: inline-block;
    color: #000;
    background: #ebf2fe;
}

html div.espace .pass span {
    display: inline-block;
    padding: 3px;
    filter: blur(4px);
}

html div.espace .pass:hover span {
    filter: blur(0px);
}

html #packs {
    float: left;
    width: 100%;
    text-align: center;
}

html #packs .pack {
    float: none;
    display: inline-block;
    width: 50%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 30px;
    text-align: center;
    border: 2px solid #000;
    background: #ededed;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 3px #707070;
    -moz-box-shadow: 0px 0px 3px #707070;
    box-shadow: 0px 0px 3px #707070;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

html #packs .pack h2 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html #packs .pack h3 {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: 1.6em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html #packs .pack h3 i {
    color: #0a78e6;
}

html #packs .pack h3 .texte-barre {
    text-decoration: line-through;
}

html #packs .pack h4 {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 1em;
    color: #0a78e6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html #packs .pack p {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 1em;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html #packs .pack .bouton {
    width: 100%;
    border: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.7em;
}

html #packs .pack-link {
    display: block; /* Fait en sorte que le lien prenne toute la largeur */
    text-decoration: none; /* Supprime la décoration du texte */
    color: inherit; /* Garde la couleur du texte du contenu interne */
}

html .form-paiement {
    float: left;
    width: 100%;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

html .form-paiement button {
    float: none;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    background: #ef991b;
}

html .form-paiement button i {
    color: #e5001a;
}

html footer {
    float: left;
    width: 100%;
}

html footer .top {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
    color: #a2a2a2;
    background: #ededed;
}

html footer .top a {
    color: #0a78e6;
}

html footer .top a:hover {
    color: #0ca1ff;
}

html footer .top div.col1 {
    float: left;
    width: 28%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html footer .top div.col1 .h1 {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    text-align: left;
    font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 700;
    color: #a2a2a2;
}

html footer .top div.col1 p {
    float: left;
    width: 100%;
    padding-bottom: 10px;
    text-align: left;
    text-transform: uppercase;
    font-size: 0.9em;
    line-height: 1.8em;
    color: #a2a2a2;
}

html footer .top div.col1 p .email {
    text-transform: initial;
}

html footer .top div.col {
    float: left;
    width: 18%;
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #a2a2a2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html footer .top div.col .h1 {
    float: left;
    width: 100%;
    padding-top: 18px;
    padding-bottom: 20px;
    text-align: left;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    color: #a2a2a2;
}

html footer .top div.col .h1 a {
    color: #a2a2a2;
}

html footer .top div.col ul li {
    float: left;
    width: 100%;
    padding-bottom: 7px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1.6em;
    color: #a2a2a2;
}

html footer .top div.col ul li a i {
    color: #a2a2a2;
    font-weight: 600;
}

html footer .top div.col ul li a i.fab {
    font-weight: 400;
    font-size: 2em;
}

html footer .top div.col ul li a i.fa-facebook {
    color: #3b5998;
}

html footer .top div.col ul li a i.fa-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

html footer .top div.col ul li a i.fa-twitter {
    color: #00acee;
}

html footer .top div.col ul li a i.fa-pinterest {
    color: #c62028;
}

html footer .top div.social ul li {
    width: auto;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html footer .bottom {
    float: left;
    width: 100%;
    padding-top: 65px;
    padding-bottom: 65px;
    color: #ededed;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.9em;
    background: #cacaca;
}

html footer .bottom a {
    color: #ededed;
}

html footer .bottom a:hover {
    color: #ffffff;
}

/*pagination*/
#galleryPager {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: center;
}

.firstButton,
.prevButton,
.pagerButton,
.nextButton,
.allButton,
.pageButton,
.lastButton {
    float: none;
    display: inline-block;
    color: #1464f0;
    border: none;
    background: none;
    padding: 2px;
    margin: 5px;
    min-width: 20px;
    min-height: 20px;
    cursor: pointer;
    font-size: 1em;
}

.pageButton {
    color: #fff;
    background: #1464f0;
}

.actual {
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    background: #1464f0;
}

.pagerButton {
    width: 15px;
    text-align: center;
}

.allButton {
    margin-left: 5px;
}

.firstButton,
.allButton,
.pageButton,
.lastButton {
    text-decoration: underline;
}

.firstButton:hover,
.allButton:hover,
.pageButton:hover,
.pagerButton:hover,
.lastButton:hover {
    color: #555;
}

.hide {
    display: none;
}

.lightbox {
    display: none;
}

/*# sourceMappingURL=communs.css.map */