/* ######################################################################################################
** # Base du systeme 
** ######################################################################################################
*/
@media all
{
html {height:100%} 

body { 
/* This prevents that centered layouts jump ** around 10 pixels if side contents become smaller than the height of the browser */
	min-height: 101%;	
/* Removal of the rounding error with character sizes in the Opera as well as standard formatting  */
    font-size: 100.01%; 
/* FIX: Prevented that positioned elements are not shifted when the size of the Browser of window are changed . */
    position: relative; 

/* Default of the standard colors and text adjustment */     
    color: #000000;        
    background: #CEDFF7;
    text-align: left; 
} 

/* Hereby the edge distances and boron that of all HTML elements are set to zero.  Thus 
** the appearance of the web page in different Browsern is standardized. 
**
** note:  At the same time thereby however the extreme zoom shot behavior in the InterNet Explorer caused 
** for it the necessities chop should therefore not be forgotten, around this problem again too 
** be eliminated.  He is to be found in the file "iehacks.css". 
*/

* {margin:0; padding:0; border:0; font-size: 12px;}

/* ######################################################################################################
** ## DIV-Container des Basislayouts
** ######################################################################################################
*/
#nav { clear:both; width: 100%; z-index: 12; }
#nav_horizontal { clear:both; width:auto; z-index: 11;}
#main {	clear:both; width: 100%; z-index: 10;}

#col1 {
	float: left;
	width: 190px; /* Default value, if no other defaults are made  */
}

#col2 {
	float:right; 
	width: 190px; /* Default value, if no other defaults are made */
}

#col3
{
	width:auto;
   	margin-left: 190px; /* Default value, if no other defaults are made */
   	margin-right: 190px; /* Default value, if no other defaults are made */
}


/* The z-index prevents that in the case of the still existing IE nose the texts appear forwards 
** to the column background . */
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1, #col2, #col3 { position: relative; }
#col1_content, #col2_content, #col3_content { position: relative; }

#footer { clear:both; width:auto; }

/* ######################################################################################################
** ### CSS Floatclearing solutions 
** ######################################################################################################
*/

/* Clearfix-Methode to the Clearen of the floating environments  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* This indication must have the Safari Browser !! */
.clearfix {display: block;}

/* Overflow-Methode to the Clearen of the floating environments  */
.floatbox { overflow:hidden; }

/* Clearen of the 3 contents columns by means of this special hr-Tags */
hr.clear_columns {	
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -2em 0 0 0; /* necessarily with it no empty space between columns and Footer develops  */
}

/* ######################################################################################################
** ### Standard formatting for lists & quotations 
** ######################################################################################################
*/

ul, ol, dl { margin: 0 0 1em 0; }
li { margin-left: 1.5em; line-height: 1.5em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

}

/* ######################################################################################################
** # PERSONNALISATION AU NIVEAU DE LA STRUCTURE 
** ######################################################################################################
*/

@media all
{

/* Formatting the side  */
body {
	background: #CEDFF7;
	padding: 00px;	
	font-size: small;
}

/* Here a circulating edge can be produced around the entire web page  */
#page { 
	border-bottom: 1px #942463 solid; 
	background: #FFFFFF; 
}

#page_margins {
	border-left: 1px #942463 solid; 
	border-top: 1px #942463 solid; 
	border-right: 1px #942463 solid; 
	border-bottom: 1px #942463 solid; 
	min-width: 1015px; 
	max-width: 1015px; 
		
	width:expression(document.body.clientWidth > 1020 ? "1020px": "auto" );
		
	margin:auto;
}

#main { color: #000000; background: #FFFFFF ; padding: 0; } 

#nav { margin: 0; padding: 0; }

/* Formatting the head area  */
#header { 
	width:100%;
	height: 120px;
	color: #942463; 
	background-color: transparent; 
	margin: 0;
	padding: 0;	
}

/* Formatting the footing line  */
#footer { 
	color: #000000; 
	background: #FF6600; 
	margin: 05px; 
	padding: 10px 0 10px 0; 
	/* border-top: 01px #942463 dashed;  */
	/* line-height: 2em; */
}

/* ######################################################################################################
** ### FORMATAGE COLONNES  
** ######################################################################################################
*/

/* left column  */
#col1 {	width: 190px; }	
#col1_content {	padding-top:02px; margin-left: 02px; margin-right: 02px; color: #444; background:inherit; }

/* Right column  */
#col2 {	width: 190px; }
#col2_content {	padding-top:02px; margin-left: 02px; margin-right: 02px; }

/* Middle column */
#col3
{
  	margin-left: 190px; 
   	margin-right: 190px; 
	border-left: 01px dashed #942463;
	border-right: 01px dashed #942463;
}

#col3_content { padding-top:02px; margin-left: 02px; margin-right: 02px; }

} 

@media all
{
/* ######################################################################################################
** ### Navigation
** ######################################################################################################
*/

/* navigation horizontale */
#nav_horizontal {
	width:100%;
	color: #000000;
	background: #942463;
    padding: 0 ;
	margin: 0;
	height: 25px; 
	border-top:1px solid #A6F762;
	border-bottom:1px solid #942463;    
}

#nav_horizontal_main {
	padding-left: 1em;
	padding-right: 1em;
}

#nav_horizontal_main, #nav_horizontal_main td, #nav_horizontal_main p, #nav_horizontal_main div, #nav_horizontal_main li,#nav_horizontal_main form,#nav_horizontal_main center {
	color: #000000;	
}

#nav_horizontal_main a:link,#nav_horizontal_main a:visited {
	color: #FFFFFF;
	text-decoration: none;		
	font-weight: normal;
}

#nav_horizontal_main a:active,#nav_horizontal_main a:hover {
	color: #FFFFFF;
	text-decoration: none;	
	font-weight: normal;
	background: #942463;
}

/* onglet */
#nav_main {
	width:100%;
	float:left;
	background: #FFFFFF;   /* #FFFFFF; couleur fond haut de page */
	padding-top: 03px;
	margin: 0;
}

#nav_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin:0;
  padding:0 0 0 00px;
  list-style:none;
}
  
#nav_main li {
  float:left; 
  background: #942463; /* couleur fond onglet */
  margin-left: 02px;
  margin-right: 02px;
  margin-top: 0px;
  margin-bottom: 0px;      
  padding: 0;  
  border-top:1px solid #A6F762;
  border-left:1px solid #A6F762;
  border-right:1px solid #A6F762;    
}

#nav_main a {
  float:left;
  display:block;
  color: #FFFFFF;
  background: transparent;
  padding: 03px 05px 03px 05px;  
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
}

/* Commented backslash chop hides rule from IE5-Mac */
#nav_main a {float:none;}
/* End IE5-Mac hack */
#nav_main a:hover { 
    color: #FFFFFF;
    background-color: #7BB6EF;  /* couleur fond onglet actif */
}
#nav_main #current {
  background: #942463;
  border-top:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #CCCCCC;      
  }
#nav_main #current a {
  color: #000000;
  font-weight:bold;
  padding-bottom:4px;
  padding-top:5px;
}



/* ######################################################################################################
** # PERSONNALISATION AU NIVEAU DU CONTENU
** ######################################################################################################
*/

@media all
{
 body, p, td, th, div, blockquote, dl, ul, ol, li, button,input, form, textarea, select, font , thead, tbody, tfoot, label, fieldset {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 font-size: 12px;
 font-weight: normal;
}

strong {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
 color: #000000;
 font-size: 10px;
 font-weight: bold;
}

h1,h2,h3,h4,h5,h6,h7,h8,h9 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; display: block; }

h1 {
	color: #6386CE;
	font-size: 14px;
	font-weight: lighter;
}

h2 {
	color: #6386CE;
	font-size: 12px;
	font-weight: inherit;
}

h3 {
	color: #6386CE;
	font-size: 11px;
	font-weight: inherit;
}

h4 {
	color: #F3C5F0;
	font-size: 12px;
	font-weight: inherit;
}

h5 {
	color: #942463;
	font-size: 12px;
	font-weight: normal;
}
			

/* pave */
fieldset {
color: #000000; 
}

fieldset.pave {
	border-top: 01px #942463 solid;
	margin: 2px 0px 10px 0px;
	padding-left: 2px;
}

fieldset.pave legend {
	border: none;
	color: #6386CE;
	font-size: 12px;
	font-weight: bolder;
	padding-left: 0px;	
	padding-right: 0px;	
	margin-bottom: 10px;
}

/* sous-pave */

h6 {
	font-size: 13px; 
	font-weight:bold; 
	color: #6386CE;  
	background:inherit;  
	margin: 15px 0 10px 0; 
	border-bottom: 01px #942463 null;
}

p,ul {line-height: 1.5em;}
p {line-height: 1.5em; margin: 0 0 1em 8; }

strong,b {font-weight: bold;}
i { font-style:italic; }

hr { color: transparent; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom: 01px #942463 dashed; }

/* liste colonne */
table.cssCenterList {
	border: hidden; 
	width: 98%;
	/* attention margin + width 100% depasse dimension prevue */
}

table.cssCenterList tbody tr td { padding-top: 20px; padding-bottom: 5px;}

table.cssCenterList tbody tr td#cssCenterListSfm { 
border-right: #EF518C 1px dashed;
border-bottom: #EF518C 1px dashed;
}

table.cssCenterList tbody tr td#cssCenterListItem { 
border-right: #EF518C 1px dashed;
border-bottom: #EF518C 1px dashed;
}

table.cssCenterList tfoot tr td { padding-top: 10px; border: hidden;}

/* liste ligne */
.cssLineOdd {
background-color: #FFFFFF;
color: #000000;
}
.cssLinePar {
background-color: #A6F762;
color: #000000;
}
.cssLineHilite, .cssLineHilite a:active, .cssLineHilite a:hover, .cssLineHilite a:link,.cssLineHilite a:visited {
background-color: #DDECFB;
color: #000000;
border: none;
}

.cssLineBorder {
border-bottom: #EF518C 1px dashed;
vertical-align: top;
padding: 5px;
}

.cssLineBorder img {
margin: 5px;
}




table.cssPriceQty td {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
padding: 5px;
}


.infoListDivPagin {
clear: left; 
text-align: center;
}

/* ######################################################################################################
** ### locals and External Links ##########################################################
** ######################################################################################################
*/

a {
color: #333399; 
text-decoration: underline;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 12px;
}
a:hover {background-color: transparent; text-decoration: none; color: #008200; }

#footer a { color: #000000 ; text-decoration: underline;}
#footer a:hover {
background-color: transparent;  
text-decoration: underline; 
color: #000000;
}

a, a:hover { background: transparent; }
#header a, #header a:hover { background: transparent; }
}


/* ######################################################################################################
** ### Formulaire 
** ######################################################################################################
*/

input, select, textarea {
    width: auto;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: 01px #F3F3F3 inset;
	border-top: 01px #F3F3F3 inset;
	border-right: 01px #9D9DA1 inset;
	border-bottom: 01px #9D9DA1 inset;		
    background: #DDECFB;
	padding: 01px;
	color: #000000;
}

select {
	padding: 0px;
	border-right: 25px;
}

input[type=text]:focus, select:focus, textarea:focus {
	background: #DDECFB;
	color: #000000;
	border-left: 01px #F3F3F3 inset;
	border-top: 01px #F3F3F3 inset;
	border-right: 01px #F3F3F3 inset;
	border-bottom: 01px #F3F3F3 inset;			
}

input[type=checkbox], input[type=radio] {
	margin-right: 5px;
	border-color: transparent;
	background: transparent;
}

button {
	background-color: #7BB6EF;
	border-top: #F3F3F3 01px solid;	
	border-left: #F3F3F3 1px solid;	
	border-bottom: #9D9DA1 1px solid;	
	border-right: #9D9DA1 1px solid;				
	color: #BA0678;
	padding: 02px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: hand;
}


*.layoutWithoutTable p {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

*.layoutWithoutTable p label {
 clear: left;
 display: block;
 
 float: left;
 width: 30%; 	
}

table.layoutTableStd {
width: 98%;
margin-top: 5px;
margin-bottom: 5px;
border-right: 01px solid #EF518C;
border-collapse: collapse;
}

table.layoutTableStd td {
border-top: 01px solid #EF518C;
border-left: 01px solid #EF518C;
padding: 5px;
}

table.layoutTableStd td.header {
background-color: #FF0555;
color: #FFFFFF;
font-size: 10px;
text-align:center;
font-weight:bold;
}


table.layoutTableStdNoBorder {
margin-top: 5px;
margin-bottom: 5px;
border: none;
}

table.layoutTableStdNoBorder td {
border: none;
padding: 5px;
line-height: 10px;
}

}


-->/* ######################################################################################################
** # "Yet Another Multicolum Layout" #
** ######################################################################################################
*/

@media screen
{
 
body * { font:100.01% Verdana, Geneva, Arial, Helvetica, sans-serif;} 
* html .hold_floats {height: 1%;} 
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
* html .floatbox {width:100%;}

a, a:hover { background: transparent; }
#footer a, #footer a:hover { background: transparent; }

#col1_content, #col2_content, #col3_content {word-wrap: break-word;}

#col3_content {display: inline; padding: 0; margin: 0; }
#col3_content .floatbox {display: inline-block; width: auto; } 

h1,h2,h3,h4,h5,h6,h7,h8,h9, blockquote {display: inline-block;}
 
#col3 {margin-top: 0; padding: 1em; padding-top: 1.05em; } 

}

#header { background-color:transparent; background-image: url(http://www.broderies-cie.com/image/banfond.jpg); background-attachment: scroll; background-position: top left; background-repeat: repeat-x; HEIGHT: 102px    }
#footer { background-image: url(http://www.broderies-cie.com/image/shopBgPastelGlassfoot.gif); background-attachment: scroll; background-position: top left; background-repeat: repeat;  }
#nav_horizontal { background-image: url(http://www.broderies-cie.com/image/shopBgPastelGlass.gif); background-attachment: scroll; background-position: top left; background-repeat: repeat;  }

-->

table.cssCenterList2 {border: hidden; width: 300px; border-collapse: collapse}
table.cssCenterList2 tbody tr td {width: 300px; padding-top: 20px; padding-bottom: 5px;margin-left: 5px; margin-right: 5px;}
table.cssCenterList2 tbody tr td#cssCenterListItem2 { border: #3C6600 1px solid; font-size: 11px;}
#cssPrice2 { margin-left: 5px; margin-right: 5px; color: #FF0000; font-size: 11px; font-weight: 11px; }
s#cssPriceOverline2 {text-decoration: line-through; margin-left: 5px; margin-right: 5px;	color: #FF0000;	font-size: 11px; font-weight: inherit;}
#cssDiscount2 {	margin-left: 5px; margin-right: 5px; color: #000000; font-size: 11px; font-weight: inherit;	}
#cssPurcentDiscount2 { margin-left: 5px; margin-right: 5px; color: #FF0000; font-size: 13px; font-weight: bold;	}
--> 

  <!--
table.cssCenterList3 {border: hidden; width: 190; border-collapse: collapse}
table.cssCenterList3 tbody tr td { padding-top: 20px; padding-bottom: 5px;}
table.cssCenterList3 tbody tr td#cssCenterListItem2 { border: #3C6600 1px solid; font-size: 11px;}ld;	}
-->  
    
    
   
    
   



A {	COLOR: transparent; TEXT-DECORATION: none}
A:link {	COLOR: #000000; TEXT-DECORATION: none}
A:hover {	COLOR: #000000; TEXT-DECORATION: none}
A:visited {	COLOR: #000000; TEXT-DECORATION: none;	text-transform: none;}
	
A.lien1 { color:#990000; text-decoration:none; }
A.lien1:link { color:#990000; text-decoration:none; }
A.lien1:hover { color:#990000; text-decoration:none; }
A.lien1:visited { color:#990000; text-decoration:none; text-transform: none;}

A.lien2 { color:#942463; text-decoration:none; }
A.lien2:link { color:#942463; text-decoration:none; }
A.lien2:hover { color:#942463; text-decoration:none; }
A.lien2:visited { color:#942463; text-decoration:none; text-transform: none;}

table.print {
margin-top: 5px;
margin-bottom: 5px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-collapse: collapse;
}

table.print td {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
padding: 5px;
}

#nav_ongletdroite li {
  float:left; 
  background: #8080FF; /* couleur fond onglet */
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px; 
  padding: 0px;  
  border-top:1px solid #FFFFFF;
  border-left:1px solid #FFFFFF;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  width:187px;    
}

#nav_ongletdroite a {
  float:left;
  display:block;
  color: #FFFFFF;
  background: transparent;
  padding: 01px 02px 01px 02px;  
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
}

/* Commented backslash chop hides rule from IE5-Mac */
#nav_ongletdroite a {float:none;}
/* End IE5-Mac hack */
#nav_ongletdroite a:hover { 
    color: #FFFFFF;
    background-color: #7BB6EF;  /* couleur fond onglet actif */
}
li {
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: #FFFFFF;
 list-style-type: none;
 margin:0;
 padding:0;
} 

#bas ul
{
list-style-type:none;
margin:5;
padding:20;
}
li
{
display:inline;
}

#para1
{
text-align:center;
color:red;font-size:9px;
} 


#linkButton {
	background-color: #CC3300;
	color: #FFFFFF;	
	border-top: #F3F3F3 1px outset;	
	border-left: #F3F3F3 1px outset;	
	border-bottom: #9D9DA1 1px outset;	
	border-right: #9D9DA1 1px outset;				
	cursor: hand;
	font-weight: normal;
	padding: 5px;
	text-decoration: none;
	text-align:center;
}