@charset "UTF-8";
/*
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
*/
/*
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);
*/
/* CSS Document */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("stovg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?7kze49");
  src: url("../fonts/icomoon.eot?7kze49#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7kze49") format("truetype"), url("../fonts/icomoon.woff?7kze49") format("woff"), url("../fonts/icomoon.svg?7kze49#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
/*variables.scss*/
/*COULEURS*/
/*ROUGE WKTL					#cf323b		207 50 59*/
/*CYAN WKTL						#43c0b2		67 192 178*/
/*JAUNE WKTL					#eab81f		231 184 31*/
/*GRIS TXT WKTL					#383838		56 56 56*/
/*ROUGE OFFICIEL				#cf323b		215 26 51*/
/*BLEU MARINE					#00538c		0 83 140*/
/*BORDEAUX LOGISTIQUES			#a52232		165 34 50*/
/*JAUNE ABONNEMENT				#e9a908		233 169 8*/
/*AJA*/
/*BLEU AJA						#0070b4		0 112 180*/
/*BLEU FONCE AJA				#025588		2 85 136*/
/*GRIS AJA						#636363		99 99 99*/
/*GRIS FONCE AJA				#3a3a3a		58 58 58*/
/*ASH*/
/* vert-bleu ASH				#00b0b5		0 176 181*/
/* bleu ASH						#004494		0 68 148 */
/* bleu guide ASH				#87a4d0		135 164 208 */
/* bleu moyen guide ASH			#5290c8		82 144 200 */
/* bleu fonce guide ASH			#06578f		6 87 143 */
/* jaune ASH					#eab81f		234 184 31 */
/* orange clair ASH				#f3781e		243 120 30 */
/* orange foncé ASH				#ca5c0c		202 92 12 */
/* orange partenaire ASH		#e98816		233 136 22 */
/* gris texte ASH				#545454		84 84 84 */
/* gris texte moyen				#ababab		171 171 171*/
/* gris clair fond ASh			#e6e6e6		230 230 230*/
/* gris tres clair fond ASH		#f6f6f6		246 246 246*/
/*TOURISME*/
/* bgcolor visu					#ebebeb		235 235 235*/
/* domaines tourisme			#413b3b		65 59 59*/
/* coul tourhebdo				#e1003b		225 0 59*/
/* coul tourhebdo on/hover		#c60034		198 0 52*/
/* coul tourisme groupe			#931212		147 18 18*/
/* coul tourisme groupe on/hove	#7b0e0e		221 168 0*/
/* jaune icotour				#eab91f		234 185 31*/
/* jaune icotour on/hover		#dda800		221 168 0*/
/* coul guide recept			#fc4521		252,69,33*/
/*A COMPLETER*/
/* coul guide recept on/hover	#de3918		222,57,24*/
/*A COMPLETER*/
/*TOURHEBDO*/
/* rouge tour hebdo             #e1003b     225 0 59*/
/* Gris clair du fond           #f2f2f2     242 242 42*/
/* Gris texte                   #5d5d5d     93 93 93 */
/* noir texte                   #383838     57 57 57*/
/* gris clair texte             #aaaaaa     170 170 170*/
/*
TYPO : BASE 14PX, DEFINI PAR "BODY"
NB : REM SE REFERE AU font-size: 62.5% DEFINI PAR "HTML", DONC BASE 10PX;
*/
/*
POINTS DE RUPTURE
320px
480px	screens between 321px and 480px
640px	screens between 481px and 640px
768px	screens between 641px and 768px
960px	screens between 769px and 960px
1024px	screens between 961px and 1024px
1280px	screens between 1025px and 1280px
1440px	screens between 1281px and 1440px
1600px	screens between 1441px and 1600px
1920px	ultra large screens
*/
/*
COMPATIBILITES :
HACKS CSS :
• "declaration:argument\9" CIBLE IE9 et INFERIEURS
•  "declaration:argument\0" CIBLE IE8 et IE7
"calc" COMPATIBLE A PARTIR D'IE9
*/
/*F_variables.scss*/
/*OVERRIDE KNACSS*/
/*
html {
	font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
}
body {
	font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6	{
	font-family: 'Raleway', Verdana, Arial, Helvetica, sans-serif;
}
*/
a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/*F_OVERRIDE KNACSS*/
/*GENERALITES*/
/*INHIBER ZOOM SUR FOCUS*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px; } }
/*F_INHIBER ZOOM SUR FOCUS*/
/*FORMULAIRES : BAD FORMAT*/
form span.bad {
  /*PLACE DIRECTEMENT SOUS LES INPUT*/
  position: relative;
  background-color: #ffffff;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  visibility: hidden;
  color: #ff0000;
  font-size: 0.7857em; }

.insc form span.bad {
  position: absolute;
  right: 0px;
  bottom: 0px; }

form span.bad:before {
  font-family: 'FontAwesome';
  content: "\f071\00a0";
  /*exclamation-triangle*/ }

form span.bad.vis {
  visibility: visible; }

form span.bad.block {
  /*OBLIGER A PASSER A LA LIGNE*/
  display: block; }

form input.bad,
form textarea.bad {
  /*S'AJOUTE AUX INPUT - TEXTAREA*/
  border: 1px solid #ff0000 !important; }

/*F_FORMULAIRES : BAD FORMAT*/
/*FORMULAIRES : ALERTE*/
.form-alerte {
  position: absolute;
  display: block;
  display: none\9;
  width: 50%;
  top: 0;
  left: 25%;
  margin: 0;
  padding: 0.25em 1.75em;
  background: #ff0000;
  color: #ffffff;
  text-align: center;
  font-size: 1.2857em;
  font-weight: bold;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: transform 0.3s ease; }
  .form-alerte.hide {
    transform: scaleY(0);
    display: none\9; }
  .form-alerte.show {
    transform: scaleY(1);
    display: block\9; }

.form-alerte > a.close {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #ffffff;
  color: #ff0000;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  padding: 0 0.25em; }
  .form-alerte > a.close:before {
    font-size: 0.8571em; }

/*F_FORMULAIRES : ALERTE*/
/*CHAMP DE SAISIE GENERIQUE*/
.champsai {
  margin: 0.05em 0;
  padding: 0.75em 1em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  font-size: 0.8571em;
  font-weight: 600;
  color: #7d7d7d; }

/*F_CHAMP DE SAISIE GENERIQUE*/
/*COMPORTEMENT PLACEHOLDER*/
::-webkit-input-placeholder {
  text-transform: uppercase;
  opacity: 1; }

:-moz-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/* Firefox 18- */
::-moz-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/* ie */
input:-moz-placeholder {
  text-transform: uppercase;
  opacity: 1; }

/*F_COMPORTEMENT PLACEHOLDER*/
/*CITATION*/
.citation {
  position: relative;
  padding: 1em 2em 2em 2em; }

aside .citation {
  padding: 0.5em 1em 0 1em; }

.citation:before,
.citation:after {
  position: absolute;
  z-index: 1;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

.citation:before {
  left: 0px;
  top: 0px;
  background-image: url("../img/citation-ouvrant.png");
  background-position: center top; }

.citation:after {
  right: 0px;
  bottom: 15px;
  background-image: url("../img/citation-fermant.png");
  background-position: center bottom; }

aside .citation:before,
aside .citation:after {
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

.citation p {
  position: relative;
  z-index: 10;
  margin: 0;
  font-style: italic;
  line-height: 1.15em;
  color: #222222; }

.citation span {
  position: relative;
  z-index: 10;
  display: block;
  margin: 0; }

/*F_CITATION*/
/*NOM-PRENOM*/
.nom-prenom {
  color: #cf323b;
  text-transform: uppercase; }
  .nom-prenom a {
    color: #cf323b; }

/*F_NOM-PRENOM*/
/*ICONS RESEAUX SOCIAUX*/
*[resoc]:before {
  font-family: 'icomoon';
  font-weight: normal; }

*[resoc="FB"]:before {
  content: "\e903"; }

*[resoc="TW"]:before {
  content: "\e90c"; }

*[resoc="IN"]:before {
  content: "\e904"; }

*[resoc="RSS"]:before {
  content: "\e90b"; }

*[resoc="GOO"]:before {
  /*content: "\e913";*/
  content: "\e916"; }

*[resoc="YOU"]:before {
  content: "\e915"; }

*[resoc="VIA"]:before {
  font-family: 'FontAwesome';
  content: "\f2a9"; }

*[resoc="YOU"]:before {
  content: "\ea9d"; }

/*F_ICONS RESEAUX SOCIAUX*/
/*BUTTONS*/
.btn {
  border: none;
  padding-top: 12px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
  text-transform: uppercase;
  line-height: 1em;
  color: #ffffff; }
  .btn:before, .btn:after {
    position: relative;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    vertical-align: middle;
    top: -2px;
    font-family: 'icomoon';
    font-weight: normal;
    font-weight: 200; }

.btn a {
  color: #ffffff; }

.burger-abo .btn {
  margin-left: 10px; }

.btn.btn-fdro:after {
  margin-left: 10px;
  content: "\e909"; }

.btn.btn-fgau:before {
  margin-right: 10px;
  content: "\e909";
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.btn.btn-checkdro:after {
  margin-left: 10px;
  content: "\e909"; }

.btn.btn-plusgau:before {
  margin-right: 10px;
  font-family: 'FontAwesome';
  content: "\f067";
  /*plus*/ }

.btn.btn-plusdro:after {
  margin-left: 10px;
  font-family: 'FontAwesome';
  content: "\f067";
  /*plus*/ }

.btn.btn-trans,
.btn.btn-trans a {
  background-color: transparent;
  color: #989898; }

.btn.btn-blanc,
.btn.btn-blanc a {
  background-color: #ffffff;
  color: #4f4f4f; }

.btn.btn-rouge {
  background-color: #cf323b; }

.btn.btn-jaune {
  background-color: #eab81f; }

.btn.btn-bleu {
  background-color: #0070b4; }

.btn.btn-bleusombre {
  background-color: #025588; }

.btn.btn-ash {
  background-color: #00b0b5; }

.btn.btn-guidrec {
  background-color: #fc4521; }

.btn.btn-tourgroup {
  background-color: #931212; }

.btn:hover,
.btn:active {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
  -moz-box-shadow: 0px 0px 2px 1px #666666;
  -webkit-box-shadow: 0px 0px 2px 1px #666666;
  -o-box-shadow: 0px 0px 2px 1px #666666;
  box-shadow: 0px 0px 2px 1px #666666; }

.btn.btn-trans:hover,
.btn.btn-trans:hover a,
.btn.btn-trans:active,
.btn.btn-trans:active a {
  color: #000000; }

.btn.btn-blanc:hover,
.btn.btn-blanc:hover a,
.btn.btn-blanc:active,
.btn.btn-blanc:active a {
  color: #989898; }

.btn.btn-rouge:hover,
.btn.btn-rouge:active {
  -moz-box-shadow: 0px 0px 2px 1px #cf323b;
  -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
  -o-box-shadow: 0px 0px 2px 1px #cf323b;
  box-shadow: 0px 0px 2px 1px #cf323b; }

.btn.btn-jaune:hover,
.btn.btn-jaune:active {
  -moz-box-shadow: 0px 0px 2px 1px #eab81f;
  -webkit-box-shadow: 0px 0px 2px 1px #eab81f;
  -o-box-shadow: 0px 0px 2px 1px #eab81f;
  box-shadow: 0px 0px 2px 1px #eab81f; }

.btn.btn-bleu:hover,
.btn.btn-bleu:active {
  -moz-box-shadow: 0px 0px 2px 1px #0070b4;
  -webkit-box-shadow: 0px 0px 2px 1px #0070b4;
  -o-box-shadow: 0px 0px 2px 1px #0070b4;
  box-shadow: 0px 0px 2px 1px #0070b4; }

.btn.btn-bleusombre:hover,
.btn.btn-bleusombre:active,
.btn.btn-cBleuFonceAja:hover,
.btn.btn-cBleuFonceAja:active {
  -moz-box-shadow: 0px 0px 2px 1px #025588;
  -webkit-box-shadow: 0px 0px 2px 1px #025588;
  -o-box-shadow: 0px 0px 2px 1px #025588;
  box-shadow: 0px 0px 2px 1px #025588; }

.btn.btn-ash:hover,
.btn.btn-ash:active {
  -moz-box-shadow: 0px 0px 2px 1px #00b0b5;
  -webkit-box-shadow: 0px 0px 2px 1px #00b0b5;
  -o-box-shadow: 0px 0px 2px 1px #00b0b5;
  box-shadow: 0px 0px 2px 1px #00b0b5; }

.btn.btn-guidrec:hover,
.btn.btn-guidrec:active {
  -moz-box-shadow: 0px 0px 2px 1px #cf323b;
  -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
  -o-box-shadow: 0px 0px 2px 1px #cf323b;
  box-shadow: 0px 0px 2px 1px #cf323b; }

.btn.btn-tourgroup:hover,
.btn.btn-tourgroup:active {
  -moz-box-shadow: 0px 0px 2px 1px #cf323b;
  -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
  -o-box-shadow: 0px 0px 2px 1px #cf323b;
  box-shadow: 0px 0px 2px 1px #cf323b; }

/*F_BUTTONS*/
/*ICON VERROU*/
.verrou {
  background-color: #eab81f;
  text-align: center;
  padding: 7px;
  color: #ffffff;
  line-height: 1.5em;
  display: none; }
  .verrou:before {
    font-family: 'icomoon';
    font-size: 1.5em;
    font-weight: normal;
    content: "\e907";
    /*lock*/ }

/*F_ICON VERROU*/
/*ICON STAR*/
.star:before {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin-right: 5px;
  font-family: 'icomoon';
  font-weight: normal;
  content: "\e918";
  /*fa-star*/ }

.star.jaune:before {
  color: #eab81f; }

/*F_ICON STAR*/
/*CLOSE*/
.close:hover {
  cursor: pointer;
  text-decoration: none; }
.close:before {
  font-family: 'icomoon';
  font-weight: normal;
  content: "\e902"; }

/*F_CLOSE*/
@media (min-width: 961px) {
  .iframe-vid {
    width: 80%;
    margin: 0 10% 1em 10%; } }
@media (min-width: 641px) and (max-width: 960px) {
  .iframe-vid {
    width: 90%;
    margin: 0 5% 1em 5%; } }
@media (max-width: 640px) {
  .iframe-vid {
    width: 100%;
    margin: 0 0 1em 0; } }
/*PAGINATION*/
.pagin {
  text-align: center; }

.pagin a {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0 0.1em;
  vertical-align: middle;
  padding: 0.25em 0.5em;
  font-size: 1.0714em;
  line-height: 1em;
  border: 1px solid transparent;
  text-decoration: none; }
  .pagin a:hover {
    color: #cf323b; }

.pagin a.on {
  font-weight: 600;
  color: #cf323b;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.pagin a.pre:before {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  top: 2px;
  margin-right: 0.25em;
  font-family: 'icomoon';
  content: "\e909";
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.pagin a.sui:after {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  margin-left: 0.25em;
  font-family: 'icomoon';
  content: "\e909"; }

/*F_PAGINATION*/
/*F_GENERALITES*/
/*ELEMENTS APPARAISSANT A PLUSIEURS ENDROITS DIFFERENTS*/
/*DIV OPAQUE*/
div#OPAQUE {
  position: absolute;
  display: block;
  display: none\9;
  z-index: 100000;
  left: 0;
  top: 0;
  width: 100%;
  height: 8000px;
  background-color: rgba(0, 0, 0, 0.75);
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: 1s ease; }
  div#OPAQUE.show {
    display: block\9;
    transform: scaleY(1);
    transition: 3s ease; }

/*F_DIV OPAQUE*/
/*ALERTE COOKIES*/
.cookies {
  position: fixed;
  z-index: 1000;
  left: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  background-color: #eeeeee;
  padding: 0 50px 0 0;
  padding: 0 0.5em;
  font-size: 0.8571em;
  line-height: 1.25em;
  text-align: center;
  -moz-box-shadow: 0px 0px 5px 0px #666666;
  -webkit-box-shadow: 0px 0px 5px 0px #666666;
  -o-box-shadow: 0px 0px 5px 0px #666666;
  box-shadow: 0px 0px 5px 0px #666666; }

@media (max-width: 640px) {
  .cookies {
    font-size: 0.7149em; } }
.cookies a.close {
  position: absolute;
  right: 1em;
  top: 0.25em;
  z-index: 100; }
  .cookies a.close:before {
    font-size: 1.0714em; }

.cookies.hide {
  display: none\9;
  transform: scaleY(0);
  transform-origin: 0 100%;
  transition: transform 0.3s ease; }

.cookies .btn {
  position: relative;
  vertical-align: middle;
  height: 24px;
  padding: 0.5em;
  overflow: hidden; }

/*F_ALERTE COOKIES*/
/*IDENTIFICATION*/
.ident {
  position: fixed;
  display: none;
  z-index: 100001;
  background-color: #ffffff;
  padding: 2em; }
  .ident:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.ident > a.close {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #cf323b; }
  .ident > a.close:before {
    font-size: 1.42857em; }

@media (min-width: 961px) {
  .ident {
    width: 800px;
    height: 430px;
    overflow: scroll;
    top: 30px;
    left: calc(50% - 400px); } }
@media (max-width: 960px) and (min-width: 641px) {
  .ident {
    width: 600px;
    height: 350px;
    overflow: auto;
    top: 20px;
    left: calc(50% - 300px);
    font-size: 0.85em; } }
@media (max-width: 640px) {
  .ident {
    width: 96%;
    height: 350px;
    overflow: scroll;
    top: 10px;
    left: 2%;
    font-size: 0.65em; } }
.ident .int {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 3.2143em;
  color: #303030;
  font-weight: 600; }

.ident .col1,
.ident .col2 {
  padding-top: 0.5em;
  padding-bottom: 1em; }

@media (min-width: 641px) {
  .ident .col1 {
    float: left;
    width: calc(50% - 1px);
    padding-right: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.1); }

  .ident .col2 {
    float: right;
    width: 50%;
    padding-left: 1em; } }
@media (max-width: 640px) {
  .ident .col1,
  .ident .col2 {
    display: block; }

  .ident .col2 {
    border-top: 1px solid rgba(0, 0, 0, 0.1); } }
.ident .sout {
  margin: 0 0 0.5em 0;
  font-size: 1.7857em;
  color: #303030;
  font-weight: 600; }

.ident form {
  margin: 0 0 1em 0; }

/*
.ident form table	{
	width: 100%;
	margin: 0 0 1em 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.ident form table td	{
	padding: 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
*/
/*.ident form table input[type="text"]	{*/
.ident form input.sai,
.ident form textarea.sai {
  padding: 1em;
  width: 100%;
  border: none;
  font-size: 0.8571em;
  font-weight: 500;
  color: #7d7d7d;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.ident form label {
  margin: 0; }

.ident a.oubli {
  color: #ababab;
  text-decoration: underline; }
  .ident a.oubli:hover {
    text-decoration: none; }

.ident .txt {
  margin: 0 0 1em 0;
  font-size: 1.0714em;
  font-weight: 500;
  color: #4a4a4a; }
  .ident .txt:after {
    display: block;
    margin: 1em 0 0 0;
    width: 20%;
    height: 3px;
    overflow: hidden;
    background-color: #cf323b;
    content: "\00a0"; }

.ident .btn {
  background-color: #cf323b; }
  .ident .btn:hover, .ident .btn:active {
    cursor: pointer;
    text-decoration: none;
    -moz-box-shadow: 0px 0px 2px 1px #cf323b;
    -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
    -o-box-shadow: 0px 0px 2px 1px #cf323b;
    box-shadow: 0px 0px 2px 1px #cf323b; }

/*
.ident a.minscris	{
	font-size: $t13;
	font-weight:600;
	text-transform: uppercase;
	color: $cRouWktl;
	&:after	{
		position: relative;
		vertical-align: middle;
		top: -2px;
		font-family: 'icomoon';
		font-weight: normal;
		font-weight: 200;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
		content: "\e909";
	}
}
*/
.ident .leg {
  font-size: 0.75em;
  margin: 0 0 0.25em 0; }

.captcha {
  margin: 0; }

/*F_IDENTIFICATION*/
/*RECHERCHE*/
form.rech {
  border-width: 1px;
  border-style: solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

header.top form#TOPRECHFORM.rech {
  margin-top: 0;
  margin-right: calc(220px + 3em);
  margin-bottom: 0;
  margin-left: calc(370px + 3em);
  border-color: rgba(0, 0, 0, 0.25); }

@media (max-width: 768px) {
  header.top form#TOPRECHFORM.rech {
    margin-right: calc(80px + 3em); } }
@media (min-width: 769px) and (max-width: 960px) {
  header.top form#TOPRECHFORM.rech {
    margin-left: calc(260px + 3em); } }
@media (min-width: 641px) and (max-width: 768px) {
  header.top form#TOPRECHFORM.rech {
    margin-left: calc(210px + 3em); } }
@media (max-width: 640px) {
  header.top form#TOPRECHFORM.rech {
    margin-left: calc(50px + 3em); } }
@media (max-width: 480px) {
  header.top form#TOPRECHFORM.rech {
    display: none; } }
nav.burger form.rech {
  margin: 1em;
  border-color: rgba(255, 255, 255, 0.25); }

header.sticky form#TOPRECHFORM.rech {
  display: none;
  position: absolute;
  left: 0;
  bottom: -70px;
  border-color: rgba(0, 0, 0, 0.25);
  background-color: #ffffff; }

@media (min-width: 641px) {
  header.sticky form#TOPRECHFORM.rech {
    width: 80%;
    margin: 0 10% 0 10%; } }
@media (min-width: 481px) and (max-width: 640px) {
  header.sticky form#TOPRECHFORM.rech {
    width: 90%;
    margin: 0 5% 0 5%; } }
@media (max-width: 480px) {
  header.sticky form#TOPRECHFORM.rech {
    width: 100%;
    margin: 0; } }
form.rech input[type="text"] {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: calc(100% - 50px);
  background-color: none;
  background-color: transparent;
  border: none;
  padding: 5px 10px;
  font-size: 1em;
  font-weight: 700;
  color: #ffffff;
  height: 40px; }

header.top form.rech input[type="text"],
header.sticky form.rech input[type="text"] {
  color: rgba(0, 0, 0, 0.5); }

nav.burger form.rech input[type="text"] {
  color: rgba(255, 255, 255, 0.5); }

form.rech input[type="text"] + label {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  vertical-align: middle;
  width: 50px;
  text-align: center;
  background-color: #cf323b; }

form.rech input[type="text"] + label:before {
  position: relative;
  margin: 0;
  vertical-align: middle;
  font-family: 'icomoon';
  font-size: 2em;
  font-weight: bold;
  content: "\e905";
  color: #ffffff; }

/*F_RECHERCHE*/
/*SUIVEZ-NOUS*/
/*footer .foot-in > div > div:nth-of-type(3) */
footer form.newsl {
  color: #ffffff; }

nav.burger form.newsl {
  color: #ffffff;
  padding: 10px 20px;
  margin: 30px 0; }

.widget form.newsl {
  color: #4a4a4a;
  background-color: #f3f3f3;
  padding: 5px 20px 20px 20px; }

/*footer */
form.newsl strong {
  display: block;
  margin: 0 0 10px 0;
  font-weight: 600; }

footer form.newsl strong,
nav.burger form.newsl strong {
  font-size: 1.1429em; }

.widget form.newsl strong {
  position: relative;
  padding: 0 0 0 67px;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.25em; }
  .widget form.newsl strong:before {
    position: absolute;
    width: 67px;
    height: 65px;
    left: -10px;
    bottom: 0px;
    content: url("../img/widget-newsl-ico.png"); }

/*footer */
form.newsl p {
  margin: 0 0 5px 0; }

/*footer */
form.newsl p label {
  margin: 0; }

/*footer */
form.newsl span {
  display: block;
  width: 90%;
  margin: 10px auto 0 auto;
  padding: 0px 10px; }

footer form.newsl span,
nav.burger form.newsl span {
  border: 1px solid #ababab; }

.widget form.newsl span {
  background-color: #ffffff; }

/*footer */
form.newsl input[type="checkbox"] {
  margin-right: 10px; }

/*footer */
form.newsl input[type="text"],
form.newsl input[type="email"] {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: 84%;
  background-color: none;
  background-color: transparent;
  border: none;
  padding: 5px 10px;
  font-size: 0.8571em; }

footer form.newsl input[type="text"],
nav.burger form.newsl input[type="text"],
footer form.newsl input[type="email"],
nav.burger form.newsl input[type="email"] {
  color: #ffffff; }

.widget form.newsl input[type="text"],
.widget form.newsl input[type="email"] {
  color: #cf323b;
  font-weight: 600; }

/*footer */
form.newsl label.nlgo {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  vertical-align: middle;
  width: 12%;
  text-align: right;
  padding: 5px; }
  form.newsl label.nlgo:before {
    position: relative;
    margin: 0;
    vertical-align: middle;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e909"; }

footer form.newsl label.nlgo:before,
nav.burger form.newsl label.nlgo:before {
  color: #ffffff; }

.widget form.newsl label.nlgo:before {
  color: #cf323b; }

/*F_SUIVEZ-NOUS*/
/*CAROUSEL - DIAPORAMA*/
/*CAS 1 SEULE PHOTO : PAS DE CAROUSEL MAIS UN DIV.art-photo*/
.main-carousel .carousel-cell,
.main-carousel .carousel-cell img {
  width: 100%; }

/*http://flickity.metafizzy.co/*/
.flickity-page-dots {
  display: none; }

.main-carousel .carousel-cell figure,
.art-photo figure {
  position: relative;
  margin-top: 0;
  overflow: hidden; }

.main-carousel .carousel-cell figure img,
.art-photo figure img {
  width: 100%; }

.main-carousel .carousel-cell figure figcaption,
.art-photo figure figcaption {
  position: absolute;
  display: block;
  left: 0px;
  bottom: -100px;
  width: 100%;
  height: 100px;
  padding: 5px 20px;
  background-color: rgba(0, 0, 0, 0.55);
  transform: translate(0px, 100px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.main-carousel .carousel-cell figure:hover figcaption,
.art-photo figure:hover figcaption {
  bottom: 0px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

@media (min-width: 641px) {
  .main-carousel .carousel-cell figure figcaption,
  .art-photo figure figcaption {
    font-size: 1.0714em; } }
@media (max-width: 640px) {
  .main-carousel .carousel-cell figure figcaption,
  .art-photo figure figcaption {
    font-size: 0.9286em; } }
.main-carousel .carousel-cell figure figcaption p,
.art-photo figure figcaption p {
  /*TITRE*/
  margin: 0;
  color: #ffffff; }

.main-carousel .carousel-cell figure figcaption em,
.art-photo figure figcaption em {
  /*CREDIT*/
  display: block;
  font-style: normal;
  color: #8d8d8d; }

/*F_CAROUSEL - DIAPORAMA*/
/*SLIDER SLIPPRY*/
/*LE SLIDER SE TROUVE DANS UN UL AUQUEL ON AJOUTE UNE CLASS diapo-slippry*/
ul.diapo-slippry figcaption {
  position: absolute;
  display: block;
  left: 0px;
  bottom: -100px;
  width: 100%;
  height: 100px;
  padding: 5px 20px;
  background-color: rgba(0, 0, 0, 0.55);
  transform: translate(0px, 100px);
  transition: 0.5s ease; }

ul.diapo-slippry:hover figcaption {
  bottom: 0px;
  transform: translate(0px, 0px);
  transition: 0.5s ease; }

@media (min-width: 641px) {
  ul.diapo-slippry figcaption {
    font-size: 1.0714em; } }
@media (max-width: 640px) {
  ul.diapo-slippry figcaption {
    font-size: 0.9286em; } }
ul.diapo-slippry figcaption p {
  /*TITRE*/
  margin: 0;
  color: #ffffff; }

ul.diapo-slippry figcaption em {
  /*CREDIT*/
  display: block;
  font-style: normal;
  color: #8d8d8d; }

.sy-pager {
  display: none !important; }

/*
chevron-left · Unicode: f053
chevron-right · Unicode: f054
*/
/*F_SLIDER SLIPPRY*/
/*F_ELEMENTS APPARAISSANT A PLUSIEURS ENDROITS DIFFERENTS*/
/*STRUCTURE*/
header.surtop {
  height: 28px;
  /*IE NECESSAIRE*/
  background-color: #1d1d1d;
  color: #afafaf; }
  header.surtop:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

@media (max-width: 768px) {
  header.surtop {
    display: none; } }
header.top {
  background-color: #ffffff;
  padding: 20px 0 20px 0;
  box-shadow: 1px 1px 12px #dedede; }
  header.top:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

@media (max-width: 768px) {
  header.top {
    background-color: #ffffff;
    padding: 11px 0 11px 0; }

  .fl {
    padding: 10px 0 0 15px; } }
@media (min-width: 961px) {
  header.top .fl {
    margin-top: -10px; } }
@media (max-width: 480px) {
  header.top {
    padding: 1px 0 12px 0; } }
/*VISU*/
div.visu {
  position: relative;
  background-color: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 50px; }
  div.visu:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

/*18.11.2016 : d.desgue : ON N'UTILISE PLUS CETTE FONCTION. DANS SCRIPT.JS, ON CONSERVE LA POSSIBILITE D'Y ACCEDER*/
/*
div.visu.hide	{
	transform: translate(50%,0);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
div.visu.show	{
	transform: translate(0,0);
	transition-duration: 0.5s;
	transition-timing-function: ease;
}
*/
/*@media (min-width: 1200px) {*/
@media (min-width: 1240px) {
  div.visu {
    /*width: 1200px;*/
    width: 1240px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 1239px) {
  div.visu {
    padding-right: 10px;
    padding-left: 10px; } }
.visu-col {
  position: relative; }
  .visu-col:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

@media (min-width: 641px) {
  .visu-cols-2-1 {
    position: relative;
    padding-right: 300px; }
    .visu-cols-2-1:after {
      /*mixin CLEAR*/
      display: block;
      clear: both;
      height: 0px;
      content: "\00a0";
      visibility: hidden; }

  .visu-col.visu-col1 {
    position: relative;
    float: left;
    width: calc(100% - 40px); }

  .visu-col.visu-col2 {
    position: relative;
    float: right;
    width: 300px;
    margin-right: -300px; } }
@media (max-width: 640px) {
  .visu-col {
    margin-bottom: 30px; } }
/*F_VISU*/
footer {
  background-color: #303030;
  color: #ffffff; }

/*@media (min-width: 1200px) {*/
@media (min-width: 1240px) {
  footer .foot-in {
    /*width: 1200px;*/
    width: 1240px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0 0 0; } }
/*@media (max-width: 1199px) {*/
@media (max-width: 1239px) {
  footer .foot-in {
    padding: 20px; } }
footer .foot-in > div:after {
  /*mixin CLEAR*/
  display: block;
  clear: both;
  height: 0px;
  content: "\00a0";
  visibility: hidden; }

/*F_STRUCTURE*/
/*HEADER*/
/*SURTOP*/
header.surtop a {
  color: #afafaf; }
  header.surtop a:hover {
    color: #ffffff;
    text-decoration: none; }

header.surtop > ul {
  list-style-type: none;
  display: table;
  margin: 0;
  padding: 0; }

header.surtop > ul:nth-of-type(1) {
  float: left; }

header.surtop > ul:nth-of-type(2) {
  float: right; }

/*@media (min-width:769px) and (max-width: 1440px) {*/
@media (max-width: 960px) {
  header.surtop > ul:nth-of-type(1),
  header.surtop > ul:nth-of-type(2) {
    padding-left: 5px; }

  header.surtop > ul:nth-of-type(1) > li > a {
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px solid rgba(175, 175, 175, 0.33); } }
/**/
header.surtop > ul > li {
  position: relative;
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1em; }
  header.surtop > ul > li a {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    text-align: center; }

/**/
header.surtop > ul:nth-of-type(1) > li > a {
  margin: 7px 0 3px 0; }

@media (min-width: 961px) {
  header.surtop > ul:nth-of-type(1) > li > a {
    padding: 0 20px;
    border-right: 1px solid rgba(175, 175, 175, 0.33); } }
@media (max-width: 320px) {
  header.surtop > ul:nth-of-type(1) > li > a span {
    display: none; }

  header.surtop > ul:nth-of-type(1) > li > a:after {
    font-family: 'FontAwesome'; }

  header.surtop > ul:nth-of-type(1) > li > a[prop="NL"]:after {
    content: "\f0f6";
    /*file-text-o*/ }

  header.surtop > ul:nth-of-type(1) > li > a[prop="EMP"]:after {
    content: "\f182\f183";
    /*female male*/ }

  header.surtop > ul:nth-of-type(1) > li > a[prop="CONT"]:after {
    content: "\f003";
    /*envelope-o*/ } }
/**/
/*
header.surtop > ul > li > ul	{
	display: none;
	position: absolute;
	z-index: 10000;
	left: calc(50% - 160px);
	top: 50px;
	list-style-type: none;
	background-color: #1d1d1d;
	width: 320px;
	padding: 1em;
	color: #afafaf;
    -moz-box-shadow: 0px 0px 5px 0px #aaa;
    -webkit-box-shadow: 0px 0px 5px 0px #aaa;
    -o-box-shadow: 0px 0px 5px 0px #aaa;
    box-shadow: 0px 0px 5px 0px #aaa;
	text-align: left;
	&:before	{
		position: absolute;
		left: calc(50% - 14px);
		top: -1em;
		display: block;
		margin: 0;
		width: 0;
		height: 0;
		overflow: hidden;
		content: "\00a0";
		border-style: solid;
		border-width: 0 14px 14px 14px;
		border-color: transparent transparent #1d1d1d transparent;
	}
}
*/
header.surtop > ul > li > ul {
  position: absolute;
  display: none\9;
  z-index: 10000;
  left: calc(50% - 160px);
  top: 50px;
  list-style-type: none;
  background-color: #1d1d1d;
  width: 320px;
  padding: 1em;
  color: #afafaf;
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  -o-box-shadow: 0px 0px 5px 0px #aaa;
  box-shadow: 0px 0px 5px 0px #aaa;
  display: none\9;
  /*transform: scaleY(0);*/
  transform: translate(0, -30px) scaleY(0);
  /*transform-origin: 50% 0;*/
  transform-origin: 0 0;
  transition: transform 0.3s ease;
  text-align: left; }
  header.surtop > ul > li > ul:before {
    position: absolute;
    left: calc(50% - 14px);
    top: -1em;
    display: block;
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "\00a0";
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: transparent transparent #1d1d1d transparent; }

header.surtop > ul > li > ul.show {
  display: block\9;
  /*transform: scaleY(1);*/
  transform: translate(0, 0) scaleY(1); }

header.surtop > ul > li > ul a {
  color: #afafaf; }

header.surtop > ul > li > ul > p {
  margin: 0;
  font-size: 1.7857em;
  font-weight: 700; }

header.surtop > ul > li > ul > li {
  padding: 0.25em 0;
  font-size: 1.0714em;
  font-weight: 500;
  border-top: 1px solid rgba(175, 175, 175, 0.33); }

header.surtop > ul > li > ul > li:first-of-type {
  border-top: none; }

header.surtop > ul:nth-of-type(2) li {
  padding-right: 15px; }

header.surtop > ul:nth-of-type(2) > li a {
  position: relative;
  vertical-align: middle; }
  header.surtop > ul:nth-of-type(2) > li a:before {
    position: relative;
    vertical-align: middle;
    content: "\00a0"; }

header.surtop > ul:nth-of-type(2) > li a[prop] {
  width: 80px;
  height: 20px;
  margin-top: 4px;
  margin-right: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain; }

header.surtop > ul:nth-of-type(2) > li a[prop="LOG"] {
  margin-right: 15px; }

@media (max-width: 480px) {
  header.surtop > ul:nth-of-type(2) > li {
    /*width: 25%;*/ }

  header.surtop > ul:nth-of-type(2) > li a[prop] {
    width: 90%; } }
header.surtop > ul:nth-of-type(2) > li a[prop="OFF"] {
  background-image: url("../img/picto_officiel_afafaf.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="OFF"]:hover {
  background-image: url("../img/picto_officiel_ffffff.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="FRA"] {
  background-image: url("../img/picto_officiel_france-route.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="FRA"]:hover {
  background-image: url("../img/picto_officiel_france-route-hov.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="SUP"] {
  background-image: url("../img/picto_officiel_sup.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="SUP"]:hover {
  background-image: url("../img/picto_officiel_sup-hov.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="MAR"] {
  background-image: url("../img/picto_marine_afafaf.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="MAR"]:hover {
  background-image: url("../img/picto_marine_ffffff.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="LOG"] {
  background-image: url("../img/picto_logistique_afafaf.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="LOG"]:hover {
  background-image: url("../img/picto_logistique_ffffff.png"); }

header.surtop > ul:nth-of-type(2) > li a[prop="AJA"] {
  background-image: url("../img/picto_aja_surtop.png"); }

header.surtop > ul:nth-of-type(2) > li.surtop-abo {
  position: relative;
  background-color: #e9a908;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right;
  padding-right: 5px;
  margin-right: 50px; }

header.surtop > ul:nth-of-type(2) > li.surtop-abo span {
  overflow-y: hidden;
  font-weight: bold; }

header.surtop > ul:nth-of-type(2) > li.surtop-abo:before {
  /*HAUTEUR DU CONTENEUR : 28*/
  position: absolute;
  left: -14px;
  top: 0;
  display: block;
  margin: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  content: "\00a0";
  border-style: solid;
  border-width: 14px 14px 14px 0;
  border-color: transparent #e9a908 transparent transparent; }

@media (max-width: 480px) {
  header.surtop > ul:nth-of-type(2) > li.surtop-abo span {
    display: none; } }
header.sticky li.surtop-abo {
  position: relative;
  list-style-type: none;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  float: right;
  background-color: #e9a908;
  margin: 0 0 0 20px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right; }

@media (min-width: 769px) {
  header.sticky li.surtop-abo {
    padding: 15px 5px 15px 0;
    height: 55px; } }
@media (max-width: 768px) {
  header.sticky li.surtop-abo {
    padding: 5px 5px 5px 0;
    height: 35px; } }
@media (max-width: 480px) {
  header.sticky li.surtop-abo {
    display: none; } }
header.sticky li.surtop-abo a {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  text-align: center;
  position: relative;
  vertical-align: middle; }

header.sticky li.surtop-abo span {
  overflow-y: hidden;
  font-weight: bold; }

header.sticky li.surtop-abo:before {
  position: absolute;
  left: -14px;
  top: 0;
  display: block;
  margin: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  content: "\00a0";
  border-style: solid;
  border-color: transparent #e9a908 transparent transparent; }

@media (min-width: 769px) {
  header.sticky li.surtop-abo:before {
    /*HAUTEUR DU CONTENEUR : 55*/
    /*height: 55px;*/
    border-width: 27px 14px 28px 0; } }
@media (max-width: 768px) {
  header.sticky li.surtop-abo:before {
    /*HAUTEUR DU CONTENEUR : 35*/
    /*height: 35px;*/
    border-width: 17px 14px 18px 0; } }
/*F_SURTOP*/
/*TOP*/
@media (min-width: 769px) {
  header.sticky .fl {
    margin-top: 15px; } }
#GOBURGER {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  margin-left: 30px;
  text-transform: uppercase;
  font-weight: 600;
  color: #6b6a6a; }

header.sticky #GOBURGER {
  margin-left: 10px; }

#GOBURGER:hover {
  cursor: pointer; }

#GOBURGER:hover,
#GOBURGER.goburger-on {
  color: #cf323b; }

#GOBURGER:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  top: -2px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  font-family: 'icomoon';
  font-size: 2.1429em;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
  text-transform: none;
  content: "\e906"; }

#GOBURGER.goburger-on:before {
  top: -3px;
  content: "\e906"; }

#GOBURGER span {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle; }

header.sticky #GOBURGER span {
  display: none; }

@media (max-width: 768px) {
  #GOBURGER {
    margin-left: 10px; }

  #GOBURGER span {
    display: none; } }
/*ALERTES*/
.alertes {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin-left: 30px;
  vertical-align: middle;
  padding: 0 0 0 18px;
  border: 1px solid #ffffff; }

@media (max-width: 768px) {
  .alertes {
    margin-left: 0px; }

  .alertes span {
    display: none; } }
.alertes.alertes-on {
  border: 1px solid #43c0b2; }

.alertes a.alertes-tools {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  visibility: hidden;
  width: 45px;
  height: 40px;
  overflow: hidden;
  border-left: 1px solid #43c0b2;
  color: #43c0b2;
  text-align: center; }
  .alertes a.alertes-tools:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    vertical-align: middle;
    top: -2px;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f013";
    /*font-size: 3rem;*/
    font-size: 2.1429em; }

.alertes.alertes-on a.alertes-tools {
  visibility: visible; }

.alertes > span {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  text-transform: uppercase;
  font-weight: 600;
  color: #6b6a6a; }
  .alertes > span:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    vertical-align: middle;
    font-family: 'FontAwesome';
    content: "\f02c";
    font-size: 2em;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.alertes > span:hover,
.alertes a.alertes-tools:hover {
  cursor: pointer; }

.alertes i {
  position: absolute;
  display: block;
  top: 2px;
  left: 7px;
  width: 21px;
  height: 21px;
  background-color: #43c0b2;
  font-weight: 700;
  font-size: 0.8571em;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 10px; }

/**/
/*			
.alertes-det	{
	position: absolute;
	z-index: 100;
	display: none;
	right: 5px;
	top: 10px;
	border: 1px solid #d3d3d3;
	padding: 25px;
	background-color: #f1f1f1;
	-moz-box-shadow: 0px 0px 5px 0px #aaa; 
	-webkit-box-shadow: 0px 0px 5px 0px #aaa; 
	-o-box-shadow: 0px 0px 5px 0px #aaa; 
	box-shadow: 0px 0px 5px 0px #aaa; 
}
*/
.alertes-det {
  position: absolute;
  z-index: 100;
  display: block;
  display: none\9;
  right: 5px;
  top: 10px;
  border: 1px solid #d3d3d3;
  padding: 25px;
  background-color: #f1f1f1;
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  -o-box-shadow: 0px 0px 5px 0px #aaa;
  box-shadow: 0px 0px 5px 0px #aaa;
  display: none\9;
  /*transform: scaleY(0);*/
  transform: translate(0, -30px) scaleY(0);
  /*transform-origin: 50% 0;*/
  transform-origin: 0 0;
  transition: 0.3s ease; }

.alertes-det.show {
  display: block\9;
  /*transform: scaleY(1);*/
  transform: translate(0, 0) scaleY(1); }

.alertes-det a.gerer {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #cf323b; }
  .alertes-det a.gerer:before {
    font-family: 'icomoon';
    font-size: 1.52em;
    font-style: normal;
    content: "\e912"; }
  .alertes-det a.gerer:hover {
    text-decoration: none; }

header.sticky .alertes-det,
header.sticky .connecte-det {
  top: 65px; }

@media (min-width: 481px) and (max-width: 768px) {
  .alertes-det {
    top: 0px; } }
@media (max-width: 768px) {
  .alertes-det {
    width: calc(100% - 10px); } }
/*	
.alertes-det:before {
	position: absolute;
	top: -14px;
	display: block;
	margin: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	content: "\00a0";
	border-style: solid;
	border-width: 0 14px 14px 14px;
	border-color: transparent transparent #f1f1f1 transparent;
}
*/
.alertes-det:before {
  position: absolute;
  top: -10px;
  display: block;
  margin: 0;
  width: 20px;
  height: 20px;
  overflow: hidden;
  content: "\00a0";
  /*background-color:#f1f1f1;*/
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,f1f1f1+50,aaaaaa+100 */
  background: #f1f1f1;
  /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 50%, #aaaaaa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 50%, #aaaaaa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(241, 241, 241, 0) 0%, #f1f1f1 50%, #aaaaaa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#aaaaaa',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

@media (min-width: 769px) {
  .alertes-det:before {
    right: 140px; } }
@media (max-width: 768px) {
  .alertes-det:before {
    right: 45px; } }
.alertes-det dl dt {
  margin: 0 0 10px 0;
  padding: 0;
  text-transform: uppercase;
  font-weight: 600;
  color: #666666; }

.alertes-det dl dd {
  margin: 0 0 5px 0;
  padding: 0;
  color: #000000; }

.alertes-det dl dd i {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: top;
  margin-right: 10px;
  width: 21px;
  height: 21px;
  background-color: #cf323b;
  font-weight: 700;
  font-size: 0.8571em;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 10px; }

.alertes-det dl dd i[prop="ZERO"] {
  background-color: #cdcdcd; }

.alertes-det dl dd a {
  color: #000000; }

.alertes-det dl hr {
  color: #d3d3d3;
  background-color: #d3d3d3;
  margin: 1em 0 1em 0; }

/**/
/*GERER MES ALERTES*/
/*			
.alertes-ger	{	
	position: absolute;
	display: none;
	z-index: 1000;
	right: 0px;
	top: 0px;
	width: 100%;
	background-color: #212121;
	color: #ffffff;
	a	{
		color: #ffffff;
	}
}
*/
.alertes-ger {
  position: absolute;
  display: block;
  display: none\9;
  z-index: 1000;
  right: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  background-color: #212121;
  transform: scaleY(0);
  transform-origin: 0 0;
  transition: transform 0.5s ease;
  color: #ffffff; }
  .alertes-ger a {
    color: #ffffff; }

.alertes-ger.show {
  display: block\9;
  transform: scaleY(1);
  transition: transform 1s ease; }

/*
.alertes-ger a.close	{
	position: absolute;
	right: 20px;
	top: 0px;
	z-index: 101;
	&:hover	{
		cursor: pointer;
		text-decoration: none;
	}
	&:before	{
		font-family: 'icomoon';
		font-size: 2rem;
		font-weight: normal;
		content: "\e902";
	}
}
*/
.alertes-ger a.close {
  position: absolute;
  right: 20px;
  top: 0px;
  z-index: 101; }
  .alertes-ger a.close:before {
    font-size: 1.42857em; }

.alertes-ger-int {
  margin: 20px 0;
  text-align: center;
  font-weight: 600;
  font-size: 1.6429em;
  text-transform: uppercase; }
  .alertes-ger-int:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    margin-right: 10px;
    vertical-align: middle;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e912";
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }

.alertes-ger-txt {
  width: 75%;
  margin: 20px auto;
  text-align: center;
  font-size: 1.1429em;
  color: #999999; }

.alertes-ger-txt .star {
  /*font-size: 0.75em;*/ }

.alertes-ger form .star {
  /*font-size: 0.85em;*/ }
  .alertes-ger form .star:before {
    margin-right: 10px;
    margin-left: 10px; }

.alertes-ger .suggere {
  font-style: italic;
  font-size: 0.75em; }
  .alertes-ger .suggere:before {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    margin-right: 10px;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e914";
    /*fa-long-arrow-left*/
    -ms-transform: rotate(-132deg);
    /* IE 9 */
    -webkit-transform: rotate(-132deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-132deg); }

.alertes-ger form {
  position: relative; }
  .alertes-ger form:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

@media (min-width: 961px) {
  .alertes-ger form {
    padding: 0 0 100px 0; } }
@media (max-width: 960px) {
  .alertes-ger form {
    padding: 0 0 50px 0; } }
.alertes-ger form dl label {
  margin: 1px;
  padding: 2px 8px;
  border-radius: 10px; }
  .alertes-ger form dl label:hover {
    margin: 0px;
    border: 1px solid #cf323b; }

.alertes-ger form dl [type="checkbox"]:checked + label {
  background-color: #cf323b; }

.alertes-ger form .btn {
  position: absolute;
  z-index: 101;
  right: 20px;
  bottom: 20px; }

@media (min-width: 961px) {
  .alertes-ger dl {
    margin: 0;
    padding: 0 5em;
    width: 25%;
    float: left;
    min-height: 430px;
    border-left: 1px solid #333333; }

  .alertes-ger dl:nth-of-type(1) {
    border-left: none; } }
@media (min-width: 641px) and (max-width: 960px) {
  .alertes-ger dl {
    margin: 0 0 5em 0;
    padding: 0 2.5em;
    width: 50%;
    float: left;
    min-height: 430px;
    border-left: 1px solid #333333; }

  .alertes-ger dl:nth-of-type(even) {
    border-left: none; } }
@media (max-width: 640px) {
  .alertes-ger dl {
    margin: 0 0 30px 0;
    padding: 0 2.5em; } }
.alertes-ger dl dt {
  font-weight: 600;
  font-size: 1.3571em;
  /*19*/
  text-transform: uppercase; }

@media (min-width: 961px) {
  .alertes-ger dl dt {
    margin: 0 0 20px 0; } }
@media (max-width: 960px) {
  .alertes-ger dl dt {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #333333; } }
@media (min-width: 961px) {
  .alertes-ger dl dd {
    margin: 0 0 10px -10px; } }
@media (max-width: 960px) {
  .alertes-ger dl dd {
    margin: 0 0 10px 20px; } }
/*F_ALERTES*/
/*LOGO*/
.logo {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 6px 0 0 30px;
  vertical-align: middle;
  width: 220px; }

.logo img {
  margin: 0;
  width: 220px; }

header.sticky .logo {
  width: 110px;
  margin: 0 0 0 10px; }

@media (min-width: 641px) and (max-width: 960px) {
  .logo {
    width: 110px; }

  .logo img {
    width: 110px; } }
@media (min-width: 481px) and (max-width: 640px) {
  .logo {
    display: none; }

  header.sticky .logo {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/ } }
@media (max-width: 480px) {
  .logo {
    width: 110px;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/ } }
/*F_LOGO*/
/*ABO*/
.abo {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  float: right;
  padding-top: 5px; }

@media (min-width: 769px) {
  header.sticky .abo {
    margin-top: 15px; } }
@media (max-width: 768px) {
  header.sticky .abo {
    margin-top: 5px; } }
/*	
	@media (max-width: 480px) {
	.abo	{
		padding-top:15px;
	}
	}
*/
.abo .go {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin-right: 30px;
  vertical-align: middle;
  color: #666666;
  text-align: center;
  line-height: 2em;
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: 700; }
  .abo .go:hover {
    cursor: pointer; }

header.sticky .abo .go {
  margin-right: 10px; }

.abo .go span {
  position: relative;
  display: block; }

header.sticky .abo .go span {
  display: none; }

header.sticky .abo .go.connecte span {
  display: block; }

.abo .go:hover {
  color: #cf323b; }

@media (max-width: 768px) {
  .abo .go {
    margin-right: 10px; }

  .abo .go.go-on,
  .abo .go:hover {
    color: #cf323b; }

  .abo .go span {
    display: none; } }
.abo .go:hover {
  text-decoration: none; }

.abo .go:before {
  font-family: 'icomoon';
  font-size: 2.5714em;
  font-weight: lighter; }

.abo .go.go-rech:before {
  content: "\e905"; }

.abo .go.go-alertes:before {
  content: "\e900"; }

.abo .go.go-compte:before {
  content: "\e90d"; }

.abo .go.go-rech {
  display: none; }

@media (max-width: 960px) {
  header.sticky .abo .go.go-rech {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/ } }
/*
	@media (max-width: 480px) {
	header.sticky .abo .go.go-alertes,
	header.sticky .abo .go.go-compte	{
		display: none;
	}
	}
*/
.abo .go.go-alertes i {
  position: absolute;
  display: block;
  top: -5px;
  right: 5px;
  width: 21px;
  height: 21px;
  background-color: #cf323b;
  font-weight: 700;
  font-size: 1.3em;
  font-style: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 50%;
  line-height: 1.4em; }

.abo button {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  width: 180px;
  height: 35px;
  vertical-align: middle;
  border: 1px solid #43c0b2;
  background-color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  color: #43c0b2; }

@media (max-width: 960px) {
  .abo button {
    width: auto; } }
/**/
.abo .go.connecte {
  max-width: 115px; }

.abo .go.connecte span {
  max-height: 40px;
  white-space: nowrap; }

/*
.abo div.connecte	{
	position: relative;
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle;
	text-align: center;
}
.abo div.connecte > span	{
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 2em;
	font-weight: 700;
}
.abo div.connecte > span:hover	{
	cursor: pointer;
}
*/
/*
.connecte-det	{
	position: absolute;
	z-index: 100;
	display: none;
	list-style-type: none;
	right: 5px;
	top: 10px;
	border: 1px solid #d3d3d3;
	padding: 0.5em 1em;
	margin: 0;
	color: #ffffff;
	-moz-box-shadow: 0px 0px 5px 0px #aaa; 
	-webkit-box-shadow: 0px 0px 5px 0px #aaa; 
	-o-box-shadow: 0px 0px 5px 0px #aaa; 
	box-shadow: 0px 0px 5px 0px #aaa; 

	&:before {
		position: absolute;
		top: -14px;
		right: 45px;
		display: block;
		margin: 0;
		width: 0;
		height: 0;
		overflow: hidden;
		content: "\00a0";
		border-style: solid;
		border-width: 0 14px 14px 14px;
	}
	a	{
		color: #ffffff;
	}
}
*/
.connecte-det {
  position: absolute;
  z-index: 100;
  display: block;
  display: none\9;
  list-style-type: none;
  right: 5px;
  top: 10px;
  border: 1px solid #d3d3d3;
  padding: 0.5em 1em;
  margin: 0;
  color: #ffffff;
  /*BGCOLOR DEFINI DANS LES CSS CLIENTS RESPECTIVES*/
  -moz-box-shadow: 0px 0px 5px 0px #aaa;
  -webkit-box-shadow: 0px 0px 5px 0px #aaa;
  -o-box-shadow: 0px 0px 5px 0px #aaa;
  box-shadow: 0px 0px 5px 0px #aaa;
  /*transform: scaleY(0);*/
  transform: translate(0, -30px) scaleY(0);
  transform-origin: 0 0;
  transition: 0.3s ease; }
  .connecte-det:before {
    position: absolute;
    top: -14px;
    right: 45px;
    display: block;
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "\00a0";
    border-style: solid;
    border-width: 0 14px 14px 14px;
    /*COULEURS DEFINIES DANS LES CSS CLIENTS RESPECTIVES*/ }
  .connecte-det a {
    color: #ffffff; }

.connecte-det.show {
  display: block\9;
  /*transform: scaleY(1);*/
  transform: translate(0, 0) scaleY(1); }

.connecte-det li {
  margin: 0.25em 0;
  padding: 0.15em 0.5em;
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .connecte-det li:first-of-type {
    border-top: none; }

/**/
	/*F_ABO
/*F_TOP*/
/*NAV*/
header.nav {
  position: relative;
  z-index: 1000;
  background-color: #ffffff; }

/*BURGER*/
/*header.nav */
nav.burger {
  /*position: absolute;*/
  position: fixed;
  display: block;
  /*z-index: 99;*/
  z-index: 10000;
  /*top: 0px;*/
  /*top: 167px;*/
  top: 100px;
  left: -1000px;
  background-color: #303030;
  color: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  /*height: 1000px;*/
  height: calc(100% - 100px);
  width: 350px; }

/*header.nav */
nav.burger.sticky {
  /*S'APPLIQUE LORSQUE STICKY EST AFFICHE*/
  top: 50px;
  height: calc(100% - 50px); }

/*header.nav */
@media (min-width: 769px) {
  /*header.nav */
  nav.burger {
    /*width: 40%;*/
    /*height: 650px;*/ } }
@media (max-width: 768px) {
  /*header.nav */
  nav.burger {
    width: 100%;
    top: 68px;
    /*height: 450px;*/
    height: calc(100% - 68px); } }
@media (min-width: 769px) {
  header.sticky nav.burger {
    top: 61px;
    height: calc(100% - 61px); } }
@media (max-width: 768px) {
  header.sticky nav.burger,
  nav.burger.sticky {
    top: 46px;
    height: calc(100% - 46px); } }
nav.burger.burger-hide {
  left: 0px;
  *left: -1000px;
  transform: translate(-1000px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

nav.burger.burger-show {
  left: 0px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

nav.burger.burger-show::-webkit-scrollbar {
  display: none; }

nav.burger ul.burger-l1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff; }

/*
	nav.burger #BURGER-OFFICIEL ul.burger-l1	{
		background-color: $cRouWktl;
	}
	nav.burger #BURGER-MARINE ul.burger-l1	{
		background-color: $cBleuMar;
	}
	nav.burger #BURGER-LOGISTIQUE ul.burger-l1	{
		background-color: $cRouLog;
	}
*/
nav.burger ul.burger-l1 > li {
  position: relative;
  margin: 0;
  padding: 0;
  font-weight: 700; }
  nav.burger ul.burger-l1 > li:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

nav.burger ul.burger-l1 > li > a {
  display: block;
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  color: #ffffff; }
  nav.burger ul.burger-l1 > li > a:hover {
    cursor: pointer; }

nav.burger ul.burger-l1 > li:nth-of-type(1) > a {
  border-top: none; }

nav.burger ul.burger-l1 > li > span {
  position: relative;
  display: block;
  margin: 20px 20px 0 0;
  float: right;
  vertical-align: middle; }
  nav.burger ul.burger-l1 > li > span:before {
    font-family: 'icomoon';
    font-weight: normal;
    text-align: center;
    width: 20px;
    content: "\e909"; }
  nav.burger ul.burger-l1 > li > span:hover {
    cursor: pointer; }

nav.burger ul.burger-l1 > li.burger-l1-li-on > span {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

/**/
nav.burger ul.burger-l1 > li > ul.burger-l2 {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-transform: none;
  color: #ffffff; }

nav.burger ul.burger-l1 > li > ul.burger-l2 a {
  color: #ffffff; }

nav.burger ul.burger-l1 > li > ul.burger-l2 > li {
  margin: 0;
  padding: 0 20px 15px 20px; }

nav.burger ul.burger-l1 > li > ul.burger-l2 > li:nth-of-type(1) {
  padding: 15px 20px 15px 20px; }

nav.burger ul.burger-l1 > li > ul.burger-l2 > li > ul {
  /*SOUS-NAV*/
  list-style-type: none; }

/**/
nav.burger ul.burger-plus {
  list-style-type: none;
  margin: 0;
  padding: 0 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff; }
  nav.burger ul.burger-plus a {
    color: #ffffff; }

nav.burger ul.burger-plus > li {
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.25); }

nav.burger ul.burger-plus > li:nth-of-type(1) {
  border-top: none; }

nav.burger ul.burger-plus > li:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0 0.5em 0 0.5em;
  width: 25px;
  font-family: 'icomoon';
  font-size: 1.5em;
  font-weight: normal;
  text-align: center; }

nav.burger ul.burger-plus > li.burger-plus-mag:before {
  content: "\e915"; }

nav.burger ul.burger-plus > li.burger-plus-eve:before {
  content: "\e901"; }

nav.burger ul.burger-plus > li.burger-plus-emp:before {
  content: "\e913"; }

nav.burger ul.burger-plus > li.burger-plus-trans:before {
  content: "\e914"; }

nav.burger ul.burger-plus > li.burger-plus-ser:before {
  content: "\e911"; }

/**/
nav.burger .burger-abo {
  margin: 20px;
  padding: 15px 0 15px 20px;
  border: 1px solid rgba(234, 184, 31, 0.5); }

/*	
nav.burger p.burger-abo:before	{
	position: relative;
@include INLINEBLOCK;
	vertical-align: middle;
	width: 71px;
	height: 103px;
}
	nav.burger p.burger-abo.burger-abo-off:before	{
		content: url('../img/vignette-l-officiel.jpg');
	}
	nav.burger p.burger-abo.burger-abo-mar:before	{
		content: url('../img/vignette-marine-marchande.jpg');
	}
	nav.burger p.burger-abo.burger-abo-log:before	{
		content: url('../img/vignette-logistiques.jpg');
	}
*/
nav.burger .burger-abo > figure {
  position: relative;
  margin: 0;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: 71px;
  height: 103px;
  overflow: hidden;
  text-align: center; }

nav.burger .burger-abo > figure img {
  width: 100%; }

/**/
ul.burger-copy {
  list-style-type: none;
  margin: 30px 0;
  padding: 0 20px; }

ul.burger-copy li {
  margin: 5px 0;
  padding: 0;
  text-transform: uppercase;
  color: #666666; }
  ul.burger-copy li a {
    color: #666666; }

/*F_BURGER*/
/*ONGLETS*/
header.nav nav.ongs {
  z-index: 1000;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.25); }

@media (max-width: 768px) {
  header.nav nav.ongs {
    display: none; } }
/*header.nav nav.ongs */
ul.topongs {
  list-style-type: none;
  padding: 0;
  margin: 0 auto; }

ul.topongs > a.home {
  /*ICO HOME*/
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
  text-decoration: none; }
  ul.topongs > a.home:before {
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e919";
    font-size: 1.8em; }
  ul.topongs > a.home:hover {
    cursor: pointer;
    text-decoration: none;
    color: #cf323b; }

ul.topongs > a.home.on {
  color: #cf323b; }

/*@media (min-width: 961px) {*/
@media (min-width: 1025px) {
  header.sticky ul.topongs {
    margin: 13px auto 0 auto; } }
/*@media (max-width: 960px) {*/
@media (max-width: 1024px) {
  header.sticky ul.topongs {
    display: none; } }
/*
@media (max-width: 640px) {
header.nav nav.ongs ul.topongs	{
	width: 100%;
}
}
*/
@media (min-width: 769px) {
  /*header.nav nav.ongs*/
  ul.topongs {
    display: table; } }
@media (max-width: 768px) {
  /*header.nav nav.ongs*/ }
/*header.nav nav.ongs*/
ul.topongs li {
  position: relative;
  font-size: 0.8571em;
  color: #333333;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  overflow-x: none;
  overflow-y: visible; }
  ul.topongs li:hover {
    cursor: pointer; }

@media (min-width: 1025px) {
  header.nav nav.ongs ul.topongs li {
    padding-right: 20px;
    padding-left: 20px; } }
@media (max-width: 1024px) {
  header.nav nav.ongs ul.topongs li {
    padding-right: 5px;
    padding-left: 5px; } }
header.sticky ul.topongs li {
  padding-right: 5px;
  padding-left: 5px; }

@media (min-width: 769px) {
  /*header.nav nav.ongs*/
  ul.topongs li {
    display: table-cell;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: transparent;
    top: 0px; } }
@media (max-width: 768px) {
  /*header.nav nav.ongs*/
  ul.topongs li {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.25em; } }
header.sticky ul.topongs li {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 0.7857em; }

/*header.nav nav.ongs*/
ul.topongs li a {
  color: #333333;
  text-decoration: none; }

/*header.nav nav.ongs*/
ul.topongs li a.ong-abo {
  color: #cf323b; }

/*CLASS active EXCLUSIVEMENT UTILISE LORSQU'ON AFFICHE UN SOUS-MENU*/
header.nav nav.ongs ul.topongs li.on,
header.nav nav.ongs ul.topongs li.active,
header.nav nav.ongs ul.topongs li:hover {
  background-color: #cf323b;
  border-top-color: #cf323b; }

header.sticky ul.topongs li.on,
header.sticky ul.topongs li.active,
header.sticky ul.topongs li:hover {
  background-color: #cf323b; }

/*header.nav nav.ongs*/
ul.topongs li.on a,
ul.topongs li.active a,
ul.topongs li:hover a {
  color: #ffffff; }

/*header.nav nav.ongs*/
ul.topongs li.on a.ong-abo,
ul.topongs li.active a.ong-abo,
ul.topongs li:hover a.ong-abo {
  color: #ffffff; }

@media (min-width: 769px) {
  header.nav nav.ongs ul.topongs li:after {
    position: absolute;
    z-index: 1000;
    display: none;
    bottom: -10px;
    left: calc(50% - 45px);
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "\00a0";
    border-style: solid;
    border-width: 10px 45px 0 45px;
    border-color: #cf323b transparent transparent transparent; }

  header.nav nav.ongs ul.topongs li.on:after,
  header.nav nav.ongs ul.topongs li.active:after,
  header.nav nav.ongs ul.topongs li:hover:after {
    display: block; } }
/* sous menu **/
/*		
	ul.topongs li.has-ss-menu{ position:relative; }

	ul.topongs li.has-ss-menu ul.ss-menu 
	{
		transform: scaleY(0);
     	transform-origin: 50% 0;
     	transition:transform 0.3s ease;
        position: absolute;
		padding:0px;
		width: auto;
		background-color: $cRouWktl;
		top: 50px;
   		left: 0px;
		z-index: 0;
	}
	.sticky ul.topongs li.has-ss-menu ul.ss-menu {top:26px;}
	.aja ul.topongs li.has-ss-menu ul.ss-menu {background-color: $cBleuAja;}
	
	ul.topongs li.has-ss-menu:hover > ul.ss-menu 
	{
		padding: 20px 15px; 
		height: auto;
		transform: scaleY(1);
		z-index: 1000;
	
	}

	ul.topongs li.has-ss-menu ul.ss-menu li 
	{
		display: block;
		width: 300px;
		text-align: left;
		color:#fff;
		padding:5px 5px;
	}

	ul.topongs li.has-ss-menu ul.ss-menu li a
	{
		color:#fff;
		cursor: pointer;
		font-weight: 500;
	}
	ul.topongs li.has-ss-menu ul.ss-menu li:hover
	{
		background-color: $cRouLog;
	}
	.aja ul.topongs li.has-ss-menu ul.ss-menu li:hover {background-color: $cBleuFonceAja;}
*/
/*SOUS-MENU*/
header.nav div.ss-menu-rel {
  position: relative;
  z-index: 900; }

header.sticky div.ss-menu-rel.sticky {
  margin-top: 10px;
  position: absolute;
  width: 100%; }

/*UL : SOUS-MENU S'AFFICHANT SUR LA TOTALITE DE LA LARGEUR*/
/*VARIANTE PAR SCALE*/
ul.ss-menu {
  position: absolute;
  display: none\9;
  top: 0;
  left: 0px;
  z-index: 900;
  list-style-type: none;
  margin: 0;
  padding: 2em;
  width: 100%;
  background-color: #272727;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: transform 0.3s ease; }
  ul.ss-menu.hide {
    display: none\9;
    z-index: 900;
    transform: scaleY(0); }
  ul.ss-menu.show {
    display: block\9;
    z-index: 900;
    transform: scaleY(1); }

/*VARIANTE PAR OPACITY*/
/*
ul.ss-menu	{
	position: absolute;
	display: none\9;
	top: 0;
	left: 0px;
	z-index: 900;
	list-style-type: none;
	margin: 0;
	padding: 2em;
	width: 100%;
	background-color: #272727;
	opacity: 0;
	transition: 0.75s ease;
	&.hide	{
		display: none\9;
		z-index: 900;
		opacity: 0;
	}
	&.show	{
		display: block\9;
		z-index: 900;
		opacity: 1;
	}
}
*/
ul.ss-menu > li {
  vertical-align: top;
  padding: 0;
  margin: 0;
  color: #ffffff; }
  ul.ss-menu > li a {
    display: block;
    margin: 1em 0 0 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 0.9286em; }

ul.ss-menu > li.links a:first-of-type {
  margin: 0; }

ul.ss-menu > li.logos {
  text-align: center; }
  ul.ss-menu > li.logos a {
    display: block;
    margin: 1em; }

/*
ul.ss-menu > li.logos a	{
	display: block;
	margin: 1em;
}
*/
ul.ss-menu > li.abos {
  text-align: center; }

ul.ss-menu > li.pub {
  text-align: center; }

ul.ss-menu > li.abos > div {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  width: calc(33% - 0.25em);
  margin: 0;
  text-align: center;
  background-position: center top;
  background-repeat: no-repeat; }

ul.ss-menu > li.abos > div figure {
  display: block;
  margin: 0 0 0.5em 0;
  text-align: center;
  height: 160px;
  overflow: hidden;
  text-align: center; }

ul.ss-menu > li.abos > div figure img {
  margin: 0 0 5px 0; }

/*
ul.ss-menu > li.abos p:before	{
	display: block;
	text-align: center;
	height: 160px;
	margin: 0 0 5px 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	content: "\00a0";
}
	ul.ss-menu > li.abos p.abo-off:before	{
		background-image: url('../img/liasse-officiel.png');
	}
	ul.ss-menu > li.abos p.abo-mar:before	{
		background-image: url('../img/liasse-marine.png');
	}
	ul.ss-menu > li.abos p.abo-log:before	{
		background-image: url('../img/liasse-logistique.png');
	}
*/
/*
	ul.ss-menu > li.abos p.abo-off	{
		background-image: url('../img/vignette-l-officiel.jpg');
	}
	ul.ss-menu > li.abos p.abo-mar	{
		background-image: url('../img/vignette-marine-marchande.jpg');
	}
	ul.ss-menu > li.abos p.abo-log	{
		background-image: url('../img/vignette-logistiques.jpg');
	}
*/
ul.ss-menu > li.abos > div .btn {
  padding-right: 0.25em;
  padding-left: 0.25em;
  font-size: 0.9em; }

ul.ss-menu > li.abos > div .btn.btn-fdro:after {
  margin-left: 5px; }

ul.ss-menu > li.pub {
  text-align: center; }

@media (min-width: 1025px) {
  ul.ss-menu {
    display: table; }

  ul.ss-menu > li {
    display: table-cell; }

  ul.ss-menu > li.links,
  ul.ss-menu > li.logos {
    border-right: 1px solid rgba(175, 175, 175, 0.33); }

  ul.ss-menu > li.links {
    padding-right: 1em; }

  ul.ss-menu > li.logos {
    width: 160px; }

  ul.ss-menu > li.abos {
    width: 450px; }

  ul.ss-menu > li.pub {
    width: 320px; } }
@media (max-width: 1024px) {
  ul.ss-menu {
    display: block; }

  ul.ss-menu > li {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/ }

  ul.ss-menu > li.links {
    border-right: 1px solid rgba(175, 175, 175, 0.33);
    width: calc(75% - 0.5em);
    margin-bottom: 1em; }

  ul.ss-menu > li.logos {
    margin-left: 1em;
    width: calc(25% - 2.5em);
    margin-bottom: 1em; }

  ul.ss-menu > li.abos {
    width: calc(100% - 320px - 0.5em); }

  ul.ss-menu > li.pub {
    width: 320px; } }
/*F_UL : SOUS-MENU S'AFFICHANT SUR LA TOTALITE DE LA LARGEUR*/
/*DIV : SOUS-MENU S'AFFICHANT EN POPIN SOUS L'ONGLET*/
.ss-menupop {
  position: absolute;
  display: none\9;
  top: 0;
  z-index: 900;
  margin: 0;
  padding: 0;
  background-color: #272727;
  color: #ffffff;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: 0.3s ease; }
  .ss-menupop.hide {
    display: none\9;
    z-index: 900;
    transform: scaleY(0); }
  .ss-menupop.show {
    display: block\9;
    z-index: 900;
    transform: scaleY(1); }

.ss-menupop ul.nav {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: top;
  list-style-type: none;
  display: inline-block;
  margin: 0;
  padding: 2em 1em;
  background-color: #272727; }

.ss-menupop ul.nav > li {
  position: relative;
  margin: 0 0.5em;
  padding: 0.5em 2em 0.5em 0; }

.ss-menupop ul.nav > li > span,
.ss-menupop ul.nav > li > a {
  color: rgba(255, 255, 255, 0.75);
  text-transform: uppercase; }
  .ss-menupop ul.nav > li > span:hover,
  .ss-menupop ul.nav > li > a:hover {
    color: white; }

.ss-menupop ul.nav > li > span {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  width: 200px; }
  .ss-menupop ul.nav > li > span:after {
    position: absolute;
    display: block;
    top: calc(50% - 0.75em);
    right: 0;
    vertical-align: middle;
    font-family: 'icomoon';
    font-weight: normal;
    text-align: center;
    content: "\e909"; }

.ss-menupop ul.nav2 {
  list-style-type: none;
  display: none;
  padding: 1em;
  min-width: 200px;
  background-color: #272727; }
  .ss-menupop ul.nav2.hide {
    display: none; }
  .ss-menupop ul.nav2.show {
    display: block; }

@media (min-width: 1281px) {
  .ss-menupop ul.nav2 {
    position: absolute;
    top: -1em;
    left: calc(250px - 1em);
    -moz-box-shadow: 0px 0px 2px 1px #ffffff;
    -webkit-box-shadow: 0px 0px 2px 1px #ffffff;
    -o-box-shadow: 0px 0px 2px 1px #ffffff;
    box-shadow: 0px 0px 2px 1px #ffffff; } }
@media (max-width: 1280px) {
  .ss-menupop ul.nav2 {
    position: relative; } }
.ss-menupop ul.nav2 > li {
  margin: 0;
  padding: 0.5em 0;
  color: #ffffff; }
  .ss-menupop ul.nav2 > li a {
    color: #ffffff; }

/*F_DIV : SOUS-MENU S'AFFICHANT EN POPIN SOUS L'ONGLET*/
/*F_SOUS-MENU*/
@media (max-width: 768px) {
  header.nav nav.ongs ul.topongs li:before {
    position: relative;
    vertical-align: middle;
    top: 0px;
    margin-right: 3px;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    font-weight: normal;
    content: "\f0da";
    /*caret-right*/
    color: #ffffff; } }
/*
@media (max-width: 640px) {
header.nav nav.ongs ul.topongs li	{
	width: 33.3333333333%;
	height: 40px;
}
}
*/
/*F_ONGLETS*/
/*STICKY*/
header.sticky {
  position: fixed;
  top: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  background-color: #ffffff;
  margin-top: -60px;
  transform: translate(0px, -60px);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25);
  -o-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.25); }

@media (min-width: 769px) {
  header.sticky {
    min-height: 55px;
    max-height: 55px; } }
@media (max-width: 768px) {
  header.sticky {
    min-height: 45px;
    max-height: 45px; } }
header.sticky.show {
  *margin-top: 0px;
  transform: translate(0px, 60px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

/*F_HEADER*/
/*FOOTER*/
footer .foot-in > div {
  margin-left: -20px; }

footer .foot-in > div > div {
  float: left;
  margin-left: 20px;
  margin-bottom: 20px; }

footer .foot-in > div > div:nth-of-type(1) {
  width: calc(100% * 1 / 2 - 20px); }

footer .foot-in > div > div:nth-of-type(2),
footer .foot-in > div > div:nth-of-type(3) {
  width: calc(100% * 1 / 4 - 20px); }

footer .foot-in > div > div:nth-of-type(3) {
  background-color: #262626;
  padding: 20px; }

footer .foot-in > div > div:nth-of-type(1) ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

footer .foot-in > div > div:nth-of-type(1) ul li {
  margin: 0 0 5px 0;
  padding: 0 0 0 1em; }

footer .foot-in > div > div:nth-of-type(1) ul li a {
  color: #ffffff; }

footer .foot-in > div > div:nth-of-type(1) ul li:before {
  margin-left: -1em;
  content: "• ";
  content: "— ";
  /*—*/
  content: "– ";
  /*–*/ }

footer .foot-in > div > div:nth-of-type(1) ul li {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: top;
  width: calc(50% - 0.25em); }

@media (min-width: 461px) and (max-width: 768px) {
  footer .foot-in > div > div:nth-of-type(1) {
    float: none;
    width: calc(100% - 20px); }

  footer .foot-in > div > div:nth-of-type(2),
  footer .foot-in > div > div:nth-of-type(3) {
    width: calc(100% * 1 / 2 - 20px); } }
@media (min-width: 321px) and (max-width: 460px) {
  footer .foot-in > div > div:nth-of-type(1),
  footer .foot-in > div > div:nth-of-type(2),
  footer .foot-in > div > div:nth-of-type(3) {
    float: none;
    width: calc(100% - 20px); }

  footer .foot-in > div > div:nth-of-type(1) ul li {
    display: block;
    width: 100%;
    text-align: center; } }
@media (max-width: 320px) {
  footer .foot-in > div {
    margin-left: 0; }

  footer .foot-in > div > div {
    float: none;
    margin-left: 0; }

  footer .foot-in > div > div:nth-of-type(1),
  footer .foot-in > div > div:nth-of-type(2),
  footer .foot-in > div > div:nth-of-type(3) {
    width: 100%; }

  footer .foot-in > div > div:nth-of-type(1) ul li {
    display: block;
    width: 100%; } }
/**/
footer .foot-in > div > div:nth-of-type(1) p.mentions {
  position: relative;
  vertical-align: top;
  color: #ffffff; }

footer .foot-in > div > div:nth-of-type(1) p.mentions a {
  display: block;
  margin: 0 0 0.5em 0;
  color: #ffffff; }

@media (min-width: 961px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    margin: 0 1em 0 0;
    width: calc(33.33333% - 1.25em); } }
@media (min-width: 769px) and (max-width: 960px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    margin: 0 1em 0 0;
    width: calc(50% - 1.25em); } }
@media (min-width: 481px) and (max-width: 768px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    margin: 0 1em 0 0;
    width: calc(33.33333% - 1.25em); } }
@media (max-width: 480px) {
  footer .foot-in > div > div:nth-of-type(1) p.mentions {
    margin: 0 0 1em 0; } }
/**/
/*DIV 1 : GROUPE LOGO*/
footer p.groupe-logo {
  position: relative;
  margin: 0 0 25px 0;
  padding: 25px 0;
  border-top: 1px solid #464646;
  border-bottom: 1px solid #464646; }

/*footer p.groupe-logo img.foot-logo	{*/
footer p.groupe-logo span.foot-logo {
  position: relative;
  margin: 0;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: 180px;
  height: auto; }

footer p.groupe-logo span.foot-logo img {
  width: 100%; }

footer a.wktlresoc {
  color: #ffffff;
  margin-left: 0.5em; }
  footer a.wktlresoc:hover {
    color: #D0D0D0; }

footer a.wktlresoc[resoc]:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  font-size: 1.42857em; }

footer p.groupe-logo:after {
  position: absolute;
  /*display: block;*/
  right: 0px;
  bottom: -9px;
  width: calc(31% + 9px);
  height: calc(100% + 9px);
  background-image: url("../img/visuel_footer.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

@media (min-width: 961px) {
  footer p.groupe-logo:after {
    display: block; } }
@media (min-width: 729px) and (max-width: 960px) {
  footer p.groupe-logo:after {
    display: none; } }
@media (min-width: 481px) and (max-width: 728px) {
  footer p.groupe-logo:after {
    display: block; } }
@media (max-width: 480px) {
  footer p.groupe-logo:after {
    display: none; } }
/*F_DIV 1 : GROUPE LOGO*/
/*DIV 2 : RESEAUX SOCIAUX*/
/*footer .foot-in > div > div:nth-of-type(2) */
ul.resocs {
  list-style-type: none;
  margin: 0;
  padding: 0; }

footer ul.resocs li {
  /*margin-top: 40px;*/
  padding: 0; }

@media (min-width: 961px) {
  footer ul.resocs li {
    margin: 40px 0 0 0; } }
@media (max-width: 961px) {
  footer ul.resocs li {
    margin: 0 0 30px 0; } }
/*
	@media (max-width:460px)	{
	footer ul.resocs li	{
		margin-top: 0px;
		margin-bottom: 20px;
	}
	}
*/
/*	
footer ul.resocs li:before	{
	position: relative;
@include INLINEBLOCK;
	vertical-align: middle;
	width: 100px;
	height: 25px;
	content: "\00a0";
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}
	footer ul.resocs li.resocs-officiel:before	{
		background-image: url('../img/picto_officiel_afafaf.png');
	}
	footer ul.resocs li.resocs-marine:before	{
		background-image: url('../img/picto_marine_afafaf.png');
	}
	footer ul.resocs li.resocs-logistique:before	{
		background-image: url('../img/picto_logistique_afafaf.png');
	}
*/
footer ul.resocs li:before {
  position: relative;
  /*@include INLINEBLOCK;*/
  vertical-align: middle;
  width: 145px;
  /*height: 25px;*/
  content: "\00a0"; }

footer ul.resocs li.resocs-officiel:before {
  content: url("../img/picto_officiel_afafaf.png"); }

footer ul.resocs li.resocs-marine:before {
  content: url("../img/picto_marine_afafaf.png"); }

footer ul.resocs li.resocs-logistique:before {
  content: url("../img/picto_logistique_afafaf.png"); }

@media (min-width: 961px) {
  footer ul.resocs li:before {
    display: inline-block;
    height: 25px; } }
@media (min-width: 729px) and (max-width: 960px) {
  footer ul.resocs li:before {
    display: block; } }
@media (min-width: 481px) and (max-width: 728px) {
  footer ul.resocs li:before {
    display: inline-block;
    height: 25px; } }
@media (max-width: 480px) {
  footer ul.resocs li:before {
    display: block; } }
footer ul.resocs li a[resoc] {
  color: #afafaf; }

footer ul.resocs li a[resoc]:hover {
  color: #ffffff; }

footer ul.resocs li a[resoc]:before {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  font-size: 1.42857em; }

/*F_DIV 2 : RESEAUX SOCIAUX*/
/*DIV 3 : SUIVEZ-NOUS*/
/*F_DIV 3 : SUIVEZ-NOUS*/
/**/
p.foot-slug {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #ffffff;
  font-weight: bold; }

p.foot-copy {
  margin: 0;
  padding: 20px 0;
  text-align: center;
  color: #666666;
  text-transform: uppercase; }

@media (max-width: 1199px) {
  p.foot-copy {
    padding: 0; } }
/*F_FOOTER*/
/*CONTENU*/
/*ARIANE*/
.ariane {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 0.7857em;
  font-weight: 600;
  text-transform: uppercase;
  color: #cf323b; }

.ariane li {
  margin: 0;
  padding: 0;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/ }

.ariane a {
  color: #393939; }
  .ariane a:after {
    content: "\00a0›\00a0";
    /*› 	› 	›*/
    padding: 0 5px; }
  .ariane a:hover {
    text-decoration: none;
    color: #aaaaaa; }

.ariane li:last-of-type a {
  color: #cf323b; }
  .ariane li:last-of-type a:hover {
    color: #aaaaaa; }
  .ariane li:last-of-type a:after {
    display: none; }

/*
.ariane  li:last-of-type a:hover	{
	color: #aaaaaa;
}
.ariane  li:last-of-type a:after	{
	display: none;
}
*/
/*F_ARIANE*/
/*A VOIR*/
div.avoir {
  position: relative;
  margin: 25px 0;
  padding: 5px 0; }

@media (max-width: 768px) {
  div.avoir {
    display: none; } }
div.avoir ul {
  list-style-type: none;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 769px) {
  div.avoir ul {
    display: table;
    background-color: #ffffff;
    margin: 0;
    padding: 15px 0; } }
@media (max-width: 768px) {
  div.avoir ul {
    margin: 0 0 0 5px;
    padding: 0; } }
div.avoir ul > li {
  margin: 0;
  padding-top: 0;
  padding-right: 25px;
  padding-bottom: 0;
  font-size: 1.0714em;
  color: #303030; }

@media (min-width: 769px) {
  div.avoir ul > li {
    display: table-cell;
    vertical-align: middle;
    padding-left: 25px;
    border-left: 1px solid #cf323b;
    text-align: center; }

  div.avoir ul > li:first-of-type {
    border-left: none;
    padding-left: 110px; } }
@media (max-width: 768px) {
  div.avoir ul > li {
    text-align: left;
    padding-left: 120px; }

  div.avoir ul > li:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05); } }
div.avoir ul > li a {
  color: #303030; }

div.avoir > p {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  width: 80px;
  background-color: #cf323b;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  overflow: hidden; }
  div.avoir > p:after {
    position: absolute;
    display: block;
    right: 0;
    top: calc(50% - 64px);
    margin: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    content: "\00a0";
    border-style: solid;
    border-width: 64px 0 64px 16px;
    border-color: #f6f6f6 #f6f6f6 #f6f6f6 #cf323b; }

div.avoir > p > span {
  position: absolute;
  display: block;
  left: 15px; }

/*
div.avoir > p:after	{
	position: absolute;
	display: block;
	right: -25px;
	top: 0px;
	width: 25px;
	height: 100%;
	margin: 0 auto;
	content: "\00a0";
	background-image: url('../img/_TRIANGLE_DROITE.png');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
*/
@media (min-width: 769px) {
  div.avoir > p {
    height: 100%; }

  div.avoir > p > span {
    top: calc(50% - 0.6em); } }
@media (max-width: 768px) {
  div.avoir > p {
    height: 2.5em; }

  div.avoir > p > span {
    top: calc(50% - 0.7em); } }
/*F_A VOIR*/
/*PAGE DOSSIER*/
.doss-top {
  margin-bottom: 20px; }

@media (min-width: 961px) {
  .doss-top {
    padding-right: 12.5%;
    padding-left: 12.5%; } }
.doss-diapo {
  padding: 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png"); }

.doss-part1 {
  position: relative;
  margin-bottom: 20px;
  padding: 0 20px 20px 20px;
  background-image: url("../img/bg-bloc-art-une.png");
  background-image: url("../img/cream_pixels_@2X.png"); }

.doss-part2 {
  clear: left; }

.doss-aside {
  margin-top: 20px; }

/*TOP*/
.doss-top {
  text-align: center; }

.doss-rub {
  text-transform: uppercase;
  color: #cf323b; }

.doss-surt {
  font-size: 1.1429em;
  text-transform: uppercase;
  color: #393939; }

.doss-tit {
  margin: 0.5em 0;
  font-size: 2.5em;
  line-height: 1.15em;
  color: #393939;
  font-weight: normal; }
  .doss-tit:after {
    display: block;
    width: 6.5%;
    height: 5px;
    margin: 10px auto;
    background-color: #393939;
    content: "\00a0"; }

.doss-sout {
  margin: 0;
  color: #393939; }

.doss-meta {
  margin: 0;
  font-size: 0.9286em;
  color: #aaaaaa; }

/*F_TOP*/
/*DIAPO*/
/*F_DIAPO*/
/*PART1*/
.doss-part1-top {
  position: relative;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 961px) {
  .doss-part1-top {
    margin: -130px 20px 20px 20px;
    z-index: 10; } }
@media (max-width: 960px) {
  .doss-part1-top {
    margin: 0 0 20px 0; } }
.doss-part1-top .tit {
  font-size: 2em;
  line-height: 1.25em; }

.doss-part1-top .chapo {
  font-size: 1.1429em; }

.doss-part1-sommaire {
  position: relative;
  padding: 0 20px;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1); }

@media (min-width: 961px) {
  .doss-part1-sommaire {
    margin: 0 20px 20px 20px; } }
@media (max-width: 960px) {
  .doss-part1-sommaire {
    margin: 0 0 20px 0; } }
.doss-part1-sommaire .bloc-int {
  font-size: 1.7857em;
  /*25*/ }

.doss-part1-sommaire .chapo {
  font-size: 1.1429em;
  margin-bottom: 20px; }

.doss-part1-sommaire ul li figure {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  margin: 0 0.5em;
  width: 12.5%; }

.doss-part1-sommaire ul li .content {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 1.3571em;
  font-weight: 500;
  line-height: 1.25em; }

.doss-part1-sommaire ul li figure + .content {
  width: calc(82.5% - 1em); }

/*F_PART1*/
/*PART2*/
.doss-tags {
  /*COMPLEMENT DE bloc*/
  border: 1px solid #cf323b;
  padding: 1em 20px; }
  .doss-tags:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

article.art .doss-tags.payant {
  visibility: hidden; }

.doss-tags .int {
  margin: 0;
  font-size: 1.1429em;
  font-weight: 600;
  color: #cf323b; }

.doss-tags .tag {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  padding: 0 1em;
  margin: 0 5px 0 0;
  background-color: rgba(0, 0, 0, 0.1);
  color: #424242;
  font-weight: 600; }

.doss-tags dl .tag {
  margin: 0 5px 5px 0; }

.doss-tags dl dt {
  margin: 0 0 5px 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-size: 0.9286em;
  font-weight: 500;
  text-transform: uppercase;
  color: #cf323b; }
.doss-tags dl dd {
  margin: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0; }

@media (min-width: 769px) {
  .doss-tags dl {
    float: left;
    width: 33.33333%; }

  .doss-tags dl dt {
    padding-left: 20px; }

  .doss-tags dl:first-of-type dt {
    padding-left: 0; }

  .doss-tags dl dd {
    padding-left: 20px;
    border-left: 1px solid rgba(0, 0, 0, 0.1); }

  .doss-tags dl:first-of-type dd {
    padding-left: 0;
    border-left: none; } }
/**/
.doss-auth {
  /*COMPLEMENT DE bloc*/ }
  .doss-auth:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; }

.doss-auth .int {
  margin: 0 0 10px 0;
  font-size: 1.1429em;
  font-weight: 600;
  color: #cf323b; }
  .doss-auth .int:before {
    position: relative;
    display: block;
    margin-bottom: 10px;
    width: 8%;
    height: 4px;
    background-color: #cf323b;
    content: "\00a0"; }

.doss-auth ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .doss-auth ul li {
    position: relative;
    padding: 0; }

@media (min-width: 961px) {
  .doss-auth ul li {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    vertical-align: top;
    margin: 0 20px 10px 0;
    width: 33.33333%;
    width: calc(50% - 1em - 20px); } }
@media (max-width: 960px) {
  .doss-auth ul li {
    display: block;
    margin: 0 0 10px 0; } }
.doss-auth ul li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: top;
  width: 90px;
  height: 90px;
  margin-right: 0.5em; }

.doss-auth ul li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  vertical-align: top;
  width: calc(98% - 90px - 0.5em);
  max-height: 90px;
  overflow: hidden; }

.doss-auth ul li .cont span {
  display: block;
  line-height: 1.25em; }

.doss-auth ul li .cont span.nom-prenom {
  font-size: 0.9286em; }

.doss-auth ul li .cont span:nth-of-type(2) {
  font-style: italic;
  color: #222222; }
  .doss-auth ul li .cont span:nth-of-type(2) a {
    color: #222222; }

.doss-auth .btn {
  position: absolute;
  left: calc(90px + 1em);
  bottom: 0;
  font-size: 0.7857em;
  padding-right: 0;
  padding-left: 0; }

/*F_PART2*/
/*F_PAGE DOSSIER*/
/*ARTICLE*/
.art-diapo,
.art-photo {
  margin-bottom: 20px; }

article.art {
  color: #393939;
  background-color: #ffffff;
  padding: 1em; }

@media (min-width: 961px) {
  article.art {
    float: right;
    width: calc(100% - 280px);
    margin-right: 20px; } }
article.art h2 {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25em; }

article.art h3 {
  font-size: 1.7857em;
  color: #cf323b;
  font-weight: 700; }

article.art h4 {
  font-size: 1.2857em;
  font-weight: 700; }

article.art h5 {
  font-size: 1.1429em;
  font-weight: 700; }

article.art .cont {
  font-size: 1.1429em; }

article.art .cont.payant {
  visibility: hidden; }

article.art .cont .meme-sujet {
  background-color: rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em 0.5em 30px;
  font-size: 1.1429em;
  font-weight: 500;
  line-height: 1em;
  color: #cf323b; }
  article.art .cont .meme-sujet:before {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    top: -2px;
    margin-left: -20px;
    font-family: 'FontAwesome';
    font-size: 2em;
    font-weight: normal;
    content: "\f105";
    /*angle-right*/ }

article.art .cont .meme-sujet a {
  text-decoration: underline;
  color: #cf323b; }
  article.art .cont .meme-sujet a:hover {
    text-decoration: none; }

article.art .cont .audio {
  margin: 1em 0; }

article.art .cont .video {
  margin: 1em 0; }

article.art .cont .credit {
  display: block;
  font-size: 0.8571em;
  font-weight: 500;
  color: #8d8d8d; }

article.art .cont .citation {
  margin: 20px 0;
  text-align: center; }
  article.art .cont .citation:before, article.art .cont .citation:after {
    width: 40px;
    height: 40px; }

article.art .cont .citation p {
  font-size: 2.1429em;
  line-height: 1.25em; }

article.art .cont .citation span.nom-prenom {
  font-size: 0.9286em; }

article.art .cont ol li {
  list-style-type: none;
  counter-increment: list;
  position: relative; }
  article.art .cont ol li:after {
    content: counter(list) "-";
    position: absolute;
    left: -2.25em;
    top: -2px;
    width: 2em;
    text-align: right;
    color: #cf323b;
    font-weight: 700; }

/**/
.auteur {
  /*COMPLETE bloc*/ }

article.art .auteur.payant {
  visibility: hidden; }

.auteur .cont {
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.auteur img {
  position: relative;
  vertical-align: top;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin-right: 20px;
  width: 65px;
  height: 65px; }

.auteur .descri {
  position: relative;
  vertical-align: top;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  width: calc(100% - 85px - 1em); }

.auteur .follow {
  float: right;
  font-weight: 600;
  color: #000000; }
  .auteur .follow:before {
    font-family: 'FontAwesome';
    color: #4db7ea;
    content: "\f099\00a0";
    /*twitter*/ }
  .auteur .follow a {
    color: #000000; }

.auteur .pseudo {
  display: block;
  font-size: 1.0714em;
  font-weight: 600; }

.auteur .pseudo + span {
  display: block;
  font-size: 0.9286em;
  font-weight: 500;
  color: #cccccc; }

.auteur .txt {
  line-height: 1.25em; }

.auteur .meta {
  margin: 0;
  font-size: 0.9286em;
  color: #cccccc; }

.auteur .actions {
  color: #697882; }

.auteur .actions a {
  color: #697882;
  margin-right: 20px; }
  .auteur .actions a:hover {
    text-decoration: none; }

.auteur .actions a.repondre:hover {
  color: #333333; }

.auteur .actions a.retwitt:hover {
  color: #4db7ea; }

.auteur .actions a.aime:hover {
  color: #cf323b; }

.auteur .actions a:before {
  font-family: 'FontAwesome';
  margin-right: 5px; }

.auteur .actions a.repondre:before {
  content: "\f112";
  /*reply*/ }

.auteur .actions a.retwitt:before {
  content: "\f079";
  /*retweet*/ }

.auteur .actions a.aime:before {
  content: "\f004";
  /*heart*/ }

.auteur em {
  color: #cf323b; }

/**/
.board {
  display: block;
  background-color: #ffffff; }

@media (min-width: 961px) {
  .board {
    /*position: absolute;*/
    z-index: 100;
    left: 0px;
    top: 0px;
    width: 220px; } }
@media (max-width: 960px) {
  /*		
  	.board	{
  		position: fixed;
  		bottom: 0;
  		z-index: 100;
  		left: 0px;
  		-moz-box-shadow: 0px 0px 5px 0px #aaa;
  		-webkit-box-shadow: 0px 0px 5px 0px #aaa;
  		-o-box-shadow: 0px 0px 5px 0px #aaa;
  		box-shadow: 0px 0px 5px 0px #666;
  	}
  */
  .board {
    position: relative; }

  .board:after {
    /*mixin CLEAR*/
    display: block;
    clear: both;
    height: 0px;
    content: "\00a0";
    visibility: hidden; } }
/*AU SOMMAIRE*/
.ausom {
  margin-bottom: 20px;
  background-color: #cf323b;
  color: #ffffff; }
  .ausom a {
    color: #ffffff; }

p.ausom-int {
  position: relative;
  vertical-align: middle;
  margin: 0;
  padding: 0.2em 1em;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.3em; }
  p.ausom-int:before {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
    font-family: 'icomoon';
    font-weight: normal;
    content: "\e915";
    font-size: 1.8em; }

.ausom ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.9286em; }

ul.ausom-l1 > li {
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #a91313; }

ul.ausom-l1 > li span {
  display: block;
  padding: 1.25em 1em;
  font-weight: 600;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.1); }

ul.ausom-l1 > li > span:before {
  position: relative;
  display: block;
  float: right;
  margin-left: 1em;
  vertical-align: middle;
  font-family: 'icomoon';
  font-weight: normal;
  text-align: center;
  width: 20px;
  content: "\e909"; }

ul.ausom-l1 > li.ausom-l1-li-on > span::before {
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

ul.ausom-l2 {
  display: none;
  list-style-type: none;
  margin: 0.5em 0 0.5em 1em;
  padding: 0;
  border-left: 1px solid #ffffff; }

ul.ausom-l2 > li {
  margin: 0.5em 1em 0.5em 1em;
  padding: 0.5em 0em;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  ul.ausom-l2 > li:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    vertical-align: middle;
    margin: 0 0.5em 0 -1.5em;
    width: 1em;
    font-family: 'FontAwesome';
    font-weight: normal;
    content: "\f111"; }

ul.ausom-l2 > li:nth-of-type(1) {
  border-top: none; }

ul.ausom-l2 > li a {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: 100%;
  line-height: 1.25em;
  font-size: 1.2em; }

/*F_AU SOMMAIRE*/
/*SOCIAL*/
.board table.social {
  border-collapse: collapse;
  background-color: #ffffff;
  margin: 0; }

@media (min-width: 961px) {
  .board table.social {
    width: 100%; } }
@media (max-width: 960px) {
  /*		
  	.board table.social	{
  		width: 49%;
  	}
  	.board table.social:nth-of-type(1)	{
  		float: left;
  	}
  	.board table.social:nth-of-type(2)	{
  		float: right;
  	}
  */
  .board table.social {
    width: 100%; }

  .board table.social.resocs {
    position: fixed;
    z-index: 1001;
    /*AU-DESSUS DES 1000 DES COOKIES*/
    left: 0px;
    bottom: 0px;
    max-width: 620px; } }
.board table.social td {
  /*padding: 12px 0;*/
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0; }

@media (max-width: 320px) {
  .board table.social td {
    /*RE-ECRIRE KNACKS QUI MET UN DISPLAY BLOCK*/
    display: table-cell; } }
.board table.social td a[resoc],
.board table.social td .star,
.board table.social td .mail {
  font-size: 1.1429em;
  color: #ffffff;
  display: block;
  text-align: center;
  margin: 0;
  /*padding: 0.5em 2em 0.5em 1em;
  margin: 0 0 0 -0.5em;*/
  width: 100%;
  height: 2.75em;
  overflow: hidden;
  padding: 0.7em 0; }

.board table.social td a[resoc]:hover {
  text-decoration: none; }

/*
.board table.social td a[resoc="FB"]	{
	color: #3d7ccb;
}
.board table.social td a[resoc="TW"]	{
	color: #48d6f4;
}
.board table.social td a[resoc="IN"]	{
	color: #1f92eb;
}
.board table.social td a[resoc="VIA"]	{
	color: #ff903f;
}
*/
.board table.social td.fb {
  background-color: #3d7ccb; }

.board table.social td.tw {
  background-color: #48d6f4; }

.board table.social td.in {
  background-color: #1f92eb; }

.board table.social td.via {
  background-color: #ff903f; }

.board table.social td.googleplus {
  background-color: #e64545; }

.board table.social td .star:before {
  color: #ffce0a; }

.board table.social td .mail:before {
  color: #676767;
  font-family: 'FontAwesome';
  content: "\f0e0";
  /*envelope*/ }

.board table.social td :hover {
  cursor: pointer; }

.board table.social td .cont-redac {
  display: block;
  padding: 12px;
  font-size: 0.9286em;
  font-weight: 600;
  text-transform: uppercase;
  color: #393939; }

/*F_SOCIAL*/
/*OUTILS*/
.board .outils {
  color: #393939; }

@media (min-width: 961px) {
  .board .outils {
    width: 100%; } }
@media (max-width: 960px) {
  /*		
  	.board .outils	{
  		width: 49%;
  		clear: right;
  		float: right;
  	}
  */
  .board .outils {
    width: 100%; } }
.board .outils a.print {
  display: block;
  margin: 10px;
  font-size: 0.9286em;
  font-weight: 600;
  text-transform: uppercase;
  color: #393939; }
  .board .outils a.print:before {
    margin-right: 0.5em;
    font-family: 'FontAwesome';
    font-size: 1.5em;
    content: "\f02f";
    /*print*/ }

.board .outils table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff; }

.board .outils table td {
  vertical-align: middle;
  padding: 0;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.board .outils table button {
  background-color: transparent;
  border: none; }

.board .outils table button:before {
  font-family: 'FontAwesome';
  font-size: 2em; }

.board .outils table button.txt-plus:before {
  content: "\f067";
  /*plus*/ }

.board .outils table button.txt-moins:before {
  content: "\f068";
  /*minus*/ }

.board .outils table td#raz:hover {
  cursor: pointer; }

/*F_OUTILS*/
/*CONTACT REDACTION*/
/*REPREND LES CARACTERISTIQUES DE .ident*/
/*F_CONTACT REDACTION*/
/*AUTEURS*/
.board .auteurs {
  clear: both;
  background-color: #ffffff;
  margin: 1em 0 0 0; }

.board .auteurs .int {
  margin: 0;
  font-size: 1.5em;
  font-weight: 600;
  color: #cf323b; }
  .board .auteurs .int:before {
    display: block;
    margin: 0 0 5px 0;
    width: 70px;
    height: 4px;
    content: "\00a0";
    background-color: #cf323b; }

.board .auteurs ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.board .auteurs ul li {
  padding: 10px 0;
  margin: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.board .auteurs ul li:first-child {
  border-top: none; }

.board .auteurs ul li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: top;
  width: 50px;
  height: 50px;
  margin-right: 0.5em; }

.board .auteurs ul li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  vertical-align: top;
  width: calc(98% - 50px - 0.5em);
  max-height: 50px;
  overflow: hidden; }

.board .auteurs ul li .cont span {
  display: block;
  line-height: 1.25em; }

.board .auteurs ul li .cont span.nom-prenom {
  font-size: 0.9286em; }

.board .auteurs ul li .cont span:nth-of-type(2) {
  font-style: italic; }

/*F_AUTEURS*/
/*BLOC ARTICLE PAYANT*/
.bloc.payant {
  position: relative;
  padding: 6em 2em 1.5em 2em;
  background-color: #e9a908;
  color: #ffffff;
  text-align: center; }
  .bloc.payant:before, .bloc.payant:after {
    position: absolute;
    font-family: 'icomoon'; }
  .bloc.payant:before {
    top: 20px;
    font-size: 2.5em;
    content: "\e915";
    left: calc(50% - 0.5em); }
  .bloc.payant:after {
    top: 12px;
    font-size: 1.5em;
    content: "\e907";
    right: calc(50% - 1.35em);
    background-color: #e9a908;
    padding: 0 0.1em;
    line-height: 1.35em; }

.bloc.payant p {
  margin: 2em 0 0 0; }

.bloc.payant strong {
  padding: 1em 0;
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1.25em; }

.bloc.payant img {
  width: 50%; }

.bloc.payant .txt {
  font-size: 1.0714em;
  font-weight: 700;
  text-transform: uppercase; }
  .bloc.payant .txt a {
    color: #ffffff;
    text-decoration: underline; }
    .bloc.payant .txt a:hover {
      text-decoration: none; }

/*F_BLOC ARTICLE PAYANT*/
/*F_ARTICLE*/
/*F_CONTENU*/
/*BLOCS*/
.bloc {
  position: relative;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
  margin-left: 0;
  background-color: #ffffff; }

.bloc-int {
  position: relative;
  display: block;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 2.5em;
  color: #cf323b; }
  .bloc-int:before {
    position: relative;
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    vertical-align: middle;
    left: -15px;
    width: 55px;
    height: 8px;
    background-color: #cf323b;
    content: "\00a0"; }

aside .bloc-int:before {
  display: none; }

/*LES PLUS LUS*/
/*RAPATRIÉ DE tl.scss le 10.12.2016*/
/*UTILISE SUR TL ET TOURISME DE GROUPE*/
.pluslus {
  /*COMPLETE .bloc*/
  padding: 20px 20px 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }

aside .pluslus {
  padding: 0;
  border: none; }

.pluslus ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.pluslus ul li {
  position: relative;
  vertical-align: top;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0.5em;
  padding-left: 0;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 20px; }

@media (min-width: 769px) {
  .pluslus ul li {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    width: calc(33.3333333333% - 20px - 0.25em); }

  .pluslus ul li:nth-of-type(1),
  .pluslus ul li:nth-of-type(2),
  .pluslus ul li:nth-of-type(3) {
    margin-bottom: 0.5em;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
@media (max-width: 768px) {
  .pluslus ul li {
    display: block;
    width: calc(100% - 20px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.5em; } }
/*AFFICHAGE EN COLDRO 300PX = ID CI-DESSUS*/
aside .pluslus ul li {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 0.5em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

/**/
.pluslus ul li img {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: top;
  width: 80px;
  height: 80px;
  margin-right: 0.5em; }

.pluslus ul li .cont {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  margin: 0;
  max-height: 6em;
  overflow: hidden;
  vertical-align: top;
  width: calc(100% - 80px - 1.5em);
  font-size: 1.0714em;
  line-height: 1.25em;
  font-weight: 600; }

.pluslus ul li .cont a {
  color: #393939; }

@media (min-width: 769px) and (max-width: 960px) {
  .pluslus ul li .cont {
    display: block;
    width: 100%;
    height: auto; } }
/*AFFICHAGE EN COLDRO 300PX = ID CI-DESSUS*/
aside .pluslus ul li .cont {
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  width: calc(100% - 80px - 1.5em); }

/*F_LES PLUS LUS*/
/*F_BLOCS*/
/*WIDGETS*/
/*EVENEMENTS*/
.eves {
  /*COMPLEMENT DE widget*/ }

.widget.eves ul {
  list-style-type: none;
  padding: 0; }

nav.burger .widget.eves ul {
  margin: 1em; }

aside .widget.eves {
  background-color: #ffffff; }

.widget.eves ul li {
  position: relative;
  height: 67px;
  overflow: hidden;
  padding: 10px;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  background-color: #ffffff; }

/*nav.burger .widget.eves ul li	{
	background-color: rgba(255,204,204,0.95);
}*/
.widget.eves ul li:hover {
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa;
  box-shadow: 2px 2px 3px 0px #aaa; }

.widget.eves ul li:first-child {
  margin-top: 0px; }

/*
.widget.eves ul li:after	{
	display: block;
	clear: both;
	height: 0px;
	content: "\00a0";
	visibility: hidden;
}
*/
/*
.widget.eves ul li figure	{
	position: relative;
	display: none;
	vertical-align: middle;
	margin: 0;
	height: 50px;
	overflow: hidden;
	width: calc(80% - 0.25em);
	text-align: center;
}
.widget.eves ul li:hover figure	{
	display: inline-block;
	background-color: #9F3;
}
*/
.widget.eves ul li figure {
  position: absolute;
  display: block;
  left: -1000px;
  top: 0px;
  margin: 0;
  width: 80%;
  height: 50px;
  overflow: hidden;
  text-align: center;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease;
  -moz-box-shadow: 8px 8px 12px 0px #aaa;
  -webkit-box-shadow: 8px 8px 12px 0px #aaa;
  -o-box-shadow: 8px 8px 12px 0px #aaa;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.1); }

.widget.eves ul li:hover figure {
  left: 0px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

/*
.widget.eves ul li .date	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	overflow: hidden;
	width: calc(20% - 0.25em);
	margin: 0;
	padding: 0 0.75em;
	text-align: center;
	color: #cf323b;
	color: $cRouWktl;
	text-transform: uppercase;
	font-weight: 600;
}
*/
.widget.eves ul li .date {
  position: absolute;
  display: block;
  left: 0px;
  top: 10px;
  margin: 0;
  height: 50px;
  width: 20%;
  overflow: hidden;
  padding: 0 0.75em;
  text-align: center;
  color: #cf323b;
  text-transform: uppercase;
  font-weight: 600;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li:hover .date {
  left: 80%;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li .date span {
  position: relative;
  display: block; }

.widget.eves ul li .date span:nth-of-type(1) {
  font-size: 2em;
  line-height: 1em;
  top: -3px; }

.widget.eves ul li .date span:nth-of-type(2) {
  border-top: 1px solid #cf323b; }

/*
.widget.eves ul li .eve	{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	overflow: hidden;
	width: calc(80% - 0.25em);
	margin: 0;
	padding: 0.25em 0.5em;
	padding: 0 0.5em;
	text-align: left;
	line-height: 1em;
	font-weight: 500;
}
.widget.eves ul li:hover .eve	{
	display: none;
}
*/
.widget.eves ul li .eve {
  position: absolute;
  display: block;
  right: 0;
  height: 50px;
  overflow: hidden;
  width: 80%;
  margin: 0;
  padding: 0.15em 0;
  text-align: left;
  line-height: 1em;
  font-weight: 500;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li:hover .eve {
  right: -1000px;
  transform: translate(0px, 0px);
  transition-duration: 0.5s;
  transition-timing-function: ease; }

.widget.eves ul li .eve span {
  display: block; }

.widget.eves ul li .eve span:nth-of-type(1) {
  color: #333333; }

.widget.eves ul li .eve span:nth-of-type(2) {
  font-size: 0.7857em;
  color: #999999;
  text-transform: uppercase; }

/*F_EVENEMENTS*/
/*NEWSLETTERS*/
.widget.newsl {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.widget-newsl-int {
  margin: 0 0 0 0;
  color: #383838;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: 600; }

/*
.widget.newsl .cont	{
	margin: 0;
	padding: 5px 10px;
}
.widget.newsl .cont *[RESOC]	{
	margin-right: 10px;
	font-size: 2rem;
	font-size: $t28;
	color: #737373;
}
.widget.newsl .cont *[RESOC]:hover	{
	text-decoration: none;
	color: #383838;
}
*/
/*F_NEWSLETTERS*/
/*RESEAUX SOCIAUX*/
.widget.resocs {
  /*COMPLEMENT DE widget*/
  background-color: #ffffff; }

.widget.resocs .cont {
  margin: 0;
  padding: 5px 10px; }

.widget.resocs .cont *[RESOC] {
  margin-right: 10px;
  font-size: 2em;
  color: #737373; }

.widget.resocs .cont *[RESOC]:hover {
  text-decoration: none;
  color: #383838; }

/*F_RESEAUX SOCIAUX*/
/*F_WIDGETS*/
/*ESPACE INSCRIPTION*/
.insc .int {
  margin: 0;
  font-size: 3.2143em;
  color: #303030;
  font-weight: 600; }

.insc .sout {
  margin: 0;
  font-size: 1.7857em;
  color: #303030;
  font-weight: 600; }
  .insc .sout:after {
    display: block;
    margin: 0;
    width: 50px;
    height: 3px;
    overflow: hidden;
    background-color: #cf323b;
    content: "\00a0"; }

.insc fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  margin: 0;
  background-color: #ffffff; }

.insc .col-lab {
  margin-top: 0;
  position: relative;
  font-size: 0.9286em;
  font-weight: 500;
  color: #cf323b;
  text-transform: uppercase; }

.insc .col-sai {
  margin-top: 0;
  position: relative; }

@media (min-width: 769px) {
  .insc .col-lab,
  .insc .col-sai {
    display: inline-block;
    /*display: inline\9;
    zoom: 1\9;*/
    margin-bottom: 0.5em;
    vertical-align: middle; }

  .insc .col-lab {
    text-align: right;
    margin-right: 1em;
    width: 40%; }

  .insc .col-sai {
    width: calc(60% - 1.5em); } }
@media (max-width: 768px) {
  .insc .col-lab,
  .insc .col-sai {
    display: block; }

  .insc .col-lab {
    margin-bottom: 0; }

  .insc .col-sai {
    margin-bottom: 0.5em; } }
.insc input[TYPE="radio"] {
  margin-right: 0.5em; }

/*
.insc fieldset > label	{
	margin: 0;
	font-size: $t12;
	font-weight:600;
	color: #7d7d7d;
}
*/
/*
.insc .champsai	{
	margin: 0.05em 0;
	padding: 0.75em 1em;
	border: 1px solid rgba(0,0,0,0.25);
	font-size: $t12;
	font-weight:600;
	color: #7d7d7d;
}
*/
.insc .champsai.wide {
  width: 440px; }

.insc .champsai.small {
  width: 60px;
  margin-right: 1em; }

.insc .leg {
  font-size: 0.9286em;
  font-weight: 500;
  color: #8b8b8b; }

.insc .col-lab .leg {
  font-size: 1em; }

.insc .btn {
  background-color: #cf323b; }
  .insc .btn:hover, .insc .btn:active {
    cursor: pointer;
    text-decoration: none;
    -moz-box-shadow: 0px 0px 2px 1px #cf323b;
    -webkit-box-shadow: 0px 0px 2px 1px #cf323b;
    -o-box-shadow: 0px 0px 2px 1px #cf323b;
    box-shadow: 0px 0px 2px 1px #cf323b; }

.insc .txt {
  font-size: 1.0714em;
  font-weight: 500;
  color: #4a4a4a; }

.insc .conditions input[TYPE="checkbox"] {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  margin-right: 0.5em; }

.insc .conditions .txt {
  position: relative;
  display: inline-block;
  /*display: inline\9;
  zoom: 1\9;*/
  vertical-align: middle;
  width: calc(100% - 30px - 1em); }

.messages-service {
  position: fixed;
  z-index: 1000;
  display: block;
  display: none\9;
  width: 300px;
  top: 250px;
  left: calc(50% - 150px);
  margin: 0;
  padding: 0.25em 1.75em;
  background: #ff8000;
  color: #ffffff;
  text-align: center;
  font-size: 1.2857em;
  font-weight: bold;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 0px 0px 2px 1px #666666;
  -webkit-box-shadow: 0px 0px 2px 1px #666666;
  -o-box-shadow: 0px 0px 2px 1px #666666;
  box-shadow: 0px 0px 2px 1px #666666;
  transform: scaleY(0);
  transform-origin: 50% 0;
  transition: 0.3s ease; }
  .messages-service.hide {
    transform: scaleY(0);
    display: none\9; }
  .messages-service.show {
    transform: scaleY(1);
    display: block\9; }

.messages-service > a.close {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #ffffff;
  color: #ff8000;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
  padding: 0 0.25em; }
  .messages-service > a.close:before {
    font-size: 0.8571em; }

/*
.insc .passalert	{
	font-size: $t25;
	font-weight:500;
	text-align: center;
	color: $cRouWktl;
}
*/
/*F_ESPACE INSCRIPTION*/
/* ----------------------------------------------------------------------------*/
/*STYLE PAGES STATIQUES TL et général */
.statics {
  background-color: #fff;
  padding: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1); }

.statics h1 {
  margin: 0.5em 0;
  font-size: 2.5em;
  line-height: 1.15em;
  color: #393939;
  font-weight: normal; }

.statics h2 {
  font-size: 2em;
  font-weight: 500;
  line-height: 1.25em; }

.statics h3 {
  font-size: 1.7857em;
  color: #cf323b;
  font-weight: 700; }

.statics h4 {
  font-size: 1.2857em;
  font-weight: 700; }

.statics h5 {
  font-size: 1.1429em;
  font-weight: 700; }

.statics p {
  color: #393939;
  margin-top: 0.75em;
  margin-bottom: 0;
  line-height: 1.5; }

.statics p.meme-sujet {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0.5em 1em 0.5em 30px;
  font-size: 1.1429em;
  font-weight: 500;
  line-height: 1em;
  color: #cf323b; }

.statics p.meme-sujet:before {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  top: -2px;
  margin-left: -20px;
  font-family: 'FontAwesome';
  font-size: 2em;
  font-weight: normal;
  content: "\f105"; }

.statics span.credits {
  display: block;
  font-size: 0.8571em;
  font-weight: 500;
  color: #8d8d8d; }

.statics p.meme-sujet a {
  text-decoration: underline;
  color: #cf323b; }

.statics p.meme-sujet a:hover {
  text-decoration: none; }

.statics p.citation {
  font-size: 2.1429em;
  line-height: 1.25em;
  font-style: italic;
  text-align: center;
  position: relative;
  padding: 1em 2em 0 2em; }

.statics p.citation:after {
  width: 40px;
  height: 40px; }

.statics p.citation:before,
.statics p.citation:after {
  position: absolute;
  z-index: 1;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "\00a0"; }

.statics p.citation:before {
  left: 0;
  top: 0;
  background-image: url("/img/citation-ouvrant.png");
  background-position: center top; }

.statics p.citation:after {
  right: 0;
  bottom: 0;
  background-image: url("/img/citation-fermant.png");
  background-position: center bottom; }

.statics p.encart {
  border: solid 1px #cf323b;
  padding: 15px; }

.statics p.nom-prenom {
  font-size: 0.9286em;
  color: #cf323b;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0px; }

.statics a {
  color: #cf323b; }

.statics ul {
  color: #cf323b; }

.statics li {
  color: black; }

.statics ol li {
  list-style-type: none;
  counter-increment: list;
  position: relative; }

.statics ol li:after {
  content: counter(list) "-";
  position: absolute;
  left: -2.25em;
  top: -2px;
  width: 2em;
  text-align: right;
  color: #cf323b;
  font-weight: 700; }

.statics span.credit {
  display: block;
  font-size: 0.8571em;
  font-weight: 500;
  color: #8d8d8d; }