

/*<-- 993 - 1199px -->*/
@media screen and (max-width: 1200px) {
	.header__tel span, .header__mail span {
		font-size: 15px;
	}
	.header__tel span a {
		font-size: 25px;
		margin-left: 5px;
    margin-right: 10px;
	}
	.listes__item_wrap {
		margin: 0px!important;
		padding: 35px 20px;
	}
	.calendar__list > ul > li > a > .listes__time {
		width: 110px;
		margin-right: 15px;
	}
	ul.conference-page__list > li > p {
		width: 63%;
	}
	.contact__map {
		margin-top: 20px;
	}
	.liens-utiles ul.conference-page__list > li > p {
    width: 80%;
	}
}

/*<-- 769 - 	 --992>*/
@media screen and (max-width: 991px) {
	.header__tel {
		padding: 0;
	}
	.header__mail span {
    margin-left: 10px;
    margin-right: 10px;
	}
	.header__tel span a {
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px;
	}
	.footer__comm .header__tel span a {
		margin-left: 5px;
		margin-right: 10px;
	}
	.main__slide h2, .main__slide h1 {
		font-size: 125px;
	}
	.histoire img {
		position: relative;
		top: 0;
		left: 0;
		right: 0;

		width: 100%;
		height: auto;
		-webkit-transform: translateY(0);
		   -moz-transform: translateY(0);
		    -ms-transform: translateY(0);
		     -o-transform: translateY(0);
		        transform: translateY(0);
	}
	#histoire .row {
		-webkit-justify-content: space-around;
		    -ms-flex-pack: distribute;
		        justify-content: space-around;
	}
	.representations__img {
    margin-right: 5px;
	}
	.representations__item {
		padding: 0 10px;
	}
	.listes__item {
		padding:0 10px;
	}
	.histirie__desc {
		padding: 50px;
	} 
	.listes-actualites .listes__item .listes__item_wrap {
		padding: 25px 15px;
	}
	.calendar__list > ul > li > a > .listes__time {
		margin-right: 10px;
	}
	.calendar__list > ul > li > a > p {
		font-size: 19px;
    width: -webkit-calc(100% - 95px);
    width: -moz-calc(100% - 95px);
    width: calc(100% - 95px);
	}
	.calendar__list > ul > li > a {
		padding: 13px 10px 8px;
	}
	ul.conference-page__list > li > .listes__time {
		margin-right: 20px;
		width: 18%;
	}
	ul.conference-page__list > li > p {
    width: 52%;
	}
	.conf-wrap {
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
	}
	.conference-page__loc, .conference-page__btn {
		width: 100%;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 20px 20px 20px 40px;
	}
	.association-list__item .second__title {
		height: 72px;
	}
	.liens-utiles ul.conference-page__list > li > p {
    width: 70%;
	}
}

/*<-- 577 - 768px -->*/
@media screen and (max-width: 767px) {
	.main__slide h2, .main__slide h1 {
		font-size: 95px;
	}
	.representations__item {
		display: block;
		text-align: center;
	}
	.representations__img {
		margin-right: 0;
	}
	.representations__img img {
		margin: 0;
		margin-bottom: 5px;
	}
	.listes__list{
		display: block;
	}
	.listes__item_wrap {
		margin-bottom: 20px!important;
	}
	.listes__item:last-child .listes__item_wrap {
		margin-bottom: 0!important;
	}
	.footer__logo, .footer__comm {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		   -moz-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.footer__logo {
		margin-bottom: 15px;
	}
	.calendar__desc {
		margin-bottom: 50px;
	}
	ul.conference-page__list > li > .listes__time {
		font-size: 19px;
		margin-right: 15px;
	}
	ul.conference-page__list > li > p {
    width: 45%;
    font-size: 20px;
  }
  ul.conference-page__list > li > .my-btn {
    margin: 0;
    margin-left: auto;
	}
	.conference-page__data {
		width: 35%;
	}
	.conference-page__loc, .conference-page__btn {
		padding: 20px;
	}
	.association-history__img img {
		margin: 0 auto;
		margin-bottom: 15px;
	}
	.association-list__item .second__title {
		height: auto;
	}
	.association-list__item {
		margin-bottom: 30px;
	}
	.association-history {
		padding: 40px 0;
	}
	.liens-utiles ul.conference-page__list > li > p {
    width: 65%;
	}
	.mentions .groupe-desc__img {
		margin-bottom: 30px;
	}
}

/*  0px - 576px  */
@media screen and (max-width: 576px) {
	.container {
	 	width: 100%;
	 	padding: 0 10px;
	 }
	 .row {
	 	margin-right: 0;
	 	margin-left: 0;
	 }
	 ul.main-menu > li > a {
	 	font-size: 25px;
	 }
	 ul.sub-menu > li > a {
	 	font-size: 18px;
	 }
	 .title-page h1 {
	 	font-size: 45px;
	 }
	 .representations__list {
	 		display: block;
	 }
	 .title {
	 	font-size: 30px;
	 }
	 .main__slide h2, .main__slide h1 {
	 	font-size: 50px;
	 }
	 .histirie__desc {
	 	padding: 20px;
	 } 
	.main__slide {
    padding-bottom: 330px;
    padding-top: 120px;
		}
	 .header__logo {
	 	display: -webkit-flex;
	 	display: -moz-flex;
	 	display: -ms-flex;
	 	display: -o-flex;
	 	display: -webkit-box;
	 	display: -moz-box;
	 	display: -ms-flexbox;
	 	display: flex;
	 	-ms-align-items: center;
	 	-webkit-box-align: center;
	 	-webkit-align-items: center;
	 	   -moz-box-align: center;
	 	    -ms-flex-align: center;
	 	        align-items: center;
	 }
	 .conference {
	 	 padding: 0;
	 	 padding-top: 30px;
	 }
	 .representations, .listes__desc, .listes__button, .footer {
	 	padding: 30px 0;
	 }
	 .representations .title {
    	margin-bottom: 20px;
		}
		.footer__logo_img {
    	margin-right: 15px;
		}
		.footer__comm .header__tel span a {
 		  margin-left: 5px;
    	margin-right: 8px;
		}
		.header__mail span {
   	 margin-left: 8px;
		}
		.conference.slider-actualites {
			padding-bottom: 30px;
		}
		.calendar__list > ul > li > a > .listes__time {
    	font-size: 15px;
    	width: 100px;
		}
		.calendar__list > ul > li > a > p {
			font-size: 17px;
   		width: -webkit-calc(100% - 80px);
   		width: -moz-calc(100% - 80px);
   		width: calc(100% - 80px);
		}
	 .conference-page__info {
	 	-webkit-flex-direction: column;
	 	-moz-flex-direction: column;
	 	-ms-flex-direction: column;
	 	-o-flex-direction: column;
	 	-webkit-box-orient: vertical;
	 	-webkit-box-direction: normal;
	 	        flex-direction: column;
	 } 		
	 .conference-page__data, .conf-wrap {
	 	width: 100%;
	 }
	 .conference-page__btn .my-btn{
	 		width: 100%;
	 }
	 .conference-page__data {
	 	-webkit-border-radius: 20px 20px 0 0;
	 	   -moz-border-radius: 20px 20px 0 0;
	 	        border-radius: 20px 20px 0 0;
	 }
	 .conference-page__btn .my-btn {
	 	font-size: 18px;
	 }
	 ul.conference-page__list > li {
	 	-webkit-flex-direction: column;
	 	-moz-flex-direction: column;
	 	-ms-flex-direction: column;
	 	-o-flex-direction: column;
	 	-webkit-box-orient: vertical;
	 	-webkit-box-direction: normal;
	 	        flex-direction: column;
	 }
	 ul.conference-page__list > li > .listes__time, ul.conference-page__list > li > p, ul.conference-page__list > li > .my-btn {
	 	width: 100%;
	 	margin: 0;
	 	margin-bottom: 10px;
	 	text-align: center;
	 }
	 ul.conference-page__list > li > .my-btn {
	 	max-width: 300px;
	 	margin: 0 auto;
	 }
	 .calendar-page .calendar__list > ul > li > a {
	 	-webkit-flex-direction: column;
	 	-moz-flex-direction: column;
	 	-ms-flex-direction: column;
	 	-o-flex-direction: column;
	 	-webkit-box-orient: vertical;
	 	-webkit-box-direction: normal;
	 	        flex-direction: column;
	 }
	 .calendar-page .calendar__list > ul > li > a > .listes__time, .calendar-page .calendar__list > ul > li > a > p {
	 	width: 100%;
	 	margin: 0;
	 }
	 .calendar-page .calendar__list > ul > li > a > p {
	 	font-size: 25px;
	 }
	 .calendar-page .calendar__list > ul > li > a > .listes__time {
	 	text-align: left;
	 }
	 .historique__item {
		 	padding-bottom: 50px;
	    margin-bottom: 42px;
	    border-bottom: 1px solid #ff610a;
		}
		.historique__item:last-child {
		 	border: none;
		 	padding-bottom: 0;
		 	margin-bottom: 0;
		}
		.liens-utiles ul.conference-page__list > li > p {
    	width: 100%;
		}
		.liens-utiles {
		  padding-top: 40px;
		  padding-bottom: 0px;
		}
}