/*======================================
      CHARTE DU SITE					
======================================*/
 
/**************************************\
|----------COULEUR DU THEME------------|
|--------------------------------------|
- bleu fonce		#0160a5             
- bleu clair		#0184c9				
- gris				#d9dadb				
- gris fonce		#9c9e9f				
- violet fonce		#54378a				
- violet clair		#721d7e				
\**************************************/

/**************************************/
/*           STRUCTURE                */
/**************************************/
html, body{
	height				:	100%;
	background			:	url(/img/metaplast/body.gif) repeat-x left top ;
}
#cadre-principal{
	position			:	relative;
	width				:	950px;
	margin				:	0 auto;
}
#cadre-haut {
	height				:	250px;
}
#cadre-bas {
	margin-top			:	5px;
	text-align			:	center;
}

/**************************************/
/*              ENTETE                */
/**************************************/
#logo{
	position			:	absolute;
	top					:	11px;
	left				:	25px;
}
#logo h1 a{
	display				:	block;
	width				:	359px;
	height				:	69px;
	background			:	url(/img/metaplast/logo.gif) no-repeat left top;
}
#logo span, #legende span{
	display				:	block;
	width				:	0;
	height				:	0;
	margin				:	0;
	padding				:	0;
	overflow			:	hidden;
}
#legende{
	position			:	absolute;
	top					:	40px;
	left				:	394px;	
}
#legende h2 a{
	display				:	block;
	width				:	380px;
	height				:	25px;
}
#drapeaux{
	position			:	absolute;
	top					:	46px;
	left				:	861px;	
}

/***	Menu haut	***/
#menu-haut{
	position			:	absolute;
	top					:	69px;
	width				:	913px;
	text-align			:	right;
}
	ul#menu-haut li{
		display				:	inline;
		padding-left		:	8px;
		margin-left			:	10px;
		background			:	url(/img/metaplast/puce-bleu.gif) no-repeat left 2px ;
	}
	ul#menu-haut li a{
		font-size			:	10px;
		color				:	#0160a5;
	}

/**** Diaporama  */
#diaporama_masque{
	position			:	relative;
  	overflow			:	hidden;
  	top					:	88px;
	left				:	85px;
}
#diaporama{
	position			:	absolute;

}/*
ul#diaporama{
	list-style-type				:	none;
	margin						:	0;
	padding						:	0;
}
ul#diaporama li{
  display							:	block;
  float								:	left;
  text-align						:	center;
}*/

/***	Actualité	***/
#actualite{
	position			:	absolute;
	width				:	210px;
	height				:	162px;
	top					:	88px;
	left				:	658px;
	background			:	url(/img/metaplast/accueil-actualite-fond.gif) repeat-x left top;
}
	#actualite a{
		color				:	#fff;
	}
	#actualite h1{
		background			:	url(/img/metaplast/accueil-actualite-puce.gif) no-repeat left bottom;
	}
		#actualite h1 span{
			display				:	block;
			width				:	0;
			height				:	0;
			overflow			:	hidden;
		}
		#actualite h1 a{
			display				:	block;
			height				:	31px;
			font-size			:	17px;
		}
	#actualite dl{
		height				:	115px;
		padding				:	0 9px 0 12px;
		overflow			:	auto;
	}
		#actualite dt{
			margin-bottom		:	7px;
		}
		#actualite dt a{
			font-size			:	12px;
			font-weight			:	bold; 
			line-height			:	14px;
		}
		#actualite dd img{
			float				:	left;
			margin-right		:	9px
		}
		#actualite dd a{
			font-size			:	9px;
			line-height			:	11px;
		}
		#actualite dd i a{
			color				:	#a2daf4;
			font-weight			:	bold; 
		}
	#actualite span{
		margin-left			:	12px;
		padding-left		:	8px;
		background			:	url(/img/metaplast/puce-bleu-fonce.gif) no-repeat left 4px;
		text-align			:	center;
	}
		#actualite span a{
			font-size			:	10px;	
			letter-spacing		:	-1px;
			color				:	#0160a5;
		}

		
/**************************************/
/*          BLOC CENTRAL              */
/**************************************/
#cadre-centre {
	background				: 	transparent;
	padding-bottom			:	1px;
}

/***	COLONE GAUCHE	***/
#cadre-colonne-1 {
	float					:	left;
	width					: 	85px;
}

/***	COLONE MILIEU	***/
#cadre-colonne-milieu{
	float					:	left;
	width					: 	550px;
	min-height				:	360px;
}

#menu{
	height					:	23px;
	position				:	absolute;
}

#menu, #menu a{
	color					:	#0160a5;
	text-decoration			:	none;
}
	#menu li.menu{
		float					:	left;
		display					:	inline;
		background				:	url(/img/metaplast/menu-separateur.gif) no-repeat right top;
		font-size				:	12px;
		letter-spacing			:	-1px;
	}
	#menu li.menu a{
		display					:	block;
		height					:	30px;
		
	}
	#menu li.menu span.titre{
		display					:	block;
		width					:	0;
		height					:	0;
		overflow				:	hidden;
	}
	#menu li.menu span.puce{
		float					:	right;
		background				:	url(/img/metaplast/puce-bas-bleu.gif) no-repeat left bottom;
		width					:	14px;
		height					:	18px;
	}
		#menu li.sous-menu.inactif{
			display				:	none;
		}
		#menu li.sous-menu.actif{
			position			:	absolute;
			top					:	23px;
			background			:	url(/img/metaplast/menu-ombre.gif) repeat-x left top #fff;
			border-bottom		:	3px solid #0160a5;
			padding				:	4px 0 9px 0;
			font-size			:	11px;
			line-height			:	13px;
			display				:	block;
		}
			#menu li.sous-menu ul li{
				position			:	relative;
				clear				:	both;
				padding				:	6px 8px 0 16px;	
				white-space			: 	nowrap;			
			}
			#menu li.sous-menu ul li:hover, #menu li.sous-menu ul li.actif{
				background			:	url(/img/metaplast/puce-bleu-fonce.gif) no-repeat 8px 9px;
				font-weight			:	bold;
			}

#fil-ariane {
	font-size				:	9px;
	color					:	#0160a5;
	margin-top				:	33px;
}

/* Sprites des photos  */
#accueil a.sprite-photos{
    background:url(/img/metaplast/photos-accueil.jpg) no-repeat left top; 
    width: 269px;
    height: 92px;
    display: block;
}
#accueil a.sprite-photos.photo1{
    background-position:-0px -0px;
}
#accueil a.sprite-photos.photo1:hover{
    background-position:-269px -0px;
}
#accueil a.sprite-photos.photo2{
    background-position:-0px -92px;
}
#accueil a.sprite-photos.photo2:hover{
    background-position:-269px -92px;
}
#accueil a.sprite-photos.photo3{
    background-position:-0px -184px;
}
#accueil a.sprite-photos.photo3:hover{
    background-position:-269px -184px;
}
#accueil a.sprite-photos.photo4{
    background-position:-0px -276px;
}
#accueil a.sprite-photos.photo4:hover{
    background-position:-269px -276px;
}

/*	Contenu	*/
#cadre-colonne-milieu #accueil{
	margin-top				:	30px;
}

#accueil h1 a{
	font-size				:	12px;
	height					:	17px;
	text-align				:	center;
	text-transform			: 	uppercase;
	display					:	block;
}
#accueil h1 span{
	display					:	block;
	width					:	0;
	height					:	0;
	overflow				:	hidden;
}
#accueil h1 span{
	display					:	block;
	width					:	0;
	height					:	0;
	overflow				:	hidden;
}
#accueil dl{
	width					:	269px;	
	margin					:	8px 0 4px 0;
}
		
	#accueil dt{
		font-family			:	trebuchet ms, verdana;
		font-size			:	16px;
		text-transform		:	uppercase; 
		background			:	url(/img/metaplast/accueil-rubrique.gif) no-repeat left top #0b89c6;
		padding-left		:	16px;
		letter-spacing		:	0px;
	}
	#accueil dt a{
		display					:	block;
		height					:	25px;
		color					:	#fff;	
	}
	#accueil dd div, #accueil dd div a{
		display					:	block;
		height					:	92px;	
	}
	#accueil dd p{
	    margin-top              :  4px;
	    padding                 :  3px 6px 3px 6px;
        background-color        :  #e3e4e4;
    }

#corps h1{
	margin					:	5px 0 5px 0;
	height					:	29px;
	display					:	block;
	font-size				:	17px;
	color					:	#0160a5;
	text-align				:	center;
	text-transform			:	uppercase;
}
#corps h1 span{
	display					:	block;
	width					:	0;
	height					:	0;
	overflow				:	hidden;
}

#corps h2{
	clear					:	both;
	height					:	24px;
	padding-left			:	14px;
	margin-bottom			:	10px;
	background				:	url(/img/metaplast/puce-lst.gif) no-repeat left top;
}
#corps h2 a{
	display					:	block;
	font-size				:	13px;
	text-transform			:	uppercase;
	color					:	#54378a;
	padding-top				:	2px;
}

#corps dl{
	width					:	269px;
	margin-bottom			:	10px;
}
#corps, #corps a{
	color					:	#0160a5;
	font-size				:	11px;
}
	#corps .miniature{
		border-right			:	8px solid #fff;
	}
	#corps .date{
		background-color		: 	#d9dadb;
		margin-bottom			:	4px;
		padding					:	0;
	}
	#corps .date span{
		padding-left			:	3px;
	}
	#corps h3 a, #frm h3{
		color					:	#0160a5;
		display					:	block;
		font-size				:	12px;
		font-weight				: 	bold;
		padding-bottom			:	5px;
		background				:	url(/img/metaplast/separateur.gif) repeat-x left bottom;
	}
	#corps .accroche{
		color					:	#000;
		margin					:	4px 0 4px 0;
	}
	#corps dd.lien a{
		font-size				:	10px;
		padding-left			:	8px;
		background				:	url(/img/metaplast/puce-bleu-fonce.gif) no-repeat left 3px;
		text-align				:	center;
		letter-spacing			:	-1px;
	}
	#frm .date{
		margin-bottom			:	10px;
	}
	#frm .miniature{
		border-right			:	0px;
		border-left				:	12px solid #fff;
	}
	#frm h3{
		font-size				:	19px;
		padding-bottom			:	10px;
	}
	#frm .accroche{
		font-size				:	12px;
		font-weight             :   bold;
		margin					:	8px 0 8px 0;
		padding-bottom			:	10px;
		background				:	url(/img/metaplast/separateur.gif) repeat-x left bottom;
	}
	#frm p{
		color					:	#000;
	}
	#frm .lst_small{
		background-color		:	#0160a5;
		border-left				:	12px solid #fff;
	}
	#frm ul.lst_small li, #frm ul.lst_small ul, #frm ul.lst_small ul li {
		margin					:	0;
		padding					:	0;
	}
	#frm .lst_small, #frm .lst_small a{
		color					:	#fff;
	}
	#frm ul.lst_small li.titre{
		width					:	269px;
		background				:	url(/img/metaplast/lst-small-fond.gif) repeat-y left top;
		border-bottom			:	1px solid #0184c9;
	}
	#frm ul.lst_small li.titre div{
		font-family				:	trebuchet ms, verdana, arial;
		font-size				:	9px;
		font-weight				:	bold;
		letter-spacing			:	1px;
		text-transform			:	uppercase;
		margin-left				:	6px;
		padding					:	2px 0 2px 8px;
		background				:	url(/img/metaplast/lst-small-puce.gif) no-repeat left 4px;
	}
	#frm ul.lst_small li.lst{
		display					:	inline;
	}
		#frm ul.lst_small li.lst ul{
			padding					: 3px 0 6px 0;
		}
		#frm ul.lst_small li.lst ul li{
			clear					:	both;
			margin					:	3px 0 0 8px;
		}
	#frm .photos{
		background-color			:	#d9dadb;
		padding-bottom				:	4px;
	}
		#frm .photos span{
			display						:	block;
			font-size					:	12px;
			color						:   #0160a5;
			padding						:	5px 0 7px 11px;
			margin-left					:	215px;
			background					:	url(/img/metaplast/puce-galerie.gif) no-repeat left 5px;
		}
		#frm .photos dl{
			width						:	170px;
			float						:	left;
			margin-left					:	10px;
		}
		#frm .photos dl dd{
			margin						:	5px 0 5px 0;
			color						:	#000;
			font-style					:	italic;
			font-size					:	9px;
			line-height					: 	11px;			
		}
		#frm div.retour{
			position					:	absolute;	
			display						:	block;
			width						:	550px;
			text-align					:	right;
			margin-top					:	5px;
		}
		#frm div.retour a{
			font-size					:	9px;
			text-transform				: 	uppercase;
			color						:	#54378a;
			padding						:	0 0 0 9px;
			background					:	url(/img/metaplast/puce-retour.gif) no-repeat left top;
			letter-spacing				:	-1px;		
		}
		
/*	Plan du site */
ul.plan_site, li.plan_site, li.plan_site_niveau{
	margin					:	0;
	padding					:	0;
	list-style-type			:	none;
}
ul.plan_site{
	margin-bottom			:	10px;
}
li.plan_site_0{
	border-bottom			: 	1px solid #E2E3E3;
	font-size				:	14px;
	font-weight				:	bold;
	color					:	#000000;
	margin					:	12px 0 6px 0;
	padding					:	0px;
}
ul.plan_site_1{
	margin					:	10px 0 0 20px;
}
li.plan_site_1{
	font-size				:	12px;
	color					:	#000000;
	margin					:	0;
	padding					:	0;
}


/***	COLONE DROITE	***/
#cadre-colonne-2{
	float					:	left;
	width					: 	210px;
	background-color 		:	#red;
	margin					:	31px 0 0 23px;
}

#cadre-colonne-2 h1 a{
	display					:	block;
	height					:	17px;
}
#cadre-colonne-2 h1 span{
	display					:	block;
	width					:	0;
	height					:	0;
	overflow				:	hidden;
}

#activites{
	min-height				:	310px;
	margin-top				:	7px;
	background				:	url(/img/metaplast/activite-fond.gif) no-repeat right bottom #721d7e;
	padding-bottom			:	25px;
}
	#activites dl{
		float					:	left;
		width					:	88px;
		margin					:	6px 10px 4px 7px;
		background				:	url(/img/metaplast/activite-puce.gif) no-repeat left 47px;
	}
	#activites dl dd{
		padding-left			:	20px;
	}
	#activites dl dd a{
		display					:	block;
		min-height				:	19px;
		font-size				:	11px;
		color					:	#fff;
	}
	#activites div.separateur{
		clear					:	both;
		background				:	url(/img/metaplast/activite-separateur.gif) repeat-x left bottom;
		width					:	194px;
		margin					:	0 8px 0 8px;
		height					:	3px;
	}
#qualite{
	position				:	absolute;
	left					:	795px;
	height					:	50px;
	width					:	50px;
	margin-top				:	-25px;
}
	

/**************************************/
/*           BASELINE            	  */
/**************************************/

/* coordonnees */
#zone-coordonnees, #zone-coordonnees a{
	text-align				:	center;
	color					:	#0160a5;
}
#zone-coordonnees address{
	font-style				:	normal;
	font-size				:	9px;
	font-weight				:	bold;
}
#zone-coordonnees address span.raison-sociale{
	font-size				:	11px;
}

/* menus baseline */
#cadre-bas ul{
	color					:	#9c9e9f;
}
#cadre-bas ul li{
	display					:	inline;
}
#cadre-bas ul li a{
	padding					:	0 3px 0 3px;
}
#cadre-bas ul a:link, #cadre-bas ul a:visited{
	color					:	#9c9e9f;
}
#cadre-bas ul a:hover, #cadre-bas ul a:active, #cadre-bas ul a:focus {
	text-decoration			: 	underline;
	color					:	#9c9e9f;