/*
	GLI Industrie
	Définition des feuilles de style pour la home page

	Couleurs de base :
	
	Bleu :				#004684
	Bleu ciel :		#047DEF
	Bleu Roi :		#047DEF
	Fushia :			#ED008C
	Gris :				#BAC3CB

*/


/* ---> Définitions générales <--- */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:  Verdana, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	text-align: center;
	color: #004684;
	background-color: #DDE2E5;
}

img { border: 0; }

a { color: #047DEF; text-decoration : none; }
a:hover { color: #ED008C; text-decoration : none; }



/* ---> CONTENEURS <--- */

#allheader {
	background: url(../img/home/fond-entete-home.jpg) repeat-x;
	height: 240px;
	text-align: left;
}

#blue { height: 56px; }

#header {
	margin: 0 auto;
	width: 984px;
}

#logo {
	float: left;
	height: 205px;
	width: 201px;
	text-align: center;
}

#allpage { background: url(../img/home/fond-home.jpg) repeat-x; }

#page, #pageUK {
	background: url(../img/home/home.jpg) top right no-repeat;
	margin: 0 auto;
	min-height: 750px;
	text-align: left;
	width: 984px;
}

#pageES {
	background: url(../img/home/home-es.jpg) top right no-repeat;
	margin: 0 auto;
	min-height: 750px;
	text-align: left;
	width: 984px;
}

#pagePT {
	background: url(../img/home/home-pt.jpg) top right no-repeat;
	margin: 0 auto;
	min-height: 750px;
	text-align: left;
	width: 984px;
}

#hpnews {
	color: #2E4458;
	line-height: 16px;
	padding-top: 20px;
	width: 170px;
}

#footer {
       position: absolute;
       color: #004684;
       margin: 0 auto;
       top: 880px;
       text-align: center;
       width: 984px;
}


/* ---> TITRES <--- */

h1 {
	color: #30597E;
	font-size: 130%;
}

h2 {
	color: #30597E;
	font-size: 100%;
}

h3 {
	color: #ED008C;
	font-size: 100%;
	margin-top: 16px;
	margin-bottom: 12px;
}

h3 .date { font-weight: normal; }



/* ---> IMAGES <--- */

img.logo {
	margin-top: 45px;
	margin-bottom: 25px;
}

#hpnews img.suite {
	border: 0;
	float: left;
	margin-top: 2px;
	margin-right: 6px;
}



/* ---> TEXTES <--- */

p.suite { padding-top: 4px; }



/* ---> LIENS <--- */

a.rouge {
	color: #ED008C;
	text-decoration: underline;
	font-style: italic;
}


/* ---> SEPARATEURS <--- */

#hpnews div.separateur {
	background: url("../img/home/sep-news.gif") repeat-x;
	height: 1px;
	font-size: 0;
	clear: both;
	margin: 12px 0;
	padding: 0;
	width: 166px;
}



/* ---> MENU HORIZONTAL <--- */

#allnavh {
	float: left;
	position: relative;
	width: 783px;
	height: 179px;
	padding: 0;
	margin: 0 0 4px 0;
}

#navh {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 179px;
	display: inline;
	overflow: hidden;
	width: 783px;
}
	
#navh li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navh a {
	float: left;
	padding: 179px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:179px; /* for IE5/Win */
}
	
#navh a:hover {
	background-position: 0 -179px;
}

#navh a:active, #navh a.selected {
	background-position: 0 -358px;
}
	
#actualites a  {
	width: 184px;
	background: url(../img/home/actualites.png) top left no-repeat;
}

#actualitesUK a  {
	width: 157px;
	background: url(../img/home/actualitesUK.png) top left no-repeat;
}

#actualitesES a  {
	width: 147px;
	background: url(../img/home/actualitesES.png) top left no-repeat;
}

#actualitesPT a  {
	width: 148px;
	background: url(../img/home/actualitesPT.png) top left no-repeat;
}

#presentation a  {
	width: 186px;
	background: url(../img/home/presentation.png) top left no-repeat;
}

#presentationUK a  {
	width: 170px;
	background: url(../img/home/presentationUK.png) top left no-repeat;
}

#presentationES a  {
	width: 191px;
	background: url(../img/home/presentationES.png) top left no-repeat;
}

#presentationPT a  {
	width: 205px;
	background: url(../img/home/presentationPT.png) top left no-repeat;
}

#produits a  {
	width: 249px;
	background: url(../img/home/produits.png) top left no-repeat;
}

#produitsUK a  {
	width: 272px;
	background: url(../img/home/produitsUK.png) top left no-repeat;
}

#produitsES a  {
	width: 273px;
	background: url(../img/home/produitsES.png) top left no-repeat;
}

#produitsPT a  {
	width: 262px;
	background: url(../img/home/produitsPT.png) top left no-repeat;
}

#contact a  {
	width: 161px;
	background: url(../img/home/contact.png) top left no-repeat;
}

#contactUK a  {
	width: 181px;
	background: url(../img/home/contactUK.png) top left no-repeat;
}

#contactES a  {
	width: 169px;
	background: url(../img/home/contactES.png) top left no-repeat;
}

#contactPT a  {
	width: 165px;
	background: url(../img/home/contactPT.png) top left no-repeat;
}