@charset "utf-8";
/* CSS Document */

html, body {
margin:	0;
padding: 0;
background:	#000 url(images/bg_tile.jpg) top left repeat-x;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: 11pt;
}
@font-face {
    font-family: "Airstrip";
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.eclipseweb.fr/theme/ew/airstrip.eot); 
}

table { 
width:100%;
}

table td {
padding: 0;
border-width: 0;
vertical-align: top;
}

#bgstatic{
position: absolute;
top: 51px;
left: 0;
width: 100%;
height: 199px;
background: #000;
margin: 0;
padding: 0;
}

#contentPages {
text-align: left;
margin:	0 auto;
font-size: 80%;
width: 780px;
padding: 0;
position: relative;
background: transparent url(images/shadow.png) top left no-repeat;
}
/* ---------- Bannières ---------- */
#banniere {}

#glass{
width: 780px;
height: 200px;
background: transparent url(images/feature_shadow.png) left no-repeat;
}
#banniere-ad {
position: absolute;
top: 80px;
right: 20px;
display: block;
width: 480px;
height: 72px;
background: url(images/bg-ad-top.png) no-repeat;
padding: 6px;
background-color: transparent;
z-index: -10;
}
#banniere-ad object, #banniere-ad img {
display: block;
}
#logo {
width: 216px;
height: 51px;
background: transparent url(images/logo_trans.png) top left no-repeat; 


}
#banniere form {}
#banniere input {}
/*============== Styles pour form_connect =================*/
#form_connect {
color: #666;
position: absolute;
top: 15px;
right: 20px;
text-align:	right;
background: inherit;
}
#form_connect table {
width:350px;
height:17px;
}
#form_connect form {}
#form_connect button {
margin: 0px -3px;
border:	0px none;
padding: 0px;
background:	transparent none;
}
#form_connect button img {
width: 15px;
height: 15px;
}
#form_connect img {
border: 0px none;
width: 15px;
height: 15px;
}
#form_connect input {
width:85px;
height:10px;
}
#form_connect a {}
#uname {}

/*============= Style pour l'include globalnav.html ================*/

#menu {
position: absolute;
width:780px;
top: 208px;
left: -9px;
}

* html #menu {}

#content {
width: 780px; 
margin-left: auto; 
margin-right: auto;
}
#content {
width: 780px !important;
background:	transparent url(images/content_bg.png) left repeat-y;
padding: 0px 0px 0px 0px;
}
h1, h2, h3, h4, h5, p, li, ul, ol, dl,a {
	margin:							0;
	padding:							0;
	font-style:						normal;
}
h1 {font-size: 					1.6em;}
h2 {font-size: 					1.4em;}
h3 {font-size: 					1.2em;}
h4 {font-size: 					1em;}

h1 a, h2 a{}
h1 a:hover, h2 a:hover {}
p { margin:							0 0 10px 0;}
a[rel~=alternate] { float:		right;}

a:link, a:visited {
	color: 							#FFFFFF;
	text-decoration: 				none;
}
a:hover {
	text-decoration:				underline;
	}
img {	border:						0;}
hr{
 border:								0;
 border-top: 						1px dashed #36363D;
 color: 								#000;
 background-color: 				inherit;
 height: 							4px;
 clear:								both;
 margin:								0 0 15px 0;
}
strong {
	color:							#fff;
	background-color: 			inherit;
}
.blue{
	color:							#FFFFFF;
	font-weight:					bold;
}
.center { text-align: 			center;}
/*---------- acronymes, abbréviation ------------*/
acronym, abbr {
	border-bottom: 				#fff 1px dashed;
	cursor: 							help;
}
acronym:hover, abbr:hover { }
/*------------------- listes ----------------*/
ul, ol{
	color:							#ccc;
	list-style:						none;
	margin:							5px 0 5px 10px;
	background-color: 			inherit;
}
li{ margin:							5px 0 5px 0;}

/*=============== styles pour les tableaux =================*/
.outer {
	background-color: 			transparent;
	font-size:						.9em;
}
.head {
	background-color: 			inherit;
	padding: 						5px;
	font-weight: 					bold;
}
.head a {
	color: 							#fff;
	text-decoration: 				underline;
	background-color: 			inherit;
}
.head a:hover {
	color:							#EAAD7B;
	text-decoration: 				none;
	background-color: 			inherit;
}
/*======= Style pour les formulaires, boutons, zones de texte, ... ========*/

form {
	margin:						0px;
	padding:						10px;
}
form {
	margin:						0px;
	background:					transparent;
}
.formButtons {
	text-align:					center;
	padding:						.5em;
}
label{
	padding:						4px 5px 4px 0;
	display:						block;
	clear:						left;
	float:						left;
	text-transform:			uppercase;
	color:						#fff;
	font-weight:				bold;
	height:						15px;
	width:						60px;
	background-color: 		inherit;
}
label span{
	float:						left;
	display:						none;
	margin:						0;
	padding:						0;
}
input{}
#submit{
	background:					#000 url(images/but_bg.jpg) repeat-x bottom;
	margin: 2px auto 2px auto;
	clear:						left;
	width:						80px;
	height:						27px;
	border:						0;
}
input, select {
	background: 				#000 url(images/input_bg.jpg) repeat-x bottom;
	border: 						1px solid #333;
	padding: 					4px;
	margin:						0;
	color:						#fff;
	font-size: 					.9em;
}
textarea {
	background:					#000 url(images/text_bg.jpg) repeat-x bottom;
	border: 						1px solid #333;
	padding: 					4px;
	margin:						0;
	color:						#fff;
	font-size: 					1em;
	/*max-width: 					500px;*/
	width: 						95%;
}
input:focus, textarea:focus, select:focus { border:1px solid #fff;}
input.radio {
	width:						15px;
	border:						none;
	padding:						0;
}
input.button {
	width:						25px;
}
/*******************************************************************************************************************/
#xo-globalnav {
position:absolute;
top:208px;
left:15px;
}
* html #globalnav {}

#globalnav .x2-label { display: none;}
#globalnav li {
float:right;
display:inline;
padding:0 1px 0 1px;
}
#globalnav  a {}
#globalnav li a { 
position:relative;
padding-top:5px;
margin-top:-1px;
}

#navMenuA{
width:78px;
}
#navMenuB{
width:125px;
}
#navMenuA a:link, #navMenuA a:visited{
text-decoration:none;
height:28px;
display:block;
background:transparent url(images/navMenuA.png) top left no-repeat ;
}
#navMenuA a:hover, #system #navMenuA a{
text-decoration:none;
background-position:0 -34px;
}
#navMenuB a:link, #navMenuB a:visited{
text-decoration:none;
height:28px;
display:block;
background:transparent url(images/navMenuB.png) top left no-repeat ;
}
#navMenuB a:hover, #system #navMenuB a{
text-decoration:none;
background-position:0 -34px;
}
/*******************************************************************************************************************/
#navCf li {
padding:0 0 0 0 px;
}
.table_Cf{
width:757px;
margin: 0 0 0 0px;
padding:0 0 0 0 px;
}
.content_menu_cf{
width:136px;
}
.content_cf{
width:621px;
}
.footer_cf{
margin-left:9px;
height:8px;
width:757px;
background:transparent url(images/tetative-template20048_08.png) top center no-repeat;
}
#navCf .x3-label { display: none;}
#navCf  a {}
#navCf li a {
position:relative;
text-align:center;
}
#navCfMenu{
width:136px;
}
#navCfMenu a:link, #navCfMenu a:visited{
text-decoration:none;
height:31px;
display:block;
background:transparent url(images/navCfMenu.png) top left no-repeat;
background-position:0 -7px;
}
#navCfMenu a:hover, #system #navCfMenu a{
text-decoration:none;
background-position:0 -45px;
}
<!-- blocks -->
.entete{
background:transparent url(images/bgBlockB.png) top center no-repeat;
}
.simple_block{
margin-left:9px;
width:252px;
height:300px;
float:left;
}
.double_block{
margin-left:9px;
width:504px;
float:left;
}
.large_block{
width:757px;
float:left;
}
.pub_block{
margin-left:9px;
width:235px;
float:left;
}
.footer_block{
text-align:center;
margin-left:9px;
height:45px;
width:757px;
float:left;
}
<!-- end blocks -->