body {color: white;background-color: #000;}
body a {color: white; /**text-decoration: underline;**/}
html {scroll-behavior: smooth;}
.lead {font-size: 16px;}

/** suppression du loader.
.image-clignote {
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: url('/img/Logo_fondnoir.png') 50% 50% no-repeat;
    background-size: auto;
cursor: wait;
background-size: 21rem;}

.image-clignote  {
   animation-duration: .8s;
   -webkit-animation-duration: .8s;
   -moz-animation-duration: .8s;
   animation-name: clignoter;
   -webkit-animation-name: clignoter;
   -moz-animation-name: clignoter;
   animation-iteration-count: 3;
   -webkit-animation-iteration-count: 3;
   -moz-animation-iteration-count: 3;
   transition: none;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0; }
  100% { opacity:1; }
}
**/


.marketing .rounded-circle {height:140px;width:140px;padding-top: 36px;}

.carousel-caption p, .carousel-caption h1 {text-shadow: 0px 0px 9px black;}


.navbar .nav-link {font-size: 1em; font-variant: small-caps;font-weight: 600;}
.navbar-dark .navbar-toggler:active { 
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);   
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	transition: .1s;
	transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;
	}
	
.navbar-dark .navbar-toggler {
    color: rgba(72, 72, 72, 0.5);
    border-color: rgba(255,255,255,.1);
    margin-top: 8px;
    background-color: rgba(255,255,255,0.5);
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(10, 10, 10, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.degrade {
    background-color: transparent;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0)),color-stop(0%,rgba(0,0,0,0)));
	background-image: -webkit-linear-gradient(top,rgba(0,0,0) 0%,rgba(0,0,0,0) 100%);
	background-image: -moz- oldlinear-gradient(top,rgba(0,0,0) 0%,rgba(0,0,0,0) 100%);
	background-image: -o-linear-gradient(top,rgba(0,0,0) 0%,rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to bottom,rgba(0,0,0)00%,rgba(0,0,0,0) 100%);;
}

.btn-success {
    background-color: #8eb623;
    border-color: #84ac1f;
}
.navbar-dark .navbar-nav .nav-link {color:#fff;}
.btn-success:hover,.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    background-color: #8eb623;
    border-color: #6f9412;
}

.carousel-indicators li {
     width: 25px;
    height: 25px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 100% 100% 100% 100%;
}

.carousel-indicators li {
    background-color: rgba(234, 91, 12, 0.4);
}


.carousel-indicators .active {
    background-color: #ea5b0c;
}


/*Modif du "Carousel Video" si on est sur MOBILE */
@media screen and (max-width: 750px) {
			.carousel .carousel-caption {
				position: relative !important;
				bottom: 0rem !important; 
				right: 0 !important; 
				left: 0 !important;}

			.carousel {
				margin-bottom: 0rem;
			}
			.carousel-item {height: auto !important}
			
			#press, #presspause {position: relative !important; margin-bottom: -5rem !important; bottom: 8rem !important;}
		/* ajustement Menu si Mobile */
		.navbar-expand-md .navbar-nav {
			padding-left: calc( 100% - 230px ) !important;
			padding-right: 79px !important;}
		.nav-item {	background-color: #000;}
		.formules .nav-tabs .nav-link {
			height: auto !important; 

			}
			
		.scrolled .navbar-brand {
			transform: translatey(-99px) !important;}
}
/* SINON ORDI-TABLETTE : */
@media screen and (min-width: 751px) {

			 #carousel-example-1z::after {
			content: "";
			background-color:transparent;
			width: 100%; height: 100px;
			position : absolute;
			bottom: 0px;
				background-image: url(/img/background_arrow.svg);
				background-size: 100% 100px;
				background-repeat: no-repeat;
				z-index: 1000;
				background-position-y: bottom;
			}
			#press, #presspause {bottom: 15rem !important;}
}
/*Fin de perso mobile*/
#video1 {max-height: 626px;}

.carousel-indicators {z-index: 1020; }
.carousel-indicators li {cursor:pointer;}


.navbar {height: 6rem;
top: 0px;
align-items: normal;
}
.navbar-collapse {align-items: normal;}

.navbar-brand {
position: absolute;
z-index: 1400;
top: 0px;
width: 130px;
height: 130px;
left: 9px;
}


.navbar-brand img {
	top: 0px;
position: absolute;
left: 6px;
height: 6rem;}

.navbar-expand-md .navbar-nav.menu1 {
    padding-left: 10rem;
}

.navbar-expand-md .navbar-brand:active, .navbar-expand-md .nav-item:active {
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);   
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	transition: .1s;
	transition-duration: 0.1s;
	-webkit-transition-duration: 0.1s;}
.navbar-expand-md .nav-item {
    padding-top: 5px;
	
}
.navbar-expand-md .nav-item .nav-link {
/**    padding: 0.3rem 1rem 0.5rem 1rem; **/
}

@media screen and (min-width: 751px) { 
	.navbar-expand-md .nav-item {
		margin-left: 0.2rem;
	}
}

.navbar-expand-md {padding: 0px;}
.navbar-toggler { position: absolute;
right: 20px;}

.dropdown-toggle::after {display: none;}

.navbar-expand-md .navbar-nav .dropdown-menu {
position: fixed;
z-index: 1200;
top: 43px;
left: 190px;
width: calc(100% - 186px);
padding-left: 121px;
background-color: #8eb623;
border: 0px;
}
.navbar-expand-md .navbar-nav .dropdown-menu a { color: #fff;}
.navbar-expand-md .navbar-nav .nav-link {text-align: center;}

#sous-menu > a {padding-right: 67px;}


.marketing .row .contain-rect {
	background-color:white; 
	border-radius:5px;
	padding: 9px;
	color: #737373;
	}
main {
    background-color: #000;
}

/** Menu si scroll **/
.scrolled .navbar-brand{
	-webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);   
    -moz-transform: scale(0.7);
    transform: scale(0.7);
	}
.scrolled #sous-menu  {box-shadow: 0px 3px 8px #2b2820; line-height:0.8; margin-top: 0;}
.scrolled .navbar {height: 4rem;}

.scrolled #sous-menu, .scrolled .navbar-brand, .scrolled .navbar {
-webkit-transition-property: transform width height background-color font-size left top color;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
    transition-property: width height background-color font-size left top color;
    transition-duration: 1s;
    transition-timing-function: ease;
	}


#chevronsbas:active { 
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);   
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	transition: .1s;
	transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;}

#chevronsbas {text-align: center;
font-size: 2rem;
height: 5rem;
color: #Fff;
cursor: pointer;
position: fixed;
bottom: 30px;
width: 60px;
z-index: 9990;
left: calc( 50% - 30px );}
#chevronsbas:hover i {
	animation: bounce 1s ease infinite;
	}
#chevronsbas i {margin-left: auto;
margin-right: auto;
position: relative;
background-color: #23232399;
border-radius: 24px;
width: 50px;
height: 50px;
padding-top: 9px;}
@keyframes bounce{
     from {top: 0px;}
     50%  {top: 25px;}
     to   {top: 30px;}
}


/*Bouton PLay video */
#press{
background-color: #00000070;
border-radius: 9px;
color: white;
position: absolute;
margin-left: calc( 50vw - 55px);
width: 106px;
text-align: center;
cursor: pointer;
padding: 5px;
}

#presspause{
background-color: none;
color: #ffffff45;
position: absolute;
margin-left: calc( 50vw - 55px);
width: 106px;
text-align: center;
cursor: pointer;
padding: 5px;
}
#presspause:hover{color: #ffffff;}


#press span, #presspause span {cursor: pointer !important;}

.navbar .menu1 .nav-link {background-color: #ffffff29;
border-radius: 7px;}

.navbar .active .nav-link {
background-color: #ffffff6e !important;}

.navbar .menu1 .nav-link:hover {
background-color: #ffffff6e !important;}

.ui-to-top:active { 
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);   
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	transition: .1s;
	transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;}

.ui-to-top {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 46px;
    color: #FFF;
    background: #ffa500;
    border-radius: 50%;
    position: fixed;
    right: 1px;
    bottom: 65px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 9996;
	cursor: pointer;
}
ui-to-top:hover {
    color: #FFF;
    background: #e69500;
    text-decoration: none;
}


.ui-to-price:active { 
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);   
    -moz-transform: scale(1.1);
    transform: scale(1.1);
	transition: .1s;
	transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;}

.ui-to-price {
    width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 50px;
    color: #FFF;
    background: #e95d0c;
    border-radius: 50%;
    position: fixed;
    right: 1px;
    bottom: 10px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 9996;
	cursor: pointer;
}
ui-to-price:hover {
    color: #FFF;
    background: #e95d0c;
    text-decoration: none;
}



.modal { color: #737373;}

/*** RESERVATIONS ****/
.iframe-google-form {
    margin-top: 7rem;
}

.iframe-google-form iframe{
    width : 100%;
}


/* Formulaire de Reservations */

form#reservations label {font-weight: bold;margin-bottom:0px;font-size:14px;}
form#reservations .list-radio td:first-child {width: 25px;}
form#reservations .list-radio label {font-weight: normal; margin-bottom: 0rem;
font-style: italic;}
form#reservations i.oblig { color: red;}
form#reservations {
    margin-top: 1rem;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
input::placeholder, textarea::placeholder {
  color: grey;
  font-size: 12px;
  font-style:italic;
}
.typeclient {margin-bottom: 1rem;}

/* Formules */
.nav-tabs { border-bottom: 2px solid #dee2e6;}
#formules {text-align: center;}
.formules .nav-item {text-align: center; height: 100%; margin-top: 5px;}
.formules .nav-item small {font-style: italic;}
.formules .nav-tabs .nav-link {    
	color: #495057;
	background-color:#fff;
	line-height: 18px; /*a supp*/
	height: 78px; /*a supp*/
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);   
    -moz-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;   
    -moz-transform-origin: bottom center;
	transform-origin:bottom center;
			max-width: 300px;
			margin-left: auto;
			margin-right: auto;
		}
.formules .nav-tabs .nav-link strong {font-size: larger;}
.formules .nav-tabs .nav-link:hover {    background-color:#ddd;  
   -webkit-transition: all 100ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 100ms ease-in;
    -ms-transform: scale(1);   
    -moz-transition: all 100ms ease-in;
    -moz-transform: scale(1);
    transition: all 100ms ease-in;
    transform: scale(1);
	
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;   
    -moz-transform-origin: bottom center;
	transform-origin:bottom center;
		}
.formules .nav-tabs .nav-link.active {background-color:#8eb623; color:#FFF; 
   -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
	-webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;   
    -moz-transform-origin: bottom center;
	 transform-origin:bottom center;
		}
.formules .featurette-heading {margin-bottom: 2rem;margin-top: 1rem;}
.formules .tab-content {text-align: center;margin-top: 40px;margin-right: auto; margin-left: auto;padding-right: 13px;
padding-left: 13px;}

.formules .bulle-deroulement-tarifs, .bulle-resa, .bulle-covid{
	background-color: #fff;
border-radius: 5px;
position: relative;
color: #495057;
padding: 10px 20px 10px 20px;
display: inline-block;
text-align: left;}

.bulle-covid{display:block;}
.o-measures__picture {margin-right: 12px; }
.widget-sanitaire {display: flex;margin: 1rem;}
.o-measures__subtitle {font-weight: 600; font-size: 1.5rem; line-height: 1;}
.o-measures__desc {font-size: .875rem;
line-height: 1.2857143; font-weight:regular;}


.formules .bulle-deroulement-tarifs .attention {color: red; font-style: italic;font-size: 80%}
.formules .bulle-deroulement-tarifs {margin-top: 10px;}
.formules .bulle-deroulement-tarifs h4 {text-align: center;}
.formules .bulle-deroulement-tarifs ul {list-style: disclosure-closed;}
.formules .bulle-deroulement-tarifs p {
text-align: center;
padding-bottom: 0.5rem;}

.borderhaut {border-top: solid 1px #dfdfdf;
padding-top: 10px;}


.italic {font-style: italic;}

.featurette strong {font-weight: 600;}





.img-responsive {
width: auto;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;}

.imageproduitscovid, .imagezoneintervention, .imagelocalisation {text-align:center;}
.imagezoneintervention a, .imagelocalisation a {display: block;
width: 300px;
height: 218px;
margin-left: auto;
margin-right: auto;}

.imageproduitscovid .img-responsive { height: 248px; min-height: 300px;}
.imagezoneintervention  .img-responsive {height: 200px; border-radius:10px; width:234px;} 
.imagelocalisation  .img-responsive {height: 200px; border-radius:10px; width:300px;}
/** Hover image produits covid **/
.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  padding-bottom: 18px;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  margin-left: auto;
margin-right: auto;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}


.hovereffect i {
  display: inline-block;
  text-decoration: none;
  background-color: transparent;
position: absolute;
top:40%;}

#imagemodal .modal-dialog {max-width:679px;}


.hovereffect i {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #fff;
  text-transform: uppercase;
  font-size: 28pt; 
}

.hovereffect:hover i {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/** Fin de Hover image produits covid **/


div[id^='slideshow'] {height: 450px;}
div[id^='slideshow'] .imgslideshow {
	background-size: contain;
    width: calc( 100% - 30px );
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
}
.nomade {border-radius: 5px;
background-color: red;
color: #FFFFFF;
font-size: 11px;
padding: 0px 5px 3px 5px;
font-weight: bold;
}
.grecaptcha-badge {position: absolute !important;}

.alert.erreurmsg {position: sticky; bottom: 1rem;}
.alert.msgenvoye {position: fixed; top: 10rem; width:90%;margin-left:5%;}

#clignote {
    font-weight: bold;
    font-style: italic;
  animation: marqueelike 1s infinite;
    text-align: center;
    display:inline-block;
}

 @keyframes marqueelike{
   0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
.titre-simple {text-align:center;padding-bottom: 2rem;} 
/** croix dans body quand pas de header dans la modale **/
.modal-body .close{position: absolute;
right: 0px;
top: 0px;
width: 30px;
height: 30px;
border-radius: 15px;
display: inline-grid;
background-color: #c4c2c2;}


.modal-body a {color: #014c8c;}

/** bandeau cookies **/
#cookieChoiceDismiss {
    font-weight: bold;
    background-color: #959595;
    width: 74px;
    display: inline-block;
    height: 19px;
    border-radius: 7px;
    color: white;
}
#cookieChoiceDismiss:hover {
    background-color: #6f6b6b;
}

.formules .bulle-deroulement-tarifs p.liste-options {text-align: left;}


.liste-btn .btn {
    margin-bottom: 5px;
}

.btn {
    --slant: 0.5em;
    clip-path: polygon(0 0, calc(100% - var(--slant)) 0, 100% var(--slant), 100% 100%, var(--slant) 100%,0 calc(100% - var(--slant)) );
    border-radius: 0px;
	padding: .3rem 1rem 0.5rem 1rem;
}

.form-control {padding: .375rem 0.1rem .375rem .5rem !important;}
.form-control:invalid {
    border-color: #dc3545;
}

/** Slideshow Stories  **/
.slide-stories {height : 450px;}
.slide-stories img {
  max-width: 100%;
  display: block;
}
.slide-stories .slide {
  max-width: 380px;
  margin: 20px auto;
  display: grid;
  box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.4);
}
.slide-stories .slide-items {
  position: relative;
  padding-top:17px;
  height: 90%;
  grid-area: 1/1;
  overflow: hidden;
}
.slide-stories .slide-nav {
  grid-area: 1/1;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
height: 90%;
position: absolute;
width: 100%;
padding-right: 30px;
}
.slide-stories .slide-nav button {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  cursor: pointer;
}
.slide-stories .slide-items > * {
  position: absolute;
  height: 100%;
  top: 0px;
  opacity: 0;
  pointer-events: none;
}
.slide-stories .slide-items > .active {
  position: relative;
  opacity: 1;
  pointer-events: initial;
}
.slide-stories .slide-thumb {
  display: flex;
  grid-column: 1 / 3;
}
.slide-stories .slide-thumb > span {
  flex: 1;
  display: block;
  height: 3px;
  background: rgba(255, 255, 255, 0.4);
  margin: 5px;
  border-radius: 3px;
  overflow: hidden;
}
.slide-stories .slide-thumb > span.active::after {
  content: '';
  display: block;
  height: inherit;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  transform: translateX(-100%);
  animation: thumb 5s forwards linear;
}
@keyframes thumb {
  to {
    transform: initial;
  }
}

.slide-stories .imgslideshow {
	background-size: contain;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
	background-position: center center;
}

/** Fin Slideshow Stories  **/


/** Tableau prix responsive **/ 
    .events-table th,.events-table td {
    text-align:left;
	padding:0px 20px;}
	.events-table th span {border-bottom: solid 1px #000000;}
	.events-table {margin-right: auto;margin-left:auto;}
	
	.events-table .celluletarif {line-height: 14px;}
	.events-table td {padding-bottom: 6px; padding-top: 4px;}
	
@media screen and (max-width: 550px) {
    .events-table thead {
    display: none;
    }

    .events-table tr{
    display: block;
    margin-bottom: 40px;
    }

    .events-table td {
    display: block;
    text-align: left;
    }

    .events-table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    }
    }
/** Fin Tableau prix responsive **/ 

#bulleboissets a {color: white;
text-decoration: underline;}

 .tooltip-inner {
	 box-shadow: -1px 1px 11px 2px rgba(255,255,255,1);
-webkit-box-shadow: -1px 1px 11px 2px rgba(255,255,255,1);
-moz-box-shadow: -1px 1px 11px 2px rgba(255,255,255,1);}

.tooltip.show {
    opacity: 1;
}
.tooltip img {width:100%;}

/** encarts-com **/
.encarts-com {margin-top: 50px; color: #fff;}
.encart-com { margin-top: 50px;}
.encart-com .fond-encart-com {background-color: #fff; border-radius: 10px; padding-left: 10px; padding-right: 10px; }
.encart-com .fond-encart-com h4 {background-color: #8eb623; 
								border-radius: 0px; 
								position: relative;
								top: -18px; 
								transform: skew(-10deg, 0deg);
								text-align: center;
								padding-bottom: 5px;}
.encart-com .fond-encart-com.partenaires h4 {background-color: #e95d0c;}
.encart-com .fond-encart-com.confiance h4 {top: -28px; }
.encart-com .fond-encart-com.presse h4 {background-color: #ffa500;}
.encarts-com .slide-stories .slide-thumb > span {background-color: grey;}
.encarts-com .slide-stories .slide-nav {height: 17px;}
.encarts-com a {
    opacity: 0.5;
    display: block;
    top: 70%;
    position: relative;
    height: 3em;
    line-height: 3em;
    white-space: nowrap;
    color: black;
    background-color: #FFF;
    width: min-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.encarts-com button {display: none;}
.encarts-com .imgslideshow:hover a {opacity:1;text-decoration: underline;}
.encarts-com .slide-stories .slide-nav {width: 90%;}
.encarts-com .slide-stories {height: 300px; }

.nouveau {
    background-color: #e95d0c;
    border-radius: 8px;
    padding: 0px 8px 3px 8px;
}


/** Messenger **/

.fb_dialog_content iframe {right: 0px !important; margin: 0px 1px 0px 12px !important;}




#avisgoogle {
	display: none;
position: fixed;
bottom: 0px;
right: 77px;
height: 30px;
width: 250px;
background-image: url("/img/2022-07-04archyfunGoogle_entete.png");
background-repeat: no-repeat;
background-size: 100% auto;
border-radius: 5px 5px 0px 0px;
-webkit-box-shadow: 0px 0px 10px 1px #000000;
box-shadow: 0px 0px 10px 1px #000;
z-index: 10000;	
}
#avisgoogle:hover {
-webkit-transition: all 100ms ease-in;
-webkit-transform: scale(1.1);
-ms-transition: all 100ms ease-in;
-ms-transform: scale(1.1);
-moz-transition: all 100ms ease-in;
-moz-transform: scale(1.1);
transition: all 100ms ease-in;
transform: scale(1.1);
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-moz-transform-origin: bottom center;
transform-origin: bottom center;
}


#showcarton {font-style: italic; background-color: #f7e2e2;text-align: center;}