/* Balises qui définissent des tableaux à angles arrondis (ici page principale) */

a:link {color: #222222;text-decoration: none;}
a:visited {color: #222222;text-decoration: none;}
a:hover {color: #222222;text-decoration: none;}
a:active {color: #222222;text-decoration: none;}


td { font-size: 11px; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular }

.Custtxtfield 
{
font-family: Verdana; 
font-size: 11px;
font-weight: bold;
	background-color: #FFFFFF;
	border: #333333;
	border-style: groove;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

.Custsubmitbtn {
        font-family : Verdana, Arial;
        font-size : 11px;
	font-weight: bold;     
        color : #222222; /* couleur du texte */
	padding: 6px;
}

.CustOrderbtn {
        font-family : Verdana, Arial;
        font-size : 18px;
	font-weight: bold;     
        color : #222222; /* couleur du texte */
	padding: 7px;
}


.Adminsubmitbtn { 
color: #000000; 
font-weight: bolder; 
font-size: 11px; 
font-family: Verdana; 
background: #f7f7ff url(images/bkgadmbtn.gif); 
border: solid 1px #444 
}
 
 
.Custtxtfielddropdown
{
font-family:  Verdana; 
font-size: 11px;
font-weight: bold
}


/*  banners */
.text_size9
{
    FONT-SIZE: 9pt;
    COLOR: black;
    LINE-HEIGHT: normal;
    TEXT-DECORATION: none
}
.fieldbox
{
    BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    FONT-SIZE: 11px;
    BACKGROUND: #ffffff;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #333333;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-FAMILY: Verdana
}
.color_formborder
{
    BACKGROUND-COLOR: lightgrey
}
.color_formheader
{
    BACKGROUND-COLOR: #dddddd
}
.color_formfields
{
    BACKGROUND-COLOR: #f5f5f5
}
.color_formfieldsalt
{
    BACKGROUND-COLOR: #f0f0f0
}
.color_formresponse
{
    BACKGROUND-COLOR: white
}
.hdrproductwhite {
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}


/* BOX d'affichage pour les différents modules */

.module_table {
width:100%;
border:solid 1px #000000;
background-color:#ffffff;
padding:0;
border-spacing:1px;
}

.module_td_titre {
background-color:#FFFFFF;
color:#646464;
}

.module_td_content {
background-color:#f9f9f9;
 }
 
/* BOX d'affichage pour produits */
.prod_table {
width:160px;
border:1px;
background-color:#eeeeee;
padding:0;
border-spacing:0;
font-family: "Verdana";
font-size: 12px;
}

.prod_td_titre {
background-color:#F9F9F9;
text-align:center;
font-family: "Verdana";
font-size: 11px;
}

.prod_td_content {
background-color:#ffffff;
text-align:center;
font-family: "Verdana";
color: rgb(100,100,100);
font-size: 10px;
 }
 
.prod_td_footer {
background-color:#eeeeee;
text-align:center;
font-family: "Verdana";
font-size: 11px;
 }

/* STYLES SPECIFIQUES CACHEMIRELAND */

.styleBody {
      	margin: 0 auto;
	padding: 0;
	background-color: rgb(160, 155, 155);
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

.styleTexteDefaut {
	font-family: "Verdana";
	font-size: 12px;
	color: #222222;
}

.styleTexteSouligne {
	font-family: "Verdana";
	font-size: 11px;
	color: #222222;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #222222;
	text-decoration: none;
}

.styleTexteTableau {
	font-family: "Verdana";
	font-size: 11px;
	color: #222222;
}

.styleGrandTexte {
	font-family: "Verdana";
	font-size: 14px;
	color: #222222;
}

.styleProduitEnStock {
	font-family: "Verdana";
	font-size: 10px;
	color: #222222;
	vertical-align: middle;
}

.styleProduitEpuise {
	font-family: "Verdana";
	font-size: 10px;
	color: #888888;
	vertical-align: middle;
}

.stylePetitTexte {
	font-family: "Verdana";
	font-size: 10px;
	color: #222222;
}

.styleTresPetitTexte {
	font-family: "Verdana";
	font-size: 9px;
	color: #222222;
}

.messageErreur {
	font-family: "Verdana";
	font-size: 12px;
	color: #222222;
}

.styleTitreMenu {
	font-family: "Verdana";
	font-size: 16px;
	color: #222222;
	font-weight: bold;
}

.styleReduction {
	font-family: "Verdana";
	font-size: 16px;
	color: red;
	font-weight: bold;
}

.styleSoldes {
	font-family: "Verdana";
	font-size: 12px;
	color: white;
	font-weight: bold;
}
.styleTabSoldes {
     	background-color: red;
	padding: 2px;
	margin-top: 2px;
	width: 100%;
	border: 0;
}

.styleGSoldes {
	font-family: "Verdana";
	font-size: 16px;
	color: white;
	font-weight: bold;
}

.styleGTabSoldes {
     	background-color: red;
	padding: 2px;
	margin-top: 2px;
	width: 240px;
	height: 40px;
	border: 0;
	vertical-align: middle;
	text-align: center;
}

.styleNouveau {
	font-family: "Verdana";
	font-size: 16px;
	color: blue;
	font-weight: bold;
}

.styleEpuise {
	font-family: "Verdana";
	font-size: 16px;
	color: red;
     	background-color: #eeeeee;
	font-weight: bold;
}

.stylePrix {
	font-family: "Verdana";
	font-size: 20px;
	color: black;
	font-weight: bold;
}

.styleTexteMarque {
	font-family: "Verdana";
	font-size: 12px;
	color: #222222;
	font-weight: bold;
}
.styleTexteInfoProduit {
	font-family: "Verdana";
	font-size: 11px;
	color: #222222;
}

.styleTexteNB {
	font-family: "Verdana";
	font-size: 12px;
	color: rgb(0,0,255);
}

.styleTexteDelaiLivraison {
	font-family: "Verdana";
	font-size: 11px;
	color: rgb(0,0,255);
}

.styleMessageAlerte {
	font-family: "Verdana";
	font-size: 12px;
	color: blue;
	font-weight: bold;
}

.styleTitreMail {
	font-family: "Verdana";
	font-size: 12px;
	color: rgb(255,255,255);
      background-color: rgb(0,0,120);
}

.styleTexteBlanc {
	font-family: "Verdana";
	font-size: 12px;
	color: rgb(255,255,255);
}

.stylePetitTexteBlanc {
	font-family: "Verdana";
	font-size: 10px;
	color: rgb(255,255,255);
}

.styleTresPetitTexteBlanc {
	font-family: "Verdana";
	font-size: 9px;
	color: rgb(255,255,255);
}

.stylePetitTexteBleu {
	font-family: "Verdana";
	font-size: 10px;
	color: blue;
}

.stylePetitTexteRouge {
	font-family: "Verdana";
	font-size: 10px;
	color: red;
}

.caseMenu {
	font-family: "verdana";
	font-size: 9px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 1px outset #FFFFFF;
  	width: 67px;
	color: rgb(25,25,25);
      	background-color: rgb(230, 230, 230);
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.caseMenu:hover {
	color: rgb(255,255,255);
      	background-color: rgb(100, 100, 100)
}


.caseMenuFashion {
	font-family: "verdana";
	font-size: 9px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 1px outset #FFFFFF;
  	width: 105px;
	color: rgb(25,25,25);
      	background-color: rgb(230, 230, 230);
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.caseMenuFashion:hover {
	color: rgb(255,255,255);
      	background-color: rgb(100, 100, 100)
}

.caseMenuHomme {
	font-family: "verdana";
	font-size: 9px;
	text-align: center;
	padding: 0;
	margin: 0;
	border: 1px outset #FFFFFF;
  	width: 85px;
	color: rgb(25,25,25);
      	background-color: rgb(230, 230, 230);
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.caseMenuHomme:hover {
	color: rgb(255,255,255);
      	background-color: rgb(100, 100, 100)
}


.cadreTable {
	border:1px medium #000000;
}


h1 {
	font-family: "Verdana";
	font-size: 16px;
	color: #222222;
}

h2 {
	font-family: "Verdana";
	font-size: 14px;
	color: #222222;
}


.divPage {
	width: 1024px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	min-height: 100%;
	background: #ffffff;
}

<!--[if IE]>
.divPage {
	width: 1024px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	height: 100%;
	background: #ffffff;
}
<![endif]-->

.divConteneur {
	width: 1024px;
	text-align: center;
	background: #ffffff;
	padding-bottom: 100px;
}

.divBasPage {
	width: 1024px;
	left: 0;
	bottom: 0;
	position: absolute;
	height: 100px;
}

.divDernierElement {
	width: 1024px;
	margin: 0;
	padding: 0;
	height: 100px;
}

.logo {
	font-family: French Script MT;
	font-size: 72px;
	color: #000000;
	position: relative;
	top: 10px;
}

.slogan {
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
        position: relative;
	top: 15px;
	display: block;
}

.bandeServiceClientsH {
	background: #dddddd; 
	height: 25px;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
	vertical-align: middle;
	text-align: center;
}

.bandeTelephone {
	background: #ffffff; 
	height: 25px;
	font-family: Verdana, Arial;
	font-size: 18px;
	color: #222222;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
}

.bandeServiceClientsB {
	background: #dddddd; 
	font-family: Verdana, Arial;
	height: 25px;
	font-size: 12px;
	color: #222222;
	vertical-align: middle;
	text-align: center;
}

.menu, .menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

.menu /* Ensemble du menu */
{
        font-family : Verdana, Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
        background : #dddddd; /* couleur de fond */ 
	z-index: 500;
	display: block;
	position: relative;
}

.menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #dddddd; /* couleur de fond */        
        color : #222222; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

.menu li /* Éléments des listes */      
{ 
	position: relative;
        display: inline;
	float: left;
        border-right : 1px solid #ffffff; /* on met une bordure blanche à droite de chaque élément */
}

.derniereCaseMenu /* Éléments des listes */      
{ 
        float: left;
        border-right : 1px solid #dddddd; /* on met une bordure de la couleur du fond à droite de chaque élément */
}

.menu li ul /* Sous-listes */
{ 
        position : absolute; /* Position absolue */
	left: 0;
        display: none;
	z-index: 100;
}


.menu li ul li /* Eléments de sous-listes */
{
        border-top : 1px solid #ffffff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

.menu li ul ul 
{
        border-left : 1px solid #ffffff ; /* Petite bordure à gauche pour ne pas coller ... */      
}


.menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color : #222222; /* On passe le texte en noir... */
        background : #eeeeee; /* ... et au contraire, le fond en blanc */
}

.menu li:hover ul ul, .menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        display: none; /* On expédie les sous-sous-listes hors du champ de vision */
}

.menu li:hover ul, .menu li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        display: inline; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
	z-index: 2000;
	position: absolute;
}

.menuHaut li ul /* Sous-listes */
{ 
        width : 127px; /* Largeur des sous-listes */
	top: 30px; /* bug IE7 */
}

.menuHaut li ul ul 
{
        margin : -26px 0 0 127px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */    
}

.menuHaut a /* Contenu des listes */
{
        width : 127px; /* largeur */
}

.menuHaut, .menuHaut ul /* Liste */     
{
        line-height : 30px; /* on définit une hauteur pour chaque élément */
}


.menuBas li ul /* Sous-listes */
{ 
        width : 203px; /* Largeur des sous-listes */

}

.menuBas li ul ul 
{
        margin : -26px 0 0 203px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */    
}

.menuBas a /* Contenu des listes */
{
        width : 203px; /* largeur */
}

.menuBas /* Liste */     
{
        line-height : 30px; /* on définit une hauteur pour chaque élément */
}

.menuBas ul /* Liste */     
{
        line-height : 30px; /* on définit une hauteur pour chaque élément */
	position : relative; /* pour pouvoir faire défiler les sous-menus vers le haut */
}

.menuBas li ul /* Liste */     
{
        line-height : 30px; /* on définit une hauteur pour chaque élément */
	bottom : 30px; /* défilement vers le haut */
        border-bottom : 1px solid #ffffff; /* on met une bordure blanche en bas de la liste */
}

.bandeInscription {
	background: #dddddd; 
	height: 25px;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
	vertical-align: middle;
	text-align: center;
}


.window {
	height: 469px;	
	width: 335px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	left: 0;
	bottom: 0px;
	border: 0px;
	margin: 0;
	padding: 0;
	border-top : 6px solid #eeeeee;
	border-right : 6px solid #eeeeee;
	border-bottom : 6px solid #eeeeee;
}

.image_reel {
	position: absolute;
	top: 0; 
	left: 0;
}

.image_reel img {
	height: 469px;	
	width: 335px;
	float: left;
}


.bandeLivraison {
	background: #ffffff; 
	font-family: Verdana, Arial;
	height: 60px;
	font-size: 12px;
	color: #222222;
	vertical-align: middle;
}

.bandePaiement {
	background: #ffffff; 
	font-family: Verdana, Arial;
	font-size: 14px;
	color: #222222;
	vertical-align: middle;
}


.conteneurTailles {
	position: relative;
	width: 200px;
	left: 0;
	top: 0;
	border: 0px;
	margin: 0;
	padding: 0;
}

.blocTailles {
	position: relative;
	left: 0;
	top: 0;
  	border: 0px solid #000000;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
	min-height: 80px; 
}


.blocLienTailles {
  	position: absolute;
  	top: 30px;
  	right: 15px;
  	border: 5px solid #dddddd;
  	padding: 1em;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
}


.blocTableauTailles {
  	position: absolute;
  	bottom : 50px;
  	right: 20px;
  	border: 5px solid #dddddd;
  	padding: 2px;
	visibility: hidden;
	background: #ffffff;
	z-index: 200;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
}

.suiteTailles {
  	clear: both;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
}

.blocProduitsAssocies {
  	top: 0px;
  	right: 0px;
  	border: 5px solid #dddddd;
  	padding: 6px;
}



.titreProduitsAssocies {
	background: #dddddd; 
	width: 100%;
	height: 30px; 
	vertical-align: middle;
	font-family: Verdana, Arial;
	font-size: 14px;
	text-align: center;
}

.divTexteCreateur {
  	position: relative;
  	top: 0;
  	right: 0;
  	border: 5px solid #dddddd;
  	padding: 1em;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
}

.blocTexteCreateur {
  	position: absolute;
  	bottom : 200px;
  	right: 220px;
  	border: 5px solid #dddddd;
  	padding: 2px;
	visibility: hidden;
	background: #ffffff;
	z-index: 200;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
}

.infoMannequin {
	position: absolute;
	left: 500px;
	top: 165px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #222222;
	text-align: right;
}

.boutonCommander /* Bouton commander */
{
        font-family : Verdana, Arial;
        font-size : 18px;
	font-weight: bold;     
        color : #222222; /* couleur du texte */
	padding: 7px;
}

.fleche {
    	border-color:transparent transparent transparent #333333;
    	border-style:solid;
   	border-width:20px 15px 0 15px;
    	height:0;
    	width:0;
}

.tableMensurations {
	width: 300px;
	border: 1px solid #dddddd;
	padding: 2px;
	font-family: Verdana, Arial;
	font-size: 10px;
}

.rowMensurations {
	background-color: #dddddd;
}

.colMensurations {
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #222222;
	border: 1px solid #dddddd;
}

.tableColoris {
	border: 1px solid #dddddd;
	padding: 2px;
}


.rowColoris {
	background-color: #dddddd;
}

.colColoris {
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #222222;
	border: 1px solid #dddddd;
}

.tableColoris {
	border: 1px solid #dddddd;
	padding: 2px;
}


.boutonColoris {
        font-family : Verdana, Arial;
        font-size : 10px;   
        color : #222222; /* couleur du texte */
	padding: 2px;
	width: 100%;
	cursor: pointer;
}

.fenetreColoris {
  	position: absolute;
  	top : 450px;
  	left: 380px;
  	border: 5px solid #dddddd;
  	padding: 0;
	visibility: hidden;
	background: #ffffff;
	z-index: 200;
}

#conteneurCategorie {
	position: relative; 
	top: 0; 
	left: 0;
	width: 972px; !zonecss;
	min-height: 900px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

#previewCategorie {
	position: relative;
	height:240px; 
	background-color:#eeeeee;
	text-align: center;
	width: 972px;
	margin: 0;
	padding: 0;
	z-index: 1;
}

#slideleft {
	float: left;
	width:22px; 
	height:240px; 
	margin:0; 
	background:#eee;
	position: relative;
 }

#slideright {
	float: right; 
	width:22px; 
	height:240px;
	margin:0; 
	background:#eee;
	position: relative;
}

#flecheGauche {
	position: relative;
	top:110px;
	left:-12px;
	z-index: 5;
	visibility: hidden;
}

*>#flecheGauche {
	position: relative;
	top:110px;
	left:-12px;
    	width:0; 
	height:0;
    	border:20px solid transparent;
    	border-right:10px solid #aaaaaa;
}

#flecheDroite {
	position: relative;
	top:110px;
	left:6px;
	z-index: 5;
	visibility: hidden;
}

*>#flecheDroite {
	position: relative;
	top:110px;
	left:6px;
    	width:0; 
	height:0;
    	border:20px solid transparent;
    	border-left:10px solid #aaaaaa;
}



#fenetrePreviewCategorie {
	position:relative;
	top: 0;
	left: 0;
	margin:0;
	width: 925px !zonecss;
	heigth: 240px;
	overflow: hidden;
	zoom: 1;
	text-align: left;
}

#sliderPreviewCategorie {
	position: relative;
	margin:0; 
	width: 3000px;
	heigth: 240px;
}


.imageCategorie {
	border-width: 0px 2px;
	border-style: solid;
	border-color: #eeeeee;
}

.imageCategorie:hover {
	cursor: pointer;
}

.vignette {
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: bottom;
        zoom: 1;
	text-align: center;
	float: left;
	padding_top: 5px;
	padding_bottom: 5px;
	width: 104px;
}

.titreVignette {
	height: 11px;
	font-family: "Verdana";
	font-size: 12px;
	color: rgb(60,60,60);
	font-weight: bold;
}

.texteVignette {
	font-family: "Verdana";
	font-size: 10px;
	color: rgb(60,60,60);
}

#photoCategorie {
	position: relative;
	left:0;
	width: 956px;
	border: 8px solid #ddd;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	display: block;
	min-height: 700px;
	height: auto;
	z-index: 1;
}

#PageSuivante {
	position: absolute;
	right: 10px;
	top: 10px;
	height: 24px;
	z-index: 20;
	font-family: "Verdana";
	font-size: 10px;
	vertical-align: middle;
	text-align: left;
	color: rgb(60,60,60);
}

#PageSuivante:hover {
	cursor: pointer;
}

#PagePrecedente:hover {
	cursor: pointer;
}

#PagePrecedente {
	position: absolute;
	left: 10px;
	top: 10px;
	height: 24px;
	z-index: 20;
	font-family: "Verdana";
	font-size: 10px;
	vertical-align: middle;
	text-align: right;
}

.pageGauche {
	top: 0;
	left: 0;
	width: 500px;
	height: 700px;
	vertical-align: middle;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 5;
	} 

.pageDroite {
	top: 0;
	right: 10px;
	width: 440px;
	text-align: justify;
	border: 1px solid blue;
	padding: 0;
	margin: 0;
	z-index: 5;
	min-height: 700px;
	height: auto;
	height: 700px;
}

.clear{
       	clear: both;
   }


.blocLienAideSoColissimo {
  	position: absolute;
  	top: 50px;
  	right: 100px;
	width: 210px;
  	border: 5px solid #dddddd;
  	padding: 1em;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
}

.blocAideSoColissimo {
  	position: absolute;
  	bottom : 50px;
  	right: 20px;
	width: 800px;
	height: 426px;
  	border: 10px solid #dddddd;
  	padding: 0;
	visibility: hidden;
	background: #ffffff;
	z-index: 200;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #222222;
	background: url(images/AideSoColissimo.jpg);
	background-repeat : no-repeat; 
}