/* CSS Document created by Anagramme October 2007 */
body{padding: 20px 0; margin: 0; font-family: Arial, Helvetica, sans-serif; background-color: #666;}


/* *************************************************************
WRAP TO CENTRE PAGE
************************************************************* */
#wrap{ width: 780px; margin: 0 auto; border: 1px solid #000; background-color: #fff; padding: 2px; overflow: auto;}


/* *************************************************************
HEADER
************************************************************* */
#header{ float: left; width: 780px;}

#topNav{float: left; width: 780px; background-color: #F6F6F6; margin: 0 0 1px 0;}
#topNav ul{ float: left; list-style: none; margin: 0; padding: 0;}
#topNav li{ float: left; margin: 0; padding: 0; color: #666; text-transform: uppercase; font-size: 70%;}
#topNav a{ padding: 0; text-decoration: none; color: #666; line-height: 250%; margin: 0 0 0 30px; display: block; }
#topNav a:hover{ color: #FF0066; text-decoration: underline;}

#topNav a.accueil{ padding:0 0 0 15px; background-image: url(../images/icons/icon_home.gif); background-position: 0px 8px; background-repeat: no-repeat;}
#topNav a.contact{ padding:0 0 0 18px; background-image:url(../images/icons/icon_contact.gif); background-position: 0px 9px; background-repeat: no-repeat;}
#topNav a.about{ padding:0 0 0 13px; background-image:url(../images/icons/icon_about.gif); background-position: 0px 10px; background-repeat: no-repeat;}
#topNav a.liens{ padding:0 0 0 15px; background-image:url(../images/icons/icon_links.gif); background-position: 0px 8px; background-repeat: no-repeat;}
#topNav a.monEspace{ padding:0 0 0 18px; background-image:url(../images/icons/icon_monEspace.gif); background-position: 0px 7px; background-repeat: no-repeat;}
#topNav a.panier{ background-image:url(../images/icons/icon_basket.gif); background-position: 0 6px; background-repeat: no-repeat; padding: 0 0 0 22px; width: 148px;}

#header img{ float: left;}

#logo{ float: left; width: 149px; height: 80px; background: #CE0857 url(../images/logo.gif) 12px 18px no-repeat; border-right: 1px solid #AD0066;}

#mainNav{ float: left; width: 630px;}
#mainNav ul{ float: left; list-style: none; width: 630px; margin: 0; padding: 0;}
#mainNav li{ float: left; margin: 0; padding: 0;}
#mainNav li a{background: #F90B69 url(../images/icons/icon_arrow-white.gif) 20px 21px no-repeat; float: left; display: block; font-size: 100%; color: #fff; text-decoration: none; padding: 15px 0 0 30px; line-height: normal; height: 65px;}
#mainNav li a span{ font-size: 65%; display: block; color: #FFCCFF; margin: 5px 0 0 -11px; text-transform: uppercase;}
#mainNav li a:hover{ background-color: #CE0857; text-decoration: none;}
#mainNav li a.actualite{width: 155px; border-left: 1px solid #EEB7D8; border-right: 1px solid #AD0066;}
#mainNav li a.thematiques{width: 175px; border-left: 1px solid #EEB7D8; border-right: 1px solid #AD0066;}
#mainNav li a.digigraphie{width: 205px; border-left: 1px solid #EEB7D8;}

#blocks{float: left; width: 780px; height: 3px; background: url(../images/bg/bg_blocks.gif) 0 0 repeat-x; margin: 1px 0; font-size: 0;}


/* *************************************************************
CONTENT WRAP
************************************************************* */
#contentWrap{ float: left; padding: 0 0 8px 0; width: 780px; background: #eee url(../images/bg/bg_contentWrap.gif) 0 0 repeat-y;}
#contentWrap2{ float: left; padding: 0 0 8px 0; width: 780px; background-color: #eee;}


/* *************************************************************
LEFT NAV
************************************************************* */
#leftColumn{ width: 150px; float: left; text-align: right;}
#leftColumn h2{ font-size: 100%; color: #fff; font-weight: normal; width: 146px; background-color: #F90B69; margin: 0; padding: 10px 4px 0 0; line-height: 200%; border-bottom: 1px solid #fff;}

#leftColumn #categoryList ul{ float: left; margin: 0 0 0 0; padding: 0; list-style: none; width: 150px;}
#leftColumn #categoryList li{ float: right; margin: 0; padding: 0; clear: both; font-size: 70%; border-bottom: 1px solid #ccc;}
#leftColumn #categoryList li a{float: left; display: block; color: #fff; text-decoration: none; padding: 0 5px 0 0; line-height: 240%; width: 145px; background-color: #999;}
#leftColumn #categoryList li a:hover{ background-color: #666; text-decoration: none;}
#leftColumn #categoryList ul ul{}
#leftColumn #categoryList li li{ border: none; font-size: 100%;}
#leftColumn #categoryList li li a{ background-color: #CCCCCC; color: #000;}
#leftColumn #categoryList li li a:hover{ color: #fff;}


/* SEARCH  */
#search { float: left; width: 150px; padding: 0 0 10px 0; margin: 0 0 0 0; text-align: right; background-color: #fff; border-bottom: 1px solid #ccc;}
#search h2{ font-size: 100%; color: #FF0066; margin: 10px 0 0 0; display: inline; float: left; background-color: #fff; padding: 0 4px 0 0; width: 146px; line-height: 150%;}
#search p{ float: right; width: 140px; margin: 0 4px 2px 0; padding: 0; font-size: 70%; color: #333333; display: inline; text-align: right;}
#search .text{ width: 130px; font-size: 80%; padding: 2px; margin: 0;}
#search select{ width: 124px; font-size: 80%;}


#leftColumn #monEspace { padding: 10px 0; float: left; background-color: #eee; border-bottom: 1px solid #fff;}
#leftColumn #monEspace h2{ color: #fff; font-size: 100%; font-weight: normal;}
#monEspace ul{ float: left; margin: 0; padding: 0; list-style: none; width: 150px; }
#monEspace li{ float: right; margin: 0; padding: 0 5px; clear: both; font-size: 70%; line-height: 180%; color: #000; width: 140px;}
#monEspace li a{ color: #333333; text-decoration: none;}
#monEspace li a:hover{ color: #FF0066;}
#monEspace .monEspace{ font-size: 100%;}
#monEspace .login { line-height: 140%; padding: 5px 0; margin: 0 5px 0 0; display: inline;}
#monEspace .login a{ text-decoration: underline;}
#monEspace .login a:hover{ color: #FF0066;}



/* *************************************************************
MAIN CONTENT
************************************************************* */
#mainContent{ float: left; width: 360px; padding: 0; margin: 20px 0 0 20px; display: inline;}
#mainContent2{ float: left; width: 610px; padding: 0; margin: 20px 0 10px 20px; display: inline;}
#mainContent3{ float: left; width: 740px; padding: 0; margin: 20px 0 0 20px; display: inline;}


/* *************************************************************
NORMAL PAGES
************************************************************* */
#mainContent h1{font-size: 130%; padding: 0 0 5px 0; margin: 0 0 5px 0; font-weight: normal; color: #000; float: left; width: 100%; clear: both;}
#mainContent2 h1, #mainContent3 h1{font-size: 130%; padding: 0; margin: 0 0 5px 0; font-weight: normal; color: #000; float: left; width: 100%; clear: both;}
#mainContent2 h1.categoryTitle{ width: 300px;}
#mainContent h2, #mainContent2 h2, #mainContent3 h2{font-size: 110%; padding: 0; margin: 10px 0 10px 0; font-weight: normal; color: #CC0066; float: left;}
#mainContent h2{width: 100%; color: #FF0066;}
#mainContent2 h2{ width: 580px; color: #FF0066;}
#mainContent h3, #mainContent2 h3, #mainContent3 h3{font-size: 90%; padding: 0; margin: 10px 0 10px 0; font-weight: normal; color: #FF0066; clear: both; float: left;}
#mainContent2 h3{ width: 580px;}
#mainContent p, #mainContent2 p, #mainContent3 p{font-size: 75%; padding: 0; margin: 0 0 10px 0; color: #666666; line-height: 160%; clear: both; text-align:justify;}

#mainContent a, #mainContent2 a, #mainContent3 a{ color: #000;}
#mainContent a:hover, #mainContent2 a:hover, #mainContent3 a:hover{ color: #FF0099;}

#mainContent dl{ float: left; width: 350px; padding: 10px; margin: 0 0 20px 0; border: 1px solid #ccc; background-color: #fff;}
#mainContent dt, #mainContent dd{ float: left; padding: 0; margin: 0 0 0 0; font-size: 75%; line-height: 170%;}
#mainContent dt {width: 120px; clear: both; color: #000;}
#mainContent dd {width: 200px; color: #666;}

#mainContent .separation-thin{ width: 600px; float: left; margin: 0; padding: 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #E5E5E5; height: 1px; font-size: 0; clear: both; line-height: 0;}

.image{ float: left;}
#mainContent .imageMargin, #mainContent2 .imageMargin, #mainContent3 .imageMargin{ float: left; margin: 0 10px 20px 0; display: inline; clear: none; border: 1px solid #ccc;}

#subContent .image{ float: left; margin: 0 0 15px 0; display: inline; clear: none; border: 1px solid #ccc;}


#mainContent ul, #mainContent2 ul{ float: left; clear: both; list-style: none; width: 380px; margin: 0 0 20px 10px; padding: 0;}
#mainContent li, #mainContent2 li{ background: url(../images/icons/icon_bullet-square.gif) 0 9px no-repeat; padding: 0 0 0 20px; font-size: 75%; line-height: 200%;}

#mainContent .image, #mainContent2 image, #mainContent3 image{ float: left; margin: 0 10px 0 0; clear: both;}


/* *************************************************************
PHOTO LISTING
************************************************************* */
#mainContent2 .categoryList{ float: left; width: 190px; margin: 0 10px 20px 0; display: inline; text-align: left; background: url(../images/shape/shape_largeBox_bg.gif) 0 0 repeat-y;}
#mainContent2 .categoryList h4 { float: left; font-size: 60%; color: #AD0066; text-decoration: none; width: 160px; background: url(../images/icons/icon_arrorwCategory.gif) 0 3px no-repeat; padding: 0 0 0 10px; margin: 4px 0 2px 20px; font-weight: normal; display: inline;}
#mainContent2 .categoryList img{ float: left; padding: 0; margin: 0;}
#mainContent2 .categoryList a{margin: 2px 0 0 15px; display: inline; float: left; width: 160px; height: 90px; overflow: hidden;}
#mainContent2 .categoryList h4 a{ color: #AD0066; text-decoration: none; margin: 0; width: auto; height: auto;}
#mainContent2 .categoryList h4 a:hover{ color: #000;}


/* *************************************************************
PHOTO LISTING
************************************************************* */
#intro{ float: left; width: 590px; padding: 0; margin: 0;}
#intro p{ font-size: 70%; margin: 0 0 10px 0; padding: 0;}

#mainContent2 .photoList{ float: left; width: 136px; margin: 0 15px 20px 0; display: inline; text-align: center; background: url(../images/shape/shape_smallBox_bg.jpg) 0 0 repeat-y;}
#mainContent2 .photoList table{padding: 0; margin: 0 0 0 13px; border: none; float: left; display: inline; border-collapse: collapse;}
#mainContent2 .photoList td{ border: none; padding: 0; margin: 0; text-align: center; width: 110px; height: 115px; }
#mainContent2 .photoList img{ float: left; padding: 0; margin: 0;}
#mainContent2 .photoList table img{ float: none; padding: 1px; margin: 0; border: 1px solid #ccc;}

/* .photoList .photoImage a:hover{border: 1px solid #666;} */

.photoList h4, .photoList h5{ display: inline; clear: both; height: auto; margin: 0 0 0 13px; padding: 0 0 0 0; font-weight: normal; line-height: 180%; text-align: left; float: left;}
.photoList h4 {font-size: 60%; color: #999; text-decoration: none; width: 110px;}
.photoList h4 a:hover{ color: #0066CC; text-decoration: underline;}
.photoList h5{font-size: 65%; color: #666; background: url(../images/icons/icon_selectionnaire.gif) 0 6px no-repeat; padding: 0 0 0 15px; width: 95px;}
.photoList h5 a{ color: #666; text-decoration: none;}
.photoList h5 a:hover{ color: #0066CC; text-decoration: underline;}

.photoList .suprimmer{ background: url(../images/icons/icon_suprimmer.gif) 0 5px no-repeat; margin: 0 0 0 8px; padding-left: 12px;}

.imageRollover{background: #FFFFFF url(../images/img_load.gif) center 90px no-repeat; border: 1px solid #000000; overflow: auto; padding: 0 0 5px 0;}
.imageRollover img{ padding: 1px 0 1px 1px; border-bottom: 1px solid #000; float: left; clear: both;}
.imageRollover h2{ font-size: 75%; color: #3399FF; margin: 5px 0 5px 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}
.imageRollover p{ font-size: 70%; color: #666; margin: 0 0 0 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}


/* Specific to the Product Detail Page ********** */
.productImage{ float: left; width: 350px; margin: 10px; display: inline;}
#previewPane{float: left; width: 350px; border: 1px solid #ccc; background-color: #fff; text-align: center;}
.productImage .mainPic{ padding: 0; margin: 0 auto;}
.productImage .thumb{ width: 80px; height: 80px; float: left; margin: 5px 5px 0 0; padding: 0; border: 1px solid #ccc; display: inline;}
.productImage p{ font-size: 70%; margin: 10px 0 0 10px; padding: 0; float: left;}
.productImage a.zoom{padding: 0 0 0 18px; background: url(../images/icons/icon_magnify.gif) 0 1px no-repeat; color: #000; text-decoration: none; margin: 0 0 0 30px; display: inline; float: left;}
.productImage a.zoom:hover{ color: #FF0066;}
.productImage a.back{padding: 0 0 0 10px; background: url(../images/icons/icon_back2.gif) 0 4px no-repeat; color: #000; text-decoration: none; float: left;}
.productImage a.back:hover{ color: #FF0066;}
.productImage img {}
.productImage a{}

#productInfo {width: 395px; display: inline; padding: 0; margin: 10px 10px 10px 0; float: right;}
#productInfo h2{ color: #FF0066; width: 375px; margin: 0 0 10px 0; padding: 15px 10px 5px 10px; font-size: 130%; font-weight: normal; float: left; clear: both; background-color: #fff; border-bottom: 1px solid #ccc;}
#productInfo h3{ color: #fff; width: 375px; margin: 0 0 1px 0; padding: 5px 10px; font-size: 80%; font-weight: normal; float: left; clear: both; background-color: #999; }
#productInfo h4{ color: #000; margin: 10px 0 10px 0; padding: 20px 0 0 0; font-size: 100%; float: left; font-weight: bold; width: 100%; clear: both; border-top: 1px solid #ccc;}
#productInfo h4 span{ text-decoration: line-through; color: #999999;}
#productInfo h5{ color: #333; padding: 3px 5px; float: left; display: block; margin: 0 0 10px 0; font-size: 70%;}
#productInfo p{ width: 395px; float: left; font-size: 70%; line-height: 160%; margin: 0 0 10px 0; padding: 0; clear: both; color: #000;}
#productInfo p a{ color: #FF0066;}
#productInfo ul{ width: 280px; float: left; clear: both; list-style: none; margin: 0 0 10px 0; padding: 0;}
#productInfo ul li{ font-size: 75%; color: #666; background: url(../images/icons/icon_bullet-square.gif) 0 7px no-repeat; line-height: 160%; padding: 0 0 0 15px;}
#productInfo ol { clear: both; margin: 0 0 10px 30px; padding: 0;}
#productInfo ol li{ font-size: 75%; line-height: 160%; background: none; padding: 0; margin: 0;}

#productInfo table { border-bottom: 1px solid #666; width: 395px; margin-bottom: 15px; border-left: 1px solid #ccc; float: left; clear: left;}
#productInfo table th{border-bottom: 1px solid #666; background-color: #ccc; font-weight: bold; color: #000; font-size: 70%; text-align: center; padding: 5px 0;}
#productInfo table td{ font-size: 70%; border-right: 1px solid #ccc; border-bottom: 1px solid #E9E9E9; text-align: center; padding: 5px 0;}
#productInfo .bg{background-color: #f6f6f6;}
#productInfo .bg2{background-color: #fff;}
#productInfo .end{ border-right: none;}
#productInfo form{ float: left; width: 100%;}

#contactText{ float: left; width: 180px; border: 1px solid #ccc; background-color: #fff; padding: 10px 10px 0 10px; margin: 0 0 0 0; clear: left;}
#productInfo #contactText h2{ width: 160px; background: url(../images/icons/icon_question.gif) 0 0 no-repeat; font-size: 75%; padding: 0 0 0 18px; margin: 0 0 10px 0; border-bottom: none;}
#productInfo #contactText p{ width: 160px; color: #666; padding: 0; margin: 0 0 5px 0;}
#productInfo #contactText p.phone{ font-size: 80%; color: #000;}

/* #productOptions{ float: left; width: 170px;} */
#productInfo .productOptions{ width: 170px; margin-bottom: 5px; float: right; padding: 0; clear: right;}
#productInfo label{ float: left; width: 60px;}
#productInfo .productOptions select{float: left; margin: 0; border:1px solid #999; width:168px; font-size: 90%;}
#productInfo .smallSelect{ float: left; margin: 0 0 5px 5px; border:1px solid #999; width:80px;}
#productInfo .button { float: left;}

#productInfo .productOptions a.envoyer {background: url(../images/icons/icon_email.gif) 0 5px no-repeat; color: #000; padding: 0 0 0 25px; margin: 5px 0 0 0; color: #000; text-decoration: none; float: left;}
#productInfo .productOptions a.envoyer:hover{ color: #FF0066; text-decoration: underline;}
#productInfo .productOptions a.returnList{ color: #FF0066; background:url(../images/icons/icon_returnList.gif) 7px 2px no-repeat; padding: 1px 0 3px 25px; text-decoration: none; width: 160px;}
#productInfo .productOptions a.returnList:hover{ color: #000; text-decoration: underline;}

/* #productInfo p.options{ width: 150px; clear: none;} NOT SURE IF USED */


/* *************************************************************
Breadcrumb
************************************************************* */
#breadcrumb { float: left; width: 380px; font-size: 70%; color: #999; margin: 0 0 10px 0; padding: 0; text-align:left;}
#breadcrumb a{color: #999999;}
#breadcrumb a:hover{ color: #FF0066;}


/* PAGE NAVIGATION */
#pageNav{ float: right; width: 100px; text-align: right; padding: 0 0 0 0; margin: 0; color: #666; display: inline; font-size: 70%;}
#pageNav select{ font-size: 80%; margin: 0 5px; float: left; display: inline;}
#pageNav a{padding: 0; margin: 5px 0 0 0; color: #666; line-height: 150%; text-decoration: none; float: left;}
#pageNav img{ float: left; padding: 0; margin: 0;}

.line {border-top: 1px dotted #999; height: 1px; width: 590px; float: left; padding: 0 0 25px 0; margin: 15px 0 0 0; font-size: 0;}


/* *************************************************************
ACCOUNT LOGIN
************************************************************* */
#accountList { width: 175px; padding: 0 0 0 0; margin: 0; float: left; display: inline;}
#accountList h2{ font-size: 90%; color: #B30000; margin: 0 0 10px 0; display: inline; float: left; padding: 0; font-weight: normal;}
#accountList a{ color: #000; text-decoration: none;}
#accountList a:hover{ color: #FF0066; text-decoration: underline;}
#accountList ul{ width: 190px; clear: both; padding: 0; margin: 0;}
#accountList li{font-size: 70%; line-height: 180%; padding: 0 0 0 30px; line-height: 250%; list-style: none;}

#accountList .orders{ background: url(../images/icons/icon_orders.gif) 3px 8px no-repeat;}
#accountList .pass{ background: url(../images/icons/icon_pass.gif) 0 8px no-repeat;}
#accountList .param{ background: url(../images/icons/icon_param.gif) 0 8px no-repeat;}
#accountList .logout{ background: url(../images/icons/icon_logout.gif) 0 8px no-repeat;}
#accountList .admin{ background: url(../images/icons/icon_admin.gif) 0 8px no-repeat; padding-left: 35px; font-size: 80%; margin-top: 15px;}
#accountList .admin a{ font-weight: bold;}


/* *************************************************************
IMAGES ROLLOVER
************************************************************* */
.imageRollover{background: #FFFFFF url(../images/img_load.gif) center 90px no-repeat; border: 1px solid #666; overflow: auto; padding: 0 0 0 0;}
.imageRollover img{ padding: 1px 0 1px 1px; border-bottom: 1px solid #666; float: left; clear: both;}
.imageRollover h2{ font-size: 75%; color: #3399FF; margin: 5px 0 5px 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}
.imageRollover p{ font-size: 70%; color: #666; margin: 0 0 0 5px; padding: 0; float: left; clear: both; display: inline; width: 97%;}


/* *************************************************************
CHECKOUT / BASKET
************************************************************* */
#mainContent2 table, #mainContent3 table{ float: left; font-size: 70%; color: #000; margin: 10px 0 20px 0; border: 1px solid #ccc; border-collapse: collapse;}
#mainContent2 .cartTable{ width: 595px}
#mainContent th, #mainContent2 th, #mainContent3 th{font-weight: bold; height: 3em; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 0; font-size: 100%;}
#mainContent2 td{ color: #000; border: 1px solid #ccc; padding: 5px;}
#mainContent3 td{ color: #000; border: 1px solid #ccc;}
#mainContent2 tr a, #mainContent3 tr a{ color: #FF0099; text-decoration: underline;}
#mainContent2 tr a:hover, #mainContent3 tr a:hover{ color: #000000; text-decoration: underline;}

#panierTotal td{height: 2em; }
#panierTotal .bg{ background-color: #fff;}
#panierTotal .bg2{ background-color: #EBEBEB;}
#panierTotal .end{ background: url(../images/bg/table_line.gif) 0px 5px repeat-x; height: 10px;}
#panierTotal .end td{ border: none;}

#panierOptions{ float: left; width: 350px;}

#security{ float: left; width: 350px; clear: left;} /* border: 1px solid #ccc; background-color: #fff; */
#security2{ float: right; width: 350px; clear: left;}
#security p, #security2 p{ font-size: 70%; line-height: 140%; width: 100%;}

#panierTotal{ float: right; width: 350px;}
#mainContent2 #panierTotal, #mainContent2 #panierTotal{ margin: 0 15px 0 0;}

#panierTotal select { font-size: 80%; width: 180px; margin: 0 0 2px 0;}

#panierTotal .ht, #panierTotal .htPrice{ font-weight: bold;}
#panierTotal .livraison, #panierTotal .ht, #panierTotal .frais, #panierTotal .tva{ background-color: #F5F5F5;}
.ht { font-weight: bold;}
#panierTotal .livraisonOption, #panierTotal .htPrice, #panierTotal .fraisPrice, #panierTotal .tvaPrice{ background-color: #EBEBEB; font-size: 130%;}
#panierTotal .frais, #panierTotal .fraisPrice{ color: #FF0066;}
#panierTotal .htPrice{ color: #000;}
#panierTotal .tva, #panierTotal .tvaPrice{}
#panierTotal .total, #panierTotal .totalPrice{ font-size: 160%; border-bottom: 4px solid #ccc; padding: 8px 5px 5px 0;  background-color: #fff;}
#panierTotal .totalPrice{color: #CC0066; font-size: 220%; background-color: #fff;}


/* CHECKOUT BUTTONS */
.checkoutButtons{float: right; text-align: right; margin: 10px 0 0 0; padding: 0; width: 100%;}
.btn_checkout{ float: right; margin: 0; padding: 0;}
#mainContent3 a.continue { color: #000; background:url(../images/icons/icon_arrow-box.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#mainContent3 a.continue:hover{ color: #FF6600;}
#mainContent3 a.return{ color: #000; background:url(../images/icons/icon_arrow-back.gif) 0 0 no-repeat; padding: 1px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#mainContent3 a.return:hover{ color: #E34000;}

#mainContent3 .checkoutButtons a.continue, #mainContent3 .checkoutButtons a.return{font-size: 70%; margin: 10px 25px 0 0; float: right;}

#mainContent2 a.continue{ color: #FF0066; background:url(../images/icons/icon_arrow-box.gif) 0 0 no-repeat; padding: 0px 0 3px 23px; text-transform: uppercase; font-weight: bold; text-decoration: none; }
#mainContent2 a.continue:hover{ color: #000;}

/* *************************************************************
ACCOUNT PAGES
************************************************************* */
#account form { margin-bottom: 20px; float: left; width: 100%;}
#account form p{line-height: 200%; margin: 0; padding: 0; float: left; width: 100%; font-size: 70%;}
#account form p a{ color: #000;}
#account form .text { width: 233px; font-size: 100%; border:1px solid #CCCCCC; padding: 2px;}
#account form .loginText { width: 150px; font-size: 90%; border:1px solid #CCCCCC; padding: 2px;}
#account form label{ width: 120px; float: left;}
#account form textarea { font: 110% Arial, Helvetica, sans-serif; width: 520px; height: 100px;}
#account form .submit { background: url(../images/buttons/btn_envoyer.gif) 0 0 no-repeat; border: none; width: 100px; height: 25px; cursor: pointer; margin: 0;}
#account form .submit:hover{background: url(../images/buttons/btn_envoyer.gif) 1px 1px no-repeat;}
#account form .forgot { line-height: 120%; margin: 5px 0 0 0; font-size: 65%;}
#account .validate { background: url(../images/buttons/btn_validerDemande.gif) 0 0 no-repeat; width: 212px; height: 25px; cursor: pointer; border: none;}
#account .validate:hover{background: url(../images/buttons/btn_validerDemande.gif) 1px 1px no-repeat;}
#account p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}


/* *************************************************************
DELIVERY AND BILLING BLOCKS
************************************************************* */
#deliveryAdd, #billingAdd{width: 355px; height:auto; padding: 0 0 5px 0; display: inline; text-align: left; margin-bottom: 10px;}
#billingAdd { background-color: #fff; border: 1px solid #ccc; float: left;}
#deliveryAdd{background-color: #f5f5f5; border: 1px solid #ccc; float: right;}
#deliveryAdd h2, #billingAdd h2{font-size: 80%; font-weight: bold; color: #000; background: #fff url(../images/bg/th_bg.jpg) 0 0 repeat-x; padding: 8px 10px; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; width: 335px;}
#deliveryAdd h2 a{font-weight: normal; text-decoration: none; margin-left: 10px; color: #000; text-transform: uppercase; font-size: 70%;}
#deliveryAdd h2 a:hover, #billingAdd h2 a:hover{text-decoration: underline;}

#mainContent2 #deliveryAdd, #mainContent2 #billingAdd {width: 285px; }
#mainContent2 #deliveryAdd h2, #mainContent2 #billingAdd h2{width: 265px; }
#mainContent2 #deliveryAdd { margin-right: 15px; }



/*FORM */
#deliveryAdd form, #billingAdd form { clear: both; margin: 0; float: left;}
#mainContent2 #deliveryAdd p, #mainContent2 #billingAdd p{width: 260px;}
#mainContent3 #deliveryAdd p, #mainContent3 #billingAdd p{width: 345px; }
#deliveryAdd p, #billingAdd p{line-height: 200%; margin: 0 0 3px 10px; display: inline; float: left; padding: 0; font-size: 70%;}
#deliveryAdd p a, #billingAdd p a{ color: #FF0066;}
#deliveryAdd legend,#billingAdd legend{ color: #3399FF; font-size: 120%; font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}

#deliveryAdd label,#billingAdd label{ width: 100px; float: left;}
#deliveryAdd .submit,#billingAdd .submit{ margin: 0 0 10px 0;}
#deliveryAdd .reset,#billingAdd .reset{ margin: 10px 10px 10px 0;}
#deliveryAdd p.footnote,#billingAdd p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#deliveryAdd .text, #billingAdd .text{ width: 205px; font-size: 110%; padding: 2px; border:1px solid #CCCCCC;}
#deliveryAdd form textarea,#billingAdd form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 290px; height: 100px;}

#paymentList { float: left; width: 350px;}
#mainContent3 #paymentList ul{ list-style: none; margin: 0 0 10px 0; padding: 0;}
#mainContent3 #paymentList li{ background: none; margin: 0; padding: 0; color: #666666; font-size: 80%; line-height: 180%;}
#mainContent3 #paymentList textarea{ width: 350px; height: 100px; font: 100% Arial, Helvetica, sans-serif;}

#confirmComments{ float: left; width: 738px; border: 1px solid #ccc; background-color: #fff;}
#confirmComments h2{ float: left; margin: 10px; padding: 0; font-size: 80%; color: #000; text-transform: none; font-weight: bold; clear: none; width: auto;}
#confirmComments p{ float: left; margin: 10px; padding: 0; clear: none; width: 600px;}

/* *************************************************************
PRESS
************************************************************* */
#press{ float: left; border-color: #ccc; margin: 0; border-width: 0 1px 1px 1px; border-style: dotted; clear: both; width: 580px;}
.companyListing, .companyListing_alt{ float: left; border-top: 1px dotted #ccc; padding: 15px 0; margin: 0; clear: both; width: 580px; height: auto;background-color: #FFF;}
.companyListing_alt{background-color: #F8F8F8;}

.feauturedLogo {float: left; padding: 0; height: 50px; text-align: center; width:130px;}

.companyListing .text, .companyListing_alt .text{ float: left; width:400px; height: auto; padding: 0 10px 0 0;}
#mainContent2 .companyListing h2, #mainContent2 .companyListing_alt h2{ margin: 0 0 5px 0; padding: 0; color: #FF0066; font-size: 100%; border: none; width: 400px}
#mainContent2 .companyListing h2 a, .companyListing_alt h2 a{ color: #669900; text-decoration: none;}
#mainContent2 .companyListing h2 a:hover, .companyListing_alt h2 a:hover{ color: #FF6600; text-decoration: underline;}
#mainContent2 .companyListing h3, .companyListing_alt h3{ margin: 0 0 5px 0; padding: 0; color: #669900; font-size: 750%; border: none;}
#mainContent2 .companyListing h3 a, .companyListing_alt h3 a{ color: #669900; text-decoration: none;}
#mainContent2 .companyListing h3 a:hover, .companyListing_alt h3 a:hover{ color: #FF6600; text-decoration: underline;}
#mainContent2 .companyListing p, #press .companyListing_alt p{margin: 0; padding: 0; line-height: 180%; font-size: 70%; text-align:justify;}
#mainContent2 .companyListing p a, .companyListing_alt p a{ color: #666;}
#mainContent2 .companyListing p a:hover, .companyListing_alt p a:hover{ color: #FF6600; text-decoration: underline;}


/* *************************************************************
CONTACT PAGE
************************************************************* */
#contact form { clear: both; margin: 10px 0 0 0; float: left; width: 380px;}
#contact form p{width: 375px; line-height: 200%; margin: 0; float: left; font-size: 70%;}
#contact legend{ color: #3399FF; font-size: 120%; font-weight: normal; padding: 0 10px 10px 10px; margin: 0;}
#contact label{ width: 130px; float: left;}
#contact form .submit{ margin: 0 0 10px 0;}
#contact form .reset{ margin: 10px 10px 10px 0;}
#contact p.footnote{ font-size: 55%; color: #999999; margin: 20px 0 0 0;}
#contact .text { width: 235px; font-size: 100%; padding: 2px; border:1px solid #CCCCCC;}
#contact form textarea { font: 110% Arial, Helvetica, sans-serif; border:1px solid #CCCCCC; width: 238px; height: 100px;}
#contact td{ border:none;}
#contact tr{ border:none;}





/* PLUS AND MINUS BUTTONS IN BASKET */
.cartQuantity { float: left; margin: 0 0 0 10px; display: inline; width: 20px;}
.cartButtons{float: left; width: 10px; margin: 0 0 0 5px; display: inline;}
.btn_plus, .btn_minus{ border: 0; width: 10px; height: 10px; float: left; clear: both;}
.btn_plus{ background: url(../images/icons/icon_plus_cart.gif) 0 0 no-repeat;}
.btn_minus{background: url(../images/icons/icon_minus_cart.gif) 0 0 no-repeat; margin: 2px 0 0 0;}

.btn_updateCart{ background: url(../images/buttons/btn_updateCart.gif) 0 0 no-repeat; border: 0; width: 183px; height: 30px; float: right; margin: 10px 0 20px 0; cursor: pointer;}



/* *************************************************************
SUB CONTENT AREA - RIGHT HAND COLUMN
************************************************************* */
#subContent {width: 210px; float: right; text-align: left; margin: 20px 20px 0 0; padding: 0; display: inline; }

/* .smallBox{ width: 195px; padding: 0 0 0 0; margin: 0; background: url(../images/boxes/smallBox_bg.gif) 0 0 repeat-y; float: left; display: inline;}
.smallBox img{ float: left; clear: both;}
.smallBox h2{ font-size: 90%; color: #FF9900; margin: 0 0 5px 0; display: inline; float: left;}
.smallBox p{ font-size: 70%; color: #666; margin: 0 0 0 0; padding: 0; clear: both; line-height: 150%;}
.smallBox ul{ width:190px;;margin: 0 0 0 20px; padding: 0 0 0 0;}
.smallBox li{ font-size: 70%; line-height: 180%; padding: 0; margin: 0;} */

#subContent dl{ float: left; width: 170px; padding: 0; margin: 0 0 0 0; clear: both; display: inline;}
#subContent dt, #subContent dd{ float: left; padding: 0; margin: 0 0 0 0; font-size: 75%; line-height: 170%;}
#subContent dt {width: 70px; clear: both; color: #000; text-transform: capitalize;}
#subContent dd {width: 200px; color: #666;}

.subContentImage{ float: left; margin: 15px 0 0 -13px;}


/* PROMO */
#subContent .promo{ float: left; width: 188px; padding: 10px; margin: 0 0 30px 0; background-color: #fff; border: 1px solid #ccc;}
#subContent .promo h2{ font-size: 90%; color: #FF0066; margin: 0 0 5px 0; display: inline; float: left; padding: 0 0 0 15px; width: 185px; background: url(../images/icons/icon_lightbulb.gif) 0 0 no-repeat; font-weight: normal;}
#subContent .promo h3{ font-size: 85%; color: #FF0066; margin: 0 0 5px 0; display: inline; float: left; padding: 0; width: 185px; font-weight: normal;}
#subContent .promo p{ float: left; width: 180px; margin: 0 0 5px 0; padding: 0; font-size: 70%; color: #333333; line-height: 160%;}
#subContent .promo ul{ margin: 0 0 0 15px; padding: 0 0 0 0; clear: both; width: 165px;}
#subContent .promo li{ font-size: 70%; line-height: 180%; padding: 0; margin: 0; color: #333333;}
#subContent .promo h2.question{ background: url(../images/icons/icon_question.gif) 0 0 no-repeat; padding-left: 15px;}


/* *************************************************************
PROCESSING PAGE
************************************************************* */
#processingWrap{ width: 420px; height: auto; left: 50%; top: 50%; margin: -105px 0 0 -210px; position: absolute; }
#processingBody{ width: 375px; float: left; margin: 0 0 0 0; padding: 10px 15px 0 30px; display: inline; background: url(../images/shape/shape_payment_bg.png) 0 0 repeat-y;}
#processingBody h1{ float: left; display: inline; clear: none; margin: 0 0 2px 20px; padding: 0; font-size: 100%; font-weight: bold; color: #B30000; display: inline;}
#processingBody p{ float: left; margin: 0 0 5px 20px; padding: 0; width: 210px; font-size: 75%; clear: none; display: inline;}
#processingBody img{ float: left;}
#processingBody .bar{ margin: 20px 0 0 0;}


/* *************************************************************
ALERT BOX
************************************************************* */
#alertBox{border: 1px solid #FF0066; padding: 5px 10px; margin: 10px 0 20px 0; background-color: #FFF; text-align: left; float: left; clear: both;}
#mainContent #alertBox{width: 340px; }
#mainContent2 #alertBox{width: 570px;}
#mainContent3 #alertBox{width: 720px;}
#productInfo #alertBox{width: 375px;}

#alertBox h2{ margin: 0; padding: 0; font-size: 80%; font-weight: bold; color: #FF3300; border: none;}
#alertBox p{color: #000; font-size: 70%; padding: 0; margin: 0; line-height: 180%; clear: none; float: left; width: 100%;}
#alertBox table{border-collapse: collapse; width: 70%; margin: 15px 0 0 15px; border:1px solid #999999;}
#alertBox td, #alertBox th{ height: 3em; padding: 5px; border: none; background: none;}
#alertBox th{background-color:#fff; color:#333;}
#alertBox td{background-color:#FFF; color:#333;}
#alertBox th a{color:#333; text-decoration:none;}

#alertBoxError{border: 1px solid #FFF; padding: 10px 0; margin: 10px 0 20px 0; background-color: #CA0211; width: 99%; text-align: left; float: left; color:#FFF;}
#alertBoxError p{ color: #FFF; font-size:75%;padding: 0; margin: 0 0 0 10px; line-height: 180%; clear: none; width: auto;}
#alertBoxError h2{  margin: 0 0 0 10px; padding: 0; font-size: 80%; font-weight: bold; color: #FFF; border: none;}

.error{ color:#FF0000; font-weight:700; font-size:90%; text-decoration:blink;}

/* Product Detail Alert Box */
#mainContent2 #productInfo #alertBox{width: 330px;}

/* *************************************************************
General Styles
************************************************************* */
.clearSpace{ float: left; clear: both; width: 200px; font-size: 0; height: 20px;}
#mainContent p.smallText{ font-size: 60%;}
a.button{ height: 27px; padding: 0 0 0 0; display: block; margin: 10px 0 0 0; width: auto; float: left;}
a.button:hover{ height: 26px; padding: 1px 0 0 1px;}
#contentWrap .noBgImage{ background-image: none;}
.lineSpace{ float: left; clear: both; width: 100%; font-size: 0; height: 20px; border-top: 1px dotted #999; margin: 5px 0 0 0;}


/* *************************************************************
TERMS AND CONDITIONS
************************************************************* */
div.question{color: #444; font-size: 75%; width: 725px; line-height: 160%; cursor: pointer; padding: 0 0 5px 15px; margin: 5px 0 0 0; background: url(../images/icons/icon_bullet-square.gif) 0 7px no-repeat; border-bottom: 1px solid #ccc;}
.answer{ border-style: solid; border-width: 0 1px 1px 1px; border-color: #ccc; background-color:#fff; width: 738px; visibility:hidden; height:0px; overflow:hidden; position:relative;}
.answer_content{font-size: 70%; position:relative; color: #000; line-height: 160%; padding: 5px;}
.answer_content a{color: #FF6600;}
.answer ul{ margin: 0 0 0 10px; padding: 0 0 0 10px;}


/* *************************************************************
FOOTER
************************************************************* */
#footer{ float: left; padding: 0; text-align: center; width: 780px; clear: both; background-color: #ccc; margin: 1px 0 0 0;}
#footer ul{ float: left; margin: 0; padding: 0; list-style: none;}
#footer li{ float: left; margin: 0; padding: 10px 0; font-size: 65%; text-transform: uppercase;}
#footer li a{ color: #666; padding: 0 13px; text-decoration: none; border-right: 1px solid #999;}
#footer li a:hover{ color: #FF3366;}
#footer li a.last{ border-right: none; padding-right: 0;}