#ss_conteneur{	padding: 20px 0;}
.flexslider .slides img,
.flexslider .slides video,
.flexslider .slides iframe{
object-position:top;
}

em{
	padding-right:7vw;
}

#popup{display:block}

blockquote {
    font-size: 2.5rem;
    line-height: 2.5rem;
	padding:0;
}
blockquote::before{
    left: 0px;
    top: 0px;
}

blockquote::after{
    bottom: 23px;
    right: -23px;
}
.flex-control-nav{display:none}

/********************************************/
#section_1>h1{
	display:none;
}
#zone0{
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
}

.zone_active .presta:first-of-type:before{
	background-image:url("../images/picto1.png");	
}
.zone_active .presta:nth-of-type(2):before{
	background-image:url("../images/picto2.png");	
}
.zone_active .presta:last-of-type:before{
	background-image:url("../images/picto3.png");	
}

#zone0 h2{
	padding:20px 0 10px;
	font-size:1rem;
	text-transform:uppercase;
}

#zone0 .bt_action{
	position:absolute;
	bottom: -30px;
	left:50%;
	transform:translate(-50%,0);
	z-index:2;
}

#zone0 h2{
	width:100%;
}

/***************************************/
#zone1{
	background-color:rgba(231,231,231,1);
}

#zone1 figure{
	width:60%;
	text-align:center;
}

#zone1 figure img{
	width:100%;
}

#zone1 article{
	width:35%;
}

#zone1 .bt_action a{
	background:rgba(231,231,231,1);
	border:1px solid #b3b3b3;
	color:#000;
}

#zone1 .bt_action a:hover{
	background:var(--cta-background);
}

/*==========================================*/
#actus{
	width:24%;
	min-width:250px;
	position:absolute;
	border-radius:5px;
	top:50%;
	transform:translate(0,-50%);
	right:4%;
	z-index:10;
	font-size: 0.9em;
	background:rgba(255,255,255,0.9);
	padding:20px 50px 30px 10px;
	display:block;
}
.fermer_actu{color:#000}
#actus h2 {
    font-size:0.9rem;
}
#actus>.bloc {
    padding:10px 5px;
	border-bottom:1px solid #d3d3d3;
}
.bloc .lien_actu {
    display: block;
    margin:0;
    position:absolute;
	bottom:-7px;
	right:-14px;
	color: var(--cta-background);
}
.bloc .lien_actu span{
	font-size:14px;
}

.bloc .lien_actu:hover {
	color:#000;
}
#actus>.bloc:last-child {
	border-bottom:none;
}
#actus img, #actus iframe {
    max-width: 30%;
    border-radius:4px;
}
#actus .actu_d {
    width: 65%;
}

#body:target #actus{display:none;padding-top:160px}
/*==========================================*/

#section_1,#section_2{width:100%;max-width:100%}

h2{font-size:1.5rem;}
h2::after{
	display:none;
	position:static;
	background:transparent;
}

.appel_action{
	display:block;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 80;
    font-size: 1.3em;
    white-space: nowrap;
}

.appel_action a{
    background:var(--cta-background);
    color: #fff;
    padding: 17px 35px;
    border-radius: 30px;
	text-decoration:none;
}

.appel_action a:hover{
	text-shadow:none;
	background:var(--cta_hover-background);
}
/***menu sticky*********************************************/

#gabarit4 #zone0 {
	width:100%;
	padding:2vw 15% 4vw;
	
}
#gabarit4 #zone1 {
	width:100%;
	padding:2vw 15%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

#gabarit4 #zone2 {
	width:100%;
	padding:2vw 15%;
}
marquee{
    display: block;
    padding: 10px 0;
    width:44.5%;
    left:4.5%;
    position: absolute;
    top: 130px;
    z-index: 10001;
    font-size: 1.05rem;
    color: #fff;
}

@media screen and (max-width:1280px){
#ss_conteneur h1 { padding: 11px 5%;}
#top {
	background-image:none;
	}
}

@media screen and (max-width:1024px){
#ss_conteneur{padding:3vw 0;}
#gabarit4 #zone1,
#gabarit4 #zone2{padding: 3vw 5%;}	
#section_2 {padding:3vw 5%;}
#zone1 figure,#zone1 article{width:50%;}
}


@media screen and (max-width:800px){
#zone1 figure,#zone1 article{width: 100%;}	
#baseline p{width:100%}
#baseline a {font-size: 1.4rem;}
#gabarit2 #zone2,
#gabarit2 #zone3{
    width:100%;
	padding:0;
}
#static_img {
    height: 40vw;
}
#section_2 {padding:3vw 0;}
#actus {padding: 0 5%;}
#actus h2 {margin-top:20px}
#actus>div {padding:0;}
#zone2 .valeur,
#zone3 .valeur{
    width:100%;
	clear:both;
	padding:0;
	text-align:center;
	margin:0;
	min-width:auto;
}
.benef div {width:100%;	}
.benef .solution{height:60vw;margin:10px 0}
#gabarit2 #zone2 li,
#gabarit2 #zone3 li{
	text-align:center;
	width:100%;
}
@media screen and (max-width:480px){
.appel_action{left:calc(50% + 30px);font-size:1.05rem;}
.appel_action a{padding:10px 20px}
#ss_conteneur h1 {text-align:center;justify-content:center}
#section_3 h1 { font-size: 1.8rem;}
}