/*----------------------------------------------------------
Style sheet pour metalgroup
version : 2
auteur : sébastien Decorné
email : sebastien@dynasite.be
website : http://www.dynasite.be/
----------------------------------------------------------*/
body {
	margin :0;
	padding : 0;
	font-family :verdana, arial, sans-serif;
	font-size : 70%;
	color :black;
	line-height:125%;
	

}
table, th, td, tr {
	font-family : verdana, helvetica, verdana, sans-serif;
	font-size : 1em;
	line-height:15px;
	font-weight:normal;
	text-align:left;
}
.col {
border-right:1px solid #9F9E9E;
}
div, table, form, h1, h2, h3, ul, li{
	margin:0;
	padding:0;
}



/* -------- */
ul, li, img, form, h1, h2, h3, h4{
	margin : 0;
	padding : 0;
	border :0;
}


/*//////////////////////////             liens                        ///////////////////////////////////////*/
a.menu:link { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #09699C;
}
a.menu:visited { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #09699C;
}
a.menu:active  { 
	font-size : 1em;
	text-decoration: underline; 
	color: #09699C;
}
a.menu:hover  { 
	font-size : 1em;
	text-decoration: none; 
	color: red;
}
a:link { 
	font-size : 1em;
	font-weight:normal; 
	text-decoration: none; 
	color: red;
}
a:visited { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: blue;
}
a:active  { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: #8E580A;
}
a:hover  { 
	font-size : 1em;
	font-weight: normal; 
	text-decoration: none; 
	color: red;
}
a.home:link { 
	font-size : 1.2em;
	font-weight:bold; 
	text-decoration: none; 
	color: white;
}
a.home:visited { 
	font-size : 1.2em;
	font-weight:bold; 
	text-decoration: none; 
	color: red;
}
a.home:active  { 
	font-size : 1.2em;
	font-weight:bold; 
	text-decoration: none; 
	color: #8E580A;

}
a.home:hover  { 
	font-size : 1.2em;
	font-weight:bold; 
	text-decoration: none; 
	color: red;
}
.lienhome {
	margin:5px;
	text-align:right;
}
/* pour fckeditor et générer des liens personnalisés avec des icones */
a.mail {
	background:url(images/ico_lettre.gif) no-repeat right top;
	padding-right:15px;
}
a.pdf {
	background:url(images/ico_pdf.gif) no-repeat right top;
	padding: 5px 15px 5px 0;
}
a.externe {
	background:url(images/ico_externe.gif) no-repeat right top;
	padding-right:15px;
}
a.word {
	background:url(images/ico_word.gif) no-repeat right top;
	padding: 5px 15px 5px 0;
	padding-right:15px;

}

/*/////////////////////////          titre h1 h2 h3                           ////////////////////////////*/


h1  {
	padding:0 0 0 60px;
	margin:0;
	font-size: 1.3em;
	height:30px;
	color : #25B0EA;

}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	color:black;
	margin-left:20px;
	padding-bottom:5px;
	border-bottom:1px solid gray;
}
h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 10px 0;
	color:#0099CC;
}


h4 {
	font-size: 1.1em;
	font-weight: bold;
	color:black;
	margin:2px 0;
}
/* ////////////             onglets metalgroup                     /////////////*/

#metal, #medipack, #menuiserie, #polypack {
	float:right;

}
#polypack , #medipack{
	padding-right:20px;
}
#metal {
	padding-right:50px;
}
#site , #reliure, #tolerie {
	float:left;
}

#site, #tolerie {
	padding-right:20px;
}
#reliure {
	padding:15px 30px 0 0;
}

/*////////////// =menu  ///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu { /* 1er niveau */
	float:left;
	margin:0;
	width:25%;

}

#menu ul {
	padding:0;
	list-style-type:none;
} 
#menu ul li{
	display : block;
	margin-left:0px; /* ie 5 ne prend pas margin:0; il faut lui indiquer de quel côté */
	padding:0 0 0 7px;
	line-height:1.8em;
}
#menu a {
	color:#145394;
	font-weight:bold;
}
#menu ul li ul {
	padding:0;
	margin:0;
}
#menu ul li ul li{
	line-height:1.6em;
	
}
#menu .firstlevelselected{
	list-style:none;
	background:white url(images/bg_menu_second.png) repeat top left;
	border-left:2px solid #F5C800;
	border-right:none;
}
#menu .firstlevelselected a{
	color:red;
	font-weight:bold;
	text-decoration:none;
}
#menu  .secondlevel{
	margin :0;
	background:transparent url(images/ico_plus.png) no-repeat left 5px;
	padding : 0 0 0 10px;
	font-family:verdana, arial, sans-serif;
	font-size:1em;
	border:none;
	
}
#menu  .secondlevel a{
	font-weight:bold;
	color:#165697;

}
#menu  .secondlevelselected{
	margin :  1px 0 0 0;
	font-family:verdana, arial, sans-serif;
	font-size:1em;
	border:0;
	background:transparent url(images/ico_moins.png) no-repeat left 5px;
	padding : 0 0 0 10px;

}
#menu  .secondlevelselected a{
	font-weight:normal;
	color:red;

 }
.lire a {
font-weight:bold;
	}
/* home */
#home  {

	height:320x;
	margin-top:40px;
	padding-left:40px;

}
#welcome {
	margin:0 0 0 40px;
}
/* skin articles */ 
#article {
	float:left;
	margin-top:0;
	padding-left:30px;	
}

.sousmenu {
	float:left;
	padding:0;
	margin:10px 0 20px 20px;
	list-style-type:none;
	

}

.text {
	clear:both;
	padding: 5px 20px; 
}
#logo_foot { /*  logos metal et hainaut article */
	clear:both;
	margin:20px 0 0 40px;
	border-top:1px solid #25B0EA;
}
#article li { /* pour tiny mce */
	margin-left:30px;
}
#article .resume {
	padding: 0 20px; 
	margin:5px 0 10px 0;
	font-weight:bold;
	line-height: 110%;
	font-size:0.9em;
	color:#7D7C7C;
}
#lang {
	text-align:right;
	}
#article .resumefolder {
	margin-top:10px;
	font-weight:normal;
	padding:2px 0 2px 15px;
	border-left:1px solid #BC1569;
}
.titre { /* diplasyresume */
	font-size:1.2em;
}
.displayresumeoneitem {
	margin:10px 5px 5px 5px;
}

/*//////////     =search & newsletter      /////////*/
#search  {
	margin-top:2px;

}

#search .inputsearch {
	padding-left: 18px;
	font-size:10px;
	width:100px;
	background: #fff url(images/loupe.png) no-repeat 4px center;
	border:1px solid #7DC3F4;
}
#newsletter {
	background:transparent url(images/bg_search_top.gif) no-repeat top center;
	margin: 5px 0 5px 0;
	padding:5px 5px 5px 10px;

}
#newsletterlettre {
  	padding-left: 18px;
	background: #fff url(images/ico_lettre.gif) no-repeat 4px center;
	border:1px solid #0573DD;
  }
/*/// fin search & newsletter ///*/

#ancrehaut {
	clear:both;
	float:right;
	margin:10px 0;

}
/*//////////    =nextprevious        /////////*/
#nextprevious { /*  sert à customiser la fonction next and previous   */
	clear:right;
	float:right;
	padding : 5px 0 5px 0;
	border-top:1px solid #CCCCCC;
	width: 95%;
	margin-bottom:10px;
}
#nextprevious .next {
	clear : both;
	float:right;
}
#nextprevious .previous {
	width: 40%;

}
.viewimage{ /* voir l'image en big */
	margin:70px 15px 20px 15px;
}
#displaypath {
}
.chemin { /* pour le résumé sur la home */
color:red;
font-size:0.9em;
margin:5px 0;
}
.cms {
	border-top:2px solid #F4C500;
}
blockquote {
	font-weight:bold;
	margin:0;
	text-align:center;
}
.img {
border:1px solid black;
}
/*/////////////////////////          footer                      ////////////////////////////*/
#footer {
	
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}


.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
	text-align:center;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*////////////////////  =lightbox //////////////////////////////////*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 1em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }


#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="skins/clean/images/overlay.png", sizingMethod="scale");
	}




/*/////////////////////////   =admin  /////////////////////////////////////////////////////////// */
#admin {
position:relative;
width:90%;


}

#admin .donnees, #admin textarea{
	width:90%;

}
#admin .titre_article_fr, .titre_article_nl, .titre_article_uk, .resume_article_fr, .resume_article_nl, .resume_article_uk{
	margin: 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}

#admin ol  {
	float:right;
	list-style-type:none;
	margin:0;
	padding:0;

}
#admin ol li {
	float:right;
	list-style-type:none;
	width:40px;
	height:27px;
	margin:0;
	padding:0;
}
#admin fieldset {
	font-weight:bold;
	font-size:1.2em;
	border:1px solid gray;
	padding:5px;
}
#admin #titres_admin_article , #admin #resume_admin_article, #admin #soustitre_admin_article-1,  #admin #soustitre_admin_article0, #admin #soustitre_admin_article1{
	clear:both;
	margin:0;
	padding:5px 10px;
	border:1px solid red;
	font-weight:bold;
}
#admin #admin_article_categorie, #admin #upload_admin_file {

	margin:0;
	font-weight:bold;
}
/* ///////////////////////       =diverselementscms      ////////////////////////////////*/

/* - Label inscription à la newsletter */
.extra_newsletter_label { font-size:1em;color:#990000; }
/* - Styles newsletter HTML */
.notification_title 	{ font-size:1.2em;color:#5B75BF; }
.notification_resume	{ font-size:1em;text-align:center;font-style:italic; }
.notification_text	{ font-size:1.1em;}

.lightblue { color:#5B75BF;}
/* ------------- Mise en forme des articles */
.title					{ font-size:1.3em;color:#5B75BF; }
.DisplayType_item_default_Title		{ font-size:1.3em;color:#5B75BF; }
.DisplayType_item_default_SubTitle	{ font-size:1em;font-weight:bold; }
.DisplayType_item_default_Resume 	{ font-size:1em;text-align:center;font:italic;}
.DisplayType_item_default_Text		{ font-size:1em;}
.DisplayType_homepage_resume 		{ font-size:1em;font-style:italic;color:black;}
a.DisplayType_folder_resume_title	{ font-size:1em;color:#5b75bf; }
.DisplayType_section_resume_text 	{ font-size:1em;text-align:center;font:italic;}
.DisplayType_section_resume_title 	{ font-size:1em;text-align:center;font:italic;}
.DisplayType_section_list_text 		{ font-size:1em;text-align:center;font:italic;}
.ImgLegende 				{ font-size:1em; }
.display_modules_comments_Posted	{ font-size:1.3em; color:red;  }
.display_modules_comments_Add		{ font-size:1.3em; color:red;  }
.toolbar 	{ font-size:1em;text-decoration:none;color:black; }
.path 		{ font-size:1em;text-decoration:none;color:#5B75BF;font-weight:bold;}
.HiddenItem 	{ color:silver; }