:root {
  --bleu-fonce: #303F80;
  --bleu: #1B75B9;
  --vert: #36B24A;
  --gris: #6E6F71;
}

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

* {
  word-wrap: break-word;
}

h1 {
  font-size: 1.5em;
  height: 2.0em;
  margin-bottom: 0.5em;
  color: #303F80;
}

h3 {
  margin-top: 1.3125em;
  margin-bottom: 0;
  font-size: 1.1em;
  line-height: 1.3125;
}

figcaption {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

p {
  text-align: justify;
}

nav {
  height: 3.3em;
}

ul {
  list-style: none;
}

ul.styled {
  list-style: circle;
}

a {
  /*color: #003399;*/
  text-decoration: none;
}

.vam {
  vertical-align: middle;
}

.mauto {
  margin: auto;
}

.mt3px {
  margin-top: 3px;
}

.mt4px {
  margin-top: 4px;
}

.mt5px {
  margin-top: 5px;
}

.mt7px {
  margin-top: 7px;
}

.mt10px {
  margin-top: 10px;
}

.mt50px {
  margin-top: 50px;
}

.mt60px {
  margin-top: 60px;
}

article {
  background: white;
}

aside, .store_aside {
  position: fixed;
  /*top: 400px;*/
  /*width: 200px;*/
}

aside {
  margin-top: 40px;
}

footer {
  color: #8b8b8b;
}

footer a:link, footer a:visited {
  color: #8b8b8b;
}

/*.grid > * > * {
  text-align: center;
}*/

.error {
  color: #ff0000;
}

.warning {
  color: #ff6600;
}

#lang {
  text-align: left;
}

#social {
  text-align: center;
}

#mentions-legales {
  text-align: right;
}

img {
  max-width: 100%;
  height: auto;
}

.img80 {
  width: 80%;
  display: block;
  margin: auto;
}

.img90 {
  width: 90%;
  display: block;
  margin: auto;
}

.icon-house:before, .icon-house.after:after {
  content: "\2302";
}

.icon-zoom:before, .icon-zoom.after:after {
  content: "\e004";
}

.jcc {
  justify-content: center;
}

table {
  border-style: none;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  /*width: 10px;*/
}

table tr td {
  border-style: none;
}

/******************************************************************************/

/* Menu principal */

/* Sous-menu */

#nav-top ul {
  /*list-style: square;*/
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  /*top: 4.1em;
  left: 0.5em;*/
  z-index: 99999;
}

#nav-top ul li {
  /*float: none;*/
  margin: 0;
  padding: 0;
  display: block;
  border: none;
}

* html #nav-top {
  zoom: 1;
}

/* IE6 */

*:first-child+html #nav-top {
  zoom: 1;
}

/* IE7 */

.pa05 {
  padding: 5px;
}

/******************************************************************************/

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

#header, #header2, nav, nav li a:hover,
/*#nav-top,*/

aside, article, #domaines ul, #produits ul, #techniques ul, #competences ul, #societe ul, #sites ul, #recrutement ul, #contact ul {
  /*  margin-bottom: 20px;*/
  box-shadow: 0 0.2em 0.5em #1c1a19;
  border-radius: 0.5em;
}

#domaines ul, #produits ul, #techniques ul, #competences ul, #societe ul, #sites ul, #recrutement ul, #contact ul {
  border-radius: 0 0 0.5em 0.5em;
}

#header, #header2, nav, #nav-top, aside, article {
  margin-bottom: 1.0em;
}

#header2 {
  height: 175px;
}

#nav-top a {
  display: block;
  /*margin-left: 0px;
  margin-right: 0px;*/
}

#nav-top ul li a {
  /*line-height: 2.0em;*/
  text-shadow: none;
}

/*#nav-top ul {
  list-style: circle;
}*/

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

aside strong {
  color: #ffffff;
  font-weight: normal;
}

.store2 {
  /*width: 160px;*/
  /*text-align: center;*/
  /*vertical-align: center;*/
  line-height: 30px;
  /*font-size: var;*/
  font-weight: bold;
  /*float: right;*/
  /*margin-right: 2px;*/
  /*margin: auto;*/
  margin-left: 50px;
}

.store2 {
  display: flex;
  flex: 0 1 173px;
  margin-left: auto;
}

.store2 img {
  width: 35px;
  margin-left: 5px;
}

.store, h1 store {
  /*margin-top: -5px;*/
  float: right;
  margin-left: auto;
}

/*#nav-top #accueil a,*/

#nav-top #domaines a, #nav-top #produits a, #nav-top #techniques a, #nav-top #competences a, #nav-top #societe a, #nav-top #sites a, #nav-top #recrutement a, #nav-top #contact a, #accueil .icon:before, #accueil .icon.after:after {
  color: #eee;
  text-shadow: 0.1em 0.1em 0.1em #000000;
}

#nav-top a, .icon:before, .icon.after:after {
  color: #eee;
  text-shadow: 0.1em 0.1em 0.1em #8b8b8b;
}

.icon.after.no-shadow:after {
  text-shadow: none;
}

.liens {
  vertical-align: middle;
}

.liens ul {
  margin: 1em;
  /*padding-left: auto;*/
  /*margin-right: 1em;*/
  padding-left: 0px;
}

.liens li {
  display: block;
}

.liens li.row {
  padding-top: 1em;
  padding-bottom: 1em;
}

.liens img {
  width: 200px;
  height: 200px;
}

#references a {
  line-height: 6.0em;
  text-align: center;
  vertical-align: middle;
}

#references img {
  max-width: 90%;
  max-height: 5.0em;
}

#references2 a {
  line-height: 3.0em;
  text-align: center;
  vertical-align: middle;
}

#references2 img {
  max-width: 90%;
  max-height: 3.0em;
}

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

/* DEBUG */

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

/* ZOOM IMAGES */

.zoom {
  transition: transform .3s;
}

.zoom:hover {
  -ms-transform: scale(1.3);
  /* IE 9 */
  -webkit-transform: scale(1.3);
  /* Safari 3-8 */
  transform: scale(1.3);
  padding-bottom: 20px;
}

.zoomSpecific {
  transition: transform .3s;
}

.zoomSpecific:hover {
  -ms-transform: scale(1.3);
  /* IE 9 */
  -webkit-transform: scale(1.3);
  /* Safari 3-8 */
  transform: scale(1.3);
  padding-bottom: 20px;
  padding-right: 10px;
}

.fontcolor-url {
  color: #003399;
}

.select-nav {
  background-color: #461734;
  box-shadow: 0 0.2em 0.5em #1c1a19;
  border-radius: 0.2em;
}

.shadowborder-img {
  box-shadow: 0 0.2em 0.5em #1c1a19;
}

/* Logo secondaire du header / mode responsive */
#div-logo {
  display: none;
}