@charset "UTF-8";
/* --- FEUILLE DE STYLE --- */
/* ////////////////////////////////////////////////////////////////////////////

	HARAS ETREHAM // CSS
	NetConception 2020
	-

	01 - COULEURS
	02 - GRADIENT
	03 - FONT
	04 - GLOBAL
	05 - NORMALIZE
	06 - CLASSES GÉNÉRALES
	07 - HEADER
	XX - RESPONSIVE

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

    01 - COULEURS

//////////////////////////////////////////////////////////////////////////// */
/*
$bleuMain : #0860AA;
$bleuVeryLight : #EDF7FE;

$lightGrey : #E5E5E5;
$normalGrey : #D9D9D9;
*/
/* ////////////////////////////////////////////////////////////////////////////

    02 - FONT FAMILY

//////////////////////////////////////////////////////////////////////////// */
/*
font-family: 'Pacifico', cursive;
font-family: 'Lato', sans-serif;
font-family: 'DM Serif Display', serif;
*/
/* ////////////////////////////////////////////////////////////////////////////

    04 - GLOBAL

//////////////////////////////////////////////////////////////////////////// */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/*
.detail_prod_course br::after{
	height:5px;
	width:100%;
	display:block;
	border:1px solid red;
}
/**/

.detailPedigree{
	/*width:75%;*/
	margin:auto;
}


.infoBanniere *,.infoBanniere p, .infoBanniere div, .infoBanniere td, .infoBanniere strong{ 
  color:#ffffff;	
}

.pdf_read.lg-outer .lg-video-cont {
	height: 75%;
}

.pdf_read .lg-video{
	height: calc(96% - 47px)!important;
	padding-bottom:0!important;
	margin-top: 47px;
}

  .partage + .partagerSur {
	display: none;
	position: absolute;
	bottom: 75px;
	background-color: #FFF;
	width: auto;
	padding: 10px;
	border-radius: 3px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}
 .partage + .partagerSur {
	bottom:0px;
	right:38px;
}

 .partage.isActive + .partagerSur {
	display: block;
}

 .partagerSur a{
	display: flex;
	align-items: center;
	width: auto;
	margin: 0 10px 0 0;
}

    .partagerSur a img{
	width: 30px;
	margin-right: 8px;
} 

 .partage.isActive + #partagerSur {
	display: block;
}

#partagerSur {
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	padding: 10px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px rgba(25, 24, 53, 0.2);
	box-shadow: 0 2px 2px rgba(25, 24, 53, 0.2);
	background-color: #EEE;
	width:160px;
	height:170px;
	z-index:99999;
}

#partagerSur > a {
	display: flex;
	margin: 5px;
}

#partagerSur img {
	width: 30px;
	margin-right: 10px;
}

.reaction .partage + .partagerSur {
    bottom: 50px;
    padding: 5px 10px;
}
.reaction  .partagerSur a {
    padding: 5px 0;
    font-size: 16px;
}

.reaction{
	/*border:1px solid red;*/
	display:inline-block;
	position:relative;
	margin-left:8px;
}

.lg body {
  background-color: #FFF;
}

/* The emerging W3C standard
   that is currently Firefox-only */
#content-page,
#sidebar-page {
  scrollbar-width: thin;
  scrollbar-color: #0860AA #eef7fe;
}

/* Works on Chrome/Edge/Safari */
#content-page::-webkit-scrollbar,
#sidebar-page::-webkit-scrollbar {
  width: 6px;
  border-radius: 20px;
}
#content-page::-webkit-scrollbar-track,
#sidebar-page::-webkit-scrollbar-track {
  background: #eef7fe;
}
#content-page::-webkit-scrollbar-thumb,
#sidebar-page::-webkit-scrollbar-thumb{
  background-color: #0860AA;
  border-radius: 20px;
}

/* webkit- (Chrome, Safari, newer versions of Opera) */
.sidebar--wrapper::-webkit-scrollbar {
  display: none;
  width: 0 !important;
}
/* -moz- (Firefox): */
.sidebar--wrapper {
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
/* -ms- (Internet Explorer +10): */
.sidebar--wrapper {
  -ms-overflow-style: none;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  box-sizing: border-box;
  font-size: 62.5%;
  /* -moz- (Firefox): */
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
  /* -ms- (Internet Explorer +10): */
  -ms-overflow-style: none;
  /* Ré-équilibrage du Rem face au Pixel pour des calculs simples / 1.0rem = 10px */
}

/* webkit- (Chrome, Safari, newer versions of Opera) */
html::-webkit-scrollbar {
  display: none!important;
  width: 0 !important;
}

body {
  background: #FFFFFF;
  scroll-behavior: smooth;
  /* Attention les fonctions JS scroll ne marcheront pas avec overflow-x: hidden; */
  /*overflow-x: hidden;*/
}

::selection {
  color: #FFF;
}

::selection {
  background-color: rgba(8, 96, 170, 0.6);
}

::-moz-selection {
  background-color: rgba(8, 96, 170, 0.6);
}

p, div, td {
  color: #333;
  /*font-family: 'Lato', sans-serif;*/
  font-family: 'Didact Gothic', sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5;
}

#editor a {
  font-weight: 600;
}

a {
  color: #0860AA;
  text-decoration: none;
  transition: all 0.2s ease;
}

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

.resume a[target=_blank]::after,
#editor a[target=_blank]::after {
  content: "";
  display: inline-block;
  background-image: url('../images/icon-external-link.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  height: 1.2rem;
  width: 1.2rem;
  margin: 0 0 0 4px;
  transition: all 0.2s ease;
}
.resume a[target=_blank]:hover:after,
#editor a[target=_blank]:hover:after {
  opacity: 0.6;
}

.go-back {
  display: inline-block!important;
  line-height: 1;
  border: 1px solid #0860AA;
  padding: 6px 8px 6px 6px;
  margin: 0 0 10px 0;
}
.go-back::before {
  content: '';
  display: inline-block;
  height: 1.2rem;
  width: 1.2rem;
  background-image: url('../images/arrow-back.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 4px;
  transition: all 0.2s ease;
}
.go-back:hover {
  border-color: #2093f4;
}
.go-back:hover:before {
  opacity: 0.6;
}

.protocole_sanitaire,
.recevoir_brochure {
	display: inline-block;
	font-style:normal;
	position:relative;
	text-align: left;
	padding: 0;
	color: #0860AA;
	font-weight: 400;
	border: 1px solid #0860AA;
	margin: 0;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 1;
	background-color:white;
}

.div_protocole_sanitaire_minis{
	display:inline-block;
	text-align:center;
	margin:20px;
	padding:5px;
	padding: 25px 25px 5px 25px;
    margin: 0px 0px 20px 0px;
    /*background: #0860aa;*/
}
.protocole_sanitaire_minis {
	display: inline-block;
	font-style:normal;
	/*position:relative;*/
	text-align: center;
	padding: 0;
	color: #0860AA;
	font-weight: 400;
	margin: 0;
	padding: 4px 6px;
	font-size: 14px;
	line-height: 1;
	margin:auto;
}
.protocole_sanitaire_minis label{
	display: inline-block;
	text-align:center;
	width:100%;
	padding:5px;
	font-weight:600;
	color:#0860aa;
}
.protocole_sanitaire_minis img{
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	background-color:white;
	text-align:center;
	margin:auto;
}
.protocole_sanitaire::before,
.recevoir_brochure::before {
  flex: none;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('../images/icon-cloud.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 6px;
  vertical-align: middle;
  transition: all 0.2s ease;
}
.recevoir_brochure::before {
	background-image: url('../images/icon-receive.svg');
  background-size: 80%;
}
.protocole_sanitaire:hover,
.protocole_sanitaire_minis:hover,
.recevoir_brochure:hover {
	color: #0860AA;
	border-color: #2093f4;
	opacity: 0.6;
	text-decoration: underline;
}
.protocole_sanitaire:hover:before,
.recevoir_brochure:hover:before {
  opacity: 0.6;
}

.list-lien-etalon > * + * {
  margin-left: 10px;
}

@media (max-width: 1000px) {
	.menu-secondaire-list{
		/*display:block!important;*/
	}
}

@media (max-width: 630px) {
  .list-lien-etalon {
    margin-top: 8px;
    display: flex;
  }
  .etalon_bytype h2.titre {
    margin-bottom: 40px;
  }
  .etalon_bytype .protocole_sanitaire, 
  .etalon_bytype .protocole_sanitaire_minis{
    top: unset!important;
    bottom: -30px;
  }
}

@media (max-width: 450px) {
  .list-lien-etalon {
    flex-direction: column;
    width: 100%;
  }
  .list-lien-etalon > * {
    display: block;
    width: 100%;
  }
  .list-lien-etalon > * + * {
    margin-left: 0;
    margin-top: 5px;
  }
  .etalon_bytype h2.titre {
    margin-bottom: 75px;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: "DM Serif Display", serif;
  font-weight: 400;
}

h1 {
  font-size: 4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(3.2rem, 2.7vw, 5rem);
  line-height: 3.6rem;
  text-transform: uppercase;
  color: #0860AA;
  margin: 0;
  padding: 30px 0;
}

img {
  max-width: 100%;
}

.simpleParallax {
  height: 100%;
  display: flex;
justify-content:center;
align-content:center;
flex-direction:column;

}

#slider-home .btn-menu-open {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  background-color: transparent;
  color: #0860AA;
  font-weight: 300;
  font-size: 2.4rem;
  margin: 40px 0;
  cursor: pointer;
  max-height: unset;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
}
#slider-home .btn-menu-open .menu-icon {
  width: 30px;
  height: auto;
  margin-right: 15px;
}
#slider-home .btn-menu-open:hover {
  opacity: 0.8;
}

#sidebar .btn-menu-close {
  position: absolute;
  top: 15px;
  right: -17.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  min-width: 35px;
  min-height: 35px;
  border-radius: 50px;
  border: none;
  background-color: #FFF;
  border: solid 1px #FFF;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.2s ease;
}
#sidebar .btn-menu-close .menu-icon {
  width: 16px;
  height: 16px;
  margin: 0;
}
#sidebar .btn-menu-close:hover {
  background-color: #EDF7FE;
  border-color: #0860AA;
}

#sidebar .rs-list,
#sidebar .langage-list {
  margin: 0 0 0 10px;
  display: flex;
  flex-direction: column;
}

#sidebar .rs-list--item a,
#sidebar .langage-list a {
  margin: 5px 0 0 0;
}

.for-resp.btn-menu-close,
.for-resp.btn-menu-open {
	display: none;
}

.btn-menu-close,
.btn-menu-open {
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
  background-color: #FFF;
  font-size: 2rem;
  font-weight: 300;
  color: #0860AA;
  max-height: 20px;
  -webkit-user-select: none;
          user-select: none;
  margin: 0 0 0 auto;
  padding: 0;
  transition: all 0.2s ease;
}
.btn-menu-close .menu-icon,
.btn-menu-open .menu-icon {
  width: 15px;
  height: 15px;
  margin-right: 8px;
}
.btn-menu-close:hover,
.btn-menu-open:hover {
  opacity: 0.8;
}

.btn-menu-open .menu-icon {
  width: 20px;
  height: auto;
}

.btn-menu-open.is-hidden,
.btn-menu-close.is-hidden {
  display: none;
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #0860AA;
}
.lg-progress-bar .lg-progress {
  background-color: #0860AA;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {

}
.imagesResume-wrapper .lSSlideOuter {
  background-color: #333;
}
/*
#content-page::after {
  content: '';
  position: sticky;
  bottom: -20px;
  display: block;
  width: calc(100% + 20px);
  height: 10px;
  background-color: #FFF;
  box-shadow: 0 -10px 15px rgba(0,0,0,0.1);
}
*/

.wow {
   visibility: hidden;
}

.bloc_haras .media {
  background-color: #FFF!important;
}

.bloc_haras .galerie,
.bloc_haras .media iframe {
  height: 45vh!important;
}

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

    05 - NORMALIZE

//////////////////////////////////////////////////////////////////////////// */
main {
  display: block;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
  outline: none;
}

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

    06 - CLASSES GÉNÉRALES

//////////////////////////////////////////////////////////////////////////// */
.container {
  max-width: 1920px;
  margin: auto;
}

.spacer {
  height: 40px;
  width: 100%;
}

.flexRow {
  display: flex;
  flex-flow: row nowrap;
}

.flexColumn {
  display: flex;
  flex-flow: column nowrap;
}

.noscroll {
  overflow-x: hidden;
}

.alignleft {
  float: left;
  margin: 0 40px 20px 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin: 0 0 20px 40px;
}

.visually-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.visually-hidden-2 {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

#milieu {
  min-height: 500px;
  padding: 10px;
}

#fond.active {
  position: fixed;
  z-index: 50;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.part-haute {
  height: 75vh;
}

.part-basse {
  height: 25vh;
  background-color: #FFF;
  position: relative;
  z-index: 100;
}

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

    TIPS

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

a:focus:hover {

}

a[href$=".pdf"]::after {
  content: " (PDF)";
}

a[href*="google.com"] {
  color: purple;
}

@media print {
  article a::after { 
    content: " (" attr(href) ")";
  }
}
*/
/* ////////////////////////////////////////////////////////////////////////////

    07 - SIDEBAR HOME

//////////////////////////////////////////////////////////////////////////// */
#sidebar {
  position: absolute;
  left: -400px;
  top: 0;
  z-index: 100;
  height: 75vh;
  width: 320px;
  padding: 30px 35px 40px 30px;
  box-shadow: 20px 0 100px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease-in-out;
  /* IF @supports NOT SUPPORTED (IE) */
  background-color: rgba(255, 255, 255, 0.8);
}

@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* IF backdrop-filter IS SUPPORTED */
  #sidebar {
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}
@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  /* IF backdrop-filter NOT SUPPORTED (IE, Firefox) */
  #sidebar {
    background-color: rgba(255, 255, 255, 0.8);
  }
}
#sidebar.is-open {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.sidebar--wrapper {
  height: 100%;
  overflow: auto;
}

.sidebar--header {
  display: flex;
  justify-content: space-between;
}

.sidebar--header .right-side {
  display: flex;
  align-items: flex-end;
}

.rs-list,
.langage-list {
  list-style: none;
  padding: 0;
  margin: 0 0 5px 0;
  display: flex;
  justify-content: flex-end;
}

.rs-list--item a,
.langage-list a {
  margin: 0 0 0 5px;
}

.rs-list--item a:hover,
.langage-list a:hover {
  opacity: 0.6;
}

#sidebar .langage-list a:hover {
  background-color: #EDF7FE;
  border-color: #0860AA;
}

.rs-list--item a {
  display: block;
  width: 25px;
  height: 25px;
}

.rs-list--item img {
  width: 100%;
  height: 100%;
}

.langage-list--item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background-color: #FFF;
  border: solid 1px #FFF;
  border-radius: 30px;
}

.langage-list--item img {
  width: 18px;
  height: 12px;
}

/* ----------------------------------------------------------------------------
	SIDEBAR PAGE & CONTENT PAGE
----------------------------------------------------------------------------- */
.page {
  display: flex;
}

#content-page .bloc_haras .media iframe {
  height: 60vh!important;
}

#sidebar-page {
  position: absolute;
  left: 0;
  height: calc(100vh - 130px);
  overflow: auto;
  min-width: 260px;
  width: 260px;
  padding: 30px 40px 40px 30px;
  overflow: auto;
  background-color: rgba(255,255,255,0.8);
  z-index: 1000;
  transition: all 0.5s ease-in-out;
  box-shadow: 0px 0px 100px 0px rgb(180 180 180 / 10%);
}

.with-etalons-list #sidebar-page {
  height: calc(75vh - 130px);
}

#sidebar-page.is-close {
  left: -260px;
}

#sidebar-page #menu-pincipal {
  margin-top: 0;
}

#sidebar-page .menu-pincipal-list {
  padding-left: 0;
}

#content-page {
	position: relative;
	height: calc(100vh - 130px);
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	flex: auto;
	margin-left: calc(260px + 40px);
	margin-right: 30px;
	transition: all 0.5s ease-in-out;
}

.header--page--details {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 30px 0 0;
}

.header--page--title {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
}

.header--page--title .g1 img {
  width: 105px;
  margin-left: 15px;
}

.infos-etalons h1 {
  padding: 0 0 5px 0;
}

.infos-etalons {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 0 0;
}
/*
.infos-supp-etalons {
  display: flex;
}
*/

.infos-supp-etalons > * + * {
  margin-left: 10px;
}

.infos-supp-etalons,
.infos-supp-etalons p {
  padding: 0;
  margin: 0;
  text-align: right;
  line-height: 1.2;
  font-size: 1.6rem;
  font-size: clamp(1.4rem, 1.1vw, 1.6rem);
  font-style: italic;
}

.infos-supp-etalons p {
	margin-left: 10px;
	display: inline-block;
	color: #333;
}

.infos-supp-etalons p:nth-child(3) {
	opacity: 0.8;
	padding: 0 6px;
	border: 1px #6FAADC solid;
	color: #3286CD;
}

.infos-supp-etalons .infos-etalon--titre {
  font-family: "Pacifico", cursive;
  color: #0860AA;
  font-size: 3rem;
  font-size: clamp(2.0rem, 1.6vw, 3.0rem);
  font-weight: 400;
  padding: 0 0 2px 0;
  font-style: normal;
}

.menu_etalons {
  display: block;
  border-top:1px solid #0860AA;
  border-bottom:1px solid #0860AA;
  width:100%;
  clear:both;
  margin: 10px 0 0 0;
}
.menu_etalons > ul {
  list-style: none;
  display:flex;
  padding: 0;
  margin: 0;
}
.menu_etalons > ul > li {
  flex: auto;
  border-right: 1px solid #0860AA;
}
.menu_etalons > ul > li:last-child {
  border-right: none;
}
.menu_etalons > ul > li > a {
  display: block;
  width: 100%;
  text-align:center;
  text-transform:uppercase;
  padding: 5px 0 4px 0;
  line-height: 1;
  font-size: 1.6rem;
}
.menu_etalons > ul > li > a:hover {
  background-color:rgba(238,247,254,0.8);
}
.menu_etalons > ul > li > a.cat_active { 
  font-weight: bold;
  background-color: rgba(238,247,254,0.8);
}

/*
#content-page::before {
	content: '';
	display: block;
	z-index: -1;
    position: sticky;
    top: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #FFF;
    box-shadow: 0 2px 20px rgba(0,0,0,0.25);
}

#content-page::after {
	content: '';
	display: block;
	z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 25px;
    background-color: #FFF;
}
*/

.with-etalons-list #content-page {
  height: calc(75vh - 130px);
  padding: 0 20px 10px 0;
  overflow: auto;
}
.with-etalons-list #content-page.full-height {
  height: calc(100vh - 130px);
}

.with-etalons-list + #etalons {
  padding: 1% 1% 1% 1%;
}

#content-page.is-100-large {
  margin-left: 30px;
}

.etalon_bytype .lSSlideOuter,
.etalon_bytype .lSSlideWrapper {
  height: auto!important;
  transition: all 0.2s ease;
}

.listing-etalons--wrapper {
  display: flex;
  margin: 0 auto;
  transition: all 0.2s ease;
  /*
  flex-wrap: wrap;
  margin: 0 -15px;
  */
}

.listing-etalons--item {
  position: relative;
  display: block;
  overflow: visible;
  height: auto;
  transition: all 0.2s ease;
  /*
  width: calc(25% - 30px);
  margin: 0 15px 0 15px;
  padding: 0 0 30px 0;
  */
}
.listing-etalons--item.col-5 {
  width: calc(20% - 30px);
}
.listing-etalons--item .listing-etalons--item--img-wrapper {
  position: relative;
  overflow: hidden;
  padding-bottom: 70%!important;
}
.listing-etalons--item .listing-etalons--item--img-wrapper img {
  display: block;
  width: 100%;
  transition: all 0.8s ease;
}
.listing-etalons--item .listing-etalons--item--img-wrapper span {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  color: #FFF;
  background-color: rgba(8, 96, 170, 0.75);
  padding: 6px 8px;
  font-size: 1.6rem;
  text-align: right;
  font-weight: 300;
  line-height: 1;
  transition: all 0.2s ease;
}
.listing-etalons--item h2 {
  /*
  position: absolute;
  */
  height: 30px;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 5px 0;
  color: #0860AA;
  background-color: #FFF;
  line-height: 1;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-size: 3vh;
  margin: 0 0 0 0;
}

.listing-etalons--item:hover .listing-etalons--item--img-wrapper img {
  transform: scale(1.1);
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .listing-etalons--item .listing-etalons--item--img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
}
/* ----------------------------------------------------------------------------
	MENU PRINCIPAL
----------------------------------------------------------------------------- */
#menu-pincipal {
  margin: 40px 0 30px 0;
}

.g1 {
  display: block
}

.g1 img {
  width: 110px;
  height: auto;
}

.menu-pincipal-list {
  font-family: 'Lato', sans-serif;
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0;
  display: inline-block;
}

.menu-pincipal-list--item {
  padding: 0;
  margin: 0 0 0.4vw 0;
  font-size: 2.4rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.8rem, 1.2vw, 2.4rem);
  text-transform: uppercase;
  transition: all 0.2s ease;
}

.menu-pincipal-list--item.is-selected {
  padding-bottom: 10px;
  margin-bottom: 30%;
}

.menu-pincipal-list--item.is-selected > a::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  height: 4px;
  background-color: #0860AA;
  width: 150px;
  transition: all 0.2s ease;
}

.menu-pincipal-list--item.is-selected > a {
  font-weight: 600;
}

.menu-pincipal-list--item-exclusive.is-selected > a::after {
  width: 100%;
}

.menu-pincipal-list--item a {
  display: block;
  font-weight: 400;
  position: relative;
  color: #0860AA;
}

.menu-pincipal-list:hover .menu-pincipal-list--item:not(:hover) {
  opacity: 0.6;
}

.menu-pincipal-list .menu-pincipal-list--item:hover > a {
  opacity: 1;
  color: #0860AA;
  text-shadow: 0 0 1px #0860AA;
  /*padding-left: 10px;*/
}

.menu-pincipal-list .menu-pincipal-list--item:hover {
  margin-bottom: 30%;
}

.menu-pincipal-list .menu-pincipal-list--item.is-selected:hover > a::after {
  /*left: 10px;*/
}

/*
.menu-pincipal-list .menu-pincipal-list--item:hover > a::after {
	width: 100%;
	margin: 0 0 0 10px;
}

.menu-pincipal-list .menu-pincipal-list--item > a::after {
	content: '';
	display: block;
	height: 2px;
	background-color: $bleuMain;
	width: 0;
	margin: 0 0 0 0;
	transition: all 0.2s ease;
}
*/
.g1:hover {
  opacity: 0.8;
}

.menu-secondaire-list {
  position: relative;
  display: none;

  margin: 15px 0 0 30px;
  padding: 0 0 0 10px;

  font-size: 1.8rem;
  /* clamp(MIN, VAL, MAX) */
  font-size: clamp(1.4rem, 0.98vw, 1.8rem);
  text-transform: none;
  list-style: none;

  border-left: 2px solid rgba(8,96,170,0.2);
}

.menu-tertiaire-list {
  border-left: 0px solid rgba(8,96,170,0.2);
}

.menu-secondaire-list .categorie_etalon {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  text-align: center;
  transition: all 0.2s ease;
}

.menu-secondaire-list .categorie_etalon span {
  display: block;
  font-family: "Pacifico", cursive;
  color: rgba(8,96,170,0.7);
  line-height: 1;
  transform: rotate(-90deg) translateY(-100%);
  padding: 0 0 4px 0;
  transition: all 0.2s ease;
}

.menu-pincipal-list--item.is-selected .menu-secondaire-list {
  display: block;
}

.menu-secondaire-list--item {
  margin: 0;
  text-shadow: none;
}

.menu-secondaire-list--item > a:hover {
  text-shadow: 0 0 1px #0860AA;
}

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

    XX - HEADER PAGE

//////////////////////////////////////////////////////////////////////////// */
.header--page {
  /* height définie pour le calcul en vh */
  height: 130px;
  display: flex;
  align-items: flex-end;
  padding: 0 0 20px 0;
}

.header--page--entete {
  display: flex;
  justify-content: space-between;
  width: 300px;
  min-width: 300px;
  padding: 20px 40px 0 30px;
}

.header--page--entete--lists {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.header--page .langage-list--item a {
  border: solid 1px #6FAADC;
}

.header--page .logo-home img {
  display: block;
  width: 110px;
  min-width: 110px;
  height: 90px;
  margin-right: 10px;
}

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

    07 - SLIDER HOME

//////////////////////////////////////////////////////////////////////////// */
.slider-home--header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
  padding: 30px;
  transition: all 0.2s ease;
  /*background: #ffffff88;*/
}

.slider-home--header.is-hidden {
  opacity: 0;
  visibility: hidden;
}

.logo-home {
  display: block;
  -webkit-user-select: none;
          user-select: none;
}

.logo-home:hover {
  opacity: 0.8;
}

.logo-home img {
  width: 140px;
  height: auto;
}

#slider-home {
  padding-bottom: 37px;
}

#slider-home--wrapper {
  height: 100%;
}

#slider-home--list {
  height: 100% !important;
  padding-bottom: 0 !important;
  background-color: #252525;
}

#slider-home--list video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.slider-home--list--item {
  position: relative;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
/*
.slider-home--list--item .back-logo {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  transform-origin: center center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 455px;
  width: 910px;
  height: 910px;
  background-color: #FFF;
  opacity: 0;
  -webkit-filter: blur(100px);
  		  filter: blur(100px);
  transition: all 0.2s ease;
}
*/
.slider-home--list--item .back-logo {
	display: none;
}



.slider-home--list--item::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 700px;
    height: 700px;
    background-image: url('../images/halo.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    
}

.slider-home--list--item .back-logo.is-hidden {
  background-color: transparent;
  visibility: hidden;
}

#slider-home .lSSlideOuter,
#slider-home .lSSlideWrapper {
  height: 100%;
  overflow: visible;
}

.lSSlideOuter .lSPager.lSpg {
  position: relative;
  z-index: 100;
  margin: 0 !important;
  background-color: #FFF;
}

.lSSlideOuter .lSPager.lSpg > li {
  height: 12px;
  width: 12px;
  padding: 0;
  margin: 12.5px 5px;
}

.lSSlideOuter .lSPager.lSpg > li a {
  height: 100%;
  width: 100%;
  z-index: 1;
  background-color: #0860AA;
  border: solid 1px #0860AA;
  transition: all 0.2s ease;
}

.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a {
  background-color: #FFF;
}

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

    07 - ETALONS

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

#btn-etalons {
  position: absolute;
  top: -30px;
  right: 0;
  align-items: center;

  display: flex;

  transition: all 0.2s ease;

  margin: -1% 1%;
  box-shadow: 0 -4px 8px rgba(0,0,0,0.2);
  border: none;
  height: 30px;
  padding: 0 8px;

  background-color: #0860AA;
  
  cursor: pointer;
  color: #FFF;
}
#btn-etalons::after {
  content: '';

  position: absolute;
  bottom: 0;
  left: -100%;

  display: block;

  width: 100%;
  height: 2px;

  background: rgb(8,96,170);
  background: -moz-linear-gradient(90deg, rgba(8,96,170,0) 0%, rgba(8,96,170,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(8,96,170,0) 0%, rgba(8,96,170,1) 100%);
  background: linear-gradient(90deg, rgba(8,96,170,0) 0%, rgba(8,96,170,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0860aa",endColorstr="#0860aa",GradientType=1);
}
#btn-etalons:hover {
  background-color: #064479;
}
#btn-etalons.is-active span.icon {
  transform: rotate(270deg);
}
#btn-etalons span.icon {
  display: block;
  transform: rotate(90deg);

  transition: all 0.2s ease;
  
  width: 8px;
  height: 20px;

  background-image: url('../images/assets/chevron-R-14x24.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 8px;
}

#btn-etalons span:not(.icon) {
  display: block;

  padding-left: 8px;
}

.lg-backdrop.in {
  opacity: 0.6;
}

#etalons .lSSlideOuter {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#etalons .lSSlideWrapper {
  height: auto!important;
}

#etalons {
  padding: 1% 1% 2% 1%;
}

#etalons--wrapper {
  width: 100%;
  height: 100%;
}

#etalons--wrapper.container {
  max-width: unset;
}

#etalons--list {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: flex;
  width: 100%;
  /*
  height: 100% !important;
  */
  height: auto !important;
}

.etalons--list--item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /*width: 12.5% !important;*/
  /*
  height: 100%;
  */
  height: 0;
  margin-right: 0.5%!important;
  margin-left: 0.5%;
  padding-bottom: 8%;
}
.etalon_bytype{
  height: 100%;
  display: block;
	
}
.etalon_bytype h2.titre {
  color: #0860AA;
  font-family: "Pacifico", cursive;
  text-align: center;  
  font-size: 3rem;
  font-weight: 400;
  padding: 02px 0 10px 0;
}

@media (max-width: 1300px) {
  .etalon_bytype h2.titre {
    text-align: left;
    padding-left: 75px;
  }
}

.etalons--list--item > a {
  font-weight: 400;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  /*height: 100%;*/
  height: 80%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.etalons--list--item > a:hover .etalons--list--item--nom {
  opacity: 1;
  visibility: visible;
}

.etalons--list--item--nom {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.4vw;
  padding: 10px;
  background-color: rgba(8, 96, 170, 0.75);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}


.menu-secondaire-list--item b{
	text-transform:UPPERCASE;
	margin: 0 0 10px 0; 
	display:block;
	font-size:clamp(1.6rem, 1.1vw, 2.0rem);
	font-weight:600;
}

/* if the device cannot hover over elements */
@media (hover: none) {
  .etalons--list--item--nom {
    opacity: 1;
    padding: 6px 8px;
    visibility: visible;
    width: auto;
    height: auto;
    font-size: 1.4rem;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
  }
}

.etalons--list--item--note {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  color: #FFF;
  background-color: rgba(8, 96, 170, 0.75);
  padding: 5px 10px;
  font-size: 0.85vw;
  text-align: right;
  font-weight: 300;
  line-height: 1.2;
  transition: all 0.2s ease;
}

.lSAction > a {
  background-color: #0860AA;
  border-radius: 50px;
  z-index: 1;
  background-image: url(../images/assets/chevron-R-14x24.svg);
  background-size: 10px;
  background-repeat: no-repeat;
}

.lSAction > .lSPrev {
  background-position: 12px center;
  transform: rotate(180deg);
}

.lSAction > .lSNext {
  background-position: 12px center;
}

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

    XX - EQUIPE

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

.liste_equipe {
    
}

#galerie_9, .liste_galerie {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
  display: flex;
  flex-wrap: wrap;
}

#galerie_9 > li, .liste_galerie > li {
  position: relative;
  display: block;
  /*width: calc(33.33% - 20px);*/
  /*padding-bottom: 20%;*/
  width: calc(25% - 20px);
  padding-bottom: 16%;
  height: 0;
  margin: 0 10px 20px 10px;
  overflow: hidden;
  cursor: pointer;
}

@media (min-width: 800px) {
  
	#pedigree_catalogue p{
		white-space: nowrap;
	}
	.div_pedigree {
    max-width: 800px;
    margin: auto;
	}
}

@media (max-width: 750px) {
  .infos-supp-etalons {
    flex-direction: column;
  }
  .infos-supp-etalons > * + * {
    margin-left: 0;
    margin-top: 5px;
  }
}

@media (max-width: 801px) {
  #galerie_9 > li, .liste_galerie > li {
    width: calc(50% - 20px);
    padding-bottom: 30%;
  }
}

@media (max-width: 601px) {
  #galerie_9 > li, .liste_galerie > li {
    width: 100%;
    padding-bottom: 56.25%;
  }
}

#galerie_9 > li div, .liste_galerie > li > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}


#galerie_9 > li > div > img , .liste_galerie > li > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#galerie_9 > li:hover > div, .liste_galerie > li:hover > div {
  transform: scale(1.06);
}

.liste-equipe--wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.liste-equipe--item {
  position: relative;
  display:flex;
  align-items: flex-end;
  width: calc(25% - 20px);
  margin: 0 20px 20px 0;
}

.liste-equipe img {
  /*display: block;
  width: 120px;
  min-width: 120px;
  height: auto;/**/
  max-height: 200px;
  max-width: 200px;
  margin:auto;
}

.liste-equipe-pole h2, .liste-equipe h2 {
  position: relative;
  /*background-color: hsla(207, 91%, 96%, 1);*/
  color:#333;
  font-family: "Pacifico", cursive;
  line-height: 1;
  margin: 15px 0;
  padding: 0 10px 10px 10px;  
}

.liste-equipe-pole h2::after, .liste-equipe h2::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 2px;
  width: 100%;
  background: rgb(236,246,254);
  background: -moz-linear-gradient(90deg, rgba(236,246,254,1) 0%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(90deg, rgba(236,246,254,1) 0%, rgba(255,255,255,0) 100%);
  background: linear-gradient(90deg, rgba(236,246,254,1) 0%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ecf6fe",endColorstr="#ffffff",GradientType=1);
}

.equipe-img-wrapper {
  position: relative;
  max-width:150px;
  display: flex;
  flex: none;
  
  overflow: hidden;
  border:0px solid orange;
}


.liste-equipe--item img {
	transition: transform .2s; /* Animation */
}
.liste-equipe--item:hover img {
	/*border:5px solid red;*/
	 transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.liste-equipe--item .photo1 {
	border:0px solid green;
  position: absolute;

  opacity: 1;
  visibility: visible;

  transition: all 0.2s ease;
  margin:auto;
clear:both;
left:0;
right:0;

}
.liste-equipe--item:hover .photo1 {
  opacity: 0;
  visibility: hidden;
}
.liste-equipe--item .photo2 {
clear:both;
	border:0px solid red;
  opacity: 0;
  visibility: hidden;
  margin:auto;
}
.liste-equipe--item:hover .photo2 {
  opacity: 1;
  visibility: visible;
}

.equipe-contenu {
  padding: 0 0 0 10px;
}

.equipe-contenu h3 {
  color:#0860AA;
  margin: 0 0 6px 0;
  padding: 0;
  line-height: 1;
}
.equipe-contenu p {
  margin: 0;
  padding: 0;
  line-height: 1;
}

.equipe-contenu .mailTo {
  position: absolute;
  left: 4px;
  bottom: 4px;
  border-radius: 25px;
  border: 1px solid #FFF;
  font-family: "Pacifico", cursive;
  color: #FFF;
  font-weight: 100;
  display: block;
  height: 28px;
  width: 28px; 
  background-color: #FFF;
  background-image: url('../images/icon-arobase.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: 0 2px 4px rgba(0,0,0,0.6);
}


@media (max-width: 1701px) {
  .liste-equipe--item {
    width: calc(33% - 20px);
    min-width: 200px;
  }
  .liste-equipe img {
    width: 100px;
    min-width: 100px;
  }
}

@media (max-width: 1301px) {
  .liste-equipe--item {
    width: calc(50% - 20px);
  }
}

@media (max-width: 651px) {
  .liste-equipe--item {
    width: calc(100% - 20px);
  }
}



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

    XX - FOOTER

//////////////////////////////////////////////////////////////////////////// */
footer {
  padding: 10px 0 5px 0;
  border-top: 4px solid #0860AA;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

footer div,
footer p,
footer a,
footer address {
  color: #0860AA;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}

footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer address,
.footer--links-list {
  line-height: 1.4;
}

.footer--credits {
  margin: 10px 30px 0 30px;
}

.footer--credits,
.footer--credits a {
  font-size: 1.0rem;
  text-align: center;
  font-weight: 400;
}

.footer--title {
  position: relative;
  top: -8px;
  font-family: "Pacifico", cursive;
  font-size: 1.8rem;
  white-space: nowrap;
  padding: 0;
  margin: 0 30px 0 0;
}

.footer--rs-list {
  display: flex;
  justify-content: center;
    flex-direction: column;
	margin-top:-5px;
}

.footer--rs-list li {
  height: 25px;
  width: 25px;
  margin: 1px 1px;
}

.footer--rs-list li a {
  display: block;
}

.footer--rs-list li:hover a {
  opacity: 0.8;
}

.footer--rs-list img {
  width: 100%;
  height: 100%;
}

.footer--contact,
.footer--links-wrapper {
  display: flex;
  margin: 0 40px;
}

.footer--rs {
  margin: 0 40px;
}

.footer--newsletter {
  /*margin-top: 15px;*/
  max-width: 250px;
}
.footer--newsletter span {
  display: block;
  text-align: center;
  font-size: 1.4rem;
  color: #333;
  line-height: 1.1;
}
.footer--newsletter span:first-child {
  display: block;
  text-align: center;
  font-size: 1.6rem;
  color: #0860AA;
  margin: 0 0 6px 0;
}
#btn-newsletter-submit {
  border: none;
  background-color: #0860AA;
  color: #FFF;
  cursor: pointer;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  overflow: hidden;
  padding: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-image: url('../images/icon-send.svg');
  background-position: center center;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  transition: all 0.2s ease;
}
#btn-newsletter-submit:hover {
  background-color: #053761;
}
.footer--newsletter .champs {
  display: flex;  
  height: 25px;
  margin: 10px 0 0 0;
}
.footer--newsletter .champs input[type="email"] {
  border: solid 1px #0860AA;
  flex: auto;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0.2s ease;
  padding: 4px 6px;
  font-size: 1.4rem;
  color: #0860AA;
}
.footer--newsletter .champs input[type="email"]:hover {
  border-color: #053761;
}

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

    XX - PAGE ETALONS

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


.lSSlideOuter {
  overflow: visible
}

.lSSlideWrapper,
.lSSlideOuter,
.imagesResume {
  width: 100%;
  height: 100%!important;
  padding-bottom: 0 !important;
}
.imagesResume img {
  display: block;
  width: 100%;
  max-width:100%;       
}
.imagesResume iframe {
  width: 100%;
  height: 100%;
}
@supports (object-fit: cover) {
  .imagesResume img {
    object-fit: cover;
    object-position: center center;
    height: 100%;
  }
}
.imagesResume-wrapper {
  position: relative;
  background-color: #333;
}
.imagesResume-wrapper .lSAction {
  position: absolute;
  z-index: 100;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
}
.imagesResume-wrapper .lSAction.prev {
  left: 0;
}
.imagesResume-wrapper .lSAction.next {
  right: 0;
}
.imagesResume .lslide,
.imagesResume > p {
  display: block;
  height: 100%!important;
}

.icone_obstacle-wrapper {
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border: 1px solid rgba(8, 96, 170, 0.2);
  transition: all 0.2s ease;
}
.icone_obstacle-wrapper .icone_obstacle {
  width: 90%;
  height: auto;
}

.imagesResume-wrapper:hover .icone_obstacle-wrapper  {
  opacity: 0.4;
}

.initiale {
  float: left;
  width: 100px;
  height: auto;
  margin: 0 5px 0 0;
}

#etalon--profil .imagesResume {
  /*background-color: rgba(238,247,254,0.8);*/
}
#etalon--profil .imagesResume-wrapper {
  display: block;
  margin:0 20px 40px 0;
  /* MODIFS 07/07
  float: left;
  width: calc(60% - 20px);
  height: 30vw;
  /**/
  width: 100%;
  height: 40vw;
  
}
 .exclusiveGalerie #etalon--profil .imagesResume-wrapper {
  /*height: 30vw;  */
  height: 562px;  
}
#videoPresentation2{
	display: flex;
	justify-content:center;
	align-content:center;
	flex-direction:column;

}

#etalon--profil .profil--recap {
  float: left;
  display: block;
  width: 40%;
  margin-bottom: 20px;
}

.button-open-lightGallery {
  width: 100%;
  border: none;
  border:  solid 1px #0860AA;
  border-bottom-color: #FFF;
  z-index: 100;
  background-color: #0860AA;
  color: #FFF;
  padding: 6px 10px;
  cursor: pointer;
  font-weight: 100;
  transition: all 0.2s ease;
}
.button-open-lightGallery:hover {
  border-color: #0860AA;
  color: #0860AA;
  background-color: #FFF;
}

.sous_onglets{
  /*border-top:1px solid #0860AA;*/
  width:100%;
  margin:  10px 0 20px 0;
  display:flex;
  clear:both;
}
.sous_onglets a{ 
  border: 1px solid #FFF;
  border-bottom-color: #0860AA!important;
  padding:5px 20px;
  text-align:center;
  text-transform:UPPERCASE;
  white-space: nowrap;
  text-align:center;
}
.sous_onglets span{ 
  border-bottom:1px solid #0860AA;
  width:100%;
}
.sous_onglets .sous_cat_active{ 
  font-weight:bold;
  border-color: #0860AA;
  border-bottom-color: #FFF!important;
  /** /
  background-color: #0860AA;
  color:white;
  /**/
}
.tableau_pedigree{
  border-spacing: 0px;
  margin:0;
  padding:0;
  border:0;
  width: 100%;
}
.tableau_pedigree td{
	text-transform:Capitalize;
  padding:5px;
}
.tableau_pedigree td i{
  color:grey;
  font-size:12px;
}
.tableau_pedigree_total{
  max-width:800px;
  margin:auto;
}
.tableau_pedigree td {
  position: relative;
  padding: 5px 20px;
}

h2.h2etalon{
  padding: 0;
  margin: 0 0 15px 0;
  text-transform:UPPERCASE;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 3rem;
  line-height: 1;
}
#content-page {
  padding-right: 15px;
}

span.barreVerticale {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 10px;
  height: calc(50% + 4px);
  margin: auto;
  border-top: 2px solid #c8e5fc;
  border-left: 2px solid #c8e5fc;
  border-bottom: 2px solid #c8e5fc;
}

span.barreVerticale::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  height: 2px;
  width: 10px;
  margin: auto;
  background-color: #c8e5fc;
  transform: translateX(-100%);
}



.etalon-part h3 {
  padding: 10px 0;
}

.etalon-part h4 {
  font-size: 1.8rem;
  padding: 0;
  margin: 0 0 10px 0;
}

.etalon-part {
  margin: 0 0 40px 0;
}
.etalon-part:last-child {
  margin: 0 0 80px 0;
}

/* PROFIL */
#etalon--profil {
  position: relative;
  margin-top: 10px;
  background-color: #FFF;
}
/* PERFORMANCES */
.performances-wrapper {
  display: flex;
  width: 100%;
}
.photos-courses-wrapper,.photos-courses-wrapper2 {
  position: relative;
  width: 50%;
  /*max-width: 700px;*/
  height: 0;
  /*padding-top: 33.10%;*/
  padding-top: 30.00%;
  background-color: #333;
  margin: 0 15px 0 0;
}
.photos-courses-wrapper2 {
  background-color: transparent;
}
.photos-courses-wrapper img, .photos-courses-wrapper2 img {
  /*max-width: 700px;*/
}
.photos-courses-wrapper img.photo_course, .photos-courses-wrapper .video, 
.photos-courses-wrapper2 img.photo_course, .photos-courses-wrapper2 .video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.photos-courses-wrapper2 .photo_course(){
  display:none;		
}
.photos-courses-wrapper2 .photo_course:first-child(){
  display:block;	
}

.photos-courses-wrapper .video iframe, .photos-courses-wrapper2 .video iframe {
  width: 100%;
  height: 100%;
}

.liste-video-wrapper li , {
  background-color: rgba(8,96,170,0.05);
  margin: 0 0 10px 0;
}

.liste-video-wrapper li a {
  display: flex;
  width: 100%;
}

.liste-video-wrapper li a img {
  width: 80px;
  max-width: 80px;
  height: 60px;
  max-height: 60px;
}

.liste-video-wrapper li a span {
  padding: 10px;
}

ul.liste-courses {
  list-style: none;
  padding: 0;
  margin: 0 0 20px 0;
}

.liste-video-wrapper,
.liste-courses-wrapper {
  width: 50%;
  height: auto;
}

.liste-courses-wrapper ul.liste-courses a:not(.has-onmouseover) {
  cursor: default;
  color: #333;
}
.has-onmouseover{
  cursor: default;
  color: #333;
}
@media (max-width: 1350px) {  
 .exclusiveGalerie #etalon--profil .imagesResume-wrapper {
	height: 54vw;  
 }
}
@media (max-width: 1200px) {
  .photos-courses-wrapper, .photos-courses-wrapper2 {
    width: 55%;
  } 
  .liste-video-wrapper,
  .liste-courses-wrapper {
    width: 45%;
  }
  
}

@media (max-width: 800px) {
  .tableau_pedigree td {
    padding: 5px;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1;
}
  .performances-wrapper {
    display: block;
  }
  .photos-courses-wrapper,.photos-courses-wrapper2 {
    width: 100%;
    padding-top: 56.25%;
    margin: 0 0 10px 0;
    max-width: unset;
  } 
  .liste-video-wrapper,
  .liste-courses-wrapper {
    width: 100%;
  }
}
/* Production */
.wall-of-fame {
  position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
  height: auto!important;
  z-index: 0;
}

#production_videos .liste-videos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}

#production_videos .liste-videos li {
  width: calc(25% - 20px);
  margin: 0 10px 20px 10px;
}

#production_videos .liste-videos .iframe-wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  margin: auto;
}

#production_videos .liste-videos .iframe-wrapper > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-height: none!important;
}

.video-title {
  display: block;
  color: #0860AA;
  padding: 4px 8px;
  background-color: hsl(207, 91%, 95%);
}

@media (max-width: 1200px) {
  #production_videos .liste-videos li {
    width: calc(33.33% - 20px);
  }
}

@media (max-width: 1025px) {
  #production_videos .liste-videos li {
    width: calc(50% - 20px);
  }
}

@media (max-width: 801px) {
  #production_videos .liste-videos li {
    width: calc(100% - 20px);
  }
}

/*
.wall-of-fame li {
  position: relative;
  height: 0!important;
  overflow: hidden;
  padding-top: 5%;
}
.noPager .wall-of-fame li {
  padding-top: 23.4%;
}
*/

.wall-of-fame li > div {
  position: relative;
  height: 0!important;
  overflow: hidden;
  padding-top: 75%;
  /* Ratio 4:3		75%*/
}

.wall-of-fame li img {
  position: absolute;
  top: 0 ;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.wall-of-fame li iframe {
  width: 100%!important;
  height: 100%!important;
  background-color: #333;
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .wall-of-fame li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

.wall-of-fame li .photo-title {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  background-color: rgba(255,255,255,0.6);
  color: #0860AA;
  padding: 8px 12px;
  line-height: 1;
  backdrop-filter: blur(4px);
  overflow: hidden;
}

.wall-of-fame--wrapper .lSGallery {
  display: block;
  text-align: center;
  margin-left: auto!important;
  margin-right: auto!important;
  margin-top: 20px!important;
}

.wall-of-fame--wrapper .lSGallery li {
  border: 2px solid #FFF;
  transition: all 0.2s ease;
}

.wall-of-fame--wrapper .lSGallery a {
  position: relative;
  display: block;
  height: 0;
  padding-bottom: 66.66%;
  border: 1px solid #FFF;
}

@supports (object-fit: cover) {
  .wall-of-fame--wrapper .lSGallery a img {
    position: absolute;
    width: 100%;
    height: 100%!important;
    object-fit: cover;
    object-position: center center;
  }
}

.wall-of-fame--wrapper .lSSlideOuter .lSPager.lSGallery li.active,
.wall-of-fame--wrapper .lSSlideOuter .lSPager.lSGallery li:hover {
  border-color: #0860AA;
  border-radius: 0;
}

.wall-of-fame--wrapper .lSAction > a {
  z-index: 1;
}

.contenu_onglets {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
}

.pedigree_contenu,
.performances_contenu,
.production_contenu {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: all 0.2s ease;
}

/* Sert à afficher les differents contenus des onglets */
.visible {
  opacity: 1;
  visibility: visible;
  height: auto;
}

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

    XX - SUCCES

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

.bloc_succes {
  position: relative;
  overflow: hidden;
  margin: 0 0 20px 0;
}

.bloc_succes-image {
  width: 100%;
  height: 28vw;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

.bloc_succes-image img {
  width: 100%;
  height: auto;
}

@supports (object-fit: cover) {
  /* IF object-fit IS SUPPORTED */
  .bloc_succes-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

.bloc_succes-video iframe {
  width: 100%;
  height: 28vw;
}

.bloc_succes-texte {
  color:white;
  position:absolute;
  width: 30%;
  max-width: 500px;
  min-width: 250px;
}

.bloc_succes.type-header {

}

.bloc_succes.type-bandeau .bloc_succes-texte {
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}

.bloc_succes.type-vignette {
  
}

h2.infoSuccess {
  position: relative;
  left: -60px;
  font-family: 'Lato', sans-serif;
  color:#0860AA;
  font-size:5rem;
  text-transform: uppercase;
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 1;
}
div.infoSuccess { 
  color:#0860AA;
  line-height: 1.3;
  font-size: 1.8rem;
}
div.infoBanniere,
.bloc_succes-video-leg {
	z-index: 21;
  font-family: "DM Serif Display", serif;
  font-weight: 100;
  padding:25px; 
  color:white;
  font-size:1.8rem;
  line-height: 1.4;
}

.bloc_succes-video-leg {
  background-color: #0860AA;
  border-top: 1px solid #FFF;
  padding: 10px 20px;
}


.bloc_succes.type-vignette {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 15%;
}

.vign {
  display: flex;
  flex-direction: column-reverse;
  width: calc(33.33% - 40px);
  margin: 20px 20px 10px 20px;
  position:relative;
  overflow: hidden;
}

.lg-sub-html p {
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 1.6rem;
  font-weight: 100;
}
.lg-sub-html h4 {
  color: #FFF;
  font-family: 'Lato', sans-serif;
  font-size: 1.8rem;
}

.vign-image {
  position: relative;
  background-position:center center;
  background-size:cover;
  padding-top: 60%;
}

.vign h4 {
  font-family: 'Lato', sans-serif;
  padding:0px;
  margin:0px;
  color:#0860AA;
  text-align: right;
  font-size: 1.8rem;
  font-weight: 600;
}
.vign:hover div.infoVignette{
  opacity: 1;
  visibility: visible;
}
div.infoVignette {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color:#0860AA88;
  padding:10px 20px;  
  color:white;
  font-size:1.4rem;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
}
div.infoVignette div { 
  color:white;
  padding: 10px 0 0 0;
  line-height: 1.3;
  font-size:1.4rem;
  text-align: center;
}
div.infoVignette h5 {
  margin:0;
  padding: 0 0 10px 0;
  text-align:center;
  color:white;
  font-size:2.0rem;
  line-height: 1;
  border-bottom:1px solid white;
  width: 100%;
}

#videoPresentation {
  position: relative;
  padding: 0 10% 20px 10%;
  overflow: hidden;
  background-color: rgba(238,247,254,0.8);
}


#videoPresentation .video-wrapper {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

#videoPresentation a {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateY(100%);
}

#videoPresentation iframe,
#videoPresentation video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
	width: 100%;
  height: 100%;
}

#videoPresentation iframe.is-loaded {
}

#btn-goToTop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 40px; /* Place the button at the bottom of the page */
  right: 40px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: rgba(8,96,170,0.6); /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  background-image: url(../images/assets/chevron-R-14x24.svg);
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  transform: rotate(-90deg);
  transition: all 0.2s ease;
}

#btn-goToTop:hover {
  background-color: rgba(8,96,170,1); /* Add a dark-grey background on hover */
}

@media (max-width: 1300px) {
  .bloc_succes.type-vignette {
    padding: 20px 20px;
  }
}

@media (max-width: 1025px) {
  .bloc_succes-image {
    min-height: 40vw;
  }
  .bloc_succes-video iframe {
    height: 40vw;
  }
  .bloc_succes.type-bandeau .bloc_succes-texte {
    position: static;
    box-shadow: none;
    background-color: #0860AA!important;
    width: 100%;
    max-width: unset;
    border-top: 1px solid #FFF;
    transform: none!important;
  }
  div.infoBanniere,
  .bloc_succes-video-leg {
    padding: 10px 15px;
  }
  .bloc_succes.type-header {
    display: flex;
  }
  .bloc_succes.type-header .bloc_succes-image {
    width: 50%;
  }
  .bloc_succes.type-header .bloc_succes-texte {
    width: 50%;
    transform: none!important;
    position: static;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 20px 20px 20px 0;
    max-width: unset;
  }
  h2.infoSuccess {
    left: 0;
    font-size: 3rem;
  }
  .vign {
    width: calc(50% - 40px);
    margin: 20px 20px 10px 20px;
  }
}
.pedigree-iframe-wrapper {
	display: none;
	text-align: center;
	position: relative;
}
.pedigree-iframe-wrapper img {
	margin: auto;
}

.iframe-ratio-A4 {
  position: relative;
  height: 0;
  padding-bottom: 130%;
}

.div_pedigree iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 601px) {
	.pedigree-iframe-wrapper {
		display: block;
	}
  /*
	.div_pedigree {
		display: none;
  }
  .img_pedigree {
    display: block!important;
  }
  */
  .bloc_succes.type-header {
    flex-direction: column-reverse;
  }
  .bloc_succes.type-header .bloc_succes-image {
    width: 100%;
  }
  .bloc_succes.type-header .bloc_succes-texte {
    width: 100%;
    text-align: right;
    padding: 20px;
  }
  div.infoBanniere,
  div.infoSuccess,
   {
    font-size: 1.4rem;
  }
  .bloc_succes.type-vignette {
      padding: 0 0 20px 0;
  }
  .vign {
    width: calc(50% - 20px);
    margin: 10px 10px 10px 10px;
  }
}

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

    XX - ACCES

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

.acces {
  display: flex;
}

.acces--gauche,
.acces--droite {
  width: 50%;
}

.acces--gauche {
  margin: 0 20px 0 0;
}


@media (max-width: 1025px) {
  .acces {
    flex-wrap: wrap;
  }
  .acces--gauche,
  .acces--droite {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .acces--droite {
    min-height: 30vh;
  }
}

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

    XX - RESPONSIVE

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

/* ------------------------------------------- 
	MIN-WIDTH 1200px
------------------------------------------- */
@media (min-width: 1920px) {
  /* MAX FONT SIZE */
  .etalons--list--item--note {
    font-size: 1.3rem;
  }

  .etalons--list--item--nom {
    font-size: 2.5rem;
  }
}

/* ------------------------------------------- 
  MAX-WIDTH 1500px
------------------------------------------- */
@media (max-width: 1500px) {
  .listing-etalons--wrapper {
    padding-right: 10px;
  }
  .listing-etalons--item,
  .listing-etalons--item.col-5 {
    width: calc(25% - 30px);
  }
}
/* ------------------------------------------- 
	MAX-WIDTH 1300px
------------------------------------------- */
@media (max-width: 1300px) {
  /* MIN FONT SIZE */
  .etalons--list--item--note {
    font-size: 1.2rem;
  }

  .etalons--list--item--nom {
    font-size: 1.8rem;
  }

  .footer--contact,
.footer--links-wrapper {
    display: block;
    margin: 0 20px;
  }

  .footer--rs {
    margin: 0 20px;
  }

  .footer--title {
    margin: 0;
  }
  .listing-etalons--item,
  .listing-etalons--item.col-5 {
    width: calc(33.33% - 30px);
  }
}
/* ------------------------------------------- 
  MAX-WIDTH 1025px
------------------------------------------- */
@media (max-width: 1025px) {
  .part-haute {
    height: 65vh;
  }
  .part-basse {
    height: 35vh;
  }
  @supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
    /* IF backdrop-filter IS SUPPORTED */
    #sidebar-page {
      background-color: rgba(255, 255, 255, 0.5);
      -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px);
    }
  }
  @supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
    /* IF backdrop-filter NOT SUPPORTED (IE, Firefox) */
    #sidebar-page {
      background-color: rgba(255, 255, 255, 0.8);
    }
  }
  .menu-pincipal-list--item {
    font-size: 2.6rem;
  }
  .menu-pincipal-list--item {
    margin: 0 0 10px 0;
  }
  .menu-secondaire-list {
    position: relative;
    font-size: 2rem;
  }
  
  
  .menu-secondaire-list--item {
    margin: 0 0 8px 0; 
  }
  #content-page,
  #content-page.is-100-large {
    margin-left: 15px;
    margin-right: 5px;
  }
  .header--page {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    padding: 0 0 10px 0;
  }
  .header--page--entete {
    width: 100%;
    padding: 10px 15px 10px 15px;
  }
  .header--page .logo-home img {
    width: 70px;
    min-width: 70px;
    height: auto;
  }
  .header--page--entete--lists {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  /* GESTION MENU EN RESPONSIVE */
	#sidebar-page {
		left: -260px;
	}
	#sidebar-page.is-open {
		left: 0;
	}
	.header--page--entete--lists .btn-menu-close,
	.header--page--entete--lists .btn-menu-open {
		display: none;
		width: 100%;
		justify-content: flex-end;
	}
	.header--page--entete--lists .for-resp.btn-menu-close,
	.header--page--entete--lists .for-resp.btn-menu-open {
		display: flex;
	}
	.header--page--entete--lists .btn-menu-open.is-hidden,
	.header--page--entete--lists .btn-menu-close.is-hidden {
	    display: none;
	}

  .rs-list,
  .langage-list {
    margin-bottom: 10px;
  }
  .rs-list {
    margin-left: 10px;
  }
  .infos-etalons {
    padding: 5px 15px;
    background-color: rgba(8,96,170,0.05);
  }
  .menu_etalons {
    margin: 0;
  }
  #sidebar-page,
  .with-etalons-list #sidebar-page {
    height: 100%;
    top: 0;
  }
  #content-page {
    height: calc(100vh - 195px);
  }
  .Tableau,
  .table-resp-wrapper {
		position: relative;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		margin: 0;
		padding: 30px 0 0 0;
	}
  .Tableau.real-table {
    padding: 0;
  }
	.Tableau::-webkit-scrollbar,
  .table-resp-wrapper::-webkit-scrollbar {
	    -webkit-appearance: none;
	}
	.Tableau::-webkit-scrollbar:horizontal,
  .table-resp-wrapper::-webkit-scrollbar:horizontal {
	    height: 6px;
	}
	.Tableau::-webkit-scrollbar-thumb,
  .table-resp-wrapper::-webkit-scrollbar-thumb {
	    background-color: #0860AA;
	    border-radius: 20px; 
	    border: 2px solid #eef7fe;
	}
	.Tableau::-webkit-scrollbar-track,
  .table-resp-wrapper::-webkit-scrollbar-track {
	    border-radius: 20px;  
	    background-color: #eef7fe;
	}
	.Tableau::before,
  .table-resp-wrapper::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		margin: 0 auto 10px auto;
		height: 25px;
		width: 25px;
		background-image: url(../images/assets/finger.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
	}
  .Tableau.real-table::before {
    display: none;
  }
  .tab-wrapper,
  .table-resp-wrapper table {
    width: 1000px;
  }
	.Tableau p {
		max-width: 1000px;
	}
	.lg-has-iframe {
		max-width: 85%!important;
	}
  .Tableau thead,
  .Tableau th,
  .Tableau p.legende span {
    font-size: 1.2rem!important;
  }
}
    
/* ------------------------------------------- 
  MAX-WIDTH 801px
------------------------------------------- */
@media (max-width: 801px) {
	div.infoBanniere {
    top: unset!important;
    right: 10px!important;
    bottom: 10px!important;
    left: 10px!important;
  }
  div.infoBanniere * {
    font-size: 1.6rem!important;
  }
	.lg-has-iframe{
		max-width: 99%!important;
	}
	
  .listing-etalons--item, .listing-etalons--item.col-5 {
    width: calc(50% - 30px);
  }
  #etalons {
    padding: 10px 10px 20px 10px;
  }
/*
  .etalons--list--item {
    padding: 0 20px;
  }
*/
  #etalons .lSSlideWrapper {
    height: 100%!important;
  }
  #etalons--list {
    height: 100%!important;
  }
  .etalons--list--item {
    padding: 0;
    height: 100%;
    margin-right: 10px!important;
    margin-left: 10px;
  }

  footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer--contact {
    order: 1;
    margin: 0 10px 30px 10px;
  }

  .footer--links {
    order: 2;
  }

  .footer--rs {
    order: 3;
  }
	
}
/* ------------------------------------------- 
  MAX-WIDTH 601px
------------------------------------------- */
@media (max-width: 601px) {
  .listing-etalons--item, .listing-etalons--item.col-5 {
    width: calc(100% - 30px);
  }
  .menu_etalons > ul > li > a {
    font-size: 1.2rem;
    padding: 12px 0 10px 0;
  }
  .infos-etalons {
    text-align: center;
    display: block;
  }
  .infos-supp-etalons,
  .infos-supp-etalons p {
    text-align: center
  }
  #content-page {
    height: calc(100vh - 230px);
  }
  
	.Tableau p {
		width: 600px;
	}
}








.hiddenTab h2 {
	cursor:pointer;
	position:relative;
}
.hiddenTab h2:after {
	content:"";
	/*content:"▽";    */
	background-color: #0860AA;
	background-image: url(../images/assets/chevron-R-14x24.svg);
	background-position:center center;
	background-repeat:no-repeat;
	margin-left:40px;
	display: block;
	transform: rotate(90deg);
	transition: all 0.2s ease;
	width: 20px;
	padding: 0px 6px 0px 6px;
	margin: 0px 6px 0px 6px;
	border:1px solid #0860AA;
	height: 20px;
	position: absolute;
	right:0px;top:0px;
	/*display:block-inline;*/
	/*
	/**/
	/*
	* /
	-webkit-transform: rotate(90deg) translateY(-50%);
	-moz-transform: rotate(90deg) translateY(-50%);
	-ms-transform: rotate(90deg) translateY(-50%);
	-o-transform: rotate(90deg) translateY(-50%);
	transform: rotate(90deg) translateY(-50%);
	/**/
}/**/
.hiddenTab:hover h2:after {	
	transform: rotate(-90deg);
}/**/
.Tableau {
	margin-bottom:20px;
	width: 100%;
	border-spacing: 0px;
}
.Tableau span {
   display:inline-block;
   float:left;
   margin:0px;
   padding:3px;
}
.Tableau p {
   clear:left;
   margin: 0px 0 0 0;
   padding: 0;
   /*height:100% !important; /	**/
   min-height:1em;
   font-size: 1.4rem;
}
.Tableau p::after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  width: 0;
}

.Tableau span {width:20%;color:#0860AA;text-align:center;line-height: 1;    letter-spacing: -0.5px;}
.Tableau span.col5 {width:5%;}
.Tableau span.col7-5 {width:7.5%;}
.Tableau span.col10 {width:10%;}
.Tableau span.col15 {width:15%;}
.Tableau span.col20 {width:20%;}
.Tableau span.left {text-align:left;}
.Tableau span.col25 {width:25%;}
.Tableau span.col30 {width:30%;}
.Tableau p.legende {font-weight:bold;margin: 0;font-size: 1.2rem;letter-spacing: -0.5px;}
.Tableau p.legende span {color:black;white-space: nowrap;}
.Tableau p.legende span a {letter-spacing: -5px;font-size: 1.4rem;}

.Tableau thead,
.Tableau th {
  font-weight: bold;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1;
  white-space: nowrap;
  letter-spacing: -0.5px;
}
.Tableau tr th.left {
  text-align: left;
}
.Tableau tr td {
  color: #0860AA;
  text-align: center;
  font-size: 1.4rem;
  letter-spacing: -0.5px;
}
.Tableau tr td.left,
.Tableau tr td.left * {
  display: block;
  text-align: left;
}
.Tableau .detail_prod_course_wrapper {
  padding: 5px;
  border: 1px solid #0860AA;
  background-color: rgba(238,247,254,0.8);
  text-align: left;
  color: #0860AA;
  font-size: 1.4rem;
}
.Tableau .link-tri {
  display: inline-block;
  width: 8px;
  height: 14px;
  font-size: 1.4rem;
}

.Tableau p:nth-child(even){
	background-color:#eeeeee;	
}
.ligneTableau0{
	background-color:#eeeeee;
}
.Tableau td{
	margin:2px;
}
.Tableau tr th {
    padding: 3px;
}

.plus{
	background-color:#0860AA;
	border:1px solid #0860AA;
	border-radius:20px;
	padding:03px auto;
	color:white;
	font-size:18px;
	font-weight: 300!important;
	width:25px;
	height:25px;
	line-height: 24px;
	display:inline-block;
}
.plus:hover {
	background-color:white;
	color:#0860AA;
}


.reinit{
	float:right;
	background-color:#0860AA;
	/*border-radius:15px;*/
	padding:03px 8px;
	color:white;
	font-size:16px;
	font-weight: 300!important;
}
.Tableau .divinput{		
	width:115px;
	position:relative;
	/*border:1px solid red;
	display:none;/**/
	
}
.reinit_input{
	position:absolute;
	right:9px;	
	top:4px;		
	/*border-radius:15px;*/
	/*padding:03px 8px;*/
	color:red;
	font-size:8px;
	font-weight: 300!important;
	display:none;
}

.inputSearch{
	width:100px;
	border-radius:10px;
	border:1px solid #ddd;
	padding-left:5px;
	margin-left:8px;
}
@media (min-width: 1024px) {
	.logo_OBS{
		height: 150px !important;
		padding-top: 42px !important;
		margin-bottom: -18px !important;
		margin-top: -42px !important;
	}
}




	.see-next {
		width: 200px;
		height: auto;
		margin: 0 0 10px 0;
	}
	#gotoVideo,#gotoVideoHaras,.goToDiv {
		border: none;
		background-color: transparent;
		cursor: pointer;
		transition: all 0.2s ease;
	}
	#gotoVideo:hover, #gotoVideoHaras:hover,.goToDiv:hover {
		transform: translateY(5px);
	}
	
	
	.hautEtalon{
		padding: 30px 0 30px 0;
		text-align:center;
	}
	
	.partage_FB{
		position:absolute;
		right:0;
		top:0px;
	}
	.partage_FB a{
		background-image: url('../images/picto-facebook.png');
		background-size:8px;
		background-repeat:no-repeat;
		background-position:8px 3px; 
		background-color:#1b74e4;
		color:white;
		border-radius:3px;
		font-size:11px;
		height:20px;
		padding:2px 6px 2px 26px;
		display:inline-block;		
	}
	
	.partage_Twitter{
		position:absolute;
		right:0px;
		top:22px;
	}
	.partage_Twitter a{
		background-image: url('../images/picto-twitter.png');
		background-size: 14px;
		background-repeat: no-repeat;
		background-position: 6px 4px;
		background-color:#0098f4;
		color:white;
		border-radius:3px;
		font-size:11px;
		height:20px;
		padding:2px 6px 2px 26px;
		display:inline-block;
}

@media (max-width: 400px) {
	.partage_FB a span,.partage_Twitter a span{	
		display:none;
	}
	.partage_FB a ,.partage_Twitter a{	
		padding:2px 6px 2px 18px;		
	}
	
	.lg-image {
		position: absolute;
		left: 0;
		top: 10%;
	}
}

.menusSelection .listeSousMenus:before {
	/*content:"▼";*/
}
.menuCatEx:before {
	content:"▼";
}

.lg-img-wrap{
	/*padding-bottom:100px;*/
}

.lg-image{
	padding-bottom:100px;
}
.lg-download{
	display:none!important;
}

.etalon_bytype .lSSlideOuter {
	margin-bottom:50px;
}