@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700,700italic);
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
.ie7 audio,
.ie7 canvas,
.ie7 video,
.ie6 audio,
.ie6 canvas,
.ie6 video {
  display: inline;
  zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222222;
}
::-moz-selection {
  background: #888888;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #888888;
  color: #ffffff;
  text-shadow: none;
}
a {
  color: #77237a;
}
a:hover {
  color: #333333;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #fff8d5;
  color: #000000;
  text-decoration: none;
}
mark {
  background: #fff8d5;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
.nav,
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #97340c;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  background-color: #92acd5;
}
body {
  font-family: Ubuntu, Lucida sans, sans-serif;
  line-height: 20px;
  color: #444444;
}
a {
  text-decoration: none;
  color: #77237a;
}
a:active {
  position: relative;
  top: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizeLegibility;
}
canvas {
  display: block;
}
abbr {
  cursor: help;
}
img {
  max-width: 100%;
}
img.widen-image {
  width: 100% !important;
}
/* Balises formulaires ------------------------------------------------------ */
input,
select,
textarea {
  font-family: inherit;
  border: 1px #cccccc solid;
  border-top-color: #a1a1a1;
  color: #444444;
  background-color: #fff;
}
input[type=radio],
input[type=checkbox] {
  border: 0;
  background-color: transparent;
}
input[type="file"] {
  border: 0;
  background-color: #fbfafa;
  font-size: 84.6%;
}
input[type="button"],
input[type="submit"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  background: #77237a;
  font-weight: bold;
  color: #fff;
  padding: 3px 10px;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus {
  background-color: #333333;
}
input[type="button"]:active,
input[type="submit"]:active {
  position: relative;
  top: 1px;
}
input[type="text"],
input[type="password"] {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 3px 3px 3px 3px;
}

/* Compléments en formulaire ------------------------------------------------ */
.form fieldset {
  border-top: 1px #cccccc solid;
  padding-top: 10px;
}
.form fieldset.fieldset-invisible {
  margin: 0;
  padding: 0;
  border: 0;
}
.form fieldset.fieldset-invisible legend {
  margin: 0;
  padding: 0;
  display: block;
  padding: 20px 0 20px 0;
}
.form legend {
  font-size: 123.1%;
  color: #77237a;
  font-weight: bold;
  padding: 0 15px 0 15px;
}
.form label {
  color: #77237a;
  font-weight: bold;
  display: block;
  margin: 0 0 5px 0;
}
.form label .erreur {
  font-size: 80%;
  display: block;
  color: #97340c;
}
.form label span {
  color: #444444;
}
.form input[type="text"],
.form input[type="password"],
.form input[type="file"],
.form select,
.form textarea {
  width: 100%;
  padding: 3px;
}
.form input[type="checkbox"],
.form input[type="radio"] {
  margin-right: 5px;
}
.form p,
.form ul,
.form ol {
  padding-left: 60px;
}
.form dl dt {
  float: left;
  width: 10px;
}
.form dl dd {
  margin: 2px 0;
  float: left;
  width: 200px;
}
.form p.error {
  background-color: #e0a95e;
  color: #FFFFFF;
  padding: 5px;
  margin-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.form .mention,
.form .field-line,
.form .field-valid,
.form .message {
  padding: 0 0 0 60px;
  margin: 10px 0 10px 0;
}
.form .mention {
  font-style: italic;
}
.form .message {
  padding: 10px 0 10px 60px;
}
.form .message ol,
.form .message ul {
  margin: 0;
  padding: 0;
}
.form .message.erreur {
  background-color: #fff6e2;
}
.form .field-line ul {
  zoom: 1;
  margin: 0;
  padding: 0;
}
.form .field-line ul:before,
.form .field-line ul:after {
  content: "";
  display: table;
}
.form .field-line ul:after {
  clear: both;
}
.form .field-line li {
  list-style: none;
  display: block;
  float: left;
  width: 45%;
  margin: 0 8px 0 0;
}
.form .field-line li label {
  font-size: 84.6%;
  color: #444444;
  display: inline;
  font-weight: normal;
}
.form .field-line.placehold {
  position: relative;
}
.form .field-line.placehold label {
  font-weight: normal;
  color: #444444;
  position: absolute;
  left: 70px;
}
.form .erreur input[type="text"],
.form .erreur input[type="password"],
.form .erreur input[type="file"],
.form .erreur textarea,
.form .erreur select {
	/*background-color: #fff6e2;*/
	margin: 10px 0 10px 0;
}
.form .inlined {
  margin: 10px 0 10px 0;
}
.form .inlined input[type="text"],
.form .inlined input[type="password"],
.form .inlined input[type="file"],
.form .inlined select,
.form .inlined textarea {
	width: auto;
}
.form .pseudo-label {
	color: #77237a;
	font-weight: bold;
	padding: 0;
}
.form .field-valid {
	text-align: right;
}
.form .help {
	font-size: 85%;
}
.invisible {
	display: none;
}
.visible {
	visibility: visible;
}
/* Navigations */
.nav,
nav ul {
	margin: 0;
}
.nav li,
nav ul li {
  list-style: none;
}
/* Des icônes */
.icn {
	background: url(../img/icones.png) no-repeat;
}
/* Le bouton imprimer */
.print-button {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	background: url(../img/icones.png) no-repeat;
	border-radius: 3px;
	width: 22px;
	height: 22px;
	background-color: #77237a;
	display: none;
}
.print-button br {
	display: none;
}
.print-button:hover,
.print-button:focus {
	background-color: #333333;
}
.print-button:active {
	position: absolute;
	top: auto;
}
/* Widgets, contenus sous forme de boite ------------------------------------ */
.box {
	position: relative;
	border: 1px #cccccc solid;
	border-bottom-color: #a1a1a1;
	background-color: #fbfafa;
	margin: 10px 0 10px 0;
}
.box a {
	color: #77237a;
}
.box a:hover,
.box a:focus {
	color: #333333;
}
.box .ctrl {
	font-size: 107.7%;
	font-weight: normal;
	text-transform: lowercase;
	color: #005da5;
	padding: 0 0 0 8px;
}
.box .ctrl span {
	font-weight: bold;
}
.box .box-content {
	padding: 0 0 10px 8px;
	margin: 0 8px 0 0;
}
.box.big {
	/* Widgets centraux (large) */
	border-left-color: #a1a1a1;
}
.box.big h2,
.box.big .box-title {
	font-size: 138.5%;
	color: #005da5;
	margin: 10px 0 10px 0;
	font-weight: normal;
	padding: 0 0 0 8px;
}
.box.big .box-content {
	border-top: 1px #cccccc solid;
	padding-top: 10px;
}
.box.big .box-content h2 {
	padding: 0;
	font-weight: bold;
}
.box.big .box-content h1,
.box.big .box-content h2,
.box.big .box-content h3,
.box.big .box-content h4,
.box.big .box-content h5,
.box.big .box-content h6 {
	color: #005da5;
}
.box.big .box-content h3 {
	font-size: 15px;
}
.box.big.generique {
	/* Boite de contenu sans spécificité */
}
.box.big.generique p.intro {
	border-bottom: 1px solid #CCCCCC;
	color: #005DA5;
	font-size: 93%;
	font-weight: 700;
	margin: 0 10px 0 0;
	padding: 0 0 10px 10px;
}
.box.big.generique p,
.box.big.generique ul {
	font-size: 92.3%;
	margin: 0 0 10px 0;
	line-height: 16px;
}
.box.big.generique li {
	list-style: disc;
	margin: 0;
	padding: 0;
}
.box.big.generique h3,
.box.big.generique h4,
.box.big.generique h5,
.box.big.generique h6 {
  margin: 0 0 10px 0;
}
.box.big.generique h3 {
  font-size: 123.1%;
}
.box.big.generique h4 {
  font-size: 107.7%;
}
.box.big.generique h5 {
  font-size: 84.6%;
}
.box.big.generique h6 {
  font-size: 69.2%;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#article .box {
  /* Les boites .box présentes dans le contenu principal */
  font-size: 110%;
  border: 0;
  margin-right: -20px;
  position: relative;
  left: -10px;
  width: 100%;
  padding: 0 30px 20px 0;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #a1a1a1 solid;
  background: #fbfafa url(../img/bg-complement.png) repeat-y top right;
  margin: 10px 0 20px 0;
}
#article .box .box-content {
  zoom: 1;
}
#article .box .box-content:before,
#article .box .box-content:after {
  content: "";
  display: table;
}
#article .box .box-content:after {
  clear: both;
}
#article .box .pic {
  margin-right: 10px;
  float: left;
}
#article .box .box-pager {
  clear: both;
  margin: 0;
}
.ie7 #article .box .box-pager {
  padding-left: 0;
  display: inline;
  width: auto;
  margin: 0 auto;
}
.ie7 #article .box .box-pager li {
  text-align: center;
}
.box.round {
  /* Boites contenant la navigation de droite */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.ie7 .box.round h2,
.ie8 .box.round h2 {
  font-size: 84.6%;
}
.box.round .ctrl {
  margin-bottom: 4px;
  margin-top: 4px;
}
.box.round .box-content {
  font-size: 92.3%;
}
.box.round .nav {
  color: #8e8e8e;
  /* style de la page active dans le menu de droite */
}
.box.round .nav li {
  line-height: 20px;
}
.box.round .nav a {
  line-height: 16px;
  margin-bottom: 4px;
  display: block;
  background: url('../img/puce-nav-side.png') no-repeat 1px 8px;
  padding-left: 10px;
}
.box.round .nav a:hover,
.box.round .nav a:focus {
  background-position: 0px -163px;
}
.ie7 .box.round .nav a {
  margin-bottom: 0;
}
.box.round .nav .current {
  color: #444444;
  margin-left: 10px;
  margin-top: -3px;
  list-style: none;
  font-weight: 600;
  line-height: 20px;
}
.box .foldCtrl {
  /* Widget foldable */
  color: #005da5;
  position: static !important;
}
.box .foldCtrl .icn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-position: -117px 0;
  background-color: #005da5;
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 15px;
}
.box .foldCtrl:hover .icn,
.box .foldCtrl:focus .icn {
  background-color: #333333;
  -moz-box-shadow: 0 0 5px #7ed3f7;
  -webkit-box-shadow: 0 0 5px #7ed3f7;
  box-shadow: 0 0 5px #7ed3f7;
}
.box .foldCtrl:hover h2,
.box .foldCtrl:focus h2 {
  color: #333333;
}
.box.up .icn {
  background-position: -101px 0;
}
.box.round .icn {
  top: 7px;
  right: 4px;
}
.box.big .icn {
  top: 12px;
  right: 10px;
}
.title-light {
  font-weight: normal;
}
.title-blue {
  color: #005da5;
}
.panel {
  margin-bottom: 20px;
  margin-top: 20px;
}
.panel .panel-heading {
  padding: .8em 0 .8em 0;
}
.panel .panel-title {
  margin: 0;
  padding: 0;
}
.panel-th0 .panel-heading {
  background-color: #005da5;
  padding: .8em 0 .8em 1em;
}
.panel-th0 .panel-title {
  color: white;
}
.panel-agenda {
  background-color: white;
  padding: 10px;
}
.panel-agenda a {
  color: #77237a;
}
.panel-agenda img {
  width: 100%;
}
.panel-agenda .panel-title {
  color: #005da5;
}
.panel-agenda .item img {
  display: block;
  margin-bottom: 20px;
}
.panel-agenda .item h1 {
  margin: 0;
  padding: 0;
  font-size: 123.1%;
}
.panel-agenda .item-title {
  margin-bottom: 0;
}
.panel-agenda h1.item-title {
  font-size: 15px;
}
.panel-agenda .date,
.panel-agenda .theme,
.panel-agenda .body {
  font-size: 92.3%;
  line-height: 20px;
  padding: 0;
}
.panel-agenda .theme {
  font-weight: bold;
}
.panel-agenda .criteres {
  overflow: hidden;
}
.panel-agenda .inline {
  float: left;
  margin-right: 10px;
}
.panel-agenda .inline input,
.panel-agenda .inline select {
  width: 100%;
}
.panel-agenda .pseudo-label {
  margin: 0 10px 0 0;
}
.panel-agenda .all {
  margin-top: 40px;
  margin-bottom: 20px;
}
.pic {
  position: relative;
  min-height: 200px;
  /* Illustration sur toute la largeur */
  /*Légende des images d'article : si la légende passe sur deux lignes, provoquaient un pbm d'affichage*/
}
.pic.full {
  margin-left: -10px;
  margin-right: -10px;
}
.pic.full img {
  width: 100%;
}
.pic.isCaptioned {
  margin-bottom: 60px;
	min-height: auto;
}
.pic img {
  background: #444444 url(../img/logo-mono-small.png) 50% 50% no-repeat;
  color: #fff;
  display: block;
}
.ie7 .pic img {
  /*Correction IE7*/
  text-align: left;
}
.pic .caption,
.pic .news-single-imgcaption {
  font-size: 90%;
  padding-left: 15px;
  color: #4C4C4C;
  float: left;
}
.pic .csc-textpic-imagerow img {
  width: auto;
}
.media {
  margin-bottom: 20px;
}
.media h1,
.media h2,
.media h3,
.media h4,
.media h5,
.media h6 {
  margin-top: 0;
  margin-bottom: 0;
}
.media .info {
  margin: 0;
  padding: 0;
}
.media .media-title {
  font-size: 138.5%;
  line-height: 1.2;
}
.caption {
  font-size: 92.3%;
  font-style: italic;
  display: block;
}
.bar {
  font-size: 107.7%;
  font-weight: normal !important;
  background-color: #005da5;
  border-right: 20px #005da5 solid;
  padding: 5px 0 5px 10px;
  color: #fff;
  margin-left: -10px;
  margin-right: -10px;
}
.bar span {
  font-weight: bold;
}
.cartouche {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 138.5%;
  border: 1px #cccccc solid;
  background: #fff;
  padding: 3px 5px 5px 5px;
  margin: 0 0 20px 0;
}
.cartouche span {
  font-weight: bold;
}
/* Diaporama ---------------------------------------------------------------- */
.diapo {
  position: relative;
  line-height: 15px;
}
.diapo img {
  display: block;
}
.diapo .pic {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.diapo .icn {
  background-position: -239px 0;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
  position: absolute;
  top: 50% !important;
  left: 50%;
}
.diapo a:hover .icn,
.diapo a:focus .icn {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #005da5;
}
.diapo .content-titre {
  font-size: 92.3%;
}
.diapo .content-text {
  font-size: 84.6%;
}
.diapo .content-text-diapo {
  /* Demande d’augmenter l’écart entre l’image et la description */
  margin-top: 30px;
}
/* Lien tous les xxx -------------------------------------------------------- */
.all {
  font-size: 138.5%;
  text-align: right;
}
.all span {
  font-weight: bold;
}
/* Blocs de complements à l’article
(commentaires, elements a télécharger…) ------------------------------------- */
.complement {
  border-top: 1px #cccccc solid;
  border-bottom: 1px #a1a1a1 solid;
  padding: 20px 30px 20px 0;
  margin: 40px -9px 20px -10px;
  background: #fbfafa url(../img/bg-complement.png) repeat-y top right;
  clear: both;
}
.complement p,
.complement ul,
.complement ol {
  padding-left: 70px;
}
.complement a {
  color: #77237a;
}
.complement a:focus,
.complement a:hover {
  color: #333333;
}
.complement .item {
  margin-bottom: 20px;
}
.complement .pager {
  padding: 0 0 0 20px;
}
.complement .map {
  margin: 0 0 0 70px;
  padding: 5px;
  border: 1px #ccc solid;
}
.complement .map iframe {
  display: block;
}
.complement .message {
  padding: 0 0 0 15px;
}
.complement h2,
.bubble {
  margin: 0;
  padding: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 123.1%;
  text-transform: lowercase;
  font-weight: normal;
  display: inline-block;
  line-height: 20px;
  background-color: #005da5;
  color: #fff;
  padding: 3px 10px 4px 10px;
}
.complement h2 span,
.bubble span {
  font-weight: bold;
}
.bubble {
  margin-left: -10px;
  margin-bottom: 20px;
}
.bar + .complement,
.legendes + .complement {
  margin-top: 0;
}
.billeterie {
  margin-right: -30px;
  margin-top: 60px;
  background-color: #faeefa;
  background-color: rgba(119, 35, 122, 0.1);
  padding: 20px 0;
}
.bigbubble {
  margin-top: -40px;
  background: #77237a url(../img/flower.png) no-repeat 10px 10px;
  display: inline-block;
  padding: 10px 20px 10px 60px;
  color: #fff;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}
.bigbubble p {
  margin: 0;
  padding: 0;
}
.bigbubble-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 180% !important;
  background-color: transparent !important;
  font-weight: bold !important;
}
/* Contenu principal -------------------------------------------------------- */
.pager {
  zoom: 1;
  margin: 40px 0;
  width: 100%;
}
.pager:before,
.pager:after {
  content: "";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  list-style: none;
  vertical-align: middle;
  text-align: center;
  padding: 3px;
}
.pager a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #77237a;
  color: #fff !important;
  display: inline-block;
  font-weight: bold;
}
.pager a:hover,
.pager a:focus {
  background-color: #501852;
}
.pager a:hover .chevron,
.pager a:focus .chevron {
  background-color: #77237a;
}
.pager .chevron {
  display: inline-block;
  background-color: #333;
}
.pager .prev a {
  padding-right: 12px;
}
.pager .prev .chevron {
  margin-right: 8px;
  padding: 3px 8px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pager .next a {
  padding-left: 12px;
}
.pager .next .chevron {
  margin-left: 8px;
  padding: 3px 8px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager .current a,
.pager .off a {
  cursor: default;
}
.pager .current a {
  background-color: #cccccc !important;
  color: #444444 !important;
}
.pager .off a {
  background-color: #cccccc !important;
  color: #999999 !important;
}
.pager .pager-select {
  text-align: center;
}
@media (min-width: 960px) {
  .pager {
    display: table;
  }
  .pager li {
    display: table-cell;
  }
  .pager .next {
    text-align: right;
  }
  .pager .prev {
    text-align: left;
  }
}
/* Legendes des cartes ------------------------------------------------------ */
.legendes {
  zoom: 1;
  padding: 10px 0;
}
.legendes:before,
.legendes:after {
  content: "";
  display: table;
}
.legendes:after {
  clear: both;
}
.legendes h2 {
  font-size: 123.1%;
  font-weight: normal;
  text-transform: lowercase;
}
.legendes h2 span {
  font-weight: bold;
}
.legendes li {
  font-size: 84.6%;
  line-height: 1.2;
  width: 33%;
  float: left;
  margin-bottom: 10px;
}
.legendes img {
  float: left;
  display: inline-block;
  vertical-align: baseline;
  margin-top: -5px;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.video {
  background-color: #000;
  padding-bottom: 67.5%;
  position: relative;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.iframe-responsive {
  background-color: #000;
  padding-bottom: 67.5%;
  position: relative;
}
.iframe-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.col {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}
.row {
  margin-right: -10px;
  margin-left: -10px;
  zoom: 1;
}
.row:before,
.row:after {
  content: "";
  display: table;
}
.row:after {
  clear: both;
}
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
}
.col1 {
  width: 8.3333333%;
}
.col2 {
  width: 16.6666666%;
}
.col3 {
  width: 24.9999999%;
}
.col4 {
  width: 33.3333332%;
}
.col5 {
  width: 41.6666665%;
}
.col6 {
  width: 49.9999998%;
}
.col7 {
  width: 58.3333331%;
}
.col8 {
  width: 66.6666664%;
}
.col9 {
  width: 74.99999969999999%;
}
.col10 {
  width: 83.333333%;
}
.col11 {
  width: 91.6666663%;
}
.col12 {
  width: 99.9999996%;
  float: none;
  zoom: 1;
}
.col12:before,
.col12:after {
  content: "";
  display: table;
}
.col12:after {
  clear: both;
}
/* Articles ----------------------------------------------------------------- */
.titre-liste-articles {
  font-weight: normal;
}
.art {
  margin: 0 0 20px 0;
  overflow: hidden;
}
.art .art-title {
  font-size: 138.5%;
  margin: 0 0 20px 0;
}
.art .content-text {
  margin: 0 0 20px 0;
  font-size: 107.7%;
}
.art .meta {
  top: 0;
  bottom: auto;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.art .pic,
.art .content {
  float: left;
  padding-right: 20px;
}
.art .pic {
  width: 50%;
}
.art .content {
  width: 50%;
}
.art .comments {
  overflow: hidden;
  clear: both;
  width: 100%;
  display: block;
  background-size: cover;
  margin-top: 40px;
}
@media (max-width: 480px) {
  .art .pic,
  .art .content {
    width: auto;
    float: none;
    padding: 0;
  }
  .art .pic {
    margin-bottom: 20px;
  }
}
@media (min-width: 760px) {
  .art .pic {
    width: 40%;
    margin: 0 0 20px 0;
  }
  .art .content {
    width: 60%;
  }
}
@media (min-width: 1200px) {
  .art .meta {
    top: auto;
    bottom: 5px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
}
/* Méta-infos associées aux illus (vidéo, diaporama + date) ----------------- */
.meta {
  font-size: 84.6%;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-shadow: 0 1px 0 #003259;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: #005363;
}
.meta strong {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.meta li {
  display: inline;
}
.meta .icn {
  margin-right: 5px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.ie7 .meta .icn,
.ie8 .meta .icn {
  margin-top: 0;
}
.meta .date,
.meta .vdo,
.meta .diap {
  display: block;
  float: left;
  padding: 0 5px 0 5px;
  border-right: 1px #33818f solid;
}
.meta .vdo .icn {
  background-position: -303px 0;
}
.meta .diap .icn {
  background-position: -317px 0;
}
.meta .date:last-child,
.meta .vdo:last-child,
.meta .diap:last-child {
  border: 0;
}
/* Réseaux sociaux dans les articles----------------------------------------- */
.comments {
  zoom: 1;
  background: url('../img/bg-comm.png') no-repeat bottom left;
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;
}
.comments:before,
.comments:after {
  content: "";
  display: table;
}
.comments:after {
  clear: both;
}
.comments .comments-title {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.comments iframe,
.comments .comment-link,
.comments .gplus {
  float: left;
  padding: 0 0 0 5px;
}
.comments iframe {
  /* FB */
  background: transparent!important;
  border: none;
  width: 90px;
  height: 30px;
  vertical-align: middle;
}
.comments .gplus {
  width: 40px;
  padding: 3px 0 0 0;
}
.comments .comment-link {
  font-size: 84.6%;
  font-weight: bold;
  float: left;
  color: #444444;
}
.comments .comment-link:hover,
.comments .comment-link:focus {
  color: #005363;
}
.comments .icn {
  display: block;
  height: 16px;
  float: left;
  background-position: -131px 2px;
  padding: 0 0 0 16px;
  margin: 0 5px 0 0;
}
.comments a {
  /* règle le pbm d'affichage de la barre commentaires, facebook, g+*/
  color: #444444;
  float: left;
  font-size: 84.6%;
  font-weight: bold;
}
.agenda-meta {
  margin-left: 20px;
}
.agenda-date {
  font-weight: bold;
}
.agenda-type-evenement {
  color: #005da5;
  text-transform: uppercase;
  font-size: 120%;
}
/* Fichiers à télécharger --------------------------------------------------- */
.files {
  padding: 0 0 0 55px;
  margin-top: 30px;
}
.files li {
  list-style: none;
  padding-left: 25px;
  text-indent: -25px;
  line-height: 15px;
  margin: 0 0 10px 0;
}
.files .file {
  /* Types de fichiers mis en téléchargement */
}
.files .file img {
  background: url(../img/icones.png) no-repeat;
  display: inline-block;
  width: 19px;
  height: 20px;
  margin: -6px 5px 0 0;
  background-position: -431px 0;
}
.files .file span {
  display: block;
  color: #444444;
  font-size: 85%;
  padding: 0 0 0 25px;
}
.files .file.pdf img {
  background-position: -431px 0;
}
.files .file.doc img {
  background-position: -450px 0;
}
.files .file.xls img {
  background-position: -469px 0;
}
.files .file.ppt img {
  background-position: -488px 0;
}
.files .file.jpg img {
  background-position: -507px 0;
}
.files .file.mp3 img {
  background-position: -526px 0;
}
.files .file.rtf img {
  background-position: -545px 0;
}
.files .file.txt img {
  background-position: -564px 0;
}
/* Liste de PDF complète */
.browser {
  padding: 0px !important;
  list-style: none;
  border-top: 1px #cccccc solid;
  /* Item de la liste */
}
.browser a {
  font-weight: bold;
  padding: 0 0 0 27px;
  display: block;
}
.browser a .filetype {
  color: #444;
  font-weight: normal;
  font-size: 90%;
}
.browser .file {
  border-bottom: 1px #cccccc solid;
  padding: 10px 0 10px 10px;
  /* Types de fichiers mis en téléchargement */
}
.browser .file img {
  background: url(../img/icones.png) no-repeat;
  display: inline-block;
  width: 19px;
  height: 20px;
  margin: -5px 0 0 -22px;
  background-position: -431px 0;
}
.browser .file.pdf img {
  background-position: -431px 0;
}
.browser .infos {
  display: block;
  font-size: 90%;
  margin-left: 28px;
}
.browser .type {
  font-weight: bold;
}
.browser .filetype {
  white-space: nowrap;
}
/* Indicateur du nombre de pages du navigateur de PDF */
.results {
  border-bottom: 1px #cccccc solid;
  padding: 0 0 20px 20px !important;
}
.results li {
  display: inline;
  padding-right: 5px;
  float: none;
}
.results li:first-child {
  font-style: italic;
}
.results a {
  text-decoration: underline;
  font-weight: bold;
}
.results .current a {
  text-decoration: none;
  color: #444444 !important;
}
/* Cartographie ------------------------------------------------------------- */
.cartographie {
  background: #fbfafa url(../img/logo-mono.png) 50% 50% no-repeat;
  border-bottom: 1px #cccccc solid;
}
.cartographie img {
  /*
            Retablir la dimension des images en mode responsive
            http://thoughtfulweb.co.uk/thoughts/about/reset-google-maps-ui-if-you-are-using-a-responsive-images
        */
  max-width: inherit;
}
.cartographie .viewer {
  height: 600px;
  position: relative;
}
.cartographie .map-tools {
  position: absolute;
  right: 5px;
  top: 40px;
  z-index: 900;
}
.cartographie .optionsCarto {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4);
  width: 180px;
  z-index: 1000;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px #808080 solid;
}
.cartographie .box-content {
  font-size: 85% !important;
}
.cartographie .box-content h3 {
  color: #005da5;
  font-size: 107.7%;
}
.cartographie .selector label {
  color: #77237a;
}
.cartographie .selector li {
  zoom: 1;
  border-top: 1px #e6e6e6 solid;
  position: relative;
  padding: 3px 10px 3px 0;
  line-height: 1.5!important;
}
.cartographie .selector li:before,
.cartographie .selector li:after {
  content: "";
  display: table;
}
.cartographie .selector li:after {
  clear: both;
}
.cartographie .selector li img {
  float: left;
  margin-left: -5px;
}
.cartographie .selector input[type="checkbox"] {
  position: absolute;
  top: 50%;
  right: -3px;
  margin-top: -5px;
}
.cartographie #map_canvas {
  width: 100%;
  height: 100%;
  position: relative;
}
/* Diaporama plein écran ---------------------------------------------------- */
.big-diapo {
  background: #000000 url(../img/logo-mono.png) 50% 50% no-repeat;
}
.big-diapo h1 {
  margin: 0 0 20px 0;
}
.big-diapo .back {
  background-color: #000;
}
.big-diapo .back a {
  color: #bed042;
}
.big-diapo .back a:hover,
.big-diapo .back a:focus {
  color: #fff;
}
.big-diapo .back a:hover span,
.big-diapo .back a:focus span {
  background-color: #fff;
}
.big-diapo .back span {
  background-color: #bed042;
  color: #000000;
}
.big-diapo .date {
  margin: 0;
}
.big-diapo .viewer {
  padding: 10px 20px;
  color: #fff;
  background-color: #141414;
  border-bottom: 1px #333 solid;
}
.big-diapo .viewer a {
  color: #bed042;
}
.big-diapo .viewer h1 {
  font-size: 138.5%;
  margin: 0 0 10px 0;
}
.big-diapo .viewer img {
  display: block;
  margin: auto;
  /*Centrage de l’image*/
}
.big-diapo .pic {
  position: relative;
  margin: 0 auto 40px auto;
}
.big-diapo .caption {
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -30px;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #ccc;
}
.ie6 .big-diapo .caption,
.ie7 .big-diapo .caption,
.ie8 .big-diapo .caption {
  /* Explorer ne connait pas RGBA */
  /* A tester, diffère de la feuille envoyée */
  color: #fff;
  margin: 5px 0 29px 0px;
  background-color: #444444;
}
.big-diapo .pager {
  margin: 0;
  padding: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.big-diapo .pager.jsHover {
  background: url(../img/bg-pager-diapo.png);
}
.big-diapo .pager a {
  margin: 0;
  padding: 0;
  width: 50%;
  height: 100%;
  background-color: transparent !important;
}
.big-diapo .pager .prev a,
.big-diapo .pager .next a {
  display: block;
  text-indent: -999em;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  overflow: hidden;
}
.big-diapo .pager .prev a br,
.big-diapo .pager .next a br {
  display: none;
}
.big-diapo .pager .prev a {
  background: url('../img/pager-left.png') no-repeat right center;
}
.big-diapo .pager .next a {
  background: url('../img/pager-right.png') no-repeat left center;
}
.big-diapo .slider {
  background: #313131 url("../img/bg-footer.png") repeat-x 0 0;
  padding: 20px;
}
.big-diapo .slider h2 {
  text-transform: lowercase;
  font-weight: normal;
  color: #fff;
}
.big-diapo .slider h2 span {
  font-weight: bold;
}
.big-diapo .slider img {
  margin: 0 10px 10px 0;
}
.big-diapo .slider li {
  display: inline;
}
.big-diapo .slider li.current img {
  border: 3px #fff solid;
  margin: -6px 10px 10px -6px;
  opacity: .5;
}
.big-diapo .slider a:hover img,
.big-diapo .slider a:focus img {
  border-bottom: 4px transparent solid;
  margin: -4px 10px 10px 0;
}
.controls {
  position: absolute;
  bottom: 120px;
  right: 10px;
  font-size: 1.4em;
}
.controls li {
  display: inline;
}
.controls a {
  display: inline-block;
  background-color: white;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
}
.controls .sr-only {
  position: relative;
  width: 0;
  height: 0;
  margin: auto;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
  display: none;
}
.rg-gallery {
  background-color: #ddd;
  position: relative;
  min-height: 120px;
}
@media (min-width: 760px) {
  .rg-gallery {
    min-height: 340px;
  }
}
@media (min-width: 960px) {
  .rg-gallery {
    min-height: 440px;
  }
}
@media (min-width: 1200px) {
  .rg-gallery {
    min-height: 550px;
  }
}
@media (max-widh: 480px) {
  .es-carousel {
    display: none;
  }
}
.rg-image {
  min-height: 100px;
  cursor: pointer;
}
@media (min-widh: 1200px) {
  .rg-image {
    min-height: 550px;
  }
}
.rg-image img {
  max-width: auto;
  width: 100%;
}
.rg-loading {
  position: absolute;
  top: 0;
  background-color: red;
  z-index: 10000;
}
.rg-caption-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  font-size: 90%;
  background: url(../img/white-50pc.png);
  background-color: rgba(255, 255, 255, 0.5);
}
.rg-caption-wrapper p {
  padding: 3px 10px;
  margin: 0;
}
.es-carousel {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  zoom: 1;
  background: url(../img/white-50pc.png);
  background-color: rgba(255, 255, 255, 0.5);
  padding: 20px;
  overflow: hidden;
}
.es-carousel:before,
.es-carousel:after {
  content: "";
  display: table;
}
.es-carousel:after {
  clear: both;
}
.es-carousel li {
  display: block;
  margin-right: 20px;
  float: left;
}
.es-carousel img {
  max-width: 100%;
  max-height: 100%;
  padding: 5px;
}
.es-carousel a {
  display: block;
}
.es-carousel .selected {
  background-color: white;
}
@media (min-width: 760px) {
  .es-carousel {
    display: block;
  }
}
.es-nav {
  display: none;
}
.crsl-ctrl {
  font-size: 50px;
  position: absolute;
  top: 40%;
  width: 100%;
  z-index: 1000;
}
.crsl-ctrl .previous,
.crsl-ctrl .next {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 34px;
  display: block;
  text-align: center;
  background-color: white;
}
.crsl-ctrl .previous {
  left: 0;
}
.crsl-ctrl .next {
  right: 0;
}
.crsl-agenda {
  position: relative;
}
.crsl-publications {
  position: relative;
  text-align: center;
}
/* -----------------------------------------------------------------------------
Moteur de recherche Google API
----------------------------------------------------------------------------- */
/* Champ de recherhe haut de page */
form.gsc-search-box {
  position: relative;
  left: -10px;
  background: #fff;
  padding: 20px 0 20px 30px;
  width: 100%!important;
  display: block;
  background: #fbfafa url(../img/bg-complement.png) repeat-y top right;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #a1a1a1 solid;
  margin: 0 0 20px 0 !important;
}
/* Suppression des images de Google */
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse input.gsc-input,
input.gsc-input {
  background-image: none !important;
}
/* Table du champ de recherche */
.gsc-search-box {
  width: 95%!important;
}
.gsc-search-box td {
  display: block;
}
.gsc-clear-button {
  /* Bouton effacer */
  display: none!important;
}
input.gsc-input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Ubuntu, Lucida sans, sans-serif !important;
  border: 1px #cccccc solid !important;
  border-top-color: #a1a1a1 !important;
}
/* Bouton rechercher */
td.gsc-search-button {
  padding: 10px 0;
}
.gsc-search-button {
  float: right;
  font-family: Ubuntu, Lucida sans, sans-serif !important;
}
/* Info résultats */
.gsc-result-info {
  font-style: italic;
  padding: 0 0 0 0!important;
  margin: 0 0 10px 0 !important;
  color: #444444 !important;
  border-bottom: 1px #cccccc solid !important;
  font-family: Ubuntu, Lucida sans, sans-serif !important;
}
/* Table de résultats */
.gs-result .gs-title,
.gs-result .gs-title * {
  text-decoration: none!important;
  color: #005da5;
}
.gs-title {
  height: auto!important;
}
.gs-title b {
  color: #005da5 !important;
}
a.gs-title {
  color: #005da5 !important;
  font-weight: bold;
}
a.gs-title b:last-child {
  background-color: transparent;
}
a.gs-title:hover,
a.gs-title:focus {
  color: #444444 !important;
}
a.gs-title:hover * {
  color: #444444 !important;
}
.gsc-table-result td {
  border-bottom: 1px #cccccc solid !important;
  font-family: Ubuntu, arial, sans-serif;
  padding: 10px 0 10px 0;
}
.gs-snippet b {
  background-color: #fff8d5;
}
.gs-snippet b:last-child {
  font-weight: normal;
  background-color: transparent;
}
.gs-visibleUrl {
  display: none;
}
/* Pagination */
.gsc-cursor-box {
  margin: 20px 0;
}
.gsc-cursor-page {
  color: #fff!important;
  text-decoration: none!important;
  font-family: Ubuntu, arial, sans-serif;
}
.gsc-cursor-page {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #005da5;
  color: #fff;
  padding: 3px 8px;
}
.gsc-cursor-current-page {
  color: #444444 !important;
  background-color: #ddd;
}
/*cas non gérés dans les styles d'origine pour moteur de recherche*/
#cse form.gsc-search-box {
  padding: 20px;
  background: url("../img/bg-complement.png") repeat-y scroll right top #fbfafa;
}
#cse form.gsc-search-box input.gsc-search-button {
  font-size: 100%;
  text-transform: none;
}
#cse .gsc-resultsbox-visible .gsc-cursor-box {
  text-align: left;
}
#cse .gsc-resultsbox-visible .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
  background-color: #DDDDDD;
  color: #444444;
  border: 0;
  padding: 3px 8px;
}
#cse .gsc-resultsbox-visible .gsc-cursor-box .gsc-cursor-page {
  background-color: #005DA5;
  color: #ffffff;
  border: 0;
}
#cse form.gsc-search-box input[type="submit"] {
  background: none repeat scroll 0 0 #77237A;
  border: 0 none;
  border-radius: 2px 2px 2px 2px;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 10px;
}
/* Contenu de texte enrichi ------------------------------------------------- */
.rte {
  margin: 0 0 20px 0;
  /* Titrages */
  /* Flux */
  /* ?? */
  /* Tableau */
  /* Sémantique */
  /* Citations courtes */
}
.rte .intro {
  font-weight: bold;
}
.rte .note {
  font-size: 92.3%;
  font-style: italic;
  border-top: 1px #cccccc solid;
  border-bottom: 1px #cccccc solid;
}
.rte .pic {
  margin-bottom: 20px;
  border: 0!important;
}
.rte .caption {
  position: static;
  top: auto;
  padding: 0;
}
.rte .video {
  margin-left: 60px;
  margin-right: 20px;
}
.rte a {
  color: #005da5;
}
.rte a:hover,
.rte a:focus {
  color: #333333;
}
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  padding-left: 15px;
}
.rte h1 {
  font-size: 230.8%;
  line-height: 40px;
  margin: 0 0 20px 0;
}
.rte h2 {
  font-size: 184.6%;
  line-height: 30px;
  margin: 30px 0 20px 0;
}
.rte h3 {
  font-size: 138.5%;
  line-height: 30px;
  margin: 30px 0 20px 0;
}
.rte h4 {
  font-size: 123.1%;
  line-height: 30px;
  margin: 30px 0 20px 0;
}
.rte h4 {
  font-size: 107.7%;
  line-height: 20px;
  margin: 20px 0 20px 0;
}
.rte h5 {
  font-size: 92.3%;
  line-height: 20px;
  margin: 10px 0 10px 0;
}
.rte h6 {
  font-size: 76.9%;
  text-transform: uppercase;
  line-height: 20px;
  margin: 20px 0 10px 0;
}
.rte p,
.rte ul,
.rte ol,
.rte table {
  font-size: 107.7%;
}
.rte p,
.rte ul,
.rte ol {
  padding-left: 60px;
  margin: 20px 0;
}
.rte p.actuImage img {
  margin-left: -45px;
}
.rte table {
  font-size: 92.3%;
  width: 100%;
  margin: 20px 0 20px 0;
  border: 1px #cccccc solid;
  border-collapse: collapse;
}
.rte th,
.rte caption {
  text-align: left;
  font-weight: bold;
}
.rte th,
.rte td {
  padding: 5px;
}
.rte caption {
  font-size: 123.1%;
  border-top: 2px #cccccc solid;
  padding: 5px 5px 20px 5px;
}
.rte th {
  background-color: #444444;
  color: #fff;
  border-right: 1px #cccccc solid;
  border-bottom: 1px #fff solid;
}
.rte th:last-child {
  border-right: 0;
}
.rte td {
  border: 1px #cccccc solid;
}
.rte tr:nth-child(even) {
  background-color: #fbfafa;
}
.rte blockquote {
  margin: 0;
  padding: 0;
  padding: 10px 40px 10px 60px;
  position: relative;
  font-style: italic;
}
.rte blockquote p,
.rte blockquote ul,
.rte blockquote ol {
  padding: 0;
}
.rte blockquote .icn {
  position: absolute;
  top: 15px;
  left: 10px;
  display: block;
  width: 39px;
  height: 33px;
  background-position: -342px 0;
}
.rte blockquote .icn:last-child {
  background-position: -385px 0;
  right: 0px;
  bottom: 34px;
  top: auto;
  left: auto;
}
.rte q {
  font-style: italic;
}
.rte q:before {
  content: "\00AB\00A0";
  /* "«" suivi d’une espace insécable */
}
.rte q:after {
  content: "\00A0\00BB";
}
body {
  overflow: hidden;
  margin: auto;
  max-width: 95%;
}
@media (min-width: 760px) {
  body {
    max-width: 760px;
  }
}
@media (min-width: 960px) {
  body {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  body {
    max-width: 1200px;
  }
}
body.debug:before {
  display: block;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  color: white;
}
@media (min-width: 480px) {
  body.debug:before {
    content: "phone";
  }
}
@media (min-width: 760px) {
  body.debug:before {
    content: "tablet";
  }
}
@media (min-width: 960px) {
  body.debug:before {
    content: "desktop";
  }
}
@media (min-width: 1200px) {
  body.debug:before {
    content: "large";
  }
}

#top-bar {
  position: relative;
  overflow: hidden;
  padding: 5px 15px;
  border: 1px #cccccc solid;
  border-right: 0;
  border-left: 0;
  background: #eeeeee url('../img/bg-ariane.png') repeat-x bottom left;
}
#ariane {
  font-size: 92.3%;
  line-height: 2.2;
  display: none;
}
@media (min-width: 760px) {
  #ariane {
    width: 50%;
    float: left;
    display: block;
  }
}
@media (min-width: 960px) {
  #ariane {
    display: block;
  }
}
#ariane h2,
#ariane ul {
  display: inline-block;
}
#ariane ul {
  list-style: none;
  list-style-image: none;
  padding: 0;
  margin: 0;
}
#ariane ul li {
  list-style: none;
}
#ariane h2 {
  color: #005da5;
  margin: 0 5px 0 0;
}
#ariane a {
  color: #77237a;
}
#ariane a:hover,
#ariane a:focus {
  color: #333333;
}
#ariane li {
  display: inline-block;
}
@media (min-width: 960px) {
  .print-button {
    position: absolute;
    top: 7px;
    right: 8px;
    vertical-align: middle;
    display: block;
  }
}
#recherche {
  font-size: 92.3%;
  border-radius: 3px;
  border: 1px #cccccc solid;
  background: #fff;
}
@media (min-width: 760px) {
  #recherche {
    float: right;
    width: 50%;
    font-size: 107.7%;
  }
}
@media (min-width: 960px) {
  #recherche {
    float: right;
    width: 40%;
    margin-right: 2%;
    font-size: 107.7%;
  }
}
#search-box {
  display: table;
  width: 100%;
  position: relative;
  margin: 1px;
}
#search-box .inptBtn,
#search-box input[type="search"],
#search-box input[type="text"] {
  display: table-cell;
}
#search-box input[type="search"],
#search-box input[type="text"] {
  text-indent: 5px;
  padding: 3px 5px 3px 0;
  width: 60%;
}
#search-box .inptBtn {
  float: right;
  margin-right: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 0;
  font-weight: bold;
  background: #77237a;
  color: #fff;
}
#search-box .inptBtn:hover,
#search-box .inptBtn:focus {
  background: #333333;
}
.js #search-box {
  /* Si javascript est actif */
}
.js #search-box label {
  position: absolute;
  top: 1px;
  left: 7px;
}
.js #search-box input[type="search"],
.js #search-box input[type="text"] {
  border: 0;
}
#main {
  zoom: 1;
  background-color: #fbfafa;
  clear: both;
}
#main:before,
#main:after {
  content: "";
  display: table;
}
#main:after {
  clear: both;
}
@media (min-width: 760px) {
  #main {
    background: #ebebeb url(../img/bg-noise.png);
  }
}
.cola,
.colb {
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 760px) {
  .cola,
  .colb {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 760px) {
  .cola {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    width: 66.6666664%;
    background: #ebebeb url(../img/bg-shadow.png) top right;
  }
}
@media (max-width: 760px) {
  .colb {
    background-color: #aaa;
    padding-top: 10px;
  }
}
@media (min-width: 760px) {
  .colb {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    width: 33.3333332%;
  }
}
@media (min-width: 760px) {
  .boxes {
    margin-left: -11px;
  }
}
#footer {
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  clear: both;
  color: #fff;
  background: #005da5 url("../img/bg-footer.png") repeat-x 0 0;
  padding: 20px 1%;
}
#footer a {
  color: #fff;
}
#footer a:hover,
#footer a:focus {
  color: #ffe17f;
}
#footer ul {
  font-size: 92.3%;
}
#footer #logo-footer {
  margin-bottom: 20px;
  text-align: center;
}
#footer #content-footer strong {
  display: block;
  margin-bottom: 20px;
}
#footer #content-footer p {
  margin: 0;
  padding: 0;
}
@media (min-width: 760px) {
  #footer li {
    display: inline;
    border-right: 1px #fff solid;
    padding: 0 10px 0 10px;
  }
  #footer li:first-child {
    padding-left: 0;
  }
  #footer li:last-child {
    padding-right: 0;
    border: 0;
  }
  #footer #logo-footer {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    width: 16.6666666%;
    padding-left: 0;
  }
  #footer #content-footer {
    float: left;
    padding-right: 10px;
    padding-left: 10px;
    width: 83.333333%;
    padding-right: 0;
  }
  #footer #content-footer strong {
    margin-bottom: 0;
  }
}
/* Prélude, visible avec la tabulation -------------------------------------- */
#prelude {
  position: absolute;
  top: 0;
  left: 0;
}
#prelude a {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#prelude a:focus,
#prelude a:active {
  padding: 5px;
  background-color: #005363;
  color: #fff;
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Spécificités boites ------------------------------------------------------ */
#facebook iframe,
#facebooksmall iframe {
  display: block;
  border: 0;
  width: 100% !important;
  height: 241px !important;
}
#facebook {
  border: 0;
}
#fil li {
  display: inline;
}
#fil a {
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  background: url(../img/icones.png) no-repeat;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  display: block;
  width: 19px;
  height: 19px;
  margin-right: 8px;
  float: left;
  background-color: #005da5;
}
#fil a br {
  display: none;
}
#fil a:hover,
#fil a:focus {
  background-color: #333333;
  -moz-box-shadow: 0 0 5px #7ed3f7;
  -webkit-box-shadow: 0 0 5px #7ed3f7;
  box-shadow: 0 0 5px #7ed3f7;
}
#fil-it1 a {
  background-position: -25px 0;
}
#fil-it2 a {
  background-position: -44px 0;
}
#fil-it3 a {
  background-position: -63px 0;
}
#fil-it4 a {
  background-position: -82px 0;
}
#fil .box-content {
  zoom: 1;
}
#fil .box-content:before,
#fil .box-content:after {
  content: "";
  display: table;
}
#fil .box-content:after {
  clear: both;
}
.box #search-agenda #search-agenda-type [class*=col],
.box #search-agenda #search-agenda-type .field-line,
.box #search-agenda #search-agenda-type .field-valid {
  float: none;
  width: auto;
  margin-bottom: 20px;
}
.box #search-agenda #search-agenda-type input[type="text"],
.box #search-agenda #search-agenda-type input[type="password"],
.box #search-agenda #search-agenda-type input[type="file"],
.box #search-agenda #search-agenda-type select,
.box #search-agenda #search-agenda-type textarea {
  width: 100%;
}
.box #search-agenda .field-valid {
  float: none;
  padding: 0 !important;
  width: 100%;
}
@media print {
  /* ---------------------------------------------------
	  RESET
--------------------------------------------------- */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  /* Black prints faster: sanbeiji.com/archives/953 */
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /*Ajoute l’adresse du lien après le lien*/
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*Ajoute la valeur de abbr*/
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr,
  img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  /* ---------------------------------------------------
	  Styles particuliers impression
--------------------------------------------------- */
  body {
    font-family: Ubuntu, Lucida, sans-serif;
  }
  a {
    text-decoration: none;
  }
  .rte .intro {
    font-weight: bold;
  }
  .rte h1,
  .rte h2,
  .rte h3,
  .rte h4,
  .rte h5,
  .rte h6 {
    margin-top: 1.25em;
    margin-bottom: 0.75em;
  }
  .rte h1 + h2,
  .rte h2 + h3,
  .rte h3 + h4,
  .rte h4 + h5,
  .rte h5 + h6 {
    margin-top: 0;
  }
  .rte h1 {
    font-size: 184.6%;
  }
  .rte h2 {
    font-size: 161.5%;
  }
  .rte h3 {
    font-size: 138.5%;
  }
  .rte h4 {
    font-size: 123.1%;
  }
  .rte h5 {
    font-size: 107.7%;
  }
  .rte h6 {
    font-size: 100.0%;
    text-transform: uppercase;
  }
  .rte p {
    padding-left: 40px;
  }
  .rte ul,
  .rte ol {
    padding-left: 80px;
  }
  .rte ul ul,
  .rte ol ul,
  .rte ul ol,
  .rte ol ol {
    padding-left: 40px;
  }
  .rte .caption {
    display: block;
    margin: 10px 0;
  }
  .rte blockquote {
    border: 0;
    border-left: 3px solid #ccc;
    padding-left: 10px;
    margin-left: 47px;
  }
  .rte blockquote p {
    padding-left: 5px!important;
  }
  .rte table {
    margin-left: 40px;
    page-break-inside: avoid;
    background-color: #ffffff;
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #cccccc;
    width: 90%;
  }
  .rte table th,
  .rte table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    border-top: 1px solid #cccccc;
  }
  .rte table th {
    font-weight: bold;
    vertical-align: top;
  }
  .rte table td {
    vertical-align: top;
  }
  .rte table thead:first-child tr th,
  .rte table thead:first-child tr td {
    border-top: 0;
  }
  .rte table thead th {
    vertical-align: bottom;
  }
  .rte table tbody + tbody {
    border-top: 2px solid #cccccc;
  }
  .rte table caption {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border-top: 1px solid #cccccc;
    background-color: #ffffff;
  }
  .rte table th + th,
  .rte table td + td,
  .rte table th + td,
  .rte table td + th {
    border-left: 1px solid #cccccc;
  }
  .rte table thead:first-child tr:first-child th,
  .rte table tbody:first-child tr:first-child th,
  .rte table tbody:first-child tr:first-child td {
    border-top: 0;
  }
  .rte table thead:first-child tr:first-child th:first-child,
  .rte table tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rte table thead:first-child tr:first-child th:last-child,
  .rte table tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rte table thead:last-child tr:last-child th:first-child,
  .rte table tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rte table thead:last-child tr:last-child th:last-child,
  .rte table tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
  }
  .rte table caption {
    /*border-left: 1px solid @border;
		border-right: 1px solid @border;*/
  }
  #prelude {
    display: none;
  }
  #bannerTop object {
    display: none;
  }
  #bannerTop object .no-flash img {
    display: block;
  }
  #top-bar {
    margin-bottom: 20px;
  }
  #top-bar #ariane h2 {
    display: none;
  }
  #top-bar #ariane li {
    list-style-type: none;
    display: none;
  }
  #top-bar #ariane li:last-child {
    font-size: 230.8%;
    font-weight: bold;
    display: block;
  }
  #top-bar #search-box,
  #top-bar .print-button,
  #top-bar .comments {
    display: none;
  }
  #espaces,
  #side,
  .all,
  .kwords,
  .comments,
  .nextArt,
  #bannerBottom,
  #footer {
    display: none;
  }
  .art {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #ccc;
  }
  .art .meta {
    margin-top: 20px;
  }
  .art .meta .items {
    display: none;
  }
  #article .titre-liste-articles {
    float: left;
    width: 100%;
  }
  #article .art {
    float: left;
    position: relative;
    width: 100%;
    padding-top: 40px;
    page-break-inside: avoid;
  }
  #article .art .pic,
  #article .art .content {
    display: inline;
    float: left;
  }
  #article .art .pic .meta {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }
  #article .art .pic img {
    max-width: 100%;
    height: auto;
  }
  #article .art .content {
    float: right;
  }
  #article .art .content h3 {
    margin-top: 0;
    padding-left: 20px;
  }
  #article .art .content .content-text {
    padding-left: 20px;
  }
  .rte {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #ccc;
  }
  #home #article .art .pic {
    width: 40%;
  }
  #home #article .art .content {
    width: 60%;
  }
  .complement {
    display: none;
  }
  .commentaires h2 {
    margin-top: 1.25em;
    margin-bottom: 0.75em;
  }
  .commentaires .com {
    margin-bottom: 30px;
  }
  #wide #article .art .pic {
    width: 30%;
  }
  #wide #article .art .content {
    width: 70%;
  }
  .cartographie,
  .back,
  .pager {
    display: none;
  }
  .viewer,
  .slider {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px dotted #ccc;
  }
  .slider {
    float: left;
    width: 100%;
  }
  .slider h2 {
    margin-top: 0;
  }
  .slider img {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .tv,
  .map {
    display: none;
  }
}

.unstyled-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.js-hidden {
  position: absolute;
  top: -1000em;
}
.no-scroll {
  overflow: hidden;
}
.header {
  background-color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .header {
    position: relative;
  }
}
.header-logo {
  margin: 0;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .header-logo {
    padding: 30px;
  }
}
.header-social {
  background-color: white;
  z-index: 3000;
  text-align: center;
}
@media (min-width: 768px) {
  .header-social {
    display: block;
    position: absolute;
    top: 20px;
    right: 30px;
    bottom: auto;
    left: auto;
    width: auto;
  }
  .ltie9 .header-social {
    top: 5px;
  }
}
.header-social .social {
  display: inline-block;
  margin: 10px;
}
.header-social .icon-nl-full {
  margin-top: 8px;
  clear: left;
  font-size: 16px;
}
.header-bar {
  background-color: #003e6e;
  text-align: left;
  position: relative;
  z-index: 2000;
}
@media (min-width: 768px) {
  .header-bar {
    background-color: #005da5;
  }
  .header-bar:before,
  .header-bar:after {
    content: " ";
    display: table;
  }
  .header-bar:after {
    clear: both;
  }
  .header-bar:before,
  .header-bar:after {
    content: " ";
    display: table;
  }
  .header-bar:after {
    clear: both;
  }
}
.header-bar-toggler {
  background-color: #005da5;
/*  font-size: 1.6rem;*/
  font-size: 16px;
}
.header-bar-toggler a {
  display: block;
  color: #fff;
  padding: 10px 20px;
  transition: all .2s;
}
.header-bar-toggler a:after {
  content: 'Menu \25BC  ';
}
.header-bar-toggler a:hover,
.header-bar-toggler a:focus,
.header-bar-toggler a:active {
  background-color: #00243f;
}
.header-nav {
  width: 100%;
}
.header-nav,
.header-nav a {
  color: white;
}
.header-navMain,
.header-navMore {
  margin: 0;
  padding: 0;
  list-style: none;
/*  font-size: 1.6rem;*/
  font-size: 16px;
}
@media (min-width: 768px) {
  .header-navMain,
  .header-navMore {
/*    font-size: 1.2rem;*/
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .header-navMain,
  .header-navMore {
/*    font-size: 1.4rem;*/
      font-size: 14px;
  }
}
.header-navMore {
  text-transform: uppercase;
/*  font-size: 1.1rem;*/
  font-size: 11px;
/*  letter-spacing: .2em;*/
  letter-spacing: 1.8px;
}
@media (min-width: 768px) {
  .header-navMore {
/*    font-size: 0.9rem;*/
    font-size: 9px;
  }
}
@media (min-width: 1200px) {
  .header-navMore {
    position: absolute;
    right: 10px;
/*    min-width: 17rem;*/
    min-width: 170px;
  }
	.header-navMain {
		margin-left: 15px;
	}
}
.header-navItem > a {
  display: block;
  transition: all .5s;
/*  line-height: 4rem;*/
  line-height: 40px;
}
.header-navItem > a:hover,
.header-navItem > a:focus,
.header-navItem > a:active,
.header-navItem > a.opened {
  background-color: #003e6e;
  color: #b3d455;
}
@media (max-width: 767px) {
  .header-navItem > a {
    padding: 0 20px 0 20px;
    border-bottom: 1px solid #005da5;
  }
}
@media (min-width: 768px) {
  .header-navItem > a {
    float: left;
    padding: 0 8px;
  }
}
@media (min-width: 768px) {
  .header-navMore li:first-child:after {
    float: left;
    height: 100%;
    margin-top: 8px;
    content: '|';
  }
}
@media (min-width: 768px) {
  .header-navMain .header-navItem > a {
    float: left;
    border-right: 1px solid #007ad8;
    border-left: 1px solid #004072;
  }
}
.header-navMain .header-navItem > a:after {
  color: #d8eeff;
  display: inline-block;
}
@media (min-width: 768px) {
  .header-navMain .header-navItem > a:after {
    content: '\25BE';
    padding-left: 3px;
  }
}
@media (max-width: 767px) {
  .header-navMain .header-navItem > a:after {
    float: right;
    content: '\25B6';
    font-size: 9px;
  }
}
.header-navMain .header-navItem > a:hover:after,
.header-navMain .header-navItem > a:focus:after,
.header-navMain .header-navItem > a:active:after {
  color: #b3d455;
}
.nav-section {
  background-color: #003e6e;
}
@media (min-width: 768px) {
  .nav-section.js-visible {
    position: absolute;
/*    top: 4rem !important;*/
    top: 40px !important;
    left: 0;
    width: 99%;
  }
}
.ltie9 .nav-section.js-visible {
  position: absolute;
/*  top: 4rem !important;*/
  top: 40px !important;
  left: 0;
  width: 100%;
}
.nav-section-backbtn {
/*  line-height: 2rem;*/
  line-height: 20px;
}
@media (min-width: 768px) {
  .nav-section-backbtn {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #005da5;
  }
}
.nav-section-backbtn a {
  display: block;
  padding: 10px;
}
.nav-section-backbtn a:hover,
.nav-section-backbtn a:focus,
.nav-section-backbtn a:active {
  color: #b3d455;
}
.nav-section-backbtn a:after {
  content: '\25c2  Retour';
}
@media (min-width: 768px) {
  .nav-section-backbtn a:after {
    content: '\00D7  Fermer';
    font-weight: bold;
  }
}
.nav-section-container {
  padding: 20px 20px 60px 20px;
}
.nav-section-container:before,
.nav-section-container:after {
  content: " ";
  display: table;
}
.nav-section-container:after {
  clear: both;
}
.nav-section-container:before,
.nav-section-container:after {
  content: " ";
  display: table;
}
.nav-section-container:after {
  clear: both;
}
.nav-subsection {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .nav-subsection {
    float: left;
    width: 33.33333333%;
  }
}
.nav-subsection img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.nav-subsection-nav {
  padding: 0;
  list-style: none;
}
.nav-subsection-item {
  border-bottom: 1px #007ad8 solid;
  display: block;
/*  line-height: 2rem;*/
  line-height: 20px;
}
.nav-subsection-item a {
  display: inline-block;
  width: 100%;
  padding: 10px 0 10px 10px;
  position: relative;
}
.nav-subsection-item a:hover {
  color: #b3d455;
}
.nav-subsection-item a:before {
  content: '•';
  color: #0c95ff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.subsection-title {
  font-weight: bold;
/*  font-size: 1.8rem;*/
  font-size: 18px;
}
.big-menu-navimg li {
    display: inline;
}
.big-menu-navimg a {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
}
@media (max-width: 767px) {
  .js .nav-section,
  .js .header-nav,
  .js .header-social {
    position: absolute;
    top: -1000em;
  }
}
@media (min-width: 768px) {
  .js .nav-section,
  .js .header-bar-toggler {
    position: absolute;
    top: -1000em;
  }
}
@media (max-width: 767px) {
  .page.js-menu-opened {
    overflow: hidden;
  }
  .js-menu-opened .header-social {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .js-menu-opened .header-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
  }
  .js-menu-opened .header-bar-toggler a:after {
    content: '\00D7  Fermer';
  }
  .js-menu-opened .nav-section.js-visible {
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 40px;
    margin-bottom: -80px;
    padding-bottom: 200px;
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .js-menu-opened .header-nav {
    position: relative;
    top: 50px;
  }
  .js-menu-opened .header-search {
    position: absolute;
    top: 55px;
  }
}
.header-search label {
  position: absolute;
  top: -1000em;
}
.header-search a {
  color: #fff;
}
.header-search form {
  position: relative;
  background-color: white;
  display: inline-block;
  border-radius: 3px;
}
@media (min-width: 1200px) {
  .header-search form {
    position: absolute;
    right: 200px;
    top: 8px;
  }
}
.ltie9 .header-search input {
  line-height: 24px;
}
.header-search .btn-search {
  position: absolute;
  top: 0;
  right: 0;
}
.header-search .main-search-field {
  background-color: transparent;
  border: 0;
  border-radius: 3px;
  padding: 3px 50px 3px 3px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .header-search .main-search-field {
    border-bottom: 2px transparent solid;
  }
}
.header-search .btn-open-search {
  position: absolute;
  top: 3px;
  right: 10px;
}
@media (min-width: 1200px) {
  .header-search .btn-open-search {
    display: none;
  }
}
.js .header-search .btn-close {
  position: absolute;
  top: -1000em;
}
@media (max-width: 1199px) {
  .js .header-search form {
    position: absolute;
    top: -1000em;
  }
}
@media (max-width: 1199px) {
  .js-search-opened.header-search {
    position: relative;
    z-index: 4000;
    background-color: #005da5;
    height: 40px;
  }
  .js-search-opened.header-search form {
    position: absolute;
    top: 8px;
    left: 10px;
  }
  .js-search-opened.header-search .btn-open-search {
    display: none;
  }
  .js-search-opened.header-search .btn-close {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 1000;
  }
}
@media (max-width: 767px) {
  .js-search-opened.header-search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
}

.social {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social:before,
.social:after {
  content: " ";
  display: table;
}
.social:after {
  clear: both;
}
.social:before,
.social:after {
  content: " ";
  display: table;
}
.social:after {
  clear: both;
}
.social .icon {
  float: left;
  margin-right: 5px;
}
.social-item {
  display: inline;
}
.icon img {
  position: absolute;
  top: -1000em;
}
.icon-fb,
.icon-g,
.icon-tw,
.icon-yt,
.icon-nl {
  font-size: 32px;
  display: inline-block;
  transition: all .2s;
  transform-origin: 50% 50%;
}
.icon-fb-col {
  color: #005da5;
}
.icon-g-col {
  color: #D3503E;
}
.icon-tw-col {
  color: #5E9FCA;
}
.icon-yt-col {
  color: #E12A26;
}
.icon-nl-col {
  color: #005da5;
}
.icon-fb:hover,
.icon-g:hover,
.icon-tw:hover,
.icon-yt:hover,
.icon-nl:hover,
.icon-fb:focus,
.icon-g:focus,
.icon-tw:focus,
.icon-yt:focus,
.icon-nl:focus {
  transform: translate(0, -5px);
}
.icon-fb-col:hover,
.icon-fb-col:focus {
  color: #00243f;
}
.icon-g-col:hover,
.icon-gp-col:focus {
  color: #8b2d20;
}
.icon-tw-col:hover,
.icon-tw-col:focus {
  color: #306b92;
}
.icon-yt-col:hover,
.icon-yt-col:focus {
  color: #8d1614;
}
.icon-nl-col:hover,
.icon-nl-col:focus {
  color: #00243f;
}
.icon-nl-full {
  font-size: 16px;
}
.icon-nl-full:after {
  content: "Newsletters";
  text-transform: uppercase;
/*  font-size: 0.9rem;*/
  font-size: 9px;
  letter-spacing: .2em;
  padding-left: 5px;
  font-family: 'Open Sans', sans-serif;
  vertical-align: 3px;
}
@font-face {
	font-family: 'icon-font';
	src:url('../fonts/icon-font.eot?m8cng8');
	src:url('../fonts/icon-font.eot?#iefixm8cng8') format('embedded-opentype'),
		url('../fonts/icon-font.woff?m8cng8') format('woff'),
		url('../fonts/icon-font.ttf?m8cng8') format('truetype'),
		url('../fonts/icon-font.svg?m8cng8#icon-font') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-family: 'icon-font';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-pause:before {
	content: "\e607";
}
.icon-arrow-right:before {
	content: "\e606";
}
.icon-search:before {
	content: "\e605";
}
.icon-fb:before {
	content: "\e600";
}
.icon-g:before {
	content: "\e601";
}
.icon-nl:before {
	content: "\e602";
}
.icon-tw:before {
	content: "\e603";
}
.icon-yt:before {
	content: "\e604";
}

.rte table p {
	padding: 0;
}
.rte table p img {
	width: 100% !important;
	height: auto;
}