@charset "UTF-8";


@media screen{
	body { margin: 0; padding: 0; font-family: arial, verdana, "sans serif"; font-size: 62.5%; text-align: center; }
	#global { position: relative; margin: 0 auto; width: 940px; font-size: 1em; text-align: left; }
	
	/********************************/
	/*			ENTETE				*/
	/********************************/
	#entete {position: absolute; top: 0; left:0px;
	width: 960px; height: 130px;
	background: url(../images/visuel-entete.jpg) left top;
	}
	#entete h1 a{ position: absolute; top: 20px; left:50px;
	width: 520px; height: 80px; display: block;	
	}
	#entete h2 { }
	#entete #visuel { }
	

	
	/********************************/
	/*			CONTENU				*/
	/********************************/
	#global #contenu {
		position: relative; 
		margin: 0 20px 0 20px; padding: 174px 10px 0 10px; 
		width: 920px; min-height: 300px;
		}
	/*----------------------------*/
	/*--	structure contenu	--*/
	h1#con_libelle { margin: 0.6em 0 15px 0; font-size: 2.6em; font-weight: bold; color: #243689; 
		border-bottom: 1px dashed #81789e;
	}
	#con_chapeau { margin: 0 0 8px 0; font-size: 1.8em; font-weight: bold; color: #483873;}
	#con_descriptif {font-size: 1.4em; margin: 0 0 2em 0; }
	#texteProduit {
		position: relative; 
		float: left;
		width: 680px;
	}
	/*------------------------------------*/
	/*--	mise en forme du descriptif	--*/
	/*---------- titraille ----------*/
	#con_descriptif h1 { }
	#con_descriptif h2 {margin: 0 0 8px 0; font-size: 1.3em; font-weight: bold; color: #483873; }
	#con_descriptif h3 { }
	#con_descriptif h4 { }
	/*---------- listes ----------*/
	#con_descriptif ul { 
		list-style: none;
		margin: 0;
		padding: 0 0 0 0.5em;
	}
	#con_descriptif li {
		margin: 0;
		padding: 0 0 0 1.3em;
		line-height: 1.4em;
		background:  url(../images/fleche-violette.png) no-repeat 0px 5px; }
	/*---------- 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;
	}	
	
	/********************************/
	/*			GENERAL				*/
	/********************************/
	.invisible { position: absolute; left: -999em; }	
	.leon { clear: both; }
	.leonvisuelpdt { clear: right; }
	.editChampVide { display: none; }
	.savoirplus {position: absolute; bottom: 0; right:0 ; display: block; text-align: right;
	background: url(../images/savoirplus.png) no-repeat right center; padding : 0 15px 0 0;
	color: black;
	}
	a:hover .savoirplus {color: #504179;}
	/*-- menu liste des liens d'une rubrique --*/
	#contenu .menu_arbo {position: relative;  margin: 0; padding: 15px 0 0 0;}
	#contenu .menu_arbo h3 {position: absolute; top: 0; left: -999em;}
	#contenu .menu_arbo ul {position: relative; list-style: none; margin: 0; padding: 0;}
	#contenu .menu_arbo li {position: relative; display: inline; float: left; width: 400px; margin: 0 0 30px 30px; padding: 10px; 
	border: 1px solid #243689; font-size: 1.2em;}
	#contenu .menu_arbo li a {position: relative; display: block; color: #483873; text-decoration: none; height: 150px;}
	#contenu .menu_arbo li a span{}
	#contenu .menu_arbo li a:hover {color: #243689;}
	#contenu .menu_arbo li img {margin: 0 3px 3px 0; padding: 1px; float: left; border: 1px solid #243689;}
	#contenu .menu_arbo li strong {display: block; font-size: 1.4em; margin: 0 0 3px 0;}	
}
@media print{
  /* ... définition de formats pour l'impression ... */
}

@media screen {
	
	/********************************/
	/*		MENU NAVIGATION			*/
	/********************************/
	#nav {position: absolute; top: 130px; left: 20px; margin: 0px; padding: 0; width: 940px; height: 44px;
	background: url(../images/f-menu.png) no-repeat left top;
	}
	
	
	#menu_menuprincipal {position: relative; 	}
	#menu_menuprincipal h3 {position: absolute; top: 0; left: -999em;	}	
	#menu_menuprincipal ul {position: relative; list-style: none; margin: 0; padding: 0 0 0 4em; 
	height: 44px;}	
	#menu_menuprincipal li {position: relative; display: inline; float: left; margin: 0 0 0 1em; padding:  0 1em 0 0; 
	background: url(../images/sep-menu.png) no-repeat right center;		
	}	
	#menu_menuprincipal li a {
		display: block; height: 32px; margin: 0; padding: 12px 0 0 0; 
		font-size: 1.2em; color: white; text-decoration: none; text-transform: uppercase;
		font-weight: bold;
	}	
	#menu_menuprincipal li a:hover {color: #a6b0dc}
	
	#menu_menuprincipal ul ul { display: none;
	}	
	#menu_menuprincipal ul li:hover ul {
	}	
	#menu_menuprincipal ul ul li {		
	}	
	#menu_menuprincipal ul ul li a {
	}	
	#menu_menuprincipal ul ul li a:hover {
	}
	
	/********************************/
	/*		MENU PIED DE PAGE		*/
	/********************************/
	#navpied{
		clear: both;
		width: 940px; height: 92px;
		margin:0 20px;
		padding: 0; 
		background:  url(../images/f-piedpage.png) no-repeat left bottom;
	}
	#menu_lienspied {
	}	
	#menu_lienspied h3 {position: absolute; top: 0; left: -999em;}	
	#menu_lienspied ul { 		
		position: relative; 
		display: inline; 
		float: left;
		width: 650px;
		height: 72px;
		list-style: none;	
		margin: 0;
		padding: 20px 0 0 40px;	
		text-align: center;
		background: url(../images/sep-menupied.png) no-repeat right center;
	}
	#menu_lienspied li {position: relative;  display: inline;  float: left; margin: 0 1em; }	
	#menu_lienspied li a {
		display: block; height: 32px; margin: 0; padding: 12px 0 0 0; 
		font-size: 1.4em; color: white; text-decoration: none; text-transform: uppercase; 
	}	
	#menu_lienspied li a:hover {color: #a6b0dc;	}
	
	#menu_menupieddepage {
	}	
	#menu_menupieddepage h3 {position: absolute; top: 0; left: -999em;}	
	#menu_menupieddepage ul { position: relative;  display: inline; float: left;	list-style: none;	
		height: 72px;
		margin: 0 0 0 1em;
		padding: 20px 10px 0 10px;
		text-align: right;
		background:  url(../images/sep-menupied.png) no-repeat right center;
	}
	#menu_menupieddepage li { 
	}	
	#menu_menupieddepage li a {
		margin: 0; padding: 0; 
		font-size: 1.2em; color: #a6b0dc; text-decoration: none; 
	}	
	#menu_menupieddepage li a:hover {color: white;	}
	#navpied img {margin: 15px 0 0 25px;}
	/********************************/
	/*			MENU LANGUE			*/
	/********************************/
	#menu_langue {position: absolute; top: 1px; left: 830px; width: 120px; height: 41px; background: url(../images/menu-langue.png) repeat-y left top;}
	}
	#menu_langue ul {list-style: none;	margin: 10px 0 0 20px; padding: 0;}	
	#menu_langue ul li {display: inline; float: left; padding: 0 5px;}	
	#menu_langue ul li a {
	}
	
	#menu_langue ul li a:hover {
	}	
	#menu_langue ul li a img {border: none;	}
}

@media print {
}