/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* Grille de base
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

.gabarit h1,
.gabarit h2,
.gabarit h3,
.gabarit h4,
.gabarit h5,
.gabarit h6,
.gabarit p,
.gabarit img {
	
	/*border: 1px solid #666;*/

}

.gabarit p {
	/*
	border: 1px solid #666;
	overflow: hidden;
	text-align: center;
	padding: 10px;
	*/
}

.bloc {  
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* Colonnes
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
/*	margin-bottom: 5px;	
	/*background-color: #ccc;*/
	
}

/*
#IE7 .col1,
#IE7 .col2,
#IE7 .col3,
#IE7 .col4,
#IE7 .col5,
#IE7 .col6,
#IE7 .col7,
#IE7 .col8,
#IE7 .col9,
#IE7 .col10,
#IE7 .col11 {
	background-color: #ccc;
}
*/

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* Début et fin de colonne
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

.db {
	margin-left: 0;
}

.fin {
	margin-right: 0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* Grille pour 12 colonnes
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */

.bloc .col1 {
	width: 7%;
}

.bloc .col2 {
	width: 14%;
}

.bloc .col3 {
	width: 23%;
}

.bloc .col4 {
	width: 32%;
}

.bloc .col5 {
	width: 41%;
}

.bloc .col6 {
	width: 49%;
}

.bloc .col7 {
	width: 57%;
}

.bloc .col8 {
	width: 66%;
}

.bloc .col9 {
	width: 75%;
}

.bloc .col10 {
	width: 84%;
}

.bloc .col11 {
	width: 91%;
}

.bloc .col12 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	/*background-color: green;*/
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* Positionner une colonne 
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.bloc .prefix1 {
	padding-left: 8%;
	margin-left: 0;
}

.bloc .prefix2 {
	padding-left: 16%;
	margin-left: 0;
}

.bloc .prefix3 {
	padding-left: 25%;
	margin-left: 0;
}

.bloc .prefix4 {
	padding-left: 34%;
	margin-left: 0;
}

.bloc .prefix5 {
	padding-left: 43%;
	margin-left: 0;
}

.bloc .prefix6 {
	padding-left: 51%;
	margin-left: 0;
}

.bloc .prefix7 {
	padding-left: 59%;
	margin-left: 0;
}

.bloc .prefix8 {
	padding-left: 68%;
	margin-left: 0;
}

.bloc .prefix9 {
	padding-left: 77%;
	margin-left: 0;
}

.bloc .prefix10 {
	padding-left: 85%;
	margin-left: 0;
}

.bloc .prefix11 {
	padding-left: 93%;
	margin-left: 0;
}

/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
/* Espacement
/* --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}