html, body {
    margin: 0px;
    padding: 0px;
    font-family:Georgia, "Times New Roman", Times, serif;
	background:#F6F5F1 url(../images/bg-header.gif) repeat-x;
	font-size:13px;
	}
/*--------------------------------------
     links
---------------------------------------*/

a {color:#FBBF09; text-decoration:none}
a:hover {color:#FBBF09; text-decoration:underline;}
img { border: none; } 
img a{ border: none; } 
.hr-rule { height: 1px; background: url(../images/h-rule.gif) ; margin: .15em 0 .15em 1.2em;  clear:both;}
.hr-rule hr { display: none; }
.images { padding:4px; background-color:#fff; border:1px solid #C7C7C7}

/*----------------------------- Structure --------------------------------*/

div#ouverture { position:absolute; right:0; top:0}
div#container {		
	width:100%;
	padding: 0;
	background:url(../images/bg-header.png) repeat-x;
	}
div#header {
    margin:0 auto;
	padding:0;
	width:980px;
	height:150px;
	color:#FFFFFF;
	background-color:transparent;	
	}
#logo {
	width:303px;
	height: 91px;	
	margin:10px 0 0 0;	
	float:left;
	}
div#bloc-image {
	width: 830px;
	margin:0 auto
	}
div#main {
display:inline;
float: left;
width: 515px;
margin:10px 0 0 0;
padding:0 10px 0 0;
border-right:1px dotted #C7C7C7;	
background:transparent;	
}
#content { width:980px; display:block; clear:both; margin:0 auto; padding:0 0 10px 0}
#data-header {display: block;margin:3em auto;padding:0;}
			
#info-header{display: block;margin:1em 0 2em -.5em;padding:0}	
ul {margin:0 0 5px 5px;padding:0;list-style:none}			  
ul li {margin: 3px 0 3px 0;font-style:italic;background:url(../images/icons/bullet_star.png) no-repeat 0px 3px;padding: 0 0 0 20px;line-height: 1.5em}
#contact {display:block; float:right; margin:40px 0 0 0}
#tel { font-weight:bold;float:left; display:block; color:#FBC000; margin:0 5px 0 5px; border-right:1px dotted #fff;}
#tel span {font-weight:normal; background:url(../images/icons/phone_sound.png) no-repeat 0px center;display:block;margin:0 10px 0 0px;padding:0 0 0 20px;color:#ffffff}
#fax {font-weight:bold;float:left;display:block;color:#FBC000; margin:0 5px 0 5px;border-right:1px dotted #fff;}
#fax span {font-weight:normal;background:url(../images/icons/printer.png) no-repeat 0px center;display:block;padding:0 0 0 20px;margin:0 10px 0 0px; color:#ffffff}
#fax2 {font-weight:bold;float:left;display:block;color:#FBC000; margin:0 5px 0 5px;}
#fax2 span a{font-weight:normal;background:url(../images/icons/email.png) no-repeat 0px center;display:block;padding:0 0 0 20px;margin:0 10px 0 0px; color:#ffffff}

/*----------------------------- Contenu --------------------------------*/

.bloc-site {background:#1D1D1D url(../images/bg-body.gif) repeat-x; display:block; border:5px solid #7C7C7C; clear:both; padding:15px; width:970px;height:250px; margin:15px 0 15px 0}
.bloc-site2 {background:#1D1D1D url(../images/bg-body.gif) repeat-x; display:block; border:5px solid #7C7C7C; clear:both; padding:15px; width:970px;height:240px; margin:15px 0 15px 0}
.titre-site {font-size:18px; color:#fff; font-family:Helvetica, sans-serif; font-weight:bold}
.image-site a {float:left; width:660px; height:235px; border:5px solid #ffffff}
.image-site2 a {float:left; background-color:#FFFFFF; margin:60px 0 0 20px; width:200px; height:auto; border:2px solid #ffffff}
.image-site3 a {float:left; background-color:#FFFFFF; margin:40px 0 0 60px; width:120px; height:auto; border:2px solid #ffffff}
.image-site a:hover,.image-site2 a:hover,.image-site3 a:hover{ border:2px solid #FAC000}
.text-site {float:right;width:280px; color:#fff; margin:0; padding:0}
.text-site2 {float:right;width:700px; color:#fff; margin:0; padding:0}
.link-site { background:url(../images/icons/star.png) no-repeat 0px center; padding:0 0 0 22px; font-size:16px}

/*----------------------------- footer --------------------------------*/

div#footer {
	border-top:3px solid #7C7C7C;
    background:#000 url(../images/bg-body.gif) repeat-x;
	clear:both;
	height:90px;
	padding:10px 0 0 0;
	color:#FFFFFF; 	
    }	
div#subfooter {
width:190px;
margin:0 0 0 20px; font-size:12px;
}
div#subfooter ul {
margin:0;
padding:0;
}
div#subfooter ul li {
margin:0;
padding:0 0 0 20px;
background:#111 url(../images/icons/tag_orange.png) no-repeat 0px center;
}
div#footer-container {	
margin: 0 auto;
width: 980px;
padding: 0;		
}
cite {
display:inline; 
float:right; 
margin: 0; 
padding:5px 20px 0 0; 
font-size: 12px; 
text-decoration:none;
color:#fff;border-right:1px dotted #8B8B8B;
}
#plaquette{
 float:left;
 width:350px;
 padding:0 30px 0 20px;margin:5px 0 0 30px;  border-right:1px dotted #8B8B8B;
 background: url(../images/icons/page_white_acrobat.png) no-repeat 0px center;}	
 #plaquette a{ color:#FBBF09}
 #adresse{
 float:left;border-right:1px dotted #8B8B8B;
 width:180px; padding:0 30px 0 0}		
div#footer-container .tech {
	display:inline; 
	float:right; 
	margin: 0 0 0 4em; 
	padding: .4em 0 0 0; 
	font-size: 12px;
}



.both { clear:both; }  
.footer-both { clear:both; margin:0; padding:0; line-height:1px; }  

/*--------------------------------------
     text and common elements
---------------------------------------*/
p { text-align:justify}
h1 {font-size: 19px; margin: 0px; padding: 0px; color:#ffffff }
h3 {border-bottom:1px dotted #C7C7C7; font-size:18px; color:#ffffff; margin:0; padding:0}
h4 {border-bottom:1px dotted #fff; font-size:13px; color:#ffffff; margin:0; padding:0}
h5 {font-size:14px;border-bottom:1px dotted #C7C7C7; margin:0 0 5px 0; padding:0 }
em#specials { /*paragraph under standard rates table*/
		margin:1em 0 6em 0; 
		font-style:italic;
		display: block;
		font-size:.8em;		
		} 		
.header-phone-number {font-size: 14px;font-style:italic; font-weight:bold; margin: 0px; padding: 0px; color:#C7C7C7;}