/*--------------------------------------------------------*/
/*DEFAULT ------------------------------------------------*/
/*-------------------------------------------------------*/

#solutionbi{counter-reset: bulbcount;}

#solutionbi.noscroll,
#solutionbi.noscroll_volets{ overflow:hidden;}
#solutionbi.noscroll_volets .headmenu{ display: none;}


#solutionbi #global-container header *,
#solutionbi #global-container #content *,
#solutionbi #global-container #footer *{font-family: 'Montserrat', sans-serif;}
#solutionbi #colorbox *{font-family: 'Montserrat', sans-serif;}

#solutionbi #global-container .fab{ font-family:"Font Awesome 5 Brands" !important;}

#solutionbi section{margin:150px 0;}
#solutionbi section:first-child{margin:0 0 150px 0;}

#solutionbi .row_container{
	margin:0 auto;
	max-width:1200px;
	width:80%;
	position:relative;
}


#solutionbi #wpadminbar{ position: fixed; overflow: hidden;}

@media screen and (max-width: 1600px){
	#solutionbi #global-container header{zoom: 80%;}
	#solutionbi #global-container #content{zoom: 80%;}
	#solutionbi #global-container #footer{zoom: 80%;}
}

@media screen and (max-width: 1024px){
	#solutionbi #global-container header{zoom: 1;}
	#solutionbi #global-container #content{zoom: 1;}
	#solutionbi #global-container #footer{zoom: 1;}
}

/*cookies*/

#cookie-notice {
    background: rgba(255, 255, 255, 1) !important;
	border-top:5px solid #105260;
}

#cookie-notice .cookie-notice-container #cn-notice-text{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
    color: #333333;
}


#solutionbi  #cookie-notice .cookie-notice-container .button{
	font-family: 'Montserrat', sans-serif;
    margin-top: 20px;
    padding: 10px 20px;
    border: 2px solid #BE1622;
    color: #BE1622;
    text-transform: none;
    font-weight: 600;	
}



#solutionbi  #cookie-notice .cookie-notice-container .button:hover{
	background-color: #BE1622;
    color: #ffffff;

}


/*--------------------------------------------------------*/
/*ANIMATIONS --------------------------------------------*/
/*-------------------------------------------------------*/

#solutionbi *{transition:all 1s;}
#solutionbi *::before{transition:all 1s;}

#solutionbi .anim_pop{
	transform: scale(0.5);
	opacity:0;
}


#solutionbi .anim_slide_right{
	transform: translate(-100px);
	opacity:0;
}

#solutionbi .anim_slide_left{
	transform: translate(100px);
	opacity:0;
}

#solutionbi .anim_slide_up{
	transform: translate(0,100px);
	opacity:0;
}

#solutionbi .anim_pop_before::before{
	transform: scale(0.5);
	opacity:0;
}

#solutionbi .anim_slide_right_before::before{
	transform: translate(-100px);
	opacity:0;
}

#solutionbi .anim_slide_left_before::before{
	transform: translate(100px);
	opacity:0;
}


#solutionbi .anim_child_delay>*:nth-child(1){transition-delay: 0ms;}
#solutionbi .anim_child_delay>*:nth-child(2){transition-delay: 250ms;}
#solutionbi .anim_child_delay>*:nth-child(3){transition-delay: 500ms;}
#solutionbi .anim_child_delay>*:nth-child(4){transition-delay: 750ms;}
#solutionbi .anim_child_delay>*:nth-child(5){transition-delay: 1000ms;}
#solutionbi .anim_child_delay>*:nth-child(6){transition-delay: 1250ms;}
#solutionbi .anim_child_delay>*:nth-child(7){transition-delay: 1500ms;}
#solutionbi .anim_child_delay>*:nth-child(8){transition-delay: 1750ms;}

#solutionbi .anim_child_delay_quick>*:nth-child(1){transition-delay: 0ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(2){transition-delay: 100ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(3){transition-delay: 200ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(4){transition-delay: 300ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(5){transition-delay: 400ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(6){transition-delay: 500ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(7){transition-delay: 600ms;}
#solutionbi .anim_child_delay_quick>*:nth-child(8){transition-delay: 700ms;}


/*--------------------------------------------------------*/
/*HEADER ------------------------------------------------*/
/*-------------------------------------------------------*/

#solutionbi header{ transition: all 200ms;}
#solutionbi header *{ transition: none;}
#solutionbi header *::before{ transition: none;}


#solutionbi header.onscroll{
	position: fixed;
    width: 100%;
    left: 0;
    background-color: #ffffff;
    z-index: 9998;
    box-shadow: 15px 15px 45px rgbA(0,0,0,0.25);
}

#solutionbi header.onscroll.scrolldown{ opacity: 0;}
#solutionbi header.onscroll.scrolldown:hover{ opacity: 1;}


@media(max-width:600px){
	#solutionbi header.onscroll{top:0;}
}



/*barre top */

#solutionbi header .barretop{
	background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
	padding:5px 3%;
	text-align:right;
	font-weight:500;
	position:relative;
	z-index:1300;
}

#solutionbi header .barretop #annexemenu{display:inline-flex;}

#solutionbi header .barretop #annexemenu li{display:inline-block; margin: 0; position: relative;}
#solutionbi header .barretop #annexemenu li.mobileonly{display:none;}

#solutionbi header .barretop #annexemenu li a{
	font-size: 15px;
	display:block;
	padding:0px 15px;
    color: #105260;
	border-left:1px solid #105260;
	font-family: 'Barlow', sans-serif;
	text-transform:uppercase;
}


#solutionbi header .barretop #annexemenu li.menu-item-has-children>a::after{
	content:"";
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 2px;
	background-image: url("../images/topmenu-dropb.png");
	width:10px;
	height: 6px;	
}
	
#solutionbi header .barretop #annexemenu li:hover > ul.sub-menu{ display: block;}

#solutionbi header .barretop #annexemenu ul.sub-menu{
    display: none;
    z-index: 9000;
    position: absolute;
    background-color: #f0f0f0;
    min-width: 250px;
    right: 2%;
    border-top: 5px solid #ffffff;
}

#solutionbi header .barretop #annexemenu ul.sub-menu li{
	display: block;

}

#solutionbi header .barretop #annexemenu ul.sub-menu li a{
	display: block;
    padding: 10px 20px;
    border: none;
    text-align: right;
    border-bottom: 1px solid #e0e0e0;
}

#solutionbi header .barretop #annexemenu ul.sub-menu li a:hover{
	background-color: #e0e0e0;
}

@media(max-width:1200px){
	#solutionbi header .barretop{padding:25px 3%; display: none;}
	#solutionbi header .barretop #annexemenu li.mobileonly{display:inline-block;}
}


#solutionbi header .barretop #annexemenu li.goblog a::after{
	content:url( "../images/extb.png");
	margin-left: 7px;
	
}



/*headmenu */

#solutionbi .headmenu{
	display:flex;
	align-items:center;
	padding:0 3%;
	position: relative;
    z-index: 1200;
	min-height: 115px;
}

#solutionbi .headmenu div{ flex:3;}
#solutionbi .headmenu .logo{ flex:2;}
#solutionbi .headmenu .logo .white{ display:none;}

#solutionbi .headmenu .opemenu,
#solutionbi .headmenu .closemenu{
	display:inline-block;
	color:#105260;
	font-family: 'Barlow', sans-serif !important;
	font-size:20px;
	text-transform:uppercase;
	background-image:url(../images/openmenu.jpg);
	background-position:left center;
	background-size:auto;
	padding:10px 0 10px 65px 
}

#solutionbi .headmenu .closemenu{	
	background-image:url(../images/closemenu.png);
	color:#ffffff;
	display:none;
}



#solutionbi .headmenu .logo{text-align:center;}
#solutionbi .headmenu .logo a{display:inline-block;}
#solutionbi .headmenu .logo a img{display:block; max-width:300px;}

#solutionbi .headmenu .logo+div{text-align:right;}

#solutionbi .headmenu a.corp{
	display: inline-block;
    font-size: 16px;
    line-height: 1.2;
    color: #105260;
    font-weight: 500;
    margin: 10px;
    vertical-align: middle;
    padding: 8px 20px 8px 130px;
    background-color: #e7edef;
    border-radius: 50px;
	position:relative;
}

#solutionbi .headmenu a.corp::before{
	content: "";
    display: block;
    position: absolute;
    width: 111px;
    height: 78px;
    background-image: url(../images/smallmap.png);
    left: 10px;
    top: -15px;
}


#solutionbi .headmenu a.corp::after{
	content: "";
    display: block;
    position: absolute;
    background-image: url(../images/bluelight2.png);
    width: 21px;
    height: 21px;
    right: -12px;
    top: -10px;
}

#solutionbi .headmenu a.corp:hover::after{background-image: url(../images/bouton_hover_new_grey.gif);}

#solutionbi .headmenu a.bloginfo{
	display: none;
    font-size: 16px;
    line-height: 1.2;
    color: #105260;
    font-weight: 500;
    margin: 10px;
    vertical-align: middle;
    padding: 8px 20px 8px 20px;
    background-color: #e7edef;
    border-radius: 50px;
	position:relative;
}

#solutionbi .headmenu a.bloginfo::after{
	content: "";
    display: block;
    position: absolute;
    background-image: url(../images/bluelight.png);
    width: 21px;
    height: 21px;
    right: -12px;
    top: -10px;
}


#solutionbi .headmenu a.cta{
	margin: 0 0 0 10px;
	vertical-align:middle;
}

@media(max-width:1600px){
	#solutionbi .headmenu div{ flex:1 1 auto;}
	#solutionbi .headmenu .logo{ flex: 1 1 auto;}	
}

@media(max-width:1200px){
	#solutionbi .headmenu{min-height: 150px;}
	#solutionbi .headmenu a.corp,
	#solutionbi .headmenu a.cta{ display: none;}
	
	
}


/*headmenu_opened*/

#solutionbi .headmenu_opened{
	display: none;
    position: absolute;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
}

#solutionbi .headmenu_opened ul{
	position:absolute;
	bottom:0;
	width:400px;
	height:calc(100% - 200px);
	overflow: auto;
	list-style:none;
	margin:0;
	padding:0;
}

#solutionbi .headmenu_opened ul li{
	display: block;
    padding: 10px 30px;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto;
}
#solutionbi .headmenu_opened ul li.hasicon{padding: 0px 30px;}
#solutionbi .headmenu_opened ul li.noclick a{ cursor:default;}

#solutionbi .headmenu_opened ul li.active{
	background-image:linear-gradient(to right,rgbA(255,255,255,0),rgbA(255,255,255,0.1));
}

#solutionbi .headmenu_opened ul li a{
	display: inline-flex;
	flex-wrap: wrap;
    align-items: center;
	min-height: 50px;
	font-family: 'Barlow', sans-serif !important;
    color: #ffffff;
	text-transform: uppercase;
    font-size: 18px;
}

#solutionbi .headmenu_opened ul li.important a{
	color: #fdf5c7;
    padding-left: 42px;
    background-image: url(../images/menubulb.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
}
	
#solutionbi .headmenu_opened ul li a span{
	font-family: 'Barlow', sans-serif !important;
    text-transform: uppercase;
    font-size: 18px;
}

#solutionbi .headmenu_opened ul li a span+b{
	display: block;
    font-size: 14px;
    text-transform: none;
    font-style: italic;
    color: rgbA(255,255,255,0.35);
    font-weight: 300;
	flex: 0 0 100%;
}

#solutionbi .headmenu_opened ul li.hasicon a svg{
	flex:0 0 70px;
	fill: #ffffff;
	height: auto;
}

#solutionbi .headmenu_opened ul li.hasicon a img.icone{
	width:70px !important;
	flex:0 0 70px;
	fill: #ffffff;
	height: auto;
}








/*has children*/

#solutionbi .headmenu_opened ul li.menu-item-has-children a span::after{
	content: "";
    display: inline-block;
    margin-left: 10px;
    background-image: url(../images/chevron-right.png);
    width: 6px;
    height: 10px;
    position: relative;
    top: -1px;	
}



/*goback*/


#solutionbi .headmenu_opened ul li.goback a{
	color: #aaaaaa;
    background-image: url(../images/goback.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 15px center;
    padding: 0 30px 0 50px;
    background-color: rgbA(255,255,255,0.1);
    border-radius: 15px;
    min-height: 60px;
    margin-bottom: 20px;
}


/*sub menu*/


#solutionbi .headmenu_opened .menu_col_1 ul li{ padding-left: 0;}

#solutionbi .headmenu_opened li ul.sub-menu{
	display:none;
}


#solutionbi .headmenu_opened > div{
	position: absolute;
    width: 100%;
	height: 100%;
    top: 0;
	
}

#solutionbi .headmenu_opened .menu_col_1{
    left: calc((100vw - 1200px) / 2);	
}


#solutionbi .headmenu_opened .menu_col_2{
	background-color:rgbA(0,0,0,0.25);
    left: calc((100vw - 1200px) / 2 + 400px);	
}

#solutionbi .headmenu_opened .menu_col_3{
	background-color:rgbA(0,0,0,0.25);
    left: calc((100vw - 1200px) / 2 + 800px);
}



@media(max-width:1200px){

	#solutionbi .headmenu_opened > div{transition:all 0.5s;}
	#solutionbi .headmenu_opened .menu_col_1{left: 0;}
	#solutionbi .headmenu_opened .menu_col_2{left: 0; background-color: #0c4451; }
	#solutionbi .headmenu_opened .menu_col_3{left: 0; background-color: #093844; }	


	#solutionbi .headmenu_opened .faderight{
		transform: translate(200px);
		opacity: 0;
		pointer-events: none;
	}

	#solutionbi .headmenu_opened .fadeleft{
		transform: translate(-200px);
		opacity: 0;
		pointer-events: none;
	}

	#solutionbi .headmenu_opened ul{width:100%;}


	#solutionbi .headmenu_opened ul li:hover{
		background-image:linear-gradient(to right,rgbA(255,255,255,0),rgbA(255,255,255,0.1));
	}

	#solutionbi .headmenu_opened ul li.goback:hover{background-image:none;}
	
	#solutionbi .headmenu_opened ul li.hasicon a svg{ max-height: 75px;}


	
}


/*isopen mode*/

#solutionbi .isopen{
	position: fixed;
	top:0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: #105260;
	background-image: url("../images/openmenubg.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto 80%;
    display: flex;
    flex-direction: column;
	
}

#solutionbi .isopen ~ #wpadminbar{z-index: 1; transition:none;}

#solutionbi .isopen .barretop{ background-color:#082c35; display: block; border-bottom:1px solid #082c35;}

#solutionbi .isopen .barretop #annexemenu li a{color:#ffffff; border-left: 1px solid #ffffff;}
#solutionbi .isopen .barretop #annexemenu li.goblog a::after{content: url(../images/ext.png);}
#solutionbi .isopen .barretop #annexemenu li.menu-item-has-children>a::after{background-image: url(../images/topmenu-drop.png);}

#solutionbi .isopen .barretop #annexemenu li:hover > ul.sub-menu{border-top: 5px solid #082c35; background-color: #0e4a56;}

#solutionbi .isopen .barretop #annexemenu ul.sub-menu li a{border-bottom: 1px solid #105260;}
#solutionbi .isopen .barretop #annexemenu ul.sub-menu li a:hover{ background-color: #0d424d;}


#solutionbi .isopen .headmenu .opemenu{display:none;}
#solutionbi .isopen .headmenu .closemenu{display:block;}

#solutionbi .isopen .headmenu .logo a{display:none;}
#solutionbi .isopen .headmenu .logo a.white{display:inline-block;}

#solutionbi .isopen .headmenu_opened{display: block;}

#solutionbi .isopen .headmenu a.corp{
	color: #ffffff;
	background-color: rgbA(255,255,255,0.1);	
}


#solutionbi .isopen a.cta.bouton{
	color: #ffffff;
	border: 2px solid #ffffff;

}

#solutionbi .isopen a.cta.bouton::after{
	background-image: url(../images/whitelight.png);
}

@media (min-width:1200px) and (max-width:1400px){
	#solutionbi .isopen .barretop{display: none;}
	#solutionbi .headmenu_opened ul li.hasicon a svg{
		max-width: 50px;
   	 	max-height: 50px;
	}
	#solutionbi .isopen .headmenu{min-height: auto;}
	#solutionbi .isopen .headmenu .logo a img{ max-height: 90px;}
	
	#solutionbi .headmenu_opened ul{height: calc(100% - 115px);}
	#solutionbi .headmenu_opened ul li a{min-height: auto;}
	#solutionbi .headmenu_opened ul li a span{font-size: 16px;}
	
	#solutionbi .headmenu_opened ul{width:300px;}
	#solutionbi .headmenu_opened .menu_col_2{left: calc((100vw - 1200px) / 2 + 300px);}
	#solutionbi .headmenu_opened .menu_col_3{left: calc((100vw - 1200px) / 2 + 600px);}
	
	
	
}

@media(max-width:1200px){
	
	#solutionbi .isopen{ height: calc(100% - 100px);}
	
	#solutionbi .isopen .headmenu .logo{ display: none;}
	
	#solutionbi .isopen .headmenu a.corp{
		display: flex;
    	align-items: center;
		justify-content: center;
		text-align: center;
		position: fixed;
		bottom: 0;
		border-radius: 0;
		padding: 0;
		margin: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background-color: #b51420;
		font-size: 20px;
	}	
	
	#solutionbi .isopen .headmenu a.corp br{ display: none;}
	
	#solutionbi .isopen .headmenu a.corp::before{display: none;}
	#solutionbi .isopen .headmenu a.corp::after{display: none;}
	
}


/*--------------------------------------------------------*/
/*STYLES ------------------------------------------------*/
/*-------------------------------------------------------*/

#solutionbi h1{
	font-family: 'Barlow', sans-serif !important;
	font-size:38px;
	color:#105260;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.02em;
}

#solutionbi h2{
	font-size:36px;
	color:#BE1622;
	position:relative;
}


#solutionbi h3{
	font-family: 'Barlow', sans-serif !important;
	font-size:28px;
	line-height: 1.2em;
	color:#105260;
	font-weight:bold;
	margin: 0;
}



#solutionbi h4{
	font-size:20px;
	color:#333333;
	font-weight:bold;
}




#solutionbi p{
	font-size:18px;
	color:#333333;
	margin-bottom: 20px;
}



#solutionbi p a,
#solutionbi li a{color:#000000; transition: none;}

#solutionbi p a:hover,
#solutionbi li a:hover{color:#BE1622;}

#solutionbi ul{
	list-style: none;
	text-align: left;
	margin: 0;
}

#solutionbi ul li{
	font-size:18px;
	color:#333333;
	margin-bottom: 10px;
}

#solutionbi .textehtml ul{margin-bottom: 20px;}

#solutionbi .lipuce li,
#solutionbi .textehtml li{padding-left: 20px; position: relative;}

#solutionbi .lipuce li::before,
#solutionbi .textehtml li::before{
	content: "";
    display: block;
    position: absolute;
    background-color: #b51420;
    border-radius: 8px;
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
}

#solutionbi .textehtml div{ margin-bottom: 20px;}
#solutionbi .textehtml h3{ margin-bottom: 20px;}
#solutionbi .textehtml h4{ margin-bottom: 20px;}

/*textehtml*/

#solutionbi .textehtml li a{color: #105260; font-weight: 500;}
#solutionbi .textehtml li a:hover{color:#BE1622;}

@media(max-width:1200px){
	#solutionbi .textehtml ul{ display: inline-block; margin: 0 auto 20px auto;}
	#solutionbi .textehtml img.alignleft,
	#solutionbi .textehtml img.alignright{ float: none; display: block; margin: 0 auto 20px auto;}
	
}


/*linklist*/

#solutionbi ul.linklist{ margin-top: 25px;}

#solutionbi ul.linklist li{
	background-image: url("../images/linklist.png");
	background-repeat: no-repeat;
	background-size: auto;
	background-position: 0 4px;
	padding-left: 35px;
	margin-top: 15px;
}

/*bouton*/

#solutionbi a.bouton,
#solutionbi form button{
	display:inline-block;
	font-size:16px;
	color:#BE1622;
	border-radius:50px;
	border:2px solid #BE1622;
	font-weight:500;
	padding:15px 20px;
	position:relative;
	margin-top:20px;
	margin-bottom:0.5em;
	transition:none;
	cursor: pointer;
	text-transform: none;
	letter-spacing: normal;
}

#solutionbi form button{margin: 0;}

#solutionbi a.bouton::after,
#solutionbi form button::after{
	content: "";
    display: block;
    position: absolute;
    background-image: url(../images/redlight.png);
    width: 21px;
    height: 21px;
    right: -15px;
    top: -13px;	
}

#solutionbi a.bouton:hover::after,
#solutionbi form button:hover::after{background-image:url(../images/bouton_hover_new_red.gif);}



#solutionbi a.bouton:last-child,
#solutionbi form button:last-child{ margin-bottom:0;}

#solutionbi a.bouton:hover,
#solutionbi form button:hover{
	color:#ffffff;
	background-color:#BE1622;
}

#solutionbi h1+a.bouton,
#solutionbi h2+a.bouton,
#solutionbi h3+a.bouton{margin-top:0;}

/*darkbg*/

#solutionbi .darkbg *{ color:#ffffff !important;}

#solutionbi .darkbg svg{ fill:#ffffff !important;}

#solutionbi .darkbg a.bouton,
#solutionbi .darkbg form button{border:2px solid #ffffff;}

#solutionbi .darkbg a.bouton::after,
#solutionbi .darkbg form button::after{background-image: url(../images/whitelight.png);}


#solutionbi .darkbg a.bouton:hover::after,
#solutionbi .darkbg form button:hover::after{background-image: url(../images/bouton_hover_new_white.gif);}

#solutionbi .darkbg a.bouton:hover,
#solutionbi .darkbg form button:hover{
	color:#BE1622 !important;
	background-color:#ffffff;
}

#solutionbi .darkbg a.bouton:hover::after{background-image:url(../images/bouton_hover_new_white.gif);}

#solutionbi .darkbg ul.linklist li{background-image: url(../images/linklistw.png);}

/*textehtml*/

#solutionbi .textehtml{margin-bottom:20px;}
#solutionbi .textehtml:last-child{margin-bottom:0;}

/*pointcle*/
#solutionbi .pointscles{margin-bottom:20px; counter-reset: count; }
#solutionbi .pointscles:last-child{margin-bottom:0;}
#solutionbi .textehtml+.pointscles{margin-top:30px;}

#solutionbi .pointcle{
	display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100px;
    border-top: 1px solid #dbdbdb;
    padding: 20px 50px 20px 90px;
    position: relative;
}

#solutionbi .pointcle h3{ font-size:20px; font-weight: 500;}
#solutionbi .pointcle p{ font-size:16px; margin-top: 5px; margin-bottom: 0;}


#solutionbi .pointcle::before{
	counter-increment: count; 
	content: counter(count);
    font-family: 'Barlow', sans-serif !important;
    font-size: 60px;
    color: #ffffff;
    position: absolute;
    top: 9px;
    left: 0;
    font-weight: 900;
    text-shadow: 2px 0 0 #979797, -2px 0 0 #979797, 0 2px 0 #979797, 0 -2px 0 #979797, 1px 1px #979797, -1px -1px 0 #979797, 1px -1px 0 #979797, -1px 1px 0 #979797;
}

#solutionbi .pointscles a:nth-child(-n+9) .pointcle::before {content: '0'counter(count);}
#solutionbi .pointscles .pointcle:nth-child(-n+9)::before {content: '0'counter(count);}


/*-------------------------------------------------------*/
/*QUICKFORM*/
/*-------------------------------------------------------*/

#solutionbi p.quickform_title{ font-weight: bold; color:#a0a0a0;}

#solutionbi .quickform{
	display: inline-flex;
    padding: 0;
    margin: 0;	
	
}

#solutionbi .quickform input{ 	
	height: 60px;
	font-size: 16px;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
    font-size: 20px;
    border: 2px solid #105260;
    flex: 1;
    margin: 0; 
    max-width: 320px;
    z-index: 50;
    position: relative;    
}

#solutionbi .quickform button{
	height: 60px;
    font-size: 18px;
    font-weight: normal;
    padding: 0 25px 0 20px;
    box-sizing: border-box;
    border-radius: 0 50px 50px 0;
    margin: 0;
    background-color: #105260;
    border: 2px solid #105260;
    color: #ffffff;
    cursor: pointer;
    z-index: 50;
    position: relative;
}

#solutionbi .darkbg  p.quickform_title{color:rgbA(255,255,255,0.8) !important;}
#solutionbi .darkbg .quickform input{color: #333333 !important; border: 2px solid #ffffff;}
#solutionbi .darkbg .quickform button{border: 2px solid #ffffff;}

#solutionbi .quickform .wpcf7-not-valid-tip{display:none;}
#solutionbi .quickform .ajax-loader{ position:absolute; right:-20px;}

/*shadownotice_4_quickform*/

#solutionbi .shadownotice .invalid .quickform+.wpcf7-response-output{ display:none !important;}

#solutionbi .shadownotice .quickform .wpcf7-not-valid-tip{
	position: fixed;
	display:flex;
	flex-direction:column;
    width: 500px;
    height: 350px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
	box-shadow: 5px 5px 10px rgbA(0,0,0,0.15);
    border: 0;
    margin: auto;
    padding: 50px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -175px;
	z-index:1600;
	font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
    line-height: 1.8em;
    color: #000000;
}

#solutionbi .shadownotice .quickform .wpcf7-not-valid-tip::after{
	content: "Ok";
    display: inline-block;
    font-size: 16px;
    line-height: 1.7em;
    color: #ffffff;
    background-color: #1ed8c0;
    font-weight: 500;
    padding: 12px 35px;
    border-radius: 50px;
    letter-spacing: 1px;
    text-transform: none;
    margin-top: 25px;
    cursor: pointer;
}


#solutionbi .shadownotice .quickform .wpcf7-response-output.wpcf7-mail-sent-ok{display:flex !important;}


/*-------------------------------------------------------*/
/*MAUTIC*/
/*-------------------------------------------------------*/


#solutionbi .mauticform_wrapper input[type="text"],
#solutionbi .mauticform_wrapper input[type="email"],
#solutionbi .mauticform_wrapper input[type="tel"],
#solutionbi .mauticform_wrapper select,
#solutionbi .mauticform_wrapper textarea
{	
	width:100%;
	color:#333333 !important;
	border:0;	
	height: 60px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 18px;
}

#solutionbi .mauticform_wrapper option{color:#333333 !important;}

#solutionbi .mauticform_wrapper textarea{
	padding: 20px;
	height:auto;
	min-height:250px;
}


#solutionbi .mauticform_wrapper input::placeholder{ color:rgbA(66,66,66,0.5);}

#solutionbi .mauticform_wrapper input[type="checkbox"]{
    margin-right: 5px;
    position: relative;
    top: 1px;
}

#solutionbi .mauticform_wrapper form{
	display:block;
	text-align:left;
	margin-top: 4%;
}	

#solutionbi .mauticform_wrapper form>div{padding-bottom:0;}


#solutionbi .mauticform_wrapper form .mauticform-page-wrapper{
	display:flex !important;
	justify-content:space-between;
	flex-wrap:wrap;
}
#solutionbi .mauticform_wrapper form .mauticform-row{
	flex:1 1 100%;
	padding-bottom:4%;	
}

#solutionbi .mauticform_wrapper form .mauticform-row:last-child{padding-bottom:0;}


#solutionbi .mauticform_wrapper form .mauticform-row.half{flex: 0 0 48%;}


#solutionbi .mauticform_wrapper form .mauticform-button-wrapper{text-align: right;}

#solutionbi .mauticform_wrapper form .mauticform-has-error input{border:2px solid red;}
#solutionbi .mauticform_wrapper form .mauticform-errormsg{color:red !important;}

#solutionbi .mauticform-post-success form{
	display: block;
    text-align: center;
}

#solutionbi .mauticform-post-success .mauticform-message{
	display: inline-block;
    background-color: #ffffff;
    padding: 15px 25px 15px 25px;
    /*color: #306fb1;*/
    color: #000 !important;
    font-weight: 300;
    font-size: 18px;
    border-radius: 50px;
    margin-bottom: 50px;
    background-image: url(images/checkform.png);
    background-repeat: no-repeat;
    background-position: 20px center;		
}

#solutionbi .mauticform-post-success .mauticform-message+.mauticform-innerform{ display:none;}

#solutionbi .afterform{ display:none;}

#solutionbi .mauticform-post-success+.afterform{
	display: block;
    text-align: center;
}

#solutionbi #mauticform_formulairedecontact_envoyer{ text-align:right;}



/*--------------------------------------------------------*/
/*ACF ----------------------------------------------------*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*homepage_header*/
/*-------------------------------------------------------*/

#solutionbi .homepage_header{ padding:70px 0;}

#solutionbi .homepage_header .bloc{
	background-color:rgbA(255,255,255,0.85);
	width:60%;
	padding:45px;
}

@media(max-width:1000px){
	#solutionbi .homepage_header .bloc{width:100%;}
}

#solutionbi .homepage_header .surtitre{
	display:inline-block;
	font-size:24px;
	color:#BE1622;
	border-bottom:1px solid #BE1622;
	padding-bottom:10px;
}
@media(max-width:1000px){
	#solutionbi .homepage_header .surtitre{font-size:20px;}
}

/*-------------------------------------------------------*/
/*header*/
/*-------------------------------------------------------*/

#solutionbi .header{ padding:130px 0;}

#solutionbi .header .bloc{
	background-color: rgbA(189,9,38,0.8);
    max-width: 800px;
    padding: 70px 45px;
    margin: 0 auto;
    text-align: center;
}

#solutionbi .header.blue .bloc{ background-color: rgbA(16,82,96,0.8);}

/*type 2*/

#solutionbi .header.type2{
	padding-bottom: 600px;	
}

#solutionbi .header.type2{ position: relative;}
#solutionbi .header.type2::after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width:100%;
	height: 300px;
	background-image: linear-gradient(to top, white, transparent);	
}

/*type 3*/

#solutionbi .header.type3{
	padding:200px 0 0 0;
	position: relative;
	display: flex;
	justify-content: flex-end;
	
}

#solutionbi .header.type3 .row_container{
	max-width: none;
    width: 50%;
    margin: 0;
}

#solutionbi .header.type3 .bloc{
    max-width: none;
    padding: 12% 8%;
    text-align: left;
}

@media(max-width:1200px){
	#solutionbi .header.type3 .row_container{
		width: 100%;
    	max-width: 700px;
	}	
}

/*type 4*/

#solutionbi .header.type4 .row_container{display: flex;}

#solutionbi .header.type4 .logo{
    background-color: rgbA(255,255,255,0.8);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

#solutionbi .header.type4 .logo img{max-width: 200px; max-height: 200px;}


#solutionbi .header.type4 .bloc{
	flex: 1;
    margin: 0;
    text-align: left;
	padding: 50px;
}

@media(max-width:1000px){
	#solutionbi .header.type4 .row_container{
		    flex-direction: column;
    		text-align: center;
	}
	#solutionbi .header.type4 .logo{padding: 50px;}
	#solutionbi .header.type4 .bloc{text-align: center;}
	
}


/*type 5*/

#solutionbi .header.type5 .row_container{ max-width: 1400px;}
#solutionbi .header.type5 .bloc{
	max-width: none;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#solutionbi .header.type5 .bloc .logo{ 
    border-bottom: 1px solid #ffffff;
    padding-bottom: 25px;
    margin: 0 auto 40px auto;
    width: 800px;
    max-width: 100%;
}

#solutionbi .header.type5 .bloc .logo img{ width: 350px;}

#solutionbi .header.type5 h1{ font-weight:bold;}
#solutionbi .header.type5 p{ max-width:800px;}

/*-------------------------------------------------------*/
/*section_intro*/
/*-------------------------------------------------------*/

#solutionbi .section_intro.gris{background-color: #f2f2f2; margin: 0; padding: 100px 0;}

#solutionbi .section_intro .zone_texte{text-align: center;}
#solutionbi .section_intro .zone_texte h2{color:#105260;}


/*-------------------------------------------------------*/
/*bande_iconesx3*/
/*-------------------------------------------------------*/

#solutionbi .bande_iconesx3{
	background-color:#f2f2f2;
	padding:0;
}

#solutionbi .bande_iconesx3 .row_container{
	display:flex;
	max-width:none;
}

#solutionbi .bande_iconesx3 .bloc{
	flex: 1;
    text-align: center;
    padding: 35px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
	min-height: 290px;
	background-color: #ececec;
}



#solutionbi .bande_iconesx3 .bloc:nth-child(2){background-color:#f2f2f2;}
#solutionbi .bande_iconesx3 .bloc:nth-child(3){background-color:#f9f9f9;}
#solutionbi .bande_iconesx3 .bloc:nth-child(4){background-color:#ececec;}

#solutionbi .bande_iconesx3 svg{fill: #ffffff;}

#solutionbi .bande_iconesx3 p{
	font-family: 'Barlow', sans-serif !important;
	font-size:24px;
	color:#bf1522;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.02em;
	margin-top:10px;
	
}


#solutionbi .bande_iconesx3 .illustration_survol{display: none; margin-bottom: 15px; height: 185px;}
#solutionbi .bande_iconesx3 .illustration_survol img{ max-height: 100%;}

#solutionbi .bande_iconesx3 .bloc.hassurvol:hover img{display: none;}
#solutionbi .bande_iconesx3 .bloc.hassurvol:hover p{display: none;}
#solutionbi .bande_iconesx3 .bloc.hassurvol:hover .illustration_survol{display: block;}
#solutionbi .bande_iconesx3 .bloc.hassurvol:hover .illustration_survol img{ display: inline-block;}

/*haslink*/

#solutionbi .bande_iconesx3 a.bloclink{
	color:#bf1522;
	text-transform: uppercase;
	display: inline-block;
	position: static;
}
#solutionbi .bande_iconesx3 .bloc.haslink>*{z-index: 10;}
#solutionbi .bande_iconesx3 .bloc.haslink::before{
	content: "";
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0;
	z-index: 0;
	transition: all 250ms;
}

#solutionbi .bande_iconesx3 .bloc.haslink:hover::before{background-color: #a3121d;}
#solutionbi .bande_iconesx3 .bloc.haslink:hover img.style-svg{filter: brightness(0) invert(1);}
#solutionbi .bande_iconesx3 .bloc.haslink:hover a.bloclink{color:#ffffff;}
#solutionbi .bande_iconesx3 .bloc.haslink:hover p{color:#ffffff;}

#solutionbi .bande_iconesx3 a.bloclink::before{
	content: "";
	display: block;
	position: absolute;
	width:100%;
	height: 100%;
	left:0;
	top:0;
}



@media(max-width:1200px){
	#solutionbi .bande_iconesx3 .row_container{
		width:100%;
	}
	
}


/*-------------------------------------------------------*/
/*section_textimg*/
/*-------------------------------------------------------*/

#solutionbi .section_textimg .row_container{display:flex;}



#solutionbi .section_textimg .zone_texte{padding: 50px 50px 50px 0;}

#solutionbi .section_textimg.image_content .zone_texte{
	flex:1;
	padding: 0 50px 0 0;
}

#solutionbi .section_textimg h2::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 151px;
    height: 389px;
    background-image: url(../images/bulb_left3.png);
    position: absolute;
    top: -45px;
    left: -197px;
    background-repeat: no-repeat;
    background-position: right;
    z-index: 1;
    padding-left: 31px;
    padding-right: 6px;
    padding-top: 50px;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
}


#solutionbi .section_textimg .zone_image{flex:1; margin:0 -12% 0 0;}

#solutionbi .section_textimg.image_bg .zone_image{
	flex: 0 0 50vw;
    margin-right: calc((-50vw + 50%));
    display: flex;
	align-items: flex-end;
}



#solutionbi .section_textimg .zone_image img{
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
}


#solutionbi .section_textimg .zone_image .bloc{
    background-color: rgbA(16,82,96,0.85);
    padding: 100px 50px;
    max-width: 600px;
    min-height: 70%;
	flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: flex-start;
}

#solutionbi .section_textimg .zone_image .bloc.rouge{background-color: rgbA(163,32,35,0.85);}


#solutionbi .section_textimg .zone_image .bloc p.titre{
	font-family: 'Barlow', sans-serif !important;
	font-size:42px;
	color:#ffffff;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.02em;
}

#solutionbi .section_textimg .zone_image .bloc ul.bullet{margin: 0;}
#solutionbi .section_textimg .zone_image .bloc ul.bullet li{
	font-family: 'Barlow', sans-serif !important;
	font-size: 32px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 1em;
}

#solutionbi .section_textimg .zone_image .bloc ul.bullet li:last-child{ margin: 0;}


#solutionbi .section_textimg .zone_image .bloc ul.bullet li{
	
	
}
	
	
#solutionbi .section_textimg .zone_image .bloc a.bouton{margin-top:0;}

/*mode reverse*/

#solutionbi .section_textimg .row_container.reverse{flex-direction: row-reverse;}

#solutionbi .section_textimg .row_container.reverse .zone_texte{ padding: 50px 0 50px 50px;}
#solutionbi .section_textimg .row_container.reverse .zone_image{ margin:0 0 0 -12%;}

#solutionbi .section_textimg.image_content .row_container.reverse .zone_texte{ flex:1; padding: 0 0 0 50px;}

#solutionbi .section_textimg.image_bg .row_container.reverse .zone_image{
	margin-right: 0;
	margin-left: calc((-50vw + 50%));
	justify-content:flex-end;
}

@media(min-width:1200px){

	#solutionbi #content .section_textimg .row_container.reverse h2::before{		
		background-image: url(../images/bulb_right3.png);
		width: 151px;
    	height: 389px;
		top: -45px;
		left: auto;
		right: -197px;
		padding-left: 6px;
		padding-right: 31px;
		padding-top: 50px;

	}
	
}


@media(max-width:1600px){	
	#solutionbi .section_textimg .zone_texte,
	#solutionbi .section_textimg .row_container.reverse .zone_texte{padding: 50px;}
	
	#solutionbi .section_textimg.image_content .zone_texte,
	#solutionbi .section_textimg.image_content .row_container.reverse .zone_texte{padding: 0 50px;}
	
	
	
	#solutionbi .section_textimg h2::before{
		width: 443px;
    	height: 213px;
		background-image: url(../images/bulb_left2.png);
		top: -49px;
    	left: -480px;
		padding-top: 49px;
		padding-left: 317px;
		padding-right: 16px;
	}
	
	#solutionbi .section_textimg .row_container.reverse h2::before{
		width: 482px;
		height: 227px;
		background-image: url(../images/bulb_right1.png);
		top: -60px;
		left: auto;
		right: -510px;
		padding-top: 47px;
		padding-left: 40px;
		padding-right: 345px;
		
	}
	
	
}

@media(max-width:1200px){
	#solutionbi .section_textimg{ margin-top: -50px;}
	#solutionbi .section_textimg .row_container{display:block;}
	#solutionbi .section_textimg .zone_texte{ padding: 0 0 100px 0 !important; text-align: center;}
	#solutionbi .section_textimg .zone_texte .pointscles{text-align: left;}
	#solutionbi .section_textimg .zone_image{ margin: 0 !important; display: block;}
	#solutionbi .section_textimg .zone_image .bloc{max-width: none; width: 65%; margin-top: 0;}
	
	#solutionbi .section_textimg .zone_texte h2{padding-top: 235px;}
	#solutionbi .section_textimg .zone_texte h2::before,
	#solutionbi .section_textimg .row_container.reverse h2::before{
		width: 177px;
		height: 210px;
		background-image: url(../images/bulb_center3.png);
		top: 0;
		left: 50%;
		margin-left: -88px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 47px;
	}
	
}

/*-------------------------------------------------------*/
/*section_textuiles*/
/*-------------------------------------------------------*/

#solutionbi .section_textuiles .row_container{display:flex; align-items: flex-start;}

#solutionbi .section_textuiles .zone_texte{	
	flex: 1;
    padding: 30px 50px 0 0;
}

#solutionbi .section_textuiles .zone_texte h2::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 151px;
    height: 389px;
    background-image: url(../images/bulb_left3.png);
    position: absolute;
    top: -45px;
    left: -197px;
    background-repeat: no-repeat;
    background-position: right;
    z-index: 1;
    padding-left: 31px;
    padding-right: 6px;
    padding-top: 50px;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
}

#solutionbi .section_textuiles .zone_tuiles{
	flex: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#solutionbi .section_textuiles .zone_tuiles .tuile{
	flex: 1 0 40%;
    margin: 3%;
    padding: 4% 3% 6% 3%;
    background-color: #105260;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	min-height: 230px;
}

#solutionbi .section_textuiles .zone_tuiles .tuile svg{	
	fill:#ffffff;
}

#solutionbi .section_textuiles .zone_tuiles .tuile p{	
	font-family: 'Barlow', sans-serif !important;
	color: #ffffff;
	text-align: center;
	margin: 0;
}

@media(max-width:1600px){	
	#solutionbi .section_textuiles .zone_texte{padding: 30px 50px 0 50px;}	
	#solutionbi .section_textuiles .zone_tuiles .tuile{min-height: 200px;}
}

@media(max-width:1200px){
	#solutionbi .section_textuiles{ margin-top: -50px;}
	#solutionbi .section_textuiles .row_container{display:block;}
	#solutionbi .section_textuiles .zone_tuiles .tuile{min-height:none;}
	#solutionbi .section_textuiles .zone_texte{padding: 0 0 50px 0; text-align: center;}	
	#solutionbi .section_textuiles .zone_texte h2{padding-top: 235px;}
	#solutionbi .section_textuiles .zone_texte h2::before{
		width: 177px;
		height: 210px;
		background-image: url(../images/bulb_center3.png);
		top: 0;
		left: 50%;
		margin-left: -88px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 47px;
	}
	
}


/*-------------------------------------------------------*/
/*section_focus_x3*/
/*-------------------------------------------------------*/

#solutionbi .section_focus_x3{margin-top: 250px;}

#solutionbi .section_focus_x3.light{background-color: #f2f2f2;}
#solutionbi .section_focus_x3.blue{background-color: #105260;}
#solutionbi .section_focus_x3.red{background-color: #BE1622;}

#solutionbi .section_focus_x3 .row_container {display:flex; max-width: 1600px; width:95%;}


#solutionbi .section_focus_x3 .zone_texte{
	position: relative;
	flex: 1;
	text-align: center;
	padding: 150px 0 100px 0;
}


#solutionbi .section_focus_x3 .zone_texte::before{
	
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 900px;
    height: 232px;
    background-image: url(../images/bulb_center1.png);
    position: absolute;
    top: -115px;
    left: 50%;
    margin-left: -450px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    padding-top: 79px;
    padding-left: 392px;
    padding-right: 395px;
    color: #BE1622;
}

#solutionbi .section_focus_x3.none .zone_texte{padding:0;}
#solutionbi .section_focus_x3.none .zone_texte::before{ display: none;}

#solutionbi .section_focus_x3.hasimg .zone_texte{padding:180px 20px;}


#solutionbi .section_focus_x3 .zone_texte h2{ margin-bottom: 70px;}

#solutionbi .section_focus_x3 .zone_texte .zone_focus{display: flex;}

#solutionbi .section_focus_x3 .zone_texte .blocfocus{
	flex:1;
	padding: 60px;	
	display: flex;
    flex-direction: column;
	align-items: center;
	justify-content:space-between;
}



#solutionbi .section_focus_x3 .zone_texte .blocfocus .linklist{ margin-top: 0;}

#solutionbi .section_focus_x3 .zone_texte .blocfocus p{ margin-top: 15px; text-align: center;}

#solutionbi .section_focus_x3 .zone_texte svg{width: auto; height: 100px; fill:#105260;}

#solutionbi .section_focus_x3.icotoimg .zone_texte img,
#solutionbi .section_focus_x3.icotoimg .zone_texte svg{width: auto !important;}

#solutionbi .section_focus_x3 .zone_texte h3{margin-top: 15px; margin-bottom: 15px; letter-spacing: 0.01em; font-size: 24px; font-weight: 500; text-align: center;}

#solutionbi .section_focus_x3 .zone_texte p,
#solutionbi .section_focus_x3 .zone_texte li{ opacity: 0.8;}

#solutionbi .section_focus_x3 .zone_image{flex: 0 0 25vw; margin-right: calc((-50vw + 50%));}


/* filets verticaux */

#solutionbi .section_focus_x3 .zone_texte .zone_focus.vertical .blocfocus{border-left: 1px solid #d0d0d0;}
#solutionbi .section_focus_x3.darkbg .zone_texte .zone_focus.vertical .blocfocus{border-color: rgbA(255,255,255,0.8);}
#solutionbi .section_focus_x3 .zone_texte .zone_focus.vertical .blocfocus:first-child{border:0;}



/*filets horizontaux */

#solutionbi .section_focus_x3 .zone_texte .zone_focus.horizon .blocfocus h3{position: relative; margin-top: 10px; padding-top: 30px;}
#solutionbi .section_focus_x3 .zone_texte .zone_focus.horizon .blocfocus h3::before{
	content:"";
	height: 1px;
	background-color: #d0d0d0;
	position: absolute;
	top:0;
	left:-60px;
	right:-60px;
}

#solutionbi .section_focus_x3.darkbg .zone_texte .zone_focus.horizon .blocfocus h3::before{background-color: rgbA(255,255,255,0.8);}

/*alignement texte*/

#solutionbi .section_focus_x3 .zone_texte .zone_focus.left .blocfocus{text-align: left;}

/*mise en avant*/


#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child{
	background-color: #921b35;
    box-shadow: 15px 15px 45px rgbA(0,0,0,0.25);
    padding: 50px 70px 70px 70px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	border: 0;
}

#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child svg{fill:#ffffff;}
#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child h3{color:#ffffff;}
#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child p{color:#ffffff;}


#solutionbi .section_focus_x3.mega.red .zone_texte .zone_focus .blocfocus:last-child{ background-color: #0a4551;}

#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child h3{ margin-top: 15px; padding-top: 0;}
#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child h3::before{display: none;}

#solutionbi .section_focus_x3.mega.hasimg .droite .zone_texte{padding: 180px 80px 180px 20px;}
#solutionbi .section_focus_x3.mega.hasimg .gauche .zone_texte{padding: 180px 20px 180px 50px;}



/*reverse*/

#solutionbi .section_focus_x3 .row_container.gauche{flex-direction:row-reverse;}
#solutionbi .section_focus_x3 .row_container.gauche .zone_image{ margin-right: 0; margin-left: calc((-50vw + 50%));}

/*mode bloc*/

#solutionbi .section_focus_x3.bloc.none .row_container {
	background-color:#f2f2f2;
	padding:50px 0;
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
}

#solutionbi .section_focus_x3.bloc.none .row_container .zone_texte::before{display: none;}

@media(min-width:2000px){
	#solutionbi .section_focus_x3 .row_container {max-width: 1600px;}	
}


@media(max-width:1400px){
	#solutionbi .section_focus_x3 .zone_image{flex: 0 0 15vw;}
	#solutionbi .section_focus_x3 .zone_texte .zone_focus.count4{ flex-wrap: wrap;}
	#solutionbi .section_focus_x3 .zone_texte .zone_focus.count4 .blocfocus{flex: 1 0 50%;}
	#solutionbi .section_focus_x3 .zone_texte .zone_focus.vertical .blocfocus{border-left: 0;}
	
}


@media(max-width:1200px){
	#solutionbi .section_focus_x3 .row_container{width:80%;}
	#solutionbi .section_focus_x3 .zone_texte{padding: 180px 20px 130px 20px;}
	#solutionbi .section_focus_x3 .zone_texte .zone_focus{flex-direction: column; margin: 30px 0;}
	#solutionbi .section_focus_x3 .zone_texte .zone_focus .blocfocus{ padding: 40px;}
	#solutionbi .section_focus_x3 .zone_texte .zone_focus.vertical .blocfocus{border-left:none; border-top: 1px solid;}
	#solutionbi .section_focus_x3 .zone_image{display: none;}
	#solutionbi .section_focus_x3.mega .zone_texte .zone_focus .blocfocus:last-child{ margin-top: 40px;}
}



/*-------------------------------------------------------*/
/*section_technology*/
/*-------------------------------------------------------*/

#solutionbi .section_technology{margin: -25px 0 200px 0;}

#solutionbi .section_technology .row_container {
	
    max-width: 2200px;
    width: 90%;
    align-items: center;
}

#solutionbi .section_technology .zone_titre{
	width:25%;
	float:left;
	padding-right: 50px;
}


#solutionbi .section_technology .zone_titre h2::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    display: block;
    position: relative;
    width: 443px;
    height: 213px;
    background-image: url(../images/bulb_left2.png);
    z-index: 1;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    padding-top: 49px;
    padding-left: 317px;
    padding-right: 16px;
    color: #BE1622;
    left: -200px;
    top: -30px;
}


#solutionbi .section_technology .zone_techno{ width: 75%; margin-left: auto;}

#solutionbi .section_technology .zone_techno .bloc_techno{
	height: 340px;
    margin: 23% 2% 2% 2%;
    background-color: #f2f2f2;
    text-align: center;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#solutionbi .section_technology .zone_techno .bloc_techno h3{ font-weight: 500;}

#solutionbi .section_technology .zone_techno .bloc_techno .illu{margin-top: -40%;}

#solutionbi .section_technology .zone_techno .bloc_techno h3{margin-bottom: 25px;}


/*dot arrow*/

#solutionbi .section_technology .zone_techno .slick-arrow { display:none;}
#solutionbi .section_technology .zone_techno .slick-arrow i{ display:none;}

/*

#solutionbi .section_technology .zone_techno .slick-next {
	background-image: url(../images/arrow_right.png);
    width: 100px;
    height: 100px;
    right: -100px;
    top: 50%;	
}

#solutionbi .section_technology .zone_techno .slick-prev {
	background-image: url(../images/arrow_left.png);
    width: 100px;
    height: 100px;
    left: -100px;
    top: 50%;	
}

*/

#solutionbi .section_technology .zone_techno .slick-disabled{ opacity:0.5;}



/*dot nav*/

#solutionbi .section_technology .zone_techno .slick-dotted.slick-slider{ margin:0;}
#solutionbi .section_technology .zone_techno .slick-dots{
	position:static;
	margin-top:40px;
	text-align: center;
}

#solutionbi .section_technology .zone_techno .slick-dots li button:before{
	font-size:60px;
	color:#BE1622;
	opacity:1;
}

#solutionbi .section_technology .zone_techno .slick-dots li.slick-active button:before{ color:#105260;}


@media(max-width:1400px){
	
	#solutionbi .section_technology .row_container{display: block;}
	
	
	
	#solutionbi .section_technology .zone_titre{text-align: center; float:none; width:auto;}
	
	#solutionbi .section_technology .zone_titre h2{padding: 0 100px 0 200px;}
	
	#solutionbi .section_technology .zone_titre h2::before{		
		width: 177px;
		height: 210px;
		background-image: url(../images/bulb_center3.png);
		top: 0;
		left: 50%;
		margin-left: -88px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 47px;
	}

	#solutionbi .section_technology .zone_techno { margin-top: 50px; width:auto; margin-left: 0; padding: 0 100px;}
	#solutionbi .section_technology .zone_techno .slick-next{right:-25px;}
	#solutionbi .section_technology .zone_techno .slick-prev{left:-25px;}

}

@media(max-width:1200px){
	
	#solutionbi .section_technology .zone_techno .bloc_techno{margin: 150px 0 0 0;}
	#solutionbi .section_technology .zone_techno .bloc_techno .illu{margin-top: -150px;}
	
	
	
}

/*-------------------------------------------------------*/
/*volets_dynamiques*/
/*-------------------------------------------------------*/

#solutionbi .volets_dynamiques{padding-top:0;}

#solutionbi .volets_dynamiques .row_container{ position:relative; max-width:1400px;}
#solutionbi .volets_dynamiques .row_container::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 482px;
    height: 227px;
    background-image: url(../images/bulb_right1.png);
    position: absolute;
    top: 39px;
    right: -490px;
    background-repeat: no-repeat;
    background-position: left;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    padding-top: 47px;
    padding-left: 40px;
    padding-right: 345px;
    color: #BE1622;
}

#solutionbi .volets_dynamiques h2{ text-align:center;}

#solutionbi  .volets_dynamiques .zone_volets_contenus{
	display:flex;
	margin-top:50px;
}

/*zone volets*/

#solutionbi  .volets_dynamiques .zone_volets{
	flex:1;
	display:flex;
	flex-direction:column;
}

#solutionbi  .volets_dynamiques .zone_volets .volet{
	display:flex;
	align-items:center;
	padding: 15px 25px 15px 0;
	cursor:pointer;
}

#solutionbi  .volets_dynamiques .zone_volets .volet.active::before{
	content:"";
	display:block;
	position:absolute;
	height:80px;
	background-color:#f2f2f2;
	left:-9999px;
	right:-9999px;
	z-index:-1;	
}
	
#solutionbi  .volets_dynamiques .zone_volets .volet svg,
#solutionbi  .volets_dynamiques .zone_volets .volet img{
	max-width:50px;
	max-height: 50px;
	margin-right:10px;
	opacity:0;
	transition:none;
}

#solutionbi  .volets_dynamiques .zone_volets .volet.active svg,
#solutionbi  .volets_dynamiques .zone_volets .volet.active img{ opacity:1; transition:none;}

#solutionbi .volets_dynamiques .zone_volets .volet p{
	font-family: 'Barlow', sans-serif !important;
	font-size:24px;
	color:#105260;
    line-height: 1.2em;
	margin: 0;
}


/*zone contenus*/	
	
#solutionbi .volets_dynamiques .zone_contenus{flex:3; transition: all 2s;}

#solutionbi .volets_dynamiques .zone_contenus .closecontent{
	display: none;
	position: absolute;
    top: 70px;
    right: 40px;
    z-index: 1600;
    pointer-events: auto;
    cursor: pointer;
    color: #ffffff;
    background-image: url(../images/closemenu.png);
    background-size: auto;
    background-position: left center;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif !important;
    padding: 8px 0 10px 60px;
}

#solutionbi .volets_dynamiques .zone_contenus .contenu{	
	height:0;
	overflow:hidden;
	background-color:#333333;
	transition:none;
}

#solutionbi .volets_dynamiques .zone_contenus .contenu.active{height:100%;}

#solutionbi .volets_dynamiques .zone_contenus .bloc{
	
	background-color:rgbA(0,0,0,0.85);
	width: 50%;
    min-width: 450px;
	height:100%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items: flex-start;
	padding:50px;
	position:relative;
	left:-50px;
	transition: all 0.5s;
}

#solutionbi .volets_dynamiques .zone_contenus .contenu.active .bloc{
	left:0;
	background-color:rgbA(163,22,35,0.85);	
}

#solutionbi .volets_dynamiques .zone_contenus h3{
	font-size:32px;
	font-weight:bold;
}

#solutionbi .volets_dynamiques .zone_contenus h4{
	font-size:20px;
	font-weight:500;
	font-style:italic;
}





#solutionbi .volets_dynamiques .zone_contenus .chiffrescles{
	list-style:none;
	margin: 20px 0 30px 0;
}


#solutionbi .volets_dynamiques .zone_contenus .chiffrecle{
	display:flex;
	align-items:center;	
}

#solutionbi .volets_dynamiques .zone_contenus .source{ font-size: 14px; font-style: italic;}


#solutionbi .volets_dynamiques .zone_contenus .chiffre{
	font-family: 'Barlow', sans-serif !important;
	font-size:72px;
	line-height:normal;
	font-weight:bold;
	position:relative;
	top:-4px;
}

#solutionbi .volets_dynamiques .zone_contenus .chiffre i{
	font-size:36px;
	font-style:normal;
}

#solutionbi .volets_dynamiques .zone_contenus .chiffre_texte{
	border-left: 1px solid #ffffff;
    margin-left: 15px;
    padding-left: 15px;
    min-height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;	
}

#solutionbi .volets_dynamiques .zone_contenus a.bouton{ margin-top:0;}



@media(max-width:2000px){
	#solutionbi .volets_dynamiques .zone_volets .volet p{font-size:20px;}	
	#solutionbi .volets_dynamiques .zone_contenus h3{font-size:28px;}
	#solutionbi .volets_dynamiques .zone_contenus h4{font-size:16px;}
}

@media(max-width:1400px){
	
	#solutionbi .volets_dynamiques .zone_volets{flex:3;}
	#solutionbi .volets_dynamiques .zone_contenus{flex:7;}
}

@media(max-width:1100px){
	
	#solutionbi .volets_dynamiques{ padding-right: 100px;}
	
	#solutionbi .volets_dynamiques .row_container::before{top:-52px;}
	
	#solutionbi .volets_dynamiques h2{
		max-width: 600px;
    	margin: 0 auto;
	}
	
	#solutionbi .volets_dynamiques .zone_volets{flex:1;}
	
	
	#solutionbi .volets_dynamiques .zone_volets .volet{
		justify-content: center;
		border-bottom: 1px solid #e0e0e0;
	}
	#solutionbi .volets_dynamiques .zone_volets .volet:hover{
		background-color: #f0f0f0;
	}
	
	#solutionbi .volets_dynamiques .zone_volets .volet svg{opacity: 1;}	
	
	#solutionbi .volets_dynamiques .zone_contenus{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		pointer-events: none;
		z-index: 1500;
	}
	#solutionbi .volets_dynamiques .zone_contenus .contenu.active{ pointer-events: auto }
	#solutionbi .volets_dynamiques .zone_contenus .bloc{width: 100%;  max-width: 600px; min-width: auto;}
	
	#solutionbi .volets_dynamiques .zone_contenus .active~.closecontent{display: block;}
}

/*-------------------------------------------------------*/
/*section_accordeon*/
/*-------------------------------------------------------*/

#solutionbi .section_accordeon .row_container{display: flex; max-width: 1400px; width:80%;}

/* zone accordeon */


#solutionbi .section_accordeon h2::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 151px;
    height: 389px;
	background-image: url(../images/bulb_right3.png);
	position: absolute;
    top: -45px;
    right: -197px;
	background-repeat: no-repeat;
    background-position: right;
    z-index: 1;
    padding-left: 6px;
    padding-right: 31px;
    padding-top: 50px;
	font-size: 60px;
    font-weight: 400;
    text-align: center;	
}

#solutionbi .section_accordeon .zone_accordeon{padding: 50px 0 50px 50px;}

#solutionbi .section_accordeon .zone_accordeon .accordeon_group{ margin-top: 60px;}


#solutionbi .section_accordeon .zone_accordeon h3{
	padding: 30px 70px 30px 40px;
    background-color: #f2f2f2;
    color: #105260;
    font-family: 'Barlow', sans-serif !important;
    font-size: 24px;
    font-weight: 500;
    box-shadow: 12px 12px 0 rgbA(0,0,0,0.15);
    background-image: url(../images/acord-close.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: auto;
	cursor: pointer;
	margin-bottom: 30px;
}

#solutionbi .section_accordeon .zone_accordeon p{
	margin: 50px;
}

/*zone illustration*/


#solutionbi .section_accordeon .zone_illustration{
	flex: 0 0 50vw;
    margin-left: calc((-50vw + 50%));
	background-color: #105260;
}


#solutionbi .section_accordeon .zone_illustration .capture_group{
	display: flex;
    flex-wrap: wrap;
    padding: 6%;
    max-width: 900px;
    margin: 0 0 0 auto;	
}

#solutionbi .section_accordeon .zone_illustration .capture_group .capture{
	flex: 1 1 33%;
    margin: 3%;
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
}

#solutionbi .section_accordeon .zone_illustration .capture_group .capture img{width:100%; display: block;}

#solutionbi .section_accordeon .zone_illustration form{
    padding: 2% 8% 8% 8%;
    max-width: 900px;
    margin: 0 0 0 auto;
}

@media(max-width:1600px){	
	#solutionbi .section_accordeon .zone_accordeon{padding: 50px;}
	#solutionbi .section_accordeon h2::before{
		width: 482px;
		height: 227px;
		background-image: url(../images/bulb_right1.png);
		top: -60px;
		left: auto;
		right: -510px;
		padding-top: 47px;
		padding-left: 40px;
		padding-right: 345px;		
	}
	
}



@media(max-width:1200px){
	#solutionbi .section_accordeon .row_container{flex-direction: column-reverse;}
	#solutionbi .section_accordeon .zone_accordeon{padding: 0 100px 50px 0; flex:1;}
	#solutionbi .section_accordeon .zone_illustration{
		flex: 1;
		margin: 0;
	}
	
	#solutionbi .section_accordeon .zone_illustration .capture_group{
		max-width: none;
		margin: 0;	
	}
	
	#solutionbi .section_accordeon .zone_illustration form{
		padding: 0 0 8% 8%;
		max-width: none;
		margin: 0;
	}

	
}

/*-------------------------------------------------------*/
/*bande_titre*/
/*-------------------------------------------------------*/

#solutionbi .bande_titre{position:relative; margin-top: 220px;}

#solutionbi .bande_titre::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 900px;
    height: 232px;
    background-image: url(../images/bulb_center1.png);
    position: absolute;
    top: -115px;
    left: 50%;
    margin-left: -450px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    padding-top: 79px;
    padding-left: 392px;
    padding-right: 395px;
    color: #BE1622;
}


#solutionbi .bande_titre h2{
	background-color:rgbA(255,255,255,0.85);
	padding: 150px 50px 50px 50px;
	max-width:750px;
	margin:0 auto;
	text-align:center;
	
}

#solutionbi .bande_titre.type_b{padding:0 0 250px 0;}

/*-------------------------------------------------------*/
/*section_blocs*/
/*-------------------------------------------------------*/

#solutionbi .section_blocs{text-align: center; margin-top: -50px;}

#solutionbi .section_blocs .row_container{ max-width: 1800px; width:90%;}

#solutionbi .section_blocs h2{padding-top: 235px;}
#solutionbi .section_blocs h2::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
	width: 177px;
    height: 210px;
    background-image: url(../images/bulb_center3.png);
	position: absolute;
    top: 0;
    left: 50%;
	background-repeat: no-repeat;
    background-position: right;
    z-index: 1;
    margin-left: -88px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 47px;
	font-size: 60px;
    font-weight: 400;
    text-align: center;	
}

#solutionbi .section_blocs .theblocs{
	display:flex;
	flex-wrap: wrap;
	margin-top: 50px;
}

#solutionbi .section_blocs .theblocs .bloc{
	flex: 1 1 31%;
	margin: 15px;
	background-color: #f2f2f2;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
} 

#solutionbi .section_blocs .theblocs .bloc svg{ margin-bottom: 20px; fill:#105260;}

#solutionbi .section_blocs .theblocs .bloc h3{ font-size: 28px; font-weight: 500;}

#solutionbi .section_blocs .theblocs .bloc p{ margin-top: 15px;}

/*mode compteur*/

#solutionbi .section_blocs.compteur .theblocs{counter-reset: count;}

#solutionbi .section_blocs.compteur .theblocs .bloc{
	text-align: left;
	padding-left: 150px;
	align-items: flex-start;
}

#solutionbi .section_blocs.compteur .theblocs .bloc svg{ display: none;}

#solutionbi .section_blocs.compteur .theblocs .bloc h3{position: relative;}

#solutionbi .section_blocs.compteur .theblocs .bloc h3::before{
	counter-increment: count;
    content: '0'counter(count);
    display: block;
    position: absolute;
    letter-spacing: 0.05em;
    top: 10px;
    left: -100px;
    font-family: 'Barlow', sans-serif !important;
    font-size: 60px;
    color: #f2f2f2;
    font-weight: 900;
    text-shadow: 2px 0 0 #979797, -2px 0 0 #979797, 0 2px 0 #979797, 0 -2px 0 #979797, 1px 1px #979797, -1px -1px 0 #979797, 1px -1px 0 #979797, -1px 1px 0 #979797;
	
}

@media(max-width:2000px){
	#solutionbi .section_blocs .theblocs .bloc h3{ font-size: 24px;}
	
}

/*-------------------------------------------------------*/
/*chiffres_cles*/
/*-------------------------------------------------------*/

#solutionbi .chiffres_cles.grey{
	background-color: #f0f0f0;
	padding: 150px 0;
	
	
}

#solutionbi .chiffres_cles.bloc .row_container{
	max-width: 1400px;
	width:90%;	
}


#solutionbi .chiffres_cles .bloc{
	background-color:#f2f2f2;
	padding:50px;
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
}

#solutionbi .chiffres_cles .chiffres_groupe{	
	display: flex;
	justify-content: space-between;
}

#solutionbi .chiffres_cles .chiffre{flex: 0 0 31%;}


#solutionbi .chiffres_cles .chiffre h3{ font-weight: 500;}

#solutionbi .chiffres_cles .chiffre h3 svg{
	width: 100%;
	height: 90px;
   
}

#solutionbi .chiffres_cles .type1 .chiffre h3,
#solutionbi .chiffres_cles .chiffre h3 text {
	font-family: 'Barlow', sans-serif !important;
	font-size: 85px;
    fill: transparent;
    stroke: #105260;
    stroke-width: 3;
	stroke-linejoin: round;
    font-weight: 900;
	
 }

#solutionbi .chiffres_cles .type1 .chiffre h3 span,
#solutionbi .chiffres_cles .chiffre h3 text.symbol {
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
    fill: #105260;
    stroke: none;
    font-weight: 400;	
  }

#solutionbi .chiffres_cles .type1 .chiffre h3::after {
	content:"";
	width:100px;
	height: 5px;
	background-color: #105260;
	display: block;
	margin: 15px 0 25px 0;
}

#solutionbi .chiffres_cles .chiffre h4 {
	font-size: 24px;
	margin: 0;
}

#solutionbi .chiffres_cles .chiffre p.source{ 
	font-style: italic;
    font-size: 14px;
    color: #999999;
}

/* type 2*/

#solutionbi .chiffres_cles .type2 .chiffre h3{ color: #BE1622; font-size: 60px; white-space: nowrap;}
#solutionbi .chiffres_cles .type2 .chiffre h3 span{ font-family: 'Barlow', sans-serif !important;}


#solutionbi .chiffres_cles .type2 .chiffre h3::after {display: none;}
#solutionbi .chiffres_cles .type2 .chiffre h3::before {
	content:"";
	display: inline-block;
	width: 96px;
	height: 10px;
	background-color: #BE1622;
	margin-right: 10px;
	vertical-align: middle;	
}


@media(max-width:1400px){	
	#solutionbi .chiffres_cles .chiffre h3 text {font-size: 54px;}	
}

@media(max-width:1200px){	
	#solutionbi .chiffres_cles .chiffres_groupe{	
		display: flex;
		justify-content:flex-start;
		flex-direction: column;
	}
	#solutionbi .chiffres_cles .chiffre{
		flex:1;
		text-align: center;
		margin: 15px 0;
	}
	#solutionbi .chiffres_cles .type1 .chiffre h3::after{margin: 15px auto 25px auto;}
}





/*-------------------------------------------------------*/
/*carousel*/
/*-------------------------------------------------------*/


#solutionbi .carousel.bloc .row_container{
	background-color:#f2f2f2;
	padding:50px;
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
	
}


#solutionbi .carousel .slick-slide{ text-align:center;}

#solutionbi .carousel .slick-slide img{ display:inline-block;}

/*dot nav*/

#solutionbi .carousel .slick-dotted.slick-slider{ margin:0;}
#solutionbi .carousel .slick-dots{
	position:static;
	margin-top:40px;
	text-align: center;
}

#solutionbi .carousel .slick-dots li button:before{
	font-size:60px;
	color:#BE1622;
	opacity:1;
}

#solutionbi .carousel .slick-dots li.slick-active button:before{ color:#105260;}

/*dot arrow*/

#solutionbi .carousel .slick-arrow i{ display:none;}

#solutionbi .carousel .slick-next {
	background-image: url(../images/arrow_right.png);
    width: 100px;
    height: 100px;
    right: -100px;
    top: 50%;	
}

#solutionbi .carousel .slick-prev {
	background-image: url(../images/arrow_left.png);
    width: 100px;
    height: 100px;
    left: -100px;
    top: 50%;	
}

#solutionbi .carousel .slick-disabled{ opacity:0.5;}


/*-------------------------------------------------------*/
/*section_temoignage*/
/*-------------------------------------------------------*/


#solutionbi .section_temoignage{
	text-align: center;
    background-image: linear-gradient(to bottom, #f2f2f2, transparent);
    background-repeat: repeat-x;
    background-position: top;
    background-size: auto;
	position:relative;
	padding-top:160px;
	margin-top: 200px;
}

#solutionbi .section_temoignage::before{
	counter-increment: bulbcount;
    content: counter(bulbcount);
    width: 780px;
    height: 202px;
    background-image: url(../images/bulb_center2.png);
    position: absolute;
    top: -83px;
    left: 50%;
    margin-left: -390px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    font-size: 60px;
    font-weight: 400;
    text-align: center;
    padding-top: 47px;
    padding-left: 333px;
    padding-right: 336px;
    color: #BE1622;
}


#solutionbi p.citation{	
	font-family: 'Barlow', sans-serif !important;
	font-size:36px;
	font-weight:300;
	font-style:italic;	
	color:#105260;
}


/*-------------------------------------------------------*/
/*section_logos_references*/
/*-------------------------------------------------------*/

#solutionbi .section_logos_references .references{
	/*
	display:flex;
	align-items:center;
	justify-content: space-between;
	*/
}

#solutionbi .section_logos_references .references .logo{
    padding: 0 30px;
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: center;
}

#solutionbi .section_logos_references .references .logo img{
	filter: grayscale(100%);
	max-height: 100%;
}


@media(max-width:1200px){
	#solutionbi .section_logos_references .references{
		flex-wrap: wrap;
		justify-content: center;
	}
	#solutionbi .section_logos_references .references .logo{flex: 0 1 33%;}
}



@media(max-width:700px){
	#solutionbi .section_logos_references .references .logo{padding: 10px; height: auto;}
}



/*-------------------------------------------------------*/
/*section_map*/
/*-------------------------------------------------------*/

#solutionbi .section_map .wpgmza_map *{transition:none;}

#solutionbi .section_map{
	position: relative;
}

#solutionbi .section_map::before{	
	content:"";
	position: absolute;
	width:100%;
	/* height: 200px; */
	height: 70px;
	background-image: linear-gradient(to top,rgbA(255,255,255,1),rgbA(255,255,255,1) 50%,rgbA(255,255,255,0));
	bottom: 0;
	z-index: 1;
	
}

.icon_sbi img{
	width: 100%;
	display: none;
}

.icon_sbi.us_block{
	position: absolute; 
	left: 5.9%; 
	top: 40%; 
	user-select: none; 
	width: 54px; 
	height: 55px; 
	border: 0px; 
	padding: 0px; 
	margin: 0px; 
	max-width: none; 
	opacity: 1;
	z-index: 99;
	background-color:rgba(255, 0, 0, 0.2);
}

#solutionbi .section_map .bloc{
	background-color:#ffffff;
	padding:50px;
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
	width:575px;
	max-width:100%;
	position:absolute;
	right: calc((100% - 1200px) / 2);
	top:-65px;
	
}

@media(max-width:1300px){
	
	#solutionbi .section_map{margin-top:0;}
	#solutionbi .section_map::before{ display: none;}
	#solutionbi .section_map .bloc{
		position: static;
		width: 100%;
		text-align: center;
		padding: 100px 10%;
		box-shadow: none;
	}

	
}

/*-------------------------------------------------------*/
/*section_ressource*/
/*-------------------------------------------------------*/

#solutionbi .section_ressource{
	background-image:url(../images/ctabg.jpg);
	margin-bottom: 0;
}

#solutionbi .section_ressource .row_container{
	display:flex;	
	align-items: center;
}

#solutionbi .section_ressource .zone_image{
	flex: 0 0 500px;
    margin: -50px 50px -50px 0;
	box-shadow:15px 15px 45px rgbA(0,0,0,0.25);
}
#solutionbi .section_ressource .zone_image img{ display:block; width:100%;}

#solutionbi .section_ressource .zone_contenu{flex: 1 1 auto;}

#solutionbi .section_ressource p.titre{ font-size:30px;}

#solutionbi .section_ressource h2{
	font-size:48px;
	font-family: 'Barlow', sans-serif !important;
	font-weight:bold;
}

@media(max-width:2000px){
	#solutionbi .section_ressource .zone_image{flex: 0 0 400px;}
	#solutionbi .section_ressource p.titre{ font-size:24px;}
	#solutionbi .section_ressource h2{font-size:42px;}	
}

@media(max-width:1200px){
	#solutionbi .section_ressource .zone_image{flex: 0 0 300px;}
	#solutionbi .section_ressource p.titre{ font-size:16px;}
	#solutionbi .section_ressource h2{font-size:34px;}	
}

@media(max-width:1000px){
	#solutionbi .section_ressource .row_container{flex-direction: column;}
	#solutionbi .section_ressource .zone_image{
		order: 2;
		margin: 0 0 100px 0;
		max-width: 350px;
	}
	#solutionbi .section_ressource .zone_contenu{
		order: 1;
		text-align: center;
		margin: 100px 0 50px 0;
	}
}


/*-------------------------------------------------------*/
/*section_casestudy*/
/*-------------------------------------------------------*/

#solutionbi .section_casestudy .row_container{display:flex;}

#solutionbi .section_casestudy .zone_texte{padding: 50px 0 50px 50px;}

#solutionbi .section_casestudy .zone_image{
	flex: 0 0 50vw;    
    display: flex;
	margin-right: 0;
	margin-left: calc((-50vw + 50%));
	justify-content:flex-end;
}



#solutionbi .section_casestudy .zone_image .bloc{
    background-color: rgbA(163,32,35,0.85);
    padding: 100px 50px;
    max-width: 500px;
    min-height: 70%;
	flex:1;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: flex-start;
}

#solutionbi .section_casestudy .zone_image .bloc svg{ margin-bottom: 25px;}
	
#solutionbi .section_casestudy .zone_image .bloc p.type{
	font-family: 'Barlow', sans-serif !important;
	font-size:30px;
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:0.02em;
}

#solutionbi .section_casestudy .zone_tools{
	padding: 40px;
    margin-top: 40px;
    background-color: #f2f2f2;
}

#solutionbi .section_casestudy .zone_tools p{
	font-size: 24px;
	font-weight: bold;
	color: #999999;
}

#solutionbi .section_casestudy .logos{
	display: flex;
	flex-wrap: wrap;
}

#solutionbi .section_casestudy .logos>div{
	flex: 1 1 29%;
    padding: 5px;
    margin: 10px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
	align-items: center;
}


@media(max-width:1200px){
	#solutionbi .section_casestudy .row_container{display:block;}
	#solutionbi .section_casestudy .zone_texte{ padding: 50px 0 0 0 !important; text-align: center;}
	#solutionbi .section_casestudy .zone_image{ margin: 0 !important; display: block;}
	#solutionbi .section_casestudy .zone_image .bloc{max-width: none; width: 65%; margin-top: 0;}

}

/*-------------------------------------------------------*/
/*section_contact*/
/*-------------------------------------------------------*/

#solutionbi .section_contact{
	background-color: #105260;
}

#solutionbi .section_contact .row_container{
	max-width: 2000px;
	width:100%;
}

#solutionbi .section_contact .zone_form{
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 150px 50px;
}

#solutionbi .section_contact .zone_form .rgpd{text-align: left;}
#solutionbi .section_contact .zone_form .rgpd a{border-bottom: 1px dotted rgbA(255,255,255,0.75); padding-bottom: 5px;}
#solutionbi .section_contact .zone_form .rgpd a::after{
	content:url("../images/chevron-right.png");
	margin-left: 5px;
}
#solutionbi .section_contact .zone_form .rgpd a::before{ content:"* ";}

/*temoignage*/

#solutionbi .section_contact.hastem .row_container{ display: flex;}



#solutionbi .section_contact.hastem .zone_temoignage{
	flex: 0 0 40%;
    padding: 100px;
	background-color: rgbA(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}

#solutionbi .section_contact.hastem .zone_form{flex:1;}

@media(max-width:1400px){
	#solutionbi .section_contact.hastem .zone_temoignage p.citation{ font-size: 36px;}
	
}

@media(max-width:1200px){
	#solutionbi .section_contact.hastem .row_container{
		display: flex;
		flex-direction: column-reverse;
	}
}


/*-------------------------------------------------------*/
/*section_shortblog*/
/*-------------------------------------------------------*/


#solutionbi .section_shortblog{ background-color:#f2f2f2; padding:150px 0 0 0; margin-bottom: 0;}

#solutionbi .section_shortblog .row_container{ margin-bottom:-200px;}

#solutionbi .section_shortblog h2{ text-align:center;}

#solutionbi .section_shortblog .shortblog{
	display: flex;
    justify-content: space-between;
	margin-top:50px;
}



#solutionbi .section_shortblog .blogpost{
	flex:0 1 30%;
	background-color:#ffffff;	
}

#solutionbi .section_shortblog .bloc{
	padding:50px 30px;
	text-align:center;
	
	
}

#solutionbi .section_shortblog h3{ font-size: 20px;}
#solutionbi .section_shortblog h3 a{ color:inherit;}
#solutionbi .section_shortblog h3 a:hover{ color:#BE1622;}

#solutionbi .section_shortblog p.meta{
	color:#a6a6a6;
	font-size:13px;
}

#solutionbi .section_shortblog p.meta a{ color:inherit;}

#solutionbi .section_shortblog .content p{font-size:14px;}

@media(max-width:1200px){
	
	#solutionbi .section_shortblog .shortblog{flex-direction: column;}
	
	
	#solutionbi .section_shortblog .blogpost{flex:1; margin-bottom: 50px;}
	#solutionbi .section_shortblog .blogpost:last-child{ margin-bottom: 0;}
	
	#solutionbi .section_shortblog .blogpost .featured img{width: 100%;}

	
}


/*-------------------------------------------------------*/
/*me_section_video*/
/*-------------------------------------------------------*/


#solutionbi .me_section_video{
	padding: 150px 0 0 0;
    margin-top: 50px !important;
    position: relative;
}


#solutionbi .me_section_video::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 400px;
    background-color: #105260;
    left: -50%;
    top: 0;
}

#solutionbi .me_section_video .row_container{
	display: flex;
	max-width: 1600px;
    width: 90%;	
}

#solutionbi .me_section_video .row_container::after{
	content: url("../images/draw1.jpg");
	position: absolute;
	top:-150px;
	right:-150px;
	z-index: -1;
}


#solutionbi .me_section_video .zone_video{
	flex:1;	
	margin-right: 3%;
	position: relative;
}

#solutionbi .me_section_video .zone_video .video_cont{
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

#solutionbi .me_section_video .zone_video video{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#solutionbi .me_section_video .zone_content{
	flex:1;	
	margin-left: 3%;
}

#solutionbi .me_section_video .surtitre{
	font-family: 'Barlow', sans-serif !important;
	font-size: 24px;
	font-weight: 300;
	color:#a1adb1;
	text-transform: uppercase;
	margin: 0;
}

#solutionbi .me_section_video h2{
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
	line-height: 60px;
	font-weight: 800;
	color:#105260;
	text-transform: uppercase;
}

#solutionbi .me_section_video .surtitre+h2{margin-top: 0;}

#solutionbi .me_section_video p{line-height: 30px;}

@media(max-width:1024px){
	#solutionbi .me_section_video{padding-top: 5%;}	
	#solutionbi .me_section_video::before{left:0;}	
	#solutionbi .me_section_video .row_container{flex-direction: column;}	
	#solutionbi .me_section_video .row_container::after{display:none;}
	#solutionbi .me_section_video .zone_video{ margin: 0;}
	#solutionbi .me_section_video .zone_content{margin: 50px 0 0 0; text-align: center;}
	

}
	

/*-------------------------------------------------------*/
/*me_section_voix*/
/*-------------------------------------------------------*/


#solutionbi .me_section_voix .row_container{max-width: 1400px;}

#solutionbi .me_section_voix .zone_voix{	
	background-color: #e7edef;
	padding: 100px;
	text-align: center;
}

#solutionbi .me_section_voix .zone_voix::before{	
	content: url(../images/draw2.png);
    position: absolute;
    top: -50px;
    left: -300px;
}

#solutionbi .me_section_voix .zone_voix h2{
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
	line-height: 60px;
	font-weight: 800;
	color:#105260;
	text-transform: uppercase;
	margin-bottom: 50px;
}

#solutionbi .me_section_voix .voix{
	display: flex;	
}

#solutionbi .me_section_voix .voix .texte{
	text-align: left;
    flex: 1;
    background-color: #ffffff;
    padding: 50px;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#solutionbi .me_section_voix .voix .texte p.citation{
	font-size: 36px;
}

#solutionbi .me_section_voix .voix .texte .signature{
	border-top:1px solid #105260;
    margin-top: 50px;
    padding-top: 50px;
}

#solutionbi .me_section_voix .voix .texte .signature p{
	margin-bottom: 0;
}


#solutionbi .me_section_voix .voix .texte .signature p.auteur{font-weight: bold;}

#solutionbi .me_section_voix .voix .image{
	flex: 0 0 33%;
}

#solutionbi .me_section_voix .voix .image img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}


#solutionbi .me_section_voix .navbtn{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	flex-wrap: wrap;	
}

#solutionbi .me_section_voix .navbtn a{
	font-size: 24px;
	color: #bd0926;
	font-weight: 500;
	white-space: nowrap;
}

#solutionbi .me_section_voix .navbtn a.voix_prev::before{
	content: url("../images/smallarrow_left.png");
	margin-right: 10px;
}

#solutionbi .me_section_voix .navbtn a.voix_next::after{
	content: url("../images/smallarrow_right.png");	
	margin-left: 10px;
}

@media(max-width:1024px){
	#solutionbi .me_section_voix .row_container{width:100%;}
	#solutionbi .me_section_voix .voix .image{display: none;}
	#solutionbi .me_section_voix .zone_voix{padding: 12% 4%;}
	#solutionbi .me_section_voix .navbtn{ margin-top: 35px; justify-content: center;}
	#solutionbi .me_section_voix .navbtn a{	margin: 15px 25px;}	
	#solutionbi .me_section_voix .zone_voix::before{ display: none;}	
}

/*-------------------------------------------------------*/
/*me_section_grille_valeurs*/
/*-------------------------------------------------------*/

#solutionbi .me_section_grille_valeurs .row_container{max-width: 1400px;}

#solutionbi .me_section_grille_valeurs .row_container::before{
	content: url(../images/draw3.jpg);
    position: absolute;
    top: -150px;
    right: 50px;
}

#solutionbi .me_section_grille_valeurs .zone_intro{	
	display: flex;
	align-items: flex-end;	
}

#solutionbi .me_section_grille_valeurs .zone_intro .ouverture{flex: 1;}
#solutionbi .me_section_grille_valeurs .zone_intro .ouverture p{ margin-bottom: 0;}

#solutionbi .me_section_grille_valeurs .zone_intro .cta{	
	flex: 1;
    text-align: right;
}

#solutionbi .me_section_grille_valeurs .zone_intro h2{	
	font-family: 'Barlow', sans-serif !important;
    font-size: 48px;
    line-height: 60px;
    font-weight: 800;
    color: #105260;
    text-transform: uppercase;
    margin-bottom: 50px;
}

#solutionbi .me_section_grille_valeurs .grille_container{background-color: #0d424d; margin-top: 100px;}

#solutionbi .me_section_grille_valeurs .zone_grille{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 2000px;
	margin: 0 auto;
} 

#solutionbi .me_section_grille_valeurs .zone_grille>div{
	min-height: 400px;
	position: relative;
} 

#solutionbi .me_section_grille_valeurs .zone_grille .type_ico{
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	position: relative;
	text-align: center;
	padding: 20px;
}

#solutionbi .me_section_grille_valeurs .zone_grille .type_ico h3{
	font-family: 'Barlow', sans-serif !important;
	font-size: 1.5vw;
	text-transform: uppercase;
}

#solutionbi .me_section_grille_valeurs .zone_grille .type_ico p{
	font-size: 1vw;
	margin-top: 0.2vw;
}

#solutionbi .me_section_grille_valeurs .zone_grille .type_ico svg{
	width: 6vw;
	height: 6vw;
}


#solutionbi .me_section_grille_valeurs .zone_grille .type_ico a.jvaleur{	
	position: absolute;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
}

#solutionbi .me_section_grille_valeurs .zone_grille .type_ico .description{display:none;}


#solutionbi .me_section_grille_valeurs .zone_grille .sombre{background-color: #105260;}
#solutionbi .me_section_grille_valeurs .zone_grille .sombre svg{fill: #ffffff;}
#solutionbi .me_section_grille_valeurs .zone_grille .sombre h3{color: #ffffff;}
#solutionbi .me_section_grille_valeurs .zone_grille .sombre p{color: #ffffff;}

#solutionbi .me_section_grille_valeurs .zone_grille .clair{background-color: #e7edef;}
#solutionbi .me_section_grille_valeurs .zone_grille .clair svg{fill: #105260;}
#solutionbi .me_section_grille_valeurs .zone_grille .clair h3{color: #105260;}
#solutionbi .me_section_grille_valeurs .zone_grille .clair p{color: #105260;}

#solutionbi .me_section_grille_valeurs .zone_grille .type_img img{
	display: block;
	position: absolute;
    width: 100%;
	height: 100%;
    object-fit: cover;
}

#solutionbi .me_section_grille_valeurs .zone_grille .type_logo{
	background-color: #b51420;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15%;
}

@media(max-width:1600px){
	
	#solutionbi .me_section_grille_valeurs .zone_grille .type_ico h3{
		font-size: 2vw;
	}
	
	#solutionbi .me_section_grille_valeurs .zone_grille .type_ico p{
		font-size: 1.5vw;
	}
	
}

@media(max-width:1200px){
	
	#solutionbi .me_section_grille_valeurs .zone_grille .type_ico h3{
		font-size: 3vw;
	}
	
	#solutionbi .me_section_grille_valeurs .zone_grille .type_ico p{
		font-size: 2vw;
	}
	
}
	
	
	
@media(max-width:1024px){
	
	#solutionbi .me_section_grille_valeurs .zone_intro{	
		display: flex;
		flex-direction: column;
		align-items: center;	
	}
	#solutionbi .me_section_grille_valeurs .zone_intro .ouverture{text-align: center; margin-bottom: 20px;}	
	

	#solutionbi .me_section_grille_valeurs .zone_grille .type_ico svg{
		width: 9vw;
		height: 9vw;
	}
	
	#solutionbi .me_section_grille_valeurs .row_container::before{display:none;}

	
	
}


/*-------------------------------------------------------*/
/*me_section_carte_accordeon*/
/*-------------------------------------------------------*/

#solutionbi .section_accordeon.me_section_carte_accordeon{position: relative;}
#solutionbi .section_accordeon.me_section_carte_accordeon .row_container{justify-content: flex-end;}





#solutionbi .section_accordeon.me_section_carte_accordeon h2{
	
	font-family: 'Barlow', sans-serif !important;
    font-size: 48px;
    line-height: 60px;
    font-weight: 800;
    color: #105260;
    text-transform: uppercase;
    margin-bottom: 50px;
}

#solutionbi .section_accordeon.me_section_carte_accordeon h2::before{display: none;}


#solutionbi .section_accordeon.me_section_carte_accordeon .zone_illustration{
	position: absolute;
    width: 45%;
    height: 600px;
    top: 300px;
    left: 5%;
    z-index: 1;
    margin: 0;
    background-size: contain;
    background-color: #ffffff;
}

#solutionbi .section_accordeon.me_section_carte_accordeon .zone_illustration::before{	
    content: url(../images/draw4.png);
    position: absolute;
    top: -270px;
    left: -100px;
    z-index: 1;
}

#solutionbi .section_accordeon.me_section_carte_accordeon .zone_accordeon{
	
	flex: 0 0 50%;
    background-color: #ffffff;
    padding: 50px;
    position: relative;
    z-index: 10;
	
}


#solutionbi .section_accordeon.me_section_carte_accordeon .accordeon_riche_group .content{margin: 50px;}
#solutionbi .section_accordeon.me_section_carte_accordeon .accordeon_riche_group .content p{margin: 0 0 20px 0;}

@media(max-width:1200px){
	
	
	#solutionbi .section_accordeon .row_container{width: 90%;}
	#solutionbi .section_accordeon.me_section_carte_accordeon{margin-bottom: 0;}
	#solutionbi .section_accordeon.me_section_carte_accordeon .zone_illustration{		    
		width: 100%;
		height: 700px;
		bottom: 0;
		top: auto;
		left: 0;
		z-index: 1;
	}
	#solutionbi .section_accordeon.me_section_carte_accordeon .zone_illustration::before{display:none;}
	
	#solutionbi .section_accordeon.me_section_carte_accordeon .zone_accordeon{margin-bottom: 500px; padding: 25px;}
	
}


/*-------------------------------------------------------*/
/*me_section_cta*/
/*-------------------------------------------------------*/




#solutionbi .section_textimg.me_section_cta{
	background-image: url(../images/ctabg.jpg);
	margin: 0;
	padding: 200px 0;
}

#solutionbi .section_textimg.me_section_cta .row_container{	
	display: flex;
    align-items: center;
}

#solutionbi .section_textimg.me_section_cta h2::before{ display: none;}

#solutionbi .section_textimg.me_section_cta h2{
	
	font-family: 'Barlow', sans-serif !important;
    font-size: 48px;
    line-height: 60px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 50px;
	
}

#solutionbi .section_textimg.me_section_cta p{color: #ffffff;}

#solutionbi .section_textimg.me_section_cta .zone_texte{
    flex: 1;
    padding: 0 100px 0 0;
}

#solutionbi .section_textimg.me_section_cta .zone_image{
	flex: 0 0 50%;
    margin: 0;
}

@media(max-width:1200px){
	
	#solutionbi .section_textimg.me_section_cta .row_container{flex-direction: column;}
	#solutionbi .section_textimg.me_section_cta h2{padding-top: 0;}
	
}


/*-------------------------------------------------------*/
/*me_section_galerie*/
/*-------------------------------------------------------*/

#solutionbi .me_section_galerie{text-align: center;}

#solutionbi .me_section_galerie h2{	
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
	line-height: 60px;
	font-weight: 800;
	color:#105260;
	text-transform: uppercase;
}

#solutionbi .me_section_galerie .galerie{
	margin: 5% 0 0 -10%;
    width: 120%;
}

#solutionbi .me_section_galerie .galerie::before{
	content: "";
    position: absolute;
    width: 100%;
    padding-top: 8%;
    background-color: #b51420;
    left: 0;
    top: 60%;
}

#solutionbi .me_section_galerie .galerie .slick-slide>div{margin: 0 5%;}

#solutionbi .me_section_galerie .galerie .cadre{
	width:100%;
	padding-top: 60%;
	background-color: red;
	position: relative;
}

#solutionbi .me_section_galerie .galerie .cadre img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
}

@media(max-width:1200px){
	#solutionbi .me_section_galerie .galerie::before{padding-top: 12%;}
	
}

@media(max-width:700px){
	#solutionbi .me_section_galerie .galerie::before{ display: none;}
	
}

/*-------------------------------------------------------*/
/*me_section_video_focus*/
/*-------------------------------------------------------*/


#solutionbi .me_section_video_focus{
	text-align: center;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 150px;
}

#solutionbi .me_section_video_focus::before{
	content: "";
    position: absolute;
    width: 100%;
    padding-top: 400px;
    background-color: #e7edef;
    left: 0;
    bottom: 0;
}


#solutionbi .me_section_video_focus .row_container{max-width: 780px; padding-top: 4%;}


#solutionbi .me_section_video_focus h2{	
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
	line-height: 60px;
	font-weight: 800;
	color:#105260;
	text-transform: uppercase;
}

#solutionbi .me_section_video_focus .video{	
	position: relative;
    width: 100%;
    padding-bottom: 56.25%;
	margin-top: 50px;
}
#solutionbi .me_section_video_focus .video video{	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media(max-width:700px){
	#solutionbi .me_section_video_focus .row_container{padding-top: 0;}
	
}


/*-------------------------------------------------------*/
/*me_section_persona*/
/*-------------------------------------------------------*/

#solutionbi .me_section_persona{text-align: center;}
#solutionbi .me_section_persona h2{	
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
	line-height: 60px;
	font-weight: 800;
	color:#105260;
	text-transform: uppercase;
}

#solutionbi .me_section_persona .zone_personae{display: flex; margin-top: 100px;}
#solutionbi .me_section_persona .zone_personae.end{align-items: flex-end;}

#solutionbi .me_section_persona .partie_image{
	flex: 1;
    height: 100vh;
	position: relative;
}

#solutionbi .me_section_persona .partie_image img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
	transition: none;
}

#solutionbi .me_section_persona .partie_image img.fixed{
	position: fixed;
    width: 50%;
}

#solutionbi .me_section_persona .partie_personae{
	flex: 1;
	text-align: left;
}

#solutionbi .me_section_persona .bloc_persona{padding: 50px;}
#solutionbi .me_section_persona .bloc_persona:nth-child(even){
	background-color: #e7edef;
}
#solutionbi .me_section_persona .bloc_persona h3{
	max-width: 600px;
	font-size:24px;
	margin: 0;
}
#solutionbi .me_section_persona .bloc_persona p{
	max-width: 600px;
	margin: 20px 0 0 0;
}

/*lightbox*/

#solutionbi .me_section_persona .bloc_persona_ouvert{display: none;}

#solutionbi .bloc_persona_ouvert{
	display: flex;
	height: 100%;
}

#solutionbi .bloc_persona_ouvert .label_close{
	position: absolute;
    color: #ffffff;
    text-transform: uppercase;
    right: 15px;
    top: -40px;
	transition: none;
}

#solutionbi .bloc_persona_ouvert .partie_contenu{
	flex:3;
	text-align: center;
    padding: 100px;
	overflow: auto;
}

#solutionbi .bloc_persona_ouvert .partie_contenu h3{
	font-family: 'Barlow', sans-serif !important;
	font-size: 24px;
	text-transform: uppercase;
	color:#105260;
	margin-bottom: 20px;
}

#solutionbi .bloc_persona_ouvert .partie_illu{
	flex:1;
	position: relative;
}

#solutionbi .bloc_persona_ouvert .partie_illu img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	object-fit: cover;
	transition: none;
}

/*-------------------------------------------------------*/
/*me_section_jobs*/
/*-------------------------------------------------------*/

#solutionbi .me_section_jobs{
	text-align: center;
	background-color: #b51420;
	background-image: url("../images/ctabg2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	margin: 0;
    padding: 150px 0;
}

#solutionbi .me_section_jobs h2{	
	font-family: 'Barlow', sans-serif !important;
	font-size: 48px;
	line-height: 60px;
	font-weight: 800;
	color:#ffffff;
	text-transform: uppercase;
	margin: 0;
	
}
#solutionbi .me_section_jobs h3{	
	font-family: 'Barlow', sans-serif !important;
	font-size: 32px;
	line-height: 60px;
	font-weight: 800;
	color:#ffffff;
	text-transform: uppercase;
	margin: 0;	
}


#solutionbi .me_section_jobs .zone_jobs{
	display: flex;
	flex-wrap: wrap;
}

#solutionbi .me_section_jobs .row_container{
	max-width: 1400px;
}


#solutionbi .me_section_jobs .zone_jobs .offre{
	flex:1 0 350px;
	margin: 20px;
	padding: 50px;
	background-color: #ffffff;
	box-shadow: 15px 15px 45px rgbA(0,0,0,0.25);
	text-align: left;
}


#solutionbi .me_section_jobs .zone_jobs .offre p.categ{
	font-family: 'Barlow', sans-serif !important;
	color:#b51420;
	font-size: 18px;
	font-weight: 300;
	font-style: italic;
	margin: 0;
}


#solutionbi .me_section_jobs .zone_jobs .offre h4,
#solutionbi .me_section_jobs .zone_jobs .offre h4 a{
	font-family: 'Barlow', sans-serif !important;
	color:#105260;
	font-size: 24px;
	font-weight: 600;
	margin: 0;
}

#solutionbi .me_section_jobs .zone_jobs .offre p{
	font-size: 18px;
	margin: 15px 0 0 0;
}


/*filters*/

#solutionbi .me_section_jobs .filters{background: none; margin-top: 70px;}


#solutionbi .me_section_jobs .filters{background: none;}

#solutionbi .me_section_jobs .filters ul{
	display: block;
    text-align: center;
}

#solutionbi .me_section_jobs .filters li.sf-option-active{background: none;}

#solutionbi .me_section_jobs .filters li{
	background: none;
	border: 0 !important;
	margin: 15px;
	display: inline-block;
    width: auto;
}
#solutionbi .me_section_jobs .filters li:hover{
	background: none;
	border: 0 !important;
	margin: 15px;
	display: inline-block;
    width: auto;
}

#solutionbi .me_section_jobs .filters .sf-level-0 label{
	font-family: 'Barlow', sans-serif !important;
    background: none;
	border:2px solid #ffffff;
    font-size: 14px;
    padding: 10px 15px 10px 15px !important;
    border-radius: 50px;
	opacity: 0.5;
}

#solutionbi .me_section_jobs .filters li.sf-option-active label{
	background: rgbA(0,0,0,0.5);
	border:0;
	opacity: 1;
}



/*--------------------------------------------------------*/
/*FOOTER -------------------------------------------------*/
/*-------------------------------------------------------*/

#solutionbi #footer{ background-color:#105260;}

#solutionbi #footer p{font-weight:bold;}



/*-------------------------------------------------------*/
/*miniplan*/
/*-------------------------------------------------------*/

#solutionbi #footer .miniplan{padding: 150px 0 50px 0; margin-bottom: 0;}
#solutionbi #footer .miniplan.activeblog{padding: 300px 0 50px 0;}
#solutionbi.single-post #footer .miniplan.activeblog{padding-top: 50px;}

#solutionbi #footer .miniplan .row_container{display:flex;}
#solutionbi #footer .miniplan .menu{flex:2; margin-right: 3%;}
#solutionbi #footer .miniplan .coord{flex:5; margin-right: 3%;}
#solutionbi #footer .miniplan .social{flex:3;}

/*menu*/



#solutionbi #footer .miniplan .menu #footer_menu{ list-style:none;}


/*coord*/



#solutionbi #footer .miniplan .coord .filiales{
	display:flex;
	flex-wrap:wrap;
	margin-top:25px;
	
}
#solutionbi #footer .miniplan .coord .thefiliale{
    background-color: #286470;
    border-radius: 15px;
    padding: 15px;
    flex: 0 0 46%;
    margin: 0 4% 4% 0;
	font-size:14px;	
}

#solutionbi #footer .miniplan .coord .thefiliale span{ display:block;}

#solutionbi #footer .miniplan .coord .thefiliale .nom{font-weight:bold;}

/*social*/


#solutionbi #footer .miniplan .quickform input{
	background-color: transparent;
    border-color: #ffffff;
    border-right: none;
}

#solutionbi #footer .miniplan .quickform input::placeholder{color: rgbA(255,255,255,0.5);}

#solutionbi #footer .miniplan .quickform button{ 	
	border-color:#ffffff;
	background-color:transparent;
  
}

#solutionbi #footer .miniplan .quickform button:hover{ 	
	color:#ffffff !important;
	background-color: rgbA(0,0,0,0.5);  
}

#solutionbi #footer .miniplan .social .reseaux{ margin-top:25px;}

#solutionbi #footer .miniplan .social .icones i{ font-size:24px;}

#solutionbi #footer .miniplan .social .icones a{
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:60px;
	border:2px solid #ffffff;
	padding:15px;
	text-align: center;
	margin-right:5px;	
}

#solutionbi #footer .miniplan .social .icones a:hover{ background-color: rgbA(0,0,0,0.5);}

@media(max-width:1200px){
	
	#solutionbi #footer .miniplan .row_container{flex-direction: column; text-align: center;}
	#solutionbi #footer .miniplan .row_container>div{ 
		margin: 0 0 50px 0;
		padding: 0 0 50px 0;
		border-bottom:1px solid rgbA(255,255,255,0.2);
	
	}
	#solutionbi #footer .miniplan .row_container>div:last-child{ margin: 0; padding: 0; border: none;} 
	
	#solutionbi #footer .miniplan .menu #footer_menu{text-align: center; margin: 20px 0 0 0;}
	
}

/*-------------------------------------------------------*/
/*footend */
/*-------------------------------------------------------*/

#solutionbi #footer .footend {padding-bottom:100px; margin: 0;}

#solutionbi #footer .footend .row_container {
	max-width:none;
	border-top:1px solid rgbA(255,255,255,0.2);
	padding-top:20px;
}

#solutionbi #footer .footend .logo{
	max-width: 320px;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

#solutionbi #footer .footend .copyright{ font-weight:normal; display:inline-block; margin-right:20px; font-weight:500;}

#solutionbi #footer .footend .annexe{ text-align:center;} 

#solutionbi #footer .footend .annexe ul{ list-style:none; display:inline-block;} 
#solutionbi #footer .footend .annexe li{ display:inline-block; font-size:18px; font-weight:500;} 
#solutionbi #footer .footend .annexe li::after{ content:" | ";} 




/*--------------------------------------------------------*/
/*COMBINAISONS -------------------------------------------*/
/*-------------------------------------------------------*/

#solutionbi section:first-child+section.section_intro.gris{margin: -150px 0 0 0;}
#solutionbi section.section_intro.gris+section.section_technology{ margin-top: 100px;}




#solutionbi section.type_b+section.section_focus_x3.bloc.none,
#solutionbi section.type_b+section.chiffres_cles.bloc,
#solutionbi section.type_b+section.carousel.bloc{
	margin-top: -300px;
    padding-top: 0;
}


#solutionbi section.section_textimg + section.section_textimg {padding-top: 0;}

#solutionbi section.section_map + section.section_ressource{ margin-top: -150px; position: relative; z-index: 10;}

@media(min-width:1000px) and (max-width:1300px){
	#solutionbi section.section_map + section.section_ressource{ margin-top: -100px;}
}


#solutionbi section.header.type2 + section.section_textimg{ margin-top: -600px;}

#solutionbi section.header.type2 ~ section.section_textimg .row_container{
	background-color: #ffffff;
	padding: 80px 70px 0 70px;
}

#solutionbi section.header.type2 ~ section.section_textimg + section.section_textimg .row_container{padding-top: 0;}

#solutionbi section.section_ressource +section.section_shortblog{padding: 180px 0 0 0; margin-top: 0;} 

#solutionbi section.section_focus_x3 + section.section_contact{margin-top: -150px;}  
#solutionbi section.section_focus_x3.none + section.section_contact{margin-top:inherit;}  

#solutionbi section.section_contact +section.section_shortblog{margin-top: -150px;} 

#solutionbi section.homepage_header+section.bande_iconesx3{ margin-top: -150px;} 

#solutionbi section.header+section.darkbg{margin-top: -150px;}

#solutionbi section.section_ressource.darkbg + section.section_contact.darkbg{ margin-top: 0;}

#solutionbi section.me_section_cta + section.section_shortblog{ margin-top: 0;}

#solutionbi section.me_section_video_focus + section.chiffres_cles{
	background-color: #e7edef;
    margin: -20px 0 0 0;
    padding-bottom: 150px;
} 

#solutionbi section.me_section_jobs + section.section_shortblog{ margin-top: 0;}


@media(min-width:1200px){
	
	#solutionbi section.solid + section.section_textimg h2::before,
	#solutionbi section.solid + section.section_textuiles h2::before,
	#solutionbi section.header.type1 + section.section_textimg h2::before,
	#solutionbi section.header.type1 + section.section_textuiles h2::before,
	#solutionbi section.header.type3 + section.section_textimg h2::before,
	#solutionbi section.header.type3 + section.section_textuiles h2::before{
		counter-increment: bulbcount;
		content: counter(bulbcount);
		width: 315px;
		height: 454px;
		background-image: url(../images/bulb_left1.png);
		position: absolute;
		top: -200px;
		left: -345px;
		background-repeat: no-repeat;
		background-position: right;
		z-index: -1;
		padding-left: 190px;
		padding-top: 203px;
		font-size: 60px;
		font-weight: 400;
		text-align: center;
	}
	
}

@media(max-width:1200px){
	#solutionbi section.header.type2 + section.section_textimg .zone_texte h2{margin-top: -150px;}
}

/*--------------------------------------------------------*/
/*BLOG --------------------------------------------------*/
/*-------------------------------------------------------*/


/*version blog a part*/

#solutionbi.blog .breadcrumbs>.row_container>span>span{visibility: hidden;}
#solutionbi.blog .breadcrumbs>.row_container>span>span>span{visibility:visible;}
#solutionbi.blog .breadcrumbs>.row_container>span>span>a{ display: none;}


#solutionbi.blog .barretop{ background-color: #921b35; min-height: 25px;}
#solutionbi.blog .barretop #annexemenu{display: none;}

#solutionbi.blog .headmenu a.opemenu{display: none;}
#solutionbi.blog .headmenu a.corp{display: none;}
#solutionbi.blog .headmenu a.bloginfo{display:inline-block;}


#solutionbi.single-post .breadcrumbs>.row_container>span>span{visibility: hidden;}
#solutionbi.single-post .breadcrumbs>.row_container>span>span>span{visibility:visible;}
#solutionbi.single-post .breadcrumbs>.row_container>span>span>a{ display: none;}

#solutionbi.single-post .barretop{ background-color: #921b35; min-height: 25px;}
#solutionbi.single-post .barretop #annexemenu{display: none;}

#solutionbi.single-post .headmenu a.opemenu{display: none;}
#solutionbi.single-post .headmenu a.corp{display: none;}
#solutionbi.single-post .headmenu a.bloginfo{display:inline-block;}



#solutionbi.archive .breadcrumbs>.row_container>span>span{visibility: hidden;}
#solutionbi.archive .breadcrumbs>.row_container>span>span>span{visibility:visible;}
#solutionbi.archive .breadcrumbs>.row_container>span>span>a{ display: none;}


#solutionbi.archive .barretop{ background-color: #921b35; min-height: 25px;}
#solutionbi.archive .barretop #annexemenu{display: none;}

#solutionbi.archive .headmenu a.opemenu{display: none;}
#solutionbi.archive .headmenu a.corp{display: none;}
#solutionbi.archive .headmenu a.bloginfo{display:inline-block;}






#solutionbi.single-post section.header{
	background-image:url("../images/bandetitre.jpg");	
}

#solutionbi .blog-wrapper{
	background-color:#f2f2f2;
	width: 100%;
	max-width: 100%;
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	padding: 150px 0;
}


#solutionbi .blog-wrapper .articles {
	display: flex;
	justify-content: space-between;
}

#solutionbi .blog-wrapper .articles .blogpost{
	background-color:#ffffff;	
	width: calc(33.33% - 40px);
	min-width: calc(33.33% - 40px);
	margin-bottom: 60px;
}



#solutionbi .blog-wrapper .bloc{
	padding: 50px 30px;
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#solutionbi .blog-wrapper h3{
	font-size: 21px;
	font-weight: 700;
	line-height: 24px;
}
#solutionbi .blog-wrapper h3 a{ color:inherit;}
#solutionbi .blog-wrapper h3 a:hover{ color:#bd0926;}

#solutionbi .blog-wrapper p.meta{
	color:#a6a6a6;
	font-size:13px;
	margin-bottom: 20px;
}

#solutionbi .blog-wrapper p.meta a{ color:inherit;}
#solutionbi .blog-wrapper .content p{
	font-size:14px;
	margin-bottom: 20px;
}



#solutionbi .filters{
	background-color: #105260;
	font-family: 'Montserrat', sans-serif
}

#solutionbi .filters ul{
	display: flex;
    justify-content: space-around;
	
}

#solutionbi .filters ul > li{
	width: 100%;
	margin: 0;
}
#solutionbi .filters .sf-level-0 {
	color: #fff;
	border-left: 1px solid #08323b;
	text-align: center;
	background-color: #105260;

}
#solutionbi .filters .sf-level-0:hover {
	background-color: #0d4652;
}

#solutionbi .filters .sf-level-0.sf-option-active {
	background-color: #921b35;
}

#solutionbi .filters .sf-level-0 label{
	display: flex;
    flex-direction: column;
    justify-content: center;
	height: 100%;
	width: 100%;
	padding: 30px!important;
}

#solutionbi .filters .sf-level-0:last-of-type {
	border-right: 1px solid #08323b;
}
#solutionbi .filters .sf-level-0 ul.children{display: none;}



#solutionbi .breadcrumbs{
	background-color: #105260;
	font-family: 'Montserrat', sans-serif
}

#solutionbi .breadcrumbs > div{
	padding: 30px 0;
	color: #fff;
}
#solutionbi .breadcrumbs > div a{
	color: #fff;
}


#solutionbi .yarpp-related {
	padding: 100px 0 0 0;
}

#solutionbi .yarpp-related .blog-wrapper{
	background-color:rgb(239, 239, 239);
	margin-bottom: -260px;
	padding: 0;

}

#solutionbi.single-post .yarpp-related .blog-wrapper{
	margin-bottom: 0;
}

#solutionbi #comments{
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0 auto;
	max-width: 1200px;
	width: 80%;
	position: relative;
}

#solutionbi .yarpp-related .blog-wrapper .articles,
#solutionbi .content-area > .et_social_inline .et_social_networks {
	width: 80%;
}

#solutionbi.blog #footer .miniplan {
    padding: 100px 0 50px 0;
}

#solutionbi.blog section:first-child,
#solutionbi.archive section:first-child,
#solutionbi.single-post section:first-child
{
    margin: 0;
}

/*PAGE ARTICLES*/

#solutionbi .article-wrapper h3{ margin-bottom: 20px;}

#solutionbi .article-wrapper article em{display: inline;}

#solutionbi .article-wrapper .text--content>*:first-child{ margin-top: 0;}

#solutionbi .article-wrapper figure{margin:50px 0;}

#solutionbi .article-wrapper aside .post-infos .posted-on {
	display: flex;
	align-items: center;
}

#solutionbi .article-wrapper aside a,
#solutionbi .article-wrapper aside a:visited{
	color: #bd0926;
}
#solutionbi .article-wrapper aside a:hover{
	color: #105260;
}

#solutionbi .filters .sf-field-search{display: none;}

#solutionbi .blog-wrapper .blogpost .featured img{width:100%; height: 170px; object-fit: cover;}


/* prev next posts*/

#solutionbi .post-navigation {
    clear: both;
    margin: 75px 0 0 0;
    overflow: hidden;
}

#solutionbi .post-navigation div {
    display: block;
    width: 245px;
    position: relative;
    font-size: 14px;
    color: #999;
}

#solutionbi .post-navigation div a {color: #105260;}
#solutionbi .post-navigation div a:hover {color: #bd0926;}

#solutionbi .post-navigation div span {
    display: block;
    font-size: 80%;
    color: #999;
}

#solutionbi .post-previous {
    float: left;
    padding-left: 40px;
}

#solutionbi .post-next {
    float: right;
    text-align: right;
    padding-right: 40px;
}

#solutionbi .post-navigation div a:after {
    position: absolute;
    color: #ccc;
    font-size: 56px;
    margin-top: -11px;
    height: 22px;
    line-height: 22px;
    top: 34%;
}

#solutionbi .post-next a:after {
    content: '»';
    right: 0;
}

#solutionbi .post-previous a:after {
    content: '«';
    left: 0;
}

@media(max-width:1200px){
	
	#solutionbi .blog-wrapper .articles{flex-direction: column;}
	
	
	#solutionbi .blog-wrapper .blogpost{
		flex:1; 
		width: 100%!important;
		min-width:  100%!important;
	}
	
	#solutionbi .blog-wrapper .blogpost .featured img{height: auto;}
	
	
	
	
	#solutionbi .filters ul{
		flex-direction: column;
		width: 100vw;
  		margin-left: calc(-50vw + 50%);
  		margin-right: calc(-50vw + 50%);		
	}

	#solutionbi .filters .sf-level-0 {
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #08323b;
	}
	#solutionbi .filters .sf-level-0:last-of-type {
		border-bottom: 0;
	}
	
	


	#solutionbi .article-wrapper {
		flex-direction: column-reverse;
	}
	#solutionbi .article-wrapper article {
		padding: 80px 0 0 0;
	    width: 100%;
	}
	#solutionbi .article-wrapper aside {
		width: 100%;
		border-bottom: 1px solid #e0e0e0;
	}
	#solutionbi .article-wrapper aside .post-share,
	#solutionbi .article-wrapper aside .widget_categories {
		display: none;
	}

}


/*--------------------------------------------------------*/
/*PLUGINS --------------------------------------------------*/
/*-------------------------------------------------------*/
#solutionbi .article-wrapper aside .post-share{padding: 45px 0 45px 45px;}
#solutionbi .article-wrapper aside .sidebar__inner-block{padding: 45px 0 0 45px;}


/*wpt_widget_content*/


#solutionbi .wpt_widget_content .entry-title a{ 
	display: block;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: 500;
    color: #333333;
}


#solutionbi .wpt_widget_content .entry-title a:visited{color: #333333;}


/* block new css */
.block_map{
	width: 100%;
}
.block_map img{
	width: 100%;
}

.tooltip_templates{
	background: #fff !important;
	display: none;
}

p.header_title{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 18px !important;
	color: #333333 !important;
	font-weight: bold;
}
p.info_address{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 18px !important;
	font-weight: 300 !important;
    margin-bottom: 20px !important;
}
p.info_address a{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 18px !important;
	font-weight: 300 !important;
    margin-bottom: 20px !important;
}
div.content_description{
	font-family: 'Montserrat', sans-serif !important;
	font-size: 13px !important;
}

li.menu-item a img.icone{
	width: 100px !important;
}
.bande_iconesx3 .bloc img.style-svg{
	width: 120px !important;
}

.tuile img.style-svg{
	width: 100px !important;
}

.blocfocus img.style-svg{
	width: 100px !important;
}


/*colorbox*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:40px;background:none;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:none; background:#fff; border-radius:30px}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{
			    position: absolute;
				top: -100px;
				right: 5px;
				display: block;
				width: 200px;
				height: 100px;
				text-indent: -9999px;
			}
        #cboxClose:hover{background-position:bottom center;}