/* 
-----------------------------------------
General corporate CSS 
October 06
Styles: presses.ch
-----------------------------------------
*/

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, Sans-serif;
text-align: center; /* pour corriger le bug de centrage IE */
font-size: 70%;
background: url(images/tell.jpg) no-repeat 0 0;
}

div, p, span {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.3em;
color:#000000;
text-align: justify;
}

ol {
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 0;
list-style-type: square;
}

li {
margin: 0;
padding: 0;
}

img {
border: none;
}

/* 
--------------------------------------
logo strip
--------------------------------------
*/

#logo {
background-image:url(images/divers/logo.png);
background-repeat:no-repeat;
width: 600px;
height: 106px;
margin: 0 0 20px 0;
}


/* 
--------------------------------------
standard link styles
--------------------------------------
*/

a {
color:  #139a39;
text-decoration: underline;
cursor: pointer;
}

a:link {
color:  #139a39;
text-decoration: underline;
}

a:visited {
color:  #139a39;
text-decoration: underline;
}

a:hover {
color:  #1de555;
text-decoration: underline;
}

a:active {
color:  #139a39;
text-decoration: underline;
}

a.nolink {
font-size: 1em;
color:#8788a0;
text-decoration: none;
}
/* 
------------------------------
structural css
------------------------------
*/

//#nojs {
//background: #f93;
//font-size: 13px;
//text-align: center;
//color:  #000000;
//padding: 5px 0;
//}

#nojs {
background: #ff1b66;
width:100%;
font-size: 13px;
text-align: center;
color: #FFFFFF;
padding: 5px 0;
}


#content {
width: 1000px;
height: 100%;
/*min-height: 400px;*/
margin:30px auto;
}

#admin-content {
width: 1000px;
height: 100%;
/*min-height: 400px;*/
margin:30px auto;
background: #f3f3f4;
}

#header {
width: 1000px;
height: 181px;
}

#left-slide {
height: 10px;
width: 180px;
float: left;
}

#center {
text-align: left;
min-height: 500px;
width: 640px;
float: left;
}

#admin-center {
text-align: left;
min-height: 500px;
width: 1000px;
float: left;
}

#content-center {
width:600px;
margin:auto;
}

#admin-content-center {
width:100%;
margin:auto;
}


#right-slide {
height: 10px;
width:180px;
text-align: left;
float: left;
}

#nav-history-1, #nav-history-2, #nav-history-3, #nav-history-4, #nav-history-5, #nav-history-6 {
width: 600px;
height: 20px;
margin 0;
float: left;
}

#nav-history-1 {
background: url(images/etape_1.gif);
}

#nav-history-2 {
background: url(images/etape_2.gif);
}

#nav-history-3 {
background: url(images/etape_3.gif);
}

#nav-history-4 {
background: url(images/etape_4.gif);
}

#nav-history-5 {
background: url(images/etape_5.gif);
}

#nav-history-6 {
background: url(images/etape_6.gif);
}

#nav-history-stations {
width: 598px;
height: 20px;
float: left;
background: #f3f3f4;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
}

#nav-history-shadow {
width: 600px;
height: 6px;
margin-bottom: 20px;
float: left;
background: url(images/etape_ombre.gif) repeat-x;
}

#nav-history-stations span.station-spacer{
float:left;
width: 17px;
}

#nav-history-stations span.station{
padding-top: 3px;
text-align: center;
float:left;
width: 94px;
color: #AFAFBA;
}

#nav-history-stations a:link, #nav-history-stations a:visited, #nav-history-stations a:active {
text-decoration: none;
color: #AFAFBA;
}

#nav-history-stations a.station-selected:link, #nav-history-stations a.station-selected:visited, #nav-history-stations a.station-selected:active {
text-decoration: none;
font-weight: bold;
color: #23256E;
}

#nav-history-stations a:hover {
text-decoration: none;
color: #139a39;
}

#nav-history-stations span.station-end, #nav-history-stations span.station-end-selected {
color: #139a39;
}

#nav-history-stations span.station-grey {
color: #AFAFBA;
}

#nav-history-stations span.station-end-selected {
font-weight: bold;
}

/* 
--------------------------------------
horizontal navigation 
--------------------------------------
*/

#horizontal-navigation {
float:left;
width: 1000px;
height: 24px;
margin: 0px;
text-align: center;
}

span.main-menu a {
text-align: center;
}

span.nav-spacer {
float:left;
width: 193px;
height: 24px;
padding: 0;
}

#left-wave {
float:left;
width: 18px;
height: 24px;
padding: 0;
background: url(images/general_vague_gauche.gif);
}

#right-wave {
float:left;
width: 18px;
height: 24px;
padding: 0;
background: url(images/general_vague_droite.gif);
}
	
#horizontal-navigation span.main-menu, #horizontal-navigation span.main-menu-end {
float:left;
width: 110px;
height: 23px;
line-height: 23px;
padding: 0;
font-size: 12px;
font-weight: bold;
text-align: center;
background: #f4f3f4;
border-right: 1px solid #c4c4ce;
border-top: 1px solid #c4c4ce;
}

#horizontal-navigation span.main-menu-end {
float:left;
width: 123px;
padding-right: 10px;
text-align: right;
height: 23px;
line-height: 23px;
/*color:#8788a0;*/
color: #bfc1e1;
}

#horizontal-navigation span.main-menu a:link, #horizontal-navigation span.main-menu a:visited {
margin: 0;
width: 110px;
display: block;
text-align: center;
color: #23256E;
text-decoration: none;
}

#horizontal-navigation span.main-menu a:hover, #horizontal-navigation span.main-menu a:active {
display: block;
text-align: center;
width: 110px;
background: #D0DDE8;
text-decoration: none;
}

#horizontal-navigation a, #horizontal-navigation a:hover {
display: block;
text-align: center;
width: 110px;
text-decoration: none;
}

#nav-shadow {
width: 1000px;
height: 11px;
background: url(images/general_ombre.gif) repeat-x;
clear: both;
}

/* 
--------------------------------------
horizontal navigation bottom
--------------------------------------
*/

#horizontal-navigation-bottom {
float: left;
width: 600px;
height: 28px;
margin-top: 10px;
margin-bottom: 40px;
text-align: center;
}

#navb-left, #navb-right {
float: left;
display: block;
background: url(images/barre_bt.gif) repeat-x;
}

#navb-left-back a {
float: left;
display: block;
width: 61px;
height: 26px;
background: url(images/back.gif) no-repeat 0 0;
}

#navb-spacer {
float: left;
display: block;
width: 138px;
height: 26px;
}

#navb-order {
float: left;
display: block;
width: 203px;
height: 26px;
font-size: 1em;
font-weight: 700;
text-align: center;
}

/* 
--------------------------------------
boutons navig
--------------------------------------
*/


#navb-left a.bt_navigation, #navb-right a.bt_navigation {
width: 106px;
height: 22px;
padding-top: 4px;
color: #fff;
font-size: 1em;
font-weight: 700;
text-align: center;
text-decoration: none;
margin: 0; display: block; 
background: url(images/deg_navigation.gif) repeat 0px 0; 
}

#navb-left a:hover.bt_navigation, #navb-right a:hover.bt_navigation {
color: #fff;
text-decoration: none;
background: url(images/deg_navigation.gif) repeat 0 -26px;
}

#navb-center{
float: left;
width: 388px;
height: 26px;
background: url(images/barre_milieu.gif) no-repeat 0 0;
}

/* 
--------------------------------------
vertical navigation 
--------------------------------------
*/

#navigation, #navigation2 {
padding: 0;
margin: 0;
width:180px;
background: #f4f3f4;
}

.navigation-end {
padding: 0;
margin: 0;
width:180px;
height: 8px;
background: url(images/sous_menu.gif) no-repeat 0 0;
}

#navigation a, #navigation2 a {
text-decoration: none;
}

#navigation span.box-icon, #navigation2 a.icon-profil, #navigation2 a.icon-basket {
float: left;
display: block;
border-right: 1px solid #fff;
margin-right: 6px;
height: 20px;
width: 21px;
background: url(images/ico_profil.gif) no-repeat 0 0;
}

#navigation span.box-icon {
background: url(images/ico_info.gif) no-repeat 0 0;
}

#navigation h2, #navigation2 h2 {
background: url(images/deg_bleu.gif) repeat-x;
height: 20px;
line-height: 20px;
margin: 0;
padding: 0;
color: #fff;
font-size: 1em;
font-weight: 700;
}

#navigation2 .spacer {
height: 10px;
width: 178px;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
}

#navigation ul, #navigation2 ul {
padding: 0;
margin: 0;
}

#navigation ul li, #navigation2 ul li {
padding: 0;
margin: 0;
font-size: 0.9em;
list-style: none;
border-bottom: 2px dotted #c4c4ce;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
}

#navigation ul li a:link, #navigation ul li a:visited {
padding: 4px 10px 5px 8px;
margin: 0;
display: block;
width: 160px;
color: #23256E;
text-decoration: none;
}

#navigation ul li a:hover, #navigation ul li a:active {
background: #D0DDE8;
text-decoration: none;
}


#navigation2 ul li a:link, #navigation2 ul li a:visited {
padding: 14px 10px 17px 8px;
margin: 0;
display: block;
width: 160px;
color: #23256E;
text-decoration: none;
}

#navigation2 ul li a:hover, #navigation2 ul li a:active {
height: 14px;
background: #D0DDE8;
text-decoration: none;
}

#navigation ul .menu-list-noborder, #navigation ul .menu-list-dark-noborder {
margin: 0;
padding: 0;
border-bottom: 0px;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
}



/* 
--------------------------------------
login/small basket div 
--------------------------------------
*/

#navigation2 a.icon-profil {
background: url(images/ico_profil.gif) no-repeat 0 0;
}

#navigation2 a.icon-basket {
background: url(images/ico_panier.gif) no-repeat 0 0;
}

#small-login {
margin: auto;
padding-top: 12px;
text-align: center;
font-size: 0.9em;
line-height: 20px;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
border-bottom: 0px dotted #C4C4CE;
}

#small-login-info {
padding: 10px 0px 15px 0px;
margin: 0;
text-align: center;
font-size: 0.9em;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
}

#small-login-info a:link, #small-login-info a:visited {
width: 179px;
padding: 0;
color: #23256E;
text-decoration: none;
}

#small-login-info a:hover, #small-login-info a:active {
text-decoration: none;
}

.small-panier-total{
font-size: 10px; font-weight: bold;
padding: 13px 0 13px 0;
margin-top: 0px;
color: #23256E;
text-align: center;
border-left: 1px solid #c4c4ce;
border-right: 1px solid #c4c4ce;
}

/* 
------------------------------
content styles
------------------------------
*/

#content-center h1 {
margin: 0px 0 20px 0;
padding: 0;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 1.1em;
text-transform: uppercase;
letter-spacing: 1pt;
font-weight: bold;
color: #fff;
background: url(images/barre_bt.gif) repeat-x;
}

#content-center h1 span.light {
font-size: 1em;
color:#d6d6d6;
}

#content-center h3 {
margin: 10px 0 10px 0;
padding: 0px 0 0 0;	
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color: #23256E;
}

#content-center h4 {
margin: 0 0 10px 0;
padding: 12px 0 0 0;	
font-size: 1.1em;
font-weight: bold;
color: #23256E;
}

#content-center ul.faq {
margin: 20px 0 2px 0;
font-weight: bold;
color: #23256E;
padding: 0;	
}

#content-center li.faq {
margin: 4px 0 4px 18px;
padding: 0;	
}

#content-center li.faq a:link, #content-center li.faq a:active, #content-center li.faq a:visited {
margin: 0px;
padding: 0;	
font-weight: bold;
text-decoration: none;
}

#faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11, #faq12, #faq13, #faq14, #faq15, #faq16, #faq17 {
margin: 10px 0 27px 25px;
font-weight: normal;
}


#content-center ul li {
padding: 0 0 3px 0;
margin: 0 0 0 18px;
}

/* 
------------------------------
catalog/description styles
------------------------------
*/

.catalog-content {
float: left;
width: 550px;
padding: 15px 25px 0px 25px;
margin: 0 0 20px 0px;
border-bottom: 1px dotted #C4C4CE;
}

.description-content {
padding: 15px;
margin: 0 0 20px 0px;
border: 1px solid #C4C4CE;
color: #000000;
}

.description-content p {
color: #000000;
}

.catalog-img, .description-img {
float:left;
width: 87px;
margin-right: 10px;
border: 2px solid #C4C4CE;
}

.catalog-img-test {
float: right;
width: 420px;
}

input.submit {
float:left;
margin-left: 13px;
width: 67px;
height: 26px;
text-align: center;
}

#content-center .catalog-content h3, #content-center .description-content h3 {
margin: 0 0 0px 0;
font-size: 1.2em;
padding: 0;
font-weight: normal;
}

#content-center .catalog-content h4 {
margin: 0 0 6px 0;
font-size: 1em;
padding: 0;
font-weight: normal;
color: #000;
}

.catalog-content p {
margin: 0 0 8px 0;
padding: 0;
}

.catalog-details {
float: left;
text-align: left;
width: 420px;
margin-bottom: 30px;
}

.catalog-content span.price, .description-content span.price {
float: left;
font-size: 1.1em;
height: 20px;
padding: 0;
color: #23256E;
font-weight: bold;
}

.catalog-content input {
margin: 0 0 8px 110px;
text-align: center;
padding: 0;
}

.details-add {
margin-top: 10px;
}

.details-add-left {
float: left;
}

.details-add-right {
float: right;
}

#description-cleaner {
height: 1px;
clear: both;
}

.description-right p {
text-align: right;
padding: 0;
margin: 0;
}

.catalog-content p.author, .description-content p.author {
font-size: 1em;
margin-bottom: 10px;
font-weight: normal;
color: #000;
}

.catalog-content span.date {
font-size: 1em;
margin-bottom: 20px;
font-weight: normal;
color:#8788a0;
}

.description-content p.isbn {
font-size: 1em;
color:#8788a0;
}

.description-content p.infos {
font-size: 0.9em;
color:#8788a0;
}

.description-content p.collection {
font-size: 1.2em;
}

.caps {
text-transform: uppercase;
color:black;
}

.limit-stock {
color: red;
}

/* 
------------------------------
basket styles
------------------------------
*/

#content-basket {
width: 560px;

margin-left: 20px;
}

#basket-title {
float:left;
width: 558px;
height: 20px;
padding-top: 4px;
margin: 0;
text-align: center;
font-weight: bold;
color: #23256E;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
border-top: 1px solid #C4C4CE;
background: url(images/fond_transparent.png) repeat;
}

#basket-box {
float:left;
width: 558px;
margin: 0;
padding: 0;
text-align: left;
background: #f4f3f4;
border: 1px solid #C4C4CE;
}

#basket-description, #basket-description-noborder {
float:left;
width: 558px;
margin: 0px 0px 0 0;
padding: 23px 0 5px 0;
text-align: left;
background: #f4f3f4;
border-top: 2px dotted #C4C4CE;
}

#basket-description-noborder {
border-top: 0px;
}

#basket-title span{
text-align: center;
font-size: 1em;
color: #23256E;
}

#basket-description span{
text-align: left;
font-size: 1em;
}

#basket-title span.img {
float:left;
width: 57px;
}

#basket-description span.img, #basket-description-noborder span.img, span.img-sbasket {
margin-top: -8px;
margin-left: 10px;
margin-right: 20px;
border-left: 2px solid #c4c4ce;
border-right: 2px solid #c4c4ce;
float:left;
width: 25px;
}

#basket-title span.title, #basket-description span.title, #basket-description-noborder span.title {
float:left;
width: 235px;
text-align: left;
color:#8788a0;
}

#basket-title span.price, #basket-description span.price, #basket-description-noborder span.price {
float:left;
width: 70px;
margin-right: 10px;
text-align: right;
color:#8788a0;
}

#basket-title span.qty, #basket-description span.qty, #basket-description-noborder span.qty {
float:left;
width: 54px;
text-align: right;
color:#8788a0;
}

#basket-title span.button, #basket-description span.button, #basket-description-noborder span.button {
float:left;
margin-top: -9px;
width: 30px;
text-align: center;
}

#basket-title span.spacer-button, #basket-description span.spacer-button, #basket-description-noborder span.spacer-button {
float:left;
width: 30px;
height: 20px;
text-align: center;
}

#basket-title span.total, #basket-description span.total, #basket-description-noborder span.total {
float:left;
width: 95px;
text-align: right;
color:#8788a0;
}

#content-basket p {
text-align: right;
color:#8788a0;
}

#content-basket span.total-label, #content-total span.total-label {
float:left;
width: 150px;
margin: 0px 0 20px 281px;
padding: 10px 10px 10px 10px;
text-align: right;
font-size: 1.1em;
font-weight: bold;
background: #f4f3f4;
border-left: 1px solid #C4C4CE;
border-bottom: 1px solid #C4C4CE;
color:#8788a0;
}

#content-total span.total-label {
color: #23256E;
width: 160px;
margin: 0px 0 0px 301px;
padding: 8px 0px 10px 10px;
border-top: 2px solid #23256E;
border-left: 2px solid #23256E;
border-bottom: 2px solid #23256E;
background: #f6d3d2;
}

#content-basket span.total-right, #content-total span.total-right {
float:right;
width: 82px;
margin: 0px 0px 20px 0px;
padding: 10px 5px 10px 20px;
text-align: right;
font-weight: bold;
font-size: 1.1em;
color: #23256E;
background: #f6d3d2;
border-right: 1px solid #C4C4CE;
border-bottom: 1px solid #C4C4CE;
}

#content-total span.total-right {
padding: 8px 5px 10px 20px;
margin: 0px 18px 0px 0px;
border-top: 2px solid #23256E;
border-right: 2px solid #23256E;
border-bottom: 2px solid #23256E;
}

#basket-options-box {
width: 560px;
margin: auto;
text-align: center;
}

/* 
------------------------------
home styles
------------------------------
*/

#img-home {
background-image:url(images/presses_d_histoire_suisse_picture2.jpg);
width: 340px;
height: 255px;
margin: 10px 130px 60px 130px;
}

.home-text {
font-size: 1.2em;
padding: 20px;
text-align: center;
}

.home-text-red {
color: #139a39;
font-size: 1em;
font-weight: bold;
padding: 20px;
text-align: center;
}

/* 
------------------------------
form styles
------------------------------
*/

form {
font-size: 1em;
}

form{margin:0; padding:0;}

form.basket-button, input.basket-button {
font-size: 1em;
padding: 0;
margin: 0;
}

form.profile {
float: left;
position: relative;
left: 20px;
width: 558px;
}

form .title {
color: #23256E;
font-size: 1em;
font-weight: bold;
padding: 6px 0px 6px 15px;
border-top: 1px solid #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
background: url(images/fond_transparent.png) repeat;
}

form .zone-name, form .zone-name-end, form .zone-conditions, form .zone-name-liv {
color:#8788a0;
font-size: 0.9em;
padding: 15px 15px 15px 15px;
background: #f4f3f4;
border-top: 1px dotted #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
}

form #rs-infos, form #liv-rs-infos, form #liv-fax-infos {
color:#8788a0;
}

form .zone-name-liv {
background: #f4f3f4;
}

form .zone-name-end {
border-bottom: 1px solid #C4C4CE;
}

input .zone-button, form .zone-button, .zone-button {
font-size: 0.9em;
padding: 15px;
background: #f4f3f4;
text-align: center;
border-top: 1px dotted #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
border-bottom: 1px solid #C4C4CE;
}

form .zone-conditions, form .zone-verify {
padding: 10px 15px 10px 15px;
}

form .zone-verify {
border-top: 1px solid #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
background: #f4f3f4;
font-weight: bold;
//color: #f93;
color: #ff1b66;
}

#form-alert {
font-size: 0.9em;
padding: 5px 15px 5px 15px;
background: #f4f3f4;
text-align: justify;
font-weight: bold;
color: red;
border-top: 1px dotted #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
}

label.cote {
float:left;
height: 18px;
line-height: 18px;
width: 160px;
text-align: left;
}

input, textarea	{
color:#4B4B4B;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
background-color: #F6F6F8;
}

select {
font-size: 10px;
margin-bottom: 4px;
}

.star {
color: #23256E;
}

.invisible {
display: none;
}

.alert {
font-weight: bold;
color: #ff0000;
}

/* 
------------------------------
box styles
------------------------------
*/

#navigation2 span.box-icon {
float: left;
margin-right: 6px;
border-right: 1px solid #fff;
height: 20px;
width: 21px;
background: url(images/ico_profil.gif) no-repeat 0 0;
}

.box-title {
padding: 0;
margin: 0;
text-align: center;
color: #fff;
font-size: 0.9em;
font-weight: bold;
background: url(images/fond_transparent.png) repeat;
}

.box-text{
padding: 0px 20px 10px 20px;
margin: 0;
font-size: 1em;
}

#delivery-box .box-title h4 {
color: #fff;
font-weight: bold;
margin: 0;
padding: 4px 0px 4px 0px;
text-align: left;
background: url(images/deg_gris_interieur.gif) repeat-x;
}

#content-inscription .box-title h4, #content-noinscription .box-title h4, #content-current-orders .box-title h4 {
font-weight: bold;
padding: 5px 0px 5px 0px;
margin: 0;
text-align: center;
background: #fff;
}

/* 
------------------------------
inscription styles
------------------------------
*/

#content-inscription {
float: left;
margin-top: 10px;
position: relative;
left: 20px;
width: 558px;
text-align: left;
background: #f4f3f4;
border: 1px solid #C4C4CE;
}

#content-inscription .box-title, #content-noinscription .box-title {
border-bottom: 1px solid #C4C4CE;
margin-bottom: 10px;
}

#inscription-left {
float: left;
width: 278px;
border-right: 1px dotted #C4C4CE;
}

#inscription-right {
float: left;
width: 279px;
}

#inscription-left .box-text, #inscription-right .box-text {
width: 238px;
}

#inscription-cleaner {
width: 100%;
height: 20px;
clear: both;
}

#content-noinscription {
margin: auto;
width: 558px;
text-align: left;
background: #f4f3f4;
border: 1px solid #C4C4CE;
padding-bottom: 7px;
}

#content-inscription li, #content-noinscription li {
color: #23256E;
list-style-image: url("images/green-square.gif");
}

#inscription-button {
width: 136px;
height: 26px;
margin-top: 20px;
margin-left: 50px;
margin-bottom: 10px;
}

#inscription-button a:link, #inscription-button a:visited {
width: 136px;
height: 26px;
display: block;
background: url(images/inscription.gif) repeat 0px 0;
}

#inscription-button a:hover {
background: url(images/inscription.gif) repeat 0 -26px;
display: block;
}

#logo-account, #logo-orders {
position: relative;
left: 84px;
width: 69px;
height: 38px;
margin: 30px 0 30px 0;
background: url(images/icone_compte.gif) no-repeat 0 0;
}

#login-logo {
float: right;
width: 151px;
height: 99px;
margin-right: 30px;
margin-bottom: 10px;
background: url(images/identification_fleche.gif) no-repeat 0 0;
}

#logo-orders {
background: url(images/icone_commandes.gif) no-repeat 0 0;
}

/* 
------------------------------
delivery/payement styles
------------------------------
*/

#delivery-box {
float: left;
position: relative;
left: 20px;
width: 558px;
padding: 0;
background: #f4f3f4;
border: 1px solid #C4C4CE;
}

#delivery-box-top {
float: left;
background: url(images/livraison_adresse.gif) no-repeat 40px 50px;
}

#payement-box-top {
float: left;
background: url(images/payement_adresse.gif) no-repeat 40px 50px;
}

#delivery-box .box-title h4 {
padding-left: 10px;
}


#delivery-box-adress, #invoice-box-adress {
width:250px;
padding: 10px 0 0 10px;
margin: 20px 0px 20px 250px;
background: #fff;
border: 1px solid #C4C4CE;
}

#delivery-box-adress, #invoice-box-adress {
color:#8788a0;
}

#delivery-box-adress input {
font-size: 0.8em;
}

#delivery-box-adress .delivery-submit {
margin-top: 4px;
margin-right: 10px;
text-align: right;
}

#delivery-cleaner {
float: left;
width: 100%;
height: 20px;
clear: both;
}

/* 
------------------------------
options styles
------------------------------
*/

#show-options {
float: left;
padding-bottom: 10px;
width: 530px;
margin: 10px;
}

a.show-options-icon {
position: relative;
top: 3px;
float: left;
margin-right: 1px;
width: 12px;
height: 12px;
display: block;
background: url(images/fleche_bas.gif) repeat 0px 0;
}

a.show-options-icon:hover, a.show-options-icon:active {
float: left;
width: 12px;
height: 12px;
display: block;
background: url(images/fleche_bas.gif) repeat 0 -12px;
}

a.hide-options-icon {
position: relative;
top: 3px;
float: left;
width: 12px;
height: 12px;
display: block;
background: url(images/fleche_haut.gif) repeat 0px 0;
}

a.hide-options-icon:hover, a.hide-options-icon:active {
display: block;
width: 12px;
height: 12px;
background: url(images/fleche_haut.gif) repeat 0 -12px;
}

#show-options-logo {
float: left;
width: 69px;
height: 42px;
margin-right: 10px;
background: url(images/apercu_frais_envoi.gif) no-repeat 0 0;
}

#options-countries {
position: relative;
top:30px;
float: left;
line-height: 18px;
height: 18px;
}

#options-countries select {
margin: 0;
padding: 0;
}

#options-countries span.options-spacer {
padding-left: 40px;
}

#content-options {
float: left;
margin: auto;
width: 528px;
font-size: 1em;
padding: 0 15px 15px 15px;
text-align: left;
border-top: 1px dotted #C4C4CE;
background: url(images/fond_transparent.png) repeat;
}

#content-options .options-top {
float: left;
width: 100%;
}

#options-col {
width: 100%;
}

#content-options h5 {
font-size: 1.1em;
font-weight: normal;
color: #23256E;
margin: 15px 0 3px 0;
}

#content-options span.description {
float: left;
width: 245px;
margin-right: 35px;
margin-bottom: 10px;
}

#content-options span.img-exp_A, #content-options span.img-exp_B, #content-options span.img-free_A, #content-options span.img-free_B, #content-options span.img-take, #content-options span.img-liv, #content-options span.img-dpd, #content-options span.img-colissimo, #content-options span.img-free_colissimo, #content-options span.img-bull_CHF, #content-options span.img-trans_CHF, #content-options span.img-trans_EUR, #content-options span.img-trans_USD, #content-options span.img-trans_GBP, #content-options span.img-creditcard_CHF, #content-options span.img-creditcard_EUR, #content-options span.img-creditcard_EUR, #content-options span.img-creditcard_USD, #content-options span.img-creditcard_GBP {
float: left;
position: relative;
top: -15px;
width: 123px;
height: 49px;
text-align: center;
background: url(images/exp_A.gif) no-repeat 0 0;
}

#content-options span.img-bull_CHF, #content-options span.img-trans_CHF, #content-options span.img-trans_EUR, #content-options span.img-trans_USD, #content-options span.img-trans_GBP, #content-options span.img-creditcard_CHF, #content-options span.img-creditcard_EUR, #content-options span.img-creditcard_EUR, #content-options span.img-creditcard_USD, #content-options span.img-creditcard_GBP {
float: left;
position: relative;
top: -15px;
width: 138px;
height: 67px;
text-align: center;
}

#content-options span.img-exp_B, #content-options span.img-free_B {
background: url(images/exp_B.gif) no-repeat 0 0;
}

#content-options span.img-take {
background: url(images/take.gif) no-repeat 0 0;
}

#content-options span.img-liv {
background: url(images/liv.gif) no-repeat 0 0;
}

#content-options span.img-dpd {
background: url(images/dpd.gif) no-repeat 0 0;
}

#content-options span.img-colissimo, #content-options span.img-free_colissimo {
background: url(images/colissimo.gif) no-repeat 0 0;
}

#content-options span.img-bull_CHF {
background: url(images/bull_CHF.gif) no-repeat 0 0;
}

#content-options span.img-trans_CHF {
background: url(images/trans_CHF.gif) no-repeat 0 0;
}

#content-options span.img-trans_EUR {
background: url(images/trans_EUR.gif) no-repeat 0 0;
}

#content-options span.img-trans_USD {
background: url(images/trans_USD.gif) no-repeat 0 0;
}

#content-options span.img-trans_GBP {
background: url(images/trans_GBP.gif) no-repeat 0 0;
}

#content-options span.img-creditcard_CHF {
background: url(images/creditcard_CHF.gif) no-repeat 0 0;
}

#content-options span.img-creditcard_EUR {
background: url(images/creditcard_CHF.gif) no-repeat 0 0;
}

#content-options span.img-creditcard_USD {
background: url(images/creditcard_CHF.gif) no-repeat 0 0;
}

#content-options span.img-creditcard_GBP {
background: url(images/creditcard_CHF.gif) no-repeat 0 0;
}

#content-options span.img-creditcard_GBP {
background: url(images/cheque_EUR.gif) no-repeat 0 0;
}


#content-options span.price {
float: right;
width: 105px;
text-align: right;
}

#content-options input {
margin:0px;
padding:0px;
}

#content-options p {
font-size: 1.1em;
font-weight: normal;
color: #23256E;
text-align: left;
}

/* 
------------------------------
order styles
------------------------------
*/

#content-total {
width: 600px;
margin: auto;
}

#content-total span.s-total-label, #content-total span.s-total-label-tva {
float:left;
width: 160px;
margin: 0px 0px 0px 303px;
padding: 3px 0px 3px 10px;
text-align: right;
font-size: 1em;
font-weight: none;
background: #f4f3f4;
border-left: 1px solid #C4C4CE;
border-bottom: 0px solid #C4C4CE;
}

#content-total span.s-total-label-tva {
border-bottom: 1px solid #C4C4CE;
}

#content-total span.s-total-right, #content-total span.s-total-right-tva {
float:right;
width: 80px;
margin: 0px 20px 0px 0px;
padding: 3px 5px 3px 20px;
text-align: right;
font-weight: none;
font-size: 1em;
background: #f4f3f4;
border-right: 1px solid #C4C4CE;
border-bottom: 0px solid #C4C4CE;
}

#content-total span.s-total-right-tva {
border-bottom: 1px solid #C4C4CE;
}

#order-delivery-box {
float: left;
width: 558px;
padding: 0;
margin: 20px 20px 30px 20px;
border: 1px solid #C4C4CE;
}

#order-delivery-box-adress, #order-invoice-box-adress {
float: left;
width:250px;
padding: 0px 0 10px 10px;
margin: 10px 0px 10px 0px;
background: #f4f3f4;
}

#order-invoice-box-adress {
float: left;
margin: 10px;
}

#recap_payement {
width: 558px;
margin-top: 30px;
margin-left: 22px;
float: left;
}

#content span.order-end {
float: left;
width: 120px;
font-weight: bold;
}

#content-confirmation {
float: left;
margin: 50px 0 0 100px;
width: 360px;
height: 160px;
padding: 20px;
background: url(images/fond_transparent.png) repeat;
border: 1px solid #C4C4CE;
}

#content-confirmation p {
color:#8788a0;
}

#order-confirmation-logo {
margin: auto;
height: 38px;
width: 69px;
background: url(images/icone_vu.gif) no-repeat 0 0;
}

/* 
------------------------------
contact styles
------------------------------
*/

ul.connect {
margin-left: 20px;
}

li.ichat {
list-style-image: url("images/icon-ichat.gif");
height: 30px;
line-height: 30px;
text-indent: 10px;
}

li.skype {
list-style-image: url("images/icon-skype.gif");
height: 30px;
line-height: 30px;
text-indent: 10px;
}

/* 
------------------------------
orders list styles
------------------------------
*/

#content-orders-list {
width:100%;
padding-top: 10px;
margin-bottom: 20px;
}

#content-orders-list a {
text-decoration: none;
}

#order-title, #content-orders-list .order-line {
width: 520px;
height: 18px;
padding-top: 2px;
margin: 0 auto;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #C4C4CE;
}

#content-orders-list .order-line {
font-weight: normal;
padding-top: 4px;
border-bottom: 1px dotted #C4C4CE;
height: 20px;
}

#content-orders-list .order-line:hover {
background: #ccddf0;
}

#order-title span.icon, #content-orders-list .order-line span.icon {
float:left;
padding-left: 0px;
width: 14px;
height: 14px;
margin-right: 6px;
}

#order-title span.number, #content-orders-list .order-line span.number {
float:left;
padding-left: 2px;
width: 47px;
margin-right: 6px;
}

#order-title span.date, #content-orders-list .order-line span.date {
float:left;
width: 71px;
margin-right: 6px;
}

#order-title span.title, #content-orders-list .order-line span.title {
float:left;
height: 18px;
width: 140px;
margin-right: 6px;
}

#order-title span.total, #content-orders-list .order-line span.total {
float:left;
width: 74px;
text-align: right;
margin-right: 10px;
}

#order-title span.total {
text-align: center;
}

#order-title span.status, #content-orders-list .order-line span.status {
float:left;
width: 82px;
margin-right: 6px;
}

#order-title span.details, #content-orders-list .order-line span.details {
float:left;
text-align: right;
width: 26px;
height: 17px;
}

#content-orders-list .order-line span.details {
margin-left: 2px;
}

#content-orders-list .order-line span.number, #content-orders-list .order-line span.date, #content-orders-list .order-line span.title, #content-orders-list .order-line span.total,#content-orders-list .order-line span.status {
color:#8788a0;
}

p.line-infos {
margin: 5px;
}

span.order-infos {
margin-left: 17px;
float: left;
width: 120px;
font-weight: bold;
}

/* 
------------------------------
passmod list styles
------------------------------
*/

#content-box-passmod {
width:400px;
padding: 0;
margin: 30px auto;
}

#delivery-box-passmod input {
font-size: 0.8em;
}

#content-box-passmod .zone-name {
font-size: 0.9em;
padding: 15px;
background: #f4f3f4;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
}

#content-box-passmod .zone-button {
font-size: 0.9em;
padding: 15px;
background: #f4f3f4;
text-align: center;
border-top: 1px dotted #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
border-bottom: 1px solid #C4C4CE;
}


.label_login {float:left; width: 80px; margin-right: 5px; padding-bottom: 4px; text-align: left;}

/* 
------------------------------
account styles
------------------------------
*/


#content-current-orders {
width: 558px;
padding: 0;
margin-left: 20px;
background: #f4f3f4;
border: 1px solid #C4C4CE;
}

#content-current-orders .box-text {
padding-top: 15px;
border-top: 1px solid #C4C4CE;
}

#warning-noorder {
padding-top: 20px;
padding-bottom: 20px;
font-size: 1em;
text-align: center;
color:#8788a0;
}

#warning {
width: 600px;
min-height: 400px;
padding-top: 30px;
height: 20px;
font-size: 1.2em;
text-align: center;
font-weight: bold;
color: #ff4e00;
}

#waiting_sign {
text-align:center;
padding-top: 160px;
width: 100%;
}

#warning-content {
margin: auto;
width: 100px;
padding: 50px 80px 50px 80px;
text-align: center;
font-weight: bold;
color: #f93;
font-size: 1em;
border: 2px solid #C4C4CE;
background: url(images/fond_transparent.png) repeat;
}

#gallery {
margin-top: 100px;
margin-bottom: 50px;
height: 43px;
border-top: 2px solid #C4C4CE;
border-bottom: 2px solid #C4C4CE;
}

#gallery a.gallery-img {
float: left;
display: block;
width: 150px;
text-align: center;
}

/* 
--------------------------------------
footer
--------------------------------------
*/

#footer {
width: 600px;
font-size: 0.93em;
padding: 5px 0 7px 0px;
margin: auto;
clear: left;
background: url(images/fond_transparent.png) repeat;
color: #666;
border-top: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
}

#footer a {
text-decoration: none;
color: #23256E;
}

#footer a:link {
text-decoration: none;
color: #23256E;
}

#footer a:visited {
text-decoration: none;
color: #23256E;
}

#footer a:hover {
text-decoration: none;
color: #23256E;
}

#footer a:active {
text-decoration: none;
color: #23256E;
}

#footer-spacer {
float: left;
width: 600px;
height: 25px;
}

/*
--------------------------------------
admin styles
--------------------------------------
*/

.content-order-infos {
float: left;
background: #f4f3f4;
width: 598px;
border: 1px solid #C4C4CE;
margin-bottom: 10px;
}

.content-order-infos-left {
float: left;
padding-top: 5px;
padding-bottom: 10px;
background: #f4f3f4;
width: 390px;
border-right: solid 1px #e1e1e1;
}

.content-order-infos-left p , .content-order-infos-left span.order-infos{
line-height: 19px;
}

.content-order-infos-right {
float: left;
text-align: right;
padding-top: 10px;
padding-bottom: 10px;
background: #f4f3f4;
width: 199px;
}

#content_preview_email {
float: left;
text-align: left;
padding: 15px;
margin-bottom: 10px;
background: #f4f3f4;
width: 558px;
border: solid 1px #e1e1e1;
}

.content-order-infos input.small {
font-size: 0.7em;
width: 40px;
margin: 0;
padding: 0;
}

.content-order-infos input.inline-button {
font-size: 0.7em;
width: 100px;
padding: 0;
}

/*
--------------------------------------
corrections IE
--------------------------------------
*/

*html #footer {
width: 600px;
font-size: 0.93em;
padding: 5px 0 7px 0px;
margin: auto;
clear: left;
background: white;
color: #666;
border-top: solid 1px #e1e1e1;
border-bottom: solid 1px #e1e1e1;
}

*html #basket-title {
float:left;
width: 558px;
height: 20px;
padding-top: 4px;
margin: 0;
text-align: center;
font-weight: bold;
color: #23256E;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
border-top: 1px solid #C4C4CE;
background: white;
}

*html #content-options {
float: left;
margin: auto;
width: 528px;
font-size: 1em;
padding: 0 15px 15px 15px;
text-align: left;
border-top: 1px dotted #C4C4CE;
background: white;
}


*html form .title {
color: #23256E;
font-size: 1em;
font-weight: bold;
padding: 6px 0px 6px 15px;
border-top: 1px solid #C4C4CE;
border-left: 1px solid #C4C4CE;
border-right: 1px solid #C4C4CE;
background: white;
}



/* 
--------------------------------------
pour les taux de change
--------------------------------------
*/

form .taux, input, select {
font-size: 1.1em;
	
}

table {
width: 525px;	
}

tr {
height: 20px;
font-size: 1.1em;
}

td .cat1 {
width: 400px;	
}

td .cat2 {
width: 200px;	
}