/* Définition des polices */

@font-face {
    font-family: 'ralewaysemibold';
    src: url('polices/raleway-semibold-webfont.eot');
    src: url('polices/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/raleway-semibold-webfont.woff2') format('woff2'),
         url('polices/raleway-semibold-webfont.woff') format('woff'),
         url('polices/raleway-semibold-webfont.ttf') format('truetype'),
         url('polices/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('polices/raleway-light-webfont.eot');
    src: url('polices/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/raleway-light-webfont.woff2') format('woff2'),
         url('polices/raleway-light-webfont.woff') format('woff'),
         url('polices/raleway-light-webfont.ttf') format('truetype'),
         url('polices/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylightitalic';
    src: url('polices/raleway-lightitalic-webfont.eot');
    src: url('polices/raleway-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('polices/raleway-lightitalic-webfont.woff') format('woff'),
         url('polices/raleway-lightitalic-webfont.ttf') format('truetype'),
         url('polices/raleway-lightitalic-webfont.svg#ralewaylightitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*------------------------------------------------------------------------------------*/
/*-------------------------------- Contenu de la page --------------------------------*/
/*------------------------------------------------------------------------------------*/

#carte
{
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	margin: auto;
}

/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	#carte 
	{
		height: 768px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
	#carte
	{
		height: 1024px;
	}
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) 
{
	#carte
	{
		height: 320px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) 
{
	#carte
	{
		height: 568px;
	}
}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) 
{
	#carte
	{
		height: 320px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) 
{
	#carte
	{
		height: 480px;
	}
}

#svg-carte
{
	position: absolute;
	height: 100%;
	width: 100%;
}

#path_France_bis
{
	opacity:0;
}

#path_Xinjiang
{
	opacity:0;
	cursor: pointer;
}

#svg-itineraire-Europe_Sud_bis
{
	display:none;
}

.svg-carte-Region
{
	cursor: pointer;
	fill:#e4d0ae;
}

.svg-itineraire-Region
{
	cursor: pointer;
	stroke:#8b8b8b;
}

.svg-rect-Region
{
	cursor: pointer;
}

.svg-texte-Region path
{
	fill:#8b8b8b;
}

.svg-Region:hover .svg-carte-Region
{
	fill:#f1e7d6;
}

.svg-Region:hover #path_France_bis
{
	opacity:1;
}

.svg-Region:hover #path_Xinjiang
{
	opacity:1;
}

.svg-Region:hover #svg-itineraire-Europe_Sud_bis
{
	stroke: #8b8b8b;
	display: inline;
}

.svg-Region:hover .svg-itineraire-Region
{
	stroke: #5e94be;
}

.svg-Region:hover .svg-texte-Region path
{
	fill: #5e94be;
}

#svg-texte-Europe_Sud
{
	transform: matrix(0.8,0,0,-0.8,-22.4,590.2);
	cursor: pointer;
}

#svg-texte-Europe_Est
{
	transform: matrix(0.8,0,0,-0.8,24,585.4);
	cursor: pointer;
}

#svg-texte-Russie
{
	transform: matrix(0.8,0,0,-0.8,16,559.8);
	cursor: pointer;
}

#svg-texte-Chine
{
	transform: matrix(0.8,0,0,-0.8,32.8,581.4);
	cursor: pointer;
}

#svg-texte-Birmanie
{
	transform: matrix(0.8,0,0,-0.8,0,595);
	cursor: pointer;
}

#svg-texte-Inde
{
	transform: matrix(0.8,0,0,-0.8,8,596.6);
	cursor: pointer;
}

#svg-texte-Asie_Centrale
{
	transform: matrix(0.8,0,0,-0.8,-35,617);
	cursor: pointer;
}

#svg-texte-Iran
{
	transform: matrix(0.8,0,0,-0.8,-10,625);
	cursor: pointer;
}

#svg-texte-Caucase_Sud
{
	transform: matrix(0.8,0,0,-0.8,-10,585);
	cursor: pointer;
}

#svg-texte-Turquie
{
	transform: matrix(0.8,0,0,-0.8,-4.8,604.6);
	cursor: pointer;
}

@media all and (min-width: 620px) and (max-width: 800px)
{
	#svg-texte-Europe_Sud
	{
		transform: matrix(1,0,0,-1,-80,670);
	}
	#svg-rect-Europe_Sud
	{
		transform: matrix(1.2,0,0,1.2,-45,-55);
	}
	#svg-texte-Europe_Est
	{
		transform: matrix(1,0,0,-1,-25,650);
	}
	#svg-rect-Europe_Est
	{
		transform: matrix(1.2,0,0,1.2,-50,-60);
	}
	#svg-texte-Russie
	{
		transform: matrix(1,0,0,-1,-70,610);
	}
	#svg-texte-Chine
	{
		transform: matrix(1,0,0,-1,-120,670);
	}
	#svg-texte-Birmanie
	{
		transform: matrix(1,0,0,-1,-145,710);
	}
	#svg-rect-Birmanie
	{
		transform: matrix(1.2,0,0,1.2,-115,-30);
	}
	#svg-texte-Inde
	{
		transform: matrix(1,0,0,-1,-110,700);
	}
	#svg-texte-Asie_Centrale
	{
		transform: matrix(1,0,0,-1,-150,695);
	}
	#svg-texte-Iran
	{
		transform: matrix(1,0,0,-1,-100,695);
	}
	#svg-texte-Caucase_Sud
	{
		transform: matrix(1,0,0,-1,-105,660);
	}
	#svg-rect-Caucase_Sud
	{
		transform: matrix(1.2,0,0,1.2,-82,-60);
	}
	#svg-texte-Turquie
	{
		transform: matrix(1,0,0,-1,-75,692);
	}
}

@media all and (min-width: 440px) and (max-width: 620px)
{
	#svg-texte-Europe_Sud
	{
		transform: matrix(1.2,0,0,-1.2,-120,730);
	}
	#svg-rect-Europe_Sud
	{
		transform: matrix(1.45,0,0,1.45,-80,-140);
	}
	#svg-texte-Europe_Est
	{
		transform: matrix(1.2,0,0,-1.2,-80,700);
	}
	#svg-rect-Europe_Est
	{
		transform: matrix(1.45,0,0,1.45,-115,-155);
	}
	#svg-texte-Russie
	{
		transform: matrix(1.2,0,0,-1.2,-180,650);
	}
	#svg-texte-Chine
	{
		transform: matrix(1.2,0,0,-1.2,-275,760);
	}
	#svg-texte-Birmanie
	{
		transform: matrix(1.2,0,0,-1.2,-282,805);
	}
	#svg-rect-Birmanie
	{
		transform: matrix(1.45,0,0,1.45,-255,-80);
	}
	#svg-texte-Inde
	{
		transform: matrix(1.2,0,0,-1.2,-230,805);
	}
	#svg-texte-Asie_Centrale
	{
		transform: matrix(1.2,0,0,-1.2,-265,773);
	}
	#svg-texte-Iran
	{
		transform: matrix(1.2,0,0,-1.2,-210,810);
	}
	#svg-texte-Caucase_Sud
	{
		transform: matrix(1.2,0,0,-1.2,-180,735);
	}
	#svg-rect-Caucase_Sud
	{
		transform: matrix(1.45,0,0,1.45,-155,-135);
	}
	#svg-texte-Turquie
	{
		transform: matrix(1.2,0,0,-1.2,-145,780);
	}
}

@media all and (max-width: 440px)
{
	#svg-texte-Europe_Sud
	{
		transform: matrix(1.6,0,0,-1.6,-250,913);
	}
	#svg-rect-Europe_Sud
	{
		transform: matrix(1.9,0,0,1.9,-190,-240);
	}
	#svg-texte-Europe_Est
	{
		transform: matrix(1.6,0,0,-1.6,-170,830);
	}
	#svg-rect-Europe_Est
	{
		transform: matrix(1.9,0,0,1.9,-210,-300);
	}
	#svg-texte-Russie
	{
		transform: matrix(1.6,0,0,-1.6,-400,750);
	}
	#svg-texte-Chine
	{
		transform: matrix(1.6,0,0,-1.6,-550,920);
	}
	#svg-texte-Birmanie
	{
		transform: matrix(1.6,0,0,-1.6,-570,1030);
	}
	#svg-rect-Birmanie
	{
		transform: matrix(1.9,0,0,1.9,-510,-150);
	}
	#svg-texte-Inde
	{
		transform: matrix(1.6,0,0,-1.6,-475,1015);
	}
	#svg-texte-Asie_Centrale
	{
		transform: matrix(1.6,0,0,-1.6,-470,930);
	}
	#svg-texte-Iran
	{
		transform: matrix(1.6,0,0,-1.6,-410,1000);
	}
	#svg-texte-Caucase_Sud
	{
		transform: matrix(1.6,0,0,-1.6,-330,890);
	}
	#svg-rect-Caucase_Sud
	{
		transform: matrix(1.9,0,0,1.9,-285,-250);
	}
	#svg-texte-Turquie
	{
		transform: matrix(1.6,0,0,-1.6,-290,950);
	}
}

/*------------------------------------------------------------------------------------*/
/*--------------------------------- Séparation footer --------------------------------*/
/*------------------------------------------------------------------------------------*/

#footer_separation
{
	margin-top: 0px;
}

/*------------------------------------------------------------------------------------*/
/*------------------------------------- Pop-ups --------------------------------------*/
/*------------------------------------------------------------------------------------*/

.popup_window
{
	display:none;
}

#popup_fond.popup
{
	display: block;
	position: fixed;
	opacity: 0.9;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 902;
	background: #a0a0a0;/*#6e6e6e;*/
}

.popup_window.popup
{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: -moz-flex;		   /* Firefox 18+*/
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;	
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 903;
}

/* Partie centrale du pop_up*/

.popup_window.popup .frame_popup
{
	width: 65%;
	height: 100vh;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: -moz-flex;		   /* Firefox 18+*/
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

.popup_window.popup .frame_svg_popup
{
	position: relative;
	height: 100%;
	width: 100%;
}

.popup_window.popup .svg-zoom-Region
{
	position: absolute;
	height: 100%;
	width: 100%;
}

.title_popup
{
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

.title_popup h3
{
	font-family: ralewaylight;
	font-size: 2em;
	color: #ffffff;
    padding: 0px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: center;
}

/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	.title_popup
	{
		padding-top: 40px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
	.title_popup
	{
		padding-top: 40px;
	}
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) 
{
	.title_popup
	{
		padding-top: 10px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) 
{
	.title_popup
	{
		padding-top: 10px;
	}
}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) 
{
	.title_popup
	{
		padding-top: 10px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) 
{
	.title_popup
	{
		padding-top: 10px;
	}
}

.date-pays
{
	font-family: ralewaylightitalic;
	font-size: 1.2em;
	display: inline-block;
	padding:0;
	margin:0;
	color: #ffffff;
}

#trait_separation
{
	background-color: #ffffff;
	display: inline-block;
	height: 1px;
	width: 50px;
	padding:0;
	margin:0px 20px 5px 20px;
}

@media all and (min-width: 900px) and (max-width: 1100px)
{
	.title_popup h3
	{
		font-size: 1.8em;
	}
	.date-pays
	{
		font-size: 1.1em;
	}
}

@media all and (min-width: 750px) and (max-width: 900px)
{
	.popup_window.popup .frame_popup
	{
		width: auto;
	}
	.title_popup h3
	{
		font-size: 1.6em;
	}
	.date-pays
	{
		font-size: 1em;
	}
}

@media all and (min-width: 550px) and (max-width: 750px)
{
	.popup_window.popup .frame_popup
	{
		width: auto;
	}
	.title_popup h3
	{
		font-size: 1.8em;
	}
	.date-pays
	{
		font-size: 1.1em;
	}
}

@media all and (min-width: 410px) and (max-width: 550px)
{
	.popup_window.popup .frame_popup
	{
		width: auto;
	}
	.title_popup h3
	{
		font-size: 1.6em;
	}
	.date-pays
	{
		font-size: 1em;
	}
	#trait_separation
	{
		width: 30px;
		margin:0px 10px 5px 10px;
	}
}

@media all and (max-width: 410px)
{
	.popup_window.popup .frame_popup
	{
		width: 85%;
	}
	.title_popup h3
	{
		font-size: 1.6em;
	}
	.date-pays
	{
		font-size: 1em;
	}
	#trait_separation
	{
		display: none;
	}
}

/* fix iOS bug not displaying 100vh correctly */
/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	.popup_window.popup .frame_popup
	{
		height: 768px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{
	.popup_window.popup .frame_popup
	{
		height: 1024px;
	}
}
/* iphone5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) 
{
	.popup_window.popup .frame_popup
	{
		height: 320px;
	}
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2) 
{
	.popup_window.popup .frame_popup
	{
		height: 568px;
	}
}
/* iPhone 4 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) 
{
	.popup_window.popup .frame_popup
	{
		height: 320px;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) 
{
	.popup_window.popup .frame_popup
	{
		height: 480px;
	}
}

/* Partie gauche du pop_up*/

.popup_window.popup .menuleft_popup
{
	width: 17.5%;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: -moz-flex;		   /* Firefox 18+*/
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: end;
	-moz-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	padding: 0px 5% 0px 0px;
}

@media all and (max-width: 750px)
{
	.popup_window.popup .menuleft_popup
	{
		width: 40px;
	}
}

.popup_window.popup .logo_page_popup
{
	overflow:hidden;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.popup_window.popup #journal
{
	width: 145px;
}

.popup_window.popup #coups_oeil
{
	width: 195px;
}

.popup_window.popup #coups_coeur
{
	width: 225px;
}

.popup_window.popup .category_popup
{
	position: relative;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: -moz-flex;		   /* Firefox 18+*/
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-ms-flex-pack: end;	
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

.popup_window.popup #journal-category
{
	left: 75px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.popup_window.popup #journal-category:hover
{
	left: 0px;
}

.popup_window.popup #coups_oeil-category
{
	left: 115px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.popup_window.popup #coups_oeil-category:hover
{
	left: 0px;
}

.popup_window.popup #coups_coeur-category
{
	left: 140px;
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.popup_window.popup #coups_coeur-category:hover
{
	left: 0px;
}

.category_popup p
{
	color: #ffffff;
	font-size: 1em;
	font-family: ralewaysemibold;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
}

#journal-texte
{
	width: 65px;
}

#coups_oeil-texte
{
	width: 105px;
}

#coups_coeur-texte
{
	width: 130px;
}

.logo
{
	height: 50px;
	width: 50px;
	position: relative;
	margin: 0px;
	padding:0px;
}

@media all and (min-width: 900px) and (max-width: 1100px)
{
	.popup_window.popup #journal-category
	{
		left: 60px;
	}
	.popup_window.popup #coups_oeil-category
	{
		left: 90px;
	}
	.popup_window.popup #coups_coeur-category
	{
		left: 113px;
	}
	.logo
	{
		height: 40px;
		width: 40px;
	}
	.category_popup p
	{
		font-size: 0.8em;
	}
	#journal-texte
	{
		width: 50px;
	}
	#coups_oeil-texte
	{
		width: 80px;
	}
	#coups_coeur-texte
	{
		width: 103px;
	}
}

@media all and (min-width: 750px) and (max-width: 900px)
{
	.popup_window.popup #journal-category
	{
		left: 53px;
	}
	.popup_window.popup #coups_oeil-category
	{
		left: 80px;
	}
	.popup_window.popup #coups_coeur-category
	{
		left: 100px;
	}
	.logo
	{
		height: 35px;
		width: 35px;
	}
	.category_popup p
	{
		font-size: 0.7em;
	}
	#journal-texte
	{
		width: 43px;
	}
	#coups_oeil-texte
	{
		width: 70px;
	}
	#coups_coeur-texte
	{
		width: 90px;
	}
	.popup_window.popup .menuleft_popup
	{
		padding: 0px 2% 0px 0px;
	}
}

@media all and (min-width: 410px) and (max-width: 750px)
{
	.popup_window.popup #journal, .popup_window.popup #coups_oeil, .popup_window.popup #coups_coeur
	{
		width: auto;
	}
	.popup_window.popup #journal-category, .popup_window.popup #coups_oeil-category, .popup_window.popup #coups_coeur-category
	{
		left: 0px;
	}
	.logo
	{
		height: 30px;
		width: 30px;
	}
	#journal-texte
	{
		display: none;
	}
	#coups_oeil-texte
	{
		display: none;
	}
	#coups_coeur-texte
	{
		display: none;
	}
	.popup_window.popup .menuleft_popup
	{
		padding: 0px 1% 0px 1%;
	}
}

@media all and (max-width: 410px)
{
	.popup_window.popup .menuleft_popup
	{
		display: none;
	}
}

.svg-logo
{
	position: absolute;
	height: 100%;
	width: 100%;
}

/*logo journal*/
.svg-logo #path4181, .svg-logo #path4143  
{
	opacity:1;
	fill:none;
	fill-opacity:1;
	stroke:#ffffff;
}

.svg-logo #rect4138, .svg-logo #path4183, .svg-logo #path4183-5
{
	opacity:1;
	fill:#ffffff;
	fill-opacity:1;
	stroke:#ffffff;
}

.svg-logo #rect4145-8, .svg-logo #path4214, .svg-logo #rect4223, .svg-logo #rect4223-9, .svg-logo #rect4223-9-1
{
	opacity:1;
	fill:#ffffff;
	fill-opacity:1;
	stroke:none;
}

.svg-logo #rect4223-9-1-6, .svg-logo #rect4223-9-1-6-6, .svg-logo #rect4223-9-1-6-1, .svg-logo #rect4223-9-1-6-63, .svg-logo #rect4223-9-1-6-9
{
	opacity:1;
	fill:#ffffff;
	fill-opacity:1;
}

/*logo coups d'oeil*/
.svg-logo #path6576
{
	fill:#ffffff
}

/*logo coups de coeur*/
.svg-logo #path5886
{
	fill:none;stroke:#ffffff;
}

.svg-logo #path5903
{
	fill:#ffffff;
}

.svg-logo #path5905, .svg-logo #path5905-0
{
	fill:#ffffff;
	fill-opacity:1;
	stroke:#ffffff;
}

/*texte des cartes*/
@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Europe_Est #svg-texte-Paris
	{
		transform: matrix(1.2,0,0,-1.2,-575,950);
	}

	#popup_Europe_Est #svg-texte-Cologne
	{
		transform: matrix(1.2,0,0,-1.2,-275,1040);
	}

	#popup_Europe_Est #svg-texte-Berlin
	{
		transform: matrix(1.2,0,0,-1.2,-200,675);
	}

	#popup_Europe_Est #svg-texte-Varsovie
	{
		transform: matrix(1.2,0,0,-1.2,-235,905);
	}

	#popup_Europe_Est #svg-texte-Vilnius
	{
		transform: matrix(1.2,0,0,-1.2,-90,640);
	}

	#popup_Europe_Est #svg-texte-Riga
	{
		transform: matrix(1.2,0,0,-1.2,-130,620);
	}

	#popup_Europe_Est #svg-texte-Tallinn
	{
		transform: matrix(1.2,0,0,-1.2,-25,650);
	}

	#popup_Europe_Est #svg-texte-France
	{
		transform: matrix(1.2,0,0,-1.2,110,600);
	}

	#popup_Europe_Est #svg-texte-Allemagne
	{
		transform: matrix(1.2,0,0,-1.2,-210,750);
	}

	#popup_Europe_Est #svg-texte-Pologne
	{
		transform: matrix(1.2,0,0,-1.2,-280,740);
	}

	#popup_Europe_Est #svg-texte-Lithuanie
	{
		transform: matrix(1.2,0,0,-1.2,-110,580);
	}

	#popup_Europe_Est #svg-texte-Lettonie
	{
		transform: matrix(1.2,0,0,-1.2,70,595);
	}

	#popup_Europe_Est #svg-texte-Estonie
	{
		transform: matrix(1.2,0,0,-1.2,100,650);
	}
}

@media all and (max-width: 410px)
{
	#popup_Europe_Est #svg-texte-Paris
	{
		transform: matrix(1.8,0,0,-1.8,-960,1310);
	}

	#popup_Europe_Est #svg-texte-Cologne
	{
		transform: matrix(1.8,0,0,-1.8,-600,1400);
	}

	#popup_Europe_Est #svg-texte-Berlin
	{
		transform: matrix(1.8,0,0,-1.8,-500,840);
	}

	#popup_Europe_Est #svg-texte-Varsovie
	{
		transform: matrix(1.8,0,0,-1.8,-590,1190);
	}

	#popup_Europe_Est #svg-texte-Vilnius
	{
		transform: matrix(1.8,0,0,-1.8,-330,750);
	}

	#popup_Europe_Est #svg-texte-Riga
	{
		transform: matrix(1.8,0,0,-1.8,-520,680);
	}

	#popup_Europe_Est #svg-texte-Tallinn
	{
		transform: matrix(1.8,0,0,-1.8,-350,700);
	}

	#popup_Europe_Est #svg-texte-France
	{
		transform: matrix(1.8,0,0,-1.8,60,760);
	}

	#popup_Europe_Est #svg-texte-Allemagne
	{
		transform: matrix(1.8,0,0,-1.8,-480,980);
	}

	#popup_Europe_Est #svg-texte-Pologne
	{
		transform: matrix(1.8,0,0,-1.8,-700,970);
	}

	#popup_Europe_Est #svg-texte-Lithuanie
	{
		transform: matrix(1.8,0,0,-1.8,-570,630);
	}

	#popup_Europe_Est #svg-texte-Lettonie
	{
		transform: matrix(1.8,0,0,-1.8,-220,650);
	}

	#popup_Europe_Est #svg-texte-Estonie
	{
		transform: matrix(1.8,0,0,-1.8,-170,700);
	}
}

@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Russie #svg-texte-Saint-Petersbourg
	{
		transform: matrix(1.2,0,0,-1.2,-25,760) ;
	}

	#popup_Russie #svg-texte-Moscou
	{
		transform: matrix(1.2,0,0,-1.2,-50,785);
	}

	#popup_Russie #svg-texte-Nijni-Novgorod
	{
		transform: matrix(1.2,0,0,-1.2,-140,700);
	}

	#popup_Russie #svg-texte-Perm
	{
		transform: matrix(1.2,0,0,-1.2,-70,735);
	}

	#popup_Russie #svg-texte-Tobolsk
	{
		transform: matrix(1.2,0,0,-1.2,-85,750);
	}

	#popup_Russie #svg-texte-Omsk
	{
		transform: matrix(1.2,0,0,-1.2,-125,867);
	}

	#popup_Russie #svg-texte-Tomsk
	{
		transform: matrix(1.2,0,0,-1.2,-70,640);
	}

	#popup_Russie #svg-texte-Krasnoiarsk
	{
		transform: matrix(1.2,0,0,-1.2,-180,750);
	}

	#popup_Russie #svg-texte-Irkoutsk
	{
		transform: matrix(1.2,0,0,-1.2,-160,880);
	}
}

@media all and (max-width: 410px)
{
	#popup_Russie #svg-texte-Saint-Petersbourg
	{
		transform: matrix(1.8,0,0,-1.8,-40,1000) ;
	}

	#popup_Russie #svg-texte-Moscou
	{
		transform: matrix(1.8,0,0,-1.8,-90,1080);
	}

	#popup_Russie #svg-texte-Nijni-Novgorod
	{
		display: none;
	}

	#popup_Russie #svg-texte-Perm
	{
		transform: matrix(1.8,0,0,-1.8,-225,935);
	}

	#popup_Russie #svg-texte-Tobolsk
	{
		display: none;
	}

	#popup_Russie #svg-texte-Omsk
	{
		transform: matrix(1.8,0,0,-1.8,-350,1150);
	}
	#popup_Russie #svg-texte-Tomsk
	{
		display: none;
	}

	#popup_Russie #svg-texte-Krasnoiarsk
	{
		transform: matrix(1.8,0,0,-1.8,-440,1000);
	}

	#popup_Russie #svg-texte-Irkoutsk
	{
		transform: matrix(1.8,0,0,-1.8,-500,1160);
	}
	
	#svg-zoom-Russie #path208, #svg-zoom-Russie #path212, #svg-zoom-Russie #path216
	{
		display: none;
	}
}

@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Chine #svg-texte-Manzhouli
	{
		transform: matrix(1.2,0,0,-1.2,-130,640);
	}

	#popup_Chine #svg-texte-Harbin
	{
		transform: matrix(1.5,0,0,-1.5,-220,-230);
	}

	#popup_Chine #svg-texte-Pekin
	{
		transform: matrix(1.5,0,0,-1.5,-290,-170);
	}

	#popup_Chine #svg-texte-Hong-Kong
	{
		transform: matrix(1.5,0,0,-1.5,-300,-40);
	}

	#popup_Chine #svg-texte-Canton
	{
		transform: matrix(1.5,0,0,-1.5,-280,-45);
	}

	#popup_Chine #svg-texte-Guilin
	{
		transform: matrix(1.5,0,0,-1.5,-275,-60);
	}

	#popup_Chine #svg-texte-Kaili
	{
		transform: matrix(1.5,0,0,-1.5,-240,-70);
	}

	#popup_Chine #svg-texte-Kunming
	{
		transform: matrix(1.5,0,0,-1.5,-250,-40);
	}

	#popup_Chine #svg-texte-Dali
	{
		display: none;
	}

	#popup_Chine #svg-texte-Lijiang
	{
		transform: matrix(1.5,0,0,-1.5,-215,-55);
	}

	#popup_Chine #svg-texte-Shangri-La
	{
		display: none;
	}

	#popup_Chine #svg-texte-Dequin
	{
		transform: matrix(1.5,0,0,-1.5,-200,-80);
	}
	
	#svg-zoom-Chine #path212, #svg-zoom-Chine #path214
	{
		display: none;
	}
}

@media all and (max-width: 410px)
{
	#popup_Chine #svg-texte-Manzhouli
	{
		transform: matrix(1.8,0,0,-1.8,-520,700);
	}

	#popup_Chine #svg-texte-Harbin
	{
		transform: matrix(2.25,0,0,-2.25,-670,-550);
	}

	#popup_Chine #svg-texte-Pekin
	{
		transform: matrix(2.25,0,0,-2.25,-700,-420);
	}

	#popup_Chine #svg-texte-Hong-Kong
	{
		transform: matrix(2.25,0,0,-2.25,-740,-80);
	}

	#popup_Chine #svg-texte-Canton
	{
		display: none;
	}

	#popup_Chine #svg-texte-Guilin
	{
		transform: matrix(2.25,0,0,-2.25,-705,-125);
	}

	#popup_Chine #svg-texte-Kaili
	{
		display: none;
	}

	#popup_Chine #svg-texte-Kunming
	{
		transform: matrix(2.25,0,0,-2.25,-600,-120);
	}

	#popup_Chine #svg-texte-Dali
	{
		display: none;
	}

	#popup_Chine #svg-texte-Lijiang
	{
		display: none;
	}

	#popup_Chine #svg-texte-Shangri-La
	{
		display: none;
	}

	#popup_Chine #svg-texte-Dequin
	{
		transform: matrix(2.25,0,0,-2.25,-500,-190);
	}
	
	#svg-zoom-Chine #path204, #svg-zoom-Chine #path208, #svg-zoom-Chine #path212, #svg-zoom-Chine #path214, #svg-zoom-Chine #path218
	{
		display: none;
	}
}

@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Birmanie #svg-texte-Mandalay
	{
		transform: matrix(1.2,0,0,-1.2,-220,700);
	}

	#popup_Birmanie #svg-texte-Bagan
	{
		transform: matrix(1.2,0,0,-1.2,-200,730);
	}

	#popup_Birmanie #svg-texte-Inle
	{
		transform: matrix(1.2,0,0,-1.2,-220,715);
	}

	#popup_Birmanie #svg-texte-Mawlamyaine
	{
		transform: matrix(1.2,0,0,-1.2,-230,790);
	}

	#popup_Birmanie #svg-texte-Yangoun
	{
		transform: matrix(1.2,0,0,-1.2,-20,760);
	}

	#popup_Birmanie #svg-texte-Ngwe-Saung
	{
		transform: matrix(1.2,0,0,-1.2,-170,770);
	}

	#popup_Birmanie #svg-texte-Mrauk-U
	{
		transform: matrix(1.2,0,0,-1.2,-120,715);
	}
}

@media all and (max-width: 410px)
{
	#popup_Birmanie #svg-texte-Mandalay
	{
		transform: matrix(1.8,0,0,-1.8,-700,900);
	}

	#popup_Birmanie #svg-texte-Bagan
	{
		display: none;
	}

	#popup_Birmanie #svg-texte-Inle
	{
		transform: matrix(1.8,0,0,-1.8,-540,900);
	}

	#popup_Birmanie #svg-texte-Mawlamyaine
	{
		transform: matrix(1.8,0,0,-1.8,-560,1070);
	}

	#popup_Birmanie #svg-texte-Yangoun
	{
		transform: matrix(1.8,0,0,-1.8,-230,1020);
	}

	#popup_Birmanie #svg-texte-Ngwe-Saung
	{
		transform: matrix(1.8,0,0,-1.8,-420,1040);
	}

	#popup_Birmanie #svg-texte-Mrauk-U
	{
		transform: matrix(1.8,0,0,-1.8,-350,880);
	}
	
	#svg-zoom-Birmanie #path850-6
	{
		display: none;
	}
}

@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Inde #svg-texte-Imphal
	{
		transform: matrix(1.2,0,0,-1.2,-370,720);
	}

	#popup_Inde #svg-texte-Kohima
	{
		display: none;
	}

	#popup_Inde #svg-texte-Mon
	{
		transform: matrix(1.2,0,0,-1.2,-200,600);
	}

	#popup_Inde #svg-texte-Guwahati
	{
		transform: matrix(1.2,0,0,-1.2,-225,495);
	}

	#popup_Inde #svg-texte-Shillong
	{
		display: none;
	}

	#popup_Inde #svg-texte-Siliguri
	{
		transform: matrix(1.2,0,0,-1.2,-300,600);
	}

	#popup_Inde #svg-texte-Calcutta
	{
		transform: matrix(1.2,0,0,-1.2,-330,780);
	}
	
	#popup_Inde #svg-texte-PortBlair
	{
		transform: matrix(1.2,0,0,-1.2,-350,850);
	}
	
	#popup_Inde #svg-texte-Varanasi
	{
		transform: matrix(1.2,0,0,-1.2,-240,630);
	}
	
	#popup_Inde #svg-texte-Agra
	{
		transform: matrix(1.2,0,0,-1.2,-300,610);
	}
	
	#popup_Inde #svg-texte-NewDelhi
	{
		transform: matrix(1.2,0,0,-1.2,-180,660);
	}
	
	#popup_Inde #svg-texte-Rishikesh
	{
		transform: matrix(1.2,0,0,-1.2,-180,650);
	}
	
	#popup_Inde #svg-texte-Shimla
	{
		display: none;
	}
	
	#popup_Inde #svg-texte-Leh
	{
		transform: matrix(1.2,0,0,-1.2,-250,600);
	}
	
	#popup_Inde #path446
	{
		display: none;
	}
	
	#popup_Inde #path426-8
	{
		display: none;
	}
	
	#popup_Inde #path430
	{
		display: none;
	}
}

@media all and (max-width: 410px)
{
	#popup_Inde #svg-texte-Imphal
	{
		transform: matrix(1.8,0,0,-1.8,-870,880);
	}

	#popup_Inde #svg-texte-Kohima
	{
		display: none;
	}

	#popup_Inde #svg-texte-Mon
	{
		transform: matrix(1.8,0,0,-1.8,-640,720);
	}

	#popup_Inde #svg-texte-Guwahati
	{
		transform: matrix(1.8,0,0,-1.8,-670,540);
	}

	#popup_Inde #svg-texte-Shillong
	{
		display: none;
	}

	#popup_Inde #svg-texte-Siliguri
	{
		display: none;
	}

	#popup_Inde #svg-texte-Calcutta
	{
		transform: matrix(1.8,0,0,-1.8,-770,990);
	}
	
	#popup_Inde #svg-texte-PortBlair
	{
		transform: matrix(1.8,0,0,-1.8,-900,1220);
	}
	
	#popup_Inde #svg-texte-Varanasi
	{
		transform: matrix(1.8,0,0,-1.8,-550,760);
	}
	
	#popup_Inde #svg-texte-Agra
	{
		display: none;
	}
	
	#popup_Inde #svg-texte-NewDelhi
	{
		transform: matrix(1.8,0,0,-1.8,-440,780);
	}
	
	#popup_Inde #svg-texte-Rishikesh
	{
		display: none;
	}
	
	#popup_Inde #svg-texte-Shimla
	{
		display: none;
	}
	
	#popup_Inde #svg-texte-Leh
	{
		transform: matrix(1.8,0,0,-1.8,-520,630);
	}
	
	#popup_Inde #path446
	{
		display: none;
	}
	
	#popup_Inde #path426-8
	{
		display: none;
	}
	
	#popup_Inde #path430
	{
		display: none;
	}
	
	#popup_Inde #path444
	{
		display: none;
	}
	
	#popup_Inde #path440
	{
		display: none;
	}
	
	#popup_Inde #path432
	{
		display: none;
	}
}

@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Asie_Centrale #svg-texte-Urumqi
	{
		transform: matrix(1.5,0,0,-1.5,550,1130);
	}

	#popup_Asie_Centrale #svg-texte-Kashgar
	{
		display: none;
	}

	#popup_Asie_Centrale #svg-texte-Xinjiang
	{
		transform: matrix(1.5,0,0,-1.5,550,1050);
	}

	#popup_Asie_Centrale #svg-texte-Och
	{
		transform: matrix(1.5,0,0,-1.5,360,1050);
	}

	#popup_Asie_Centrale #svg-texte-Douchanbe
	{
		transform: matrix(1.5,0,0,-1.5,250,970);
	}

	#popup_Asie_Centrale #svg-texte-Samarquande
	{
		display: none;
	}

	#popup_Asie_Centrale #svg-texte-Boukhara
	{
		transform: matrix(1.5,0,0,-1.5,150,1050);
	}
	
	#popup_Asie_Centrale #svg-texte-Shimkent
	{
		display: none;
	}
	
	#popup_Asie_Centrale #svg-texte-Almaty
	{
		transform: matrix(1.5,0,0,-1.5,370,1138);
	}
	
	#popup_Asie_Centrale #svg-texte-Ouzbekistan
	{
		transform: matrix(1.5,0,0,-1.5,140,1080);
	}
	
	#popup_Asie_Centrale #svg-texte-Kazakhstan
	{
		transform: matrix(1.5,0,0,-1.5,240,-2280);
	}
	
	#popup_Asie_Centrale #svg-texte-Tadjikistan
	{
		transform: matrix(1.5,0,0,-1.5,330,950);
	}
	
	#popup_Asie_Centrale #svg-texte-Kirghizstan
	{
		transform: matrix(1.5,0,0,-1.5,370,1080);
	}
	
	#popup_Asie_Centrale #path82, #popup_Asie_Centrale #path86, #popup_Asie_Centrale #path90
	{
		display: none;
	}
}

@media all and (max-width: 410px)
{
	#popup_Asie_Centrale #svg-texte-Urumqi
	{
		transform: matrix(2.25,0,0,-2.25,550,1560);
	}

	#popup_Asie_Centrale #svg-texte-Kashgar
	{
		display: none;
	}

	#popup_Asie_Centrale #svg-texte-Xinjiang
	{
		transform: matrix(2.25,0,0,-2.25,480,1450);
	}

	#popup_Asie_Centrale #svg-texte-Och
	{
		transform: matrix(2.25,0,0,-2.25,335,1485);
	}

	#popup_Asie_Centrale #svg-texte-Douchanbe
	{
		transform: matrix(2.25,0,0,-2.25,200,1390);
	}

	#popup_Asie_Centrale #svg-texte-Samarquande
	{
		display: none;
	}

	#popup_Asie_Centrale #svg-texte-Boukhara
	{
		transform: matrix(2.25,0,0,-2.25,90,1480);
	}
	
	#popup_Asie_Centrale #svg-texte-Shimkent
	{
		display: none;
	}
	
	#popup_Asie_Centrale #svg-texte-Almaty
	{
		transform: matrix(2.25,0,0,-2.25,330,1585);
	}
	
	#popup_Asie_Centrale #svg-texte-Ouzbekistan
	{
		transform: matrix(2.25,0,0,-2.25,90,1510);
	}
	
	#popup_Asie_Centrale #svg-texte-Kazakhstan
	{
		transform: matrix(2.25,0,0,-2.25,230,-3600);
	}
	
	#popup_Asie_Centrale #svg-texte-Tadjikistan
	{
		transform: matrix(2.25,0,0,-2.25,250,1360);
	}
	
	#popup_Asie_Centrale #svg-texte-Kirghizstan
	{
		transform: matrix(2.25,0,0,-2.25,350,1520);
	}
	
	#popup_Asie_Centrale #path82, #popup_Asie_Centrale #path86, #popup_Asie_Centrale #path90
	{
		display: none;
	}
}

@media all and (min-width: 410px) and (max-width: 900px)
{
	#popup_Iran #svg-texte-Tabriz
	{
		transform: matrix(1.5,0,0,-1.5,183,1365);
	}

	#popup_Iran #svg-texte-Teheran
	{
		transform: matrix(1.5,0,0,-1.5,350,1270);
	}

	#popup_Iran #svg-texte-Yazd
	{
		transform: matrix(1.5,0,0,-1.5,450,1150);
	}

	#popup_Iran #svg-texte-Chiraz
	{
		transform: matrix(1.5,0,0,-1.5,405,1020);
	}

	#popup_Iran #svg-texte-Ispahan
	{
		transform: matrix(1.5,0,0,-1.5,260,1130);
	}

	#popup_Iran #svg-texte-Queshm
	{
		transform: matrix(1.2,0,0,-1.2,520,1800);
	}
}

@media all and (max-width: 410px)
{
	#popup_Iran #svg-texte-Tabriz
	{
		transform: matrix(2.25,0,0,-2.25,190,1800);
	}

	#popup_Iran #svg-texte-Teheran
	{
		transform: matrix(2.25,0,0,-2.25,350,1700);
	}

	#popup_Iran #svg-texte-Yazd
	{
		transform: matrix(2.25,0,0,-2.25,450,1590);
	}

	#popup_Iran #svg-texte-Chiraz
	{
		transform: matrix(2.25,0,0,-2.25,395,1420);
	}

	#popup_Iran #svg-texte-Ispahan
	{
		transform: matrix(2.25,0,0,-2.25,240,1550);
	}

	#popup_Iran #svg-texte-Queshm
	{
		transform: matrix(1.8,0,0,-1.8,500,2630);
	}
}

/*logos à cacher*/
#popup_Chine.popup #coups_coeur-category
{
	display: none;
}

#popup_Birmanie.popup #journal-category
{
	display: none;
}

#popup_Birmanie.popup #coups_oeil-category
{
	display: none;
}

#popup_Birmanie.popup #coups_coeur-category
{
	display: none;
}

#popup_Inde.popup #journal-category
{
	display: none;
}

#popup_Inde.popup #coups_oeil-category
{
	display: none;
}

#popup_Inde.popup #coups_coeur-category
{
	display: none;
}

#popup_Asie_Centrale.popup #journal-category
{
	display: none;
}

#popup_Asie_Centrale.popup #coups_oeil-category
{
	display: none;
}

#popup_Asie_Centrale.popup #coups_coeur-category
{
	display: none;
}

#popup_Iran.popup #journal-category
{
	display: none;
}

#popup_Iran.popup #coups_oeil-category
{
	display: none;
}

#popup_Iran.popup #coups_coeur-category
{
	display: none;
}

#popup_Caucase_Sud.popup #journal-category
{
	display: none;
}

#popup_Caucase_Sud.popup #coups_oeil-category
{
	display: none;
}

#popup_Caucase_Sud.popup #coups_coeur-category
{
	display: none;
}

#popup_Turquie.popup #journal-category
{
	display: none;
}

#popup_Turquie.popup #coups_oeil-category
{
	display: none;
}

#popup_Turquie.popup #coups_coeur-category
{
	display: none;
}

#popup_Europe_Sud.popup #journal-category
{
	display: none;
}

#popup_Europe_Sud.popup #coups_oeil-category
{
	display: none;
}

#popup_Europe_Sud.popup #coups_coeur-category
{
	display: none;
}

/* Partie droite du pop_up*/

.popup_window.popup .menuright_popup
{
	width: 17.5%;
	-moz-box-align-self: start;
	-webkit-box-align-self: start;
	-ms-flex-item-align: start;
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	align-self: flex-start;
}

.logo_close
{
	height: 30px;
	width: 30px;
	position: relative;
	margin: 20px 10px 0px 40px;
	padding:0px;
}

@media all and (min-width: 550px) and (max-width: 750px)
{
	.popup_window.popup .menuright_popup
	{
		width: 80px;
	}
}

@media all and (min-width: 410px) and (max-width: 550px)
{
	.popup_window.popup .menuright_popup
	{
		width: 40px;
	}
	.logo_close
	{
		height: 25px;
		width: 25px;
		padding: 0px 0px 0px 1%;
		margin: 20px 10px 0px 0px;
	}
}

@media all and (max-width: 410px)
{
	.popup_window.popup .menuright_popup
	{
		width: 25px;
	}
	.logo_close
	{
		height: 25px;
		width: 25px;
		padding: 0px 0px 0px 0px;
		margin: 20px 5px 0px 0px;
	}
}

.svg-logo-close
{
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer;
}

#croix-g4181
{
	fill: #ffffff;
}

#croix-path4158
{
	fill-opacity: 0;
}

#croix-layer1:hover #croix-path4158
{
	fill: #ffffff;
	fill-opacity:1;
}

#croix-layer1:hover #croix-g4181
{
	fill: #a0a0a0;
	fill-opacity: 1;
}