/* CSS Document */
html, body {
	margin:0;
	padding:0;
	font-family:Arial,verdana;
	font-size:11px;
}

form {display:inline;margin:0;paddin:0;}
select, input, textarea {font-family:Arial,verdana;font-size:11px; color:#555555;}
input[type=text] {height:10px;width:125px;}
img{
	border:0px;
	margin:0;
	padding:0;
}
ul,li {
	margin:0;
	padding:0;
	list-style:none;
}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
body { 
	/*background-image:url('images/templates/body_bck.jpg');
	background-repeat:repeat-x;
	background-position:top;*/
	color:#111;
	background-color:#D1D2D4;
}
.clear,.bloc{
	clear:both;
	height:0px;
	margin:0;
	padding:0;
}

.backlink{font-size:9px;text-align:center;padding:10px;}
.backlink strong{font-weight:normal;}

a {text-decoration:none;
	color:#000;
}
a:hover{text-decoration:underline;}

h1,h3,h5 {
	font-weight:normal;
	padding:0;
	margin:0;
}
div {
	scrollbar-face-color:#EEE;  
	scrollbar-shadow-color: #DDD; 
	scrollbar-highlight-color: #FFF; 
	scrollbar-3dlight-color: #FFF; 
	scrollbar-darkshadow-color: #FFF; 
	scrollbar-track-color: #FFF; 
	scrollbar-arrow-color: #8CC542;
}
#conteneur {
	width:980px;
	margin:auto;
	padding-top:50px;
	background-color:#CCC;
}
#head {
	height:106px;
	width:980px;
	/*background-image:url('images/templates/head_bck.jpg');
	background-position:bottom;
	background-repeat:repeat-x;*/
	background-color:#FFFFFF;
}

#head_flash {
	width:980px;
	height:106px;
}
#flashg{
	float:left;
	width:625px;
	height:89px;
}
#flashd {
	float:left;
	width:355px;
	height:106px;
}
.navigation {
	height:15px;
	padding-left:10px;
	color:#000;
	float:left;
	background-color:#B3B3B3;
	width:615px;
	margin-top:-15px;
	color:#FFF;
}
.navigation a {
	color:#FFFFFF;}

.right a {
	color:#000000;
}
#contenu {
	width:980px;
	height:630px;
	background-color:#FFFFFF;
	padding-bottom:20px;
}

/*-------------------------------------------------------------------------------------*/

#gauche {
	float:left;
	width:160px;
	padding-top:10px;
	padding-left:15px;
}
#gauche span {
	font-size:18px;
	font-weight:bold;}
#overflow{
	width:160px;
	height:310px;
	overflow:auto;
	padding-bottom:5px;
	padding-top:5px;
	}
#catalogue{
	list-style:none;
	width:150px;
	padding-top:15px;
}


/************************************** treeview ************************************************/
#catalogue{width:150px;}
#catalogue ul{margin:0; padding:0; list-style:none;}
#catalogue li {margin:0; padding:0; }

/*niveau1*/
#catalogue .file{width:142px; padding-left:8px; background:url('images/templates/fleche_catalogue.jpg') no-repeat 0 2px;}
#catalogue .file a{display:block;}

#catalogue .folder{width:142px; padding-left:8px; background:url('images/templates/fleche_catalogue.jpg') no-repeat 0 2px;}
#catalogue .folder a{display:block;}

#catalogue .folderOpen {width:142px; padding-left:8px; background:url('images/templates/flecheverte.jpg') no-repeat 0 2px;}
#catalogue .folderOpen a{font-weight:bold; color:#8CC542;}

/*niveau2*/
#catalogue .tree{display:none; padding:5px 0;}
#catalogue .tree .file{width:140px; background-image:url('images/templates/puce_ssrayon.jpg'); background-position:0 2px; background-repeat:no-repeat; padding-left:10px;}
#catalogue .tree .file a {font-weight:normal; color:#555;}

/********************************* fin treeview **************************************************/

#recherche {
	width:150px;
	height:50px;
	padding-top:15px;
	margin-top:10px;
	text-align:center;
	border-top:2px dotted #999999;
}
#recherche input[type=text]{
	width:105px;
	margin-right:10px;
}

.rech_rapide{width:105px; margin-right:10px;}
#recherche a {font-weight:bold;}
#infos {
	width:150px;
	height:165px;
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	border-top:2px dotted #999999;
}
#overinfos {
	height:140px;
	overflow:auto;
	}
#infos li {
	padding-top:3px;
	list-style:none;
}
#infos ul {
	margin:15px 0 0 0px;
	
}
#infos li a{
	color:#555;
}

.item a {display:block; width:130px;}
/*-------------------------------------------------------------------------------------*/
#centre {
	width:805px;
	float:left;
	}
.editobis {
	width:450px;
	float:left;
}
#edito {
	height:185px;
	width:450px;
	background-color:#DED9D5;
	border-bottom:2px solid #8A8683;
	padding-top:10px;
	overflow:auto;
	}
#edito ul {
	padding-left:10px;
}
#edito span {
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
}
#edito p{
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}
#diapobis {
	width:355px;
	height:355px;
	float:right;
}
#promo {
	width:450px;
	height:160px;
	background-color:#F2F2F2;
}
#promo span {
	float:right;
}
#promo img{
	float:left;
	padding-right:10px;
}
#promo h3{
	font-size:18px;
	font-weight:bold;
}
.promo_prix {
	padding:4px 5px 4px 5px;
	background-color:#9E1F64;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
}
.promo_barre {
	text-decoration:line-through;
	font-size:14px;
	padding-right:20px;
	padding-left:20px;
}
.spanprix {
	background-image:url('images/templates/pointille_fondgris.jpg');
	background-position:20px 0;
	background-repeat:repeat-x;
	padding-top:10px;
	height:25px;
	float:left;
	width:200px;
	text-align:right;
	margin-top:-48px;
	margin-left:180px;
	_margin-left:90px;
}
.spanprix .prod_prix {
	padding:2px 5px 2px 5px;
	background-color:#9E1F64;
	color:#FFF;
	font-weight:bold;
	font-size:16px;
	margin-left:50px;
}
#voirtoutes {
	height:18px;
	width:445px;
	text-align:right;
	float:left;
} 
#voirtoutes span {
	background-color:#F2F2F2;
	background-image:url('images/templates/onglet_i.jpg');
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:5px;
	_margin-top:-4px;
}

.noir {
	color:#FFFFFF;
	background-color:#000000;
	padding:5px 5px 5px 5px;
	font-weight:bold;
	font-size:14px;
}

.entete {
border-bottom:2px dotted #999999;
	height:25px;
	width:97%;
	margin-top:15px;
	clear:both;
	text-align:left;
}
.entete span{
	background-image:url('images/templates/fleche_entete.jpg');
	background-position:right;
	background-repeat:no-repeat;
	padding-right:10px;
	font-weight:bold;
	font-size:18px;
}
.margin {
	height:230px;
	overflow-y:auto;
	overflow-x:hidden;
	width:805px;
}

.marginbis {
	height:280px;
	overflow-y:auto;
	overflow-x:hidden;
	width:758px;
}

.produit {
	float:left;
	height:195px;
	margin-top:20px;
	padding-left:10px;
	padding-right:15px;
	width:114px;
}
.produit h3 {
	font-size:11px;
	height:33px;
	width:104px;
	padding-bottom:8px;
	border-bottom:2px dotted #999999;
	font-weight:bold;
}
.prod_img {
	margin:auto;	
	width:100%;
	height:114px;
	text-align:center;
	background-image:url('images/templates/fond_img_art.jpg');
	background-position:top;
	background-repeat:no-repeat;
}
.prod_img  a {
	vertical-align:middle;
}
.prod_descr {
	height:60px;
	width:100px;
	padding-left:6px;
}

.img_prod{height:250px; text-align:center;}


.prod_prix,.cat_nb {
	color:#8CC542;
	font-weight:bold;
	font-size:13px;
	float:right;
}
.barre {
	text-decoration:line-through;
	color:#898989;
	font-size:9px;
	float:right;
	clear:right;
}
.voirtous a{
	color:#35363A;
}
.voirtous {
	float:right;
	padding-right:50px;
	padding-top:20px;
	font-weight:bold;
}
/*-------------page categ---------------------*/
#cat_descr {
	background-color:#DED9D5;
	float:left;
	height:100px;
	overflow:auto;
	margin-top:5px;
	padding-top:10px;
	width:800px;
}
#cat_descr h1 {
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
}
#cat_descr p{
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}
#cat_produits ul {
	margin-top:10px;
}
#cat_produits ul li h3{
	border-bottom:2px dotted #999999;
	height:18px;
	font-size:13px;
	font-weight:bold;
	width:95%;
}

#cat_produits {
	float:left;
	/*height:466px!important;
	height:484px;*/
	width:440px;
	margin-top:4px;
	padding-left:5px;
}
#cat_produits .produit {
	padding-left:0x;
}

#margin2 {
	width:445px;
	height:445px;
	overflow:auto;

}	
#entete_sel {
	height:18px;
	width:355px;
	float:left;
	margin-top:5px;
} 


#entete_sel span {
	background-color:#F2F2F2;
	background-image:url('images/templates/onglet_selection.jpg');
	background-position:right top;
	background-repeat:no-repeat;
	font-size:18px;
	font-weight:bold;
	height:18px;
	margin-left:5px;
	padding-left:5px;
	padding-right:35px;
}

#selection {
	background-color:#F2F2F2;
	float:left;
	height:445px!important;
	height:463px!important;
	left:5px;
	position:relative;
	width:350px;
}
#selection .produit{
	padding-left:15px;
}
#selection .produit h3 {
	background-image:url('images/templates/pointille_fondgris.jpg') no-repeat;
	background-position:bottom;
	background-repeat:repeat-x;
}
#selection .prod_img {
	background-image:url('images/templates/fondgris_img_art.jpg');
	background-position:top;
}

#page {
	text-align:right;
	margin-top:15px;
	padding-right:15px;
	}
	
.prod_img_recap {
	background-position:center top;
	background-repeat:no-repeat;
	height:157px;
	margin:auto;
	text-align:center;
	width:100%;
}

.produit_recap {
	float:left;
	height:195px;
	margin-top:20px;
	padding:10px 0pt 0pt 10px;/*95*/
	width:157px;
}
.produit_recap h3, .produit_recapbis h3 {
	border-bottom:2px dotted #999999;
	font-size:11px;
	font-weight:bold;
	height:25px;
	padding-bottom:8px;
	width:150px;
}

.produit_recapbis {
	float:left;
	height:195px;
	margin-top:20px;
	padding:30px 0pt 0pt 20px;
	width:157px;
}

.produit_recapContent {
	height:285px;
	overflow-x:hidden;
	overflow-y:auto;
	width:805px;
}

.prod_descr_recap {
height:60px;
padding-left:6px;
width:150px;
}
/*---------------------page article-----------------*/
#art_caract {
	width:120px;/*125*/
	height:380px!important;
	height:392px;
	background-image:url(images/templates/fondvert.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#8BC43F;
	color:#FFFFFF;
	float:left;
	padding-left:10px;
	padding-right:5px;
	padding-top:20px;
	position:relative;
	}
#art_caract  select{
	width:110px;
	margin:10px 0 10px 0;;
}

#formuadd{
	height:310px;
	}
#btn {
	background:transparent url('images/templates/pointille_fondvert.jpg') repeat-x;
	height:25px;
	padding-top:5px;
	position:absolute;
	text-align:center;
	top:370px;
	width:115px;
}

#btn img {
	padding-bottom:27px;
}

#formu_change_prix {
	width:125px;
	height:80px;
	position:absolute;
	left:0px;
	top:290px;
	background:transparent url('images/templates/fleche.jpg') no-repeat 50px 50px;
	text-align:right;
}

#prix_par_caract{
	width:100px;
	text-align:right;
}
#art_descr h1 {
	padding:10px 10px 10px 0;
	font-size:18px;
	font-weight:bold;
}

#art_descr {
	float:left;
	width:384px!important;
	width:383px;
	padding-left:10px;
	background-color:#F2F2F2;
	height:400px!important;
	height:412px;
	overflow:auto;
	overflow-x:hidden;
}
#art_descr2 {
	float:left;
	width:504px!important;
	width:503px;
	padding-left:10px;
	background-color:#F2F2F2;
	height:630px;
	overflow:auto;
	overflow-x:hidden;
}




#art_descr div {
	background-image:url('images/templates/pointille_fondgris.jpg');
	background-position:bottom;
	background-repeat:repeat-x;
	width:97%;
	margin:auto;
	padding-bottom:20px;
	font-size:14px;
}
#art_descr div span{
	float:right;
}

#art_descr p {
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
}
#stok img {
	padding-right:15px;
	}
#step  {
	color:#FF0000;
	}
.art_prix,input .art_prix {
	color:#FFF;
	background-color:transparent;
	font-weight:bold;
	font-size:22px;
}
input.art_prix {
	vertical-align:middle;
	height:auto;
	font-size:18px;
	border:0px;
	width:80px;
	vertical-align:middle;
	}

.barre2 {
	text-decoration:line-through;
	color:#FFF;
}

#qte {
	width:15px;
}

#photos {
	background-color:#E6E6E6;
	float:left;
	height:370px!important;
	height:382px;
	padding-top:15px;
	padding-bottom:15px;
	width:276px!important;
	width:277px;
}

#art_img {
	width:276px;
	height:250px;
	padding-top:5px;
	text-align:center;
}

#vignettes {
height:75px;
left:0px;
overflow:auto;
padding-bottom:10px;
padding-top:10px;
position:relative;
width:276px;
}

#vignettes img {
	vertical-align:middle;
}


.vignette {
	border:1px solid #999999;
	float:left;
	height:64px;
	margin:5px 0pt 0pt 10px;
	padding-top:0px;
	width:64px;
}

#agrandir{
	background-image:url('images/templates/pointille_fondgris.jpg');
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	padding-top:5px;
	height:10px;
}



/*-------------------------------------------------------------------------------------*/
#footer  {
	/*background-image:url('images/templates/footer_bck.jpg');
	background-position:top;
	background-repeat:repeat-x;*/
	height:80px;
	text-align:center;
	color:#4C4C4E;
	padding-bottom:15px;
	width:980px;
	
}

#footer .liens  {
	display:block;
	padding-top:20px;
	padding-bottom:20px;
	text-transform:uppercase;
}
#footer span  a{
	padding:0 10px 0 10px;
}

.vel{ text-decoration:underline;}
.vel:hover{ text-decoration:none;}

/*----------------------------------cde1----------------------------------*/
.pagecontenu {
	width:760px;
	margin: 0 auto;
	margin-top:10px;
	position:relative;
}

.calque0{width:760px; position:absolute; z-index:0; background-color:#FFFFFF;}
.calque1{width:760px; position:absolute; z-index:10; background-color:#FFFFFF;}


.pagecontenubis {
    height:520px;
	padding:10px;
	border:1px solid #B3B3B3;
	border-top:none;
	overflow:auto;
}
.pagecontenubis textarea{
	width:400px;
	height:300px;}
.rechercheContenu {
    height:520px;
	padding:0px;
	border:1px solid #B3B3B3;
	border-top:none;
	overflow-y:auto;
	overflow-x:hidden;
	padding-left:10px;
}


.pagecommande_recap{
	padding:10px;
	border:1px solid #B3B3B3;
	border-top:none;
	margin-bottom:20px;
}

.cde1 {
	background-color:#DFDFDF;
	height:20px;
	padding:10px;
}

.etoile {
	font-weight:bold;
	color:#9E1F64;
}

.cadre_left {
	background-color:#EFEFEF;
	float:left;
	height:170px;
	padding-bottom:10px;
	padding-top:10px;
	width:40%;
	text-align:center;
}


.cadre_right {
	background-color:#EFEFEF;
	float:right;
	height:170px;
	padding-bottom:10px;
	padding-top:10px;
	width:42%;
	text-align:center;
} 


.cadreG {
	float:left;
	height:170px;
	margin:0 0 0 40px;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:10px;
	width:42%;
}

.cadreD {
	float:right;
	height:170px;
	margin:0pt 0pt 0pt 40px;
	padding-bottom:10px;
	padding-left:130px;
	padding-top:10px;
	width:200px;
}

.titre_divers {
	background:#FFFFFF url('images/templates/back_titredivers.jpg') no-repeat left bottom;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	height:20px;
	line-height:23px;
	padding:2px 0pt 0px 10px;
}

.titre_diversbis {
	font-weight:bold;
	margin-bottom:10px;
}

.cde2 {
	background-color:#EFEFEF;
	height:20px;
	padding:10px;
}
.td_head_cde {
	font-weight:bold;
	height:35px;
	padding-left:10px;
	padding-right:10px;
}

.td_head_cdebis {
	font-weight:bold;
	height:35px;
	text-align:center;
}

.pagecontenu table td .qte {
	width:15px;
}
.td_foot_cde {
	height:35px;
	padding-right:10px;
	text-align:right;
}

.erreur {
	color:#9E1F64;
	font-weight:bold;
	text-align:center;
}

.erreurbis {
	color:#8BC43F;
	font-weight:bold;
}



/*Photographie Page*/
#diapo {width:600px; float:left; padding:10px 0 0 10px;}
#diapo img {border:none; margin:0;}
#autre {width:70px; float:right; margin:0 5px; text-align:center;}
#autre img{margin-top:10px; }