/* Eléments HTML en général
-------------------------------------------------------- */

body {
		padding: 0;
		margin: 0;
		font-family: 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align: center;
		background-image: url(images/bg_main.gif);
		background-repeat: repeat-x;
		background-color: #FFFFFF;
/*		background-color: #7CCF2A;*/
		font-size: 0.8em;
}

h1, h2, h3{
		font-family: 'Trebuchet MS', sans-serif;
}

h1{
		font-size: 1.8em;
		margin: 0;
		padding: 0;
}
h2{
		font-size: 1.5em;
		margin: 0;
		padding: 0;
}
h3{
		font-size: 1.1em;
		margin: 0;
		padding: 0;
}

a {
		color: #1E5D0B;
		text-decoration: none;
}

a:visited {
		color: #1E5D0B;
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
		color: #1E5D0B;
}

img {
		border: 0
}

/* Page
-------------------------------------------------------- */

#wrapper {
		width: 980px;
		text-align: left;
		overflow: visible;
		position: relative;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		padding: 0;
}

#subwrapper {
		overflow: hidden;
		position: relative;
		padding: 0;
		width: 980px;
}

#content {
		padding: 0;
		clear: both;
		margin: 0;
}

#contenu {
		float: left;
		width:530px;
		margin-top: 10px;
		margin-left: 10px;
}

#contenuGrand {
		float: left;
		width:750px;
		margin-top: 10px;
		margin-left: 10px;
}

.titrePage {
		text-align: left;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 5px;
}

.sousTitrePage {
		color: #1E5D0B;
		text-align: left;
		font-weight: bold;
		width: 750px;
		padding-top: 10px;
		padding-bottom: 10px;
}

.separation {
		height: 1px;
		width: 500px;
		background-color: #B8F57D;
		margin-top: 5px;
		margin-bottom: 5px;
		overflow:hidden;
		zoom:1;
}




/* Entête
-------------------------------------------------------- */

#entete {
		float: left;
		color: white;
		font-weight: bold;
		font-size: 14px;
		width: 980px;	
		margin-top: 26px;
}

.logo {
		background-image:  url(images/haut.jpg);
		background-repeat: no-repeat;
		background-position: bottom;		
		width: 980px;
		height: 278px;
		clear: both;
		margin-top: 0px !important;
		margin-top: -19px;
		float: left;
}

.imageLogo{
		background-image:  url(images/logo.gif);
		background-repeat: no-repeat;
		width: 299px;
		height: 70px;
		margin-top: 87px;
		margin-left: 90px;
		float: left;
}

.cadreEnTete {
		float: left;
		width: 205px;
		color: white;
		font-size: 14px;
		font-weight: bold;
		margin-left: 30px;
}

.ongletEnTete {
		background-image:  url(images/onglet-haut.jpg);
		background-repeat: no-repeat;
		width: 128px;
		height: 31px;
		float: left;
		
		text-align: center;
		margin-left: 10px;
		margin-top: 15px !important;
		margin-top: 0px;
		padding-top: 0px;		
}

a.ongletEnTete {
		color: White;
}

#monCompte {
		float: left;
		width: 400px;
		margin: 0;
		border-left-width: 1px;
		border-left-style: dotted;
		border-left-color: #FFFFFF;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 10px;
}

.formMonCompte {
		float: left;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0;
		padding-left: 0;
		margin-top: 0;
		margin-right: 3px;
		margin-bottom: 0;
		margin-left: 0;
}

.blocMonCompte {
		float: left;
		padding:0;
		margin: 0;
}

.champFormMonCompte {
		font-size: 0.9em;
		padding: 0;
		margin: 0;
		color: #3333FF;
		background-color: #e9f4fb;
		border: 1px solid #12335B;
		overflow: hidden;
		zoom: 1;
}

.menuMonCompte {
		float: left;
		color: #a9c9e9;
		margin-top: 5px;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		width: 100%;
		padding: 0;
}

#monPanier {
		float: left;
		width: 250px;
		color: white;
		
		background-image:  url(images/panier.gif);
		background-repeat: no-repeat;
		background-position: right top;
		padding-right: 55px;
		margin-left: 140px;
		width: 60px;
		height: 46px;
		
		margin-top: 0px !important;
		margin-top: -15px;
		padding-bottom: 0px !important;
		padding-bottom: 15px;
}

.boutonMonCompteEntete {	
		float: left;
		margin: 0;
		padding-top: 5px;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 0;
}

a.LIEN_entete:link {
		font-size: 0.8em;
		color: #a9c9e9;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_entete:visited {
		font-size: 0.8em;
		color: #a9c9e9;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_entete:hover {
		font-size: 0.8em;
		color: #a9c9e9;
		text-decoration: underline;
		font-weight: bold;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
		float: left;
		width:970px;
		color: #1E5D0B;
		font-size: 0.9em;
		font-weight: bold;
		background-color: #0066CC;
		margin: 0;
		padding: 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #FFFFFF;
}

a.LIEN_chemin:link {
		color: #1E5D0B;
		text-decoration: none;
}

a.LIEN_chemin:visited {
		color: #1E5D0B;
		text-decoration: none;
}

a.LIEN_chemin:hover {
		color: #1E5D0B;
		text-decoration: underline;
}

/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
		float: left;
		width: 530px;
		margin-bottom: 40px;
}

.contourImage {
		margin-bottom: 5px;
		float: left;
		width: 105px;
		height: 115px;
		border: 1px solid #99DD90;
		margin: 3px;
}

.imageProduitPetit {
        width:115px;
        text-align: center;
		float: left;
		border: 1px solid #99DD90;
		margin: 3px;
}

.titreProduit {
		color: #12335B;
		text-align: left;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 5px;
		width: 100%;
}

.chapoProduit {
		text-align: left;
		font-size: 11px;
		font-weight: bold;
		width: 100%;
}

.descriptionProduit {
		color: #12335B;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 10px;
}

.prixProduit {
		color: #419735;
		text-align: left;
		font-weight: bold;
		font-size: 15px;
}

.ficheProduit {
		float:left;
		width: 530px;	
		margin-top: 10px;
		
		background-color: White;
}

.ficheProduitDescription {
		float:left;
		width: 760px;
		margin-top: 10px;
}

a.LIEN_commander:link {
		color: #1E5D0B;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_commander:visited {
		color: #1E5D0B;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_commander:hover {
		color: #1E5D0B;
		text-decoration: underline;
		font-weight: bold;
}

/* Nombre de pages
-------------------------------------------------------- */

#pages {
		float: left;
		width: 775px;
		text-align: right;
		font-size: 0.9em;
		padding-top: 10px;
		margin: 0;
		padding-bottom: 10px;
		color: #12335B;
}

a.LIEN_pages:link {
		color: #12335B;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_pages:visited {
		color: #12335B;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_pages:hover {
		color: #12335B;
		text-decoration: underline;
		font-weight: bold;
}


/* Pied de page
-------------------------------------------------------- */

#footer{
		float: left;
		width: 980px;
		background-color: #92DC49;
		color : #194C07;
		font-size: 12px;
		padding-top: 10px;
		margin-top: 20px;
}

a.LIEN_footer:link {
		color: #1E5D0B;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_footer:visited {
		color: #1E5D0B;
		text-decoration: none;
		font-weight: bold;
}

a.LIEN_footer:hover {
		color: #1E5D0B;
		text-decoration: underline;
		font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
		color: #1E5D0B;
		font-weight: bold;
		background-color: #B8F57D;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #B8F57D;
}

.ligneTableau {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #B8F57D;
		font-size: 0.9em;
}

.footerTableau {
		color: #1E5D0B;
		font-weight: bold;
		background-color: #B8F57D;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #B8F57D;
}

.boutonMonCompteContenu {
		font-weight: bold;
		width: 500px;
		text-align: right;
		margin: 10px;
}

.zoneDeSaisie {
		color: #12335B;
		font-weight: bold;
		font-size: 0.9em;
}

.obligatoire {
		color: #FF0000;
}

.commentaires {
		font-size: 1em;
		font-style: italic;
		font-weight: bold;
		color: #12335B;
}


/* Menu général
-------------------------------------------------------- */

#menuGeneral {
		float: left;
		width:175px;
		padding: 0;
		margin-top: 10px;

}

dl, dt, dd, li {
		margin: 0;
		padding: 0;
		list-style-type: none;
}

ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
}

#menu {
		position: relative;
		padding: 0;
		margin: 0;
		clear: both;
}

dl#menu {
		width: 175px;
}


dl#menu dt {
		cursor: pointer;
}

dl#menu dt a {
		font-size:12px;
		line-height:13px;
		color: #1E5D0B;
		font-weight: bold;
		text-decoration: none;
		display: block;
		margin: 0;
		padding-top: 5px;
		padding-right: 0;
		padding-bottom: 5px;
		padding-left: 5px;
		overflow: hidden;
		zoom: 1;
		
		border-bottom : 1px solid #B8F57D;
		background-image:  url(images/bg_list.gif);
		background-position: center left;
		background-repeat: no-repeat;
		padding-left: 15px;
}

dl#menu dt a:hover, dl#menu dt .selected {
		color: #1E5D0B;
		background-color: #B8F57D;
}

dl#menu dd {
}

dl#menu li {
}

dl#menu li a {
		font-size:12px;
		line-height:13px;
		color: #1E5D0B;
		font-weight: bold;
		text-decoration: none;
		display: block;
		margin:0;
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 5px;
		overflow: hidden;
		zoom: 1;
		
		border-bottom : 1px solid #B8F57D;
		padding-left: 25px;
		background-image:  url(images/bg_list2.gif);
		background-position: center left;
		background-repeat: no-repeat;
}

dl#menu li a:hover, dl#menu li .selected {
		color: #1E5D0B;
		background-color: #B8F57D;
}

.invisibleW3C {
		width: 0; 
		height: 0;
		padding: 0; 
		margin: 0;
}

/*****Ajouts perso *****/
.declinaisonArticle {
		padding: 10;
		float: right;
}


/** Contenu à droite **/

#contenuDroit {
		float: left;
		width:200px;
		padding: 0;
		margin-top: 10px;
		margin-left: 10px;
}

.cadreArrondisDroit {
		float: left;
		width:200px;
		padding: 0;
		margin-top: 5px;
		background-color: white;
}

/***TITRE DE CATEGORIE - bords arrondis **/

.cadreArrondis
{
	color: White;
	background-color: #419735;
	float: left;
	width: 100%;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

.hautgauche
{
	background-image: url(images/cont_heading_tl.gif);
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.basgauche
{
	background-image: url(images/cont_heading_bl.gif);
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.hautdroit
{
	background-image: url(images/cont_heading_tr.gif);
	float: right;
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.basdroit
{
	background-image: url(images/cont_heading_br.gif);
	float: right;
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.texteCadre {
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		
		font-weight: bold;
		font-size: 14px;
		
}

.texteCadreSimple {
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;		
}


/***TITRE DE Produit - bords arrondis **/

.cadreArrondisTitreProduit
{
	color: White;
	background-image: url(images/name2_t.gif);
	background-color : #3DC2B0;
	background-repeat: repeat-x;
	margin: 3px;
}

.hautgaucheTitreProduit
{
	background-image: url(images/name2_tl.gif);
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.basgaucheTitreProduit
{
	background-image: url(images/name2_bl.gif);
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.hautdroitTitreProduit
{
	background-image: url(images/name2_tr.gif);
	float: right;
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

.basdroitTitreProduit
{
	background-image: url(images/name2_br.gif);
	float: right;
	height: 7px;
	width: 7px;
	background-repeat: no-repeat;
}

a.texteCadreTitreProduit {
		font-weight: bold;
		font-size: 12px;
		color: #F7FBFC;
		padding: 5px;
}


/***CONTOURS DE Produit - bords arrondis **/

.produitPetit
{
		float: left;
		background-color: white;
		width: 260px;
		height: 262px;		
		color: #808080;
		
		margin-left: 4px;
		margin-bottom: 4px;
}

.hautgaucheProduit
{
/*	background-image: url(images/pic2_tl.gif);*/
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
}

.basgaucheProduit
{
/*	background-image: url(images/pic2_bl.gif);*/
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
}

.hautdroitProduit
{
/*	background-image: url(images/pic2_tr.gif);*/
	float: right;
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
}

.basdroitProduit
{
/*	background-image: url(images/pic2_br.gif);*/
	float: right;
	height: 5px;
	width: 5px;
	background-repeat: no-repeat;
}

.texteCadreProduit {
		height: 250px;
}



/*** CLEARER ***/
.clearer{
		clear: both;
}