/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FONT */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* BODY */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

html, body { height: 100%; padding: 0; margin: 0; color: #fff; font-weight: 300; font-family: 'Roboto', sans-serif; overflow: hidden; font-size: 14px }
body {
	background: #000;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* LOADER + COMMUN  */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#loader_ajax { background: #fff url(../img/ajax-loader.gif) no-repeat center center; width: 50px; height: 50px; border-radius: 5px; position: fixed; top: 50%; left: 50%; margin: -25px 0 0 -25px; z-index: 999999; opacity: 0; visibility: hidden }
.clear { clear: both; }
.center { width: 960px; margin: 0px auto; }
a { color: #d6afca; text-decoration: none; }
a img { border: none; }
img { border: none; }
.box_container { width: 500px; padding: 0; }
.title_section { font-size: 60px; font-weight: 100; margin-bottom: 30px; }
.title { font-size: 24px; margin-bottom: 20px; font-weight: 100; }

.bg_default {
	background: #000 url(../img/bg_global.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_global.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/bg_global.jpg', sizingMethod='scale')";
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MENU */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#header { position: absolute; z-index: 9999; width: 100%; background: rgba(255,255,255,.6); background: #5b1f4b url(../img/bg_nav.png) repeat-y top center;  }
#header #bg_arcenciel { height: 5px; background: url(../img/bg_arcenciel.png); }
#header #size_font { margin: 10px 0; color: #d6afca; }
#header #size_font #decrease_size { font-size: 14px; float: left; padding: 5px 8px; background: #a7398a; line-height: 21px; cursor: pointer; }
#header #size_font #increase_size { font-size: 16px; float: left; padding: 5px; background: #a7398a; margin-left: 5px; cursor: pointer; }
#header #size_font #increase_size:hover, #header #size_font #decrease_size:hover { background: #cd44a9 }
#nav { list-style-type: none; margin: 0; padding: 0; margin: 0 auto; width: 960px; height: 132px; overflow: hidden; font-weight: 100; }
#nav li { float: left; margin: 0 30px 0 0; }
#nav li a { display: block; width: 100%; height: 81px; }
#nav li.active a { color: #fff; }
#nav li:hover a { color: #fff }
#nav li.remerciement { float: right; margin-top: -125px; height: 20px; font-size: 12px; line-height: 20px }
#nav li.remerciement a { height: 20px; height: 20px; }

.submenu { background: #2a2a2a; padding: 0px 0; font-weight: 100; height: 0px; overflow: hidden; }
.submenu ul { list-style: none; padding: 0 0 0 280px; width: 680px; margin: 0 auto; }
.submenu ul li { float: left; display: inline-block; margin: 0 40px 0 0; }
.submenu li a { color: #909090; }
.submenu li.active a { color: #fff }
.submenu li.active a.social { color: #e20f79; }
.submenu li.active a.formation { color: #2dade1; }
.submenu li.active a.faune { color: #aac956; }
.submenu li.active a.eglises { color: #1d3f7d; }
.submenu li.active a.culture { color: #a7398a; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* FOOTER */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#footer { background: #f2f2f2; position: absolute; bottom: 0px; z-index: 9999; width: 100%; }
#footer_container { width: 960px; margin: 0 auto; color: #868686; padding: 20px 0 40px; }
#footer_left { float: left; font-weight: 900; }
#footer_right { float: left; font-weight: 100; margin-left: 40px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* MAIN PAGE */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.pt-perspective { position: relative; width: 100%; height: 100%; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; }
.pt-page { width: 100%; height: 100%; position: absolute; top: 0; left: 0; visibility: hidden; overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.pt-page-current, .no-js .pt-page { visibility: visible; z-index: 1; }
.no-js body { overflow: auto; }
.pt-page-ontop { z-index: 999; }

.content {height: 100%; width: 100%; top:0px; left:0px; position: absolute; overflow-y: auto;}
.container { padding: 170px 0 240px 0; position: relative; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* HOME PAGE */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.home .container { padding-top: 154px; }
.content.home { background: #fff; color: #000; }
.content.home .home_block { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 9 }
.content.home .home_block .home_block_content { position: relative; height: 100% }
.content.home .home_block .home_block_content img { position: absolute; top: 0; left: 0; width: 101% }
.content.home .home_block .home_block_content span 
{ 
	position: absolute; top: -50%; height: 100%; left: 0; width: 100%; display: block; text-align: center; 
	font-size: 60px; text-transform: uppercase; font-weight: 100; color: #fff; visibility: hidden; opacity: 0;
}
.content.home .title_home { position: absolute; left: 0px; top: 20px; font-weight: 100; }
.content.home .title_section 
{ 
	width: 100%; position: absolute; text-align: center; top: 50%; z-index: 9; visibility: hidden; opacity: 0
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* LA FONDATION */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.la_fondation { background: #e20f79 }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* DOMAINE D'ACTION */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.domaines_d_actions .box_container { padding: 20px; }

.content.domaines_d_actions #footer_demandes { background: #2a2a2a;  width: 500px; padding: 20px; position: relative; margin-top: 65px; }
.content.domaines_d_actions #footer_demandes .footer_demandes_title { font-size: 24px; font-weight: 100; float: left; }
.content.domaines_d_actions #footer_demandes .footer_demandes_desc { width: 350px; float: left; margin-left: 30px; }
.content.domaines_d_actions #footer_demandes .footer_demandes_logo { position: absolute; top: -70px; }

.content.domaines_d_actions.social { background: #000 url(../img/domaines_d_actions_social.jpg) no-repeat center left fixed; }
.content.domaines_d_actions.social .title_section { color: #e20f79;  }
.content.domaines_d_actions.social .box_container { background: #e20f79; }
.content.domaines_d_actions.social .box_container a { color: #fff; text-decoration: underline; }

.content.domaines_d_actions.formation { background: #000 url(../img/domaines_d_actions_formation.jpg) no-repeat center top fixed; }
.content.domaines_d_actions.formation .title_section { color: #2dade1;  }
.content.domaines_d_actions.formation .box_container { background: #2dade1; }

.content.domaines_d_actions.faune { background: #000 url(../img/domaines_d_actions_faune.jpg) no-repeat right 150px fixed; }
.content.domaines_d_actions.faune .box_container { background: #aac956; }
.content.domaines_d_actions.faune .title_section { color: #aac956;  }

.content.domaines_d_actions.eglises { background: #000 url(../img/domaines_d_actions_eglises.jpg) no-repeat center 150px fixed; }
.content.domaines_d_actions.eglises .box_container { background: #1d3f7d; }
.content.domaines_d_actions.eglises .title_section { color: #1d3f7d;  }

.content.domaines_d_actions.culture { background: #000 url(../img/domaines_d_actions_culture.jpg) no-repeat center -200px fixed; padding-bottom: 100px }
.content.domaines_d_actions.culture .title_section { color: #a7398a;  }
.content.domaines_d_actions.culture .box_container { background: #a7398a; }

.content.domaines_d_actions.fullbg
{ 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* HISTORIQUE */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.historique { background: #2dade1 }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CONSEIL DE FONDATION */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.conseil_de_fondation { background: #aac956 }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* DEMANDES */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.demandes { background: #1d3f7d  }
.content.demandes .btn_social { color: #e20f79; }
.content.demandes .btn_formation { color: #2dade1; }
.content.demandes .btn_culture { color: #a7398a; }
.content.demandes .btn_faune { color: #aac956; }
.content.demandes .btn_eglises { color: #3862af; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CONTACT PAGE */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.contact { background: #fff; color: #2a2a2a; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* CONTACT REMERCIEMENT */
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.content.remerciement { background: #5b1f4b; color: #ffffff; }


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
	.center { width: auto; margin: 0px;  }

	#size_font { display: none; }

	#header { font-size: 7px; }
	#header #logo { width: 100%; }
	#header #logo img { width: 60px;  }
	#nav { width: auto; height: auto; padding: 10px 0; } 
	#nav li.home { float: left; }

	#nav li { margin: 0px 10px 0 0; width: auto; border-top:1px solid rgba (255,255,255,.3); height: 20px; }
	#nav li a { height: auto; }
	.submenu ul { width: auto; padding: 0px; text-align: center }
	.submenu ul li { margin-right: 10px; float: none; }

	.container { padding: 80px 0 50px 0; }
	.title_section { font-size: 30px; margin-bottom: 0px; margin-left: 20px; }
	.box_container { width: auto; padding: 20px;  }

	#footer_demandes { width: auto; }
	.footer_demandes_logo img { width: 70px; }
	.content.domaines_d_actions #footer_demandes .footer_demandes_title { font-size: 16px; }
	.content.domaines_d_actions #footer_demandes .footer_demandes_desc { margin-left: 30px; width: 200px }
	#footer_container { padding: 5px; width: auto; font-size: 8px; }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@mediaonly screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}