/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
body{
	\height:100%;
}
/* Pour habiller les pages par défaut */
body{
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:white;
}

a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:none;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }

/*  utiliser après une serie de div qui possède un tag FLOAT(left ou right)  */
.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important; /* seulement lu par les navigateurs FIREFOX et SAFARI */
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}
/******************************/
/*** class des zones ektron ***/
/*** ATTENTION NE PAS		***/
/*** OUBLIER DE MAINTENIR	***/
/*** ektron.css				***/
/******************************/

.ektron {
	font-size:12px;
	color:#707070;
}
.ektron img.image-a-gauche{
	float:left;
	margin-right:20px;
	margin-bottom:10px;
}
.ektron img.image-seul{ margin:-20px; }

.ektron img.image-a-droite{
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.ektron h1{font-size:16px;}
.ektron h2{font-size:14px;}
.ektron h3{font-size:12px;}
.ektron h4{font-size:11px;}
.ektron h5{font-size:10px;}
.ektron h6{font-size:8px;}

.ektron h1, .ektron h2, .ektron h3, .ektron h4, .ektron h5, .ektron h6{margin-top:0.7em;margin-bottom:0.3em;}

.ektron ul,.ektron ol, .ektron blockquote{
	margin-left:30px;
	padding-top:8px;
	padding-bottom:8px;
}
.ektron p{	font-size:12px; }


/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
#contenaire-page-fra,
#contenaire-page-eng{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 325px;
	border-top:0px;
	height:320px;
	background-image: url(../img/fra/hp/bg_visuel.jpg);
	background-repeat: no-repeat;
}
#contenaire-page-eng{
	background-image: url(../img/eng/hp/bg_visuel.jpg);
}
#contenaire-page-fra,
#contenaire-page-eng{
	margin-left: -470px;
	width:940px;
}

/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
#entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 155px;
	border-bottom:0px;
}
#entete{
	margin-left: -470px; /* div ramené de 400 pixels sue la gauche pour etre centré */
	width:940px;
}
/*******************************************************/
/* QUADRILLAGE*/
#quadrillage{
	margin-left:148px !important;
	margin-left:74px;
	float:left;
	width:149px;
}
/*******************************************************/
/* MENU DU HAUT */
#menu-haut{
	float:left;
	height:15px;
	line-height:15px;
	font-size: 12px;
	width:625px;
	background-image: url(../img/commun/hp/liseret_menu_haut.gif);
	color:#353F54;
	padding-left:10px;
	background-repeat: no-repeat;
}
a.lien-menu-haut{
	text-decoration:none;
	font-size:12px;
	color:#353F54;
}
a.lien-menu-haut:hover{
	color:#000000;
}
/*******************************************************/
/* IMAGE DEFILANTE */
#image-defile{
	float:left;
	margin-top:12px;
	width:200px;
	height:94px;
}
/*******************************************************/
/* LOGO */
#logo{
	width:312px;
	height:49px;
}
#logo a.link-accueil{
	text-decoration:none;
	display:block;
	width:312px;
	height:49px;
	position: relative;
}
/*******************************************************/
/* MENU GENERALE */
#contenu-menu{
	float:left;
	margin:120px 0px 50px 432px !important;
	margin:120px 0px 50px 216px;
	width:180px;
}
.encat-fra-prod,
.encat-eng-prod{
	width:180px;
	height:25px;
	background-position:0px -25px;
	background-image: url(../img/fra/hp/bt_produit.gif);
	background-repeat: no-repeat;
}
.encat-eng-prod{
	background-image: url(../img/eng/hp/bt_produit.gif);
}
a.lien-fra-prod,
a.lien-eng-prod{
	display:block;
	text-decoration:none;
	width:180px;
	height:25px;
	background-position:0px -25px;
	background-image: url(../img/fra/hp/bt_produit.gif);
	background-repeat: no-repeat;
}
a.lien-eng-prod{
	background-image: url(../img/eng/hp/bt_produit.gif);
}
a.lien-fra-prod:hover,
a.lien-eng-prod:hover{
	background-position: 0px 0px;
}
a.lien-fra-couverture,
a.lien-eng-couverture{
	display:block;
	text-decoration:none;
	width:180px;
	height:26px;
	background-position:0px -26px;
	background-image: url(../img/fra/hp/bt_couverture.gif);
	background-repeat: no-repeat;
}
a.lien-eng-couverture{
	background-image: url(../img/eng/hp/bt_couverture.gif);
}
a.lien-fra-couverture:hover,
a.lien-eng-couverture:hover{
	background-position: 0px 0px;
}
a.lien-fra-norme,
a.lien-eng-norme{
	display:block;
	text-decoration:none;
	width:180px;
	height:26px;
	background-position:0px -26px;
	background-image: url(../img/fra/hp/bt_norme.gif);
	background-repeat: no-repeat;
}
a.lien-eng-norme{
	background-image: url(../img/eng/hp/bt_norme.gif);
}
a.lien-fra-norme:hover,
a.lien-eng-norme:hover{
	background-position: 0px 0px;
}
a.lien-fra-realisation,
a.lien-eng-realisation{
	display:block;
	text-decoration:none;
	width:180px;
	height:28px;
	background-position:0px -28px;
	background-image: url(../img/fra/hp/bt_realisation.gif);
	background-repeat: no-repeat;
}
a.lien-eng-realisation{
	background-image: url(../img/eng/hp/bt_realisation.gif);
}
a.lien-fra-realisation:hover,
a.lien-eng-realisation:hover{
	background-position: 0px 0px;
}
a.lien-fra-faq,
a.lien-eng-faq{
	display:block;
	text-decoration:none;
	width:180px;
	height:20px;
	background-position:0px -20px;
	background-image: url(../img/fra/hp/bt_faq.gif);
	background-repeat: no-repeat;
}
a.lien-eng-faq{
	background-image: url(../img/eng/hp/bt_faq.gif);
}
a.lien-fra-faq:hover,
a.lien-eng-faq:hover{
	background-position: 0px 0px;
}
/*******************************************************/
/* VERSION LANGUE */
#version{
	float:left;
	margin:116px 0px 0px 147px;
	width:107px;
	height:17px;
}
a.lien-fra-version,
a.lien-eng-version{
	display:block;
	width:107px;
	height:17px;
	background-position:0px -17px;
	background-image: url(../img/fra/hp/bt_version_fra.gif);
	background-repeat: no-repeat;
}
a.lien-eng-version{
	background-image: url(../img/eng/hp/bt_version_eng.gif);
}
a.lien-fra-version:hover,
a.lien-eng-version:hover{
	background-position:0px 0px;
}
/*******************************************************/
/* COPYRIGHT */
#copyright{
	text-align:center;
	height: 25px;
	line-height: 25px;
	color: #56606D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#copyright a{
	font-size: 10px;
	color:#232936;
}
#copyright a:hover{
	color:black;
}

#unibad {
	display: none;
}