html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #fe57a1;
  color: #fff;
  text-shadow: none;
}
a {
  color: #00e;
}
a:visited {
  color: #551a8b;
}
a:hover {
  color: #06e;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
button[disabled],
input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #f0dddd;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: black;
  padding: 0.2em 0;
}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
html {
  width: 100%;
  height: 100%;
}
body {
  font: 13px/150% "PT Sans", Arial, Helvetica, sans-serif;
  color: #5d5d5d;
  letter-spacing: 0px;
  text-align: center;
  background-image: url(../img/bkg-top.png), url(../img/bkg-x.png);
  background-position: top center, 0 4px;
  background-repeat: repeat-x;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  vertical-align: baseline;
}
.exergue {
  color: #005d91;
}
strong {
  color: #5d5d5d;
}
em {
  font-style: italic;
  color: #5d5d5d;
}
#content a {
  color: #7a7a7a;
  text-decoration: none;
}
#content a:hover {
  color: #005d91;
  text-decoration: underline;
}
p,
ul,
ol,
blockquote {
  margin-bottom: 1.5em;
}
a,
a:hover,
a:active,
a:focus,
a:visited {
  outline: none;
}
#container {
  position: relative;
  margin: 0 auto;
  width: 1020px;
  height: auto;
  background-color: #fff;
  margin-top: -88px;
  padding: 20px 20px 40px 20px;
  border-top: 1px solid #e8e8e7;
  -o-box-shadow: 0 0 10px #666;
  -moz-box-shadow: 0 0 10px #666;
  -webkit-box-shadow: 0 0 10px #666;
  box-shadow: 0 0 10px #666;
}
header {
  position: relative;
  width: 100%;
  height: 509px;
}
header .content {
  position: relative;
  width: 1020px;
  height: 300px;
  margin: 0 auto;
}
header figure#logo {
  position: absolute;
  top: 11px;
  left: 11px;
  width: auto;
  height: auto;
}
header #navbar {
  position: absolute;
  top: 13px;
  right: 26px;
  width: auto;
  height: 32px;
}
header #navbar #ct-langs {
  width: auto;
  float: left;
  margin-right: 5px;
  height: 30px;
  padding: 0 5px 0 10px;
  -webkit-border-radius: 15px 14px 14px 15px/15px 15px 14px 14px;
  -moz-border-radius: 15px 14px 14px 15px/15px 15px 14px 14px;
  border-radius: 15px 14px 14px 15px/15px 15px 14px 14px;
  background-color: #fff;
  border: solid 1px rgba(0,0,0,0.2);
}
header #navbar #ct-langs:hover {
  -webkit-border-radius: 14px/14px 14px 15px 15px;
  -moz-border-radius: 14px/14px 14px 15px 15px;
  border-radius: 14px/14px 14px 15px 15px;
  background-color: #005d91;
}
header #navbar a {
  margin-right: 5px;
  float: left;
  cursor: pointer;
}
header #navbar #ct-langs a {
  display: block;
}
header #navbar #ct-langs:hover a {
  display: block;
}
header #navbar #ct-langs a.current {
  display: block;
}
header #navbar a#btn-fr {
  position: relative;
  width: 36px;
  height: 30px;
  background: url(../img/btn-fr.png) top left no-repeat;
}
header #navbar a#btn-fr:hover {
  background-position: bottom left;
}
header #navbar a#btn-en {
  position: relative;
  width: 49px;
  height: 30px;
  background: url(../img/btn-en.png) top left no-repeat;
}
header #navbar a#btn-en:hover {
  background-position: bottom left;
}
header #navbar a#btn-es {
  position: relative;
  width: 47px;
  height: 30px;
  background: url(../img/btn-es.png) top left no-repeat;
}
header #navbar a#btn-es:hover {
  background-position: bottom left;
}
header #navbar a#btn-sitemap {
  position: relative;
  display: block;
  width: 32px;
  height: 31px;
  background: url(../img/btn-sitemap.png) top left no-repeat;
  margin-top: 0px;
}
header #navbar a#btn-sitemap:hover {
  background-position: bottom left;
}
header #navbar a#btn-contact {
  position: relative;
  display: block;
  width: 32px;
  height: 31px;
  background: url(../img/btn-contact.png) top left no-repeat;
  margin-left: 70px;
  margin-top: 0px;
}
header #navbar a#btn-contact:hover {
  background-position: bottom left;
}
#content {
  position: relative;
  width: 980px;
  height: auto;
  min-height: 400px;
  padding: 0px;
  text-align: left;
}
footer {
  position: relative;
  height: 53px;
  margin: 15px auto 0 auto;
  width: 100%;
  padding: 7px 0 0 0;
  line-height: 46px;
  font-size: 10px;
  color: #fff;
  background: url(../img/footer.png) top center repeat-x;
}
footer a,
footer a:visited {
  color: #fff;
}
#content img {
  margin-bottom: 20px;
}
div.alignleft {
  width: 48%;
  float: left;
}
div.alignright {
  width: 48%;
  float: right;
}
#content .subtitle {
  line-height: 16px;
  font-family: 'eurostile_extended_2regular';
  margin-bottom: 10px;
  display: inline-block;
  color: #005d91;
  letter-spacing: -0.5px;
}
#content .subtitle img {
  line-height: 16px;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 5px;
}
#content .baseline {
  line-height: 18px;
  width: 100%;
  border-bottom: 1px solid #005d91;
  margin-bottom: 20px;
}
#leftColumn {
  position: relative;
  float: left;
  width: 654px;
}
#rightColumn {
  position: relative;
  float: right;
  width: 318px;
}
div.middle {
  width: 49%;
  margin-right: 1%;
  float: left;
}
div.second {
  width: 66%;
  margin-right: 1%;
  float: left;
}
div.tiers {
  width: 32%;
  margin-right: 1%;
  float: left;
}
div.tiers:last-of-type {
  margin-right: 0;
}
div.separation {
  width: 100%;
  height: 1px;
  background: url(../img/separation.png) top left repeat-x;
  margin: 5px 0;
}
header #carrousel {
  position: absolute;
  top: 95px;
  left: 0;
  width: 100%;
  padding-bottom: 6px;
  height: 408px;
  overflow: hidden;
}
header #carrousel .display {
  position: relative;
  width: 100%;
  height: 100%;
}
header #carrousel .display .slide {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}
header #carrousel .display .slide img {
  width: 100%;
  min-height: 100%;
}
header #carrousel .display .slide:first-of-type {
  left: 0;
}
header #carrousel #nav-carrousel {
  position: absolute;
  right: 0;
  top: 192px;
  width: 26px;
  padding: 18px 0 0px 0;
  height: auto;
  z-index: 999;
  background: rgba(0,0,0,0.6);
  border-radius: 6px 6px 6px 6px;
  -o-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
}
header #carrousel #nav-carrousel span {
  display: block;
  margin: 0 7px 5px 6px;
  height: 13px;
  width: 13px;
  background-image: url(../../img/btn-carrousel.png);
  background-position: top center;
  background-size: cover;
  background-repeat: none;
  cursor: pointer;
}
header #carrousel #nav-carrousel span:last-of-type {
  margin-bottom: 0;
}
header #carrousel #nav-carrousel span:hover,
header #carrousel #nav-carrousel span.current {
  background-position: bottom center !important;
}
header #carrousel #mask {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background: url(../../img/mask-carrousel.png) bottom left repeat-x;
}
div#contact {
  position: relative;
  width: 980px;
  height: auto;
  padding: 43px 0 120px 324px;
  background: url(../img/bkg-contact.png) top left no-repeat;
}
div#contact-en {
  position: relative;
  width: 980px;
  height: auto;
  padding: 43px 0 120px 324px;
  background: url(../img/en/bkg-contact.png) top left no-repeat;
}
div#contact-es {
  position: relative;
  width: 980px;
  height: auto;
  padding: 43px 0 120px 324px;
  background: url(../img/es/bkg-contact.png) top left no-repeat;
}
div.content-map {
  position: relative;
  width: 100%;
  height: 213px;
  border: 1px solid #b8b8b8;
  margin-top: 40px;
}
div.content-map .desc {
  position: absolute;
  top: 0px;
  left: 1px;
  z-index: 3;
  padding-left: 180px;
  padding-top: 15px;
  width: 525px;
  height: 211px;
  background-position: top left;
  background-repeat: no-repeat;
}
div.content-map .desc#first {
  background-image: url(../img/img-map-lacto.png), url(../img/bkg-content-map.png);
}
div.content-map .desc#second {
  background-image: url(../img/img-map-polka.png), url(../img/bkg-content-map.png);
}
a.btn-imprimer-plan {
  display: block;
  width: 169px;
  height: 30px;
  margin-top: 20px;
  background: url(../img/btn-imprimer-plan.png) top left no-repeat;
}
a.btn-imprimer-plan:hover {
  background-position: bottom left;
}
a.btn-imprimer-plan-en {
  display: block;
  width: 169px;
  height: 30px;
  margin-top: 20px;
  background: url(../img/en/btn-imprimer-plan.png) top left no-repeat;
}
a.btn-imprimer-plan-en:hover {
  background-position: bottom left;
}
a.btn-imprimer-plan-es {
  display: block;
  width: 169px;
  height: 30px;
  margin-top: 20px;
  background: url(../img/es/btn-imprimer-plan.png) top left no-repeat;
}
a.btn-imprimer-plan-es:hover {
  background-position: bottom left;
}
a.btn-telecharger-document {
  display: block;
  width: 240px;
  height: 30px;
  margin-top: 20px;
  background: url(../img/btn-telecharger-document.png) top left no-repeat;
}
a.btn-telecharger-document:hover {
  background-position: bottom left;
}
a.btn-telecharger-document-en {
  display: block;
  width: 240px;
  height: 30px;
  margin-top: 20px;
  background: url(../img/en/btn-telecharger-document.png) top left no-repeat;
}
a.btn-telecharger-document-en:hover {
  background-position: bottom left;
}
a.btn-telecharger-document-es {
  display: block;
  width: 240px;
  height: 30px;
  margin-top: 20px;
  background: url(../img/es/btn-telecharger-document.png) top left no-repeat;
}
a.btn-telecharger-document-es:hover {
  background-position: bottom left;
}
div.bloc-categories {
  margin-top: 20px;
}
div.bloc-categories .categorie {
  position: relative;
  float: left;
  width: 189px;
  height: 189px;
  text-decoration: none;
  margin: 0 10px 20px 0;
  background: url(../img/bkg-categorie.png) top left no-repeat;
}
div.bloc-categories .categorie .illustration {
  position: relative;
  width: 169px;
  height: 131px;
  padding: 10px;
  line-height: 131px;
}
div.bloc-categories .categorie .illustration img {
  vertical-align: middle;
  opacity: 1;
}
div.bloc-categories .categorie:hover {
  text-decoration: none !important;
}
div.bloc-categories .categorie:hover .illustration img {
  opacity: 0.5;
}
div.bloc-categories .categorie .title {
  font-weight: bold;
  line-height: 38px;
  height: 38px;
  text-align: center;
  color: #757575;
}
a#btn-qui-sommes-nous {
  display: block;
  width: 336px;
  height: 264px;
  background: url(../img/btn-qui-sommes-nous.png) top left no-repeat;
}
a#btn-qui-sommes-nous:hover {
  background-position: bottom left;
}
a#btn-tonnage {
  display: block;
  width: 312px;
  height: 194px;
  background: url(../img/btn-tonnage.png) top left no-repeat;
}
a#btn-tonnage:hover {
  background-position: bottom left;
}
a#btn-tonnage-es {
  display: block;
  width: 312px;
  height: 194px;
  background: url(../img/es/btn-tonnage.png) top left no-repeat;
}
a#btn-tonnage-es:hover {
  background-position: bottom left;
}
a#btn-chiffre {
  display: block;
  width: 312px;
  height: 195px;
  background: url(../img/btn-chiffre.png) top left no-repeat;
}
a#btn-chiffre:hover {
  background-position: bottom left;
}
a#btn-chiffre-es {
  display: block;
  width: 312px;
  height: 195px;
  background: url(../img/es/btn-chiffre.png) top left no-repeat;
}
a#btn-chiffre-es:hover {
  background-position: bottom left;
}
a#btn-chiffre-en {
  display: block;
  width: 312px;
  height: 195px;
  background: url(../img/en/btn-chiffre.png) top left no-repeat;
}
a#btn-chiffre-en:hover {
  background-position: bottom left;
}
aside#actualites {
  position: relative;
  width: 300px;
  height: 181px;
  padding: 54px 3px 0 15px;
  margin-bottom: 16px;
  background: url(../img/bkg-actualites.png) top left no-repeat;
}
aside#actualites.es {
  position: relative;
  width: 300px;
  height: 181px;
  padding: 54px 3px 0 15px;
  margin-bottom: 16px;
  background: url(../img/es/bkg-actualites.png) top left no-repeat;
}
aside#actualites.en {
  position: relative;
  width: 300px;
  height: 181px;
  padding: 54px 3px 0 15px;
  margin-bottom: 16px;
  background: url(../img/en/bkg-actualites.png) top left no-repeat;
}
aside#actualites .actu {
  position: relative;
  width: 187px;
  height: 57px;
  padding: 10px 0 0 113px;
  margin-bottom: 12px;
  background: url(../img/bkg-actu.png) top left no-repeat;
}
aside#actualites .actu .illustration {
  position: absolute;
  top: 4px;
  left: 3px;
  width: 102px;
  height: 59px;
}
aside#actualites .actu a.title {
  color: #5d5d5d;
  font-size: 12px;
  text-decoration: none;
  line-height: 14px !important;
  display: inline-block;
}
aside#actualites .actu a img {
  margin-bottom: 0;
}
aside#actualites .actu a.title:hover {
  text-decoration: underline;
}
aside#actualites a#btn-actu {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 16px;
  width: 142px;
  height: 9px;
  background: url(../img/btn-actu.png) top left no-repeat;
}
aside#actualites a#btn-actu:hover {
  background-position: bottom left;
}
aside#actualites a#btn-actu-en {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 16px;
  width: 175px;
  height: 9px;
  background: url(../img/en/btn-actu.png) top left no-repeat;
}
aside#actualites a#btn-actu-en:hover {
  background-position: bottom left;
}
aside#actualites a#btn-actu-es {
  display: block;
  position: absolute;
  bottom: 4px;
  left: 16px;
  width: 160px;
  height: 9px;
  background: url(../img/es/btn-actu.png) top left no-repeat;
}
aside#actualites a#btn-actu-es:hover {
  background-position: bottom left;
}
a.btn-home {
  display: block;
  position: relative;
  width: 316px;
  height: 123px;
  margin-right: 15px;
  margin-bottom: 22px;
  padding-top: 1px;
  float: left;
}
a.btn-home:last-of-type {
  margin-right: 0;
}
a#btn-produits {
  background: url(../img/btn-produits.png) top left no-repeat;
  width: 317px;
  height: 125px;
  padding-top: 0;
}
a#btn-qualite {
  background: url(../img/btn-qualite.png) top left no-repeat;
}
a#btn-logistique {
  background: url(../img/btn-logistique.png) top left no-repeat;
}
a#btn-produits-en {
  background: url(../img/en/btn-produits.png) top left no-repeat;
  width: 317px;
  height: 125px;
  padding-top: 0;
}
a#btn-qualite-en {
  background: url(../img/en/btn-qualite.png) top left no-repeat;
}
a#btn-logistique-en {
  background: url(../img/en/btn-logistique.png) top left no-repeat;
}
a#btn-produits-es {
  background: url(../img/es/btn-produits.png) top left no-repeat;
  width: 317px;
  height: 125px;
  padding-top: 0;
}
a#btn-qualite-es {
  background: url(../img/es/btn-qualite.png) top left no-repeat;
}
a#btn-logistique-es {
  background: url(../img/es/btn-logistique.png) top left no-repeat;
}
a.link-home {
  display: block;
  position: relative;
  width: 216px;
  height: 59px;
  margin-right: 3px;
  margin-bottom: 38px;
  float: left;
}
a.link-home:last-of-type {
  margin-right: 0;
}
a#btn-noyaux {
  background: url(../img/btn-noyaux.png) top left no-repeat;
}
a#btn-aliments {
  background: url(../img/btn-aliments.png) top left no-repeat;
}
a#btn-matieres {
  background: url(../img/btn-matieres.png) top left no-repeat;
}
a.link-home:hover {
  background-position: bottom left !important;
}
a#btn-noyaux-en {
  background: url(../img/en/btn-noyaux.png) top left no-repeat;
}
a#btn-aliments-en {
  background: url(../img/en/btn-aliments.png) top left no-repeat;
}
a#btn-matieres-en {
  background: url(../img/en/btn-matieres.png) top left no-repeat;
}
a#btn-noyaux-es {
  background: url(../img/es/btn-noyaux.png) top left no-repeat;
}
a#btn-aliments-es {
  background: url(../img/es/btn-aliments.png) top left no-repeat;
}
a#btn-matieres-es {
  background: url(../img/es/btn-matieres.png) top left no-repeat;
}
img,
embed,
object,
video {
  max-width: 100%;
}
#animation {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
}
#module_flash {
  position: absolute;
  top: 0;
  left: 0px;
  height: 0px;
  width: 0px;
}
#module_flash #mask_flash {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
#newsletter {
  position: relative;
  width: 318px;
  height: 125px;
  text-align: left;
  background: url(../img/fond-newsletter.png) top left no-repeat;
}
#form-newsletter input[type=text],
#form-newsletter #text {
  border: 0;
  height: 15px ! important;
  background: transparent url(../img/newsletter.png) top left no-repeat;
  color: #a1a1a1;
  padding: 8px 0 8px 10px;
  float: left;
  margin: 48px 0 0 12px;
  width: 248px !important;
  width: 258px;
  height: 31px;
  font-size: 11px;
}
#form-newsletter input[type=submit],
#form-newsletter #input {
  border: 0;
  width: 37px;
  height: 31px;
  background: transparent url(../img/newsletter.png) top right no-repeat;
  float: left;
  cursor: pointer;
  margin: 48px 0 0 0;
}
#form-newsletter input[type=submit]:hover,
#form-newsletter #input:hover {
  background-position: bottom right;
}
nav#navigation {
  position: absolute;
  top: 64px;
  left: 223px;
  width: 990px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'eurostile_extended_2regular';
}
nav#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav#navigation li {
  width: auto;
  height: 31px;
  float: left;
  padding: 0;
  text-align: center;
  background: #fff;
}
nav#navigation li a {
  display: block;
  text-decoration: none;
  font-size: 11px;
  color: #5d5d5d;
  line-height: 31px;
  padding: 0 10px 0 10px;
  margin-right: 1px;
  background: url(../img/green-menu.png) 0 0 repeat-x;
  animation: uniniMenu 450ms linear;
  -webkit-animation: uniniMenu 450ms linear;
  -moz-animation: uniniMenu 450ms linear;
  -o-animation: uniniMenu 450ms linear;
}
nav#navigation li:nth-of-type(2n) a {
  background-image: url(../img/blue-menu.png);
}
nav#navigation li a:hover,
nav#navigation li a.current {
  color: #fff;
  background-position: 0 -31px;
  animation: initMenu 450ms linear;
  -webkit-animation: initMenu 450ms linear;
  -moz-animation: initMenu 450ms linear;
  -o-animation: initMenu 450ms linear;
}
nav#footer-nav {
  position: relative;
  width: 1022px;
  padding: 2px 0 1px 0;
  margin: 15px auto 0 auto;
  height: 28px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'eurostile_extended_2regular';
  background: url(../img/bkg-footer-nav.png) top left no-repeat;
}
nav#footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav#footer-nav li {
  width: auto;
  height: 25px;
  float: left;
  padding: 0 2px 0 0;
  text-align: center;
  background: url(../img/bkg-menu-footer.png) top right no-repeat;
}
nav#footer-nav li a {
  display: block;
  text-decoration: none;
  font-size: 10px;
  letter-spacing: -0.6px;
  font-weight: bold;
  color: #5d5d5d;
  line-height: 25px;
  padding: 0 25px 0 25px;
  margin-right: 1px;
}
nav#footer-nav li:nth-of-type(3n) {
  background: none;
  padding-right: 0;
}
nav#footer-nav li a:hover,
nav#footer-nav li a.current {
  color: #005d91;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 24px;
  color: #fff;
  display: block;
  padding-left: 6px;
  height: 27px;
  text-transform: uppercase;
  line-height: 27px;
  font-family: 'eurostile_extended_2regular';
  letter-spacing: -0.5px;
  background: url(../img/h1.png) top left no-repeat;
}
h1 {
  font-size: 12px;
}
h2 {
  font-size: 12px;
}
h3 {
  font-size: 12px;
}
h4 {
  font-size: 1.125em;
}
h5,
h6 {
  font-size: 1em;
}
.green {
  background: url(../img/h1-green.png) top left no-repeat;
}
#content h1 img,
#content h2 img {
  margin-right: 5px;
  line-height: 27px;
  vertical-align: middle;
  margin-bottom: 0 !important;
}
#content h1.subtitle {
  text-transform: none;
  padding-left: 0;
  background: none;
  font-size: 13px;
  line-height: 16px;
  font-family: 'eurostile_extended_2regular';
  margin-bottom: 10px;
  display: inline-block;
  color: #005d91;
  letter-spacing: -0.5px;
}
#content h1.subtitle img {
  line-height: 16px;
  margin-bottom: 0;
  vertical-align: middle;
  margin-right: 5px;
}
ul,
ol {
  margin-left: 20px;
  overflow: hidden;
}
ul ul,
ol ul {
  list-style: disc inside;
  margin-bottom: 0;
}
ol ol,
ul ol {
  list-style: lower-roman inside;
  margin-bottom: 0;
}
ul {
  list-style: square inside;
}
ol {
  list-style: decimal inside;
}
blockquote {
  margin: 0 60px 0 45px;
  border-left: 5px solid #ccc;
  padding-left: 15px;
  font-style: italic;
  font-family: "Kreon", serif;
  overflow: hidden;
  margin-bottom: 1.5em;
}
blockquote p {
  margin-bottom: 0;
}
blockquote em {
  display: block;
  font-family: "PT sans", Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align: right;
}
img.alignleft {
  float: left;
  margin-right: 20px;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}
img.alignright {
  float: right;
  margin-left: 20px;
}
.cb {
  clear: both;
}
.column {
  -moz-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-count: 2;
  -webkit-column-gap: 40px;
  column-count: 2;
  column-gap: 40px;
}
.border-radius {
  border: 6px solid #ffffff;
  -moz-box-shadow: 0 0 10px #333333;
  -webkit-box-shadow: 0 0 10px #333333;
  box-shadow: 0 0 10px #333333;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}
nav.pagination {
  display: block;
  text-align: right;
  margin: 10px auto;
}
nav.pagination a {
  display: inline-block;
  height: 20px;
  width: 20px;
  line-height: 20px;
  margin: 0 1px 0 0;
  border: 1px solid #DAD9D9;
  text-align: center;
  text-decoration: none;
  color: #646161;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
}
nav.pagination a.next,
#content .pagination a.prev {
  border: 1px solid #FFFFFF;
}
nav.pagination a.current,
#content .pagination a:hover {
  border: 1px solid #3580A9;
  -moz-text-shadow: 0px -1px 0px #2C6AA3;
  -webkit-text-shadow: 0px -1px 0px #2C6AA3;
  -o-text-shadow: 0px -1px 0px #2C6AA3;
  text-shadow: 0px -1px 0px #2C6AA3;
  color: #D4E6EF;
  font-weight: bold;
}
nav.pagination a.next:hover,
#content .pagination a.prev:hover {
  background: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  -o-text-shadow: none;
  text-shadow: none;
  color: #646161;
  font-weight: normal;
  border-color: #F7F7F7;
}
div#display-error {
  position: relative;
  padding: 50px 0 20px 0;
  width: 100%;
  height: auto;
  text-align: center;
  color: #444444;
  font-size: 14px;
}
div#display-error img {
  margin-bottom: 20px;
}
div#display-error a {
  font-size: 12px;
  color: #444444;
  text-decoration: none;
}
div#display-error a:hover {
  text-decoration: underline;
}
section#formulaire {
  position: relative;
  margin: 20px 0;
}
section#formulaire div#leftForm {
  width: 49%;
  margin: 0 2% 0 0;
  float: left;
}
section#formulaire div#rightForm {
  position: relative;
  width: 49%;
  height: 100%;
  margin: 0;
  float: left;
}
section#formulaire div.input {
  padding: 5px 10px 7px 10px;
  margin: 0 0 6px 0;
  background: rgba(0,0,0,0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
}
section#formulaire div.textarea {
  height: 100%;
  padding: 5px 10px 7px 10px;
  margin: 0 0 10px 0;
  background: rgba(0,0,0,0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
}
section#formulaire div.input label,
section#formulaire div.textarea label {
  line-height: 24px;
  display: inline-block;
  margin: 0 0 2px 0;
  color: #a99595;
}
section#formulaire input[type=text],
section#formulaire input[type=tel],
section#formulaire input[type=email] {
  width: 90%;
  padding: 0 10px;
  height: 35px;
  vertical-align: middle;
  border: 1px solid rgba(0,0,0,0.14);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.21);
  box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.21);
}
section#formulaire textarea {
  width: 90%;
  background: #fff;
  padding: 10px;
  height: 175px;
  margin: 0;
  border: 1px solid rgba(0,0,0,0.14);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.21);
  box-shadow: inset 2px 2px 3px 0px rgba(0,0,0,0.21);
}
section#formulaire input[type=text]:required,
section#formulaire input[type=tel]:required,
section#formulaire input[type=email]:required {
  border: 1px solid rgba(0,0,0,0.14);
  background: #fff;
}
section#formulaire input[type=text]:invalid,
section#formulaire input[type=tel]:invalid,
section#formulaire input[type=email]:invalid {
  border: 1px solid rgba(0,0,0,0.14);
}
section#formulaire input[type=text]:focus,
section#formulaire input[type=tel]:focus,
section#formulaire input[type=email]:focus,
section#formulaire textarea:focus {
  border-color: rgba(0,0,0,0.3);
}
section#formulaire input[type=submit] {
  color: rgba(0,0,0,0.3);
  text-transform: uppercase;
  padding: 4px 10px;
  font-size: 1.2em;
  font-family: "Kreon", serif;
  border: none;
  cursor: pointer;
  float: right;
  font-weight: bold;
  background: rgba(0,0,0,0.1);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px 6px 6px 6px;
}
section#formulaire input[type=submit]:hover {
  background-color: rgba(0,93,145,0.8);
  color: #fff;
}
section#formulaire div#logoForm img {
  vertical-align: middle;
  border: none;
}
div#Information {
  color: #8cc65f;
  text-align: center;
  background: #f0f0f0;
  border: 1px dashed #8cc65f;
  padding: 20px;
  font-size: 20px;
  width: 400px;
  right: 50%;
  margin: 0 -220px 0 0;
  display: none;
  position: absolute;
  top: 100px;
  z-index: 100;
  opacity: 0.9;
}
div#Information img {
  float: none;
}
@keyframes initcolor {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes initcolor {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes initcolor {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes initcolor {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes uninitcolor {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes uninitcolor {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes uninitcolor {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes uninitcolor {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes initMenu {
  0% {
    background-position: 0 0;
    color: #5d5d5d;
  }
  100% {
    background-position: 0 -31px;
    color: #fff;
  }
}
@-moz-keyframes initMenu {
  0% {
    background-position: 0 0;
    color: #5d5d5d;
  }
  100% {
    background-position: 0 -31px;
    color: #fff;
  }
}
@-webkit-keyframes initMenu {
  0% {
    background-position: 0 0;
    color: #5d5d5d;
  }
  100% {
    background-position: 0 -31px;
    color: #fff;
  }
}
@-o-keyframes initMenu {
  0% {
    background-position: 0 0;
    color: #5d5d5d;
  }
  100% {
    background-position: 0 -31px;
    color: #fff;
  }
}
@keyframes uninitMenu {
  0% {
    background-position: 0 -31px;
    color: #fff;
  }
  100% {
    background-position: 0 0;
  }
}
@-moz-keyframes uninitMenu {
  0% {
    background-position: 0 -31px;
    color: #fff;
  }
  100% {
    background-position: 0 0;
  }
}
@-webkit-keyframes uninitMenu {
  0% {
    background-position: 0 -31px;
    color: #fff;
  }
  100% {
    background-position: 0 0;
  }
}
@-o-keyframes uninitMenu {
  0% {
    background-position: 0 -31px;
    color: #fff;
  }
  100% {
    background-position: 0 0;
  }
}
@font-face {
  font-family: 'eurostile_extended_2regular';
  src: url('../font/eurostile_extended_2-webfont.eot');
  src: url('../font/eurostile_extended_2-webfont.eot?#iefix') format('embedded-opentype'), url('../font/eurostile_extended_2-webfont.woff') format('woff'), url('../font/eurostile_extended_2-webfont.ttf') format('truetype'), url('../font/eurostile_extended_2-webfont.svg#eurostile_extended_2regular') format('svg');
  font-weight: normal;
  font-style: normal;
}