/****************************************************
#####################################################
##-------------------------------------------------##
##               ENVOL - Version 1                 ##
##-------------------------------------------------##
## Copyright = diabloedesign.com- 2024             ##
## Date      = mars 2024                           ##
## Author    = olivier angevin                     ##
## Websites  = https://www.diabloedesign.com       ##
##                                                 ##
#####################################################
****************************************************/
@charset "UTF-8";
@font-face {
    font-family: 'helvetica_neueregular';
    src: url('../fonts/HelveticaNeue.otf') format('opentype'), 
		 url('../fonts/helveticaneueroman-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneueroman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html {
height: 100%;
}
body{
margin:0;
padding:0;
font-size:18px;
color:#000;
font-family: arial, tahoma , sans-serif;
outline: none;
height:100%;
background: #fff;
}
/*texte*/
h1, h2{
font-size: 40px;
font-weight:normal;
color:#741e55;
font-family: helvetica_neueregular, arial,tahoma , sans-serif;
text-align:left;
}
h3{
font-size: 32px;
font-weight:normal;
font-family: helvetica_neueregular, arial,tahoma , sans-serif;
color:#741e55;
text-align:center;
}
h4, h5, h6 {
font-size: 100%;
font-weight:bold;
}
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:#741e55;
text-decoration:none;
}
a:hover{
color:#741e55;
}
img{
margin:0px;
border:0px;
max-width:100%;
height:auto;
}
ul{
padding-left:20px;
}
label.invalid{
color:#C90000;
}
.invalid{
border-color:#C90000;
}
/*****CONTENU********/
#container{
width:100%;
min-height:100%;
height:100%;
position:relative;
}
.pagewidth{
width:1100px;
text-align:left;
background:transparent;
margin:0 auto;
position:relative
}
.header{width:100%;height:150px;position:fixed;top:0;background:#741e55;z-index:10;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;}
.header .pagewidth{align-items:center;flex-wrap:wrap;height:100%;}
.header .logo{width:150px;margin-top:5px;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.container-accueil .header .logo{width:210px;margin-top:20px}
#top-menu{
height:26px;
font-family: helvetica_neueregular, arial,tahoma , sans-serif;
width:auto;
margin-left:50px;
}
.container-accueil .header #top-menu{margin-top:-100px;}
#top-menu ul.menu{
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding:0;
}
#top-menu .menu li{
list-style-type:none;
position:relative;
font-size:22px;
color:#fff;
padding:0 15px;
line-height:26px;
}
#top-menu .menu li a{
color:#FFF;
white-space:nowrap;
}
#top-menu .menu li span{
cursor:pointer;
}
#top-menu .menu li.active a, #top-menu .menu li a:hover, #top-menu .menu li span:hover, #top-menu .menu li.active span{
color:#FFF;
}
#top-menu ul li a:hover::after, #top-menu ul li.active a::after {width: 80%;}
#top-menu ul li a::after {
content: '';
width: 0;
height: 4px;
background: #fff;
display: block;
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;
opacity: 0.5;
margin-left:10%;
}
#top-menu .menu li.parent ul.dropdown-menu {
position: absolute;
width: auto;
background-color:#741e55;
padding:0;
max-height:0;visibility:hidden;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 .menu li.parent ul.dropdown-menu li{
width: auto;
line-height:40px;
}
#top-menu .menu li.parent ul.dropdown-menu li a{
color:#FFF;
font-size:16px;
display:block;
}
#top-menu .menu li.parent ul.dropdown-menu li a::after{display:none!important;}
#top-menu .menu li.parent ul.dropdown-menu li.active a, #top-menu .menu li.parent ul.dropdown-menu li a:hover{text-decoration:underline;}
#top-menu .menu li.parent:hover ul.dropdown-menu{max-height:400px;visibility:visible;}
#small-menu{padding:0;position:fixed;display:none;width:100%;top:0;left:0}
#menu-toggle{width:60px;height:50px;padding-top:10px;margin:0 auto;display:block;background:#741e55;border-radius:10px;}
.envol-menu{width:100%;position:fixed;top:60px;left:0;}
#lines {width: 35px;height: 10px;margin: 3% auto;-webkit-transition: 300ms;transition: 300ms;margin-top: 10px;}
#lines::before,#lines::after{position: absolute;top: 20px;content: '';width: 35px;height: 10px;-webkit-transition: 300ms;transition: 300ms;margin-top: 10px;}
#lines::after {top:30px;}
#lines, #lines::before, #lines::after, #lines.close::before, #lines.close::after{border-top: 4px solid #FFF;}
.open-menu #lines{border-top:1px solid transparent;}
.open-menu #lines::before {-ms-transform: rotate(45deg) translate(-2.5px,0px);-webkit-transform: rotate(45deg) translate(-2.5px,0px);transform: rotate(45deg) translate(-2.5px,0px);}
.open-menu #lines::after {-ms-transform: rotate(-45deg) translate(11px, -5px);-webkit-transform: rotate(-45deg) translate(11px, -5px);transform: rotate(-45deg) translate(11px, -5px);}
.nav-menu{background:#741e55;width:100%;max-height:0;visibility:hidden;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;}
.open-menu{background:#741e55;border-radius:0;}
.open-menu .nav-menu{max-height:530px;visibility:visible;}
.nav-menu ul{padding:20px;list-style:none;margin:0;}
.nav-menu li{text-transform:uppercase;color:#FFF;text-align:left;margin:10px;}
#navigation-small ul.dropdown-menu{
padding-top:0;
padding-bottom:0;
}
.nav-menu li a{
color:#ffff;
}
.nav-menu li.active a, .nav-menu li a:hover{
color:#e5eaec;
}
.header-liens{
position:absolute;
top:20px;
right:20px;
display:flex;
}
.header-liens a{
width:40px;
line-height:40px;
color:#FFF;
background:#741e55;
display:block;
font-size:40px;
text-align:center;
margin-right:5px;
}
.header-liens a:last-child{
margin-right:0px;
}
.header-content{width:100%;min-height:100vh;background:#741e55;position:relative;overflow:hidden;}
.header-content .cercle, .header-content .points{position:absolute;z-index:8}
.header-content .cercle1{bottom: 18%;left: 10%;}
.header-content .cercle2{top: 36%;right: 16%;}
.header-content .points{bottom:0;right:8%;}
.header-content .boussole{width:100%;position:absolute;bottom:0;}
.header-content .boussole-s{display:none;}
#content{
background-color:transparent;
position:relative;
width:100%;
padding-top:150px;
overflow:hidden;
}
.container-accueil  #content{padding:50px 0;}
.clr{
clear:both;
}
.item-page, .visform .field7 .visCSSlabel, .textes{
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;
}
.oiseau{position:absolute;}
.acc-featured{margin-top:50px;}
.acc-items{justify-content:space-between;position:relative;}
.acc-items .oiseau{right:-30px;top:-20px;z-index:2;}
.acc-item{width:320px;height:320px;background:#f9f9fa;position:relative;}
.acc-item h2{font-size:18px;text-transform:uppercase;text-align:center;}
.acc-item h4{font-weight:bold;font-size:18px;}
.acc-item .textes{margin:0 30px;font-size:16px;}
.acc-item-full{margin-top:100px;position:relative}
.flex-elements{
display:flex;
}
ul.flex-elements{
padding:0;
list-style:none;
}
.flex-center{
justify-content:center;
}
.readmore{
text-align:center;
font-family: helvetica_neueregular, arial,tahoma , sans-serif;
font-size:18px;
position:absolute;
margin:0;
bottom:-30px;
width:100%;
}
.readmore a, a.readmore, .visform input.btn, a.btn{
color:#FFF;
background:#741e55;
width:200px;
line-height:60px;
display:block;
margin:0 auto;
}
.page-header{position:relative;}
.page-header .cercle{z-index:1;position:absolute;left:-40px;top:-30px;}
.page-header h1{z-index:2;position:relative;}
.com-content-article{position:relative;padding:0 50px 50px 50px;overflow:hidden;}
.com-content-article__body{margin-top:50px;}
.oiseaux-article .oiseau14{right:20px;top:20px;}
.oiseaux-article .oiseau15{right:-70px;top:40px;}
.oiseaux-article .oiseau16{right:-60px;top:100px;}
.parallax-section {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-repeat:repeat-y;
overflow:hidden;
background-attachment:fixed !important;
}
.no-parallax-section{
display:none;
}
#parallax-accueil{max-height:800px;overflow:hidden;position:relative;}
#parallax-accueil .parallax-section{
background-image:url('../images/envol-oriente-panier.jpg');
position:relative;
}
#parallax-accueil .pagewidth{width:1000px;}
#parallax-accueil .oiseau{z-index:8}
#parallax-accueil .oiseau1{left:4%;top:180px;}
#parallax-accueil .oiseau2{left:18%;top:150px;}
#parallax-accueil .oiseau3{left:20%;top:85px;}
#parallax-accueil .oiseau4{left:30%;top:30px;}
#parallax-accueil .oiseau5{left:35%;top:90px;}
#parallax-accueil .oiseau6{left:45%;top:20px;}
#parallax-accueil .oiseau7{right:35%;top:80px;}
#parallax-accueil .oiseau8{right:20%;top:50px;}
#parallax-accueil .oiseau9{right:1%;top:100px;}
.ombre-top{
width:100%;
height:9px;
position:absolute;
top:0;
z-index:8;
background:url("../images/ombre-top.png") repeat center top transparent;
}
.citation{font-size:26px;position:absolute;width:500px;height:400px;display:flex;top:50%;margin-top:-200px;right:50%;margin-right:-250px;flex-direction:column;justify-content:center;}
.signature{text-align:right}
.temoignages{border-top:4px solid #741e55;margin-bottom:40px;}
.temoignages .oiseau10{left:-20px;top:50px;}
.temoignages .oiseau11{left:0px;top:120px;}
.temoignages .oiseau12{left:60px;top:140px;}
.temoignages .oiseau13{left:100px;top:160px;}
.temoignages .flex-elements{margin-top:-42px;justify-content:center;}
.temoignages h3{margin:0;padding:20px;background:#FFF;line-height:40px;}
.temoignages .temoignage{width:700px;font-size:20px;margin:0 auto;padding:30px;position:relative}
.temoignages .temoignage .signature{margin-top:10px;}
.temoignages-content{position:relative;}
a.navig{background:url("../images/navigation.png") no-repeat 0 0 transparent;width:50px;height:50px;display:block;position:absolute;top:50%;margin-top:-25px;transition:all 0.3s ease-out;-webkit-transition:none;-o-transition:none;-moz-transition:none;}
a.navig:hover{background-position:0 -50px;}
a.precedent{left:0}
a.suivant{background-position:-50px 0;right:0;}
a.suivant:hover{background-position:-50px -50px;}

.photo-celine{float: left;margin-right: 10px;width:310px;}

ul.prestations{margin:0;padding:0;list-style:none;justify-content:center;flex-wrap:wrap;}
ul.prestations li:not(ul.prestations li ul li){width:280px;padding:10px;background:#f9f9fa;position:relative;margin:10px;font-size:16px;}
ul.prestations h4{text-align:center;font-size:20px;margin:0px;background:#741e55;color:#FFF;line-height:50px;}
ul.prestations h4:after{content:'';width:100%;height:150px;background:url("../images/prestations-competences.jpg") no-repeat 0 0 transparent;display:block;}
ul.prestations li:nth-child(2) h4:after{background-position:-280px 0;}
ul.prestations li:nth-child(3) h4:after{background-position:-560px 0;}
ul.prestations li p{margin-bottom:0;}
ul.orientations li:not(ul.prestations li ul li){width:450px;}
ul.orientations h4:after{height:250px;background:url("../images/prestations-orientations.jpg") no-repeat 0 0 transparent;display:block;}
ul.orientations li:nth-child(2) h4:after{background-position:-450px 0;}

.container-me-contacter #content .oiseau1{left:4%;bottom:380px;}
.container-me-contacter #content .oiseau2{left:18%;bottom:350px;}
.container-me-contacter #content .oiseau3{left:20%;bottom:285px;}
.container-me-contacter #content .oiseau8{right:10%;bottom:250px;}
.container-me-contacter #content .oiseau9{right:1%;bottom:300px;}

#visformcontainer{padding:0 50px;position:relative;overflow:hidden;width:600px;margin:0 auto}
.visform [class^="fieldset-"].active{
border:0;
padding:0;
}
.vis_mandatory{width:100%;color:#741e55;}
.visform .visCSSlabel{
display:none;
}
input:not(#field6, #field7, .btn), select, textarea{
background:#FFF!important;
padding:10px!important;
color:#000!important;
border:2px solid #741e55!important;
font-size:18px;
width:calc(100% - 20px);
}
.visform textarea{
height:150px;
font-size:18px;
width:calc(100% - 20px);
}
.visform .field6{
display:flex;
flex-direction: row-reverse;
}
.visform .field6 .visCSSlabel{
display:block;
color:#000;
font-size:80%;
width:auto;
margin-left:10px;
}
form#mod-visform1 div.required > label.visCSSlabel::after{
color:#FFF;
}
.visform .visBtnCon{
width:100%;
text-align:center!important;
margin:40px 0;
}
.visform input.btn, a.btn{
font-family: helvetica_neueregular, arial,tahoma , sans-serif;
font-size:18px;
}
.lien_contact{padding-top:30px;}
.lien_contact .traits{width:200px;margin:0 auto;text-align:center;}
.footer{
width:100%;
clear:both;
position:relative;
z-index:5;
overflow:hidden;
background:url("../images/footer.png") no-repeat right bottom #741e55;
}
.footer .flex-elements{
align-items:center;
}
.footer .logo-bas{width:120px;}
.menu-bas{display:flex;}
.footer ul.menu{
margin-left:100px;
list-style:none;
padding:0;
margin-top:20px;
font-size:12px;
}
.footer ul.menu a{color:#FFF;}
.phrase-bas{
font-size:12px;
position:relative;
text-align:center;
line-height:12px;
clear:both;
color:#FFF;
}
.copyright{
font-size:12px;
position:relative;
text-align:center;
line-height:12px;
clear:both;
color:#FFF;
display:flex;
padding:10px 0;
justify-content:center;
}
.copyright a{
color:#FFF;
}
.copyright span:nth-child(2):before, .copyright span:nth-child(3):before{
content:'-';
margin:0 5px;
}
#scrolldown{
position:absolute;
z-index:9;
bottom:50px;
left:50%;
margin-left:-25px;
}
#scrolldown a{
background: transparent;
border-radius: 50%;
color: #741e55;
display: block;
font-size: 50px;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
opacity:0.5;
}
#scrolldown a:hover{opacity:1}
#scrollup{
bottom: 24px;
opacity:0;
position: fixed;
right: 24px;
z-index: 10000;
}
#scrollup a{
background:#FFF;
border: 2px solid #fff;
border-radius: 50%;
color: #741e55;
display: block;
font-size: 50px;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
opacity:0.5;
}
#scrollup a:hover{opacity:1;}
.com-users-login_form fieldset{
border:0;
padding:0;
display:flex;
text-align:center;
justify-content:center;
flex-direction:column;
}
.com-users-login_form .input-password-toggle{
display:none;
}
.edit-article{padding-bottom:50px;}
.modal-content{display:none;}
input.btn, button.btn, a.btn-add{
background:#741e55;
color:#FFF;
padding:10px;
border:0;
cursor:pointer;
}
.controls input{
width:calc(100% - 22px);
}
.js-stools-container-bar{
margin-top:20px;
}
.js-stools-container-bar .btn-toolbar, .js-stools-container-bar .btn-toolbar .ordering-select{
display:flex;
flex-wrap:wrap;
}
.filter-search-bar__button{margin-right:10px;}
.js-stools-container-filters{
visibility:hidden;
}
.js-stools-container-filters-visible{
visibility:visible;
margin-bottom:50px;
}
.icons a{
background:#741e55;
color:#FFF;
padding:5px;
}
.editor-xtd-buttons{
display:none!important;
}
.editor{
width:100%;
margin-left:0;
}
a.suppdetail{
position:absolute;
top:10px;
right:10px;
z-index:10;
color:red;
}
.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 slideInTop {  
0% {    opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
} 
100% {
-webkit-transform: translateY(0);
    transform: translateY(0);
	}
}
@keyframes slideInTop {  0% {    opacity: 0;
 -webkit-transform: translateY(200px);
 -ms-transform: translateY(200px);
 transform: translateY(200px);
 }  
 100% {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);    transform: translateY(0);
}}
.slideInTop {
-webkit-animation-name: slideInTop;
animation-name: slideInTop;
visibility:visible;
}
@-webkit-keyframes slideInTop2 {  
0% {    opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
} 
100% {
-webkit-transform: translateY(0);
    transform: translateY(0);
	}
}
@keyframes slideInTop2 {  0% {    opacity: 0;
 -webkit-transform: translateY(100px);
 -ms-transform: translateY(100px);
 transform: translateY(100px);
 }  
 100% {
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);    transform: translateY(0);
}}
.slideInTop2 {
-webkit-animation-name: slideInTop2;
animation-name: slideInTop2;
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;
}
.scaleDown{-webkit-animation-name: scaleDown;animation-name: scaleDown;visibility:visible;}
@-webkit-keyframes scaleDown {
0% {
	opacity:0;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.2);
	transform: scale(1.5);
	}
100% {	opacity:1;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}
}
@keyframes scaleDown { 
0% {opacity:0;	-webkit-transform: scale(1.5);	-moz-transform: scale(1.5);	-ms-transform: scale(1.5);	-o-transform: scale(1.5);	transform: scale(1.5);}
100% {	opacity:1;	-webkit-transform: scale(1);	-moz-transform: scale(1);	-ms-transform: scale(1);	-o-transform: scale(1);	transform: scale(1);}
}
@-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;
}
.full_image{
background-color:rgba(0, 0, 0, 0.5);
position:fixed;
display:none;
width:100%;
height:100%;
z-index:1000;
top:0;left:0;
}
.image_loading{
position:absolute;
display:none;
top:50%;
left:50%;
margin:0;
margin-top:-16px;
margin-left:-72px;
width:144px;
height:32px;
z-index:200;
}
.img_close{position:absolute;top:-40px;right:-40px;cursor:pointer;z-index:400;font-size:80px;transform:rotate(45deg);color:#1885ad;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75)}
.img_full{position:fixed;top:50%;z-index:300;}
.img_full img{position:absolute;top:0px;left:0px;border:10px solid #fff;-moz-box-shadow:1px 1px 7px #000;-webkit-box-shadow:1px 1px 7px #000;box-shadow:1px 1px 7px #000;}
.img_previous, .img_next{position:fixed;top:50%;margin-top:-50px;cursor:pointer;z-index:400;line-height:80px;font-size:80px;color:#1885ad;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.75)}
.img_previous{left:1%;}
.img_next{right:1%;}

.trait-animate{z-index:10;position: absolute;background-color: #741e55;}
.trait-top, .trait-bottom, .trait-topBtn, .trait-bottomBtn{height: 4px;width:0;}
.trait-left, .trait-right, .trait-leftBtn, .trait-rightBtn{height: 0;width:4px;}

.acc-item-full .trait-top, .acc-item-full .trait-left{top:-20px;left:-20px;}
.acc-item-full .trait-bottom{left:-20px;bottom:-20px;}

.traits{position:relative;padding:20px;}
.temoignage .trait-top, .temoignage .trait-left, .traits .trait-topBtn, .traits .trait-leftBtn{top:0px;left:0px;}
.temoignage .trait-bottom, .temoignage .trait-right, .traits .trait-bottomBtn, .traits .trait-rightBtn{bottom:0px;right:0px;}

.com-content-article .trait-top, #visformcontainer .trait-top{top:56px;}
.com-content-article .trait-right, #visformcontainer .trait-right{top:56px;right:0px;}
.container-qui-suis-je .com-content-article .trait-top{left:270px;}
.container-bilan-de-competences .com-content-article .trait-top{left:460px;}
.container-bilan-dorientation-scolaire .com-content-article .trait-top{left:530px;}
.container-vae .com-content-article .trait-top{left:885px;}
.container-mentions-legales-et-rgpd .trait-top{left:530px;}
.container-mentions-legales-et-rgpd .trait-top{left:530px;}
.container-parcoursup .trait-top{left:270px;}
.container-preparation-aux-entretiens-et-oraux .trait-top{left:690px;}
.container-ateliers-thematiques-collectifs .trait-top{left:600px;}
.container-outils-de-communication-professionnelle .trait-top{left:790px;}
.container-relecture-de-rapport-ou-memoire .trait-top{left:650px;}
#visformcontainer .trait-top{left:200px}
#visformcontainer .traits{width:200px;margin:0 auto;}

[data-animation="traitTopBar"].js-animate {opacity: 1;animation-name: traitTopBar;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitRightBar"].js-animate {opacity: 1;animation-name: traitRightBar;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitTopBarAcc"].js-animate {opacity: 1;animation-name: traitTopBarAcc;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitLeftBarAcc"].js-animate {opacity: 1;animation-name: traitLeftBarAcc;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitBottomBarAcc"].js-animate {opacity: 1;animation-name: traitBottomBarAcc;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitHoriBar60"].js-animate {opacity: 1;animation-name: traitHoriBar60;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitVertiBar60"].js-animate {opacity: 1;animation-name: traitVertiBar60;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitHoriBar30"].js-animate {opacity: 1;animation-name: traitHoriBar30;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}
[data-animation="traitVertiBar30"].js-animate {opacity: 1;animation-name: traitVertiBar30;animation-timing-function: cubic-bezier(.25,.46,.45,.94);animation-fill-mode: both;}


[data-animation-delay="3.8"] {
	animation-delay: 3.8s;
}
[data-animation-delay="2.6"] {
	animation-delay: 2.6s;
}
[data-animation-delay="1.2"] {
	animation-delay: 1.2s;
}
[data-animation-delay="2.1"] {
	animation-delay: 2.1s;
}
[data-animation-duration="1.2"] {
	animation-duration: 1.2s;
}
[data-animation-duration="2.4"] {
	animation-duration: 2.4s;
}
[data-animation-duration="2.6"] {
	animation-duration: 2.6s;
}
[data-animation-duration="3.8"] {
	animation-duration: 3.8s;
}
@keyframes traitTopBar {
 0% {
  width:0;
 }
 to {
  width:100%;
 }
}
@keyframes traitTopBarAcc {
 0% {
  width:0;
 }
 to {
  width:20vw;
 }
}
@keyframes traitBottomBarAcc {
 0% {
  width:0;
 }
 to {
  width:35vw;
 }
}
@keyframes traitHoriBar60 {
 0% {
  width:0;
 }
 to {
  width:60px;
 }
}
@keyframes traitHoriBar30 {
 0% {
  width:0;
 }
 to {
  width:30px;
 }
}
@keyframes traitRightBar {
 0% {
  height:0
 }
 to {
  height:100%;
 }
}
@keyframes traitLeftBarAcc {
 0% {
  height:0
 }
 to {
  height:calc(100% + 40px);
 }
}
@keyframes traitVertiBar60 {
 0% {
  height:0
 }
 to {
  height:60px;
 }
}
@keyframes traitVertiBar30 {
 0% {
  height:0
 }
 to {
  height:30px;
 }
}

@-webkit-keyframes shadowPulse {
    0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.8);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}

@-moz-keyframes shadowPulse {
    0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.8);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}

@-o-keyframes shadowPulse {
    0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.8);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}
@keyframes shadowPulse {
     0% {
          box-shadow: 0 0 5px 0 rgba(255,255,255, 0.8);
     }
     100% {
          box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
     }
}
@media screen and (max-width: 1160px){
	.acc-item-full{margin-left:20px;}
	.oiseau{display:none;}
}
/**end file***/