/****************************************************
#####################################################
##-------------------------------------------------##
##               gardette - Version 1              ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2021             ##
## Date      = aout 2021                           ##
## Author    = olivier angevin                     ##
## Websites  = http://www.diabloedesign.com        ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
@font-face {
font-family: 'louis_george_caferegular';
src: url('../fonts/louis_george_cafe.ttf') format('truetype'),
	 url('../fonts/louis_george_cafe-webfont.woff2') format('woff2'),
	 url('../fonts/louis_george_cafe-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'louis_george_cafebold';
src: url('../fonts/louis_george_cafe_bold.ttf') format('truetype'),
	 url('../fonts/louis_george_cafe_bold-webfont.woff2') format('woff2'),
	 url('../fonts/louis_george_cafe_bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'blackswordregular';
src: url('../fonts/blacksword.otf') format('opentype'),
	 url('../fonts/blacksword-webfont.woff2') format('woff2'),
	 url('../fonts/blacksword-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
html {
height: 100%;
}
body{
margin:0;
padding:0;
font-size:18px;
color:#fff;
font-family: louis_george_caferegular, arial, tahoma, sans-serif;
outline: none;
height:100%;
background: #143D6A;
}

/*texte*/
h1, h2, h3{
font-family: louis_george_cafebold, arial, tahoma, sans-serif;
font-size: 30px;
font-weight:normal;
}
h4{
color:#F8B121;
text-align:center;
font-size:24px;
font-family: blackswordregular, louis_george_caferegular, arial, tahoma, sans-serif;
font-weight:normal;
}
h5, h6 {
font-size: 100%;
}
a{
outline:none;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
a:visited, a:link{
color:#F8B121;
text-decoration:none;
}
a:hover{
color:#F8B121;
}
img{
margin:0px;
border:0px;
max-width:100%;
}
ul{
padding-left:20px;
}
label.invalid{
color:#C90000;
}
.invalid{
border-color:#C90000;
}
/*****CONTENU********/
.navigation-small{
position: fixed;
top:100px;
max-height:0;
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
overflow:hidden;
width:100%;
z-index:500;
background:#FFF;
}
.open-navigation{
max-height:800px;
background:#ff;
}
#container{
width:100%;
min-height:100%;
height:100%;
position:relative;
}
.pagewidth{
width:1000px;
background:transparent;
margin:0 auto;
}
.menu-fixed{
top:0;
width:100%;
background:#fff;
position:fixed;
z-index:500;
}
.menu-fixed .flex-elements{
align-items:center;
justify-content:center;
}
.menu-fixed .logo{
width:100px;
padding-top:8px;
padding-bottom:5px;
}
#top-menu ul.menu{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items:center;
margin: 0;
margin-left:50px;
padding:0;
font-family: louis_george_cafebold, arial, tahoma, sans-serif;
}
#top-menu .menu li{
list-style-type:none;
position:relative;
font-size:20px;
color:#143D6A;
padding:0 30px;
text-transform:uppercase;
}
#top-menu ul li a{
color:#143D6A;
}
#top-menu ul li a:after, #top-menu ul li span:after{
content:'';
display:inline-block;
height : 0;
width : 0;
border-top : 7px solid transparent;
border-bottom : 8px solid transparent;
border-left : 14px solid #F8B121;
margin-left:10px;
}
#top-menu ul li span{
transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
}
#top-menu ul li a:hover, #top-menu ul li.active a, #top-menu ul li span:hover, #top-menu ul li.active span{
color:#F8B121;
font-weight:normal;
}
#small-menu{
display:none;
}
.content{
background-color:transparent;
position:relative;
width:100%;
padding-top:100px;
z-index:10;
overflow:hidden;
}
.flex-elements{
display:flex;
}
.flex-center{
justify-content:center;
}
ul.flex-elements{
padding:0;
list-style:none;
margin:0;
}
.clr{
clear:both;
}
a.btn, .visform input[type=submit]{
font-family: louis_george_cafebold, arial, tahoma, sans-serif;
text-transform:uppercase;
color:#FFF;
background:#F8B121;
line-height:50px;
padding:0 20px;
display:inline-block;
font-size:24px;
box-shadow: 0px 0px 6px 1px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 6px 1px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 6px 1px rgba(119, 119, 119, 0.75);
}
.textes, .field7 .visCSSlabel, .visCustomText{
hyphens: auto;
hyphenate-limit-lines:2;
-moz-hyphens: auto;
-moz-hyphenate-limit-lines:2;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-lines:2;
-ms-hyphens: auto;
-ms-hyphenate-limit-lines:2;
text-align:justify;
}
.page-header h1{
font-size:60px;
text-align:center;
text-transform:uppercase;
}
.chiffre{
display:flex;
align-items:center;
}
.chiffre h5{
color:#489A78;
font-size:70px;
margin:0;
}
.chiffre1 h5{
margin-right:10px;
}
.chiffre2 h5{
margin-left:10px;
}
.chiffre2{
justify-content:flex-end;
}
.leading-1, .leading-3{
background:#FFF;
color:#143d6a;
position:relative;
overflow:hidden;
padding-top:200px;
padding-bottom:200px;
}
.leading-3{
padding-bottom:50px;
}
.leading-1:before, .leading-3:before{
content:'';
width:200%;
height:200px;
display:block;
transform:rotate(-4deg);
background:#143d6a;
position:absolute;
top:-70px;
left:-50%;
box-shadow: 0px 0px 12px 10px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 12px 10px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 12px 10px rgba(119, 119, 119, 0.75);
}
@media screen and (min-width: 2000px) {
	.leading-1:before, .leading-3:before{
	top:-100px;
	}
}
.leading-1:after{
content:'';
width:200%;
height:200px;
display:block;
transform:rotate(4deg);
background:#143d6a;
position:absolute;
bottom:-70px;
left:-50%;
box-shadow: 0px 0px 12px 10px rgba(119, 119, 119, 0.75);
-moz-box-shadow: 0px 0px 12px 10px rgba(119, 119, 119, 0.75);
-webkit-box-shadow: 0px 0px 12px 10px rgba(119, 119, 119, 0.75);
}
@media screen and (min-width: 2000px) {
	.leading-1:after{
	bottom:-100px;	
	}
}
.leading-1 .textes{
width:850px;
margin:20px auto;
}
ul.methode, ul.resultats{
justify-content:center;
text-align:center;
flex-wrap:wrap;
}
ul.methode li{
width:250px;
height:250px;
border-radius:50%;
margin:20px;
border:10px solid #F8B121;
}
ul.methode li p:before{
font-family: louis_george_cafebold, arial, tahoma, sans-serif;
font-size: 40px;
display:block;
margin-top:40px;
}
ul.methode li:nth-child(1) p:before{
content:'1.';
}
ul.methode li:nth-child(2) p:before{
content:'2.';
}
ul.methode li:nth-child(3) p:before{
content:'3.';
}
ul.resultats{
margin-top:15px;
}
ul.resultats li{
width:170px;
height:170px;
border-radius:50%;
margin:5px;
border:10px solid #489a78;
display:flex;
align-items:center;
justify-content:center;
background:url("../images/pictos.png") no-repeat 0 0 transparent;
}
ul.resultats li:nth-child(2){
background-position:-170px 0;
}
ul.resultats li:nth-child(3){
background-position:-340px 0;
}
ul.resultats li:nth-child(4){
background-position:-510px 0;
}
ul.resultats li:nth-child(5){
background-position:-680px 0;
}
.leading-2 .pagewidth{
width:1100px;
}
.leading-2 h3{
margin:0;
text-transform:uppercase;
}
.leading-2 h5{
margin-top:0;
}
.leading-2 ul{
padding:0;
width:100%;
list-style:none;
text-align:center;
}
.leading-2 ul li{
display:flex;
align-items:center;
}
.leading-2 ul li p{
width:400px;
}
.leading-2 ul li:nth-child(1):before, .leading-2 ul li:nth-child(3):before, .leading-2 ul li:nth-child(5):before,
.leading-2 ul li:nth-child(2):after, .leading-2 ul li:nth-child(4):after{
content:'';
display:block;
background:url("../images/pictos.png") no-repeat 0 -170px transparent;
width:122px;
height:122px;
}
.leading-2 ul li:nth-child(2):after{
background-position:-124px -170px;
}
.leading-2 ul li:nth-child(3):before{
background-position:-250px -170px;
}
.leading-2 ul li:nth-child(4):after{
background-position:-380px -170px;
}
.leading-2 ul li:nth-child(5):before{
background-position:-510px -170px;
}
.leading-2 ul li:nth-child(1),.leading-2 ul li:nth-child(3), .leading-2 ul li:nth-child(5){
justify-content:flex-start;
}
.leading-2 ul li:nth-child(2), .leading-2 ul li:nth-child(4){
justify-content:flex-end;
}
.methodes{
position:relative;
padding-top:25px;
padding-bottom:25px;
}
.lignemet{
position:absolute;
width:10px;
display:block;
background:#FFF;
top:0;
left:50%;
margin-left:-5px;
}
.curseur{
width:30px;
height:30px;
background:#FFF;
border-radius:50%;
}
.leading-2 ul li:nth-child(1) .curseur, .leading-2 ul li:nth-child(3) .curseur, .leading-2 ul li:nth-child(5) .curseur{
margin-left:13px;
}
.leading-2 ul li:nth-child(2) .curseur, .leading-2 ul li:nth-child(4) .curseur{
margin-right:13px;
}
.leading-3 h3{
margin:0;
}
.leading-3 h5{
margin:0;
font-size:24px;
}
#ajax-modal-error-dialog{display:none;}
.visform fieldset{
padding:0;
margin:0 auto;
border:0;
}
.visform input:not(.btn), .visform textarea{
background:#fff!important;
width:calc(100% - 32px);
border:none;
line-height:2em !important;
padding: 8px 16px;
font-size:18px;
color:#000;
font-family: louis_george_caferegular, arial, tahoma, sans-serif;
margin-top:20px;
}
.visform textarea{
height:150px;
}
.visform .input-content{
float:left;
width:100%;
}
.visform .asterix-ancor{
display:none;
}
.visform .btn{
margin:0 auto;
}
form#visform1 .vis_mandatory, form#visform2 .vis_mandatory{
width:100%;
color:#fff;
margin-top:0;
}
.field1, .field2, .field4, .field5{
width:calc(50% - 10px);
float:left;
}
.field1, .field4{
margin-right:10px;
}
.field2, .field5{
margin-left:10px;
}
.field1, .field3, .field6{
clear:both;
}
.field7, .field15{
position:relative;
}
.visform .field7 input, .visform .field17 input{
position:absolute;
top:12px;
left:0;
width:auto!important;
margin-top:0
}
.field7 .visCSSlabel, .field17 .visCSSlabel{
margin-left:30px;
margin-top:10px;
width:auto;
font-size:14px;
}
.visform .required{
position:relative;
}
.visform .errorcontainer{
position:absolute;
left:100px;
top:-10px;
}
.visform .errorcontainer{
width:200px;
top:-50px;
z-index:100;
}
.visBtnCon{
padding:40px 0;
clear:both;
}
form#visform2 div.required > label.visCSSlabel::after, form#visform2 div.required > label.vflocationlabel::after{
color:#FFF;
}
.visform input[type=submit]{
cursor:pointer;
}
#visform2 .visCSSlabel{
width:100%;
margin-right:0;
font-size:33px;
display:flex;
align-items:center;
}
#visform2 .field15 .visCSSlabel{
display:none;
}
#visform2 .visCSSlabel:before{
content:'1';
width:40px;
height:40px;
line-height:36px;
text-align:center;
border-radius:50%;
background:#F8B121;
margin-right:10px;
}
#visform2 .field10 .visCSSlabel:before{
content:'2';
}
#visform2 .field11 .visCSSlabel:before{
content:'3';
}
#visform2 .field12 .visCSSlabel:before{
content:'4';
}
#visform2 .field13 .visCSSlabel:before{
content:'5';
}
#visform2 .field15 .visCSSlabel:before{
display:none;
}
.visform input[type="radio"]{display: none;}
.visform input[type="radio"] + label{position: relative;padding-left: 55px;cursor:pointer;font-size:35px;}
.visform input[type="radio"] + label::before, .visform input[type="radio"] + label::after{display: block;position: absolute;box-sizing: border-box; top: 0;left: 0;content:'';border:0;width:40px;height:40px;box-shadow: 0px 0px 5px 1px rgba(55, 56, 57, 0.5);-moz-box-shadow: 0px 0px 5px 1px rgba(55, 56, 57, 0.5);-webkit-box-shadow: 0px 0px 5px 1px rgba(55, 56, 57, 0.5);}
.visform input[type="radio"] + label::before{background-color: #fff;}
.visform input[type="radio"]:checked + label::after{background:url("../images/pictos.png") no-repeat -650px -240px #FFF;}
#visform2 .visCSSmargLeft{
margin:0;
text-align:center;
clear:both;
padding-top:15px;
padding-bottom:25px;
}
.visCustomText{
margin-left:30px;
}
.visform .field15 input{
width:auto;
margin:0;
position:absolute;
top:50%;
left:0;
}
.container-reponses-quiz .content{
padding-bottom:50px;
}
.footer{
position:relative;
width:100%;
}
.footer .left{
background:#FFF;
justify-content:space-around;
width:55%;
padding:20px 0;
align-items:center;
}
.footer .right{
margin-left:80px;
margin-top:30px;
font-size:24px;
padding-bottom:15px;
}
.footer .right h3{
text-transform:uppercase;
}
.footer .right, .footer .right a{
color:#FFF;
}
.footer .right a{
display:flex;
align-items:center;
}
.footer .right a:before{
content:'';
display:block;
background:url("../images/pictos.png") no-repeat -660px -170px transparent;
width:50px;
height:50px;
margin-right:10px;
}
.footer .right a.email:before{
background-position:-720px -170px;
}
div.brochure{
position:fixed;
bottom:10px;
right:0px;
z-index:1000;
}
.brochure a{
width:206px;
height:71px;
display:block;
background:url("../images/pictos.png") no-repeat 0 -310px transparent;
}
.copyright{
position:relative;
font-size:16px;
line-height:18px;
padding-top:20px;
padding-bottom:20px;
clear:both;
background:#fff;
color:#143d6a;
text-align:center;
}
.copyright a:visited, .copyright a:link{
color:#143d6a;
text-decoration:none;
}
.copyright a:hover{
color:#F8B121;
}
#scrollup{
bottom: 60px;
opacity:0;
position: fixed;
right: 20px;
z-index: 200;
}
#scrollup a{
background: transparent;
border: 4px solid #F8B121;
border-radius: 50%;
color: #F8B121;
display: block;
font-size: 30px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
#scrollup a:hover{
background: #bf1e2e none repeat scroll 0 0;
color: #fff;
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
visibility:hidden;
}
.animated2{
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes scaleUp {  
0% {
-webkit-transform: scale(0);
transform: scale(0);
} 
100% {
-webkit-transform: scale(1);
    transform: scale(1);
	}
}
@keyframes scaleUp {  0% {    
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 }  
 100% {
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}}
.scaleUp {
-webkit-animation-name: scaleUp;
animation-name: scaleUp;
visibility:visible;
}
@-webkit-keyframes slideInTop {  
0% {    opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
} 
100% {
-webkit-transform: translateY(0);
    transform: translateY(0);
	}
}
@keyframes slideInTop {  0% {    opacity: 0;
 -webkit-transform: translateY(50px);
 -ms-transform: translateY(50px);
 transform: translateY(50px);
 }  
 100% {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);    transform: translateY(0);
}}
.slideInTop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
visibility:visible;
}
@-webkit-keyframes slideInBottom {  0% {    opacity: 0;
-webkit-transform: translateY(-40px);
    transform: translateY(-40px);
}  
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
  }}
  @keyframes slideInBottom {  0% {    opacity: 0; 
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  transform: translateY(-40px);
  }  
  100% { 
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);    transform: translateY(0);
  }}
.slideInBottom {
-webkit-animation-name: slideInBottom;
animation-name: slideInBottom;
visibility:visible;
}
@-webkit-keyframes slideInLeft {  0% {    opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px); 
}  
100% {   
-webkit-transform: translateX(0);
transform: translateX(0);
  }}  
@keyframes slideInLeft {  0% {    opacity: 0;  
 -webkit-transform: translateX(-2000px);
 -ms-transform: translateX(-2000px); 
 transform: translateX(-2000px);
 } 
 100% {  
 -webkit-transform: translateX(0);   
 -ms-transform: translateX(0); 
 transform: translateX(0); 
 }}
 .slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
visibility:visible;
}
@-webkit-keyframes flipInX{	0%{		opacity:0;		
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);	
}	
40%{
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
	}
70%{
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);	
}	
100%{
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);		opacity:1	
}}
@keyframes flipInX{	0%{		opacity:0;	
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
}	
40%{
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg);
}	
70%{		
-webkit-transform:perspective(400px) rotateX(10deg);	
	-ms-transform:perspective(400px) rotateX(10deg);
	transform:perspective(400px) rotateX(10deg);
}
100%{
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1;	
}}
.flipInX{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX;
visibility:visible;
}
@-webkit-keyframes flipInY{	0%{		opacity:0;
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);	
}	
40%{
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}	
70%{
-webkit-transform:perspective(400px) rotateY(10deg);		
transform:perspective(400px) rotateY(10deg);
}	
100%{
-webkit-transform:perspective(400px) rotateY(0deg);	
transform:perspective(400px) rotateY(0deg);
opacity:1;
}}
@keyframes flipInY{	0%{		opacity:0;		
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
}	
40%{
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg);
}
70%{	
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
}	
100%{
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1;
}}
.flipInY{
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY;
visibility:visible;
}
@-webkit-keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80%{
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)
}}
@keyframes bounceInDown{0%{opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80%{
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100%{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInDown{
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown;
visibility:visible;
}
@-webkit-keyframes bounceInLeft{	0%{		opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px);	
}	
60%{		
opacity:1;		
-webkit-transform:translateX(30px);		
transform:translateX(30px);	
}	
80%{		
-webkit-transform:translateX(-10px);		
transform:translateX(-10px);	
}	
100%{		
-webkit-transform:translateX(0);		
transform:translateX(0);	
}}
@keyframes bounceInLeft{	0%{		opacity:0;		
-webkit-transform:translateX(-2000px);		
-ms-transform:translateX(-2000px);		
transform:translateX(-2000px);	
}	
60%{		
opacity:1;		
-webkit-transform:translateX(30px);		
-ms-transform:translateX(30px);		
transform:translateX(30px);	
}	
80%{		
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
		transform:translateX(-10px);
}	
100%{		
-webkit-transform:translateX(0);		
-ms-transform:translateX(0);		
transform:translateX(0);	
}}
.bounceInLeft{
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft;
visibility:visible;
}
@-webkit-keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60%{
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80%{
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100%{
-webkit-transform:translateX(0);
transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60%{opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80%{
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100%{
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)}
}
.bounceInRight{
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight;
visibility:visible;
}
@-webkit-keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60%{opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80%{
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100%{
-webkit-transform:translateY(0);
transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60%{
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80%{
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100%{
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)}
}
.bounceInUp{
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp;
visibility:visible;
}
@-webkit-keyframes slideInRight {  0% {    opacity: 0;
-webkit-transform: translateX(2000px); 
transform: translateX(2000px);  
}  
100% {
-webkit-transform: translateX(0);    
transform: translateX(0);  }
}
@keyframes slideInRight {  0% {    opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);    
transform: translateX(2000px);  
}  
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);	
transform: translateX(0);  }
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
visibility:visible;
}
@media screen and (max-width: 1100px){
	.leading-2 .pagewidth{
	width:calc(100% - 20px);
	}
	.lignemet, .curseur{
	display:none;
	}
	.leading-2 ul li{
	justify-content:center!important;
	}
	.logo-bas{
	margin-right:20px;
	}
}
/**end file***/