/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla LLC                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/* 
ADD ALL YOUR CUSTOM CSS OVERRIDES TO THIS FILE. THIS WAY IF YOU MAKE
A MISTAKE YOU CAN ALWAYS REVERT BACK TO ORIGINAL TEMPLATE CSS
THIS FILE WILL LOAD VERY LAST AFTER ALL TEMPLATE CSS FILES. IT LOADS EVEN AFTER TEMPLATE_RTL.CSS 
SO YOU CAN ADJUST ANY CSS PART OF THE TEMPLATE YOU NEED.*/


body {
	margin:15px 0;	
}

#header { overflow:visible }

.top_menu {
    padding: 15px 0 0;
}

.horiznav li#current a.red,
.horiznav li.active a.red,
.horiznav li.active a.red:visited,
.horiznav li.active.sfHover a.red:visited,
.horiznav li.active.sfHoverHas a.red:visited,
.horiznav ul li a.red {
	background: #e41b37;
	color: #ffffff;
}

#accrocheheader {
	background:#ffffff url(../images/metal/bg-accrocheheader.jpg) no-repeat left top;
	width:439px;
	height:119px;
	position:absolute;
	right:0;
	bottom:-20px;
}
#accrocheheader h3 { padding-left:80px; font-size:30px; color:#9d9fa0; line-height:.5em }
#accrocheheader h4 { padding-left:115px; font-size:48px; color:#f47b20; line-height:.5em; text-transform:uppercase }

#yjsg2 {
	padding:0;
	margin:10px 0 20px 0;
	background:#9c9e9f url(../images/metal/yjsg2_bg.jpg) repeat-x left bottom;	
}

#yjsg2 .yjsquare_in {
	padding:13px;
}

#yjsg2 .theme-default90 .nivo-caption {
	height:62px;
	/*width:600px;*/
	background:url(../images/metal/bg-captionslide.png) no-repeat right top;
	/*bottom:50px;*/
	/*right:0;*/
}

#yjsg2 .theme-default90 .nivo-caption h5 {
	text-transform:uppercase;
	font-size:30px !important;
	padding-right:15px !important;
	padding-top:20px !important;
	text-align: right !important;
	color:#ffffff !important;
}

#holder2 { padding:0 }
#yjsgbodytop { margin:0 0 10px 0 }

.insidem { padding:0; }

#bodytop1, #bodytop2, #bodytop3, #bodybottom1, #bodybottom2, #bodybottom3 { font-size:16px; }
#bodytop1, #bodytop2, #bodybottom1, #bodybottom2 { width:230px!important; margin-right:18px; }
#bodytop3, #bodybottom3 { width:457px!important }

#bodytop1 a, #bodytop2 a, #bodytop3 a, #bodybottom1 a, #bodybottom2 a, #bodybottom3 a { color:#e41d37; font-size:12px }
#bodytop1 span.rouge, #bodytop2 span.rouge, #bodybottom1 span.rouge, #bodybottom2 span.rouge { color:#e41d37 }

#bodytop3 table, #bodybottom3 table { width:100% }

#bodytop1 .yjsquare, #bodytop2 .yjsquare, #bodybottom1 .yjsquare, #bodybottom2 .yjsquare { background:url(../images/metal/bg-yjsquare-blocadresse.png) no-repeat right bottom }

#bodytop1, #bodytop2, #bodytop3, #bodybottom1, #bodybottom2, #bodybottom3 { float:left; border:1px solid #e6e4e4; background:#fdfdfd url(../images/metal/bg-blocbodytop.jpg) repeat-x left bottom; height:200px }

div.newsitem_text table {
	border-spacing:5px
}

div.newsitem_text .grey td {
    background: url("../images/metal/bg-blocbodytop.jpg") repeat-x scroll left bottom #FDFDFD;
    color: #464646;
    font: bold 12px/20px verdana;
    height: 100%;
    vertical-align:top;
    text-align: center;
    padding:20px 10px;
    /*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	border: 1px solid #E6E4E4;
}

div.newsitem_text p img {
	padding:3px;
	border:1px solid #cccccc;
	box-shadow: 2px 2px 3px #c1c1c1;
}

div.newsitem_text td.alt {
	 background: url("../images/metal/bg-blocbodytop-fonce.jpg") repeat-x scroll left bottom #f8f8f8;
}

div.title h2, div.title h1, h2.pagetitle, .foxcontainer h2  { font-size:24px; color:#f47b20 }

.pagetitle, div.title h1, div.title h2, .yjsg-morearticles h3, .foxcontainer h2 {
    border-bottom: 1px solid #9c9e9f;
    line-height: 1.5em;
}

div.yjsg-newsitems .yjsg-blog_f, div.yjsg-newsitems .yjsg-blog_c { padding: 0; }
.news_item_a { padding:0 }
.news_item_f { margin:0 }
.newsitem_text { padding:0 }
.component { padding:0 }

/* FICHE CONTACT */
#basic-details, .contact-address .jicons-icons { display:none }
.button, .validate {
    background: none repeat scroll 0 0 #484848;
    border: 1px solid #484848;
    color: #ffffff;
    padding:5px;
    text-transform:uppercase;
    font-size:14px
}
#jform_contact_email_copy-lbl { display:block; float:left; width:205px }
#jform_contact_email_copy { margin:8px 0 0 0 }

.foxform input, .foxform textarea {
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(192, 192, 192, 0.7) inset, 0 0 7px rgba(192, 192, 192, 0.7);
    color: #505050;
    margin: 0 3px !important;
    padding: 5px !important;
}

.fox_messages {
    background: #f5f4f4;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(192, 192, 192, 0.7) inset, 0 0 7px rgba(192, 192, 192, 0.7);
    color: #e41d37;
    margin: 24px 0 !important;
    padding: 16px 32px !important;
    border: 1px solid #f47b20;
}

.fox_messages li {
    color: #f47b20;
}

input.invalidfoxtext, textarea.invalidfoxtext {
    border: 1px solid #f47b20;
}

.asterisk {
    color: #f47b20;
    font-size: 16px;
    font-weight: bold;
}

.fox_captcha_img {
    border-radius: 3px 3px 3px 3px;
}

.div_box_produits {margin:5px 10px 5px 0; width:230px; height:383px; float:left; background:#f8f7f7; border:0px solid #e1e2e2;}
.div_box_produits > div {border:7px solid #e1e2e2; height:353px; padding:8px; -webkit-transition-property: border; -webkit-transition-duration: .7s; -o-transition-property: border; -o-transition-duration: .7s; -moz-transition-property: border; -moz-transition-duration: .7s; -ms-transition-property: border; -ms-transition-duration: .7s; transition-property: border; transition-duration: .7s;}
.div_box_produits h2 {font-size:17px; color:#f47b20; line-height: 1.2em;}
.div_box_produits p { font-size:12px; overflow:hidden;} 
.div_box_produits > div:hover {border:7px solid #9d9fa0;}
.div_box_produits img {border:1px solid #cccccc}

.table_box_produits, .table_catalogue {border-collapse:collapse}
.table_box_produits h2, .table_catalogue h2 {font-size:17px; color:#f47b20; line-height: 1.2em;}
.table_box_produits tr {background:#f8f7f7; border-bottom:4px solid #ffffff}
.table_box_produits tr.alt{background:#ededed; border-bottom:4px solid #ffffff}
.table_box_produits tr td , .table_catalogue tr td{ padding:3px; vertical-align: top;}

.table_catalogue { width:100%}
.table_catalogue tr {background:#f8f7f7; border-bottom:none}
.table_catalogue tr.alt{background:#ededed; border-bottom:none}

/* FIN */

#footmod ul.menu li a.mainlevel { color:#f47b20 }
#footmod ul.menu li a.mainlevel:hover { color:#b50c24 }

#footer {
	background:none;
	margin:20px auto;
}

#youjoomla { padding:5px 0; }

.foxcontainer a:last-child {
	display:none;	
}