@import url("css/reset.css");
@import url("css/font-awesome.css");

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,300);



html 	{ height:100%; }
body	{ height:100%; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-size:16px; color:black; background:white; line-height:1.4em; }
.clear	{ clear:both; }

/* Commun */
.mtop50 	{ margin-top:50px }
.mtop20 	{ margin-top:20px }
.mtop30 	{ margin-top:30px }
.mtop10 	{ margin-top:10px }

.mbot10 		{ margin-bottom:10px; }
.mbot20 		{ margin-bottom:20px; }
.mbot30 		{ margin-bottom:30px; }
.mbot50 		{ margin-bottom:50px; }

.pbot20 	{ padding-bottom:20px }
.pbot-lg 	{ padding-bottom:50px }

.pside-md	{ padding-left:40px; padding-right:40px; }

h2, h3, h4, h5, h6 	{ font-weight:600; color:black; text-transform:uppercase; margin-bottom:30px; font-family:Helvetica, sans-serif; }
h1		{ font-size:32px; text-transform:uppercase; }
h2		{ font-size:32px; text-transform:uppercase; }
h3		{ font-size:26px; text-transform:uppercase; }
h4		{ font-weight:600; color:#aacc63; font-size:22px; text-transform:uppercase; margin-bottom:20px; }
h5		{ font-size:18px; text-transform:uppercase; }
h6		{ font-size:16px; text-transform:uppercase; }
a 		{ color:#aacc63; }
a, 
a:active, 
a:hover { text-decoration:none; }
.toupper 	{ text-transform:uppercase; }

.text-big 	{ font-size:24px; line-height:1.1em; }

.bg-gris 		{ background:#f4f4f4; }
.bg-gris2 		{ background:#AAA; }
.bg-vert 		{ background:#aacc63; }
.bg-blanc 		{ background:white; }
.bg-noir 		{ background:black; }
.txt-blanc 		{ color:white; }
.text-vert 		{ color:#aacc63; }
.no-margin { margin:0; }
.no-padding, .nopadding { padding:0; }
.img-full 	{ width:100%; max-width:100%; }
.fullwidth 	{ width:100%; max-width:100%; }

.btn-adn 	{ display:inline-block; border:1px solid #b5dea6; border-radius:25px; color:#666; background:#FFF; font-size:14px; padding:14px 20px; }
.btn-space 	{ margin-top:20px; margin-bottom:20px; }
.btn-rond 	{ display:inline-block; color:#5e5e5e; border:2px solid #5e5e5e; width:40px; text-align:center; padding:5px 0; border-radius:40px; margin:0 5px; }
.btn-rond:hover 	{ color:white; border:2px solid white; background:#aacc63; }

.btn-adn.btn-vert 		{ background:#aacc63; color:white; transition:background 0.3s; }
.btn-adn.btn-vert:hover { background:#8db63c; }

.tofont-sourcesans 		{ font-family:'Source Sans Pro'; font-weight:300; }

/* Menu picto */
div#menu-resp 		{ display:none; width:50px; height:50px; background:url('img/menu-fond.png') no-repeat center center #b5dea6; position:absolute; top:20px; right:30px; z-index:10000; }
div#menu-container 	{ background:white; }
div.menu-conteneur 	{ position:fixed; z-index:20000; margin:0 auto; left:0; right:0; top:0; /*top:30px;*/ transition:background 0.5s; }



/* Home */
div#logo 	{ margin-top:5px; }
#logo-img 	{ height:90px; width:auto; margin-left:15px; }
div#logo .smaller-logo  	{ width:80px; height:auto; }
div#menu-home div#logo 			{ float:left; margin-right:200px; }
div.menu-main-menu-container 	{ float:left; margin-top:40px; }
ul#menu-main-menu 	 	{ display:inline-block; }
ul#menu-main-menu 		{ margin-top:6px; vertical-align:top; }
ul#menu-main-menu li 		{ display:inline-block; font-family:'Source Sans Pro', arial, sans-serif; font-weight:600; text-rendering:optimizeLegibility }
ul#menu-main-menu li a 	{ text-transform:uppercase; padding:40px 20px 15px; border-top:6px solid transparent; }
/*div#menu-home ul#menu-main-menu li a 	{ color:black; }
div#menu-home ul#menu-main-menu li a:hover 	{ color:#aacc63; border-top:8px solid #aacc63; transition:color 0.8s; }*/

ul#menu-main-menu li.current_page_item a, 
ul#menu-main-menu li.current-page-ancestor a,
ul#menu-main-menu li a:hover, ul#menu-main-menu li:hover a 	{ color:#aacc63; border-top:6px solid #aacc63;/* transition:color 0.8s;*/ }

/* sous menu */
ul#menu-main-menu li ul 		{ display:none; position:absolute; background:white; box-shadow:4px 4px 6px #eee; }
div#menu-home ul#menu-main-menu li ul 		{ box-shadow:none; }
ul#menu-main-menu li:hover ul 	{ display:block; margin-top:10px; padding-top:20px; }
ul#menu-main-menu li li			{ display:block; }
ul#menu-main-menu li li	a		{ display:block; padding:10px 30px 10px 20px; color:black; border:0; font-size:14px; }
ul#menu-main-menu li.current_page_item li a, 
ul#menu-main-menu li.current-page-ancestor li a, 
ul#menu-main-menu li:hover li a { display:block; color:black; border-top:0; }
ul#menu-main-menu li li	a:hover, 
ul#menu-main-menu li li.current_page_item a		{ color:white; background:#aacc63; }
div#header-don 	{ float:left; margin:4px 0 5px 25px; }

div#curseur 		{ z-index:1000; position:absolute; background:url('img/home/curseur.png') no-repeat 0 0; width:45px; height:45px; left:0; right:0; bottom:50px; margin:auto; opacity:0.5; }
div#curseur:hover 	{ opacity:1; cursor:pointer; }

div.slider-home { position:relative; height:100vh; width:100%; background-size: cover; }
div.slider-home div.slider-content { position:absolute; top:50%;/* text-align:center;*/ width:100%; color:#fff; -ms-transform: translate(0,-50%); /* IE 9 */ -webkit-transform: translate(0,-50%); /* Safari */ transform: translate(0,-50%); }

div.square-bloc 		{ height:390px; }
div.square-bloc .content-in			{ position:relative; width:100%; height:100%; background: none; }
div.square-bloc:hover .content-in			{ background:rgba(0,0,0,0.5); color:white; transition:all 0.6s; }
div.square-bloc.bg-image .content-in			{ background: rgba(0,0,0,0.4); }
div.square-bloc.bg-image:hover .content-in		{ background:rgba(0,0,0,0.8); color:white; transition:all 0.6s; }
div.square-bloc.nohover:hover .content-in			{ background:none; }
div.square-bloc:hover .content-in h2 a 		{ color:white; }
div.square-bloc .content-bloc		{ position:absolute; top:60%; transform:translateY(-60%); margin-left:20px; }
div.square-bloc .content-bloc.no-margin		{ margin-left:0; }
div.square-bloc .content-bloc a 	{ display:block; color:black; padding:140px 20px; width:350px; /*border:1px solid red;*/ }
div.square-bloc .content-bloc a.txt-blanc { color:white; }
div.square-bloc .content-bloc.txt-blanc a 	{ color:white; }
div.square-bloc .content-bloc p 	{ width:90%; }
div.square-bloc:hover .content-bloc a 	{ color:#aacc63; }
div.square-bloc:hover .content-bloc.txt-blanc a 	{ color:white; }

div.square-bloc .content-bloc a.nobloc { display:inline; padding:0; width:auto;}

.illustre-home { background:url('img/home/home-illustre-bloc.jpg') no-repeat center center; background-size:cover; }
.illustre-asso { background:url('../../uploads/2016/07/catalogue_agence_du_don_en_nature-2.jpg') no-repeat center center; background-size:cover; } /*img/home/home-illustre2-bloc.jpg*/

.chiffre_bloc p 		{ color:white; }
.chiffre_bloc p img 	{ vertical-align:top; }
.chiffre_bloc p.label 	{ font-size:50px; line-height:0.75em; }
.chiffre_bloc p.bigger 	{ font-size:68px; }
.chiffre_bloc p.sous_chiffre 	{ font-size:20px; font-style:italic; }
.chiffre_bloc p.sousbigger 	{ font-size:26px; }

.chiffre_bloc.chiffre_1, .chiffre_bloc.chiffre_3 { padding-top:10px; }



.conteneur-actu 		{ height:690px; }
.conteneur-actu h3.main		{ margin-left:10px; margin-right:10px; background:url('img/titre-fond.png') repeat-x 0 center; }
.conteneur-actu h3.main	span	{ padding-right:12px; }
div.actu-box 				{ height:460px; position:relative; overflow:hidden; }
div.actu-box .actu-content			{ position:absolute; height:520px; overflow:hidden; transition:transform 0.3s; }
div.actu-box .actu-content:hover 	{ transform:translateY(-80px); }
div.actu-box h3 			{ font-size:22px; margin:20px 0; height:65px; }
div.actu-box .actu-intro 	{ height:135px; }

.owl-theme .owl-nav div { position:absolute; background:none; top:40%; }
.owl-theme .owl-nav div.owl-prev { left:-60px; background:none; }
.owl-theme .owl-nav div.owl-next { right:-60px; background:none; }
.owl-theme .owl-nav div.owl-prev:hover { left:-65px; background:none; }
.owl-theme .owl-nav div.owl-next:hover { right:-65px; background:none; }

/* PAGE */
div#menu-page 			{  }
div#menu-page div#logo { float:left; margin-right:200px; }
ul#menu-main-menu li a 	{ color:black; border-top:6px solid transparent; }


div.ariane 		{ background:url('img/page/bg-ariane.png') repeat-x #f4f4f4; padding:13px 0; color:#a7a7a7; margin-top:100px; }
div.ariane a	{ color:#a7a7a7; }
div.ariane a:hover	{ color:#a4d992; }

div.container-page h1 	{ font-size:28px; font-weight:bold; }
div.container-page hr 	{ width:90px; height:3px; border:0; background:#aacc63; margin:25px auto; }
div.intro-page 		{ font-weight:300; font-size:18px }
div.intro-page p 	{ font-size:18px }

div.content-page 		{ /*min-height:400px;*/ font-family:'Source Sans Pro'; font-size:16px; font-weight:300; }
div.content-page iframe 	{ max-width:100%; max-height:auto; }


.no-space .vc_column-inner, 
.vc_column_container.no-space .vc_column-inner, 
.no-space .wpb_wrapper .wpb_content_element { padding:0; margin:0; }

.btn-style1 .vc_btn3.vc_btn3-color-white 	{ color:white; }


/* PAGE ENTETE */
.bloc-souspage-vert { background:#aacc63; }
.bloc-souspage-gris { background:#f4f4f4; }
.bloc-souspage-blanc { background:white; }

div.square-bloc.bloc-souspage-vert .content-bloc h2 a { color:white; }

/* PAGE ACTUS */
ul#list_category, ul#list_category li 	{ display:inline-block; text-transform:uppercase; }
ul#list_category li::after 	{ content:"/"; }
ul#list_category li:last-child::after 	{ content:none; }
ul#list_category li a 	{ color:#4d4d4d; margin:0 10px; }
ul#list_category li a.current_cat, 
ul#list_category li a:hover 	{ color:#acd89c; }
#nav-category  	{ color:#acd89c; }
h2.entry-title 	{ font-size:22px; width:90%; }

#posts_container div.square-bloc .content-bloc		{ position:absolute; top:50%; transform:translateY(-50%); margin-left:40px; margin-right:40px; }
#posts_container div.square-bloc .content-bloc a 	{ display:inline-block; padding:0; width:auto; }

div#nav-post 	{ text-align:center; }
div#nav-post h2 	{ display:none; }
div#nav-post a 			{ display:inline-block; border:1px solid #eee; padding:10px; margin:0 5px; }
div#nav-post a:hover 	{ color:black; }
div#nav-post span 		{ display:inline-block; margin:0 5px; }  

.content-over:hover 	{ cursor:pointer; }

/* EQUIPE */
.bloc-equipe 	{ background:#aacc63; font-family:'Source Sans Pro'; font-weight:300; font-size:16px; height:285px; line-height:1.1em; }
.bloc-equipe a 	{ color:white; }
.bloc-equipe .equipe-image img { max-width:100%; height:auto; transition:opacity 0.4s; }
.bloc-equipe .equipe-image img.team_image 	{ height:285px; width:285px; }
.bloc-equipe .arrow 	{ position:absolute; right:0; top:45%; }
.bloc-equipe .arrow.arrow-left 	{ position:absolute; left:0; top:45%; }
.bloc-equipe .equipe-long 	{ display:none; }
.bloc-equipe .social-equipe a 	{ font-weight:300; display:inline-block; padding:5px 0; width:30px; text-align:center; border:1px solid white; border-radius:20px; margin-left:5px;  }
.bloc-equipe .social-equipe a:hover 	{ background:white; color:#aacc63; transition:all 0.3s; }
.bloc-equipe:hover  	{ height:285px; }
.bloc-equipe:hover .equipe-image img 	{ opacity:0; width:1px; } 
.bloc-equipe:hover .equipe-image img.team_image 	{ height:0; width:1px; }
.bloc-equipe:hover .equipe-content 	{ width:100%; /*height:265px;*/ } 
.bloc-equipe:hover .equipe-long 	{ display:block; }
.bloc-equipe:hover .equipe-short 	{ display:none; }

/* CONTACT */
div.slider-contact { position:relative; width:100%; }

.form-contact input.wpcf7-text, 
.form-contact select.wpcf7-select, 
.form-contact textarea.wpcf7-textarea  	{ width:100%; border:0; padding:15px 20px; font-size:20px; border-radius:10px; }
.form-contact input[type=submit]  	{ padding:20px 50px; font-weight:bold; display:block; margin-right:auto; margin-left:auto; border-radius:30px; }

ul.contact-info li 	{ margin-bottom:10px; padding-left:40px; }
ul.contact-info li.picto-home 	{ background:url('img/picto-home.png') no-repeat 0 0; }
ul.contact-info li.picto-mail 	{ background:url('img/picto-lettre.png') no-repeat 0 4px; }
ul.contact-info li.picto-mobile 	{ background:url('img/picto-mobile.png') no-repeat 2px 0; }


/* PARTENAIRES */
.logo-partenaire  	 		{  }
.logo-partenaire a 	 		{ display:block; line-height:160px; }
.logo-partenaire img 		{ max-width:100%; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); }
.logo-partenaire:hover img 	{ filter:none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; transition:filter 0.5s; }

/* SINGLE */
.wp-single-image	{ width:100%; max-width:100%; margin:20px 0; }
.btn-social 	{ border:0; border-radius:25px; color:white; text-transform:uppercase; background:#3b5998; width:180px; text-align:center; margin:15px 20px 50px; font-weight:600 }
.btn-social:hover 	{ color:white; }
.btn-social.googleplus	{ background:#dd4b39; }
.btn-social.twitter	{ background:#00aced; }
.btn-social i 	{ margin-right:6px; }

/* Footer */
div#footer-top  	{ color:white; background:#262626; padding:65px 0; font-size:16px; font-weight:300; line-height:1.5em; }
div#footer-top a   	{ color:white; }
div#footer-top .communaute a.line   	{ text-decoration:underline; }
div#footer-top a.picto-footer   		{ border:2px solid #5e5e5e; font-size:25px; display:inline-block; width:50px; padding:10px; border-radius:60px; color:#5e5e5e; }
div#footer-top a.picto-footer:hover   	{ border:2px solid white; color:white; }
div#footer-top .fb-page   	{ width:80%; }

div#footer-bottom  		{ color:white; background:#131313; padding:12px 0; color:#4b4b4b; font-weight:'300'; }
div#footer-bottom li 	{ display:inline-block; margin-right:30px; }
div#footer-bottom li a 	{ color:white; padding:0 30px 0 0; }

div#newsletter_sub .subnews_email 		{ width:180px; border:0; display:inline-block; padding:20px 10px; border-radius:30px 0 0 30px; color:#5e5e5e; }
div#newsletter_sub input[type=submit] 	{ width:60px; border:0; background:#aacc63; border-radius:0 30px 30px 0; display:inline-block; padding:20px 0; margin-left:-1px; }

.footer-bas 		{ color:white; }
.footer-bas li a 	{ color:white; font-weight:400; font-size:14px; }
.footer-bas li li a	{ color:#ccc; font-weight:300; font-size:12px; }
.footer-bas li a:hover 	{ color: #aacc63; }

div.wpcf7-mail-sent-ok 	{ display:none; border:0; }
span.wpcf7-not-valid-tip { position:absolute; margin-top:3px; width:300px; }
div.wpcf7-validation-errors { border: 2px solid red; padding:10px; }
.wpcf7-response-output 	{/*opacity:0;*/ }

.no-display { display:none; }

.contour-ombre 	{ box-shadow:2px 6px 8px 0px #cccccc;; }

.wsp-posts-title, .wsp-pages-title 	{ margin-top:30px; font-size:20px; }


/* style extra */
.adn_bouton .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
    color: white;
    border-color: #aacc63;
    background-color: #aacc63;
}

.partage-count p { display:inline-block; background:#4865b4; color:white; padding:4px 15px; border-radius:5px; font-size:16px; }
.partage-count.box-twitter p { background:#33ccff; }
.partage-count p i { display:inline-block; margin-right:12px; }

.titre-partage .bigger 		{ font-size:60px; line-height: 0.8em; }
.titre-partage .smaller 	{ font-size:45px; }


@media (max-width: 1400px) {

	div.square-bloc { height:320px; } /* cheat pour padding en plus */
	div.square-bloc .content-bloc a 		{ display:block; color:black; padding:110px 20px 130px; width:330px; }
	div.square-bloc .content-in h2 a 		{ font-size:22px; }


	.container.padding-large 	{ padding-left:75px; padding-right:75px; }



}



@media (max-width: 1200px) {

	div#menu-home div#logo, 
	div#menu-page div#logo  			{ margin-right:45px; }
	div#menu-home ul#menu-main-menu li a, 
	div#menu-page ul#menu-main-menu li a { font-size:14px; }
	
	ul#menu-main-menu 		{ margin-left:20px; }
	div#newsletter_sub .subnews_email 		{ width:140px; }

	#footer-bottom div[class*="col-lg-"] 	{ text-align:center; }

	div.square-bloc .content-bloc a 	{ display:block; color:black; padding:100px 20px 120px; width:300px; }

	/* EQUIPE */
	.bloc-equipe 	{ margin-bottom:10px; height:313px; }
	.bloc-equipe:hover  	{ height:313px; }
	.bloc-equipe .equipe-short 	{ display:none; }
	.bloc-equipe .equipe-long 	{ display:block; }
	.bloc-equipe:hover .equipe-image img 	{ opacity:1; width:auto; } 
	.bloc-equipe:hover .equipe-content 	{ width:66.65%; } 

	div.actu-box 				{ height:420px; }
	div.actu-box .actu-content			{ position:absolute; height:520px; overflow:hidden; transition:transform 0.3s; }
	div.actu-box .actu-content:hover 	{ transform:translateY(-80px); }

	.titre-partage .bigger 		{ font-size:50px; }
	.titre-partage .smaller 	{ font-size:35px; }

}

@media (max-width: 992px) {

	#menu-container 	{ padding-left:0; padding-right:0; }

	div.menu-row 	{ margin-left:0; margin-right:0; }

	div#logo img 	{ width:100px; height:auto; margin-left:20px; }

	div#curseur { display:none; }

	div.menu-conteneur 	{ position:static; }

	div#menu-home 	{ background:white; position:static; }

	div#menu-resp 		{ display:block; }
	div#menu-resp:hover	{ cursor:pointer; }
	div.menu-main-menu-container 	{ display:none; position:absolute; top:48px; right:0; width:200px; background:white; z-index:10000; margin-right:-30px; }
	ul#menu-main-menu { margin-left:0; }
	ul#menu-main-menu li 	{ padding:20px 0; display:block; }
	ul#menu-main-menu li a 	{ font-size:20px; }
	div#menu-home ul#menu-main-menu li a, 
	div#menu-page ul#menu-main-menu li a 	{ color:black; padding:20px 10px; }

	div#menu-home ul#menu-main-menu li a:hover, 
	ul#menu-main-menu li.current_page_item a, 
	ul#menu-main-menu li.current-page-ancestor a,
	ul#menu-main-menu li a:hover 	{ border-top:6px solid transparent; }

	ul#menu-main-menu li:hover ul 	{ display:none; }


	div#header-don 			{ position:absolute; margin-top:18px; right:60px; }
	div#header-don img  	{ width:50px; height:auto; }

	div.ariane 		{ margin-top:0; }

	.container.padding-large 	{ padding-left:15px; padding-right:15px; }

	.chiffre_bloc 	{ margin:30px 0; }

	.conteneur-actu 		{ height:auto; }

	div.actu-box 				{ /*height:auto; transition:height 0.5s; margin-bottom:40px;*/ }
	div.actu-box h3 			{ padding:0 20px; font-size:18px; margin:10px 0; height:80px; }
	div.actu-box .actu-intro 	{ padding:0 20px; height:200px; font-size:14px; }

	.titre-partage .bigger 		{ font-size:40px; }
	.titre-partage .smaller 	{ font-size:25px; }


	div#newsletter_sub .subnews_email 		{ width:100px; }

	/* EQUIPE */
	.bloc-equipe 			{ margin-bottom:10px; height:350px; }
	.bloc-equipe:hover  	{ height:350px; }


	
}


@media (max-width: 768px) {

	div.menu-main-menu-container 	{ text-align:center; left:0; top:48px; right:0; width:100vw; background:white; z-index:10000; margin-left:-15px; }

	div#header-don 			{ right:100px; }

	.row-actu { margin-right: -10px; margin-left: -10px; }

	.owl-theme .owl-nav { display:none; }

	.chiffre_bloc p.bigger 	{ font-size:50px; }
	.chiffre_bloc p img 	{ display:none; }

	div.square-bloc 		{ height:350px; }
	div.square-bloc .content-bloc 		{ width:85%; }
	div.square-bloc .content-bloc a 	{ display:block; color:black; padding:100px 0px; width:95%; }
	div.square-bloc .content-in h2 a 		{ font-size:26px; }
	div.square-bloc .content-bloc 		{ margin-left:40px; }

	.pside-md { padding-left:10px; padding-right:10px; }

	div#footer-top .col-sm-3 	{ text-align:center; margin:40px 0; }
	div#newsletter_sub .subnews_email 		{ width:220px; }

	/* EQUIPE */
	.bloc-equipe 			{ margin-bottom:10px; height:auto; }
	.bloc-equipe.equipe-left 			{ padding-bottom:20px; }
	.bloc-equipe:hover  	{ height:auto; }
	.bloc-equipe:hover .equipe-content 	{ width:100%; } 
	.bloc-equipe .equipe-image img.team_image 	{ width:100%; max-width:100%; margin-top:20px; } 
	.bloc-equipe.equipe-left .equipe-image img.team_image 	{ margin-top:0; } 


	/* ARTICLES */
	#posts_container div.square-bloc .content-bloc p { display:none; }


	.rev_slider .tp-caption { font-size: 15px !important; }

	div#bouton-don 	{ /*display:none;*/ }


	div#footer-top h4 	{ margin-top:30px; }
	div#footer-top .fb-page   	{ width:95%; }

	div#footer-bottom ul 	{ margin-top:10px; }
	div#footer-bottom li 	{ display:block; }
	div#footer-bottom li::after 	{ content:""; }


	.conteneur-actu 		{ height:auto; }
	div.actu-box 			{ height:auto; position:relative; overflow:visible; }
	div.actu-box .actu-content			{ position:static; height:auto; overflow:visible; transition:none; }
	div.actu-box .actu-content:hover 	{ transform:none; }
	div.actu-box h3 			{ font-size:22px; margin:20px 0; height:auto; }
	div.actu-box .actu-intro 	{ height:auto; }

	.titre-partage .bigger 		{ font-size:35px; }
	.titre-partage .smaller 	{ font-size:20px; }
}

@media (min-width: 992px) {

	div.menu-main-menu-container 	{ display:inline-block; }
}


@media (min-width: 768px) {

	.slider-text 	{ font-size:16px; }
}




/* *, div, p, img  	{ border:1px solid red; } */