body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Times New Roman, Times, serif;
	font-size:14px;
	text-align: justify;
	background-image: url(images/backround.jpg);	
}

a {
	color:#000000;
}
a:hover {
	color:#CC0000;
}

.centre {
	text-align:center;
}

.adroite {
	text-align:right;
}

.agauche {
	text-align:left;
}

.grasrouge {
	font-weight:bold;
	color:#FF0000;
}
/* ********************* bandeau top */ 

#b {
	width:760px;
	height:95px;
	margin:0px auto 5px auto;
	background-image:url(images/logo_prologue.png);
	background-repeat:no-repeat;
}
/* *********************panier */

/* *********************bandeau menu onglets */
#h1 {
    clear:right;	
	margin:10px auto 0px auto;
	width:625px;
	text-align:right;
	height:45px;
	padding:0px;
}
#map1 {
	border:none;
}

/* *************************bandeau menu recherche */
#h2 {
	margin:0px auto 0px auto;
	width:750px;
	height:30px;
	border:1px solid #000099;
	background-color:#8080FF;
	padding:5px;
	text-align:center;
}
#h21accueil {
	float:left; 
	padding: 5px; 
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:middle;
}
#h21autres {
	float:left; 
	padding: 5px 5px 5px 40px; 
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
#h22 {
	margin-left:5px;
	vertical-align:top;
	margin-top: 5px;
}
#h23 {
	float:right;
}

h3 {
	font-size:14px;
}

#hist h3 {
	display:inline;
}


/* *************************calque de centrage principal */
#cp {
	margin-top : 10px;
	margin-right : auto;
	margin-bottom : 5px;
	margin-left : auto;
	width : 760px;
}

/* *************************menus de gauche */
#mg {
	width:145px; 
	float:left;
}

#wt {
	width:145px; 
	padding-top:240px;  /* sans la pastille : 350 */
	text-align:center;
	font-size:10px;
}


/* chapo du panier, contenu du panier  */

#p {
	background-color:#8080FF;
	width: 143px;
	height: 22px;
	text-transform:uppercase;
}

#p1, #p2 { 
	margin-left:0px; 
	margin-top:0px; 
}
#p1 {
	float:left;
	margin-bottom:10px;
	height:22px;
	
}

#p11 {
	height:22px;
	padding:4px 0px 0px 5px;
	font-weight:bold;
	
}
#p2 {
	width:135px;
	height:auto;
	padding:3px;
	border-bottom: 1px solid #000099;
	border-right: 1px solid #000099;
	border-left: 1px solid #000099;
	text-align: center;
	/*vertical-align: middle;*/
	background-color:#ffffe1;
}


/* chapo acces direct, contenu accès direct */
#ad1, #ad2 { 
	margin-left:0px; 
}
#ad1 {
	width:143px; 
	height:18px;
	vertical-align:middle;
	background-color:#bed1f4;
}
#ad2 {
	width:137px;
	padding:10px 2px 10px 2px;
	background-color:#ffffe1;
	border-bottom: 1px solid #000099;
	border-right: 1px solid #000099;
	border-left: 1px solid #000099;
}

#ad3 {
	width:137px;
	padding:10px 2px 10px 2px;
	background-color:#ffffe1;
	border-bottom: 1px solid #000099;
	border-right: 1px solid #000099;
	border-left: 1px solid #000099;
	
}

#ad4 {
	padding:5px 2px 5px 2px;
}

#ad5 {
	width:143px; 
	height:18px;
	vertical-align:middle;
	background-color:#bed1f4;
	margin:10px 0px 0px 0px;
}


/* **************************main de droite */
#md {
	width:610px;
	float:right;
	background-color:#FFFFE2;
}

#hist {
	margin-bottom:10px;
	font-style:italic;
	background-color: #FFFFE2;
	text-align: left;
	font-size: 13px;
	height: 20px;
	padding-top: 5px;
}
/* Chapos titre */
#mv1, #alu1, #j1, #s1 { /* accueil */
	/*width:610px; */
	background-color:#bed1f4;
}



#mv1, #mv12, #mv13, #j1, #j12, #mv14, #mv15, #mv16, #mv17 { /* tous */
	text-align:right;
	background-color: #bed1f4;
	clear: both;
}
#alu1, #alu12, #alu13, #s1, #s12, #alu14, #alu15, #alu16, #alu17 { /* tous */
	text-align:left;
}
/* Contenu  */
#mv2, #alu2, #j2, #s2 { /* accueil */
	background-color:#ffffe2;
	padding:10px 5px 10px 5px;
	height:auto;
}

#mv6 { /* accueil */
	width:490px;
	background-color:#ffffe2;
	text-align:center;
	margin-left:60px;
	margin-right:60px;
	margin-bottom:10px;
	height: 210px;
}

#mv22, #alu22, #j22, #s122 { /* jaune */
	width:600px; 
	background-color: #ffffe2;
	/*border:1px solid #ffff6b; */
	padding:10px 5px 10px 5px;
	text-align:justify;
}

#mv28 { /* panier */
	float:left;
	padding:10px 5px 10px 5px;
	margin: 10px 0px 0px 0px;
	width: 595px;
}

#mv3 { /* accueil */
	float:left;
	width:282px; 
	background-color:#f7f7f7;
	border:1px solid #bed1f4;
	padding:10px 5px 10px 5px;
	text-align: left;
	margin:2px;
}
#mv4 { /* accueil */
	float:left;
	width:137px; 
	background-color:#f7f7f7;
	border:1px solid #bed1f4;
	padding:0px 3px 0px 3px;
	text-align:center;
	margin:2px;
}

#mv5 {
	float:left;
	width:150px; 
	background-color:#f7f7f7;
	border:1px solid #bed1f4;
	padding:0px 3px 0px 3px;
	text-align:center;
	margin:2px;
}

#alu1, #j1, #s1, #alu12, #j12, #s12, #alu13, #j13, #s14, #alu14, #j14, #s14, #alu15, #j15, #s15, #alu16, #j16, #s16, #alu17, #j17, #s17 { /* tous */
	margin-top:0px;
	clear:left;
	text-align: right;
	background-color: #bed1f4;
}
/* mini flèches rouges */
.minifl {
	 margin:0px 5px 0px 50px; 
}
/* bas de block texte */
.back {
	display:block;
	clear:both;
}
/* vignettes */
.vdte {
	float:right;
	margin:8px;
	border:none;
	padding-bottom:5px;
}
.vgche {
	float:left;
	margin:8px;
	border:none;
}

.vnouv {
		border:none;
		margin:5px;
	}

.flash {
	float:left;
	border:none;
	margin: 40px 10px 40px 2px;
}

.eve_d {
	float:right;
	border:none;
	margin: 20px 2px 10px 10px;
}

.eve_g {
	float:left;
	border:none;
	margin: 20px 2px 10px 10px;
}
.titre {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

/* ************************** footer */
#ft {
	clear:both;
	/*border:1px solid #000099;
	background-color:#8080FF;*/
	padding:5px;
	text-align:center;
	font-size:12px;
}

/* ************************** page des contacts */
/* tableau des contacts */
.tc {
	width:25%;
	text-align:right;
}


/* ************************** Page des liens */
/* tableau des contacts */
.alg {
	float:right;
	text-align:right;
	font-style:italic;
	width:300px
}
.part {
	float:left;
	width:255px;
}
.lien {
	list-style-position: outside;
	list-style-image: url(images/minifl.gif);
}

/* puce fleche animée */
.fl_anim {
	margin-right:10px;
}
/* puce bleue */
.minipuce {
	margin:10px 5px 3px 10px;
}
/* puce mini fleche */
.minifl {
	margin:5px 5px 4px 30px;
}
/*liens en blanc*/
#christautres a {
	color:#000;
}

 /* Largeur totale de la boite */
.AngleRond {
width:290px;
background-color:transparent;
}
/* définition des pixels d'angles */
.AngleRond .pix1, .AngleRond .pix2, .AngleRond .pix3, .AngleRond .pix4, .AngleRond .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
/*background:#686F8B;*/
}
.AngleRond .pix1 {margin:0 5px; background:#000;}
.AngleRond .pix2 {margin:0 4px;}
.AngleRond .pix3 {margin:0 3px;}
.AngleRond .pix4 {margin:0 2px;}
.AngleRond .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */
/* calque de contenu de la boite */
.AngleRond .contenu {
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond - 14px (décalage latéral) */
width:276px;
/* centrage du calque de contenu */
margin: 0 auto 0 auto;
}


 /* Largeur totale de la boite */
.AngleRond2 {
width:290px;
background-color:transparent;
}
/* définition des pixels d'angles */
.AngleRond2 .pix1, .AngleRond2 .pix2, .AngleRond2 .pix3, .AngleRond2 .pix4, .AngleRond2 .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
background:#efefef;
}
.AngleRond2 .pix1 {margin:0 5px; background:#000;}
.AngleRond2 .pix2 {margin:0 4px;}
.AngleRond2 .pix3 {margin:0 3px;}
.AngleRond2 .pix4 {margin:0 2px;}
.AngleRond2 .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */
/* calque de contenu de la boite */
.AngleRond2 .contenu2 {
background:#efefef;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond2 - 14px (décalage latéral) */
width:276px;
/* centrage du calque de contenu2 */
margin: 0 auto 0 auto;
}

 /* Largeur totale de la boite */
.AngleRond3 {
width:295px;
background-color:transparent;
}
/* définition des pixels d'angles */
.AngleRond3 .pix1, .AngleRond3 .pix2, .AngleRond3 .pix3, .AngleRond3 .pix4, .AngleRond3 .pix5 {
display:block;
overflow:hidden;
height:1px;
border-left:1px solid #000;
border-right:1px solid #000;
background:#efefef;
}
.AngleRond3 .pix1 {margin:0 5px; background:#000;}
.AngleRond3 .pix2 {margin:0 4px;}
.AngleRond3 .pix3 {margin:0 3px;}
.AngleRond3 .pix4 {margin:0 2px;}
.AngleRond3 .pix5 {margin:0 1px;}
/* soit au total : 14px de décalage latéral (2*5px + les bordures) */

/* calque de contenu de la boite */
.AngleRond3 .contenu3 {
background:#efefef;
border-left: 1px solid #000;
border-right: 1px solid #000;
padding: 5px;
/* largeur: calque AngleRond2 - 14px (décalage latéral) */
width:281px;
/* centrage du calque de contenu2 */
margin: 0 auto 0 auto;
}

/* ************************** Page de panier - commandes */
.saisid {
	padding:2px;
}
.hpanier {
	background-color:#000000;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.total{
	background-color:#000000;
	text-align:right;
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 30px 3px 0;
}

#tab {
	background-color:#FFFFE1;
}

#adrg {
	float:left;
	width: 295px;
	text-align:center
}
#adrd {
	float:right;
	width: 300px;
	text-align:center
}
#recT {
	clear:both;
}
#mv29 {
	text-align:center;
	margin:40px 0 100px 0;
	font-weight:bold;
}
/* ************************** pop-up frais de ports */
#ports {
	text-align:justify;
	padding:5px;
}
.noel {
	width:610px;
	height: 400px;
	float:right;
	background-image: url(images/cadeau.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
