* { margin: 0; padding: 0; color: #ebe3cf; }
body, html {
	background-color: #000000;
	/*background-image:url(../../images/dragon.png);*/
	font: 12px/18px verdana, arial,"sans serif";
	scrollbar-base-color:#44444;
	scrollbar-face-color:#777777;
	scrollbar-arrow-color:#bbbbbb;
}
.actualite{
	background-color: #000000;
	font: 11px/18px verdana, arial,"sans serif";
	scrollbar-base-color:#44444;
	scrollbar-face-color:#777777;
	scrollbar-arrow-color:#bbbbbb;
}
li { 
display: inline;
text-transform: uppercase;
}
.titre_jaune {
	font-size: 26px;
	font-family: arial, verdana, "sans serif";
	color: #FFFF00;
	line-height: 1em;
	text-transform: uppercase;	
}
.souligne {
	text-decoration: underline;	
}
.rouge {
	color: #ff0000;	
}

.jaune {
	color: #ffff00;	
}
.semiblanc {
	color: #ebe3cf;
}
.titre {
	font-size: 32px;
	font-family: arial, verdana, "sans serif";
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bolder;
}



/* Contient l'ensemble du site */
div#contenant { position: relative; width: 900px; 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; }
.grosTexte { font: 16px/20px 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: 1200px;
	height: 600px;
	background-color: #000000;
	float: left;
}
.marginleft150 { padding-left: 150px; padding-top: 35px; }
.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; }
.c1x1floatright { float: right; width: 250px; }

.colonne1 { float: left; width: 150px; }
.colonne2 { float: left; width: 150px; }
.colonne3 { float: left; width: 150px; }
.colonne4 { float: left; width: 150px; }

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

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

#nav{
	width: 1200px; /*border: 1px #fff solid;*/
	float: left;
	position: relative;
	z-index: 2000;
}
#sideBarLeft {
	width:200px;
	height:600px;
	background-color:transparent;
	color:#000000;
	float:left;
	padding-top:15px;
}
	
#navigation { width: 1200px; margin-left: -410px; height: 12px; position: fixed; top: 5px; left: 50%;  }


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


a:link, a:visited { color: #ffffff; 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: #FFFF00;
	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; }

.wrapper {
	position: absolute;
	width: 904px;
	margin-left: -452px;
	top: 0px;
	left:50%;
}


/* ##################### 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 */