.home #primary, .home #content{
	margin:0px;
	position: inherit;
	overflow: hidden;
}
/* WIDJET CONTENT */
.ui-widget-content, .ui-widget-header{
	background: none !important;
	border: none !important;
}

#slider_container {
    left: 1.5%;
    position: absolute;
    bottom: 2%;
    width: 97%;
    z-index: 500;
    height:170px;
    overflow: hidden;
    padding-top: 26px;
}


#container_j_slide{
	/*padding: 0px 12.5%;*/
	padding: 0px 1.5%;
	cursor: pointer;
}

.slide_part{
	width:24.8%;
	margin:0px 0.1%;
	background: #81ba27;
	background: rgba(255, 255, 255,0.6);
	height: 11px;
	border-radius: 0px;
	float: left;
	position: relative;
	text-align: center;
	cursor: pointer;
	transition:0.4s;
	-moz-transition:0.4s;
	-webkit-transition:0.4s;
}

.slide_part:hover{
	background: #81ba27;
}

.slide_part#part_1{
	border-radius: 5px 0px 0px 5px;
}
.slide_part#part_4{
	border-radius: 0px 5px 5px 0px;
}

.slide_part h2,.slide_part h3 {
	position: absolute;
	width:100%;
	top:10px;
	text-align: center;
	font-family: 'abelregular';
	opacity: 0;
	transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	opacity: 1;
	top:40px;
}

.slide_part h3{
	top:80px;
	width:120%;
	left:-10%;
	z-index:-1;
}

.slide_part h2 {
	opacity: 1;
	font-size:26px;
	color:#81BA27;
	font-family: 'oswald_regularregular';
	text-shadow:0px 0px 1px #666;
	text-transform: uppercase;
}

.slide_part h3 a{
	background:rgb(237, 114, 30);
	background:rgba(237, 114, 30,0.8);
	color:#fff;
	display: inline-block;
	font-size:25px;
	line-height: 1.3em;
	padding: 5px 15px;
	border-radius: 20px;

}

.slide_part.active{
	background: #81ba27;
}

.slide_part h3{
	opacity: 0;
}

.slide_part.active h3{
	opacity: 1;
	top:90px;
	z-index:999;
}

#container_j_slide .ui-slider .ui-slider-handle{
	border-radius: 100%;
	height:37px;
	width:37px;
	top:-14px;
	margin-left:-16px;
	outline: 0px;
	background: #ed721e;
	cursor: pointer;
	box-shadow:0px 0px 3px #666;
	transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-webkit-transition:0.3s ease-out;
	animation: yoyo_intro 1.8s 1.5s forwards;
	-webkit-animation: yoyo_intro 1.8s 1.5s forwards;
	-moz-animation: yoyo_intro 1.8s 1.5s forwards;
	border:none;
}




/*#container_j_slide .ui-slider .ui-slider-handle:hover{
	box-shadow:0px 0px 4px #666;
}*/

#container_j_slide .ui-slider .ui-state-hover{
	transition:0;
	-moz-transition:0s;
	-webkit-transition:0s;
}
#container_j_slide .ui-slider .ui-slider-handle:before{
	display: block;
	content:'';
	position: absolute;
	top:40px;
	width:35px;
	height:43px;
	left:2px;
	background: url('../imgs/main.png');
	background-size: 100% auto;
	transform:translateY(200px);
	-moz-transform:translateY(200px);
	-webkit-transform:translateY(200px);
	animation: main_yoyo 2.7s 1s ease-out forwards;
	-moz-animation: main_yoyo 2.7s 1s ease-out forwards;
	-webkit-animation: main_yoyo 2.7s 1s ease-out forwards;
	z-index: 9999;
}

#container_j_slide .ui-slider .ui-slider-handle:after{

	display: block;
	content:'';
	position: absolute;
	top:50%;
	left:50%;
	margin-top:-5px;
	margin-left:-13px;
	width:26px;
	height:11px;
	background: url('../imgs/handlerbg.png');
	background-size: 26px auto;
}

/*body, html{
		width:100%;
		height:100%;
	}
*/
	#sync1, .owl-wrapper-outer, .owl-wrapper{
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	}


    #sync1 .item{
        background: #fff;
        padding: 80px 0px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
		width: 100%;
		min-height: 350px;
		/* Chrome and safari bug background-attachment: fixed; */
		background-repeat: no-repeat;
		background-position: center center;
		background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		font-family: 'abelregular';
		padding: 0px;
    }


	#sync1 .it1{
		background-color: red;
		background-image:url('../imgs/img1.jpg');

	}



	#sync1 .it2{
		background-image:url('../imgs/img2.jpg');
	}

	#sync1 .it3{
		background-image:url('../imgs/img3.jpg');
	}

	#sync1 .it4{
		background-image:url('../imgs/img4.jpg');
	}


	/* INTERIEUR ITEM */

	.item h1{
		font-size:50px;
		color:#fff;
		position: absolute;
		bottom:45%;
		right:-300px;
		background:#442f24;
		background: rgba(51, 51, 51,0.4);
		display: inline-block;
		max-width: 90%;
		line-height: 1.2em;
		padding: 20px 32px;
		text-align: left;
		opacity: 0;
		transition:0.6s 0.6s;
		-moz-transition:0.6s 0.6s;
		-webkit-transition:0.6s 0.6s;
		border-radius: 0px;
		text-align: right;
	}


	.item.current_slider h1{
		opacity: 1;
		right:3%;
	}


	#sync1 .it1{
		animation: apparition_elt 1.3s backwards;
		-webkit-animation: apparition_elt 1.3s backwards;
		-moz-animation: apparition_elt 1.3s backwards;
	}

	#sync1 .it1 h1{
		animation: apparition_elt 1s 5s backwards;
		-webkit-animation: apparition_elt 1s 5s backwards;
		-moz-animation: apparition_elt 1s 5s backwards;
	}

	.explication{
		background:rgba(0, 0, 0, 0.6);
		display: block;
		padding: 10px;
		color:#fff;
		font-size: 32px;

		/*width: 300px;*/

		animation:apparition_elt 1.3s backwards 0.2s,apparition_elt 1s forwards reverse 4s;
		-moz-animation:apparition_elt 1.3s backwards 0.2s,apparition_elt 1s forwards reverse 4s;
		-webkit-animation:apparition_elt 1.3s backwards 0.2s,apparition_elt 1s forwards reverse 4s;

		position: absolute;
		bottom:27%;
		left:2%;
		text-shadow:0px 0px 1px #fff;
		z-index:499;
		font-family: 'Caveat', cursive;
	}

	#slider_container{
		animation: apparition_elt 1.3s backwards 0.2s;
		-moz-animation: apparition_elt 1.3s backwards 0.2s;
		-webkit-animation: apparition_elt 1.3s backwards 0.2s;
	}



	#sync1:after{
		content:'';
		display: block;
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		/*height: 100%;*/
		background:rgba(0,0,0,0.9);
		z-index: 490;
		animation: disparition_filtre 1.3s backwards 4s;
		-moz-animation: disparition_filtre 1.3s backwards 4s;
		-webkit-animation: disparition_filtre 1.3s backwards 4s;
	/*	-moz-animation: apparition_elt 1.3s forwards 4s reverse;
		-webkit-animation: apparition_elt 1.3s forwards 4s reverse;*/
	}




    #sync2 .item{
        background: #C9C9C9;
        padding: 10px 0px;
        margin: 5px;
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
        cursor: pointer;
    }
    #sync2 .item h1{
      font-size: 18px;
    }
    #sync2 .synced .item{
      background: #0c83e7;
    }


@media screen and (max-width: 1200px) {
	.item h1{
		font-size:30px;
	}



}

@media screen and (max-width: 900px) {

	.slide_part#part_1 h3,  .slide_part#part_2 h3{
		right:inherit;
		left:0px;
		text-align: left;
		width: auto;
	 }

	 .slide_part h3{
		right: 0px;
		text-align: right;
		width: 300px;
		left:inherit;
	 }

	 .slide_part h2{
		font-size: 20px;
	}

	.slide_part h3 a{
		font-size: 17px;
	}

}

@media screen and (max-width: 740px) {
	.item h1{
		font-size:24px;
	}

	.explication{
		font-size: 25px;
	}

}

/* pour restreindre affichage du hamburger uniquement sur petits écrans */
@media screen and (min-width: 641px) {
	.home #site-navigation { display: none; }
}

@keyframes yoyo_intro {
    0% { transform: translateX(0px);}
    25% { transform: translateX(-75px);}
    75% { transform: translateX(75px);}
    100% { transform: translateX(0px);}
}

@keyframes main_yoyo {
    0% { transform: translateY(60px);opacity: 0;}
    15% { transform: translateY(-20px);opacity: 1;}
    80% {transform: translateY(-25px);opacity: 1;}
    100% {transform: translateY(130px);opacity: 0;}
}


@keyframes apparition_elt {
    0% { opacity: 0}
    100% {opacity: 1;}
}


@-moz-keyframes yoyo_intro {
    0% { -moz-transform: translateX(0px);}
    25% { -moz-transform: translateX(-75px);}
    75% { -moz-transform: translateX(75px);}
    100% { -moz-transform: translateX(0px);}
}

@-moz-keyframes main_yoyo {
    0% { -moz-transform: translateY(60px);opacity: 0;}
    15% { -moz-transform: translateY(-20px);opacity: 1;}
    80% {-moz-transform: translateY(-25px);opacity: 1;}
    100% {-moz-transform: translateY(130px);opacity: 0;}
}


@-moz-keyframes apparition_elt {
    0% { opacity: 0;}
    100% {opacity: 1;}
}



@-webkit-keyframes yoyo_intro {
    0% { -webkit-transform: translateX(0px);}
    25% { -webkit-transform: translateX(-75px);}
    75% { -webkit-transform: translateX(75px);}
    100% { -webkit-transform: translateX(0px);}
}

@-webkit-keyframes main_yoyo {
    0% {-webkit-transform: translateY(60px);opacity: 0;}
    15% {-webkit-transform: translateY(-20px);opacity: 1;}
    80% {-webkit-transform: translateY(-25px);opacity: 1;}
    100% {-webkit-transform: translateY(130px);opacity: 0;}
}


@-webkit-keyframes apparition_elt {
    0% { opacity: 0;}
    100% {opacity: 1;}
}

@keyframes disparition_filtre {
    0% { opacity: 1;
		 height:100%;
    	}
    100% {opacity: 0;
		 height: 0px;
    	}
}

@-moz-keyframes disparition_filtre {
    0% { opacity: 1;
		 height:100%;
    	}
    100% {opacity: 0;
		 height: 0px;
    	}
}

@-webkit-keyframes disparition_filtre {
    0% { opacity: 1;
		 height:100%;
    	}
    100% {opacity: 0;
		 height: 0px;
    	}
}



.fond_slider_t{
	background: rgba(0, 0, 0, 0.4);
	height:130px;
	width: 100%;
	position: absolute;
	left:0px;
	top:55px;
}

/**** FULLPAGE ***/
/* Backgrounds will cover all the section
* --------------------------------------- */
.section{
		background-size: cover;
}
	#section1{

		padding: 6% 0 0 0;
	}
	#section2{
		/*background-image: url("../imgs/slide2.jpg");*/
		padding: 6% 0 0 0;
	}
    #section3{

		padding: 6% 0 0 0;
	}
	#section4{

		padding: 6% 0 0 0;
	}
    #section5{

		padding: 6% 0 0 0;
	}
    #section6{

		padding: 6% 0 0 0;
	}
   #fp-nav.fp-right {right: 34px;}
   #fp-nav ul li {width: 22px;height: 22px;margin: 10px;}
   #fp-nav ul li a span {width:22px;height:22px;background: #c4c4c3;}
   #fp-nav ul li a:focus {outline:none;}
   #fp-nav ul li a.active span {background:#9eb80d;width:22px;height:22px;margin: -2px 0 0 -2px;}
   #fp-nav ul li:hover a.active span {width:22px;height:22px;margin: -2px 0 0 -2px;}
   #fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{
       width: 22px;
       height: 22px;
       margin: -2px 0px 0px -2px;background:#9eb80d;
     }

.intro {background: rgba(198, 198, 197, 0.6);padding:15px;}
#section1 .intro {background: rgba(133, 187, 20, 0.6);color:#fff;}
#section4 .intro {background: rgba(133, 187, 20, 0.6);}
#section6 .intro {background: rgba(239, 115, 28, 0.6);}
.intro ul {margin:0;}
.intro ul li {color:#000;font-size:20px;line-height:24px;}
.intro h1 {
	    display: flex;
        justify-content: center;
        flex-direction: column;
         padding-left:160px;
	    font-weight:normal;
		color: #fff; min-height:160px;line-height:34px;
}
#section2 .intro h1 {background:transparent url("../imgs/picto-cooperative.png") no-repeat 0 0;}
#section3 .intro h1 {background:transparent url("../imgs/picto-communaute.png") no-repeat 0 0;}
#section4 .intro h1 {background:transparent url("../imgs/picto-equipe.png") no-repeat 0 0;}
#section5 .intro h1 {background:transparent url("../imgs/picto-gouvernance.png") no-repeat 0 0;}
#section6 .intro h1 {background:transparent url("../imgs/picto-parcours.png") no-repeat 0 0;}

#section1 {text-align:center;font-size:22px;line-height:26px;}
#section1 .intro {padding:15px 35px 30px 35px;margin-left:inherit;float:right; }
#section1 .intro a span {display:block;line-height:26px;}
.row {
	   margin-top:15px;
       display: flex;flex-direction: row;
       flex-wrap: wrap;width: 100%;
}
.column {
     display: flex;flex-direction: column;
     flex-basis: 100%;align-self: center;  flex: 2 1 0;
}
.column-plus { flex: 0 0 100px;  }
.column-equal { flex: 0 0 60px; }
.plus {color: #ef731c;font-size:60px;display:block;}

.txt-orange {color: #ef731c;font-size:30px;}
.row-parcours .column {align-self: auto;  }
.row-parcours .column-liens { flex: 0 0 150px; }
.row-parcours a {color:#eee;}
.row-parcours a:hover {color:#000;}

.column-liens a {
	font-size: 1.2em; font-weight: bold;line-height:1.4;
}


@media (min-width:1200px) {
    .intro {max-width: 30%;margin-left:100px;}
	#section1 .intro {max-width: 50%;margin-right:200px;}
}
@media (max-width:1024px) {
	#section1 .intro {padding: 0}
}
@media (max-width:480px) {
	.txt-orange {font-size:20px;line-height:24px;}
	#section1 {font-size:16px;line-height:18px;}
	#section1 .intro {padding:5px;}
	#section1 .intro .row {margin-top:0;}
	.plus {font-size:30px;}
	#fp-nav {display:none !important;}
}