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

html {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}
body {
	background-color:#404ca6; font-family:Arial; font-size:12px; color:#000000;
	
	text-align: center; /* pour corriger le bug de centrage IE */
	margin: 0px; /* pour �viter les marges */
	padding: 0px;
}

/* Impression commande*/
.printCommande {display:none}

#page { position:relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on r�tablit l'alignement normal du texte */
	padding: 0px; overflow:hidden;
}
#pageHp { position:relative;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on r�tablit l'alignement normal du texte */
	overflow:hidden;
	background-image:url(_gfx/entree2.gif); background-repeat:no-repeat; height:1021px; 
	padding:350px 0px 0px 0px; color:#FFFFFF; font-size:18px; text-align:center}
#pageHp a { color:#FFFFFF; font-size:36px}

img, table {
	margin: 0;
	padding: 0;
	border: 0;
}
div {margin:0; padding:0}
input {
	border: 1px solid #009edc;
}
p {
	padding: 0px;
	margin: 5px 0 5px 0;
}


/* Headers */
h1 {
	margin: 0;
	padding: 0;
	font-size: 2em;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}
h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 1.15em;
}
h3 {
	clear: both;
	text-align: center;
}
ul {padding:0; margin:0; border:none}
ul li {padding:0; margin:0; border:none}
/* Ancres */
a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	-background:none;
}
/* ENTETE */
#divTop { 	
		width:960px; height:344px;
		position:relative;
		margin-top:10px;
		z-index:100;
		background-image:url(_gfx/nuage.jpg);
		background-repeat:no-repeat;
}

#divTopGauche {
		position:absolute;
		width:346px;
		height:159px;
		top:0px;
		left:0px;
}
	#rechercheDiv {
	position:absolute;
	top:72px;
	left:81px;
	width: 200px;color:#FFFFFF;
	}
	#rechercheDiv  a {color:#FFFFFF;}
	
#divTopDroite {
	position:absolute;
	width:417px;
	height:179px;
	top:0px;
	right:0px;
}
	#connexionDiv {
	position:absolute;
	top:90px;
	left:117px;
	width: 272px;
	color:#FFFFFF;
	}
	#connexionDiv a {color:#FFFFFF;}
/* MENU */
#menuDiv { position:absolute; top:360px; left:0px; z-index:200;}

	.menuItemDiv{ position:relative; margin:0px 0px 20px 0px; padding:0px}
	.menuItemDiv img {padding:0; margin:0}
		.menuVerticalItem {padding:0px; margin:-3px 0px 0px 14px; position:relative;}
		.menuVerticalItem img {padding:0; margin:0}
/* CONTENU */
#contenu { 
	position:relative; 
	clear:both; 
	margin:0px 0px 0px 0px;
	padding-left:53px; 
}
	#cadreBleu { position:relative;
		background:#c2ebed; 
		padding: 0px 0px 0px 0px;
		overflow:hidden; width:845px
	}
	#contenuDossierDiv { padding:0px 40px 0px 170px;}
	
	/*TEXT DE MON COMPTE*/

	
	#cadreBlancDiv input {
			background-color:#404ca6;
			color:#FFFFFF; width:200px; height:25px;
	}
	#cadreBlancDiv select {
			background-color:#404ca6;
			color:#FFFFFF; width:200px; height:25px; width:200px;
	}
	#cadreBlancDiv input.validerBt {width:131px; height:37px; border:none}
	
	/* TEXTE DES DOSSIER */
		.contenuDossierDetailDiv { border-bottom:none}
		.contenuDossierDetailDiv h1 {color:#bd0926; font-size:14px; border:none}
		.contenuDossierDetailDiv h2 {color:#bd0926; font-size:12px;}
		.contenuDescriptionDiv {}
		.contenuPostScriptum {}
		.telechargementDoc {}
		.telechargementDocItem { background-color:#bd0926;}
		.telechargementDocItem td {font-size:14px; color:#FFFFFF; text-decoration:none;}

	/*CONTENU DES DOSSIERS*/
	.contenuDossierDetailDiv { border-bottom:none}
		.contenuDossierDetailDiv h1 {color:#bd0926; font-size:14px; border:none}
		.contenuDossierDetailDiv h2 {color:#bd0926; font-size:12px;}
		.contenuDescriptionDiv {}
		.contenuPostScriptum {}
		.telechargementDoc {}
		.telechargementDocItem { background-color:#bd0926;}
		.telechargementDocItem td {font-size:14px; color:#FFFFFF; text-decoration:none;}
	/*CATALOGUE*/
	#cadreBlancDiv { background-color:#FFFFFF; width:610px;
			padding:0;
			margin: 30px 0px 0px 190px;
			
			}
			
			.titreTopDiv {
		
			}
				.titreDiv {
					float:left; width:230px;
				}
				.pagesDiv {
					float:right; color:#000000; font-size:13px;
				}
				.pagesDiv a {color:#000000; font-size:13px}
			.listeAlbumDiv {
				clear:both; margin-bottom:30px;
			}
			.contenuCatalogue { padding:0 10px 0 20px}
				.imageCatalogueDiv { border:solid; border-color:#b85595; border-width:6px 6px 6px 12px; width:170px; background-color:#b85595}
				.contenuCatalogue a h1 {color:#b85595; font-size:20px; text-decoration:none; line-height:1.2}
				.contenuCatalogue  a h2 {color:#000000; font-size:16px; text-decoration:none;line-height:1.2}
				.desc {font-size:12px}

	#vacheDiv { position:relative; width:846px}
	
	/* ETAPES DE COMMANDE*/
	#etapesDeCommande { width:100%; text-align:center}
	#contenuPanier { width:100%; padding:10px}
	#contenuPanier h1 { margin-bottom:30px; width:100%; text-align:center}
	.queFaire { width:100%; text-align:right; margin:20px 0px 0px 0px}
	.titlePanier {background-color:#404ca6; color:#FFFFFF}
	.panierDocItem { color:#FFFFFF; background-color:#404ca6;; font-size:12px;}
	.borderTd {border-bottom-style:dotted; border-bottom-color:#404ca6; border-bottom-width:5px};


	.adresseDeFacturation {width:250px; margin:10px}
	.adresseDeFacturation h4 { background-color:#404CA6; color:#FFFFFF; padding:10px}
	.contenu {padding:15px; border-color:#404CA6; border-style:solid; border-width:2px}
	
	.choixDeLaLivraison { }
	
	/*LIVRE d'or*/
	.fondLivreOr { background-color:#FFFFFF}
	#messageLivreOr {margin:20px 0px 20px 0px; padding:0px 40px 40px 40px}
	.commentLivreOrd {}
		.titreLivreOr { background-color:#404ca6; color:#FFFFFF; padding:5px; margin:10px 0px 10px 0px}
		.titreLivreOr *{ color:#FFFFFF}
		.detailLivreOr {padding:5px; margin:10px 0px 10px 0px}
		.input2{ width:100%; height:400px; background-color:#23a2b7; color:#FFFFFF}
		.input1 { width:100%; background-color:#23a2b7; color:#FFFFFF}
		


#footer {  padding:20px 20px 0px 20px; color:#FFFFFF; width:846px}
#footer * {color:#FFFFFF; font-size:14px}

/* CLASSES */
.imgFloat { float:left; margin:30px}
/* STYLE */
.grasNoir {font-weight:bolder; color:#666666}
.titreContenuJaune {color:#fbc524; font-size:26px; font-weight:bolder; text-transform:uppercase;}
.titreContenuRouge {color:#b40e26; font-size:26px; font-weight:bolder; text-transform:uppercase;}
.titreContenuVert {color:#2c7619; font-size:26px; font-weight:bolder; text-transform:uppercase;}
.titreContenuOrange {color:#dc3918; font-size:26px; font-weight:bolder; text-transform:uppercase;}
.titreContenuPrune {color:#a11246; font-size:26px; font-weight:bolder; text-transform:uppercase;}
.titreContenuBleu {color:#1a92a4; font-size:26px; font-weight:bolder; text-transform:uppercase;}
.capStyle {text-transform:uppercase;}
.normalCompteVert { color:#96bf0d};

/*MON COMPTE*/
.moncompteTable tr td {text-align:right;}
/*TABLE COMMANDE*/
.commandeTable {padding:10px;
border: medium solid #404CA6;
border-collapse: collapse;
}
.commandeTable th {
font-size:12px;

color:#FFFFFF;
padding: 5px;
background-color: #404CA6;

}
.commandeTable td {
font-size:12px;
border: thin solid #404CA6;

padding: 5px;
text-align: center;
background-color: #ffffff;
}