@charset "UTF-8";
/*
Theme Name: ProLexis
Author: Daniel Lévesque
*/
[contenteditable="true"]:active,
[contenteditable="true"]:focus {
  color: blue;
  font-family: 'Work Sans', sans-serif;
  font-size: .75em;
  line-height: 1.5;
  padding: 10px;
  background: #fff;
  border: 1px solid #999; }

[data-link] {
  cursor: pointer; }

a {
  color: #0074BC;
  transition: color 0.5s; }

a:hover {
  color: #005589;
  text-decoration: none; }

/***** ÉLÉMENTS DE STRUCTURE *****/
hr {
  height: 1px;
  color: #999;
  background-color: #999;
  border: 0px; }

.more-link {
  display: none; }

/* Conteneur initial de la page */
body {
  background: #f8f8f8;
  margin: 0px;
  padding: 0px; }

/*** En-tête ***/
/* 1.0 Div ID - Conteneur en-tête */
#wrapper {
  padding: 0;
  margin: 0; }

#logo:focus {
  outline: none; }

#titre {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 100px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #F4F2ED;
  text-align: center; }

#titreFenetre {
  width: 100%;
  height: auto;
  margin-top: 0px;
  margin-bottom: 20px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #F4F2ED;
  text-align: center; }

#bandeNonConnecte {
  width: 100%;
  height: 10px;
  margin-top: 100px;
  background-color: #F4F2ED;
  text-align: center; }

/*** Conteneur principal ***/
#SectionProduit,
#SectionNouveauProduit {
  position: relative;
  width: 100%;
  padding-bottom: 4px;
  padding-bottom: 50px;
  background: #f8f8f6;
  background: linear-gradient(0deg, #F4F2ED 0%, #f8f8f6 100%); }

#SectionProduitAssistance {
  position: relative;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f8f8f6;
  background: linear-gradient(0deg, #F4F2ED 0%, #f8f8f6 100%); }

#SectionPanier {
  position: relative;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 50px;
  padding-top: 50px; }

#SectionPanier .contenantForm {
  margin-top: 20px;
  text-align: left; }

/* Blocs tableau */
.tableauProduit,
#complementaire {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

#troisPropositions {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 0.5%;
  padding-bottom: 0.5%; }

.tableauFen {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff; }

.tableauProduit {
  background-color: #ffffff; }

#tableauProduitTotal {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: #ffffff; }

.tableauPersonnaliser {
  width: 96%;
  margin-left: 4%;
  margin-right: auto;
  text-align: center; }

.tableauPostes {
  max-width: 800px; }

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: normal;
  align-content: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #747474; }

.flex-items:nth-child(1) {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #747474; }

.flex-items {
  flex-shrink: 0;
  width: 200px;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #747474; }

.largeurFixe {
  width: 300px; }

.styelFlexGrowUn {
  flex-grow: 1; }

.styelFlexGrowZero {
  flex-grow: 0; }

.filetsTableau {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #747474;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #747474; }

.filetsTableauGauche {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #747474;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #747474;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #747474; }

.sansFiletsTableauGauche {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #747474;
  border-left-width: 0px;
  border-left-style: solid;
  background-color: #f8f8f8; }

.sansFiletsTableau {
  border-right-width: 0px;
  border-right-style: solid;
  border-left-width: 0px;
  border-left-style: solid;
  background-color: #f8f8f8; }

.largeurColDeux {
  width: 30%; }

.titreItems,
.titreItemsFonce {
  background-color: #707070;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.7em;
  color: #ffffff;
  text-transform: uppercase;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ffffff;
  height: 12px;
  align-items: center;
  justify-content: center; }

.compositionTitreCoul {
  color: #94d8ff; }

tr.titreItems td.colUn,
tr.titreItems td.colDeux,
tr.titreItems td.colTrois {
  text-align: center; }

tr.titreItems td {
  height: 40px; }

.titreItemsFonce {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff; }

.titreItemsPersonnaliser {
  background-color: #707070;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.7em;
  color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ffffff; }

.contenuItemsFenPerso td {
  position: relative;
  margin-top: 15px;
  margin-bottom: 35px;
  text-align: center;
  border: solid #747474 1px;
  padding-top: 5px;
  padding-bottom: 5px; }

.tableauProduit div:first-child div.titreItems {
  text-align: left; }

.titreTotal {
  text-align: right;
  font-weight: 700; }

.alignementGauche {
  text-align: left; }

.colUn {
  width: 20%;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #747474;
  padding-top: 10px;
  padding-bottom: 10px; }

.colPoubelle {
  width: 20%;
  position: relative; }

.colAuto {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px; }

.colDeux {
  width: 60%;
  padding-top: 10px;
  padding-bottom: 10px; }

.colDerniere {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #747474;
  text-align: center; }

.flex-items:last-child .titreItems {
  border-right-color: #747474; }

.contenuItems {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px;
  text-align: center; }

.contenuItemsCentre {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px;
  text-align: center; }

.contenuItemsPoubelle {
  position: relative;
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center; }

.blocMiseAJour {
  display: block;
  position: absolute;
  float: right;
  right: 6px;
  top: 6px;
  width: auto;
  text-align: right; }

.contenuItemsFen {
  position: relative;
  text-align: center;
  border: solid #747474 1px; }

.contenuItemsFenRegroupement {
  position: relative;
  text-align: center;
  border-bottom: solid #747474 1px;
  border-left: solid #747474 1px;
  border-right: solid #747474 1px;
  background-color: #f5fcff; }

.contenuItemsFen td, .contenuItemsFenRegroupement td {
  padding: 6px; }

.contenuItemsFen td.filetsTableauGauche {
  padding-right: 35px; }

.contenuItemsFenRegroupement td:first-child img.chaine {
  width: 12px;
  position: absolute;
  left: 0px;
  top: -11px; }

.regroupementProduit {
  max-width: 700px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: transparent; }

.filetdroite,
td.filetdroitePerso {
  border-right: solid #ffffff 1px; }

.nombrePosteActuel {
  display: block;
  text-align: center;
  margin: 0;
  padding-bottom: 10px;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #747474; }

.nombrePosteActuelNouveau {
  display: inline-block;
  margin: 0;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #747474;
  border: solid #747474 1px;
  background-color: #ffffff;
  width: 30px; }

.nombrePosteActuelNouveau {
  padding: 10px 4px 10px 20px; }

.voirPostes {
  display: inline-block; }

#nombrePosteActuel p {
  margin: 0;
  padding: 0; }

.flex-items .contenuItems {
  position: relative; }

.produitItems {
  text-align: left;
  padding-left: 10px; }

.produitItemsCenter {
  text-align: center;
  padding-left: 10px; }

.produitItemsMonPanier {
  padding-left: 10px;
  height: 55px; }

.produitItemsNouveauProduit {
  text-align: left;
  padding-left: 10px;
  padding-bottom: 10px;
  margin: 0; }

.buttonVide {
  display: block;
  width: 20px;
  height: 26px;
  text-align: center;
  position: relative;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0; }

.buttonItems {
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #0074BC;
  padding: 10px 20px 10px 20px;
  border: solid #0074BC 1px;
  text-decoration: none;
  background-color: #ffffff;
  transition: background 0.5s, color 0.5s; }

input[type="submit"].buttonItems {
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #0074BC;
  padding: 10px 20px 10px 20px;
  border: solid #0074BC 1px;
  text-decoration: none;
  background-color: #ffffff;
  transition: background 0.5s, color 0.5s; }

input[type="submit"].buttonItems:hover {
  border: 1px solid #0d87da;
  color: #0d87da;
  background-color: #d3eeff; }

.buttonItemsBleu {
  margin-left: 10px;
  margin-right: 10px;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #ffffff;
  padding: 6px 16px 6px 16px;
  border: solid #0074BC 1px;
  text-decoration: none;
  background-color: #0074BC;
  transition: background 0.5s, border 0.5s; }

.buttonItemsBleu:hover {
  background-color: #025588;
  border: solid #025588 1px;
  cursor: pointer; }

.buttonItemsBleu:hover:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px;
  cursor: default; }

.buttonItemsBleu:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px;
  cursor: not-allowed; }

.buttonItemsAjouter,
.buttonItemsRetirer {
  width: 100px;
  margin: 0;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  padding-top: 10px;
  padding-bottom: 10px;
  border: solid #0074BC 1px;
  text-decoration: none;
  transition: background 0.5s, color 0.5s; }

.buttonItemsAjouter:hover:disabled,
.buttonItemsRetirer:hover:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px; }

.buttonItemsAjouter:disabled,
.buttonItemsRetirer:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px;
  cursor: not-allowed; }

.buttonItemsAjouter {
  color: #ffffff;
  background-color: #0074BC; }

.buttonItemsRetirer {
  color: #0074BC;
  background-color: #ffffff; }

.buttonItemsBleu:hover {
  background-color: #025588;
  border: solid #025588 1px; }

input[type="submit"].buttonItemBleuRetirer {
  background-color: #bc0000;
  border: solid #bc0000 1px; }

input[type="submit"].buttonItemBleuRetirer:hover {
  background-color: #8b0000;
  border: solid #8b0000 1px; }

table {
  border-collapse: separate;
  border-spacing: 0; }

.buttonItems:hover,
.buttonItems:focus {
  border: 1px solid #0d87da;
  color: #0d87da;
  background-color: #d3eeff; }

.buttonItemsFen {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #0074BC;
  padding: 10px 20px 10px 20px;
  border: solid #0074BC 0px;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.5s ease; }

.buttonVOIR {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #0074BC;
  padding: 6px 12px;
  margin-bottom: 6px;
  border: solid #0074BC 1px;
  border-radius: 6px;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.5s ease; }

.buttonVOIR:hover {
  color: #ffffff;
  background-color: #0074BC; }

.buttonItemsFile {
  position: relative;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 10pt;
  padding: 10px 20px 10px 20px;
  border: 1px solid #0d87da;
  background-color: #0d87da;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  transition: background-color 1s; }

.buttonItemsFile:hover,
.buttonItemsFile:active,
.buttonItemsFile:focus {
  border: 1px solid #045389;
  background-color: #045389;
  color: #fff; }

.buttonItemsFile input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer; }

.buttonItemsFen:hover,
.buttonItemsFen:focus {
  color: #49b9ff;
  outline: none; }

.buttonAssistance {
  display: inline-block;
  float: right;
  margin-top: 50px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: 5%;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #0074BC;
  padding: 6px 14px 6px 14px;
  border: solid #0074BC 1px;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 0.5s ease; }

.buttonAssistance:hover,
.buttonAssistance:focus,
.buttonAssistance:active {
  background: #0074BC;
  color: #ffffff;
  text-decoration: none;
  outline: none; }

.buttonFloat {
  display: inline-block;
  text-align: center;
  top: 0px; }

.buttonFloatHead {
  display: block;
  position: absolute;
  right: 20px;
  top: 52px;
  margin: 0;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #747474;
  padding: 6px 12px 6px 12px;
  border: solid #747474 1px;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.5s, color 0.5s; }
  @media screen and (max-width: 720px) {
    .buttonFloatHead {
      position: relative;
      display: inline-block;
      text-align: center;
      margin: 0;
      margin-top: 20px;
      right: 0;
      top: 0; } }

.buttonFloatHead:hover,
.buttonFloatHead:focus {
  background: #0074BC;
  color: #ffffff;
  border: solid #0074BC 1px; }

.SectionProduitComplementaires {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border: none; }

.correcteurProf,
.dictionnairesIntelligents {
  position: relative;
  width: auto;
  margin-left: 4%;
  height: 60px;
  background-repeat: no-repeat;
  background-size: auto 60px;
  border: solid #747474 1px;
  border-top: solid #747474 0px; }

.correcteurProf {
  background-color: #790b09;
  background-image: url(https://www.prolexis.com/wp-content/themes/prolexis/images/logosProduits/b_bandeProLexis.png); }

.dictionnairesIntelligents {
  background-color: #0d558e;
  background-image: url(https://www.prolexis.com/wp-content/themes/prolexis/images/logosProduits/b_bandeMyriade.png); }

.flex-container-produit {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: normal;
  align-content: center; }

.produitRangee {
  width: 96%;
  height: 74px;
  margin-left: 4%; }

.colGaucheRangee {
  position: relative; }

.blocProduitRangee {
  padding: 6px;
  padding-left: 4px;
  padding-right: 4px; }

.blocProduitRangeePL,
.blocProduitRangeeMyr {
  padding: 0px;
  padding-left: 60px; }

.flex-produitRangee {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: normal;
  align-content: center; }

.flex-produit {
  display: block;
  position: relative;
  margin: 0;
  margin-left: 0.5%;
  margin-right: 0.5%;
  width: 99%;
  max-width: 450px;
  padding: 0; }

.blocProduit {
  width: 100%;
  height: auto;
  background-color: #F4F2ED;
  border: solid #747474 1px; }

.logoProduit {
  width: 100%;
  height: 50px;
  margin-bottom: 15px; }

.logoProLexis {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/logosProduits/b_bandeProLexis.png");
  background-repeat: no-repeat;
  background-size: auto 50px;
  background-position: left; }

.logoMyriade {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/logosProduits/b_bandeMyriade.png");
  background-repeat: no-repeat;
  background-size: auto 50px; }

.logoLRC {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/logosProduits/b_bandeLeRobertCorrecteur.png");
  background-repeat: no-repeat;
  background-size: auto 50px; }

.postes {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 6px;
  padding-left: 20px;
  padding-right: 20px; }

#complementaire .postes p {
  margin-bottom: 0; }

.buttonInfo {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 8px; }

.buttonAcheter {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 8px;
  margin-bottom: 10px; }

input[type="submit"].buttonAjout {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  background-color: #0074BC;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  border-color: #0074BC;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  margin-left: -2px; }

input[type="submit"].btValider {
  display: block;
  position: absolute;
  right: 5%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  background-color: #0074BC;
  text-decoration: none;
  border-width: 1px;
  border-style: solid;
  border-color: #0074BC;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 0px;
  margin-left: -2px; }

.quantite {
  display: inline-block;
  width: 40px;
  padding: 10px 2px 10px 10px;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: -5px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  border-width: 1px;
  border-style: solid;
  border-color: #0074BC;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.quantitePersonnaliserProduit {
  display: inline-block;
  width: 40px;
  padding: 4px 2px 4px 10px;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-right: -2px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  border-width: 1px;
  border-style: solid;
  border-color: #878787;
  border-radius: 6px; }

.quantiteAjout {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  width: 40px;
  padding: 4px 2px 4px 10px;
  margin-top: 4px;
  margin-bottom: 10px;
  margin-right: -6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  border-width: 1px;
  border-style: solid;
  border-color: #878787;
  border-radius: 6px; }

.ajoutForm {
  position: relative;
  display: inline-block; }

.personnaliserCeProduit {
  position: relative;
  width: 90%;
  Height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  background-color: #0074BC;
  text-align: center;
  cursor: pointer; }

.troisProduitsEnValeur {
  position: relative;
  width: 90%;
  Height: auto;
  padding: 0;
  margin: 0;
  margin-left: 5%;
  margin-right: 5%;
  text-align: center;
  background-color: #fff; }

.troisProduitsBordure {
  padding: 0.5%;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
  margin: 0;
  border-left-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-color: #878787;
  border-right-color: #878787;
  border-bottom-color: #878787;
  background-color: #eaeaea; }

.systemeExploitation {
  position: relative;
  text-align: center;
  width: 90%;
  Height: auto;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  background-color: #707070;
  text-align: center;
  cursor: pointer; }

.selectionapplication {
  position: relative;
  text-align: center;
  width: 88%;
  Height: auto;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 2%;
  margin-right: auto;
  margin-top: 10px;
  text-align: center;
  cursor: pointer;
  border-bottom-left-radius: 8px; }

.selectionPL {
  background-color: #B20000; }

.selectionMyr {
  background-color: #0074BC; }

.selectionLRC {
  background-color: #24A840; }

.flecheUpDown {
  width: 25px;
  height: 14px;
  margin: 0;
  display: block;
  position: absolute;
  right: 14px;
  top: 5px;
  transform: rotate(180deg) translate(0%, 50%);
  transform-origin: 13px 14px;
  transition: transform 0.5s ease; }

.flecheUpDownSysteme {
  width: 25px;
  height: 14px;
  margin: 0;
  display: block;
  position: absolute;
  right: 14px;
  top: 8px;
  transform: rotate(180deg) translate(0%, 50%);
  transform-origin: 13px 14px;
  transition: transform 0.5s ease; }

.rotationToggle {
  transform: rotate(0deg) translate(0%, 50%); }

.flecheUpDown img,
.flecheUpDownSysteme img {
  display: block;
  width: 25px;
  height: 14px; }

.flecheUpDown img {
  width: 25px;
  height: 14px; }

.buttonInfo {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #757474;
  padding: 10px 20px 10px 20px;
  border: solid #757474 1px;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 1s ease; }

.buttonInfo:hover,
.buttonInfo:focus,
.buttonInfo:active {
  color: #0074BC;
  border: solid #0074BC 1px;
  background-color: #ffffff;
  outline: none; }

.buttonInfoTroisPropositions {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  margin-top: 0px;
  margin-bottom: 8px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #757474;
  padding: 10px 2px 10px 2px;
  border: none;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  text-decoration: none;
  background-color: transparent;
  transition: background-color 1s ease;
  cursor: pointer; }

.buttonAcheter {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  border: none;
  background-color: #0074BC;
  text-decoration: none;
  transition: background-color 1s ease; }

.buttonAcheter:hover,
.buttonAcheter:focus,
.buttonAcheter:active {
  background-color: #009dff;
  outline: none; }

/** Besoin Assistance **/
.besoin,
.courriel,
.ordinateur,
.probleme,
.detailsCommande,
.modePaiement,
.societe,
.adresse,
.telephone {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px; }

#ordinateur > .contenantForm {
  text-align: center; }

.contenantForm {
  width: 90%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.bonReduction p {
  margin-top: 50px;
  text-align: center;
  font-weight: 700;
  color: #0074BC; }

.bonReduction p label {
  font-family: 'Work Sans', sans-serif;
  font-weight: 800;
  font-size: 0.9em;
  padding: 0;
  padding-left: 4px;
  margin: 0; }

.bonReduction p input[type="radio"] {
  margin-left: 20px; }

.champsTextArea,
.champsInput,
.champsTextAreaCoordonnees {
  margin-bottom: 20px;
  margin-top: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 1.2em;
  color: #747474;
  padding: 10px; }

.champsTextAreaCoordonnees {
  background-color: transparent; }

#champsPassword {
  width: 300px; }

.champsTextArea,
.champsTextAreaCoordonnees {
  width: 100%; }

.contenantForm select {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 1.2em;
  color: #747474;
  padding: 10px; }

.codePromo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 350px; }

.colOrdi,
.colOs {
  display: inline-block; }

input[type="text"],
input[type="textarea"],
input[type="email"],
input[type="password"] {
  width: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #747474;
  background-color: transparent;
  padding: 10px;
  color: #747474; }

#SectionAthentification input[type="email"],
#SectionAthentification input[type="password"] {
  width: 87%; }

#SectionAthentification h5,
#SectionAthentification p {
  margin-left: 5%;
  width: 90%; }

input[type="submit"] {
  width: auto;
  padding: 10px 20px 10px 20px;
  border: 1px solid #0074BC;
  background-color: #0074BC;
  color: #fff;
  transition: background-color 1s;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 10pt; }

input[type="submit"]:hover {
  border: 1px solid #045389;
  background-color: #045389; }

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.6em;
  color: #cbcbcb;
  opacity: 0.5; }

.blanc {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #FFFFFF; }

.gris {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #F8F8F8; }

input[type="radio"].coteAcote {
  display: inline-block;
  margin-right: 0px; }

.blocBouton {
  display: inline-block;
  width: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #747474;
  background-color: transparent;
  padding: 10px;
  padding-left: 10px;
  padding-right: 20px;
  color: #747474;
  margin-bottom: 20px; }

.fichierImg {
  display: inline-block; }

input[type="submit"].btRetour {
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 10px 20px 10px 20px;
  border: 1px solid #0d87da;
  background-color: #ffffff;
  color: #0d87da;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  margin-right: 6px;
  transition: all 1s; }

input[type="submit"].btRetour:hover {
  border: 1px solid #0d87da;
  color: #0d87da;
  background-color: #d3eeff; }

input[type="reset"].btRetour {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 10pt;
  display: inline-block;
  text-align: center;
  width: auto;
  padding: 10px 20px 10px 20px;
  border: 1px solid #0d87da;
  background-color: #ffffff;
  color: #0d87da;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  margin-right: 6px;
  transition: all 1s; }

input[type="reset"].btRetour:hover {
  border: 1px solid #0d87da;
  color: #0d87da;
  background-color: #d3eeff; }

input[type="submit"].btEnvoyer {
  text-align: center;
  border: 1px solid #02873E;
  color: #ffffff;
  background-color: #02873E; }

input[type="submit"].btPoursuivre {
  text-align: center;
  margin-top: 20px;
  border: 1px solid #02873E;
  color: #ffffff;
  background-color: #02873E; }

.blocBoutons {
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px; }

.assistanceEmail {
  display: block;
  position: relative;
  text-align: center; }

.assistanceMac,
.assistanceWin {
  display: inline-block;
  text-align: center;
  margin-left: 30px;
  margin-right: 30px; }

.assistanceMac p,
.assistanceWin p {
  margin-bottom: 10px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 0.8em;
  color: #747474;
  padding: 0;
  margin: 0;
  margin-bottom: 8px; }

.assistanceMac p a,
.assistanceWin p a {
  text-decoration: none;
  color: #0074BC; }

.assistanceMac p a:hover,
.assistanceWin p a:hover,
.assistanceMac p a:focus,
.assistanceWin p a:focus {
  text-decoration: none;
  color: #22aaff;
  outline: none; }

.SectionGenerique {
  width: 90%;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
  margin: 0; }

#etapesRonds {
  text-align: center;
  margin: 0;
  margin-top: 30px; }

.etapeContenant {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-left: 4px;
  margin-right: 4px; }

.etapeActive,
.etapesInactive {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  margin: 0;
  width: 18px;
  height: 18px;
  padding: 1px;
  padding-bottom: 5px;
  padding-left: 3px;
  padding-right: 3px; }

.etapeActive {
  background-color: #B21917;
  border-style: solid;
  border-width: 0.5px;
  border-color: #B21917;
  border-radius: 100%; }

.etapesInactive {
  background-color: #ffffff;
  border-style: solid;
  border-width: 0.5px;
  border-color: #BABABA;
  border-radius: 100%; }

.etapeActive {
  color: #ffffff; }

.etapesInactive {
  color: #BABABA; }

.flex-authentification {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: auto;
  padding-left: 10px;
  padding-right: 10px;
  order: 0; }

#SectionAthentification {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ffffff; }

.bandeRouge {
  width: auto;
  height: auto;
  padding-top: 20px;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #B20000; }

.blocAuthenti {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #F8F8F8;
  padding-bottom: 10px;
  min-height: 380px; }

.contenantFormAuth {
  padding-top: 40px;
  padding-bottom: 10px; }

#frm_login {
  display: block; }

.blocCentrer {
  display: block;
  position: absolute;
  width: 100%;
  top: 50%; }

.buttonCompte {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9em;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  border: none;
  background-color: #0074BC;
  text-decoration: none;
  transition: background-color 1s ease; }

.buttonCompte:hover,
.buttonCompte:focus,
.buttonCompte:active {
  background-color: #009dff;
  outline: none; }

.logoBande {
  display: inline;
  margin-top: -4px; }

.margeGauche {
  margin-left: 60px; }

.detailsProduit {
  float: right;
  padding-right: 10px; }

.contenuItemsFen img.poubelle, .contenuItemsFenRegroupement img.poubelle {
  position: relative;
  width: 20px;
  height: 26px;
  margin: 0;
  padding: 0; }

#contenantCartesCredit {
  margin-top: 20px; }

.carteCredit {
  display: inline;
  margin-left: 5px;
  margin-right: 5px;
  width: 60px;
  height: 40px;
  border-radius: 6px;
  border-style: solid;
  border-width: 2px;
  border-color: #ffffff; }

.tableauCoordonneesRow {
  display: flex;
  width: 100%;
  justify-content: space-between; }

.tableauCoordonneesColumnUn {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 0 0 auto;
  padding-right: 20px; }

.tableauCoordonneesColumnDeux {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1 1 auto; }

.tableauCoordonneesColumnEgale {
  padding: 0 20px 20px;
  width: 100%; }

textarea {
  border: solid 1px; }

#wrapper-search {
  width: 80%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 10% !important;
  padding-right: 10% !important; }

#titreSearch {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f4f2ed;
  margin-top: 100px; }

.searchDiagonal > form {
  text-align: center; }

.searchDiagonal > form label {
  display: none; }

.searchDiagonal > form input.inputbox {
  width: 70%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.4em;
  color: #51514F;
  margin-right: -3px;
  padding: 15px;
  border: solid #0074BC 1px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px; }
  @media screen and (max-width: 720px) {
    .searchDiagonal > form input.inputbox {
      width: 90%;
      border-bottom-right-radius: 6px;
      -webkit-border-bottom-right-radius: 6px;
      -moz-border-bottom-right-radius: 6px;
      border-top-right-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-top-right-radius: 6px; } }

.searchDiagonal > form button {
  margin-left: -3px;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  line-height: 1.4em;
  color: #ffffff;
  padding: 15px;
  border: solid #0074BC 1px;
  text-decoration: none;
  background-color: #0074BC;
  transition: background 0.5s, border 0.5s;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-top-left-radius: 0px; }
  @media screen and (max-width: 720px) {
    .searchDiagonal > form button {
      margin-top: 10px;
      border-bottom-left-radius: 6px;
      -webkit-border-bottom-left-radius: 6px;
      -moz-border-bottom-left-radius: 6px;
      border-top-left-radius: 6px;
      -webkit-border-top-left-radius: 6px;
      -moz-border-top-left-radius: 6px; } }

.searchDiagonal > form button:hover {
  background-color: #025588;
  border: solid #025588 1px; }

.searchDiagonal > form button:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px; }

#blocsWrap {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: #747474; }

.search {
  margin-top: 100px;
  padding: 0px; }

.inputbox {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4em;
  color: #51514F;
  margin-right: -3px;
  padding: 15px;
  border: solid #0074BC 1px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

.btn {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.4em;
  color: #ffffff;
  padding: 15px;
  border: solid #0074BC 1px;
  text-decoration: none;
  background-color: #0074BC;
  transition: background 0.5s, border 0.5s;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  margin-top: 10px;
  margin-bottom: 30px; }

.btn:hover {
  background-color: #025588;
  border: solid #025588 1px; }

.btn:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px; }

.btn-group label {
  display: block; }

.btn-group input {
  width: 70%;
  border: solid #0074BC 1px;
  color: #0074BC; }

.phrases legend,
.only legend {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 2em;
  line-height: 1.2em;
  color: #747474;
  margin-top: 60px;
  margin-bottom: 30px;
  padding-top: 20px; }

.controls label input,
.only label input {
  margin-right: 6px; }

.controls label,
.only label {
  margin-right: 20px; }

.search-results {
  margin-top: 50px; }

dt.result-title {
  margin-top: 30px; }

fieldset.only {
  display: none; }

.ordering-box {
  margin-top: 10px;
  margin-bottom: 10px; }

.result-title a {
  font-weight: 700; }

#faq_menufaq_ecran .menuFAQ,
#menufaq_mobile .menuFAQ {
  font-family: Work Sans;
  font-style: normal;
  font-size: 1.2em;
  line-height: 16px;
  font-weight: 400; }

#menufaq_mobile .menuFAQ ul {
  margin-top: 10px;
  margin-bottom: 20px; }

#faq_menufaq_ecran .menuFAQ ul {
  margin: 0;
  padding: 0; }

#faq_menufaq_ecran .menuFAQ ul li.parent ul li:first-child {
  margin-top: 10px; }

#faq_menufaq_ecran .menuFAQ ul li.parent ul li:last-child {
  margin-bottom: 20px; }

#faq_menufaq_ecran .menuFAQ ul li,
#menufaq_mobile .menuFAQ ul li {
  margin-bottom: 8px; }

#menufaq_mobile .menuFAQ ul {
  margin-left: 0px;
  padding-left: 0px; }

#faq_menufaq_ecran .menuFAQ ul li,
#menufaq_mobile .menuFAQ ul li {
  display: block; }

#faq_menufaq_ecran .menuFAQ ul li span.separator,
#menufaq_mobile .menuFAQ ul li span.separator {
  color: #0064bb;
  cursor: pointer; }

#faq_menufaq_ecran .menuFAQ ul li.parent a,
#menufaq_mobile .menuFAQ ul li.parent a {
  color: #B20000;
  font-weight: 400;
  cursor: pointer; }

#faq_menufaq_ecran .menuFAQ ul li.parent ul li a,
#menufaq_mobile .menuFAQ ul li.parent ul li a {
  margin-left: 20px;
  color: #747474;
  font-weight: 400;
  font-style: normal; }

#faq_menufaq_ecran .menuFAQ ul li.parent ul li a:hover,
#menufaq_mobile .menuFAQ ul li.parent ul li a:hover {
  color: #0074BC;
  text-decoration: none; }

#faq_menufaq_ecran .menuFAQ ul li a,
#menufaq_mobile .menuFAQ ul li a {
  color: #B20000; }

#faq_menufaq_ecran .menuFAQ ul li ul li a:active,
#menufaq_mobile .menuFAQ ul li ul li a:active {
  color: #9A1915; }

#faq_menufaq_ecran .menuFAQ ul li ul li a:before,
#menufaq_mobile .menuFAQ ul li ul li a:before {
  content: '';
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/divers/listeFAQ.png");
  background-size: 8px 8px;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  margin-left: -15px;
  margin-right: 15px;
  display: inline-block; }

#faq_menufaq_ecran .menuFAQ ul li span.nivUn,
#menufaq_mobile .menuFAQ ul li span.nivUn {
  display: block;
  color: #747474;
  margin-left: 10px; }

#faq_menufaq_ecran .menuFAQ ul li span.nivDeux,
#faq_menufaq_ecran .menuFAQ ul li a.nivDeux,
#menufaq_mobile .menuFAQ ul li span.nivDeux,
#menufaq_mobile .menuFAQ ul li a.nivDeux {
  display: block;
  color: #0074BC;
  padding-left: 10px; }

#faq_menufaq_ecran .menuFAQ ul li span.nivTrois,
#faq_menufaq_ecran .menuFAQ ul li ul li a.nivTrois,
#menufaq_mobile .menuFAQ ul li span.nivTrois,
#menufaq_mobile .menuFAQ ul li ul li a.nivTrois {
  margin-left: 10px; }

#faq_menufaq_ecran .menuFAQ ul li.parent ul li a.nivDeux,
#menufaq_mobile .menuFAQ ul li.parent ul li a.nivDeux {
  margin-left: -10px;
  font-weight: 400;
  font-style: normal;
  color: #0074BC; }

#faq_menufaq_ecran .menuFAQ ul li.parent ul li a.nivDeux:before,
#menufaq_mobile .menuFAQ ul li.parent ul li a.nivDeux:before {
  content: '';
  background: none; }

.small {
  display: block;
  margin-bottom: 6px; }

.result-created {
  display: block;
  font-style: italic;
  font-size: 0.8em;
  color: #0092FF; }

.result-text {
  margin-bottom: 4px;
  color: #5d5d5d; }

#divRecherche {
  display: block;
  position: fixed;
  top: -105px;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #f2efe9;
  z-index: 10000;
  text-align: center;
  border-bottom: solid #ffffff 2px;
  transition: top 0.3s ease-in-out; }

#divRecherche.ouvert {
  top: 0; }

#fermerRecherche {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  border-left: solid #ffffff 2px;
  border-bottom: solid #ffffff 2px;
  transition: all 0.5s; }

#fermerRecherche p {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  margin-top: 2px;
  color: #0074BC; }

#fermerRecherche:hover {
  cursor: pointer;
  background-color: #ffffff; }

#champRecherche {
  width: 70%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 14px;
  color: #0074BC;
  padding: 15px;
  border: solid #0074BC 0px;
  border-radius: 0;
  margin-top: 23px;
  margin-bottom: 23px;
  margin-left: 0;
  margin-right: 0; }
  @media screen and (max-width: 720px) {
    #champRecherche {
      width: 60%; } }

#champRecherche:focus {
  outline: none; }

::placeholder {
  color: #dbd5c2; }

.btnRecherche {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  padding: 16px;
  border: solid #0074BC 0px;
  text-decoration: none;
  background-color: #0074BC;
  transition: background 0.5s, border 0.5s;
  margin-top: 23px;
  margin-bottom: 23px;
  margin-left: 0;
  margin-right: 0; }

.btnRecherche:hover {
  background-color: #025588;
  border: solid #025588 1px; }

.btnRecherche:disabled {
  background-color: #8b8b8b;
  border: solid #8b8b8b 1px; }

#searchForm,
#searchForm div.searchintro {
  padding-bottom: 20px;
  border-bottom: solid #e5e5e5 2px; }

#searchForm .btn-toolbar label {
  display: none; }

#searchForm div.btn-toolbar div:first-child {
  display: inline-block;
  width: 70%; }

#searchForm div.btn-toolbar div:nth-child(2) {
  display: inline-block; }

#searchForm input.inputbox {
  width: 100%;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 14px;
  color: #0074BC;
  padding: 15px;
  border: solid #0074BC 0px;
  border-radius: 0;
  margin-top: 23px;
  margin-bottom: 23px;
  margin-left: 0;
  margin-right: 0;
  background-color: #ffffff; }

#searchForm div.searchintro {
  display: block; }

#searchForm button.btn {
  display: inline-block;
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  padding: 16px;
  border: solid #0074BC 0px;
  border-radius: 0;
  text-decoration: none;
  background-color: #0074BC;
  transition: background 0.5s, border 0.5s;
  margin-top: 23px;
  margin-bottom: 23px;
  margin-left: 0;
  margin-right: 0; }

fieldset.phrases legend {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 24px;
  color: #acaaaa;
  padding-top: 20px;
  padding-bottom: 0px; }

fieldset.only,
fieldset.phrases {
  border-width: 0;
  border-style: none;
  padding-left: 0; }

dd.result-category {
  display: none; }

div.phrases-box div.controls label {
  display: inline-block; }
  @media screen and (max-width: 720px) {
    div.phrases-box div.controls label {
      display: block; } }

#ordi {
  width: 250px; }

section.paddingPiedPage {
  position: relative; }

#reseauxSociaux {
  display: block;
  position: absolute;
  right: 16px;
  top: 16px;
  width: 140px;
  height: 24px; }

#instagram,
#facebook,
#twitter,
#linkedIn,
#youTube {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 24px 24px;
  background-repeat: no-repeat; }

#instagram {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/piedpage/instagram.png");
  transition: opacity 0.5s;
  opacity: 0.6; }

#instagram:hover {
  opacity: 1; }

#facebook {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/piedpage/facebook.png");
  transition: opacity 0.5s;
  opacity: 0.6; }

#facebook:hover {
  opacity: 1; }

#twitter {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/piedpage/twitter.png");
  transition: opacity 0.5s;
  opacity: 0.6; }

#twitter:hover {
  opacity: 1; }

#linkedIn {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/piedpage/linkedIn.png");
  transition: opacity 0.5s;
  opacity: 0.6; }

#linkedIn:hover {
  opacity: 1; }

#youTube {
  background-image: url("https://www.prolexis.com/wp-content/themes/prolexis/images/piedpage/youTube.png");
  transition: opacity 0.5s;
  opacity: 0.6; }

#youTube:hover {
  opacity: 1; }

a.reseaux {
  display: block;
  width: 24px;
  height: 24px; }

#et-boc #infolette {
  text-align: center; }

#et-boc #abonne,
#et-boc #txt_activite,
#et-boc #mac,
#et-boc #chk_pl {
  margin-left: 10px; }

#et-boc #abonne {
  width: 400px; }

#et-boc #formInfolettre input[type=text] {
  background-color: transparent;
  font: 400 0.9em/1.2em "Work sans", Arial, Helvetica, sans-serif;
  border-color: #bbb;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  color: #555555;
  padding: 8px 14px;
  height: auto;
  width: 60%;
  margin-bottom: 6px;
  margin-top: 6px; }

#et-boc #formInfolettre label {
  background-color: transparent;
  font: 400 0.9em/1.2em "Work sans", Arial, Helvetica, sans-serif;
  color: #0074BC;
  vertical-align: 10%; }

#et-boc #formInfolettre .sujetInfolettre {
  font: 400 0.9em/1.2em "Work sans", Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  margin-top: 6px;
  margin-bottom: 6px; }

#et-boc #formInfolettre input[type=submit] {
  display: block;
  background-color: transparent;
  font: 400 1em/1.2em "Work sans", Arial, Helvetica, sans-serif;
  border-color: #bbb;
  border-style: solid;
  border-width: 2px;
  border-radius: 5px;
  color: #555555;
  background-color: transparent;
  padding: 8px 14px;
  height: auto;
  width: auto;
  transition: all 0.5s;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto; }

#et-boc #formInfolettre input[type=submit]:hover {
  color: #ffffff;
  background-color: #555555;
  border-color: #555555; }

#quatreCentQuatre {
  display: block;
  position: relative;
  margin-top: 200px;
  margin-bottom: 100px;
  text-align: center; }

/*# sourceMappingURL=style.css.map */