/*************************** POLICES *********************************/
@font-face {
	font-family: 'junction regular Regular';
	src: url('Junction.eot');
	src: local('junction regular Regular'), local('junctionregular-Regular'), url('Junction.otf') format('opentype');
}
/*************************** /POLICES *********************************/

/*************************** BALISES *********************************/
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #cccccc;
background: #000 url('../img/bg_body.png') no-repeat top center;
}
h2{
color:#fff;
font-size:28px;
padding:15px 0;
}
h3{
color:#ff660e;
font-size:16px;
margin:8px 0;
}
h4{
color:#ff660e;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
p {
line-height: 148%;
}
a {
color: #ff660e;
text-decoration:none;
}
input[type=text] {
	margin:0;
	background: none;
	border: 1px solid #845b3f;
}
textarea {
	background: none;  
	border: 1px solid #845b3f;
}
input[type=submit] {
	margin: 1em 0;
}
table {
border-collapse: collapse;
}
acronym, abbr {
border-bottom: 1px dotted black;
}
hr {
height: 80px;
margin-top: 2em;
border: 0 none;
outline: 0;
background: url('../img/hr.png') no-repeat top center;
}
*+html hr {
display : list-item;
list-style : url('../img/hr.png') inside;
filter : alpha(opacity=0);
width : 0;
}
/***************************** BALISES END *****************************/

/**************************** LAYOUT ***********************************/
#wrapper {
position: absolute;
left: 50%;
width: 950px;
margin-left: -475px;
background: #272727;
}
#header {
background: #000 url('../img/bg_body.png') no-repeat top center;
padding-top: 27px;
}
#lang-selector {
position: absolute;
top: 215px;
right: 20px;
}
#main {
background:#272727;
}
#main h2 {
font-family: 'junction regular Regular';
font-size: 18px;
/font-size: 16px; /* IE */
padding-left: 20px;
}
#illustrations {
padding: 12px 0 12px 9px;
background: #272727 url('../img/bg_illustrations.jpg') repeat-x bottom left;
overflow: auto;
}
#illustrations li {
float: left;
width: 296px;
height: 170px;
border: 2px solid #9a9a9a;
margin: 0 5px;
}
#recherche {
position: relative;
height: 58px;
margin: 8px 0 0 13px;
background: #272727 url('../img/bg_recherche.jpg') no-repeat top left;
}
#recherche input.text {
position: absolute;
top: 11px;
left: 20px;
padding: 5px 8px;
width: 250px;
font-size: 16px;
background: #fff;
}
#recherche input.submit {
position: absolute;
top: -2px;
left: 260px;
width: 32px;
padding: 6px 8px;
border: 1px solid #845b3f;
border-left: 0;
text-indent: -5000px;
cursor: pointer;
background: #fff url('../img/ico/search.png') no-repeat center left;
}
#recherche select {
position: absolute;
top: 14px;
left: 300px;
width: 200px;
padding: 1px;
line-height: 32px;
font-size: 16px;
border: 1px solid #845b3f;
/* Suite à la suppression du champ texte on colle le select à gauche */
left: 18px;
}
.machines-list {
float: left;
width: 756px;
}
.machines-list li {
float: left;
position: relative;
width: 252px;
height: 220px;
padding: 18px 0 0;
background: url('../img/bg_machine_top.png') no-repeat top left;
text-align: justify;
}
.machines-list .photo {
padding: 0 25px;
}
.machines-list .nom {
position: absolute;
bottom: 0;
width: 100%;
height: 55px;
text-align: center;
background: url('../img/bg_machine_bottom.png') no-repeat bottom center;
}
.machines-list a:link, .machines-list a:visited  {
color: #fff;
}
#categories {
float: left;
width: 162px;
margin: 20px 6px 0 12px;
border: 1px solid #9A9A9A;
padding: 4px 4px 2em 4px;
background: #272727;
}
#categories li {
padding: 3px 1px;
font-family: 'junction regular Regular';
font-size: 19px;
color: #F58220;
}
#categories li a:link, #categories li a:visited {
color: #F58220;
text-decoration: none;
}
#categories li a:hover {
color: #ddd;
}
#categories li ul {
padding:2px 2px 4px 6px;
background-color: #4B4B4B;
}
#categories li ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
border-bottom: 1px dotted #fff;
color: #ccc;
}
#categories li ul li a:link, #categories li ul li a:visited {
color: #fff;
text-decoration: none;
padding-bottom: 2px;
}
#categories li ul li a:hover {
color: #F58220;
}
#categories li ul li a span.qte {
font-size: 10px;
font-style: italic;
}
#breadcrumb {
height: 75px;
}
#content{
float:left;
width: 536px;
height: auto;
padding:15px;
}
#content p {
margin:1em 0;
line-height: 125%;
}
#content ul {
margin:1em 0;
padding-left:14px;
}
#content ul li{
padding-left:14px;
background:url('../img/puce.png') no-repeat top left;
line-height: 125%;
}
#footer {
clear: both;
margin-top: 10px;
padding: 0 0 20px;
text-align:center;
color: #9a9a9a;
background: #000;
}
#footer a {
text-decoration: none;
}
#footer .keywords {
padding: 10px 0;
overflow: hidden;
background: #272727;
}
#footer .keywords li {
width: 20%;
float: left;
}
#footer .keywords li a {
color: #9CA2A0;
}
/* IE7 hacks */
*+html #recherche input.submit {
top: 0px;
height: 30px;
/* Correction bug IE text-indent */
font-size: 0px;
line-height: 0px;
}
*+html #recherche select {
top: 15px;
}
/* IE8 hacks */
#recherche input.submit {
height /*\**/: 30px;
}
/* Webkit hack */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#recherche input.text {
	top: 12px;
	}
 #recherche input.submit
 {
	top: -1px;
  height: 31px;
 }
}
/**************************** LAYOUT END ***********************************/

/*********************** NAV *********************************/
#nav {
background: url('../img/bg_nav.png');
font-size:140%;
overflow: visible;
}
#nav li {
float:left;
text-align:center;
}
#nav li a {
display: block;
height:51px;
padding: 0 23px;
border-right: 1px solid #8c8c8c;
border-left: 1px solid #3d3d3d;
line-height:51px;
text-decoration:none;
font-family: 'junction regular Regular';
font-size:14px;
}
#nav li a, #nav li a:visited {
height:51px;
line-height:51px;
padding: 0 23px;
color:#fff;
}
#nav li a:hover {
height:51px;
line-height:51px;
padding: 0 23px;
background-image: none;
color: #F58322;
}
#nav li li a {
line-height:51px;
padding: 0 23px;
height:51px;
background: #202020;
}
#nav li li a:hover {
color: #F58322;
}

/**************************** NAV END ***********************************/

/*********************** CONTENT *********************************/
#accueil #wrapper {
background: #272727 url('../img/bg_sidebar.png') no-repeat bottom left;
}
#accueil #promotions {
float: left;
width: 252px;
margin: 16px;
padding: 0 15px 0 20px;
background: #3F3737;
}
#accueil #promotions h2 {
padding: 0 0 15px;
text-align: center;
}
*+html #accueil #promotions h2 {
padding-top: 1em;
}
#accueil .machines-list {
float: left;
width: auto;
}
#accueil div.main {
overflow: visible;
padding: 0 38px 1.5em 0;
}
#accueil div.main p.photo {
float: left;
margin-right: 23px;
}
#accueil div.main p.texte, #accueil div.main div.texte {
text-align: justify;
margin: 0 18px;
}
#accueil div.main div.texte p {
margin: 6px 0;
}
#accueil div.main p.intro {
font-weight: bold;
}
#accueil div.main p.lien {
margin: 4px 0 0;
}
#accueil #bienvenue, #accueil #competences {
float: right;
clear: right;
width: 580px;
}
#detail_machine #main ul.photos {
width:225px;
float: left;
}
#detail_machine #main div.fiche {
}
#detail_machine #main ul.photos li {
float: left;
position: relative;
margin: 0 3px 0 0;
border: none;
}
#detail_machine #main ul.photos li img {
margin:5px 5px 5px 0;
border: 1px solid #F58220;
}
#detail_machine #main ul.photos li img.loupe {
position: absolute;
bottom: 0;
right: 0;
margin: 6px;
border: none;
}
#detail_machine #main #descriptif{
float: left;
width: 500px;
border-left:#bebebe 1px solid;
padding-left:20px;
line-height:120%;
}
#contact #content {
float:left;
width: 100%;
height: auto;
padding:15px;
}
#contact fieldset {
width: 280px;
}
#contact fieldset label {
display: block;
float: left;
clear: both;
width: 90px;
line-height: 28px;
margin-right: 6px;
text-align: right;
}
#contact fieldset label.ta {
width: auto;
text-align: left;
}
#contact fieldset input[type=text], #contact textarea {
width: 140px;
height: 21px;
padding: 4px 3px 0;
font: 13px Arial;
color: #fff;
}
#contact textarea {
width: 190px;
height: 240px;
overflow: auto;
}
#contact acronym {
margin-left: 3px;
font: bold italic 16px Georgia;
color: #E17628;
border: none;
}
#contact .errors  p{
margin:1em 0;
margin:0;
font-weight:bold;
color:#a60000;
}
#contact #map{
float: left;
width: 330px;
height: 351px;
background:#CFCFCF url('../img/map.jpg') no-repeat top left;
margin-top:50px;
border: 1px solid #845b3f;
}
#contact form{
width: 560px;
float: left;
}
/*********************** CONTENT END *********************************/

/*********************** CLASSES *********************************/
.nm-rouge {
color: #F10102;
}
.nm-bleu {
color: #000277;
}
.pagination {
	clear: both;
	margin-top: 2em;
	height: 2em;
	line-height: 2em;
}
.pagination a, .pagination span {
	padding: 0.1em 0.3em;
}
.pagination a {
	color: #777;
	border: 1px solid #989898;
	background: #CFCFCF;
	text-decoration: none;
}
.gauche {
	float: left;
}
.droite {
	float: right;
}
.aligne_centre {
	text-align: center;
	font-size:150%;
	color:#F58220;
}
.aligne_droite {
	text-align: right;
}
.justifie {
	text-align: justify;
}
.nomargin {
	margin: 0;
}
.reset {
	clear: both;
}
.nofloat {
	float: none;
}
.nobg {
	background: none;
}
.curseur_lien {
	cursor: pointer;
}
.cache {
	display: none;
}
/*********************** CLASSES END *********************************/