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

body{
	/*background-color:white;*/
	margin:0;
	padding:0;
	background:url(../images/color_background.png) repeat-x #9a532c;

}

div.color_background{
	background:url(../images/Background_MMCivilisation_new.jpg) top right no-repeat ;
}

div.background{
	background:url(../images/fond_tete_romaine_casque_thrace.png) no-repeat;
	background-position:bottom;
}

div.maPage{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	
}

@font-face{
  font-family: RomanSD;
  src:	
	url(../fonts/Roman_SD.ttf)
}

h1.Roman{
	font-family:RomanSD, Georgia, "Times New Roman", Times, serif;
	color:white;
	padding:0;
	margin:0;
	font-size:50px;
	text-align:center;
	margin-top:25px;
}
h2.RomanSD{
	font-family:RomanSD, Georgia, "Times New Roman", Times, serif;
	color:white;
	padding:0;
	margin:0;
	font-size:24px;
	text-align:center;
}

h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d63b56;
	color:#9a532c;
	font-size:18px;
	font-weight:normal;
}

h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#d63b56;
	color:#9a532c;
	font-size:14px;
	font-weight:normal;
}

div.LogoMMCiv{
	width:auto;
	height:286px;
}

div.conteneurPrincipal{
	background-color:white;
	border-radius:30px;
	width:685px;
	min-height:530px;
	margin-top:25px;
	float:left;
	padding:20px;
}

div.conteneurSecondaire{
	background-color:white;
	border-radius:30px;	
	width:330px;
	margin-left:40px;
	margin-top:25px;	
	float:left;
	min-height:500px;	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9a532c;
	padding-top:20px;
}

br.spacer{
	clear:both;
}

p.footer{
	color:white;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
}

p.footer a{
	color:white;
}

p.description_produit{
	text-align:left;
}

ul.menuFamille{

	padding:0;
	margin:0;
	font-size:24px;
	text-align:center;
}

ul.menuFamille li{
	float:left;
	list-style-type:none;
}

ul.menuFamille li a{
	font-family:RomanSD, Georgia, "Times New Roman", Times, serif;
	color:#ffffe1;
	text-decoration:none;
	float:left;
	width:275px;
	display:block;
	height:50px;
}

ul.menuFamille li a:hover{
	background:url(../images/hover_menu.png) repeat-y;
	text-decoration:underline;
}

ul.menuFamille li a.active{
	background:url(../images/hover_menu.png) repeat-y;
	/*text-decoration:underline;*/
}

a.gold{
	font-family:RomanSD, Georgia, "Times New Roman", Times, serif;
	color:#9a532c;
	font-size:18px;
	/*font-weight:normal;*/
}

td.article{
	text-align:center;
	width:150px;
}

div.article-title{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

table.afficheProduit tr{

	background:url(https://www.esistoire.fr/images/bg_galerie.png) no-repeat;
	vertical-align:top;
	border-top:1px solid #C3C3C3;
}

table.afficheProduit{
	border-collapse:collapse;
}

span.nb_ref_page{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#9a532c;
	font-size:18px;	
}

a.lien_retour{
	color:#9a532c;
	font-size:14px;
	text-transform:uppercase;
	text-decoration:none;
}

a.lien_retour:hover
{
	text-decoration:underline;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
/*	font-size:1em;*/
	line-height:1.5em;	
}

img.vignette{
	
	float:left;
	margin:2px;
	border:1px dotted #c8c4b5;
}

img#grande_photo{
	border:1px dotted #c8c4b5;
}

img.Mini_logoMMCiv{

	margin-top:100px;
	opacity:0.1;
	margin-bottom:20px;
}

div.TitrePrincipal{
	float:left;
	width:725px;
}

div.Logo_MMCiv{
	background:url(../images/LogoMMCivilisation_new.png);
	width:320px;
	height:200px;
	float:right;
	/*margin-top:70px;*/
	margin-right:15px;
}

div.Logo_MMCiv_new{
	background:url(../images/MMCivilisation_logo_new.png);
	width:306px;
	height:188px;
	float:left;
	margin-top:60px;
	margin-left:-280px;
}

a.logoSite{
	display:block;
	width:320px;
	height:200px;
}

p.descr_categorie{
	margin:25px;
	text-align:justify;
}