ru/* taille typo
 * Base				100%
 * -------------------------------------
 * 22px				1.39em
 * 21px				1,33em
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */
 
 * {margin:0;padding:0}
 
html{
	font-size: 100%;
}

body{
	background: #d4d4d4;
	margin: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-size: 0.82em;
	color: #000;
}

/* - - - - - - ARCHITECTURE - - - - - - - - - */
#entete{
	padding: 0;
	margin: 0;
	height: 128px;
	background: url(images/logo.png) left center no-repeat;
}

#gauche
{
	background: url(images/gauche_bg.png) left center no-repeat;
	position: absolute;
	left: 0;
	width: 144px;	
	height: 448px;
}

#droite{
	background: url(images/droite_bg.png) left top no-repeat;
	position: absolute;
	right: 0;
	width: 122px;
	height: 368px;
	padding: 80px 2px 2px 20px;
}

#pied{
	height: 15px;
	font-size: 0.88em;
	text-align: center;
	color: #f9f9f9;
	padding-top:15px;
}

#centre_accueil, #centre{
	padding: 30px 10px 0 10px;
	margin-left: 144px;
	margin-right: 144px;
min-height: 418px;
}

#centre_accueil{
	background: white;
}

#centre{
	background: #fafafa url(images/centre_bg.png) left top no-repeat;
}

/* - - - - - - TITRES - - - - - - */

h1{
	font-size: 1.15em;
	margin: 5px 0 5px 0;
	font-family: Georgia, Norasi, serif;
	background: url(images/etoile_titre.png) left top no-repeat;
	padding-left: 18px;
	color: red;
	
}

h3{
	font-size: 1.09em;
	font-family: Georgia, Norasi, serif;
	margin-bottom: 4px;
}

h4{
	font-size: 0.96em;
	font-family: Georgia, Norasi, serif;
	margin-top: 10px;
}

/* - - - - - LIENS - - - - - */
a{
	text-decoration: none;
}

.mini_produit a, .retour a, .document a{
	color: #000;
	font-weight: bold;
}

#chemin a, #agenda a, #cont_assoc ul li a{
	color: #000;
}

.navcontainer ul li a
{
	font-weight: bold;
	color: #fff;
}

.navcontainer ul li a.on
{
	font-size: 1.21em;
	color: #000;
}

.compte ul li a{
	color: #fff;
}

#nouveaute a, #continuer a{
	float: right; 
	color: red; 
}

#pied a{
	color: #f9f9f9;
}

#pages a, #contenu a, #details_prod  a, #piedpanier a, #panier a, #compte a, #adresse a, #commande a, #recherche a, #rubrique a, #catalogue a{
	font-style: italic;
	color: red;
}

#pages a:hover, #contenu a:hover, #details_prod  a:hover, #piedpanier a:hover, #panier a:hover, #compte a:hover, #adresse a:hover, , #commande a:hover, #recherche a:hover, #chemin a:hover{
	text-decoration: underline;
}

a.doc, a.multimedia, a.lien{
	padding-left: 22px;
	padding-bottom: 2px;
	
}

a.multimedia{
	background: transparent url(images/multimedia_icone.png) left top no-repeat;
}

a.lien{
	background: transparent url(images/lien_icone.png) left top no-repeat;
}

a.doc{
	background: transparent url(images/file_icone.png) left top no-repeat;
}

/* - - - -LISTE - - - - - */

#details_prod ul{
	list-style-image: url('images/puce.png');
	float: left;
	width: 93%;
	padding-left:0px;
	margin-left:15px;
	
	
}

#cont_assoc ul {
	list-style-position: inside;
	padding-left: 5px;
}

/* - - - - MENU - - - - -*/

.navcontainer ul
{	
	width: 100%;
	list-style-type: none;
	padding: 0;
	padding-top: 17px;
	margin: 0;
	font-family: Georgia, Norasi, serif;
}

.navcontainer ul li{
	background: transparent url(images/bouton_menu.png) left top no-repeat;
	text-align: center;
	padding: 5px 0 0 4px;
	height: 24px;
	margin-bottom: 8px;
}

.navcontainer ul li:hover{
	background: transparent url(images/bouton_menu_hover.png) left top no-repeat;
}

.navcontainer ul li.on
{
	background: transparent url(images/list-active.png) left top no-repeat;
	color: #000;
}

.compte ul{
	position: absolute;
	left: 0;
	top: 349px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.compte ul li{
	margin-bottom: 8px;
	padding: 2px 0 0 4px;
	font-size: 0.88em;
	font-weight: bold;	
}


.compte ul li#monpanier{
	background: url(images/bouton_monpanier.png)  left top no-repeat;
	height: 23px;
	width: 110px;
	
}

.compte ul li#moncompte{
	background: url(images/bouton_moncompte.png)  left top no-repeat;
	height: 23px;
	width: 126px;	
}

.compte ul li#connecte{
	background: url(images/bouton_connecte.png)  left top no-repeat;
	width: 138px;
	height: 22px;
}

/* - - - - - TABLEAU & FORM - - - - - - */

.enteteTableau{
	table-layout: auto;
	background: #d3d3d3;
	font-weight: bold;
	font-size: 0.82em;
}

.piedTableau{
	background: #b8b8b8;
	font-weight: bold;
	font-size: 0.82em;
}

.tableau{
	table-layout: auto;
	font-size: 0.82em;
}

.tableau table td{
	border-bottom: 2px solid #d3d3d3;
}

#recherche form input{
	width: 90%;
	
}

/* - - - - CONTENEUR - - - - - - - */

div#global{
	padding: 0;
	margin: 0 auto;
	position: relative;
	width: 750px;

	background: #d4d4d4;
}


#nouveaute{
	height: 180px;
padding-top:20px;

	overflow: hidden;
}

#descriptif_prod{
	height: 240px;
	overflow: auto;
	padding-right:10px;
	padding-bottom:5px;
}

#details_prod{
	margin: 0;
	padding: 0;
	height: 123px;
	font-size: 0.82em;
}

.mini_produit{
	margin: 0px 5px 0 20px;
	float: left;
	width: 120px;
	
}

#document{
	height: 112px;
	overflow: auto;
}

.icone{
	position: relative;
	float: left;
	padding: 0;
	margin: 5px 5px;
	width: 60px;
}

#onglet{
	padding: 30px 0 10px 0;
	margin: 0 10px 0 0;
	height: 80px;
}

#panier, #adresse{
	overflow: auto;
	max-height: 300px;
}

#contenu{
	height: 365px;
	overflow: auto;
}

#compte, #commande{
	height: 350px;
	overflow: auto;
}

#continuer{
	margin-top: 15px;
}

#recherche{
	position: absolute;
	bottom: 2px;
	right: 0;
	width: 80%;
	padding: 0;
	margin-left: 5px;
}

#rubrique{
	height: 280px;
	overflow: auto;
}

#catalogue{
	position: absolute;
	bottom: 82px;
	right: 0;
	width: 80%;
	padding: 0;
	margin-left: 5px;
}

#agenda{
	font-size: 0.77em;
	height: 260px;
	overflow: auto;
}

#cont_assoc{
	clear: left;
	display: block;
	margin-top: 10px;	
	
}

/* - - - - - - PAGINATION - - - - - */

#pages{
	padding-top: 25px;
	clear: both;
	text-align: center;
}

/* - - - - - - - NAVIGATION - - - - - - - */
#chemin{
	margin-bottom: 10px;
}

.retour{
	margin-bottom: 15px;
}

/* - - - - - IMAGES - - - - - - - - */
img {
	border: none;
	margin: 0;
	padding: 0;
}

.mini_produit img{
	padding: 0 40px 5px 0;
}

#nouveaute img, #descriptif_prod img{
	float: left;
	margin-right: 15px;
}

#onglet img{
	float: left; 
	margin-right: 20px;
}

/* - - - - - - - PARAGRAPHE - - - - - - - */

#onglet p{
	margin-top: 30px;
	color: red;	
}

/* - - - - - - - - DIVERS - - - - - - - - - */

.aligndroite{
	float: right;
	width:80px;
	border:2px solid #d4d4d4;
	padding:5px 5px 5px 5px;
	margin-left:25px;
	margin-bottom:15px;
	margin-right:0px;
}

.erreur, .statut{
	color: red;
}

.separation{
	margin: 10px 0 10px 0;
	padding: 0;
	border-bottom: 2px solid #d3d3d3;
}

.promo{
	text-decoration: line-through;
}

#postscriptum{
	font-style: italic;
}