/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/
a {
  text-decoration: none;
  color: #ffffff;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  letter-spacing: 0.04em;
}
a:hover {
  text-decoration: none;
  font-family: 'Dosis', sans-serif;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 0.04em;	
}
* {
  margin: 0;
  padding: 0;
}
body {
  background: #3B223F;
  font-family: 'Dosis', sans-serif;
  font-weight: 400;
  text-align: center; 
  height: 100%;
}
img {
  border: none;
}
#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  text-indent: -999em;
  background: url(../img/progress.gif) no-repeat center center;
}
#supersized {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: -999;
  height: 100%;
  width: 100%;
}
#supersized img {
  width: auto;
  height: auto;
  position: relative;
  display: none;
  outline: none;
  border: none;
}
#supersized.speed img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
} /*Speed*/
#supersized.quality img {
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality;
} /*Quality*/
#supersized li {
  display: block;
  list-style: none;
  z-index: -30;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
}
#supersized a {
  width: 100%;
  height: 100%;
  display: block;
}
#supersized li.prevslide {
  z-index: -20;
}
#supersized li.activeslide {
  z-index: -10;
}
#supersized li.image-loading {
  background: #111 url(../img/progress.gif) no-repeat center center;
  width: 100%;
  height: 100%;
}
#supersized li.image-loading img {
  visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
  display: inline;
}
/* header
----------------------------*/
.ac_header {
  text-align: center;
  position: fixed;
  top: 25px;
  left: 0px;
  width: 100%;
  font-size: 12px;
  height: 172px;
}
#logo {
  display: block;	
  position: absolute;
  width: 115px;
  height: 47px;
  bottom: 108px;
  left: 50%;
  margin-left: -25px;
  z-index: 250;
}
.shadow {
  -webkit-filter: drop-shadow(0px 0px 5px #3B223F);
  filter: drop-shadow(0px 0px 5px #3B223F); /* Same syntax as box-shadow */
}
/* boxes
----------------------------*/
#boxes {
  display: block;
  width: 680px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -90px;
  margin-left: -340px;
  z-index: 250;
}
.bbq1 {
  color: #DA5C4E;
  display: block;
  width: 220px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 105px;
  margin-top: -110px;
  margin-left: -110px;
}
.bbq2 {
  color: #DA5C4E;
  display: block;
  width: 220px;
  height: 220px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -110px;
  margin-left: -110px;
}
.bbq3 {
  display: block;
  width: 220px;
  height: 220px;
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -110px;
  margin-left: -110px;
}
.cercle {
  display: block;
  width: 180px;
  height: 180px;
  background-color: #EDE9DE;
  border-radius: 50%;
  padding: 20px;
}
.cercle_info {
  display: block;
  width: 180px;
  height: 180px;
  background-color: #3B223F;
  border-radius: 50%;
  padding: 20px;
}
h1 {
  font-family: 'DIN Pro Condensed Bold', sans-serif;
  text-align: center;
  color: #DA5C4E;
  font-weight: normal;
  line-height: 25px;
  font-size: 27px;
  margin: 6px;
}
h2 {
  font-family: 'DIN Pro Condensed Regular', sans-serif;
  text-align: center;
  color: #DA5C4E;
  font-weight: normal;
  line-height: 17px;
  font-size: 17px;
  margin: 6px 0 0 0;
}
h3 {
  font-family: 'DIN Pro Condensed Bold', sans-serif;
  text-align: center;
  color: #DA5C4E;
  font-weight: normal;
  line-height: 17px;
  font-size: 18px;
  margin: 6px 0 0 0;
}
h4 {
  font-family: 'DIN Pro Condensed Bold', sans-serif;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  line-height: 18px;
  font-size: 18px;
  margin: 6px 0 0 0;
}
h5 {
  font-family: 'DIN Pro Condensed Regular', sans-serif;
  text-align: center;
  color: #ffffff;
  font-weight: normal;
  line-height: 17px;
  font-size: 16px;
  margin: 6px 0 0 0;
}
.bloc_lien {
  display: block;
  background: blue;
  height: 100%;
  z-index: 10000;
  /* width: auto (par défaut) */
}
/* footer
----------------------------*/
h6 {
  font-family: 'Dosis', sans-serif;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  line-height: 15px;
  font-size: 12px;
  padding-top: 45px;
  letter-spacing: 0.06em;	
}
.ac_footer {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: #3B223F;
  opacity: 0.8;
  height: 128px;
}
.ac_footer_p {
  color: #ffffff;
  text-align: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  line-height: 15px;
  font-size: 12px;
  height: 128px;
  z-index: 150;
  letter-spacing: 0.06em;
}
/* Halo lumineux */
#mixwithlove{
  display: block;	
  position: absolute;
  width: 80px;
  height: 75px;
  bottom: 93px;
  left: 50%;
  margin-left: -104px;
  z-index: 250;
}
.light div {
	position: relative;
}
.light div::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(246,191,224,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.light div:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
.credit {
  font-size: 8px;
  line-height: 9px;
  text-align: center;
  padding-top: 15px;
  color: #ffffff;
}
.credit_right {
  width: 60;
  height: 55px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  text-align: right;
}
::-moz-selection {
  background: #ff0099;
  color: #fff;
}
::selection {
  background: #ff0099;
  color: #fff;
}