/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1{
    display: inline;
}


/* balise globables */
.clearboth{clear: both;}
.floatright{float: right;}
.floatleft{float: left;}
.displaynone{display: none;}
.displayblock{display: block;}
.marginLRAuto{margin-left:auto;margin-right:auto;}
.marginT1{margin-top:1rem;}
/* couleur principale du site */
.couleur_boutique{background-color: #05535F; color:white;}
#top		{background-image: url(/images/gabarit/bandeau_boutique.jpg)	}
#top_menu{ background-color: black}
#center	{ background-color: white; color: #106d7f}
#bottom	{ background-color:  #106d7f	}
#top_menu h5 a:hover { border-top-color: #106d7f; }
.couleur1 { background-color:  #106d7f; color: white;}	/* fond + face */
.couleur2 { color: white;}	
.couleur2 a{text-decoration: none; color:  inherit;}		/* face */



/* corps de la page */
body{background-color:#eeeeee; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px;background-image: url(/images/gabarit/fond.png);}

/* gabarit de la page */
#main{
    margin:2px;
    background-color: white;
    width:992px;
    margin-left:auto;
    margin-right: auto;
    -moz-box-shadow: 0 0 10px grey;
    -webkit-box-shadow: 0 0 10px grey;
    box-shadow: #666 0px 5px 10px;
    behavior: url('/html/PIE.htc');
    }

/* structure du site */
#top {height: 98px; position: relative }
#top_menu{height: 34px; font-size:14px; font-weight: bold; color: white ;  background-image: url(/images/gabarit/fond_menu_top.jpg); background-repeat: repeat-x;  position: relative;}
#center	{width:992px; position: relative;}
#bottom {padding:6px;margin:0;font-size:12px;position: relative;}


/*------------Haut de page -------------------*/
/* menu  et liens */
#top_menu h5,h6{float: left; height:25px; padding-left: 12px; padding-right: 12px; padding-top:9px;  cursor: pointer; text-transform: uppercase; font-weight: 700;font-size: 14px;font-family: 'Droid Sans', Arial, Helvetica, sans-serif;}
#top_menu h5 a,h6 a,h5 a:hover {color: white; text-decoration: none;  }
#top_menu h6:hover {background-color:#05535F;	color: white; text-decoration: none;}


/* top de la page */
#top #logo img{position:absolute;left: 70px;top: 5px;}
#top #img_bandeau img {position:absolute;left: 220px;top: 0px;}
#top #img_votef10 img {position:absolute;right: 120px;top: 10px;}
#top #lien-soutiens{ position:absolute;	right: 4px; top:18px;	margin-top: 0px; width: 104px;height:25px;}
#top #lien-contact-presse{ position:absolute;	right: 4px; top:54px;	margin-top: 0px; width: 104px;height:25px;}
#top #drapeaux {position:absolute;right: 0px;top:70px;height:23px;width: 60px;}

/* Classes pour les drapeaux  */
.drp {margin:0 5px;display:inline-block;width:29px;height:17px;background-image: url(/images/gabarit/drapeaux.png);background-repeat: no-repeat;}
.fr{background-position:0px 0px;}
.en{background-position:-36px -17px;}
.de{background-position:0px -17px;}
.es{background-position:-72px 0px;}
.it{background-position:-36px -0px;}



/*------------Home page-------------------*/

/*Barres de titre home page*/
#center .barre {height: 36px;color: white;}
#center .barre img{display: inline-block;}
#center .barre h2 {padding-left: 40px; padding-top:10px;text-transform: uppercase; font-family: 'Droid Sans', 'Arial', sans-serif;font-weight: 700;font-size: 14px;}

/* premier bloc haut du centre de la home*/
#center #home_efranc {width: 960px; overflow: hidden;display:inline-block;padding: 0px 0px 0px 24px;position: relative;}
#center #home_efranc .barre_menu{background-color:#05535F;text-transform: uppercase; font-size:14px; font-weight: bold; color: white ;  text-align: center;line-height: 2rem;margin-bottom:5px;}

/* Bloc de droite contenant les valeurs */
#center #home_cote { float:right;width:295px; min-height: 425px;font-size:14px;text-align:center;margin: 12px 18px 12px 12px;;overflow:hidden;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#CCC));
    background: -webkit-linear-gradient(#FFF, #CCC);
    background: -moz-linear-gradient(#FFF, #CCC);
    background: -ms-linear-gradient(#FFF, #CCC);
    background: -o-linear-gradient(#FFF, #CCC);
    background: linear-gradient(#FFF, #CCC);
    -pie-background: linear-gradient(#FFF, #CCC);
    behavior: url('/html/PIE.htc');
}

#center #home_efranc #home_cote ul {padding: 10px 0px 10px 60px;list-style-type: none;}
#center #home_efranc #home_cote li {text-align: left;line-height: 1.1em;}
#center #home_efranc #home_cote li a{color:inherit;text-decoration: none;}
#center #home_efranc #home_cote li a:hover{background-color:#05535F;color:#FFF;text-decoration: none;}
#center #home_efranc #home_cote li  strong{text-decoration: underline;}


/* Bloc de gauche contenant le slide des monnaies */
#center #home_efranc #bloc_accueil {margin: 12px 12px 12px 2px;overflow:hidden;font-size:15px;
    min-height: 425px;
    behavior: url('/html/PIE.htc');
    }

#center #home_efranc #bloc_accueil #slide_monnaies{
    margin:20px;
}


#center #home_efranc #bloc_accueil #lien-images{color:#FFF;background-color:#05535F;
    font-size:20px;padding:12px 8px 12px 8px;
    margin-left: 200px;
    margin-bottom: 58px;
}

#center #home_efranc #bloc_accueil #lien-images a{
    text-decoration:none;
    color:white;
}




/* Bloc bas à gauche contenant la présentation du e-Franc */
#center #home_infos {width: 650px; min-height: 425px;overflow: hidden;display:inline-block;padding: 12px 0px 0px 0px;position: relative;}
#center #home_infos span {padding:10px 10px 0 10px;display:block;font-size: 14px;color: inherit;text-align: justify;}
#center #home_infos h4{margin: 12px 0px 0px 34px;font-size: 14px;font-weight: 700;}
#center #home_infos ul {margin: 4px 20px 0px 50px;list-style-type:disc}
#center #home_infos li {font-weight: 700;padding: 10px 2px 0px 2px;font-size: 12px;}
#center #home_infos li a{color:inherit;text-decoration: none;}


/* Bloc bas à droite contenant la présentation FRANC IX */
#center #home_franc10 {width: 292px; min-height: 425px;padding-top: 12px;display:inline-block;float:right;margin-right:18px;}
#center #home_franc10 span {padding:10px 10px 0 10px;display:block;font-size: 14px;color: inherit;text-align: center;}
#center #home_franc10 strong{text-transform: uppercase;color:#05535F;font-weight: 700;}
#center #home_franc10 a{color:inherit;text-decoration: none;}
#center #home_franc10 ul {margin: 2px 0px 0px 70px;list-style-type:disc}
#center #home_franc10 li {font-weight: 700;padding: 12px 2px 0px 2px;font-size: 12px;}
#center #home_franc10 li a{color:inherit;text-decoration: none;}
#center #home_franc10 #lefranc10 {display:block;margin-right: auto;margin-left:auto;margin-top:5px;text-align:center;}




/*------------Bas de page-------------------*/
#bottom  #pied .blocpub{display:inline-block; vertical-align:bottom; text-align:center;float: left;margin: 5px 20px 1px 20px;}
#bottom  #pied .blocpub img{display: block;margin: 2px;}
#bottom  #infos-societe{clear: both;text-align: center;margin:5px;}


/*------------DIV slide de coté-------------------*/

/*Bandeau d'afficahge du titre en haut de page efranc faq sommaire */
#navigation{
	width: 950px;
	margin-left: 10px;
	background-color: #05535f;
	color: white;
	padding: 5px;
	margin-top: 10px;
	font-size: 13px;
	margin-bottom: 10px;
}

#navigation a {	color: white; text-decoration: none;}
#navigation a:hover{	text-decoration: underline;}



/*Bandeau  pour afficher le lien vers la boutique modernes par valeur */
#lien_boutique{ width: 953px; height: 50px; font-size: 13px; margin-left: 10px; margin-top: 1px; border-color: #05535f; border-width: 1px; border-style: solid; background-color: #f8f8f8; margin-bottom: 10px; padding-left: 5px; }
#lien_boutique #logo1{	margin-top: 2px;	float: left; }
#lien_boutique #logo2{	margin-top: 2px;	float: right;  margin-right: 3px;}
#lien_boutique #texte{ float: left; font-size: 14px; height: 20px; width: 840px; text-align: center; padding-top: 15px; }
#lien_boutique #texte a{ color: #106d7f; text-decoration: none; }
#lien_boutique #texte a:hover{ text-decoration: underline; }



/*Bandeau  pour afficher le lien vers le franc */
#lien_franc{ width: 953px; height: 52px; font-size: 13px; margin-left: 10px; margin-top: 1px; border-color: #05535f; border-width: 1px; border-style: solid; background-color: #f8f8f8; margin-bottom: 10px; padding-left: 5px; }
#lien_franc #logo3{	margin-top: 2px;	float: left; }
#lien_franc #logo4{	margin-top: 2px;	float: right;  margin-right: 3px;}
#lien_franc #texte{ float: left; font-size: 14px; height: 20px; width: 840px; text-align: center; padding-top: 3px;}
#lien_franc #texte a{color: #106d7f; text-decoration: none;}
#lien_franc #texte a:hover{ text-decoration: underline;}
#lien_franc #texte span {display:inline-block;vertical-align: middle;padding-bottom: 35px;}

/*Contenu explication e-auction */



#affichage {
	width: 175px;
	height:232px;
	position:absolute;
	left:-188px;
	top:0px;
	padding: 8px 0px 10px 0px;
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#affichage img{
display:block;
margin-right:auto;
margin-left:auto;
/*-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;*/

}
#affichage2 {
	width: 175px;
	height:126px;
	position:absolute;
	left:-188px;
	top:260px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#affichage2 img{
display:block;

margin:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#affichage3 {
	width: 175px;
	height:126px;
	position:absolute;
	left:-188px;
	top:396px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#affichage3 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}


#affichage4 {
	width: 175px;
	height:63px;
	position:absolute;
	left:-188px;
	top:530px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#affichage4 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#affichage5 {
	width: 175px;
	height:63px;
	position:absolute;
	left:-188px;
	top:602px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#affichage5 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#affichage6 {
	width: 175px;
	height:63px;
	position:absolute;
	left:-188px;
	top:676px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#affichage6 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}




#explications {
	width: 175px;
	height:232px;
	position:absolute;
	right:-188px;
	top:0px;
	padding: 8px 0px 10px 0px;
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}

#explications img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#explications2 {
	width: 175px;
	height:126px;
	position:absolute;
	right:-188px;
	top:260px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}
#explications2 img{
display:block;
margin-right:auto;
margin-left:auto;
/*-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;*/

}

#explications3 {
	width: 175px;
	height:126px;
	position:absolute;
	right:-188px;
	top:396px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}
#explications3 img{
display:block;
margin-right:auto;
margin-left:auto;
/*-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;*/

}
#explications4 {
	width: 175px;
	height:63px;
	position:absolute;
	right:-188px;
	top:530px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}
#explications4 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#explications5 {
	width: 175px;
	height:63px;
	position:absolute;
	right:-188px;
	top:602px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}
#explications5 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#explications6 {
	width: 175px;
	height:63px;
	position:absolute;
	right:-188px;
	top:676px;
	/*padding: 8px 4px 10px 4px;*/
	color: white;
	font-size: 12px;
	background-color:  #FFF;
	border: 1px solid #6C6F6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;

}
#explications6 img{
display:block;
margin-right:auto;
margin-left:auto;
-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

}

#eauctionsCG a{
color:#660000;
text-decoration:none;
}

#eauctionsCG li{
height:217px;
padding-bottom:10px;
}


#eauctionsCG li h3{
text-align: center;
font-size:14px;
font-weight:bold;
}

#eauctionsCG li h4{
text-align: center;
font-size:14px;

}

#eauctionsCG li h4{
text-align:center;
color:#660000;
}
/*Contenu complet du slide de coté pour affichage des valeurs */
#information{
	/*position:  fixed;*/
	/*float: right;*/
	right: 0;

	z-index: 100;
	/*min-height: 150px;*/
	/*margin-top: 18px;*/
}
#lefranc10p {width:107px;margin-right: auto;margin-left:auto;margin-top:5px;text-align:center;}
#information a span{text-align: center;font-weight: bold;}


/*Bandeau verticale pour activer l'affichage du tableau' */
#infolien{ float: right;  margin-top: 10px;}
#infolien a{ display: block; width: 27px; min-height: 150px;  }
#infoanimation { display: none; float: right; width: 0px; min-height: 150px; }

/*Tableau du slide de coté pour affichage des valeurs */
#infocontenu {
	width: 150px;
	min-height: 400px;
	padding: 10px 19px 10px 19px;
	color: white;
	font-size: 12px;
	background-color:  #447f87;
	border: 1px solid #696;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
	line-height: 16px;
    behavior: url('/html/PIE.htc');
}
#infocontenu .titre{
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}
#infocontenu li a{
	color: white;
	text-decoration: none;
	width: 100%;
	padding-left: 2px; padding-right: 2px;
}
#infocontenu a{
	color: white;
	text-decoration: none;
}
#infocontenu a:hover{
	color: #447f87;
	background-color: white;
	width: 40px;
}

/*------------SLIDE monnaies home page------------------*/

.easy_slides_container {
    border:1px solid #000;
    overflow:hidden;
    position:relative;
}
.easy_slides_img1, .easy_slides_img2{
    display:none;
    position:absolute;
}

.easy_slides_img1 {
    z-index:2;
}

.easy_slides_img2 {
    z-index:1;
}

.easy_slides_caption {
    position:absolute;
    bottom:0;
    background-color:transparent;
    display:none;
    z-index:3;
    color:#fff;
    font-family:sans-serif;
    font-size:16px;
}
.bouton_base{	
	padding: 3px 7px 3px 7px;
	border-radius: 3px 3px 3px 3px; 	-webkit-border-radius: 3px 3px 3px 3px;	-moz-border-radius: 3px 3px 3px 3px;
 	cursor: pointer;
 	border-style: solid; border-width: 1px;
 	margin-top: 0px; margin-bottom: 1px;
	font-size: 12px;
}
.bouton_base:hover {margin-top: 1px; margin-bottom: 0px;	}
.bouton_defaut{	background-color: gray;	border-color:  #ececec; 	color: white;}
.bouton_defaut:hover{	background-color:   #acacac;}


#cookies{z-index:1000;position:fixed;right:0;bottom:0;left:0;color:#FFF;background:rgba(51,51,51,0.85);display:none;padding:0.625rem;width:100%;line-height:1.5rem;font-size:1rem;text-align:center;color:#fff;text-decoration:none;}
#cookies .cookies-inner {width:50%;margin:auto;position:relative;}
#cookies .message{display:inline;}
#cookies button{background-color:#125a66;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;text-transform:uppercase;cursor:pointer;padding:0.3rem;border:1px solid silver;}
#cookies .croix{right:0;position:absolute;bottom:25%;font-size:2rem;cursor:pointer;}