.illustrate__imag{display: flex;margin-bottom: 15px;position:relative;}
.illustrate__imag img {margin:0 auto;width:95%;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;}

.container-large:nth-child(2n+1),
.container-large:nth-child(2n+1)>.teteiere{background-color: #fff;}
.container-large:nth-child(2n),.container-large:nth-child(2n)>.teteiere{background-color:#fff;}


.nivo1{margin:0 auto;width:99.99%;}
.nivo1 figcaption{text-align: center;display : none;}
.nivo1 figure h2 {color:#fff;font-size:1.3em;height: 70px;margin:0;}


.flex > div:hover {width: 200px;}

.container div.row {margin:0 auto;}
.container figure{position: relative;}
.container figure figcaption {height:100px;width:100%;bottom: 0;left:0;padding:10px;text-align:center;opacity: .9;}


.contain-figure {cursor: pointer;padding:0 .5em;}
.contain-figure figure{
background:rgb(107,10,107);
text-align: center;
height: auto;
margin:0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}


.contain-figure figure img {
max-width: none;
text-align: left;
width:100%;
height: auto;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.contain-figure figure::before{background: rgba(255,255,255,0.5);
content: '';
}

.contain-figure figure:hover img{
opacity: 0.4;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}

.contain-figure:hover{
	cursor: pointer;
}

.menu{
    background-color: rgb(107,10,107);
    padding:45px 0;
    margin:0;
    margin-top:-11px;
    transition: all 0.5s ease-out;
}
.menu a {color:#fff;}

.smenu{width: 100%;padding: 10px 0;text-align: left;color: #fff;}
.smenu ul li a {color:#fff;}
.smenu ul li::before {
    position: absolute;
    content: "";
    top: 6px;
    left: 0;
    height: 10px;
    width: 7px;
}

.hidden {
    display: none !important;
    visibility: hidden;
}
.violet{
    background-color: rgb(107,10,107);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.symbol{
text-align: center;
font-size: 1.2rem;
height: 30px;
width: 100%;
background-color: rgba(107,10,107,.7);
margin: 0 auto;
color: #fff;}
.symbol:hover {background-color: rgb(107,10,107);}

.nivo2{margin:0;}
.nivo2 div{padding:5px .5em;}
.nivo2 figure{background : rgb(107,10,107);margin:0 1px;}
.nivo2 figure{height:80px;border-radius: 0;}
.nivo2 figure h2 {font-size: 1rem;color:#fff;text-align: center;}

.nivo3{margin:0;margin-left:5px;}
.gauche{ 
    background : rgb(107,10,107);
    padding:20px 0;text-align: center;
}
.gauche h3{ color:#fff;}

.transparent{background-color: rgba(107,10,107,.4);}

.liste{list-style: none;}
.liste li::before {
    content: '';
    display: inline-block;
    height: .5em;
    width: .5em;
    background-image: url('../../images/angle-right.svg');
    background-size: contain;
    background-repeat: no-repeat;
    padding-left: 1em;
}

.liste a {color:#782078;}
@media screen and (max-width: 840px) {
    .liste { margin-top:20px;}
}

.box {box-shadow: none;}

.box.features .features-row section:nth-child(2n)::before {
    background: #782078;
}
.box.features .features-row {
    border-top: solid 2px #782078;
}
#header {background: #782078;}
#cta, .scrollup {background: #782078;color:#fff;}
 
.verticale{
    display:block;
    transform: rotate(-90deg);
    transform-origin: bottom;
   
}