/**
 * $Id$
 * Website Baker template: allcss
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Ryan Djurovich, C. Sommer
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    2.70
 * @platform   Website Baker 2.7
 *
 * Website Baker is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * Website Baker is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
*/


a:link, a:visited, a:active {
	color: #036;
	text-decoration: none;
}
a:hover {
	color: #369;
	text-decoration: none;
}
hr {
	margin: 15px 0px 15px 0px;
	color: #036;
	height: 1px;
	width: 100%;
}
h1 {
	font-size: 18px;
	color: #036;
	margin: 5px 0px 5px 0px;
}
h2 {
	font-size: 15px;
	color: #369;
	margin: 15px 0px 5px 0px;
}
form {
	margin: 0;
}

.menu {
	vertical-align: top;
	background-color: #FFF;
	width: 170px;
	padding: 0px;
}
.menu ul, .menu li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu ul {
	border-bottom: 0px;
	background-color: #036;
}
.menu ul ul {
	padding-left: 10px;
}
.menu a:link, .menu a:visited, .menu a:active {
	padding: 4px 10px 4px 10px;
	color: #FFF;
	display: block;
	background-color: #036;
	text-decoration: none;
}
.menu a:hover {
	background-color: #369;
	text-decoration: none;
}
.highlight {
	background-color: #D0D0D0;
}
.content {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dddddd;
	float:left;
	width:968px;
	padding-top: 5px;
	vertical-align: top;
	text-align: left;
}
.content-d{
	float:left;
	width:298px;
	padding-top: 5px;
	vertical-align: top;
	text-align: left;
}

body {
	background: #e5e5e5 url(images/fond.jpg) repeat-x scroll 0 0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-family: arial,Verdana,Helvetica,sans-serif;
	font-size: 10pt;
}
.header {
	background-image: url(images/hfi_02.jpg);
	background-repeat: no-repeat;
	height: 119px;
	width: 968px;
}
.naviguation {
	float: right;
	height: 52px;
	width: 600px;
	padding-top: 55px;
}
.barre {
	background-image: url(images/hfi_06.jpg);
	background-repeat: no-repeat;
	height: 48px;
	width: 968px;
}
.recherche {
	float: left;
	width:345px;
	height: 46px;
	background: url(images/recherche.png) no-repeat;
	background-position: 40px 12px;
}
#search {
float:right;
margin-right:15px;
margin-top:15px;
	height: 40px;
	width: 280px;
}
.vide{
background: url(images/px.png) repeat;
margin-left:5px;
border:0 none;
}


.oneColElsCtr #container {
	width: 968px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: auto;
}
.oneColElsCtr #mainContent {
	background-image: url(images/hfi_08.jpg);
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 16px;
	height: auto;
	width: auto;
	margin: 0px;
	margin-top:2px;
	background-repeat: repeat-y;
	float: left;
}
.footer {
	background-image: url(images/hfi_11.jpg);
	height: 10px;
	width: 968px;
	background-repeat: no-repeat;
	background-position: 0px -20px;
	float:left;
}
.contenu-bas {
	background-image: url(images/hfi_12.jpg);
	background-repeat: no-repeat;
	height: 142px;
	width: 968px;
	float:left;
}
.contenu-texte {
	float: left;
	height: auto;
	margin-left:20px;
width:637px;
}
.contenu-imager {
	background-image: url(images/hfi_13.jpg);
	float: left;
	height: 142px;
	width: 311px;
}
.copiright {
	background-image: url(images/hfi_14.jpg);
	background-repeat: no-repeat;
	height: 29px;
	width: 968px;
	float:left;
}
.bordure-droite{
border-right-width: 1px;
border-right-style: solid;
border-right-color:#e5e5e5;

}
		.topMargin { margin-top:3em; }

		/* menu dividers */
		.udm li.dividerBelow {
			margin-bottom:4px !important;
			padding-bottom:4px;
			border-bottom:1px solid #ccc;
			}
		.udm li.dividerAbove {
			margin-top:4px !important;
			padding-top:4px;
			border-top:1px solid #ccc;
			}
<!--
@media print {.nav2 {float:left; width:900px; border:none; font-size:12px;}} /*Color navigation bar normal mode*/

.titre-bottom {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #403f3f;
}
.texte-bottom {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #a2a2a2;
}

/*Drop-down menu*/
.nav2 {
	padding-left:120px;
	padding-top:50px;
	white-space:nowrap /*IE hack*/;
	float:left;
	width:790px;
	border:none;
	font-size:12px;
} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;}
.nav2 ul li a {
	float:none !important /*Non-IE6*/;
	float:left /*IE-6*/;
	display:block;
	height:3.1em;
	line-height:3.1em;
	padding:0 10px 0 16px;
	text-decoration:none;
	font-weight:bold;
	color: #999999;
}
.nav2 ul li ul {display:none; border:none;}

.nav2 ul li ul li a  {margin-left: 5px; }


/*Non-IE6 hovering*/
.nav2 ul li:hover {
	position:relative;
	color: #FFFFFF;
} /*Sylvain IE hack*/
.nav2 ul li:hover a {
	text-decoration:none;
	color: #FFFFFF;
} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {
	display:block;
	width:66px;
	position:absolute;
	z-index:600;
	top:3em;
	margin-top:0.1em;
	left:-20px;
}
.nav2 ul li:hover ul li a {
    background-color: #3D3D3D;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    height: auto;
    line-height: 1.3em;
    margin-left: -10px;
    padding: 4px 16px 4px 0;
    white-space: normal;
    width: 25em;
    padding-left: 15px;
}
.nav2 ul li:hover ul li a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-color: grey;
}


/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {
	position:relative /*Sylvain IE hack*/;
	z-index:1000 /*Sylvain IE hack*/;
	text-decoration:none;
} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {
	white-space:normal;
	display:block;
	w\idth:10em;
	height:1px;
	line-height:1.3em;
	padding:4px 16px 4px 16px;
	border-left:solid 1px rgb(175,175,175);
	border-bottom: solid 1px rgb(175,175,175);
	font-weight:normal;
	color:rgb(50,50,50);
} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {
	text-decoration:none;
} /*Color subcells hovering mode*/
-->

.cadre {
	background-image: url(http://www.soudure-plastique.com/media/emballage/modele-zi/cadre.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 636px;
	float:left;
	padding-top:6px;
	padding-left:10px;
}

.content h2{
color:#FF6633;
font-size:1.87em;
font-weight:normal;
line-height:1em;
text-align:left;
}
.header-breadcrumbs {
	float: left;
	height: 36px;
	width: 560px;
	margin-left:45px;
	margin-top:4px;
	margin-left: 4px;
	text-align: center;
	padding-right: 50px;
}


.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url('http://www.soudure-plastique.com/media/accueil/icone.jpg') no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%; float:left;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

.blogpost {
border-bottom:2px solid #EEEEEE;
width:640px;
}

.anynews{
margin-left: 12px;
}
.unnamed1 {
	background-image: url('http://www.soudure-plastique.com/media/accueil/featured_item.jpg');
	background-repeat: no-repeat;
	height: 209px;
	width: 209px;
	padding-left: 7px;
}
.barre-image {
	background-image: url(http://www.soudure-plastique.com/media/soudeuse/presentation-machine.jpg);
	background-repeat: no-repeat;
	height: 201px;
	width: 293px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FF6600;
	padding-top: 60px;

}
.barre-gauche{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #C9C5C2;
}

hr {
	border: 1px dashed #CCCCCC;
}