/*
-----------------------------------------------
FluidGrids CSS - Grids
----------------------------------------------- */
/* Based on Nicole Sullivan's OOCSS:
http://github.com/stubbornella/oocss/blob/8e6c6e7c7543bc76ea4f870a8ca25d27ac857d32/css/grids.css
*/

/* Page Divisions and Margins
----------------------------------------------- */
.page {margin:0 auto;}
.entete {padding:0 18px;}
.section {overflow:hidden;}
.ligne {overflow:hidden;}
.colonne {float:left;}
.contenu {padding:0 18px;}


/* colonne Widths
----------------------------------------------- */
.un {float:none;}
.demi {width:50%;}
.tiers {width:30%;}
.deuxtiers {width:70%;}
.quart {width:25%;}
.troisquart {width:75%;}
.cinq {width:20%;}
.deuxcinq {width:40%;}
.troiscinq {width:60%;}
.quatrecinq {width:80%;}

/* media queries
----------------------------------------------- */
@media only screen and (max-width:400px) {
.un {float:none;}
.demi {float: left; width:100%;}
.tiers {float: left; width:100%;}
.deuxtiers {float: left; width:100%;}
.quart {float: left; width:100%;}

}