/****************************************/
/*******d�claration des variables*******/
/**************************************/
/****couleur****/
/****typo****/
/****font-size****/
/****BACKGROUND****/
.bg-fonceE {
  background: #606060;
}
.bg-fonceT {
  background: #9c9c9c;
}
.bg-tonique {
  background: #5a3c88;
}
.bg-clair {
  background: #e8e8e8;
}
.bg-tresClair {
  background: #f6f6f6;
}
.bg-dark {
  background: #1f1c20;
}
/****LOGO****/
/****Interligne***/
/********flexBox********/
/********************************************/
/*******fin d�claration des varaibles*******/
/******************************************/
/*************************************/
/*******d�claration des mixins*******/
/***********************************/
.degradePlus {
  background: #ffffff;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjZmNmY2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(to right, #ffffff 80%, #f6f6f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
  /* IE6-8 */
}
/*****************************************/
/*******fin d�claration des mixins*******/
/***************************************/
body {
  background: #ffffff;
  color: #606060;
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
a,
a.LinkIn {
  color: #9c9c9c;
}
a:hover,
a.LinkIn:hover {
  color: #5a3c88;
}
.clair {
  color: #e8e8e8;
}
.tonique {
  color: #5a3c88;
}
.fonceT {
  color: #9c9c9c;
}
.fonceE {
  color: #606060;
}
.bleu {
  color: #e6b84e;
}
.blocFond {
  background: #e8e8e8;
  padding: 30px;
}
.bold {
  font-weight: 500;
}
h1,
.titreTypeH1 {
  font-size: 2.5em;
  font-family: 'Roboto', sans-serif !important;
}
h2,
.titreTypeH2 {
  font-size: 2.5em;
  font-family: 'Roboto', sans-serif !important;
  margin-top: 20px;
}
h3,
.titreTypeH3 {
  font-size: 1.75em;
  font-family: 'Roboto', sans-serif !important;
}
h4,
.titreTypeH4 {
  font-size: 1.5em;
  font-family: 'Roboto', sans-serif !important;
}
h5,
.titreTypeH5 {
  font-size: 1.2em;
}
h6 {
  font-size: 1.1em;
}
p {
  font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6,
.titreTypeH1,
.titreTypeH2,
.titreTypeH3,
.titreTypeH4,
.titreTypeH5 {
  color: #5a3c88;
  line-height: 120%;
  font-weight: 300;
}
h2,
.titreTypeH2 {
  color: #5a3c88;
}
a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6,
a:hover .titreTypeH1,
a:hover .titreTypeH2,
a:hover .titreTypeH3,
a:hover .titreTypeH4,
a:hover .titreTypeH5 {
  color: #5a3c88;
}
#rightbar .widget {
  background: #e8e8e8;
  padding: 20px;
}
.chapo {
  font-size: 1.3em;
  font-family: 'Roboto', sans-serif !important;
  color: #606060;
  font-weight: 300;
  line-height: 160%;
}
blockquote,
q {
  float: none;
  margin: 15px auto;
  width: 80%;
}
blockquote p,
q p {
  font-size: 1.3em;
  font-style: italic;
}
q {
  float: left;
  width: 100%;
  background: #f6f6f6;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  color: #5a3c88;
}
.border {
  border-bottom: 1px solid #e8e8e8;
}
#wrapper .back > a {
  background: #e8e8e8;
  color: #9c9c9c !important;
  float: none;
}
.chapoPicture {
  background: #ffffff;
  border: 3px solid #f6f6f6;
}
ul li:before {
  content: "< ";
  font-family: 'agencei';
  font-size: 0.75em;
  margin-left: -15px;
  color: #5a3c88;
  vertical-align: top;
}
#container ul ul li:before {
  content: "< ";
  font-family: 'agencei';
  font-size: 0.75em;
  color: #5a3c88;
}
#container ul ul ul li:before {
  content: "<< ";
  font-family: 'agencei';
  font-size: 0.5em;
  letter-spacing: -4px;
  color: #5a3c88;
  margin-right: 7px;
  margin-left: -20px;
}
ul li {
  padding-left: 15px;
}
/*table*/
table {
  border: 1px solid #e8e8e8;
  font-family: 'Roboto', sans-serif !important;
}
table caption {
  color: #9c9c9c;
  font-weight: 500;
}
th {
  border: 1px solid #e8e8e8;
  font-weight: 300;
  background: #9c9c9c;
  color: #ffffff;
}
td {
  border: 1px solid #e8e8e8;
}
@media only screen and (max-width: 767px) {
  tr {
    border: 1px solid #5a3c88;
  }
}
.widgetLastElementsPicture {
  background: #ffffff;
}
.widgetMiseEnAvant {
  background: #606060;
  padding: 10px;
}
.widgetMiseEnAvant > h4 {
  color: #ffffff;
}
#rightbar .widgetMiseEnAvant a {
  color: #ffffff !important;
}
#rightbar .widgetMiseEnAvant a:hover {
  color: #5a3c88 !important;
}
.widgetMiseEnAvant .widgetLoginState {
  color: #ffffff;
}
.widgetMiseEnAvant span.widgetLoginUsername {
  color: #ffffff;
}
legend {
  color: #9c9c9c;
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.3em;
}
#wrapper .blocA {
  color: #606060 !important;
  padding: 30px;
  text-align: center;
  text-decoration: none;
  transition: all .5s ease;
}
#wrapper .blocA h4 {
  color: #9c9c9c !important;
}
#wrapper .blocA:hover {
  background: #e6b84e;
}
#footer #forms select,
#footer #forms input,
#footer #forms textarea {
  color: #9c9c9c;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1em;
}
#wrapper .btn,
#footer .btn,
.btn,
.submit input.btn {
  /* background: @fonceT; */
  color: #ffffff !important;
  text-decoration: none;
  padding: 8px 15px;
  float: right;
  text-align: right;
  width: auto;
  border: none;
  font-family: 'Roboto', sans-serif !important;
  line-height: 130%;
  transition: all .5s ease;
  outline-color: #432c65;
}
#wrapper .btn .icon-,
#footer .btn .icon-,
.btn .icon-,
.submit input.btn .icon- {
  color: #5a3c88;
  vertical-align: -10%;
}
#wrapper .btn.btnBack,
#footer .btn.btnBack,
.btn.btnBack {
  float: left;
  margin-bottom: 20px;
}
#wrapper .btn:hover,
#footer .btn:hover,
.btn:hover,
.submit input.btn:hover {
  background: #5a3c88;
  color: #ffffff !important;
}
#wrapper .btn:hover .icon-,
#footer .btn:hover .icon-,
.btn:hover .icon-,
.submit input.btn:hover .icon- {
  color: #ffffff;
}
a img:hover {
  padding: 0;
}
.baselineLogo {
  font-size: 1.75em;
  font-family: 'Roboto', sans-serif !important;
  color: #9c9c9c;
  line-height: 140%;
}
#header .ContactHeader a .icon- {
  float: left;
  font-size: 1.5em;
  text-align: right;
  width: 25px;
  margin: 10px 15px 0 0;
}
#header .ContactHeader a {
  background-color: #5a3c88;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
}
#header .ContactHeader a:hover {
  background-color: #9c9c9c;
  color: #e8e8e8;
}
#header li a span {
  line-height: 140%;
}
img {
  border: none;
  transition: all .2s ease;
}
#header {
  background: url("../images/images/images/images/Modele1/bgHeader.jpg") repeat-x bottom #ffffff;
  background-size: 100% 47px;
}
#header.smaller {
  border-bottom: 1px solid #5a3c88;
}
@media only screen and (max-width: 1139px) {
  #header {
    border-bottom: 1px solid #5a3c88;
  }
}
/*********************************************************************************/
/***************************** menu header **************************************/
/*********************************************************************************/
/*******************        general        *************************/
#header .nested {
  background: url("../images/images/images/images/Modele1/bgHeader.jpg") repeat-x bottom #1f1c20;
}
#header .nested a {
  font-family: 'Roboto', sans-serif !important;
  color: #606060;
  cursor: pointer;
}
#header .nested.nested1 {
  background: none;
}
#header .nested.nested1 ul li.firstLevelLi ul a:hover {
  color: #ffffff !important;
}
.nested ul li.firstLevelLi.fleche a.firstLevelLiA span:after {
  color: #e6b84e;
}
.nested ul li.firstLevelLi.fleche.active a.firstLevelLiA span:after,
.nested ul li.firstLevelLi.fleche:hover a.firstLevelLiA span:after {
  color: #e6b84e;
}
/***************************** firstLevel **************************************/
/*li*/
#header .nested ul.firstLevel li.firstLevelLi {
  /*border-bottom:1px solid @clair;*/
  background: #1f1c20;
  color: #e6b84e;
  transition: all .2s ease;
}
#header .nested2 ul.firstLevel li.firstLevelLi {
  color: #ffffff;
}
#header .nested2 ul.firstLevel li.firstLevelLi:hover > span {
  color: #e6b84e;
}
#header .nested.nested1 ul.firstLevel li.firstLevelLi {
  background: none;
  border-right: 1px solid #9c9c9c;
}
#header .nested.nested1 ul.firstLevel li.firstLevelLi:last-child {
  border-right: none;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi:hover,
#header .nested ul.firstLevel li.firstLevelLi.active,
#header .nested ul.firstLevel li.firstLevelLi.active:hover {
  color: #e6b84e;
}
#header .nested.nested1 ul.firstLevel li.firstLevelLi:hover,
#header .nested.nested1 ul.firstLevel li.firstLevelLi.active,
#header .nested.nested1 ul.firstLevel li.firstLevelLi.active:hover {
  background: none;
  color: #5a3c88;
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi a.firstLevelLiA {
  color: #606060;
  font-weight: 400;
}
#header .nested ul.firstLevel li.firstLevelLi a.firstLevelLiA:hover {
  color: #5a3c88;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi a.firstLevelLiA {
  color: #ffffff;
  font-weight: 400;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi a.firstLevelLiA:hover {
  color: #e6b84e;
}
/***************************** secondLevel **************************************/
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel {
  background: #1f1c20;
  border-bottom: 1px solid #e6b84e;
}
/*li*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi {
  border-top: 1px solid #f6f6f6;
  background: #ffffff;
  color: #5a3c88;
  transition: all .2s ease;
}
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi:hover {
  color: #ffffff;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi {
  border-top: none;
  background: none;
  color: #e6b84e;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi:hover,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active:hover {
  background: #5a3c88;
  color: #ffffff;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi:hover,
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active,
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active:hover {
  background: #5a3c88;
  color: #ffffff;
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi a.secondLevelLiA {
  color: inherit;
}
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi a.secondLevelLiA:hover {
  color: #ffffff;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi a.secondLevelLiA {
  font-weight: 400;
}
/*picto et Li produits*/
#header .nested.nested2 ul.firstLevel li.firstLevelLi.produits ul.secondLevel li.secondLevelLi a.secondLevelLiA {
  padding-bottom: 0;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi.produits ul.secondLevel li.secondLevelLi a.secondLevelLiA .pictoMenu {
  font-size: 1.5em;
  vertical-align: baseline;
  float: none;
  margin-right: 5px;
  text-transform: none;
  text-align: center;
  color: #5a3c88;
}
/***************************** thirdLevel **************************************/
/*li*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi {
  border-bottom: 1px solid #f6f6f6;
  background: #9c9c9c;
  color: #ffffff;
  transition: all .2s ease;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi {
  border-bottom: none;
  background: none;
  color: #606060;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi:before {
  content: '<';
  margin-left: -15px;
  font-size: 0.7em;
  vertical-align: top;
}
.menuPicture {
  border-left: 1px solid #ffffff;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi.produits ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi {
  padding-left: 35px;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi:hover,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active:hover {
  background: #5a3c88;
  color: #ffffff;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi:hover,
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active,
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active:hover {
  background: none;
  color: #5a3c88;
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi a.thirdLevelLiA {
  color: inherit;
}
#header .nested.nested2 ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi a.thirdLevelLiA {
  padding: 0;
}
/***************************** fourthLevel **************************************/
/*li*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi {
  border-bottom: 1px solid #f6f6f6;
  background: #9c9c9c;
  color: #ffffff;
  transition: all .2s ease;
}
/*li:hover*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi:hover,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi.active,
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi.active:hover {
  background: #5a3c88;
  color: #ffffff;
}
/*a normal*/
#header .nested ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi ul.fourthLevel li.fourthLevelLi a.fourthLevelLiA {
  color: inherit;
}
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/*********************************************************************************/
/***************************** menu sideBar **************************************/
/*********************************************************************************/
#wrapper {
  /***************************** zeroLevel **************************************/
  /*li*/
  /*li:hover*/
  /*a normal*/
  /*picto*/
  /***************************** firstLevel **************************************/
  /*li*/
  /*li:hover*/
  /*a normal*/
  /***************************** secondLevel **************************************/
  /*li*/
  /*li:hover*/
  /*a normal*/
  /***************************** thirdLevel **************************************/
  /*li*/
  /*li:hover*/
  /*a normal*/
}
#wrapper aside .nested {
  background: #f6f6f6;
}
#wrapper aside .nested .icon- {
  font-size: 2em;
  float: left;
  margin-top: -4px;
  text-transform: none;
  width: 35px;
}
#wrapper aside .nested ul.zeroLevel {
  border: 1px solid #f6f6f6;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi {
  border-bottom: 1px solid #f6f6f6;
  background: #ffffff;
  color: #9c9c9c;
  transition: all .2s ease;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi:hover,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi.active,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi.active:hover {
  background: #5a3c88;
  color: #9c9c9c;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi a.zeroLevelLiA {
  color: inherit;
  padding: 10px 12px;
  text-transform: uppercase;
  font-weight: 500;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi a.zeroLevelLiA .pictoMenu {
  font-size: 2em;
  float: left;
  margin-top: -4px;
  text-transform: none;
  width: 35px;
  color: #5a3c88;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi:hover a.zeroLevelLiA .pictoMenu,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi.active a.zeroLevelLiA .pictoMenu,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi.active:hover a.zeroLevelLiA .pictoMenu {
  color: #9c9c9c;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi {
  border-top: 1px solid #f6f6f6;
  background: #ffffff;
  color: #9c9c9c;
  transition: all .2s ease;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi:hover,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi.active,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi.active:hover {
  background: #5a3c88;
  color: #f6f6f6;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi a.firstLevelLiA {
  color: inherit;
  padding: 10px 12px;
  padding-left: 45px;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi a.firstLevelLiA:before {
  content: '< ';
  font-family: 'agencei';
  color: #e6b84e;
  font-size: 0.7em;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi {
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  color: #9c9c9c;
  transition: all .2s ease;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi:hover,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi.active:hover {
  background: #5a3c88;
  color: #f6f6f6;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi a.secondLevelLiA {
  color: inherit;
  padding: 8px 12px;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi {
  border-bottom: 1px solid #e8e8e8;
  background: #ffffff;
  color: #9c9c9c;
  transition: all .2s ease;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi:hover,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active,
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi.active:hover {
  background: #5a3c88;
  color: #f6f6f6;
}
#wrapper aside .nested ul.zeroLevel li.zeroLevelLi ul.firstLevel li.firstLevelLi ul.secondLevel li.secondLevelLi ul.thirdLevel li.thirdLevelLi a.thirdLevelLiA {
  color: inherit;
  padding: 8px 12px;
}
/*fin wrapper*/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
/************************* MENU RESP           **************************************/
/************************************************************************************/
#menuResp,
.boutonRecherche {
  background: #ffffff;
  color: #5a3c88;
}
.sliding-menu {
  background: #1f1c20;
  font-family: 'Roboto', sans-serif !important;
}
.sliding-menu li {
  border-bottom: 1px solid #e6b84e;
}
.sliding-menu a {
  color: #ffffff;
}
.sliding-menu a:hover {
  background: #5a3c88;
  color: #ffffff;
}
.sliding-menu a.back {
  background: #1f1c20;
  color: #e6b84e;
}
.sliding-menu a.nav::before {
  color: #ffffff;
}
/************************************************************************************/
/************************************************************************************/
/************************************************************************************/
body .backtotopinstance {
  background: #e6b84e;
}
#wrapper1 {
  background: #9c9c9c;
}
#wrapper2 {
  background-color: #e6b84e;
  color: #000;
}
#wrapper a {
  color: #606060;
}
#wrapper a:hover,
#wrapper a:hover h2,
#wrapper a:hover h3,
#wrapper a:hover .date {
  color: #5a3c88;
}
#wrapper p a {
  color: #5a3c88;
  text-decoration: underline;
}
#wrapper p a:hover {
  color: #606060;
}
#wrapper .date {
  color: #9c9c9c;
  font-weight: 300;
}
/*menu responsive*/
.menuSelect {
  background-color: #e8e8e8;
}
.menuSelect .icon- {
  color: #9c9c9c;
}
.menuSelect select.menuAlt {
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.3em;
  border: none;
  color: #9c9c9c;
  font-weight: 500;
  padding: 15px 15px 0px 60px;
  background: url(../images/images/images/images/Modele1/pictoMenu.png) no-repeat 12px 12px #e8e8e8;
}
/**/
/*footer*/
#footer {
  background: #1f1c20;
  color: #ffffff;
}
#footer a {
  color: #ffffff !important;
}
#footer a:hover,
#footer a:hover h3 {
  color: #e6b84e !important;
}
#footer .titreTypeH4 {
  color: #f6f6f6;
  border-bottom: 1px solid transparent;
}
#footer .blocsFooter2 a {
  background: #9c9c9c;
}
#footer .blocsFooter2 a:hover {
  background: #5a3c88;
}
#footer .blocsFooter2 a span {
  color: #e8e8e8;
}
/*****************************
publication
*****************************/
.tabl25,
.tabl33,
.tabl50,
.tabl66,
.tabl75,
.tabl100,
.tabl20,
.tabl40,
.tabl60,
.tabl80 {
  outline: 1px solid #e8e8e8;
  outline-offset: -0.5px;
  padding: 30px;
}
@media only screen and (max-width: 1139px) {
  .tabl25,
  .tabl33,
  .tabl50,
  .tabl66,
  .tabl75,
  .tabl100,
  .tabl20,
  .tabl40,
  .tabl60,
  .tabl80 {
    border-right: 1px solid #e8e8e8;
  }
}
/****************************************/
/*          LigneBloc                  */
/**************************************/
.blocLien {
  background: #606060;
}
.blocLienText * {
  color: #ffffff;
}
.blocLien:hover .blocLienTextFond {
  background: #606060;
}
.blocLien:hover .blocLienText * {
  color: #ffffff;
}
/**/
ul.articleAction {
  background: #ffffff;
}
ul.articleAction li:after,
.date:before {
  color: #5a3c88;
}
ul.articleAction li a {
  font-family: 'Roboto', sans-serif !important;
  color: #5a3c88;
}
#wrapper .btn.pager_current_page {
  background: #5a3c88;
}
.pager {
  border-top: none;
  padding-top: 20px;
}
#newsEventsList a.newsLink,
.event {
  border-top: 1px solid #9c9c9c;
}
#newsEventsList .newsCommentsResum {
  background: #f6f6f6;
}
#newsEventsList .commentsDatas {
  border-top: 1px solid #f6f6f6;
}
.pager a,
.pager a.pager_current_page,
.pager a.pager_current_page:hover,
.pager a.pager_current_page:visited,
.pager a.pagerCurrentPage,
.pager a.pagerCurrentPage:hover,
.pager a.pagerCurrentPage:visited {
  font-size: 1em;
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
}
/*specification Hp*/
.Titre-Ligne75-25-4col h1 .icon- {
  color: #5a3c88;
  font-size: 0.5em;
}
address {
  color: #606060;
}
/*****************************
Form
*************************/
input,
select,
textarea {
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  font-family: 'Roboto', sans-serif !important;
  color: #606060;
  /* width:100%; */
  font-size: 1em;
}
input:focus,
select:focus,
textarea:focus {
  background: #ffffff;
}
input[type=submit],
#wrapper a.createAccount {
  display: inline-block;
  margin-bottom: 15px;
  padding: 8px 16px;
  color: #ffffff;
}
input[type=submit] {
  background: #5a3c88;
  cursor: pointer;
}
input[type=submit]:hover {
  background: #4e3476;
}
#wrapper a.createAccount {
  background: #e6b84e;
}
#wrapper a.createAccount:hover {
  background: #e3af38;
}
label {
  font-family: 'Roboto', sans-serif !important;
}
option,
input,
select,
textarea {
  font-weight: 300 !important;
}
.stepCreatorForm {
  background: #e6b84e;
  color: #ffffff;
}
.stepCreatorForm .icon- {
  color: #f6f6f6;
}
.row.short_product {
  background: #e8e8e8;
}
#captcha,
.row.captcha,
.captcha {
  background: #ffffff;
  border: 1px solid #e8e8e8;
}
/*****************************
Widget
*************************/
.widget .titreTypeH4,
aside .nested .titreTypeH4,
#wrapperInner aside .widget .titreTypeH4 {
  text-transform: uppercase;
  font-size: 2.3em;
  border-bottom: 1px solid #5a3c88;
}
aside#leftbar .widget,
aside#rightbar .widget {
  background: #f6f6f6;
}
#contents .widgetLastElements.actuAleatoire {
  background: #e8e8e8;
  padding: 20px;
}
input.wordsbox:focus {
  background: #5a3c88 url(/common_images/skin001/search.png) no-repeat 5px 50%;
  color: #ffffff;
}
.widgetRecherchePA,
.deposerAnnonce,
.rechercheAvance {
  background: #f6f6f6;
}
/*********************************
wrappImg
********************************/
.legendeImg {
  background: #e8e8e8;
  color: #606060;
}
/************************************
clicDeplie
**********************************/
.Ligne > .deroulant,
.deroulant {
  background: #f6f6f6;
}
.ClickDeplie {
  background: #ffffff;
  font-weight: 300;
}
.ClickDeplie .icon- {
  color: #5a3c88;
}
/************************************
catalogue
**********************************/
/* panieret login */
.boxCartShow,
.LoginHeader,
.Lang {
  background: #ffffff;
}
.boxCartHide a:hover,
.loginContent a:hover {
  color: #5a3c88 !important;
}
.boxCartHide,
.loginContent {
  background: #ffffff;
}
.widgetCart .boxCartHide .boxCartHideContainer > div,
.loginContentContainer > div,
.loginContentContainer > span,
.loginContentContainer > form {
  border-top: 1px solid #e8e8e8;
}
.widgetCart .viewcart,
.widgetCart .product_number,
.widgetCart .boxCartHide,
.loginContent {
  font-family: 'Roboto', sans-serif !important;
}
.widgetCart .viewcart .icon-,
.LoginHeader .icon- {
  color: #5a3c88;
}
/*form login*/
.loginContent form legend,
#contentLoginForm legend,
#loginform legend,
#subscribeform legend {
  font-weight: 300;
}
/**/
.catalog #formArboSelect,
.wrappForm {
  background: #f6f6f6;
}
.short_product h3,
.short_product .titreTypeH3 {
  color: #5a3c88;
  font-weight: 500;
}
.short_product .short_product_container {
  background: #ffffff;
}
.short_product.actif .short_product_container {
  box-shadow: 0 0 2px 1px #e8e8e8;
}
.short_product .viewProduct {
  color: #5a3c88;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1em;
}
.short_product .fromPrice {
  font-weight: 300;
}
.short_product .special_price.old_price,
.short_product .special_price.old_price span {
  color: #9c9c9c;
  text-decoration: line-through !important;
}
#productPicture a,
#visuels_additionnels .productPictures a.productLightbox {
  border: 3px solid #f6f6f6;
  background: #ffffff;
}
.specialRate.new {
  background: #e6b84e;
  box-shadow: 1px 1px 1px 0 #000000;
  color: #ffffff !important;
}
.specialRate.new span {
  color: #ffffff !important;
}
.new {
  background: #5a3c88;
  box-shadow: 1px 1px 1px 0 #000000;
}
.new span {
  color: #ffffff !important;
}
.short_product .special_price span,
.prix span {
  color: #9c9c9c;
  font-weight: 500;
}
.short_product .special_price span.fromPrice,
.prix span.fromPrice {
  color: #606060;
  font-weight: 300;
}
.prix span.icon- {
  color: #9c9c9c;
  font-size: 0.7em;
}
.prixSpecialAcm .specialRate,
.prixSpecialAcm .specialRate .chapo {
  color: #d40202;
}
.product_detail .reference,
.product_detail .marque,
.reference {
  font-family: 'Roboto', sans-serif !important;
  font-size: 0.em;
  color: #5a3c88;
}
.product_detail .marque {
  font-weight: 500;
}
.MoreInfo {
  background: #f6f6f6;
}
/*stock*/
.StockAcm,
#tabs {
  border-bottom: 1px solid #e8e8e8;
}
.StockAcm.EnStock {
  color: #079b00;
}
.StockAcm.PasStock {
  color: #d40202;
}
.sortResults,
#sort,
.TriResultats {
  background: #f6f6f6;
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
}
.produitsRecherche {
  font-weight: 300;
  font-family: 'Roboto', sans-serif !important;
  font-size: 1.1em;
}
.resultTri {
  color: #5a3c88;
}
#formArboSelect {
  background: #f6f6f6;
}
/* addtocart*/
#product #formproductversion .addToCart .panier a {
  background: #5a3c88;
}
#product #formproductversion .addToCart .panier a span {
  color: #ffffff;
}
#product #formproductversion .addToCart .panier a:hover {
  background: #606060;
}
#product #formproductversion .addToCart .panier a:hover span {
  color: #ffffff;
}
.familly a span.voirFamille {
  font-family: 'Roboto', sans-serif !important;
}
/* ------------
CALQUES OVERDIV
--------------*/
#overDiv {
  font-family: 'Roboto', sans-serif !important;
  border: 2px solid #5a3c88;
  background: #ffffff;
  box-shadow: 0 0 2px 1px #000000;
}
#add2cartConfirmation a {
  color: #5a3c88;
}
#add2cartConfirmation a:hover {
  color: #9c9c9c;
}
#overlibheader,
#overlibfooter {
  background: #5a3c88;
}
div.overlibcaption {
  color: #ffffff;
}
#overlibheader a,
#overlibfooter a {
  color: #ffffff;
  font-weight: 500;
}
#overlibheader a:hover,
#overlibfooter a:hover {
  color: #e8e8e8;
}
#overDiv.od_ad_to_cart {
  background: #ffffff;
}
.od_ad_to_cart #overlibcontent:before {
  color: #5a3c88;
}
/*#produits_associes{*/
#produits_associes {
  /*border-top: 1px solid @clair;*/
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#produits_associes .titreTypeH4 {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
/*desc avis service*/
.r-tabs-panel {
  border: 3px solid #f6f6f6;
  background: #ffffff;
}
.r-tabs-nav li,
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  background: #f6f6f6;
  border: 3px solid #f6f6f6;
}
.r-tabs-nav li.r-tabs-state-active {
  border-bottom: 3px solid #ffffff;
  background: #ffffff;
}
/*filtre*/
.filtreHome {
  background: #f6f6f6;
}
#catalogFilterLoad .icon- {
  color: #5a3c88;
}
.filtreHome .formulaire .row select {
  color: #9c9c9c;
  font-family: 'Roboto', sans-serif !important;
}
/**/
.short_product .addToCart a {
  background: #5a3c88;
}
.short_product .addToCart a span {
  color: #ffffff;
  font-family: 'Roboto', sans-serif !important;
}
.short_product .addToCart a:hover {
  background: #606060;
}
/******************************/
/* galery                    */
/******************************/
#imageDataContainer {
  font-family: 'Roboto', sans-serif !important;
}
.gallery a:hover .ecranLien {
  background: #5a3c88;
}
#lightbox a {
  color: #5a3c88;
}
/******************************/
/* accordion                  */
/******************************/
.accordion {
  background: #e8e8e8;
}
.accordion .contenuTableau .chiffreTitre {
  font-family: 'Roboto', sans-serif !important;
}
.accordion .contenuTableau:hover {
  background: #5a3c88;
  color: #ffffff;
}
/******************************/
/* Commentaires                  */
/******************************/
#list_comments .comment {
  background: #ffffff;
}
#list_comments .author {
  font-weight: 500;
}
#moderationmsg,
#confirmMsg,
.loginError {
  color: #d40202;
}
/* ------------
PAGE ERREUR
--------------*/
.error {
  color: #d40202;
}
.error_form {
  color: #d40202;
}
/******************************/
/* tunnelCommande                  */
/******************************/
body.tunnelCommande #header {
  border-bottom: 1px solid #e8e8e8;
}
#steps span.etapePanier {
  border: 2px solid #5a3c88;
  border-radius: 20px;
}
#steps .etape .filetEtape {
  background: #5a3c88;
}
#steps .etape .etapePanier {
  background: #ffffff;
}
#steps .etape.active .etapePanier {
  background: #5a3c88;
  color: #ffffff;
}
#steps .etape.active .etapeTexte {
  color: #5a3c88;
}
/******************/
/* Etape 1 PAnier */
/*****************/
.titrePanier {
  background: #e8e8e8;
  font-family: 'Roboto', sans-serif !important;
}
.tableauPanier .panierProduit {
  font-family: 'Roboto', sans-serif !important;
  border-bottom: 1px solid #e8e8e8;
}
.nomPanier,
.PrixPanierDetail {
  color: #5a3c88;
  font-weight: 500;
}
.produitsVariante:before,
.coupon .icon-,
.shipping .icon- {
  color: #5a3c88;
}
.panierProduit > div {
  border-right: 1px solid #e8e8e8;
}
.panierProduit > .ArticlePanierDetail {
  border-left: 1px solid #e8e8e8;
}
.panierFooter {
  background: #e8e8e8;
  font-family: 'Roboto', sans-serif !important;
}
.panierFooter > div {
  border-bottom: 1px solid #ffffff;
}
.shippingLabel,
.shippingAmount,
.amount,
.couponbold {
  font-weight: 500;
}
.Pointille {
  border-bottom: 1px dashed #9c9c9c;
}
.texteCoupon,
.coupon .submit,
.texteShipping,
.shippingAmount,
.amountHt .amountLabel,
.amountHt .amountValue,
.amountTva .amountLabel,
.amountTva .amountValue {
  background: #e8e8e8;
}
.totalPanier .amountLabel,
.totalPanier .amountValue {
  background: #f6f6f6;
}
#wrapper .submitPanier > input.commander {
  background: #5a3c88;
}
#wrapper .submitPanier > input.commander:hover {
  background: #9c9c9c;
}
@media only screen and (max-width: 799px) {
  .QuantitePanierDetail,
  .PrixPanierDetail,
  .SupprPanierDetail {
    background: #e8e8e8;
  }
}
/*************************************************/
/********   �tape 2 panier                ********/
/*************************************************/
.dejaClient {
  background: #f6f6f6;
  font-family: 'Roboto', sans-serif !important;
}
.dejaClient h3 {
  border-bottom: 1px solid #9c9c9c;
}
.nouveauClient {
  background: #5a3c88;
  font-family: 'Roboto', sans-serif !important;
}
.nouveauClient h3 {
  border-bottom: 1px solid #9c9c9c;
}
.nouveauClient h3,
.nouveauClient #subscribeform * {
  color: #ffffff !important;
}
.nouveauClient #subscribeform input {
  color: #9c9c9c !important;
}
.nouveauClient #subscribeform .submit input {
  border: #606060 !important;
  background: #606060;
  color: #ffffff !important;
}
.nouveauClient #subscribeform .submit input:hover {
  border: #ffffff !important;
  background: #ffffff;
  color: #606060 !important;
}
/*************************************************/
/********   �tape 3 panier                ********/
/*************************************************/
.address {
  background: #e8e8e8;
  font-family: 'Roboto', sans-serif !important;
}
.address h3 {
  border-bottom: 1px solid #9c9c9c;
}
/*************************************************/
/********   �tape 4 panier                ********/
/*************************************************/
#payment_module {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  padding: 20px 0 40px;
}
.conditionGDV {
  border-bottom: 1px solid #e8e8e8;
}
#payment_module .payment_moduleRow {
  background: #e8e8e8;
}
#payment_module .payment_moduleRow .icon- {
  color: #5a3c88;
}
/*************************************************/
/********   �tape 5 panier                ********/
/*************************************************/
#cart_payment_confirmation .date,
.monCompte #wrapper .date {
  color: #5a3c88;
  font-weight: 300;
}
.DateRef,
#cart_payment_confirmation #payment_actions {
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
#cart_payment_confirmation #cart_detail {
  border-top: 1px solid #e8e8e8;
}
/*etape3 addresse*/
#manage_address h3 {
  border-bottom: 1px solid #e8e8e8;
}
.row.adresses {
  background: #e8e8e8;
}
#payment_actions form {
  background: #e8e8e8;
}
/****************************************/
/* account                             **/
/***************************************/
.illustrPage {
  color: #5a3c88;
}
.TextillustrPage {
  font-family: 'Roboto', sans-serif !important;
}
.strength_password {
  color: #ffffff;
  font-family: 'Roboto', sans-serif !important;
}
.shortPass span,
.badPass span {
  background: #d40202;
}
.goodPass span {
  background: #eab818;
}
.strongPass span {
  background: #079b00;
}
.notequalpasswd {
  color: #d40202;
}
.equalpasswd {
  color: #079b00;
}
#accountNewPassword .confirmationCompte .dejaClient .icon-,
.dejaClient .icon- {
  color: #5a3c88;
}
ul.dejaClient li {
  border-bottom: 1px solid #9c9c9c;
}
.adresses {
  background: #e8e8e8;
}
.adresses legend {
  border-bottom: 1px solid #9c9c9c;
}
/*********************************/
/* commandesCours */
/********************************/
.commandesCours .tableOrderReference:before,
.commandesCours .tableDate:before,
.commandesCours .tableEtat:before,
.commandesCours .tableOrdersInfo:before,
.commandesCours .tableOrdersInvoice:before,
.libellePa:before,
.creationPa:before,
.FinPa:before,
.EtatPa:before {
  font-weight: 500;
}
.paymentRecap {
  background: #ffffff;
  border: 1px solid #e8e8e8;
}
.paymentRecap h3 {
  border-bottom: 1px solid #e8e8e8;
}
/*********************
Annuaire PA
**********************/
.annuaireEntreprise h1,
.adsEntryDetailAnnuaire h4 {
  border-bottom: 1px solid #e8e8e8;
}
.annuaireHeaderLogo {
  background: #ffffff;
}
.adsEntrySummary .LinkIn {
  background: #ffffff;
}
.adsEntrySummary .LinkIn:hover {
  background: #f6f6f6;
}
@media only screen and (max-width: 1139px) {
  a.adsCategoryLink {
    background: #f6f6f6;
  }
  a.adsCategoryLink .picture {
    background: #ffffff;
  }
}
.adsEntrySummary .LinkIn:hover h3 {
  border-bottom: 1px solid #ffffff;
}
.adsEntrySummary h3 {
  color: #9c9c9c;
  font-size: 1.75em;
  border-bottom: 1px solid #e8e8e8;
}
.adsEntrySummary .addsNom,
.addsNom {
  color: #5a3c88;
}
.adsEntryDetailAnnuaire,
.adsEntryDetailDefault,
.adsEntrySummaryA {
  font-family: 'Roboto', sans-serif !important;
}
.pageAnnuaire .annuaireHeader h3 {
  color: #5a3c88;
}
.annuaireDescription,
.adsEntryDetailDefault .label {
  color: #5a3c88;
  font-weight: 500;
}
.annuaireContact {
  background: #ffffff;
}
.pageAnnuaire .btnAnnuaireContact a {
  background: #5a3c88;
  color: #ffffff !important;
}
.btnAnnuaireContact a:hover {
  background: #e8e8e8;
  color: #5a3c88 !important;
}
.btnAnnuaireContact .btnDescription {
  font-family: 'Roboto', sans-serif !important;
}
.advanced_form_ads_search {
  border: 1px solid #e8e8e8;
}
#addAds #steps,
#addAdsChooseFormule #steps,
#contentAdsRenewal #steps {
  border-bottom: 1px solid #e8e8e8;
}
/*-------------------------
page de r�cap c�t� client
------------------------*/
.monCompte th {
  background: #e8e8e8;
  color: #9c9c9c;
  font-size: 1em;
}
#msgSave .icon- {
  color: #5a3c88;
}
/*-------------------------
modif PA c�t� client
------------------------*/
a.addAdsChooseFormuleChooseLink {
  background: #e8e8e8;
}
a.addAdsChooseFormuleChooseLink:hover {
  background: #5a3c88;
}
.addAdsChooseFormulePrixTtc strong {
  color: #5a3c88;
}
a.addAdsChooseFormuleChooseLink:hover > span,
a.addAdsChooseFormuleChooseLink:hover > span p,
a.addAdsChooseFormuleChooseLink:hover > .titreTypeH4,
a.addAdsChooseFormuleChooseLink:hover > .addAdsChooseFormulePrix .addAdsChooseFormulePrixTtc strong {
  color: #ffffff !important;
}
.addAdsChooseFormulePrix strong,
.addAdsChooseFormulePrixTtc strong,
.addAdsChooseFormulePrixMontantTva strong,
.addAdsChooseFormulePrixMontantTva strong,
.addAdsChooseFormulePrixAds strong,
.addAdsChooseFormulePrixTauxTva strong,
.labeladdAdsChooseFormulePrix,
.addAdsChooseFormuleDuree strong {
  background: #e8e8e8;
  position: relative;
}
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormulePrix strong,
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormulePrixTtc strong,
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormulePrixMontantTva strong,
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormulePrixMontantTva strong,
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormulePrixAds strong,
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormulePrixTauxTva strong,
a.addAdsChooseFormuleChooseLink:hover .labeladdAdsChooseFormulePrix,
a.addAdsChooseFormuleChooseLink:hover .addAdsChooseFormuleDuree strong {
  background: #5a3c88;
}
a.addAdsChooseFormuleChooseLink:hover .Pointille {
  border-bottom: 1px dashed #ffffff;
}
.AdsPreview {
  font-family: 'Roboto', sans-serif !important;
}
.AdsPreviewCategorie .label {
  font-weight: 500;
}
.AdsPreview fieldset .additionnalsProperties .label {
  color: #5a3c88;
  font-weight: 500;
}
.adsEntryPreviewDefault {
  background: #ffffff;
}
.AdsPreview #paymentModule {
  border-top: 2px solid #e8e8e8;
}
.AdsPreview fieldset {
  border-bottom: 2px solid #e8e8e8;
}
.AdsPreviewCategorie .floatL.w100 {
  border-top: 1px solid #e8e8e8;
}
#payment_module .payment_moduleRow {
  background: #e8e8e8;
}
#addAds #payment_module {
  border-top: 2px solid #e8e8e8;
  border-bottom: none;
  padding-bottom: 0px;
}
/* ---------------
BOITE CALENDRIER
------------------*/
.widgetCalendar {
  background: #ffffff;
}
table.calendar tr.calendarNav a {
  color: #9c9c9c;
}
table.calendar td a {
  font-weight: 500;
}
table.calendar tr.calendarDays th,
table.calendar tr.calendarNav th,
table.calendar tr th {
  background: #e8e8e8;
  border: 1px solid #ffffff;
  color: #9c9c9c;
  font-weight: 500;
}
table.calendar td.today {
  color: #ffffff;
  font-weight: 500;
  background: #606060;
}
table.calendar td.noDay {
  color: #9c9c9c;
}
table.calendar td.eventDay {
  background-color: #5a3c88;
  color: #ffffff;
}
/*-------------------------
invoice
------------------------*/
#accountOrderDetail .FactureGeneral {
  max-width: 600px;
  margin: 0 auto;
  outline: 20px solid #ffffff;
}
#accountOrderDetail td {
  text-align: start;
  border: none;
}
#accountOrderDetail table {
  border: none;
  font-family: 'Roboto', sans-serif !important;
}
#accountOrderDetail table[border="1"] {
  border: 1px solid #e8e8e8;
}
#accountOrderDetail table[border="1"] td {
  border: 1px solid #e8e8e8;
}
#accountOrderDetail td[align=center] {
  text-align: center;
}
#accountOrderDetail table.factureFooter tbody tr td {
  width: 70%;
  float: left;
}
#accountOrderDetail table.factureFooter tbody tr td[align=center] {
  width: 30%;
  float: left;
}
/*******************/
/*   PUBLICITE      */
/*********************/
aside .widgetAdvert {
  background: #ffffff;
}
/*******************************/
/*    ANNUAIRES                */
/*******************************/
/*box annuaires*/
/*directory short product */
.directoryLabel {
  border-bottom: 1px solid #9c9c9c;
}
/*Page annuaire */
.annuaire .addsNom:before {
  content: "@ ";
  font-family: "agencei";
  font-size: 0.8em;
  margin-left: -25px;
}
.annuaire .addsNom,
.annuaire .addsFonction,
.annuaire .addsVille {
  float: left;
  padding: 0 0 0 25px;
  width: 100%;
}
.annuaire .addsFonction {
  font-style: italic;
  font-weight: 600;
}
.annuaire p {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.annuaire .addsVille:before {
  content: "` ";
  font-family: "agencei";
  margin-left: -25px;
}
/*summary*/
.directoryAdvancedSearch .directorySearchForm {
  background: #e8e8e8;
}
#directory .adsEntrySummaryA,
.directorySearchContent .adsEntrySummaryA {
  background: #ffffff;
}
#directory a.adsEntrySummaryA:hover,
.directorySearchContent a.adsEntrySummaryA:hover {
  background: #e8e8e8;
}
#directory .adsEntrySummaryA h3,
.directorySearchContent .adsEntrySummaryA h3 {
  border-bottom: 1px solid #e8e8e8;
  color: #9c9c9c;
  font-size: 2.3em;
}
/*aside summary*/
aside .adsEntrySummaryA {
  border-bottom: 1px solid #9c9c9c;
  background: #e8e8e8;
}
aside .adsEntrySummaryA:hover {
  background: #f6f6f6;
}
aside .adsEntrySummaryA:last-child {
  border: none;
}
/*events*/
#event_search {
  background: #f6f6f6;
}
#event_search .titreTypeH3 {
  border-bottom: 1px solid #9c9c9c;
}
/********************************/
/*    COMMUNITY        */
/********************************/
.ratingsDatas {
  font-family: 'Roboto', sans-serif !important;
}
.noteEtoiles,
.moyenneEtoiles {
  border-right: 1px solid #e8e8e8;
}
.listComments {
  border-bottom: 1px solid #e8e8e8;
}
.listComments .titreTypeH4 {
  border-top: 1px solid #e8e8e8;
}
/*************************************/
/*     Forum                         */
/*************************************/
td.boardCategory {
  background: #e8e8e8;
}
div.board table th {
  background: #9c9c9c;
  color: #ffffff;
}
div.board_forum_open:before,
div.board_topic_normal:before,
div.boardTopicNormal:before {
  content: ']';
  font-family: 'agencei';
  color: #5a3c88;
  font-size: 1.4em;
}
div.board_forum_closed:before {
  content: 'K';
  font-family: 'agencei';
  color: #5a3c88;
  font-size: 1.4em;
}
a.lastPost .icon- {
  color: #5a3c88;
}
div.board_topic_announcement:before,
div.boardTopicAnnouncement:before {
  content: 'v';
  font-family: 'agencei';
  color: #5a3c88;
  font-size: 1.4em;
}
div.board_topic_sticky:before,
div.boardTopicSticky:before {
  content: '^';
  font-family: 'agencei';
  color: #5a3c88;
  font-size: 1.4em;
}
#posts {
  border: 2px solid #clair;
}
div.boardPost {
  border-top: 10px solid #f6f6f6;
}
div.boardPostBody,
div.boardPostSignature {
  background: #ffffff;
}
div.boardPostUser .avatar {
  background: #5a3c88;
}
div.boardPostUser .avatar .icon- {
  color: #ffffff;
}
div.boardPostMessageHeader {
  background-color: #f6f6f6;
  border: 20px solid #ffffff;
  border-bottom: none;
}
div.boardPostMessageHeader .icon- {
  color: #5a3c88;
}
span.boardPostCount {
  font-weight: 500;
}
div.boardPostSignature blockquote {
  font-style: italic;
  color: #9c9c9c;
}
div.boardPostSignature blockquote:before,
div.boardPostSignature blockquote:after {
  color: #9c9c9c;
}
.postform {
  border-top: 1px solid #e8e8e8;
}
#contents .postform form .row {
  background: #e8e8e8;
}
#contents .postform form .row .style input,
#wrapper a.styleBtn {
  background: #9c9c9c;
  color: #f6f6f6;
  box-shadow: 0px 1px 1px 0px #606060;
}
#contents .postform form .row .style input:hover,
#wrapper a.styleBtn:hover {
  background: #ffffff;
  color: #9c9c9c;
  box-shadow: none;
}
div.boardPostPreviewContent {
  border: 1px solid #e8e8e8;
}
.boardMove,
.boardDelete {
  background: #e8e8e8;
}
.boardTopicTopic span.flag:before,
.boardTopicReplies span:before,
.boardRopicAuthor span:before,
.boardTopicViews span:before,
.boardForumForum h4:before,
.boardForumTopics span:before,
.boardForumPosts span:before {
  color: #5a3c88;
}
.board .row1 {
  background: #e8e8e8;
}
.board .row1 td {
  border: 1px solid #ffffff;
}
.forum.myBoard #formpersonnalise {
  background: #e8e8e8;
}
#board_search_form {
  background: #e8e8e8;
}
/***************************/
/*        Blog             */
/***************************/
@media only screen and (max-width: 639px) {
  .post > a {
    background: #ffffff;
  }
}
.post_date {
  background: #5a3c88;
}
.post_date > span {
  color: #ffffff;
}
.post_author {
  border-top: 1px solid #e8e8e8;
}
.titrePostBlog,
.post_resumeSum,
.FooterPostBlog {
  background: #ffffff;
}
.post_picture_resume {
  box-shadow: 0 0 10px 0 #BFBFBF;
  background: #ffffff;
}
.widgetHighlightPost,
.widgetHighlightPosts .titreTypeH4 {
  border-bottom: 1px solid #9c9c9c;
}
/*widget rechercheSite*/
#header .rechercheSite input.wordsbox {
  background: #f6f6f6;
}
#header .rechercheSite input.wordsbox:focus {
  background: #f6f6f6;
  color: #e8e8e8;
}
#header .rechercheSite input.wordsbox::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 300;
}
#header .rechercheSite input.wordsbox::-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}
#header .rechercheSite input.wordsbox:-ms-input-placeholder {
  font-style: italic;
  font-weight: 300;
}
#header .rechercheSite input.wordsbox:-moz-placeholder {
  font-style: italic;
  font-weight: 300;
}
input::-webkit-input-placeholder {
  font-style: italic;
}
input::-moz-placeholder {
  font-style: italic;
}
input:-ms-input-placeholder {
  font-style: italic;
}
input:-moz-placeholder {
  font-style: italic;
}
.likePlaceholder {
  font-style: italic !important;
  color: #a0a0a0 !important;
}
.champRechercheActive {
  background: #f6f6f6;
}
.boutonRechercheClose {
  color: #e8e8e8;
}
.searchResults > a {
  background: #ffffff;
  color: #606060;
}
.searchResults > a:hover {
  background: #e8e8e8;
  color: #5a3c88;
}
.searchResults > a:hover .titreTypeH5 {
  color: #5a3c88;
}
.infoResultatsPlus.icon- {
  color: #ffffff;
}
/*FAQ*/
.faqDetail {
  background: #ffffff;
  border: 1px solid #9c9c9c;
}
.faqDetail h4 {
  background: #5a3c88;
  color: #ffffff;
}
/*ficheProduit*/
#wrapper .btn.btnAction p a {
  background: #5a3c88;
  color: #ffffff;
}
#wrapper .btn.btnAction p a:hover {
  background: #9c9c9c;
}
/*plusieurs produits*/
#chapoList .short_product a,
.widgetMultiProduits .short_product a {
  background: #ffffff;
}
#chapoList .short_product a:hover,
.widgetMultiProduits .short_product a:hover {
  box-shadow: 0 0 2px 1px #9c9c9c;
}
#chapoList .short_product a .shortProductContainerText .icon- {
  color: #e8e8e8;
}
#chapoList .short_product a:hover .shortProductContainerText .icon- {
  color: #5a3c88;
}
.gallery a {
  background: #ffffff;
}
/****************************/
/*        footer           */
/***************************/
#footer .newsletterFooter {
  background: #dfdfdf;
}
.footerAdresTextAd:before,
.footerAdresTextTel:before,
.siteInt {
  color: #ffe662;
}
#footer .titreTypeH4 {
  color: #f6f6f6;
  text-transform: uppercase;
  font-size: 1.5em;
  margin-bottom: 10px;
}
#footer .widget.newsletterFooter h4 {
  color: #f6f6f6;
  text-transform: uppercase;
  font-size: 1.5em;
  border-bottom: 1px solid #9c9c9c;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 20px;
}
#footer ul li:before {
  font-size: 0.7em;
  color: #ffffff;
}
.widgetNewsletterComment,
.ajoutNewsletter {
  font-style: italic;
  font-size: 0.9em;
  float: left;
  width: 100%;
}
.ajoutNewsletter {
  font-size: 0.8em;
  line-height: 140%;
}
#NewsLettersSubscribeMail {
  background: #ffffff;
  color: #ffffff;
  border: 1px solid #ffffff;
}
input#NewsLettersSubscribeMail::-webkit-input-placeholder {
  color: #f6f6f6;
  opacity: 1;
}
input#NewsLettersSubscribeMail::-moz-placeholder {
  color: #f6f6f6;
  opacity: 1;
  -moz-opacity: 1;
}
input#NewsLettersSubscribeMail:-ms-input-placeholder {
  color: #f6f6f6;
  opacity: 1;
}
input#NewsLettersSubscribeMail:-moz-placeholder {
  color: #f6f6f6;
  opacity: 1;
  -moz-opacity: 1;
}
#formulairenewsletters .submit input {
  background: #9c9c9c;
}
/*homePage*/
.homePage h1 {
  font-weight: 300;
  font-size: 2.7em;
}
.homePage h1 .sousH1 {
  font-size: 1.5em;
  text-transform: none;
  font-weight: 300;
  color: #5a3c88;
}
.homePage #applications h2 {
  color: #1f1c20;
  text-transform: uppercase;
}
.homePage #applications h2:before {
  content: "";
  position: relative;
  top: 5px;
  display: inline-block;
  width: 45px;
  height: 40px;
  background: url("/images/Modele1/icon-black.png") no-repeat center left;
  background-size: contain;
}
.homePage #applications .tabl25 {
  position: relative;
  padding: 0;
  margin-bottom: 0;
  border: none;
  outline: none;
}
.homePage #applications .tabl25 a.LinkIn {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 100%;
  height: 100%;
  /* padding: 5px; */
  text-align: right;
  font-size: 0;
  color: #ffffff;
  transition: all 350ms ease-in-out;
}
.homePage #applications .tabl25 a.LinkIn:before {
  content: "+";
  float: right;
  display: block;
  width: 60px;
  height: 60px;
  padding-left: 1px;
  text-align: center;
  font-size: 45px;
  line-height: 60px;
  font-weight: 500;
  color: white;
  background: #5a3c88;
  transition: all 350ms ease-in-out;
}
.homePage #applications .tabl25 a.LinkIn:hover {
  background: rgba(90, 60, 136, 0.5);
}
.homePage #applications .tabl25 a.LinkIn:hover:before {
  background: #000;
}
.homePage #applications .tabl25 h3 {
  clear: both;
  position: absolute;
  z-index: 9;
  bottom: 0px;
  left: 0;
  width: 0;
  /* width: 75%; */
  padding-left: 15px;
  text-transform: uppercase;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.85);
}
.homePage #applications .tabl25 h3 .last-word {
  font-weight: 300;
}
/*
  BLOG
  -------
*/
.widgetActus75 .widgetLastElementsLink h3 {
  color: #9c9c9c;
}
/*
  FAQ
  ------
*/
#faqWidget {
  background: #5a3c88;
  color: #606060;
}
#faqWidget {
  padding: 10px;
  transition: all 350ms ease-in-out;
}
#faqWidget:hover {
  background: #e6b84e;
  color: #5a3c88;
}
#faqWidget:hover #faqInner,
#faqWidget:hover #faqInner h2,
#faqWidget:hover #faqInner h3 {
  color: #5a3c88;
}
#faqInner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 30px;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  border: 1px solid #ffffff;
}
#faqInner h2,
#faqInner h3 {
  font-size: 1.75em;
  line-height: 45px;
  text-align: center;
  color: #ffffff;
}
#faqInner h2:before,
#faqInner h3:before {
  content: "";
  display: inline-block;
  width: 45px;
  height: 35px;
  background: url("/images/Modele1/icon-white.png") no-repeat center left;
  background-size: contain;
}
#faqInner p a {
  display: inline-block;
  max-width: 100%;
  margin: 20px auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 70px;
  padding-right: 70px;
  font-size: 21px;
  line-height: 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #5a3c88;
  background: #ffffff url("/images/Modele1/icon-question.png") no-repeat center left 20px;
}
/*liens retrouvez tous les*/
.lienTitre {
  float: right;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-top: 6px;
}
.lienTitre .icon- {
  color: #5a3c88;
}
.widgetTemoignages .titreTypeH4,
.widgetProduits .titreTypeH4,
.widgetActuHome .titreTypeH4,
.widgetVideo .titreTypeH4 {
  font-size: 35px;
  text-transform: uppercase;
  border-bottom: 1px solid #9c9c9c;
}
.gallery_video.gallery a .play {
  color: #ffffff;
}
.videoArticleDetail.gallery_video.gallery a:hover .play {
  color: #5a3c88;
}
.video.ListeActus .chapoPicture {
  border: none;
  padding: 0;
}
/*temoignages*/
body.temoignages .temoignage {
  border-top: 1px solid #e8e8e8;
  padding-top: 30px;
  margin-top: 0;
}
.photoTemoignage,
.logoTemoignage {
  background: #ffffff;
  border: 3px solid #f6f6f6;
}
.temoignageNomEntreprise .titreTypeH3 {
  color: #606060;
}
.temoignageNomEntreprise .entrepriseTemoignage {
  font-size: 1.6em;
  font-style: italic;
}
.temoignageNomEntreprise .entrepriseTemoignage .bold {
  font-style: italic;
}
.descriptionTemoignage {
  font-style: italic;
}
/* widgetQuestion */
.widgetQuestion {
  background: #f6f6f6;
}
.widgetQuestion .titreTypeH4,
.filtreHome .titreTypeH4 {
  border-bottom: 1px solid #ffffff;
}
.ContactTel {
  border-top: 1px solid #ffffff;
}
.ContactTel .icon- {
  color: #5a3c88;
}
/***************************/
/*      partenaires        */
/***************************/
.pictureCasClient {
  border: 3px solid #f6f6f6;
}
.ProduitPartenaire .titreTypeH4,
.produitDuPartenaires .titreTypeH4 {
  border-bottom: 1px solid #9c9c9c;
}
/*plus timcod et questionInt */
.plusTimcod .titreTypeH3 {
  border-bottom: 1px solid #f6f6f6;
}
.questionInt {
  background: #ffffff;
}
#wrapper .blocQuestInt {
  background: #5a3c88;
  color: #606060;
}
#wrapper .blocQuestInt a {
  color: #606060;
}
#wrapper .blocQuestInt a:hover {
  color: #ffffff;
}
#wrapper .blocQuestInt .titreTypeH3 {
  color: #606060;
  border-bottom: 1px solid #ffffff;
}
/*fiche produit*/
.AncresTabs {
  border-top: 1px solid #f6f6f6;
}
.FicheTechTelecharge,
.prixTotalAcm {
  border-bottom: 1px solid #f6f6f6;
}
.logoMarqueAcm {
  border: 1px solid #f6f6f6;
}
#wrapper a.btn.btnTelecharg {
  background: #5a3c88;
}
#wrapper a.btn.btnTelecharg .icon- {
  color: #ffffff;
}
#wrapper a.btn.btnTelecharg:hover {
  background: #9c9c9c;
}
#wrapper a.btn.btnTelecharg:hover .icon- {
  color: #ffffff;
}
#wrapper a.btn.btnCommander .icon- {
  color: #ffffff;
}
.total_price {
  color: #9c9c9c;
}
#tab-1 .titreTypeH4,
#tab-2 .titreTypeH4,
#tab-3 .titreTypeH4,
#tab-4 .titreTypeH4 {
  border-bottom: 1px solid #9c9c9c;
}
#wrapper .btn.btnBack.btnCentre {
  background: #606060;
}
#wrapper .btn.btnBack.btnCentre:hover {
  background: #5a3c88;
}
.depliFiltre {
  border-bottom: 1px solid #606060;
  color: #606060;
}
@media only screen and (max-width: 1139px) {
  .filtreHome .titreTypeH4 {
    background: #5a3c88;
    color: #ffffff;
  }
  .box_predefined_cat_search_form {
    border: 1px solid #5a3c88;
  }
}
/*******************************************/
/*             cookie                      */
/*******************************************/
body .alert-cookie {
  background-color: #1f1c20;
  color: #ffffff;
}
body .alert-cookie a {
  color: #5a3c88;
}
body .alert-cookie a:hover {
  color: #ffffff;
}
body .alert-cookie button.btn {
  float: none;
  margin-left: 10px;
  background: #e6b84e;
  cursor: pointer;
}
body .alert-cookie button.btn:hover {
  background: #5a3c88;
}