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

[MEDIA:SCREEN] - CCM/Benchmark Framework

Document : GRID Framework
Author   : Damien SYREN

Grille CSS flexible inspired by OOCSS Framework http://oocss.org/

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

/* float */
.bloc,.floatLeft,.left  { float:left  }
.floatRight,.right      { float:right }

.size1of1{width:100%}
.size1of2{width:50%}
.size1of3{width:33.33333%}
.size2of3{width:66.66666%}
.size1of4{width:25%}
.size2of4{width:50%}
.size3of4{width:75%}
.size1of5{width:20%}
.size2of5{width:40%}
.size3of5{width:60%}
.size4of5{width:80%}
.size7of10{width:70%}
.size3of20{width:15%}
.size6of20{width:30%}
.size1of10{width:10%}

/* .lastBloc n'est necessaire uniquement que si on utilise .bloc sans .size */
.lastBloc{
    display:table-cell;
    float:none;
    width:auto;
    *display:block;
    *zoom:1;
    _position:relative;
    _left:-3px;
    _margin-right:-3px;
}

/* ATTENTION : n'utiliser que si le .lastBloc du dessus ne fontionne pas correctement */
.lastBlock{
    float:none;
    width:auto;
    overflow: hidden;
    *zoom:1;
}

/* display : inline-block */
.inlb,
.inlineBlock{
    display:inline-block;
    vertical-align:middle;
    *zoom:1;
    *display:inline;
}
/* surcharge grille CSS */
.inlbB{
    display: inline-block;
    vertical-align: baseline;
    *zoom:1;
    *display:inline;
}
.inlbT{
    display: inline-block;
    vertical-align: top;
    *zoom:1;
    *display:inline;
}
.relative{ position: relative; *zoom:1;}
.abs { position: absolute }
.block{ display: block }
.none{ display: none}

/* gestion du clearfix autre solution
http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/
*/
.clear,.line{zoom:1}
.clear:after,
.line:after,
.lastBloc:after,
.lastBlock:after{
    clear:both;
    display:block;
    visibility:hidden;
    overflow:hidden;
    height:0 !important;
    line-height:0;
    font-size:xx-large;
    content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

/*
- PUBLICITE OAS ----------------------------------------------------------------
*/

// #oas_top, #ba_top{ background:#fff; padding-top:15px }
// #oas_top object, #ba_top object, .adoas object, #ba_top img, #ba_top iframe{ display:block; margin:0 auto }
// .rightCol .ba{ margin-bottom:20px }
// .ba img{ display: block }

/* publicite colonne de droite */
#pub_right,
#pub_position1,
#pub_position2,
#pub_position3,
#pub_position4{
    margin-bottom:15px
}
#pub_right img,
#pub_position1 img,
#pub_position2 img,
#pub_position3 img,
#pub_position4 img{
    display:block
}
/* espace blanc si on ne cache pas les pixel de OAS */
.adoas a[target="_top"] img{ display:block }

/*
- ESPACEMENTS ------------------------------------------------------------------
*/


.marA   { margin:auto }
.mar0   { margin:0px  }
.mar5   { margin:5px  }
.mar10  { margin:10px }
.mar15  { margin:15px }
.mar20  { margin:20px }
.mar25  { margin:25px }
.mar30  { margin:30px }

    /* margin top */
    .marT0  { margin-top:0  }
    .marT5  { margin-top:5px  }
    .marT10 { margin-top:10px }
    .marT15 { margin-top:15px }
    .marT20 { margin-top:20px }
    .marT25 { margin-top:25px }
    .marT30 { margin-top:30px }

    /* margin bottom */
    .marB0  { margin-bottom:0    }
    .marB5  { margin-bottom:5px  }
    .marB10 { margin-bottom:10px }
    .marB15 { margin-bottom:15px }
    .marB20 { margin-bottom:20px }
    .marB25 { margin-bottom:25px }
    .marB30 { margin-bottom:30px }

    /* margin right */
    .marR0  { margin-right:0  }
    .marR5  { margin-right:5px  }
    .marR10 { margin-right:10px }
    .marR15 { margin-right:15px }
    .marR20 { margin-right:20px }
    .marR25 { margin-right:25px }
    .marR30 { margin-right:30px }

    /* margin left */
    .marL0   { margin-left:0     }
    .marL5   { margin-left:5px   }
    .marL10  { margin-left:10px  }
    .marL15  { margin-left:15px  }
    .marL20  { margin-left:20px  }
    .marL25  { margin-left:25px  }
    .marL30  { margin-left:30px  }
    .marL50  { margin-left:50px  }
    .marL100 { margin-left:100px }

/* PADDING */
.pad5   { padding:5px  }
.pad10  { padding:10px }
.pad15  { padding:15px }
.pad20  { padding:20px }
.pad25  { padding:25px }
.pad30  { padding:30px }

    /* padding top */
    .padT0  { padding-top:0    }
    .padT5  { padding-top:5px  }
    .padT10 { padding-top:10px }
    .padT15 { padding-top:15px }
    .padT20 { padding-top:20px }
    .padT30 { padding-top:30px }

    /* padding bottom */
    .padB0  { padding-bottom:0    }
    .padB5  { padding-bottom:5px  }
    .padB10 { padding-bottom:10px }
    .padB15 { padding-bottom:15px }
    .padB20 { padding-bottom:20px }
    .padB30 { padding-bottom:30px }

    /* padding right */
    .padR0  { padding-right:0    }
    .padR5  { padding-right:5px  }
    .padR10 { padding-right:10px }
    .padR15 { padding-right:15px }
    .padR20 { padding-right:20px }
    .padR30 { padding-right:30px }
    .padR40 { padding-right:40px }

    /* padding left */
    .padL0  { padding-left:0    }
    .padL5  { padding-left:5px  }
    .padL10 { padding-left:10px }
    .padL15 { padding-left:15px }
    .padL20 { padding-left:20px }
    .padL30 { padding-left:30px }
    .padL40 { padding-left:40px }
    .padL50 { padding-left:50px }
    .padL60 { padding-left:60px }