www.dermance.com
dermance.com
@charset "utf-8";
/* CSS Document */
/* Noir : 233039 */
/* Bleu Dermance : 073a8b */
/* Charcoal : 4f4f4f */

html, body { height:100%; }
body { background:#E0E6F0; }
* { margin:0; padding:0; font-family:Arial, Verdana, Geneva, sans-serif; outline:none; }
body.club { background: #e0e6f0; }
body.club { background:url(../img/global/bg-clubdermance.jpg) no-repeat top center fixed; }
a img { border:none; }
.hidden { display:none; }

.floatright { float:right; }
.floatleft { float:left !important; }
.bold { font-weight:bold; }
.noMarge { margin:4px 0 !important; } 
.blue { color:#073a8b; }
.red { color: red;}
.uppercase{ text-transform: uppercase; }

/* Taille d'écriture */
#list_product ul li p.product_price span, #list_product ul li p.product_oldprice span,  
ul.small_list_product li p.product_oldprice span { font-size:11px; }
#header_nav li label, #header_nav li a, #sitemap li a, #footer, #fil_ariane, #pagination a { font-size:12px; }
#header_nav li label a, #header_nav li strong a, #header_nav li #email_newsletter, #link li a, #link li#btn_conseilleres a, #nav .sousmenu li a, #achats_express a, #garantie_dermance h2, #garantie_dermance p,
.small_list_product p, ul.small_list_product li h2 a, .small_list_product li a.view_product, .view_product_prescription  { font-size:13px; }
#nav li a, #header_nav li #confirm_newsletter, #search #confirm_search, #search #search_query, .bloc_home p, #sitemap h3, #slide #description p, #right_home ul li a, .recrute_home h2, .recrute_home a, 
.list_product p, #list_product ul.list_product li h2 a,
#list_product ul.list_product li a.view_product,  .view_product_prescription,
#menu_shop li a, #rituel_dermance h1, #list_product p#nbproduct, p#sub_title,
#menu_shop p a, .bloc_benefice p, #product_info ul li a, .mod_card p, #right_home ul li span { font-size:14px; }
#right_home h2, .bloc_home h2, #slide #description h1, #right_home ul li a strong, #rituel_dermance li a { font-size:16px; }
#list_product h1, #list_product ul li p.product_price, #list_product ul li p.product_oldprice,
.small_list_product h1, .small_list_product li p.product_price, .small_list_product li p.product_oldprice  { font-size:18px; }
iew_vproduct

/* Ne pas afficher */
#right_home h2 span { display:none; }

/* Coin arrondis */
#nav li a, #nav .sousmenu, #achats_express a, #list_product #sub_title, #list_product ul li, #list_product ul li a.view_product, .mod_card a, #title_client,
#menu_shop ul.menu_shop, #rituel_dermance, #pagination a, #menu_shop p a, #list_product ul.list_product li .reduction, #glossaire ul li a, #glossaire ul,
#product_picture img, .mod_card .input_quantity, .mod_card2 .input_quantity, .table_content td a, .btn_prev, .btn_next, #main_nav_vdi li a:first-child, .content_nav_vdi,
#edito_vdi, #nav_vdi li a, #prev_valid_card a, #addCommentButton, .submit .button, #idTab5 #content, #prev_valid_address, 
.btn_valid, li.address_title, #text_popup #prev a, #page_club_popup #prev a, #page_club_popup #next a, #page_club #prev a, #page_club #next a, #show_popup_card, .input_btn, .input_cp, #pressreview ul li .download a,
#create-account_form #email_create, #login-account_form #email, #login-account_form #passwd,  .view_product_prescription,
#create-account_form .input_normal, #login-account_form .input_normal, #send_friend .input_normal, .linkContent .download a, .error,
.width2 select, .width2 textarea, .width2 .button, .width2 .input, .errors, .listvdi li, #idAssociatedProduts, .prescription_entete, .lettermin li a,
.training li p a, .training li, #header_nav li #email_newsletter, .borderBloc  { -moz-border-radius:3px; -webkit-border-radius:3px;  }
#content_popup, #pressreview ul li, #newsletter_block, #newsletter_block input { -moz-border-radius:5px; -webkit-border-radius:5px;  }
#search #word_search, .table_content #first, #text_reduction .input_reduction, #search #search_query { -moz-border-radius-topleft:3px; -moz-border-radius-bottomleft:3px; -webkit-border-top-left-radius:3px; -webkit-border-bottom-left-radius:3px;  }
.table_content #last, #text_reduction #confirm_reduction { -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px;  }
#search #confirm_search { -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px;  }
#product_info ul li a, #menu_account ul li a { -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px;  }
.bloc_benefice { -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;  }

/************************************************
Header
*************************************************/

/* Style des blocs général */
#header { float:left; }
#content { width: 1050px; margin:0 auto; background:url(../img/global/bg-content.png) repeat-y; min-height:100%; }
.marge { margin:0 30px; width:990px; }
.margesmall { margin:0 12px 0 11px; }
.spacer, .clear  { clear:both; }

/* Header */
#logo { float:left; margin:15px 0 0 0; width:335px; color:#4f4f4f; font-size:12px; text-decoration:none; line-height:20px; }
#header_nav { float:right; list-style:none; width:655px; }
#header_nav li { float:right; background:url(../img/global/separator-action.jpg) no-repeat top right; padding:10px; }
/*#header_nav li#shopping_cart { background:url(../img/global/bg-action-panier.jpg) no-repeat top right; padding:10px 50px 10px 10px; }*/
/* @al */

#header_nav li#shopping_cart { background:none; padding:10px 0px 10px 10px; }
#header_nav li#compte { width:150px; }
#header_nav li#compte p { color:#233039; text-decoration:none; font-size:12px; width: 160px; }
#header_nav li label { color:#233039; width:75px; font-weight:bold; }

#header_nav li #email_newsletter { float:left; color:#999999; width:115px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:20px; }
#header_nav li #confirm_newsletter { float:left; color:#233039; width:50px; border:none; background:url(../img/global/bg-btn-newsletter.jpg) repeat-x; height:22px; font-weight:bold; cursor:pointer; margin:0 0 0 5px; }

#header_nav li a { color:#233039; text-decoration:none; }
#header_nav li a:hover { color:#073a8b; font-weight:bold; }
label { float:left; }

#linkShopping { background:url(../img/global/bg-action-panier.jpg) no-repeat right top; width:150px; height:46px; cursor:pointer; display:block; line-height:19px; }
.cart_block_actif #linkShopping { background-position:right bottom !important; }
#linkShopping:hover { background-position:right -46px !important; }


/* Menu */
#nav { width:796px; list-style:none; margin:7px 0 8px 0; float:left; }
#nav li a { text-align:center; height:21px; display:block; color:#073a8b; font-weight:bold; text-decoration:none; padding:4px 0 0 0; margin:0 1px 0 0; border:none; }
#nav li { float:left; }

#nav li#item2 a { width:187px; background:#e87e7f; color:#fff; } 
#nav li#item2 a:hover, #nav li#item2 a.actif { background:#ea6263; } 

#nav li#item3 a { width:201px; background:#5e82b8; color:#fff;  } 
#nav li#item4 a { width:212px; background:#5e82b8; color:#fff;  } 
#nav li#item5 a { width:192px; background:#5e82b8; color:#fff;  } 
#nav li#item3 a:hover, #nav li#item4 a:hover, #nav li#item5 a:hover, #nav li#item3 a.actif, #nav li#item4 a.actif, #nav li#item5 a.actif { background:#0a3a8b; }

#search { float:left; margin:7px 0 8px 0; }
#search #search_query { float:left; color:#999999; width:147px; border-left:1px solid #d1d1d1; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:23px; padding:0 0 0 5px; }
#search #confirm_search { float:left; color:#233039; width:35px; border:1px solid #d1d1d1; background:url(../img/global/bg-submit-search.jpg) repeat-x; height:25px; font-weight:bold; line-height:25px; cursor:pointer; }

#nav li#item2 .sousmenu li a { width:167px !important; }
#nav li#item3 .sousmenu li a { width:181px !important; }
#nav li#item4 .sousmenu li a { width:192px !important; }
#nav li#item5 .sousmenu li a { width:172px !important; }
#nav li#item2 .sousmenu { width:187px !important; }
#nav li#item3 .sousmenu { width:201px !important; }
#nav li#item4 .sousmenu { width:212px !important; }
#nav li#item5 .sousmenu { width:192px !important; }

#nav .sousmenu { background:#e0e7f1; position:absolute; list-style:none; z-index:2; display:none; }
#nav .sousmenu li a { text-align:left; height:19px; display:block; color:#4a4a4a !important; font-weight:bold; text-decoration:none; padding:3px 5px 3px 15px; border:none; border-bottom:1px solid #4a4a4a; margin:0;  background:url(../img/global/icons-separator.png) no-repeat 5px 9px !important; font-weight:normal; }
#nav .sousmenu li a:hover { font-weight:bold; white-space: nowrap; } 
#nav .sousmenu li#last a, #nav .sousmenu li.last a { border-bottom:none; }
#nav .sousmenu ul{ background:#e0e7f1; list-style:none; z-index:2; }

/* Fil d'ariane */
#fil_ariane { float:left; margin:4px 0 4px 0; display:inline; width:680px; }
#fil_ariane .separator { background:url(../img/global/icons-separator.png) no-repeat center 6px; width:10px; height:10px; }
#fil_ariane .navigation-pipe { background:url(../img/global/icons-separator.png) no-repeat center 6px; width:10px; height:10px; padding:0 2px; }
#fil_ariane a { color:#919191; text-decoration:none;  }
#fil_ariane a:hover { color:#073a8b; }
#fil_ariane span { color:#073a8b; text-decoration:none;  }


/* Achats express */
#achats_express { float:left; }
#achats_express a { height:19px; display:block; color:#073a8b; font-style:italic; text-decoration:underline; padding:3px 10px 0 20px; margin:0; background:url(../img/global/icons-chrono.jpg) no-repeat 0 2px; }
#achats_express a:hover { color:#4f4f4f; font-weight:bold; }


/************************************************
Page d'accueil
*************************************************/

/* Slide */
#slide { float:left; width:735px; height:360px; border:1px solid #d1d1d1; margin:0 8px 0 0; overflow: hidden; position: relative; cursor:pointer; }
#slide:hover{ border: 1px solid #4D75B4; }
.slide{ float: left; }
#slide #description { position:absolute; z-index:1; width:735px; }
#slide #description h1 { color:#233039; margin:10px 0 0 10px; }
#slide #description p.text_slide { height:120px; }
#slide #description p { color:#233039; width:430px; line-height:19px; margin:10px 0 0 10px; }
#slide #description h1 strong { color:#073a8b; }
#slide #description p a { color:#073a8b; text-decoration:underline; font-weight:bold; background:url(../img/global/icons-spire.png) no-repeat right -10px; padding:0 15px 0 0; }
#slide #description p a:hover { color:#233039; }
#slide #navigation { position:absolute; width:737px; height:30px; background: none; bottom: 0; list-style:none; }
#slide #navigation a { width:40%; height:24px; display:block; margin:3px 5px; }
#slide #navigation #next a { float:right; background:url(../img/global/icons-prev-next.png) right -24px no-repeat; }
#slide #navigation #prev a { float:left; background:url(../img/global/icons-prev-next.png) left top no-repeat; }
#slide #navigation #prev a:hover { background:url(../img/global/icons-prev-next.png) left -48px no-repeat; }
#slide #navigation #next a:hover { background:url(../img/global/icons-prev-next.png) right -72px no-repeat; }
#slide #navigation #next span, #slide #navigation #prev span { display:none; }

#right_home { float:right; width:237px; height:360px; border:1px solid #d1d1d1; background: url(../../../img/bloc-right.jpg); padding:0; margin-right: 4px; cursor: pointer; }
#right_home:hover { border: 1px solid #4D75B4; }
#right_home h2 { border-bottom:1px dotted #d3d3d3; color:#073a8b; padding:0 0 0 122px; background:url(../img/global/txt-dermance.jpg) no-repeat 0 2px; font-weight:normal; }
#right_home h2 span { display:none; }
#right_home ul { list-style:none; margin:15px 0 0 0; float:left; }
#right_home ul li { padding:10px 0; float:left; }
#right_home ul li a, #right_home ul li span { color:#233039; text-decoration:none; height:16px; display:block; padding:5px 0 0 0; width:223px; }
#right_home ul li a:hover { color:#073a8b; font-weight:bold; }
/* #right_home ul li#link1 a { background:url(../img/global/icons-right-bloc.png) no-repeat 0 0; }
#right_home ul li#link2 a { background:url(../img/global/icons-right-bloc.png) no-repeat 0 -21px; }
#right_home ul li#link3 a { background:url(../img/global/icons-right-bloc.png) no-repeat 0 -42px; }
#right_home ul li#link4 a { background:url(../img/global/icons-right-bloc.png) no-repeat 0 -63px; } */
#right_home ul li a strong, #right_home ul li span strong { float:right; margin:-3px 0 0 0; color:#073a8b;  }

/* Bloc */
.blochome { padding:4px 0 0 18px; height:192px; }
.bloc_home { float:left; width:236px; height:160px; border:1px solid #d1d1d1; margin:10px 12px 0 0; cursor:pointer; }
.bloc_home_bottom { float:left; width:238px; height:160px; border:1px solid #d1d1d1; margin:10px 9px 0 0; cursor:pointer; }
.bloc_home_bottom:hover { border: 1px solid #4D75B4; }
.bloc1_home{ background:url(../../../img/bloc-bottom-1.jpg) no-repeat; }
.bloc2_home{ background:url(../../../img/bloc-bottom-2.jpg) no-repeat; }
.bloc3_home{ background:url(../../../img/bloc-bottom-3.jpg) no-repeat; }
.bloc4_home{ background:url(../../../img/bloc-bottom-4.jpg) no-repeat; cursor: default; border:1px solid #d1d1d1 !important; }
.bloc_home_bottom h2 { display:none; }
.recrute_home a { float:right; color:#073a8b; text-decoration:underline; font-weight:bold; background:url(../img/global/icons-spire.png) no-repeat right -10px; padding:0 15px 0 0; height:12px; margin:135px 5px 0 0; }
.recrute_home a:hover, .recrute_home:hover a { color:#233039; }
.bloc_home h2 { color:#073a8b; margin:3px; }
.bloc_home img { float:left; margin:3px 0 0 5px; }
.bloc_home p { position:absolute; margin:65px 0 0 0; }
.bloc_home p a { background:url(../img/global/bg-text-blochome.png) repeat-x left bottom; height:44px; color:#FFFFFF; padding:3px; width:230px; line-height:19px; display:block; text-decoration:none; }
.bloc_home p#important a { background:url(../img/global/bg-text-blochome.png) repeat-x left top; }
.bloc_home p a:hover, .bloc_home p#important a:hover, .bloc_home:hover p a { background:#073a8b !important; }
.bloc_home:hover { background:#F0F0F0; }
.bloc_home p a span { float:right; background:url(../img/global/icons-spire.png) no-repeat right top; width:9px; height:12px; margin:5px 2px 0 0;  }


/************************************************
Page gamme
*************************************************/
#page_club_popup { float:left; background:url(../img/global/left-card.png) no-repeat left 24px; min-height:295px; padding:30px 10px 0 0; width:820px; margin:35px 0 15px 80px; }
#page_club_popup h1 { color:#e4b97e; font-size:30px; width:420px; float:right; margin: 15px 0; position: relative; }
#page_club_popup h1 img{ position: absolute; top: -20px; left: 125px; }
#page_club_popup h2 { color:#1163aa; font-size:18px; font-weight:normal; text-transform:uppercase; padding:15px 0 0; }
#page_club_popup .text_club  { width:420px; float:right; }
#page_club_popup .text_club p { color:#010d1b; font-size:13px; font-weight:bold; }
#page_club_popup .text_club p span { color:#0058a4; }
#page_club_popup .text_club ul { padding:0; float:left; margin:30px 0 0; }
#page_club_popup .text_club li { color:#010d1b; font-size:13px; line-height:27px; float:left; padding:3px 0 3px 15px; background:url(../img/global/bg-list-club.png) no-repeat left center; display:block; width: 350px; }

#page_club_popup .text_club_small { float:left; padding:40px 0 0; }
#page_club_popup .text_club_small p { color:#010d1b; font-size:11px; line-height:20px; }
#page_club_popup .text_club_small p span { color:#0058a4; }

#page_club_popup #next a { background:#e87e7f; width:140px; height:20px; text-align:center; padding:5px 0 0; color:#fff; font-weight:bold; font-size:14px; display:block; float:right; text-decoration:none; }
#page_club_popup #next a:hover{ background:#ea6263; }
#page_club_popup .price { margin:0; color:#ea6263; text-align:right; line-height:15px; text-align:right; height:35px; font-size:25px; padding:10px 0; width:420px; float:right; }
#page_club_popup .price span { font-size:11px; }

#page_club_popup #prev a { background:#e0e7f1; color:#68696b; width:170px; height:20px; display:block; font-size:13px; text-align:center; text-decoration:none; padding:5px 15px 0 15px; float:left; }
#page_club_popup #prev a:hover, #show_popup_card:hover { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0A3C8D; color:#FFFFFF; }


#page_club { float:left; background:url(../img/global/left-card.png) no-repeat left top; min-height:295px; padding:0 10px 0 0; width:820px; margin:35px 0 15px 80px; position: relative; }
#page_club h1 { color:#e4b97e; font-size:30px; width:420px; float:right; margin: 22px 0; position: relative; }
#page_club h1 img{ position: absolute; top: -20px; left: 125px; }
#page_club h2 { color:#1163aa; font-size:18px; font-weight:normal; text-transform:uppercase; padding:15px 0 0; }
#page_club .text_club  { width:420px; float:right; }
#page_club .text_club p { color:#010d1b; font-size:13px; font-weight:bold; }
#page_club .text_club p span { color:#0058a4; }
#page_club .text_club ul { padding:0; float:left; margin:30px 0 0; }
#page_club .text_club li { color:#010d1b; font-size:14px; line-height:27px; float:left; padding:3px 0 3px 15px; background:url(../img/global/bg-list-club.png) no-repeat left center; display:block; width: 400px; }

#page_club .text_club_small { float:left; padding:180px 0 0; background:url(../img/global/right-card.png) no-repeat right 10px; }
#page_club .text_club_small p { color:#010d1b; font-size:11px; line-height:20px; }
#page_club .text_club_small p span { color:#0058a4; }

#page_club #next a{ float: right; }
#page_club #next a { background:#e87e7f; width:206px; height:24px; display:block; color:#fff; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 0 0 0; }
#page_club #next a:hover{ background:#ea6263; }


#page_club .price { margin:0; color:#ea6263; text-align:right; line-height:15px; text-align:right; height:35px; font-size:27px; padding:10px 0; width:420px; float:right; }
#page_club .price span { display: block; font-size:15px; margin-bottom: 5px; }
#page_club .price strong { display:block; }

#page_club #prev a { background:#e0e7f1; color:#68696b; width:170px; height:20px; display:block; font-size:13px; text-align:center; text-decoration:none; padding:5px 15px 0 15px; float:left; }
#page_club #prev a:hover, #show_popup_card:hover { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0A3C8D; color:#FFFFFF; }

#show_popup_card { background:#e0e7f1; color:#68696b; width:205px; height:24px; display:block; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 15px 0 15px; float:left; }

#newsletter_block { position: absolute; left: 200px; bottom: 59px; }
#newsletter_block a{ font-size: 13px; color: #233039; text-decoration: none; }
#newsletter_block label { color:#233039; width:75px; font-weight:bold; }
#newsletter_block #email_newsletter { float:left; color:#999999; width:115px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:20px; }
#newsletter_block #confirm_newsletter { float:left; color:#233039; width:50px; border:none; background:url(../img/global/bg-btn-newsletter.jpg) repeat-x; height:22px; font-weight:bold; cursor:pointer; margin:0 0 0 5px; }

/************************************************
Page gamme
*************************************************/

/* Rituel Dermance */
#rituel_dermance { float:left; height:80px; width:100%; border:1px solid #ececec; background:url(../img/global/bg-rituel-dermance.jpg) repeat-x left bottom; margin:0 0 20px 0; }
#rituel_dermance h1 { float:left; width:170px; text-align:right; margin:5px 0 0 0; float:left; }
#rituel_dermance h1 span { color:#073a8b; }
#rituel_dermance ul { float:left; display:block; height:100px; width:810px; margin:0 0 0 10px; }
#rituel_dermance li { float:left; width:200px; list-style:none; text-align:center; }
#rituel_dermance li a, #rituel_dermance li em { text-align:center; display:block; color:#073a8b; font-weight:bold; text-decoration:none; padding:20px 0 0 0; }
#rituel_dermance li a span, #rituel_dermance li em span { background:url(../img/global/icons-menu.png) no-repeat 4px -8px; padding:0 0 0 15px; }
#rituel_dermance li a span.number, #rituel_dermance li em span.number { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 0; width:26px; color:#073a8b; font-size:11px; text-decoration:none; display:inline-block; text-align:center; font-weight:bold; line-height:25px; padding:0; }
#rituel_dermance li a:hover span.number, #rituel_dermance li.actif a span.number { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 -25px; height:25px; padding:0 0 0 0; font-size:18px; }
#rituel_dermance li a span.numberblue { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 -50px; width:26px; color:#ffffff; font-size:11px; text-decoration:none; display:inline-block; text-align:center; font-weight:bold; line-height:25px; padding:0; }
#rituel_dermance li a:hover span.numberblue, #rituel_dermance li.actif a span.numberblue { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 -75px; height:25px; padding:0 0 0 0; font-size:18px; }
#rituel_dermance li a, #rituel_dermance li em { text-align:center; display:block; color:#073a8b; font-weight:bold; text-decoration:none; padding:20px 0 0 0; }
#rituel_dermance li a:hover { color:#233039; }
#rituel_dermance li em { font-style:normal; color:#999; }
#rituel_dermance img { position:absolute; margin:2px 0 0 -10px; }


/* Prescription */
.prescription_entete { float:left; height:auto; width:100%; border:1px solid #ececec; background:url(../img/global/bg-rituel-dermance.jpg) repeat-x left bottom; margin:5px 0 10px 0; list-style:none; padding:10px 0; }
.prescription_entete .product { float:left; width:240px; list-style:none; text-align:center; color:#233039; font-size:14px; }
.prescription_entete .product a { color:#233039; font-size:14px; text-decoration:none; }
.prescription_entete .product a:hover { color:#073a8b; }
.prescription_entete .separator { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 0; width:26px; color:#073a8b; font-size:17px; text-decoration:none; display:inline-block; text-align:center; font-weight:bold; line-height:25px; height:25px; padding:0; float:left; margin:20px 0 0 0; }

/* Menu du shop */
#menu_shop { float:left; width:185px; margin:2px 0 0 0; }
#menu_shop ul.menu_shop { border:1px solid #ececec; width:185px; background:url(../img/global/bg-menushop.jpg) repeat-x left bottom; margin:0 0 15px 0; }
#menu_shop ul li { list-style:none; }
#menu_shop ul li a { text-transform:uppercase; text-decoration:none; color:#233039; background:url(../img/global/icons-menu.png) no-repeat 5px top; padding:9px 5px 6px 15px; display:block; border-bottom:1px solid #ececec; }
#menu_shop ul li a:hover, #menu_shop li.actif a { font-weight:bold; color:#073a8b; background:url(../img/global/icons-menu.png) no-repeat 5px -35px; }

#menu_shop ul li ul { margin-bottom:5px; }
#menu_shop ul li ul li a { text-transform:none; font-weight:normal !important; text-decoration:none; color:#575757 !important; background:none !important; padding:2px 5px 6px 15px; display:block; border-bottom:none; }
#menu_shop ul li ul li a:hover, #menu_shop li ul li.actif a { font-weight:bold !important; color:#073a8b !important; background:none !important; }
#menu_shop ul li.view_allproduct a { text-transform:uppercase; text-decoration:none; color:#233039; background:none; padding:0 5px 0 5px; display:block; border-bottom:none; margin:20px 0 10px 0; background:url(../img/global/icons-spire.png) no-repeat 165px -10px; }
#menu_shop ul li.view_allproduct a:hover{ font-weight:bold; color:#073a8b;  }

#menu_account { float:left; width:100%; }
#menu_account ul { border-bottom:1px solid #CCC; height:27px; }
#menu_account ul li { list-style:none; float:left; margin:0 2px 0 0; }
#menu_account ul li a { text-decoration:none; color:#233039; padding:5px 14px; display:block; background:none repeat scroll 0 0 #F1F1F1; border-left:1px solid #ECECEC; border-right:1px solid #ECECEC; border-top:1px solid #ECECEC; font-size:14px; }
#menu_account ul li a:hover, #menu_account li.actif a { background:url("../img/global/bg-subtitle-listproduct.jpg") repeat-x scroll 0 0 #0A3C8D; border-left:1px solid #073a8b; border-right:1px solid #073a8b; border-top:1px solid #073a8b; color:#FFF;   }

/* Liste des produits */
.iconsgamme  { float:right; margin:-9px 0 0; }
#list_product { float:right; width:785px; }
#prescription{ width: 785px; margin: 0 auto; }
.big { float:left !important; width:100% !important; margin:10px 0; }
.big ul.address { width:326px !important; }

#list_product h1.chromact-text, #list_product h1.anti-age-global-text, #list_product h1.hydract-text, 
#list_product h1.deriact-text, #list_product h1.tensoact-text, #list_product h1.blue_text { float:left; width:600px; margin:0 0 5px 0; line-height:18px; }

#list_product p.chromact-text span, #list_product p.anti-age-global-text span, #list_product p.hydract-text span, 
#list_product p.deriact-text span, #list_product p.tensoact-text span, #list_product p.blue_text span { float:right; margin:0 5px 0 0; }
#list_product p.chromact-text span a, #list_product p.anti-age-global-text span a, #list_product p.hydract-text span a, 
#list_product p.deriact-text span a, #list_product p.tensoact-text span a, #list_product p.blue_text span a { color:#ffffff; text-decoration:none; font-size:13px; }
#list_product p.chromact-text span a:hover, #list_product p.anti-age-global-text span a:hover, #list_product p.hydract-text span a:hover, 
#list_product p.deriact-text span a:hover, #list_product p.tensoact-text span a:hover, #list_product p.blue_text span a:hover { font-weight:bold; }

#list_product h1.chromact-text { color:#858585; }
#list_product h1.anti-age-global-text { color:#525252; }
#list_product h1.hydract-text { color:#849fcb; }
#list_product h1.deriact-text { color:#073a8b; }
#list_product h1.tensoact-text { color:#4d75b4; }
#list_product h1.blue_text { color:#073a8b; }
#list_product p.chromact-text { background:url(../img/global/bg-subtitle-listproduct-2.jpg) repeat-x 0 -72px #858585; color:#FFF; } 
#list_product p.anti-age-global-text { background:url(../img/global/bg-subtitle-listproduct-2.jpg) repeat-x 0 -96px #686868; color:#FFF; }
#list_product p.hydract-text { background:url(../img/global/bg-subtitle-listproduct-2.jpg) repeat-x 0 -24px #849fcb; color:#FFF; }
#list_product p.deriact-text { background:url(../img/global/bg-subtitle-listproduct-2.jpg) repeat-x #0a3c8d 0 0; color:#FFF; }
#list_product p.tensoact-text { background:url(../img/global/bg-subtitle-listproduct-2.jpg) repeat-x 0 -48px #4d75b4; color:#FFF; }
#list_product p.blue_text { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF; }

#list_product p#nbproduct { float:right; width:170px; text-align:right; margin:5px 0 0 0; text-align:right; color:#073a8b; }
#list_product #sub_title { height:18px; padding:3px; margin:0 0 5px 0; }
#list_product ul.list_product li { position: relative; float:left; height:400px; width:225px; border:1px solid #ececec; background:url(../img/global/bg-productlist.jpg) repeat-x left bottom; list-style:none; margin:5px 52px 10px 0; }
#list_product ul.list_product li.product_last { margin:5px 0 10px 0; }
#list_product ul.list_product li .product_thumb { margin:4px 0 0 12px; }
#list_product ul.list_product li .product_title { float:left; margin:0 0 9px -6px; width:237px; height:69px; }
ul.prescription li .product_title { position:absolute; margin:-119px 0 9px -6px !important; }
#list_product ul.list_product li .reduction { position:absolute; top: 175px; right: 5px; background:#e87e7f; color:#FFF; height:18px; padding:3px 5px; font-weight:bold; }
#list_product ul.list_product li h2 a { float:left; margin:10px 0 0 50px; color:#233039; text-decoration:none; width:181px; line-height:18px; height:20px; font-size:13px !important; }
#list_product ul.list_product li p a { float:left; }
#list_product ul.list_product li p.product_description a { margin:0 0 0 50px; color:#8d8d8d; text-decoration:none; width:170px; line-height:18px; height:50px; text-align:left; font-size:13px !important; }

#list_product ul.list_product li p.product_price { float:right; margin:0 5px 0 0; color:#073a8b; width:80px; line-height:15px; text-align:right; height:35px; }
#list_product ul.list_product li p.product_oldprice { float:left; margin:0 5px 0 45px; color:#909090; width:80px; line-height:15px; text-align:left; height:35px; }
#list_product ul.list_product li p.product_noneprice { margin:35px 5px 0 0; }

#list_product ul.list_product li a.view_product, .view_product_prescription { float:right; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF !important; height:18px; padding:3px 5px; text-decoration:none; font-weight:bold; margin:0 5px 0 0; }
.buy { background:#e87e7f !important; margin:5px 5px 5px 0 !important; }
.view_product_prescription { margin-top: 20px; }
ul.prescription li a.view_product { margin:180px 5px 0 -120px !important; position:absolute; }
#list_product ul.list_product li a.view_product span,  .view_product_prescription span { background:url(../img/global/icons-spire.png) no-repeat right 3px; padding:0 15px 0 0; }
#list_product ul.list_product li .etape_dermance { position:relative; margin:-106px 0 0 14px; }
#list_product ul.list_product li:hover h2 a, ul.prescription li h2 a { color:#FFFFFF !important;  }
#list_product ul.list_product li:hover p.product_description a, ul.prescription li p.product_description a { color:#FFFFFF !important; font-weight:normal;  }

#list_product ul.list_product li:hover .product_title, ul.prescription li .product_title  { background:url(../img/global/bg-listproduct-hover.png) no-repeat; }

.prescription ul.list_product li .product_title 

#list_product ul.list_product li.chromact-title:hover .product_title, ul.prescription li.chromact-title .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -207px; color:#FFF; } 
#list_product ul.list_product li.anti-age-global-title:hover .product_title, ul.prescription li.anti-age-global-title .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -276px; color:#FFF; }
#list_product ul.list_product li.hydract-title:hover .product_title, ul.prescription li.hydract-title .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -69px; color:#FFF; }
#list_product ul.list_product li.deriact-title:hover .product_title, ul.prescription li.deriact-title .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat; color:#FFF; }
#list_product ul.list_product li.tensoact-title:hover .product_title, ul.prescription li.tensoact-title .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -138px; color:#FFF; }
#list_product ul.list_product li:hover { border:1px solid #073a8b;  }
#list_product ul.list_product li.chromact-title:hover { border:1px solid #858585; }
#list_product ul.list_product li.anti-age-global-title:hover { border:1px solid #525252; }
#list_product ul.list_product li.hydract-title:hover { border:1px solid #849fcb; }
#list_product ul.list_product li.deriact-title:hover { border:1px solid #073a8b; }
#list_product ul.list_product li.tensoact-title:hover{ border:1px solid #4d75b4; }

#list_product ul.list_product li:hover .buy { background:#ea6263 !important; }

#list_product p.new span { display:none; }
#list_product p.new { background:url(../img/global/new.png) no-repeat; width:59px; height:66px; position:absolute; margin:-4px 0 0 -3px; }

/* Pagination */
#pagination { float:left; width:100%; margin:20px 0; text-align:center; }
#pagination a { height:18px; background:url(../img/global/bg-pagination.jpg) repeat-x; padding:2px 4px; border:1px solid #ececec; margin:0 2px; text-decoration:none; color:#233039; }
#pagination a:hover, #pagination a.actif { background:url(../img/global/bg-pagination.jpg) repeat-x left bottom; border:1px solid #073a8b; color:#FFF; }

/* Garantie Dermance */
#garantie_dermance { float:left; background:url(../img/global/bg-garantie.jpg) no-repeat; width:784px; height:118px; margin:0 0 20px 0; }
#garantie_dermance h1 { display:none; }
#garantie_dermance li { float:left; width:125px; list-style:none; margin:30px 65px 0 5px; }
#garantie_dermance li h2 { color:#073a8b; line-height:21px; }
#garantie_dermance li p { color:#233039; line-height:18px; }

/* Diagnostic peau */
#menu_shop p a { border:1px solid #ececec; width:180px; height:55px; display:block; margin:0 0 15px 0; font-weight:bold; color:#233039; text-decoration:none; padding:60px 0 0 5px; background-repeat:no-repeat; background-position:right top; }

#menu_shop p a { background-image:url(../img/global/bg-soin-peau.png); background-color:#FFFFFF; }
#menu_shop p a.contact-comm { background-image:url(../img/global/bg-soin-peau.png);  padding-top: 40px; height: 75px; }
#menu_shop p a.exclu-atelier { background-image:url(../img/global/bg-exclu-atelier.png);  padding-top: 40px; height: 75px; }
#menu_shop p a.trouver-conseillere { background-image:url(../img/global/bg-trouver-conseillere.png); padding-top: 40px; height: 75px; }
#menu_shop p a.conseillere-mois { background-image:url(../img/global/bg-conseillere-mois.png); padding-top: 40px; height: 75px; }
#menu_shop p a.contact-men { background-image:none; }
#menu_shop p a.contact-girl { background-image:none; }
#menu_shop p a.vide { background-image:none; }
#menu_shop p a.newsletter { background-image:url(../img/global/bg-newsletter.png); }
#menu_shop p a.soin-anti-age { background-image:url(../img/global/bg-soin-anti-age.png); }
#menu_shop p a.revue-presse { background-image:url(../img/global/bg-revue-presse.png); }
#menu_shop p a.soin-peau{ background-image:url(../img/global/bg-soin-peau.png); }
#menu_shop p a.service-client { background-image:url(../img/global/service-client.png); }
#menu_shop p a.contact-girl{ background-image:url(../img/global/bg-contact-girl.png); }


#menu_shop p a:hover { background-color:#F0F0F0;  }

#menu_shop p a span { color:#073a8b; }
/************************************************
Page fiche produit
*************************************************/

/* Image */
#image-block { float:left; width:275px; margin:5px 0; }
#image-block img { border:1px solid #ececec; padding:5px; }
#image-block ul li { line-height:20px; list-style:none; width:100%; }
#image-block ul li a { color:#233039; text-decoration:none; padding:0 0 0 20px; margin:5px 0 0 0; float:left; font-size:14px; display:block; } 
#image-block ul li#download a  { background:url(../img/global/icons-action-product.jpg) 0 2px no-repeat; }
#image-block ul li#conseiller a  { background:url(../img/global/icons-action-product.jpg) 0 -20px no-repeat; }
#image-block ul li a:hover { color:#073a8b; font-weight:bold; }

/* Onglet & texte */
#product_info { float:right; width:480px; margin:5px 0; }
#product_info ul { list-style:none; float:left; width:100%; } 
#product_info ul li { float:left; } 
#product_info ul li a { float:left; padding:5px 13px; background:#f1f1f1; color:#505050; text-decoration:none; margin:0 1px 0 0; } 
#product_info ul li a.idTabHrefShort { background:#d6d6d6; } 
#product_info ul li a.idTabHrefShort span { background:url(../img/global/icons-onglet-avis.png) no-repeat 0 -6px; padding:0 0 0 20px; } 
#product_info ul li a.idTabHrefShort:hover span { background:url(../img/global/icons-onglet-avis.png) no-repeat 0 -33px; } 
#product_info ul li a:hover, #product_info ul li a.selected, #product_info ul li a.idTabHrefShort:hover { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF; }
.bloc_benefice { float:left; border:1px solid #ececec; padding:10px; width:460px; }
.bloc_benefice, .bloc_benefice p { color:#233039; line-height:20px !important; font-size:14px !important; }
.bloc_benefice a, .bloc_benefice p a { color:#073a8b; text-decoration:none; }
.bloc_benefice a:hover, .bloc_benefice p a:hover { color:#233039; }
.block_hidden_only_for_screen { display:none; }
.bloc_benefice h2 { color:#073a8b; line-height:20px; font-size:14px; margin:2px 0 0 0; }

/* Module d'ajout au panier */
.mod_card, .mod_card2 { float:right; width:310px; margin:5px 0; padding:5px 80px; }
.mod_card p, .mod_card2 p { text-align:center; margin:5px 0; }
.mod_card2 .priceView { padding:5px 0; color:#073A8B !important; font-size:16px !important; }
.mod_card p label, .mod_card2 p label  { float:none; }
.mod_card .input_quantity, .mod_card2 .input_quantity { color:#233039; width:25px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:18px; font-size:14px; }

.mod_card a.qtyMore, .mod_card2 a.qtyMore { padding:2px 5px; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#ffffff; text-decoration:none; margin:0 2px 0 0; } 
.mod_card a.qtyLess, .mod_card2 a.qtyLess { padding:2px 5px; background:#e0e7f1; color:#68696b; text-decoration:none; margin:0 2px 0 0; } 
.mod_card a:hover, .mod_card2 a:hover { font-weight:bold; }

.mod_card #price_ttc { float:right; width:150px; margin:5px 0; color:#073a8b; font-size:25px; line-height:18px; text-align:right; }
.mod_card #price_ttc_normal { width:100%; margin:5px 0; color:#073a8b; font-size:25px; line-height:18px; text-align:center; }
.mod_card #price_promo { float:left; width:150px; margin:5px 0; color:#909090; font-size:25px; line-height:18px; text-align:left; }
.mod_card #price_ttc span, .mod_card #price_promo span, .mod_card #price_ttc_normal span { font-size:14px; }
.mod_card #btn_add_product { background:url(../img/global/bg-btn-add-card.jpg) no-repeat; width:268px; height:29px; border:none; color:#FFFFFF; font-weight:bold; font-size:14px; cursor:pointer; margin:10px 0; }
.mod_card #btn_add_product:hover { background:url(../img/global/bg-btn-add-card.jpg) no-repeat left bottom; }

/* Clients qui ont acheté ce produit? */
#list_product h1#title_client { background:#e9eef5; text-align:center; width:100%; padding:5px 0; font-size:16px; font-weight:normal; margin:20px 0 5px 0; }

/* Liste des produits */
ul.small_list_product li { float:left; height:250px; width:180px; border:1px solid #ececec; background:#fff; list-style:none; margin:5px 52px 10px 27px; }
ul.small_list_product li .product_thumb { margin:8px 0 0 25px; }
ul.small_list_product li .product_title { float:left; margin:0 0 0 -6px; width:186px; height:69px; }
ul.small_list_product li h2 a { float:left; margin:10px 0 0 50px; color:#233039; text-decoration:none; width:130px; line-height:18px; height:70px; }
ul.small_list_product li p a { float:left; }
ul.small_list_product li a.view_product { float:right; color:#073A8B; height:18px; padding:3px 5px; text-decoration:none; font-weight:bold; margin:0 5px 0 0; }
ul.small_list_product li a.view_product span { background:url(../img/global/icons-spire.png) no-repeat right -10px; padding:0 15px 0 0; }
ul.small_list_product li .etape_dermance { position:absolute; margin:61px 0 0 -130px; }
ul.small_list_product li:hover { border:1px solid #073a8b;  }
ul.small_list_product li:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat; }
ul.small_list_product li:hover h2 a { color:#FFFFFF;  }
ul.small_list_product li:hover p.product_description a { color:#FFFFFF;  }

ul.small_list_product li:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat; }
ul.small_list_product li.chromact-title:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -207px; color:#FFF; } 
ul.small_list_product li.anti-age-global-title:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -276px; color:#FFF; }
ul.small_list_product li.hydract-title:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -69px; color:#FFF; }
ul.small_list_product li.deriact-title:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat; color:#FFF; }
ul.small_list_product li.tensoact-title:hover .product_title { background:url(../img/global/bg-listproduct-hover.png) no-repeat 0 -138px; color:#FFF; }
ul.small_list_product li:hover { border:1px solid #073a8b;  }
ul.small_list_product li.chromact-title:hover { border:1px solid #939393; }
ul.small_list_product li.anti-age-global-title:hover { border:1px solid #525252; }
ul.small_list_product li.hydract-title:hover { border:1px solid #849fcb; }
ul.small_list_product li.deriact-title:hover { border:1px solid #073a8b; }
ul.small_list_product li.tensoact-title:hover{ border:1px solid #4d75b4; } 

/* Module de commentaires */
.rating { cursor:pointer; margin:2em; clear:both; display:block; }
.rating:after { content: '.'; display:block; height:0; width:0;	clear:both;	visibility:hidden; }
.cancel, .star { float:left; width:17px; height:15px; overflow:hidden; text-indent:-999em; cursor:pointer; }
.cancel, .cancel a { background:url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px }
.star, .star a { background:url(../../../modules/productcomments/img/star.gif) no-repeat 0 0 }
.cancel a, .star a { display:block;	width:100%;	height:100%; background-position: 0 0; }
div.star_on a { background-position: 0 -16px }
div.star_hover a, div.star a:hover { background-position: 0 -32px }
.pack_content { margin:10px 0 10px 0 }
.pack_price { float:right;  margin-right:3px;  font-size:12px; }
.confirmation { color:#808000;  font-weight:bold; }
#page .rte { background: transparent none repeat scroll 0 0 }
#addCommentButton { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF; float:right; margin:5px 5px 0 0; font-size:14px; height:25px; width:180px; border:none; cursor:pointer; }
#addCommentButton:hover { background:#e0e7f1; color:#68696b; } 
#idTab5 #content { color:#233039; width:458px; height:100px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; font-size:14px; }
.submit .button { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF; float:right; margin:5px 0 0 0; font-size:14px; height:25px; width:80px; border:none; cursor:pointer; }
.submit .button:hover { background:#e0e7f1; color:#68696b; } 

/* Popup de confirmation */
#popup_bg { background:#000; position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; display:none; }
#popup_confirm_product, #popup_confirm_card, .mod_card2 { position:absolute; width:100%; height:100%; top:0; left:0; z-index:11; display:none; position:fixed; }
#content_popup, .content_popup { border:3px solid #000; background:#FFF; padding:0px; width:750px; margin:200px auto; } 
#popup_confirm_product #content_popup, .content_popup{ padding:10px;} 
#content_popup img { float:left; }
.text_popup_express {  width:750px !important;  margin:20px 0 0 0 !important; }  
#text_popup { float:left; width:485px; margin:45px 0 0 0; }
#text_popup h1 { text-align:center; margin:5px 0; color:#233039; line-height:20px; font-size:18px; }
.text_popup_express h1 { margin:5px 0 20px 0 !important; }
#text_popup .main { text-align:center; margin:15px 0; color:#233039; line-height:20px; font-size:14px; }
#text_popup .main p { text-align:center; color:#233039; line-height:20px; font-size:14px; }
#text_popup p strong { color:#073a8b;  }
#text_popup #prev { width:170px; float:left; }
#text_popup #prev a { background:#e0e7f1; color:#68696b; width:170px; height:24px; display:block; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 15px 0 15px; }
#text_popup #next { width:268px; float:right; }
#text_popup #next a, .content_popup .buy, .buyPop { background:url(../img/global/bg-btn-add-card.jpg) no-repeat; width:268px; height:24px; display:block; color:#FFFFFF; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 0 0 0; }
.content_popup .buy, .buyPop {height:30px; border:none; padding:0; cursor:pointer; }
#content_popup .close, .content_popup .close { float:right; margin:5px 5px 0 0; }

/************************************************
Panier
*************************************************/
#sub_title_normal, .desc_contact { color:#717171; font-size:14px; line-height:20px; }

/* Fil du panier */
#fil_commande { float:left; width:790px; height:29px; margin:20px 0; }
#fil_commande li { float:left; list-style:none; }
#fil_commande li a, #fil_commande li span { padding:5px 15px 5px 5px; color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; height:19px; display:block; }
#fil_commande li.first a, #fil_commande li.first span { padding:5px 35px 5px 25px; }
#fil_commande li.last a, #fil_commande li.last span { padding:5px 0 5px 10px; }

#fil_commande .first { width:157px; }
#fil_commande .second { width:162px; }
#fil_commande .third { width:210px; }
#fil_commande .fourth { width:140px; }
#fil_commande .last { width:100px; }

.etape1 { background:url(../img/global/bg-fil-card.jpg) no-repeat 0 0; }
.etape2 { background:url(../img/global/bg-fil-card.jpg) no-repeat 0 -29px; }
.etape3 { background:url(../img/global/bg-fil-card.jpg) no-repeat 0 -58px; }
.etape4 { background:url(../img/global/bg-fil-card.jpg) no-repeat 0 -87px; }
.etape5 { background:url(../img/global/bg-fil-card.jpg) no-repeat 0 -116px; }

/* Tableau du panier */
.table_content { width:100%; margin:10px 0; font-size:14px; line-height:20px; }
.table_content th { color:#FFF;  background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; padding:3px 0; }
.table_content td { padding:3px 0; border-bottom:1px solid #ececec; text-align:center; }
.table_content td a { color:#233039; text-decoration:none; }
.table_content td a:hover { color:#073a8b; font-weight:bold; }
.table_content td.name { width: 165px; }
.table_content td.status { width: 150px; }
.table_content td.price { color:#073a8b; font-weight:bold; width: 120px; }
.table_content td a.icons_add { padding:2px 5px; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#ffffff; text-decoration:none; margin:0 2px 0 0; font-size:12px; }
.table_content td a.icons_subtract { padding:2px 6px; background:#e0e7f1; color:#68696b; text-decoration:none; margin:0 2px 0 0; font-size:12px; } 
.table_content td a.icons_subtract:hover { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x scroll 0 0 #0A3C8D; color:#FFFFFF; }
.table_content td a.icons_add:hover, .table_content td a.icons_subtract:hover { font-weight:bold; } 

/* Tableau de résumé du panier */
#text_info_port { float:left; width:545px; margin:5px 0; font-size:14px; line-height:20px; }
#text_info_port strong { color:#073a8b; }
.table_result { float:right; width:240px; margin:5px 0; font-size:16px; line-height:20px; }
.table_result th { text-align:right; padding:3px; font-weight:normal; width:150px; }
.table_result td { padding:3px; color:#073a8b; font-weight:bold;  }
.icons_qty { float:left; }
.icons_delete { float:left; margin:8px 5px 0 7px; }
.nb_qty { float:left; margin:8px 7px 0 20px; width:15px; }

/* Valider mon panier + reduction */
#btn_valid_card { width:268px; float:right; }
#btn_valid_card a { background:url(../img/global/bg-btn-add-card.jpg) no-repeat; width:268px; height:24px; display:block; color:#FFFFFF; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 0 0 0; }
#btn_valid_card a:hover { background:url(../img/global/bg-btn-add-card.jpg) no-repeat left bottom; }

#prev_valid_card { width:255px; float:left; }
#prev_valid_card a { background:#e0e7f1; color:#68696b; width:200px; height:24px; display:block; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 15px 0 15px; }
#prev_valid_card a:hover { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x scroll 0 0 #0A3C8D; color:#FFFFFF; }

#text_reduction { width:350px; float:right; margin:5px 0 0 0;}
#form_reduction #confirm_reduction { float:left; color:#ffffff; width:35px; border:1px solid #0a3c8d; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; height:22px; font-weight:bold; cursor:pointer;  }
#form_reduction .input_reduction { float:left; color:#233039; width:180px; border-left:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; border-top:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:20px; font-size:14px; }
#form_reduction label { font-size:14px; color:#233039; padding:2px 5px 0 0; }


/************************************************
Processus de commande
*************************************************/
.addresses p, #carrier p, #carrier table, #payment p { color:#233039; line-height:20px; font-size:14px; text-align:left; }
.addresses .price, #carrier .price, #payment .price { color:#073a8b; font-weight:bold; }
#carrier p a, #payment p a { color:#073a8b; text-decoration:none; }
#carrier p a:hover, #payment p a:hover { font-weight:bold; }
#carrier h3, #payment h4 { color:#073a8b; float:left; margin:15px 0 5px 0; font-size:14px; border-bottom:1px solid #073a8b; width:100%; }
.addresses label, #carrier label { float:none; } 
.addresses #id_address_delivery { color:#233039; width:225px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:22px; font-size:14px; }
ul.address { float: left; list-style: none; margin: 0 0 1em 0.25em; width:388px; }
ul.address li {	margin:3px 0 0 3px; font-size:14px; }
ul.address li a { color:#073a8b; text-decoration:none; }
ul.address li a:hover { font-weight:bold; }
li.address_title { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x scroll 0 0 #0A3C8D; color:#ffffff; font-weight:bold; height:27px; font-size:14px; line-height:23px; text-align:center; }
#prev_valid_address { background:#e0e7f1; color:#68696b; width:100px; height:24px; display:block; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; padding:5px 15px 0 15px; cursor:pointer; float:left; }
.btn_valid { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x scroll 0 0 #0A3C8D; padding:0 15px; height:29px; display:block; color:#FFFFFF; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; cursor:pointer; border:none; float:right; }
a.btn_valid { padding:5px 15px 2px; height:22px; }
.btn_valid:hover, .hover { background:#e0e7f1; color:#68696b; }

.textarea textarea { background:url(../img/global/bg-input-newsletter.jpg) repeat-x; border:1px solid #d1d1d1; }
.payment_module { float:left; width:390px; height:70px; }
.payment_module img { height:40px; vertical-align:middle; margin:0 10px 0 0; }
.payment_module a { color:#073a8b; text-decoration:none; font-size:14px; }
.payment_module a:hover { font-weight:bold; }


/************************************************
Mon compte
*************************************************/
#send_friend { width:384px; float:left; margin:5px 0; border:none; padding:0; }
#create-account_form , .account_creation{ width:360px; float:left; margin:20px 0; border:none; padding:0; }
#login-account_form { width:355px; float:right; margin:20px 0; border:none; padding:0; }

.borderBloc { padding:5px !important; width:345px !important; border:1px solid #D1D1D1 !important; margin:25px 0 !important; background:url("../img/global/bg-input-newsletter.jpg") repeat-x; }

#create-account_form h3, #login-account_form h3, .account_creation h3 { background:url("../img/global/icons-right-bloc - Copie.png") no-repeat left top; font-size:16px; padding:0 0 0 40px; height:21px; margin:0 0 10px 0; }
#create-account_form p { font-size:14px; color:#233039; margin:0 0 0 5px; line-height:20px; }
#create-account_form p sup, #login-account_form p sup { font-size:14px; color:#233039; margin:0 0 0 5px; line-height:20px; position:relative; }
#required_text { font-size:14px; color:#233039; margin:0 0 0 5px; line-height:20px; float:left; width:350px; }
#create-account_form .checkbox, #login-account_form .checkbox { margin:5px 0 0 5px; }
#create-account_form #email_create, #login-account_form #email, #login-account_form #passwd,
#create-account_form .input_normal, #login-account_form .input_normal, #send_friend .input_normal, .account_creation .text { color:#233039; width:225px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:22px; font-size:14px; float:left; margin:5px 0 0 5px; padding:2px 0 0 0; }

#create-account_form .select_normal, #login-account_form .select_normal { color:#233039; width:226px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:24px; font-size:14px; float:left; margin:5px 0 0 5px; }
#create-account_form .textarea_normal, #login-account_form .textarea_normal { color:#233039; width:225px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:40px; font-size:14px; float:left; margin:5px 0 0 5px; }
#create-account_form .textarea_normal_big, #login-account_form .textarea_normal_big { color:#233039; width:225px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:100px; font-size:14px; float:left; margin:5px 0 0 5px; }

#create-account_form select, #login-account_form select { color:#233039; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:24px; font-size:14px; float:left; margin:5px 0 0 5px; padding:0; }
#create-account_form label, #login-account_form label, .account_creation label { font-size:14px; color:#233039; margin:10px 0 0 2px; float:left; width:120px; }
#create-account_form label strong, #login-account_form label strong, .account_creation label strong { color: #CC0000; }
#send_friend label { font-size:14px; color:#233039; margin:5px 0 0 2px; float:left; width:150px; }
#login-account_form .lost_password a { float:left;color:#073a8b; text-decoration:none; font-size:14px; margin:15px 0 0 0; }
#login-account_form .lost_password a:hover { font-weight:bold; }


/************************************************
Diagnostic peau
*************************************************/
#fil_diagnostic { float:left; list-style:none; margin:25px 0 25px 60px; }
#fil_diagnostic li { float:left; list-style:none; }
#fil_diagnostic li span { width:280px; height:13px; border-bottom:1px dotted #68696b; display:block; }
#fil_diagnostic li a { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 -25px; width:26px; height:21px; color:#073a8b; padding:4px 0 0 0; font-size:14px; text-decoration:none; display:block; text-align:center; font-weight:bold; }
#fil_diagnostic li a:hover, #fil_diagnostic li.actif a { background:url(../img/global/bg-etape-diagnostic.png) no-repeat 0 -75px; color:#ffffff;  }

/* Liste des questions */
#diagnostic { margin: 0 auto; width:785px; }
#diagnostic h1 { color:#073a8b; float:left; margin:0 0 5px 0; font-size:18px; }
#diagnostic h2.title_question { color:#073a8b; float:left; margin:15px 0 10px 30px; font-size:14px; border-bottom:1px solid #073a8b; width:90%; clear:both; }
#diagnostic ul.list_reponse { font-size:14px; color:#233039; margin:2px 0 0 40px; list-style:none; clear:both;  }
#diagnostic ul.list_reponse li { padding:5px 0; }
#diagnostic ul.list_reponse li label { float:none; }
#diagnostic p.checkbox { font-size:14px; color:#233039; margin:2px 0 0 40px; list-style:none; clear:both;  }
#diagnostic p .input_rep { color:#233039; width:225px; margin:2px 0 0 40px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:18px; font-size:14px; }

.btn_prev { float:left; padding:4px 25px; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#ffffff; text-decoration:none; font-size:14px; margin:20px 0 10px 0; border:none; cursor:pointer; } 
.btn_prev:hover { background:#e0e7f1; color:#68696b; } 
.btn_next { float:right; padding:4px 25px; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#ffffff; text-decoration:none; font-size:14px; margin:20px 0 10px 0; border:none; cursor:pointer; } 
.btn_next:hover { background:#e0e7f1; color:#68696b; } 


/************************************************
Achats express
*************************************************/
ul.list_product_express { width:100%; }
ul.list_product_express li { float:left; border:1px solid #ececec; background:url(../img/global/bg-productlist.jpg) repeat-x left bottom; list-style:none; margin:5px 0 10px 0; width:783px; }
ul.list_product_express li .product_thumb { margin:8px 0 0 12px; float:left; }
ul.list_product_express li .etape_dermance { float:left; margin:18px 0 0 8px; }
ul.list_product_express li div.etape_dermance { float:left; margin:18px 0 0 8px; width: 24px; height: 189px; }
ul.list_product_express li .product_title { float:left; width:200px; margin:10px 0 0; }
ul.list_product_express li .reduction { position:absolute; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF; height:18px; padding:3px 5px; font-weight:bold; margin:173px 0 0 -42px; }
ul.list_product_express li h2 a { float:left; margin:10px 0 0 10px; color:#233039; text-decoration:none; width:217px; line-height:18px; font-size:14px; }
ul.list_product_express li div.product_description a { margin:0 0 0 10px; color:#8d8d8d; text-decoration:none; width:217px; line-height:18px; font-size:14px; float:left; }
ul.list_product_express li a.view_product { float:right; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; color:#FFF; height:18px; padding:3px 5px; text-decoration:none; font-weight:bold; margin:0 5px 0 0; }
ul.list_product_express li a.view_product span { background:url(../img/global/icons-spire.png) no-repeat right 3px; padding:0 15px 0 0; }

ul.list_product_express li .mod_card { padding:0 10px; width:310px; }
ul.list_product_express li .mod_card #btn_add_product { margin:0 0 0 0; }
ul.list_product_express li .mod_card p { margin:25px 0 0 0; }
ul.list_product_express li .mod_card p.justClicked { margin:0 0 0 0; }
ul.list_product_express li .mod_card p.hideMeAfter { font-size:14px; font-weight:bold; line-height:25px; margin:0 0 0 0 !important; color:#073a8b; }

/************************************************
Glossaire
*************************************************/
#glossaire { float:left; width:100%; margin:10px 0; }
#glossaire h1 { color:#073a8b; float:left; margin:0 0 5px 0; font-size:18px; width:100%; }
#glossaire h2 a, #glossaire h2 { color:#073a8b; font-size:14px; text-decoration:none; } 
#glossaire h2 { float:left; margin:8px 0 0 0; width:100%;  } 
#glossaire h2.blue_second a, #glossaire h2.blue_second { color:#5777b0; }
#glossaire h2 a:hover, #glossaire h2.blue_second a:hover { color:#000; }
#glossaire p { font-size:14px; color:#233039; margin:0 0 10px 0; line-height:19px; }
#glossaire p.intro_glossary { color:#5677ad; margin:3px 0; }
#glossaire p em { color:#073a8b; }
#glossaire p.center { text-align: center; }
#glossaire ul {padding:5px 0;  }
#glossaire p.title_associatedProducts { float:left; margin:10px 0 0 5px; width:125px; }
#idAssociatedProduts { background:#f5f5f5; margin:10px 0;  }
#glossaire ul.associatedProducts { float:right; width:860px; margin:0 0 10px 0; }

#glossaire ul li, #maincontent_vdi ul li { padding: 5px 0; float:left; list-style:none; margin:0 6px 0 7px; }
.lettermin li { margin:0 2px !important; }
#glossaire ul li#first { padding:5px 0; float:left; list-style:none; margin:0 6px 0 20px;   }
#glossaire ul li.associatedProdutsClear { clear:both; float:none; padding:0; margin:0; }
#glossaire ul li a, #maincontent_vdi ul li a { height:18px; background:url(../img/global/bg-pagination.jpg) repeat-x; padding:2px 4px; border:1px solid #ececec; margin:0 2px; text-decoration:none; color:#233039; font-size:14px; }
ul#letter li a { width:18px; display:block; text-align:center; padding:2px 0; }
#glossaire ul.associatedProducts li a, #maincontent_vdi ul.associatedProducts li a { height:18px; background:url(../img/global/bg-pagination.jpg) repeat-x; padding:2px 4px; border:1px solid #ececec; margin:0 2px; text-decoration:none; color:#233039; font-size:16px; display:block; }
#glossaire ul li.disabled span, #maincontent_vdi ul li.disabled span{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; height:18px; background:url(../img/global/bg-pagination.jpg) repeat-x; padding:2px 4px; border:1px solid #ececec; margin:0 2px; text-decoration:none; color:#233039; font-size:14px;  }
ul#letter li.disabled span { width:18px; display:block; text-align:center; padding:2px 0; }
#glossaire ul li a:hover, #glossaire ul li.actif a, #maincontent_vdi ul li a:hover, #maincontent_vdi ul li.actif a { background:url(../img/global/bg-pagination.jpg) repeat-x left bottom; border:1px solid #073a8b; color:#FFF; }
#maincontent_vdi ul li a.all{ width: 75px; }

#glossaire p.link { text-align:right; border-bottom:1px solid #cbcbcb; color:#cbcbcb; font-size:13px; margin:0 0 20px 0; }
#glossaire p.link a { color:#cbcbcb; font-size:13px; text-decoration:none; }
#glossaire p.link a:hover { color:#073a8b; font-weight:bold; }


/************************************************
Extranet VDI
*************************************************/

/* Menu */
#nav_vdi { width:580px; list-style:none; margin:0; float:right; }
#nav_vdi li a, span.viewThis { height:19px; font-size:14px; display:block; color:#fff; font-weight:bold; text-decoration:none; padding:3px 26px; margin:0 1px 0 0; background:url(../img/global/bg-menu-item.jpg) repeat-x 0 0; }
span.viewThis{ width: 120px; float: right; }
#nav_vdi li { float:left; }
#nav_vdi li#item1 span { background:url(../img/global/icons-nav-vdi.png) no-repeat 0 0; padding:0 0 0 20px; }
#nav_vdi li#item2 span { background:url(../img/global/icons-nav-vdi.png) no-repeat 0 -19px; padding:0 0 0 20px; }
#nav_vdi li#item3 span { background:url(../img/global/icons-nav-vdi.png) no-repeat 0 -38px; padding:0 0 0 20px; }
#nav_vdi li#item4 span { background:url(../img/global/icons-nav-vdi.png) no-repeat 0 -57px; padding:0 0 0 20px; }
#nav_vdi li a:hover, #nav_vdi li.actif a { background:#e0e7f1; color:#68696b; }

/* Fil d'ariane */
#fil_ariane_vdi { float:left; margin:4px 0 15px 0; display:inline; width:400px; font-size:14px; }
#fil_ariane_vdi .separator { background:url(../img/global/icons-separator.png) no-repeat center 6px; width:10px; height:10px; }
#fil_ariane_vdi a { color:#919191; text-decoration:none;  }
#fil_ariane_vdi a:hover { color:#073a8b; }
#fil_ariane_vdi span { color:#073a8b; text-decoration:none;  }

/* Menu de gauche */
#main_nav_vdi { float:left; width:235px; list-style:none; }
#main_nav_vdi li a.main_link { padding:4px 5px; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; display:block; margin:10px 0 0 0; font-size:14px; color:#FFF; font-weight:bold; text-decoration:none; float:left; width:225px; }
#main_nav_vdi li a.main_link span { float:right; margin:0 5px 0 0; background:url(../img/global/icons-menu-back.png) no-repeat 2px -8px; height:17px; width:10px; }
#main_nav_vdi li a.main_link:hover span, #main_nav_vdi li.actif a.main_link span { background:url(../img/global/icons-menu-back.png) no-repeat 2px -42px; }


#main_nav_vdi li .content_nav_vdi { padding:5px; width:223px; margin:0 0; border:1px solid #e8e8e8; float:left; }
#main_nav_vdi li .content_nav_vdi p { font-size:14px; line-height:19px; color:#233039; }
#main_nav_vdi li .content_nav_vdi p .more { float:right; color:#073a8b; font-size:14px; text-decoration:none; margin:3px 0 0 0; }
#main_nav_vdi li .content_nav_vdi p .more:hover { color:#233039; font-weight:bold;  }
#main_nav_vdi li a.main_link:hover, #main_nav_vdi li.actif a.main_link  { background:#e0e7f1; color:#68696b; } 
#main_nav_vdi li .content_nav_vdi p .link_more { color:#233039; font-size:14px; text-decoration:none; margin:5px 0 0 0; float:left; background:url(../img/global/icons-spire.png) no-repeat right -7px; display:block; width:220px; }
#main_nav_vdi li .content_nav_vdi p .link_more:hover { color:#073a8b; font-weight:bold;  }

/* Welcome */
#welcome_vdi { float:left; margin:30px 0 0 100px; } 
#welcome_vdi h1 { font-size:14px; line-height:19px; color:#233039; }
#welcome_vdi h1 a { color:#073a8b; text-decoration:none;  }
#welcome_vdi h1 a:hover { color:#233039; }
#welcome_vdi p { font-size:14px; line-height:19px; color:#233039; }

/* Edito */
#maincontent_vdi { float:right; width:735px; margin:10px 0; }
#edito_vdi { padding:5px; width:725px; margin:0; border:1px solid #e8e8e8; }
#edito_vdi h1 { font-size:16px; line-height:19px; color:#233039; }
#edito_vdi p { font-size:14px; line-height:19px; color:#233039; padding:0 0 10px 0; }

#maincontent_vdi h1.blue_text { color:#073a8b; float:left; width:600px; padding:0 0 5px 0; font-size:18px; }

.customer_club { padding:0px 8px; background:url(../img/global/customer_club.gif)}


/************************************************
Page static
*************************************************/
ul.text_normal { list-style:none; margin:5px 0 0 5px; } 
.text_normal { font-size:14px; line-height:19px; color:#233039; padding:0 0 10px 0; text-align:justify; }
.text_normal p { font-size:14px; line-height:19px; color:#233039; }
.text_normal h2 { font-size:16px; line-height:19px; color:#073A8B; }
.text_normal ul { font-size:14px; line-height:19px; color:#233039; list-style:square; margin:0 0 0 20px; }
.text_normal ol { font-size:14px; line-height:19px; color:#233039; margin:0 0 0 20px; }
.text_normal pre { font-size:14px; line-height:19px; color:#233039; padding:0 0 10px 0; width:735px; }
.text_normal a { color:#073a8b; text-decoration:none; }
.text_normal a:hover { color:#233039; font-weight:bold; }
.warning { font-size:14px; line-height:19px; color:#233039; padding:0 0 10px 0; }
.prescription { width:250px; float:left; margin:0 !important; }
.txt_recommendations { width:535px; float:left; margin: 0 0 20px 0; }
.txt_prescriptions { width:100%; float:left;  }
.prescription li { height:218px !important; }
.prescription li .etape_dermance { margin:-174px 0 0 13px !important; } 
.textReferral { color:#233039; width:225px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:22px; font-size:14px; padding:2px 0 0 0; }
 
.text_normal_referral { font-size:14px; line-height:19px; color:#233039; list-style:none; margin:0 0 0 20px; }
.text_normal_referral li { float:left; padding:0 10px; border-right:1px solid #EEE; }
.text_normal_referral li a.selected { font-weight:bold; }
.text_normal_referral li a { color:#073a8b; text-decoration:none; }
.text_normal_referral li a:hover { color:#233039; }
.textarea textarea { width:100%; }

/* errors */
.error { width:97%; border:1px solid #cf0000; background-color:#fafafa; color:#cf0000; margin:5px auto; padding:5px 5px; }
.error p { font-weight:bold; font-size:14px; line-height:20px; }
.error li {	list-style-position:inside; list-style-type:square; padding-left:3em; font-size:14px; line-height:20px; }
.error .button_small { display:none; }


/************************************************
Revue de presse
*************************************************/
#pressreview { float:left; width:100%; margin:10px 0; }
#pressreview h1 { color:#073a8b; float:left; font-size:18px; width:100%; }
#pressreview ul { margin:10px 0; }
#pressreview ul li { padding:5px 0; float:left; list-style:none; margin:10px 7px; width:230px; height:275px; background:url("../img/global/bg-productlist.jpg") repeat-x left bottom; border:1px solid #ECECEC;  }
#pressreview ul li h2 { font-size:14px; color:#233039; text-align:center; line-height:19px; min-height:41px; }
#pressreview ul li p { font-size:13px; color:#073a8b; line-height:25px;  }
#pressreview ul li p.date { float:right; margin:0 5px 0 0; }
#pressreview ul li p.picture { height:150px; text-align:center; margin:5px 0 0 0; float:left; width:100%; }
#pressreview ul li p.picture img { max-width:200px; max-height:185px; border:1px solid #ECECEC; }
#pressreview ul li .download a { height:18px; background:url(../img/global/bg-pagination.jpg) repeat-x; padding:2px 4px; border:1px solid #ececec; text-decoration:none; color:#233039; font-size:14px; }
#pressreview ul li .download a:hover { background:url(../img/global/bg-pagination.jpg) repeat-x left bottom; border:1px solid #073a8b; color:#FFF; }

/* Popup revue de presse */
#popup_pressreview { position:absolute; width:100%; height:100%; top:0; left:0; z-index:11; display:none;  }
.boxContent { text-align:justify; margin:15px 0; color:#233039; line-height:20px; font-size:14px; }
.floatrightcontent { float:right; width:428px; }
#popup_pressreview p { color:#233039; line-height:20px; font-size:14px; }
.boxContent em{ float: right; }
.boxContent em img{ display: inline; float: none !important; }
.linkContent { float:right; margin:10px 0 0 10px; }
.linkContent a { color:#073a8b; text-decoration:none; }
.linkContent a:hover { color:#233039; }
.linkContent .download a { height:18px; background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; border:1px solid #073a8b; color:#FFF; padding:4px 10px; border:1px solid #ececec; text-decoration:none; font-size:14px; display:block; float:right; margin:10px 5px; font-weight:bold;  }
.linkContent .download a:hover { background:#e0e7f1; color:#68696b; }

/************************************************
VDI Find
*************************************************/
.input_cp { float:left; color:#233039; width:230px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:28px; font-size:14px; }
.input_btn { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x #0a3c8d; width:110px; height:29px; display:block; color:#FFFFFF; font-weight:bold; font-size:14px; margin:0 0 0 10px; text-align:center; text-decoration:none; border:none; float:left; cursor:pointer; }
.input_btn:hover { background:#e0e7f1; color:#68696b;  }

#findvdi { background:url(../img/global/icons-france.jpg) no-repeat; padding:40px 0 60px 200px; }
.findVdiRes li { float:left; width:390px; list-style:none; margin:8px 0 10px 0; padding:0;}
.findVdiRes li h3 { font-size:14px; line-height:19px; color:#233039; margin-left: 80px; }
.findVdiRes li p { display: block; width: 310px; word-wrap: break-word; margin-left: 80px; font-size:14px; line-height:19px; min-height: 38px; color:#233039; }
.findVdiRes li img { float: left; margin: 0 8px; } 

/* Formulaire */
.width2 fieldset { width:384px; float:left; margin:0; border:none; padding:0; }
.big fieldset { width:736px; }
.width2 legend { color:#073A8B; font-size:18px; line-height:19px; font-weight:bold; margin:0 0 10px 0; }
.width2 select { color:#233039; width:256px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:24px; font-size:14px; float:left; margin:5px 0 0 5px; }
.width2 select.select_days { width:50px; }
.width2 select.select_months { width:137px; }
.width2 select.select_years { width:60px; }
.width2 .btn_radio { color:#233039; width:255px; font-size:14px; float:left; margin:5px 0 0 5px; padding:2px 0 0 0; }
.width2 p { font-size:14px; line-height:19px; color:#233039; }

.width2 textarea { color:#233039; width:255px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:80px; font-size:14px; float:left; margin:5px 0 0 5px; }
.width2 .input { color:#233039; width:255px; border:1px solid #d1d1d1; background:url(../img/global/bg-input-newsletter.jpg) repeat-x; height:22px; font-size:14px; float:left; margin:5px 0 0 5px; padding:2px 0 0 0; }
.width2 label { font-size:14px; color:#233039; margin:10px 0 0 2px; float:left; width:190px; }
.width2 label strong { color: #C00; }
.width2 .small { font-size:14px; color:#233039; margin:10px 0 0 2px; float:left; width:120px; float:left; }
.width2 .button { background:url(../img/global/bg-subtitle-listproduct.jpg) repeat-x scroll 0 0 #0A3C8D; padding:0 15px; height:29px; display:block; color:#FFFFFF; font-weight:bold; font-size:14px; margin:10px 0; text-align:center; text-decoration:none; cursor:pointer; border:none; float:right; }
.width2 .button:hover { background:#e0e7f1; color:#68696b; }
.left_btn_valid { font-size:14px; line-height:19px; color:#233039; width:300px; float:left; margin:16px 0 0 0; } 

/* errors */
.errors { width:97%; border:1px solid #CF0000; background-color:#fafafa; color:#CF0000; margin:5px auto; padding:5px 5px; }
.errors p { font-weight:bold; font-size:14px; line-height:20px; }
.errors li { list-style-position:inside; list-style-type:square; padding-left:3em; font-size:14px; line-height:20px; float:none !important; }
.errors .button_small { display:none; }

/* List */
.listvdi li { list-style:none; padding:10px 15px 20px; width: 320px; margin:5px 0; border:1px solid #e8e8e8; }
.listvdi li h2 { color:#233039; font-size:16px; line-height:19px; font-weight:bold; margin:0 0 10px 0; }
.listvdi li p { font-size:14px; line-height:19px; color:#233039; }
.listvdi li p a { color:#073a8b; text-decoration:none; }
.listvdi li p a:hover { color:#233039; font-weight:bold; }
.listvdi li p a img { vertical-align:bottom; }

/* List des formations */
.training li { list-style:none; padding:8px !important; width:715px; margin:5px 0 !important; border:1px solid #e8e8e8; }
.training li h2 { color:#233039; font-size:16px; line-height:19px; font-weight:bold; margin:0 0 10px 0; }
.training li p { font-size:14px; line-height:19px; color:#233039; }
.training li p a { color:#073a8b; text-decoration:none; }
.training li p a:hover { color:#233039; font-weight:bold; }
.training li p a img { vertical-align:bottom; }

/* Post-iit */
#postit { background:url(../img/global/bg-post-it.jpg) no-repeat; width:253px; height:303px; float:left; margin:0 0 0 10px; padding:35px 20px 0 30px; color:#233039; font-size:14px; font-style:italic; }
#postit p {  -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg);  }

.sepOrder { border-top:2px solid #ECECEC; }



/************************************************
Footer
*************************************************/

/* Lien communautaire */
#link { float:right; width:500px; list-style:none; margin:10px 0 0 0; }
#link li { float:right; margin:0 0 0 10px; }
#link li a { color:#233039; text-decoration:none; }
#link li a img { vertical-align:bottom; }
#link li a:hover { color:#073a8b; font-weight:bold; }
#link li#btn_conseilleres a  { float:left; color:#073a8b; padding:3px 10px; background:url(../img/global/bg-submit-search.jpg) repeat-x; border:1px solid #d1d1d1; display:block; font-weight:bold; }
#link li#btn_conseilleres a:hover { color:#233039; }

/* Plan du site */
#sitemap { float:left; width:100%; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#f9f9f9; padding:15px 0; margin:20px 0; }
#sitemap .borderLeft { border-left:1px solid #d1d1d1; min-height:120px; }
#sitemap h2 { display:none; }
#sitemap .bloc { float:left; width:146px; padding:0 12px; }
#sitemap h3 { color:#233039; padding:0 0 10px 0; }
#sitemap ul { list-style:none; }
#sitemap li a { color:#233039; text-decoration:none; }
#sitemap li a:hover { color:#073a8b; font-weight:bold; }

/* Pied de page */
#footer { text-align:center; color:#686868; }
#footer a { color:#686868; text-decoration:none; }
#footer a:hover { color:#073a8b; font-weight:bold; }

/* Espace VDI */
.subMenu{ background: #E5E5E5; }
tr.subMenu td.price {
    font-weight: normal;
    width: 120px;
}
tr.subMenu td.product {
    text-align: left;
    padding-left: 30px;
    width: 407px;
}
.subMenu {
    background: #E5E5E5;
}
tr.subMenu td.qte {
    text-align:  center;
    width:  40px;
}