/**
*.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; padding: 0; margin: 0; overflow-y: scroll; *overflow-y: auto;}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:1.538em;  font-weight:bold; text-transform: none; color:#000000;}
h2, .h2{font-size:1.197em; font-weight:normal; text-transform:none; color:#000000;}
h3, .h3{font-size:0.94em; font-weight:bold; text-transform:none; color:#000000;}
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;}
.grisTresFonce {color:#8F8F8F !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,
.nobg body,
.nobg #page {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}
.rMarginXXL {margin-right:50px !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{text-align:left; clear:both; font-size:90%; font-family: Trebuchet MS, Arial, Verdana, sans-serif; color:black;}
.structure{margin:0 auto; position:relative; width:986px;}
#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;}

/* Structure interne */
#header {width: 100%; position: fixed; _position: absolute; left: 0; z-index: 500; top:0px; *top:0px; _top: expression(documentElement.scrollTop+body.scrollTop + 0 + "px")!important; background:url(skin/head/bgHead_2.png) no-repeat center bottom;}
#body{position: static;}
#footer{ position: fixed; _position: absolute; width: 986px; left: 50%; margin-left: -493px; z-index: 501; bottom:0; _top:expression(body.scrollTop + document.body.clientHeight - 31 + "px"); overflow: hidden; zoom:1; background: #cc0117; border: 1px solid #FFF; border-bottom: 0;}

/* ============================ Default Nav Header ================================ */
/* menu */
/**
 * k64_nav (styles de base)
 */
#menu{height:38px;}
.k64_nav,
.k64_nav ul {list-style-type:none; padding:0; margin:0;}
.k64_nav a {text-decoration:none; color:black;}
.kn_item {border-left:1px solid #999999;border-right:1px solid white;}
.kn_item ul a {display:block; padding:.3em 5px; color:white;}
.kn_title {display:block; text-align:center;}
.kn_title {padding-left:18px; font-weight:bold; font-size:11px;line-height:1.2em;}
.kn_title span{display:block;padding:17px 18px 4px 0;text-align:left; color:#353535;font-weight:normal;position:relative;}
.kn_title span em{color:#858585;font-style:normal;margin-top:-12px;position:absolute;}
.kn_active a,
.kn_item:hover a,
.kn_item a:hover,
#menu li.kn_show a {background:url(skin/head/bgMenuItem_2.png) no-repeat left top; margin-left:0px; margin-right:0px;}
.kn_active a span,
.kn_item:hover a span,
.kn_item a:hover span,
#menu li.kn_show a span {background:url(skin/head/bgMenuItem_2.png) no-repeat right top; color:white;}
#menu li.last {border-right:none;}
#menu li.first {border-left:none;}

.kn_content{margin-top:-1px!important;border:1px solid #da0008;background:#fff;}
.kn_content ul{margin-bottom:10px;}
.kn_content li{padding-left:7px;}
.kn_content li a{background:none!important;color:#000; border-top-color:#c6c6c6!important; text-align: left;display:inline;}
.kn_content li.current a,.kn_show li a:hover{background-position:left top!important;text-decoration:underline;}
.kn_content li.first {margin-top:0; margin-left:0;background:url(skin/puce/puce_tabs_current.png) no-repeat left center;font-weight:bold;}
.kn_content li.last {height:27px;}
.kn_content .line {background:#fff url(skin/blocks/gradientGrey2.png) repeat-x left bottom;padding:20px;width:640px;}

/**
 * k64_nav (avec JS actif)
 */
.hasJS .k64_nav {width:632px;
	/* IE6 et 7 */ *float:left;
	/* IE6 */ _margin-right:-3px;}
.hasJS .kn_item {float:left;text-align:left;}
.hasJS .kn_lastItem .kn_title {padding:1em 10px; *padding:1.15em 10px;}
.hasJS .kn_item .kn_content {position:absolute;left:30px; z-index:10000;visibility:hidden}
.hasJS .kn_item .kn_content a {text-align:left!important;
	/* IE6 */ _white-space:nowrap; _zoom:1;}
.hasJS .kn_show .kn_content {display:block;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.hasJS #kn_particuliers .kn_content {margin-left:1px;}
}
.hasJS .kn_bkgMenu {position:absolute; z-index:-1; height:1em;}
.hasJS iframe.kn_iframe {position:absolute;z-index:-1;border:0!important; padding:0; margin:0;width:680px;left:0;top:0;}


/* ---- breadcrumb trail ---- */

/* les tabs ici ne s'imbriquent pas */
#header .headTabs {overflow:hidden; height:34px;}
#header .headTabs ul{zoom:0;margin-top:4px}
#header .headTabs ul,#header .headTabs li{background:none;}
#header .headTabs li.boutique a{background:url(skin/head/iconeBtq.png) no-repeat left top;padding-left:15px;}
#header .headTabs li.contact a{background:url(skin/head/iconeContact.png) no-repeat left top;padding-left:15px;}
#header .headTabs a{padding:0 0 0 4px;border-right:none;}
#header .headTabs a:hover {text-decoration:underline;}
#header .headTabs span{display:block; color:black;font-weight:normal;padding:5px 18px 6px 14px;margin-right:-5px;font-size:11px;}
#header .headTabs span img{vertical-align:middle; padding-right:12px;}

#header .headTabs a,
#header .headTabs span{cursor:pointer;}
#header .headTabs a span {*display:inline-block; background-position:right top; *position:relative;} /* ie a besoin du relative pour afficher le background sur un element avec une margin negative */
*/

/* ============================ /Default Nav Header ================================ */


/* ==================== /ELEMENTS TEMPLATE ==================== */
#main{overflow:hidden; _overflow:visible; zoom:1;}
#body{zoom:1; overflow:hidden; _overflow:hidden; _position:relative;}

#mainInside{}

#mainContent{ width: 100%; padding-bottom: 30px;}
#mainContent .container{ width: 950px; margin: 0 auto; background: #f2f2f2;}
#mainContent .container .main{ padding: 10px 10px 20px 10px;  overflow: hidden; _overflow: visible; zoom:1;}
#mainContent .container #leftColumn{ width: 650px; float: left; overflow: hidden; _overflow: visible; zoom:1; position: relative;}
#mainContent .container #rightColumn{ width: 270px; float: right; overflow: hidden; _overflow: visible; zoom:1;}

/* ===================== CHOIX TEMPLATE ==================== */



/* **************** 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}





/* ====== Boutons =====*/
/* ---- Gris ---- */

.layer .btn{border: 0; text-transform: uppercase; color:#FFF; font-size: 11px;}
.layer .btnPopin, .layer .btnPopin2{font-weight: bold; display: inline-block; height: 24px; line-height: 24px; padding: 0 10px 0 10px; background:#ce3547; border: 0; text-transform: uppercase; color:#FFF; font-size: 11px;}
.layer .btnPopin2{margin-left: 10px;}


/* object */
.object  {display:block}
.object img {vertical-align:top; display:top;}

/***** 
* 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%} .label48 label {width:48%}
.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} .input45 {width:45% !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, .input45, .input50, .input60, .input70, .input80, .input90{ /* float:none!important; */} 
.errormsg {color:#DA0000; display:block; margin-top:-5px; margin-bottom:5px;}
.txtRerrorMsg .errormsg{text-align:right;}

.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;}


/* hyper custom sorry ;) */
.twoFieldsOneLine span {float:left;}
.twoFieldsOneLine .cp {width:73px !important;*width:72px !important;_width:75px !important;}
.errorToInput20 .errormsg {margin-left:22%;}


/** legend **/
.legend {font-style:italic;}


/* **************** F.. CLASSES DE CONTENUS CUSTOMS (custom content classes) ***************** */


/* **************** 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;}

.size50{width:50%;_width:49.9%;}
.size90px{width:90px!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 {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(skin/tet/puceHead.png) no-repeat scroll left 14px;color:#000000;font-size:120%;min-height:19px;padding:15px 10px 4px 20px;}
.withoutHead{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(skin/tet/puceHead.png) no-repeat scroll left 14px;color:#000000;min-height:19px;padding:15px 0 15px 20px;}
.withoutHead h3{font-size:120%;padding-bottom:15px;}
.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;}
.foot .unit{margin:0!important;}
.foot .size1on5{width:20%!important;}
.foot .size4on5{width:80%!important;}

.emptyFoot{height:3px;}

/* corners */
.topCorners, .bottomCorners{font-size:0;position:relative;display:block;zoom:1;}
.topCorners .tl{background:url(skin/blocks/simple_corners_2.png) no-repeat left top;display:none;width:11px;height:11px;position:absolute;top:0;left:0;_background-image:url(skin/blocks/simple_corners_2_ie.png);}
.topCorners .tr{background:url(skin/blocks/simple_corners_2.png) no-repeat right top;display:none;width:11px;height:11px;position:absolute;top:0;right:0;_background-image:url(skin/blocks/simple_corners_2_ie.png);}
.bottomCorners .bl{background:url(skin/blocks/simple_corners_2.png) no-repeat left bottom;display:none;width:11px;height:11px;position:absolute;bottom:0;left:0;_background-image:url(skin/blocks/simple_corners_2_ie.png);}
.bottomCorners .br{background:url(skin/blocks/simple_corners_2.png) no-repeat right bottom;display:none;width:11px;height:11px;position:absolute;bottom:0;right:0;_background-image:url(skin/blocks/simple_corners_2_ie.png);}


.noBorder .topCorners, .noBorder .bottomCorners{font-size:0;}
.noBorder .topCorners .tl{background:url(skin/blocks/simple_corners_noborder.png) no-repeat left top;display:none;width:8px;height:8px;position:absolute;top:0;left:0;_background-image:url(skin/blocks/simple_corners_noborder_ie.png);}
.noBorder .topCorners .tr{background:url(skin/blocks/simple_corners_noborder.png) no-repeat right top;display:none;width:8px;height:8px;position:absolute;top:0;right:0;_background-image:url(skin/blocks/simple_corners_noborder_ie.png);}
.noBorder .bottomCorners .bl{background:url(skin/blocks/simple_corners_noborder.png) no-repeat left bottom;display:none;width:8px;height:8px;position:absolute;bottom:0;left:0;_background-image:url(skin/blocks/simple_corners_noborder_ie.png);}
.noBorder .bottomCorners .br{background:url(skin/blocks/simple_corners_noborder.png) no-repeat right bottom;display:none;width:8px;height:8px;position:absolute;bottom:0;right:0;_background-image:url(skin/blocks/simple_corners_noborder_ie.png);}

.noBorderTop .topCorners{font-size:0;}
.noBorderTop .bottomCorners{font-size:0;}
.noBorderTop .topCorners .tl{background:url(skin/blocks/simple_corners_noborder.png) no-repeat left top;display:none;width:8px;height:8px;position:absolute;top:0;left:0;_background-image:url(skin/blocks/simple_corners_noborder_ie.png);}
.noBorderTop .topCorners .tr{background:url(skin/blocks/simple_corners_noborder.png) no-repeat right top;display:none;width:8px;height:8px;position:absolute;top:0;right:0;_background-image:url(skin/blocks/simple_corners_noborder_ie.png);}
.noBorderTop .bottomCorners .bl{background:url(skin/blocks/simple_corners_2.png) no-repeat left bottom;display:none;width:11px;height:11px;position:absolute;bottom:0;left:0;_background-image:url(skin/blocks/simple_corners_2_ie.png);}
.noBorderTop .bottomCorners .br{background:url(skin/blocks/simple_corners_2.png) no-repeat right bottom;display:none;width:11px;height:11px;position:absolute;bottom:0;right:0;_background-image:url(skin/blocks/simple_corners_2_ie.png);}

.showCorner .tl,.showCorner .tr,.showCorner .bl,.showCorner .br{display:block!important;font-size:0;zoom:1;}

.firstLine .firstElement .tl,.firstLine .lastElement .tr,.lastLine .firstElement .bl,.lastLine .lastElement .br{display:block;zoom:1;}

.foot .title h3{background:url(skin/titleGradientToWatch.png) no-repeat 8px 13px;padding:15px 0 15px 30px;}

.btnFoot{display:block;background:url(skin/btnFoot.png) no-repeat left bottom;padding-left:9px;margin:0 1px 1px;}
.btnFoot span{display:block;background:url(skin/btnFoot.png) no-repeat right bottom;padding:3px 9px 5px 0;color:#666666;font-weight:bold;}

.btnFootDark{display:block;background:url(skin/btnFootDark.png) no-repeat left bottom;padding-left:9px;margin:0 1px 1px;}
.btnFootDark span{display:block;background:url(skin/btnFootDark.png) no-repeat right bottom;padding:3px 9px 5px 0;color:white;font-weight:bold;}

.btnFootRed{display:block;background:url(skin/btnFootRed.png) no-repeat left bottom;padding-left:9px;margin:0 1px 1px;}
.btnFootRed span{display:block;background:url(skin/btnFootRed.png) no-repeat right bottom;padding:3px 9px 5px 0;color:white;font-weight:bold;}

.leftShadow{background:white url(skin/footer/bgLeftShadow.png) repeat-y left center;}

/* ====== block simple ====== */
.blockSimple .blockInside{border:1px solid #d6d6d6;}
/* .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;} */


.blockCorner{}
.blockCorner .tr, .blockCorner .tl, .blockCorner .br, .blockCorner .bl{display: block; background-image: url(skin/blocks/corners_block_leftcolumn.png);}
.blockCorner .blockInside .body{padding:15px 12px 0 15px; background-color: #FFF;}


/* ====== gradientGrey Bottom ====== */
.gradientGrey .blockInside {background:white url(skin/blocks/gradientGrey.png) repeat-x left bottom !important;}
.gradientToWatch .blockInside,
.gradientGray .blockInside {background:url(skin/blocks/gradientGrey2.png) repeat-x left bottom;}
/* ====== gradientBlack ====== */
.gradientBlack .blockInside {background:#505050 url(skin/blocks/gradientBlack.png) repeat-x left top !important;color:white}
/* ---- 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;}
/* ====== gradientTopRight ====== */
.gradientTopRight .blockInside{background:url(skin/blocks/gradientTopRight.png) no-repeat right top;}
/* ====== gradientBottomRightLight ====== */
.gradientBottomRightLight .blockInside{background:url(skin/blocks/gradientBottomRightLight.png) no-repeat right bottom;}
/* ---- GreyFooter --- */
.filledFoot {background:#DDD url(skin/blocks/footerDegrad.png) no-repeat left top; min-height:15px; _height:15px;}

.blockRss{background:white url(skin/blocks/bgRSS.png) no-repeat left bottom !important;}

/*======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;}

/* ====== blocs gradientToWatch ====== */
.gradientToWatch .pointer {/*background:url(skin/titleGradientToWatch.png) 2px 12px no-repeat;*/ padding:0.5em 10px 0 10px; height:2.5em; text-transform:uppercase; color:black; line-height:1.1em; font-size:1.2em;}
.gradientToWatch .pointer img {float:left; margin-top:5px; margin-right:7px;}
.gradientToWatch .pointer span {display:block; overflow:hidden; _overflow:visible; _zoom:1;}
.gradientToWatch p{padding:0 10px 40px 20px;}
.gradientToWatch .body {position:relative;}
.gradientToWatch .foot {background:url(skin/moreDetails.png) right 0 no-repeat; position:absolute; bottom:1px; right:1px; width:100%; height:23px; padding:0; _margin-bottom:-15px;border-top:1px solid #d10019;}
.nobreadcrumb .breadcrumb {display:none;}
.gradientToWatch .unit {cursor:pointer;}

/* **************** ONGLETS ***************** */
/* onglets par defaut */
.blockTabs .blockInside{border:none;}
.blockTabs .blockInside .body{border:1px solid #e5e5e5;}
.blockTabs .tabs {overflow:hidden; _overflow:visible; zoom:1; background:#D5D5D5 url(skin/onglet/bg_tabs.png) repeat-x left top;  font-size:100%}
.blockTabs .tabs li{float:left; //display:inline;}
.blockTabs .tabs a{background:url(skin/puce/puce_tabs.png) no-repeat 25px center;display:block; color:#424242; font-weight:bold; font-size:121%; border-right:1px solid #FFF; min-height:18px; _height:18px;padding: 10px 0 11px 35px; _width:1%; _white-space:nowrap;}
.blockTabs .tabs li.current {background:#f6f6f7 url(skin/onglet/bg_tabs_current.png) repeat-x left top;}
.blockTabs .tabs li.current a{color:#DA0000;background:url(skin/puce/puce_tabs_current.png) no-repeat 25px center;}
.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%;}
.blockTabs .foot{background:#a0a0a0;}

/* ====== Big ====== */
.blockTabs .tabsBig{overflow:hidden; _overflow:visible; zoom:1; background:#d5d5d5 url(skin/onglet/bg_tabs.png) repeat-x left top;}
.blockTabs .tabsBig li{float:left; //display:inline;}
.blockTabs .tabsBig a{background:url(skin/puce/puce_tabs.png) no-repeat 25px 17px;display:block; color:#424242; font-weight:bold; font-size:121%; *font-size: 118%; border-right:1px solid #fff; min-height:35px; //min-height:35px; padding:10px 0  11px 35px; text-align:left;}
.blockTabs .tabsBig li.current {background:#f6f6f7 url(skin/onglet/bg_tabs_current.png) repeat-x left top;}
.blockTabs .tabsBig li.current a{ color:#DA0000;background:url(skin/puce/puce_tabs_current.png) no-repeat 25px 17px;}
.blockTabs .tabsBig li.last {float:none; _float:left; width:auto; overflow:hidden;_overflow:visible;}
.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%;}
.blockTabsSub .tabsSub li{float:left; //display:inline;border-right:1px solid #e5e5e5;}
.blockTabsSub .tabsSub a{display:block; color:#424242; font-weight:bold; font-size:100%; padding:5px 5px 5px 40px; min-height:10px; _height:10px; _width:1%; _white-space:nowrap;background:url(skin/puce/puce_ss_tabs.png) no-repeat 25px center;}
.blockTabsSub .tabsSub li.current a{color:#E3070A;background:url(skin/puce/list_arrow.png) no-repeat 25px center;}
.blockTabsSub .tabsSub li.last {float:none; _float:left; width:auto; overflow:hidden;_overflow:visible border-right:0;}

/* ====== block shadowsimple ====== */
.blockShadowSimple {background:#fff url(skin/gradientGrey2.png) 0 100% repeat-x;}
.blockShadowSimpleType2 {background:#fff;}
.gradientToWatch {cursor:pointer;}
.gradientToWatch .paddingLg {padding-left:32px !important;}
.blockShadowSimple .blockSuround {background:url(skin/leftBlockShadow.png) 0 0 repeat-y;}
.blockShadowSimple .blockInside {background:url(skin/rightBlockShadow.png) 100% 0 repeat-y;}

.blockShadowSimple .body {margin:0 3px 3px; border:1px solid #E5E5E5;}
.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))}

/* ===== BlockShadow ==== */

.sideT, .sideB {position:relative; z-index:11;background:no-repeat left top; overflow:hidden; _overflow:visible; zoom:1; font-size:1%;display:block;clear:both; height: 11px;}
.sideT .cornerRight, .sideB .cornerRight {float:right;}
.sideT .cornerRight {background-position:right top;}
.sideB {background-position:left bottom;}
.sideB .cornerRight {background-position:right bottom;}
.sideL, .sideR {float:left; height:32000px; margin-bottom:-32000px;background:repeat-y left top;position:relative; z-index:10;font-size:1px;overflow:hidden;}
.sideR {float:right; background-position:right top;}

.blockShadow {_overflow:hidden;_position:relative; }
.blockShadow .sideT, .blockShadow .sideT .cornerRight, .blockShadow .sideB, .blockShadow .sideB .cornerRight {background-image:url(skin/blocks/blockSimple_shadow_h.png); }
.blockShadow .sideT .cornerRight, .blockShadow .sideB .cornerRight {width:11px;height:11px;}
.blockShadow .sideT {margin-bottom:-11px;}
.blockShadow .sideB .cornerRight{height:11px;}
.blockShadow .sideB {margin-top:-11px;}
.blockShadow .sideL, .blockShadow .sideR {background-image:url(skin/blocks/blockSimple_shadow_v.png); width:6px;}


/* fogManager */
.hasJS .layer {position:fixed;top:50%;left:50%;_position:absolute;_top:0;z-index:1000;}
.hasJS .fog {position:absolute;background-color:#000;opacity:0.7;filter:alpha(opacity=70);z-index:999;cursor:pointer;}
.hasJS .fogSpinner, .hasJS .loading {background-image:url(skin/ajax-loader.gif);background-repeat:no-repeat;background-position:center center;width:66px;height:66px;left:50%;position:absolute;margin-left:-33px;top:50px;}

/* Popin */
.layer .popin{background: #FFF; padding: 20px; position: relative; text-align: left; width: 400px;}
.layer .popin .btnClose{position: absolute; top:5px; right: 5px;}
.layer .popin .btnArea, .layer .popin .field{overflow:hidden; _overflow:visible; zoom:1;}
.layer .popin h3{border-bottom:1px solid #cccccc; margin-bottom: 0px; font-size: 20px; padding: 19px 0 0 60px; height: 45px; text-transform: uppercase;}
#popinPartage .popin h3, #popinInscription .popin h3{background: transparent url(skin/poplayer/partageh3.png) no-repeat left top;}
#popinInscription .popin h3{padding:5px 0 15px 60px;}
.layer .popin .field{margin-bottom: 10px;}
.layer .popin .field label{ display: block; width: 160px; float: left; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 14px; color:#858585;}
.layer .popin .field .txtField{display: block; float: left; width: 238px; border:1px solid #cccccc; height: 17px; line-height: 17px;color:#858585;}
.layer .popin .field .validation-failed{border:1px solid #CE3547;}
.layer .popin .resultForm{ margin-bottom: 10px; height:25px;}
.layer .popin .resultForm .error,
.layer .popin .resultForm .errorServ{font-weight: bold; color: #CE3547; padding-top: 5px;;}
.layer .popin .resultForm .success{font-weight: bold; padding-top: 10px;}
.layer .popin .field textarea.txtField{height: 65px; resize: none;}

/* **************** 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; }
.rBorderGrey{border-right:1px solid #aeaeae;}
.lBorder{border-left:1px solid #e1e1e1; padding-left:10	px; }
.bBorder{border-bottom:1px solid #e1e1e1;}
.border0{border:none!important;}
.doublebBorderDark{border-bottom:2px solid #8e908d;}
.tBorderDark{border-top:1px solid #8e908d;}
.lBorderWhite{border-left:2px solid #ffffff; padding-left:10px; min-height:80px;}
.tBorderRed{border-top:1px solid #d10019;}
.ficheMobile {font-size:160%;}
.prixMedium {font-size:120%; color:#777777;}
.block_filet{color:#000;font-size:1em;position:relative;min-height:300px;}
.bandopc {position:absolute;top:0;left:0;padding:0;margin:0;display:block;z-index:9;}

/*====== 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.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;}


/* leftColumn  */

#leftColumn .loader{position: absolute; width: 100%; text-align: center; top: 100px;}

#tagBox{ height: 32px; color:#858585; font-weight: bold;}
#tagBox a{color:#ce3547; font-style: italic; text-decoration: underline;}
#tagBox a:hover{text-decoration: none;}
#leftColumn .blockCorner .head{font-size: 100%; background: none; background-color: #fff; padding: 0;}

#leftColumn .blockCorner{}
#leftColumn .blockCorner .tr, #leftColumn .blockCorner .tl, #leftColumn .blockCorner .br, #leftColumn .blockCorner .bl{display: block; background-image: url(skin/blocks/corners_block_leftcolumn.png);}
#leftColumn .blockCorner .blockInside .body, #leftColumn .blockCorner .blockInside .head{padding:15px 12px 0 15px; background-color: #FFF;}
#leftColumn .blockCorner .blockInside .body{padding-top: 5px; padding-bottom: 10px;}
#leftColumn .blockToggle .body{display: none; padding-top: 5px; }
#leftColumn .toggleOpen .body{display: block;}
#leftColumn .blockToggle .blockInside .head{background: #FFF url(skin/puce/tabs-down.png) no-repeat right bottom;}
#leftColumn .toggleOpen .blockInside .head{background: #FFF url(skin/puce/tabs-up.png) no-repeat right bottom;}

#leftColumn .blockToggle .blockInside a#edito,
#leftColumn .blockToggle .blockInside a#enjeu{display: block; width:1px; height: 1px; position: absolute; top: -50px; left: 0; overflow: hidden;}

#leftColumn .blockToggle .blockInside{background: #FFF; padding-bottom: 10px;}
#leftColumn .toggleOpen .blockInside{background: #FFF; padding-bottom: 0;}


#leftColumn .blockToggle .head{cursor: pointer; }
#leftColumn h2{ color:#000000; font-size:1.538em; font-weight:bold; text-transform: uppercase; zoom:1}
#leftColumn .toggleOpen h2{}

#leftColumn .blockToggle .blockInside .body{font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #858585; font-size: 14px;}
#leftColumn .blockToggle .blockInside .body .blc_link{overflow:hidden; zoom:1; margin-bottom: 8px;}
#leftColumn .blockToggle .blockInside .body .blc_link a{color: #ce3547; font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration: underline;}
#leftColumn .blockToggle .blockInside .body .blc_link a:hover{text-decoration: none;}


#leftColumn .gototop{text-align: right; padding-top: 5px;}
#leftColumn .gototop a{padding-right: 5px; font-family: Verdana, Arial, sans-serif; color: #cd3446; font-size: 11px; text-decoration: underline;}
#leftColumn .gototop a:hover{text-decoration: none;}

/* rightColumn  */
#rightColumn h1{ height: 32px; text-transform: uppercase;}
#rightColumn .next a, #rightColumn .prev a{background-color: #FFF; text-align: center; display: block; padding:5px; margin-right: 5px;margin-left: 3px;}
#rightColumn .disabled{border: 1px solid #FFF; margin-right: 5px;margin-left: 3px; _background:#F6F6F6; }
#rightColumn .disabled a,
#rightColumn .disabled a img{-moz-opacity : 0.3; opacity : 0.3;filter : alpha(opacity=30);  margin-right: 0px;margin-left: 0px; }
#rightColumn .prev{margin-bottom: 5px;}
#rightColumn .blockShadow .body{height: 115px; background: #FFF; padding: 11px;}

#rightColumn .blockShadow .slideElemContent{position: relative; overflow:hidden; _overflow:visible; zoom:1; height: 115px;}
#rightColumn .blockShadow .slideElemContent .maskShadow{position: absolute; bottom: 0px; height: 35px; background: #000; width: 100%; filter:alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; z-index: 25;}
#rightColumn .blockShadow .slideElemContent .legendeElement{position: absolute; bottom: 0px; height: 33px; display: block; color: #FFF; z-index: 26; font-size: 14px;}
#rightColumn .blockShadow .slideElemContent .legendeElement{padding: 2px 0 0 33px; background: url(skin/blocks/legend-fleche.png) no-repeat left top; line-height: 13px!important; font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
#rightColumn .blockShadow .slideElemContent .legendeElement a, #rightColumn .blockShadow .slideElemContent .legendeElement strong{color: #FFF;display: block; line-height: 13px!important;}
#rightColumn .blockShadow .slideElemContent .legendeElement a{padding-top: 2px; }
#rightColumn .blockShadow .noEquipe .legendeElement{background: url(skin/blocks/legend-fleche2.png) no-repeat 10px 6px;}
.mediaFullSize, .mediaFullSize img{ display: block; width: 100%;}

#blockCarrousselSlider{
	position: relative;
	width:270px; 
	height:560px;
	overflow:hidden;
}
#blockCarrousselSlider ul.inner{
	position: relative;
}
#blockCarrousselSlider ul.inner li.elementSlide{
	display: block;
	overflow: hidden;
	width: 270px;
	height:140px;
	*margin-bottom: -5px;
}


/* Block Flash et positions des ancres */
#mainInside .mainFlash{width: 100%; height: 100%; overflow: hidden; z-index: 10; position: relative;}
#mainInside .mainFlash object{z-index: 10; position: absolute;}
#mainInside .secondFlash{height: 1240px;}
#mainflashanchor{position:absolute; top: 602px;}


/* mea : image + texte */
	.mea,.mea .text,.meaRight, .meaRight .text,.meaWrap{overflow:hidden; _overflow:visible; _zoom:1;}
	.mea .media{float:left; margin-right:10px; _margin-right:7px;margin-left:0px;}
	.meaRight .media {float:right; margin-left:10px; _margin-left:7px;margin-right:0px;}
	.meaTop .media {float:none;display:block;text-align:center;}
	.meaTop .text {margin-top:5px;}
	.meaBottom .text {margin-bottom:5px;}
	.meaBottom .media {float:none;display:block;text-align:center;}
	.meaWrap .media { }
	.meaWrap img.media, .meaWrap .media img {display:-moz-inline-stack;display:inline-block; }
	.meaWrap .text {overflow:visible; zoom:0;}

/* **************** 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;}
.mediaFullSize, .mediaFullSize div, .mediaFullSize p, .mediaFullSize a, .mediaFullSize img{ display: block; width: 100%; height: 100%;}


/* Recap Column */
#recapColumn .gototop{text-align: right; padding-top: 5px;}
#recapColumn .gototop a{padding-right: 5px; font-family: Verdana, Arial, sans-serif; color: #cd3446; font-size: 11px; text-decoration: underline;}
#recapColumn .gototop a:hover{text-decoration: none;}

#recapColumn .equipeElem{}
#recapColumn .equipeElem .blockInside .body{padding: 15px;}
#recapColumn .equipeElem .blockShadow{ width: 255px;}
#recapColumn .equipeElem .blockShadow .blockInside .body{height: 115px; background: #FFF; padding: 11px;}
#recapColumn .equipeElem .blockShadow .sideL,
#recapColumn .equipeElem .blockShadow .sideR{z-index: 29; background-image: url(skin/blocks/blockSimpleRecap_shadow_v.png) !important;}
#recapColumn .equipeElem .blockShadow .sideB{z-index:30;}
#recapColumn .equipeElem .blockShadow .sideT{z-index: 30; background-image: url(skin/blocks/blockSimpleRecap_shadow_h.png) !important;}
#recapColumn .equipeElem .blockShadow .slideElemContent{ position: relative; overflow:hidden; _overflow:visible; zoom:1; height: 115px;}
#recapColumn .equipeElem .blockShadow .slideElemContent .maskShadow{position: absolute; bottom: 0px; height: 35px; background: #000; width: 100%; filter:alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; z-index: 25;}
#recapColumn .equipeElem .blockShadow .slideElemContent .legendeElement{position: absolute; bottom: 0px; height: 33px; display: block; color: #FFF; z-index: 26; font-size: 14px;}
#recapColumn .equipeElem .blockShadow .slideElemContent .legendeElement{padding: 2px 0 0 33px; background: url(skin/blocks/legend-fleche.png) no-repeat left top; line-height: 13px!important; font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
#recapColumn .equipeElem .blockShadow .slideElemContent .legendeElement p,
#recapColumn .equipeElem .blockShadow .slideElemContent .legendeElement strong{color: #FFF;display: block; line-height: 25px!important;}
#recapColumn .equipeElem .blockShadow .slideElemContent .legendeElement p{padding: 2px 0 0 0; margin: 0;}
#recapColumn .equipeElem .blockShadow .noEquipe .legendeElement{background: url(skin/blocks/legend-fleche2.png) no-repeat 10px 6px;}

#recapColumn .equipeElem .titleEquipe{overflow: hidden; zoom: 1; margin-bottom: 10px;}
#recapColumn .equipeElem .titleEquipe .mea{margin: 0;}
#recapColumn .equipeElem .titleEquipe h2{display: block; width: 265px; overflow: hidden; float: left; font-size: 16px; color: #ce3547; line-height: 0.8em !important;}
#recapColumn .equipeElem .titleEquipe h2 strong{font-size: 16px;padding-right:5px; margin-right: 5px; border-right: 1px solid #000; line-height: 0.8em !important;}
#recapColumn .equipeElem .titleEquipe h2 strong{display: inline-block; margin-top: -5px\9;}
#recapColumn .equipeElem .titleEquipe span.teamvotes{display: block; width: 160px; overflow: hidden; float: right; font-size: 16px; color: #858585; text-align: right; line-height: 0.8em !important;}
#recapColumn .equipeElem .titleEquipe span.noteStar-loaded{text-align: right; background: url(skin/notestars/0-0.png) no-repeat right center; padding-right: 70px; width: 90px !important;}

#recapColumn .equipeElem .mea{margin: 0; margin-right: 10px;}

#recapColumn .size1on2{width: 49.8%;}
#recapColumn .equipeElem .text{font-family: "Trebuchet MS", Arial, Verdana, sans-serif;}
#recapColumn .equipeElem .description{display: block; margin-top: 5px;}
#recapColumn .equipeElem .lienDesc{display: block; margin-top: 5px;}
#recapColumn .equipeElem .lienDesc a{color:#d24d5d; text-decoration: underline; font-size: 12px;}
#recapColumn .equipeElem .lienDesc a:hover{text-decoration: none;}

/* note stars */
#recapColumn .equipeElem .titleEquipe span.noteStar-0{background-image: url(skin/notestars/0-0.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-1{background-image: url(skin/notestars/0-1.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-2{background-image: url(skin/notestars/0-2.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-3{background-image: url(skin/notestars/0-3.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-4{background-image: url(skin/notestars/0-4.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-5{background-image: url(skin/notestars/0-5.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-6{background-image: url(skin/notestars/0-6.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-7{background-image: url(skin/notestars/0-7.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-8{background-image: url(skin/notestars/0-8.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-0-9{background-image: url(skin/notestars/0-9.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1{background-image: url(skin/notestars/1-0.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-1{background-image: url(skin/notestars/1-1.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-2{background-image: url(skin/notestars/1-2.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-3{background-image: url(skin/notestars/1-3.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-4{background-image: url(skin/notestars/1-4.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-5{background-image: url(skin/notestars/1-5.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-6{background-image: url(skin/notestars/1-6.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-7{background-image: url(skin/notestars/1-7.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-8{background-image: url(skin/notestars/1-8.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-1-9{background-image: url(skin/notestars/1-9.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2{background-image: url(skin/notestars/2-0.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-1{background-image: url(skin/notestars/2-1.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-2{background-image: url(skin/notestars/2-2.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-3{background-image: url(skin/notestars/2-3.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-4{background-image: url(skin/notestars/2-4.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-5{background-image: url(skin/notestars/2-5.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-6{background-image: url(skin/notestars/2-6.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-7{background-image: url(skin/notestars/2-7.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-8{background-image: url(skin/notestars/2-8.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-2-9{background-image: url(skin/notestars/2-9.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3{background-image: url(skin/notestars/3-0.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-1{background-image: url(skin/notestars/3-1.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-2{background-image: url(skin/notestars/3-2.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-3{background-image: url(skin/notestars/3-3.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-4{background-image: url(skin/notestars/3-4.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-5{background-image: url(skin/notestars/3-5.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-6{background-image: url(skin/notestars/3-6.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-7{background-image: url(skin/notestars/3-7.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-8{background-image: url(skin/notestars/3-8.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-3-9{background-image: url(skin/notestars/3-9.png);}
#recapColumn .equipeElem .titleEquipe span.noteStar-4{background-image: url(skin/notestars/4-0.png);}



/* ============================ Default Nav	 Footer ================================ */
/* ---- Footer --- */
#footer .footerContainer{ position: relative; zoom:1; }
#footer .footerContainer .footermenu{height: 32px; line-height: 32px; height: 29px\9; overflow: hidden;}
#footer .footerContainer ul.menu{position: relative; height: 32px;}
#footer .footerContainer .menu li, #footer .footerContainer .rapid-access li{ display: inline-block; *display: inline;  height: 32px; line-height: 32px; overflow: hidden;}
#footer .footerContainer .menu li{display: block\9; float: left\9; height: 29px\9;}
#footer .footerContainer .rapid-access li{height: 24px\9; padding-top: 4px\9;}
#footer .footerContainer .rapid-access{padding-right: 3px; *padding-top: 5px; padding-left: 10px; *padding-bottom: 4px;}
#footer .footerContainer .rapid-access span.cufonizemedium{display: inline-block; height: 12px; line-height: 12px; *display: inline; padding-top: 10px; float: left; *padding-top: 3px;}
#footer .footerContainer .rapid-access ul{display: inline-block; height: 32px; height: 29px\9; line-height: 32px; *display: inline;}
#footer .footerContainer .rapid-access span{color: #fff; font-size: 12px; margin-right: 10px; }
#footer .footerContainer .rapid-access ul li img{vertical-align: middle}
#footer .footerContainer .menu li{ overflow:hidden;_overflow;visible;zoom:1; margin-left:-4px; margin-left: 0px\9;}
#footer .footerContainer .menu li.dropdown{margin-left: 0;}
#footer .footerContainer .menu li a{display: inline-block; padding: 11px 10px 10px 10px; height: 11px; line-height: 12px; font-size: 12px; color: #FFF; text-transform: uppercase; border-right: 1px solid #e97481; position: relative; font-weight: bold; padding-top: 8px\9; *padding-top:6px; *height:20px!important;}
#footer .footerContainer .menu li a span.hover{display: none; color: #3d3d3d;}
#footer .footerContainer .menu li a span.normal{display: block; color: #FFF;}
#footer .footerContainer .menu li a.active{background: #FFF url(skin/footer/menuactive.png) repeat-x left bottom;}
#footer .footerContainer .menu li a.active span.normal{display: none;}
#footer .footerContainer .menu li a.active span.hover{display: block;}
#footer .footerContainer .menu li.dropdown a{padding-right:0px;}
#footer .footerContainer .menu li.dropdown a span.normal{padding-right:30px; background: url(skin/puce/fleche-down.gif) no-repeat right center; margin-left: 0;}
#footer .footerContainer .menu li.dropdown a span.hover{padding-right:30px; background: url(skin/puce/fleche-down2.gif) no-repeat right center; margin-left: 0;}
#footer .footerContainer .menu li.dropdown li a{background: none;}
#footer .footerContainer .content{ padding: 10px 25px 10px 25px; width: 934px; color: #3d3d3d;}
#footer .footerContainer #footercontents.footercontents{overflow: hidden; _width: 986px; position: relative; _position: absolute; _left: 10000000px; background: #e0e0e0 url(skin/footer/contentFooter.png) repeat-x left top; clear: both; zoom: 1;}
#footer .footerContainer #footercontents.active{_position: relative !important; _left: 0px!important;}
#footer .footerContainer .footercontents .shoot{position: absolute; left: 10000000px;}

/* footer contents contenus */
#footer .footerContainer .content h3{color: #CC0117; font-size: 16px; font-weight: bold; font-family: Trebuchet MS, Arial, Verdana, sans-serif; }
#siteMenuFoot{display: block; overflow: hidden; _overflow: visible; zoom:1; text-align: center; margin-top: 13px; *margin-top: 20px;}
#siteMenuFoot li{display: inline-block; padding: 0 21px 0 20px; background: url(skin/footer/separMenuFoot.gif) no-repeat right center; *display: inline; *overflow: hidden; *zoom: 1;}
#siteMenuFoot li.first{padding-left: 0px;}
#siteMenuFoot li.last{padding-right: 0px; background: none;}
#siteMenuFoot li.nomenu{padding-left: 0px; padding-right: 0px; background: none;}
#siteMenuFoot li.separFooter{display: block; background: url(skin/footer/separLineMenuFoot.gif) repeat-x center center; height: 20px;}
#siteMenuFoot li a, #siteMenuFoot li span{font-size: 12px; color:#3d3d3d; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-weight: bold;}
#siteMenuFoot li a.getUp{display: inline-block\9; background: none;}
#siteMenuFoot li .voteLink{margin-left: 5px; margin-top: -5px\9; display: inline-block\9;}

#footer #menufoot .listeEquipes{width: 930px; float: left;}
#footer #menufoot .alerteVotes{width: 245px; float: right;}
#footer #menufoot .alerteVotes .blockCorner .blockInside .body{padding: 10px; background-color: #CC0117; color:#FFF; font-size:14px;}
#footer #menufoot .alerteVotes .blockCorner .blockInside .body .divVotes,
#footer #menufoot .alerteVotes .blockCorner .blockInside .body .divVotes span{color:#FFF; font-size:14px; line-height: 20px;}
#footer #menufoot .alerteVotes .blockCorner .topCorners .tl,
#footer #menufoot .alerteVotes .blockCorner .topCorners .tr,
#footer #menufoot .alerteVotes .blockCorner .bottomCorners .br,
#footer #menufoot .alerteVotes .blockCorner .bottomCorners .bl{display: block; background-image: url(skin/blocks/corners_block_redfooter.png); height: 8px; width: 8px;}

/* Tags */
#footer .footerContainer .content a{ color: #CC0117 !important;}
#footer .footerContainer .content .tag1{font-size:16px; margin-right: 10px; font-weight: bold;}
#footer .footerContainer .content .tag2{font-size:12px; margin-right: 10px;}
#footer .footerContainer .content .tag3{font-size:16px; margin-right: 10px; text-transform: uppercase;}
#footer .footerContainer .content .tag4{font-size:14px; margin-right: 10px;}
#footer .footerContainer .content .tag5{font-size:12px; margin-right: 10px; text-transform: uppercase;}
#footer .footerContainer .content .tag6{font-size:18px; margin-right: 10px; font-weight: bold;}
#footer .footerContainer .content .tag7{font-size:16px; margin-right: 10px;}

/* ============================ /Default Nav Footer ================================ */


/* REGISTRAR */

.stepsRegistrar {overflow:hidden;_overflow:visible;zoom:1;margin-left:10px;}
.stepsRegistrar li {float:left;margin-right:10px;_margin-right:7px;height:93px;width:161px;background:url('skin/contenus/stepsRegistrar.png') no-repeat;}
.stepsRegistrar li.un {background-position:left top;}
.stepsRegistrar li.deux {background-position:-161px top;}
.stepsRegistrar li.trois {background-position:-322px top;}
.stepsRegistrar li.quatre {background-position:-483px top;margin-right:0;}
.stepsRegistrar li.current {background-image:url('skin/contenus/stepsRegistrarCurrent.png');}
.stepsRegistrar li span {display:none;}
h1.titleStepRegistrar {color:#a9a8a7;font-size:1.7em;margin:20px 0;}
h1.titleStepRegistrar strong {display:block;color: #da0008;border-top:1px solid #a9a8a7;}
h1.titleRecapRegistrar {color:#a9a8a7;font-size:1.7em;margin:20px 0;border-bottom:1px solid #a9a8a7;}
h1.titleRecapRegistrar strong {color: #da0008;}

form.formRegistrar .fline label {margin-top:0;}

.registrarFinder .block{padding-left:20px}

.registrarFinder span.arrow {width:34px;height:62px;position:absolute;display:inline-block;top:35%;left:0px;background:url('skin/contenus/registrarFinderArrow.png') no-repeat left top;}
.registrarFinder .body {background:url('skin/contenus/registrarFinderBkg.png') no-repeat center center;filter:expression(pngFix(this));}
.registrarFinder .body form{overflow:hidden;_overflow:visible;zoom:1;padding-top:40px;}
.registrarFinder .registrarNameChoice {float:left;width:70%;margin-right:10px;_margin-right:7px; text-align:right;}
.registrarFinder .registrarNameChoice input {width:152px;text-align:center;font-weight:bold;}
.registrarFinder .registrarSuffixeChoice {float:left;}
.registrarFinder .errorMsg {visibility: hidden;padding-top:10px;color:#da0000;font-weight:bold;}
.registrarFinder #imgStatus {width:255px;height:60px;overflow:hidden;_overflow:visible;zoom:1;margin:10px auto;}
.registrarFinder #imgStatus span {display:none;}
.registrarFinder .ok {background:url('skin/contenus/dndispo.png') no-repeat center center;filter:expression(pngFix(this));}
.registrarFinder .nok {background:url('skin/contenus/dnIndispo.png') no-repeat center center;filter:expression(pngFix(this));}
.registrarFinder .error .errorMsg {visibility:visible;}

table.optionsDN, table.optionsDN td, table.optionsDN th {border-color:#dbdadb;}
table.optionsDN th  {font-weight:bold;}
table.optionsDN th span {display:block;font-weight:normal;font-size:0.9em;}
table.optionsDN .optionEngagement input {vertical-align:middle;position:relative;top:-2px;_top:0;}
table.optionsDN .optionEngagement td {padding:5px 8px;}
table.optionsDN .optionEngagement label span{font-size:88%;}
/*table.optionsDN .helpBox {display:none;}*/
.hasJS table.optionsDN .helpBox {display: inline;float:right;position:relative;width:20px;height:20px;background:url('../img/pictos/helpBox.png') no-repeat center center;margin:-3px 0 -3px 5px;top:0px;}
table.optionsDN .helpBox span{visibility:hidden;position:absolute;display:inline;width:150px;border:2px solid #DA0008;right:12px;bottom:12px;font-size:0.99em;background:#fff; padding:3px;}


table.tableTotalRegistrar {border-color:#dbdadb;}
table.tableTotalRegistrar td {width:80px;}
table.tableTotalRegistrar td, table.tableTotalRegistrar th {border:1px solid #dbdadb;padding:5px 15px;font-weight:bold;}
table.tableTotalRegistrar td {text-align:center;}
table.tableTotalRegistrar .promo td, table.tableTotalRegistrar .remise td,
table.tableTotalRegistrar .promo th, table.tableTotalRegistrar .remise th {;border-bottom:2px solid #4d4e4e;}
table.tableTotalRegistrar .glob td, table.tableTotalRegistrar .glob th {background:#565657;color:#fff;border-bottom:2px solid #4d4e4e;}
table.tableTotalRegistrar .total td, table.tableTotalRegistrar .total th {background: #da0008; color:#fff;}
.redArrowBig {width:34px;height:62px;position:absolute;display:block;top:35%;right:20px;background:url('skin/contenus/registrarFinderArrow.png') no-repeat left top;}


.recapRegistrarSteps {margin-bottom:20px;padding-right:10px;}
.recapRegistrarSteps li {background:url('../img/pictos/etape1.png') no-repeat 90px 20px;padding-left:180px; padding-top:25px;}
.recapRegistrarSteps li.un {background-image:url('../img/pictos/etape1.png')}
.recapRegistrarSteps li.deux {background-image:url('../img/pictos/etape2.png')}
.recapRegistrarSteps li.trois {background-image:url('../img/pictos/etape3.png')}
.recapRegistrarSteps li.quatre {background-image:url('../img/pictos/etape4.png')}
/*annulation*/
.recapRegistrarSteps li li {background:none;padding:0;}
.recapRegistrarSteps h6 {margin-bottom:10px;font-size:1.2em;}
.recapRegistrarSteps h6 strong {color:#da0008;}
.recapRegistrarSteps .exergue {margin-left:30px; margin-bottom:15px;}


/* Custom */
.tMarginCustom { margin-top:17px !important; }
.mandatoryFields {
	text-align: right; 
	margin: 5px 0 10px; 
	color: #858585; 
	font-family:Trebuchet MS,Verdana,Arial,sans-serif; 
	font-size:0.9em;
}

/* fix my pngs */ 
.mandatoryFields {
	text-align: right; 
	margin: 5px 0 10px; 
	color: #858585; 
	font-family:Trebuchet MS,Verdana,Arial,sans-serif; 
	font-size:0.9em;
}
.pngFix {filter:expression(pngFix(this));background-image:url(skin/px.gif);}

