/****
* D. Structure des blocks et elements de blocks (line, unit, .block, .blockSimple, corners, tabs). On ne trouve ici que les declarations structurelles de base
****/
/* line, unit */
.line, .lastunit {overflow: hidden; _overflow: visible; zoom:1; margin:0; padding:0; display:block; }
.unit{float:left;margin-right:11px !important; margin-right:9px; zoom:1;}
.lastunit {float:none; width:auto !important; margin-right:0 !important;}
/* ** block** */
.block, .body, .head, .foot {overflow:hidden; _overflow:visible; zoom:1; }
.block, .body {position:relative;}
.blockInside {position:relative; zoom:1;}
.headHelp {background:#3986DD url(skin/blocks/tabs_header_bkg.png) repeat-x left top; font-weight:bold; padding:3px 0 0 10px;font-size:1.4em;; color:#FFF; min-height:25px; _height:25px; line-height:20px;}
.head {background: url(skin/blocks/head_block.png) repeat-x left top; font-weight:bold; padding:3px 10px;font-size:1.4em;; color:#FFF; min-height:20px; _height:20px; line-height:20px;}

.headSmall {background: url(skin/blocks/head_block.png) repeat-x left top; padding:7px 5px 6px;font-size:1.3em; min-height:12px; _height:12px; line-height:12px; color:#FFF;}
.headSmallOrange {background: url(skin/cart/onglet-orange.png) repeat-x left top; font-size:1.3em; min-height:12px; _height:12px; line-height:12px; color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;padding:10px;height:9px;}
.headTransparent { min-height:25px; _height:25px; background-color:transparent;}
.foot {}



/* 
	Corners (coins arrondis) : 
	Les coins sont generes avant et apres blockInside, ils sont contenus dans .topCorners et .bottomCorners 
	Ensuite il faut utiliser une marge negative (bottom ou top) pour les mettre par dessus le bloc (une position : relative + z-index les aidant a passer par dessus)
*/
.tl, .tr, .bl, .br{background-repeat:no-repeat; height:0; width:0; font-size:1%; overflow:hidden;position:relative; z-index:10;}
.tl{background-position: left top;float:left;}
.tr{background-position: right top;float:right;}
.bl{background-position: left bottom; float:left;} 
.br{background-position: right bottom; float:right;}
.topCorners, .bottomCorners {display:block;}

/* sides (cotes)
	Les sides sont utilisés par les blocs qui ont des cotés avec ombre
*/
.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;}
.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;}


/* sidesPage  (Top et Bottom)
	Les sides sont utilisés par les blocs qui ont des cotés avec ombre
*/
.pageTop ,  .pageBottom, .pageTop span , .pageBottom span {background: url(skin/structure/page_corners.png) no-repeat left top; height:11px; display:block;}
.pageTop {padding-left:20px;}
.pageTop span  {background-position:right top;}
.pageBottom {background-position: left bottom; padding-left:20px;}
.pageBottom span {background-position: right bottom;}




/* tabs : onglets, declaration de la partie structurelle */
ul.tabs {overflow:hidden; zoom:1}
ul.tabs li, ul.tabs li a  {background:no-repeat left top;}
ul.tabs li {float:left; cursor:pointer; _width:1%; white-space:nowrap;text-align:center;}
ul.tabs li a {display:block; zoom:1;background-position:right top;}
ul.tabs li.last {float:none; overflow:hidden; width:auto; zoom:1;_float:left;}

ul.onglets2 li {width:49%;} ul.onglets3 li {width:33.1%;} ul.onglets4 li {width:24.8%;} ul.onglets5 li {width:19%;} ul.onglets6 li {width:16%;}
ul.onglets7 li {width:14%;} ul.onglets8 li {width:12.3%;} ul.onglets9 li {width:11%;} ul.onglets10 li {width:10%;}
ul.onglets2 li,ul.onglets3 li,ul.onglets4 li,ul.onglets5 li,ul.onglets6 li,ul.onglets7 li,ul.onglets8 li,ul.onglets9 li {white-space:normal;}

.tabCtn {display:none;}
.forceDisplayTabs .tabCtn {display:block !important; }
.tabCurrent {display:block;}



/* tabs Green */
.blockTabs .tabs li, .blockTabs .tabs li a { background:url(skin/misc/tabs.png) no-repeat left -75px; padding-bottom:1000px; margin-bottom:-1000px; }
.blockTabs .tabs li {text-align:center;padding-left:10px; margin-right:5px; }
.blockTabs .tabs li a {background-position:right -75px; line-height:24px; text-decoration:none; padding:3px 11px 1006px 0; text-align:center; text-transform:uppercase;  color:#000; font-size:1.4em; font-weight:bold;}
.blockTabs .tabs li img {vertical-align:middle;line-height:31px; margin-top:-1px;}
.blockTabs .tabs li.current {margin-top:0;background-position:left top;}
.blockTabs .tabs li.current a {font-weight:bold;background-position:right top; color:#FFF;}
.blockTabs .tabs li.home {float:right; background:none ; width:35px; margin-right:0px;}
.blockTabs .tabs li.home a{background: url(skin/misc/onglet_home_bkg.png) no-repeat left 3px; text-indent:-9999px; padding:0 35px 1000px 0; min-height:33px; _height:33px;}