html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
@font-face {
  font-family: LouisGeorgeCafe;
  src: url("../design/fonts/Louis\ George\ Cafe\ Light.ttf");
}
@font-face {
  font-family: lemonmilk;
  src: url("../design/fonts/LEMONMILK-Light.otf");
}
@font-face {
  font-family: GeoSans;
  src: url("../design/fonts/GeoSans.ttf");
}
@font-face{
  font-family: ThunderBold;
  src: url("../design/fonts/Thunder\ Bold.otf");
}
html{
  font-family: "LouisGeorgeCafe";
  font-size: 1.2rem;
  /*pour firefox*/
  scrollbar-width: auto;
  scrollbar-color: #fdb5c5 rgb(230,230,230);
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}
::-webkit-scrollbar{
  width: auto;
  height: auto;
}
::-webkit-scrollbar-track{
  background-color: rgb(230,230,230);
}
::-webkit-scrollbar-thumb{
  background-color: #fdb5c5;
}
body{
  background-color: rgb(255, 255, 255);
}
table{
  border-collapse:collapse;
}
table td{
  vertical-align: middle;
}
ul li{
  list-style-type:none;
}
h1{
  font-family:"lemonmilk";
  text-transform: uppercase;
  color: rgb(100,100,100);
  text-align:center;
  font-size:1.7rem;
  text-shadow: 0.1rem 0.1rem 0.3rem rgb(230, 230, 230);
  margin-top:3rem;
  margin-bottom:5rem;
}
h2{
  font-family: "ThunderBold";
  font-size: 3rem;
  color: #fdb5c5;
  text-align: center;
}
h3{
  text-align:center;
  font-size: 1.4rem;
  color:rgb(255, 0, 64);
  margin-bottom:0.5rem;
}
h4{
  color:rgb(255, 0, 64);
  font-size: 1.35rem;

}
h5{
  font-size:1.25rem;
  color:rgb(255, 0, 64);
  margin:4rem 0 4rem 0;
  text-align:center;
}
h6{
  color:rgb(255,0,64);
  font-size: 1.25rem;
  text-align:center;
  margin-bottom:1.5rem;
}
hr{
  height: 1px !important;
    border: none;
  background: rgba(230,230,230);
  background: linear-gradient(90deg, rgba(230,230,230) 10%, #fdb5c5 50%, rgba(230,230,230) 90%); 
  margin-top:2rem;
  margin-bottom:4rem;
}
hr::after {
  content: '★';
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform-origin: 50% 50%;
  padding: 0.85rem;
  background-color: white;
}
a{
  color:rgb(255, 0, 64);
  text-decoration: none;
  transition: all 0.3s ease-out !important;
  -webkit-transition: 0.3s ease-out !important;
  -moz-transition: 0.3s ease-out !important;
  -o-transition: 0.3s ease-out !important;
}
a:hover{
  color: #fdb5c5;
}
a:active{
  color: black;
}
.underline{
  position: relative;
}
.underline::before{
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0.05rem;
  background-color: #fdb5c5;
  transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  -webkit-transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
  -o-transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (hover: hover) and (pointer: fine){
  .underline:hover::before{
    left: 0;
    right: auto;
    width: 100%;
  }
}
/*link a line under*/
.link{
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.link::before, .link::after{
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}
.link::before{
  content: '';
}
.line-met::before{
  transform-origin: 50% 100%;
  transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  -webkit-transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  -moz-transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  -o-transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
}
.line-met:hover::before{
  transform: translate3d(0, 1px, 0) scale3d(1.08, 1, 1);
  -webkit-transform: translate3d(0, 1px, 0) scale3d(1.08, 1, 1);
  -moz-transform: translate3d(0, 1px, 0) scale3d(1.08, 1, 1);
  -o-transform: translate3d(0, 1px, 0) scale3d(1.08, 1, 1);
  clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}
.line-met{
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  -webkit-transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  -o-transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}
.line-met:hover{
  transform: translate3d(0, -1px, 0);
  -webkit-transform: translate3d(0, -1px, 0);
  -moz-transform: translate3d(0, -1px, 0);
  -o-transform: translate3d(0, -1px, 0);
}
.font-bold{
  font-weight: bold;
}
.parag{
  margin-top: 0rem;
  margin-bottom: 2rem;
}
.imgResponsive{
  height: auto;
  max-width: 100%;
}
#scrollUp{
  position: fixed;
  z-index: 5;
  bottom: 2rem;
  right: -10rem;
  margin-right:0.66rem;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  vertical-align: middle;
}
#fleche-up{
  color:white;
  text-align:center;
}
#btn_up{
  width:2rem;
  height:1.2rem;
  background-color: rgb(100,100,100);
  opacity: 25%;
  border-radius: 15%;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
#btn_up:hover{
  background-color: #fdb5c5;
  opacity: 85%;
}

/*BODY CONTENT*/
.body_content{
  margin: 0 auto 0 auto;
  max-width: 60rem;
  height:100%;
  padding-top: 4.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 7rem;
}

/*ALERTE POPUP*/
#popup{
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.verify-window{
  position: absolute;
  max-width:32rem;
  max-height:18rem;
  left:50%;
  margin-left:-16rem;
  top:50%;
  margin-top:-9rem;
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.2);
}
#left18{
  width:50%;
  float:left;
}
#right18{
  width:50%;
  float:right;
}
#icon18{
  max-height:4rem;
  width:auto;
  float:left;
  margin: 1.75rem 0 0 1.75rem;
}
.mascotte18{
  position: relative;
  scale:100%;
  float:right;
  margin-top:-1rem;
  margin-right:-1rem;
}
.title18{
  font-weight:bold;
  margin: 3rem 0 1rem 6.4rem;
  width:120%;
  word-wrap:normal;
}
#verif-descript{
  color:rgb(130,130,130);
  margin: 0 0 3.5rem 2rem;
  width:120%;
}
.verify-window ul{
  display:block;
  text-align:center;
  width:110%;
}
.verify-window ul li{
  display:inline-block;
  margin: 0 0 0 0.5rem;
}
#button18y{
  background-color: #fdb5c5;
  color: white;
  cursor: pointer;
  height:3rem;
  width: 7rem;
  border-radius: 2rem;
  border: 0.1rem solid #fdb5c5;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#button18n{
  background-color: white;
  color: rgb(125, 125, 125);
  cursor: pointer;
  height:3rem;
  width: 7rem;
  border-radius: 2rem;
  border: 0.1rem solid rgb(125, 125, 125);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
#button18y:hover{
  color:white;
  background-color: rgb(255,0,64);
  border: 0.1rem solid rgb(255,0,64);
  transform: translateY(0.05rem);
  -webkit-transform: translateY(0.05rem);
  -moz-transform: translateY(0.05rem);
  -o-transform: translateY(0.05rem);
}
#button18n:hover{
  background-color: rgb(245,245,245);
  transform: translateY(0.05rem);
  -webkit-transform: translateY(0.05rem);
  -moz-transform: translateY(0.05rem);
  -o-transform: translateY(0.05rem);
}
#button18y:active{
  color: white;
  background-color: rgb(255,0,64);
  border: 0.1rem solid rgb(255,0,64);
}
@media only screen and (max-width: 50rem){
  .verify-window{
    scroll-behavior: auto;
    max-width:14rem;
    max-height:18rem;
    left:50%;
    margin-left:-7rem;
    top:50%;
    margin-top:-9rem;
  }
  #left18{
    float: none;
    position: static;
    width: auto;
  }
  #right18{
    float: none;
    position: static;
    width: auto;
  }
  #icon18{
    max-height:2.2rem;
    width:auto;
    margin:-0.5rem 0 0 0.75rem;
  }
  .title18{
    margin: 1.5rem 0 1rem 3.5rem;
    font-size: 1.2rem;
  }
  #verif-descript{
    color:rgb(130,130,130);
    margin-top:auto;
    margin: 0 1.5rem 2rem 1.5rem;
    width:80%;
  }
  .mascotte18{
    display:none;
  }
  .verify-window ul{
    width:100%;
  }
  .verify-window ul li{
    margin:0 0 0 0;
  }
  #button18y, #button18n{
    font-size: 0.75rem;
    height:2.5rem;
    width: 6rem;
    margin:0 0.2rem 1.5rem 0.2rem;
  }
}

/*HOME.HTML*/
#home_block{
  max-width: 55rem;
  margin:0 auto;
}
#welcomeMsg{
  color:black;
  font-size: 1.25rem;
  text-align: center;
  border-left:1px rgb(130,130,130) solid;
  border-right:1px rgb(130,130,130) solid;
}
#welcomeMsg p{
  padding:0 2rem 0 2rem;
}
/*Carousel*/
#document_wrapper{
  position:relative;
  overflow:hidden;
  min-width:25%;
  height:auto;
}
#container{
	position:relative;
	margin:0 auto;
	width:800px;
	background:#fff;
}
#gallery{
	height:600px;
	width:100%;
	position:relative;
	left:0;
	padding-bottom:0;
}
.carousel{
	position:absolute;
	margin-left:-10px;
	width:850px;
	height:600px;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
  overflow:hidden;
}
.carousel-left, .carousel-right{
  filter: opacity(0.2) grayscale(100);
  -webkit-filter: opacity(0.2) grayscale(100);
  -moz-filter: opacity(0.2) grayscale(100);
  -o-filter: opacity(0.2) grayscale(100);
}
.carousel-left{
	left:-860px;
}
.carousel-right{
	left:860px;
}
.carousel-slider{
	height:600px;
	position:absolute;
	left:0;
}
.carousel-content{
	position:relative;
	margin-left:-10px;
	float:left;
	width:850px;
	height:600px;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
}
/*boutons*/
#btn-left, #btn-right{
	position:absolute;
	background:white;
	width:0px;
	height:0px;
	top:125px;
	display:none;
	cursor:pointer;
}
#btn-right{
	right:130px;
}
/*nav numbers*/
#nav-btns{
	position:relative;
	top:400px;
	height:30px;
	width:850px;
}
#nav-btns{
	text-align:right;
}
#nav-btns a{
	text-decoration:none;
	color:#888;
	padding:0 8px;
	margin:0 !important;
}
#nav-btns a.btn-active{
	border-top:10px solid #fff;
	text-decoration:none;
	color:#000;
}
#nav-btns a:hover{
	color:#000;
}
@media only screen and (max-width: 50rem){
  #slideshow{
    transform: scale(75%);
    -webkit-transform: scale(75%);
    -moz-transform: scale(75%);
    -o-transform: scale(75%);
  }
}
/*button go*/
#btn_go_gallery{
  text-align:center;
  margin-top:2rem;
  margin-bottom:2.5rem
}
#go{
  width:auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-flex-align: center;
  -o-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-flex-pack: center;
  -o-flex-pack: center;
  justify-content: center;
}
.fleche{
  font-family: "lemonmilk";
  color: rgb(125,125,125);
  text-decoration: none;
  position: relative;
  padding: 0.75rem 2rem 0.75rem 1rem;
  transition: all 0.15s;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
}
.fleche .bg{
  background: #fdb5c5;
  width: 1rem;
  height: 0.2rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -1px;
  z-index: -1;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
.fleche:hover{
  padding-right: 20px;
  color: #fff;
}
.fleche:hover .bg{
  height: 100%;
  width: 100%;
  transform: translate(0, -50%) skew(-12deg, 1deg);
  -webkit-transform: translate(0, -50%) skew(-12deg, 1deg);
  -moz-transform: translate(0, -50%) skew(-12deg, 1deg);
  -o-transform: translate(0, -50%) skew(-12deg, 1deg);
}
.fleche .bg:before, .fleche .bg:after {
  content: '';
  height: 0.2rem;
  width: 0.6rem;
  background: #fdb5c5;
  position: absolute;
  right: -2px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.fleche .bg:before {
  bottom: 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.fleche .bg:after{
  top: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.fleche:hover .bg:before,
.fleche:hover .bg:after{
  right: 0;
}
.fleche:hover .bg:before{
  bottom: 6px;
}
.fleche:hover .bg:after{
  top: 6px;
}

/*GALLERY.HTML*/
.gallery-title{
  max-width:55rem;
  padding-bottom: 5rem;
  margin:0 auto;
}
.centrerbordel{
  text-align: center;
}
#prev-galleries{
  display: block;
  align-content: center;
  margin-bottom: 5rem;
}
#prev-galleries li{
  display: inline-block;
  max-width:14rem;
  min-height:7rem;
  padding: 0 0.25rem 0.5rem 0.25rem;
  cursor: pointer;
  opacity: 80%;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
}
#prev-galleries li:hover{
  transform: scale(101%);
  -webkit-transform: scale(101%);
  -moz-transform: scale(101%);
  -o-transform: scale(101%);
  scale:101%;
  opacity:100%;
}
#prev-galleries li:active{
  filter:grayscale(33%);
  -webkit-filter:grayscale(33%);
  -moz-filter:grayscale(33%);
  -o-filter:grayscale(33%);
}
/*g_galleries x,y,z...*/
#menu_gallery{
  display:block;
  text-align: center;
}
#menu_gallery li{
  display:inline-block;
}
.cropped_img{
  display:block;
  margin: 0 1rem 0.5rem 1rem;
  width: 175px;
  height: 22px;
  object-fit: cover;
  object-position: bottom right;
  transition: filter 0.5s ease-out, transform 0.2s ease;
  -webkit-transition: filter 0.5s ease-out, transform 0.2s ease;
  -moz-transition: filter 0.5s ease-out, transform 0.2s ease;
  -o-transition: filter 0.5s ease-out, transform 0.2s ease;
}
.cropped_img:hover,.cropped_img:active{
  filter: hue-rotate(325deg);
  -webkit-filter: hue-rotate(325deg);
  -moz-filter: hue-rotate(325deg);
  -o-filter: hue-rotate(325deg);
  transform: scale(105%);
  -webkit-transform: scale(105%);
  -moz-transform: scale(105%);
  -o-transform: scale(105%);
}

/*STORE.HTML*/
.sub-sites{
  display:block;
  width:100%;
  text-align:center;
  margin-bottom: 1.5rem;
}
.sub-sites li{
  display: inline-block;
  height:100px;
  max-width:45%;
  overflow:hidden;
  border-radius: 0.5rem;
}
#items{
  display:block;
}
#items li{
  display:inline-flex;
  min-width:33%;
  vertical-align: top;
}
.loading{
  position:absolute;
  margin:0 auto;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  -webkit-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  padding-top:20rem;
}
.circle{
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: white;
  border-radius: 50%;
  animation: loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;
  -webkit-animation: loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;
  -moz-animation: loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;
  -o-animation: loading 1.5s cubic-bezier(.8, .5, .2, 1.4) infinite;
  transform-origin: bottom center;
  position: relative;
}
@keyframes loading{
  25%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    background-color: rgb(245,245,245);
  }
  50%{
    transform: translateY(1rem);
    -webkit-transform: translateY(1rem);
    -moz-transform: translateY(1rem);
    -o-transform: translateY(1rem);
    background-color: #fdb5c5;
  }
  75%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    background-color: rgb(245,245,245);
  }
}
.circle-1{
  animation-delay: 0.1s;
}
.circle-2{
  animation-delay: 0.2s;
}
.circle-3{
  animation-delay: 0.3s;
}
.circle-4{
  animation-delay: 0.4s;
}

/*COMMISSION.HTML*/
#table_resume, #table_resume td, #table_resume tr{
  padding: 0.2rem 2rem 0.2rem 2rem;
  border:1px solid #fdb5c5;
  border-collapse: collapse;
}
.table_title{
  color:rgb(255,0,64);
}
#comChart{
  max-width: 60rem;
  margin: 0 auto 0 auto;
}
#forbidden-list{
  color:rgb(255,0,64);
  margin-left:1rem;
  padding-bottom:2rem;
  padding-top:0.5rem;
}

/*ABOUT.HTM*/
#aboutText{
  max-width: 50rem;
  margin: 0 auto;
}
.par-about{
  margin: 1rem 0 1rem 0;
}
.flotte-left {
  float:left;
  height:10rem;
  width:auto;
}
.flotte-right {
  float:right;
  height:10rem;
  width:auto;
}
#sign{
  text-align:right;
  color:rgb(255,0,64);
  margin: 2rem 0 5rem 0;
}

/*CONTACT.HTML*/
#msg-contact{
  max-width:45rem;
  margin:0 auto;
}
#form_contact{
  clear:left;
  max-width: 38rem;
  margin: 1.5rem auto 3rem auto;
  vertical-align: middle;
  text-align: center;
  padding: 2rem 0 0 0;
}
#form_contact label {
  position: absolute;
  margin: 0.25rem;
  color: rgb(50,50,50);
  -webkit-transition: top .2s ease,  font-size .2s ease;
  transition: top .2s ease,  font-size .2s ease;
  -moz-transition: top .2s ease,  font-size .2s ease;
  -o-transition: top .2s ease,  font-size .2s ease;
}
#form_contact input{
  background-color: #ffffff;
  width: 100%;
  height:0.75rem;
  margin-bottom:1rem;
  outline: none;
  border-left-width: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0.1rem;
  border-color: rgb(150, 150, 150);
  padding: 1.5rem 0.5rem 0.5rem 0.5rem;
  transition: 0.5s ease;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
}
#form_contact input:hover, #form_contact input:focus{
  background-color: rgb(245, 245, 245);
}
#form_contact input:focus{
  background-color: rgb(245, 245, 245);
  border-color: #fdb5c5;
}
#form_contact textarea{
  width: 100%;
  height: 12rem;
  max-height:35rem;
  padding: 0.5rem;
  resize: vertical;
  outline: none;
  border-left-width: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0.01rem;
  border-color: rgb(150, 150, 150);
  transition: background-color 0.5s ease, border-color 0.5s ease;
  -webkit-transition: background-color 0.5s ease, border-color 0.5s ease;
  -moz-transition: background-color 0.5s ease, border-color 0.5s ease;
  -o-transition: background-color 0.5s ease, border-color 0.5s ease;
}
#form_contact textarea:hover{
  background-color: rgb(245, 245, 245);
}
#form_contact textarea:focus{
  background-color: rgb(245, 245, 245);
  border-color: #fdb5c5;
}
#form_contact textarea::placeholder{
  color: rgb(100,100,100);
}
#conditions{
  padding-top: 4rem;
  margin-bottom: -2rem;
}
#form_contact label#main {
  position: relative;
}
#phone{
  display:none;
}
 input[type=checkbox] {
  visibility: hidden;
}
.accept {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 1.1rem;
  width: 1.1rem;
  background-color: rgb(200,200,200);
  border-radius: 1rem;
  transition: background-color 0.1s ease;
  -webkit-transition: background-color 0.1s ease;
  -moz-transition: background-color 0.1s ease;
  -o-transition: background-color 0.1s ease;
}
#main:hover input ~ .accept {
  background-color: rgb(230,230,230);}
#main input:active ~ .accept {
  background-color: rgb(255,0,64);}
#main input:checked ~ .accept {
  background-color: #fdb5c5;}
.accept:after {
  content: "";
  position: absolute;
  display: none;
}
#main input:checked ~ .accept:after {
  display: block;
}
#main .accept:after {
  left: 0px;
  bottom: 8px;
  width: 0.7rem;
  height: 0.7rem;
  border: solid white;
  border-width: 0 5px 5px 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  animation: scale-checkbox rotate 0.2s ease-out;
  -webkit-animation: scale-checkbox 0.2s ease-out;
  -moz-animation: scale-checkbox 0.2s ease-out;
  -o-animation: scale-checkbox 0.2s ease-out;
}
@keyframes scale-checkbox {
  0%{
    transform: scale(50%) rotate(45deg);
    -webkit-transform: scale(50%) rotate(45deg);
    -moz-transform: scale(50%) rotate(45deg);
    -o-transform: scale(50%) rotate(45deg);
  }
  80%{
    transform: scale(110%) rotate(45deg);
    -webkit-transform: scale(110%) rotate(45deg);
    -moz-transform: scale(110%) rotate(45deg);
    -o-transform: scale(110%) rotate(45deg);
  }
  100%{
    transform: scale(100%) rotate(45deg);
    -webkit-transform: scale(100%) rotate(45deg);
    -moz-transform: scale(100%) rotate(45deg);
    -o-transform: scale(100%) rotate(45deg);
  }
}
.button-design{
  background-color: white;
  font-family: "lemonmilk";
  font-size: 0.85rem;
  color: rgb(125, 125, 125);
  letter-spacing: 0.1rem;
  height:3rem;
  padding: 0.5rem 3rem 0.5rem 3rem;
  margin-top: 1rem;
  border-radius: 2rem;
  border: 0.15rem solid rgb(125, 125, 125);
  box-shadow: 0.2rem 0.25rem rgb(125, 125, 125);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  cursor: pointer;
}
.button-design:hover{
  color:white;
  background-color: #fdb5c5;
  border-color: #fdb5c5;
  box-shadow: 0rem 0rem #fdb5c5;
}
.button-design:active{
  color: white;
  background-color: rgb(255,0,64);
  border: 0.15rem solid rgb(255,0,64);
  box-shadow: 0rem 0rem rgb(255,0,64);
}
#msg-sent{
  text-align:center;
  margin-bottom:2.5rem;
  color:rgb(255, 0, 64);
  animation: scale 2s linear infinite;
  -webkit-animation: scale 2s linear infinite;
  -moz-animation: scale 2s linear infinite;
  -o-animation: scale 2s linear infinite;
}
@keyframes scale{
  0%{
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -o-transform: scale(100%);
  }
  50%{
    transform: scale(103%);
    -webkit-transform: scale(103%);
    -moz-transform: scale(103%);
    -o-transform: scale(103%);
  }
  100%{
    transform: scale(100%);
    -webkit-transform: scale(100%);
    -moz-transform: scale(100%);
    -o-transform: scale(100%);
  }
}
.active{
  font-size: 66%;
}

/*TERMS AND CONDITIONS/PRIVACY POLICY*/
#TnC{
  margin: 0 auto;
  padding: 0 1rem 0 1rem;
  max-width: 50rem;
}
#cc_ul{
  display:block;
  margin-bottom:2rem;
}
#cc_ul li{
  display: inline-block;
  vertical-align:top;
  width:30%;
  height:auto;
  margin:1rem 0.25rem 0 1rem;
}
.cc-img{
  height: 1rem;
}
.fr-info{
  margin-top: 0rem;
  margin-bottom: 2rem;
}
details {
  overflow: hidden;
}
details[open] summary ~ * {
  animation: sweep 0.5s ease-in-out;
  -webkit-animation: sweep 0.5s ease-in-out;
  -moz-animation: sweep 0.5s ease-in-out;
  -o-animation: sweep 0.5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; transform: translateX(-10px)}
  100%  {opacity: 1; transform: translateX(0)}
}
summary{
  display:block;
  cursor: pointer;
  margin:0.75rem 0.75rem 0 0;
}
summary::-webkit-details-marker {
  display: none;
}
.policy-question{
  position: relative;
  display: flex;
  align-items: center;
}
.policy-question::before {
  content: "►";
  font-size: 1rem;
  display: flex;
  align-items: center;
  margin-right:0.5rem;
  transition: rotate 200ms 0ms ease-out;
  -webkit-transition: rotate 200ms 0ms ease-out;
  -moz-transition: rotate 200ms 0ms ease-out;
  -o-transition: rotate 200ms 0ms ease-out;
}
details[open] .policy-question::before {
  rotate: 90deg;
  transition: rotate 200ms ease-out;
  -webkit-transition: rotate 200ms ease-out;
  -moz-transition: rotate 200ms ease-out;
  -o-transition: rotate 200ms ease-out;
}

/*FOOTER*/
footer{
  font-family: "Corbel";
  color: rgb(115, 115, 115);
  font-size: 0.75rem;
  background-color: rgb(245, 245, 245);
  padding-top: 0.5rem;
  padding-bottom: 2rem;
  margin-top:5rem;
  bottom:0;
}
#newsletter{
  background-color: white !important;
  font-family: "LouisGeorgeCafe";
  font-size: 1rem;
  color:rgb(50,50,50);
  text-align: left;
  border: rgb(125,125,125) 1px solid;
  padding:0rem 5rem 0rem 2rem;
  max-width:100%;
}
#newsletter_info{
  text-align: left;
}
/*
#newsletter_info label{
  z-index:-1;
}*/
#newsletter_title{
    color: rgb(255, 0, 64);
    text-align:left;
    font-size:1.25rem;
    font-weight:bold;
    padding:0.5rem 0 0.5rem 0;
    margin-left:-1rem;
}
#newsletter_line{
    border-bottom:rgb(125,125,125) solid 1px;
    margin:0 -5rem 0 -2rem;
    margin-bottom:1rem;
}
#newsletter_used{
    font-size:0.75rem;
    margin-top:-0.75rem;
}
#msg_sub_confirmation{
    background:#fdb5c5;
    color:white;
    font-family:'lemonmilk';
    padding:0.75rem;
    text-align:center;
}
#disclaimer{
  text-align: center;
  font-family: "LouisGeorgeCafe";
  font-size: 1rem;
  padding-bottom: 0.5rem;
}
#disclaimer a{
  color: rgb(115, 115, 115);
  text-decoration: none;
  transition: all 0.3s ease-out;
  -webkit-transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
}
#disclaimer a:hover{
  color: rgb(200,200,200);
}
#disclaimer a:active{
  color: #fdb5c5;
}
#social_media{
  text-align: center;
  margin: 1rem auto 2rem auto;
}
#social_media img{
  border-radius: 50%;
}
#social_media img:hover{
  border-radius: 0.5rem;
  filter: hue-rotate(325deg);
  -webkit-filter: hue-rotate(325deg);
  -moz-filter: hue-rotate(325deg);
  -o-filter: hue-rotate(325deg);
}
.logo-media{
  height: 2rem;
  margin:0 0.2rem 0 0.2rem;
  transition:border-radius 0.15s ease, filter 0.5s ease;
  -webkit-transition:border-radius 0.15s ease, filter 0.5s ease;
  -moz-transition:border-radius 0.15s ease, filter 0.5s ease;
  -o-transition:border-radius 0.15s ease, filter 0.5s ease;
}
@media only screen and (max-width: 30rem){
    #br-icons{
      display:block;
    }
    #social_media{
      margin-bottom: 1rem;
    }
    .logo-media{
      height: 2rem;
      margin:0 0.6rem 0 0.6rem;
    }
}


/*PAGES ERRORS*/
#not_found{
  text-align: center;
  margin-bottom:6rem;
  border-left:1px rgb(130,130,130) solid;
  border-right:1px rgb(130,130,130) solid;
}
#not_found p{
  padding:0 2rem 0 2rem;
}
.errorPage{
  margin-top:10rem;
}
#table-error{
  height:auto;
  max-width:41rem;
  margin:0 auto;
}
#td_title{
  height:8rem;
  background:linear-gradient(to left, transparent 14.4rem, #fdb5c5 14.4rem);
}
#td_mascotte{
  width:33%;
} 
#td_mascotte img{
  height:18rem;
}
.errorTitle{
  text-align: left;
  font-size: 250%;
  font-weight: bold;
  margin-left:3.55rem;
  z-index: 50;
}
.msgError{
  margin-left:5rem;
  margin-top:1rem;
}
.msgError a{
  color: white;
}
.buttonHome{
  margin:3rem 0 0 5rem;
  display: inline-block;
  background-color: #fdb5c5;
  border: none;
  color: white;
  text-align: center;
  height:2.5rem;
  width:10rem;
  box-shadow: 0.3rem 0.2rem 0 rgb(240,240,240);
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.buttonHome span{
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 1rem;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.buttonHome span:after{
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
}
.buttonHome:hover span{
  padding-right: 25px;
}
.buttonHome:hover span:after{
  opacity: 1;
  right: 0;
}
.buttonHome:hover{
  box-shadow: 0 0 0 rgb(240,240,240);
}
@media only screen and (max-width: 50rem){
  .errorPage{
    margin-top:5rem;
  }
  #table-error{
      border-collapse: collapse;
      height:auto;
      max-width:10rem;
      margin:0 auto;
  }
  .errorTitle{
    margin-left:4.9rem;
  }
  #td_title{
      height:8rem;
      vertical-align: middle;
      background:linear-gradient(to left, transparent 4.1rem, #fdb5c5 4.1rem);
  }
  #td_mascotte{
      width:40%;
  } 
  #td_mascotte img{
      height:10rem;
  }
  .msgError{
      margin-left:3rem;
      margin-top:1rem;
  }
  #color-404{
      color:white;
  }
  .buttonHome{
      margin:3rem 0 0 3rem;
  }
}
@media only screen and (max-width: 25rem){
  .errorPage{
    margin-top:2.5rem;
  }
  .errorTitle{
    margin-left:4.85rem;
  }
  #td_mascotte img{
    display: none;
  }
}