body {
  background: #f5f5f5;
  background-size: cover;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  color: #424242; }

header {
  background: #cfd1d2;
  color: white;
  font-size: 87%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px; }

a {
  color: #263383; }

a:visited {
  color: #292929; }

a:hover {
  color: #D40068; }

h1 {
  font-size: 150%;
  color: #263383; }

h2 {
  font-size: 125%;
  color: #292929;
  font-weight: 600;
  margin: 25px 0; }

h2 span {
  font-size: 70%;
  font-weight: 400; }

h2 span a {
  color: #263383; }

h3 {
  font-size: 100%;
  color: #292929;
  font-weight: 600;
  margin: 25px 0; }

.text-primary {
    color: #263383 !important;
}

#logo {
  margin: 0 0 9px 0; }

#filariane {
  margin: 0 auto;
  font-size: 87%;
  background: rgba(255, 255, 255, 0.5);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.navigation-pipe {
  margin: 0 7px; }

#filarianeretour {
  background: rgba(66, 66, 66, 0.5);
  float: left;
  border-top-left-radius: 5px;
  height: 45px; }

#filarianeretour a {
  display: block;
  padding: 10px 15px 0;
  line-height: 1;
  color: white; }

#filarianeretour a:hover {
  color: #424242; }

#filariane div.breadcrumb {
  display: block;
  height: 45px;
  padding: 12px 0 0 65px;
  margin-bottom: 0;
  background: transparent; }

#filariane span a {
  color: #263383; }

#filariane-product {
  font-size: 87%;
  margin-bottom: 0; }

#filariane-product a {
  color: #424242; }

#maincontent {
  background: white;
  padding-bottom: 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

#newsletter-modal {
  color: #424242; }

/* =footer & bottom */
#footer {
  background: #263383;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 15px;
  color: white; }

#socialbar {
  background: #1b245b;
  color: white;
  padding-bottom: 15px;
  padding-top: 15px; }

#socialbar p {
  margin-bottom: 0; }

#newsletter-label {
  margin-top: 5px; }

#followus {
  margin-top: 10px; }

#followus .fa {
  margin-left: 25px; }

#followus a {
  color: white; }

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

.footer-title {
  font-weight: bold;
  margin-top: 15px; }

#footer a {
  color: white; }

#footer li {
  font-size: 81%;
  margin-bottom: 10px; }

/* end =footer & bottom */
#mainmenu {
  margin: 25px 0 0 0;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1;
  font-size: 13px; }

#mainmenu li {
  margin-bottom: 25px; }

#mainmenumobile button {
  border: none;
  text-transform: uppercase;
  font-weight: normal;
  display: block;
  background: #3142ab;
  color: white;
  width: 100%;
  margin: 10px 0;
  padding: 5px 0; }

#mainmenu a {
  color: #263383; }

#mainmenu .list-inline-item:not(:last-child) {
  margin-right: 25px; }

#mainmenu .menu-nos-formations {
    outline: 0;
}

.ul-lirego-custom li {
    color: #d20068;
}
.ul-lirego-custom li span {
    color: #424242;
}

.custom-search {
  width: 100%;
  position: relative; }

.custom-search-input {
  width: 100%;
  height: 34px;
  z-index: 1;
  border-radius: 17px;
  border-width: 0;
  padding: 7px 0 7px 20px; }

.custom-search-btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  width: 36px;
  height: 34px;
  border: 0;
  border-bottom-right-radius: 17px;
  border-top-right-radius: 17px;
  background: #D40068;
  color: white; }

#menu {
  margin: 7px 0 0 0; }

#menu .list-inline-item {
  margin: 0 17px 0 0;
  color: white;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  padding-right: 17px; }

#menu .list-inline-item:last-child {
  margin: 0;
  padding-right: 0;
  border-right: none; }

#menu .list-inline-item a {
  color: #424242; }

#panier {
  display: block;
  border-radius: 17px;
  background: #D40068;
  color: white;
  padding: 7px 0 7px 20px;
  height: 34px;
  font-size: 112%;
  font-weight: bold; }

#panier .fa {
  margin-right: 10px; }

#panier span {
  font-weight: normal;
  font-size: 80%;
  margin-left: 0; }

#panier:hover {
  text-decoration: none;
  background: #D5D604;
  color: #263383; }

#sliderhome {
  margin-bottom: 25px; }

.carousel-caption {
  text-align: left;
  right: 40%;
  left: 10%; }

.carousel-caption h1,
.carousel-caption h2 {
  margin-bottom: 25px;
  color: white;
  font-size: 225%;
  font-weight: 400; }

/* =product-resume */
.product-resume {
  border-radius: 5px;
  border: solid 1px #e1e1e1;
  background: #fafafa;
  margin-bottom: 25px;
  box-shadow: 0 0 30px white;
  transition: box-shadow 1s; }

.product-resume:hover {
  box-shadow: 0 0 30px #c7c7c7;
  background: white; }

.product-resume img {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  transition: opacity 1s; }

.product-resume-thumb {
  display: block;
  position: relative;
  background: #263383;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px; }

.product-resume.with-state:hover .product-resume-thumb img {
  opacity: 0.2; }

.product-resume-tags {
  position: absolute;
  bottom: 7px;
  left: 10px;
  font-size: 81%; }

.product-resume-tags span {
  border-radius: 10px;
  background: #c7c7c7;
  color: #424242;
  margin-right: 5px;
  padding: 2px 5px; }

.product-resume-state {
  position: absolute;
  top: 7px;
  right: 10px;
  color: white;
  text-shadow: 0 0 10px #424242; }

.product-resume-state-details {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  width: 100%;
  top: 10%;
  font-size: 12px;
  color: white;
  text-align: center; }

.product-resume.with-state:hover .product-resume-state-details {
  opacity: 1; }

.product-resume-state-details li {
  width: 40%;
  line-height: 1; }

.product-resume-state-details .icon {
  display: block;
  margin: 0 auto;
  text-align: center; }

.product-resume-state-details .fa-inverse {
  color: #263383; }

.product-resume-infos {
  padding: 10px;
  height: 120px; }

.product-resume-infos p {
  margin-bottom: 0; }

.product-resume-title a {
  font-weight: bold;
  color: #263383; }

.product-resume-title a:hover {
  color: #D40068;
  text-decoration: none; }

.product-resume-category {
  font-size: 81%; }

.product-resume-category a {
  color: #757575; }

.product-resume-actions {
  padding: 10px;
  background: white;
  margin: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top: solid 1px #e1e1e1;
  font-size: 81%; }

.product-resume-actions .add-to-cart a {
  color: #D40068; }

.product-resume-actions .price .old-price {
  font-size: smaller;
  text-decoration: line-through; }

/* end =product-resume */
/* =category-resume */
.category-resume {
  position: relative;
  display: block;
  background: #1b245b;
  margin-bottom: 25px; }

.category-resume img {
  opacity: .5;
  transition: opacity .5s; }

.category-resume:hover img {
  opacity: 1; }

.category-resume span {
  display: block;
  width: 100%;
  position: absolute;
  text-align: center;
  top: 42%;
  text-transform: uppercase;
  color: white; }

/* end =category-resume */
/* =CMS */
.edito-bloc {
  background: #263383;
  color: white;
  padding: 15px !important;
  background-size: cover;
  background-position: center center; }

.edito-bloc h3 {
  font-size: 125%;
  color: white;
  margin: 15px 0 50px 0; }

/* end =CMS */
/* =category */
#categorysum {
  color: white;
  margin-bottom: 25px;
  background-size: cover; }

#categorysum .row {
  background: rgba(0, 0, 0, 0.5);
  padding-top: 50px;
  padding-bottom: 25px; }

#categorysum h1 {
  color: white;
  margin-bottom: 25px;
  font-size: 225%; }

.pagination {
  margin-bottom: 0; }

.page-link {
  color: #263383;
  border: solid 1px #e1e1e1; }

.page-link:hover {
  color: white;
  background-color: #3142ab;
  border-color: #3142ab; }

/* end =category */
/* =produit */
#productsum {
  border-top: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1;
  background: #fafafa;
  font-size: 87%;
  padding-left: 0;
  padding-right: 0; }

#productsum h1 {
  font-size: 150%;
  font-weight: bold;
  margin-bottom: 25px; }

.productdesc {
  background: #fafafa;
  border-radius: 5px;
  padding: 25px;
  font-size: 87%; }

.productdesc h3 {
  font-weight: bold;
  font-size: 100%; }

.productdesc table {
  margin-bottom: 0; }

.productdesc table .text-primary {
  color: #263383 !important; }

.productdesc table .progress-bar {
  background-color: #263383 !important;
  color: white !important; }

#product-breadcrum {
  margin-bottom: 0; }

#productshortdesc {
  padding: 25px; }

#productshortdesc-actions #prices {
  color: #D40068;
  font-weight: bold;
  font-size: 150%; }

#productshortdesc-actions #prices .old-price {
  font-size: 66%;
  text-decoration: line-through;
  font-weight: normal;
  color: #424242; }

#productshortdesc-actions li {
  margin-bottom: 0; }

#productshortdesc-actions #infos {
  margin-top: 0;
  border-bottom: solid 1px #e1e1e1;
  padding-bottom: 10px; }

#productshortdesc-actions #buttons {
  margin-right: 0; }

#productshortdesc-declinaisons select {
  margin-bottom: 25px; }

#productshortdesc-declinaisons label {
  font-weight: bold; }

#productsum .with-state {
  position: relative; }

#productsum .with-state .state-validated,
#productsum .with-state .state-incomplete,
#productsum .with-state .state-failed,
#productsum .with-state .state-not-started {
  position: absolute;
  bottom: 25px;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: larger;
  font-weight: bold;
  letter-spacing: 1px;
  left: 0; }

#productsum .with-state .state-validated {
  background: #90ba44;
  color: white; }

#productsum .with-state .state-incomplete {
  background: #D40068;
  color: white; }

#productsum .with-state .state-failed {
  background: #da3832;
  color: white; }

#productsum .with-state .state-not-started {
  background: #263383;
  color: white; }

#product-state-details {
  font-size: smaller;
  color: #263383; }

#btn-launch-course {
  margin-top: 4px; }

.fa.state-validated {
  color: #90ba44; }

.fa.state-paused {
  color: #D40068; }

.fa.state-passed {
  color: #90ba44; }

.fa.state-incomplete {
  color: #D40068; }

.fa.state-failed {
  color: #da3832; }

/*

#product-resume h1 {
	margin-bottom: $secondarygap;
}

#product-resume h2 {
	color: $maincolor;
	font-weight: 500;
	font-size: 120%;
	margin: $secondarygap 0 $maingap 0;
}



#product-resume p,
#product-resume label {
	font-size: 87%;
}

#product-action-zone .price {
	font-weight: bold;
	font-size: 150%;
	color: $secondarycolor;
	margin-right: $secondarygap;
}

*/
/* end =produit */
/* boutons */
.btn-primary {
  background-color: #D40068;
  border: none;
  color: white !important; }

.btn-primary:hover {
  background-color: #263383; }

.btn-secondary {
  background-color: #263383;
  border: none;
  color: white !important; }

.btn-secondary:hover {
  color: white !important;
  background-color: #424242 !important; }

.btn-light {
  background-color: white;
  border: none;
  color: #424242 !important; }

.btn-light:hover {
  color: white !important;
  background-color: #424242 !important; }

/* end boutons */
#container-menu {
  border-bottom: solid 1px #e1e1e1;
  margin-bottom: 15px; }

#index #container-menu,
#category #container-menu,
#product #container-menu {
  border: none;
  margin-bottom: 0; }

/* =cart */
#layer_cart {
  margin-top: 15px; }

#layer_cart .layer_cart_product .layer_cart_product_info {
  padding: 0 !important; }

.ajax_cart_quantity {
  margin-left: 0 !important; }

/* end =cart */
/* =account */
.myaccount-link-list li a {
  display: block;
  background: #3142ab;
  color: white;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
  font-size: 90%; }

.myaccount-link-list li a:hover {
  background: #D40068;
  text-decoration: none; }

.myaccount-link-list li a .fa {
  margin-right: 10px; }

/* end =account */
/* order =steps */
ul.step {
  display: block;
  list-style: none;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  border: #fafafa;
  margin-bottom: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border: none; }

ul.step li {
  list-style-image: none;
  list-style-type: none;
  margin-left: 0;
  text-align: center;
  position: relative;
  color: #424242;
  background: #fafafa;
  border-color: #fafafa;
  border-width: 0 0 1px 0;
  border-style: solid;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0px; }

ul.step li em {
  display: none; }

ul.step li span, ul.step li a {
  display: block;
  padding: 10px; }

ul.step > li {
  float: none; }

ul.step li.step_done, ul.step li.step_current {
  color: white;
  background: #D40068;
  border-color: #D40068;
  border-width: 0 0 1px 0;
  border-style: solid; }

ul.step li.step_done {
  color: #D40068; }

ul.step li.step_current {
  background: #D40068;
  border-color: #D40068; }

ul.step li.step_done {
  background: #424242;
  border-color: #424242; }

ul.step li.step_done a, ul.step li.step_current a {
  color: white; }

ul.step li.step_done a:hover, ul.step li.step_current a:hover {
  text-decoration: underline; }

@media (min-width: 768px) {
  ul.step {
    display: table;
    table-layout: auto;
    width: 90%; }

  ul.step li span, ul.step li a {
    display: block;
    padding: 15px;
    border-width: 0 0 1px 1px; }

  ul.step > li {
    display: table-cell; }

  ul.step li.step_done, ul.step li.step_current {
    border-width: 0 0 1px 1px; } }
@media (max-width: 768px) {
  ul.step {
    display: none; }

  #order .logosreassurance img {
    display: none; } }
@media (min-width: 992px) {
  ul.step {
    width: auto;
    margin: 30px auto; }

  ul.step li {
    margin-left: 55px;
    border-bottom: none; }

  ul.step li:after {
    position: absolute;
    top: 50%;
    left: 100%;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border: solid transparent;
    border-left-color: #fafafa;
    border-width: 25px;
    margin-top: -25px; }

  ul.step li:first-child {
    margin-left: 0;
    border-left-style: none; }

  ul.step li:first-child span {
    padding: 15px; }

  ul.step li:first-child span:after {
    border: none; }

  ul.step li:last-child:after {
    border-width: 0; }

  ul.step li span, ul.step li a {
    padding: 15px 20px 15px 15px; }

  ul.step li span:after, ul.step li a:after {
    position: absolute;
    top: 50%;
    right: 100%;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-width: 25px;
    margin-top: -25px;
    border: solid #fafafa;
    border-left-color: transparent;
    border-width: 25px; }

  ul.step > li {
    float: left; }

  ul.step li.step_done, ul.step li.step_current {
    border-bottom: none; }

  ul.step li {
    font-size: 15px;
    text-transform: uppercase; }

  ul.step li em {
    display: none; }

  ul.step li.step_done:after {
    border-left-color: #424242; }

  ul.step li.step_current:after {
    border-left-color: #D40068; }

  ul.step li.step_done span:after, ul.step li.step_current span:after, ul.step li.step_current a:after {
    border-color: #D40068 #D40068 #D40068 transparent; }

  ul.step li.step_done a:after {
    border-color: #424242 #424242 #424242 transparent; }

  ul.step li.step_done span:first-child, ul.step li.step_done a:first-child, ul.step li.step_current span:first-child, ul.step li.step_current a:first-child {
    border-left-style: none; }

  ul.step li.step_done1 {
    z-index: 4; }

  ul.step li.step_done2 {
    z-index: 3; }

  ul.step li.step_done3 {
    z-index: 2; }

  ul.step li.step_done4 {
    z-index: 1; }

  ul.step li.step_done5 {
    z-index: 0; } }
.ie8 ul.step li.step_done, .ie8 ul.step li.step_current {
  background: #D40068; }

#order ul {
  list-style: none; }

/* end order =steps */
/* payment_module */
.payment_module a {
  background: #263383;
  padding: 10px;
  border-radius: 5px;
  color: white;
  display: block;
  text-decoration: none; }

.payment_module a:hover {
  background: #D40068;
  text-decoration: none; }

/* end =payment_module */
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  #logo {
    margin: 0 0 15px 0; }

  #maincontent {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

  #productshortdesc-image {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 0, 80% 100%); }

  header .custom-search {
    margin-top: 20px; } }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  header {
    margin-bottom: 50px; }

  #logo {
    margin: 0; }

  header .custom-search,
  #panier {
    margin-top: 15px; }

  #filariane {
    width: 93%; }

  #maincontent {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

  #menu {
    margin-bottom: 0; }

  #followus {
    margin-top: 0; } }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #logo {
    margin: 0; }

  header .custom-search,
  #panier {
    margin-top: 4px; }

  #menu {
    margin-top: 10px; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #logo {
    margin: 0; }

  .product-resume-state-details {
    top: 15%; }

  .product-resume-state-details li {
    width: 30%; }

  header .custom-search,
  #panier {
    margin-top: 8px; }

  #menu {
    margin-top: 15px; } }