/**********************************
	gestion du squelette
*********************************/

/* largeur des conteneur*/
.container,
article,
.catalog,
.cata-telechargement,
#error_page,
.box-full .box-inner{
	max-width:990px;
	margin:0 auto 0 auto;

	padding:0px;
	background:#FFFFFF;
}

.box-full .box-inner{
	background:none;
}



/***
	système de colonne
***/

/* full par default */
body #leftbar,
body #rightbar{
	display:none;
}

body#contents{
	width:100%;
}
/*end*/


/* 
	--->si leftbar 
*/
/* taille zone de contenu */
body.leftbar #contents{
	
	width:80%; /*<--------- taille contenu*/
	
	overflow:hidden;
	float:right;
}

/* taille leftbar */
body.leftbar #leftbar{
	width:20%; /*<--------- taille left barre*/
	overflow:hidden;
	float:left;
}

body.leftbar #rightbar{
	display:none;
}

/* 
	--->si rightbar 
*/

/* taille zone de contenu */
body.rightbar #contents{
	
	width:80%; /*<--------- taille contenu*/
	
	overflow:hidden;
	float:left;
}

/* taille leftbar */
body.rightbar #rightbar{
	width:20%; /*<--------- taille right barre*/
	overflow:hidden;
	float:right;
}

body.rightbar #leftbar{
	display:none;
}

/* 
	--->pas de colonne
*/
body.full #leftbar,
body.full #rightbar{
	display:none;
}

body.full #contents{
	width:100%;
}



/**
*	système de flotement
*	--> penser a la class .box-size
*/


/* 2 Colonne */
.c2{
	width:50%;
	float:left;
}

/* 3 Colonne*/
.c3{
	width:33.3333%;
	float:left;
}
.c3-2{
	width:66.6667%;
	float:left;
}


/* 4 colonne */
.c4{
	width:25%;
	float:left;
}
.c4-3{
	width:75%;
	float:left;
}
.c4-2{
	width:50%;
	float:left;
}