html{
	/*Fix ie et edge de M...*/
	overflow-x : hidden !important;
}

body,html { 
	/*descend le footer (à tester)*/
	min-height:100%;
 }
/*fix fait un trait gris sous FF*/
html, form {
    height: initial !important;
}


/*affichage et redim du header au chargement de la page*/
header{
	height: auto !important;
	height: initial !important;
}

.bandeau{
	width:100%;
}

/*footer, #M80 td, #M80 tr{
	background-color: transparent !important;
	border: none !important;
}
#dwwM81{
	position: absolute !important;
}*/

/*utilisé car webdev met la couleur de l'ide dans les td internes des elements*/
.ElisathFond>tbody>tr>td{
	/*remis en commentaire car on ne voit plus les cellules + claire dans le panier à droite*/
	/*background-color: transparent !important;*/
}
.ElisathElement>tbody>tr>td{
	background-color: transparent !important;
}
.ElisathElementVif>tbody>tr>td{
	background-color: transparent !important;
}
.ElisathElementSobre>tbody>tr>td{
	background-color: transparent !important;
}
.ElisathHeader>tbody>tr>td{
	background-color: transparent !important;
	/*fix IE11*/
	/*display:block;*/ /*fait des bugs d'affichage sur les autres navigateurs*/
}
.ElisathFooter>tbody>tr>td{
	background-color: transparent !important;
}
/*Fix ie11*/
.ancragesup .ElisathHeader>tbody>tr>td{
	/*display:block;*/
	/*background-color: red!important;*/
	/*overflow:hidden;*/
}
/*Fix oeil qui apparait*/
*[style*="visibility: hidden;"] *{
	visibility: hidden;
}
/*logo*/
.logo{
	border: none;
	/*height: 60px;*/
	/*min-height: 60px;*/
	max-width: calc(100% - 10px);
	max-height: 80px;
	margin: 5px;
	/*margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-left: 10px;*/
	margin-bottom: 0px;
	margin-top: 0px;
}

/*icone des articles dans la page de vente*/
.icone-article{
	max-width: 100%;
	max-height: 80px;
	margin-top: 0px !important;
	display: inline-block !important;
	margin-bottom: 4px;
}

/*largeur des Images des Etapes*/
/*.ImageEtape{
	width: 100%!important;
	max-width: 80px!important;
	margin : auto;
	
}*/
/*@media (min-width:480px){
	.fondImageEtape > span{
		width: 80%!important;
		margin-top: 10px;
  }
}*/
.ImageEtape{
	max-height: 60px;
	margin-top: 10px;
}
/*calendrier centré en hauteur*/
.que-calendrier+div, .centrage-calendrier+div{ 
	top: 20% !important; 
	right: 1px !important;
	vertical-align: middle!important;
}

/*Champ de saisie avec que le calendrier de visible*/
.que-calendrier{
	/*width: 100px !important;*/
	color: transparent !important;
	background-color: transparent !important;
	border: 1px solid transparent !important;
	box-shadow:unset!important;
	visibility: hidden!important;
}

/*fleche pour remonter*/
#ElisathFleche {
	position: fixed !important;
	right: 20px !important;
	bottom: 100px !important;
	width: 64px !important;
	height: 64px !important;
	z-index: 9999 !important;
}

/*le menu (car flottant quand on descend)*/
.menu_principal>nav {
	top: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
	left: 0px !important;
	border-left: 1px solid !important;
	border-right: 1px solid !important;
	z-index: 9999 !important;
}

.ElisathMenu{
	border-left: 1px solid !important;
	border-right: 1px solid !important;
	/*évite les dépassement de hauteur dans le menu*/
	height: 80px !important;

}
@media (max-width:480px){
	/*pas de séparateur V en mode mobile*/
	.ElisathMenu{
		border-width: 0px !important;
	}
}
/*Fix : padding quand un sous menu est survolé*/
.htmlstd .webdevclass-riche.ElisathMenu{
    padding-right: 10px !important;
    padding-left: 10px !important;
}

/*Fix : empeiche l'accès aux boutons de la page en mode tablette*/
.wbChampVoletAmovibleBarreNavigation{
	width:0px !important;
	overflow:visible !important;	
}
/*taille du menu pour les téléphones*/
@media (max-width: 480px){
	.wbMenuMobile{
		width:100vw !important;
	}
	
	.ElisathMenu{
		height: 50px !important;
		width:100vw !important;
	}
}
/*taille du menu pour les tablettes*/
@media (min-width: 481px) and (max-width: 960px) {
	.ElisathMenu{
		height: 50px !important;
		/*width:100vw!important;*/
	}
	.wbLienMenu{
		height: 50px !important;
	}
	.WDSousMenu{
		top: 9px !important;
	}
}
.wbChampVoletAmovibleBarreNavigation:active{
	box-shadow:none !important;
}

/*petite flèche pour les téléphone et tablettes*/
.wbPictoFleche {
	/*+gros que celle d'origine*/
	border-top: .5rem solid transparent !important;
	border-bottom: .5rem solid transparent !important;
	border-left: .5rem solid #000 !important;
	top: 35% !important;
	/**/
}
@media (max-width: 480px){
	.wbPictoFleche {
		left: 8px !important;
	}
}


.ElisathMenu:hover{
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.ElisathSousMenu{
	outline: 1px solid !important;
	/*min-width: 150px !important;*/
	/*right: 50% !important;*/
	top: 1px !important;
	position: relative !important;
	min-width: 200px!important;
}

.WDMenuOption{
	/*min-width: 150px !important;*/
}

.WDSousMenu{
	/*fix bug d'affichage Opéra 12*/
	/*display: block !important;*/ /*commentaires car bug au dérroulé enroulé*/
	
}

.wbLienMenu {
	/*min-width: 200px!important;*/
  /*white-space: normal !important;*/
}

.ElisathCalendrierDefaut span, .ElisathCalendrierDefaut a{
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	height: 100% !important;
	width: 100% !important;
	overflow: hidden !important;
}

/*affiche avec toute la hauteur du planning*/
.ElisathPlanning>div {
  height: 100% !important;
  /*width: 100% !important;*/
}

/*affiche avec toute la largeur du planning */
.WDPLN-ZoneCorps{
	/*max-width: 100% !important;
    overflow: auto !important;*/
}
/*fix bug d'affichage (décallage) des colonnes du planning dans la page des emplacements*/
.WDPLN-ZoneGenerale {
    /*width: 100% !important;
    height: 0 !important;*/
}
 .WDPLN-ZoneGeneralVertical .WDPLN-ZoneCorps{
	height: 100% !important;
	/*overflow-x: auto !important;*/
	overflow-y: hidden !important;
}
.WDPLN-ZoneGeneralVertical>tbody>tr>td{
	background-color: transparent !important;	
}
 /*.WDPLN-ZoneTitresVertical {
	height: 100% ;
	display: inline-table;
	overflow: hidden !important;
}*/
.WDPLN-RendezVousExterne {
	/*max-width: 100% !important;
	overflow: hidden !important;*/
}
.WDPLN-RendezVous {
	cursor: pointer !important;
}
.WDPLN-RendezVousSelect{
	cursor: pointer !important;
}
.WDPLN-RendezVousTitre{
	border: 1px solid !important;
}
.WDPLN-RendezVousBas{
	height: 0px !important;
}
/*met lascenseur horizontal en premier plan*/
.fl-scrolls {
	z-index:99;
}
/*.WDPLN-Conteneur {
	width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important
}*/

/*fix bas de page*/
#bas_de_page{
	bottom: 0px !important;
	width: 100% !important;
}
/*cookie info*/
.CookieInfo, .ElisathFooterCookie{
	width: 100% !important;
}
/*taille du texte des cookies en fonction de la taille de l'écran*/
@media (max-width: 640px){
	.txt-cookies *{
		font-size: 2.2vw!important;
		/*color: red!important;*/
	}
}
/*Taille du texte du lien fermer*/
@media (max-width: 460px){
	.CookieInfo a{
		font-size: 3vw!important;
		/*color: red!important;*/
	}
}
/*fix bt avec images de fond (pb webdev)*/
.htmlstd .padding.ElisathBoutonM:active, .webdevclass-riche.ElisathBoutonM:active{
	/*padding-left: 11px!important;*/
	padding: 1px 0px 1px 1px !important;
	font-size: medium !important;
	
 }
 /*pour rendre invisible*/
 .invisible{
	visibility:hidden;
 }
 /*popup connexion par dessus les autres*/
 .popup-dessus{
  z-index : 996!important;
}
 .popup-dessus.WDPopupVisible + div{
  z-index : 995!important;
}


/*validite_article sur la page de vente*/
.validite_article{
	font-weight: initial;
	text-align: center;
	font-style:  italic;
	
}
/*Menu en majuscule et sans le souligné*/
.ElisathMenu, .WDMenuOption, .ElisathMenu:hover, .WDMenuOption:hover{
	text-transform: uppercase;
}

.ElisathMenu,
.ElisathSousMenu,
.ElisathMenu:hover,
.ElisathSousMenu:hover{
	text-decoration: none;
}

/*jours de l'agenda en mode mois*/
.WDPLN-Heure span{
	color: black;
}
/*couleur jours hors mois du planning en mois*/
.WDPLN-HorsMois, .WDPLN-HorsMoisPair{
	background-color: rgba(128,128,128,0.07)!important;
}
/*coins arrondis*/ 
.rounded{
	border-radius: 4px;
}

/* bouton panier*/ 
.AddIconPanier:before{
  content: "\f291  ";
  font: normal normal normal 14px/1 FontAwesome;
  /*font-size: inherit;*/
  font-size: x-large;
  text-rendering: auto;
}
.AddIconFleche:before{
content: "\f178  ";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
}

/* bouton hamburger menu*/
.AddIconBurger:before{
  content: "\f0c9";
  font: normal normal normal 28px/1 FontAwesome;
  /*font-size: inherit;*/
  /*font-size: xx-large;*/
  text-rendering: auto;
}
input[type="password"]{
	min-height: 30px;
}

/*met un peu d'aspace dans les textes personnalisés*/
.message-perso{
	padding-top:8px;
	padding-bottom:8px;
}

/*---------------------------*/
/***   custom checkboxes   ***/
/*---------------------------*/

input[type="checkbox"] { 
	display:none; 
} /* to hide the checkbox itself */
input[type="checkbox"] + span:before {
  font-family: FontAwesome;
  display: inline-block;
	background-color: white;
}

input[type="checkbox"] + span:before { 
	   content: "\f1db"; 
    /* color: black; */
    margin-left: -24px!important;
    margin-right: 3px!important; /*pas + car crée décallages*/
    /* letter-spacing: 2px; */
    font-size: 24px;
    cursor: pointer;
    height: 19px;
    width: 19px;
    line-height: 19px;
    border-radius: 12px;
} /* space between checkbox and label */

@media (max-width:960px){
	input[type="checkbox"] + span:before { 
		font-size: 22px;
		height: 17px;
		width: 17px;
		margin-left: -22px!important;
	}
}
@media (max-width:480px){
	input[type="checkbox"] + span:before { 
		margin-left: -21px!important;
	}
}
input[type="checkbox"]:checked + span:before { 
    content: "\f05d";
    color: lightgreen;
    
} 
input[type="checkbox"] + span{
	/*texte a coté par défaut*/
}

/*image carte bancaires*/
.LogoCB{
  background-image: url(../../IMG/PaiementSecuriseSansTexte.jpg) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain;
}

/*Fixe la largeur de certains bonutons*/
.BTNPanierSuppr{
	width: 40px!important;
}


/*---------------------------*/
/*       Flèche remonter     */
/*---------------------------*/
/*opacité de la flèche remonter*/
#ElisathFleche {
	opacity: 0.5 !important;
}
#ElisathFleche:hover {
	opacity: 0.85 !important;
}

/*Enleve le carré bleu sous Chrome du bouton sélectionné*/
/*https://openclassrooms.com/forum/sujet/comment-supprimer-les-border-d-un-input-actif-98203*/
input:focus, button:focus {
     outline:  none;
}

/*---------------------------*/
/*     Defilement du texte   */
/*---------------------------*/
.defileParent {
	position:relative;
	/*background-color: red!important;*/
	min-height:30px;
	overflow:hidden; /*le laisser sinon créer bugs en mode mobile*/
}
.defile {
	position : absolute;
	white-space: nowrap;
	white-space: nowrap;
	/*background-color: yellow!important;*/
	/*min-width: 100%;*/
	/*height:100%;*/
	
	/*animation*/
	-webkit-animation:moveMarquee 15s linear infinite;
	-moz-animation:moveMarquee 15s linear infinite;
	-ms-animation:moveMarquee 15s linear infinite;
	-o-animation:moveMarquee 15s linear infinite;
	animation:moveMarquee 15s linear infinite;
	/*met un peu d'espace au dessus*/
	padding-top: 4px;
}
	
@-webkit-keyframes moveMarquee {
	0%{
		-webkit-transform:translateX(200%);
		-webkit-transform:translateX(100vw);
	} 
	100%{
		-webkit-transform:translateX(-100%);
	}
}
	
	
@-moz-keyframes moveMarquee {
	0%{
		-moz-transform:translateX(200%);
		-moz-transform:translateX(100vw);
	} 
	100%{
		-moz-transform:translateX(-100%);
	}
}
	
@keyframes moveMarquee {
	0%{
		transform:translateX(200%);
		transform:translateX(100vw);
	} 
	100%{
		transform:translateX(-100%);
	}
}

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 15px;
}

::-webkit-scrollbar:horizontal {
    height: 15px;
}