@import url("/css/blueprint974/screen.css");

/* @override 
	http://fr.e-swin.local/css/eflash.css
	http://uk.e-swin.local/css/eflash.css
*/

/* ***************************************************************************** */
/* Styles de base transférés de blueprint et adaptés pour éviter les doubles     */
/* déclarations                                                                  */
/* ***************************************************************************** */

/* typography.css */
html { font-size: 100.01%; }
body { font-size: 75%; color: #58585a; background: #fff; font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p { margin: 0 0 1.25em; }
p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus, a:hover { color: #000; }
a { color: #054; text-decoration: none; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color: #666; }
pre { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
li ul, li ol { margin: 0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style: none; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th, td, caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background: #ff0; }
.added { background: #060; color: #fff; }
.removed { background: #900; color: #fff; }
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0; }
.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

/* forms.css */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
input[type=text], input[type=password], input.text, input.title, textarea, select { background-color: #fff; border: 1px solid #bbb; }
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color: #666; }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin: 0.5em 0; }
input.text, input.title { width: 300px; padding: 5px; }
input.title { font-size: 1.5em; }
textarea { width: 390px; height: 250px; padding: 5px; }
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position: relative; top: .25em; }
form.inline { line-height: 3; }
form.inline p { margin-bottom: 0; }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }

/* ***************************************************************************** */
/* Styles génériques                                                             */
/* ***************************************************************************** */

body { background: url(../images/div_bd/bgsite_interne.jpg) no-repeat center top;  }
body.maintenance { background: url(../images/bgsite_maintenance.jpg) no-repeat center top; }

/* ***************************************************************************** */
/* Styles spécifiques bandeau corporate avec menu                                */
/* ***************************************************************************** */

#hd { background: #303030 url(../images/div_bd/bgsite_home.jpg) center top no-repeat; height: 128px; }
#logo_eswin { margin: 36px 0 0 105px; float: left; }
#liens { float: right; margin: 4px 0 0 0; font-size: 14px; color:#fff; text-align:right;}
#liens a { font-weight: normal; font-size: 14px; padding: 0 7px; color: #062; }
#liens a:hover { color: white; }
#menu { clear: left; float: none; position: relative; }
#menu ul { margin: 0; }
#menu ul li { color: white; float: left; margin-top: 18px; font-size: 16px;}
#menu ul li a { color: white; text-decoration: none; font-size: 14px; padding: 0 8px 0 12px; display: block; margin-top: -23px; }
#menu li a img { margin: 16px 5px 0 16px; }
#menu li a:hover, #menu li:hover a, #menu li.select a { color: #b2c900; }
#menu ul.sous_menu { position: absolute; visibility: hidden; margin: 0; }
#menu ul li ul.sous_menu li { float: left; height: 21px; overflow: visible; margin: 0; }
#menu ul li ul.sous_menu li a { color: white; font-size: 12px; height: 21px; margin: 0; padding: 1px 12px 0 4px; display: block; }
#menu ul li ul.sous_menu li a:hover, #menu ul li ul.sous_menu li#select a { color: #b2c900; }
#menu ul li ul.sous_menu li { background: url(../images/div_hd/smenu_fond.png) repeat-x -20px 0; }
#menu ul li ul.sous_menu li.first { background-position: 0 0; }
#menu ul li ul.sous_menu li.last { background-position: right 0; }
#menu ul li ul.sous_menu li.first a { padding-left: 15px; }
#menu ul li ul.sous_menu li a { background: url(../images/div_hd/smenu_fond.png) no-repeat right -21px; }
#menu ul li ul.sous_menu li.last a { background: none; }
#menu ul:hover li.select ul.sous_menu { visibility: hidden; }
#menu ul li:hover ul.sous_menu, #menu  ul li.select ul.sous_menu, #menu  ul:hover  li.select:hover ul.sous_menu { visibility: visible; }

/* ***************************************************************************** */
/* Styles spécifiques contenu de page partie haute                               */
/* ***************************************************************************** */

#bd { min-height: 450px; height: auto; background: url(/images/div_bd/bd_fond.png) repeat-y; }
#bd.nomenu { background: transparent; }
#bd_content { min-height: 450px; background: none no-repeat right top; }
#bd_header img { border: 1px solid #a1c838; float: left; margin: 60px 40px 60px 0; }
#bd_header h1 { font-weight: 100; letter-spacing: 0.1em; font-size: 28px; line-height: 48px; padding: 65px 0 0 0; line-height: 60px; overflow: hidden; }
.accessoires #bd_header { padding: 0 0 50px 250px; }
#bd_header h1:first-letter { font-weight: bold; float: left; font-size: 48px; color: #fff; padding: 6px 5px 6px 8px; margin: 0 5px 0 0; background: #a1c838; }
#bd_header ul { display: block; min-height: 100px; }
#bd_header ul li { margin: 0 0 0 40px; }
.accessoires #bd_header ul li { margin: 0; }
#bd_header ul li a { color: #111; font-weight: 200; font-size: 12px; }
#bd_header ul li a:hover { text-decoration: underline; }
#bd_header p { font-size: 12px; }
/*Spécifiques actu*/
.bd_actu #bd_header img { display: inline; float: none; margin: 0; }
.bd_actu #bd_header h2 { text-align: center; padding: 20px; }
.bd_actu #bd_header p { text-align: center; }
/*
* bd_body
*/
#bd_body { font-size: 12px; font-weight: 200; padding-bottom: 90px; }
#bd_body a { font-style: italic; }
#bd_body a:hover { color: #111; text-decoration: underline; }
#bd_body img { border: 1px solid #a1c838; float: left; margin: 60px 40px; }
#bd_body img.accessoire { float: left; margin: 0 40px; }
#bd_body img.body { float: none; margin: 5px 0; width: 362px; }
#bd_body p.galerie { margin-left: 20px; }
#bd_body .galerie img { float: left; margin: 5px; }
#bd_body a img.body { padding-top: 11px; background: url(/images/icons/zoom.gif) no-repeat left top; }
#bd_body a:hover img.body { border-color: black; background: url(/images/icons/zoom2.gif) no-repeat }
#bd_body h3 { color: #000; font-size: 16px; margin: 0; padding: 10px 50px 45px 20px; background: transparent url(../images/div_bd/bgh3-2.png) left -10px no-repeat; font-variant: small-caps; font-weight: bold; border: none; }
#bd_body h4 { font-size: 12px; color: #000; font-weight: bold; line-height: 1; }
#bd_body p, #bd_body ul, #bd_body h4 { margin: 0 0 10px 212px; text-align: justify; }
#bd_body ul { list-style: disc; margin: 0 0 10px 240px; }
#bd_body ul ul { list-style: circle; margin: 0 0 0 15px }
#bd_body dl { margin: 15px 0; }
#bd_body dl dt, #bd_body dl dt strong { font-weight: bold; color: black; }
#bd_body dl dd { padding: 5px 0 15px 5px; }
#bd_body ul#sliderV { margin: 0; }
#bd_body ul#sliderV dl { margin: 0 0 10px 200px; }
#bd_body ul#sliderV li.sliderV { display: none; }
#bd_body ul#sliderV li#FN_0 { display: block; }
#bd_body strong { font-weight: bold; }
#bd_body div.presse { text-align: center; clear: left; }
#bd_body div.presse img { margin: 0 20px 60px 200px; float: left; width: 150px; }
#bd_body div.presse p { margin: 0px; }
.content_section { overflow: hidden; margin-bottom: 30px; }
/*Spécifiques actu*/
.bd_actu #bd_body p { margin: 0 0 10px 0px; }
/**
* Google map
*/
p#map { margin: 0 auto; width: 500px; height: 400px; }
p#map img { margin: 0; padding: 5px; border: none; }
/*
* bd_menu
*/
#bd_menu div.nopromo { padding: 50px 0 0 15px; }
#bd_menu div.nopromo p { text-align: center; margin: 0; }
#eone_home div.promo, #bd_menu div.promo { margin: 30px 0 0 35px; }
#eone_home div.promo p, #bd_menu div.promo p { text-align: center; margin: 0; }
#eone_home div.promo img, #bd_menu div.promo img { margin: 0 auto 15px; }
#bd_menu { margin-bottom: 80px; }
#bd_body.avis_pro h4, #bd_body.avis_pro p { margin-left: 0; }
#bd_body.avis_pro div { clear: left; }
#bd_body.avis_pro img { margin-top: 0; margin-bottom: 25px; }
#bd_body.avis_pro a:hover img { border-color: black; }

/* ***************************************************************************** */
/* Styles spécifiques page d'accueil                                             */
/* ***************************************************************************** */

#bd_home { height: 720px; margin-bottom: -210px; }
#eone_home p { text-align: center; margin-left: -30px; }
#eone_home div.nopromo { padding: 50px 0 0; }
#eone_home div.nopromo p { text-align: center; margin: 0; }
#texte_home { height: 380px; }
#texte_home h1 { font-size: 23px; font-weight: 100; padding: 30px 0 15px 25px; line-height: 1.2; text-shadow: #fff 1px 1px 0px; }
#texte_home h1 strong { font-weight: normal; }
#texte_home h2, #texte_home h3, #texte_home h4 { padding: 0 250px 7px 25px; color: #58585a; text-align: justify; text-shadow: #fff 1px 1px 0; line-height: 1; text-decoration: none; border-style: none; }
#texte_home h2 { font-size: 16px; }
#texte_home h3 { font-size: 14px; }
#texte_home h4 { font-size: 12px; }
#texte_home ul#lien_demo { font-size: 12px; font-weight: normal; margin: 0 0 -1px 25px; width: 280px; }
#texte_home #lien_demo li { margin-top: 15px; }
#texte_home #lien_demo a { line-height: 20px; padding: 0 0 0 25px; background: url(../images/div_bd/fleche_verte_eone.png) no-repeat -2px -4px; display: block; font-size: 14px; text-shadow: #fff 1px 1px 0px; }
#bt { padding-bottom: 10px; }
#bt_video { margin-top: -17px; padding-bottom: 40px; padding-top: 0; }
.interne #bt_video { background: url(../images/div_bt/bt_fond_video.jpg) no-repeat 0 35px; margin-top: -90px; padding-top: 73px;  }
#bt_video p { text-align: center; }
#bt_video a img { border: 1px solid #b2c900; margin: 10px 5px 12px; }
#bt_video a:hover img { border-color: #222; }
#bt_video h2 { font-size: 23px; font-weight: 100; padding: 0 0 0 25px; line-height: 1.2; color: #607822; margin: 0;}
#bt h3 { font-size: 16px; width: 100%; color: #555; padding-top: 10px; border-bottom: 1px solid #999; margin: 0 0 10px 0;}
#bt h4 { font-size: 14px; width: 100%; color: #555; padding: 5px 0; }
#bt h3 a { margin-left: 20px; line-height: 28px; padding: 10px 0 10px 25px; font-weight: 200; background: url(../images/div_bd/fleche_verte_eone.png) no-repeat 0 6px; }
#bt p.button { text-align: center; background-color: #ddd; font-weight: bold; font-size: 14px; padding: 0; margin: 0;}
#bt p.button a { display: block; width: 100%; }
#bt p.fin { margin: 50px 0; text-align: center; font-size: 14px; padding: 0; }
#bt_un li a img, #bt_deux li a img { border: 1px solid #bd0; }
#bt_un li a:hover img, #bt_deux li a:hover img { border-color: black; }
#bt .promo img { border: none; }
#ft { height: 80px; }
#ft p { padding: 10px 0; text-align: center; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; font-size: 10px; color: #555; }

/**
* Menu boutique
*/
.shopbd { background: #fff url(../images/div_shopnav/shopnav_fond.jpg) right top repeat-y; }
/**
* Galerie
*/
#galerie ul, #galerie ul li, #galerie { float: none; clear: none; margin: 0; padding: 0; }
div#galerie { overflow: hidden; width: 300px; height: 300px; }
#galerie ul { height: 200px; width: 2000px; }
#galerie ul li { float: left; display: block; text-align: center; width: 300px; }
/* ========================================== */
/* = Elements utilisés dans l'espace client = */
/* ========================================== */
/*Page newcommande*/
.article { overflow: hidden; }
.article .image { float: left; width: 100px; height: 100px; padding: 5px; text-align: center; background: #fff; border: 1px solid #a1c838; margin: 0 10px 10px 0; }
.addtocart { float: right; margin: 0 0 0 20px; }
.important { padding: 1em; background: #ffa; border: 1px solid #fa6; }
.fauxbutton { font-size: 14px; display: block; width: 80%; margin: .5em auto; padding: 0 0 0 1em; text-align: center; background: #000 url(/images/button.png) left top no-repeat; height: 36px; }
.fauxbutton span { font-size: 14px; padding: 5px 1em 0 0; height: 31px; display: block; background: #000 url(/images/button.png) right top no-repeat; color: #ff6; }
/* Paiement */
.bullepaiement .fauxbutton { background-image: url(/images/button_fd_gris.png); }
.bullepaiement .fauxbutton span { background-image: url(/images/button_fd_gris.png);}
.bullepaiement { background: #fff url(/images/bulle_paiement.png) center -11px no-repeat; overflow: hidden; padding: 12px 0 0 0; margin: 0 0 10px 0; color: #fff; }
.bullepaiement h4 { font-weight: bold; font-size: 18px; color: #a5cd39; }
.bullepaiement * { color: #fff; font-size: 12px; }
.bullepaiement label { color: #ff6; font-size: 18px; line-height: 18px; overflow: hidden; }
.bullepaiement input { display: block; float: left; margin: 0 5px 0 0; }
.bullepaiement li { padding: 0 0 0 10px; margin: 0 0 0 5px; background: url(/css/themes/reserver/images/ffffff_7x7_arrow_right.gif) left 5px no-repeat; }
.bullepaiement .exceptionnel { color: #fa4; }
.bullepaiement > div { overflow: hidden; background: #fff url(/images/bulle_paiement.png) center bottom no-repeat; color: #fff; min-height: 150px; padding: 0 0 10px 0; }
/* Navigation */
#usermenu { margin: 0 0 0 0; font-size: 12px; }
#usermenu h3 { height: 50px; background: #fff; border: 1px solid #999; padding: 5px 10px; font-size: 16px; line-height: 16px; margin: 10px 0 10px 6px; font-weight: bold; font-family: helvetica, sans-serif; }
#usermenu h3 small { font-weight: normal; color: #999; font-size: 10px; }
#usermenu li a { display: block; padding: 6px 0 10px 40px; height: 16px; border-left: 6px solid #f6f6f6; margin: 0 0 5px 0; }
#usermenu li a:hover { border-left: 6px solid #a1c838; }
/*Pour chaque item*/
#usermenu li.user_home a { background: transparent url(/images/bt_user/home.png) left top no-repeat; }
#usermenu li.user_coords a { background: transparent url(/images/bt_user/coords.png) left top no-repeat; }
#usermenu li.user_commandes a { background: transparent url(/images/bt_user/commandes.png) left top no-repeat; }
#usermenu li.user_email a { background: transparent url(/images/bt_user/email.png) left top no-repeat; }
#usermenu li.user_changepwd a { background: transparent url(/images/bt_user/changepwd.png) left top no-repeat; }
#usermenu li.parrainage a, #usermenu li.referent a, #usermenu li.vdi a { background: transparent url(/images/bt_user/parrainage.png) left top no-repeat; }
#usermenu li.user_logout a { background: transparent url(/images/bt_user/logout.png) left top no-repeat; }
#usermenu li.user_messages a { background: transparent url(/images/bt_user/messages.png) left top no-repeat; }
#usermenu li.sav a { background: transparent url(/images/bt_user/sav.png) left top no-repeat; }
#usermenu li.user_downloads a { background: transparent url(/images/bt_user/downloads.png) left top no-repeat; }
a.zoomlink, a.pdflink { display: table; text-align: center; float: left; border: 1px solid #aaa; padding: 2px 5px 2px 30px; margin: 0 5px 0 0; font-size: 12px; }
a.zoomlink { background: transparent url(/images/icons/magnifier.png) 5px 2px no-repeat; }
a.zoomlink:hover { background: #eee url(/images/icons/magnifier.png) 5px 2px no-repeat; }
a.pdflink { background: transparent url(/images/icons/pdf.png) 5px 2px no-repeat; }
a.pdflink:hover { background: #eee url(/images/icons/pdf.png) 5px 2px no-repeat; }
#langMenu { min-height: 280px; background: url(../images/div_bd/bglangMenu.jpg) no-repeat right bottom; }
#langMenu h3 {  }
#langMenu ul { margin-left: 10px; }
#fl p a { font-size: 10px; }
#fl { text-align: center; }
.nouveau { background: #F00; color: #FFF; font-weight: normal; padding: 0 2px; font-size: 10px; }
/* Bloc d'information dans la boutique en ligne et espace client achat accessoires */
div.infovente { background-color: #DDD; margin: 9px; padding: 5px; }
div.infovente p, div.infovente p strong, div.infovente h4, div.infovente h3 { color: black; }
div.infovente h3 { text-align: center; margin: 0 0 15px; font-size: 16px; color: #607822; letter-spacing: normal; }
div.infovente h4 { text-align: left; margin: 10px 0; font-size: 14px; color: #607822; }
div.infovente.alt { background-color: white; }
div.infovente.alt p { text-align: center; font-size: 14px; }
div.infovente.alt p img { vertical-align: middle; }
img.lefted { display: block; float: left; margin: 0 5px 0 0; border: 1px solid #aaa; }
img.righted { display: block; float: right; margin: 0 0 0 5px; border: 1px solid #aaa; }
img.centered { text-align: center; }
.addthis_toolbox { font-size: 10px; margin: auto; width: 160px; text-align: center; padding-top: 10px; }
.social { margin: 0 0 0 20px; }
#carouselA p { text-align: center; padding: 10px 0; font-size: 12px; font-weight: normal; }
#carouselT p { text-align: justify; padding: 0px; font-size: 12px; font-weight: normal; }
#carouselP p { text-align: center; padding: 10px 0; font-size: 12px; font-weight: normal; }


/* ***************************************************************************** */
/* Styles spécifiques page d'accueil UK                                          */
/* ***************************************************************************** */

#uk #bd_home { height: 760px; margin-bottom: -210px; }
#uk #bd_home h1 { font-size: 26px; font-weight: normal; padding: 20px 0 0 25px; text-shadow: #fff 1px 1px 0px; color: #74ac00;}
#uk #texte_home { height: 320px; }
#uk #texte_home h3 { font-size: 12px; color: #666;}
#uk #texte_home h3 big { font-size: 18px; color: #000; }
#uk #texte_home h3:first-child { color: #74ac00; font-size: 16px;}
#uk #eone_home div.promo { margin: 0; }
#uk #eone_home div.nopromo { margin: -58px 0 0 60px; padding: 0;}
#uk #eone_home div.nopromo p { width: 229px; margin: 0; padding: 0 px; text-align: left;}

/* ***************************************************************************** */
/* Styles spécifiques page d'accueil ES                                          */
/* ***************************************************************************** */

#es #eone_home div.promo { margin: 0; }
#es #eone_home div.nopromo { margin: 20px 0 0 25px; padding: 0;}
#es .bullepaiement { background-image: url(/images/bulle_paiement_small.png);}
#es .bullepaiement > div { background-image: url(/images/bulle_paiement_small.png);}
#es .bullepaiement div div form { margin-left: 25px;}
#es #texte_home #lien_demo a {
  line-height:14px;
  background: url(../images/div_bd/fleche_verte_eone_small.png) no-repeat top left;  
}
#es #eone_home div.promo, #bd_menu div.promo { margin: 30px 0 0 10px; }