/**
*.dataArray table.comparateur tbody tr.even td, .dataArray table.comparateur tbody tr td  {padding: 2px 2px 2px 40px;}; <=== au lieu de text-align: center,  je trouve cette horreur de padding
*
*
*  
*  @author : Equipe Transverse / Fullsix
*
*  A.. LIBRARIES (reset.css et fonts.css)
*  B.. STYLES GENERAUX 
*
*  C.. CLASSES DE MISES EN PAGE 
*
*  D.. STRUCTURES
*
*  E.. BLOCS CONTENUS (content blocks)
*
*       1. mise en avant (.mea) 
*       2. lists
*
*   F.. CLASSES DE CONTENUS CUSTOMS (custom content classes)
*
*   G.. CONTENEURS DE BLOCKS 
*
*   H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS 
*												
*   I.. BLOCKS 
*
*       1. breadcrumb trail 
*       2. home 
*       3. info block 
*       4. 
*       5. filled (.blockFilled, .filled)
*
*   J.. BOUTIQUE BOL
*
*   K.. FIX CSS CLASSES (IE Corrections)
* 
**/



/* **************** A.. CSS LIBRARY ***************** */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;_font-size:97.59%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:11px;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/* **************** B.. STYLES GENERAUX (balises) ***************** */
/*p, ul, form, ol, h1, h2, h3, h4, h5, h6, .dividerT, .dividerB, hr,pre{margin:10px;}*/
strong{font-weight:bold;}
em{font-style:italic;}
a {text-decoration:none; color:#000;}
sup {line-height:normal; vertical-align:baseline; position:relative; top:-0.5em;}
/* headings - .h1-.h6 classes should only be used to maintain the semantically appropriate heading levels, *never* on a p, span, div, etc */
h1, .h1{font-size:2.3em;  font-weight:bold; text-transform: none; color:#DA0000;}
h2, .h2{font-size:1.5em; font-weight:bold; text-transform:none; color:#313131;}
h3, .h3{font-size:1.3em; font-weight:bold; text-transform:none; color:#DA0000;}
h4, .h4{font-size:1.3em; font-weight:bold; text-transform: none; color:#313131;}
h5, .h5{font-size:1.3em; font-weight:normal; text-transform: none; color:#DA0000;}
h6, .h6{font-size:1.3em; font-weight:normal;  text-transform: none; color:#313131;}
h1 a, .h1 a, h3 a, .h3 a, h5 a, .h5 a {color:#DA0000}
h2 a, .h2 a, h4 a, .h4 a, h6 a, .h6 a {color:#313131}
.weightNormal, .weightNormal *{font-weight:normal !important;}
.strong {font-weight:bold;}
.fullImg img{width:100%;}
.important { color:#DA0000 !important;}
.noir, .black{ color:#000 !important;}
.gris {color:#ccc !important;}
.grisFonce {color:#aaa !important;}
.rouge {color:#da0000 !important;}
.smallFonts{font-size:90%; *font-size:87.83%}
.bigFonts{font-size:120%; *font-size:117%}
.hidden{display:none !important;}
.nowrap{white-space:nowrap;}
.inline{display:inline !important;}
.intro { font-size:1.2em;}
.fix {zoom:1}
.nobg {background:none !important}
.template {display:none;}
/* **************** C.. CLASSES DE MISES EN PAGE ***************** */
/* alignment */
.txtL{text-align:left !important;} 
.txtC{text-align:center !important;} 
.txtR{text-align:right !important;} 
.txtT{vertical-align:top !important;} 
.txtM{vertical-align:middle !important;} 
.txtB{vertical-align:bottom !important;} 

td.txtL,.txtL td,th.txtL,.txtL th{text-align:left;} 
td.txtC,.txtC td,th.txtC,.txtC th{text-align:center;} 
td.txtR,.txtR td,th.txtR,.txtR th{text-align:right;} 
td.txtT,.txtT td,th.txtT,.txtT th{vertical-align:top;} 
td.txtM,.txtM td,th.txtM,.txtM th{vertical-align:middle;} 
td.txtB,.txtB td,th.txtB,.txtB th{vertical-align:bottom;} 

.txtBase {vertical-align:baseline !important;} 
.floatL {float:left} 
.floatR {float:right} 
.center {margin-left:auto !important; margin-right:auto !important;} 
.clear{clear:both;}
/* context : applique le contexte de formatage (cf la doc fournie lot1 pour plus d'informations */
.context { overflow:hidden;_overflow:visible;zoom:1;}
.bold {font-weight:bold;}
/* ====== margins et paddings ====== */
/* ----- block padding ----- */
.Vspace{margin-top: 10px; margin-bottom:10px;}
.Tspace{margin-top: 10px;}
.Bspace{margin-bottom:10px;}
/* ----- content padding ----- */
.pdgStandard{padding:4px 8px}
/* padding */
.padding0{padding:0 !important}
.tPadding0{padding-top:0 !important}
.rPadding0{padding-right:0 !important}
.bPadding0{padding-bottom:0 !important}
.lPadding0{padding-left:0 !important}
.hPadding0{padding-left:0 !important;padding-right:0 !important}
.vPadding0{padding-top:0 !important;padding-bottom:0 !important}
.paddingSm{padding:5px !important}
.tPaddingSm{padding-top:5px !important}
.rPaddingSm{padding-right:5px !important}
.bPaddingSm{padding-bottom:5px !important}
.lPaddingSm{padding-left:5px !important}
.hPaddingSm{padding-left:5px !important;padding-right:5px !important}
.vPaddingSm{padding-top:5px !important;padding-bottom:5px !important}
.padding{padding:10px !important} /* FIX THESE !!! */
.tPadding{padding-top:10px !important}
.rPadding{padding-right:10px !important}
.bPadding{padding-bottom:10px !important}
.lPadding{padding-left:10px !important}
.hPadding{padding-left:10px !important;padding-right:10px !important}
.vPadding{padding-top:10px !important;padding-bottom:10px !important}
.paddingLg{padding:20px !important}
.tPaddingLg{padding-top:20px !important}
.rPaddingLg{padding-right:20px !important}
.bPaddingLg{padding-bottom:20px !important}
.lPaddingLg{padding-left:20px !important}
.hPaddingLg{padding-left:20px !important;padding-right:20px !important}
.vPaddingLg{padding-top:20px !important;padding-bottom:20px !important}
.lPaddingxLg{padding-left:40px !important}
.hPaddingxLg{padding-left:40px !important;padding-right:40px !important}
.vPaddingxLg{padding-top:40px !important;padding-bottom:40px !important}
.tPaddingxLg{padding-top:40px !important}
.rPaddingxLg{padding-right:40px !important}
.bPaddingxLg{padding-bottom:40px !important}
.lPaddingxxLg{padding-left:60px !important}
.hPaddingxxLg{padding-left:60px !important;padding-right:60px !important}
.vPaddingxxLg{padding-top:60px !important;padding-bottom:60px !important}
.tPaddingxxLg{padding-top:60px !important}
.rPaddingxxLg{padding-right:60px !important}
.bPaddingxxLg{padding-bottom:60px !important}
.lPaddingxxLg{padding-left:60px !important}
/* margin */
.margin0{margin:0 !important}
.tMargin0{margin-top:0 !important}
.rMargin0{margin-right:0 !important}
.bMargin0{margin-bottom:0 !important}
.lMargin0{margin-left:0 !important}
.hMargin0{margin-left:0 !important;margin-right:0 !important}
.vMargin0{margin-top:0 !important;margin-bottom:0 !important}
.marginSm{margin:5px !important}
.tMarginSm{margin-top:5px !important}
.rMarginSm{margin-right:5px !important}
.bMarginSm{margin-bottom:5px !important}
.lMarginSm{margin-left:5px !important}
.hMarginSm{margin-left:5px !important;margin-right:5px !important}
.vMarginSm{margin-top:5px !important;margin-bottom:5px !important}
.margin{margin:10px !important}
.tMargin{margin-top:10px !important}
.rMargin{margin-right:10px !important}
.bMargin{margin-bottom:10px !important}
.lMargin{margin-left:10px !important}
.hMargin{margin-left:10px !important;margin-right:10px !important}
.vMargin{margin-top:10px !important;margin-bottom:10px !important}
.marginLg{margin:20px !important}
.tMarginLg{margin-top:20px !important}
.rMarginLg{margin-right:20px !important}
.bMarginLg{margin-bottom:20px !important}
.lMarginLg{margin-left:20px !important}
.hMarginLg{margin-left:20px !important;margin-right:20px !important}
.vMarginLg{margin-top:20px !important;margin-bottom:20px !important}
.tMarginxLg{margin-top:40px !important}
.rMarginxLg{margin-right:40px !important}
.bMarginxLg{margin-bottom:40px !important}
.lMarginxLg{margin-left:40px !important}
.hMarginxLg{margin-left:40px !important;margin-right:40px !important}
.vMarginxLg{margin-top:40px !important;margin-bottom:40px !important}
.veryverysmalltext{font-size:10px;}
.greaterText{font-size:110%}
.separator{border-top:1px solid #C8C8CA; margin:5px; font-size:1% }
.separatorarrow{background:url(skin/separateur_arrow.png) no-repeat center bottom; min-height:17px; _height:17px; font-size:1%}
.no-margin{margin-right:0 !important; margin-left:0 !important; }

.noRbord {border-right:0 !important;}
.noLbord {border-left:0 !important;}
.noBbord {border-bottom:0 !important;}
.noTbord {border-top:0 !important;}

.error_sm{color: #DA0000;background:#D2AFBF url('/elements/css/skin/error_sm.gif') no-repeat 5px 5px; padding: 7px 5px 7px 30px;min-height: 15px; _height: 15px;}

/* **************** D.. STRUCTURES ***************** */
body{text-align:center;}
#page{margin:5px auto 10px auto; position:relative; text-align:left; font-size:90%; min-width:970px; width:83.14em; *width:80.8047em; font-family: Trebuchet ms, Arial, Verdana, sans-serif; color:black; text-align:left;}
#pageBol{margin:5px auto 10px auto; position:relative; text-align:left; font-size:90%; min-width:770px; width:770px; *width:750px; font-family: Trebuchet ms, Arial, Verdana, sans-serif; color:black; text-align:left;}



/* ===== Header + Menu : page en 800x600 reduire la taille des onglets du haut ======*/
#pageBol #menu ul {min-height:64px; _height:64px}
#pageBol #menu ul li {margin-left:10px;}
#pageBol #menu ul li.current span a {height:26px;}
#pageBol #menu ul li span, #pageBol #menu ul li span a {background-image:url(skin/header/tabs_background_small.png)}
#pageBol #menu ul li span a {font-size:15px; width:7.5em; min-width:110px; padding-top:7px; height:23px;}
#pageBol #menu ul li.first  {margin-left:160px;}
#pageBol #menu ul li li.first,#pageBol #menu ul li ul li {margin-left:0}
#pageBol #menu ul li ul {min-height:0; _height:auto;}

/* ============================ Default Nav Header ================================ */
/*#headerInside, #headerTop {background:url(skin/header/header_background.png) no-repeat left top}
#headerInside {position:relative;zoom:1;z-index:99;}
#headerTop {background-position:right top; display:table; zoom:1; _overflow:visible; min-height:114px; height:9.77em; _height:9.70em; width:100%;}
#header h1 {margin-left:15px; margin-top:15px; width:174px; overflow:hidden; _overflow:visible; zoom:1; position:relative; z-index:10}
#header h1 a {display:block; width:174px; height:55px; overflow:hidden; text-indent:-5000px; background:url(skin/header/logo_sfr.png) no-repeat left top;}
#header {position:relative; z-index:300}*/
#headerInside, #headerTop {background:url(skin/header/header_background.png) no-repeat left top}
#headerInside {position:relative;zoom:1;z-index:99;}
#headerTop {background-position:right top; display:table; zoom:1; _overflow:visible; min-height:120px; height:9.77em; _height:9.70em; width:100%;}
#header h1 {margin-left:15px; margin-top:15px; width:201px; overflow:hidden; _overflow:visible; zoom:1; position:relative; z-index:10}
#header h1 a {display:block; width:201px; height:55px; overflow:hidden; text-indent:-5000px; background:url(/elements/css/skin/header/logo_sfr.png) no-repeat left top;}
#header {position:relative; z-index:300}


/* menu */
.IS_IE #menu li li {behavior:expression(addHover(this, null, 'ul'))}
#menu, #menu * {margin:0; padding:0; list-style:none;}
#menu, #menu ul {background: url(skin/header/menu_background.png) no-repeat right bottom;}
#menu {position:absolute; bottom:0; width:100%;}
.IS_IE #menu {_bottom:expression(cssBottom(this))}
#menu ul {min-height:72px;_height:72px; background-position:left bottom; margin-right:12px; position:relative;}
/* niveau 1 */
#menu ul li {float:left; z-index:200; margin-left:18px; *display:inline;}
#menu ul li.first {margin-left:200px;}
#menu ul li span, #menu ul li span a {background:url(skin/header/tabs_background.png) no-repeat left top;}
#menu ul li span {padding-left:13px; display:block;}
#menu ul li span a {background-position:right top; min-width:135px; width:8.4375em; _width:8.2341em; padding-right:15px; text-align:center; padding-top:10px; font-weight:normal; }
#menu ul li a {display:block; _width:1%; _white-space:nowrap; height:31px; background-position:right top; font-size:16px; letter-spacing:-1px; padding-right:15px;}
#menu ul li.current span {background-position: left -50px;}
#menu ul li.current span a {background-position: right -50px; color:#fff;}
/* niveau 2 */
#menu ul li ul {display:none; height:auto; min-height:0; zoom:1; background:none; position:absolute; bottom:0; left:0; right:0; width:970px; margin:0;}
#menu ul li.current ul{display:block;}
#menu ul li li {margin-left:0; position:relative; *display:inline; }
#menu ul li li.first {margin-left:3px; padding:0;}
#menu ul li li.first a {padding-left:10px;}
#menu ul li li a {padding:10px 9px 5px 10px; height:18px; font-family:Arial; letter-spacing:0; font-size:11px; font-weight:normal; color:#fff;}
#menu ul li li.currentfirst, #menu ul li li.currentfirst a, #menu ul li li.current, #menu ul li li.current a, #menu ul li li a {background:url(skin/header/menu_item_current.png) no-repeat right top;}
#menu ul li li.currentfirst {background-position: left top;}
#menu ul li li.current {background-position: -50px top;}
#menu ul li li a {background-position: right top;zoom:1}
#menu ul li li.lastnav a { background-position:-5000px -5000px; }
#menu ul li li.rightnav {position:static;}
/* niveau 3 */
#menu ul li ul li div {display:none; position:absolute; top:100%; left:0; width:238px; padding-top:5px; z-index:300}
#menu ul li ul li.rightnav div {right:0; left:auto;}
#menu ul li ul li div, #menu ul li ul li div  ul {background:url(skin/header/menu_sousnav_bkg.png) no-repeat left top; }
#menu ul li ul li:hover div, #menu ul li ul li.hover div  {display:block}
#menu ul li ul li div ul  {position:static; padding:0 2px 0 1px; margin:0; background-position: left bottom; width:auto}
#menu ul li ul li ul li {float:none; padding:0; margin:0; display:block; margin-bottom:-1px; position:relative; zoom:1}
#menu ul li ul li ul li:hover, #menu ul li ul li ul li.hover {z-index:1000;}
#menu ul li li li a,#menu ul li.current li li a, #menu ul li.currentfirst li li a {width:auto; margin:0; white-space:normal; color:#000; background:none; border-top:1px solid #fff; height:auto; padding-top:6px; padding-bottom:5px;}
#menu ul li.current li li.current a, #menu ul li.currentfirst li li.current a{color:#fff;}
#menu ul li ul li ul li:hover a, #menu ul li ul li ul li.hover a  {background:#930002 url(skin/header/menu_sousnav_item_hover.gif) repeat-x left bottom; color:#fff; border-top-color:#DB3234}
#menu ul li ul li ul li.first {padding:0; margin-top:0; margin-left:0;}
#menu ul li ul li ul li.first a {border:0;}
#menu .panier {background:transparent  url(skin/panier.png) no-repeat left 0px;   display:block; padding:2px 0 1px 25px; margin-top:-2px; font-weight:normal}



/*#menu ul li ul li:hover ul {display:block;}*/

/* ---- breadcrumb trail ---- */
#headerBottom {overflow:hidden; _overflow:visible; zoom:1; margin:0 3px;}

.breadcrumb, .breadcrumb ul {background:#E4E4E4 url(skin/header/cheminfer_fond.png) no-repeat right top}
.breadcrumb * {margin:0; padding:0; list-style:none;}
.breadcrumb {overflow:hidden; _overflow:visible; zoom:1; margin-top:6px;}
.breadcrumb ul {background-position:left top; zoom:1; padding:4px 0 4px 10px; min-height:15px; _height:15px; vertical-align:middle;}
.breadcrumb {padding-right:10px;}
.breadcrumb li{display:inline; color:#000}
.breadcrumb li.current{font-weight:bold;}
.breadcrumb a:link{text-decoration: none; color:#414141}
.breadcrumb a:visited{text-decoration:none;}
.breadcrumb a:focus, .breadcrumb a:hover, .breadcrumb a:active{text-decoration:underline;}
#header .buttons {position:absolute; right:15px; top:15px; margin:0; padding:0;}
#header .buttons li, #header .buttons li a {background:url(skin/btnRed.png) no-repeat left top;}
#header .buttons li {float:left; margin:0; padding:0 0 0 5px; }
#header .buttons li a {display:block; _width:1%; _white-space:nowrap; padding: 5px 10px 4px 4px; min-height:20px; _height:20px; background-position:right top; font-size:120%; color:#fff;}

#header .recherche, #header .recherche fieldset {float:right; margin:0; padding:0; border:0}
#header .recherche {background:url(skin/header/recherche_background.png) no-repeat left top; width:249px; height:27px; padding-top:6px;}
.uneCol #header .recherche {background-image:url(skin/header/recherche_background_nocol.png);}
#header .recherche fieldset {float:none;}
#header .recherche input.text {border:1px solid #C3C3C3; border-color:#7C7C7C #C3C3C3 #DDDDDD #C3C3C3; margin-left:20px;}
#header .recherche button {border:0; background:none; margin-left:5px; padding:0; vertical-align:middle;}
#header .recherche button span {display:block; overflow:hidden; text-indent:-5000px; width:29px; height:10px; background:url(skin/header/recherche_btn_ok.png) no-repeat left top; cursor:pointer;}


/* modifs onglets haut nav */
#menu ul li span, #menu ul li span a {background-image:url(skin/header/tabs_background2.png);}
#menu ul li span a {padding-top:14px;font-size:14px;}
#header .buttons li, #header .buttons li a {background-image:url(skin/btnRed2.png);}
#header .buttons li a {padding-top:6px;font-size:14px;}
/* fin modif */

/* ============================ /Default Nav Header ================================ */

/* ============================ Default Nav	 Footer ================================ */
/* ---- Footer --- */
#footer{background:url(skin/footer/footer.png) repeat-x left bottom; border:1px solid #C3C3C3; color:#484848; padding:3px 0 3px 5px; margin:0 3px; zoom:1; overflow:hidden; _overflow:visible}
#footer li{ background:url(skin/footer/footer_separator.png) right no-repeat;display:inline; font-size:10px; font-weight:600; margin-right:5px; padding-right:5px;} 
#footer .left{float:left; white-space:nowrap }
#footer .right{float:right; white-space:nowrap}
#footer li.last{ background-image:none;}

.subfooter{color:#D1D1D1}
.subfooter a{color:#D1D1D1}
.subfooter a:hover{text-decoration:underline;}



/* ============================ /Default Nav Footer ================================ */

/* ==================== /ELEMENTS TEMPLATE ==================== */
#main{overflow:hidden; _overflow:visible; zoom:1; padding:0 10px;}
#body{margin:0 3px; zoom:1; overflow:hidden; _overflow:hidden;}
#rightColumn{float:right; width:241px; padding-bottom:2px; background:#DDD; margin-left:10px; _margin-left:7px;}
#mainInside{padding-bottom:10px; min-height:40px; _height:40px;} 

/* ===================== CHOIX TEMPLATE ==================== */
.uneCol #leftColumn, .uneCol #rightColumn {display:none;}

/* sans chemin de fer */
.nobreadcrumb .breadcrumb {display:none;}
.nobreadcrumb #body {margin-top:-25px;}
.nobreadcrumb #main {padding-left:0; padding-right:0}
.nobreadcrumb #rightColumn {margin-top:25px;}

/* popup */
#page.popup {width:auto; min-width:300px;margin:0;}

/* boutique temporaire (template avec iframe) */
#page.boutique {width:970px; min-width:0;}
#page.boutique #headerBottom, #page.boutique #footer {display:none}
#page.boutique iframe.boutique {height:1000px; width:100%; border:0;}
#page.boutique #main, #page.boutique #mainInside {padding:0; margin:0}

.zoneChoixPaiement .groupCheckLeft {background-color:#CCCCCC;zoom:1; padding-left:15px;}
.zoneChoixPaiement .groupCheckLeft input{margin-right:5px !important;}


/* page home */

#page.home .mediaSplit img, #page.home .mediaSplit object, #page.home .mediaSplit embed {width:100%; display:block;}
#page.home #rightColumn {margin-left:15px; _margin-left:12px;}
#page.home .size1on2 {width:49.3% !important}
#page.home .size1on3 {width:32.4% !important}
#page.home .lastunit {_float:left; width:auto !important}


/* **************** E.. BLOCS CONTENUS ***************** 
/* ===== MEA (image left content right) ===== */
/* ---- Mise en avant with no wrap ----- */
.mea, .meaRight{margin:10px;}
.mea, .mea .text, .meaRight .text, .meaRight {overflow:hidden; _overflow:visible; zoom:1;}
.mea .media {float:left; margin-right:10px; _margin-right:7px;}
.meaRight .media{float:right; margin-left:10px; _margin-left:7px;}
.mea .h2, .meaRight .h2{font-size:137%; font-weight:bold; color:#000;}
.intro {font-size:130%;  text-transform: none; color:#313131; font-weight:normal}

/* ---- Mise en avant ----- */

/* --------- */

/* ---- Flash Carte Bloc Recherche---- */
#carte{display:block;}

/* ====== Header Sp�cifique =====*/
/* ---- Puce Header ---- */
.puce{padding-left:35px; min-height:30px; _height:30px; padding-top:5px; background-position: left top; background-repeat: no-repeat;}
.puceDialogue, .puceQuestion, p.pucePdf{padding-left:40px; min-height:30px; _height:30px; padding-top:5px;}
.puceDialogue{background:url(skin/puce/dialogue.png) no-repeat left top;}
.puceQuestion{background:url(skin/puce/question.png) no-repeat left top;}
.puceWorld{background:url(skin/puce/world.png) no-repeat left 5px; padding-left:35px; min-height:30px; _height:30px; padding-top:5px;}
.pucePdf {background:url(skin/puce/pucePdf.png) no-repeat left top; font-weight:bold; display:block; min-height:30px; _height:30px; line-height:35px; padding-left:40px; } 
.puceInfo {background:url(skin/puce/information.png) no-repeat left 6px; font-weight:bold; font-size:1.3em; color:#DA0000; display:block; min-height:30px; _height:30px; line-height:35px; padding-left:25px; } 
.puceWarning {background:url(skin/puce/puceWarning.png) no-repeat left 6px; font-weight:bold; font-size:1em; color:#000000; display:block; min-height:30px; _height:30px; line-height:35px; padding-left:25px; } 

/*h4.puceTruck{background:url(skin/truckLi.png) no-repeat left top; padding-left:35px; min-height:30px; _height:30px; padding-top:10px;}*/



/* ====== List � puces =====*/ 

/* ---- arrow ---- */ 
ul.arrow li{background:url(skin/puce/list_arrow.png) no-repeat 0 3px; padding-left:13px; padding-bottom:5px; zoom:1;}
ul.arrow li.select{background-position:0 6px; padding-bottom:3px; }
ul.arrow li a{color:#414141; text-decoration:none; font-weight:bold;}
a.arrow {background:url(skin/puce/list_arrow.png) no-repeat 0 3px; padding-left:13px; zoom:1;}
/* --- menu d�roulant ---*/
span.select { display:block; }
span.select select { font-size:110%; width:100%}
span.select select option{padding-left:2px;}	
/* --- square --- */
ul.square li {background:url(skin/puce/list_square.png) no-repeat 0 6px ;padding-left:12px;}
ul.square h3.black{ color:#000; }
dl.square dt {background:url(skin/puce/list_square.png) no-repeat 0 6px ;padding-left:12px; font-size:100%; font-weight:bold; text-transform: none; color:#313131;}
dl.square dd {padding-left:12px;}

/* --- square formulaire --- */
ul.squareForm li {background:url(skin/puce/list_square.png) no-repeat 0 6px ;padding-left:12px; margin-bottom: 5px }

/* --- block + --- */
.ou li, .ou dd {background:url(skin/puce/borderOu.png) no-repeat center bottom; padding:5px 5px 20px; overflow:hidden;_overflow:visible; zoom:1}
.ou dt {background-color: #F4F4F4; font-weight:bold; padding:5px; text-align:center;font-weight:bold; }
.ou a.arrow{ padding-left: 13px; margin-left:30px; zoom:1;vertical-align:middle;}
.ou li img, .ou dd img {vertical-align:middle; margin-left:20px;}
.ou li.last, .ou dd.last{background-image:none;}
/* ---Contenu plus--- */
.plus dd, .plus li{background:url(skin/puce/borderPlus.png) no-repeat center bottom; padding:5px 5px 20px; overflow:hidden;_overflow:visible; zoom:1; vertical-align:middle;}
.plus dt {background-color: #F4F4F4; font-weight:bold; padding:5px; text-align:center;font-weight:bold; }
.plus span{font-weight:normal}
.plus dd.last, .plus li.last {background-image:none; padding-bottom: 10px ;  }

/* --- Ancres --- */
ul.ancres li{ border-bottom:1px solid #E9E9E9; margin-left:15px;}
ul.ancres li a{ margin-left:-15px; padding-left:15px; background:url(skin/puce/list_ancre.png) no-repeat left 5px; display:-moz-inline-box; display:inline-block; color:#494C59;}
ul.ancresHaut li{ border-bottom:1px solid #E9E9E9; margin-right:15px; text-align:right;}
ul.ancresHaut li a{margin-right:-15px; padding-right:15px; background:url(skin/puce/list_ancrehaut.png) no-repeat right 5px; display:-moz-inline-box; display:inline-block; color:#494C59; text-align:right;}

/* --- Ancre d�roulant cliquable--- */
select.links, select.links option {cursor:pointer;}

/* --- Tirets --- */
ul.fillet li {background:url(skin/puce/list_tiret.png) no-repeat 0 7px;padding-left:8px;}


/* -- inlineProds (produits en ligne) -- */
table.prods {border:0; margin:0; padding:0; border-collapse:collapse}
table.prods td {padding:0 10px;}	

.listpoint {overflow:hidden;_overflow:hidden;zoom:1;}
dl.Bmarg dt, dl.Bmarg dd  {margin-bottom:5px;}
.listpoint dt{float:left;}
.listpoint dt{clear:left; width:50%; background:url(skin/blocks/puce_espace.gif) repeat-x left bottom;}
.listpoint span{padding-left:13px; background: #FFF url(skin/puce/list_square.png) no-repeat 0 7px;}

/* --- listes */
.list2cols, .list3cols { overflow:hidden; zoom: 1; _overflow: visible; }
.list1cols li.item,.list2cols li.item, .list3cols li.item {float: left; border-bottom: 1px solid #E5E5E5;}
.list1cols li .listCtn, .list2cols li .listCtn, .list3cols li .listCtn{padding:5px 10px 10px 10px;zoom:1; overflow:hidden; _overflow:visible;}
.list1cols  {overflow:visible;}
.list1cols  li.item{overflow:visible;}
/* --- liste 1 colones --- */
.list1cols li.item { float: none !important; }
/* --- liste 2 colones --- */
.list2cols{background:url(skin/blocks/lst2col_separator.png) repeat-y center top ;}
.list2cols li.item {width:50%; *width:49.99%;}
/* --- liste 3 colones --- */
.list3cols li.item {width:33.2%; *width:33.1%; border-right:1px solid #E5E5E5;}

.list2cols li.noright, .list3cols li.noright{border-right:none;}
.list1cols li.nobottom, .list2cols li.nobottom, .list3cols li.nobottom{border-bottom:none;}
.list1cols li.last, .list2cols li.last, .list3cols li.last { border:none;}

/*correction pb avec bloc mea dans un list2/3cols */
.list2cols li.item div.listCtn div.mea {margin:0;}

/* ---- checked ---- */
ul.checked li{background:url(skin/checked.png) no-repeat 0 3px; padding:0 0 5px 20px; font-size:95%; font-weight:bold;}
ul.checked li strong{font-size:129%; text-transform:uppercase;}
/* ====== Item paragraphe =====*/

/* ---- Bloc Paragraphe ---- */
.pB{font-size:108%; font-weight:bold; text-transform: none; color:#313131;}

/* ====== Boutons =====*/
/* ---- Gris ---- */
.btn {text-align:left;  overflow:hidden;  _overflow:visible;}
.btn, .btn strong, button.btn span {background:url(skin/btnGrey.png) no-repeat left top; vertical-align:middle;_overflow:visible;}
.btn, button.btn span {display:-moz-inline-box; display:inline-block; padding-left:9px;}
.btn strong{display:block; height:38px;  color:#FFF; background-position:right top; line-height:34px; _width:1%; white-space:nowrap; padding-right:10px;  cursor:pointer; font-weight:normal}
.btn span {vertical-align:middle;}
.btn img {margin-top:4px; //margin-top:0px; _margin-top:4px; vertical-align:-8px;}
button.btn {border:0; margin:0; padding:0; padding-right:1px; display:inline; overflow:hidden; //overflow:visible; background:none; cursor:pointer}
button.btn span {overflow:visible; display:block; _width:1%; /*haslayout correcting bug*/}
button.btn span span {background:none; padding:0; width:auto; line-height:normal;}
body:last-child:not(:root:root) button.btn {display:inline-block;}
 
/* --- bouton sur 2 lignes --- */
.btn2lines img {float:left; margin-right:1ex; //margin-top:4px;}
.btn2lines strong{_width:auto; _display:inline-block; }
.btn2lines span {display:block; padding-top:4px; _padding-top:3px; //padding-top:1px; min-height:33px; _height:33px; //line-height:1.25em; _width:1%; white-space:nowrap; }

/* Bouton small : c'est une declinaison de BTN, donc utiliser avec d'abord la classe btn : class="btn btnSmall" */
.btnSmall, .btnSmall strong, button.btnSmall span {background-image:url(skin/btnSmall.png);}
.btnSmall, button.btnSmall span {padding-left:15px;}
.btnSmall strong{height:30px;  line-height:26px; _width:1%; white-space:nowrap; padding-right:15px; }
.btnSmall img {margin-top:0px; //margin-top:0px; _margin-top:4px; vertical-align:-3px;}

.btnGreySmall, .btnGreySmall strong, button.btnGreySmall span {background-image:url(skin/btnGreySmall.png); zoom:1;}
.btnGreySmall, button.btnGreySmall span {padding-left:15px ;}
.btnGreySmall strong{height:30px;line-height:26px;padding-right:18px;}

.btnFull, .btnFull strong {width:auto; display:block}


/* -- declinaisons boutons dans conteneurs -- */
.odd .btn, .odd .btn strong{background-image:url(skin/btnGrey_clair.png);}
.even .btn, .even .btn strong{background-image:url(skin/btnGrey_fonce.png);}

/* --- Ok Newsletter--- */
.okBtn {background: url(../img/pictos/newsletterOk.png) no-repeat center;}
.okBtn input{opacity:0; filter:alpha (opacity=0); width:37px; cursor:pointer; }  	
	
/* ====== Blockote ====== */
.blockquote {background:#F4F4F4 url(skin/contenus/quoteLeft.png) no-repeat 10px 10px; padding-left:35px; padding-top:10px; font-size:129%; padding:10px 15px 10px 35px; color:#414141; padding-bottom:10px; line-height:2em;}
.blockquote *{line-height:1.5em;}
.blockquote address{display:inline; font-weight:bold;}
.blockquote b{background:#F4F4F4 url(skin/contenus/quoteRight.png) no-repeat left top; display:-moz-inline-box; display:inline-block; font-size:1%; width:21px; height:14px; vertical-align:top; margin-left:5px; margin-right:5px;}

/* ====== scrollH ==== */
.scrollH {overflow:hidden; margin:5px 0;}
.scrollH  .scrollLeft, .scrollH .scrollRight {width:28px; height:40px;  margin-top:10px; background:url(skin/contenus/scrollBtn.png) no-repeat left top; cursor:pointer; visibility:hidden;}
.scrollH  .scrollLeft {float:left; margin-right:10px; _margin-right:7px;}
.scrollH  .scrollRight {float:right; background-position:right top; margin-left:10px; _margin-left:7px}
.scrollH  .scrollMain {zoom:1; overflow:hidden; _overflow:visible}
.scrollH  .scrollIsd {width:100%; overflow:hidden;}
.scrollH  table h4 {margin-bottom:5px;}

/* **************** Formulaires ***************** */
/* ====== login ====== */
.login {overflow:hidden; _overflow:visible; zoom:1}
.login input{width:35%; float:left;margin-right:2%;}
.login .password{font-weight:bold; }
.login button{float:left; border:0; background:url(skin/puce/list_arrow.png) no-repeat left center; padding:0 10px 0 10px; width:20%; cursor:pointer; vertical-align:middle; font-weight:bold; text-align:left;}

/* ====== include newsletter ====== */
.incNewsLetter  {overflow:hidden; _overflow:visible; zoom:1}
.incNewsLetter input.text {width:35%; float:left; margin-right:2%;}
.incNewsLetter button {float:left; border:0; background:url(skin/puce/list_arrow.png) no-repeat left center; width:20%; text-align:left; padding-left:11px; cursor:pointer; vertical-align:middle; font-weight:bold; text-align:left;}
.incNewsLetter .errormsg {margin:0; clear:both}


/* object */
.object  {display:block}
.object img {vertical-align:top; display:top;}

/* ======resultat de recherche ====== */
p.tri a.current{color: #8D8D8E;}
p.tri a.rouge,  a.rouge {text-decoration:underline;}
.result {font-size:95% !important; line-height:1.9em; }

.linkList dt {font-size:1.2em; font-weight:bold;}
.linkList dd {font-weight:bold; font-size:1.2em; }
.linkList dd {font-weight:bold; font-size:1.2em; }
.googleResult dt{font-size: 1.1em; font-weight:bold;}
.googleResult dd.url{font-size:1em; color:#bcb9b9; }

/***** 
* form elements
*****/
input.text, select, textarea, span.text {border:1px solid #ccc;}
.fline .inlineFields select {//font-size:95.59%;}
span.text input.text, span.text input, span.text textarea {margin:0; padding:0; border:0;}
.fline {display:table; width:100%; _width:auto; _overflow:visible; zoom:1; margin-bottom:5px;}
.fline label {float:left; font-weight:bold; margin-top:2px; margin-right:3px; _margin-right:0}
.fline span, .fline .group {display:block; overflow:hidden; _overflow:visible; zoom:1;}
.fline span.text input, .fline span.text input.text,  .fline span.text textarea, .fline .group span.text input, .fline .group select, .fline .group textarea,  .fline span select, .fline span input.file {width:100%;}
.multifields label {width:auto !important}
.multilines label {float:none !important; display:block; width:auto !important}
.groupCheckLeft .check {float:left; margin-top:2px; //margin-top:-3px; margin-right:3px; _margin-right:0;}
.groupCheckLeft label {float:none; overflow:hidden; _overflow:visible; zoom:1; display:block; width:auto !important; margin-right:0 !important}
.inlineFields label, .inlineFields input, .inlineFields select, .inlineFields textarea {float:none; width:auto !important; display:inline; vertical-align:middle}
.inlineFields label {margin-right:5px; margin-left:3px;}
.label10 label {width:10% } .label20 label {width:20%} .label30 label {width:30%} .label33 label {width:33%} .label40 label {width:40%} .label50 label {width:50%} 
.label60 label {width:60%} .label70 label {width:70%} .label80 label {width:80%} .label90 label {width:90%}
.input10 {width:10% !important} .input20 {width:20% !important} .input30 {width:30% !important} .input40 {width:40% !important} .input50 {width:50% !important} 
.input60 {width:60% !important} .input70 {width:70% !important} .input80 {width:80% !important} .input90 {width:90% !important}
.input10, .input20, .input30, .input40, .input50, .input60, .input70, .input80, .input90{ float:none!important;} 
.errormsg {color:#DA0000; display:block; margin-top:-5px; margin-bottom:5px;}
.formTipLine span{float:left !important;}
.formTip {float:left; margin-top:2px; margin-left: 3px}
.formTip20 {width:29% !important} .formTip30 {width:28% !important}
textarea.noScroll {overflow:hidden;}
input.submit {background: url(skin/btn-submit.png) no-repeat left top; text-transform:uppercase; border:0 !important; cursor:pointer;  width:22px; height:15px; //padding-left:1px; padding-right:1px; *margin-right:2px; //margin-right:1px;font-size:98%;font-weight:bold;}


/* **************** Line Addition ***************** */
.addition{position:relative;}
.addition b.addplus{ background:url(skin/plus.png) no-repeat; z-index:200; position:absolute; width:34px; height:34px; left:50%; top:0; margin-left:-17px;}
.addition .lastunit {_float:none}
/* **************** Table ***************** */
.dataArray{position:relative; zoom:1;}
.dataArray table {width:100%}
.dataArray thead.hd tr th{padding-top:5px; padding-bottom:5px;}
.dataArray thead.bol tr th{background-color:#414141; border: 1px solid #ffffff; color:#ffffff; }

.dataArray thead.hd , .dataArray  tr.even th.hd, .dataArray tr.odd th.hd{background-color:#CCC5C5; border-width:1pt; color:white; font-weight:bold; padding:5px;}
.dataArray thead.hd tr th.empty{border:none; background-color:#fff;}
.dataArray th,.dataArray td{border:1px solid #fff}
.dataArray thead tr.odd, .dataArray thead tr .odd{background-color:#EDEDED}
.dataArray tbody tr.even, .dataArray tbody tr .even{background-color:#DDDDDD}
.dataArray tbody tr.odd{background-color:#EDEDED}
.dataArray tbody tr.even td.whitetitle {color:#FFF !important;}
.dataArray .bSep td, .dataArray .bSep th {border-bottom:1px solid #ddd}
.dataArray .tlCorner, .dataArray .trCorner, .dataArray .blCorner, .dataArray .brCorner {background-image:url(skin/blocks/dataArray_corners.png); background-repeat:no-repeat; position:static !important;}
.dataArray .tlCorner {background-position:left top}
.dataArray .trCorner {background-position:right top}
.dataArray .blCorner {background-position:left bottom}
.dataArray .brCorner {background-position:right bottom}
.dataArray tr.last td, .dataArray tr.last th{border-bottom:0;}
.dataArray tr.even a {color:#DA0000}
.dataArray td, .dataArray th {padding:5px;}
.blackLinks tr a, .blackLinks tr.even a {color:#000; }

/* --  dataArray Classement arrow -- */
.dataArray th a.selectedArrow  {background:url(skin/arrow_downOn.png) no-repeat right center; height:7px;}
.dataArray th a.noneselectedArrow  {background:url(skin/arrow_downOff.png) no-repeat right center; height:7px;}
.dataArray tr.clickable {cursor:pointer;}



/* -- paddings dataArray -- */
.smallDesc{ font-style:normal; font-weight:normal; font-size:10px;}

/* -- paddings dataArray -- */
.dataArray table.paddingSm td, .dataArray table.paddingSm th {padding:5px}
.dataArray table.padding td, .dataArray table.padding th {padding:10px}
/* -- separateur dataArray -- */
.dataSeparator { background:url(skin/plus_data_array.png) no-repeat center;}
.dataSeparator .unit { margin-right:16px;}

/*** Moteur de recherche pays ***/
.minorInfos {color:#666666; font-size:11px;}

/*** pagination ***/
.pagination  {text-align:right;}
.pagination li {display:inline;}
.pagination li a{color:#000}
.pagination li.current, .pagination li.current a {color:#da0000; font-weight:bold}

/** legend **/
.legend {font-style:italic;}

/* coordonnees */
dl.coordonnees dt {font-weight:bold; margin-bottom:5px;}
dl.coordonnees dd {margin-left:10px; margin-bottom:10px;}

/**Fiche Detail Recherche **/
.ficheDetail{display:block; width:100%; _width:auto; _overflow:visible; overflow:hidden;s zoom:1; border-bottom:1px dashed #CDCDCD;}
.ficheDetail h4 p{float:left; display:block;}
.ficheDetail p.text{ float:none; display:inline;}
.ficheDetail a{float:right; margin-left:20px;}

/* -- listMenu (menu de navigation ressemblant � un menu normal)-- */
.hasJS ul.listMenu {display:none}
.listMenuCtn, .listMenuCtn li {margin:0; padding:0}
.listMenuLink, .listMenuLink strong {background:url(skin/contenus/listMenu.png) no-repeat left top; outline:none;}
.listMenuLink {zoom:1}
.listMenuLink span {display:block}
.listMenuLink span span {overflow:hidden; width:100%; white-space:nowrap}
.listMenuLink {background-color:#fff; display:block; padding-top:1px; padding-left:1px;}
.listMenuLink strong {display:block; background-position:right bottom; padding:1px 18px 1px 4px; font-size:11px; cursor:pointer;}
.listMenuArrow {background:url(skin/puce/list_arrow.png) no-repeat 0 3px; padding-left:13px; display:block;}
div.listMenu {position:absolute; z-index:9999; width:1px; background:#fff; overflow:hidden; _width:1%; font-size:12px; border:1px solid #ccc;}
div.listMenu ul {display:table; width:100%;}
div.listMenu ul, div.listMenu li {padding:0; margin:0;}
div.listMenu ul ul a {padding-left:10px;}
div.listMenu a {display:block; zoom:1; color:#000; padding:1px 3px 1px 2px; white-space:nowrap; outline:none;}
div.listMenu a:hover {background:#E5E5E5;}
div.listMenu ul li.sep {border-top:1px dashed #ccc; margin-top:7px; padding-top:7px;}

/** contentclosed **/
.contenthide .show {display:none;}
.contentshow .hide {display:none;}


/* **************** F.. CLASSES DE CONTENUS CUSTOMS (custom content classes) ***************** */
/* Menu Custom : Vide */
.headerHub #menu, .headerHub #menu ul {background: url(skin/header/menu_background_hub.png) no-repeat right bottom;}
.headerHub #menu ul {background-position:left bottom;}

/* ====== footer custom ====== */
#footerHub {background-color:#ececec;border-bottom:1px solid #E5E5E5;position:relative; height:6px; margin:0 3px}
#footerHub .bl, #footerHub .br {background-image:url(skin/blocks/simple_corners.png) ; width:7px; height:7px;bottom:-1px;}
/* Main Custom */
.mainHub{border-left:1px solid #E5E5E5;border-right:1px solid #E5E5E5;background:url(skin/hub/bg_contenu.png) repeat-x left bottom;}
.blockPerso {height:338px;background:url(skin/hub/perso.png) no-repeat center top;}
.blockBoutons {margin:-92px auto 0; width:544px;}
a.btnHub1, a.btnHub2 {float:left;display:inline-block; margin:0 auto 30px;width:262px;height:62px;overflow:hidden;text-indent:-5000px;}
a.btnHub1 {background:url(skin/hub/btnHub1.png) no-repeat center top;margin-right:10px;}
a.btnHub2 {background:url(skin/hub/btnHub2.png) no-repeat center top;margin-left:10px;}

/* **************** G.. CONTENEURS DE BLOCKS ***************** */
/* ici on d�fini les lignes qui contiennent les blocks, sachant que le dernier block d'une ligne 
porte les classes "unit sizeXonX lastunit"  */
.line, .lastunit {overflow: hidden;_overflow: visible; zoom:1;}
.unit{float:left;margin-right:10px; zoom:1;}
.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:49%;_width:49% !important;}/* verify pourcentage */
.size1on3{width:32.3%;_width:32.3% !important;}
.size2on3{width:66%;_width:66% !important;}
.size1on4{width:23.8%;_width:23.8% !important;}
.size3on4{width:74.8%;_width:74.8% !important;}
.size1on5{width:18.8%;}
.size2on5{width:39%;}
.size3on5{width:58%;}
/* ----- custom sizes ------ */
.size4on5{width:78%;}
.lastunit {float:none; _float:right; display:block;  width:auto !important; zoom:1; margin-right:0 !important;}

/* **************** H.. BLOCKS GENERIQUES : STYLES PAR DEFAUTS ***************** */
/* ====== block par defaut ====== */
.block{overflow:hidden;_overflow:visible; zoom:1; position:relative;}
.blockInside{position:relative;zoom:1;}
.body {zoom:1; overflow:hidden ; _overflow:visible;}
.head{background: #E9E9E9 url(skin/tet/fond_tet.png) repeat-x left bottom; min-height:19px; _height:19px; padding:4px 10px; color:#000000; font-size:120%;}
.headRight{background: #E9E9E9 url(skin/tet/fond_tet.png) repeat-x left bottom; min-height:23px; padding-left:30px; padding-top:4px; color:#000000; font-size:120%;}
.head span{background-image:url(skin/tet/tet_part2.gif); display: block;}
b.overtl {position:absolute; left:0; top:0;}
b.tl, b.tr, b.bl, b.br{background-repeat:no-repeat; position:absolute; height:4px; width:4px; font-size:1%; overflow:hidden; _overflow:visible;}
b.tl{background-position: left top;top:0; left:0;}
b.tr{background-position: right top;top:0; right:0}
b.bl{background-position: left bottom; bottom:0; left:0;} 
b.br{background-position: right bottom; bottom:0; right:0;}
/* foot */
.foot{overflow:hidden; _overflow:visible; zoom:1; text-align:center; padding:10px 0;}

/* ====== block simple ====== */
.blockSimple .blockInside{border:1px solid #E5E5E5;}
.blockSimple .tl, .blockSimple .tr, .blockSimple .bl, .blockSimple .br {background-image:url(skin/blocks/simple_corners.png) ; width:7px; height:7px;}
.blockSimple .tl{top:-1px; left:-1px;}
.blockSimple .tr{top:-1px; right:-1px}
.blockSimple .bl{bottom:-1px; left:-1px;}
.blockSimple .br{bottom:-1px; right:-1px;}

#rightColumn .blockSimple {margin-left:2px; margin-right:2px;}
#rightColumn .blockSimple .blockInside{border:1px solid #B4B4B4;}
#rightColumn .blockSimple .tl, #rightColumn .blockSimple .tr, #rightColumn .blockSimple .bl,#rightColumn .blockSimple .br {background-image:url(skin/blocks/block_simple_corners_right_column.gif);}


/* ====== gradientGrey Bottom ====== */
.gradientGrey .blockInside{background:url(skin/blocks/gradientGrey.png) repeat-x left bottom;}
/* ---- gradientWhite --- */
.gradientWhite .blockInside{background:url(skin/blocks/gradientWhite.png) repeat-x left bottom;}
.gradientWhite .blockInside{background:url(skin/blocks/gradientWhite.png) repeat-x left bottom;}
/* ---- GreyFooter --- */
.filledFoot {background:#DDD url(skin/blocks/footerDegrad.png) no-repeat left top; min-height:15px; _height:15px;}

/*======block filled ======*/ 
.blockFilled .blockInside{background:#F0F0F0}
.pink .blockInside {background:url(skin/blocks/gradientPink.png) repeat-x left bottom;}
.orange .blockInside{background:url(skin/blocks/gradientOrange.png) repeat-x left bottom;}
.blue .blockInside{background:url(skin/blocks/gradientLightblue.png) repeat-x left bottom;}
.blueGrey .blockInside{background:url(skin/blocks/gradientBluegrey.png) repeat-x left bottom;}
.deepblue .blockInside{background:url(skin/blocks/gradientDeepblue.png) repeat-x left bottom;}
.blueGreen .blockInside{background:url(skin/blocks/gradientBluegreen.png) repeat-x left bottom;}
.green .blockInside{background:url(skin/blocks/gradientGreen.png) repeat-x left bottom;}
/*====== block round ===== */
.blockRound .blockInside {border:0}
.blockRound .tl, .blockRound .tr, .blockRound .br, .blockRound .bl {background-image:url(skin/blocks/block_round_corners.gif); height:6px; width:6px;;}
.blockRound .tl {top:0; left:0} .blockRound .tr {top:0; right:0}
.blockRound .br {bottom:0; right:0} .blockRound .bl  {bottom:0; left:0}

/* ====== ombre speciale ====== */	
b.specialShadow{background:url(skin/blocks/ombre_special_fond.png) repeat-x; position:relative;}
b.specialShadow .lt, b.specialShadow .rt{background:url(skin/blocks/ombre_special_deux_cote.png) no-repeat left top; height:27px; width:50%;}
b.specialShadow .rt{background-position:right top; position:absolute; top: 0; right: 0;}
b.specialShadow .trame{background-image:url(skin/blocks/ombre_special_trame.png); height:27px; position:absolute; top:0; left:0; width:100%}
b.specialShadow, b.specialShadow .lt, b.specialShadow .rt, b.specialShadow .trame {display:block;}

/* **************** ONGLETS ***************** */
/* onglets par defaut */
.blockTabs .tabs {overflow:hidden; _overflow:visible; zoom:1; background:#D5D5D5 url(skin/onglet/gradientGreyStrongTop.png) repeat-x left top;  font-size:100%}
.blockTabs .tabs li{float:left; //display:inline;}
.blockTabs .tabs a{display:block; color:#424242; font-weight:bold; font-size:121%; border-right:1px solid #FFF; min-height:18px; _height:18px;padding: 4px 10px 4px; _width:1%; _white-space:nowrap; text-align:center;}
.blockTabs .tabs li.current {background:#fff url(skin/onglet/gradientGreyTop.png) repeat-x left top;}
.blockTabs .tabs li.current a{color:#DA0000;}
.blockTabs .tabs li.last {float:none; _float:left; width:auto;overflow:hidden;_overflow:visible;} /* context de formatage sur le dernier LI */
.blockTabs .tabs li.last a{_width:auto; border:0;}
.blockTabs .onglets10 a, .blockTabs .onglets9 a, .blockTabs .onglets8 a, .blockTabs .onglets7 a,
.blockTabs .onglets6 a, .blockTabs .onglets5 a, .blockTabs .onglets4 a, .blockTabs .onglets3 a, .blockTabs .onglets2 a {_width:auto !important; white-space:normal}
.blockTabs .onglets10 li{width:10%;} .blockTabs .onglets9 li{width:11.1%;} .blockTabs .onglets8 li{width:12.5%;}
.blockTabs .onglets7 li{width:14.28%;} .blockTabs  .onglets6 li{width:16.66%;} .blockTabs .onglets5 li{width:20%;}
.blockTabs .onglets4 li{width:25%;} .blockTabs .onglets3 li{width:33%;} .blockTabs .onglets2 li{width:50%;}

/* ====== Big ====== */
.blockTabs .tabsBig{overflow:hidden; _overflow:visible; zoom:1; background:#E5E5E5 url(skin/onglet/gradientGrey2.png) repeat-x left top;}
.blockTabs .tabsBig li{float:left; background:url(skin/onglet/gradientGrey2.png) repeat-x top left; //display:inline;}
.blockTabs .tabsBig a{display:block; color:#464646; font-weight:bold; font-size:121%; *font-size: 118%; border-right:1px solid #DBDBDB; min-height:35px; //min-height:35px; padding:10px 15px; text-align:left;}
.blockTabs .tabsBig li.current {background:#fff url(skin/onglet/gradientGrey2light.png) repeat-x left top;}
.blockTabs .tabsBig li.current a{ color:#464646;}
.blockTabs .tabsBig li.last {float:none; _float:left; width:auto;  }
.blockTabs .tabsBig li.last a{_width:auto; border:0;}
.blockTabs .tabsBig .onglets3 a{_width:auto; padding-right:5px;}
/* tabContent */
.hasJS .tabCtn {display:none}
.hasJS .tabCurrent{display:block !important}

/* ====== blocktabs sub ====== */
.blockTabsSub .tabsSub {overflow:hidden; _overflow:visible; zoom:1; font-size:100%; margin:3px 0;}
.blockTabsSub .tabsSub li{float:left; //display:inline; background-color:#F9F9F9}
.blockTabsSub .tabsSub a{display:block; color:#424242; font-weight:bold; font-size:100%; padding:2px 5px; min-height:10px; _height:10px; _width:1%; _white-space:nowrap; text-align:center; background:url(skin/blocks/subTabs_background.png) no-repeat right center;}
.blockTabsSub .tabsSub li.current a{color:#E3070A;}
.blockTabsSub .tabsSub li.last {float:none; _float:left; width:auto; border-right:0;}
.blockTabsSub .tabsSub li.last a {background:none;}

/*====== block solution ====== */
.blockSolution{border-bottom:1px solid #D8D8D7; border-left:1px solid #D8D8D7; background-color:#FFFFFF;} 
.blockSolution .homefadeRed {border-bottom:1px solid #D8D8D7; background-color:#FFFFFF;} 
.blockSolution .homefadeNews {border-bottom:1px solid #D8D8D7; background-color:#FFFFFF;} 
.blockSolution .blockSuround { border-bottom:1px solid #ADADAC; border-right:1px solid #D7D7D7; border-left:1px solid #D7D7D7;}	
.blockSolution .blockInside { border: 1px solid #C3C3C3; border-bottom:1px solid #888888}
.blockSolution .body{padding: 5px 8px;}
.blockSolution .head{background-image:url(skin/tet/fond_tet_solution.png); background-repeat:repeat-x; border:0; min-height:25px; _height:25px; padding:0; color:#DA0000}
.blockSolution .head .content{overflow:hidden; _overflow:visible; zoom:1; padding:2px 0 2px 4px; font-size:100%}
.blockSolution .head img{float:left;}

/* ====== block homefade ====== */
.homefade{ background:#EDEDED url(skin/blocks/fade_home.png) repeat-x bottom; border-bottom-color:#E2E2E2; border-top:1px solid #E2E2E2; border-left:1px solid#E8E8E8; border-right:0;}
.homefade .blockSuround { border-color:#fff #fff #C6C6C6 #fff; border-width:1px 0 1px 0;}	
.homefade .blockInside { border-color:#fff #E2E2E2 #aaa #E2E2E2; border-width:1px; }
.homefade .body  { padding: 0; min-height:97px; _height:97px;}

.homefadeRed .blockSuround { border-color:#fff #fff #C6C6C6 #fff; border-width:1px 0 1px 0;}	
.homefadeRed .blockInside {  border-width:1px; }
.homefadeRed .body  { padding: 0}
.homefadeRed .align  { padding:65px 0 7px 50px; border:0;}
.homefadeRed h2, .homefadeRed h2 a {font-size: 20px; color:#fff; }
.homefadeRed h2 strong{font-size: 15px; color:#fff}
.homefadeRed img {display:inline;}
.homefadeRed .errormsg {color:#DA0000; margin:0}

/* ====== block shadowsimple ====== */
.blockShadowSimple {background:#fff;}
.blockShadowSimple .body{ padding:0;}
.blockShadowSimple .tl, .blockShadowSimple .br, .blockShadowSimple .overtl{background-image:url(skin/blocks/shadow_bloc_simple_h.png); width:100%; height:11px;}
.blockShadowSimple .tr, .blockShadowSimple .bl{ background-image:url(skin/blocks/shadow_bloc_simple_v.png); width:12px; height:100%;}
.blockShadowSimple .tl{background-position:top left; z-index:100;}
.blockShadowSimple .tr{background-position:top right; z-index: 102;}
.blockShadowSimple .br{background-position:bottom right; z-index:103;}
.blockShadowSimple .bl{background-position:bottom left; z-index: 104;}
.blockShadowSimple .overtl {width:12px; background-position:left top; z-index:105;}
.IS_IE .blockShadowSimple .bl, .IS_IE .blockShadowSimple .tr{height:expression(cssHeight(this,true))}


/* ====== block toogle ====== */	
.blockToggle .blockInside{border:1px solid #ccc; background-color:#fff;}
.hasJS .blockToggle .blockInside{border:0}
.blockToggle .head, .toggleClosed .head {background:url(skin/blocks/toggle_puce.png) no-repeat 7px 2px; background-repeat:no-repeat;}
.blockToggle .head {background-color:#E5E5E5; zoom:1; padding:0 0 0 10px}
.blockToggle .head a {display:block; color:#000; min-height:21px; _height:21px; padding-left:35px; padding-top:5px; padding-bottom:4px;  position:relative; z-index:105}
.blockToggle .tl, .blockToggle .br, .blockToggle .overtl{background-image:url(skin/blocks/toggle_h.png); width:100%; height:11px;}
.blockToggle .tl{background-position:top left; left:0; top:0; z-index: 100;}	
.blockToggle .br{background-position:bottom right; right:0; bottom:0;  z-index: 102;}
.blockToggle .overtl {width:13px; background-position:top left;z-index: 104; left:0; top:0;}
.blockToggle .tr, .blockToggle .bl {background-image:url(skin/blocks/toggle_v.png); width:12px; height:100%; }
.blockToggle .tr{right:0; top:0; z-index: 101;}
.blockToggle .bl{left:0; bottom:0; z-index: 103;}
.IS_IE .blockToggle .bl, .IS_IE .blockToggle .tr{height:expression(cssHeight(this, true))}
/* toggleClosed*/
.toggleClosed .head {background-position:7px -98px;}
.hasJS .toggleClosed .body, .hasJS .toggleClosed .foot{display:none;}
/* blockToggle in .blockFilled */
.blockFilled .blockToggle .tl, .blockFilled .blockToggle .br, .blockFilled .blockToggle .overtl{ background-image:url(skin/blocks/toggle_h_grey.png);}
.blockFilled .blockToggle .tr, .blockFilled .blockToggle .bl {background-image:url(skin/blocks/toggle_v_grey.png);}

/* ===== BlockSplit ==== */
.blockSplit .blockInside{background-repeat:no-repeat !important; background-position:left top; min-height:63px; _height:63px; padding:10px; padding-left:30px;}
.blockSplit .textSplit   {font-weight:bold; color:#FFFFFF;}
.blockSplit h1, .blockSplit h2{ color:#FFFFFF; font-size:25px;}


/* ====== blocks specifiques ===== */
.newsLetter  .blockInside {background:transparent url(skin/blocks/bkg_newsletter.png) no-repeat left top; }
.newsLetter .blockSuround blockInside {background-image: url(skin/blocks/bkg_newsletter.png);}
.newsLetter h2 {text-indent:-5000px;}

/* ====== popLayer ====== */
#popLayer {position:absolute; width:458px; top:40px; left:50%; font-size:90%; z-index:19999; text-align:left;}
#popLayer .popInside {position:relative; zoom:1;}
#popLayer .popl, #popLayer .popr {position:absolute; width:4px; height:100%; top:0; background:url(skin/poplayer/leftright.png) repeat-y left top; font-size:1%;}
#popLayer .popl {left:0;}
#popLayer .popr {right:0; background-position:right top}
#popLayer .popt, #popLayer .popb, #popLayer .popt b, #popLayer .popb b {display:block; font-size:1%; zoom:1; background:url(skin/poplayer/topbottom.png) no-repeat left top}
#popLayer .popt, #popLayer .popb{padding-left:10px;}
#popLayer .popt b, #popLayer .popb b{height:8px;}
#popLayer .popt b {background-position:right top}
#popLayer .popb b {background-position:right bottom}
#popLayer .popb {background-position:left bottom}
#popLayer .popBody {background:#fff;  min-height:30px; _height:30px; margin:0 4px}
#popLayer .popHead {padding-top:2px}
#popLayer .popContent {padding:5px 10px 10px; overflow:auto;}
#popLayer .popHead .close {margin:0 10px 0 auto; width:59px; height:12px; display:block; background:url(skin/poplayer/closebtn.png) no-repeat left top; cursor:pointer}
#popLayer.iframe .popContent {padding:0}
#popLayer.iframe iframe.popIframe {border:0; width:100%; height:200px;}
#popLayer.loading  iframe.popIframe {width:1px}
#popLayer .loader {display:none; width:32px; height:32px; position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; background:url(skin/poplayer/loader.gif) no-repeat left top}
#popLayer.loading  .loader {display:block !important;}
#popLayerMask {position:absolute; top:0; left:0; right:0; width:100%; height:100%; min-height:100%; z-index:10000; background:#000; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50); opacity:0.5; display:none; }
.popLayerHTML {position:absolute; overflow:hidden; width:500px; height:0; visibility:hidden; } /* block de contenu HTML dans la page*/

/* **************** J.. BOUTIQUE BOL ***************** */

/*====== Classe de mise en forme ====== */
.prixBig {font-size:160%; font-weight:bold;}
.mentionLegale{color:#989898 !important;}
.popPrint{ text-align:center;}
.popTitre { color:#DA0000; font-size:140%; }  
.mobileSelect select {width:150px !important;}
.espot .blockInside{background-color:#E4E4E4}
.rBorder{border-right:1px solid #e1e1e1; padding-right:2px; }
.lBorder{border-left:1px solid #e1e1e1; padding-left:10	px; }
.bBorder{border-bottom:1px solid #e1e1e1;}
.lBorderWhite{border-left:2px solid #ffffff; padding-left:10px; min-height:80px;}
.ficheMobile {font-size:160%;}

/*====== block solution Bol ====== */
.blockSolutionBol {border-bottom:1px solid #D8D8D7; border-left:1px solid #D8D8D7; background-color:#FFFFFF;} 
.blockSolutionBol .homefadeRed {border-bottom:1px solid #D8D8D7; background-color:#FFFFFF;} 
.blockSolutionBol .homefadeNews {border-bottom:1px solid #D8D8D7; background-color:#FFFFFF;} 
.blockSolutionBol .blockSuround { border-bottom:1px solid #ADADAC; border-right:1px solid #D7D7D7; border-left:1px solid #D7D7D7;}	
.blockSolutionBol .blockInside { border: 1px solid #C3C3C3; border-bottom:1px solid #888888}
.blockSolutionBol .body{padding: 5px 8px;}
.blockSolutionBol .head{background-image:url(skin/tet/fond_tet_solution_bol.png); background-repeat:repeat-x; border:0; min-height:25px; _height:25px; padding:0; color:#DA0000}
.blockSolutionBol .head .content{overflow:hidden; _overflow:visible; zoom:1; padding:2px 0 2px 4px; font-size:100%; color:#FFF}
.blockSolutionBol .head img{float:left;}

/*====== block etape commande colonne droite Bol ====== */
.blockCommande .blockInside{border:1px solid #ce757a;}
.blockCommande .tl, .blockCommande .tr, .blockCommande .bl, .blockCommande .br {background-image: url(skin/blocks/block_commande_corners_red.gif); width:7px; height:7px;}
.blockCommande .tl{top:-1px; left:-1px;}
.blockCommande .tr{top:-1px; right:-1px}
.blockCommande .bl{bottom:-1px; left:-1px;}
.blockCommande .br{bottom:-1px; right:-1px;}

#rightColumn .blockCommande {margin-left:2px; margin-right:2px;}
#rightColumn .blockCommande .tl, #rightColumn .blockCommande .tr, #rightColumn .blockCommande .bl,#rightColumn .blockCommande .br {background-image: url(skin/blocks/block_commande_corners_red_right_column.gif);}


ul.commande li {border-bottom:1px solid #b7b6b6; }
ul.commande li.last {border-bottom:0;}
ul.commande li  span {background:no-repeat 0 5px; display:block; padding:5px 5px 5px 35px; color:#B01F26; font-size:15px;}
ul.commande li.current {background: transparent url(skin/blocks/gradientCommande.png) repeat-x left bottom;}
ul.commande li.current  span {background-position:0 -25px; color:#ffffff;}
ul.commande li.off  span {background-position:0 -55px; color:#8f8f8f;}
ul.commande li.step1 span {background-image:url(skin/puce/commandeStep1.png)}
ul.commande li.step2 span {background-image:url(skin/puce/commandeStep2.png)}
ul.commande li.step3 span {background-image:url(skin/puce/commandeStep3.png)}
ul.commande li.step4 span {background-image:url(skin/puce/commandeStep4.png)}
ul.commande li.step5 span {background-image:url(skin/puce/commandeStep5.png)}

/*====== block Tableau mon compte====== */

.arrayBlock {border:1px solid #E5E5E5; position:relative;}
.arrayBlock .tl, .arrayBlock .tr, .arrayBlock .bl, .arrayBlock .br {background-image:url(skin/blocks/simple_corners.png); width:7px; height:7px !important; font-size:1%;}
.arrayBlock .tl{top:-1px; left:-1px;}
.arrayBlock .tr{top:-1px; right:-1px}
.arrayBlock .bl{bottom:-1px; left:-1px;}
.arrayBlock .br{bottom:-1px; right:-1px;}

/*===DataArray selection de mobile */
.dataArray table.comparateur tbody tr.even th, .dataArray table.comparateur th {padding: 2px 2px;}
.dataArray table.comparateur thead td {border-top:0 !important;}
.dataArray table.comparateur tfoot td {border-bottom:0 !important;}
.dataArrayComp tbody th, .dataArrayComp tfoot th, .dataArrayComp thead th, .dataArrayComp td.firstCol {border-left:0 !important;}
.dataArrayComp td.lastCol {border-right:0 !important;}

.dataArray table.comparateur thead td, .dataArray table.comparateur tbody td,.dataArray table.comparateur tbody th, .dataArray table.comparateur tfoot td{border:1px solid #cdcdcd;}
.dataArrayBol table {width: 100%;}
.dataArrayBol td.descritptif {}
.dataArrayBol thead th, .dataArrayBol tfoot th {background-color:#e4e4e4; padding:3px; font-weight:bold;}
.dataArrayBol thead th, .dataArrayBol tfoot th {background-color:#e4e4e4; padding:3px; font-weight:bold;}
.dataArrayBol th.arrowDown { background:#e4e4e4 url(skin/puce/puce_tri.png) no-repeat center center;}
.dataArrayBol th.arrowUp { background:#e4e4e4 url(skin/puce/puce_tri_bottom.png) no-repeat center center;}
.dataArrayBol tr.bottom td { background:#e4e4e4 url(skin/puce/puce_tri_bottom.png) left 5px  no-repeat;padding: 5px 0 0 25px !important; border:none}
.dataArrayBol  td { padding:5px 5px; border-bottom:1px solid #e4e4e4 ; border-top:0; border-left:0; border-right:0;}
.dataArrayBol tbody tr.last td {border-bottom:0;}
.dataArrayBol caption span {background-color:#e4e4e4; width:200px; display:block; min-height:40px; _height:40px; color:#ffffff; font-size:110%; font-weight:bold;position:relative;}
.dataArrayBol span.titre{display:block; padding:4px 10px;}


.errorComparator {color:#DA0000; font-weight:bold; margin-top:10px;}


/* sans recherche */
.norecherche #body {margin-top:0px;}
.norecherche #rightColumn {margin-top:0px;}
.norecherche #mainInside {margin-top:10px;}
.norecherche #headerBottom .recherche {display:none;}
/* Tetiere tableau comparateur */
.tetiereTableau, .tetiereTableau div {background:url(skin/blocks/tetTableauMobile.png) no-repeat left top; }
.tetiereTableau {padding-left:4px; width:150px;}
.tetiereTableau div {background-position:right top; padding-right:15px; padding:5px; }




/* liste d'options avec titre */

.listeOptions li {overflow:hidden; _overflow:visible; zoom:1; margin-bottom:10px; }
.listeOptions p { float:left; width:60%}
.listeOptions .btn { float:left;}


/* **************** K.. FIX CSS CLASSES ***************** */
html.IS_IE  body .tr,html.IS_IE  body .br{_right:expression(cssRight(this))}
/* autres corners � corriger */
html.IS_IE body  .block .blockInside .bl,html.IS_IE body .block .blockInside .br{_bottom:expression(cssBottom(this, true))}

.hidecorners .bl, .hidecorners .br{display: none !important;}