/* ===============
	FONTS
=============== */
@font-face {
  font-family: 'DINOT-Regular';
  src: url('../fonts/DINOT-Regular.eot');
  src: url('../fonts/DINOT-Regular.woff') format('woff'), url('../fonts/DINOT-Regular.ttf') format('truetype'), url('../fonts/DINOT-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINOT-Bold';
  src: url('../fonts/DINOT-Bold.eot');
  src: url('../fonts/DINOT-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/DINOT-Bold.woff') format('woff'), url('../fonts/DINOT-Bold.ttf') format('truetype'), url('../fonts/DINOT-Bold.svg#DINOT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINOT-Black';
  src: url('../fonts/DINOT-Black.eot');
  src: url('../fonts/DINOT-Black.woff') format('woff'), url('../fonts/DINOT-Black.ttf') format('truetype'), url('../fonts/DINOT-Black.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'DINOT-Light';
  src: url('../fonts/DINOT-Light.eot');
  src: url('../fonts/DINOT-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/DINOT-Light.woff2') format('woff2'), url('../fonts/DINOT-Light.woff') format('woff'), url('../fonts/DINOT-Light.ttf') format('truetype'), url('../fonts/DINOT-Light.svg#DINOT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ===============
	VARIABLES LESS
=============== */
#c17674 {
  position: relative;
  padding-bottom: 54.2%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
#c17674 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ===============
	GENERAL
=============== */
.fancybox-margin {
  margin: auto !important;
}
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 16px;
  color: #333333;
  width: 95%;
  margin: auto;
  font-family: 'DINOT-Regular';
  max-width: 1180px;
  /*overflow: hidden;*/
}
h1,
h2,
h3,
h4,
h5,
h6,
.h6 {
  font-family: 'DINOT-Black';
  font-weight: normal;
  /*text-transform: uppercase;*/
  font-size: 100%;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h6 a {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h6 a:hover {
  text-decoration: underline;
  color: #0461c9;
}
h1 {
  font-size: 2.5em;
  margin-bottom: 20px;
}
h2 {
  font-size: 2em;
  margin-bottom: 15px;
}
h3 {
  font-size: 1.3em;
  margin-bottom: 15px;
}
h4 {
  font-size: 1.2em;
  margin-bottom: 10px;
}
h5 {
  margin-bottom: 10px;
  font-size: 1.15em;
}
h6,
h6 a,
.h6,
.h6 a {
  font-size: 1.15em;
  color: #0461c9;
  margin-bottom: 10px;
}
.h6 {
  margin-bottom: 5px;
}
.titreTrait {
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #7f7f7f;
  margin: 45px 0 60px;
  font-family: 'DINOT-Light';
}
.titreTrait span {
  background: #fff;
  padding: 0 10px;
}
.titrePicto {
  margin-top: 30px;
}
p {
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 1em;
}
p.chapeau {
  font-size: 1.25em;
}
div,
span,
tr,
td,
th,
td p,
td li,
ul,
ol,
li,
table {
  font-size: 1em;
}
li {
  list-style: none;
}
/*
ul li:before {
	content: "■";
	padding-right: 10px;
}*/
li li {
  font-size: 1em;
}
ol {
  counter-reset: section;
}
ol li {
  counter-increment: meslis;
  list-style-type: none;
}
ol li:before {
  content: counter(meslis, decimal) ". ";
  padding-right: 5px;
}
a,
a:link,
a:visited {
  color: #333;
  transition: all 200ms ease-in 0s;
}
a:hover {
  text-decoration: none;
}
img {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}
figcaption {
  font-size: 0.8em;
  font-style: italic;
}
.infos {
  font-style: italic;
  font-size: 0.8em;
}
blockquote {
  font-style: italic;
  font-family: 'DINOT-Bold';
}
blockquote:before {
  ccontent: open-quote;
}
blockquote:after {
  content: close-quote;
}
caption {
  font-size: 0.8em;
  margin-top: 5px;
}
table caption {
  margin-bottom: 10px;
}
fieldset {
  border: 0;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 15px;
  padding-bottom: 13px;
}
fieldset:last-child {
  border: 0;
}
legend,
.intituleChoix {
  font-family: 'DINOT-Bold';
  display: block;
  margin-bottom: 15px;
}
label {
  text-align: right;
  width: 25%;
  display: inline-block;
  margin-right: 2%;
}
input,
select,
textarea {
  font-family: 'DINOT-Regular';
  background: none repeat scroll 0 0 #ffffff;
  font-size: 1em;
  font-weight: normal;
  border: 1px solid #7f7f7f;
  padding: 8px;
  width: 60%;
  box-sizing: border-box;
}
input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus {
  border: 1px solid #0461c9;
  outline: none;
}
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  border: 1px solid #d6024c;
}
option {
  color: #434343;
  font-size: 0.9em;
  padding: 5px 10px;
}
.powermail_fieldwrap {
  margin-bottom: 15px;
  position: relative;
}
input[type="submit"] {
  width: auto;
  background: #0461c9;
  border: 1px solid #0461c9;
  color: #fff;
  text-transform: uppercase;
  padding: 8px 12px;
  float: right;
  margin-left: 10px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
input[type="submit"]:hover {
  border: 1px solid #7f7f7f;
  color: #7f7f7f;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.powermail_fieldwrap_check .powermail_check_inner,
.powermail_fieldwrap_radio .powermail_check_inner,
.powermail_fieldwrap_check .powermail_radio_inner,
.powermail_fieldwrap_radio .powermail_radio_inner {
  clear: both;
  margin-bottom: 10px;
}
.powermail_fieldwrap_check label,
.powermail_fieldwrap_radio label {
  text-align: left;
  width: auto;
}
.powermail_fieldwrap_check input[type="checkbox"],
.powermail_fieldwrap_radio input[type="checkbox"],
.powermail_fieldwrap_check input[type="radio"],
.powermail_fieldwrap_radio input[type="radio"] {
  display: none;
}
.powermail_fieldwrap_check input[type="checkbox"] + label span,
.powermail_fieldwrap_radio input[type="checkbox"] + label span,
.powermail_fieldwrap_check input[type="radio"] + label span,
.powermail_fieldwrap_radio input[type="radio"] + label span {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 15px 0 0;
  vertical-align: middle;
  background: url('../images/sprites.png') -137px -192px;
  cursor: pointer;
}
.powermail_fieldwrap_check input[type="checkbox"]:checked + label span,
.powermail_fieldwrap_radio input[type="checkbox"]:checked + label span {
  background: url('../images/sprites.png') -162px -192px;
}
.powermail_fieldwrap_check input[type="radio"] + label span,
.powermail_fieldwrap_radio input[type="radio"] + label span {
  background-position: -137px -215px;
}
.powermail_fieldwrap_check input[type="radio"]:checked + label span,
.powermail_fieldwrap_radio input[type="radio"]:checked + label span {
  background: url('../images/sprites.png') -162px -215px;
}
button,
input[type="submit"] {
  cursor: pointer;
}
.rechercheColPrincipale label {
  width: 30%;
}
.rechercheColPrincipale input,
.rechercheColPrincipale select,
.rechercheColPrincipale textarea {
  width: 50%;
}
.rechercheColPrincipale input[type="submit"] {
  float: right;
  width: auto;
}
.form_recherche_effect {
  margin-bottom: 10px;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #333;
}
th,
td {
  padding: 10px;
  vertical-align: middle;
  border: 1px solid #333;
}
th {
  text-transform: uppercase;
  font-family: 'DINOT-Bold';
  text-align: left;
  vertical-align: bottom;
}
/* ===============
		HTML5
=============== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
/* ===============
	STYLES TYPO3
=============== */
.align-justify {
  text-align: justify;
}
.align-right,
.csc-header-alignment-right {
  text-align: right;
}
.align-left,
.csc-header-alignment-left {
  text-align: left;
}
.align-center,
.csc-header-alignment-3,
.csc-header-alignment-center {
  text-align: center;
}
.hidden {
  display: none;
}
.indent {
  padding: 0 0 0 15px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
/*.csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left: 10px !important;}*/
/* ===============
	CLEAR FLOAT
=============== */
.clear:before,
.clear:after,
.content:before,
.content:after {
  display: block;
  content: '';
  clear: both;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  background-image: url("../images/sprites.png");
  background-color: transparent;
}
/* ===============
	HEADER
=============== */
/*.backgroundMenu {display: none !important;}*/
.headerTop > div {
  display: inline-block;
}
.headerTop {
  position: relative;
  height: auto;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;
}
.borderBottom {
  border-bottom: 1px solid #7f7f7f;
  margin: 10px 0 15px 0;
}
header.smaller .headerTop {
  height: 0;
}
.headerTop .accesRapide {
  display: none;
  float: right;
}
.headerTop .accesRapide li {
  display: inline-block;
  text-transform: uppercase;
  font-size: 0.65em;
  margin-left: 5px;
}
.headerTop .accesRapide li:before {
  display: block;
  content: "/ ";
  float: left;
  padding-right: 8px;
}
.headerTop .accesRapide li:first-child:before {
  content: " ";
  margin-left: 0;
  padding-right: 0;
}
.headerTop .accesRapide li a {
  color: #999999;
  text-decoration: none;
}
.language li {
  display: inline-block;
  background-image: url("../images/sprites.png");
  width: 24px;
  height: 18px;
  margin-right: 10px;
}
.language li.fr {
  background-position: -200px -65px;
}
.language li.en {
  background-position: -230px -65px;
}
.language li.active a,
.language li a:hover {
  background: url("../images/sprites.png") right bottom;
}
.language a {
  display: block;
  position: relative;
  text-indent: -9999px;
  height: 37px;
  transition: none;
}
.headerRight {
  float: right;
}
.headerRight > div {
  display: inline-block;
}
.headerRight .recherche .showRecherche {
  background-position: -235px -85px;
  width: 28px;
  height: 32px;
  margin-right: 20px;
  cursor: pointer;
  float: right;
}
.headerRight .recherche .formSolr {
  display: none;
  /*
			position: relative;
			width: 150%;
			margin-bottom: 10px;*/
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  padding: 20px 0;
  z-index: 102;
}
.headerRight .recherche .formSolr label {
  text-align: left;
  position: absolute;
  left: 13px;
  top: 9px;
  width: 100%;
}
.headerRight .recherche .formSolr input[type=text] {
  padding: 10px 10px 10px 15px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-radius: 30px;
}
.headerRight .recherche .formSolr button {
  background-position: -200px -85px;
  border: 0 none;
  cursor: pointer;
  height: 32px;
  width: 32px;
  top: 4px;
  position: absolute;
  right: 15px;
}
.headerRight .recherche .formSolr .recherche {
  position: relative;
}
.headerRight .social {
  vertical-align: top;
}
.headerRight .social a {
  background-image: url("../images/sprites.png");
  width: 28px;
  height: 28px;
  display: inline-block;
  position: relative;
  text-indent: -9999px;
  margin-right: 5px;
}
.headerRight .social a.facebook {
  /*background-image: url(../images/DcarnaFbook.jpg);*/
  background-position: -200px 0;
}
plus suppression de transition .headerRight .social a.facebook:hover {
  background-position: -200px -28px;
}
.headerRight .social a.twitter {
  background-position: -230px 0;
}
.headerRight .social a.twitter:hover {
  background-position: -230px -28px;
}
.headerRight .social a.dailymotion {
  background-position: -260px 0;
}
.headerRight .social a.dailymotion:hover {
  background-position: -260px -28px;
}
.headerRight .social a:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 1s;
  text-indent: 0;
}
.tooltiptext:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 15px 0 0;
  padding: 0;
  width: 36px;
  height: 26px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  background: none;
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 5px;
  background: #0461c9;
  border-radius: 50px;
  transition: height 0.3s 0s;
}
.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #0461c9;
  content: "";
  border-radius: 50px;
  transition: height 0.3s 0s;
}
.c-hamburger span::before {
  top: -9px;
}
.c-hamburger span::after {
  bottom: -9px;
}
.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
.c-hamburger--htx.is-active span {
  background: none;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}
.headerLogo {
  position: relative;
  margin-bottom: 10px;
}
.headerLogo .logo,
.headerLogo button {
  float: left;
}
.headerLogo button {
  margin-top: 20px;
  z-index: 101;
  outline: none;
}
.headerLogo .logo {
  max-width: 320px;
  width: 80%;
  position: relative;
  z-index: 101;
}
.headerLogo .logo h1 {
  margin-bottom: 0;
}
.headerLogo .borderBottom {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  z-index: -1;
}
.headerLogo.marginHome {
  margin-bottom: 25px;
}
.filAriane {
  /*
	li {
		display: inline-block;
		color: #999999;
		font-size: .75em;
		&:before {
			display: block;
			content: "> ";
			float: left;
			padding-right: 5px;
		}
		&:first-child:before, &:nth-child(2):before {content: " ";}
		a {
			color: #999999;
			text-decoration: none;
		}
	}*/
}
.filAriane a,
.filAriane span {
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}
.filAriane .filHome {
  width: 30px;
  height: 30px;
  background-position: -160px -688px;
}
.filAriane .gris {
  background: #e8e8e8;
  padding: 5px 10px;
}
.filAriane .flechG a:before,
.filAriane .flechD:before,
.filAriane .flechDRose a:before,
.filAriane .flechDRose a:after {
  background: url("../images/sprites.png") -192px -688px no-repeat;
  content: " ";
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 11px;
}
.filAriane .flechD,
.filAriane .flechG {
  margin-right: 20px;
}
.filAriane .flechD {
  padding-top: 5px;
}
.filAriane .flechD:before {
  background-position: -192px -701px;
}
.filAriane .flechDRose {
  margin-right: 10px;
}
.filAriane .flechDRose > a {
  background: #d33162;
  display: block;
  color: #fff;
  padding: 5px 10px;
}
.filAriane .flechDRose > a:before {
  background-position: -192px -714px;
}
.filAriane .flechDRose > a:after {
  background-position: -208px -688px;
  width: 8px;
  height: 7px;
  margin: 0 0 0 25px;
}
.filAriane .flechDRose > a.open:after {
  background-position: -208px -696px;
}
.filAriane .menuFil {
  background: #e8e8e8;
  position: absolute;
  display: none;
  z-index: 10;
  /*a:first-child {display:none;}*/
}
.filAriane .menuFil a {
  display: block;
  padding: 5px 10px;
  text-transform: none;
}
.filAriane .menuFil a:before,
.filAriane .menuFil a:after {
  background: none;
  margin: 0;
}
.filAriane .menuFil a:hover {
  color: #fff;
  background: #d33162;
}
.filAriane .borderBottom {
  margin-top: 20px;
  padding-bottom: 0;
}
/* ===============
	MENU PRINCIPAL
=============== */
#menuPrincipal {
  background: #fff;
  position: absolute;
  width: 100%;
  left: -9999px;
  z-index: 100;
}
#menuPrincipal li {
  font-family: 'DINOT-Bold';
  text-transform: uppercase;
  border-bottom: 1px solid #ced0cf;
  padding: 10px 15px 10px 20px;
  color: #0461c9;
  cursor: pointer;
}
#menuPrincipal li:hover,
#menuPrincipal li.active {
  color: #d23161;
}
#menuPrincipal li ul li {
  text-transform: none;
  font-family: 'DINOT-Regular';
  border-bottom: 0;
  padding: 0;
  margin-top: 10px;
}
#menuPrincipal li ul li.active a {
  color: #d23161;
  font-weight: bold;
}
#menuPrincipal li ul li a {
  text-decoration: none;
}
#menuPrincipal li ul li a:hover {
  color: #d23161;
  font-weight: bold;
}
#menuPrincipal li ul li a:before {
  display: block;
  content: "> ";
  float: left;
  padding-right: 5px;
}
#menuPrincipal li.niveau1.active span {
  border-bottom: 1px solid #ced0cf;
  display: block;
  padding: 0 0 10px 15px;
  margin: 0 -10px 0 -15px;
}
/* ===============
	SOCIAL SHARE
=============== */
.shareSocial {
  float: right;
  margin-top: 13px;
}
.shareSocial a,
.shareSocial span {
  display: inline-block;
}
.shareSocial .print {
  width: 40px;
  height: 26px;
  background-position: -96px -192px;
  margin-left: 15px;
  display: none;
  transition: none;
}
.shareSocial .print:hover {
  background-image: url('../images/print.gif');
  background-position: 0 0;
}
.shareSocial .social {
  background-position: -262px -65px;
  width: 30px;
  height: 29px;
  cursor: pointer;
}
.shareSocial .social:hover,
.shareSocial .social:focus {
  background-position: -262px -95px;
}
.socialShare {
  border: 1px solid #cccccc;
  padding: 20px;
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  background: #fff;
  z-index: 100;
}
.socialShare img {
  width: auto;
}
/* ===============
	COULEURS
=============== */
.blocCouleur {
  padding: 20px 15px 10px 20px;
  color: #fff;
  margin-bottom: 15px;
}
.blocCouleur h1,
.blocCouleur h2,
.blocCouleur h3,
.blocCouleur h4,
.blocCouleur h5,
.blocCouleur h6 {
  color: #fff;
  font-size: 1.7em;
  margin-bottom: 0;
}
.blocCouleur h1.petitTxt,
.blocCouleur h2.petitTxt,
.blocCouleur h3.petitTxt,
.blocCouleur h4.petitTxt,
.blocCouleur h5.petitTxt,
.blocCouleur h6.petitTxt {
  font-size: 1em;
  margin-bottom: 10px;
}
.blocCouleur:nth-child(even) {
  margin-left: 3%;
}
.blocCouleur.cdf3001 {
  background: #df3001;
}
.blocCouleur.cdf3001 a {
  color: #fff;
}
.blocCouleur.cde1e81 {
  background: #de1e81;
}
.blocCouleur.cde1e81 a {
  color: #fff;
}
.blocCouleur.cd23161 {
  background: #d23161;
}
.blocCouleur.cd23161 a {
  color: #fff;
}
.blocCouleur.c7b4bb9 {
  background: #7b4bb9;
}
.blocCouleur.c7b4bb9 a {
  color: #fff;
}
.blocCouleur.c1f6abd {
  background: #1f6abd;
}
.blocCouleur.c1f6abd a {
  color: #fff;
}
.blocCouleur.c048801 {
  background: #048801;
}
.blocCouleur.c048801 a {
  color: #fff;
}
.blocCouleur.cfedb19 {
  background: #fedb19;
  color: #1d1d1d;
}
.blocCouleur.cfedb19 h1,
.blocCouleur.cfedb19 h2,
.blocCouleur.cfedb19 h3,
.blocCouleur.cfedb19 h4,
.blocCouleur.cfedb19 h5,
.blocCouleur.cfedb19 h6 {
  color: #1d1d1d;
}
.blocCouleur.cff7611 {
  background: #ff7611;
  color: #1d1d1d;
}
.blocCouleur.cff7611 h1,
.blocCouleur.cff7611 h2,
.blocCouleur.cff7611 h3,
.blocCouleur.cff7611 h4,
.blocCouleur.cff7611 h5,
.blocCouleur.cff7611 h6 {
  color: #1d1d1d;
}
.blocCouleur.cfe54ac {
  background: #fe54ac;
  color: #1d1d1d;
}
.blocCouleur.cfe54ac h1,
.blocCouleur.cfe54ac h2,
.blocCouleur.cfe54ac h3,
.blocCouleur.cfe54ac h4,
.blocCouleur.cfe54ac h5,
.blocCouleur.cfe54ac h6 {
  color: #1d1d1d;
}
.blocCouleur.cb580fe {
  background: #b580fe;
  color: #1d1d1d;
}
.blocCouleur.cb580fe h1,
.blocCouleur.cb580fe h2,
.blocCouleur.cb580fe h3,
.blocCouleur.cb580fe h4,
.blocCouleur.cb580fe h5,
.blocCouleur.cb580fe h6 {
  color: #1d1d1d;
}
.blocCouleur.c469dff {
  background: #469dff;
  color: #1d1d1d;
}
.blocCouleur.c469dff h1,
.blocCouleur.c469dff h2,
.blocCouleur.c469dff h3,
.blocCouleur.c469dff h4,
.blocCouleur.c469dff h5,
.blocCouleur.c469dff h6 {
  color: #1d1d1d;
}
.blocCouleur.c64d750 {
  background: #64d750;
  color: #1d1d1d;
}
.blocCouleur.c64d750 h1,
.blocCouleur.c64d750 h2,
.blocCouleur.c64d750 h3,
.blocCouleur.c64d750 h4,
.blocCouleur.c64d750 h5,
.blocCouleur.c64d750 h6 {
  color: #1d1d1d;
}
.blocCouleur a {
  text-decoration: none;
}
.video,
.rdv,
.dkq,
.ttactu {
  position: relative;
  width: 48%;
  display: inline-block;
  box-sizing: border-box;
}
.video h1,
.rdv h1,
.dkq h1,
.ttactu h1,
.video h2,
.rdv h2,
.dkq h2,
.ttactu h2,
.video h3,
.rdv h3,
.dkq h3,
.ttactu h3,
.video h4,
.rdv h4,
.dkq h4,
.ttactu h4,
.video h5,
.rdv h5,
.dkq h5,
.ttactu h5,
.video h6,
.rdv h6,
.dkq h6,
.ttactu h6 {
  font-size: 1em;
  margin-bottom: 0;
  width: 75%;
}
.dkq a {
  display: block;
  margin-bottom: 15px;
}
.bloc25 h1.dkqVous,
.bloc25 h2.dkqVous,
.bloc25 h3.dkqVous,
.bloc25 h4.dkqVous,
.bloc25 h5.dkqVous,
.bloc25 h6.dkqVous {
  /*font-size: 1em;*/
  margin-bottom: 0;
  width: 75%;
}
.bloc25 .ttactu,
.bloc25 .rdv,
.bloc25 .video,
.bloc25 .dkq {
  height: 137px;
  max-height: 137px;
}
#colDroite .video,
#colDroite .rdv,
#colDroite .dkq,
#colDroite .ttactu {
  width: 100%;
}
p.illusDocTxt {
  text-transform: uppercase;
  /*margin-top: 0.8em;*/
  font-weight: bold;
  width: 60%;
  float: left;
  font-size: 0.9em;
}
.illusDoc {
  width: 35%;
  float: right;
  margin-top: -75px;
}
#contenuPrincipal .infoDoc {
  float: left;
  width: 60%;
}
#contenuPrincipal .infoDoc li {
  list-style: none;
  margin: 0;
}
#contenuPrincipal .infoDoc li a {
  display: inline;
}
.bloc25252525 .bloc25 {
  position: relative;
  width: 48%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}
.bloc25252525 .blocCouleur {
  margin-bottom: 5px;
}
.bloc25252525 .video,
.bloc25252525 .dkq,
.bloc25252525 .rdv,
.bloc25252525 .ttactu {
  width: 100%;
}
.video span,
.rdv span,
.dkq span,
.ttactu span {
  float: right;
}
.video span {
  background-position: -145px -128px;
  width: 54px;
  height: 56px;
}
.rdv span {
  background-position: 0 -128px;
  width: 67px;
  height: 49px;
  margin-bottom: 7px;
}
.ttactu span {
  background-position: -211px -547px;
  width: 56px;
  height: 58px;
  margin-bottom: 7px;
}
.cfedb19.video span,
.cff7611.video span,
.cfe54ac.video span,
.cb580fe.video span,
.d469dff.video span,
.c64d750.video span {
  background-position: -200px -128px;
}
.cfedb19.rdv span,
.cff7611.rdv span,
.cfe54ac.rdv span,
.cb580fe.rdv span,
.d469dff.rdv span,
.c64d750.rdv span {
  background-position: -68px -128px;
}
.cfedb19.ttactu span,
.cff7611.ttactu span,
.cfe54ac.ttactu span,
.cb580fe.ttactu span,
.d469dff.ttactu span,
.c64d750.ttactu span {
  background-position: -211px -611px;
}
.encart {
  margin-top: 30px;
  position: relative;
  border: 1px solid #666666;
  padding: 20px 20px 15px;
}
.encart .intituleEncart {
  font-size: 1.3em;
  font-family: 'DINOT-Regular';
  /*position: absolute;
		top: -10px;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		display: table;
		white-space: nowrap;
		*/
  margin: -40px auto 15px;
  background: #fff;
  padding: 0 15px;
  text-align: center;
  width: 75%;
}
.encart .intituleEncart.petitTxt {
  font-size: 1em;
}
/* ===============
	CONTENUS
=============== */
#container_info_cnil {
  background: #0461c9;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
  padding: 10px;
  position: relative;
  display: none;
}
#container_info_cnil a {
  color: #fff;
}
#container_info_cnil a.closeCnil {
  position: absolute;
  right: 10px;
  top: 25px;
  width: 20px;
  height: 22px;
  background-position: -201px -194px;
}
#container_info_cnil p {
  width: 90%;
}
.content {
  margin-bottom: 20px;
  position: relative;
}
#contenuPrincipal li {
  list-style: disc;
  margin: 0 0 8px 1em;
  word-wrap: break-word;
  list-style-position: inside;
}
#contenuPrincipal li ul li {
  margin: 5px 0 5px 15px;
  list-style-type: circle;
}
#contenuPrincipal li.parsley-custom-error-message {
  color: #d6024c;
  list-style: none;
  position: absolute;
  right: 0;
  width: 12%;
  top: -2px;
}
#contenuPrincipal .unfold {
  cursor: pointer;
  margin-bottom: 15px;
  display: block;
}
#contenuPrincipal .plan_site_general ul li {
  list-style: none;
}
#contenuPrincipal .plan_site_general ul li:before {
  background: url("../images/sprites.png") -232px -208px no-repeat;
  width: 16px;
  height: 16px;
  content: " ";
  display: inline-block;
  margin-right: 10px;
}
#contenuPrincipal .plan_site_general ul li.nivi:before {
  display: none;
}
#contenuPrincipal .plan_site_general ul li .img_plansite {
  background: url("../images/sprites.png") -252px -207px no-repeat;
  width: 15px;
  height: 16px;
  content: " ";
  display: inline-block;
  margin-right: 10px;
}
#contenuPrincipal .plan_site_general ul li .img_plansite.niviclosed {
  background-position: -272px -207px;
}
#contenuPrincipal ol li {
  list-style: none;
}
#contenuPrincipal .csc-uploads-0 li,
#contenuPrincipal .dwnlFile li {
  list-style-type: none;
  border-bottom: 1px solid #666;
  margin-left: -20px;
  margin-right: -20px;
  padding: 12px 20px 15px 20px ;
}
#contenuPrincipal .csc-uploads-0 li:first-child,
#contenuPrincipal .dwnlFile li:first-child {
  padding-top: 0;
}
#contenuPrincipal .csc-uploads-0 li:last-child,
#contenuPrincipal .dwnlFile li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
#contenuPrincipal .csc-uploads-0 li:before,
#contenuPrincipal .dwnlFile li:before {
  background: url("../images/sprites.png") -263px -129px no-repeat;
  display: block;
  width: 14px;
  height: 18px;
  content: " ";
  float: left;
  padding-right: 25px;
}
#contenuPrincipal .csc-uploads-0 li.aujourdhui:before,
#contenuPrincipal .dwnlFile li.aujourdhui:before,
#contenuPrincipal .csc-uploads-0 li.cettesemaine:before,
#contenuPrincipal .dwnlFile li.cettesemaine:before,
#contenuPrincipal .csc-uploads-0 li.cemois:before,
#contenuPrincipal .dwnlFile li.cemois:before {
  width: 15px;
  height: 33px;
  background-position: -64px -648px;
}
#contenuPrincipal .csc-uploads-0 li.cettesemaine:before,
#contenuPrincipal .dwnlFile li.cettesemaine:before {
  background-position: -104px -648px;
}
#contenuPrincipal .csc-uploads-0 li.cemois:before,
#contenuPrincipal .dwnlFile li.cemois:before {
  background-position: -144px -648px;
}
#contenuPrincipal .csc-uploads-0 li a,
#contenuPrincipal .dwnlFile li a {
  text-decoration: none;
}
#contenuPrincipal .csc-uploads-0 li a:hover,
#contenuPrincipal .dwnlFile li a:hover {
  color: #0461c9;
  text-decoration: underline;
}
.diaporamaImages {
  position: relative;
}
.diaporamaImages .prev,
.diaporamaImages .next {
  width: 43px;
  height: 47px;
  background-position: 0 -192px;
  display: inline-block;
  margin-left: 2px;
  position: absolute;
  bottom: 0;
  right: 45px;
  z-index: 1;
  border: 0;
}
.diaporamaImages .next {
  background-position: -47px -192px;
  right: 0;
}
.moveImage img {
  margin-bottom: 10px;
}
.pictoVideo {
  width: 82px;
  height: 81px;
  background-position: 0 -465px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -41px;
}
.pictoVideo:hover {
  opacity: 0.5;
}
.listeActu {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.listeActu .bloc25 {
  text-align: center;
  margin-bottom: 20px;
}
.listeActu h2 {
  font-size: 1.3em;
  margin-bottom: 10px;
}
#dateJourAgenda {
  background: url("../images/AgendaDateDunkerque.png") no-repeat;
  width: 144px;
  height: 125px;
  text-align: center;
  /*display: table-cell;
    vertical-align: middle;*/
  position: absolute;
  bottom: -115px;
  left: 15px;
  padding-top: 20px;
}
#dateJourAgenda .sem,
#dateJourAgenda .mois {
  text-transform: uppercase;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
}
#dateJourAgenda .jour {
  font-family: arial;
  font-size: 50px;
}
.page-navigation {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 2px 0 0;
}
.page-navigation .previous a,
.page-navigation .next a {
  width: 43px;
  height: 47px;
  background-position: -65px -688px;
}
.page-navigation .next {
  float: right;
}
.page-navigation .next a {
  background-position: -112px -688px;
}
.page-navigation ul,
.page-navigation div,
.page-navigation li {
  display: inline-block;
}
.page-navigation ul {
  width: 85%;
  text-align: center;
  vertical-align: top;
}
.page-navigation ul li {
  padding-top: 13px;
}
.page-navigation ul li a {
  text-decoration: none;
}
.page-navigation ul li.current,
.page-navigation ul li a:hover {
  color: #d6024c;
}
#contenuPrincipal .menu_agenda_mois {
  margin-top: 135px;
}
#contenuPrincipal .menu_agenda_mois li {
  margin: 0;
  padding-bottom: 25px;
}
#contenuPrincipal .menu_agenda_mois li a {
  display: block;
  padding-top: 10px;
}
.categorie {
  color: #666666;
  text-transform: uppercase;
  font-size: 0.8em;
  margin-bottom: 10px;
}
.newsDetail {
  float: right;
  margin: 0 0 15px 15px;
}
.listMois {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
#colDroite .form_recherche_effect,
#colDroite .form_recherche_effect_cat,
#colDroite .egestiondoc_recherche_input,
#colDroite .egestiondoc_recherche_select {
  margin-bottom: 10px;
}
#colDroite label,
#colDroite input,
#colDroite select {
  width: 100%;
}
#colDroite label {
  text-align: left;
}
#colDroite .blocCouleur {
  padding: 15px 15px 20px 20px;
}
#colDroite .blocCouleur h2 {
  margin-bottom: 10px;
}
#colDroite .blocCouleur.cdf3001 a,
#colDroite .blocCouleur.cde1e81 a,
#colDroite .blocCouleur.cd23161 a,
#colDroite .blocCouleur.c7b4bb9 a,
#colDroite .blocCouleur.c1f6abd a,
#colDroite .blocCouleur.c048801 a {
  color: #fff;
  text-decoration: underline;
}
#colDroite .blocCouleur.cdf3001 a:hover,
#colDroite .blocCouleur.cde1e81 a:hover,
#colDroite .blocCouleur.cd23161 a:hover,
#colDroite .blocCouleur.c7b4bb9 a:hover,
#colDroite .blocCouleur.c1f6abd a:hover,
#colDroite .blocCouleur.c048801 a:hover {
  text-decoration: none;
}
#kiosque .hoverDiv div {
  width: 50%;
  max-width: 125px;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
#kiosque .hoverDiv div .hoverContent {
  width: 100%;
}
#kiosque .hoverDiv > div div.hoverContent span {
  left: 10%;
  top: 13%;
  bottom: auto;
  width: 85%;
  font-size: 1em;
  text-align: left;
}
#kiosque .hoverDiv > div div.hoverContent span a {
  color: #fff;
}
#kiosque .hoverDiv div {
  width: 50%;
  display: inline-block;
  padding: 0 5px;
  margin-bottom: 15px;
  box-sizing: border-box;
}
#kiosque .hoverDiv div .hoverContent {
  width: 100%;
}
#kiosque .encart {
  text-align: center;
  padding-bottom: 5px;
}
#kiosque .encart .intituleEncart {
  width: 40%;
}
.services li {
  display: inline-block;
  font-family: 'DINOT-Bold';
  color: #0461c9;
  text-transform: uppercase;
  font-size: 0.9em;
}
.services li a {
  color: #0461c9;
  text-decoration: none;
}
.services li:after {
  content: " / ";
  font-family: 'DINOT-Light';
  padding-left: 1px;
}
.services li:last-child:after {
  content: "";
}
#contenuPrincipal .servicesPictos {
  text-align: center;
}
#contenuPrincipal .servicesPictos li {
  text-transform: uppercase;
  font-size: 1.1em;
  width: 44%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
  transition: all 200ms ease-in 0s;
  position: relative;
  text-align: center;
  margin: 0 0.5em 8px 0.5em;
}
#contenuPrincipal .servicesPictos li img {
  width: auto;
  margin: 3px 15px 0 0;
}
#contenuPrincipal .servicesPictos li img:nth-child(2) {
  display: none;
  transition: all 200ms ease-in 0s;
}
#contenuPrincipal .servicesPictos li a {
  background: #f2f2f2;
  font-family: 'DINOT-Bold';
  padding: 20px 15px;
  display: block;
  color: #0461c9;
  text-decoration: none;
  vertical-align: middle;
  margin-bottom: 10px;
  height: 95px;
  text-align: center;
  /*&.linkText {max-width: 157px;}*/
}
#contenuPrincipal .servicesPictos li a .intitule {
  display: block;
  margin-top: 10px;
}
#contenuPrincipal .servicesPictos li a:hover {
  background: #0461c9;
  color: #fff;
  transition: all 200ms ease-in 0s;
}
#contenuPrincipal .servicesPictos li a:hover img {
  transition: all 200ms ease-in 0s;
}
#contenuPrincipal .servicesPictos li a:hover img:nth-child(2) {
  display: inline-block;
  transition: all 200ms ease-in 0s;
}
#contenuPrincipal .servicesPictos li a:hover img:nth-child(1) {
  display: none;
  transition: all 200ms ease-in 0s;
}
#service .encart {
  text-align: center;
}
#service .encart li {
  margin: 0 5px 8px 0;
}
#service .encart .intituleEncart {
  width: 66%;
}
#quotidien .blocCouleur h1,
#quotidien .blocCouleur h2,
#quotidien .blocCouleur h3,
#quotidien .blocCouleur h4,
#quotidien .blocCouleur h5,
#quotidien .blocCouleur h6 {
  font-size: 1.7em;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: bottom;
}
#quotidien .blocCouleur {
  margin-top: 15px;
}
.gridHome > div {
  background: #fff;
  margin: 7px 0 0;
  overflow: hidden;
}
.gridHome > div,
.gridHome > div img,
.hoverDiv > div,
.hoverDiv > div img {
  display: block;
  position: relative;
}
.gridHome > div,
.hoverDiv > div {
  overflow: hidden;
}
.gridHome > div div.hoverContent,
.hoverDiv > div div.hoverContent {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
}
.gridHome > div div.hoverContent span,
.hoverDiv > div div.hoverContent span {
  top: 28%;
  left: 10%;
  position: absolute;
  font-family: 'DINOT-Bold';
  font-size: 1.3em;
  /*text-transform: uppercase;*/
  color: #fff;
  width: 85%;
}
.gridHome > div div.hoverContent span a,
.hoverDiv > div div.hoverContent span a {
  color: #fff;
  text-decoration: none;
}
.grid-sizer,
.gridBloc {
  width: 49%;
}
.grandBloc,
.panorama,
.demi {
  width: 100%;
}
.petit,
.haut {
  width: 49%;
}
.gutter-sizer {
  width: 1.5%;
}
.gridHome .blocCouleur {
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.bloc5050 .bloc5050 .bloc50.hoverDiv {
  width: 49%;
  float: left;
  /*margin-top: 15px;*/
}
.bloc5050 .bloc5050 .bloc50.hoverDiv:first-child {
  margin-right: 1%;
}
.margin20 {
  margin-bottom: 20px;
}
.bloc5050 .bloc50:first-child.padding12 {
  padding-right: 12px;
}
a.savoirPlus {
  font-family: 'DINOT-Regular';
  text-decoration: none;
  background: #0461c9;
  color: #fff;
  padding: 8px;
  display: inline-block;
  transition: all 200ms ease-in 0s;
  border: 1px solid #0461c9;
}
a.savoirPlus:hover {
  background: #fff;
  color: #0461c9;
  transition: all 200ms ease-in 0s;
}
.gridBloc .video,
.gridBloc .rdv,
.gridBloc .dkq,
.gridBloc .ttactu {
  position: relative;
}
#flashInfo h2 {
  font-family: 'DINOT-Black';
  font-size: 1.85em;
  color: #0461c9;
  height: 35px;
  background: #f2f2f2;
  display: inline-block;
  padding: 25px 0 30px 30px;
  float: left;
}
#flashInfo h2:after {
  width: 48px;
  height: 90px;
  background-image: url("../images/sprites.png");
  display: block;
  float: right;
  content: "";
  background-position: 0 -646px;
  margin: -25px -45px 0 20px;
}
#flashInfo p {
  display: inline-block;
  font-size: 1.85em;
  vertical-align: top;
  padding-top: 20px;
  margin-left: 6%;
}
#smoothState {
  overflow: hidden;
}
/* ===============
	FOOTER
=============== */
#footer {
  margin-bottom: 15px;
}
#footer .menu {
  background: #0461c9;
  padding: 20px 40px;
  text-align: center;
}
#footer .menu a {
  color: #fff;
  text-decoration: none;
}
#footer .menu li {
  display: inline-block;
  margin-right: 5%;
  font-size: 0.9em;
}
#footer .bottom {
  background: #f2f2f1;
  padding: 20px 40px;
  color: #0461c9;
  text-align: center;
}
#footer .bottom img {
  width: auto;
  margin: 0 10%;
}
/* ===============
	EXTENSIONS
=============== */
.tx-indexedsearch-res-row img {
  width: auto;
}
.tx-indexedsearch-selectbox-defop,
.tx-indexedsearch-selectbox-lang,
.tx-indexedsearch-selectbox-desc {
  margin: 15px 0 0 27.4%;
}
.tx-indexedsearch .tx-indexedsearch-browsebox {
  margin-top: 15px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox li {
  list-style: none;
  display: inline-block;
}
.tx-indexedsearch-res {
  margin: 10px 0;
}
dd.powermail_all_label {
  float: left;
  margin-right: 10%;
  font-weight: bold;
  width: 15%;
}
img.powermail_captchaimage {
  margin: 10px 0 0 27.5%;
}
.image_cat_annuaire,
.description_img_annuaire {
  display: inline-block;
}
.item_cat {
  margin-bottom: 15px;
}
#contenuPrincipal .first_li_organigramme {
  list-style: none;
}
.li_organigramme {
  display: none;
}
.organigramme_active {
  display: block;
}
.styleh3 {
  cursor: pointer;
}
.styleh3:before {
  content: " ";
  display: inline-block;
  background: url('../images/plus.gif') no-repeat;
  width: 10px;
  height: 10px;
}
/* ===============
	DEBUG RESPONSIVE
=============== */
body:before {
  display: none;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  color: white;
}
body:before {
  content: "Smartphone";
}
@media (min-width: 767px) {
  body:before {
    content: "Smartphone & tablette portrait";
  }
  .bloc25 .ttactu,
  .bloc25 .rdv,
  .bloc25 .video,
  .bloc25 .dkq {
    height: auto;
    max-height: none;
  }
  .listeActu .bloc25 {
    max-width: 207px;
    margin-bottom: 0;
  }
  .listeActu.gestionDoc .bloc25 {
    max-width: 155px;
  }
  .gridHome > div div.hoverContent span,
  .hoverDiv > div div.hoverContent span {
    top: 13%;
  }
  .headerTop .accesRapide {
    display: block;
  }
  .headerRight .social {
    position: absolute;
    right: 30px;
    bottom: -76px;
    z-index: 100;
  }
  .headerRight .social a {
    width: 60px;
    height: 60px;
  }
  .headerRight .social a.facebook {
    background-position: 0 0;
  }
  .headerRight .social a.facebook:hover {
    background-position: 0 -60px;
  }
  .headerRight .social a.twitter {
    background-position: -65px 0;
  }
  .headerRight .social a.twitter:hover {
    background-position: -65px -60px;
  }
  .headerRight .social a.dailymotion {
    background-position: -130px 0;
  }
  .headerRight .social a.dailymotion:hover {
    background-position: -130px -60px;
  }
  .filAriane {
    display: block;
  }
  #colPrincipale {
    float: left;
  }
  #colDroite {
    float: right;
  }

  #colPrincipale {
    width: 73%;
    margin-right: 2%;
    max-width: 880px;
  }
  #colDroite {
    width: 25%;
    max-width: 280px;
  }
  .video,
  .rdv,
  .dkq,
  .ttactu {
    width: auto;
    display: block;
  }
  .blocCouleur:nth-child(even) {
    margin-left: 0;
  }
  .bloc25,
  .bloc75,
  .bloc50,
  .bloc33 {
    float: left;
    box-sizing: border-box;
    position: relative;
  }
  .bloc25 {
    width: 25%;
  }
  .bloc33 {
    width: 33.33%;
  }
  .bloc75 {
    width: 75%;
  }
  .bloc50 {
    width: 50%;
  }
  .bloc7525 .bloc75 {
    padding-right: 15px;
  }
  .bloc2575 .bloc75 {
    padding-left: 15px;
  }
  .bloc5050 .bloc50:first-child {
    padding-right: 8px;
  }
  .bloc5050 .bloc50:nth-child(2) {
    padding-left: 8px;
  }
  .bloc333333 .bloc33:first-child {
    padding-right: 15px;
  }
  .bloc333333 .bloc33:nth-child(2) {
    padding: 0 10px;
  }
  .bloc333333 .bloc33:last-child {
    padding-left: 15px;
  }
  .bloc25252525 .bloc25 {
    padding: 0 10px;
    width: 25%;
  }
  .bloc25252525 .bloc25:first-child {
    padding-left: 0;
  }
  .bloc25252525 .bloc25:last-child {
    padding-right: 0;
  }
  .bottom a,
  .bottom p,
  .bottom > div {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
    margin-left: 8%;
  }
  .bottom a:first-child {
    margin-left: 0;
  }
  #footer .menu li {
    font-size: 1em;
  }
  #menuPrincipal {
    -moz-box-shadow: 3px 0px 10px -3px #656565;
    -webkit-box-shadow: 3px 0px 10px -3px #656565;
    -o-box-shadow: 3px 0px 10px -3px #656565;
    box-shadow: 3px 0px 10px -3px #656565;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=90, Strength=10);
    width: 70%;
    top: -105px;
  }
  #menuPrincipal nav {
    margin-top: 185px;
    padding: 0 20px 0 0;
  }
  .backgroundMenu {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
    background: url('../images/backgroundMenuOn.png');
    z-index: 49;
    opacity: 0;
    display: none;
  }
  .grid-sizer,
  .gridBloc {
    width: 23.75%;
  }
  .grandBloc {
    width: 74%;
  }
  .petit {
    width: 23.5%;
  }
  .haut {
    width: 23.5%;
  }
  .demi,
  .panorama {
    width: 49%;
  }
  .gutter-sizer {
    width: 1.694%;
  }
  .gridHome > div {
    margin-bottom: 10px;
  }
  .gridHome .blocCouleur {
    /*max-height: 203px;
		min-height: 203px;*/
    margin-bottom: 0;
    overflow: hidden;
  }
  #contenuPrincipal .servicesPictos li {
    width: 23%;
    margin-right: 0 0 8px 1em;
    text-align: left;
    padding: 0;
    display: inline-block;
  }
  #contenuPrincipal .servicesPictos li:nth-child(4) {
    margin-right: 0;
  }
  #contenuPrincipal .servicesPictos li div {
    position: absolute;
    width: 80%;
    top: 54%;
    left: 50%;
    -webkit-transform: translate(-50%, -48%);
    -moz-transform: translate(-50%, -48%);
    -ms-transform: translate(-50%, -48%);
    -o-transform: translate(-50%, -48%);
    transform: translate(-50%, -48%);
  }
  #contenuPrincipal .servicesPictos li a {
    height: 55px;
    padding: 25px 25px 5px;
  }
  #contenuPrincipal .servicesPictos li a .intitule {
    margin: 0;
  }
  #contenuPrincipal .servicesPictos li img {
    float: left;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .bottom p {
    margin-left: 6%;
  }
  .titreTrait {
    line-height: 0em;
  }
  #contenuPrincipal .servicesPictos li a.linkText {
    max-width: 126px;
  }
  .video h1,
  .rdv h1,
  .dkq h1,
  .ttactu h1,
  .video h2,
  .rdv h2,
  .dkq h2,
  .ttactu h2,
  .video h3,
  .rdv h3,
  .dkq h3,
  .ttactu h3,
  .video h4,
  .rdv h4,
  .dkq h4,
  .ttactu h4,
  .video h5,
  .rdv h5,
  .dkq h5,
  .ttactu h5,
  .video h6,
  .rdv h6,
  .dkq h6,
  .ttactu h6 {
    font-size: 1em;
  }
  .video span {
    background-position: -145px -128px;
    width: 54px;
    height: 56px;
  }
  .rdv span {
    background-position: 0 -128px;
    width: 67px;
    height: 49px;
    margin-bottom: 7px;
  }
  .ttactu span {
    background-position: -211px -547px;
    width: 56px;
    height: 58px;
    margin-bottom: 7px;
  }
  .cfedb19.video span,
  .cff7611.video span,
  .cfe54ac.video span,
  .cb580fe.video span,
  .d469dff.video span,
  .c64d750.video span {
    background-position: -200px -128px;
  }
  .cfedb19.rdv span,
  .cff7611.rdv span,
  .cfe54ac.rdv span,
  .cb580fe.rdv span,
  .d469dff.rdv span,
  .c64d750.rdv span {
    background-position: -68px -128px;
  }
  .cfedb19.ttactu span,
  .cff7611.ttactu span,
  .cfe54ac.ttactu span,
  .cb580fe.ttactu span,
  .d469dff.ttactu span,
  .c64d750.ttactu span {
    background-position: -211px -611px;
  }
  #contenuPrincipal .servicesPictos li {
    width: 30%;
  }
}
@media only screen and (min-width: 1024px) {
  body:before {
    content: "Tablette paysage & bureau";
  }
  .titreTrait {
    line-height: 0em;
  }
  .gridHome > div {
    background: #fff;
    margin: 0 0 20px;
  }
  #contenuPrincipal .servicesPictos li a.linkText {
    max-width: 126px;
  }
  .headerTop {
    height: 21px;
  }
  .shareSocial .print {
    display: inline-block;
  }
  #footer {
    margin-bottom: 30px;
  }
  #footer .menu,
  #footer .bottom {
    width: 50%;
    float: left;
    box-sizing: border-box;
    height: 120px;
    padding: 15px 40px 15px 0;
  }
  #footer .menu .gestionCookies,
  #footer .bottom .gestionCookies {
    margin-top: inherit !important;
  }
  #footer .bottom {
    padding-left: 15px;
  }
  #footer .menu li {
    margin-right: 19px;
    height: 40px;
    margin-top: 20px;
  }
  #footer .cl-effect-21 a::before,
  #footer .cl-effect-21 a::after {
    background: #fff;
  }
  .cl-effect-21 a {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    position: relative;
    padding: 5px 0;
  }
  .cl-effect-21 a:hover,
  .cl-effect-21 a:focus {
    outline: none;
  }
  .cl-effect-21 a::before,
  .cl-effect-21 a::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999999;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .cl-effect-21 a::before {
    top: 0;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  .cl-effect-21 a::after {
    bottom: 0;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
  .cl-effect-21 a:hover,
  .cl-effect-21 a:focus {
    color: #999999;
  }
  .cl-effect-21 a:hover::before,
  .cl-effect-21 a:focus::before,
  .cl-effect-21 a:hover::after,
  .cl-effect-21 a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
  }
  .video h1,
  .rdv h1,
  .dkq h1,
  .ttactu h1,
  .video h2,
  .rdv h2,
  .dkq h2,
  .ttactu h2,
  .video h3,
  .rdv h3,
  .dkq h3,
  .ttactu h3,
  .video h4,
  .rdv h4,
  .dkq h4,
  .ttactu h4,
  .video h5,
  .rdv h5,
  .dkq h5,
  .ttactu h5,
  .video h6,
  .rdv h6,
  .dkq h6,
  .ttactu h6 {
    font-size: 1.7em;
    width: 79%;
  }
  .video span {
    background-position: 0 -346px;
    width: 106px;
    height: 108px;
  }
  .rdv span {
    background-position: 0 -245px;
    width: 132px;
    height: 96px;
    margin: 0;
  }
  .ttactu span {
    background-position: -114px -465px;
    width: 75px;
    height: 77px;
    margin-bottom: 7px;
  }
  .cfedb19.video span,
  .cff7611.video span,
  .cfe54ac.video span,
  .cb580fe.video span,
  .c469dff.video span,
  .c64d750.video span {
    background-position: -136px -346px;
  }
  .cfedb19.rdv span,
  .cff7611.rdv span,
  .cfe54ac.rdv span,
  .cb580fe.rdv span,
  .c469dff.rdv span,
  .c64d750.rdv span {
    background-position: -136px -245px;
  }
  .cfedb19.ttactu span,
  .cff7611.ttactu span,
  .cfe54ac.ttactu span,
  .cb580fe.ttactu span,
  .c469dff.ttactu span,
  .c64d750.ttactu span {
    background-position: -211px -465px;
  }
  .bloc25 .video span {
    background-position: 0 -547px;
    width: 98px;
    height: 96px;
    margin: 5px 0;
  }
  .bloc25 .rdv span {
    margin: 5px 0;
  }
  .bloc25 .ttactu span {
    margin: 15px 0 13px;
  }
  .bloc25 .cfedb19.video span,
  .bloc25 .cff7611.video span,
  .bloc25 .cfe54ac.video span,
  .bloc25 .cb580fe.video span,
  .bloc25 .d469dff.video span,
  .bloc25 .c64d750.video span {
    background-position: -102px -547px;
  }
  .showRecherche {
    display: none;
  }
  .headerRight .recherche .formSolr {
    display: block;
    position: absolute;
    width: 400px;
    margin: 0;
    left: 450px;
    top: 54px;
    z-index: 10;
    padding: 0;
  }
  .headerRight .recherche .formSolr input {
    height: 60px;
  }
  .headerRight .recherche .formSolr label {
    top: 17px;
    left: 25px;
  }
  .headerRight .recherche .formSolr input[type=text] {
    padding-left: 25px;
  }
  .headerRight .recherche .formSolr button {
    top: 12px;
  }
  .borderBottom {
    padding-bottom: 15px;
  }
  #contenuPrincipal {
    position: relative;
  }
  .socialShare {
    left: auto;
    box-sizing: border-box;
    right: 4px;
  }
  #kiosque .hoverDiv div {
    margin-right: 15px;
    padding: 0;
  }
  #kiosque .encart .intituleEncart,
  #service .encart .intituleEncart {
    width: 20%;
  }
  .gridHome > div {
    margin-bottom: 21px;
  }
  .bottom p {
    margin-left: 20%;
  }
  header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    z-index: 50;
    background: #fff;
    width: 95%;
    margin: auto;
    max-width: 1180px;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  #paddingTop {
    padding-top: 190px;
  }
  .sticky > div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .sticky .language,
  .sticky .accesRapide {
    display: none;
  }
  .sticky .headerTop {
    padding: 0;
    height: 0;
  }
  .sticky .headerTop.borderBottom {
    border: 0;
    margin: 10px 0 0 0;
  }
  .sticky .headerRight .recherche .formSolr {
    top: 5px;
  }
  .sticky .headerRight .social {
    bottom: -65px;
  }
  .sticky .headerLogo.marginHome {
    margin-bottom: 0;
  }
}
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #0461c9;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
/*---- Datepicker ----*/
.ui-widget-header {
  background: #0461c9 !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none !important;
  background: #0461c9 !important;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px !important;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px !important;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px !important;
}
.diaporamaImages .ce-center .ce-outer,
.diaporamaImages .ce-center .ce-inner {
  float: none;
}
.egestiondoc_contenu_html > div {
  text-align: left !important;
}
.egestiondoc_contenu_html > div div {
  display: none;
}
.egestiondoc_contenu_html a {
  display: none;
}
.ui-accordion .ui-accordion-header {
  display: flex !important;
  align-items: center;
  border-radius: 0 !important;
  background: transparent;
  border: none;
  font-family: 'DINOT-Regular';
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  display: none;
}
.ui-accordion .ui-accordion-header a {
  margin-left: 10px;
}
.ui-accordion .ui-accordion-header img {
  width: 35px;
  height: auto;
}
.ui-accordion .ui-accordion-header svg {
  width: 5px;
  margin-right: 5px;
  position: absolute;
  right: 10px;
}
.ui-accordion .ui-accordion-header:hover a {
  color: #ffffff !important;
}
.ui-accordion .ui-state-active,
.ui-accordion .ui-state-focus {
  background: #0461c9 !important;
}
.ui-accordion .ui-state-active a,
.ui-accordion .ui-state-focus a {
  color: #ffffff !important;
}
.ui-accordion .ui-state-active svg path,
.ui-accordion .ui-state-focus svg path {
  fill: #fff;
}
.ui-accordion .ui-state-active svg {
  transform: rotate(90deg);
}
.ui-accordion .ui-state-hover {
  border: 1px solid #d3d3d3 !important;
}
.ui-accordion .ui-accordion-content {
  font-family: 'DINOT-Regular';
}
.btn-default {
  background: #0461c9;
  border: 1px solid #0461c9;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  padding: 8px 12px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.btn-default:hover {
  border: 1px solid #7f7f7f;
  color: #7f7f7f !important;
  background: transparent;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.link-home {
  position: absolute;
  right: 0px;
  bottom: -94px;
  z-index: 100;
}
.bloc-link-home {
  border-radius: 10px;
  height: 30px;
  padding: 12px 15px 20px 20px !important;
}
@media only screen and (max-width: 769px) {
  .bloc-link-home {
    border-radius: 10px !important;
    height: 25px !important;
    padding: 8px 0px 6px 4px !important;
    position: absolute !important;
    right: 562px !important;
    bottom: 82px !important;
    width: 100px !important;
  }
  .blocCouleur h3 {
    font-size: 0.8em !important;
  }
}
@media only screen and (max-width: 426px) {
  .bloc-link-home {
    right: 59px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .sticky .headerRight .link-home {
    top: 5px !important;
  }
}
@media only screen and (max-width: 1146px) {
  .headerRight .recherche .formSolr input[type=text] {
    width: 70% !important;
  }
  .headerRight .recherche .formSolr button {
    right: 136px !important;
  }
}
.link-home h3.intituleEncart {
  height: unset !important;
}