@charset "utf-8";
/* CSS Document */


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////// SEPAeditor ///////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* V.1 */
/* 06/2013 */
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




.boxInfobulle{display:none}

.infobulle{display:none; position:absolute; width:375px; height:auto; z-index:91; font-family: arial,helvetica}
.infobulle-top{float:left; width:100%; height:10px; background-image:url(../img/bg-infobulle_top.png); background-repeat:no-repeat; background-position:center; text-align:right;}
.infobulle-middle{float:left; width:345px; height:auto; padding:0 15px; background-image:url(../img/bg-infobulle_middle.png); background-repeat:repeat-y; background-position:center;}
.infobulle-middle li{margin:10px 10px 0 50px;}
.infobulle-middle li.listbullet2{margin:0 10px 0 50px !important;}
.infobulle-bottom{float:left; width:100%; height:40px; background-image:url(../img/bg-infobulle_bottom.png); background-repeat:no-repeat; background-position:center;}
.infobulle span{display:block; font-size:18px; line-height:17px; margin-bottom:15px; color:#444;}
.infobulle span b{color:#CC1F36}
.infobulle p{display:block; font-size:13px; color:#818181;}

.btnInfobulleClose{position:absolute; color:#444; cursor:pointer; font-size:11px}
a.btnInfobulleClose:hover{
    color:#444444;
}

/* Infobulle pays UE */
#pays-ue {font-size:12px !important;}
#pays-ue .infobulle-bottom{background-image:url(../img/bg-infobulle-droite_bottom.png)}

@media screen and (max-width:610px){
		.infobulle{float:none; width:335px; font-size:16px; margin:0 auto;}
			.infobulle-top{background-image:url(../img/bg-infobulle_small_top.png); padding-right:20px; width:315px; line-height:20px;}
			.infobulle-middle{background-image:url(../img/bg-infobulle_small_middle.png); padding:0 20px; width:295px}
			.infobulle-bottom{background-image:url(../img/bg-infobulle_small_bottom.png)}
		.infobulle span{font-size:16px;}
		#pays-ue {font-size:11px !important;}
		#pays-ue .infobulle-bottom{background-size:contain; height:36px; background-image:url(../img/bg-infobulle-droite_small_bottom.png)};
}

@media screen and (max-width:320px){
	.infobulle{float:none; max-width:300px; width:auto; left:0 !important; padding:20px 15px 15px 15px;}
	.infobulle span{font-size:16px;}
	.infobulle p{font-size:12px !important;}
	#pays-ue .infobulle-bottom{background-size:contain; height:36px; background-image:url(../img/bg-infobulle_small_bottom.png)};
}