* { margin: 0; padding: 0; color: #000000; }
body, html { background-color: #4c4952; font: 11px/18px verdana, arial,"sans serif"; }

/* Contient l'ensemble du site */
div#contenant { position: relative; width: 12600px; height: 600px; margin-top: 26px;/* height: 100%; min-height: 610px; max-height: 725px;*/ }

div#contenant_site { height: 600px; }

#imagebg { position: absolute; top:5px; left:0; }


.padding25 ul { list-style: none; margin-bottom: 25px; width: 250px }
.padding25 li { font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; margin-bottom: 12px; width: 250px; }

.petitTexte { font: 10px/14px verdana, arial,"sans serif"; letter-spacing: -0.2px; }

.note { position: absolute; bottom: 7px; width: 550px; color: #bbbbbb; z-index: 1000; margin-left: -275px; font: 10px/12px verdana, arial,"sans serif"; }

#row1 { float: left; position: relative; }
#row2 { float: left; margin-top: -300px; margin-right: -3px;/*<-- pour glitch ie6*/ }

div .carre_1x1 {
	width: 300px;
	height: 300px;
	background-color: #000000;
	float: left;
}
div .carre_1x2 {
	width: 300px;
	height: 600px;
	background-color: #000000;
	float: left;
}
div .carre_2x1 {
	width: 600px;
	height: 300px;
	background-color: #000000;
	float: left;
}
div .carre_2x2 {
	width: 600px;
	height: 600px;
	background-color: #000000;
	float: left;
}
div .carre_3x3 {
	width: 900px;
	height: 600px;
	background-color: #000000;
	float: left;
}
div .carre_1x3 {
	width: 900px;
	height: 1900px;
	background-color: #000000;
	float: left;
}
div .carre_demo {
	width: 8775px;
	height: 600px;
	background-color: #4c4952;
	float: left;
}

.marginleft300 { padding-left: 300px; }
.marginleft600 { padding-left: 600px; }
.marginleft900 { padding-left: 900px; }
.marginleft2400 { padding-left: 2400px; }
.marginleft3000 { padding-left: 3000px; }
.marginleft3900 { padding-left: 3900px; }
.marginbot25 { margin-bottom: 25px; }

.c1x1floatleft {
	float: left;
	width: 250px;
	text-align: center;
}
.c1x1floatleft1 {
	float: left;
	width: 375px;
	text-align: left;
}
.c1x1floatright {
	float: right;
	width: 250px;
	text-align: center;
}
.c1x1floatright2 {
	float: right;
	width: 190px;
	text-align: right;
}

.padding25 { padding-top: 25px; padding-left: 24px; padding-right: 24px; }
.contact p { margin-bottom: 25px; }

div#main { background-color: #fcfbf8; }

#nav{
	width: 12600px; /*border: 1px #fff solid;*/
	float: left;
	position: relative;
	z-index: 2000;
}

#navigation { width: 12600px; height: 12px; position: fixed; top: 5px; left: 0;  }
#navigation ul { margin-left:0px; list-style: none; }
#navigation li { float: left;  }

#bas { background-color: #353339; height: 5px; width: 6000px; clear: left; }


a:link, a:visited { color: #000000; text-decoration: underline; }
a:hover, a:active { color: #6a665e; text-decoration:none; }


/*---- Header styling ---

/* ###################### SiFR STYLES ############################ */
h1 { font-size: 16px; font-family: arial, verdana, "sans serif"; color: #4c4952; line-height: 1em; text-transform: uppercase; }
	h1.h1_2e { float: left; margin-top: 20px; border: 1px #4c4952 solid; }
h2 { font-size: 16px; font-family: arial, verdana, "sans serif"; color: #4c4952;  line-height: 1em; text-transform: uppercase; margin-top: 3px; }




/* ##################### FLOAT DIV FIX ############################ */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */