@media only screen and (max-width: 481px) {
	#title-launch h2 {
		color: #FFF;
		font-weight: inherit;
		font-size: 5vw;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 4%;
	}

	#title-launch h3 {
		color: #FFF;
		font-size: calc(2px + 4vw);
		-webkit-margin-after: 0px;
		-webkit-margin-before: 0px;
		/* margin-bottom: 10px; */
		margin-top: 0px;
		padding-left: 4%;
	}
	.down_menu_mag a {
		font-family: ITC Avant-Garde Gothic Std;

		font-weight: inherit;
		line-height: 1.5rem;
		font-size: 1.3rem;
	}

	.down_menu_dec a {
		font-family: ITC Avant-Garde Gothic Std;

		font-weight: inherit;
		line-height: 1.5rem;
		font-size: 1.3rem;
	}

	.down_menu_img a {
		font-family: ITC Avant-Garde Gothic Std;

		font-weight: inherit;
		line-height: 1.5rem;
		font-size: 1.3rem;
	}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
	#title-launch h2 {
		color: #FFF;
		font-weight: inherit;
		font-size: 5vw;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 4%;
	}

	h3 {
		color: #FFF;
		font-size: calc(3.5px + 4vw);
		-webkit-margin-after: 0px;
		-webkit-margin-before: 0px;

		/* margin-bottom: 10px; */
		margin-top: 0px;
		padding-left: 4%;
	}
	#title-launch img {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 34%;
		max-height: 5vw;
		padding-top: 15px;
		text-align: center;
		/* margin-left: 30px; */

	}
	.link-dropwdown-menu a {
		font-family: ITC Avant-Garde Gothic Std Demi;
		width: 100%;
		display: -webkit-box;
		text-align: left;
		font-size: 1.7rem;
		color: #FFF;
		text-decoration: none;
		padding-bottom: 0.4em;
	}
	.down_menu_mag a {
		font-family: ITC Avant-Garde Gothic Std;
		font-size: 1.5rem;
	}

	.down_menu_dec a {
		font-family: ITC Avant-Garde Gothic Std;
	}

	.down_menu_img a {
		font-family: ITC Avant-Garde Gothic Std;
	}
}

@media screen and (min-width: 769px) and (max-width: 990px) {
	#title-launch h2 {
		color: #FFF;
		font-weight: inherit;
		font-size: 5vw;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 4%;
	}
	#title-launch img {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 34%;
		max-height: 5vw;
		padding-top: 15px;
		text-align: center;
		/* margin-left: 30px; */
	}
	input[type="search" i] {
		width: 500px;
		height: 30px;
		background-color: transparent;
		border: 1px solid #FFF;
		border-radius: 2px;
		color: #FFF;
		font-family: ITC Avant-Garde Gothic Std;
		font-size: 1rem;
	}

}
@media screen and (min-width: 991px) and (max-width: 1200px) {
	#title-launch h2 {
		color: #FFF;
		font-weight: inherit;
		font-size: 5vw;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 4%;
	}
	#title-launch img {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 34%;
		max-height: 5vw;
		padding-top: 15px;
		text-align: center;
		/* margin-left: 30px; */
	}
	.down_menu_mag a {
		font-family: ITC Avant-Garde Gothic Std;
	}

	.down_menu_dec a {
		font-family: ITC Avant-Garde Gothic Std;
	}

	.down_menu_img a {
		font-family: ITC Avant-Garde Gothic Std;
	}
}
@media only screen and (max-width: 701px) { 
	.infographieText
	{
		width: 100%;
		padding-top: 0px;
		padding-left: 15px;
	}
	.infographieImg
	{
		width: 100%;
		/* padding-left: 15px; */
	}
	.title-wrapper-page-infographie{
		width: 100%;
		/* margin: auto; */
		padding-left: 25px;
	}
}
@media only screen and (min-width: 1201px) {
	#title-launch h2 {
		color: #FFF;
		font-weight: inherit;
		font-size: 5vw;
		-webkit-margin-before: 0px;
		-webkit-margin-after: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-left: 4%;
	}
	#title-launch img {
		
        position: absolute;
		z-index: 3;
		width: 100%;
		height: 34%;
		max-height: 5vw;
		padding-top: 15px;
		text-align: center;
		/* margin-left: 30px; */
	}
	input[type="search" i] {
		width: 500px;
		height: 26px;
		background-color: transparent;
		border: 1px solid #FFF;
		border-radius: 2px;
		color: #FFF;
		font-family: ITC Avant-Garde Gothic Std;
		font-size: 1rem;
	}
}

@media screen and (max-width: 768px) and (min-width: 480px)
{
	.link-dropwdown-menu a {
		font-family: ITC Avant-Garde Gothic Std Demi;
		width: 100%;
		display: -webkit-box;
		text-align: left;
		font-size: 1.7rem;
		color: #FFF;
		text-decoration: none;
		padding-bottom: 0.4em;
	}


}
@media all and  (max-width: 460px)
{
	input[type="search" i] {
		width: 170px;
		height: 25px;
	}
	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 300px;
		height:225px;
	}
	.title-wrapper {
		width: 310px;
	}
	.title-wrapper-page {
		width: 310px;
	}
	.tagBlock{
		width: 300px;
		margin: 10px;
	}
	.titlepage-photos {
		width: 350px;
	}
	.mensuel{
		width: 300px;
	}
	.item-list-photo-list .imageFront .photo {
		width: 350px;
	}	
	.diapo-couv .link-image ::before {
		width: 350px;
	}
	.basecontent {
		width: 90%;
		margin: 10px;
		margin-top: 5%;
	}
	.photo-title-diapo {
		font-size: 1.1rem;
	}
	.title-video{ width: 300px; }
	.content-video {     
		width: 300px;
		text-align: left;
		margin: auto; 
		position: inherit; 
		display: inherit; 
		padding-top: 10px;
	}
	.video { width: 300px; }
	.title-wrapper-page-video{
		width: 300px;
		margin: auto;
	}
	.article-class img {
		max-width: 100%;
	}
}
@media all and (min-width: 461px) and (max-width: 500px)
{
	.article-class img {
		max-width: 100%;
	}

	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 460px;
		height: 315px;
	}
	.title-wrapper {
		width: 470px;
	}
	.title-wrapper-page {
		width: 330px;
		display: -webkit-inline-box;
	}
	.tagBlock{
		width: 460px;
		margin: 10px;
	}
	.titlepage-photos {
		width: 450px;
	}
	.mensuel{
		width: 330px;
	}
	.item-list-photo-list .imageFront .photo {
		width: 450px;
	}	
	.diapo-couv .link-image ::before {
		width: 450px;
	}
	.basecontent {
		width: 90%;
		margin-top: 5%;
	}
	.content-video {     
		width: 420px;
		text-align: left;
		margin: auto; 
		position: inherit; 
		display: inherit; 
		padding-top: 10px;
	}

	.title-video{ width: 420px; }
	.video { width: 420px; }
	.title-wrapper-page-video{
		width: 420px;
		margin: auto;
	}
}
@media all and (min-width: 501px) and  (max-width: 600px)
{
	.article-class img {
		max-width: 100%;
	}

	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 480px;
		height: 328px;
	}
	.title-wrapper {
		width: 490px;
	}
	.title-wrapper-page {
		width: 473px;

	}
	.tagBlock{
		width: 480px;
		margin: 10px;
	}
	.titlepage-photos {
		width: 490px;
	}
	.mensuel{
		width: 480px;
	}
	.item-list-photo-list .imageFront .photo {
		width: 490px;
	}
	.diapo-couv .link-image ::before {
		width: 490px;
	}
	.basecontent {
		width: 90%;
		margin-top: 5%;
	}
	.content-video {     
		width: 470px;
		text-align: left;
		margin: auto; 
		position: inherit; 
		display: inherit; 
		padding-top: 10px;
	}

	.title-video{ width: 470px; }
	.video { width: 470px; }
	.title-wrapper-page-video{
		width: 470px;
		margin: auto;
	}

}
@media all and  (min-width: 601px) and  (max-width: 700px)
{
	.article-class img {
		max-width: 100%;
	}

	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 580px;
		height: 397px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 580px;
		height: 397px;
	}
	.title-wrapper {
		width: 590px;
	}
	.title-wrapper-page {
		width: 567px;
	}
	.tagBlock{
		width: 580px;
		margin: 10px;
	}
	.titlepage-photos {
		width: 590px;
	}
	.mensuel{
		width: 259px;
	}
	.item-list-photo-list .imageFront .photo {
		width: 590px;
	}
	.diapo-couv .link-image ::before {
		width: 590px;
	}

	.basecontent {
		width: 90%;
		margin-top: 5%;
	}

	.title-video{ width: 525px; }
	.content-video {     
		width: 525px;
		text-align: left;
		margin: auto; 
		position: inherit; 
		display: inherit; 
		padding-top: 10px;
	}
	.video { width: 525px; }
	.title-wrapper-page-video{
		width: 525px;
		margin: auto;
	}
}
@media all and (min-width: 701px) and  (max-width: 800px)
{
	.article-class img {
		max-width: 100%;
	}

	.alauneimg .imageFront img , #toto .alauneelem .card-article .imageFront img{
		width: 680px;
		height: 465px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 300px;
		height:225px;
	}
	.title-wrapper { width: 690px; }
	.title-wrapper-page { width: 665px; }
	.tagBlock{
		width: 680px;
		margin: 10px;
	}
	.titlepage-photos { width: 690px; }
	.mensuel { width: 309px; }
	.item-list-photo-list .imageFront .photo { width: 690px; }
	.diapo-couv .link-image ::before { width: 690px; }
	.basecontent {
		width: 90%;
		margin-top: 5%;
	}
	.infographieText
	{
		width: 600px;
		padding-top: 0px;
	}
	.infographieImg { width: 635px; }
	.title-wrapper-page-infographie{
		width: 583px;
		margin: auto;
	}
	.video-content { width: 600px; }
	.video { width: 635px; }
	.title-wrapper-page-video{
		width: 700px;
		margin: auto;
	}
	/*.title-video{ width: 525px; }*/
	.content-video {     
		width: 525px;
		text-align: left;
		margin: auto; 
		position: inherit; 
		display: inherit; 
		padding-top: 10px;
	}
	.video { width: 525px; }
	.title-wrapper-page-video{
		width: 525px;
		margin: auto;
	}
}

@media all and (min-width: 801px) and  (max-width: 900px)
{
	.article-class img {
		max-width: 100%;
	}

	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 780px;
		height: 534px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 365px;
		height:250px;
	}
	.title-wrapper { width: 790px; }
	.title-wrapper-page { width: 765px; }
	.tagBlock{
		width: 780px;
		margin: 10px;
	}
	.titlepage-photos { width: 790px; }
	.mensuel { width: 359px; }
	.item-list-photo-list .imageFront .photo { width: 790px; }
	.diapo-couv .link-image ::before { width: 790px; }
	.basecontent {
		width: 300px;
		margin-top: 30vh;
	}
	.infographieText { width: 175px; }
	.infographieImg { width: 525px; }
	.title-wrapper-page-infographie{
		width: 660px;
		margin: auto;
	}
	.content-video {     
		width: 525px;
		text-align: left;
		margin: auto; 
		position: inherit; 
		display: inherit; 
	}
	/*.title-video{ width: 525px; }*/
	.video { width: 525px; }
	.title-wrapper-page-video{
		width: 525px;
		margin: auto;
	}
}
@media all and (min-width: 901px) and  (max-width: 1000px)
{
	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 429px;
		height: 294px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 374px;
		height: 257px;
	}
	.title-wrapper { width: 890px; }
	.title-wrapper-page { width: 867px; }
	.tagBlock{
		width: 429px;
		margin: 10px;
	}
	.titlepage-photos { width: 890px; }
	.mensuel{ width: 409px; }
	.item-list-photo-list .imageFront .photo { width: 890px; }
	.diapo-couv .link-image ::before { width: 890px; }
	.basecontent { width: 320px; }
	.infographieText { width: 200px; }
	.infographieImg{ width: 600px; }
	.title-wrapper-page-infographie{
		width: 745px;
		margin: auto;
	}
	/*.title-video{ width: 600px; }*/
	.content-video { width: 600px; }
	.video { width: 600px; }
	.title-wrapper-page-video{
		width: 900px;
		margin: auto;
	}
}
@media all and (min-width: 1001px) and  (max-width: 1100px)
{
	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 478px;
		height: 328px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 374px;
		height: 257px;
	}
	.title-wrapper { width: 990px; }
	.title-wrapper-page { width: 967px; }
	.tagBlock{
		width: 478px;
		margin: 10px;
	}
	.titlepage-photos { width: 990px; }
	.mensuel{ width: 459px; }
	.item-list-photo-list .imageFront .photo { width: 990px; }

	.diapo-couv .link-image ::before { width: 990px; }
	.basecontent { width: 320px; }
	.infographieText { width: 225px; }
	.infographieImg { width: 675px; }
	.title-wrapper-page-infographie{
		width: 838px;
		margin: auto;
	}
	.content-video { width: 225px; }
	.video { width: 675px; }
	.title-wrapper-page-video{
		width: 980px;
		margin: auto;
	}
}

@media all and (min-width: 1101px) and (max-width: 1200px)
{
	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 530px;
		height: 363px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 374px;
		height: 257px;
	}
	.title-wrapper { width: 1090px;	}
	.title-wrapper-page { width: 1064px; }
	.tagBlock{
		width: 530px;
		margin: 10px;
	}
	.titlepage-photos {	width: 1090px; }
	.mensuel{ width: 509px; }
	.diapo-couv .link-image ::before { width: 1090px; }
	.item-list-photo-list .imageFront .photo { width: 1090px; }	
	.basecontent { width: 320px; }
	.infographieText { width: 250px; }
	.infographieImg { width: 750px; }
	.title-wrapper-page-infographie{
		width: 938px;
		margin: auto;
	}
	.content-video { width: 250px; }
	.video { width: 750px; }
	.title-wrapper-page-video{
		width: 1050px;
		margin: auto;
	}
}
@media all and  (min-width: 1201px) and (max-width: 1300px)
{
	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 578px;
		height: 397px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 374px;
		height: 257px;
	}
	.title-wrapper { width: 1190px;	}
	.title-wrapper-page { width: 1086px; }
	.tagBlock{
		width: 578px;
		margin: 10px;
	}
	.titlepage-photos { width: 1190px; }
	.mensuel{ width: 238px; }
	.item-list-photo-list .imageFront .photo { width: 1190px; }
	.diapo-couv .link-image ::before { width: 1190px; }
	.basecontent { width: 320px; }
	.infographieText { width: 275px; }
	.infographieImg { width: 825px; }
	.title-wrapper-page-infographie{
		width: 1038px;
		margin: auto;
	}
	.content-video { width: 275px; }
	.video { width: 825px; }
	.title-wrapper-page-video{
		width: 1130px;
		margin: auto;
	}
}

@media all and (min-width: 1301px)
{
	.alauneimg .imageFront img, #toto .alauneelem .card-article .imageFront img {
		width: 578px;
		height: 396px;
	}
	#articles-tags .alauneimg .imageFront img {
		width: 374px;
		height: 257px;
	}
	.alauneelem .card-article .imageFront img {
		width: 578px;
		height: 396px;
	}
	.title-wrapper { width: 1190px; }
	.title-wrapper-page { width: 1172px; }
	.tagBlock{
		width: 580px;
		margin: 10px;
	}
	.titlepage-photos { width: 1200px; }
	.mensuel{ width: 260px; }
	.item-list-photo-list .imageFront .photo { width: 1200px; }
	.diapo-couv .link-image ::before { width: 1200px; }
	.basecontent { width: 320px; }
	.infographieText { width: 300px; }
	.infographieImg { width: 800px; }
	.infographieImg { width: 800px; }
	.title-wrapper-page-infographie{
		width: 1052px;
		margin: auto;
	}
	.content-video { width: 300px; }
	.video { width: 900px; }
	.title-wrapper-page-video{
		width: 1200px;
		margin: auto;
	}

}
.closeBase {
	display: -webkit-box;
	border-bottom: 2px solid rgba(0,24,94,1);
	padding: 20px;
}
@media all and (max-width: 900px)
{

	.front-container h2{
		margin-block-start: 35px;
		margin-block-end: 0px;
	}
	.map-wrapper-svg{	
		max-width: 100%;
		overflow: auto;
	}
	#monde-img{

		height: 100vh;
		width: auto
	}
	#france-img{

		height: 100vh;
		width: auto;
	}

}
@media all and (max-width: 855px)
{
	.footer-link {
		margin: 9px;
	}
}
	@media all and (max-width: 800px)
	{

		/*.wrapper-abo-title {
			width: 200px;
		}*/
		.show_last {
			display:none;
		}
		.abo-div {
			display: -webkit-inline-box;
		}
		.article-class .abo-text {
			font-size: 1rem;
		}
		.title-page-basique
		{
			font-size: 2.1rem;
			max-width: 96%;
		}
		#footermobile {
			display: inline-block;
			width: 100%;
		}
		.button-footer {
			margin-bottom: 16px;
			padding-top: 0px;
		}
		.button-footer button {
			background-color: #0A1B60;
			border: 2px solid #FFF;
			color: #FFF;
			font-size: 0.9rem;
			margin-right: 5px;
			border-radius: 3px;
			cursor: pointer;
			font-family: ITC Avant-Garde Gothic Std;
		}
		#footerpc {
			display: none;
		}
		.footer-link {
			font-size: calc(0.5rem + 1vw);
			/* display: inline-flex; */
			/* width: 12%; */
			margin: 15px;
		}
		.footer-link-wrapper {
			padding-top: 0px;
			transform: inherit;
		}
		.footer-link-mobile {
			list-style-type: none;
			padding-inline-start: 15px;
			padding-top: 15px;
			padding-bottom: 15px;
			padding-left: 2em;
			margin: 15px;
			margin-bottom: 0px;
		}
		.footer-link-mobile a {
			font-size: 1.1rem;
			line-height: 1.8rem;
		}
	}
	.down_menu_mag a {
		font-family: ITC Avant-Garde Gothic Std;
		font-weight: inherit;
		line-height: 1.5rem;
		font-size: 1.3rem;
	}
	.down_menu_dec a {
		font-family: ITC Avant-Garde Gothic Std;
		font-weight: inherit;
		line-height: 1.5rem;
		font-size: 1.3rem;
	}
	.down_menu_img a {
		font-family: ITC Avant-Garde Gothic Std;
		font-weight: inherit;
		line-height: 1.5rem;
		font-size: 1.3rem;
	}
}
.return-front-wrapper {
	width: 100%;
}
.wrapper-all {
	width: 100%;
	text-align: center;

	padding-top: 40px;
}
.title-wrapper-page {
	display: -webkit-inline-box;
}
.title-wrapper-page-photo {
	display: -webkit-inline-box;
}
.title-wrapper-page h2 {
	font-size: 2.7rem
}
.titlepage-photos {
	text-align: left;
	font-size: 2.5rem;
}
.bnf {
	text-decoration: none;
	border-bottom: 2px solid #0A1B60;
	font-weight: bold;
}
.bnf:hover {
	text-decoration: none;
	border-bottom: 3px solid #0A1B60;
	font-weight: bold;
}
#map {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
}
.map-wrapper {
	width: 100%;
	height: auto;
	position: inherit;
	z-index: 1;
}

#title-map {
	position: absolute;
	z-index: 2;
}
#button-map {
	position: inherit;
	z-index: 2;
}