html, body{width:100%;height:100%;}
main
       {
        min-height : 100%;
        position : relative;
        }
body { 
	background-color: #F2EAD9;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

/* html { */
    /* position: relative; */
    /* min-height: 100%; */
/* } */
	/* .contener { */
		/* min-height: 400px; */
	/* } */

@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl .contener {
		max-width: 1400px;
		/* min-height: 400px; */
	}
}
.curseur{
	cursor: pointer;
}

.contener{
	margin: 0 45px;
}

@font-face {
   font-family: Allura;
   src: url(fonts/Allura-Regular.otf);
}

header {
	background-image:linear-gradient(#9B7B51, 25%, #F2EAD9);
	color: black;
	text-align: right;
	/* width: 100%; */
	font-size: 5vw; 
	/*top: 0;
	transition: 0.2s;
	border-bottom:  1px solid #005;*/
}
.img_sponsor img{
	z-index: 10 !important;	
	 
}
 
.navbar-sepia, .navbar-sepia a{
	background-color: #F2EAD9;
	color:#6A5539;
	z-index: 10 !important;	

}

.sepia{
	color:#6A5539;
}

.btn-sepia {
  color: #F2EAD9;
  background-color: #740A00;
  border-color: #740A00;
}

.btn-sepia:hover {
  color: #F2EAD9;
  background-color: #A60D00;
  border-color: #9D7E54;
}

.btn-sepia:focus, .btn-sepia.focus {
  color: #F2EAD9;
  background-color: #A60D00;
  border-color: #9D7E54;
  box-shadow: 0 0 0 0.2rem rgba(136, 11, 0, 0.5);
}

.btn-sepia.disabled, .btn-sepia:disabled {
  color: #F2EAD9;
  background-color: #740A00;
  border-color: #740A00;
}

.btn-sepia:not(:disabled):not(.disabled):active, .btn-sepia:not(:disabled):not(.disabled).active,
.show > .btn-sepia.dropdown-toggle {
  color: #F2EAD9;
  background-color: #9D7E54;
  border-color: #9D7E54;
}

.btn-sepia:not(:disabled):not(.disabled):active:focus, .btn-sepia:not(:disabled):not(.disabled).active:focus,
.show > .btn-sepia.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(136, 11, 0, 0.5);
}
.nav-item{
	z-index: 10000 !important;	
	
	
}
.dropdown-menu{
	background-color: #F2EAD9;
	z-index: 10000 !important;	
}
.dropdown-menu a:active{
	background-color: #740a00;
	z-index: 10000 !important;	
}
.dropdown-menu a:hover{
	background-color: #6A5539;
	color:#F2EAD9;
	z-index: 10000 !important;	
}

.hit-the-floor {
	color: #740a00;
	font-size: 5vw;
	font-weight: bold;
	font-family: Allura;
	text-shadow: 
		0 1px 0 #ccc, 
		0 2px 0 #c9c9c9, 
		0 3px 0 #bbb, 
		0 4px 0 #b9b9b9, 
		0 5px 0 #aaa, 
		0 6px 1px rgba(0,0,0,.1), 
		0 0 5px rgba(0,0,0,.1), 
		0 1px 3px rgba(0,0,0,.3), 
		0 3px 5px rgba(0,0,0,.2), 
		0 5px 10px rgba(0,0,0,.25), 
		0 10px 10px rgba(0,0,0,.2), 
		0 20px 20px rgba(0,0,0,.15);
	padding-top:5vw;
	padding-right:2vw;
	margin-right:2vw;
}

.logo{
	padding:0;
	transition: 0.2s;
}

.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:after {
  color: rgba(106, 85, 57, 1);
  border-color: rgba(106, 85, 57, 1);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(106, 85, 57, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

footer{
    /* position: absolute; */
    /* bottom: 0; */
    width: 100%;
	background-color: #9B7B51;
	background-image:linear-gradient(#F2EAD9, 20%, #9B7B51);
	padding: 20px;

}

footer a, footer a:active, footer a:hover, footer a:after{
	text-decoration: none;
	color: #6A5539;
}
.icon-x0-5{
	font-size:16px;
}
.icon-x1{
	font-size:24px;
}

.icon-x2{
	font-size:36px;
}

.icon-x3{
	font-size:48px;
}

.icon-x4{
	font-size:60px;
}

.icon-x5{
	font-size:70px;
}

#is_avatar, #is_avatar:active{
	border-style: none;	
	
}

.dropdown-divider {
  border-top: 1px solid #9D7E54;	
  font-size:bold;
}

.avatar-mini {
  vertical-align: middle;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #FF1067;
  color: #fff;
}


.form-wrapper {
  max-width: 30%;
  min-width: 300px;
  padding: 50px 30px 50px 30px;
  margin: 50px auto;   
  background-color: #F2EAD9;
  border-radius: 5px;
  box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}

.form-group {
  position:relative;  

  & + .form-group {
    margin-top: 30px;
  }
}

.form-label {
  position: absolute;
  left: 0;
  top: 10px;
  color: #999;
  background-color: #F2EAD9;
  z-index: 10;
  transition: transform 150ms ease-out, font-size 150ms ease-out;
}

.focused .form-label {
  transform: translateY(-125%);
  font-size: .75em;
}

.form-input {
  position: relative;
  padding: 12px 0px 5px 0;
  width: 100%;
  outline: 0;
  border: 0;
  background-color: #F2EAD9;
  box-shadow: 0 1px 0 0 #e5e5e5;
  transition: box-shadow 150ms ease-out;
  &:focus {
    box-shadow: 0 2px 0 0 sienna;
  }
}

.form-input.filled {
  box-shadow: 0 2px 0 0 Sienna;
}

.scrollup {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 60px;
	right: 25px;
	display: none;
	color: #fff;
	background-color: #740a00;
	border: 1px solid #740a00;
	border: 1px solid #740a00;
	  -webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	border-radius: 15px;
	font-size: 20px;
	text-align: center;
	line-height: 37px;
  opacity: 0.5;
	z-index:15000 !important;
	box-shadow: 3px 3px 5px #000;
}
 
.scrollup:hover {
	color: #fff;
	text-decoration:none;
}


.icon-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icon-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icon-arrow-circle-top {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icon-arrow-circle-bottom {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icon-arrow-circle-left {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.facebook{
	color: #3D5A99;
}

#volet {
	width: 280px;
	height: 500px;
	padding: 10px;
	background: #F2EAD9;
	color: #6A5539;
	border: 2px solid #000;
	  -webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	border-radius: 15px;
	color:#000;
	z-index: 1000 !important;
	box-shadow: 3px 3px 5px #740a00;
}
		
#volet a.ouvrir,
#volet a.fermer {
	padding: 10px 25px;
	background: #740a00;
	color: #F2EAD9;
	text-decoration: none;
}

#volet {
	position: fixed;
	left: -280px;  /* test fixed + scroll, on retire la position top */
	-webkit-transition: all .5s ease-in;
	-moz-transition: all .5s ease-in;
	transition: all .5s ease-in;
	z-index: 1000 !important;
}
#volet a.ouvrir,
#volet a.fermer {
	position:absolute;
	right: -80px;
	top: 50%;
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-radius: 0 0 8px 8px ;
	border-radius: 0 0  8px 8px;
}
#volet a.fermer {
	display: none;
}
#volet:target {
	left: 00px;
}

/* code pour la fermeture */

#volet:target a.fermer {
	display: block;
}
#volet:target a.ouvrir {
	display: none;
}
#volet_clos:target #volet {
	left: -280px;
}
		
 /* test fixed + scroll */
#volet_clos {
	position: absolute; 
	top: 150px; left: 0px;
}

.bandeau_vertical {
	position:relative;
	width:auto;
	height:480px;
	border:0;
	overflow:hidden;
}

.pays{
	width: 100%;
	outline: 0;
	border: 0;
	background-color: transparent;
    background-image: none;
	border-bottom:2px #000 solid;
}


.nav-pills a {
	color: #6A5539;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #F2EAD9;
  background-color: #740A00;
}
.nav-pills > .nav-link:hover {
  color: #6A5539;
  background-color: #F5F5DC;
  
}
.nav-pills > .nav-link:active
 {
  color: #F2EAD9;
  background-color: #740A00;
  
}
.nav-profil a {
	color: #6A5539;
	-moz-radius: 4px 4px 4px 4px ;
	border-radius: 4px 4px  4px 4px;
}

.nav-profil .nav-link.active,
.nav-profil .show > .nav-link {
  color: #F2EAD9;
  background-color: #740A00;
}
.nav-profil > .nav-link:hover {
  color: #6A5539;
  background-color: #F5F5DC;
  
}
.nav-profil > .nav-link:active
 {
  color: #F2EAD9;
  background-color: #740A00;
  
}
.nav-profil > .nav-link:after
 {
  color: #F2EAD9;
  background-color: #740A00;
  
}

.form-control:focus {
  color: #6A5539;
  background-color: #fff;
  border-color: #740A00;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(116, 10, 0, 0.25);
}
.admin_contener{
	margin: 20px;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
  background-color: #000;

}

.simili_btn{
	color: white;
	text-decoration: none;
}

.showAvatar {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1);
}

.well-form {
  padding: 10px 15px 10px 15px;
  margin: 10px auto;   
  background-color: #F2EAD9;
  border-radius: 5px;
  box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
}

#edit_avatar:hover{
	opacity: 0.5;
}

.label-text{
	font-size: 1.125rem;
    font-weight: 500;
}

.admin_menu{
	padding: 10px 0;
	box-shadow:8px 0 8px -10px #740A00;
}

[class^="icon-flag-"],
[class*=" icon-flag-"] {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 14px;
  vertical-align: text-top;
  background-repeat: no-repeat;
  margin-top: 1px;
  margin-right:10px;
}

/* line 224, ../../app/css/_icons-transformation.scss */
.icon-flag-svg-france {
  background-image: url(../images/icons/flags/language_france.svg);
  background-size: contain;
}
.icon-flag-svg-spain {
  background-image: url(../images/icons/flags/language_spain.svg);
  background-size: contain;
}
.icon-flag-svg-germany {
  background-image: url(../images/icons/flags/language_germany.svg);
  background-size: contain;
}
.icon-flag-svg-england {
  background-image: url(../images/icons/flags/language_england.svg);
  background-size: contain;
}
.icon-flag-svg-italia {
  background-image: url(../images/icons/flags/language_italian.svg);
  background-size: contain;
}