@charset "UTF-8";


@media screen{
	body { margin: 0; padding: 0; font-family: arial, verdana, "sans serif"; font-size: 62.5%; text-align: center;
		background: url(../images/texture-inox.jpg); overflow: hidden;
	 }
	 html { overflow: hidden; }
	#global { position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -490px;
	width: 980px; height: 560px; font-size: 1em; text-align: left;	
	}
	#deco1 {position: absolute; top: 50%; left: 50%; margin: -369px 0 0 -285px;
	width: 566px; height: 723px;		
	background: url(../images/f-deco1.png) no-repeat center center; 
	}
	#deco2 {position: absolute; top: 50%; left: 50%; margin: -350px  0 0 -597px; 
	width: 1194px; height: 700px;		
	background: url(../images/f-deco2.png) no-repeat left bottom;
	}	
	#deco3 {position: absolute; top: 50%; left: 50%; margin: -259px  0 0 -292px; 
	width: 584px; height: 518px;		
	background: url(../images/f-deco3.jpg) no-repeat left bottom;
	}
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete { 	}
	#entete h1 {}
	#entete h1 a{position :absolute; top: 20px; left:10px; display:block; width: 150px; height: 120px; 
	}
	#entete h2 { }
	#entete #visuel { }
	
	/********************************/
	/*		CHEMIN DE FER			*/
	/********************************/
	p#chemin { }	
	p#chemin span { }
	p#chemin span span { }	
	p#chemin span.chemin_last { }	
	p#chemin span.chemin_first { }
	p#chemin a { }
	p#chemin a:hover { }
	p#chemin a span { }
	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		font-size: 1.2em;
	}
	#global #contenu #conteneur_include, 
	#global #contenu #conteneur_localisation{
		position: absolute;
		top: 10px;
		left: 250px;
		width: 600px;
		height: 550px;
		margin: 0 ;
		padding: 2.5em 2em 2em 2em ;	
		background: url(../images/f-contact.png) no-repeat left top;
		
	}
	#global #contenu #conteneur_page{
		position: absolute;
		top: 100px;
		left: 320px;
		width: 506px;
		height: 332px;
		margin: 0 ;
		padding: 2.5em 2em 2em 2em ;	
		background: url(../images/f-conteneur_page.png) no-repeat left top;		
	}

	#global #contenu #conteneur_page #con_descriptif {	
		width: 460px;	
		height: 220px;
		overflow: auto;
	}
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { margin: 0 0 0.3em 0; font-size: 2.4em; font-weight: normal; color: #da0003; }
	#con_chapeau { }
	#con_descriptif { }
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { }
	#con_descriptif h2 { }
	#con_descriptif h3 { }
	#con_descriptif h4 { }
	/*---------- listes ----------*/
	#con_descriptif ul { list-style:none;}
	#con_descriptif li { 
		padding: 0 0 0 1.5em;
		background: url(../images/puce-produits-enavant.png) no-repeat 0.8em 6px;
	}
	/*------- paragraphes -------*/
	#con_descriptif p{ margin:0.5em 0;}
	/*---------- table ----------*/
	#con_descriptif table {  }
	#con_descriptif table td { }
	#con_descriptif table caption { font-size: 1.3em; font-weight: normal; color: #00898f; }
	/*---------- liens ----------*/
	#con_descriptif a {  }
	#con_descriptif a:hover {  }
	/*---------- images ----------*/
	#con_descriptif img { border: none; }
	/*---------- acronym ----------*/
	#con_descriptif acronym, abbr {
		border-bottom: 1px dotted rgb(102, 102, 102);
		cursor: help;
	}	
	#con_descriptif .englobantimage {
		position: relative;
	} 
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	
	/*-- menu liste des liens d'une rubrique --*/
	/* voir showcase.css */
	
	/* PRODUITS DETAILS*/	
	#global #contenu #conteneur_produit {position: absolute; top: 53px; left: 335px; 
		margin:0; padding: 20px;
		width: 611px; height: 387px;
		background: url(../images/f-contenu.png) no-repeat right bottom;
	}	
	#global #contenu #conteneur_produit h1{	margin: 10px 19px; padding: 5px;
		width: 250px; display:block;
		border: 1px solid #da0003;
		text-align: center; font-size: 1.4em; color: da0003; font-weight: bold;
	}
	#global #contenu #conteneur_produit h1#con_libelle_parent{ 
		margin: 0 0 0.3em 0;  padding:0; font-size: 2.4em; font-weight: normal; color: #da0003; 
		border: none; text-align: left; width: auto;
	}
	#global #contenu #conteneur_produit #con_descriptif{position: absolute; top: 50px; left: 355px; margin:0;
		width: 270px; height: 250px; 
		overflow-y: auto; 
		overflow-x: visible; 
	 }
	  #global #contenu #conteneur_produit #image_produit{
	  	width: 285px;
	  	text-align: center; 
	  	margin: 0;
	  	padding: 0; 	
	 }
	 #global #contenu #conteneur_produit #image_produit img{
		max-width: 285px;  
		max-height: 190px;
	 }
	#global #contenu #conteneur_produit ul#galerie_CaractFICHIERPDF {
		list-style: none;
		position:absolute; top: 345px; left:440px;
		margin:0; padding: 0 0 0 40px; width: 100px; height: 39px;
		
		background-repeat: no-repeat;
		background-position: 10% center;
		background-image: url(../images/fleche0.png);
		
	}
	#global #contenu #conteneur_produit ul#galerie_CaractFICHIERPDF li{		
		margin: 0;
	}
	#global #contenu #conteneur_produit ul#galerie_CaractFICHIERPDF a{
		position: relative;
		display: block; text-decoration: none; 
		font-weight: bold; color: #da0003; font-size: 1.4em; 
	}
	#global #contenu #conteneur_produit ul#galerie_CaractFICHIERPDF span.titreFichierGalerie{position: relative;
	}
	#global #contenu #conteneur_produit ul#galerie_CaractFICHIERPDF span.poidsFichierGalerie{
		position: absolute; right: 0; bottom: 0;
		font-weight: bold; color: #999999; font-size: 0.8em;
	}
	
	
	
	#global #contenu #ensavoirplus {
		position: absolute;	top: 450px;	left: 250px;
		width: 651px; height: 100px; z-index: 100;
		visibility: hidden;		
	}
	#global #contenu #ensavoirplus a.ensavoirplusbtn {
		position: absolute; right: 3px; bottom: 18px;
		display: block; margin: 0; padding: 15px 0 0 0; width: 121px; height: 33px;
		background: url(../images/f-btnplus.png) no-repeat;				
		color: #da0003; font-size: 1.2em; font-weight: bold; text-decoration: none; text-align: center;
	}
	#global #contenu #ensavoirplus h2{color: #da0003; font-size: 1.4em;
	}
	#global #contenu #ensavoirplus #con_descriptif {
		position: absolute; bottom: 65px; left: 0;
		margin: 0; padding: 15px; width: 495px; width: 680px; height: 120px;
		background: url(../images/f-ensavoirplus.png) no-repeat left top;
	}
	#global #contenu #ensavoirplus #con_descriptif.showout { left: -999em; }
	#global #contenu #ensavoirplus #con_descriptif.showin { left: 0; }
	
	#global #contenu .retour_recherche {position: absolute; left: 210px; bottom: 30px;
		display: block; width: 121px; height: 43px;
		background: url(../images/f-btnplus.png) no-repeat;
	}
	#global #contenu .retour_recherche a {
		display: block; width: 89px; height: 33px;
		margin: 0; padding: 10px 5px 0 27px; 
		background: url(../images/fleche_retour.png) no-repeat 10px center;
		color: #da0003; font-size: 0.8em; font-weight: bold; text-decoration: none; text-align: center;
	}
	#global #contenu #retour {
		position: absolute; right: 0px; bottom: 30px;
		width: 87px; height: 41px;	
		background: url(../images/btn-retour.png) no-repeat left center;
	}
	#global #contenu #retour a {display: block; width: 87px; height: 41px;	padding: 11px 0 0 28px;
	text-decoration: none; color: #da0003; font-size: 1.2em; font-weight: bold;
	}
	#global #contenu #retour a span {	}
}
@media print{
  /* ... d&eacute;finition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#menu_menuprincipal { }
	#menu_menuprincipal h3 { position: absolute; top: 0; left: -999em; }	
	#menu_menuprincipal ul {
		position: absolute; top: 150px; left: 0;
		margin: 0 1em 1em 1em;
		padding: 1.5em 1em 1em 1em;
		list-style: none;
		background: url(../images/f-menu.png) no-repeat left top;
	}	
	#menu_menuprincipal li {
		margin:0.5em 0;
		padding:0;
		text-align: left;
	}	
	#menu_menuprincipal li a {
		display: block;
		padding:0.1em 0 0 8px;
		width: 140px;
		height: 19px;
		text-decoration: none;
		color: black;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
		background: url(../images/f-bouton.png) no-repeat left top;
	}	
	#menu_menuprincipal li a:hover,  #menu_menuprincipal li.lienActif a { color: #e10003; }
	
	#menu_menuprincipal ul ul {	
		position: relative; margin: 0; padding: 0; top: auto; left: auto; width: 150px;
		background: none;
		display: none;
	}
	#menu_menuprincipal ul li.lienActif ul { } 	
	#menu_menuprincipal ul li:hover ul { }	
	#menu_menuprincipal ul ul li { 	margin:0.3em 0;}	
	#menu_menuprincipal ul ul li a, #menu_menuprincipal ul li.lienActif ul a {
		display: block; height: auto;
		font-size: 1em; color: #666666;
		background: none;
	}	
	#menu_menuprincipal ul ul li a:hover, #menu_menuprincipal ul ul li.lienActif a { color: #e10003; }
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#menu_menupieddepage {	position: absolute;	bottom: -2.5em; left:0; width: 980px; text-align: center;
	}	
	#menu_menupieddepage h3 {position: absolute; top: 0; left: -999em;
	}	
	#menu_menupieddepage ul {list-style: none; 
	}	
	#menu_menupieddepage li {display: inline;  margin: 0 0 0 -1px; padding: 0 1em; border-left: 1px solid #7d8083; border-right: 1px solid #7d8083;
	}	
	#menu_menupieddepage li a {text-decoration: none; color: #7d8083;
	}	
	#menu_menupieddepage li a:hover {
	}
	
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {	position: absolute; top:15px;right:0;
		
		height: 31px;
		background: url(../images/f-langues-2.png) no-repeat right top;
		z-index: 2;
	}
	#menu_langue ul {
		list-style: none;
		height: 31px;
		width: auto;
		z-index: 3;
		background: url(../images/f-langues.png) no-repeat left top;
	}	
	#menu_langue ul li {float: left; margin: 5px;
	}	
	#menu_langue ul li a {display: block; width: 24px; height: 22px;}
	#menu_langue ul li#menu_langue_51 a{
		background: url(../images/flag-francais.png) no-repeat left top;
	}	
	#menu_langue ul li#menu_langue_50 a{
		background: url(../images/flag-anglais.png) no-repeat left top;
	}	
	
	#menu_langue ul li a:hover {
	}	
	#menu_langue ul li a img {
	}
	#menu_langue ul li a span {	position: absolute; top:0; left:-999em;}
}

@media print {
}

/********************************/
/*		MOTEUR DE RECHERCHE		*/
/********************************/
@media screen {
	form#mrecherche_rechercheGenerique {
		position: absolute; top: 480px; left: 20px;
		width: 150px;
		height: 49px;
		margin: 0;
		padding: 3px 0 0 10px;
		background: url(../images/f-recherche.png) no-repeat left 10px;
	}
	form#mrecherche_rechercheGenerique p {
	}
	form#mrecherche_rechercheGenerique p#p_rech_input_rechercheGenerique {
	}
	form#mrecherche_rechercheGenerique p#p_rech_btn_rechercheGenerique {
	}
	form#mrecherche_rechercheGenerique p input#recherche_rechercheGenerique {
		position: absolute; top: 12px; left: 10px;
		display: block;
		width: 120px;
		height: 14px;
		border: none;
	}
	form#mrecherche_rechercheGenerique p input#btnrecherche_rechercheGenerique {
		display: block;
		position: absolute; top: 30px; left: 0;
		width: 140px;
		margin: 0;
		padding: 0;
		color: #da0003;
		font-weight: bold;
		border: none;
		background: none;
		cursor: pointer;
	}	
	ul.recherche  {
		position: relative;		
		margin: 1em;
		padding: 0;	
		width: 600px;
		height: 400px;	
		overflow: auto;
		list-style-type: none;
	}
	ul.recherche li {
	}
	ul.recherche li a {
		font-size: 1.2em;
		padding: 2px 0 2px 25px;
		text-decoration: none;
		background: url(../images/puce-produits-enavant.png) no-repeat 5px center;
		color: black;
		
	}
	
	ul.recherche li a:hover {
		background: #D4D4D4 url(../images/puce-noire.png) no-repeat 5px center;
		color: #EA0000;
	}
	/* surlignages */
	.spot0{
		font-weight:bold;
		background-color:#FFFF00;
	}
	.spot1{
		font-weight:bold;
		background-color: #66FF00;
	}
	.spot2{
		font-weight:bold;
		background-color: #ff0066;
	}
	.spot3{
		font-weight:bold;
		background-color: #00ffdd;
	}
}

@media print {
}



