/* POLICES */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,300i,400,700,700i&display=swap');

/*	---------------- GENERIQUES --------------- */
html{height:100%;}
body{
	font-family: 'Josefin Sans', sans-serif;
	font-weight: lighter;
	font-size:16px;
	font-size:1em;
	line-height:1;
	background-color:#FFF;
	color:#000;
	height:100%;
	margin:0;
}
/* ----------------- GENERIQUES --------------- */
.no-padding{padding:0;}
h1{
	font-size: 1.6em;
	text-align: left;
	text-transform: uppercase;
}
h2{
	font-size: 1.6em;
	text-align: left;
	margin: 1.5em 0;
	word-break: break-word;
	text-transform: uppercase;
}
section h2{margin: 50px 0;}
body .page h2:after,
h2.after:after{
	content: '';
	display: block;
	height: 2px;
	background-color: #000;
	width: 80px;
	margin-top: 15px;
}
h3{
	font-size:1.3em;
	line-height:1.6em;
	text-align:left;
  margin-bottom: 0.5em;
}
h4{
	font-size: 1.2em;
	margin: 1em 0;
  font-weight: 400;
}
p{
	padding: 0 0 1em 0;
	line-height: 1.25em;
	font-size: 1em;
}
strong, b{font-weight: 400;}

/*	---------------- NAVIGATION --------------- */
.brand-name{
  margin: 11.5vh auto;
  padding: 0;
  height: 5vh;
  text-align: center;
  font-size: 3em;
  letter-spacing: 0.3em;
}
.navbar{margin:0;}
.navbar-fixed-top{border:0;}
#navbar-fixed{
	display:none;
	padding:0;
	margin:0;
	border-radius:0;
	right:0;
	left:auto;
}
#navbar-fixed .langues{
	display:block;
	left:auto;
	right:5px;
	top:5px;
	position:relative;
	float:right;
	z-index:999;
	min-height:1px;
	height:25px;
	overflow:hidden;
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
#navbar-fixed .langues:hover{
	min-height:1px;
	height:100%;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
#navbar-fixed li.home{width:60px;}
#navbar-fixed li.lang{
	display:block;
	width:25px;
	height:25px;
}
#navbar-fixed li a{
	display:block;
	padding:0;
	width:45px;
}
#navbar-fixed li.lang > a{
	width:25px;
	height:25px;
	font-size:0em;
	float:none;
}
#navbar{
	padding:20px 0 5px 0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#navbar .navbar-nav{
	width: 100%;
	margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#navbar .navbar-nav > li{
	display:inline-block;
	float:none;
}
	li.love,
	li.lost,
	li.fit,
	li.io,
	li.rdv,
	li.pro,
	li.market,
	li.forum{width:14%;}

#navbar .navbar-nav > li > a{
	text-align:center;
	display:block;
	width:100%;
	color:#000;
	font-size:0.7em;
}
#navbar .navbar-nav > li > a img{width:100px;}
#navbar .navbar-nav > li > a span{
  display:block;
  font-weight: 400;
  text-transform: uppercase;
}

/* BOUTON NAVIGATION PORTABLE */
#toggler .nav-title{
	left: 0;
	top: 3px;
	text-align: left;
	width: 115px;
	text-indent: 40px;
  line-height: 35px;
  font-family: Arial, Helvetica, sans-serif;
}
#toggler.navbar-toggle,
#toggler.navbar-toggle.collapsed{
  float: none;
	height: 25px;
	width: 30px;
	box-sizing: border-box;
	position: absolute;
	z-index: 999;
	top: -35px; left: 50%;
  margin: 0 0 0 -15px;
  padding: 0;
	cursor: pointer;
	transition: all 0.25s ease;
}
#toggler.navbar-toggle.collapsed .bar1,
#toggler.navbar-toggle.collapsed .bar2,
#toggler.navbar-toggle.collapsed .bar3{
	display:block;
	height:2px;
	width:30px;
	position:absolute;
	top:4px;
	background-color:#000;
	margin-bottom:8px;
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
#toggler.navbar-toggle.collapsed .bar2{top:15px;}
#toggler.navbar-toggle.collapsed .bar3{top:26px;}
#toggler.navbar-toggle .bar1{background-color:transparent;}
#toggler.navbar-toggle .bar2{
	display:block;
	height:2px;
	width:30px;
  top: 50%;
	position:absolute;
	margin-bottom:8px;
	background-color:#000;
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}
#toggler.navbar-toggle .bar3{
	display:block;
	height:2px;
	width:30px;
  top: 50%;
	position:absolute;
	margin-bottom:8px;
	background-color:#000;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all 0.25s ease;
	-moz-transition:all 0.25s ease;
	-ms-transition:all 0.25s ease;
	-o-transition:all 0.25s ease;
	transition:all 0.25s ease;
}

/* ------ WRAPPER ------ */
#wrapper{
    padding-left:0;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
#wrapper.toggled{padding-left:310px;}

/*---------------- MENU LEFT ----------------*/
#sidebar-wrapper{
    z-index:1000;
    left:220px;
    width:0;
    height:100%;
    margin-left:-220px;
    overflow-y:auto;
    overflow-x:hidden;
    background: #f2f2f2;
    -webkit-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    transition:all 0.5s ease;
}
#sidebar-wrapper::-webkit-scrollbar{display:none;}
#wrapper.toggled #sidebar-wrapper{
	width: 310px;
}
#page-content-wrapper{width: 100%;}
#wrapper.toggled #page-content-wrapper{
    position: absolute;
    margin-right: -360px;
}

/* Overlay */
.overlay{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(250,250,250,.8);
    z-index:1;
}
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus{background-color:transparent;}

.sidebar-nav{
  position: absolute;
  top: 0;
  width: 310px;
  margin: 0;
  padding: 30px;
  list-style: none;
}
.sidebar-nav li{
  position:relative; 
  line-height: 20px;
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  -webkit-transition:background .2s ease-in;
  -moz-transition:background .2s ease-in;
  -ms-transition:background .2s ease-in;
  transition:background .2s ease-in;
}
	.sidebar-nav li a,
  .sidebar-nav li.sidebar-brand h4{
    display: block;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 8px 0 0 40px;
    color: #000;
    text-decoration: none;
		transition:all 0.25s ease;
	}

	/* Les icones appli */
	.sidebar-nav li a img{
		margin:0 auto;
		height:35px;
	}
	.sidebar-nav li a:hover,
	.sidebar-nav li a:focus{
    background-color: none;
    padding-left: 50px;
		transition:all 0.25s ease;
	}
	.sidebar-nav li.sidebar-brand a:hover,
	.sidebar-nav li.sidebar-brand a:focus{padding-left: 30px;}
	.sidebar-nav li a:hover,
	.sidebar-nav li a:focus{background-color:transparent;}
  
  .sidebar-nav li.contact{background:url(../img/micro.svg) top left/30px auto no-repeat}
  .sidebar-nav li.io{background:url(../img/logo-oopet.png) top left/30px auto no-repeat}
	.sidebar-nav li.pro{background:url(../img/logo-fit-pro.png) top left/30px auto no-repeat}
	.sidebar-nav li.rdv{background:url(../img/logo-rdv.png) top left/30px auto no-repeat}
	.sidebar-nav li.fit{background:url(../img/logo-oopet-fit.png) top left/30px auto no-repeat}
	.sidebar-nav li.love{background:url(../img/logo_oopet_love.png) top left/30px auto no-repeat}
	.sidebar-nav li.lost{background:url(../img/logo_oopet_lost.png) top left/30px auto no-repeat}
	.sidebar-nav li.forum{background:url(../img/logo-oopet-forum.png) top left/30px auto no-repeat}

	.sidebar-nav li.sidebar-brand.pro{background-position: left center; margin-top: 0;}
	.sidebar-nav li.sidebar-brand.love{background-position: left center; margin-top: 0;}
	.sidebar-nav li.sidebar-brand.lost{background-position: left center; margin-top: 0;}
	.sidebar-nav li.sidebar-brand.fit{background-position: left center; margin-top: 0;}
	.sidebar-nav li.sidebar-brand.forum{background-position: left center; margin-top: 0;}
  
  .sidebar-nav li.sidebar-brand{
		position: relative;
		line-height: 20px;
		display: inline-block;
		width: 100%;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		margin-top: 20px;
    margin-bottom: 15px;
    background-size: 45px;
	}
  
	.sidebar-nav li.sidebar-brand a,
	.sidebar-nav li.sidebar-brand a:hover{
    text-align:center;
    padding: 5px 0;
    margin: 10px auto;
  }
	.sidebar-nav li.sidebar-brand h4{
    padding: 0;
    margin: 10px 0;
    text-align: center;
  }
	
	/* Sous menu langues */
  li.dropdown a.dropdown-toggle{
    position: relative;
    z-index: 99;
    background-color: transparent;
    line-height: 40px;
    padding: 0 0 0 40px;
  }
  li.dropdown a.dropdown-toggle:hover{padding-left: 40px;}

  ul.dropdown-menu{
    display: block;
    height: 0;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    transition: all 0.25s ease;
    background-color: #F2F2F2;
    font-size: 1em;
  }
  .dropdown-menu li.lang{
    margin: 0;
    display: inline-flex;
    position: relative;
    width: 100%;
    height: 40px;
    margin-bottom: 5px;
  }
  .dropdown-menu li.lang.active{display: none;}
  .dropdown-menu li.lang a,
  .dropdown-menu li.lang a.active,
  .dropdown-menu li.lang a:hover,
  .dropdown-menu li.lang a:focus{
    display: block;
    padding: 0 0 0 40px;
    background: none;
    width: 100%;
    color: #000;
    font: normal 15px/40px arial, helvetica, sans-serif;
    text-transform: capitalize;
  }
  .dropdown-menu li.lang a:hover,
  .dropdown-menu li.lang a:focus{background: none;}
    .fr{background: url(../img/fr.png) no-repeat center left / 20px;}
    .en{background: url(../img/gb.png) no-repeat center left / 20px;}
    .de{background: url(../img/de.png) no-repeat center left / 20px;}
    .es{background: url(../img/es.png) no-repeat center left / 20px;}
    .it{background: url(../img/it.png) no-repeat center left / 20px;}
    .pt{background: url(../img/pt.png) no-repeat center left / 20px;}

  .open ul{
    height: 220px;
    position: relative;
    margin-top: 0;
    overflow: hidden;
    padding-left: 40px;
  }

	/* MENU-AUTRES SITES */
	.sidebar-nav ul.oopet{
		display: flex;
		flex-direction: column;
	}
	.sidebar-nav ul.oopet li a span{
    display: block;
    font-size: 0.85em;  
  }

	/* Hamburger-Cross */
	.hamburger{
		position: fixed;
    top: 15px;
    margin: 0 0 0 15px;
		z-index: 999;
		display:block;
		width: 32px;
		height: 32px;
		background: transparent;
		border: none;
	}
	.hamburger:hover,
	.hamburger:focus,
	.hamburger:active{
		outline:none;
	}
	.overlay-close{
		width:100%;
		height:100%;
		display:block;
	}
	.hamburger.is-closed:before{
		content:'';
		display:block;
		width:100px;
		font-size:14px;
		color:#fff;
		line-height:32px;
		text-align:center;
		opacity:0;
		-webkit-transform:translate3d(0,0,0);
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-closed:hover:before{
		opacity:1;
		display:block;
		-webkit-transform:translate3d(-100px,0,0);
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-closed .hamb-top,
	.hamburger.is-closed .hamb-middle,
	.hamburger.is-closed .hamb-bottom,
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-middle,
	.hamburger.is-open .hamb-bottom{
		position:absolute;
		left:0;
		height:2px;
		width:100%;
		border-radius: 2px;
	}
	.hamburger.is-closed .hamb-top,
	.hamburger.is-closed .hamb-middle,
	.hamburger.is-closed .hamb-bottom{background-color:#000;}

  /*---------------- Espace Presse --------------- */
  .page.presse .hamburger.is-closed .hamb-top,
  .page.presse .hamburger.is-closed .hamb-middle,
  .page.presse .hamburger.is-closed .hamb-bottom{background-color: #A6AAA9;}

	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-middle,
	.hamburger.is-open .hamb-bottom{background-color:#5e5e5e;}	
	.hamburger.is-closed .hamb-top{ 
		top:5px; 
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-closed .hamb-middle{
		top:50%;
		margin-top:-1px;
	}
	.hamburger.is-closed .hamb-bottom{
		bottom:5px;  
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-closed:hover .hamb-top{
		top:0;
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-closed:hover .hamb-bottom{
		bottom:0;
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-open .hamb-top,
	.hamburger.is-open .hamb-bottom{
		top:50%;
		margin-top:-2px;  
	}
	.hamburger.is-open .hamb-top{ 
	-webkit-transform:rotate(45deg);
	-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);
	}
	.hamburger.is-open .hamb-middle{display:none; }
	.hamburger.is-open .hamb-bottom{
		-webkit-transform:rotate(-45deg);
		-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);
	}
	.hamburger.is-open:before{
		content:'';
		display:block;
		width:100px;
		font-size:14px;
		color:#fff;
		line-height:32px;
		text-align:center;
		opacity:0;
		-webkit-transform:translate3d(0,0,0);
		-webkit-transition:all .35s ease-in-out;
	}
	.hamburger.is-open:hover:before{
		opacity:1;
		display:block;
		-webkit-transform:translate3d(-100px,0,0);
		-webkit-transition:all .35s ease-in-out;
	}

/*---------------- CONTENU TYPE PAGE --------------- */
.page header{margin-bottom:30px;}
.page header .brand-name{
	position: absolute;
	left: 0;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	color: #FFF;
	font-size: 2em;
	width: 100%;
	height: auto;
	top: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.page header.contact{
  display: flex;
  align-items: center;
}
.page header.contact h1{
  text-align: right;
  padding-right: 50px;
  position: relative;
}
.page header .brand-name a{color: #000; text-decoration: none;}
	.page .brand-name.fixed{
		position:fixed !important;
		z-index:99;
		border-bottom:0;
		background: #FFF;
		color: #000;
		box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
		-webkit-transition:all 0.25s ease;
		-moz-transition:all 0.25s ease;
		-ms-transition:all 0.25s ease;
		-o-transition:all 0.25s ease;
		transition:all 0.25s ease;
	}
.page h1.title{
	margin:40vh auto 0 auto;
	font:300 3.45em/1.5 'Josefin Sans', sans-serif;
	text-align:center;
	letter-spacing:2px;
	text-transform:none;
	color:#FFF;
}
.page header.cgu{
	background:url(../img/cgu.jpg) no-repeat center top/cover;
	height:50vh;
}
.page header.charte{
	background:url(../img/charte-confiance.jpg) no-repeat center/cover;
}
.page header.politique{
	background:url(../img/confidentiel.jpg) no-repeat center/1280px auto;
	height:50vh;
}
.page header.contact{
	background:url(../img/pigeon-contact.jpg) no-repeat center 15%/cover;
}

header.home .fixed{
	position:relative !important;
	background:none;
}

body.page h2{
	text-transform:none;
	margin:1em 0;
	font-family: 'Josefin Sans', sans-serif;
}
body.page h2.engagement{
	font-weight:400;
	font-size:1.2em !important;
}
#page-content-wrapper h3{
font-family: 'Josefin Sans', sans-serif;
font-weight:400;
text-transform:none;
margin-top:0.5em;
}
#page-content-wrapper h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight:400;
  text-transform:none;
  margin-top:0.5em;
  margin-bottom:5px;
  text-align:left;
}
.page p{
	text-align:justify;
	font-size:1.1em;
	padding:0;
	line-height:1.1;
}
.page p strong{
	font-weight:400;
}
.page p img{
	display:inline;
}
.page em{
	font-weight:300;
	font-style:italic
}
.page .container ul li{
	line-height:1.25em;
	text-align:left;
	padding-left:55px;
}
.page .container ul li:before{
	content:'■ ';
	margin-left:-1em;
}

/*--------------- PAGE NOUS CONTACTER -------------- */
#page-content-wrapper.contact{
	margin-bottom:60px;
}

/* Formulaire */
form{font-size: 0.9em;}
form p.title{
	text-align:center;
	margin-bottom:40px;
	text-transform:none;
	font-size:1em;
}
	.select-objet{
		height: 37px;
		min-height: 37px;
		overflow: hidden;
		font-size: 1em;
		width: 100%;
		text-align: center;
    font-family: arial, helvetica, sans-serif;
    border-radius: 0;
    border: 0 solid #000;
    border-bottom-width: 1px;
	}
	.select-objet .caret{
		position:absolute;
		z-index:1;
		right:30px;
    top:14px;
    border-top: 8px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
  }
	.select-objet span.cache{
		content:'';
		position:absolute;
		display:block;
		width:30px;
		height:35px;
		background:#FFF;
		right:16px;
		top:1px;
	}
	.select-objet select{
		-webkit-appearance:none;
		-moz-appearance:none;
		appearance:none;
		width:100%;
		height:37px;
		min-height:37px;
		cursor:pointer;
		border:0;
		padding:10px 0;
	}
	.select-objet select:focus{outline:0;}
	.select-objet option:not(:checked){color:#000;}

	/* input */
	input,
	textarea,
	label{
		width: 100%;
		margin: 1em auto;
		display: block;
		text-align: center;
		line-height: 33px;
		min-height: 35px;
		color: #000;
		border: 1px solid #000;
		background-color: #FFF;
    font-family: arial, helvetica, sans-serif;
	}
  button{border-radius: 20px;}
  input[type="email"]{
    border-radius: 0;
    border: 0 solid #000;
    border-bottom-width: 1px;
    text-align: left;
  }
  .btn{
    display: block;
    width: auto;
    border-radius: 22px;
    border: 1px solid #000;
    background-color: #FFF;
  }
  .btn a{
    text-decoration: none;
    font-size: 1.2em;
    font-family: arial, helvetica, sans-serif;
  }
  .btn:focus,
  .btn:active{box-shadow: none;}
  .btn:hover{
    background-color: #F2F2F2;
  }
	textarea{
		padding:1em 5px;
		text-align:left;
		text-transform:none;
		max-width:100%;
	}
	:focus::-webkit-input-placeholder{color:#FFF;}
	:focus::-moz-placeholder{color:#FFF;}
	:focus:-ms-input-placeholder{color:#FFF;}
	:focus:-moz-placeholder{color:#FFF;}

	/* placeholder */
	::-webkit-input-placeholder{color:#000;}
	::-moz-placeholder{color:#000;}
	:-ms-input-placeholder{color:#000;}
	:-moz-placeholder{color:#000;}
	
	label.files{
		position: relative;
		overflow: hidden;
		cursor: pointer;
		text-transform: none;
		text-indent: 45px;
		text-align: left;
		max-width: 300px;
		border: 0;
    border-radius: 22px;
		background: #F2F2F2;
    height: 37px;
    line-height: 37px;
	}
	label.files span.label-before{
		position:absolute;
		z-index:1;
		width:100%;
		line-height:35px;
		text-indent:45px;
	}
	input[type="file"]{
		position:absolute;
		z-index:9;
		top:-100%;
		height:200%;
		width:100%;
		text-indent:50em;
		cursor:pointer;
		border:0;
		background:transparent url(../img/trombone.png) no-repeat 10px center/30px;
	}
	/* Captcha */
	.grecaptcha-badge{
		width:302px !important;
		max-width:100%;
		position:relative !important;
		margin:0 auto;
		right:0 !important;
		left: 0 !important;
		box-shadow:none !important;
	}
	.grecaptcha-badge iframe{
		width:100% !important;
		height:80px !important;
	}
	
	input[type="submit"]{
		border: 0;
		max-width: 300px;
    border-radius: 20px;
    border: 1px solid #000;
	}
	input[type="submit"]:hover,
	input[type="submit"]:focus{
    background-color:#F2F2F2;
    border-color: #F2F2F2;
  }
	
span.errors{
	position:relative;
	display:none;
	clear:both;
	width:100%;
	font-size: 1em;
  font-weight: bold;
  color: red;
	margin:0.5em 0;
	text-align:center;
}
span.errors.required{text-align:left;}
span.errors.error{color:red;}
	
p.mention{
	font-size:0.7em;
	margin-top:1em;
	text-align:center !important;
	color:#a6aaa9;
}
header{overflow:hidden;}

/*--------------- ESPACE PRESSS -------------- */
.header-press{
	background:url(../img/press.jpg) no-repeat center top/cover;
	height:50vh;
}
.page.presse ul li:before{display:none;}
	/* Boutons de navigation */
	.page.presse nav.buttons{margin-bottom:14px;}
	.page.presse nav.buttons ul li{
		padding:0 !important;
		margin:0 0 1em 0;
	}
	.presse nav.buttons li a{
		display:block;
		background-color:#F2F2F2;
		color:#000;
		font-size:1em;
		text-transform:uppercase;
		text-align:center;
		margin:0 15px;
		padding-top:12px;
		padding-bottom:10px;
	}
	.presse nav.buttons li a:hover,
	.presse nav.buttons li a.active{
		outline:1px solid #636c72;
		text-decoration:none;
	}
	/* Les communiquées de presse */
	.page.presse ul.communiques li{
		padding-left:0;
		color:#A6AAA9;
	}
	ul.communiques strong{
		font-weight:300;
		color:#000;
	}
	ul.communiques li{
		float:left;
		width:100%;
		border-bottom:1px solid #A6AAA9;
		line-height:1;
	}
	ul.communiques li:first-of-type{border-top:1px solid #A6AAA9;}
	ul.communiques li span{
		position:relative;
		padding-top:15px;
		padding-bottom:14px;
		display:inline-block;
	}
	ul.communiques li span.date{
		font-weight:300;
	}
	ul.communiques li .title-communique span:after{
		content:'...';
		position:absolute;
		right:-10px;
	}
	ul.communiques li span.more a{
		display:block;
		text-transform:none;
		font-size:0.85em;
		font-style:italic;
		text-align:center;
	}
	ul.communiques li span.download{
		padding-top:9px;
		padding-bottom:0;
	}
	ul.communiques li span.download a{
		display:block;
		height:30px;
		width:30px;
		float:right;
	}
	ul.communiques li span.download img{}
		.modal-content{
			width:90%;
			max-width:960px;
			max-height:90%;
			margin:0 auto;
			border-radius:0;
			box-shadow:none;
			top:50%;
			transform:translateY(-50%);
			border:0;
			overflow-y:scroll;
		}
		.modal-header{border:0;}
		.modal-header img{box-shadow:0 0 5px 0 #A6AAA9;}
		.modal-body{
			padding:0 15px 15px 15px;
		}
		figcaption{
			text-align: center;
			border-bottom: 1px solid #333;
		}
	
	/* Revue de presse */
	.revue-presse .reviews {
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
    padding: 0;
	}
	.page .revue-presse ul.reviews li {
		padding-left: 0;
		align-self: flex-start;
		width: 18%;
    margin: 0 1% 35px;
	}
	.revue-presse .reviews li figure {position: relative;}
  .revue-presse .reviews li figure figcaption{
    color: #000;
    text-align: left;
    margin-top: 12px;
    font-size: 0.75em;
    line-height: 1;
    font-weight: 400;
    border: 0;
  }
    .revue-presse .reviews li figure figcaption span.news{
      display: block;
      clear: both;
      text-transform: uppercase;
      margin-bottom: 4px;
      font-weight: 700;
    }
    .revue-presse .reviews li figure figcaption span.news:after{
      content: '';
      display: block;
      height: 1px;
      background-color: #000;
      width: 100%;
      margin-top: 2px;
    }
    .revue-presse .reviews li figure figcaption span.news-title{
      color: #A6AAA9;
      font-weight: 300;
    }

	.revue-presse .reviews li figure a {
		display:block;
		width:100%;
		height:100%;
	}
  .revue-presse .reviews li figure a:hover{text-decoration: none;}
  .page .revue-presse ul.reviews li img{box-shadow: 0 2px 5px 0 #A6AAA9;}
  .page .revue-presse ul.reviews li:hover img{box-shadow: 0 0 1px 0 #A6AAA9;}
  .page .revue-presse .reviews li figure img {max-height: 280px;}

	/* ICONOGRAPHIE */
    .icono #navbar-fixed{
        z-index:-1;
        position:fixed;
        top:5px;
        right:20px;
    }
    body.modal-open .icono #navbar-fixed{
        z-index:9999;
        transition-delay:0.5s;
    }
	.icono ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		flex:0 1 auto;
	}
	.icono ul li{
		align-self: flex-start;
		padding-left: 0 !important;
    margin-bottom: 30px;
	}
	.icono ul.pubs{margin:2em 0;}
	.icono ul.pubs li{width:23%;}
	.icono ul.pubs li img{
		box-shadow:0 2px 5px 0 #A6AAA9;
		margin:0 auto;
	}
	.icono ul.pubs li:hover img{box-shadow:0 0 1px 0 #A6AAA9;}
	
		/* Volet ouvrant */
		.modal.v-right{
			position:fixed;
			z-index:1000;
			top:0;
			left:auto;
			right:0;
			width:0;
			height:100%;
			margin-right:-50%;
			overflow-y:scroll;
			background:#FFF;
			border-left:1px solid #A6AAA9;
			padding:30px;
			-webkit-transition:all 0.25s ease;
			-moz-transition:all 0.25s ease;
			-ms-transition:all 0.25s ease;
			-o-transition:all 0.25s ease;
			transition:all 0.25s ease;
		}
		.modal.v-right.in{
			width:50%;
			min-width:300px;
			max-width:960px;
			margin-right:0;
		}
		.modal.v-right #navbar-fixed .langues{
			position:absolute;
			right:5px;
			top:5px;
		}
		.modal-backdrop{
			z-index:999;
			background:transparent;
		}
		.modal.v-right a.close{
			position:fixed;
			top:0;
			left:0;
      width:50%;
      height:100vh;
			opacity:1;
      background:rgba(0,0,0,.3);
		}
			.modal ul.formats{
				display: flex;
				justify-content: space-between;
				flex-direction: row;
        align-items: center;
				flex-wrap: wrap;
			}
			.modal ul.formats li{
        width: 48%;
        max-width: 300px;
      }
				.visuels{
					position: relative;
					padding: 0 0 30px;
          display: flex;
          align-items: center;
				}
				.modal .visuels img{
          margin: auto;
          box-shadow: 0 0 2px 0 #A6AAA9;
          width: 100%;
          box-shadow: 0 0 2px 0 #A6AAA9;
				}
        .modal .visuels a:after{
          content: 'Téléchargez';
          position: absolute;
          bottom: 30px;
          right: 0;
          left: 0;
          margin: 0 auto;
          width: 150px;
					padding: 10px;
					background: #FFF;
					text-decoration: none;
					text-align: center;
					text-transform: uppercase;
					font-size: 0.75em;
					color: #000;
				}
        .modal .visuels a:hover:after{font-weight: bold;}
				.modal .visuels a:hover,
        .modal .visuels a:focus{box-shadow: 0 0 8px 0 rgba(255,43,58,0.5);}
				.modal .visuels figcaption{
					border: 0;
          margin: 0 auto;
          color: #000;
          position: absolute;
          bottom: 0;
          text-align: center;
          width: 100%;
        }
				.modal .visuels:hover img,
				.modal .visuels:focus img,
				.modal .visuels:hover figcaption,
				.modal .visuels:focus figcaption{z-index:-1;}
				
/* ---------------- FOOTER --------------- */
#nav-footer{padding:0;}
#nav-footer .container{
	border-top:1px solid #dcdcdc;
	max-width: 960px;
}
#nav-footer h3{
	width: 100%;
	font-size:0.8em;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 30px 0 35px 0;
  padding-top: 0;
}
#nav-footer li > a{
	display: block;
	padding: 10px 0;
	color: #4b4b4b;
}
#nav-footer .contact, #nav-footer .site, #nav-footer .appli{
	display: flex;
	flex-direction: column;
}
/* Site-internet */
#nav-footer .site h3{
  width: 300px;
  margin: 30px auto 15px auto;
}
#nav-footer .site ul{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	width: 300px;
	margin: 0 auto;
}
/* Legales et Reseaux sociaux */
#legal{margin: 50px auto;}
#legal .container ul{float: left; display: flex; flex-wrap: wrap; justify-content: center;}
#legal .container ul.menu-social{float: right; margin-bottom: 1em;}
#legal .container ul li{
  margin-right: 15px;
  padding-left: 0;
  line-height: 40px;
  font-size: 0.85em;
}
#legal .container ul li a{color: #000;}
#legal .container ul li:before{display: none;}

#legal .container ul.menu-social li a{
	display: block;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	text-indent: -50em;
	overflow: hidden;
}
	a.fb{background:url(../img/fb.svg) no-repeat center / 30px;}
	a.tw{background:url(../img/tw.svg) no-repeat center / 30px;}
	a.ig{background:url(../img/ig.svg) no-repeat center / 30px;}
	a.gp{background:url(../img/gp.svg) no-repeat center / 30px;}
	a.lk{background:url(../img/lk.svg) no-repeat center / 30px;}
	a.vd{background:url(../img/vd.svg) no-repeat center / 30px;}
	a.pn{background:url(../img/pn.svg) no-repeat center / 30px;}


/* FOOTER sur les pages presse */
#social{margin-top:50px;}
#social p{
	text-transform:uppercase;
	text-align:center;
	padding:1.1em;
	font-size:0.85em;
}
#social ul{
	display:flex;
	justify-content:center;
}
#social ul li{
	text-indent:100%;
	width:50px;
	height:50px;
	overflow:hidden;
	padding:0;
	margin:0 10px;
}
#social ul li a{
	display:block;
	height:50px;
	background-size:50px;
}

/* RESPONSIVE */
@media only screen and (min-width:769px){
	#navbar-fixed{display:block;}
}

@media only screen and (max-width:992px){
	.hidden-sm{display: none !important;}
	.hidden-xs{display: block !important;}
	.icono ul.pubs li,
	.revue-presse .reviews li{width:31% !important;}
}

@media only screen and (max-width:767px){
  h2.after:after{margin: 15px auto 0;}
  h2{text-align: center;}
  
  .hidden-sm{display:block !important;}
  .hidden-xs{display:none !important;}
  .right{float:none;}

  #navbar-fixed{margin:0 auto;}
	#navbar > li{
		width:33.33%;
		float:left;
	}
	#navbar .navbar-nav > li{width:100% !important;}
	#navbar .navbar-nav > li > a img{width:100px !important;}


	#page-content-wrapper .navbar,
  .navbar-toggle,
	.navbar-collapse.collapse.in,
  .collapse,
	.navbar-collapse.collapse{display:none !important;}

	.page h1.title{font-size:2.45em;}
	.page .container{padding-left: 15px; padding-right: 15px;}
	.page.presse .container{padding:0 15px;}
	.page.presse .communiques{margin-top:1em;}
	
	.modal.v-right.in{width:88%;}
	
	.icono ul.pubs li,
	.revue-presse .reviews li{width:100% !important;}
	
	#nav-footer{padding:0 15px;}
	#nav-footer .sep li{
		text-align:center;
		margin-top:15px !important;
	}
	#nav-footer .sep.suivre ul h5{margin-bottom:0;}
	#nav-footer .sep.suivre ul{text-align:center;}
	#nav-footer .sep.suivre li{
		width:50px;
		height:50px;
		float:none;
		display:inline-block;
	}
	#nav-footer .sep{height:auto;}
	#nav-footer .sep:before{height:100%;}
	#nav-footer .sep ul h5{
		text-align:center;
		font-size:1.2em;
	}
	#nav-footer .sep.suivre a.fb,
	#nav-footer .sep.suivre a.tw,
	#nav-footer .sep.suivre a.ig,
	#nav-footer .sep.suivre a.gp,
	#nav-footer .sep.suivre a.lk,
	#nav-footer .sep.suivre a.vd,
	#nav-footer .sep.suivre a.pn{background-size:50px;}
	#nav-footer .sep.suivre .clear{display:none;}
  
  #nav-footer .contact h3,
  #nav-footer .site h3,
  #nav-footer .appli h3{width: 100%; margin: 15px 0 0;}
  #nav-footer .site ul{columns: 1; width:auto; margin: 0}
  #nav-footer li a:after{content:', ';}
	
  #legal .container ul:not(.menu-social){
    flex-direction: column;
    width: 100%;
    padding: 0 15px;
    align-items: center;
  }
  #legal ul.menu-social{width: 100%; justify-content: center;}
	#legal li a{width: 100%;}
  #legal .container ul li{font-size: 1em;}
}

@media only screen and (min-width:1200px){
	.page header.politique,
	.page header.cgu,
	.page header.header-press{
		background-position:center 40%;
		background-size:100% auto;
	}
	.page header.charte{
		background-position:center 15%;
		background-size:100% auto;
	}
}