/*
	Theme Name: Agriplas
	Author: Cédric Dagherir DaHive
	Author URI: http://www.dahive.fr
	Text Domain: ap

*/

*,
*:after,
*:before {
	box-sizing: border-box;
}

html{
	overflow-x:hidden;
}

html.locked{
	overflow: hidden !important;
}

body{
	font-family:'PT Sans', Arial, sans-serif;
	color:#58595B;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: grayscale;
    background-color: white;
}
body.no-scroll { /* ...or body.dialogShowing */
  overflow: hidden;
}

a{
	text-decoration: none;
	color:#58595B;
}

input{
	max-width: 100%;
}

	#contenu p a{
		color: #00677b;
    	font-weight: bold;
	}

	.page-template-full-width #contenu a{
		position:relative;
		display: inline-block;
	}
		.page-template-full-width #contenu a:before {
		    content: "";
		    background: #f9e2c4;
		    position: absolute;
		    bottom: 10%;
		    left: -2%;
		    height: 30%;
		    width: 104%;
		    z-index: -1;
		    transition: all .5s ease-in-out;
		    padding: 0;
		}
			.page-template-full-width #contenu a:hover:before {
			    background: #d0e6ea;
			    bottom: 0%;
			    height: 100%;
			}

.underline-anchor a:not(.no-underline){
	position: relative;
	display:inline-block;
	-webkit-transform:translateY(0);
	        transform:translateY(0);
	-webkit-transition: all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
	.underline-anchor a:not(.no-underline):after,
	header#header nav > ul li.current-menu-parent ~ li.current-menu-parent > a:after
	{
		content:" ";
		display: block;
		width:100%;
		height:1px;
		background:white;
		position:absolute;
		bottom:0;
		left:0;
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transform:translateY(4px);
		        transform:translateY(4px);
		-webkit-transition: all .25s ease-in-out;
		transition:all .25s ease-in-out;
	}
	.underline-anchor a:not(.no-underline):hover, 
	header#header nav > ul > li:hover > a,
	header#header nav > ul li.current-menu-item > a,
	header#header nav > ul li.current-menu-parent > a,
	header#header nav > ul li.current-menu-parent ~ li.current-menu-parent > a
	{
		-webkit-transform:translateY(-2px);
		        transform:translateY(-2px);
	}
		.underline-anchor a:not(.no-underline):hover:after, 
		header#header nav > ul > li:hover > a:after,
		header#header nav > ul li.current-menu-item > a:after,
		header#header nav > ul li.current-menu-parent > a:after
		{
			-webkit-transform:translateY(0);
			        transform:translateY(0);
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}

h1,h2,h3,h4,h5,h6{
	font-family:'Nunito', Arial, sans-serif;
	text-transform: uppercase;
}

.home h1{
	transition:all .5s ease-in-out;
	-webkit-filter:blur(0);
	filter:blur(0);
	opacity:1;
}
	.home h1.blur{
		-webkit-filter:blur(20px);
		filter:blur(20px);
	}

img{
	max-width:100%;
	height:auto;
}

.hidden{
	display: none;
}

.main-container{
	position:relative;
	background:white;
	min-height:100vh;
}
	html.js .main-container{

		opacity:0;

		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}

.main-container main{
	position:relative;
	/* margin:.5rem .5rem 0; */

}

.mobile-margin-top{
	margin-top: 64px;
	margin-top: 4rem
}

.hide-on-mobile{
	display:none;
}
.show-on-mobile{
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

button, a.button{
	font-family:'Nunito', Arial, sans-serif;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    border-radius: 4px;
	border:0;
	cursor:pointer;
	width: auto;
	padding: 8px;
	padding:.5rem;
	line-height: 1;
}
	button svg.icon.left, a.button svg.icon.left{
		margin-right:.5em;
	}

	button.small, a.button.small{
		font-size: 12.8px;
		font-size:.8rem;
	}
	button.small svg.icon, a.button svg.icon{
		height:20px;
	}

button.orange, a.button.orange{
	background:#EF8723;
	border:1px solid #EF8723;
	color:white;
	text-transform: uppercase;
	letter-spacing: .1em;
	-webkit-transition: all .25s ease-in-out;
	transition:all .25s ease-in-out;
}
	button.orange svg{
		fill:white;
		-webkit-transition: all .25s ease-in-out;
		transition:all .25s ease-in-out;
	}
		button.orange svg.stroked{
			fill:transparent;
			stroke:white;
		}

	button.orange:hover, a.button.orange:hover{
		background:white;
		color:#EF8723;
	}
		button.orange:hover svg{
			fill:#EF8723;
		}
		button.orange:hover svg.stroked{
			stroke:#EF8723;
		}

.encart{
    -webkit-transition: padding .25s ease-in-out;
    transition:padding .25s ease-in-out;
}
	.encart .wrapper-3d{
		margin-bottom: 8px;
		margin-bottom:.5rem;
		background: url(assets/img/surmesure4.jpg) no-repeat center;
    	background-size: contain;
	}

	.encart{
		margin:0;
		padding-left: 16px;
		padding-left:1rem;
		border-left: 1px dashed #ccc;
	}
/*
ul li{
	position: relative;
	list-style-type: none;
	padding-left:.5rem;
}
	ul li:before{
		content:" ";
		display: block;
		height:1px;
		width:.25rem;
		background:black;
		position:absolute;
		top:50%;
		left:0;
	}
*/
svg.icon, img.icon{
	height:30px;
}
	svg.icon.small, img.icon.small{
		height:20px;
	}

.container-fluid{
    padding-right: 16px;
    padding-right: 1rem;
    padding-left: 16px;
    padding-left: 1rem;
}

.padded{
	padding:5vh 0;
}
.no-padding{
	padding:0 !important;
}

#transition-overlay{
	position:fixed;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	width: 100vw;
	height:100%;
    height: 100vh;
    pointer-events: none;
}
	#transition-overlay .text{
	    position: absolute;
	    top:0;
	    left:0;
	    height: 95%;
	    width: 100%;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack:center;
	        -ms-flex-pack:center;
	            justify-content:center;
	    -webkit-box-align:center;
	        -ms-flex-align:center;
	            align-items:center;
	    
	    font-family: Nunito, Arial, sans-serif;
	    color:white;
	    text-transform: uppercase;
	    opacity:0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	    text-align: center;
	    
	    letter-spacing: 16px;
	    letter-spacing: 1rem;
	    -webkit-transition: opacity .5s ease-in-out, letter-spacing 10s ease-out;
	    transition:opacity .5s ease-in-out, letter-spacing 10s ease-out;

	    -webkit-box-orient:vertical;
	    -webkit-box-direction:normal;
	    -ms-flex-direction:column;
	            flex-direction:column;
	}
		#transition-overlay .text > div{
    		margin: 0 .25rem;
		}
		#transition-overlay.active.with-text .text{
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			letter-spacing: 0;
		}
		#transition-overlay.end .text{
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}
	.shape-overlays {
		width: 100%;
	    height: 100%;    
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.shape-overlays path:nth-of-type(1) { fill: #88cbe6; }
	.shape-overlays path:nth-of-type(2) { fill: #19a5a8; }
	.shape-overlays path:nth-of-type(3) { fill: #00677b; }

/**
	Spécifique
*/
header#header{
	position:absolute;
	width:100%;
	z-index:100;
}

#supheader{
	padding: 8px 0 16px;
	padding:0.5rem 0 1rem;
}	
	#supheader ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-pack: end;
	        -ms-flex-pack: end;
	            justify-content: flex-end;
	    margin:0;
	    padding:0;
	}
		#supheader ul li{
			list-style-type: none;
			margin-left: 16px;
			margin-left:1rem;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
		}
			#supheader ul li a{
				text-decoration: none;
				color:white;
			    font-size: .8rem;
			    background: rgba(255, 255, 255, .2);
			    padding: 0 .25rem;
			}
	#supheader ul.language-selector{
	    padding-right: 16px;
	    padding-right: 1rem;
	    border-right: 1px dashed #88cbe6;
	}

	#supheader #menu-supheader{
		display:none;
	}

	header#header nav{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    -webkit-box-align:end;
	        -ms-flex-align:end;
	            align-items:flex-end;
	}
		header#header nav #logo{
			max-width: 300px;
    		width: 50%;
		}
			header#header nav #logo img{
				width:100%;
				height:auto;
			}
		header#header nav > ul#mainnav{
			display: none;
			margin:0;
		}
			header#header nav > ul#mainnav > li{
				position: relative;
				list-style-type: none;
				margin-left: 32px;
				margin-left:2rem;
			}
				header#header  nav > ul#mainnav > li > a, header#header  nav > #mobile-menu ul li > a, header#header nav #open-mobile-menu{
					font-family:'Nunito', Arial, sans-serif;
					text-decoration: none;
					color:white;
					font-size: 19.2px;
					font-size:1.2rem;
					font-weight: bold;
					text-transform: uppercase;
				}
				header#header nav > ul#mainnav > li ul{
					opacity:0;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				    position: absolute;
				    display: -webkit-box;
				    display: -ms-flexbox;
				    display: flex;
				    -webkit-box-orient: vertical;
				    -webkit-box-direction: normal;
				        -ms-flex-direction: column;
				            flex-direction: column;
				    left: 0;
				    padding:0;
				    -webkit-transition: all .25s ease-in-out;
				    transition:all .25s ease-in-out;
				}
					header#header nav > ul#mainnav > li ul li{
						list-style-type: none;
						margin: 0 0 0 4px;
						margin:0 0 0 .25rem;
					}
						header#header nav > ul#mainnav > li ul li a{
							color:white;
							white-space:nowrap;
							text-transform: uppercase;
						    letter-spacing: 1.6px;
						    letter-spacing: .1rem;
						    font-family: Nunito;
						    padding: 3.2px 0;
						    padding:.2rem 0;
						}

				header#header nav > ul#mainnav > li:hover ul,
				header#header nav > ul#mainnav > li.current-menu-parent ul
				{
					opacity:1;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				}
				header#header nav > ul#mainnav > li.current-menu-parent ul.hidden
				{
					opacity:0;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				}


		header#header nav #open-mobile-menu{
			position:relative;
			z-index:1001;
			cursor:pointer;
			background:transparent;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		    text-align: right;
		    padding:0;
		    overflow:hidden;
		    height:20px;
		}
			header#header nav #open-mobile-menu span{
				display: block;
				white-space: nowrap;
			    font-size:20px;
			    height:20px;
			    line-height:20px;

			}
				header#header nav #open-mobile-menu span.default{
					position:relative;
					top:0;
					-webkit-transition: all .5s ease-in-out;
					transition:all .5s ease-in-out;
				}
				header#header nav #open-mobile-menu span.closing{
					position:relative;
					-webkit-transition: all .5s ease-in-out;
					transition:all .5s ease-in-out;
				}
				
					header#header nav #open-mobile-menu.opened span.default, header#header nav #open-mobile-menu.opened span.closing{
						-webkit-transform:translateY(-20px);
						        transform:translateY(-20px);
					}

		header#header nav #mobile-menu{
			display: none;
		    position: fixed;
		    height: 100%;
		    width: 100%;
		    top: 0;
		    left: 0;
		    z-index: 1000;		    
		    padding: 5vh 4rem;
		    margin-top:10vh;
		}
			header#header nav #mobile-menu > ul{
				margin: 0;
				padding:0;
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-orient: vertical;
			    -webkit-box-direction: normal;
			        -ms-flex-direction: column;
			            flex-direction: column;
			    text-align:center;
			}
				header#header nav #mobile-menu > ul > li{
					list-style-type: none;
					margin-bottom:2vh;
				}	
					header#header nav #mobile-menu > ul > li > ul {
						margin: 8px 0;
						margin:.5rem 0;
						padding:0;
					}
						header#header nav #mobile-menu > ul > li > ul li{
							list-style-type: none;
						}
							header#header nav #mobile-menu > ul > li > ul li a{
								font-size: 12.8px;
								font-size: .8rem;
							    font-weight: normal;
							}

#hero{
	position:relative;
	overflow:hidden;
}
	#hero .bg{
		position:absolute;
		height:100%;
		width:100%;
		z-index:0;
		filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
		-webkit-filter:grayscale(1);
		        filter:grayscale(1);
	}
		#hero .bg .type-bg{
			height:100%;
			width:100%;
			background-attachment: fixed;
		}
		#hero .blue-wrapper{
			position: relative;
			background:-webkit-linear-gradient(rgba(28, 137, 158, 0.6), rgba(28, 137, 158, .8));
			background:linear-gradient(rgba(28, 137, 158, 0.6), rgba(28, 137, 158, .8));
    		background-position: center center;
    		background-repeat: repeat-x;
		}
		#hero .transversal-nav{
			background: rgba(255, 255, 255, .1);
		}
			#hero .row{
				position:relative;
			}
				#hero .row .intro{
					font-family: Nunito, Arial, sans-serif;
					padding: 40vm .5rem 3vh;
					padding: 40vmin .5rem 3vh;
					color:white;
					background-size: contains;
					background-repeat: no-repeat;
					background-position: bottom right;
					position: relative;

				}
					#hero .row .intro h1{
				    	text-shadow: 0 0 14px rgb(4, 66, 78);
				    }

					#hero .row .intro .intro-bg{
						position: absolute;
					    width: 100%;
					    max-height: 90%;
					    bottom: -10%;
					    right: 0;
					    line-height: 0;
					    z-index: 0
					}
						#hero .row .intro .intro-bg svg{
							width: 100%;
	    					height: 100%;
						}
						#hero .row .intro .intro-bg svg path, #hero .row .intro .intro-bg svg rect , #hero .row .intro .intro-bg svg polygon {
							fill:rgba(4, 58, 68, 0.2);
						}
					#hero .row .intro .container-fluid{
						position: relative;
					}
					#hero .row .intro .intro-texte{
						margin-bottom: 0;
					}
						#hero .row .intro .intro-texte p{
							font-size: 16px;
							font-size:1rem;
							margin:0;
							text-shadow: 0 0 14px rgb(4, 66, 78);
						}

						#hero .row .intro .liste-familles .famille{
						   	width: 50%
						}
				.home #hero .row .intro {
				    margin: 0 auto;
				    -ms-flex-preferred-size: 80%;
				        flex-basis: 80%;
				    max-width: 80%;
				    text-align: center;
				    padding-bottom: 48px;
				    padding-bottom:3rem;
				}
					.home #hero .row .intro .liste-familles{
						margin-top: 48px;
						margin-top:3rem;
					}
						.home #hero .row .intro .liste-familles .famille{
						   	max-width: 50%
						}
							.home #hero .row .intro .liste-familles .famille a{
							    color:white;
							}
	#hero .liste-familles a{
		color:white;
	}
		#hero .liste-familles img{
			max-width: 96px;
			max-width:6rem;
			margin-bottom: 4.8px;
			margin-bottom:.3rem;
		}

	#hero ul#ibcmw-kpis{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0;
	}
		#hero ul#ibcmw-kpis li{
			flex: 1 0 50%;
			list-style-type: none;
			font-size: 1rem;
			font-weight: bold;
			text-align:center;
			margin-bottom:1rem;
		}

/**
	Chiffres clés
*/
ul.chiffres-cles{
	margin:0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack:distribute;
	    justify-content:space-around;
	width:100%;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
	ul.chiffres-cles li{
		position:relative;
		list-style-type: none;
		text-align:center;
		-ms-flex-preferred-size:50%;
		    flex-basis:50%;
	}
	ul.chiffres-cles li:before{
		/*content:" ";
		display:block;*/
		position:absolute;
		height: 112px;
		height: 7rem;
	    width: 112px;
	    width: 7rem;
	    background: #f5f5f5;
	    border-radius: 50%;
	    top:50%;
	    left:50%;
	    -webkit-transform:translate3d(-50%,-50%,0);
	            transform:translate3d(-50%,-50%,0);
	}
		ul.chiffres-cles li > div{
			display:flex;
			justify-content:center;
			align-items:center;
		}
			ul.chiffres-cles li > div svg{
				max-height: 2rem;
			    width: auto;
			    display: inline-block;
			    margin-left:.5rem;
			}

		ul.chiffres-cles li span.countdown{
			position: relative;
			font-size: 40px;
			font-size:2.5rem;
			font-weight: bold;
		}
		ul.chiffres-cles li h3{
			position: relative;
			font-size: 16px;
			font-size:1rem;
			margin-top: .5rem
		}

		ul.chiffres-cles li:nth-child(1) span{
			color:#087293;
		}
			ul.chiffres-cles li:nth-child(1) svg path, ul.chiffres-cles li:nth-child(1) svg polygon, ul.chiffres-cles li:nth-child(1) svg rect{
				fill:#065e79;
			}

		ul.chiffres-cles li:nth-child(2) span{
			color:#15a4a7;
		}
			ul.chiffres-cles li:nth-child(2) svg path, ul.chiffres-cles li:nth-child(2) svg polygon{
				fill:#128f91;
			}

		ul.chiffres-cles li:nth-child(3) span{
			color:#029071;
		}
			ul.chiffres-cles li:nth-child(3) svg path, ul.chiffres-cles li:nth-child(3) svg polygon{
				fill:#02795f;
			}

		ul.chiffres-cles li:nth-child(4) span{
			color:#79bc6d;
		}
			ul.chiffres-cles li:nth-child(4) svg path, ul.chiffres-cles li:nth-child(4) svg polygon{
				fill:#65b257;
			}

/**
	3D
*/

.wrapper-3d{
	position: relative;
width:100%;
height:300px;
}

	.wrapper-3d div.loader{
		opacity:0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		position: absolute;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate3d(-50%,-50%,0);
	            transform: translate3d(-50%,-50%,0);
		-webkit-transition: opacity 1s ease-in-out;
		transition:opacity 1s ease-in-out;
	}
		.wrapper-3d div.loader.loading {
			opacity:1;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		}

	.wrapper-3d svg circle {
	  stroke-dashoffset: 0;
	  -webkit-transition: stroke-dashoffset 1s linear;
	  transition: stroke-dashoffset 1s linear;
	  stroke: #666;
	  stroke-width: 1px;
	  -webkit-transition: stroke-dashoffset .2s ease-in-out;
	  transition:stroke-dashoffset .2s ease-in-out;
	}
		.wrapper-3d svg circle#bar{
			stroke: #87cae5;
		}
	.wrapper-3d canvas{
		position: relative;
	}

#contenu .arguments.row{
	color: white;
    background: -webkit-linear-gradient(rgba(0, 103, 123, .7), rgba(7, 146, 113, .7)), url(assets/img/pattern2.png), url(assets/img/bg-agriplas-3.jpg);
    background: linear-gradient(rgba(0, 103, 123, .7), rgba(7, 146, 113, .7)), url(assets/img/pattern2.png), url(assets/img/bg-agriplas-3.jpg);
    background-size: auto,auto,cover;
    background-position: center center;
    background-attachment: fixed;
    padding:0;
}

#contenu .arguments.row a{
	color:white;
}

#contenu .arguments.row > div{
	position:relative;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-webkit-box-pack:justify;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
	#contenu .arguments.row > div > .inner{
		padding:5vh 0;
	}

	#contenu .arguments.row > div:nth-child(1) .inner{
		border-left: 16px solid white;
		border-left:1rem solid white;
		border-right: 24px solid white;
		border-right:1.5rem solid white;
	}
	#contenu .arguments.row > div:nth-child(2) .inner{
		border-left: 24px solid white;
		border-left:1.5rem solid white;
		border-right: 16px solid white;
		border-right:1rem solid white;
	}
	#contenu .arguments.row > div:nth-child(3) .inner{
		border-left: 16px solid white;
		border-left:1rem solid white;
		border-right: 24px solid white;
		border-right:1.5rem solid white;
	}

/**
	Products
*/
#filters{
	margin-bottom: 2rem;
}
	#filters .controls{
		/*
		margin-left: 16px;
		margin-left:1rem;
		border-left: 1px dashed #00677b;
		padding-left: 16px;
		padding-left: 1rem;   */	
	}	
		#filters .controls > span{
			white-space: nowrap;
			font-size: 9.6px;
			font-size: .6rem;
	    	padding: 4px 0;
	    	padding: .25rem 0;
	    	color: #aaa;
		}
		#filters .controls button{
			text-align: left;
		    font-size: 9.6px;
		    font-size:.6rem;
		    padding: 4px;
		    padding:.25rem .25rem .1rem;;
		}

.controls{
	display:-webkit-inline-box;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
}
	.controls li{
		list-style-type: none;
	}
		.controls button, .controls a.button{
			margin:0 2px 4px;
			border: 1px solid white;
		    color: #1e7490;
		    background: transparent;
		    -webkit-transition: all .5s ease-in-out;
		    transition:all .5s ease-in-out;
		    padding: 4px 8px;
		    padding:.25rem .5rem;
		    border-radius: 4px;
		}
			.controls button:hover, .controls a.button:hover{
				border:1px dashed #ccc;
			}
			.controls button.mixitup-control-active, .controls li.active a.button{
				border:1px solid #1e7490;
			}

section#produits{
	position: relative;
	z-index:5;
}

.liste-produits{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top:2rem;
}
	.liste-produits .product-card{
		position:relative;
		width:50%;
		text-align:left;
		padding:.5rem;
		margin-bottom:2rem;
	}

		.liste-produits .product-card .texte{
			position:relative;
			z-index:1;
		}
			.liste-produits .product-card .texte h2{
				margin-top: 32px;
				margin-top:2rem;
			}
			.liste-produits .product-card .texte p{
				font-size: 11.2px;
				font-size:.7rem;
			}
			a.right-arrow{
				font-family:'Nunito', Arial, sans-serif;
			    color: #EF8723;
			    text-transform: uppercase;
			    text-decoration: none;
			    display: -webkit-box;
			    display: -ms-flexbox;
			    display: flex;
			    -webkit-box-align: center;
			        -ms-flex-align: center;
			            align-items: center;
			    -webkit-box-pack: end;
			        -ms-flex-pack: end;
			            justify-content: flex-end;
			    letter-spacing: .1em;
			    -webkit-transition: all .25s ease-in-out;
			    transition:all .25s ease-in-out;
			}
				a.right-arrow svg{
					-webkit-transform:rotate(180deg);
					        transform:rotate(180deg);
					fill:#EF8723;
					margin-left: 4px;
					margin-left:.25rem;
					-webkit-transition: fill .25s ease-in-out;
					transition:fill .25s ease-in-out;
					width:20px;
				}
				a.right-arrow:hover{
					letter-spacing: 0;
					color:#0E6D8D;
				}
					a.right-arrow:hover svg{
						fill:#0E6D8D;
					}

				a.right-arrow.white-hover:hover{
					color:white;
				}
					a.right-arrow.white-hover:hover svg{
						fill:white;
					}

			.liste-produits .product-card .texte .characteristics{
			    font-size: 11.2px;
			    font-size: .7rem;
			    padding: 3.2px 1.6px;
			    padding: .2rem .1rem;
			    font-style: italic;
			    color: #888;
    			border-top: 1px dashed #ddd;
			}
				.liste-produits .product-card .texte .characteristics .contenance{
					margin-bottom: .5rem;
    			}

					.liste-produits .product-card .texte .characteristics > div svg{
						margin:0 4px;
						fill:#888;
					}
					.liste-produits .product-card .texte .characteristics > div img{
						height: 11.2px;
						height:1.2rem;
					}

		.liste-produits .product-card .visuel{
			position:relative;
			z-index:0;
		}
			.liste-produits .product-card .visuel .circle{
				position:absolute;
				height: 20vw;
			    width: 20vw;
			    background: rgb(0, 103, 123);
			    border-radius: 50%;
			    top: -5%;
			    left: 0%;
			}	
			.liste-produits .product-card .visuel .square{
				position:absolute;
				height: calc(100% - 3.5rem);
			    width: 160px;
			    width: 10rem;
			    background: #f5f5f5;
			    top: 56px;
			    top: 3.5rem;
			    left: 50%;
			}
			.liste-produits .product-card .visuel img{
				position:relative;
				max-width: 100%;
			    height: auto;
			    max-height: 200px;
			    width: auto;
			    margin: 0 auto;
			    display: block;
			}

#overlay{
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
}
#overlay.opened {
  display: block;
}

#overlay .loader{
	background-image: url('assets/img/loading.svg');
	background-repeat:no-repeat;
	background-position:center center;
	background-size: contain;
	width:10%;
	height:10%;
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate3d(-50%,-50%,0);
	        transform: translate3d(-50%,-50%,0);
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index:1000;
	-webkit-transition: opacity 600ms ease-in-out;
	transition:opacity 600ms ease-in-out;
	pointer-events: none;
}
#overlay.opened.loading .loader{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#overlay-ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: rgb(0, 103, 123);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  backface-visiblity: hidden;
  -webkit-transform: scale(0) translate3d(-50%, -50%, 0);
          transform: scale(0) translate3d(-50%, -50%, 0);
  -webkit-transition: opacity 600ms ease-in-out, -webkit-transform 600ms cubic-bezier(0.7, 0, 0.6, 0.8);
  transition: opacity 600ms ease-in-out, -webkit-transform 600ms cubic-bezier(0.7, 0, 0.6, 0.8);
  transition: opacity 600ms ease-in-out, transform 600ms cubic-bezier(0.7, 0, 0.6, 0.8);
  transition: opacity 600ms ease-in-out, transform 600ms cubic-bezier(0.7, 0, 0.6, 0.8), -webkit-transform 600ms cubic-bezier(0.7, 0, 0.6, 0.8);
}

#fiche-wrapper{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    color:white;
    overflow-y: scroll;
}
	.single-product #fiche-wrapper{
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		background:rgb(0, 103, 123);
		padding-top:25vh;
		margin-bottom:5vh;
		overflow-y: visible;
		height:auto;
	}
		.single-product #fiche-wrapper .close:nth-child(2), .single-product #fiche-wrapper .prev, .single-product #fiche-wrapper .next{
			display:none;
		}

	#fiche-wrapper .navigation, #fiche-wrapper .photos{
		padding: 16px;
		padding:1rem;
	}

	#fiche-wrapper .navigation{
		-webkit-box-flex:1 0 auto;
		    -ms-flex:1 0 auto;
		        flex:1 0 auto;

		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	}
		#fiche-wrapper .navigation button, #fiche-wrapper .navigation a.button, #fiche-wrapper header button{
			background: none;
			border:0;
			color:white;
			padding:0;
			margin:0;
		}
	#fiche-wrapper header{
		-webkit-box-flex:1 0 auto;
		    -ms-flex:1 0 auto;
		        flex:1 0 auto;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		position: relative;
    	z-index: 10;
	}
		#fiche-wrapper header .h2-wrapper{
			overflow:hidden;
			text-align:center;
			 -webkit-transition: width .5s cubic-bezier(0.7, 0, 0.6, 0.8);
			 transition:width .5s cubic-bezier(0.7, 0, 0.6, 0.8);
		}
			#fiche-wrapper header .h2-wrapper h1{
				display:inline-block;
				white-space: nowrap;
				margin-bottom:0;
				font-size:2rem;
			}
		#fiche-wrapper header .prev, #fiche-wrapper header .next{
			line-height:0;
			-webkit-transition: -webkit-transform .5s ease-in-out;
			transition: -webkit-transform .5s ease-in-out;
			transition: transform .5s ease-in-out;
			transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
		}
		#fiche-wrapper header .prev{
			margin-right: 16px;
			margin-right:1rem;
		}
			#fiche-wrapper header .prev:hover{
				-webkit-transform:translateX(-10px)!important;
				        transform:translateX(-10px)!important;
			}
		#fiche-wrapper header .next{
			margin-left: 16px;
			margin-left:1rem;
		}
			#fiche-wrapper header .next:hover{
				-webkit-transform:translateX(10px)!important;
				        transform:translateX(10px)!important;
			}

	#fiche-wrapper .main{
		-webkit-box-flex:8 0 auto;
		    -ms-flex:8 0 auto;
		        flex:8 0 auto;
   		margin: 1rem 0 70px;
	}
	#fiche-wrapper h3{
		background: white;
	    display: inline-block;
	    color: #0c5d77;
	    padding: 4px 8px 1.6px;
	    padding: .25rem .5rem .1rem;
	    border-radius:4px;
	    font-size: 12.8px;
	    font-size:.8rem;
	}

		#fiche-wrapper p+h3{
			margin-top:0;
		}
	#fiche-wrapper ul{
		margin: 0 0 8px;
		margin:0 0 .5rem;
	}
		#fiche-wrapper .main > div, #fiche-wrapper .main .row{
			margin:0;
		}
		#fiche-wrapper .main > div:not(.sub), #fiche-wrapper .main .row > div, #fiche-wrapper .secondary .row > div{
			padding: 16px;
			padding:1rem;
		}
		#fiche-wrapper .main > div.sub{
			padding:0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
    		-webkit-box-orient: vertical;
    		-webkit-box-direction: normal;
    		    -ms-flex-direction: column;
    		        flex-direction: column;
    		position: relative;
    		overflow-x: hidden;
		}
			#fiche-wrapper .main > div.sub ul{
				padding-left:.5rem;
				margin: 0 0 8px;
				margin:0 0 .5rem;
				 display: -webkit-box;
				 display: -ms-flexbox;
				 display: flex;
		    	-ms-flex-wrap: wrap;
		    	    flex-wrap: wrap;
			}
				#fiche-wrapper .main > div.sub ul li{
					width:50%;    
					list-style-type: none;
				    border-left: 4px solid rgba(255, 255, 255, .3);
				    padding-left: .5rem;
				    margin-bottom: .5rem;
				    line-height: 1;
				}
				#fiche-wrapper .main > div.sub ul.certifications_val{
					margin-bottom:1rem;
				}
					#fiche-wrapper .main > div.sub ul.certifications_val li{
						width:100%;
					}
			
			#fiche-wrapper .main > div.sub > .row:first-child{
			}
			#fiche-wrapper .main div.photos{
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
    			-webkit-box-orient: vertical;
    			-webkit-box-direction: normal;
    			    -ms-flex-direction: column;
    			        flex-direction: column;
    			padding:0;
    			position:relative;
			}
				#fiche-wrapper .main .photos:before{
					content: " ";
				    display: block;
				    background: rgba(255, 255, 255, .1);
				    border-radius: 50%;
				    position: absolute;
				    top: 0;
				    left: -20%;
				    height: 50vw;
				    width: 50vw;
				}	
						
				#fiche-wrapper .main .photos .focus{
					display:-webkit-box;
					display:-ms-flexbox;
					display:flex;
					-webkit-box-pack:center;
					    -ms-flex-pack:center;
					        justify-content:center;
					-webkit-box-align:center;
					    -ms-flex-align:center;
					        align-items:center;
					height:30vh;
					max-height:40vh;
					padding: 16px;
					padding:1rem;
					width: 80%;
    				margin: 0 auto;
				}
					#fiche-wrapper .main .photos .focus img{
						max-width:100%;
						max-height:100%;
						display: block;
						position: relative;
					}


				#fiche-wrapper .main .photos .nav{
					padding:0 25px;
					width: 100%;
    				margin: 0 auto;
					display: flex;
					flex-direction: row;
					justify-content: center;
				}
					#fiche-wrapper .main .photos .nav .slick-prev{
						left:0;
					}
					#fiche-wrapper .main .photos .nav .slick-next{
						right:0;
					}
						#fiche-wrapper .main .photos .nav .slick-prev:before, #fiche-wrapper .main .photos .nav .slick-next:before{
							color:white;
							opacity:1;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						}
					#fiche-wrapper .main .photos .nav .slick-list{
						height:100%;
					}
					#fiche-wrapper .main .photos .nav .slick-dots{
						position:relative;
						bottom:0;
					}
						#fiche-wrapper .main .photos .nav .slick-dots li button:before{
							color:white;
						}
						#fiche-wrapper .main .photos .nav .slick-dots li button:hover:before{
							color:#ef8723!important;
						}
						#fiche-wrapper .main .photos .nav .slick-dots li.slick-active button:before{
							color:white;
							opacity:1;
							-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						}
					#fiche-wrapper .main .photos .nav img{
						height:150px;
						width: auto;
						margin:0 5px;
						padding: 15px;
						cursor:pointer;
						transform: translateY(70px);
					}
			#fiche-wrapper .main .caracs{
			}
				#fiche-wrapper .main .caracs h3 + *{
					margin-bottom: 16px;
					margin-bottom:1rem;
				}
			#fiche-wrapper .main .options{
				padding-bottom:0;
			}
	#fiche-wrapper .secondary{
		padding: 16px;
		padding: 1rem;
	    background: white;
	    margin: 16px -16px 0;
	    margin: 1rem -1rem 0;
	}	
		#fiche-wrapper .secondary h3, #fiche-wrapper .secondary h4{
		    color: #0c5d77;
		}

		#fiche-wrapper .secondary ul li{
			width:auto !important;
		}
			#fiche-wrapper .secondary ul li img{
			}

	#fiche-wrapper .download{
		position: relative;
	    overflow:hidden;
	    z-index:10;
	}
		#fiche-wrapper .download.row .col{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
    		-webkit-box-orient: vertical;
    		-webkit-box-direction: normal;
    		    -ms-flex-direction: column;
    		        flex-direction: column;
		}
		#fiche-wrapper .download button.dl-form-button{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			border:0;
			cursor:pointer;
			width: auto;
			height:auto;
			font-size:.6rem;
			text-align: left;
    		margin: 0 auto;
    		padding:.5rem .5rem .35rem;;
    		-webkit-box-pack: justify;
    		    -ms-flex-pack: justify;
    		        justify-content: space-between;
		}
		#fiche-wrapper .download .dl-form{
			padding: 16px;
			padding:1rem;
			color: #0b4254;
		}
		#fiche-wrapper .dl-form-wrapper{
			position:relative;
			z-index: 20;
			left:0;
			top:0;
			opacity:0;
			-webkit-box-flex:1 0 auto;
			    -ms-flex:1 0 auto;
			        flex:1 0 auto;
			height:auto;
			min-height:50vh;
			width:100%;
			background: #f5f5f5;
			color: #0b4254;
			padding:16px;
			padding:1rem;
		}

			#fiche-wrapper .dl-form-wrapper .dl-form .row > div{
				padding: 0 8px;
				padding:0 .5rem;
			}
			#fiche-wrapper .dl-form-wrapper .close-form{
				float:right;
				position: relative;
    			z-index: 10;
    			transition: background-color .3s ease-in-out;
			}
				#fiche-wrapper .dl-form-wrapper .close-form:hover, #fiche-wrapper .dl-form-wrapper .close-form:focus{
					background-color: #ef8723;
				}
				#fiche-wrapper .dl-form-wrapper .close-form svg{
					fill:#02677b;
				}
			#fiche-wrapper .dl-form-wrapper ul#fiches-techniques{
				margin:0;
				padding:0;
			}
				#fiche-wrapper .dl-form-wrapper ul#fiches-techniques li{
					list-style-type: none;
				}
					#fiche-wrapper .dl-form-wrapper ul#fiches-techniques li input{
						margin-right: .25rem;
					}

	#fiche-wrapper ul.complements_val{
		margin:0;
		padding:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
		#fiche-wrapper ul.complements_val li{
			list-style-type: none;
			display:flex;
			align-items:center;
			margin:0 0 .5rem 1rem;
			color: #0c5d77;
    		font-size: .6rem;
		}
			#fiche-wrapper ul.complements_val li img{
				max-width:2rem;
				margin-right:.25rem;
				max-height: 1.5rem;
    			flex: 1;
			}

section#secondary{
	position:relative;
	z-index:0;
}
section#secondary .form form, section#secondary .form form>*,.sidebar{
	position: relative;
	z-index:1;

}
section#secondary .form form, .sidebar{
    padding: 1rem 0 6rem 1rem;
    border-left: 4px solid #31a8ab;
}
	section#secondary .form form:before, .sidebar:before{
		content:" ";
		display: block;
		height:100%;
		width:50%;
		position:absolute;
		top:0;
		left:0;
		background: #f5f5f5;
		z-index:-1;
	}
/*
section#secondary .surmesure{
    padding-top:3rem;
    transform:translateY(-4rem);
}
*/

.liste-familles{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
	.liste-familles .famille{
		text-align:center;
		margin-bottom: 16px;
		margin-bottom:1rem;
	}
		.liste-familles .famille svg{
			display:block;
			height:5rem;
			width:auto;
			margin: 0 auto 4.8px;
			margin:0 auto .3rem;
		    -webkit-transition: all .5s ease-in-out;
		    transition: all .5s ease-in-out;
		    opacity:1;
		    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		    -webkit-transform:scale(1);
		            transform:scale(1);
		}		
			.liste-familles .famille svg g{
				transition:transform .5s ease-in-out;
			}

		.liste-familles .famille a{
		    font-size: 16px;
		    font-size: 1rem;
		    -webkit-transition: all .5s ease-in-out;
		    transition: all .5s ease-in-out;
		    display:inline;
   		}
   			/*
   			.liste-familles .famille:hover svg{
   				opacity:.9;
   				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   				-webkit-transform:scale(1.1);
   				        transform:scale(1.1);
   			}
   			*/
   				.liste-familles .famille:hover svg g:nth-child(1){
   					transform:translateX(-10px);
   				}
   				.liste-familles .famille:hover svg g:nth-child(2){
   					transform:translateX(7px);
   				}
   				.liste-familles .famille:hover svg g:nth-child(3){
   					transform:translateX(-5px);
   				}
   				.liste-familles .famille:hover svg g:nth-child(4){
   					transform:translateX(2px);
   				}
   				.liste-familles .famille:hover svg g:nth-child(5){
   					transform:translateX(-10px);
   				}
   				.liste-familles .famille:hover svg g:nth-child(6){
   					transform:translateX(5px);
   				}
   				.liste-familles .famille:hover svg g:nth-child(7){
   					transform:translateX(2px);
   				}

#contenu .liste-familles{
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
	#contenu .liste-familles .famille{
		max-width:50%;
		width:50%;
		margin-top: 32px;
		margin-top:2rem;
	}
		#contenu .liste-familles .famille svg{
			display:block;
			height: 80px;
			height:5rem;
			width:auto;
			margin-bottom: 8px;
			margin-bottom: .5rem
		}
		#contenu .liste-familles .famille a{
			font-size: 16px;
			font-size: 1rem;
		    text-transform: uppercase;
		    font-family: Nunito;
		}

.liste-certifications{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
        justify-content: center;
    margin-top: 16px;
    margin-top:1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding:0;
}
	.liste-certifications .certification{
		list-style-type: none;
		width:40%;
		text-align:center;
		margin: 16px 16px;
		margin: 1rem 1rem;
	}
		.liste-certifications .certification span{
			font-size:.8rem;
			margin-top: 8px;
			margin-top:.5rem;
		}
		.liste-certifications .certification .logo-wrapper{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack:center;
			    -ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-align:center;
			    -ms-flex-align:center;
			        align-items:center;
			text-align:center;
		}
			.liste-certifications .certification .logo-wrapper, .liste-certifications .certification .logo-wrapper > div{
				height: 64px;
				height:4rem;
			}

			.liste-certifications .certification .logo-wrapper img{
				display:block;
				max-height:100%;
				width:auto;	
				max-width:150px;			
			}

#contenu{
	position: relative;
	overflow: hidden;
	z-index:1;
}
	#contenu > .row{
		position:relative;
		z-index:10;
		padding:8vh 5%;
	}
		#contenu > .row.mobile-reverse{
			flex-direction: column-reverse;
		}

		#contenu > .row.negative{
			z-index:20;
		}
		#contenu > .row.behind{
			z-index:5;
		}
			#contenu > .row.behind > div:first-child{
				z-index:10;
			}
			#contenu > .row.behind > div:last-child{
				z-index:5;
			}

		#contenu > .row.big-padding-top{
			padding-top:6rem !important;
		}

		#contenu > .row.with-previous{
			padding-top:0;
		}

		#contenu .negative{
			color:white;
			background:-webkit-linear-gradient(rgba(0, 103, 123, .8), rgba(7, 146, 113, .4)), url(assets/img/pattern2.png), url(assets/img/bg-agriplas-1.jpg);
			background:linear-gradient(rgba(0, 103, 123, .8), rgba(7, 146, 113, .4)), url(assets/img/pattern2.png), url(assets/img/bg-agriplas-1.jpg);
			background-size: auto,auto,cover;
	    	background-position: center center;
	    	padding-bottom:6vh;
		}
			#contenu .negative a{
				color:white;
				text-decoration: underline;
			}
			#contenu .negative:last-child{
			}

			#contenu .negative.section-surmesure{
				background:-webkit-linear-gradient(rgba(0, 103, 123, .8), rgba(7, 146, 113, .4)), url(assets/img/pattern2.png), url(assets/img/designer-3d.jpg);
				background:linear-gradient(rgba(0, 103, 123, .8), rgba(7, 146, 113, .4)), url(assets/img/pattern2.png), url(assets/img/designer-3d.jpg);
				background-size: auto,auto,cover;
		    	background-position: center center;
			}


		#contenu .wp-block-embed-vimeo{
		    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.6);
		    line-height: 0;

    	}

		#contenu hr, hr.separator {
		    display: block;
		    height: 6px;
		    width: 16px;
		    width: 1rem;
		    background: #00677b;
		    border-radius: 4px;
		    margin: 0 auto;
		    border:none;
		}


		#contenu .wp-block-image:not(.volumes){
			position: relative;
			padding: 16px;
			padding:1rem;
			max-width:100%;
		}
			#contenu .wp-block-image:not(.volumes) img{
				position: relative;
				z-index:3;
				-webkit-transition: all .5s ease-in-out;
				transition:all .5s ease-in-out;
			}
			#contenu .wp-block-image:not(.volumes):before, .wp-block-image:not(.volumes):after{
				position:absolute;
				content:" ";
				display: block;
				z-index:1;
				-webkit-transition: all .5s ease-in-out;
				transition:all .5s ease-in-out;
			}
			#contenu .wp-block-image:not(.volumes):before{
				display:none;
				height: 20vw;
			    width: 20vw;
			    background: rgba(0, 103, 123,.8);
			    border-radius: 50%;
			    -webkit-transform:translate3d(-1rem, -1rem, 0) scale(1);
			            transform:translate3d(-1rem, -1rem, 0) scale(1);
			    z-index: 4;
			    opacity:1;
			    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			}	
			#contenu .wp-block-image:not(.volumes):after{
				height: 50%;
			    width: 50%;
			    background: #f5f5f5;
			    bottom: 0;
			    right: 0;
			}

			#contenu .wp-block-image:not(.volumes):hover img{
				opacity:.9;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
				-webkit-transform:scale(1.1);
				        transform:scale(1.1);
			}
			#contenu .wp-block-image:not(.volumes):hover:before{
				-webkit-transform:translate3d(-1rem, -1rem, 0) scale(.5);
				        transform:translate3d(-1rem, -1rem, 0) scale(.5);
			    opacity:0;
			    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			}
			#contenu .wp-block-image:not(.volumes):hover:after{
				width:100%;
			}

			#contenu .wp-block-image:not(.volumes) figcaption{
				position: relative;
			    z-index: 10;
			    font-size: 1rem;
			    color: #888;
			    font-style: italic;
			    margin:0;
			}

article .date-link{
	font-size: 9.6px;
	font-size:.6rem;
	font-style: italic;
	color:#ccc;
	margin-bottom: 8px;
	margin-bottom: .5rem;
    border-bottom: 1px dashed #ccc;
    width: 50%;
}
article .entry-content{
	margin-bottom: 16px;
	margin-bottom:1rem;
}
	article .entry-content .wp-blcok-table{
		word-break: break-word;
		font-size:.6rem;
	}

.home article{
	padding:6vh 0;
}

.previous-next-nav{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80%;
    margin: 0 auto;
}
	.previous-next-nav a{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		color:#1e7490;
		font-size: 11.2px;
		font-size: .7rem
	}
		.previous-next-nav a[rel=prev]{
			margin-right:auto;
		}
		.previous-next-nav a[rel=next]{
			margin-left:auto;
		}

	
	#hero .previous-next-nav{
		width:auto;
		margin: 8px 0;
		margin:.5rem 0;
	}	
		#hero .previous-next-nav a{
			color:#88cbe6;
			font-size: 12.8px;
			font-size:.8rem;
		}
			#hero .previous-next-nav a svg path{
				fill:#88cbe6;
			}

	.pagination li.disabled a{cursor:default;color:#999}
	.pagination li i{font-size: 32px;font-size:2rem}
	.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}
	.pagination li.prev,.pagination li.next{width:10%}
	.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}

	.pagination a.button{margin:0 2px;}

		.pagination .prev, .pagination .next{
			line-height:0;
			-webkit-transition: -webkit-transform .5s ease-in-out;
			transition: -webkit-transform .5s ease-in-out;
			transition: transform .5s ease-in-out;
			transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
		}
		.pagination .prev{
			margin-right: 16px;
			margin-right:1rem;
		}
			.pagination a:hover .prev{
				-webkit-transform:translateX(-10px)!important;
				        transform:translateX(-10px)!important;
			}
		.pagination .next{
			margin-left: 16px;
			margin-left:1rem;
		}
			.pagination a:hover .next{
				-webkit-transform:translateX(10px)!important;
				        transform:translateX(10px)!important;
			}

#carte{
	line-height:0;
}
	h2.carte-title{
		position: absolute;
	    z-index:10;
	    background: #07404c;
	    box-shadow: 0 0 4px rgba(0,0,0,.2);
	    padding: 11.2px 8px 8px;
	    padding: .7rem .5rem .5rem;
	    color: white;
	    margin-top: -11.2px;
	    margin-top: -.7rem;	
	}
	#carte svg {
	    width: 150%;
	    height: auto;
	    /* max-height: 100%; */
	    position: absolute;
	    bottom: 0;
	}
		#carte svg polygon, #carte svg path{
			fill:#eee;
		}
		#carte svg #markers path{
			fill:#00677b;
		}
		#carte svg #markers text{
			fill:#015262;
			font-family:'Nunito', Arial, sans-serif;
			font-weight: bold;
			text-anchor:middle;
			font-size:10rem;
		}

	.page-template-societe #carte{
		height:80vh;
	}

	.page-template-societe #carte svg polygon, .page-template-societe #carte svg path {
	    fill: #e8eef1;
	}
	.page-template-societe #carte svg g.ie11, .page-template-societe #carte svg g.ie11 {
	    display:none;
	}

/**
	Template Société
*/

ul.liste-domaines{
	margin:0;
	padding:0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
	ul.liste-domaines li{
		list-style-type: none;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    padding: 8px;
	    padding: .5rem;
	    width: 50%;
	    font-size: 16px;
	    font-size: 1rem;
	}

ul.histoire-logos{
	width:80%;
	height:100%;
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right: 16px;
	margin-right:1rem;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-ms-flex-pack:distribute;
	    justify-content:space-around;
}
	ul.histoire-logos li{
		list-style-type: none;
		text-align:center;
		margin: 16px;
		margin:1rem;
	}

ul.histoire-timeline{
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	-ms-flex-pack:distribute;
	    justify-content:space-around;
	border-left:1px solid #00677B;
}
	ul.histoire-timeline li{
		position:relative;
		list-style-type: none;
		margin: 8px 0;
		margin:.5rem 0;
		padding-left:30px;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}
		ul.histoire-timeline li:before{
			content:" ";
			display: block;
			position:absolute;
			top:0;
			left:0;
			height:20px;
			width:20px;
			background:white;
			border:1px solid #00677B;
			border-radius: 50%;
			-webkit-transform:translateX(-50%);
			        transform:translateX(-50%);
		}
		ul.histoire-timeline li .date{
			font-weight:bold;
			color:#00677B;
			margin-right: 8px;
			margin-right:.5rem;
		}

/**
	Footer
*/	
footer#footer{
	position:relative;
	color:white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background:-webkit-linear-gradient(rgba(0, 103, 123, .8), rgba(0, 103, 123, .6)), url(assets/img/footer.jpg);
	background:linear-gradient(rgba(0, 103, 123, .8), rgba(0, 103, 123, .6)), url(assets/img/footer.jpg);
	background-size: cover;
	background-position: center;
	flex-direction:column-reverse;
}
	footer#footer > .row{
		-webkit-box-flex:1;
		    -ms-flex:1;
		        flex:1;
		padding-bottom: 32px;
		padding-bottom:2rem;
		margin:0;
	}
	footer#footer a{
		color:white;
	}
	footer#footer h5{
		text-transform: uppercase;
		margin-bottom: 16px;
		margin-bottom:1rem;
		text-align:center;
	}
	footer#footer ul{
		padding:0;
		margin:0;
	}
		footer#footer ul li{
			list-style-type: none;
			text-align: center;
		}
		footer#footer ul li span.post-date{
			color:#88cbe6;
		}
			footer#footer ul li:before{
				background:white;
			}
	footer#footer > .row:nth-child(1) > div:nth-child(1){
		padding:5vh 0;
		text-align:center;
	}
		footer#footer > .row:nth-child(1) > div:nth-child(2) .container-fluid{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
		    -webkit-box-orient: vertical;
		    -webkit-box-direction: normal;
		        -ms-flex-direction: column;
		            flex-direction: column;
		    -webkit-box-pack: justify;
		        -ms-flex-pack: justify;
		            justify-content: space-between;
		    height: 100%;
		    border-left:1px dashed #4b8ba0;
		}

			footer#footer > .row:nth-child(1) > div:nth-child(2) .container-fluid .row{
				margin-bottom: 32px;
				margin-bottom:2rem;
			}
				footer#footer > .row:nth-child(1) > div:nth-child(2) .container-fluid .row:last-child{
					margin-bottom:0;
				}
	footer#footer .mentions-legales ul{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
		footer#footer .mentions-legales ul li{
			padding:0;
			margin: 0 8px;
			margin:0 .5rem;			
		}
			footer#footer .mentions-legales ul li:before{
				display:none;
			}

	footer#footer .scroll-up{
		position:relative;
	    margin: 0;
	    padding: 1rem 1rem;
	    border: 0;
	    border-radius: 0;
	    background: #00677B;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    color:white;
	    -webkit-transition: all .5s ease-in-out;
	    transition:all .5s ease-in-out;
	    font-size:14px;
	    overflow: hidden;
	}
		footer#footer .scroll-up span{
			display:none;
			position:absolute;
			-webkit-animation-name: top-backwards;
			        animation-name: top-backwards;
    		-webkit-animation-duration: .5s;
    		        animation-duration: .5s;
    		-webkit-animation-timing-function: ease-in-out;
    		        animation-timing-function: ease-in-out;
    		-webkit-animation-fill-mode: forwards;
    		        animation-fill-mode: forwards;
		}
		footer#footer .scroll-up:hover{
			background-color:#EF8723;
			padding-top: 48px;
			padding-top:3rem;
		}
		footer#footer .scroll-up:hover span{
			-webkit-animation-name: top-forwards;
			        animation-name: top-forwards;
    		-webkit-animation-duration: .5s;
    		        animation-duration: .5s;
    		-webkit-animation-timing-function: ease-in-out;
    		        animation-timing-function: ease-in-out;
		}

		@-webkit-keyframes top-forwards {
		    0% {top:4rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		    50% {top:6rem;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    51% {top:0;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    100%{top:2rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		}

		@keyframes top-forwards {
		    0% {top:4rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		    50% {top:6rem;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    51% {top:0;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    100%{top:2rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		}

		@-webkit-keyframes top-backwards {    
		    0%{top:2rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		    50% {top:0;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    51% {top:6rem;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    100% {top:4rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		}

		@keyframes top-backwards {    
		    0%{top:2rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		    50% {top:0;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    51% {top:6rem;opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
		    100% {top:4rem;opacity:1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
		}

	footer#footer .widget.widget_media_image img{
		max-width:30%;
		margin-bottom: 16px;
		margin-bottom:1rem;
	}

	footer#footer ul.social-networks {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
		footer#footer ul.social-networks li{
			margin: 0 8px;
			margin:0 .5rem;
		}

	footer#footer .liste-familles img{
		max-width: 64px;
		max-width:4rem;
		max-height:3rem;
	}

	footer#footer #footer-2{
		display:none;
	}

	/* Video background */
	.videobg {
	  position: absolute;
	  width: 100%; /* Set video container element width here */
	  height: 100%; /* Set video container element height here */
	  overflow: hidden;
	  background: #111; /* bg color, if video is not high enough */
	}

	/* horizontally center the video */
	.videobg-width {
	  position: absolute;
	  width: 100%; /* Change width value to cover more area*/
	  height: 100%;
	  left: -9999px;
	  right: -9999px;
	  margin: auto;
	  overflow:hidden;
	}

	/* set video aspect ratio and vertically center */
	.videobg-aspect {
	  position: absolute;
	  width: 100%;
	  height: 0;
	  margin: 0;
	  padding-bottom: 56.25%; /* 16:9 ratio */
	  overflow: hidden;
	  
	}

	.videobg-make-height {
	  position: absolute;
	  top: 0; right: 0; bottom: 0; left: 0;
	}

	.videobg-hide-controls {
	  box-sizing: content-box;
	  position: relative;
	  height: 100%;
	  width: 100%;
	  /* Vimeo timeline and play button are ~55px high */
	  padding: 55px 97.7777px; /* 16:9 ratio */
	  top: -55px; 
	  left: -97.7777px; /* 16:9 ratio */
	}

	.videobg iframe {
	  position: absolute;
	  width: 100%;
	  height: 100%;
	  min-height: 100%;
	  top: 0;
	  left: 0;
	  border: 0 none;
	}

.feed-title{
	margin: 3em;
	}