/* 
    Document    : lib.rowdr
    Created on  : 23 avr. 2011, 16:38:42
    Author      : JC
    Inspiration : Easy project Framework http://cssglobe.com/post/9849/easy-percentage-grid-system-with-html5
    Description : Un système de grilles prêt à l'emploi
    Usage       : "ggcols" definit un conteneur ggcols. "ggcolsX" definit le nombre globale de gcolonnes. ""ggcol" définit une gcolonne. "ggcolX" definit une fusion de gcolonne
*/



/* definition du conteneur de base 
param : la largeur dépend du layout
---------------------------------------------- */
.gcontainer { height: 100%;  margin:0;  overflow: hidden; text-align:left; }
.gcontainer .gcol { display: block; height: 100%; overflow: hidden; position: absolute; top: 0;  }
.gcontainer .gcol-L { left: 0; width: 300px; }
.gcontainer .gcol-fluid { height: 100%; margin: 0 0; position: relative; overflow: hidden; width:auto; }
.gcontainer .gutter { /*background: green;*/ height: 100%; right: 10px; top: 0; position: absolute; width: 10px; z-index:25; }
.gcontainer .wrapper { margin: 0 30px 0 0; }
/* templating
param : specificité au template du site
---------------------------------------------- */

/* @type1 */
.gcontainer-01 .gcol-R { right: 0; width: 230px; }
.gcontainer-01 .gcol-fluid { margin: 0 230px;}
.gcontainer-01 .gcol-R .gutter { right: 0; }
.gcontainer-01 .gcol-R .wrapper { margin: 0 20px 0 0; }
.gcontainer-01 .gcol-L { width: 200px; }
/* @catalog */
.gcontainer-02 .gcol-fluid { margin: 0 0 0 230px;}
.gcontainer-02 .gcol-fluid .gutter { right: 0; }
.gcontainer-02 .gcol-fluid .wrapper { margin: 0 20px 0 0; }
.gcontainer-02 .gcol-L { width: 200px; }
/*catalog*/
.gcontainer-02.catalog-01 .gcol-fluid .wrapper { margin: 0 0 0 0; }
/*homepage*/
.gcontainer-02.catalog-02 .gcol-fluid { margin: 0 0 0 400px;}
.gcontainer-02.catalog-02 .gcol-L { left: 0; width: 400px; }
/* @sheet */
.gcontainer-03 .gcol-R { right: 0; width: 115px; }
.gcontainer-03 .gcol-fluid { margin: 0 125px 0 300px; }
.gcontainer-03 .gcol-R .gutter { right: 0; }
.gcontainer-03 .gcol-R .wrapper {  margin: 0 20px 0 0; }
/* @galerie gen */
.gcontainer-04 { width: 210px; }
.gcontainer-04 .gcol { display: block; float: right; height: auto; overflow: hidden; position: relative;  }
.gcontainer-04 .first.gcol { float: left; }