/*================ TEMPLATE ============*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color:#FFFFFF;
}

/* 2 calques imbriqués de centrage absolu du site*/
#vertical {
	position:absolute;
	left:50%;
	top:50%;
	width:800px;
	height:500px;
	margin-left:-401px; /* Cette valeur doit être la moitié négative de la valeur du width */
	margin-top:-300px; /* Cette valeur doit être la moitié négative de la valeur du height */
}
#horizontal {
	width:800px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width:100%;
}

#menu {
	width: 802px;
	height: 32px;
	clear:both;
}

#scroller {
	background-image:url(../image/fondMain.png);
	font-size:12px;
	overflow:visible;
}

#mainG {
	position:relative;
	width: 372px;
	/*height: 540px;*/
	float: left;
	padding: 20px 10px 0px 20px;
}

#mainD {
	position:relative;
	width: 380px;
	/*height: 560px;*/
	float: right;
	padding: 20px 7px 0 10px;
}

.centre {
	text-align:center
}

.agauche {
	float: left;
}

.adroite {
	float: right;
}

/* Affichage d'une image de fond sous IE sans hauteur prédéfinie du calque*/
.nettoit {
	clear:both;
}

.orange {
	color:#FF6600;
	font-weight:bold;
}

a {
	color: #000000;
	text-decoration:none;
}

#clicnews a {
	text-decoration:underline;

}

.contactable {
	text-decoration:underline;	
}


/* =============== NEWS ======================*/

#mainG table {
	border: 1px solid #330000; 
	width: 100%;
	padding: 2px;
}

#mainG th {
	background-color:#8C0000;
	color: #FFFFFF;
}

#mainG img {
	border: none;
}

/* =============== CATALOGUE ======================*/

.catalogue {
	font-size: 12px; 
	width:150px; 
	margin:15px auto 15px auto;
}
.collect_btn {
	color:#FFFFFF; 
	background-color:#320000; 
	font-weight: bold; 
	margin: 1px auto; 
	width: 80%; 
	text-align:center; 
	padding: 3px 0 3px 3px; 
	text-transform: uppercase;
}
.collect_btn a {
	color: #FFFFFF;
}
.collect_btn a:hover {
	color: #ff6500;
}
.aparaitre {
	margin: 10px auto;
	font-weight:bold;
}
.aparaitre a {
	text-decoration:underline;
	
}
.aparaitre a:hover {
	color: #ff6500;
}

/* =============== FICHE PRODUIT ======================*/

.produit {
	margin:15px auto 15px auto;
	text-align: justify;
}

#prod-couv {
	position:absolute; 
	width:150px; 
	height:200px; 
	left:20px; 
	top:20px; 
}

#prod-titre {
	position:absolute; 
	width:210px; 
	font-size:12px;
	height:180px; 
	left:165px; 
	top:20px; 
}

#prod-nav {
	position:absolute; 
	height:20px; 
	left:185px; 
	top:190px; 
	width:108px; 
	
}

#loading {
	position:absolute;
	background-color:transparent; 
	width:160px; 
	display: none;	
	height:20px;
	left:185px;
	top:210px;
	font-style:italic;
}

#prod-double {
	position:absolute; 
	height:210px; 
	width:360px; 
	left:20px; 
	top:240px; 
}

#Gphoto1 {
	position:absolute;
	left:150px;
	width:10px;
	height:10px;
	z-index:5;
	visibility:hidden;
}

/* boite pour l'ombre de fond : aligne l'image intérieure à sa droite; 
 ombre (ombre.png) positionnée en bas à droite de la boite; pas de marge intérieure */
  .ombre {
  float:left;
  background: url(../image/ombre.png) no-repeat bottom right;
  padding: 0px;
  }
/* boite pour la photo : relative à celle de l'ombre, décallée en haut à gauche, 
 le décallage étant moins important pour IE (= "!important") 
que pour les navigateurs interpretant normalement ... */
  .photo {
  position:relative;
  bottom:5px !important;
  bottom:2px;
  right: 5px;
  }