/* gestion transparence ie6 */
img, div, input, a { behavior: url("gabarit/css/iepngfix/iepngfix.htc") }

BODY {
	margin: 0; 
	padding: 0;
	background-color: #615e5d;
	font-family: arial, helvetica, sans-serif;
}
A, A:link, A:visited {
	text-decoration: none;
}
A:hover, A:active, A:focus {
	text-decoration: none;
}
A IMG {
	border: 0;
}
.titre_1{
	font-size:1.2em;
	font-weight:bold;
	color:#000;
	display:block;
}
.titre_2{
	font-size:1em;
	font-weight:bold;
	color:#000;
	display:block;
}
.titre_3{
	font-size:1em;
	color:#000;
}
#globalwrapper {
	
	margin: 0;
	padding: 0;
	background-color: #615e5d;
	background-image: url(../images/back-degrade.png);
	background-repeat: repeat-x;
}
#wrapper-header, #wrapper-container, #wrapper-footer {
	margin: 0;
}
#wrapper-header {
	height: 350px;
	background-repeat: no-repeat;
	background-position: center top;
}
#wrapper-container {
	background: url(../images/back-container.gif) repeat-y center top;
}
#wrapper-footer {
	background: url(../images/back-footer.gif) no-repeat 50% top;
}

#header, #container, #footer{
	width: 909px;
	margin: 0 auto;
}
#header {
	padding-top: 29px;
	/* background-image: url(../images/header-back.png); */
	background-repeat: no-repeat;
	background-position: center top;
}
#container {
	width: 909px;
	padding: 0 0 2em 0;
}
#footer {
	width: 909px;
	height: 250px;
	padding-top: 40px;
	background-color: transparent;
	/* background-image: url(../images/footer-back.png); */
	background-repeat: no-repeat;
	background-position:center top;
}
.black {
	color: #000;
}
.green {
	color: #92c60a;
}
.red {
	color: #FF0000;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.clear {
	clear: both;
}

/* -------- en-tête (logo, menu, slogan) ---------*/
#logo {
	position: absolute;
	margin-left: 48px;
}
#slogan {
	float: right;
	margin-top: 23px;
	clear: both;
}
#slogan {
	margin-right: 47px;
}
#menu {
	float: right;
	margin: 0;
	padding: 0;
	width: 530px;
	list-style-type: none;
	margin-right: 58px;
	margin-bottom: 3px;
}
#menu LI {
	padding: 0.2em 0.1em 0.3em 0.6em;
	text-transform: uppercase;
}
#menu LI A {
	color: #3a3835;
	font-size: 8pt;
}
#menu LI.courant A {
	color: #90c40a;
}
#menu LI SPAN {
	color: #90c40a;
	font-size: 8pt;
	margin-right: 1em;
}
#menu LI.langue {
	/*padding: 0.4em 0.1em 0.3em 0.1em;*/
}
/* -------- fin en-tête --------- */

/* ------- bandeau (login et recherches) --------- */
#globalbandeau {
	padding-top: 65px;
	clear: both;
}
#bandeaumilieu, #bandeaudroite {
	float: right;
}
#rapide {
	width: 200px;
	margin-top: 0.3em;
	padding: 0;
}
#avancee {
	margin-right: 4.2em;
	margin-left: 4.7em;
	padding: 0;
}

SELECT#choixmarque, SELECT#choixgamme, SELECT#choixproduit, INPUT#recherche {
	display: block;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	color: #858481;
	border: 0;
	font-size: 10px;
}
SELECT#choixmarque, SELECT#choixgamme, SELECT#choixproduit {
	margin-bottom: 1.2em;
	background-color: #E6E4E5;
}
INPUT#recherche {	   
	margin-bottom: 0.1em;
	background-color: #faf9fa;
	width: 97%;
}
#ex {
	margin-top: 0.4em;
	font-weight: bold;
	font-size: 8pt;
}
/* ------- fin bandeau --------*/

/* ------- recherche avancée -------- */
.myselect {
	width: 211px;
	margin-bottom: 4px;
	text-align: left;
	padding: 0;
}
.myselect a, .myselect a:hover, .myselect a:link, .myselect a:visited, .myselect a:active, .myselect a:focus {
	color: #858481;
	font-size: 10px;
	text-decoration: none;
}
.selection {
	background: url(../images/select-back.png) no-repeat;
	height: 23px;
}
.selectcont {
	width: 177px;
	padding: 2px 0 0 10px;
	display: block;
	font-size: 10px;
	color: #858481;
	line-height: 18px;
}
.selectlist {
	position: absolute;
	display: none;
	width: 221px;
	padding: 0;
}
.selectlist ul {
	margin: 0 18px;
	padding: 0;
	padding-bottom: 8px;
	list-style-type: none;
	border-top: 0;
	background: #DCDADB;
	height: 70px;
	overflow: auto;
}
.selectlist ul li {
	padding: 3px 0 0 1px;
}
.selectlist ul li a {
	line-height: 16px;
	padding: 0 0 0 6px;
	width: 96%;
	height: 20px;
	font-size: 12px;
	display: block;
	white-space: nowrap;
}
.selectlist ul li a:hover {
	background-color: #AAA9AA;
}
.selectbut {
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	line-height: 20px;
}
/* ------- finrecherche avancée -------- */

/* -------- espace de login et panier --------- */
FORM {
padding: 0;
margin: 0;
}
#espacelogin {
	margin-left: 4.1em;
	padding-left: 25px;
	padding-bottom: 25px;
	background-image: url(../images/espacelogin-login-back.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#espaceclient {
	margin-left: 7.3em;
	padding-left: 15px;
	background-image: url(../images/espaceclient-login-back.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 12px;
}
#espaceclient div a:hover, #espaceclient p a:hover {
	color: #000;
	text-decoration: none;
}
#espaceclient a, #espaceclient a:link, #espaceclient a:visited, #espaceclient a:active, #espaceclient a:focus {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
#espaceclient a:hover {
	color: #92c60a;
}
#espaceclient div {
	font-weight: bold;
}
#espaceclient p {
	margin:0;
	font-style: italic;
}
#panier {
	float: right;
	width: 291px;
	margin-top: 25px;
	margin-right: 32px;
	background-repeat: no-repeat;
	background-position: left top;
}
#panier p {
	margin-top: 5px;
	margin-left: 105px;
	margin-bottom: 2px;
	font-size: 12px;
	color: #92c60a;
	font-weight: bold;
}
#panier div {
	float: right;
	font-size: 11px;
}
#panier div#viderpanier {
	margin-right: 18px;
}
#panier div#utiliserpanier {
	margin-right: 18px;
	margin-bottom: 10px;
}
#panier div#viderpanier a {
	color: #a9a8a7;
}
#panier div#utiliserpanier a {
	color: #FFF;
}
#logincont, #pwdcont {
	width: 100%;
}
#logincont {
	padding-top: 0;
}
#pwdcont {
	padding-top: 0.35em;
}
#identifiant, #motdepasse {
	width: 11em;
	color: #858481;
	border: 0;
	background-color: #edeced;
	font-size: 9px;
}
#pwdcont a {
	margin-left: 1.5em;
}
#pwdcont .butt {
	margin-bottom: -0.3em;
	margin-left: 20px;
}
/* -------- fin espace de login et panier --------- */

/* -------- footer ---------- */
#print, #infos, #stat {
	float: left;
}
#credits {
	float: right;
}
#infos {
	padding-right: 30px;
	border-right: thin solid #72716e;
}
#infos p, #infos div, #stat p, #stat div  {
	margin: 0;
	font-size: 11px;
}
#infos p, #stat p {
	margin: 0;
	color: White;
}
#infos div, #stat div {
	margin: 0;
	color: #92c60a;
	font-weight:bold;
}
#stat {
	padding-left: 10px;
	width: 200px;
}
#credits {
	color: White;
	font-size: 12px;
}
#credits p {
	margin: 0 0 3px 0;
	text-align: right;
}
#credits a {
	padding: 0 8px;
	color: White;
	font-size: 12px;
}
/* -------- fin footer ---------- */

/* ------- accueil -------- */
#actualite {
	width: 212px;
	margin-left: 3em;
}
#actudate, #actucont img, #promocont img, #categories  {
	margin-top: 10px;
}
#actudate {
	float: left;
	width: 40px;
	padding: 6px 0 60px 0;
	background-image: url(../images/actudate-back.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#actudate P {
	margin: 0;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: White;
}
#actucont {
	margin-left: 40px;
}
#actucont IMG {
	margin-bottom: 5px;
}
#actucont DIV, #promocont DIV {
	color: #92c60a;
	font-size: 12px;
	font-weight: bold;
}
#actucont DIV A, #actucont DIV A:link, #actucont DIV A:visited, #actucont DIV A:active, #actucont DIV A:focus, #actucont DIV A:hover {
	color: #92c60a;
}
#actucont P, #promocont P {
	margin: 0;
	font-size: 11px;
	text-align: justify;
}
#promocont {

}

#produits {
	float: right;
	width: 545px;
	margin-right: 3em;
}
#categories {
	width: 527px;
	padding: 19px 15px;
	background-image: url(../images/produits-back.png);
	background-repeat: no-repeat;
}
#categories DIV {
	text-align: center;
}
#categories P {
	margin: 7px 3px;
	color: #92c60a;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}
/*#categories div.catelt, #categories div.catlastelt {
	float: left;
	width: 19.5%;
	height: 118px;
}
*/
#categories div.catelt, #categories div.catlastelt {
	float: left;
	height: 118px;
	width: 16%;
}
#categories div.catelt img, #categories div.catlastelt img {
	max-width: 80px;
}

#categories div.catelt {
	border-right: 1px solid #C4C3C3;
}
.puce, .titre  {
	line-height: 25px;
}
.puce {
	float: left;
	border-bottom: 2px solid #aba9a9;
}
.titre {
	border-bottom: 2px solid #9bd20b;
	text-transform: uppercase;
	font-weight: bold;
	color: #494643;
}
/* ------- fin accueil -------- */

/* ------- contenu par defaut -------- */
#sommaire {
	width: 212px;
	margin-left: 3em;
}
#sommaire A, #sommaire A:link, #sommaire A:visited, 
#sommaire A:active, #sommaire A:focus {
	color: #000;
	font-size: 12px;
}
#sommaire A:hover {
	color: #92c60a;
}
#sommaire A.current {
	color: #92c60a;
}
#sommaire ul {
	margin: 0;
	padding: 15px;
}
#article, #article-large {
	float: right;
	width: 557px;
	margin-right: 3em;
}
#article-large {
	width: 813px;
}
#texteglobalwrapper, #texteglobalwrapper-large {
	margin-top: 10px;
	padding-top: 17px;
	background-image: url(../images/article-top-back.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#textewrapper, #textewrapper-large {
	padding-bottom: 17px;
	background-image: url(../images/article-bottom-back.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}
#texte, #texte-large {
	margin: 0;
	padding: 0 20px;
	background-image: url(../images/article-back.png);
	text-align: justify;
	font-size: 12px;
}
#texteglobalwrapper-large {
	background-image: url(../images/article-large-top-back.png);
}
#textewrapper-large {
	background-image: url(../images/article-large-bottom-back.png);
}
#texte-large {
	background-image: url(../images/article-large-back.png);
}
#texte div, #texte-large div {
	margin: 0;
	padding: 0 0 7px 0;
	text-align: justify;
}
#texte div, #texte-large div {
	color: #504D4B;
	font-weight: bold;
}
#texte p, #texte-large p {
	margin: 0;
	padding: 7px 0 0 0;
	text-align: justify;
}
#texte p.caption {
    font-weight: bold;
    margin-bottom: 15px;
}

/* ------- fin contenu -------- */

/* -------- plan du site ---------- */
#texte-large A, #texte-large A:link, #texte-large A:visited, 
#texte-large A:active, #texte-large A:focus {
	color: #000;
	font-size: 14px;
}
#texte-large A:hover {
	color: #92c60a;
}
#texte-large dl {
	margin: 0 1em;
	padding: 7px 0;
}
#texte-large ul {
	list-style-image: url(../images/fleche.gif);
}
#texte-large dl dt a {
	padding-left: 10px;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border-bottom: 1px dotted #000;
	font-size: 16px;
	font-weight: bold;
}
#texte-large dl dd ul {
	margin: 0;
	margin-left: 7px;
	padding: 0;
	list-style-type: none;
	list-style-image: url(../images/point.gif);
}
#texte-large dl dd ul li {
	padding-left: -8px;
	padding-top: 9px;
}
#texte-large dl dd {
	margin-left: 15px;
}
#texte-large dl dt {
	margin-top: 15px;
}
dl#col1 {
	float: left;
	width: 360px;
}
dl#col2 {
	float: right;
	width: 360px;
}
/* -------- fin plan du site ---------- */

/* ---------- produit ---------- */
#sommaire ul {
	list-style-image: url(../images/fleche.gif);
}
#sommaire dl dt a {
	padding-left: 10px;
	background-image: url(../images/fleche.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
#sommaire dl dd ul {
	margin: 0;
	margin-left: 7px;
	padding: 0;
	list-style-type: none;
	list-style-image: url(../images/point.gif);
}
#sommaire dl dd ul li {
	padding-left: -8px;
}
#sommaire dl dd {
	margin-left: 15px;
}
#listeprod {
	margin: 0;
	padding: 0;
	border-top: 2px solid #d7d7d6;
	list-style-type: none;
}
#listeprod li {
	border-bottom: 2px solid #d7d7d6;
	padding: 10px;
}
#listeprod LI A.nogreen, #listeprod LI A.nogreen:link, #listeprod LI A.nogreen:visited, 
#listeprod LI A.nogreen:active, #listeprod LI A.nogreen:focus, #listeprod LI A.nogreen:hover {
	font-size: 12px;
}
#listeprod LI A.hovergreen, #listeprod LI A.hovergreen:link, #listeprod LI A.hovergreen:visited, 
#listeprod LI A.hovergreen:active, #listeprod LI A.hovergreen:focus {
	font-size: 12px;
}
#listeprod LI A.hovergreen:hover {
	color: #92c60a;
}
#listeprod LI SPAN A, #listeprod LI SPAN A:link, #listeprod LI SPAN A:visited, 
#listeprod LI SPAN A:active, #listeprod LI SPAN A:focus {
	font-size: 9px;
}
#listeprod LI SPAN A:hover {
	color: #92c60a;
}
#listeprod .removeicon {
	margin: 0 10px;
	position: relative;
	top: 4px;
}
/* ---------- fin produit ---------- */

/* --------- recherche rapide ----------*/
div.autocomplete {
	position: absolute;
	background-color: white;
	border: 1px solid #888;
	margin: 0px;
	margin-top: 3px;
	padding: 0px;
}
 
div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	max-height: 12em;
	overflow: auto;
}
 
div.autocomplete ul li.selected {
	background-color: #c5c5c5;
}
 
div.autocomplete ul li {
	list-style-type:none;
	display: block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	font-size: 11px;
}
/* --------- fin recherche rapide ----------*/

/* --------- rubrique ma liste (panier) ----------*/
.listeprodelt a {
	
}
.listeprodelt a, .listeprodelt a:link, .listeprodelt a:visited, .listeprodelt a:active, .listeprodelt a:focus {
	color: #000;
	font-size: 12px;
	text-decoration: none;
}
.listeprodelt a:hover {
	color: #92c60a;
}
.listeprodelt a span {
	font-size: 9px;
}
/* --------- fin rubrique ma liste (panier) ----------*/

/* --------- coordonnees et contact ----------*/
.coord tr td, .coord tr th {
	padding: 5px;
	vertical-align: top;
}
.coord tbody tr td input[type="text"], .coord tbody tr td input[type="password"], .coord tbody tr td select, .coord tbody tr td textarea {
	width: 300px;
	border: 1px solid #858481;
	background-color: #FAF9FA;
}
.coord tbody tr td textarea {
	height: 80px;
}
.coord tbody tr td button {
	border: 1px solid #858481;
	background-color: #E4E4E4;
	text-align: center;
}
button#sub {
	text-align: center;
}
.coord td ul {
	margin: 0;
	padding: auto;
	padding-left: 14px;
}.coord td ul li {
	list-style-type: circle;
	list-style-image: none;
}

#contactlisteprod .removeicon {
	margin: 0 10px;
	position: relative;
	top: 3px;
}
/* --------- fin coordonnees et contact ----------*/

/* --------- ajout pour le ref ----------*/
strong .normal{
	font-weight:normal;
}
.h1_produit{

	margin:0px;
	padding:0px;
	font-size:inherit;
}
.h1_produit_light{
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:inherit;
}
.h2_produit{

	margin:0px;
	padding:0px;
	font-size:inherit;
}
.h2_produit_home{

	margin:0px;
	padding:0px;
	color: #92c60a;
	font-weight: bold;
	font-size: 12px;
}
.h3_produit{

	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
}
/* --------- fin ajout pour le ref ----------*/