/*
* www.KNACSS.com V2.6e @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
*/

/* ----------------------------- */

/* ==font */

/* ----------------------------- */

@font-face {
  font-family: 'BebasNeueRegular';
  src: url('./fonts/BebasNeue-webfont.eot');
  src: url('./fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/BebasNeue-webfont.woff') format('woff'), url('./fonts/BebasNeue-webfont.ttf') format('truetype'), url('./fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.font-bebas {
  font-family: BebasNeueRegular, Arial, sans-serif;
}
.font-arial {
  font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
}
/* ----------------------------- */

/* ==reset */

/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */

html {
  font-size: 62.5%;
}
body {
  background: #f4f4f4 url(./illust/bg-main.png);
  color: #333333;
  font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
  font-size: 1.4em;
  line-height: 1.4;
}
/* font-sizing for content */

/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */

p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 1.4em;
  margin-bottom: 0;
}
h1,
.h1-like {
  font-size: 1.785714286em;
  line-height: 1.568em;
  margin-top: 0.784em;
  margin-bottom: 0;
  font-weight: normal;
  font-family: BebasNeueRegular, Arial, sans-serif;
}
h2,
.h2-like {
  font-size: 1.714285714em;
  line-height: 1.633333333em;
  margin-top: 0.816666667em;
  margin-bottom: 0;
  font-weight: normal;
  font-family: BebasNeueRegular, Arial, sans-serif;
}
h3,
.h3-like {
  font-size: 1.571428571em;
  line-height: 1.781818182em;
  margin-top: 0.890909091em;
  margin-bottom: 0;
  font-weight: normal;
  font-family: BebasNeueRegular, Arial, sans-serif;
}
h4,
.h4-like {
  font-size: 1.142857143em;
  line-height: 1.225em;
  margin-top: 1.225em;
  margin-bottom: 0;
  font-weight: normal;
}
h5,
.h5-like {
  font-size: 1.071428571em;
  line-height: 1.306666667em;
  margin-top: 1.306666667em;
  margin-bottom: 0;
  font-weight: bold;
}
h6,
.h6-like {
  font-size: 1em;
  line-height: 1.4em;
  margin-top: 1.4em;
  margin-bottom: 0;
  font-weight: bold;
}
/* alternate font-sizing */

.smallest {
  font-size: 0.714285714em;
  /* equiv 10px */

}
.smaller {
  font-size: 0.785714286em;
  /* equiv 11px */

}
.small {
  font-size: 0.857142857em;
  /* equiv 12px */

}
.medium {
  font-size: 0.928571429em;
  /* equiv 13px */

}
.big {
  font-size: 1.142857143em;
  /* equiv 16px */

}
.bigger {
  font-size: 1.285714286em;
  /* equiv 18px */

}
.biggest {
  font-size: 2.214285714em;
  /* equiv 20px */

}
.gigantic {
  font-size: 3.714285714em;
  /* equiv 52px */

}
/* line-height */

.lh-normal {
  line-height: 1;
}
.lh-small {
  line-height: 1.15;
}
.lh-med {
  line-height: 1.35;
}
.maj {
  text-transform: uppercase;
}
.italic {
  font-size: italic;
}
/* soft reset */

html,
body,
textarea,
figure,
label {
  margin: 0;
  padding: 0;
}
ul,
ol {
  padding-left: 2em;
}
ul.unstyled,
ol.unstyled {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
ul.small-disc {
  padding-left: 0;
  list-style: none;
  margin-left: 0;
}
ul.small-disc li {
  background: url(./illust/puce.gif) no-repeat 0 7px;
  padding: 0 0 7px 10px;
}
code,
pre,
samp,
kbd {
  white-space: pre-wrap;
  font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
  line-height: 1em;
}
code,
kbd,
mark {
  border-radius: 2px;
}
em {
  font-style: italic;
}
strong,
.bold {
  font-weight: bold;
}
.no-bold {
  font-weight: normal;
}
kbd {
  padding: 0 2px;
  border: 1px solid #999999;
}
code {
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.04);
  color: #bb1111;
}
mark {
  padding: 2px 4px;
  background: yellow;
}
table {
  margin-bottom: 1.5em;
}
abbr {
  border-bottom: dotted 1px black;
  cursor: help;
}
blockquote {
  margin: 20px 0;
  padding-right: 20px;
  border-right: 4px solid #767676;
  font-size: 1.142857143em;
  text-align: right;
}
blockquote p {
  margin-top: 0 !important;
}
blockquote small {
  color: #767676;
}
/* avoid top margins on first content element */

p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
/* avoid margins on nested elements */

li p,
li ul,
li ol {
  margin-top: 0;
  margin-bottom: 0;
}
/* Links */

a {
  color: #333333;
  text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: underline;
}
a.txt-blue {
  text-decoration: underline;
}
a.txt-blue:focus,
a.txt-blue:hover {
  text-decoration: none;
}
/* max values */

img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video {
  max-width: 100%;
}
/* you shall not pass */

div,
textarea,
table,
td,
th,
code,
pre,
samp {
  /*word-wrap: break-word;*/
  word-wrap:normal;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
}
/* pictures */

img {
  height: auto;
  vertical-align: middle;
}
/* Gmap3 max-width bug fix on images */

#map_canvas img,
.gmnoprint img {
  max-width: none;
}
a img {
  border: 0;
}
/* scripts */

body > script {
  display: none !important;
}
/* skip-links */

.skip-links {
  position: absolute;
}
.skip-links a {
  /* Hello, I'm a CSS-style comment */
  position: absolute;
  left: -7000px;
  padding: 0.5em;
  background: #1b2b5a;
  color: white;
  text-decoration: none;
}
.skip-links a:focus {
  position: static;

}
.large-hidden,
.desktop-hidden {
  display: none;
}
/* ----------------------------- */

/* ==layout and modules */

/* ----------------------------- */

/* switching box model for all elements */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* float layout */

/* module, contains floats (.item is the same) */

.mod,
.item {
  overflow: hidden;
}
/* blocks that needs to be placed under floats */

.clear,
.line,
.row {
  clear: both;
}
/* blocks that must contain floats */

.clearfix:after,
.line:after,
.mod:after {
  content: "";
  display: table;
  clear: both;
}
/* table layout */

.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vertical-align: top;
}
.table-gut2 {
  border-right: 20px solid white;
}
/* inline-block */

.inbl {
  display: inline-block;
  vertical-align: top;
  margin-right: -0.25em;
}
.one-liner {
  display: inline-block;
}
.block {
  display: block;
}
/* vertical align */

.vat {
  vertical-align: top;
}
.vab {
  vertical-align: bottom;
}
.vam {
  vertical-align: middle;
}
/* flexbox layout */

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-h {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.flex-v {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-fluid {
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.flex-start {
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: 0;
  -ms-flex-order: -1;
  -webkit-order: -1;
  -moz-order: -1;
  order: -1;
}
.flex-mid {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -moz-order: 1;
  order: 1;
}
.flex-end {
  -webkit-box-ordinal-group: 42;
  -moz-box-ordinal-group: 42;
  -ms-flex-order: 42;
  -webkit-order: 42;
  -moz-order: 42;
  order: 42;
}
/* alignments (blocks and inline) */

/* ------------------------------ */

/* left elements */

.left {
  float: left;
}
img.left {
  margin-right: 1em;
}
/* right elements */

.right {
  float: right;
}
img.right {
  margin-left: 1em;
}
img.left,
img.right {
  margin-bottom: 5px;
}
.nofloat {
  float: none;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}
/* colors & border */

/* ------------------------------ */

/* background */

.bg-gradient-blue {
  background-color: #4968c3;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4968c3), color-stop(50%, #304b9d), color-stop(50%, #1b388f), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4968c3', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-blue2 {
  background-color: #1985d2;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #1985d2), color-stop(45%, #0f6fb7), color-stop(68%, #08497b), color-stop(100%, #033459));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1985d2', endColorstr='#033459', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-blue3 {
  background-color: #3f5fbd;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f5fbd), color-stop(50%, #2d4793), color-stop(100%, #1c306a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f5fbd', endColorstr='#1c306a', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-green {
  background-color: #9fc136;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fc136), color-stop(50%, #92b91c), color-stop(50%, #87b205), color-stop(100%, #87b205));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fc136', endColorstr='#87b205', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-gray-to-blue {
  background-color: #d7d7d7;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 52%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d7d7), color-stop(35%, #9fa9c9), color-stop(53%, #4c62a7), color-stop(53%, #304a98), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-white-to-blue {
  background-color: white;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(35%, #b9c3e3), color-stop(53%, #4c62a7), color-stop(53%, #304a98), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-white-to-gray {
  background-color: #f6f6f6;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(50%, #ebebeb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d8d8d8', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-green2 {
  background-color: #94c500;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #94c500 0%, #639500 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94c500), color-stop(100%, #639500));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #94c500 0%, #639500 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #94c500 0%, #639500 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #94c500 0%, #639500 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #94c500 0%, #639500 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94c500', endColorstr='#639500', GradientType=0);
  /* IE6-9 */

}
.bg-gradient-red {
  background-color: #ec5529;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec5529), color-stop(100%, #bd0201));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ec5529 0%, #bd0201 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec5529', endColorstr='#bd0201', GradientType=0);
  /* IE6-9 */

}
.bg-lightgray {
  background-color: #f1f0f0;
}
.bg-lightgray2 {
  background-color: #f2f1f1;
}
.bg-darkgray {
  background-color: #333333;
}
.bg-grayE {
  background-color: #ebebeb;
}
.bg-grayC {
  background-color: #cdcdcd;
}
.bg-grayD {
  background-color: #d8d7d7;
}
.bg-white {
  background-color: white;
}
.bg-blue {
  background-color: #007dbb;
}
.bg-green {
  background-color: #94c112;
}
/* background img */

.bg-img-ressources {
  background-image: url(./illust/bg-ressources.png);
  background-repeat: no-repeat;
  background-position: right 50%;
}
.bg-img-outils {
  background-image: url(./illust/icon-doc.png);
  background-repeat: no-repeat;
  background-position: left 3px;
}
.bg-img-fiches-outils {
  background-image: url(./illust/bg-fiches-outils.png);
  background-repeat: no-repeat;
  background-position: right top;
}
.bg-img-reperes {
  background-image: url(./illust/bg-reperes.png);
  background-repeat: no-repeat;
  background-position: right top;
}
/* text */

.txt-white {
  color: white;
}
.txt-green {
  color: #669900;
}
.txt-green3 {
  color: #339933;
}
.txt-gray3 {
  color: #333333;
}
.txt-gray5 {
  color: #555555;
}
.txt-gray6 {
  color: #666666;
}
.txt-gray7 {
  color: #767676;
}
.txt-red {
  color: #cd021a;
}
.txt-redC {
  color: #c41414;
}
.txt-blue {
  color: #155e90;
}
/* box shadow */

.shadow-gray1 {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.shadow-gray2 {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.shadow-gray3 {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
/* =border */

/* gray */

.bd1-grayE {
  border: 1px solid #e0e0e0;
}
.bd1-grayD {
  border: 1px solid #d1d1d1;
}
.bd1-grayC {
  border: 1px solid #cdcdcd;
}
.bd1-gray9 {
  border: 1px solid #999999;
}
.bd1-grayC-aside {
  border: 1px solid #cdcdcd;
  border-width: 1px 1px 1px 0;
}
.bd1-right-grayC {
  border-right: 1px solid #cdcdcd;
}
.bd1-right-grayA {
  border-right: 1px solid #aeaeae;
}
.bd-top-gray {
  border-top: 1px solid #b0b0b0;
}
.bd1-top-grayC {
  border-top: 1px solid #cdcdcd;
}
/* green */

.bd2-green {
  border: 2px solid #94c112;
}
.bd4-btm-green {
  border-bottom: 4px solid #1b2b5a;
}
.bd-right-green {
  border-right: 1px solid #9ccb13;
}
/* grids    */

/* ------------------------------ */

[class*=grid] > * {
  float: left;
}
/* direct childrens are floating */

.grid2 > * {
  width: 49.25%;
}
.grid3 > * {
  width: 32.333333333%;
}
.grid4 > * {
  width: 23.875%;
}
.grid5 > * {
  width: 18.8%;
}
.grid6 > * {
  width: 15.416666667%;
}
.grid2 > * + *,
.grid3 > * + *,
.grid4 > * + *,
.grid5 > * + *,
.grid6 > * + *,
.grid2-1 > * + *,
.grid1-2 > * + *,
.grid3-1 > * + *,
.grid1-3 > * + * {
  margin-left: 1.5%;
}
.grid2-1 > *,
.grid1-2 > * {
  width: 32.833333333%;
}
.grid2-1 > :first-child,
.grid1-2 > * + * {
  width: 65.666666667%;
}
.grid3-1 > *,
.grid1-3 > * {
  width: 24.625%;
}
.grid3-1 > :first-child,
.grid1-3 > * + * {
  width: 73.875%;
}
/* blocks widths (percentage and pixels) */

.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.333%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w66 {
  width: 66.666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
.wauto {
  width: auto;
}
.w50p {
  width: 50px;
}
.w85p {
  width: 85px;
}
.w90p {
  width: 90px;
}
.w100p {
  width: 100px;
}
.w107p {
  width: 107px;
}
.w110p {
  width: 110px;
}
.w140p {
  width: 140px;
}
.w150p {
  width: 150px;
}
.w175p {
  width: 175px;
}
.w170p {
  width: 170px;
}
.w190p {
  width: 190px;
}
.w200p {
  width: 200px;
}
.w240p{width:240px}/*  ajout  */
.w300p {
  width: 300px;
}
.w315p {
  width: 315px;
}
.w345p {
  width: 345px;
}
.w370p{width:370px} /*  ajout  */
.w400p {
  width: 400px;
}
.w420p {
  width: 420px;
}
.w430p {
  width: 430px;
}
.w500p {
  width: 500px;
}
.w530p {
  width: 530px;
}
.w540p {
  width: 540px;
}
.w550p {width:550px} /*  ajout  */
.w600p {
  width: 600px;
}
.w605p {
  width: 605px;
}
.w615p {
  width: 615px;
}
.w680p {width:680px} /*  ajout  */
.w700p {
  width: 700px;
}
.w800p {
  width: 800px;
}
.w960p {
  width: 960px;
}
.mw960p {
  max-width: 960px;
}
.w1003p {
  width: 1003px;
  margin: 0 auto;
}
/* blocks heights (percentage and pixels) */

.h36p {
  height: 36px;
}
.mh50p {
  min-height: 50px;
}
.mh170p {
  min-height: 170px;
}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small(10px),medium(20px),large(30px),none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/

.m-reset,
.ma0 {
  margin: 0 !important;
}
.p-reset,
.pa0 {
  padding: 0 !important;
}
.ma1,
.mas {
  margin: 10px !important;
}
.ma2,
.mam {
  margin: 20px !important;
}
.ma3,
.mal {
  margin: 30px !important;
}
.pa0-5 {
  padding: 5px;
}
.pa1,
.pas {
  padding: 10px;
}
.pa2,
.pam {
  padding: 20px;
}
.pa3,
.pal {
  padding: 30px;
}
.mt0,
.mtn {
  margin-top: 0 !important;
}
.mt0-5 {
  margin-top: 5px !important;
}
.mt1,
.mts {
  margin-top: 10px !important;
}
.mt1-2 {
  margin-top: 12px !important;
}
.mt1-5 {
  margin-top: 15px !important;
}
.mt2,
.mtm {
  margin-top: 20px !important;
}
.mt2-5 {
  margin-top: 25px !important;
}
.mt3,
.mtl {
  margin-top: 30px !important;
}
.mt3-5 {
  margin-top: 35px !important;
}
.mt4 {
  margin-top: 40px !important;
}
.mt5 {
  margin-top: 50px !important;
}
.mt5-5 {
  margin-top: 55px !important;
}
.mt6 {
  margin-top: 60px !important;
}
.mr0,
.mrn {
  margin-right: 0;
}
.mr1,
.mrs {
  margin-right: 10px;
}
.mr1-5 {
  margin-right: 15px;
}
.mr2,
.mrm {
  margin-right: 20px;
}
.mr3,
.mrl {
  margin-right: 30px;
}
.mr4 {
  margin-right: 40px;
}
.mr5 {
  margin-right: 50px;
}
.mr6 {
  margin-right: 60px;
}

.mr9{
  margin-right: 90px;
}
.mr9-5 {
  margin-right: 95px;
}
.mr15 {
  margin-right: 150px;
}
.mb0,
.mbn {
  margin-bottom: 0 !important;
}
.mb0-5 {
  margin-bottom: 5px !important;
}
.mb1,
.mbs {
  margin-bottom: 10px !important;
}
.mb1-5 {
  margin-bottom: 15px !important;
}
.mb2,
.mbm {
  margin-bottom: 20px !important;
}
.mb2-5 {
  margin-bottom: 25px;
}
.mb3,
.mbl {
  margin-bottom: 30px !important;
}
.ml0,
.mln {
  margin-left: 0;
}
.ml0-5 {
  margin-left: 5px;
}
.ml1,
.mls {
  margin-left: 10px;
}
.ml1-5 {
  margin-left: 15px;
}
.ml2,
.mlm {
  margin-left: 20px;
}
.ml3,
.mll {
  margin-left: 30px;
}
.ml4 {
  margin-left: 40px;
}
.ml6 {
  margin-left: 60px;
}
.pt0,
.ptn {
  padding-top: 0;
}
.pt0-3 {
  padding-top: 3px;
}
.pt0-5 {
  padding-top: 5px;
}
.pt1,
.pts {
  padding-top: 10px;
}
.pt1-2 {
  padding-top: 12px;
}
.pt1-5 {
  padding-top: 15px;
}
.pt2,
.ptm {
  padding-top: 20px;
}
.pt3,
.ptl {
  padding-top: 30px;
}
.pt3-5 {
  padding-top: 35px;
}
.pt4-5 {
  padding-top: 45px;
}
.pt6 {
  padding-top: 60px;
}
.pr0,
.prn {
  padding-right: 0;
}
.pr1,
.prs {
  padding-right: 10px;
}
.pr2,
.prm {
  padding-right: 20px;
}
.pr3,
.prl {
  padding-right: 30px;
}
.pr4 {
  padding-right: 40px;
}
.pb0,
.pbn {
  padding-bottom: 0;
}
.pb1,
.pbs {
  padding-bottom: 10px;
}
.pb1-5 {
  padding-bottom: 15px;
}
.pb2,
.pbm {
  padding-bottom: 20px;
}
.pb3,
.pbl {
  padding-bottom: 30px;
}
.pl0,
.pln {
  padding-left: 0;
}
.pl0-5 {
  padding-left: 5px;
}
.pl0-8 {
  padding-left: 8px;
}
.pl1,
.pls {
  padding-left: 10px;
}
.pl1-2 {
  padding-left: 12px !important;
}
.pl2,
.plm {
  padding-left: 20px;
}
.pl3,
.pll {
  padding-left: 30px;
}
.pl4 {
  padding-left: 40px;
}
.pl4-5 {
  padding-left: 45px;
}
.pl19 {
  padding-left: 190px;
}
.pl22 {
  padding-left: 220px;
}
.ph0-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.ph1 {
  padding-left: 10px;
  padding-right: 10px;
}
.ph2 {
  padding-left: 20px;
  padding-right: 20px;
}
.ph4 {
  padding-left: 40px;
  padding-right: 40px;
}
.ph4-2 {
  padding-left: 42px;
  padding-right: 42px;
}
.pv0-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.pv0-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.pv1 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pv2 {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* hiding content */

.visually-hidden {
  position: absolute;
  left: -7000px;
  overflow: hidden;
}
[dir=rtl] .visually-hidden {
  left: auto;
  right: -7000px;
}
/* hidden on desktop */

.desktop-hidden {
  display: none;
}
/* hidden on mobile */

.mobile-hidden {
  display: block;
}
/* Colors 
* ==> see "values.less"
*/
/* sprites */
.sprite-reseau:before {
  background-image: url(./illust/sprite-social.png);
  background-repeat: no-repeat;
}

.sprite-reseau:hover:before, .sprite-reseau:focus:before {
  background-image: url(./illust/sprite-social-hover.png);
  background-repeat: no-repeat;
}

.sprite-reseau.sprite-reseau_14:before {
  content: '';
  display: inline-block;
  background-position: -10px -10px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_14:focus:before,
.sprite-reseau.sprite-reseau_14:hover:before {
  content: '';
  display: inline-block;
  /*background-position: -10px -282px;*/
  background-position: -8px -10px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_16:before {
  content: '';
  display: inline-block;
  background-position: -10px -48px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_16:focus:before,
.sprite-reseau.sprite-reseau_16:hover:before {
  content: '';
  display: inline-block;
  /*background-position: -10px -320px;*/
  background-position: -8px -48px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_18:before {
  content: '';
  display: inline-block;
  background-position: -10px -86px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_18:focus:before,
.sprite-reseau.sprite-reseau_18:hover:before {
  content: '';
  display: inline-block;
  /* background-position: -10px -358px; */
  background-position: -8px -86px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_20:before {
  content: '';
  display: inline-block;
  background-position: -10px -124px;
  width: 19px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_20:focus:before,
.sprite-reseau.sprite-reseau_20:hover:before {
  content: '';
  display: inline-block;
  /* background-position: -10px -396px; */
   background-position: -8px -124px;
  width: 19px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_22:before {
  content: '';
  display: inline-block;
  background-position: -10px -162px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_22:focus:before,
.sprite-reseau.sprite-reseau_22:hover:before {
  content: '';
  display: inline-block;
  /* background-position: -10px -434px; */
  background-position: -8px -162px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_24:before {
  content: '';
  display: inline-block;
  background-position: -10px -200px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_24:focus:before,
.sprite-reseau.sprite-reseau_24:hover:before {
  content: '';
  display: inline-block;
  /* background-position: -10px -472px; */
   background-position: -8px -200px;
  width: 18px;
  height: 18px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_27:before {
  content: '';
  display: inline-block;
  background-position: -10px -238px;
  width: 16px;
  height: 16px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-reseau.sprite-reseau_27:focus:before,
.sprite-reseau.sprite-reseau_27:hover:before {
  content: '';
  display: inline-block;
 /*  background-position: -10px -510px; */
 background-position: -8px -238px;
  width: 16px;
  height: 16px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-form:before {
  background-image: url(./illust/sprite-form.png);
  background-repeat: no-repeat;
}
.sprite-form.sprite-form_valid:before {
  content: '';
  display: inline-block;
  background-position: 0 0;
  width: 26px;
  height: 19px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-form.sprite-form_incorrect:before {
  content: '';
  display: inline-block;
  background-position: 0 -50px;
  width: 20px;
  height: 20px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
}
.sprite-tabs:before {
  background-image: url(./illust/sprite-tabs.png);
  background-repeat: no-repeat;
  float: left;
}
.sprite-tabs.sprite-tabs-employeur:before {
  content: '';
  display: inline-block;
  background-position: -10px -10px;
  width: 33px;
  height: 37px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
  margin-left: 60px;
}
.sprite-tabs.sprite-tabs-particulier:before {
  content: '';
  display: inline-block;
  background-position: -10px -124px;
  width: 33px;
  height: 37px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
  margin-left: 60px;
}
.sprite-tabs.sprite-tabs-pro:before {
  content: '';
  display: inline-block;
  background-position: -10px -238px;
  width: 40px;
  height: 36px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
  margin-left: 10px;
}
.tabs-item.ui-state-active .sprite-tabs.sprite-tabs-employeur:before {
  content: '';
  display: inline-block;
  background-position: -10px -67px;
  width: 33px;
  height: 37px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
  margin-left: 60px;
}
.tabs-item.ui-state-active .sprite-tabs.sprite-tabs-particulier:before {
  content: '';
  display: inline-block;
  background-position: -10px -181px;
  width: 33px;
  height: 37px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
  margin-left: 60px;
}
.tabs-item.ui-state-active .sprite-tabs.sprite-tabs-pro:before {
  content: '';
  display: inline-block;
  background-position: -10px -294px;
  width: 40px;
  height: 36px;
  padding: 2px 6px 0 0;
  vertical-align: top;
  position: relative;
  top: -2px;
  margin-left: 10px;
}
/* ----------------------------- */

/* ==header */

/* ----------------------------- */

.header {
  background-image: url(./illust/header-bkg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #f1f0f0;
}
.slogan {
  color: #669900;
}
/* navigation */

#navigation {
  position: relative;
  background: url(./illust/bg-main.png) left bottom;
}
#navigation .nav-banner {
  background-color: #4968c3;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4968c3), color-stop(50%, #304b9d), color-stop(50%, #1b388f), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4968c3', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 36px;
}
#navigation .inner {
  position: relative;
  background: url(./illust/header-bkg.png) no-repeat center 126% #f1f0f0;
  padding-top: 7px;
}
#navigation .content {
  position: relative;
  z-index: 10;
  background-color: #4968c3;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4968c3), color-stop(50%, #304b9d), color-stop(50%, #1b388f), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4968c3', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
#navigation .content:before,
#navigation .content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: transparent #4464c2 #395661 #4464c2;
  top: -7px;
}
#navigation .content:before {
  left: 0;
  border-width: 0 0 7px 7px;
}
#navigation .content:after {
  right: 0;
  border-width: 0 7px 7px 0;
}
#navigation a {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  min-height: 50px;
}
#navigation a:focus,
#navigation a:hover,
#navigation a.current {
  background-color: #ec5529;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec5529), color-stop(100%, #bd0201));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #ec5529 0%, #bd0201 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #ec5529 0%, #bd0201 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec5529', endColorstr='#bd0201', GradientType=0);
  /* IE6-9 */

  text-decoration: none;
}
#navigation a:focus:after,
#navigation a:hover:after,
#navigation a.current:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 45%;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 8.5px 0 8.5px;
  border-color: #bd0201 transparent transparent transparent;
}
#navigation li {
  position: relative;
}
#navigation li:before,
#navigation li:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 1px;
  min-height: 50px;
}
#navigation li + li:before {
  background-color: #d7d7d7;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 52%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d7d7d7), color-stop(35%, #9fa9c9), color-stop(53%, #4c62a7), color-stop(53%, #304a98), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #d7d7d7 0%, #9fa9c9 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

  left: 0;
}
#navigation li + li:after,
#navigation li:first-child:after {
  background-color: white;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(35%, #b9c3e3), color-stop(53%, #4c62a7), color-stop(53%, #304a98), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, white 0%, #b9c3e3 35%, #4c62a7 53%, #304a98 53%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

  right: 0;
}
#navigation li:last-child:after {
  display: none;
}
#navigation li:first-child a {
  padding-top: 11px;
}
#navigation li:first-child + li a {
  padding-top: 15px;
}
/* block search */

.search {
  clear: right;
}
#search {
  width: 165px;
  border: 1px solid #044a81;
  border-width: 1px 0 1px 1px;
  padding: 5px 7px 5px;
  border-radius: 5px 0 0 5px;
  background-color: white;
  box-shadow: none;
  color: #666666;
  font-size: 1.071428571em;
  font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
  font-weight: bold;
  float: left;
  min-height: 31px;
}
.search .submit {
  border: 0;
  width: 32px;
  min-height: 31px;
  border-radius: 0 5px 5px 0;
  padding: 0;
  background-color: #1985d2;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #1985d2), color-stop(45%, #0f6fb7), color-stop(68%, #08497b), color-stop(100%, #033459));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #1985d2 9%, #0f6fb7 45%, #08497b 68%, #033459 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1985d2', endColorstr='#033459', GradientType=0);
  /* IE6-9 */

  color: white;
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.5);
}
/* ----------------------------- */

/* ==sidebar */

/* ----------------------------- */

/* fiches outils */

.fiches-outils {
  background-image: url(./illust/bg-fiches-outils.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-color: #f2f1f1;
}
.fiches-outils li {
  background-image: url(./illust/icon-doc.png);
  background-repeat: no-repeat;
  background-position: left 3px;
  margin: 0 0 10px;
}
/* Repères */

.reperes {
  background-color: #f2f1f1;
  background-image: url(./illust/bg-reperes.png);
  background-repeat: no-repeat;
  background-position: right top;
}
/* partage sur les réseaux sociaux */

.share {
  background-color: #f2f1f1;
}
.share a {
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
}
.share a:focus,
.share a:hover {
  position: relative;
  top: -5px;
}
/* ----------------------------- */

/* ==footer */

/* ----------------------------- */

.sitemap-title {
  position: relative;
}
.sitemap-title .sitemap-banner {
  background-color: #9fc136;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fc136), color-stop(50%, #92b91c), color-stop(50%, #87b205), color-stop(100%, #87b205));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fc136', endColorstr='#87b205', GradientType=0);
  /* IE6-9 */

  position: absolute;
  left: 0;
  right: 0;
  height: 36px;
}
.sitemap-title .inner {
  position: relative;
  padding-top: 7px;
  background: #f4f4f4;
}
.sitemap-title .content {
  position: relative;
  background-color: #9fc136;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fc136), color-stop(50%, #92b91c), color-stop(50%, #87b205), color-stop(100%, #87b205));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #9fc136 0%, #92b91c 50%, #87b205 50%, #87b205 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fc136', endColorstr='#87b205', GradientType=0);
  /* IE6-9 */

  min-height: 50px;
}
.sitemap-title .content:before,
.sitemap-title .content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: transparent #a0c23a #395661 #a0c23a;
  top: -7px;
}
.sitemap-title .content:before {
  left: 0;
  border-width: 0 0 7px 7px;
}
.sitemap-title .content:after {
  right: 0;
  border-width: 0 7px 7px 0;
}
.sprite-reseau a {
  display: inline-block;
  padding: 5px;
}
#sitemap {
  background-color: #f2f1f1;
}
#sitemap h3,
#sitemap .h3-like {
  color: #555555;
  font-size: 1.642857143em;
}
/* ----------------------------- */

/* ==forms */

/* ----------------------------- */

form,
fieldset {
  border: none;
}
input,
button,
select,
label,
.btn {
  vertical-align: middle;
  /* @bugfix alignment */
  font-family: inherit;
}
textarea {
  resize: vertical;
  font-family: inherit;
}
input.submit,
input[type=submit] {
  cursor: pointer;
}
input,
textarea,
select {
  -webkit-box-shadow: inset 0 2px 4px rgba(103, 135, 161, 0.28);
  -moz-box-shadow: inset 0 2px 4px rgba(103, 135, 161, 0.28);
  box-shadow: inset 0 2px 4px rgba(103, 135, 161, 0.28);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  padding: 7px 5px;
  background: none;
  border: 1px solid #999999;
}
input:focus,
textarea:focus,
select:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/*==buttons */



.btn-like {
  display: inline-block;
  vertical-align: top;
  margin-right: -0.25em;
  background-color: #94C500;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #94c500 0%, #639500 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94c500), color-stop(100%, #639500));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #94c500 0%, #639500 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #94c500 0%, #639500 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #94c500 0%, #639500 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #94c500 0%, #639500 100%);
  /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#94C500, endColorstr=#639500, GradientType=0);
  /* IE6-9 */

  line-height: 1.35;
  padding: 10px 15px;
  border-radius: 5px;
  font-weight: bold;
  border: 0;
  font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
  color: #333333;
}

.btn-like.mr1 {margin-right: 0.1em !important}

.btn-like.bigger {
  padding: 13px 18px;
}
.btn-like.off {
  background: #74766f;
  color: white;
}
.btn-like.private:after {
  content: '';
  display: inline-block;
  width: 12px;
  height: 16px;
  margin-left: 5px;
  position: relative;
  top: 2px;
  background: url(./illust/picto-private.png) no-repeat right 0;
}
.btn-like:hover,
.btn-like:focus {
  background: #74766f;
  color: white;
  text-decoration: none;
}
.btn-like.gray {
  position: relative;
  background-color: #f6f6f6;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(50%, #ebebeb), color-stop(100%, #d8d8d8));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #ebebeb 50%, #d8d8d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#d8d8d8', GradientType=0);
  /* IE6-9 */

  border: 1px solid #999999;
  color: #155e90;
  font-weight: normal;
  padding: 7px 20px 7px 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.btn-like.gray:after {
  content: '';
  height: 40px;
  width: 11px;
  position: absolute;
  top: -4px;
  right: -4px;
  background: url(./illust/btn-shadow.png) no-repeat right center;
}
/* validation */

.sprite-form_valid {
  color: #339933;
}
.sprite-form_incorrect {
  color: #c41414;
}
/* ----------------------------- */

/* ==table */

/* ----------------------------- */

table {
  text-align: left;
  border-collapse: collapse;
  font-size: 0.928571429em;
  width: 100%;
  /* Glossaire */

  /* prc */

}
table th,
table td {
  padding: .5em .8em;
}
table th {
  background-color: #007dbb;
  color: white;
  border-bottom: 1px solid #cce5f1;
}
table tbody td {
  background-color: #f2f1f1;
  border: 1px solid white;
}
table caption {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 15px !important;
}
table.glossary-table {
  font-size: 1em;
  width: auto;
}
table.glossary-table th,
table.glossary-table td {
  background: none;
  color: #333333;
  padding: 14px 0;
}
table.glossary-table th + th,
table.glossary-table td + td {
  background-color: #ebebeb;
  padding: 14px 5px 14px 20px;
}
table.glossary-table th,
table.glossary-table td {
  border: 0;
}
table.glossary-table tr + tr td {
  border-top: 1px solid #cdcdcd;
}
table.glossary-table tbody td + td {
  font-size: 0.928571429em;
}
table.glossary-table p + p {
  margin-top: 7px;
}
table.prc .caption-table {
  font-family: BebasNeueRegular, Arial, sans-serif;
  font-size: 1.78571em;
  font-weight: normal;
  line-height: 1.568em;
  margin: .784em 0 0;
}
table.prc tr {
  background-color: #f2f1f1;
}
table.prc tr:nth-child(odd) {
  background-color: #f2f1f1;
}
table.prc tr:nth-child(even) {
  background-color: #e7e4e4;
}
table.prc td {
  background-color: transparent;
}
.carte_gis {
  background-color: whitesmoke;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.075);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.075);
}
/* ----------------------------- */

/* ==main */

/* ----------------------------- */

/* Layout */

#wrapper {
  margin-bottom: -7px;
  position: relative;
  z-index: 5;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: white;
}
/* Block video @ homepage */

.hp-video {
  position: relative;
}
.hp-video .content {
  position: absolute;
  bottom: 0;
  right: 0;
}
.hp-video a {
  color: white;
}

.hp-video-220 {height:220px;}


/* ==breadcrumb */

.breadcrumb li + li {
  background: url(./illust/breadcrumb-bg.png) no-repeat 4px 50%;
  padding-left: 30px;
}
.breadcrumb li a,
.breadcrumb li span {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
}
/* 'les étapes de la vae' */

.step-vae p {
  color: #666666;
}
.step-vae .item {
  font-size: 1.857142857em;
  padding: 8px 14px 6px;
  background-color: #cdcdcd;
  border: 1px solid #cdcdcd;
  margin-bottom: -7px;
}
.step-vae .item.current {
  background-color: white;
  color: #669900;
}
.step-vae.small {
  font-size: 1em;
}
.step-vae.small a,
.step-vae.small span {
  padding: 6px 9px 3px;
}
/* ==article */

.article img {
  background-color: white;
  padding: 5px;
  border: 1px solid #d1d1d1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.article h2 + p,
.article .h2-like + p,
.article h3 + p,
.article .h3-like + p,
.article h4 + p,
.article .h4-like + p,
.article h5 + p,
.article .h6-like + p,
.article h6 + p,
.article .h6-like + p {
  margin-top: 10px !important;
}

.article h2.h1-like {
  font-size: 1.785714286em;
  line-height: 1.568em;
  }

.article h2,
.article .h2-like {
  font-size: 1.428571429em;
}
.article h3,
.article .h3-like {
 /*font-size: 1.428571429em;*/
 font-size: 1.6em;
}
.article h2 {
  color: #cd021a;
}
.article h4 {
  font-family: BebasNeueRegular, Arial, sans-serif;
  font-size: 1.285714286em;
  font-size: 1.15em;
  color: #cd021a;
}
.article a {
  color: #155e90;
  text-decoration: underline;
}
.article a:focus,
.article a:hover {
  text-decoration: none;
}
.article ul {
  list-style: none;
  margin: 10px 0;
  padding: 0 !important;
}
.article ul li {
  background: url(./illust/puce-blue.png) no-repeat 0 6px;
  margin: 0 0 2px 15px;
  padding-left: 14px;
}
/* éléments wysiwyg */

blockquote.spip {
  background-color: #f2f1f1;
  padding: 10px;
  margin: 10px 0;
  border: none;
  font-size: 1.071428571em;
  text-align: left;
}
.texteencadre-spip {
  background-color: #f2f1f1;
  padding: 10px;
  margin: 0;
  border: none;
  font-size: 1.071428571em;
  text-align: left;
}
.mini,
.mini a {
  font-size: 0.785714286em;
  color: #666666;
}

.signaler a {
    font-size: 14px !important;
    padding: 15px 15px 8px !important;
    margin: 0 auto;
    display: block;
    width: auto;
    font-weight: bold;
}

.signaler a:hover {
	
	color:#bd0201;
    }
  
/* article /section / aside */

.article,
section {
  line-height: 1;
}
.aside h2,
.aside .h2-like,
.aside h3,
.aside .h3-like,
.aside h4,
.aside .h4-like,
.aside h5,
.aside .h5-like,
.aside h6,
.aside .h6-like {
  line-height: 1;
}
/* form search */

.form-search .submit {
  background-color: #4968c3;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4968c3), color-stop(50%, #304b9d), color-stop(50%, #1b388f), color-stop(100%, #1b2b5a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #4968c3 0%, #304b9d 50%, #1b388f 50%, #1b2b5a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4968c3', endColorstr='#1b2b5a', GradientType=0);
  /* IE6-9 */

  color: white;
  border: 0;
}
/* spip glossary */

a.cs_glossaire,
a.cs_glossaire:focus,
a.cs_glossaire:hover,
#glossOverDiv {
  color: black;
  text-decoration: none;
  z-index: 998;
  -webkit-transition: visibility 2s ease;
  -moz-transition: visibility 2s ease;
  -ms-transition: visibility 2s ease;
  -o-transition: visibility 2s ease;
  transition: visibility 2s ease;
}
a.cs_glossaire span.gl_js,
a.cs_glossaire span.gl_jst,
a.cs_glossaire span.gl_dl,
a.cs_glossaire span.gl_dt,
a.cs_glossaire span.gl_dd {
  display: none;
  font-style: normal;
  visibility: hidden;
  z-index: 999;
}
a.cs_glossaire span.gl_dd {
  font-weight: normal;
}
a.cs_glossaire:hover span.gl_dt,
#glossOverDiv span.gl_dt,
a.cs_glossaire:hover span.gl_dd,
#glossOverDiv span.gl_dd {
  display: block;
  visibility: visible;
}
a.cs_glossaire:hover span.gl_dl,
#glossOverDiv span.gl_dl {
  position: absolute;
  visibility: visible;
  display: inline;
  width: 180px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  font-size: 85%;
  margin-top: 1.8em;
  margin-left: -120px;
  padding: 4px;
  -moz-box-shadow: 6px 6px 8px black;
  -webkit-box-shadow: 6px 6px 8px black;
  box-shadow: 6px 6px 8px black;
}
a.cs_glossaire:hover span.gl_dt,
#glossOverDiv span.gl_dt {
  background-color: #669900;
  font-weight: bold;
  padding: 3px;
  text-align: left;
  color: white;
}
a.cs_glossaire:hover span.gl_dd,
#glossOverDiv span.gl_dd {
  line-height: 1.3em;
  padding: 3px;
  text-align: left;
}
a.cs_glossaire span.gl_mot {
  border-bottom: 1px dotted gray;
  font-size: inherit;
}
#glossOverDiv span.gl_dl {
  margin-left: -60px;
}
a.cs_glossaire:after {
  display: none;
}
/* ==Homepage */

/* tabs */

.tabs-item {
  font-size: 1.785714286em;
  border: 1px solid #cdcdcd;
  border-width: 1px 1px 0 0;
  background-color: #3f5fbd;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3f5fbd), color-stop(50%, #2d4793), color-stop(100%, #1c306a));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, #3f5fbd 0%, #2d4793 50%, #1c306a 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f5fbd', endColorstr='#1c306a', GradientType=0);
  /* IE6-9 */

  line-height: .8;
}
.tabs-item span {
  font-size: 0.785714286em;
}
.tabs-item:first-child {
  border-left-width: 1px;
}
.tabs-item.ui-state-active {
  background: #f2f1f1;
  position: relative;
  top: -9px;
  margin-bottom: -10px;
  border-width: 1px 1px 0;
  padding-bottom: 20px;
}
.tabs-item.ui-state-active a {
  color: #669900;
}
.tabs-item.ui-state-active #tabsdemo-3-tab {
  background-position: right 0;
}
.tabs-item.ui-state-active:hover {
  background: #f2f1f1;
}
.tabs-item:hover {
  background: #669900;
}
.tabs-item #tabsdemo-3-tab,
.tabs-item .sprite-tabs-pro {
  display: block;
  background: url(./illust/picto-private.png) no-repeat right -144px;
}
.tabs-item a {
  display: block;
  position: relative;
  z-index: 1;
}
.tabs-item a:focus,
.tabs-item a:hover {
  text-decoration: none;
}
.tabs-content {
  background-color: #f2f1f1;
}
#tabs .ui-tabs-panel {
  min-height: 212px;
  margin-right: 1px;
}
/* Vous êtes un particulier */

/* Timeline */

.timeline {
  position: relative;
}
.timeline ol {
  padding-bottom: 35px;
}
.timeline li {
  background: url(./illust/timeline-item.png) no-repeat center bottom;
  min-height: 135px;
  font-size: 1.071428571em;
  counter-increment: item;
  z-index: 15;
  position: relative;
  color: #666666;
}
.timeline li:after {
  content: counter(item, decimal);
  bottom: -30px;
  left: 44%;
}
.timeline li:after,
.timeline li:before {
  display: block;
  position: absolute;
  font-family: BebasNeueRegular, Arial, sans-serif;
  font-size: 2.142857143em;
  font-weight: normal;
}
.timeline li.current {
  font-size: 1.142857143em;
  color: #333333;
  background-image: url(./illust/timeline-current.png);
}
.timeline li.current:before {
  content: counter(item, decimal);
  color: #cd021a;
  top: 4px;
  left: 44%;
}
.timeline li.current:after {
  content: '';
}
.timeline li:hover {
  color: #333333;
  background-image: url("./illust/timeline-current.png");
}
.timeline a {
  color: #666666;
  min-height: 135px;
  position: relative;
  z-index: 1;
}
.timeline a:focus,
.timeline a:hover {
  color: #cd021a;
  text-decoration: none;
}
.timeline-horiz {
  top: 121px;
  left: 30px;
  right: 30px;
  position: absolute;
  z-index: 10;
  height: 4px;
  background-color: #d8d7d7;
}
.timeline-horiz span {
  display: block;
  height: 4px;
  background-color: #94c112;
}
/* qu'est-ce que VAE */

.vae-intro {
  border: 1px solid #d1d1d1;
}
/* Vous êtes un employeur */

.tabs-employeur-1 {
  background: url(./illust/tabs-employeur-1.png) no-repeat 0 0;
}
.tabs-employeur-2 {
  background: url(./illust/tabs-employeur-2.png) no-repeat 20px 0;
}
/* Ressources */

.ressources {
  background-color: #f2f1f1;
}


.ressources .gigantic {
  background-image: url(./illust/bg-ressources.png);
  background-repeat: no-repeat;
  background-position: right 50%;
}
.ressources .gigantic:focus,
.ressources .gigantic:hover {
  text-decoration: none;
}

  
  
/* onglet suivant */

.suite {
  background: #f2f1f1 url(./illust/bg-timeline.png) no-repeat right top;
}
.suite li {
  background: url(./illust/puce-timeline.png) no-repeat left 3px;
}
.suite h2 {
  color: #669900;
}
/* onglet sommaire */

.summary {
  background: #f2f1f1 url(./illust/bg-summary.png) no-repeat right top;
}
.summary li {
  background: url(./illust/puce3.png) no-repeat left 1px;
}
/* ----------------------------- */

/* ==print */

/* ----------------------------- */

/* quick print reset */

@media print {
  p,
  blockquote {
    orphans: 2;
    widows: 2;
  }
  blockquote,
  ul,
  ol {
    /*page-break-inside: avoid !important;*/
    page-break-before: avoid !important;
    page-break-after: avoid !important;
  }
  h1,
  h2,
  h3,
  caption {
    page-break-after: avoid !important;
    page-break-before: avoid !important;
  }
  
  #navigation, .aside, aside, #sitemap, .sitemap-title, .vam, #spip-admin, .search, #icone_travaux, .timeline, .partners > div > p.left, .ministere-travail  img, .ministere-travail br, #accordeon .btn-like.accordeontitre img {display: none !important;}
  .article, article{width:100% !important; border:none !important;}
  .header {
    background-color: #fff !important;
    background-image: url(" ") !important;
}
body {
	background-color: #fff !important; 
	background-image: url(" ") !important;
	}
#wrapper {box-shadow: none !important;}
.article a:link:after, .article a:visited:after {
  content: " (" attr(href) ") ";
  }
  
.article h3 a:link:after, .article h3 a:visited:after {
    content: " ";
    
}
  
span.gl_dl,  span.gl_dt, span.gl_dd {display: inline-block  !important; visibility:visible !important; background: #eee !important;}
span.gl_dt {font-weight: bold !important;}
span.gl_dl {border:1px dashed #666 !important; margin:5px !important; padding:5px !important;}
.ministere-travail {margin:0 10px !important; width:100%;}

.shadow-gray2 {border:none !important;}
li.accordeoncontenu {display: block !important}

.article ul {
    list-style:disc !important;
}
 
}
/* ----------------------------- */

/* ==Transition */

/* ----------------------------- */

/*#navigation,
#navigation .nav-banner,
#navigation .inner,
#navigation .content,
#navigation .content:before,
#navigation .content:after,*/

#navigation a,
.tabs-item,
.btn-like/*, 
#navigation a:focus,
#navigation a:hover,
#navigation a.current
#navigation a:focus:after,
#navigation a:hover:after,
#navigation a.current:after, 
#navigation li + li:before, 
#navigation li + li:after, 
#navigation li:first-child:after,
.timeline li,
.timeline li a,
.timeline li:after,
.timeline li:before,
.step-vae .item,
.tabs-item,
.tabs-item a,
.tabs-item.ui-state-active*/ {
  -webkit-transition: background-color ease-in-out 0.5s;
  -moz-transition: background-color ease-in-out 0.5s;
  -ms-transition: background-color ease-in-out 0.5s;
  -o-transition: background-color ease-in-out 0.5s;
  transition: background-color ease-in-out 0.5s;
}
.step-vae .item,
.timeline li,
.ressources {
  -webkit-transition: all ease-in-out 0.5s;
  -moz-transition: all ease-in-out 0.5s;
  -ms-transition: all ease-in-out 0.5s;
  -o-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
.step-vae .item:hover {
  background-color: #669900;
}

/* when the text is selected */

::-moz-selection,
::selection {
  background: #669900;
  color: white;
  text-shadow: none;
}