/*=============== BALISES HTML ================*/

a {color:#6a167a;text-decoration:none;}
a:hover {text-decoration:underline;}
body {background-color:#999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%;color:#000;}
em {background-color:#ff0;}
form, h1, h2, h3, h4, p, ul, ol, input {padding:0;margin:0;}
h1 {color:#6a167a;text-transform:uppercase;font-size:130%;margin-bottom:20px;}
h2 {color:#6a167a;text-transform:uppercase;font-size:100%;margin:20px 0 15px 0;}
h3 {font-weight:normal;text-transform:uppercase;font-size:100%;margin:15px 0 10px 0;}
h4 {font-weight:normal;color:#666;text-transform:uppercase;font-size:80%;margin:15px 0 10px 0;}
img {border:0;}
p {margin-bottom:10px;font-size:80%}
ul,ol {margin:0 0 10px 15px;font-size:80%}
ol {margin-left:25px;}
li {list-style-image:url('../images/pucesup.gif');}
ol li {list-style-image:none;}
.highlight {color:#6a167a}
a.highlight {font-weight:bold;text-decoration:underline;}

.agentActions {padding:5px 10px;border:1px #25d solid;background-color:#36f;color:#fff;}
	.agentActions a {color:#fff;}
.bold {text-transform:uppercase;font-weight:bold;}
.bold2 {font-weight:bold;color:#6a167a;}
.clear {clear:both;}
.error {border:1px #f33 dashed;background-color:#fff;margin:10px;padding:10px;font-size:12px;font-weight:bold;color:#f33;}
.form_button {cursor:pointer;border:none;background-color:transparent;padding:0px;text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;}
.form_button:hover {color:#6a167a;}
.prix {color:#6a167a;font-weight:bold;}
.tirets {border-bottom:1px #e6e6e6 dashed;width:100%;height:1px;margin:5px 0px 5px -10px;}
.trait {border-bottom:1px #e6e6e6 solid;width:100%;height:1px;margin:5px 0px 5px -10px;}

#container {position:relative;background-color:#8c8c8c;width:950px;margin-left:auto;margin-right:auto;padding-bottom:10px;border:1px #acacac dashed;}
#main {position:relative}

/*=============== EN-TETE ================*/

#header {position:relative;height:100px;border-bottom:1px #acacac dashed;text-transform:uppercase;font-size:70%;}
#banner {position:absolute;z-index:100;width:193px;top:14px;left:10px;}
#slogan {position:absolute;top:57px;left:230px;text-transform:none;font-style:italic;font-size:160%;color:#333;}
#headernav {position:absolute;top:17px;left:230px;width:460px;z-index:120;text-align:right;}
#headernav a {color:#000;}
#headernav a:hover {color:#6a167a;}
#headernav a.blogOscar {color:#fff;}
#headernav a:hover,#headernav a.blogOscar:hover {color:#6a167a;}
#account {position:absolute;top:0px;left:700px;width:100px;height:83px;z-index:120;border-left:1px #acacac dashed;padding:17px 0 0 10px;}
#account a {color:#000;}
#account a:hover {color:#6a167a;}
#formaccount {position:absolute;top:15px;left:810px;width:130px;color:#fff;text-transform:none;}
#formaccount .form_button {font-size:100%;color:#fff;margin:3px 0 3px 0px;}
#formaccount a.form_button {font-size:100%;color:#fff;margin:3px 0 3px 0px;}
#formaccount .form_button:hover {color:#6a167a;}
input#formaccount {width:20px;}

/*----- chemin de navigation ------*/
#headerpath {position:relative;color:#fff;font-size:80%;text-transform:lowercase;margin:0 10px 0 170px;padding:4px 10px 4px 10px;}
#headerpath a {color:#fff;text-decoration:none;}
#headerpath a:hover {color:#6a167a;text-decoration:none;}

/*=========== COLONNE GAUCHE =============*/

#leftnav {position:relative;float:left;width:150px;padding:0 10px 0 10px;text-transform:uppercase;color:#333;line-height:15px;}
#leftnav h3 {color:#333;font-size:120%;font-weight:normal;}
#leftnav a {color:#fff;font-size:70%;text-transform:uppercase;text-decoration:none;}
#leftnav a:hover {color:#6a167a;}
#creation {margin-top:0px;}
#creation h3 {color:#000;margin-top:0px;margin-bottom:5px;}
#collections {border-top:1px #acacac dashed;margin-top:5px;margin-bottom:5px;}
#collections h3 {margin-top:5px;margin-bottom:5px;}
#services {border-top:1px #acacac dashed;margin-top:5px;margin-bottom:5px;}
#services h3 {margin-top:5px;margin-bottom:5px;}
#univers {position:relative;border-top:1px #acacac dashed;margin-top:5px;color:#fff;}
#univers h3 {color:#fff;margin:10px 0 30px 0;}
#univers h3 a {font-size:110%;}
#univers p {font-size:8px;margin:0px 0px 10px 0px;}
#univers .button {background-color:#6a167a;color:#eee;text-transform:uppercase;font-size:160%;font-weight:normal;padding:4px;margin:0;}
#univers .button a {display:block;color:#eee;text-decoration:none;}

/*=========== PIED DE PAGE ==========*/

#footer {width:950px;margin:10px auto 0 auto;text-align:right;text-transform:uppercase;color:#333;font-size:70%;}
#footer a {text-decoration:none;color:#333;}
#footer a:hover {text-decoration:none;color:#eee;}
#footerPaiement {position:relative;float:left;margin-top:30px;width:253px;}
#footerPaiement .spplus {position:relative;padding:3px;border:1px #777 solid;background-color:#fff;}
#footerPaiement .kadeos {position:relative;margin-top:5px;padding:3px;border:1px #777 solid;background-color:#fff;}
#footerDesc {position:relative;float:right;width:670px;height:100px;margin:20px 0 10px 0;padding:5px;border:1px #ccc dashed;overflow:auto;text-align:left;text-transform:none;font-size:130%;}
#footerDesc li {list-style-image:none;}
#footerDesc a,#footerDesc a:hover {text-decoration:underline}

/**************** CONTENU DE PAGE *********************
********************************************************/

#content {position:relative;width:770px;min-height:420px;margin:0 0 0 170px;background-color:#fff;}
#content li {margin-bottom:10px;}

/*============= HOME ============*/

#HOM_content {position:relative;width:750px;padding:10px;}
#HOM_left {position:relative;float:left;width:639px;}
#HOM_main {position:relative;float:left;width:637px;margin:0 5px 8px 0;border:1px #ccc solid;}
#HOM_main h1 {z-index:1;position:absolute;top:0;left:0}
#HOM_main img {z-index:10;position:relative;}
#HOM_right {position:relative;float:right;width:103px;}
#HOM_rightTop {position:relative;float:right;border:1px #ccc solid;}
#HOM_rightTop p {position:absolute;top:55px;left:0;padding:5px;text-align:center;font-weight:bold;}
#HOM_rightBottom {position:relative;float:right;height:357px;border:1px #ccc solid;margin:8px 0 0 0;}
#HOM_promoTexte {position:relative;float:left;margin:3px;font-size:80%;}
#HOM_promoTexte a {color:#666;}
#HOM_promoTexte a:hover {color:#6a167a;}
#HOM_bottom {position:relative;float:left;width:639px;}
#HOM_bottomL, #HOM_bottomC, #HOM_bottomR {position:relative;float:left;width:207px;border:1px #ccc solid;margin-right:5px;}
#HOM_bottomL h2, #HOM_bottomC h2, #HOM_bottomR h2 {z-index:1;position:absolute;}
#HOM_bottomL img, #HOM_bottomC img, #HOM_bottomR img {z-index:10;position:relative;}

#HOM_bottomR {margin-right:0;}
.HOM_bottomItem {position:relative;float:left;width:207px;border:1px #ccc solid;margin-right:3px;}

/*======= CONTENU DOCS PERMANENTS =======*/

#contentDoc {position:relative;float:left;width:399px;padding:60px 100px 10px 100px;border-right:1px #ccc solid;}
#contentDoc h1 {position:absolute;top:0;left:0;width:500px;height:25px;padding:4px 0 0 100px;border-bottom:15px #ccc solid;background-color:#333;text-transform:uppercase;font-size:130%;color:#fff;font-weight:normal;}

/*---- contenu colonne de droite ------*/
#contentRight {position:relative;float:right;width:150px;padding:10px 10px 10px 10px;}
.rightBloc1 {position:relative;padding:10px;margin-bottom:10px;background-color:#ccc;border:1px #999 solid;}
.rightBloc1 h2 {margin:0 -10px 0 -10px;padding:0 10px 10px 10px;border-bottom:1px #fff dashed;text-align:center;}
.rightBloc1 h3 {color:#6a167a;}

/*-------- nav intra doc --------*/
.top {text-align:right;margin-top:20px;}
.top a {text-decoration:underline;}

/*------ messages d'erreur ------*/
#errorMessage {position:relative;padding:10px;margin:10px 100px 10px 100px;border:1px #f33 solid;color:#f33;font-size:80%;}
#errorMessage h2 {margin-top:0;color:#f33;font-size:100%;}
.errorMessage {color:#f33;}
.error {color:#f33;border: 1px #f33 dashed;}

/*---- presentation d'elements (tissus, cols...) ---*/
.itemInfo {position:relative;width:399px;border-top:1px #ccc dashed;margin-top:20px;min-height:170px;}
.itemInfo a {text-decoration:underline;}
.itemInfoImage {position:relative;float:left;border:1px #eee solid;}
.itemInfoDesc {position:relative;margin-left:130px;}

/*-------- tableaux --------*/
#contentDoc table {font-size:80%;}
#contentDoc td {background-color:#eee;}
#contentDoc td, #contentDoc th {padding:2px 5px 2px 5px;}
#contentDoc th {background-color:#6a167a;color:#fff;font-weight:bold;}
#contentDoc table.white {padding-bottom:20px;}
#contentDoc .white td {background-color:#fff;padding:0 10px 10px 0;}

table.textCol td {vertical-align:top;}
table.textCol td.colLeft {padding-right:20px;border-right:1px #ccc dashed;}
table.textCol td.colRight {padding-left:20px;}

/*=========== STYLES SPECIAUX =============*/

/*----- espace vente -------*/
#EVT {position:relative;float:left;width:100%;}
/*#EVT .article, #EVT .articleSmall {position:relative;float:left;width:122px;height:200px;margin:3px 3px 0 0;padding:3px 3px 3px 3px;border:1px #ccc solid;}*/
#EVT .article, #EVT .articleSmall {position:relative;float:left;width:122px;height:200px;margin:10px;padding:3px 3px 3px 3px;border:1px #ccc solid;}
#EVT .article p, #EVT .articleSmall p {padding:0 3px 0 3px;font-size:80%;}
#EVT .article p.prix, #EVT .articleSmall p.prix {font-size:100%;}
#EVT .article img, #EVT .articleSmall img {border:1px #eee solid;}
#EVT .article .form_button, #EVT .articleSmall .form_button {background-color:#333;color:#fff;font-size:80%;font-weight:normal;text-transform:lowercase;text-align:left;margin:1px 0 1px 0px;padding:1px 3px 1px 3px;width:120px;}
#EVT .article .form_button:hover, #EVT .articleSmall .form_button:hover {background-color:#6a167a;text-decoration:none;}
.EVT_articleTitle {position:relative;top:0;margin:-12px 0 0 20px;font-weight:bold;}
.article small {color:#888;}

#imageWrapper {text-align:center;margin-top:55px;}

/*------ sommaire page univers ------*/

#universContent {position:relative;padding:14px 0 4px 0;}
#universContent div {margin:0 auto 10px auto;border:1px #ccc solid;}
#universContent div:hover {border:1px #6a167a solid;}
#universContent div a {display:block;width:740px;height:70px;}

#universChemise {position:relative;width:740px;height:70px;background:url('/images/univers/chemises-sur-mesure.jpg') no-repeat;}
#universChemise:hover {background:url('/images/univers/chemises-sur-mesure-survole.jpg') no-repeat;}
#universOptions {position:relative;width:740px;height:70px;background:url('/images/univers/Cols-poignets-options.jpg') no-repeat;}
#universOptions:hover {background:url('/images/univers/Cols-poignets-options-survole.jpg') no-repeat;}
#universTissu {position:relative;width:740px;height:70px;background:url('/images/univers/tissus-chemise.jpg') no-repeat;}
#universTissu:hover {background:url('/images/univers/tissus-chemise-survole.jpg') no-repeat;}
#universFil {position:relative;width:740px;height:70px;background:url('/images/univers/tissage-fils-chemise.jpg') no-repeat;}
#universFil:hover {background:url('/images/univers/tissage-fils-chemise-survole.jpg') no-repeat;}
#universCravate {position:relative;width:740px;height:70px;background:url('/images/univers/cravates.jpg') no-repeat;}
#universCravate:hover {background:url('/images/univers/cravates-survole.jpg') no-repeat;}
#universEntretien {position:relative;width:740px;height:70px;background:url('/images/univers/entretien-chemise.jpg') no-repeat;}
#universEntretien:hover {background:url('/images/univers/entretien-chemise-survole.jpg') no-repeat;}

/*------ page parrainage -----*/
table#parrainageFormAdd {width:300px;margin:0 auto 30px auto;border-collapse:collapse;}
table#parrainageFormAdd td {padding:5px;background-color:#666;text-align:center;}
table#parrainageFormAdd input {width:280px;}
table#parrainageFormAdd td.parrainageFormSubmit input {width:80px;}
table#parrainageFormAdd td.parrainageFormSubmit {background-image:url('../images/LOGO_SO_33_fond_gris.gif');background-position:264px 0;background-repeat:no-repeat;}

/*------ coffret cadeau -----*/

#coffretCadeau {position:relative;float:left;width:750px;}
#coffretIntro {position:relative;float:left;width:750px;}
#coffretIntroLeft {position:relative;float:left;}
#coffretIntroRight {position:relative;float:right;width:420px;}
#coffretContent {position:relative;float:left;width:750px;margin-top:20px;}
#coffretContent h2 {margin-top:0;}
#coffretOrderBox {position:relative;float:left;width:728px;margin-bottom:20px;padding:10px;border:1px #ccc dashed;background-color:#f4eef4;}
#coffretOrderShirt {position:relative;float:left;width:750px;margin-bottom:20px;text-align:right;}
#coffretOrderShirt a {text-decoration:underline;}.
#coffretTissus {position:relative;float:left;width:750px;background-color:aqua;}
#coffretTissus99 {position:relative;float:left;width:375px;border-right:1px #ccc dashed;}
#coffretTissus129 {position:relative;float:right;width:345px;}
.coffretTissusHeader {width:300px;margin:0 0 40px 20px;text-align:center;}
.coffretTissusHeader h2 {font-size:18px;}
.coffretTissusHeader p {margin:20px 0;}
.coffretListeTissus {float:left;}
.coffretListeTissus .article {width:110px;height:150px;overflow:hidden;padding:0;padding-bottom:5px;border:0;border-bottom:1px #ddd solid;background-color:#eee;}
#coffretTissus129 .coffretListeTissus .article {margin-left:5px;margin-right:0;}
.coffretListeTissus .article p {padding:3px;}

/*------ revue de presse -----*/
#newsContent div.newsItem {padding-bottom:10px;border-bottom:1px #ccc dashed;}
#newsContent div.newsItem h2 {margin-top:10px;}
#newsContent div.newsBack p {margin-top:60px;text-align:right;}
#newsContent {margin:60px 78px 0 78px;}
#newsContent h2 {margin-bottom:5px;}
#newsContent h4 {margin:0 0 10px 0;text-transform:none;font-style:italic;}
#newsContent p {margin-bottom:10px;line-height:16px;text-align:justify;}
#newsContent img {margin-bottom:10px;}

/*------ showroom --------*/
.vcard {margin-bottom:20px;text-align:center;font-size:80%;color:#6a167a;}

/*======== CONTENU PAGES IK ========*/

#ikContent {position:relative;float:left;width:750px;padding:0 10px 10px 10px;}
#ikContent h1 {position:absolute;top:0;left:0;width:755px;height:25px;padding:4px 0px 0px 15px;border-bottom:15px #ccc solid;background-color:#333;text-transform:uppercase;font-size:130%;color:#fff;font-weight:normal;text-align:center;}
#ikContent h1+p {margin-top:60px;}

/*------- identification du client ------*/
#ikUserID {position:relative;float:left;}
#ikContent #ikUserID h1 {position:absolute;top:0;left:-10px;width:755px;height:25px;padding:4px 0px 0px 15px;border-bottom:15px #ccc solid;background-color:#333;text-transform:uppercase;font-size:130%;color:#fff;font-weight:normal;text-align:center;}

#ikUserIDExisting {position:relative;float:left;width:350px;margin:50px 10px 0 0;padding-right:10px;border-right:1px #eee solid;}
#ikUserLogin {position:relative;text-align:right;}
#ikUserEmail, #ikUserPassword, #ikUserSubmit {position:relative;margin-bottom:5px;text-align:right;}
#ikUserIDNew {position:relative;float:left;margin:50px 10px 0 0;width:360px;}

/*-------- saisie nouveau compte -------*/
#ikNewAccount {position:relative;margin-top:60px;}
#ikNewAccount .ikFormItem {position:relative;clear:both;height:2em;margin-bottom:5px;}
#ikNewAccount .ikFormItem p{position:relative;float:left;width:215px;margin-right:10px;text-align:right;text-transform:lowercase;}
#ikNewAccount .ikFormItem input {display:block;position:relative;float:left;width:300px;margin-right:10px;height:1.6em;}
#ikNewAccount .ikFormAction {position:relative;float:right;right:240px;}
#ikNewAccount .ikFormAction input {}

/*------- adresse de livraison -------*/
#ikUserAddress {position:relative;float:left;width:420px;margin-top:50px;border-right:1px #ccc dashed;}
#ikAddressForm {position:relative;float:left;width:420px;}
#ikAddressForm table {border-collapse:collapse;}
#ikUserAddress .ikAddressLabel {width:100px;text-transform:lowercase;font-size:80%;}
#ikUserAddress .ikAddressInput {width:300px;}
#ikUserAddress .ikAddressInput input {width:300px;}
#ikAddressActions {position:relative;float:left;width:408px;text-align:right;}
#ikSpecialAddress {position:relative;float:right;width:315px;margin-top:50px;}
#ikSpecialAddress input {position:relative;float:right;width:100px;}

/*-------- page mon compte --------*/
#ikUserAccount {position:relative;float:left;width:750px;}
#ikContent #ikUserAccount h1 {position:absolute;top:0;left:-10px;width:755px;height:25px;padding:4px 0px 0px 15px;border-bottom:15px #ccc solid;background-color:#333;text-transform:uppercase;font-size:130%;color:#fff;font-weight:normal;text-align:center;}
#ikUserAccountStatus {position:relative;float:left;width:440px;margin:10px 10px 0 0;}
.ikUserOrderSummary,.ikUserOtherSummary {position:relative;background-color:#eee;margin-bottom:20px;padding:10px 10px 5px 10px;}
.ikUserOrderSummary h2, .ikUserOtherSummary h2 {position:relative;background-color:#fff;border:1px #ccc solid;padding:3px 10px 3px 10px;margin:-10px -10px 10px -10px;}
#ikUserAccountMain {position:relative;float:right;width:300px;margin-top:10px;}
#ikUserIDSummary {position:relative;float:right;background-color:#eee;margin-bottom:20px;padding:10px 10px 5px 10px;}
#ikUserIDSummary h2 {position:relative;background-color:#fff;border:1px #ccc solid;padding:3px 10px 3px 10px;margin:-10px -10px 10px -10px;}
#ikUserIDSummary .ikAddressItem {position:relative;float:left;margin-bottom:5px;font-size:80%;}
#ikUserIDSummary .ikAddressItem .ikAddressLabel {position:relative;float:left;width:80px;text-align:right;color:#666;}
#ikUserIDSummary .ikAddressItem .ikAddressOutput {position:relative;float:right;width:190px;}
#ikUserEditAccount {position:relative;float:right;width:300px;text-align:right;}
#ikUserEditAccount .ikAccountAction {position:relative;margin-bottom:5px;}
#feedburner {position:relative;float:right;width:278px;margin-top:40px;padding:10px 10px 5px 10px;background-color:#eee;}
#feedburner h2 {position:relative;background-color:#fff;border:1px #ccc solid;padding:3px 10px 3px 10px;margin:-10px;}
#feedburner form {margin-top:20px;}
#feedburner p {text-align:right;}

/*------- pages détails compte --------*/
#ikUserObjectList {position:relative;margin:60px 0 10px 0;}
p+#ikUserObjectList{margin-top:20px;}

#ikUserObjectList table {border-collapse:collapse;width:100%;font-size:80%;}
#ikUserObjectList td, th {padding:3px 10px 3px 10px;text-align:left;}
#ikUserObjectList th {border-right:1px #eee solid;border-top:1px #999 solid;border-bottom:1px #999 solid;background-color:#ccc;text-transform:uppercase;}
#ikUserObjectList td {border-right:1px #fff solid;border-bottom:1px #ccc dashed;background-color:#f2f2f2;}
#ikUserObjectList ul {font-size:100%;margin-bottom:0;}

/*------- modification du patron --------*/
#ikContent #MSR_main {position:relative;padding:0;}
#ikContent .MSR_tutorial {margin-right:5px;}
#ikContent #MSR_bottom {margin-right:0;}

/*------- pages d'admin --------*/
#ikUserID #CRT_tab {margin-top:60px;}
#ikUserID h1+table {margin-top:60px;}

/***************** MOTEUR DE CREATION DE CHEMISE *******************
********************************************************************/

/*============ EN-TETE DU MOTEUR ============*/

#CHM_header {background-color:#ccc;position:relative;height:65px;}
#CHM_nav1 {position:relative;width:100%;height:39px;color:#eee;text-transform:uppercase;font-size:130%;overflow:hidden;}
#CHM_nav1 ul {padding:0px;margin:0px;display:block;font-size:100%;}
#CHM_nav1 li {float:left;list-style:none;height:26px;width:370px;padding:4px 0px 0px 15px;background-color:#333;}
#CHM_nav1 li.LinkSelected {height:34px;background-color:#6a167a;background-image:url('/images/fleche_violet.gif');background-repeat:no-repeat;background-position:center 30px;}
#CHM_nav1 a {display:block;color:#eee;text-decoration:none;}
#CHM_nav1 input.form_button {height:1.2em;width:370px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#eee;text-transform:uppercase;text-align:left;font-size:100%;}
#CHM_tabs {background-color:#ccc;position:relative;top:8px;width:100%;height:20px;color:#fff;font-size:90%;text-align:center;overflow:hidden;}
#CHM_tabs ul {padding:0;margin:0;}
#CHM_tabs li {display:block;float:left;width:80px;height:20px;border-left:1px #ccc solid;background-color:#999;padding:0 2px 0 2px;background-image:url('/images/tab_top.gif');background-repeat:no-repeat;background-position:0px 0px;}
#CHM_tabs li.LinkSelected {background-color:#fff;color:#000;background-image:url('/images/tab_top_selected.gif');background-repeat:no-repeat;background-position:0px 0px;}
#CHM_tabs .form_button {color:#fff;width:80px;text-align:center;}
#CHM_tabs li.LinkSelected .form_button {color:#000;}

/*============ CORPS DU MOTEUR ===========*/

#CHM_main {position:relative;float:left;padding:10px;}
#CHM_tabcontent {position:relative;float:left;min-height:450px;width:545px;margin-bottom:10px;}
#CHM_tabcontent h2 {margin:0 0 5px 0;}
#CHM_conseil {padding:3px;margin:0 10px 10px 0;background-color:#d0d0d0;}
#CHM_conseil_symbol {position:relative;float:left;}
#CHM_conseil_summary {position:relative;margin-left:130px;font-size:90%;}

/*------ recherche de tissu escamotable -----*/
#CHM_searchtissu {position:relative;}
#CHM_searchtissu img {border:1px #ccc solid;}
#CHM_searchButtons .button {background-color:#999;color:#fff;text-transform:uppercase;font-size:80%;font-weight:bold;padding:4px 5px 4px 5px;margin:0 10px 0 0;border:0;font-family:Verdana, Arial, Helvetica, sans-serif;cursor:pointer;}
.searchoption {position:relative;float:left;width:40px;height:80px;margin:2px 2px 0 0;padding:2px 2px 0 0;text-align:center;}
.fakeimg {width:35px;height:35px;border:none;margin-bottom:-14px;position:relative;vertical-align:middle;}
.CHM_searchcol {position:relative;float:left;margin:0 10px 0 0;padding:0 0 0 10px;border-left:1px #eee solid;height:90px;}
.CHM_searchcolsmall {position:relative;float:left;margin:0 10px 0 0;padding:0 0 0 10px;border-left:1px #eee solid;}

/*------- liste des articles ------*/
#CHM_espacevente {position:relative;float:left;width:100%;}
.article, .articleSmall {position:relative;float:left;width:122px;height:200px;margin:5px 5px 0px 0px;padding:3px;border:1px #ccc solid;}
.article h3, .articleSmall h3 {margin:0;font-size:80%;color:#000;text-transform:lowercase;font-weight:bold;}
.article p, .articleSmall p {font-size:80%;}
.article p.prix, .articleSmall p.prix {font-size:100%;}
.article img, .articleSmall img {border:1px #eee solid;}
.article .form_button, .articleSmall .form_button {background-color:#333;color:#fff;font-size:80%;font-weight:normal;text-transform:lowercase;text-align:left;padding:1px 3px 1px 3px;width:100%;}
.article .form_button:hover, .articleSmall .form_button:hover {background-color:#6a167a;text-decoration:none;}
.CHM_articleTitle {position:relative;top:0;margin:-12px 0 0 20px;font-weight:bold;}
.CHM_articleTitle h3 {font-size:100%;}

/*--------- options d'onglet ---*/
#CHM_options {position:relative;}
#CHM_options .article {height:180px;font-size:80%;text-transform:lowercase;}
#CHM_options .articleSmall {height:120px;font-size:80%;text-transform:lowercase;}

/*-------- onglet broderie ----*/
#CHM_broderieEmpl, #CHM_broderieEmpl2 {position:relative;}
#CHM_broderieEmpl img, #CHM_broderieEmpl2 img {border:1px #ccc solid;}

/*------ onglet doublure ------*/
#CHM_compare {position:relative;}
#CHM_compare img {border:1px #eee solid;}
#CHM_compareTissu {position:relative;z-index:20;width:122px;height:122px;}
#CHM_compareTissu p {position:relative;top:-120px;left:130px;width:100px;}
#CHM_compareInterieur {position:relative;top:-70px;left:70px;z-index:10;width:122px;height:62px;}
#CHM_compareInterieur p {position:relative;top:-120px;left:130px;width:100px;}

/*===== COLONNE DROITE MOTEUR ==================*/

/*------ recap ---------------*/
/*#CHM_recap {position:absolute;top:10px;right:10px;border:1px #ddd solid;border-bottom:1px #999 solid;border-right:1px #999 solid;width:193px;margin-left:10px;background:#f2f2f2 url('/images/recap_degrade.gif') no-repeat;}*/
#CHM_recap {position:relative;float:right;width:193px;margin-left:10px;border:1px #ddd solid;border-bottom:1px #999 solid;border-right:1px #999 solid;background:#f2f2f2 url('/images/recap_degrade.gif') no-repeat;}
#CHM_recap h3 {margin:0 0 5px 0;}
#CHM_recap .tirets {border-color:#ccc;width:193px;margin:5px 0 5px -10px;}
#CHM_recap_titre {position:relative;padding:0 10px 0 10px;color:#fff;text-transform:uppercase;}
#CHM_recap_content {position:relative;padding:0 10px 5px 10px;background:url('bg_recap.gif') no-repeat 0 1px;}
#CHM_recap_content img {text-align:right;border:1px #ccc solid;}
#CHM_recap_content ul {display:block;margin:0 0 5px 0;padding:0px;font-size:80%;}
#CHM_recap_content li {list-style:none;border-bottom:1px #ccc dashed;padding:5px 10px 5px 10px;margin:0px -10px 0px -10px;}
#CHM_recap_content ul li.LinkSelected {background:#fff url('/images/recap_select.gif') no-repeat center;color:#6a167a;}
.recapOption {color:#666;text-transform:lowercase;}

/*------ Google chat ---------*/
#CHM_help {position:relative;float:right;margin:10px -5px 0 10px;width:200px;color:#666;}

/*============= PIED DE PAGE MOTEUR ==============*/

#CHM_footer {clear:both;background-color:#ccc;text-transform:lowercase;font-size:80%;height:36px;}
#CHM_footer input {font-size:100%;}

.tabPrevious, .tabCurrent, .tabNext {position:relative;float:left;height:16px;padding:10px 20px 10px 20px;}
.tabNext {background-image:url('/images/tab_arrow_right.gif');background-repeat:no-repeat;background-position:left center;}
.tabPrevious {background-image:url('/images/tab_arrow_left.gif');background-repeat:no-repeat;background-position:right center;text-align:right;}
.tabPrevious input {text-align:right;}
.tabPrevious a, .tabNext a {color:#000;}
.tabCurrent {color:#6a167a;text-decoration:none;background-color:#fff;}

/*============= FICHES TISSU ET PRODUIT ============*/

#fiche {position:relative;width:800px;background-color:#fff;padding:10px;margin-left:auto;margin-right:auto;}
#ficheImage {position:relative;float:left;width:500px;border:1px #eee solid;text-align:center;}
#ficheDesc {position:relative;float:right;width:288px;margin-left:10px;}
#ficheNom {position:relative;}
#ficheCommentaire {margin-bottom:20px;}
#ficheTech {border:1px #ccc dashed;background-color:#f2f2f2;padding:10px 10px 5px 10px;margin-bottom:20px;text-transform:lowercase;font-size:80%;}
.techTitre {position:relative;float:left;width:9em;margin-bottom:5px;text-align:right;}
.techDesc {position:relative;float:right;width:166px;margin-bottom:5px;color:#6a167a;}
#ficheIron {color:#6a167a;font-weight:bold;margin-top:5px;margin-left:100px;}

/*-------- bloc de commande de la fiche tissu ------*/
#ficheCommande {position:relative;text-transform:lowercase;margin-left:112px;}
#ficheRef {color:#666;margin-bottom:15px;padding-bottom:5px;border-bottom:1px #e6e6e6 dashed;}
#fichePrix {color:#666;position:relative;width:100px;margin-bottom:5px;}
#ficheStock {position:relative;font-style:italic;}
.prix {color:#6a167a;font-size:140%;font-weight:bold}
.ref {text-transform:uppercase;color:#000;}
#ficheCommande input {margin-top:20px;}

/*-------- bloc de commande IK de la fiche produit ------*/
.ikProductOrderForm {position:relative;text-transform:lowercase;margin-left:112px;}
.ikProductOrderForm u {text-decoration:none;}
.ikProductFamilyRef {position:relative;color:#666;margin-bottom:15px;padding-bottom:5px;border-bottom:1px #e6e6e6 dashed;}
.ikProductFamilyRef b {text-transform:uppercase;color:#000;font-weight:normal;}
.ficheImageAlt {position:relative;margin-bottom:15px;border:1px #eee solid;}
.ikProductFamilyPriceInfo {position:relative;margin-bottom:5px;color:#666;}
.ikProductFamilyPriceInfo i {color:#000;font-size:80%}
.ikProductFamilyPriceInfo b {color:#6a167a;font-size:140%;font-weight:bold;}
.ikProductFamilySelectSize {position:relative;margin-bottom:5px;color:#666;}

.ikProductFamilyMembers {position:relative;}
.ikProductOrderQuantity {position:relative;}
.ikProductOrderButton {position:relative;margin-top:20px;}

/*-------- fiche option ------*/
#ficheTabs {position:relative;float:right;width:288px;margin-left:10px;}
#ficheTab {position:relative;width:288px;height:25px;background-color:#ccc;color:#fff;font-size:90%;text-align:center;overflow:hidden;}
#ficheTab ul {padding:0;margin:5px 0 0 1px;}
#ficheTab li {display:block;float:left;width:80px;height:20px;border-left:1px #ccc solid;padding:0 2px 0 2px;background:#999 url('/images/tab_top.gif') no-repeat 0px 0px;}
#ficheTab li.LinkSelected {color:#000;background:#fff url('/images/tab_top_selected.gif') no-repeat 0px 0px;}
#ficheTab a.form_button {display:block;width:80px;padding-top:2px;text-align:center;font-size:12px;color:#fff;}
#ficheTab li.LinkSelected .form_button {color:#000;}
#ficheTabs #ficheDesc, #ficheTabs #ficheConseil {position:relative;float:left;width:auto;margin:0;padding:10px;border:1px #ddd solid;background-color:#f4f4f4;}
#ficheTabs #ficheTech {background-color:#fff;}
#ficheTabs .techDesc {position:relative;float:right;width:150px;margin-bottom:5px;color:#6a167a;}
#ficheTabs #ficheConseil {position:relative;float:left;width:auto;margin:0;padding:10px;border:1px #ddd solid;background-color:#f4f4f4;}


/************************* PAGES DE MESURE *************************
********************************************************************/

/*=============== EN-TETE PAGE MESURE ==============*/

#MSR_header {background-color:#ccc;position:relative;height:45px;}
#MSR_nav1 {position:relative;width:100%;height:39px;color:#eee;text-transform:uppercase;font-size:130%;overflow:hidden;}
#MSR_nav1 ul {padding:0px;margin:0px;display:block;font-size:100%;}
#MSR_nav1 li {list-style:none;float:left;height:26px;width:370px;padding:4px 0px 0px 15px;background-color:#333;}
#MSR_nav1 li.LinkSelected {height:34px;background-color:#6a167a;background-image:url('../maquette/images/fleche_violet.gif');background-repeat:no-repeat;background-position:center 30px;}
#MSR_nav1 a {display:block;color:#eee;text-decoration:none;}
#MSR_nav1 input.form_button {height:1.2em;width:370px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#eee;text-transform:uppercase;text-align:left;font-size:100%;}

/*============= CORPS PAGE MESURE ===============*/

#MSR_main {position:relative;padding:10px 0 10px 10px;}
#MSR_main td {background-color:#fff;}

/*------ page options mesures -------*/
#MSR_main h2.option {float:left;width:750px;padding:3px 10px 3px 10px;margin:20px 0 10px -10px;background-color:#ccc;text-transform:none;font-size:80%;}
#MSR_manage {z-index:10;position:relative;float:left;width:750px;}
	#MSR_manageLeft {position:relative;float:left;width:260px;border-right:1px #ccc dashed;}
		#MSR_manageLeft td {font-size:10px;}
	#MSR_manageRight {position:relative;float:left;width:300px;margin-left:20px;}
#MSR_option {position:relative;width:760px;}
#MSR_option h2 {margin-top:0;}
#MSR_optionSimple {position:relative;float:left;width:250px;padding:10px;border-left:1px #ccc dashed;}
#MSR_optionSimple p {text-align:right;margin-bottom:2px;}
#MSR_optionSimple h2+p {text-align:left;margin-bottom:5px;}
#MSR_optionChemise {position:relative;float:left;width:200px;padding:10px;border-right:1px #ccc dashed;}
#MSR_optionCorps {position:relative;float:left;width:200px;padding:10px;}

/*------- page mesures ---------*/
#MSR_main .trait {position:relative;float:left;border-bottom:1px #e6e6e6 solid;width:750px;height:1px;margin:10px 0 10px 0;}
#MSR_main .tirets {position:relative;float:left;border-bottom:1px #e6e6e6 dashed;width:750px;height:1px;margin:10px 0 10px 0;}
.MSR_tutorial {position:relative;float:left;margin-right:10px;width:370px;}
.MSR_numTutorial {position:relative;background-color:#ccc;border:#999 1px solid;padding:0 5px 10px 5px;font-weight:bold;}
.MSR_numTutorial .MSR_firstNum {color:#6a167a;}
.MSR_video {position:relative;float:left;}
.MSR_video img {border:1px #eee solid;}
.MSR_detail {position:relative;margin:10px 0 0 170px;}
.MSR_mesure {position:relative;bottom:0px;font-size:90%;color:#fff;margin-top:10px;}
.MSR_mesureItem {z-index:10;margin-bottom:4px;padding:3px 4px 3px 12px;background-color:#6a167a;background-image:url('../maquette/images/MSR_arrow.gif');background-repeat:no-repeat;background-position:4px center;text-align:left;}
.MSR_mesureItem input {height:12px;font-size:90%;}
#MSR_bottom {font-size:90%;clear:both;margin-right:10px;}
#MSR_mesureGen {position:relative;float:left;width:250px;}
.MSR_mesureGenName {position:relative;float:left;width:80px;text-align:right;margin:4px 4px 4px 0;}
.MSR_mesureGenInput {position:relative;float:left;}
.MSR_mesureGenInput input {position:relative;float:left;height:12px;font-size:90%;margin:4px 0 4px 0;}
.MSR_mesureGenUnit {position:relative;float:left;width:40px;margin:4px 0 4px 4px;}
#MSR_patron {position:relative;float:right;top:20px;border-right:1px #ccc solid;padding:10px;margin-right:10px;}
#MSR_validate {position:relative;float:right;top:30px;}


/************************ PANIER ******************************
***************************************************************/

/*================= EN-TETE PANIER ===============*/

#CRT_header {background-color:#ccc;position:relative;height:45px;}
#CRT_nav1 {position:relative;width:100%;height:39px;color:#eee;text-transform:uppercase;font-size:130%;overflow:hidden;}
#CRT_nav1 ul {padding:0px;margin:0px;display:block;font-size:100%;}
#CRT_nav1 li {list-style:none;float:left;height:26px;width:370px;padding:4px 0px 0px 15px;background-color:#333;}
#CRT_nav1 li.LinkSelected {height:34px;background:#6a167a url('../maquette/images/fleche_violet.gif') no-repeat center 30px;}
#CRT_nav1 a {display:block;color:#eee;text-decoration:none;}
#CRT_nav1 input.form_button {height:1.2em;width:370px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#eee;text-transform:uppercase;text-align:left;font-size:100%;}

/*============= CONTENU PAGE PAGE PANIER ==============*/

#CRT_main {position:relative;float:left;padding:10px;}
#CRT_main #paiementBonAchat {width:510px;}
#CRT_main table {width:100%;border-collapse:collapse;font-size:80%;}
#CRT_main td, #CRT_main th {padding:5px;text-align:center;}
#CRT_main th {background-color:#666;color:#fff;border-right:1px #fff solid;}
#CRT_main td {background-color:#eee;border-bottom:1px #ccc dashed;}
#CRT_main tfoot td {background-color:#fff;border:none;padding:10px 0 0 0;text-align:right;}
	#CRT_main .agentActions {float:left;margin-top:10px;font-size:12px;}
		#CRT_main .agentActions p {clear:both;margin:0;font-size:12px;}

/*------- tableau panier --------*/
#CRT_tab {position:relative;}
#CRT_tabHeader {position:relative;float:left;width:730px;padding:3px 10px 3px 10px;border-top:1px #999 solid;border-bottom:1px #999 solid;background-color:#ccc;text-transform:uppercase;}
#CRT_tabTitle {position:relative;float:left;width:479px;color:#6a167a;font-weight:bold;border-right:1px #eee solid;padding:3px 0px 3px 0px;margin:-3px 0 -3px 0;}
#CRT_colHeaders {position:relative;float:right;width:250px;text-align:right;}
.CRT_colHeader {position:relative;float:left;width:50px;border-right:1px #eee solid;padding:3px 5px 3px 5px;margin:-3px 0 -3px 0;}
.CRT_article {position:relative;float:left;width:730px;padding:10px;border-bottom:1px #ccc dashed;background-color:#f2f2f2;font-size:80%;}
.CRT_articleName {position:relative;margin-bottom:5px;font-weight:bold;text-transform:uppercase;}
.CRT_articleImage {position:relative;float:left;width:60px;border:1px #ccc solid;}
.CRT_articleDesc {position:relative;float:left;width:250px;margin-left:10px;}
.CRT_articleTitle, .CRT_mesuresTitle {font-weight:bold;margin-bottom:5px;}
.descOption {color:#666;}
.CRT_articleModify {position:relative;margin-top:10px;}
.CRT_articleModify input {margin-right:20px;}
.CRT_articleMesures {position:relative;float:left;width:140px;border-left:1px #fff solid;padding-left:10px;}
.CRT_articleValues {position:relative;float:right;width:250px;text-align:right;}
.CRT_articleQ, .CRT_articlePU, .CRT_articlePT, .CRT_articleActions {position:relative;float:left;}
.CRT_articleQ, .CRT_articlePU, .CRT_articlePT {width:50px;padding:0 5px 0 5px;margin-right:1px;}
.CRT_articlePT {font-weight:bold;font-size:120%;}
	#CRT_main .CRT_articlePU .agentActions {margin:0;padding:3px;text-align:center;}
		.CRT_articlePU .agentActions input {width:33px;}
.CRT_articleActions {width:65px;text-align:left;}
.CRT_articleActions img {margin-left:5px;}
.CRT_articleActions input {font-size:100%;}
#CRT_tabTotal {position:relative;float:left;width:730px;padding:3px 10px 3px 10px;margin-top:10px;background-color:#6a167a;color:#fff;font-weight:bold;text-transform:uppercase;}
#CRT_prixTotal {position:absolute;top:1px;right:77px;padding:2px 5px 2px 5px;background-color:#fff;color:#6a167a;}
#CRT_valider {position:relative;float:left;width:750px;margin-top:10px;}
	#CRT_valider #CRT_actionButtons {float:right;width:347px;text-align:right;}
	#CRT_valider #CRT_actionButtons img {margin-left:10px;}
	#CRT_valider p {float:right;margin-top:10px;}
#discounts {position:relative;float:right;width:300px;padding:5px;margin-top:15px;border:1px #ddd dashed;background-color:#eee;text-align:right;}
#discounts h3 {margin:0 0 5px 0;color:#6a167a;font-weight:bold;}
#CRT_main h1 {clear:both;}
#CRT_main .error {position:relative;float:left;width:300px;margin-top:15px;}

/*----------- paiement ---------*/
#ikPaySubmit {position:relative;float:left;width:330px;padding-right:20px;border-right:1px #ccc dashed;}
#chequeCadeau {position:relative;float:right;width:350px;}
#chequeCadeau img {padding:3px;border:3px #ccc solid;}
#chequeCadeau p {margin-top:20px;}