/*
	Moryason css common

*/

/* Généralités */
body {
  	margin: 0;
  	font-family: Arial, Helvetica, sans-serif;
  	background: #11132d;
	background-image: url('../images/cielfond-highres.jpg');
	background-color: #11132d;
	/*
	background-position: center;
	background-repeat: repeat;
	background-size: cover;
	overflow-x: hidden;
	*/
	min-height: 100vh;
  }

/* Logo Alexandre Moryason */
.logoAM {
  text-align: center;
}

/* Logo Mini Menu */
.logoAMmini {

	display: block;
	height: inherit;
	text-align: left;
	vertical-align: top;
  float: left;
  width: 13%;
  overflow: hidden;
  
  
}


/* position of the div menu */
.InMenu {
  overflow: hidden;
}

/* Copyright */
.powered {
	text-align: center;
	bottom: 0px;
	padding-top: 1%;
	padding-bottom: 1%;
	color: white;
	/*
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #11132d;
    */

}


/* **************************************** */
/* ******		RESPONSIVE		   	 ****** */
/* **************************************** */

/* Smartphone */
@media only screen and (min-width: 320px) and (max-width: 450px) { body {background-image: url('../images/cielfond-450.jpg');}}

/* Ipad Mini */
@media only screen and (min-width: 451px) and (max-width: 768px) { body {background-image: url('../images/cielfond-768.jpg');}}

/* Ipad Air / Pro / other models  */
@media only screen and (min-width: 769px) and (max-width: 850px) { body {background-image: url('../images/cielfond-850.jpg');}}

/* Ipad Pro 12inch  */
@media only screen and (min-width: 851px) and (max-width: 1024px) { body {background-image: url('../images/cielfond-1024.jpg');}}
/* PC  */
/* PC 1366x768  */
@media only screen and (min-width: 1025px) and (max-width: 1366px) { body {background-image: url('../images/cielfond-1366.jpg');}}
/* PC 1536x864  */
@media only screen and (min-width: 1367px) and (max-width: 1536px) { body {background-image: url('../images/cielfond-1536.jpg');}}
/* PC 1920x10804  */
@media only screen and (min-width: 1536px) and (max-width: 1920px) { body {background-image: url('../images/cielfond-1920.jpg');}}
/* PC 2560x1440  */
@media only screen and (min-width: 1921px) and (max-width: 2560px) { body {background-image: url('../images/cielfond-2560.jpg');}}

/* Logo */
@media screen and (min-width: 768px) and (max-width: 1232px) {

	.logoAMmini {
	width: 20%;
	}
}


/* Responsive Menu Styles */
@media screen and (max-width: 768px) {

	.logoAMmini {
	width: 40%;
	}
}

/* **************************************** */
/* ******		Cookie Button   	 ****** */
/* **************************************** */

.cookie-box {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 0.5rem 2rem;
  background: #fff;
  transition: all .75s cubic-bezier(.19,1,.22,1);
  color: #9c610a;
  z-index: 99;
}

.cookie-box--hide {
    opacity: 0;
    bottom: -100%;
}


.cookie-button {
  display: inline-block;
  cursor: pointer;
  padding: 0.65rem 0.85rem;
  margin-left: 0.45rem;
  color: #fff;
  font-size: 0.75rem;
  letter-spacing: 1px;
  background-image: linear-gradient(62deg, #e3c797 0%, #9c610a 100%);
}