@import url('https://fonts.googleapis.com/css?family=Lora');

body{
	font-family: 'Lora' !important; 
	font-size: 1.5em;
	line-height: 1.3;
}

html, body {
  overflow-x:hidden;
} 

.myBody{
	overflow-x: hidden;
}

p{
	line-height:1.5em;
}

p.bold{
	font-weight: bold;
}

p.italic{
	font-style: italic;
}

.degradeVert{
	background-image: -moz-linear-gradient(#d0d812, white);
	background-image: -webkit-linear-gradient(#d0d812, white);
	background-image: -o-linear-gradient(#d0d812, white);
	background-image: linear-gradient(#d0d812, white);
	overflow:hidden;
	position:relative;
}

.montagne{
	width: 100%;
	margin-top: 0px;
	
	/* New version */
	position: absolute;
}

.support{
	/* New version */
	width: 100%;
	margin-top: 0px;
	position: relative;
}

.groupDep div, .groupDep img{
	height: auto;
	width: 100%;
	position: absolute;
}
.groupDep{
	z-index:1;
}
.groupDep img{
	left:0;
	top:0;
}

.PyreneesAtl{
	z-index: 100;
}
.Gers{
	z-index: 102;
}
.HautePyr{
	z-index: 103;
}
.Landes{
	z-index: 101;
}
.dep32{
	z-index: 106;
}
.dep40{
	z-index: 105;
}
.dep64{
	z-index: 107;
	right: 0;
	bottom: 0;
}
.dep65{
	z-index: 104;
}

.list-mini{
	font-size:0.8em;
}

.support{
	position: initial !important;
	z-index:200;
}
.acces-pro{
	position:absolute;
	top:0px;
	right:30px;
	z-index:1;
	background:#4a4a49;
	color:#cdd500;
	padding:10px 30px;
	border-radius:0 0 10px 10px;
	text-decoration:none;
	transition:all 0.3s ease-out;
	-webkit-box-shadow: 0px 3px 19px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 19px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 19px -5px rgba(0,0,0,0.75);
}
.acces-pro:hover
{
	background:#fff;
	color:#cdd500;
	text-decoration:none;
	padding-top: 20px;
}
.texteMontagne {
	transform:translateY(-20vh);
}
.texteMontagne ul li{
	list-style-type: circle;
}
.montagne,.support{
	margin-top:-10vh;
}
.texteMontagneResponsive{
	display:none;
}
.topRow2{
	position:relative;
	margin-top:-20vh;
}
/* .topRow2::after{ */
	/* content:''; */
	/* display:block; */
	/* width:100%; */
	/* height:20vh; */
	/* background:#484747; */
	/* position:absolute; */
	/* bottom:0; */
	/* left:0; */
	/* z-index: -1; */
	
/* } */
.midRow{
	background-color: #484747;
	padding-bottom:5em;
	padding-top:5em;
	position:relative;
}

.midRow .equipe
{
	position:absolute;
	right:0;
	top:50%;
	transform:translate(0,-50%);
	width:20vw;
	height:20vw;
}

.midRow .equipe .image{
	width:100%;
	height:100%;
	background-image: url("images/equipe.png");
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: center;
	background-size: contain;
}

.midRow p{
	color: white;
}
.midRow .texte{
	
}
.midRow .texte1{

}
.midRow .texte2{
	margin-top: 3em;
}
.midRow .texte3{
	margin-top: 3em;
}
.midRow .texte4{
	margin-top: 3em;
	margin-bottom: 5em;
}

.botRow{
	background-color: #cdd500;
	padding: 0 0 6% 0;
	margin:0 -15px;
}

.motif{
	background-image: url("images/motif.png");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
	height:23px;
	
}

.formContact label{
	color:#484747;
	font-size: 0.70em;
}

.formContact .invalid-feedback{
	color:#d53e3e;
	font-size: 0.70em;
}

#form-messages{
	color:#484747;
	font-size: 0.70em;
}

.contact{
	margin-top: 7%;
}

.contact p{
	color: white;
}

.contact .coord .logo{
	width: 50%;
}

.formContact textarea{
	min-height: 100px;
}

.contact-form-title{
	color:white;
}

.rounded{
    border-radius: 1rem !important;
}

.mwidth-20{
    min-width: 30%;
}

.contact .contact-form-title{
	font-size: 1.2em;
}

/* RESPONSIVE */

@media screen and (max-width: 1500px) {
	
	.midRow{
		background-size: auto 25%;
	}

}

/* Extra large devices (1200px and down) */
@media screen and (max-width: 1200px) {
	body{
		font-size: 1.2em;
	}
	
	.motif{
		background-size:inherit;
	}
	.topRow2{
		position:relative;
		margin-top:-15vh;
	}
}

/* Large devices (992px and down) */
@media screen and (max-width: 992px) {
	body{
		font-size: 1.1em;
	}

	.midRow .texte2{
		margin-top: 12%;
	}
	
	.midRow .texte3{
		margin-top: 7%;
	}
}

/* Medium devices (768px and down) */
@media screen and (max-width: 768px) {
	body{
		font-size: 1em;
	}

	.midRow .texte1{
		margin-top: 15%;
	}
	
	.presentation .texte p{
		text-align: center;
	}
	
	.presentation img{
		margin: 15px 0;
	}
	
	.acces-pro{
		right:0px;
		border-radius:0 0 0 10px;
		text-decoration:none;
		transition:all 0.3s ease-out;
	}
	
	.acces-pro:hover
	{
		background:#cdd500;
		color:#fff;
		text-decoration:none;
		padding-top: 20px;
		padding-right: 35px;
	}
	
	.contact .coord{
		text-align: center;
		margin-top: 50px;
	}
	
	.contact .contact-form-title{
		margin-bottom: 20px;
		font-size: 1.2em;
	}
}

/* Small devices (576px and down) */
@media screen and (max-width: 576px) {
	body{
		font-size: 0.9em;
	}
	
	.coord {
		text-align:center
	}
	.formContact label {
		font-size: 1em;
	}
	.midRow .equipe {
		display:none;
	}
	.groupDep {
		margin-top: -100px !important;
	}
	
	.presentation img{
		margin: 50px 0 20px 0;
	}
	#submitBtn{
		width:100% !important;
	}
}