@import url("reset.css"); 
@import url("nav_gen_2011_telechargement.css");

body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background-color: #fff; text-align:center; }
p {	font-size:1em; }
h1 { font-size:1em; } 
h2 { font-size:1.2em; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }
h5{ font-size:0.8em; }
h6 { font-size:0.8em; font-weight:normal; }
a:link { color: #999999; text-decoration:none; }
a:visited { color:#999999; text-decoration:none; }
a:hover { text-decoration:none; color:#fff }
a:active { text-decoration:none; color:#fff; }
img a { border:0; }

/*--INTRODUCTION FLASH--*/
#bloc_abs_flash {
position:relative;
width:1003px;
margin:0 auto;
padding:0;
background:#FFFFFF url(../images/fr/000_general/f_intro_flash.jpg) no-repeat 0 0;
z-index:1;
height:580px;
}
#bloc_abs_flash .information_abs_flash {
position:absolute;
top:275px;
left:285px;
font-size:14px;
color: #FFFFFF;
line-height:16px;
width:700px;
}
#bloc_abs_flash .information_abs_flash a {
color:#E2001A;
text-decoration:underline;
}
#bloc_abs_flash .information_abs_flash a:hover {
color:#E2001A;
text-decoration:none;
}	

/*--DIV PRINCIPALE DU SITE--*/
#conteneur_site {
position:relative;
width:1003px;
margin:0 auto;
padding:0;
background:#ffffff url(../images/fr/000_general/f_site_generale.gif) repeat-y left top;
z-index:1;
height:auto;
}

/*--NAVIGATION CONTEXTUEL--*/
#conteneur_site h1 {
font-size:10px;
color:#878787;
padding:20px 35px 20px 0;
background:url(../images/fr/000_general/f_frise_nav_contextuelle.gif) repeat-x bottom left;
margin:0 15px 10px 15px;
font-weight:normal;
/*text-transform:lowercase;*/
}
#conteneur_site h1 a {
font-size:10px;
font-weight:normal;
color:#878787;
text-decoration:none;
/*text-transform:lowercase;*/
}
#conteneur_site h1 a:hover {
color:#333333;
font-size:10px;
}	
#conteneur_site h1 a.page_focus {
font-size:10px;
color:#000;
font-weight:bold;
text-transform:uppercase;	
}
#conteneur_site h2 {
color:#000;
padding:0 0 5px 0;
background:url(../images/fr/000_general/f_titre_frise_article.jpg ) repeat-x bottom left;
}	

/*--LIEN SAVOIR PLUS--*/
.lien_savoir_plus {
text-align:right;
vertical-align:middle;
}
.lien_savoir_plus a {
text-decoration:none;
color:#999;
font-size:10px;
}
.lien_savoir_plus a:hover{
text-decoration:none;
color:#000;
font-size:10px;
background-color:#F1F1F1;
}
/*--LIEN VOIR--*/
.lien_voir {
text-align: left;
vertical-align:middle;
background:url(../images/fr/000_general/p_menu_gauche.gif) no-repeat 1px 5px;
padding:0 0 0 13px;
}
.lien_voir a {
text-decoration:none;
color:#999;
font-size:10px;
}
.lien_voir a:hover{
text-decoration:none;
color:#000;
font-size:10px;
background-color:#F1F1F1;
}
.retour{
height:15px;
color: #999999;
font-size:10px;
vertical-align:top;
text-align:right;
background:url(../images/fr/000_general/f_titre_frise_article.jpg ) repeat-x bottom left;
}

/*--FAUSSE POP UP INFOMATION REALISATION QUI REMONTE DANS PRESTATION--*/
.pop_rea {
height:auto; 
width:567px;
position:absolute; 
visibility: hidden;
padding:10px;
top:100px; 
left:218px;
z-index:100;
background-color:#FFFFFF !important;
border:1px solid #333333;
}
.contenu_pop_rea {
height:auto; 
width:567px;
}

/*--ENTETE DU SITE HEADER--*/
#header {
position:relative;
background: url(../images/fr/000_general/f_header_site.jpg) no-repeat left top;
height:190px;
z-index:200;
}

#logo {
position:absolute;
top:0;
left:0;
z-index:100;
}
td.header_c1 {
width:210px;
vertical-align: middle;
text-align:right;
height:110px;
}
td.header_c2 {
width:350px;
vertical-align:middle;
}
td.header_c2 ul.no_tel {
color:#666;
list-style:none;
font-size:11px;
width:350px;
margin:0;
padding:0;
filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}
td.header_c2 ul.no_tel li {
background:url(../../images/fr/accueil/p_tel.gif) no-repeat top left;
height:17px;
margin:0;
padding:0;		
cursor:pointer;
}
td.header_c2 ul.no_tel li span { 
display:block;
text-align:left;
height:17px;
line-height:15px;
vertical-align:middle;
background:#fff;
float:left;
}
td.header_c2 ul.no_tel li b {
float:right;
display:block;
text-align:left;
margin-right:80px;
height:17px;
line-height:15px;
background:#fff;
vertical-align:middle;
}		
td.header_c3 {
width:330px;
text-align:center;
vertical-align: middle;
}

/*--BLOC COORDONNEES --*/
#adresse {
position:absolute;
right:15px;
top:13px;
width:190px;
color:#000;
font-size:11px;
z-index:101;
line-height:13px;
}
#adresse h5 {
background: url(../images/fr/000_general/p_mail_adresse.png) no-repeat left top;
padding: 0 0 0 35px;
color:#fff;
height:19px;
font-size:12px;
}
#adresse p {
padding: 0 0 0 25px;
color:#999999;
}
#adresse a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#adresse a:hover {
color: #000;
font-weight:bold;
text-decoration: inherit;
}

/*--ELEMENTS DU BLOC GAUCHE--*/	
/*supprime les hauteurs vide  des li ul sur EI6*/
/*\*/ ul, li{zoom : 1;}/**/
#navigation {
margin:10px 0; 
padding:10px 0;
list-style:none;
width: 280px; 
font-size: 12px;
background:#395A6F url(../../images/fr/haut_menu_g.gif) no-repeat 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
#navigation a {
display:block;
padding: 2px 4px 2px 30px;
color:#fff;
text-decoration: none;
background-color:#395A6F;
border-bottom:  dotted 1px #476B81;
}
#navigation  a.selection  {
color:#395A6F;
background-color:#D7DEE2;
}
#navigation a:hover, #navigation a:focus, #navigation a:active {
display:block;
color:#fff;
text-decoration: none;
background-color:#476B81;
}
#contact_rapide {
margin:30px 0; 
padding:80px 0 0 0;
list-style: disc;
width: 280px; 
font-size: 11px;
background:#fff url(../../images/fr/f_contact_rapide.jpg) no-repeat 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
}
#contact_rapide ul {
margin:0;
padding:0;
}
#contact_rapide ul li {
margin:0;
padding:0 0 0 40px;
list-style-type:none;
height:16px;
line-height:16px;
vertical-align:middle;
}
#contact_rapide a {
color:#395A6F;
text-decoration: none;
}
#contact_rapide a:hover, #contact_rapide a:focus, #contact_rapide a:active {
color:#476B81;
text-decoration: underline;
}

/*--LE PIED DE PAGE--*/
#footer {
position:relative;
height:37px;
width:100%;
font-size:9px;
clear:both;
background: url(../../images/fr/accueil/f_footer.jpg) repeat-x 0 0;
}
#footer ul{
display:block;
float:right;
width:500px;
padding:5px;
margin:0;
list-style-type:none;
}
#footer li{
float:right;
margin: 0;
padding: 9px 0 0 5px;
color:#3B5A6F;
}
.select-n-bas{
text-decoration:none;
color:#fff;
font-size:18px;
font-weight:bold;
}
#footer div.access_collaboratif {
position:relative;
float:left;
height:37px;
margin:0;
text-align:left;
width:auto;
}

	#footer div.conteneur_compta_enligne {
	position:relative;
	float:left;
	width:201px;
	/*margin-left:25px;*/
	height:37px;
	}
		
		#footer img.compta_enligne {
		position:absolute;
		top:-8px;
		left:0;
		width:201px;
		z-index:5;
		}


	#footer div.conteneur_base_info {
	position:relative;
	float:left;
	width:119px;
	height:37px;
	}
	
		#footer img.base_info {
		position:absolute;
		top:-4px;
		left:0;
		width:119px;
		z-index:5;
		}
		
	#footer div.conteneur_espace_collaboratif {
	position:relative;
	float:left;
	width:132px;
	height:37px;
	}
	
		#footer img.espace_collaboratif {
		position:absolute;
		top:-4px;
		left:0;
		width:132px;
		z-index:5;
		}	

#footer div.logo_fex {
position:absolute;
top:50px;
right:0;
background: url(../../images/fr/accueil/logo_oec.gif) no-repeat 0 0;
width:200px;
height:47px;
z-index:3;
}
#footer div.logo_fex {
position:absolute;
top:40px;
right:0;
background: url(../../images/fr/logos.jpg) no-repeat 0 0;
height:50px;
width:608px;
z-index:3;
text-align:right;
}