@charset "utf-8";
@import url("default.css");
/* CSS Document Easyl */

#pageIndex #header {
background: url(../img/fr/index/bg_header.jpg) right bottom no-repeat;
height: 88px;
margin: 0;
padding: 0;
}

#pageIndex #txtIndex {
background: url(../img/fr/index/application.jpg) left top no-repeat;
border-top: 3px solid #A0AFCE;
height: 272px;
margin: 0;
padding: 0;
}
#pageIndex #txtBas {
background: #FFF url(../img/fr/index/txt.gif) 240px top no-repeat;
height: 55px;
margin: 0;
padding: 0 0 0 240px;
}
#pageIndex #bandMatiere {
background: url(../img/fr/index/band_matiere.jpg) left top no-repeat;
border-bottom: 1px solid #FFF;
height: 254px;
margin: 0;
padding: 0;
}
/***************************************/
/**        page Societe           ******/
/***************************************/
#pageSociete #header {
background: url(../img/fr/header_societe.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
#hSociete1 {
background: transparent url(../img/fr/h_societe1.gif) left top no-repeat;
}
#hSociete2 {
background: transparent url(../img/fr/h_societe2.gif) left top no-repeat;
}
/***************************************/
/**        page RD                ******/
/***************************************/
#pageRd #header {
background: url(../img/fr/header_recherche.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
#hRd1 {
background: transparent url(../img/fr/h_rd1.gif) left top no-repeat;
}
#hRd2 {
background: transparent url(../img/fr/h_rd2.gif) left top no-repeat;
}
/***************************************/
/**        page Easium            ******/
/***************************************/
#pageEasium #header {
background: url(../img/fr/header_easium.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
#hEasium1 {
background: transparent url(../img/fr/h_easium1.gif) left top no-repeat;
}
#hEasium2 {
background: transparent url(../img/fr/h_easium2.gif) left top no-repeat;
}
#hEasium3 {
background: transparent url(../img/fr/h_easium3.gif) left top no-repeat;
}
/***************************************/
/**        page Poudre            ******/
/***************************************/
#pagePoudre #header {
background: url(../img/fr/header_poudre.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
#hPoudre1 {
background: transparent url(../img/fr/h_poudre1.gif) left top no-repeat;
}
#hPoudre2 {
background: transparent url(../img/fr/h_poudre2.gif) left top no-repeat;
}
#hPoudre3 {
background: transparent url(../img/fr/h_poudre3.gif) left top no-repeat;
}
#hPoudre4 {
background: transparent url(../img/fr/h_poudre4.gif) left top no-repeat;
}
#hPoudre5 {
background: transparent url(../img/fr/h_poudre5.gif) left top no-repeat;
}
#hPoudre6 {
background: transparent url(../img/fr/h_poudre6.gif) left top no-repeat;
}
#hPoudre7 {
background: transparent url(../img/fr/h_poudre7.gif) left top no-repeat;
}
/***************************************/
/**       page Documentation      ******/
/***************************************/
#pageDoc #header {
background: url(../img/fr/header_doc.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
#hDoc {
background: transparent url(../img/fr/h_doc.gif) left top no-repeat;
}
/***************************************/
/**           page Contact        ******/
/***************************************/
#pageContact #header {
background: url(../img/fr/header_contact.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
#hContact {
background: transparent url(../img/fr/h_contact.gif) left top no-repeat;
}
/***************************************/
/**        page Lien              ******/
/***************************************/
#pageLien #header {
background: url(../img/fr/header_lien.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
/***************************************/
/**        page Mention           ******/
/***************************************/
#pageMention #header {
background: url(../img/fr/header_mention.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
/***************************************/
/**        page Identification    ******/
/***************************************/
#pageIdentification #header {
background: url(../img/fr/header_identification.jpg) left top no-repeat;
height: 222px;
margin: 0;
padding: 0;
}
/**********************************/
/***** Navigation principale ******/
/***        Page Accueil       ****/
/**********************************/
div#navIndex {
	height: 35px;
	width: 625px;
	margin: 0 0 0 155px;
	padding: 0;
	border: 0;
	background: #FFF;
	}

div#navIndex ul#menuIndex {
	height: 35px;
	width: 625px;
	background: transparent url(../img/fr/index/nav.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	}

div#navIndex ul#menuIndex li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
div#navIndex ul#menuIndex li, div#navIndex ul#menuIndex a {
	height: 35px;
	display: block;
	}
div#navIndex ul#menuIndex li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navIndexSociete	{left: 0; width: 72px;}
#navIndexRecherche	{left: 72px; width: 144px;}
#navIndexEasium {left: 216px; width: 80px;}
#navIndexPoudre {left: 296px; width: 112px;}
#navIndexDoc {left: 408px; width: 139px;}
#navIndexContact {left: 547px; width: 78px;}

#navIndexSociete a:hover {background: transparent url(../img/fr/index/nav.gif) 0 -35px no-repeat;}
#navIndexRecherche a:hover {background: transparent url(../img/fr/index/nav.gif) -72px -35px no-repeat;}
#navIndexEasium a:hover {background: transparent url(../img/fr/index/nav.gif) -216px -35px no-repeat;}
#navIndexPoudre a:hover {background: transparent url(../img/fr/index/nav.gif) -296px -35px no-repeat;}
#navIndexDoc a:hover {background: transparent url(../img/fr/index/nav.gif) -408px -35px no-repeat;}
#navIndexContact a:hover {background: transparent url(../img/fr/index/nav.gif) -547px -35px no-repeat;}
/* Navig Lang Page d'accueil */

div#navLang {
	background: #FFF;
	border: 0;
	height: 18px;
	margin: 0 0 0 400px;
	padding: 0;
	position: absolute;
	right: 100px;
	top: 50px;
	width: 138px;
}

div#navLang ul {
	background: transparent url(../img/fr/index/nav_lang.gif) top left no-repeat;
	height: 18px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 138px;
}

div#navLang ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
	
div#navLang ul li, div#navLang ul a {
	display: block;
	height: 18px;
}
div#navLang ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
#navGb {left: 0; width: 64px;}
#navFr {left: 64px; width: 74px;}

#navGb a:hover {background: transparent url(../img/fr/index/nav_lang.gif) 0 -18px no-repeat;}
#navFr a:hover {background: transparent url(../img/fr/index/nav_lang.gif) -64px -18px no-repeat;}

#btnRevue {
background:url(../img/fr/index/btn_revue_presse.gif) left top no-repeat;
height: 18px;
width: 138px;
}
#btnRevue:hover {
background:url(../img/fr/index/btn_revue_presse_hover.gif) left top no-repeat;
height: 18px;
width: 138px;
}
p #btnRevue {
display: block;
left: 100px;
position: absolute;
top: 50px;
text-indent: -10000px;
}
#pageIndex #navLien {left: 400px; position: relative;}
#pageIndex #navMention {right: 445px; position: absolute;}
#navLien {left: 310px; position: relative;}
#navMention {right: 531px; position: absolute;}
/**********************************/
/***** Navigation principale ******/
/***    Pages interieures      ****/
/**********************************/
div#nav {
	background: #FFF;
	border: 0;
	height: 32px;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 30px;
	top: 20px;
	width: 625px;	
}

div#nav ul#menu {
	background: transparent url(../img/fr/nav1_fr.gif) top left no-repeat;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 625px;
}
#pageEasium div#nav ul#menu {
	background: transparent url(../img/fr/nav2_fr.gif) top left no-repeat;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 625px;
}
#pagePoudre div#nav ul#menu {
	background: transparent url(../img/fr/nav3_fr.gif) top left no-repeat;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 625px;
}
#pageDoc div#nav ul#menu, #pageContact div#nav ul#menu {
	background: transparent url(../img/fr/nav4_fr.gif) top left no-repeat;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 625px;
}
div#nav ul#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
	
ul#menu li, ul#menu a {
/*border: 1px solid red;*/
	display: block;
	height: 32px;
}
div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
#navSociete	{left: 0; width: 76px;}
#navRecherche {left: 76px; width: 136px;}
#navEasium {left: 212px; width: 81px;}
#navPoudre {left: 293px; width: 115px;}
#navDoc {left: 408px; width: 141px;}
#navContact {left: 549px; width: 81px;}

#navSociete a:hover {background: transparent url(../img/fr/nav1_fr.gif) 0 -32px no-repeat;}
#navRecherche a:hover {background: transparent url(../img/fr/nav1_fr.gif) -76px -32px no-repeat;}
#navEasium a:hover {background: transparent url(../img/fr/nav1_fr.gif) -212px -32px no-repeat;}
#navPoudre a:hover {background: transparent url(../img/fr/nav1_fr.gif) -293px -32px no-repeat;}
#navDoc a:hover {background: transparent url(../img/fr/nav1_fr.gif) -408px -32px no-repeat;}
#navContact a:hover {background: transparent url(../img/fr/nav1_fr.gif) -549px -32px no-repeat;}

#pageEasium #navSociete a:hover {background: transparent url(../img/fr/nav2_fr.gif) 0 -32px no-repeat;}
#pageEasium #navRecherche a:hover {background: transparent url(../img/fr/nav2_fr.gif) -76px -32px no-repeat;}
#pageEasium #navEasium a:hover {background: transparent url(../img/fr/nav2_fr.gif) -212px -32px no-repeat;}
#pageEasium #navPoudre a:hover {background: transparent url(../img/fr/nav2_fr.gif) -293px -32px no-repeat;}
#pageEasium #navDoc a:hover {background: transparent url(../img/fr/nav2_fr.gif) -408px -32px no-repeat;}
#pageEasium #navContact a:hover {background: transparent url(../img/fr/nav2_fr.gif) -549px -32px no-repeat;}

#pagePoudre #navSociete a:hover {background: transparent url(../img/fr/nav3_fr.gif) 0 -32px no-repeat;}
#pagePoudre #navRecherche a:hover {background: transparent url(../img/fr/nav3_fr.gif) -76px -32px no-repeat;}
#pagePoudre #navEasium a:hover {background: transparent url(../img/fr/nav3_fr.gif) -212px -32px no-repeat;}
#pagePoudre #navPoudre a:hover {background: transparent url(../img/fr/nav3_fr.gif) -293px -32px no-repeat;}
#pagePoudre #navDoc a:hover {background: transparent url(../img/fr/nav3_fr.gif) -408px -32px no-repeat;}
#pagePoudre #navContact a:hover {background: transparent url(../img/fr/nav3_fr.gif) -549px -32px no-repeat;}

#pageDoc #navSociete a:hover,
#pageContact #navSociete a:hover
{background: transparent url(../img/fr/nav4_fr.gif) 0 -32px no-repeat;}
#pageDoc #navRecherche a:hover,
#pageContact #navRecherche a:hover
{background: transparent url(../img/fr/nav4_fr.gif) -76px -32px no-repeat;}
#pageDoc #navEasium a:hover,
#pageContact #navEasium a:hover
{background: transparent url(../img/fr/nav4_fr.gif) -212px -32px no-repeat;}
#pageDoc #navPoudre a:hover,
#pageContact #navPoudre a:hover
{background: transparent url(../img/fr/nav4_fr.gif) -293px -32px no-repeat;}
#pageDoc #navDoc a:hover,
#pageContact #navDoc a:hover
{background: transparent url(../img/fr/nav4_fr.gif) -408px -32px no-repeat;}
#pageDoc #navContact a:hover,
#pageContact #navContact a:hover
{background: transparent url(../img/fr/nav4_fr.gif) -549px -32px no-repeat;}