/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container {margin:0 auto;width: 950px;background-color:white;/*background-image:url(../images/grille_950.png);*/background-position:top center;background-repeat:repeat-y}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,.grid_2,.grid_3,.grid_1A,.grid_1B,.grid_master_A,.grid_master_B {display:inline;float: left;margin-left: 0px;margin-right: 0px;}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container .grid_1,.container .grid_1A {width:300px;}
	.container .grid_1B {width:265px;}
.container .grid_2 {width:650px;}
.container .grid_3 {width:950px;}

.container .grid_master_A{width:565px;padding-top:30px}
.container .grid_master_B{width:320px;padding-top:30px}


/* Prefix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container .prefix_1 {padding-left:300px;}
.container .prefix_2 {padding-left:650px;}

/* Suffix Extra Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container .suffix_1 {padding-right:300px;}
.container .suffix_2 {padding-right:650px;}

/* `Push Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container .push_1 {left:300px;}
.container .push_2 {left:650px;}

/* Pull Space >> 3 Columns
----------------------------------------------------------------------------------------------------*/
.container .pull_1 {left:-300px;}
.container .pull_2 {left:-650px;}

/* Maj AC : definition marge gauche deux colonnes ---
----------------------------------------------------------------------------------------------------*/
.bloc_ML30{margin-left:30px}
.bloc_ML45{margin-left:45px}
.bloc_ML65{margin-left:65px}

.cale30{width:30px}
.cale60{width:60px}

