/*Meda Queries */


    /*#body {
        padding-top: 50px;
    }
    .banner {
        height: 500px;
    }
    .banner #main_quote {
        padding: 3px;
    }
    .banner #main_quote h1 {
        font-size: 25px;
        margin-bottom: 50px;
    }
    .banner #logo_empty img {
        width: 300px;
    }*/

@media (min-width: 800px) {
    .bloc2 {
    	order: 1:;
    }
}
/*
@media (min-width: 1200px) {
    .banner #main_quote h1 {
        width: 100%;     
    }
}*/

/* FONTS */
@font-face {
    font-family: "Bebas";
    src: url("../fonts/BebasNeue-Regular.ttf");
}
@font-face {
    font-family: "Garamond";
    src: url("../fonts/AppleGaramond-Light.ttf");
}
@font-face {
    font-family: "Mogilte";
    src: url("../fonts/Mogilte.otf");
}
@font-face {
    font-family: "Bizantheum";
    src: url(../fonts/Bizantheum.otf);
}

/* FORMAT */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header {
    position: sticky;
    top: 0px;
    background-color: #fff;
    color: #fff;
    height : auto;
}

body {
    font-size: 1rem;
    line-height: 1.7;
    color: #606d6e;
    margin: 0;
}
#body p,
#body ul {
    font-family: "Garamond", sans-serif;
    font-size: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #315a3b;
}

h1 {
    margin-top: 0 !important;
    font-family: "Mogilte", sans-serif;
    font-size: 55px;
    font-weight: normal;
    line-height: 50px;
    text-align: center;
}
h2, h3 {
    font-family: "ZTBros", "Bizantheum", sans-serif;
    font-size: 25px;
    text-transform: uppercase;
}
h4 {
	font-family: "Mogilte", sans-serif;
	font-size: 25px;
	margin: 0;
	border-bottom: solid 3px #315a3b;
}
/*h3 {
    background: url(../images/arrow.png) left no-repeat;
    background-size: 20px;
    padding-left: 30px;
}*/
/*.green_bg h1 {
    color: #fff;
    background-image: linear-gradient(#fff);*/
}

a {
    color: #1F8CD6;
    text-decoration: none;
}

a:hover {
    color: #175E91;
}

pre {
    background: #F0F0F0;
    margin: 1rem 0;
    border-radius: 2px;
}

.button {
    display: block;
    text-align: center;
    font-family: "Bebas", sans-serif;
    font-size: 30px;
    padding: 10px 20px;
    min-width: 200px;
    max-width: 300px;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 20px;
}
.green {
	background-color: #315a3b;
	border: 3px solid #315a3b;
	color: #fff;
}
.green:hover {
    background-color: #fff;
    color: #315a3b;
}
#support .button {
    border-radius: 5px;
    font-family: "Garamond", sans-serif !important;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    margin: 10px;
}


/* Ced Cadre propre sur les blockquotes dans le contenu */
/*
#body #body-inner blockquote,
.content blockquote,
.section blockquote,
.modular blockquote,
blockquote {
  border: 1.5px solid #444 !important;      /* cadre complet 
  border-left: 1.5px solid #444 !important; /* neutralise un éventuel filet gauche du thème
  border-radius: .5rem !important;
  background: #fafafa !important;
  padding: 1rem 1.25rem !important;
  margin: 1.5rem 0 !important;
}
blockquote > :first-child { margin-top: 0 !important; }
blockquote > :last-child  { margin-bottom: 0 !important; }
*/

/* BANNIERE */

#banner {
    background-image: url(../../../../images/banner.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#banner #logo_empty {
    height: 50%;
    display: flex;
    justify-content: center;
    /*align-items: flex-end;*/
}

#banner #logo_empty img {
	width: 400px;
}
#banner #main_quote {
    height: 50%;
    padding: 0 50px;
    display: flex;
    justify-content: center;
}
#banner #main_quote h1 {
	font-size: 35px;
    text-align: center;
    color: #fff;
    font-family: "Garamond", sans-serif;
    font-style: italic;
    text-shadow: 0px 0px 5px black;
}

/* INTRO */

.intro h1 {
    margin-top: 50px;
    margin-bottom: 0;
    text-align: left !important;
}
.intro .quote {
	margin: 10px 0;
	font-size: 20px;
	color: #315a3b;
	font-style: italic;
	font-weight: bold;
	line-height: 20px;
}
.intro .intention {
	margin: 0;
	font-size: 40px;
	font-weight: normal;
	line-height: 50px;
}

/* NOS ACTIONS */

.actions h1 {
	text-align: center;
	padding: 25px 0;
	border-bottom: solid #315a3b;
}
.actions h3 {
	font-family: "Bebas", sans-serif;
	font-size: 40px;
	margin: 0;
	color: #fff;
}
.actions ul {
	font-size: 23px !important;
}
.side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.side .button {
	margin: 0 auto;
}
.bloc {
	background-size: 550px;
    background-position: bottom;
	padding: 10px 20px;
	width: 500px;
	min-height: 400px;
	margin: 0 20px;
}
.bloc1 {
	background-image: url("../../../../images/bloc1.jpg");
	margin-right: 20px;
}
.bloc2 {
	background-image: url("../../../../images/bloc2.jpg");
	order: 1;
	margin-left: 20px;
}
.bloc3 {
    background-image: url("../../../../images/bloc1.jpg");
    margin-right: 20px;
}

@media (max-width: 800px) {
    .actions .flex_column {
    	flex-wrap: wrap;
        justify-content: center;
    }
    .bloc1 {
    }
    .bloc2 {
    	order: 0;
    }
    .bloc3 {
    }
    .bloc {
    	width: 400px;
        margin: 0;
    }
}

/* NOUS SOUTENIR */

.contribute h1 {
	text-align: center;
	color: #fff;
}
.green_bg  {
    display: block;
    background-color: #315a3b;
    color: #fff;
}
.green_bg h3 {
    text-align: center;
    color: #fff;
}
.green_bg a {
    color: #fff;
    font-family: "Bebas", sans-serif;
}

/* LES COLLECTIFS */

.background-img {
    background-image: url(../../../../images/moissons.jpg);
    height: 300px;
    background-size: cover;
    background-position: 0 35%;
    margin-bottom: 20px;
}

.collectifs img {
	width: 250px;
	padding-right: 20px;
	border-right: 1px solid black;
}
@media screen and (max-width: 800px) {
    .background-img {
        height: 200px;
    }
}
.collectifs .flex_column {
	flex-wrap: nowrap;
}
@media screen and (max-width:650px){
	.collectifs .flex_column {
		flex-wrap: wrap;
	}
	.collectifs img {
		border-bottom: 1px solid black;
		border-right: none;
	}
	.collectifs p {
		text-align: center;
	}
}
.collectifs .vertical-align {
	align-content: center;
	padding: 0 20px;
}

/*@media screen and (min-width:800px) {
	.collectifs .vertical-align {
		border-top: 1px solid black;
	}
}*/

/* Utility Classes */
.container {
    /*padding: 40px 20px;*/
}
.container_margin {
    max-width: 1000px;
    margin: auto;
    padding: 30px 20px;
}

.flex_space {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.flex_column {
	display: flex;
	flex-direction: row;
	margin-bottom: 40px;
}
@media screen and (max-width: 800px) {
    .flex_column {
        justify-content: center;
    }
}

.wrapper {
    margin: 0 3rem;
}

.padding {
    padding: 3rem 1rem;
}

.left {
    align: left;
}

.right {
    float: right;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

/* Content Styling */
.header .padding {
    padding: 1rem 0;
}

.header a {
    color: #fff;
}

.header .logo {
    font-size: 1.7rem;
    text-transform: uppercase;
}

.footer {
    background-color: #eee;
}


/* Menu Settings */


/* FORM STYLE */
#home label {
    visibility: hidden;
}
#home input, textarea, button {
    width: 100%;
}
#home input, textarea {
    padding: 8px;
    border: none;
    border-bottom: solid #315a3b 2px;
}
#home input:focus, textarea:focus {
    outline: none;
    border: solid #315a3b 2px;
}
#home button {
    border: none;
    margin: 20px 0;
    font-family: "bebas";
    font-size: 26px;
}

/* NAVIGATION */

.main-nav {
	padding: 20px;
}
.main-nav .logo_pic {
    height: 50px;
}
.main-nav ul {
    display: inline-block;
    text-align: center;
    letter-spacing: -1em;
    margin: 0;
    padding: 0;
    border-top : 3px solid #272b23;
    border-bottom : 3px solid #272b23;
}
.main-nav ul li {
    display: inline-block;
    letter-spacing: normal;
}

.main-nav ul li a {
    font-family: "Bebas", sans-serif;
    font-size: 20px;
    position: relative;
    display: block;
    line-height: 45px;
    color: #272b23;
    padding: 0 20px;
    white-space: nowrap;
    text-decoration: none;
}

.main-nav > ul > li > a {
    border-radius: 2px;
}

/* Child Indicator */
.main-nav .has-children a {
    padding-right: 30px;
}
.main-nav .has-children label > a:after {
    font-family: "Bebas", sans-serif;
    content: "▼";
    font-size: 10px;
    position: absolute;
    display: inline-block;
    margin-left: 5px;
    top: 0;
}

.main-nav .has-children .has-children a:after {
    content: "▼";
    font-size: 10px;
    margin-left: 5px;
}

/* Hamburger */
input[type=checkbox] {
    display: none;
}

.burger {
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #fff;
    margin: 10px;
    border: 3px solid #315a3b;
    border-radius: 5px;
    top: 5px;
    left: 5px;
    cursor: pointer;

    display: none;
}
.burger div {
    width: 35px;
    height: 4px;
    background-color: #315a3b;
    margin: 10px;
    border-radius: 3px;
}

.burger .cross1 {
    display: none;
    transform: rotate(45deg);
    position: relative;
    top: 14px;
}
.burger .cross2 {
    display: none;
    transform: rotate(-45deg);
    position: relative;
    bottom: 0px;
}

@media screen and (max-width: 800px) {
    .main-nav {
        display: none;
        align-items: center;
    }
    .burger {
        display: block;
    }
    #toggle:checked ~ label > .line {
        display: none;
    }
    #toggle:checked ~ label > .cross1 {
        display: block;
    }
    #toggle:checked ~ label > .cross2 {
        display: block;
    }
    #toggle:checked ~ nav {
        display: flex !important;
        flex-direction: column;
    }
    .main-nav ul {
        border: none !important;
        display: flex;
        flex-direction: column;
    }
    .main-nav ul li ul {
        display: none;
    }
    /*.has-children:hover > ul {
        display: block;
    }
    .has-children ul li:hover {
        background-color: #315a3b;
    }*/
    /*sous-menu anim*/
    .parent-element:checked ~ ul {
        display: flex;
        flex-direction: column;
        background-color: #315a3b;
    }
}

@media screen and (min-width: 800px) {
    .main-nav {
    display: flex;
    max-width: 1000px;
    margin: auto;
    align-items: center;
    justify-content: space-between;
    }

    /* Dropdown CSS */
    .main-nav ul li {position: relative;}

    .main-nav ul li ul {
        position: absolute;
        background-color: #315a3b;
        min-width: 100%;
        text-align: left;
        z-index: 999;

        display: none;
    }
    .main-nav ul li ul li {
        display: block;
    }

    /* Dropdown CSS */
    .main-nav ul li ul ul {
        left: 100%;
        top: 0;
    }
    /* Active on Hover */
    .main-nav li:hover > ul {
    display: block;
    }
}

/*Active dropdown nav item */
.main-nav ul li:hover {
background-color: #315a3b;
}
.main-nav ul li a:hover {
    color: #fff;
}
/* Selected Dropdown nav item */
.main-nav ul li.selected > label > a {
    background-color: #fff;
    color: #315a3b;
}

/*Fin Hamburger */