body{ font-size:62.5%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background:#324256 url(../cssimg/site/body_bg.gif) 0px 0px repeat-x; }

#conteneur{ margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:1000px; min-height:600px; _height:600px; background: url(../cssimg/site/header_bg.jpg) center 0px no-repeat; }

/* ====================================================================== */
/* =============================== GLOBAL ============================== */
/* ====================================================================== */
.spacer { clear:both; }
.spacer2 { clear:both; visibility:hidden; height:0; margin:0; padding:0; border:0; }

a { color:orange; text-decoration:underline; }
	a:hover { text-decoration:none; }

h1 { font-size:2.2em; }
h2 { font-size:2em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.3em; }
p  { font-size:1.2em; }

textarea{ font-family:Arial, Helvetica, sans-serif;}

.floatleft{ float:left;}
.floatright{ float:right;}
.center{ text-align:center;}
.alignleft{ text-align:left;}
.alignright{ text-align:right;}

.strong{font-weight:bold !important;}
.no-strong{font-weight:normal !important;}
.hidden-link{ color:black; text-decoration:none;}


/* ====================================================================== */
/* =============================== CENTRE =============================== */
/* ====================================================================== */

#edito{ padding:300px 240px 30px 240px; }
	#edito h1{ color:#ff277b; font-size:1.2em; }
	#edito p{ color:white; font-weight:bold; }
	

.cadre1, .cadre2, .cadre3, .cadre4{ position:relative; float:left;}
.cadre1 h1, .cadre2 h1, .cadre3 h1, .cadre4 h1{ position:absolute; top:31px; left:167px; color:white; font-size:1em;}
	.cadre1 h1 a, .cadre2 h1 a, .cadre3 h1 a, .cadre4 h1 a{ color:white; text-decoration:none;}
	.cadre1 .text,.cadre2 .text,.cadre3 .text,.cadre4 .text{margin:45px 8px 0px 157px; color:white; font-weight:normal; font-size:1em;}
		.cadre1 .text a,.cadre2 .text a,.cadre3 .text a,.cadre4 .text a{ color:white;}
	.cadre1 .link,.cadre2 .link, .cadre3 .link, .cadre4 .link{ position:absolute; bottom:5px; width:130px; color:white; font-weight:bold; text-align:center;}
		.cadre1 .link a,.cadre2 .link a,.cadre3 .link a,.cadre4 .link a{ color:white; text-decoration:none;}
		.cadre1 .link a:hover,.cadre2 .link a:hover,.cadre3 .link a:hover,.cadre4 .link a:hover{ text-decoration:underline;}
	

.cadre1{ margin:35px 0px 20px 20px; background: url(../cssimg/site/bg_publika.jpg) 0px 0px no-repeat; width:428px; height:166px;}
.cadre2{ margin:35px 0px 20px 100px; background: url(../cssimg/site/bg_publipack.jpg) 0px 0px no-repeat; width:428px; height:166px;}
.cadre3{ margin:10px 0px 40px 20px; background: url(../cssimg/site/bg_3emeaxe.jpg) 0px 0px no-repeat; width:428px; height:166px;}
.cadre4{ margin:10px 0px 40px 100px; background: url(../cssimg/site/bg_referencement.jpg) 0px 0px no-repeat; width:428px; height:166px;}

	
 
/* ====================================================================== */
/* ============================== FOOTER ================================ */
/* ====================================================================== */

#footer{ background:#24221a; height:17px; clear:both; text-align:center; color:#EFECE0; }
	#footer p{ text-align:center; padding:2px 0px 0px 0px; font-size:1.1em; }
		#footer a{ text-decoration:underline; color:#EFECE0; }
			#footer a:hover{ text-decoration:none;}