.corps_de_la_page {
	padding: 0;
	margin: 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	background:url(images2010/fond-body.jpg) top center repeat-y;
	width: 100%;
	font-size:12px;
}

#conteneur_principal {
	width: 990px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0;

	
}

#conteneur_niveau_1 {
	position: relative;
	padding: 0;
	width: 990px;
}

#au_dessus {
	width: 100%;
	background:url(images2010/entete.jpg) center top no-repeat;
	margin: 0;
	padding: 0 0 10px 0;
	color: #FFFFFF;
	z-index:1000;
	height:235px;
}

.logo { position: absolute; width: 343px; height: 192px; top: 0; left: -35px; background: url(images2010/logo-nouveaux-objets.jpg) no-repeat; }
.menu_du_dessus { position: absolute; top: 0; right: 0; width: 268px; }
/*.menu_navigation {width:500px;height:39px;position:absolute;right:70px;top:62px;}*/
		

	/* MENU DE NAVIGATION EN HAUT A DROITE*/

	#nav {
	list-style: none;
	margin: 0;
	padding: 0;
	}



	#nav li {
	float: left;
	width: 67px;
	background: none;
	position: relative;
	}

	

	#nav li a {
	background: #ceff36 url(images2010/menu-haut.jpg) no-repeat;
	padding: 41px 0 1px;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	display: block;
	text-decoration: none;
	text-align: center;
	color: #000;
	
	}



	#nav li.current_page_item a, #nav li a:hover, #nav li:hover a, #nav li.current_home a {
	color: #ceff36;
	background-color: #2c5521;
	}
	
	#nav #menu-accueil a { background-position: 0 0; }
	#nav #menu-nous a { background-position: -67px 0; }
	#nav #menu-infos a { background-position: -135px 0; }
	#nav #menu-contact a { background-position: -202px 0; }
	
	#boite-compte { position: absolute; top: 74px; right: 67px; width: 67px; }
	#boite-compte a { 
		background: #ceff36 url(images2010/menu-compte-panier.jpg) no-repeat;
		padding: 41px 0 1px;
		font: bold 100%/100% Arial, Helvetica, sans-serif;
		display: block;
		text-decoration: none;
		text-align: center;
		color: #000;
	}
	#boite-compte a:hover {
		color: #ceff36;
		background-color: #2c5521;
	}
	
	

	/* FIN MENU DE NAVIGATION */

.les_drapeaux {float:left;width:200px;height:40px;}
.les_drapeaux img {padding-top:15px;}

.contenu_du_panier { position: absolute; top: 74px; right: 0; width: 67px; }
.contenu_du_panier a { 
		background: #ceff36 url(images2010/menu-compte-panier.jpg) -67px 0 no-repeat;
		padding: 41px 0 1px;
		font: bold 100%/100% Arial, Helvetica, sans-serif;
		display: block;
		text-decoration: none;
		text-align: center;
		color: #000;
}
.contenu_du_panier a:hover {
		color: #ceff36;
		background-color: #2c5521;
}
.contenu_du_panier a .nb-articles { 
	position: absolute;
	top: 24px;
	right: 0; 
	padding: 2px 3px;
	background: red;
	color: #fff;
}

.formulaire_de_recherche {position: absolute; top: 140px; right: 0; width: 216px; height: 43px; padding: 0 0 0 50px; background: url(images2010/recherche.png) no-repeat 0 0;}
.formulaire_de_recherche #query { display: block; float: left; border: 0; background: #fff; margin: 8px 8px 0 0; padding: 4px 8px; width: 140px; height: 20px; line-height: 20px; color: #9d9d9d; }
.formulaire_de_recherche #submit-recherche { display: block; float: left; width: 47px; height: 48px; border: 0; background: transparent; cursor: pointer; padding: 0; }

.formulaire_de_recherche input {  }

#les_rubriques{
position: absolute; top: 192px; left: 0; width: 100%; border-top: 1px solid #fff; font-weight:normal;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:none; }


#contenu {
	float: right;
	width:710px;
	padding: 0 20px;
	margin: 25px 20px;
}

#bien_au_centre {
margin:0px;
width:750px;
background-color:none;
padding: 0 5px 5px 5px;
}

#bien_au_centre_2 {
margin:0px;
width:100%;
background-color:none;

}

#bien_au_centre_3 {
margin:0 0 20px 0;
width:100%;
background-color:none;
padding: 0 5px 5px 5px;
}

#bien_au_centre_4 {
margin:-5px 0 20px 0;
width:100%;
background-color:none;
padding: 0 5px 5px 5px;
}


#menu_a_gauche {
float:left;
width:190px;
margin-top:10px;
margin-bottom:20px;
}

.titre_menu_a_gauche {background:#133d56;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:none;font-size:1.2em;color:#fff;}


.simple_bordure {border:1px solid #000;}

#colonne_de_gauche_accueil {float:left;width:300px;height:400px;}
#colonne_de_droite_accueil {float:left;width:650px;height:480px;}

.un_message {padding-top:105px;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:none;font-size:1.8em;text-align:right;}
.un_message_2 {padding-top:35px;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:none;font-size:1.8em;text-align:right;}


.photo_du_produit {float:left;width:180px;height:200px;text-align:center;padding-left:30px;margin-bottom:30px;}


.grande_image {float:left; width:400px;text-align:center;margin-bottom:20px;}
.grande_image_2 {float:left; width:100%;background-color:#fff;border:2px solid #5d8c00;text-align:center;}

.grande_image img {padding-top:20px;}
.grande_image select {border: 1px solid #133d56;}

.ajouter_au_panier {float:left;width:350px;padding-top:5px;padding-left:20px;}

.le_prix_du_produit {font-family:Arial,Verdana,Helvitica,sans-serif;color:#133d56;text-decoration:none;font-size:1.2em;}
.le_prix_du_produit_2 {
	font-family:Arial, Verdana, Helvitica, sans-serif;
	color:#009900;
	text-decoration:none;
	font-size:1.6em;
	font-weight: bold;
}

.description_grande_image {float:right;width:550px;padding-left:20px;}


.mise_en_page_3 {list-style:none;}
.mise_en_page_3 li {display:block;padding:2px 10px 15px 30px; background:url(imagesDSI/liste6.png) 1px 4px no-repeat;text-decoration:none;font-weight:normal;font-family:verdana,sans-serif;font-size:1em;color:#133d56;text-align:justify;}

.titre_reference {font-family:Arial,Verdana,Helvitica,sans-serif;color:#133d56;text-decoration:underline;font-size:1.5em;}

.retour_a_la_ligne {clear:both;}


/* CSS TABLEAU POUR LISTE DES PRODUITS */

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url(images/entetetab.png) repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
	text-align:left;
}
#gradient-style td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url(images/arrieretab.png) repeat-x;
}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{
	background: #d0dafd url(images/audessustab.png) repeat-x;
	color: #339;
}

/* FIN CSS TABLEAU POUR LISTE DES PRODUITS */	





/* *********************************** DEBUT MENU DEROULANT ************************************************************ */


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;

}

ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;	z-index:1;
}


ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 44px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; }
ul#topnav a.accueil {
	background: url(imagesDSI/nav_accueil.png) no-repeat;
	width: 70px; 
}
ul#topnav a.products {
	background: url(imagesDSI/nav_products.png) no-repeat;
	width: 86px; 
}

ul#topnav a.meteorologie {
	background: url(imagesDSI/meteorologie.png) no-repeat;
	width: 104px;
}

ul#topnav a.solaire-eoliennes {
	background: url(imagesDSI/solaire-eoliennes.png) no-repeat;
	width: 148px; 
}

ul#topnav a.metrologie-optique {
	background: url(imagesDSI/metrologie-optique.png) no-repeat;
	width: 142px; 
}

ul#topnav a.jardin2 {
	background: url(imagesDSI/jardin.png) no-repeat;
	width: 60px; 
}

ul#topnav a.outdoor {
	background: url(imagesDSI/outdoor.png) no-repeat;
	width: 71px; 
}

ul#topnav a.habitat-bricolage {
	background: url(imagesDSI/habitat-bricolage.png) no-repeat;
	width: 132px; 
}

ul#topnav a.cuisine {
	background: url(imagesDSI/cuisine.png) no-repeat;
	width: 71px; 
}

ul#topnav a.detente-deco {
	background: url(imagesDSI/detente-deco.png) no-repeat;
	width: 112px; 
}

ul#topnav a.bien-etre {
	background: url(imagesDSI/bien-etre.png) no-repeat;
	width: 71px; 
}

ul#topnav a.innovation {
	background: url(imagesDSI/innovation.png) no-repeat;
	width: 79px; 
}

ul#topnav a.occasions {
	background: url(imagesDSI/nav_occasions.png) no-repeat;
	width: 87px; 
}

ul#topnav a.sale {
	background: url(imagesDSI/nav_sale.png) no-repeat;
	width: 124px; 
}
ul#topnav a.community {
	background: url(imagesDSI/nav_community.png) no-repeat;
	width: 124px; 
}
ul#topnav a.store {
	background: url(imagesDSI/nav_store.png) no-repeat;
	width: 141px; 
}


ul#topnav li .sub {
	position: absolute;	
	top: 44px; left: 0;
	background: #344c00 /*url(imagesDSI/sub_bg.png) repeat-x*/;
	padding: 10px 10px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 5px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}

ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(imagesDSI/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;text-decoration:underline;}




/*****************************************************************/
/******** MODIFICATIONS POUR LA RUBRIQUE TOUTE A DROITE **********/
/*****************************************************************/



ul#topnav li .sub3 {
	position: absolute;	
	top: 44px; left: -38px;
	background: #344c00 /*url(imagesDSI/sub_bg.png) repeat-x*/;
	padding: 10px 10px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row3 {clear: both; float: left; width: 100%; margin-bottom: 5px;}
ul#topnav li .sub3 ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}

ul#topnav .sub3 ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub3 ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub3 ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub3 ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(imagesDSI/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub3 ul li a:hover {color: #ddd; background-position: 5px 12px ;text-decoration:underline;}


/***************************************************/
/******** MENU AVEC IMAGE EN FOND D'ECRAN **********/
/***************************************************/

ul#topnav li .sub2 {
	position: absolute;	
	top: 44px; left: 0;
	background: #344c00 url(imagesDSI/dessin.png) no-repeat bottom right;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row2 {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub2 ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
}
ul#topnav .sub2 ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub2 ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub2 ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub2 ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(imagesDSI/navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub2 ul li a:hover {color: #ddd; background-position: 5px 12px ;text-decoration:underline;}


/* *********************************** FIN MENU DEROULANT ************************************************************ */


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


#conteneur_principal_pied_de_page{
background:url(imagesDSI/enbas.png) top center repeat-x;
height:337px;
}

#pied_de_page_niveau_1 {
width: 990px;
margin: 0 auto 0 auto;
background:url(imagesDSI/enblanc.png) top center no-repeat;
height:264px;
}

#une_annotation {text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:0.8em;color:white;}

#une_annotation a {text-decoration:none;color:#fff;font-weight:normal;}
#une_annotation a:link  {text-decoration:none;color:#fff;font-weight:normal;}
#une_annotation a:visited  {text-decoration:none;color:#fff;font-weight:normal;}
#une_annotation a:active{text-decoration:none;color:#fff;font-weight:normal;}
#une_annotation a:hover {text-decoration:underline;color:#fff;font-weight:normal;}

#une_annotation_2 {text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:0.9em;color:#50a9e0;}
#une_annotation_2 a {text-decoration:none;color:#50a9e0;font-weight:normal;}
#une_annotation_2 a:link  {text-decoration:none;color:#50a9e0;font-weight:normal;}
#une_annotation_2 a:visited  {text-decoration:none;color:#50a9e0;font-weight:normal;}
#une_annotation_2 a:active{text-decoration:none;color:#50a9e0;font-weight:normal;}
#une_annotation_2 a:hover {text-decoration:underline;color:#fff;font-weight:normal;}



#pied_de_page {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 11px;
	font-weight:normal;
	padding:20px 0 20px 0;
	}
	
#partie_a_gauche {float:left;width:300px;text-align:left;border-right: 1px dashed #fff;}

#partie_a_gauche a {text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_gauche a:link  {text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_gauche a:visited  {text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_gauche a:active{text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_gauche a:hover {text-decoration:underline;color:#fff;font-weight:bold;}

#partie_a_droite a {text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_droite a:link  {text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_droite a:visited  {text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_droite a:active{text-decoration:none;color:#fff;font-weight:bold;}
#partie_a_droite a:hover {text-decoration:underline;color:#fff;font-weight:bold;}


.une_mise_en_page {list-style:none;}
.une_mise_en_page li {display:block; margin:20px 0 5px 0;padding:2px 0 2px 50px; background:url(imagesDSI/doigt.png) 5px 50% no-repeat; 
text-decoration:none;font-family:verdana,sans-serif;font-size:1em;color:#fff;}


#partie_au_centre {float:left;width:325px;padding-left:10px;padding-right:10px;text-align:left;border-right: 1px dashed #fff;}
.les_expeditions {width:100%; height:70px;background:url(imagesDSI/lecarton.png) top left no-repeat;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:underline;font-size:1.6em;color:#50a9e0;
padding:10px 0 0 90px;}
.texte_des_expeditions {font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:none;font-size:1.2em;text-align:justify}


#partie_a_droite {float:left;width:325px;padding-left:10px;text-align:left;}
.les_contacts {width:100%; height:70px;background:url(imagesDSI/contacts.png) top left no-repeat;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:none;text-decoration:underline;font-size:1.6em;color:#50a9e0;
padding:10px 0 0 80px;}

.simple_contact {float:left;width:50%;margin-bottom:10px;}

.une_mise_en_page_2 {list-style:none;}
.une_mise_en_page_2 li {display:block; margin:5px 0 5px 0;padding:2px 0 2px 30px; background:url(imagesDSI/doigt.png) 5px 50% no-repeat;text-decoration:none;font-family:verdana,sans-serif;font-size:1em;color:#fff;}


#partie_a_droite_en_bas {float:left;margin-left:5px;background:url(imagesDSI/paiement.png) top center no-repeat;width:270px;height:80px;border-top: 1px dashed #fff;width:100%;}


#pied-de-page { width: 990px; margin: 0 auto 10px; }
/*#pied-de-page .menu2 { color: #a0c216; }
#menu-pratique .menu2 { color: #727272; } */
#pied-de-page .titre2, #pied-de-page .titre3 { color: #010101; }