/* --------------------------------------------------
  PIED DE PAGE
===================================================== */

#zone-pied-de-page {
	position: relative;
	color: #fff;
	background-color: #292b2f;
  }
  
  #pied {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
  }
	@media (max-width: 767px) {
	  #pied { width: 100%; padding-bottom: 0; }
	}
  
  #zone-pied-de-page form {
	margin: 0;
  }
  
  #plan-site {
	margin: 0;
	padding: 0;
	overflow: hidden;
  }
	@media (max-width: 767px) {
	  #plan-site { display: none; }
	}
  
  #plan-site #sections .colonne {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 160px;
  }
  
  #plan-site ul {
	margin: 0;
	padding: 0 0 0.5em 0;
	list-style: none;
  }
  
  #plan-site ul li {
	position: relative;
	display: block;
	margin: 0.8em 0;
	padding: 0;
  }
  
  #plan-site #sections h3 {
	margin: 1.5em 0;
	padding: 0;
	font-size: 1.0em;
	text-transform: uppercase;
  }
  
  #plan-site #tetes-sections {
	text-align: center;
	padding: 1em 0;
	color: #cbcbcb;
	overflow: hidden;
  }
  
  #plan-site #sections + #tetes-sections {
	border-top: 1px solid #3e3e3e;
  }
  
  #plan-site #tetes-sections h3 {
	display: inline;
	margin-left: 5px;
	padding-left: 8px;
	border-left: 1px solid #cbcbcb;
	font-size: 1.0em;
	text-transform: uppercase;
  }
  
  #plan-site #tetes-sections h3:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
  }
  
  #plan-site #tetes-sections h3 span.reseaux-sociaux {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 0;
	height: 0;
	line-height: 0;
  }
  
  #plan-site #tetes-sections ul {
	margin: 0;
	padding: 0;
  }
  
  #plan-site #tetes-sections ul li {
	display: inline-block;
	margin: 5px 0;
	padding: 0 7px 0 10px;
	border-left: 1px solid #cbcbcb;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
  }
  
  #plan-site #tetes-sections ul li:first-child,
  #plan-site #tetes-sections ul li.premier {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
  }
  
  #plan-site #sections ul.reseaux-sociaux { float: left; margin: 0 0 1em 0; }
  #plan-site #tetes-sections ul.reseaux-sociaux { display: inline-block; margin: 0; padding: 0; vertical-align: middle; }
  #plan-site ul.reseaux-sociaux li { float: left; margin: 0 10px 10px 0; padding: 0; }
  #plan-site ul.reseaux-sociaux li.ligne-rs { clear: left; }
  #plan-site ul.reseaux-sociaux li a { display: block; width: 24px; height: 24px; text-indent: -9999px; overflow: hidden;  background-position: center center;  background-repeat: no-repeat; }
  #plan-site ul.reseaux-sociaux li a.facebook { background-image: url(/ressources/images/ic-facebook-blanc.svg); }
  #plan-site ul.reseaux-sociaux li a.twitter { background-image: url(/ressources/images/ic-twitter-blanc.svg); }
  #plan-site ul.reseaux-sociaux li a.youtube { background-image: url(/ressources/images/ic-youtube-blanc.svg); }
  #plan-site ul.reseaux-sociaux li a.linkedin { background-image: url(/ressources/images/ic-linkedin-blanc.svg); }
  #plan-site ul.reseaux-sociaux li a.instagram { background-image: url(/ressources/images/ic-instagram-blanc.svg); }
  
  #plan-site a:link, #plan-site a:visited { display: flex; text-decoration: none; color: #fff; }
  #plan-site a:active, #plan-site a:hover, #plan-site a:focus { text-decoration: underline; color: #fff; }
  
  #plan-site #sections h3.reseaux-sociaux,
  #plan-site #sections h3.reseaux-sociaux-en { margin-top: 1em; }
  
  #plan-site #sections h3.mobile { margin-bottom: 1em; }
  #plan-site #sections h3.mobile-en { margin-bottom: 1.8em; }
  #plan-site ul.mobile li { margin: 0.1em 0; }
  
  #zone-legale {
	text-align: center;
	padding: 1em 0;
	font-size: 0.917em;
	color: #cbcbcb;
	border-top: 1px solid #3e3e3e;
	overflow: hidden;
  }
	@media (max-width: 767px) {
	  #zone-legale { text-align: left; }
	  #zone-legale ul { display: none; }
	}
  
  #zone-legale ul { position: relative; float: left; left: 50%; margin: 0.5em 0; padding: 0; list-style: none; }
  #zone-legale ul li { position: relative; float: left; right: 50%; padding: 0 5px; border-left: 1px solid #cbcbcb; }
  #zone-legale ul li:first-child { border: none; }
  #zone-legale ul li a { display: flex; white-space: nowrap; }
  #zone-legale a:link, #zone-legale a:visited { text-decoration: none; color: #cbcbcb; }
  #zone-legale a:active, #zone-legale a:hover, #zone-legale a:focus { text-decoration: underline; color: #cbcbcb; }
  #zone-legale .ot-sdk-show-settings { color: #cbcbcb; cursor: pointer; text-decoration: none; }
  #zone-legale .ot-sdk-show-settings:active, #zone-legale .ot-sdk-show-settings:hover, #zone-legale .ot-sdk-show-settings:focus { text-decoration: underline; color: #cbcbcb; }
  #zone-legale button.ot-sdk-show-settings { background-color: transparent; border: none; padding: 0; -webkit-appearance: none; }
  #zone-legale p.copyright { clear: both; margin: 0.5em 0; padding: 0; }
  #zone-legale p.slogan { margin: 0.5em 0; padding: 0; }
  
  #pied #logo-securite {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 140px;
  }
  #pied #logo-securite + #plan-site,
  #pied #logo-securite + #zone-legale {
	padding-left: 160px;
	padding-right: 160px;
  }
  #logo-mfda{
	min-width: 212px;
  }
  
  
  /* --------------------------------------------------
	BARRE FLOTTANTE
  ===================================================== */
  
  #barre-flottante {
	position: fixed;
	bottom: 0;
	width: 940px;
	z-index: 100;
  }
  
  #barre-flottante #btn-ouverture, #barre-flottante #btn-fermeture {
	position: absolute;
	bottom: 0;
	left: 441px;
	width: 57px;
	cursor: pointer;
  }
  
  #barre-flottante #btn-ouverture {
	height: 25px;
	background: url(/ressources/images/a00-barre-flottante-ouvrir.png) no-repeat center top;
	z-index: 130;
  }
  
  #barre-flottante #btn-fermeture {
	height: 40px;
	background: url(/ressources/images/a00-barre-flottante-fermer.png) no-repeat center top;
	z-index: 140;
  }
  
  #barre-flottante #ruban, #barre-flottante #ruban-ferme {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 940px;
	background-color: #007944;
  }
  
  #barre-flottante #ruban {
	height: 35px;
	z-index: 130;
  }
  
  #barre-flottante #ruban-ferme {
	height: 10px;
	display: none;
	z-index: 120;
  }
  
  #ruban ul {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	list-style: none;
  }
  #ruban ul li {
	position: relative;
	float: left;
	width: 25%;
	height: 100%;
	padding: 0 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
  }
  
  #ruban ul li.outils { margin-right: -30px; }
  #ruban ul li.conseils { margin-right: 30px; }
  #ruban ul li.faq { margin-left: 30px; }
  #ruban ul li.aide { margin-left: -30px;  }
  
  #ruban ul li a {  
	position: relative;
	z-index: 1;
	display: block;
	margin: auto;
	padding: 10px 10px 10px 40px;
	font-size: 1.083em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-position: 10px center;
	background-repeat: no-repeat;
	box-sizing: border-box;
  }
  #ruban ul li a:hover, #ruban ul li a:focus { text-decoration: underline; }
  
  #ruban ul li.outils a { background-image: url(/ressources/images/a00-barre-flottante-outils.png); }
  #ruban ul li.conseils a { background-image: url(/ressources/images/a00-barre-flottante-conseils.png); }
  #ruban ul li.faq a { background-image: url(/ressources/images/a00-barre-flottante-faq.png); }
  #ruban ul li.aide a { background-image: url(/ressources/images/a00-barre-flottante-aide.png); }


[data-whatinput=mouse].isolation-bootstrap-3 #zone-pied-de-page a:focus,
[data-whatinput=mouse].isolation-bootstrap-3 #zone-pied-de-page button:focus,
[data-whatinput=touch].isolation-bootstrap-3 #zone-pied-de-page a:focus,
[data-whatinput=touch].isolation-bootstrap-3 #zone-pied-de-page button:focus {
  outline: 0; }
[data-whatinput=keyboard].isolation-bootstrap-3 #zone-pied-de-page a:focus,
[data-whatinput=keyboard].isolation-bootstrap-3 #zone-pied-de-page button:focus {
  outline: #1a79c6 solid 2px; outline-offset: 2px; }