@import url('https://fonts.googleapis.com/css?family=Open+Sans');

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body {
  margin:0px;
  padding:0px;
  background-color:#FFF;
}

p, div, td {
  color:#000000;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  /*margin: 0;*/
}

.handi{
	/*display:none;*/
	height:0px;
	overflow:hidden;
}

.spacer {
  clear:both;
}

a {
  color:#000;
  text-decoration:none;
}
a:hover {
  color:#000;
  text-decoration:none;
}

h1,h2 { /* titre de la page */
  padding:0px;
  padding-left:40px;
  margin:0px;
  font-size:24px;
  font-weight:700;
  color:#e94e1b;
  background-position:left center;
  background-repeat:no-repeat;
  background-image:url(../images/puce_titre_accueil.png);
  min-height: 30px;
}

#contenu_page h2 {
  color:#e94e1b;
  font-weight:500;
  text-align:left;
  font-size:18px;
  border-bottom:0px;    
  margin:10px 0px 0px 0px;
  padding-left:20px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/puce_h2.png);
}

#contenu_page h3 {
  color:#e94e1b;
  font-weight:500;
  text-align:left;
  font-size:18px;
  border-bottom:0px;    
  margin:10px 0px 6px 0px;
  padding-left:20px;
  background-repeat:no-repeat;
  /*background-position:left center;
  /*background-image:url(../images/puce_h2.png);*/
}

.nowrap {
	white-space: nowrap;
}

.item_flex_center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.item_flex_conteneur {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}

/** structure **/

#contenu_page {
	margin: 20px auto;
	padding: 20px;
	background-color: rgba(255,255,255,0.96);
	min-height:330px;
}

.conteneur {
  max-width:1080px;
  margin:auto;
}

.boutonOrange{
	display:block-inline;	
	padding:6px 12px;
	background-color:#e94e1b;
	color:white;
}
.boutonOrange:hover{
	background-color:#8bcb27;
}



/************** HEADER **************/





#header {
  height:160px;
}
.relative{
	position:relative;
}
#header_logo{
	width:460px;
	height:110px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/logo.png);
	margin-top:26px;
	z-index:999;
	position:absolute;
	top:0px;
	left:0px;
}
#hearder_bloc_droit{
	width:347px;
	height:80px;
	float:right;
	margin:40px 0px;
}
#hearder_bloc_droit_colonne{
	width:210px;
	height:80px;
	float:left;
}
#header_recherche{
	width:200px;
	height:33px;
	float:left;
	border:none;
	background-color:#e9e9e9;
	margin:0px 10px 10px 0px;
}
.header_recherche_texte{
	height:33px;
	width:166px;
	border:none;
	margin:0px;
	padding:6px;
	background-color:transparent;
	color:#000;
	font-size:14px;
	float:left;
}
.header_recherche_btn{
	cursor: pointer;
	float:left;
	height:33px;
	width:33px;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(../images/picto_rechercherOFF.png);
	background-color:transparent;
	border:none;
	padding:0px;
}
.header_recherche_btn:hover{
	background-image:url(../images/picto_rechercherON.png);
}
.header_adaptation_gen{
	width:37px;
	height:37px;
	float:left;
	margin-right:4px;
	text-align:center;
	text-transform:uppercase;
	font-weight:700;
	font-size:30px;
	border:2px solid #fff;
	display: flex;
justify-content:center;
align-content:center;
flex-direction:column;

}
.header_adaptation_noir{
	color:#FFF;
	background-color:#000;
	border-color:#000;
}
.header_adaptation_noir:hover{
	color:#000;
	background-color:#FFF;
}
.header_adaptation_blanc{
	color:#000;
	background-color:#e9e9e9;
	border-color:#e9e9e9;
}
.header_adaptation_blanc:hover{
	color:#e9e9e9;
	background-color:#000;
	border-color:#000;
}
.header_adaptation_rouge{
	color:#FFF;
	background-color:#ff0000;
	border-color:#ff0000;
}
.header_adaptation_rouge:hover{
	color:#ff0000;
	background-color:#FFF;
}
.header_adaptation_jaune{
	color:#000;
	background-color:#ffff00;
	border-color:#ffff00;
}
.header_adaptation_jaune:hover{
	color:#ffff00;
	background-color:#000;
	border-color:#000;
}
.header_adaptation_bleu{
	color:#FFF;
	background-color:#0000ff;
	border-color:#0000ff;
}
.header_adaptation_bleu:hover{
	color:#0000ff;
	background-color:#FFF;
}
#header_btn_adherents{
	width:136px;
	height:80px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
	padding-top:15px;
	background-color:#e94e1b;
	display:block;
	float:left;
	transition: 0.3s;
}
.header_btn_adherents_texte{
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
	font-weight:700;
}
#header_btn_adherents:hover{
	background-color:#30ac66;
}
#header_menu {
	height:78px;
  background-color:#30ac66;
  border-bottom:10px solid #156d3b;
}
#header_menu_gen{
	width:100%;
	height:68px;
	display:flex;
	list-style-type:none;
	padding:0px;
}
#header_menu_gen ul{
	margin:0px;
	padding:0px;
}
#header_menu_gen li{
	height:68px;
	width:100%;
	text-transform:uppercase;
	font-size:18px;
	color:#FFF;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align:center;
  	font-weight:700;
  	position: relative;
  	z-index: 2;
}
#header_menu_gen li a{
	width:100%;
	height:68px;
	display:inline-block;
	transition: .3s;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s; 
display: flex;
    justify-content: center;
    align-items: center;
	text-align:center;
	white-space:nowrap;
	padding:0px 10px;
	color:#FFF;
}
#header_menu_gen li a:hover{
	background-color:#156d3b;
	color:#FFF;
}

/* -- SOUS MENU -- */

.header_sous_menu {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: -1;
	transition: 0.3s ease-out;
	background-color:#30ac66;
}

#header_menu_gen li:hover .header_sous_menu {
	display: block;
    top: 68px;
    visibility: visible;
    opacity: 1;
}




/************** PAGE ACCUEIL **************/

#accueil_contenu_gen {
	padding:40px;
	background-color:RGBA(255,255,255,0.85);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

#accueil_presentation_gen {
	width:100%;
	background-color:#FFF;
	margin-bottom:25px;
	margin-top: 10px;
}

#accueil_presentation_gen p{
	padding:15px;
	font-size:16px;
}


#accueil_presentation_gen img{
	max-width:100%;
	height:auto!important;
}
#accueil_presentation_photo{
	height:260px;
	width:100%;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../images/photo_presentation.jpg);
	background-size: cover;
	display:block;
}

#accueil_actualite_gen {
	margin-bottom: 25px; 
}

.accueil_actualites_bloc{
	margin:10px 0px;
	background-color:#FFF;
	display: flex;
}

.accueil_actualites_image{
	width:220px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.accueil_actualites_texte{
	width:260px;
	padding: 10px;
}

.accueil_actualites_texte p{
	padding:0px 15px;
	font-size:14px;
}

.accueil_actualites_texte_titre{
	font-size:18px;
	font-weight:700;
	margin:15px;
}





/************** MILIEU **************/



#milieu {
  min-height:500px;
  background-repeat:no-repeat;
  background-size:cover;
  padding:60px;
}
.milieu_photo1 {
	background-image:url(../images/background.jpg);
}
.milieu_photo2 {
	background-image:url(../images/photo2_background.jpg);

}
.milieu_photo3 {
	background-image:url(../images/photo3_background.jpg);
}
#contenu_gen {
	padding:40px;
	background-color:#FFF;
}
.colonne_gauche{
	width:47%;
	display:block;
}
.colonne_droite{
	width:47%;
	display:block;
}
.activites_bloc{
	min-height: 150px;
	margin:30px 0px;
	width:100%;
	display: flex;
	/*background-color:#8bcb27;*/
	/*border:5px solid #8bcb27;*/
}
.inscrit{
	background-color:#e94e1b !important;
	/*border:5px solid #e94e1b;*/
}
.inscription{
	position:absolute;bottom:6px;right:0px;z-index:9;display:block;text-align:right;
}
.inscription b{
	display:block;
	padding-bottom:-0px;
	padding-right:35px;
	color:white;
	position:absolute;
	top:-6px;
	right:0px;
}
.inscription a{
	display:block-inline;	
	padding:6px 12px;
	background-color:#e94e1b;
	color:white;
}
.inscription a:hover{
	background-color:#30ac66;
}
.inscrit .inscription a{
	background-color:#8bcb27;
}
.archive .inscription{
	display:none;
}
.archive{
	background-color:#cecece !important;
	/*border:5px solid #e94e1b;*/
}
.link_deconnexion:hover{
	background-color:red;
	color:white;
	
}
.link_deconnexion{
	float:right;
	color:white;
	background-color:#e94e1b;
	padding:8px;
	margin-top:-45px;
	
}

.activites_bloc:first-of-type {
	margin-top: 10px; 
}
.activites_bloc:last-of-type {
	margin-bottom: 0px; 
}

.activites_bloc0:hover{
	background-color:#30ac66;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s; 
}
.activites_date{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 35%;
	text-align:center;
	color:#FFF;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
}
.activites_bloc {
		background-color:#8bcb27;
}
.activites_bloc_detail .activites_date{
	width: 18%;
	justify-content: start;
	margin-top:20px;
	min-height:180px;
}
.activites_date_jour{
	font-size:50px;
	display:block;
}
.activite_titre{
	color:#FFF;
	font-size:24px;
	font-weight:700;
}
.activites_texte {
	/*display: flex;*/
    justify-content: center;
    flex-direction: column;
    padding: 10px;
    width: 65%;
}
.activites_bloc p{
	padding-top: 10px;
	font-size:16px;
	color:#000;
}

.lien{
	height:35px;
	float:right;
	padding:7px 20px 5px 40px;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/puce_lien.png);
	background-color:#8bcb27;
	display:block;
	margin:5px 0px 10px 0px;
	clear:both;
	font-size:14px;
	color:#FFF;
	font-weight:500;
}
.lien:hover{
	background-color:#30ac66;
	color:#FFF;
}








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






#footer_contact_gen {
	background-color:#e3e3e3;
	padding-top: 25px;
}

#footer_contact_adresse p{
	padding-left:40px;
	font-size:18px;
}

.footer_contact_btn_bloc {
	display: flex;
	align-items: center;
	justify-content: center;
	width:320px;
	height:50px;
	background-color:#FFF;
	margin-bottom:14px;
	text-transform:uppercase;
}
.footer_contact_btn_telephone p {
	background-image:url(../images/picto_telephone.png);
	background-repeat:no-repeat;
	background-position:-45px;
	line-height: 50px;
	font-size:24px;
	color:#e94e1b;
	font-weight:700;
	padding-left:45px;
	text-align: center;
	cursor: default;
	
}
.footer_contact_btn_formulaire a {
	background-image:url(../images/picto_contact.png);
	background-repeat:no-repeat;
	background-position:-45px;
	font-size:18px;
	padding-left:45px;
	color:#e94e1b;
	font-weight:700;
	/*border:2px solid white;*/	
}
.footer_contact_btn_bloc:hover{
	/*background-color:#e3e3e3;*/
	border:2px solid #e94e1b;
}

#footer_contact_gen .item_contact {
	margin: 5px;
	margin: auto;
}

.footer_contact_reseaux_picto{
	width:50px;
	height:50px;
	float:left;
	margin:20px 10px;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
}
.footer_contact_reseaux_picto:hover{
	opacity:0.7;
}
.footer_contact_reseaux_facebook{
	background-image:url(../images/picto_reseau_facebook.png);
}
.footer_contact_reseaux_twitter{
	background-image:url(../images/picto_reseau_twitter.png);
}
.footer_contact_reseaux_youtube{
	background-image:url(../images/picto_reseau_you_tube.png);
}
#footer_partenaire{
	width:100%;
	display: flex;
	flex-wrap:wrap;
    justify-content: center;
    align-items: center;
	text-align:center;
}
#footer_partenaire img{
	max-height:100px;
}
#footer_partenaire a{
	height:145px;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align:center;
	padding:0px 25px;
}
#footer_partenaire a:hover{
	opacity:0.5;
}
#footer_credit {
	height:50px;
	background-color:#30ac66;
	padding: 0 10px;
}

#footer_credit .item_flex_conteneur {
	height: 100%;
	align-items: center;
	justify-content: space-between;
}

#footer_credit_mentions {
	font-size:14px;
	font-weight:700;
	color:#FFF;
	text-align: left;
}
#footer_credit_realisation {
	font-size:14px;
	font-weight:400;
	color:#FFF;
	text-align: right;
}

/* ---------- PAGE ACTIVITES ----------- */

.nosActivites.item_flex_conteneur {
	flex-wrap: wrap;
}
.nosActivites .activites_bloc0 {
	margin: 10px 0;
	width: 49%;
		background-color:#8bcb27;
}


/* ---------- RESPONSIVE < 1000px--------- */


@media (max-width: 1000px) {
	#accueil_contenu_gen {
		flex-direction: column;
	}
	.colonne_gauche, .colonne_droite {
	    width: 100%;
	}
	.accueil_actualites_bloc {
		flex-direction: column-reverse;
	}
	.accueil_actualites_image {
		width: 100%;
		height: 300px;
	}
	.accueil_actualites_image {
		background-size: contain;
	}
}


/* ---------- RESPONSIVE > 850px--------- */

@media (min-width: 850px) {

	#menu_resp_btn {
		display: none;
	}
}


/* ---------- RESPONSIVE < 850px--------- */


@media (max-width: 850px) {

	.nosActivites .activites_bloc0{
		width:100%;
	}
	.link_deconnexion {
		margin-top: -98px;
	}
	#header_btn_adherents {
        /* float: right; */
        right: -24px;
        position: absolute;
        top: 60px;
    }
	/* --- FOOTER --- */

	#footer_contact_gen .item_flex_conteneur {
		flex-wrap: wrap;
		justify-content: center;
	}

	/************** HEADER **************/

	#header {
	  height:160px;
	  border-bottom:10px solid #8bcb27;
	}
	#header_logo{
		width:300px;
		height:72px;
		float:none;
		background-repeat:no-repeat;
		background-position:center;
		background-image:url(../images/logo.png);
		background-size:cover;
		margin:auto;
		display:block;
		margin-top:70px;
	}
	#hearder_bloc_droit{
		width:243px;
		height:33px;
		float:none;
		margin:20px auto;
	}
	#hearder_bloc_droit_colonne{
		width:210px;
		height:33px;
		float:left;
	}
	#header_recherche{
		width:200px;
		height:33px;
		float:left;
		border:none;
		background-color:#e9e9e9;
		margin:0px 10px 10px 0px;
	}

	.header_adaptation_gen{
		display:none;
	}

	#header_btn_adherents{
		width:33px;
		height:33px;
		color:#FFF;
		text-align:center;
		text-transform:uppercase;
		font-size:18px;
		font-weight:700;
		padding-top:15px;
		background-color:#30ac66;
		display:block;
		float:left;
		background-position:center;
		background-repeat:no-repeat;
		background-image:url(../images/picto_adherent_responsive.png);
	}
	.header_btn_adherents_texte{
		display:none;
	}
	#header_menu {
		display: none;
	}

	#menu_resp_btn {
		cursor: pointer;
		width:40px;
		height:40px;
		padding: 0px 0px 60px 60px;
		background-color: rgba(255,255,255,0.6);
		border-bottom-left-radius: 30px;
		display:block;
		position:fixed;
		right:0px;
		top:0px;
		background-position:center;
	 	background-repeat:no-repeat;
	  	background-image:url(../images/picto_menu_responsive.png);
		border:none;
		transition: 0.2s ease-out;
	}

	#menu_resp_btn:hover {
		opacity: 0.7;
	}

	.clicked {
		position: fixed;
		z-index: 2;
	}

	#menu_resp_btn.clicked {
		background-color: rgba(255,255,255,0.2);
	}

	#header_resp_fond.clicked {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.7);
	}

	#header_menu.clicked {
		/*top: 100px;*/
		display: block;
		width: 100%;
		height: auto;
		max-height: 500px;
		overflow: auto;
	}

	#header_menu.clicked #header_menu_gen {
		flex-direction: column;
		height: auto;
	}

	.item_flex_conteneur {
		flex-direction: column;
	}

	.nosActivites.item_flex_conteneur {

	}

	.nosActivites .activites_bloc {
		width: 100%;
		margin: 10px auto;
	}

	/* -- SOUS MENU -- */

	.header_sous_menu {
		visibility: visible;
		opacity: 1;
		position: inherit;
		width: 100%;
		display: block;
		top: inherit;
		z-index: -1;
		transition: 0.3s ease-out;
		background-color:rgba(0,0,0,0.05);
	}

	#header_menu_gen .header_sous_menu li a {
		text-transform: uppercase;
		font-size: 16px;
		padding: 5px;
		height: auto;
	}

	#header_menu_gen li {
		flex-direction: column;
		height: auto;
	}

	#header_menu_gen li:hover .header_sous_menu {
		display: block;
	    top: inherit;
	    visibility: visible;
	    opacity: 1;
	}
}


/* ---------- RESPONSIVE 640px--------- */


@media (max-width: 640px) {
	
	/** structure **/
	.conteneur {
	  width:100%;
	  margin:auto;
	}

	


	/************** PAGE ACCUEIL **************/

	#accueil_contenu_gen {
		padding:10px 0;
		background-color:RGBA(255,255,255,0.85);
	}
	#accueil_contenu_gen h1{
		margin-left: 10px;
	}
	.colonne_gauche {
		display:none;
	}


	/************** MILIEU **************/

	#milieu {
	  min-height:0px;
	  background-repeat:no-repeat;
	  background-size:cover;
	  padding:20px;
	}

	.colonne_droite{
		width:100%;
		display:block;
	}
	.activites_bloc{
		margin:10px 0px;
		width:auto;
	}
	.activites_date{
		width:35%;
		text-align:center;
		color:#FFF;
		font-size:24px;
		text-transform:uppercase;
		font-weight:bold;
	}
	.activites_date_jour{
		width:100%;
		font-size:50px;
		font-weight:bold;
		color:#FFF;
		text-align:center;
		display:block;
	}
	.activite_titre{
		padding:20px 20px 0px 0px;
		color:#FFF;
		font-size:20px;
		font-weight:700;
	}
	.activites_bloc p{
		font-size:16px;
		color:#000;
	}

	.lien{
		height:35px;
		float:right;
		padding:7px 20px 5px 40px;
		background-position:left center;
		background-repeat:no-repeat;
		background-image:url(../images/puce_lien.png);
		background-color:#8bcb27;
		display:block;
		margin:5px 0px 10px 0px;
		clear:both;
		font-size:14px;
		color:#FFF;
		font-weight:500;
	}
	.lien:hover{
		background-color:#30ac66;
		color:#FFF;
	}

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


	#footer_contact_gen {
		height:auto;
		background-color:#e3e3e3;
		padding:20px;
	}
	#footer_contact_adresse{
		width:100%;
		margin-left:0px;
		float:none;
	}
	#footer_contact_adresse p{
		padding:0px 40px;
		font-size:18px;
	}
	#footer_contact_btn{
		width:100%;
		float:none;
	}
	.footer_contact_btn_bloc{
		width:100%;
		height:50px;
	}

	#footer_contact_reseaux{
		display:none;
	}
	#footer_partenaire{
		display:none;
	}

	#footer_credit{
		height:auto;
		background-color:#30ac66;
		padding:20px;
	}

}

	.h1_conteneur {
		padding-bottom: 10px;
	}
/* ---------- RESPONSIVE < 550px --------- */


@media (max-width: 550px) {

	#contenu_page {
		padding: 20px 0;
	}
	.h1_conteneur {
		padding-left: 20px;
	}
	.activites_date {
		font-size: 16px;
		padding: 0 10px;
	}
	.activites_date_jour {
		font-size: 30px;
	}
	.activite_titre {
		font-size: 18px;
	}
	.activites_bloc p {
		font-size: 14px;
	}
/*
	.activites_bloc {
		flex-direction: column;
	}
	.activites_date {
		width: auto;
	}
	.activites_texte {
		padding: 0 20px;
	}
	.activite_titre {
		text-align: center;
	}
*/
}
.centprcent{
	width:100%;
}
.accueil_actualites_texte img{
	max-width:100%;
	height:auto !important;
}
.actu_date{
	color:#156d3b;
}