@charset "UTF-8";
/* CSS Document */

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

/* FONTS */
@font-face {
    font-family: 'get_showregular';
    src: url('../fonts/getshow-webfont.eot');
    src: url('../fonts/getshow-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/getshow-webfont.woff2') format('woff2'),
         url('../fonts/getshow-webfont.woff') format('woff'),
         url('../fonts/getshow-webfont.svg#get_showregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_std95_black';
    src: url('../fonts/avenirltstd-black-webfont.eot');
    src: url('../fonts/avenirltstd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirltstd-black-webfont.woff2') format('woff2'),
         url('../fonts/avenirltstd-black-webfont.woff') format('woff'),
         url('../fonts/avenirltstd-black-webfont.svg#avenir_lt_std95_black') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_std85_heavy';
    src: url('../fonts/avenirltstd-heavy-webfont.eot');
    src: url('../fonts/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirltstd-heavy-webfont.woff2') format('woff2'),
         url('../fonts/avenirltstd-heavy-webfont.woff') format('woff'),
         url('../fonts/avenirltstd-heavy-webfont.svg#avenir_lt_std85_heavy') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../fonts/avenirltstd-light-webfont.eot');
    src: url('../fonts/avenirltstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirltstd-light-webfont.woff2') format('woff2'),
         url('../fonts/avenirltstd-light-webfont.woff') format('woff'),
         url('../fonts/avenirltstd-light-webfont.svg#avenir_lt_std35_light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_std65_medium';
    src: url('../fonts/avenirltstd-medium-webfont.eot');
    src: url('../fonts/avenirltstd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirltstd-medium-webfont.woff2') format('woff2'),
         url('../fonts/avenirltstd-medium-webfont.woff') format('woff'),
         url('../fonts/avenirltstd-medium-webfont.svg#avenir_lt_std65_medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenir_lt_std55_roman';
    src: url('../fonts/onts/avenirltstd-roman-webfont.eot');
    src: url('../fonts/avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenirltstd-roman-webfont.woff2') format('woff2'),
         url('../fonts/avenirltstd-roman-webfont.woff') format('woff'),
         url('../fonts/avenirltstd-roman-webfont.svg#avenir_lt_std55_roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */
#body-accueil {
    font-family: 'avenir_lt_std55_roman';
    background: url("../images/Ampoule_ret.png") no-repeat;
    background-size: 100%;
    background-position: right 0% top 51px;
    line-height: 1.3;
	text-align: center;
}
body p, body a { 
    font-family: 'avenir_lt_std55_roman';
}	
img {
	max-width: 100%;
	height: auto;
}
.titre-section {
    width: 100%;
	margin: 5% auto 1% auto;
}
.titre-section img {
    width: 43%;
}
/* BARRE NAVIGATION */
header {
	z-index: 5;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	height: 51px;
    background: url("../images/Bandeau-menu-degrade.png") no-repeat;
    background-size: 100% 100%;
}
nav {
	float: left;
}
.bouton_nav {
	padding: 16px 15px 15px 14px;
	position: relative;
	display: block;
	left: 0;
	top: 0;
	width: 21px;
	z-index: 50;
}
.bouton_nav img {
	width: 100%;
	height: 15px;
}
.bouton_nav:hover {
	cursor: pointer;
}
.nav_on_click {
    background-color: rgba(0,0,0,.2);
}
.nav_on_click_hover:hover {
    background-color: rgba(255,255,255,.5);
}
#bloc-menu {
	position: absolute;
	left: -100%;
	top: 0;
	background-color: rgba(0,0,0,.2);
	padding: 0 15px 0 51px;
	height: 51px;
	border-bottom-right-radius: 20px;
}
#bloc-menu a {
	color: #fff;
	text-decoration: none;
	font-family: 'avenir_lt_std35_light';
	font-size: 0.9em;
	text-transform: uppercase; 
	display: inline-block;
	vertical-align: top;
	padding: 15px;
	text-align: left;
}
#bloc-menu a:hover {
	background-color: rgba(255,255,255, .5);
}
#bloc-menu li {
	padding-top: 2px;;
}
#fermer {
	display: none;	
}
#bouton-menu {
	float: right;
	padding: 12px 15px 10px 0;
}
#numero {
	color: #fff;
	padding: 0 0 1px 0;
	font-size: 1.4em;
	float: right;
	font-family: 'avenir_lt_std85_heavy';
	margin-left: 5px;
}
.bouton-menu {
    background: rgba(0, 0, 0, .2);
	border-radius: 15px;
    padding: 5px 15px;
	border: solid 1px #fff;
	margin-right: 6px;
	color: #ffffff;
}
.bouton-menu a {
    text-decoration: none;
	color: #ffffff;
	font-size: 1em;
}
.bouton-menu:hover {
    background: rgba(255, 255, 255, .2);
	cursor: pointer;
}
/* PAGE ACCUEIL */
#logo {
    text-align: right;
	margin: 40px 0 0 45%;
} 
#logo img {
    width: 100%;
}
h1 {
	font-family: 'avenir_lt_std65_medium';
	font-size: 2.5vw;
	margin: 6% 0 0 5%;
	letter-spacing: .20em;
    text-align: left;
}
h1 b {
	font-family: 'avenir_lt_std95_black';
	font-size: 150%;
	background: linear-gradient(90deg, rgba(0,110,210,1) 0%, rgba(172,46,107,1) 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#scroll_to_top {
	position: fixed;
	width: 35px;
	height: 35px;
	bottom: 3%;
	right: 3%;
	display: none;
	cursor: pointer;
	z-index: 10;
}
#scroll_to_top:hover {
	background-image: url("../images/scrolltop-hover.svg");
    background-repeat : no-repeat;
}
#scroll_to_top img:hover {
    opacity: 0;
}
@keyframes clignoter {
  0%   { opacity:0; }
  50%   {opacity:1; }
  100% { opacity:0; }
}
#scroll_to_bottom {
	position: fixed;
	bottom: 3%;
	right: 3%;
	z-index: 10;
    animation-duration: 3s;
    animation-name: clignoter;
	animation-delay: 3s;
    animation-iteration-count: infinite;
    opacity:0;

}
/* PRESENTATION */
#presentation {
	text-align: center;
	margin: 0 5% 5% 5% ;
}
#presentation p {
	margin: 1.5% auto;
	width: 70%;
	font-family: 'avenir_lt_std35_light';
    font-size: 1.2vw;
    line-height: 1.3;
}
#accroche p {
	font-family: 'avenir_lt_std95_black';
	font-size: 1.5vw;
	color: rgb(172, 46, 107);
    line-height: 1.3;
	margin-top: 5%;

}
h2 {
	font-family: 'avenir_lt_std95_black';
	font-size: 2.2vw;
	letter-spacing: 1px;
	margin: 1% 0 1.5% 0;
	padding: 1% 0 0.5% 0;
    line-height: 1.15;
}
h2 b {
	background: linear-gradient(90deg, rgba(0,110,210,1) 0%, rgba(172,46,107,1) 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}
/* COMPETENCES */
#container {
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 85%;
	margin: 1% auto;
	justify-content: space-between;
}
.item:hover p{
    opacity:1;
    transition:opacity .5s ease-in-out 0s;
}

.item:hover .fleche-categorie{
    opacity:1;
    transition:opacity .5s ease-in-out 0s;
}
.item {
	position: relative;
	font-size: 125%;
	letter-spacing: 1px;
	text-align: left;	
	text-decoration: none;
	color: #000;
 	margin: 0.5%;
	flex: 0 0 calc(100%/4 - 1%);
    box-shadow: 0 0 0.5vw rgba(0,0,0,0.2);
}
.item::after {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.item p {
	width: 100%;
    opacity:0;
	background: linear-gradient(rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.25) 100%);
	letter-spacing: 1px;
	text-align: left;	
	text-decoration: none;
	color: #fff;
    position: absolute;
	top: 0;
    bottom:0;
	left: 0;
	font-size: 1.45vw;
    text-shadow: 0 0 0.5vw rgba(0,0,0,0.75);
	line-height: 125%
}
.item p strong{
	position: absolute;
    top: 5%;
    left: 5%;
    right: 15%;
}
.fleche-categorie img {
	width: 10%;
	position: absolute;
    border-radius: 100%;
	top: 4%;
	right: 4%;
}
.fleche-categorie {
	opacity: 0;
}
/* REFERENCES */
/* SLIDER */
#cadre {
	width: 90%;
	padding: 3px 0;
	margin: 5px auto;
    border-style: solid;
    border-width: 3px 0 3px 0;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(0,110,210,1) 0%, rgba(172,46,107,1) 100%);
}
#cadre2, #cadre3 {
    display: none;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 10));
  }
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-200px * 5));
  }
}
#cadre .slider {
	background: white;
	height: 100px;
	margin: auto;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#cadre .slider::before,
#cadre .slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 120px;
  position: absolute;
  width: 250px;
  z-index: 2;
}
#cadre .slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
#cadre .slider::before {
  left: 0;
  top: 0;
}
#cadre .slider .slide-track {
  animation: scroll 30s linear infinite;
  display: flex;
  width: calc(250px * 20);
}
#cadre .slider .slide {
  height: 120px;
  width: 250px;
}
.easy-modal {
	width: 60%;
	max-width: 920px;
	padding: 1em;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	background-color: white;
}
.easy-modal{
    display: none;
}
.content {
	overflow: auto;
	position: relative;
	background: #fff;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#fermer-popup {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.lean-overlay {
	cursor: pointer;
}
#client-mobile {
	display: none;
}
/* CHIFFRES */
#container-chiffres {
	margin: 1% auto 0 auto;
	justify-content: space-between;
}
#container-chiffres p {
	color: #000000;
	font-family: 'avenir_lt_std35_light';
	font-size: 30px;
    letter-spacing: 1px;
    line-height: 120%;
	text-align: center;
    padding: 15px 0;
}
#container-chiffres div {
	display: inline-block;
}
.picto {
    height: 120px;
    padding: 15px;
}
.filet1, .filet2, .filet3{
    vertical-align: bottom;
    height: 90px;
    padding: 15px 25px;
}
.chiffres, #timer{
    color: #0064a3;
    font-family: 'avenir_lt_std95_black';
    font-size: 60px;
}
.chiffres2{
    color: #0064a3;
    font-family: 'avenir_lt_std95_black';
    font-size: 45px;
}
/* QUOI DE NEUF */
#quoi-de-neuf {
	background: linear-gradient(rgba(172,46,107,1)0%,  rgba(70,77,142,1)100%);
	text-align: left;
	margin: 125px 0 80px 0;
	padding: 20px 0;
}
#quoi-de-neuf p {
	color: #fff;
	font-family: 'avenir_lt_std65_medium';
}
#quoi-de-neuf-titre, #consulter, #news, #abonnement {
	display: inline-block;
	vertical-align: middle;
}
#quoi-de-neuf-titre {
	margin-left: 5%;
	width: 30%;
}
#consulter{
	margin-left: 1%;
	font-size: 1.25vw;
	text-align: center;
	width: 12%;
}
#consulter a, #abonnement a, #abonnement a {
	text-decoration: none;
}
#consulter a #ici {
	font-family: 'avenir_lt_std95_black';
	letter-spacing: 1px;
	padding: 33% 0;
	animation: glow 2s ease-in-out infinite alternate;
}
.bg-ici{
    background: url("../images/ampoule.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
    filter: drop-shadow(0 0 3vw rgba(250,250,250,0.60));
}
/* lumière texte */
@-webkit-keyframes glow {
from {
    text-shadow:
        0 0 2vw rgba(250,250,250,1),
        0 0 4vw rgba(250,250,250,3);
}         
to {
    text-shadow:
        0 0 2vw rgba(250,250,250,2),
        0 0 4vw rgba(250,250,250,3),
        0 0 6vw rgba(250,250,250,3.5),
        0 0 8vw rgba(250,250,250,4),
        0 0 10vw rgba(250,250,250,4.5),
        0 0 12vw rgba(250,250,250,5);
}
}
#news {
	width: 17%;		
	position: relative;
}
#news img:first-child {
	position: absolute;
	top: -225px;
	left: 0px;
}
#news img:last-child {
	position: absolute;
	top: -190px;
	left: 65%;
}
#abonnement {
	margin-left: 12%;
	width: 18%;
	position: relative;
}
#abonnement img{
    filter: drop-shadow(0 0 2vw rgba(250,250,250,0.5));
}
#abonnement button {
	position: absolute;
	bottom: 17%;
	left: 14%;
	border-radius: 30px;
	border: solid 1px #fff;
	padding: 2% 0;
	background-color: rgba(0, 0, 0, .2);
	cursor: pointer;
	width: 73%;
}
#abonnement a button  {
	color: #fff;
	font-size: 1.25vw;
}
#abonnement button:hover {
	background-color: rgba(255, 255, 255, .2);
}
/* CONTACT */
#contact {
	text-align: left;
	margin: 0;
}
#contact-titre {
	margin-left: 5%;
	width: 15%;
}
#contact-titre, #contact-logo, #adresse-texte {
	display: inline-block;
	vertical-align: middle;
}
#contact-logo {
	width: 22%;
	margin-left: 1%;	
}
#adresse-texte {
	margin-left: 3%;
	line-height: 1.3;
	padding-top: 12px;
}
.heavy {
	font-family: 'avenir_lt_std85_heavy';		
}
/* FORMULAIRE */
#form-contact {
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;	
	justify-content: flex-start;
	margin: 0 0 0 30%;
	width: 70%;
	gap: 8px;
}
#form-contact label {
	display: none;
	font-size: 100%;
}
.titre-formulaire {
	margin: 20px 0 8px 30%;
}
#form-contact div {
	flex-basis: 1rem;
}
#form-contact p {
	margin-bottom: 8px;
}
input, textarea {
	background-color: rgba(0,0,0, .1);
	border: hidden;
	padding: 10px 15px;
	margin: 0 8px 8px 0;
    font-family: 'avenir_lt_std55_roman';
	font-size: 85%;
}
textarea {
	height: 151px;
}
input::placeholder, textarea::placeholder {
    font-family: 'avenir_lt_std55_roman';
}
#obligatoire {
	margin: 8px 0 8px 30%;	
    font-family: 'avenir_lt_std55_roman';
	font-style: italic;
	font-size: 75%;
}
#envoi {
	border: hidden;
	background-color: rgba(0,110,210, 1);
	color: #fff;
	font-family: 'get_showregular';
	font-size: 300%;
	letter-spacing: 3px;
	padding: 0 25px 6px 25px;
	cursor: pointer;
	margin-top: 10px;
}
#captcha-false {
	color: darkred;
	font-family: 'avenir_lt_std85_heavy';
	margin: 15px 0 8px 30%;
}
#message-envoye{
	color: rgba(0,110,210, 1);
	font-family: 'avenir_lt_std85_heavy';
	margin: 15px 0 8px 30%;	
}
/* FOOTER */
footer {
	background: url("../images/FondPied_transparent.png") no-repeat;
    background-size: cover;	
	color: #fff;
	text-align: left;
	position: static;
	bottom: 0;
	width: 100%;
}
#bloc-texte-footer {
	margin-left: 5%;
	padding: 180px 0 2.5% 0;
}
.titre-footer {
	font-size: 125%;
}
footer li, footer li img, footer li p {	
	display: inline-block;
	vertical-align: top;
	font-size: 100%;
}
footer li {
	margin-right: 30px;	
}
footer li p {
	margin: 5px 0 0 5px;
	line-height: 1.3;
}
footer li a {
	color: #fff;	
}
#bloc-texte-footer li:last-child {
  width: 200px;
}
#bloc-texte-footer li:last-child p {
  width: 100%;
}	
#bloc-texte-footer li:last-child a {
  width: 100%;
	display: block;
}
/* PAGE COMPETENCES */
#contenu-page-compentence img {
	width: 100%;
	height: auto;
	display: block;
}
#page-competences {
	margin-top: 50px;
	position: relative;
}
#titre-page-compentence {
	width: 35%;
	max-width: 800px;
	position: absolute;
	z-index: 1;
	margin-right: 5%;
}
#texte-page-compentence {
	float: right;
	margin: 75px 15px 0 0;
	text-align: right;
}
#texte-page-compentence ul li a {
	font-family: 'avenir_lt_std55_roman';
	font-size: 1.175em;
	line-height: 1.4;
	text-decoration: none;
	color: #999;
}
#texte-page-compentence ul li {
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0 8px;
}
#texte-page-compentence ul li a:hover {
	color: #000;
}
#texte-page-compentence ul li:after {
	content: "•";
	position: absolute;
	right: -13px;
	top: 1px;
	color: #999;
}
#texte-page-compentence ul li:last-child:after, #texte-page-compentence ul li:nth-child(5):after {
	content: inherit;
}
#texte-page-compentence ul li:last-child, #texte-page-compentence ul li:nth-child(5) {
	margin: 0 0 0 8px;
}
#texte-page-compentence ul li .page-active {
	color: #000;
}
#retour-ligne-logo, #retour-ligne-video {
	display: none;
}
#page-competences footer {
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	background: url("../images/FondPied_transparent.png") no-repeat;
	background-size: 100%;
}
#page-competences #bloc-texte-footer {
  padding: 150px 0 2.5% 0;
}
/************ MENTIONS **************/
#ancre-mentions-legales, #ancre-politique, #ancre-conditions-generales {
	height: 90px;
}
.mentions {
	margin: 0 0 5% 5%;
	width: 80%;
}
.mentions h1, h2 {
	margin: 0;
	padding: 0;
	font-family: 'avenir_lt_std85_heavy';
	letter-spacing: 0;
}
.mentions h1 {
	font-size: 2em;
	background: linear-gradient(90deg, rgba(0,110,210,1) 0%, rgba(172,46,107,1) 100%);
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 25px;
	width: 260px;	
}
#politique {
	width: 415px;
}
.mentions h2 {
	font-size: 1em;	
	margin-bottom: 4px;
}
.mentions p {
	font-family: 'avenir_lt_std35_light';
	font-size: 1em;
	margin-bottom: 20px;
	line-height: 1.4;
}
.mentions p:last-child {
	margin-bottom: 0;
}
/************ RESPONSIVE **************/
@media (min-width: 1501px) and (max-width: 1920px) {
#page-competences footer {
	background-size: 1920px;
}
#page-competences #bloc-texte-footer {
  padding: 130px 0 2% 0;
}	
}
@media (min-width: 1401px) and (max-width: 1500px) {
#page-competences footer {
	background-size: 1920px;
}
#page-competences #bloc-texte-footer {
  padding: 130px 0 2% 0;
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
.mentions {
  margin: 0 0 0 4%;
  width: 90%;
}
.mentions h2 {
	padding: 0;	
	margin: 0;
	margin-bottom: 4px;
}	
h1 {
    font-size: 2.5vw;	
}	
#accroche p {
    font-size: 2vw;	
}
h2 {
	font-size: 2.6vw;
	padding: 1.75% 0 1% 0;
}
#presentation p:first-child {
    width: 100%;
    font-size: 1.8vw;
}	
#presentation p {
    width: 100%;
    font-size: 1.5vw;
}
#presentation {
	margin: 6% ;
}
.titre-section {
	margin: 6% auto 1.5% auto;
}
.titre-section img {
    width: 50%;
}    
#container {
	width: 90%;
	margin: 1% auto;
}
.item p {
    font-size: 1.5vw;
}
.item{
    margin: 0.6%;
	flex: 0 0 calc(100%/4 - 1.2%);
}
.slider .slide-track {
  animation: scroll 35s linear infinite;
}
#news img:first-child {
    top: -190px;
}	
#news img:last-child {
    top: -160px;
}	
#news {
    width: 19%;
}	
#quoi-de-neuf-titre {
    margin-left: 3%;
}	
#abonnement {
    margin-left: 12.5%;	
}
#bloc-menu a {
    font-size: 0.85em;
    padding: 15px 5px;
}
#bloc-menu a:first-child {
    padding: 15px 5px 15px 10px;
}	
#bouton-menu {
    padding: 12px 10px 10px 0;
}
#bloc-menu li {
    padding-top: 3px;
}	
.bouton-menu a {
    font-size: 0.95em;
}
.bouton-menu {
    padding: 5px 12px;
    margin-right: 5px;
}
#bloc-texte-footer {
  padding: 140px 0 2% 0;
}	
/* CHIFFRES */
#container-chiffres p {
	font-size: 20px;
    padding: 10px 0;
}
.picto {
    height: 90px;
    padding: 10px;
}
.filet1, .filet2, .filet3{
    height: 70px;
    padding: 10px 20px;
}
.chiffres, #timer{
    font-size: 50px;
}
.chiffres2{
    font-size: 35px;
}
#page-competences footer {
	background-size: 1400px;
}	
#page-competences #bloc-texte-footer {
  padding: 105px 0 2% 0;
}
#texte-page-compentence {
	margin: 55px 15px 0 0;
}
}
@media (min-width: 769px) and (max-width: 1024px) {
.mentions {
  margin: 0 0 0 4%;
  width: 94%;
}
.mentions h2 {
	padding: 0;	
	margin: 0;
	margin-bottom: 4px;
}	
.easy-modal {
	width: 70%;
}
h1 {
	font-size: 3.8vw;
	margin: 8% 0 0 5%;
	letter-spacing: .15em;
}	
.bouton-menu a {
	font-size: 0.8em;
}	
#accroche p {
    font-size: 2.4vw;	
}
h2 {
	font-size: 3.6vw;
	margin: 1% 10% 2% 10%;
	padding: 2.2% 0 1% 0;
}
#presentation {
	margin: 8% 5%;
}
#presentation p:first-child {
    font-size: 2.2vw;
}	
#presentation p {
    font-size: 1.8vw;
	width: 100%;
}
.titre-section {
	margin: 8% auto 1.5% auto;
}
.titre-section img {
    width: 60%;
}       
#container {
    justify-content: flex-start;
	width: 90%;
	margin: 4px auto;
}	
.item{
    margin: 0.7%;
	flex: 0 0 calc(100%/3 - 1.4%);
}
.item p {
    font-size: 2vw;
}		
.fleche-categorie {
	top: 5%;
	right: 4%;
    width: 25px;
	height: 25px;
}
.slider::before,
.slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 80%);
  width: 250px;
}
.slider .slide-track {
  animation: scroll 40s linear infinite;
} 
#quoi-de-neuf {
	padding: 25px 0;
	margin: 100px 0 75px 0;
}
#quoi-de-neuf-titre {
    width: 37%;
	margin-left: 3%;
}		
#consulter {
	font-size: 2.3vw;
    margin-left: 38%;
	margin-top: -9%;
    width: 22%;
}	
#news {
    width: 26%;
}
#news img:first-child {
    top: -260px;
    left: -5px;
}	
#news img:last-child {
    top: -170px;
    left: 50%;
}	
#abonnement {
	margin-top: -19%;
	margin-left: 6%;
	width: 27%;
}
#abonnement a button {
    font-size: 1.5vw;
}	
#contact-titre {
    margin-left: 4%;
    width: 18%;
}	
#contact {
    margin: 0;
}	
#form-contact {
    margin: 0 0 0 25%;
    width: 70%;
}	
textarea {
    height: 148px;
    width: 250px;
}	
#envoi {
    font-size: 200%;	
}	
#adresse-texte, .titre-formulaire {
    font-size: 1.8vw;
}	
.titre-formulaire {
    margin: 20px 0 8px 25%;
}
#contact-logo {
    margin-left: 2%;
}	
.titre-footer {
    font-size: 105%;
}
footer li, footer li p {
    font-size: 95%;
}	
#bloc-texte-footer {
    padding: 85px 0 2.5% 0;
}	
footer li:nth-child(3) img {
	max-width: 11.5%;
}
#obligatoire {
    margin: 8px 0 8px 25%;
    font-size: 70%;
}	
#bloc-menu {
    height: 360px;
	background-color: #1f66be;
	padding: 0 ;
}
#bloc-menu a {
    display: block;
    padding: 14px 25px 14px 0;
}
#bloc-menu a li {
    padding: 2px 0 2px 16px;
}	
#bloc-menu a:first-child {
    margin-top: 51px;
}	
.bouton-menu a {
    font-size: 0.95em;
}
.bouton-menu {
    padding: 5px 12px;
    margin-right: 7px;
}
/* CHIFFRES */
#container-chiffres p {
	font-size: 22px;
    padding: 0;
}
#container-chiffres div:last-child{
    padding-top: 20px;
}
.aligne-chiffres{
    width: 100%;
    display: block;
}
.picto {
    height: 100px;
    padding: 12px;
}
.filet1, .filet2, .filet3{
    height: 75px;
    padding: 0 20px;
}
.filet2{
    display: none;
}
.chiffres, #timer{
    font-size: 50px;
}
.chiffres2{
    font-size: 40px;
}
#titre-page-compentence {
	width: 40%;
}
#page-competences footer {
	background-size: 1180px;
}	
#page-competences #bloc-texte-footer {
  padding: 98px 0 2% 0;
}
#texte-page-compentence {
  margin: 30px 15px 0 38%;
}
#texte-page-compentence ul li:nth-child(3):after, #texte-page-compentence ul li:nth-child(8):after {
	content: inherit;
}
#texte-page-compentence ul li:nth-child(3), #texte-page-compentence ul li:nth-child(8) {
	margin: 0 0 0 8px;
}	
#retour-ligne-emailing {
	display: none;	
}
#retour-ligne-logo, #retour-ligne-video {
	display: contents;
}		
#texte-page-compentence ul li:nth-child(5):after, #texte-page-compentence ul li:nth-child(6):after {
    content: "•";
}	
#texte-page-compentence ul li:nth-child(5), #texte-page-compentence ul li:nth-child(6) {
	margin: 0 8px;
}		
#texte-page-compentence ul li a {
  font-size: 1.05em;
  line-height: 1.3;	
}	
}
@media (min-width: 481px) and (max-width: 768px) {	
.mentions {
  margin: 0 0 0 4%;
  width: 94%;
}
.mentions h2 {
	padding: 0;	
	margin: 0;
	margin-bottom: 4px;
}	
#client-mobile {
	display: block;
}
#client-ordi {
	display: none;
}		
.easy-modal {
	padding: 0.5em;
}
h1 {
	font-size: 5vw;
	margin: 11% 0 0 5%;
	letter-spacing: .15em;
}	
#presentation p {
	font-size: 2.5vw;
	width: 100%;
}
#accroche p {
	font-size: 2.6vw;
}	
h2 {
	font-size: 4.3vw;
	padding: 3% 0 2% 0;
}
#presentation {
	margin: 8% 5%;
}
.titre-section {
	margin: 11% auto 1.5% auto;
}
.titre-section img {
    width: 80%;
}       
.slider::before,
.slider::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 60%);
  width: 250px;
}
.slider .slide-track {
  animation: scroll 45s linear infinite;
}
#quoi-de-neuf {
    margin: 65px 0 60px 0;	
	padding: 0;
	position: relative;
}	
#quoi-de-neuf-titre {
    width: 45%;
    margin: 4% 25% 5% 4%;
}
#news {
    width: 30%;
	margin-left: 1%;
}
#news img:first-child {
    top: inherit;
	bottom: 0;
    left: 5%;
}	
#news img:last-child {
    top: inherit;
	bottom: 0;
    left: 76%;
}
#consulter {
	font-size: 2.5vw;
	width: 33%;
	margin: 6% 0 3% 61.5%;
}
#consulter a #ici {
	padding: 27% 0;
}
#abonnement {
    position: absolute;
    top: 4%;
    right: 6%;
    width: 32%;
}
#contact-titre {
    margin-left: 3%;
    width: 18%;
}
#contact {
	margin: 0;
}	
#contact-logo {
    width: 28%;
}	
#adresse-texte {
    font-size: 2.4vw;
}	
#envoi {
    font-size: 200%;
}
#obligatoire {
    margin: 0 0 8px 3%;
}	
.titre-formulaire {
    margin: 20px 0 8px 3%;
}
#form-contact {
    margin: 0 0 0 3%;
	width: 97%;
}
#captcha-false, #message-envoye {
    margin: 0 0 0 3%;
}	
#container {
	width: 90%;
}
.item{
    margin: 1%;
	flex: 0 0 calc(100%/2 - 2%);
}
.item p {
    font-size: 3vw;
}		
.fleche-categorie {
	top: 5%;
	right: 4%;
    width: 25px;
	height: 25px;
}	
#bloc-texte-footer {
  margin-left: 3%;
  padding: 70px 0 2.5% 0;
}
#page-competences {
  padding-bottom: 65px;
}	
.titre-footer {
    font-size: 95%;
}
footer li, footer li p {
    font-size: 90%;
	}
footer li p {
    margin: 5px 0 0 0;
}	
footer li:nth-child(3) img {
    max-width: 11%;	
}	
footer li:nth-child(2) img {
    max-width: 15%;	
}
footer {
    margin-top: 30px;
}
#bloc-texte-footer li:last-child {
  width: 430px;
}
#bloc-texte-footer li:last-child a {
  display: inline-block;
	vertical-align: top;
}	
#bloc-texte-footer li:last-child a:first-child {
  width: 180px;
}	
#bloc-texte-footer li:last-child a:last-child {
  width: 160px;
}	
#abonnement a button {
    font-size: 2.2vw;
}		
#bloc-menu {
    height: 360px;
	background-color: #1f66be;
	padding: 0;
}
#bloc-menu a {
    display: block;
    padding: 14px 25px 14px 0;
}
#bloc-menu a li {
    padding: 2px 0 2px 16px;
}	
#bloc-menu a:first-child {
    margin-top: 51px;
}	
#scroll_to_bottom {
	display: none!important;
}
#scroll_to_top {
	bottom: 3%;
	right: 4%;
}
#numero {
    font-size: 1.1em;
	padding: 2px 0;
	margin-left: 5px;	
}		
.bouton-menu {
    padding: 5px 10px;
	margin-right: 2px;
	font-size: 0.75em;
}
.bouton-menu a {
	font-size: 0.5em;
}
#bouton-menu {
    padding: 12px 15px 8px 0;
	margin: 0;
}
.bouton_nav {
    padding: 18px 15px 13px 14px;
}		
/* CHIFFRES */
#container-chiffres p {
	font-size: 20px;
    padding: 0;
}
#container-chiffres div:last-child{
    padding-top: 15px;
}
.aligne-chiffres{
    width: 100%;
    display: block;
}
.picto {
    height: 90px;
    padding: 12px;
}
.filet1, .filet2, .filet3{
    height: 60px;
    padding: 0 20px;
}
.filet2{
    display: none;
}
.chiffres, #timer{
    font-size: 40px;
}
.chiffres2{
    font-size: 30px;
}
#titre-page-compentence {
  width: 60%;
  position: relative;
}
#page-competences footer {
	background-size: 860px;
}	
#page-competences #bloc-texte-footer {
  padding: 70px 0 2.5% 0;
}
#texte-page-compentence {
  margin: 3px 0 12px 25px;
	width: 441px;
  float: none;
  text-align: left;
}	
#texte-page-compentence ul li a {
  font-size: 1em;
  line-height: 1.3;
}	
#retour-ligne-emailing {
	display: none;
}	
#texte-page-compentence ul li:nth-child(3):after, #texte-page-compentence ul li:nth-child(8):after {
    content: inherit;
}	
#texte-page-compentence ul li:nth-child(5):after {	
	content: "•";
}	
#texte-page-compentence ul li:first-child, #texte-page-compentence ul li:nth-child(5), #texte-page-compentence ul li:nth-child(10) {
	margin: 0 8px 0 0;
}				
}
@media (min-width: 403px) and (max-width: 480px) {	
#ancre-mentions-legales, #ancre-politique, ancre-conditions-generales {
	height: 80px;	
	}
.mentions {
	margin: 0 0 0 4%;
	width: 94%;
}
.mentions h1 {
	font-size: 1.75em;
	margin-bottom: 0;
}
#politique {
  width: 355px;
  margin-top: 35px;
}
.mentions p {
  margin-bottom: 15px;
  line-height: 1.4;
}	
#client-mobile {
	display: block;
}
#client-ordi {
	display: none;
}		
.easy-modal {
	width: 80%;
	padding: 0.5em;
}
#fermer-popup {
    top: -20px;
    right: -6px;
}
h1 {
    letter-spacing: .15em;
    font-size: 5.4vw;
    margin: 14% 0 0 5%;
}
#presentation p {
    width: 90%;
	font-size: 3.8vw;
    line-height: 1.4;
}
#presentation {
    margin-top: 10%;
}
#accroche p {
    font-size: 3.6vw;
    margin-top: 16%;
}		
h2 {
    font-size: 5.8vw;
    margin: 5% 0;
}
#container {
	width: 85%;
}	
.titre-section {
	margin: 14% auto 2% auto;
}
.titre-section img {
    width: 90%;
}       
.item {
    flex: 0 0 100%;
	margin: 4% auto;	
}
.item p {
    font-size: 4.6vw;
    opacity:1;
    background: linear-gradient(rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 50%);
}
.fleche-categorie {
	opacity: 1;
	top: 5%;
	right: 6%;
}
#quoi-de-neuf {
    margin: 65px 0 50px 0;	
	padding: 0;
	position: relative;
}	
#quoi-de-neuf-titre {
    width: 55%;
    margin: 5% 0 3% 44%;
}
#news {
    width: 53%;
	position: absolute;
	top: 3%;
	left: 0.5%;
}
#news img:first-child {
    position: relative;
	top: inherit;
	left: inherit;
}
#news img:last-child {
    display: none;
}
#consulter {
	font-size: 4vw;
	width: 45%;
	margin: 0% 0 2% 53%;
}
#consulter a #ici {
    padding: 25% 0;
}
#abonnement {
    width: 56%;
	margin: 4% 22% 4% 22%;
}
#abonnement a button {
    font-size: 4vw;
}	
#contact {
    margin:  0;
}	
#contact-titre {
    margin-left: 5%;
    width: 30%;
}
#contact-logo {
    width: 52%;
    margin-left: 3%;
}	
#adresse-texte {
    margin-left: 5%;
    font-size: 85%;
}		
.titre-formulaire {
    margin: 20px 0 8px 5%;
	font-size: 85%;
}
#form-contact {
    margin: 0 auto;
    width: 95%;
}
#captcha-false, #message-envoye {
    margin: 0 0 0 4%;
}	
#form-contact div {
    width: 88%;
	margin-left: 2%;
	flex-basis: inherit;
}	
textarea {
	width: 98%;
}	
input {
	width: 98%;
	font-size: 85%;	
}
input:last-child {
	margin-bottom: 0;
}	
.g-recaptcha {
	margin-left: 0 !important;	
}	
.g-recaptcha div {
	margin-left: 0 !important;	
}		
#envoi {
    padding: 0 0 6px 0px;
	width: 150px;
	font-size: 225%;
}	
#obligatoire {
    margin: 1px 0 8px 4%;
    font-size: 70%;
}	
#bloc-texte-footer {
  margin-left: 3%;
  padding: 95px 0 3% 0;
}
#page-competences {
  padding-bottom: 100px;
}
.titre-footer {
    font-size: 90%;
}
footer li, footer li p {
    font-size: 90%;
}	
footer li:nth-child(3) img {
    max-width: 11%;	
	margin-left: 3px;
}	
footer li:last-child {
  margin-right: 0;
}	
footer li:nth-child(2) img {
    max-width: 15%;	
}		
footer li p {
    margin: 5px 0 0 2px;	
}
footer {
    margin-top: 40px;
    padding-bottom: 10px;
}
footer li:nth-child(3) {
  margin-right: 0;
}
#bloc-texte-footer li:last-child {
  width: 346px;
}
#bloc-texte-footer li:last-child a {
  display: inline-block;
	vertical-align: top;
}	
#bloc-texte-footer li:last-child a:first-child {
  width: 180px;
}	
#bloc-texte-footer li:last-child a:last-child {
  width: 160px;
}	
#bloc-menu {
	width: 100%;
	min-height: 100%;
	background-color: #1f66be;
	padding: 0 ;
	border-bottom-right-radius: 0;
}
#bloc-menu a {
    display: block;
	padding: 15px 0;
	text-align: center;	
	margin-top: 5px;
    font-size: 1.2em;
    letter-spacing: 1px;
}
#bloc-menu a:first-child {
    margin-top: 175px;	
}
#bouton-menu {
    position: absolute;
    left: -100%;
	top: 0;
	z-index: 100;
	float: inherit;
	text-align: center;
	margin: 50px auto 0 auto;
	width: 100%;
	padding: 0 ;
}
#contact-mobile {
    display: none;
}	
.bouton-menu {
    padding: 8px 14px;
	margin: 0 0 15px 0;
}
.bouton-menu a {
	font-size: 1em;
	letter-spacing: 1px;
}
#numero {
    font-size: 1.1em;
	padding: 2px 0;
	float: inherit;
	margin-left: 0;	
}
#scroll_to_bottom {
	display: none!important;
}
#scroll_to_top {
	bottom: 3%;
	right: 5%;
}
#cadre{
    display: none;
}
#cadre2, #cadre3 {
    display: block;
	width: 90%;
    padding: 0;
    margin: 5px auto;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(0,110,210,1) 0%, rgba(172,46,107,1) 100%);
}
#cadre2 {
    border-width: 3px 0 0 0;
}
#cadre3 {
    border-width: 0 0 3px 0;
}
.slider2 {
	background: white;
	height: 80px;
	margin: auto ;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.slider2::before,
.slider2::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%);
  content: "";
  height: 160px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider2::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider2::before {
  left: 0;
  top: 0;
}
.slider2 .slide-track2 {
    animation: slide 20s linear infinite;
    display: flex;
    width: calc(200px * 10);
}
.slider2 .slide {
  height: 80px;
  width: 200px;
}
/* CHIFFRES */
#container-chiffres p {
	font-size: 20px;
    padding: 10px 0;
}
#container-chiffres div{
    width: 100%;
    padding: 0 0 15px 0;
}
#container-chiffres div:last-child{
    padding: 0 ;
}
.picto {
    height: 95px;
    padding: 5px;
}
.filet1, .filet2, .filet3{
    display: none;
}
.chiffres, #timer{
    font-size: 40px;
}
.chiffres2{
    font-size: 35px;
}
#titre-page-compentence {
	width: 70%;
	position: relative;
}
#texte-page-compentence {
  width: 90%;
  margin-left: 5%;
}
#texte-page-compentence p {
  font-size: 3vw;
	padding: 2% 0 3% 0
}
#page-competences footer {
	background: url("../images/FondPied_transparent-660.png") no-repeat;
	background-size: 660px;
}	
#page-competences #bloc-texte-footer {
  padding: 65px 0 3% 0;
}
#texte-page-compentence {
  margin: 3px 0 12px 25px;
	width: 380px;
  float: none;
  text-align: left;
}	
#texte-page-compentence ul li a {
  font-size: 0.95em;
  line-height: 1.2;
}
#retour-ligne-emailing {
	display: none;
}	
#texte-page-compentence ul li:nth-child(2):after, #texte-page-compentence ul li:nth-child(5):after, #texte-page-compentence ul li:nth-child(8):after {
    content: inherit;
}	
#texte-page-compentence ul li:first-child, #texte-page-compentence ul li:nth-child(3), #texte-page-compentence ul li:nth-child(7), #texte-page-compentence ul li:nth-child(10) {
	margin: 0 8px 0 0;
}
}
@media (max-width: 402px) {	
.mentions {
  margin: 80px 0 0 4%;
  width: 94%;
}
.mentions h1 {
	font-size: 1.45em;
	margin-bottom: 0;
}
.mentions h2 {
    font-size: 0.9em;
}	
#politique {
  width: 355px;
  margin-top: 35px;
}
.mentions p {
	margin-bottom: 15px;
	line-height: 1.3;
	font-size: 0.9em;	
}	
#client-mobile {
	display: block;
}
#client-ordi {
	display: none;
}		
.easy-modal {
	width: 80%;
	padding: 0.5em;
}
#fermer-popup {
    top: -20px;
    right: -6px;
}
h1 {
    letter-spacing: .15em;
    font-size: 5.4vw;
    margin: 14% 0 0 5%;
}
#presentation p {
    width: 90%;
	font-size: 3.8vw;
    line-height: 1.4;
}
#presentation {
    margin-top: 10%;
}
#accroche p {
    font-size: 3.6vw;
    margin-top: 16%;
}		
h2 {
    font-size: 5.8vw;
    margin: 5% 0;
}
#container {
	width: 85%;
}	
.titre-section {
	margin: 14% auto 2% auto;
}
.titre-section img {
    width: 90%;
}       
.item {
    flex: 0 0 100%;
	margin: 4% auto;	
}
.item p {
    font-size: 4.6vw;
    opacity:1;
    background: linear-gradient(rgba(0,0,0,0.7) 10%, rgba(0,0,0,0.3) 30%, rgba(0,0,0,0) 50%);
}
.fleche-categorie {
	opacity: 1;
	top: 5%;
	right: 6%;
}
#quoi-de-neuf {
    margin: 65px 0 50px 0;	
	padding: 0;
	position: relative;
}	
#quoi-de-neuf-titre {
    width: 55%;
    margin: 5% 0 3% 44%;
}
#news {
    width: 53%;
	position: absolute;
	top: 3%;
	left: 0.5%;
}
#news img:first-child {
    position: relative;
	top: inherit;
	left: inherit;
}
#news img:last-child {
    display: none;
}
#consulter {
	font-size: 4vw;
	width: 45%;
	margin: 0% 0 2% 53%;
}
#consulter a #ici {
    padding: 25% 0;
}
#abonnement {
    width: 56%;
	margin: 4% 22% 4% 22%;
    font-size: 4vw;
	color: #ffffff;
}	
#contact {
    margin: 0;
}	
#contact-titre {
    margin-left: 5%;
    width: 30%;
}
#contact-logo {
    width: 52%;
    margin-left: 3%;
}	
#adresse-texte {
    margin-left: 5%;
    font-size: 85%;
}		
.titre-formulaire {
    margin: 20px 0 8px 5%;
	font-size: 85%;
}
#form-contact {
    margin: 0 auto;
    width: 95%;
}
#form-contact div {
    width: 88%;
	margin-left: 2%;
	flex-basis: inherit;
}	
textarea {
	width: 98%;
}	
input {
	width: 98%;
	font-size: 85%;	
}
input:last-child {
	margin-bottom: 0;
}	
.g-recaptcha {
	margin-left: 0 !important;	
}	
.g-recaptcha div {
	margin-left: 0 !important;	
}		
#envoi {
    padding: 0 0 6px 0px;
	width: 150px;
	font-size: 200%;
}	
#obligatoire {
    margin: 1px 0 8px 3%;
    font-size: 70%;
}	
#bloc-texte-footer {
  margin-left: 3%;
  padding: 95px 0 3% 0;
}
#page-competences {
  padding-bottom: 155px;
}
.titre-footer {
    font-size: 90%;
}
footer li, footer li p {
    font-size: 90%;
}	
footer li:nth-child(3) img {
    max-width: 11%;	
	margin-left: 3px;
}	
footer li:nth-child(2) img {
    max-width: 15%;	
}		
footer li p {
    margin: 5px 0 0 2px;	
}
footer {
    margin-top: 40px;
    padding-bottom: 10px;
}
footer li:last-child {
  margin-right: 0;
}	
#bloc-texte-footer li:last-child {
  width: 270px;
}
#bloc-texte-footer li:last-child a {
  display: block;
}			
#bloc-menu {
	width: 100%;
	min-height: 100%;
	background-color: #1f66be;
	padding: 0 ;
	border-bottom-right-radius: 0;
}
#bloc-menu a {
    display: block;
	padding: 15px 0;
	text-align: center;	
	margin-top: 5px;
    font-size: 1.2em;
    letter-spacing: 1px;
}
#bloc-menu a:first-child {
    margin-top: 175px;	
}
#bouton-menu {
    position: absolute;
    left: -100%;
	top: 0;
	z-index: 100;
	float: inherit;
	text-align: center;
	margin: 50px auto 0 auto;
	width: 100%;
	padding: 0 0 0 ;
}
#contact-mobile {
    display: none;
}	
.bouton-menu {
    padding: 8px 14px;
	margin: 0 0 15px 0;
}
.bouton-menu a {
	font-size: 1em;
	letter-spacing: 1px;
}
#numero {
    font-size: 1.1em;
	padding: 2px 0;
	float: inherit;
	margin-left: 0;	
}
#scroll_to_bottom {
	display: none!important;
}
#scroll_to_top {
	bottom: 3%;
	right: 5%;
}
#cadre{
    display: none;
}
#cadre2, #cadre3 {
    display: block;
	width: 90%;
    padding: 0;
    margin: 5px auto;
    border-style: solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(0,110,210,1) 0%, rgba(172,46,107,1) 100%);
}
#cadre2 {
    border-width: 3px 0 0 0;
}
#cadre3 {
    border-width: 0 0 3px 0;
}
.slider2 {
	background: white;
	height: 80px;
	margin: auto ;
	padding: 10px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.slider2::before,
.slider2::after {
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%);
  content: "";
  height: 160px;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.slider2::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider2::before {
  left: 0;
  top: 0;
}
.slider2 .slide-track2 {
    animation: slide 20s linear infinite;
    display: flex;
    width: calc(200px * 10);
}
.slider2 .slide {
  height: 80px;
  width: 200px;
}
/* CHIFFRES */
#container-chiffres p {
	font-size: 20px;
    padding: 10px 0;
}
#container-chiffres div{
    width: 100%;
    padding: 0 0 15px 0;
}
#container-chiffres div:last-child{
    padding: 0 ;
}
.picto {
    height: 95px;
    padding: 5px;
}
.filet1, .filet2, .filet3{
    display: none;
}
.chiffres, #timer{
    font-size: 40px;
}
.chiffres2{
    font-size: 35px;
}
#titre-page-compentence {
	width: 80%;
	position: relative;
}
#texte-page-compentence p {
  font-size: 3.5vw;
	padding: 2% 0 3% 0;
}
#page-competences footer {
	background: url("../images/FondPied_transparent-660.png") no-repeat;
	background-size: 530px;
}		
#page-competences #bloc-texte-footer {
  padding: 50px 0 3% 0;
}
#texte-page-compentence {
  margin: 3px 0 12px 25px;
	width: 310px;
  float: none;
  text-align: left;
}	
#texte-page-compentence ul li a {
  font-size: 0.95em;
  line-height: 1.2;
}
#retour-ligne-emailing {
	display: none;
}	
#texte-page-compentence ul li:nth-child(2):after, #texte-page-compentence ul li:nth-child(5):after, #texte-page-compentence ul li:nth-child(8):after {
    content: inherit;
}	
#texte-page-compentence ul li:first-child, #texte-page-compentence ul li:nth-child(3), #texte-page-compentence ul li:nth-child(7), #texte-page-compentence ul li:nth-child(10) {
	margin: 0 8px 0 0;
}		
}