/****
* 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; _margin-right:-3px;}
.unit{float:left; zoom:1;}
.lastunit {float:none; width:auto !important; margin-right:0 !important;}

/* largeurs des blocs */
.size1on1{float:none !important;margin-right:0; width:auto}
.size1on2{width:49.43%!important}
.size1on3{width:32.57%!important}
.size1on4{width:24.14%!important}
.size1on5{width:19.09%!important}
.size2on3{width:65.15%!important}
.size2on5{width:38.18%!important}
.size3on4{width:72.43%!important}
.size3on5{width:57.26%!important}
.size4on5{width:76.35%!important}



/* ** block** */
.block, .body {overflow:hidden; _overflow:visible; zoom:1; position:relative;}
.blockInside {position:relative;} 
.head {}
.headPicto {padding:3px 15px;}
.headPicto img {vertical-align:middle;margin-right:5px;}
.foot {bottom:4px; right:5px; position:absolute;}




/* 
	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; _overflow:visible; zoom:1; }
.sideR {float:right; background-position:right top;}


/* 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;}

.hasJS .tabCtn {display:none;}
.hasJS .tabCurrent {display:block;}