/* -------------------------------------------------------------
POUR TOUT LE SITE
------------------------------------------------------------- */

* {
border: 0;
margin: 0 auto;
padding: 0;
font-size: 13px;
font-family: 'trebuchet ms', arial, helvetica, sans-serif;
color: #000;
text-align: justify;
text-decoration: none;
list-style: none;
}

/* -------------------------------------------------------------
CORPS
------------------------------------------------------------- */

html, body {
width: 100%;
background: #cbde20 url('images/fond/fond.png') repeat scroll center top;
}

#site {
width: 800px;
padding: 15px 0;
}

/* -------------------------------------------------------------
HAUT
------------------------------------------------------------- */

#haut {
height: 20px;
line-height: 20px;
padding: 0 10px;
border-left: 10px solid #000;
border-right: 10px solid #000;
background: #222;
}

#haut p, #haut p span, #haut p a, #haut p a:visited {
color: #ccc;
font-size: 11px;
}

#haut p span {
font-style: italic;
}

#haut p a:hover {
text-decoration: underline;
}

/* -------------------------------------------------------------
BANNIERE
------------------------------------------------------------- */

#banniere {
width: 780px;
height: 160px;
border-left: 10px solid #aebe21;
border-right: 10px solid #aebe21;
background: #cbde20;
}

/* -------------------------------------------------------------
MENU
------------------------------------------------------------- */

#menu {
height: 40px;
line-height: 40px;
border-left: 10px solid #999;
border-right: 10px solid #999;
background: #ccc;
}

#menu ul li {
float: left;
}

#menu ul li a {
float: left;
color: #222;
width: 102px;
font-weight: bold;
text-align: center;
}

#menu ul li.evidence a {
color: #aebe21;
border-bottom: 5px solid #aebe21;
background: #222;
}

#menu ul li a:hover {
color: #aebe21;
border-bottom: 5px solid #aebe21;
background: #222;
}

/* -------------------------------------------------------------
CONTENU
------------------------------------------------------------- */

#contenu * {
color: #ccc;
}

#contenu {
padding: 20px 10px;
color: #ccc;
border-left: 10px solid #000;
border-right: 10px solid #000;
text-align: center;
background: #222;
}

#contenu h1 {
font: bold 18px 'trebuchet ms';
color: #aebe21;
padding: 0 0 9px 40px;
margin: 0 0 4px 0;
background: url('images/bordures/bordure_logo.png') no-repeat scroll left bottom;
}

#contenu h2,
#contenu h2.normal {
font: bold 15px 'trebuchet ms';
color: #aebe21;
padding: 10px 0 0 0;
margin: 10px 0;
background: url('images/bordures/bordure_pleine.png') repeat-x scroll left top;
}

#contenu h2.normal {
margin: 0;
background: none;
}

#contenu p {
padding: 10px 0;
}

#contenu p.centre {
text-align: center;
}

#contenu p.bordure_pleine {
padding: 10px 0 0 0;
margin: 10px 0;
background: url('images/bordures/bordure_pleine.png') repeat-x scroll left top;
}

#contenu p.special {
font: bold 20px 'trebuchet ms';
color: #ff3333;
}

#contenu ul {
padding: 10px 0;
}

#contenu ul li {
line-height: 20px;
}

#contenu ul li span.evidence {
font-style: italic;
font-weight: bold;
}

#contenu a, #contenu a:visited {
color: #aebe21;
}

#contenu a:hover {
text-decoration: underline;
}

#contenu img.gauche {
float: left;
padding: 10px 10px 0 0;
}

#contenu img.droite {
float: right;
padding: 10px 0 0 10px;
}

/* -------------------------------------------------------------
ACCUEIL
------------------------------------------------------------- */

#contenu .demi {
float: left;
width: 50%;
}

#contenu .accueil {
width: 760px;
}

#contenu .accueil img, 
#contenu .accueil img.dernier {
float: left;
padding: 0 5px 0 0;
}

#contenu .accueil img.dernier {
padding: 0;
}

/* -------------------------------------------------------------
MARQUES ET LIENS
------------------------------------------------------------- */

#contenu .marques, #contenu .liens {
width: 640px;
text-align: center;
}

#contenu .marques img, #contenu .liens img {
float: left;
padding: 10px 5px;
}

/* -------------------------------------------------------------
SHOWROOM
------------------------------------------------------------- */

#contenu .showroom {
float: left;
width: 170px;
height: 150px;
line-height: 150px;
text-align: center;
padding: 0 10px 15px 10px;
}

#contenu .showroom img {
vertical-align: middle;
}

/* -------------------------------------------------------------
EMPLACEMENT
------------------------------------------------------------- */

#contenu p.pdf {
padding: 8px 0;
text-indent: 20px;
background: url('images/icones/pdf.png') no-repeat scroll left 11px;
}

#contenu #carte {
width: 740px;
height: 500px;
margin: 10px 0 0 0;
border: 10px solid #000;
}

#contenu #carte * {
color: #1a1a1a;
text-align: center;
}

#contenu #carte p {
color: #ccc;
padding: 10px 10px;
text-align: justify;
}

#contenu #carte span, 
#contenu #carte a {
font-size: 10px;
color: #fbfbfb;
}

#contenu #carte #scalecontrol * {
display: none;
}

/* -------------------------------------------------------------
CATALOGUE
------------------------------------------------------------- */

/* PARTIE GAUCHE */

#contenu .articles {
float: left;
width: 530px;
}

#contenu .articles h2 {
font: bold 15px 'trebuchet ms';
color: #aebe21;
padding: 0 0 10px 0;
margin: 0 0 10px 0;
background: url('images/bordures/bordure_pleine.png') repeat-x scroll left bottom;
}

#contenu .articles h3 {
font: bold 15px 'trebuchet ms';
color: #aebe21;
padding: 10px 0;
margin: 10px 0 0 0;
background: url('images/bordures/bordure_pleine.png') repeat-x scroll left top;
}

#contenu .articles ul {
float: left;
padding: 5px 0 0 0;
}

#contenu .articles ul li span.italique, #contenu .articles p span.italique, #contenu .menu_droite li span.italique {
font-style: italic;
}

#contenu .articles p.tri {
font: bold 11px 'trebuchet ms';
}

#contenu .articles img.gauche {
float: left;
padding: 0 10px 0 0;
}

/* PARTIE DROITE */

#contenu .menu_droite {
float: right;
width: 190px;
margin: 20px 0 0 0;
border: 10px solid #000;
}

#contenu .menu_droite img {
margin: 0;
padding: 0 0 10px 0;
}

#contenu .menu_droite img.infos {
margin: 0;
padding: 10px 0 0 0;
}

#contenu .menu_droite p {
padding: 0 0 5px 18px;
}

#contenu .menu_droite p.loupe {
margin: 0 0 15px 18px;
padding: 0 0 0 18px;
background: url('images/icones/recherche.png') no-repeat scroll left center;
}

#contenu .menu_droite ul {
margin: 0 0 5px 18px;
}

#contenu .menu_droite ul li {
font: normal 11px 'trebuchet ms';
}

#contenu .menu_droite ul li a.evidence {
font-weight: bold;
}

/* FORMULAIRE CATALOGUE */

#contenu .articles .select, #contenu .menu_droite .select {
width: 155px;
font: normal 11px 'trebuchet ms';
color: #222;
vertical-align: middle;
cursor: pointer;
border: 1px solid #aebe21;
}

#contenu .articles .select option, #contenu .menu_droite .select option {
width: 250px;
padding: 0 0 0 4px;
font: normal 11px 'trebuchet ms';
color: #222;
vertical-align: middle;
cursor: pointer;
}

#contenu .articles .select option {
width: 155px;
}

#contenu .menu_droite label {
cursor: pointer;
font: normal 11px 'trebuchet ms';
}

#contenu .menu_droite checkbox {
cursor: pointer;
vertical-align: middle;
}

#contenu .articles .bouton, #contenu .menu_droite .bouton_recherche, #contenu .menu_droite .bouton {
width: 27px;
height: 20px;
padding: 0 0 1px 0;
font: normal 11px 'trebuchet ms';
color: #ccc;
text-align: center;
vertical-align: middle;
cursor: pointer; 
border: 1px solid #aebe21;
background: #222;
}

#contenu .menu_droite .bouton {
width: 155px;
}

#contenu .menu_droite .box {
width: 131px;
height: 17px;
padding: 1px 0 0 4px;
font: normal 11px 'trebuchet ms';
color: #222;
vertical-align: middle;
cursor: pointer;
border: 1px solid #aebe21;
}

/* -------------------------------------------------------------
CONTACT
------------------------------------------------------------- */

/* FORMULAIRE */

#contenu .formulaire {
float: left;
width: 380px;
margin: 0 0 0 20px;
}

#contenu .formulaire h2 {
padding: 0;
background: none;
}

#contenu .formulaire h2.bordure_pleine {
font: bold 15px trebuchet ms;
color: #aebe21;
padding: 10px 0 0 0;
margin: 10px 0;
background: url('images/bordures/bordure_pleine.png') repeat-x scroll left top;
}

#contenu .articles p.erreur, #contenu .articles p.confirmation, #contenu .formulaire p.erreur, #contenu .formulaire p.confirmation {
font-style: italic;
color: #ff0000;
padding-left: 18px;
}

#contenu .articles p.erreur, #contenu .formulaire p.erreur {
background: url('images/icones/erreur.png') no-repeat scroll left center;
}

#contenu .articles p.confirmation, #contenu .formulaire p.confirmation {
background: url('images/icones/confirmation.png') no-repeat scroll left center;
}

#contenu .formulaire label {
cursor: pointer;
}

#contenu .formulaire p.obligatoire, #contenu .formulaire p span.obligatoire, #contenu .formulaire li span.obligatoire {
color: #ff0000;
}

#contenu .formulaire .box, #contenu .formulaire .textarea, #contenu .formulaire .bouton {
width: 90%;
font-size: 12px;
color: #222;
cursor: pointer;
border: 1px solid #aebe21;
}

#contenu .formulaire .bouton {
width: 166px;
margin: 0 12px 0 0;
text-align: center;
color: #ccc;
background: #222;
}

#contenu .formulaire .npa, #contenu .formulaire .lieu {
font-size: 12px;
color: #222;
cursor: pointer;
border: 1px solid #aebe21;
}

#contenu .formulaire .npa {
width: 30px;
}

#contenu .formulaire .lieu {
width: 298px;
margin: 0 0 0 8px;
}

#contenu .formulaire .select {
width: 344px;
font-size: 12px;
color: #222;
cursor: pointer;
border: 1px solid #aebe21;
}

#contenu .formulaire .select option {
font-size: 12px;
color: #222;
cursor: pointer;
}

#contenu .formulaire .radio, #contenu .formulaire .checkbox {
vertical-align: middle;
display: inline;
}

#contenu .formulaire .radio {
margin: 0 2px 0 0;
}

#contenu .formulaire .checkbox {
margin: 0 0 2px 2px;
}

/* ADRESSE */

#contenu .adresse {
float: right;
width: 314px;
}

#contenu .adresse h2 {
padding: 0;
background: none;
}

#contenu .adresse ul {
padding: 10px 0;
}

#contenu .adresse ul li {
line-height: 20px;
}

#contenu .adresse ul li.illustrator {
text-indent: 20px;
background: url('images/icones/illustrator.png') no-repeat scroll left 5px;
}

/* -------------------------------------------------------------
DIVERS
------------------------------------------------------------- */

.cache {
display: none;
}

.espace {
clear: both;
}

/* -------------------------------------------------------------
BAS
------------------------------------------------------------- */

#bas {
height: 30px;
line-height: 34px;
text-align: center;
border-left: 10px solid #aebe21;
border-right: 10px solid #aebe21;
border-bottom: 10px solid #aebe21;
background: #cbde20 url('images/fond/fond_bas.png') no-repeat scroll center top;
}