/* GENERAL */
/* COULEURS */
/* blanc : #fefefe */
/* vert kaki : #96a952 */
/* vert clair : #81c319 */
/* vert foncé : #054724 */
/* marron : #502f26 - #744440*/



/*  GENERAL */
@font-face {
	font-family: "Inkfree";
	src: url("../fonts/Inkfree.ttf") format("truetype")
}
a:link, a:hover, a:visited{
	color: inherit;
	text-decoration: none;
}
.clearfix{
	clear: both;
}
.uppercase{
	text-transform: uppercase;
}
.gras{
	font-weight: bold;
}
.souligne{
	text-decoration: underline;
}
.vertclair{
	color: #81c319;
}
.surligne{
	background-color: rgba(129,195,25,.6);
	padding: 0 3px;
	cursor: pointer;
}
.lien-rs a{
	text-decoration: underline;
	color: inherit;
	line-height: 30px;
	vertical-align: top;
}
.espace{ padding-right: 45px;}
p.encadre{
	padding: 8px;
	margin-top: 15px;
	border: 2px solid #81c319;
	display: inline-block;
}
img{
	max-width: 100%;
	height: auto;
}
img.puce{position: relative; top:6px;}
html{
	background-color: #fefefe;
	font-family: verdana, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 100vh;
	line-height: 1.2em;
}
body{
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	position: relative;
	width: 100%;
	line-height: 1.15em;
}

h1{
	font-family: Inkfree, cursive;
	color: #502f26;
	font-size: 38px;
	font-weight: 800;
	line-height: 1.2em;
}
.manuscrit{
	font-family: Inkfree, cursive!important;
}
h2{
	color: #81c319;
	font-weight: bold;
	font-size: 24px;
	margin-top: 35px;
	line-height: 1.2em;
}
h3{
	font-family: verdana, sans-serif;
	color: #96a952;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0;
	margin-top: 18px;
}
p{
	color: #333;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 3px;
	letter-spacing: -0.05em;
}
#actu{
	position: fixed;
	left: 5%;
	bottom: 1vh;
	border: solid 2px #744440;
	background-color: #fff;
	text-align: center;
	padding: 1px;
	z-index: 16;
	width: 250px;
}
#actualite #actu{
	display: none;
}
#index #actu{
	display: block;
}
#actu h2{
	font-family: Inkfree, cursive;
	color: #502f26;
	font-size: 36px;
	font-weight: 800;
	line-height: 1em;
	margin: 1px;
	display: inline-block;
}
#actu h3{
	width: 90%;
	margin: auto;
}
#actu img{
	border: solid 1px #f2f2f2;
	display: block;
	margin: 5px auto;
	max-width: 90%;
	height: auto;
}

/* ELEMENTS MOBILE SUR ECRAN ORDI */
#menu-mobile, #arbre-footer, #menu-mobile-content{
	display: none;
}

/* SEPARATEUR OISEAUX*/
p.separation{
	text-align: center;
	margin: 50px auto;
}
p.separation img{
	height: 75px;
}

/* FOND ET MENU */
#menu-fd-degrade-blc{
	top: 0;
	width: 100vw;
	background: linear-gradient(#ffffff, #fefefe, transparent);
	background-repeat: no-repeat;
	height: 200px;
	z-index: 11;
	position: fixed;
	top:0;
}
body.standard #fond-arbre-global{
	margin: 0 auto 0 2%;
	padding: 0;
	width: 1000px;
	max-width:80%;
	text-align: center;
	height: auto;
	min-height: 100vh;
	z-index: 1;
	position: fixed;
	top: 0%;
}
body.standard #arbre-dessus-global{
	margin: 0 auto 0 2%;
	padding: 0;
	width: 1000px;
	max-width: 80%;
	text-align: center;
	height: 250px;
	z-index: 12;
	position: fixed;
	top: 0%;
	overflow: hidden;
	height: 37vh;
	min-height: 265px;
}
body.large #fond-arbre-global{
	margin: 0 auto 0 -8%;
	padding: 0;
	width: 90%;
	text-align: center;
	height: 200px;
	min-height: 100vh;
	z-index:0;
	position: fixed;
	top: 0%;
	padding-top: 10px;
}
body.large #arbre-dessus-global{
	margin: 0 auto 0 -8%;
	padding: 0;
	width: 90%;
	text-align: center;
	height: 270px;
	z-index: 12;
	position: fixed;
	top: 0%;
	overflow: hidden;
	padding-top: 10px;
}
body.standard img.fd-arbre{
	display: block;
	position: absolute;
	width: 100%;
	overflow: hidden;
}
body.large img.fd-arbre-large{
	display: block;
	position: absolute;
	width: 100%;
	overflow: hidden;
}
body.standard img.fd-arbre-large{
	display: none;
}
body.large img.fd-arbre{
	display: none;
}
#rd-clair-dessus{
	border-radius: 50%;
	background-color: #81c319;
	width: 61px;
	position: absolute;
	top: 73%;
	left: 60%;
	height: 61px;
	display: none;
}
#rd-kaki-dessus{
	border-radius: 50%;
	background-color: #96a952;
	width: 48px;
	position: absolute;
	top: 65%;
	left: 56.3%;
	height: 49px;
	display: none;
}
body.standard #fb{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 38.5%;
	top: 51%;
	z-index: 2;
}
body.standard #tw{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 38.5%;
	top: 56%;
	z-index: 2;
}
body.large #fb{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 25.5%;
	top: 51%;
	z-index: 2;
}
body.large #tw{
	width: 35px;
	height: 35px;
	position: absolute;
	left: 25.5%;
	top: 56%;
	z-index: 2;
}
#fb a, #tw a {
	display: block;
	height: 35px;
	width: 35px;
}
.margebas115{
	margin-bottom: 115px;
}
/* LE MENU ORDI */
#menu p{
	letter-spacing: normal;
}
#menu{
	position : absolute;
	width: 100%;
	min-height: 200px;
	top: 5vh;
	/* border: solid red 1px; */
	z-index: 2;
	left: 25px;
}
#menu #unplo{
	background-color: #81c319;
	width: 14%;
	max-width: 210px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 6%;
	left: 81%;
	display: inline-block;
}
#menu #unplo:after {
    padding-top: 80%; /*ratio*/
    display: inline-block;
    content: '';
}
#unplo img.logoUNPLO{
	width: 80%;
	height: auto;
	display: block;
	margin: 10%;
}
#menu div p{
	width: 90%;
	height: 85%;
	border-radius: 50%;
	margin: 5%;
	margin-top:15%;
	font-size: inherit;
	font-weight: bold;
	line-height: 1.2em;
	display: flex;
	justify-content: center;
	align-items: center;
}
#menu #oiseaublesse{
	background-color: #81c319;
	width: 14%;
	max-width: 125px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 6%;
	left: -1%;
	font-size: 16px;
	display: inline-block;
}
#menu #oiseaublesse:after {
    padding-top: 15%; /*ratio*/
    display: inline-block;
    content: '';
}
#menu #association{
	background-color: #81c319;
	width: 15%;
	max-width: 159px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: -5%;
	left: 31%;
	display: inline-block;
	font-size: 20px;
}
#menu #association:after {
    padding-top: 20%; /*ratio*/
    display: inline-block;
    content: '';
}
#menu #contact{
	background-color: #81c319;
	width: 9%;
	max-width: 159px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 10%;
	left: 15%;
	display: inline-block;
	font-size: 20px;
}
#menu #contact:after {
    padding-top: 20%; /*ratio*/
    display: inline-block;
    content: '';
}
#menu #contact img.oiseau3 {
  top: -48%;
}
#menu #oiseaux{
	background-color: #81c319;
	max-width: 140px;
	width: 11%;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 7%;
	left: 50%;
	display: inline-block;
	font-size: 20px;
}
#menu #oiseaux:after {
    padding-top: 22%; /*ratio*/
    display: inline-block;
    content: '';
}
#menu #actualite{
	background-color: #81c319;
	max-width: 140px;
	width: 8%;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 20%;
	left: 67%;
	display: inline-block;
	font-size: 20px;
}
#menu #actualite:after {
    padding-top: 22%; /*ratio*/
    display: inline-block;
    content: '';
}
#menu div#actualite img.oiseau2.active{
	position: absolute;
	top: -70%;
	left: -42%;
	width: 72%;
}
#menu div.rd-vert-clair{
	border-radius: 50%;
	background-color: #81c319;
}
#menu div.rd-kaki{
	border-radius: 50%;
	background-color: #96a852;
}
#menu div img{
	display: block;
	position: absolute;
}
#menu div img.oiseau1{
	display: none;
	position: absolute;
	top: -41%;
	left: 4%;
}
#menu div img.oiseau2{
	display: none;
	position: absolute;
	top: -32%;
	left: -21%;
}
#menu div img.oiseau3{
	display: none;
	position: absolute;
	top: -30%;
	left: 67%;
}
#menu div#oiseaux img.oiseau3{
	display: none;
	position: absolute;
	top: -10%;
	left: 78%;
}
#menu div img.oiseau.active{
	display: block!important;
	width: 45%;
	height: auto;
}

/* LE MENU ORDI PAGE LARGE */
#arbre-dessus-global #menu{
	left: 22px;
	width: 100%;
	top: 43px;
}
.large #menu #actualite{
	top: 17%;
	left: 36%;
	width: 6%;
	background-color: transparent;
}
body.large #arbre-dessus-global #menu {
  width: 100%;
  left: 150px;
  top: 20px;
}
body.large #arbre-dessus-global #menu #unplo{
	background-color: #81c319;
	width: 10%;
	max-width: 210px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: -1%;
	left: 43.5%;
	display: inline-block;
}
body.large #arbre-dessus-global #menu #oiseaublesse {
  background-color: #81c319;
  width: 14%;
  max-width: 125px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 6%;
  left: 2%;
  font-size: 16px;
  display: inline-block;
}
body.large #arbre-dessus-global #menu #oiseaux{
	background-color: #81c319;
	max-width: 140px;
	width: 7%;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 5%;
	left: 26%;
	display: inline-block;
	font-size: 20px;
}
body.large #arbre-dessus-global #menu #association{
	background-color: #81c319;
	width: 8.5%;
	max-width: 159px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 4%;
	left: 14%;
	display: inline-block;
	font-size: 20px;
}
body.large #menu #contact{
	background-color: #81c319;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 62%;
	left: 12%;
	display: inline-block;
	font-size: 16px;
}
body.large #menu #contact p{
	margin-top: 3%;
}
.large #actu{ 
	width: 225px;
	left: 25px;
 }
 #nosoiseaux #actu, #oiseaublesse #actu{ 
	/* display: none; */
 }

/* CONTENU PRINCIPAL */
#main-content{
	width: 75%;
	max-width: 850px;
	margin: 260px 15% auto auto;
	padding-bottom: 150px;
	position: relative;
	z-index: 10;
} 
.large #main-content {
  width: 50%;
  max-width: 100%;
  margin: 285px 20% auto auto;
  padding-bottom: 150px;
  position: relative;
  z-index: 10;
}

/* FORMULAIRE DE CONTACT*/
form{
	border: solid 2px #81c319;
	padding: 18px;
	margin: 20px auto;
	width: auto;
	display: inline-block;
	background-color: rgba(129,195,25,0.1);
	max-width: 85%;
}
.infoplus{
	color: #81c319;
	line-height: 1em;
	text-align: left;
	font-size: 10px;
	letter-spacing: -1px;
}
label{
	width: 180px;
	margin-bottom: 25px;
	display: inline-block;
	vertical-align: top;
	color: #81c319;
	font-weight: bold;
}
input, textarea{
	width: 320px;
	border: solid 1px #ffffff;
	outline: none;
	margin-bottom: 25px;
	max-width: 98%;
}
input{
	height: 25px;
}
input:focus, textarea:focus {
	border: solid 1px #81c319;
	outline: solid 1px #81c319;
}
input[type="submit"]{
	width: 325px;
	height: 45px;
	border: solid 1px #81c319;
	background-color: #81c319;
	margin: 18px auto 10px 185px;
	color: #ffffff;
	font-weight: bold;
	font-size: 20px;
}
#contact .encadreko{
	padding: 25px 0px;
	color: #744440;
	border: none;
	width: 98%;
	font-weight: bold;
	line-height: 1.3em;
}
#contact .encadreok{
	padding: 25px;
	color: #81c319!important;
	background-color: rgba(129,195,25,0.1);
	width: 100%;
	border: solid 1px #81c319;
}
input[name="recontact"], label[for="recontact"]{
	display: none;
}

/* FOOTER */
footer{
	border-radius: 100% 100% 0 0;
	background-color: #81c319;
	height: 135px;
	width: 110%;
	position: fixed;
	left: -5%;
	bottom: -10%;
	z-index: 15;
}
footer p{
	max-width: 50%;
	margin: 18px auto 0 auto;
	text-align: right;
	font-size: 12px;
}

#menu-mobile #close img{ max-width: 80%;}

/* BLOC ACTU */
p.date{
	color: #81c319;
	margin: 0;
	line-height: 1em;
}
p.lienplusinfos{
	color: #502f26;
	margin: 8px auto 0 auto;
	line-height: 1em;
	text-align: right;
	font-size: 10px;
	padding: 6px;
	letter-spacing: -1px;
}
p.lienplusinfos a{
	color: #502f26;
	text-decoration: underline;
}
p.lienplusinfos a:after{
	content: " >>";
}
a.liencolor{
	color: #81c319;
	text-decoration: underline;
	font-weight: bold;
}

/* PAGE ACCUEIL */
#btonHello{ margin-top : 20px; width: 165px;}

/* PAGE ACTU */
#actualite #actu{ 
/* display: none; */
}

/* PAGE ASSOCIATION */
.galerie{
	text-align: left;
	margin-top: 15px;
}
.galerie img{
	display: inline;
	height: 230px;
	width: auto;
	margin: 1px 3px;
	padding:0;
	line-height: 155px;
}
.galerie.h270 img{
	height: 270px;
}

/* PAGE PENSIONNAIRES */
img.portrait{
	max-width: 25%;
	height: auto;
	max-height: 320px;
	vertical-align: middle;
}
p.pensionnaires b, .elt-img-tx b{
	font-weight: bold;
	color: #81c319;
}
.imgbord{
	display: inline-block;
	border-left: 12px solid #96a952;
	margin: 5px 15px 5px 5px;
	float: left;
}
.imgbord img{
	display: block;
	margin: 0;
	padding: 0;
	max-height: 280px;
	width: auto;
}
p.img-galerie img {
	float: left;
	height: auto;
	padding: 5px 5px 0 0;
	width: 48%;
}
.imgbord figcaption{
	font-style: italic;
	color: #96a952;
	font-size: 12px;
	margin-left: 5px;
	position: relative;
	top: 4px;
}
.elt-img-tx{
	width: 40%;
	display: inline-block;
	padding-left: 3%;
	margin-right: 5%;
	margin-top: 35px;
	vertical-align: top;
}
.elt-img-tx .details{
	margin-top: 2px;
	text-align: justify;
	text-justify: inter-word;
}

/* FORMULAIRE MAILCHIMP INTEGRE */
#mc_embed_signup .helper_text{ background-color: transparent!important;}
#mc_embed_signup .button{background-color: #81c319!important;font-weight: bold!important;}

/*RESPONSIVE*/
@media only screen and (max-width: 1795px) {
	#fond-arbre-global, #arbre-dessus-global{
		margin: 0 auto 0 2%;
	}
	#main-content{
		width: 62%;
		max-width: 850px;
		margin: 325px 14% auto auto;
	}
	#rd-clair-dessus, #rd-kaki-dessus{
		display: none;
	}
	body.large #arbre-dessus-global #menu{
		left: 9%;
		width: 100%;
	}
}
@media only screen and (max-width: 1600px) {
	#main-content{
		width: 48%;
		max-width: 800px;
		margin: 325px 12% auto auto;
	}
	body.large #arbre-dessus-global #menu #association {
		width: 9%;
		font-size: 16px;
		top: 1%;
		left: 13.5%;
	}
	body.large #arbre-dessus-global #menu #oiseaux {
		/* width: 7%; */
		/* top: 2%; */
		/* left: 22%; */
		font-size: 17px;
	}
	body.large #arbre-dessus-global #menu #actualite {
		top: 11%;
		left: 35.7%;
	}
}
@media only screen and (max-width: 1300px) {
	body.large #arbre-dessus-global, body.large #fond-arbre-global {
		width: 100%;
	}
	#menu div p{
		font-size: 15px;
		margin-top: 16%;
	}
	#main-content{
		/* width: 48%; */
		/* max-width: 800px; */
		/* margin: 325px 12% auto auto; */
	}
	.large #main-content {
	  width: 60%;
	  margin: 260px 14% auto auto;
	}
	#menu #unplo{ top: 9%;}
	#menu #association {
		width: 12%;
		top: 1vh;
		left: 32%;
	}
	#menu #association::after {
	  padding-top: 22%;
	}
	#menu #oiseaux {
	  width: 11%;
	  top: 3vh;
	}
	#menu #actualite {
		top: 6vh;
		background-color: transparent;
		max-width: 80px;
		width: 8%;
	}
	#menu #oiseaux::after {
	  padding-top: 24%;
	}
	#menu #oiseaux p {
	  margin-top: 26%;
	}
	#actu{
		left: 25px;
	}
	body.large #arbre-dessus-global #menu #association {
	  width: 10%;
	  font-size: 15px;
	  top: 1%;
	  left: 13.5%;
	}
	body.large #arbre-dessus-global #menu #oiseaux {
		top: 2%;
	}
	body.large #tw, body.large #fb{
		left: 25.6%;
	}
	body.large #tw a, body.large #fb a{
		width: 30px;
		height: 30px;
	}
	body.large #tw img, body.large #fb img{
		max-width:99%;
		height: auto;
		margin:auto;
	}
}
/* TABLETTE HORIZONTALE */
@media only screen and (max-width: 1230px) {
	#menu{
		/* min-height: 22vh; */
		/* top: 4vh; */
	}
	body.large #arbre-dessus-global #menu{
		top: 32px;
	}
	body.large #arbre-dessus-global, body.large #fond-arbre-global {
		margin: 0px auto 0 -10%;
		width: 100%;
		text-align: center;
		height: 270px;
		z-index: 12;
		position: fixed;
		top: 0%;
		overflow: hidden;
		padding: 25px 0 0 0;
	}
	.large #actu {
	  width: 175px;
	  left: 20px;
	}
	.large #main-content {
	  /* width: 60%; */
	  /* margin: 260px 14% auto auto; */
	}
	body.standard #tw, body.standard #fb{
		left: 38%;
	}
}
/* MOBILE */
@media screen and (max-width: 790px) {
	#menu, footer p{ display: none;}
	#fond-arbre-global, #arbre-dessus-global, #menu-fd-degrade-blc, #fond-arbre-large, body.large img.fd-arbre-large{display: none;}
	/*menu mobile*/
	#logo-mobile{
		display: inline-block;
		width: 120px;
		margin: 10px 0 0 10px;
	}
	.oc-menu{
		position: absolute;
		top: 30%;
		left: 43%;
	}
	#close.oc-menu{
		left: 40%;
	}
	#oc-menu-mobile{
		display: inline-block;
		width: 150px;
		position: fixed;
		top: 20px; 
		right: 2px!important;
		text-align: center;
		color: #054724;
		font-weight: bold;
		cursor: pointer;
	}
	#menu-mobile{
		background-image: url("../images/fd-branche-mobile.svg"), linear-gradient(white, white, white, white, transparent);
		background-repeat: no-repeat;
		background-size: 115%;
		background-position: right center, right center, right center, right center;
		height: 150px;
		display: block;
		position: fixed;
		width: 100%;
		top: 0;	
		z-index: 15;
	}
	#menu-mobile.closed #open, #menu-mobile.opened #close{
		display: block;
	}
	#menu-mobile.closed #close, #menu-mobile.opened #open{
		display: none;
	}
	#menu-mobile-content{
		position: fixed;
		top: 0px;
		background-color: #ffffff;
		max-width: 100%; 
		height: 100vh;
		z-index: 2;
		padding-top: 155px;
		box-sizing : border-box;
		width: 100%;
		z-index: 11;
		overflow: auto;
	}
	#menu-mobile-content.closed{
		display: none;
	}
	#menu-mobile-content.opened{
		display: block;
	}
	#menu-mobile-content nav{
		padding: 0;
		margin: auto;
		width: 80%;
	}
	#menu-mobile-content nav ul{
		padding: 0;
		margin: auto;
		width: 80%;
	}
	#menu-mobile-content nav li{
		display: block;
		background-color: #744440;	
		margin: 16px auto;
		border-radius: 15px;
		padding: 11px;
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		position: relative;
		left: 20px;
	}
	#menu-mobile-content nav li.active{
		display: block;
		background-color: #81c319;	
		color: #054724;
		left: -35px;
	}
	#menu-mobile-content nav li.active:before{
		content: url("../images/oiseau2.svg");
		position: absolute;
		width: 40px;
		top: -30px;
		left: -21px;
	}
	.large #main-content, #main-content {
		width: 85%;
		max-width: 100%;
		margin: 150px auto auto auto;
		padding-bottom: 150px;
		position: relative;
		z-index: 10;
	}
	#actu {
		position: fixed;
		left: 409px;
		bottom: 2vh;
		border: solid 2px #744440;
		background-color: #fff;
		text-align: center;
		padding: 1px;
		padding-right: 1px;
		z-index: 17;
		width: 39%;
		padding-right: 5px;
		/* max-height: 140px; */
	}
	#actu img{
		border: solid 1px #f2f2f2;
		display: block;
		margin: 3px auto;
		/* float: left; */
		width: 80%;
		height: auto;
	}
	#actu h2{
		font-size: 19px;
		width: 90%;
		margin: 5px;
	}
	#actu p, #actu h3{
		float: right;
		width: 50%;
		font-size: 12px;
		margin: 0;
		text-align: center;
	}
	#actu p.lienplusinfos{
		float: right;
		max-width: 90%;
		font-size: 10px;
		margin: 0;
		text-align: right;
		vertical-align: bottom;
	}
	footer {
	  border-radius: 100% 100% 0 0;
	  height: 15vh;
	  max-height: 130px;
	  width: 180%;
	  left: -40%;
	  z-index: 16;
	}
	#arbre-footer{ 
		display: block;
		width: 120px;
		height: 100px;
		position: fixed;
		left: 8px;
		bottom: 25px;
		z-index: 15;
	}
	.elt-img-tx {
	  width: 80%;
	  display: block;
	  padding-left: 20%;
	  margin-right: 3%;
	  margin-top: 35px;
	}
	.galerie img, .galerie.h270 img{
		display: inline;
		height: auto;
		width: auto;
		max-width: 95%;
		margin: 1px 3px;
		padding:0;
		overflow: visible;
	}
	.imgbord{
	  margin-left: 0;
	}
	.imgbord img {
	  display: block;
	  margin: 0;
	  padding: 0;
	  max-height: 220px;
	  width: auto;
	  max-width: 164px;
	  height: auto;
	}
	.elt-img-tx {
	  width: 95%;
	  display: block;
	  padding-left: 0;
	  margin-right: 3%;
	  margin-top: 35px;
	}
	input[type="submit"]{
		max-width: 85%;
		margin: 18px auto 10px auto;
	}
}

@media only screen and (max-width: 1080px) and (orientation: portrait) {
	#menu{ display: none;}
	#fond-arbre-global, #arbre-dessus-global, #menu-fd-degrade-blc, #fond-arbre-large, body.large img.fd-arbre-large{display: none;}
	#logo-mobile{
		display: inline-block;
		width: 120px;
		margin: 10px 0 0 10px;
	}
	.oc-menu{
		position: absolute;
		top: 30%;
		left: 43%;
	}
	#close.oc-menu{
		left: 40%;
	}
	#oc-menu-mobile{
		display: inline-block;
		width: 150px;
		position: fixed;
		top: 20px; 
		right: 2px!important;
		text-align: center;
		color: #054724;
		font-weight: bold;
		cursor: pointer;
	}
	#menu-mobile{
		background-image: url("../images/fd-branche-mobile.svg"), linear-gradient(white, white, white, white, transparent);
		background-repeat: no-repeat;
		background-size: 115%;
		background-position: right center, right center, right center, right center;
		height: 150px;
		display: block;
		position: fixed;
		width: 100%;
		top: 0;	
		z-index: 15;
	}
	#menu-mobile.closed #open, #menu-mobile.opened #close{
		display: block;
	}
	#menu-mobile.closed #close, #menu-mobile.opened #open{
		display: none;
	}
	#menu-mobile-content{
		position: fixed;
		top: 0px;
		background-color: #ffffff;
		max-width: 100%; 
		height: 100vh;
		z-index: 2;
		padding-top: 155px;
		box-sizing : border-box;
		width: 100%;
		z-index: 11;
		overflow: auto;
	}
	#menu-mobile-content.closed{
		display: none;
	}
	#menu-mobile-content.opened{
		display: block;
	}
	#menu-mobile-content nav{
		padding: 0;
		margin: auto;
		width: 80%;
	}
	#menu-mobile-content nav ul{
		padding: 0;
		margin: auto;
		width: 80%;
	}
	#menu-mobile-content nav li{
		display: block;
		background-color: #744440;	
		margin: 16px auto;
		border-radius: 15px;
		padding: 11px;
		color: #ffffff;
		text-align: center;
		font-weight: bold;
		position: relative;
		left: 20px;
	}
	#menu-mobile-content nav li.active{
		display: block;
		background-color: #81c319;	
		color: #054724;
		left: -35px;
	}
	#menu-mobile-content nav li.active:before{
		content: url("../images/oiseau2.svg");
		position: absolute;
		width: 40px;
		top: -30px;
		left: -21px;
	}
	#main-content, #large #main-content {
	  /* width: 90%; */
	  /* max-width: 95%; */
	  /* margin: 150px auto auto auto; */
	  /* padding-bottom: 20vh; */
	  /* z-index: 10; */
	}
	.large #main-content, #main-content {
	  width: 85%;
	  max-width: 100%;
	  margin: 150px auto auto auto;
	  padding-bottom: 150px;
	  position: relative;
	  z-index: 10;
	}
	#actu, .large #actu {
		position: fixed;
		left: auto;
		right: 10%;
		bottom: 2vh;
		border: solid 2px #744440;
		background-color: #fff;
		text-align: center;
		padding: 1px;
		padding-right: 1px;
		z-index: 17;
		width: 250px;
		padding-right: 5px;
	}
}