/*
1.5em    = 24px
1.4375em = 23px
1.375em  = 22px
1.3125em = 21px
1.25em   = 20px
1.1875em = 19px
1.125em  = 18px
1.0625em = 17px
1em      = 16px
0.9375em = 15px
0.875em  = 14px
0.8125em = 13px
0.75em   = 12px
0.6875em = 11px
0.625em  = 10px
*/

*{
margin: 0;
padding: 0;
}
html{
height: 100%;
font-family: "Liberation Sans","Arial","Helvetica",sans-serif;
font-size: 100.01%;
}
body{
color: #000;
position: relative;
width: 100%;
height: 100%;
margin: 0 auto;
}
img{
border: 0;
}
a{
color: #999;
outline: none;
text-decoration: none;
}


h1{
}

.content_wrapper{
background-color: #fffaf4;
background-image: url('deg_rouge_420.png');
background-repeat: repeat-x;
position: relative;
width: 100%;
min-height: 100%;
margin: 0 auto;
}

.header{
background-image: url('deg_rouge_420.png');
background-repeat: repeat-x;
position: relative;
width: 1100px;
height: 450px;
margin: 0 auto;
}
.header h1#website_logo{
background-image: url('fond_machine.png');
background-repeat: no-repeat;
background-position: 355px 116px;
width: 1018px;
height: 400px;
position: absolute;
z-index: 10;
}
.header h1#website_logo a{
display: block;
width: 340px;
height: 106px;
}
.header #website_legend{
background-image: url('deg_rouge_450.png');
background-repeat: repeat-x;
background-position: left bottom;
color: #fff;
width: 765px;
height: 52px;
position: absolute;
left: 167px;
bottom: 0;
border-bottom: 4px solid #7c3f3c;
}
.header #website_legend h2{
font-size: 1.375em;
font-style: italic;
font-weight: normal;
text-align: center;
position: relative;
z-index: 15;
}
.header #website_legend h2 #partenaires{
color: #f90;
display: block;
font-size: .8125em;
}
.header h2#website_legend #partenaires strong{
font-weight: normal;
text-transform: uppercase;
}
a#pub_exclu{
position: absolute;
left: 166px;
top: 116px;
z-index: 10;
}
a#pub_exclu img{
display: block;
}

.header ul.nav{
background-color: #fffaf4;
width: 578px;
height: 36px;
position: absolute;
left: 354px;
top: 0;
padding-top: 42px;
z-index: 20;
}
.header ul.nav li{
background-image: url('fond_menu_196x32.png');
background-repeat: no-repeat;
background-position: right top;
list-style: none;
float: left;
width: 143px;
height: 32px;
font-size: .875em;
text-align: center;
text-transform: uppercase;
border-top: 4px solid #400;
position: relative;
}
.header ul.nav li.mn1,
.header ul.nav li.mn2,
.header ul.nav li.mn3{
padding-right: 2px;
}
.header ul.nav li.mn4{
background-position: left top;
}
.header ul.nav li a{
color: #fff;
display: block;
width: 143px;
height: 32px;
line-height: 32px;
padding-top: 4px;
position: absolute;
left: 0;
bottom: 0;
}
.header ul.nav li.mn1 a,
.header ul.nav li.mn2 a,
.header ul.nav li.mn3 a{
padding-right: 2px;
}
.header ul.nav li.active a,
.header ul.nav li a:hover{
color: #90ca2a;
border-top: 6px solid #90ca2a;
}
.header ul.nav li.mn2,
.header ul.nav li.mn3{
text-transform: none;
}
.header ul.nav li a .highlight{
text-transform: uppercase;
}

.content{
position: relative;
overflow: auto;
width: 765px;
margin: 0 auto;
padding: 0 0 100px 0;
}
.content ul.nav{
background-color: #fff;
display: inline;
float: left;
padding-bottom: 1px;
margin-bottom: 8px;
}
.content ul.nav li{
background-color: #fff;
background-repeat: no-repeat;
background-position: 9px 9px;
list-style: none;
display: inline;
float: left;
width: 172px;
height: 90px;
margin-top: 49px;
margin-right: 1px;
padding: 9px;
border: 1px solid #e5e2db;
position: relative;
}
.content ul.nav li.mn2,
.content ul.nav li.mn3,
.content ul.nav li.mn4{
margin-left: -2px;
}
.content ul.nav li.mn1{
background-image: url('fond_menu_1_172x90.jpg');
}
.content ul.nav li.mn2{
background-image: url('fond_menu_2_172x90.jpg');
}
.content ul.nav li.mn3{
background-image: url('fond_menu_3_172x90.jpg');
}
.content ul.nav li.mn4{
background-image: url('fond_menu_4_172x90.jpg');
margin-right: 0;
}
.content ul.nav li.active,
.content ul.nav li:hover{
background-position: 9px -101px;
}
.content ul.nav li a{
background-image: url('fond_menu_48.png');
background-repeat: repeat-x;
color: #90ca2a;
display: block;
width: 191px;
height: 159px;
line-height: 48px;
position: absolute;
top: -49px;
left: -1px;
/*margin-top: -59px;
margin-left: -10px;*/
text-transform: uppercase;
}
.content ul.nav li.mn2 a,
.content ul.nav li.mn3 a,
.content ul.nav li.mn4 a{
left: 0;
}
.content ul.nav li.mn2 a,
.content ul.nav li.mn3 a{
width: 190px;
}
.content ul.nav li.active a,
.content ul.nav li a:hover{
background-position: 0 -248px;
color: #600;
}
.content ul.nav li a .link_content{
background-image: url('puce_menu_18x48.png');
background-repeat: no-repeat;
background-position: 0 -48px;
display: block;
margin-left: 8px;
padding-left: 26px;
}
.content ul.nav li.active a .link_content,
.content ul.nav li a:hover .link_content{
background-position: 0 0;
}

/* ACCUEIL */
.content ul#liste_accueil{
}
.content ul#liste_accueil li{
background-color: #fffaf4;
color: #600;
list-style: none;
float: left;
width: 223px;
height: 138px;
padding: 0 8px;
border: 1px solid #e5e2db;
}
.content ul#liste_accueil li + li{
margin-left: 21px;
}
.content ul#liste_accueil li span{
background-color: #fffaf4;
background-image: url('puce_jaune_24x24.png');
background-repeat: no-repeat;
background-position: 100px 8px;
display: block;
height: 82px;
font-size: .9375em;
font-weight: bold;
text-align: center;
word-spacing: -.05em;
padding: 50px 8px 8px 8px;
margin-top: -1px;
}

/* VENTE */
#left_column,
#middle_column,
#right_column{
float: left;
overflow: auto;
}
#left_column{
width: 192px;
margin-right: 9px;
}
#middle_column{
width: 363px;
}
#right_column{
margin-left: 9px;
width: 192px;
}
#bloc_edito{
background-color: #600;
color: #fff;
font-size: .75em;
font-weight: bold;
text-align: justify;
padding: .5em 1em;
}
#bloc_edito p+p{
margin-top: 1em;
}
#carac_machine{
color: #600;
text-align: center;
}
img.apercu_machine{
background-image: url('fond_image_vente_370x236.png');
background-repeat: no-repeat;
display: block;
width: 349px;
/*height: 222px;*/
/*padding: 7px;*/
border: 7px solid #cebb9e;
}
.titre_carac{
background-image: url('puce_jaune_24x24.png');
background-repeat: no-repeat;
background-position: center top;
padding-top: 32px;
margin-top: 8px;
}
.titre_carac h3{
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
}
.titre_carac h4{
font-size: .875em;
font-weight: normal;
margin-top: .5em;
margin-bottom: 16px;
}
.bloc_carac{
margin-top: 8px;
padding-top: 8px;
border-top: 2px solid #d3bfa4;
}
.bloc_carac h3{
color: #8dd029;
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
margin-bottom: .75em;
}
.bloc_carac h4{
color: #625e53;
font-size: .75em;
font-weight: normal;
text-transform: uppercase;
}
.bloc_carac ul{
font-size: .75em;
margin-bottom: 1em;
}
.bloc_carac ul li{
list-style-position: inside;
line-height: 1.5em;
}
ul#galerie_machines{
margin-left: -9px;
}
ul#galerie_machines li{
list-style: none;
float: left;
margin: 0 0 9px 9px;
}
ul#galerie_machines li img.mini_machine{
display: block;
width: 56px;
height: 56px;
border: 1px solid #cebb9e;
}
ul#photos_secondaires{
}
ul#photos_secondaires li{
list-style: none;
margin: 8px 0;
}
ul#photos_secondaires li img{
display: block;
width: 190px;
border: 1px solid #cebb9e;
}

/* CONTACT */
img#carte,
#bloc_form{
background-color: #600;
display: block;
width: 368px;
height: 250px;
padding: 5px;
}
img#carte{
float: left;
}
#bloc_form{
color: #fff;
float: right;
font-size: .75em;
position: relative;
}
form#form_contact label,
form#form_contact input,
form#form_contact textarea{
display: block;
}
form#form_contact .col{
display: inline;
float: left;
width: 181px;
margin-bottom: 6px;
}
form#form_contact .col_g{
margin-right: 6px;
}
form#form_contact .col_2{
display: inline;
float: left;
width: 368px;
}
form#form_contact .col input{
background-color: #fff;
color: #000;
width: 181px;
height: 16px;
border: none;
}
form#form_contact .col_2 textarea{
background-color: #fff;
color: #000;
width: 368px;
height: 80px;
border: none;
}
form#form_contact .col_2 #bt_send{
background-color: #fff;
color: #600;
border: none;
float: right;
margin-top: 6px;
padding: 2px 4px;
text-transform: uppercase;
}
form#form_contact .col_2 #bt_send:hover{
background-color: #9ace3c;
color: #fff;
}
form#form_contact input.field_error,
form#form_contact textarea.field_error{
background-color: #f90;
}
form#form_contact p.error_msg{
color: #f90;
font-weight: bold;
}
.required_field{
color: #9ace3c;
margin-left: .25em;
}
#fc_coordonnees{
width: 370px;
position: absolute;
left: 0;
bottom: 0;
text-align: center;
padding: 2px 4px;
}
#fc_coordonnees .label{
color: #9ace3c;
}
#noform{
margin: 100px 20px 0 20px;
}

.footer{
background-color: #f4e9d7;
color: #000;
position: absolute;
bottom: 0;
width: 100%;
border-top: 4px solid #ece1cd;
font-size: .75em;
line-height: 1.5em;
text-align: center;
padding: 1em 0;
}
.footer a{
color: #600;
margin: 0 .5em;
}
.footer img#pubcac{
display: block;
position: absolute;
right: 1em;
bottom: 1em;
}