/* --------------------------------------------------------------- */




/* -- Mise en forme générale -- */




body
{
  color: #3E733E;
  margin: 0px;
  margin-left: 35px;
  padding: 10px;
  padding-top: 0;
  background-attachment: fixed;
  background-image: url("image/graphisme/flamme.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-color: #FFE5B6;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 12pt;
}


h1, h2, h3, h4, table

{
  clear: both;
}


h1 {
        font-size: 20px;
        font-style: oblique;
        font-variant: small-caps;
        color: #333333;
        text-align: center;
        font-weight: bold;
        margin-top: 10px;
}




h2 {
        color: #333333;
        background-color: #A6E2A6;
        font-size: 12px;


        font-variant: small-caps;
        margin-left: 1em;
        margin-right: 2em;
        text-indent: 1em;
        margin-bottom: 2em;
        letter-spacing: 3px;
        font-family: "Trebuchet MS", serif;
        border-top: 2px solid #CC3333;
        border-right: 2px;
        border-bottom: 2px solid #CC3333;
        border-left: 2px;
}




h3 {
        color: #B7090D;
        margin-left: 3em;
        display: run-in;
        font-size: 12px;
}




h4 {
        text-align: justify;
        color: #B7090D;
        font-size: 14px;
        background-color: #E0DFE3;
        border: 1px dashed #993333;
        margin-left: 40px;
        margin-right: 40px;
        padding: 5px;
        font-weight: normal;
}




h4 li:hover { color: #333333; }




h5 {
        background-color: #FFD5B0;
        border: 1px dotted #993333;
        margin-right: 15%;
        margin-left: 15%;
        font-size: 12px;
        text-align: center;
        color: #666666;
        font-style: normal;
        font-weight: normal;
        margin-top: 5px;
}




body, p, li, a, td { text-align: justify; font-size: 12px;}


p.centre {
  text-indent: 0;
  clear: both;
  text-align: center;
}




p.droite {
  text-indent: 0;
  text-align: right;
}




em {
  font-style: oblique;
  font-weight: bold;
  font-size: 125%;
  color: #0293CD;
  font-style: underline;
  font-variant: small-caps;
}




ul {
  padding-left: 2em;
  margin-left: 20px;
  list-style-type: square;
}






li { margin-bottom: 2px; }




img { margin: 0; padding: 0; border: 0; }




a {
   color: #993333;
   font-weight: bold;
   text-decoration: none;
}




a:hover {
  color: #666666;
  text-decoration: underline;
}




hr { border: 1px outset #FFD5B0;}




table { border-collapse: separate; border-spacing: 5px; }




th { text-align: center; font-size: 120%; }




td { padding: 10px; }




/* --------------------------------------------------------------- */




/* Formulaires */




form.centre { text-align: center; }




input[type="text"],
input[type="button"],
input[type="submit"],
textarea
{
  padding-left: 10px;
  border: 1px solid black;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 10pt;
  font-weight: bold;
}




input[type="button"],
input[type="submit"]
{
  background: #CC3333;
  font-variant: small-caps;


}




input[type="submit"].defaut
{
  background: #CC3333;
  background-image: url("image/graphisme/background_titre.png");
  color: white;
  font-size: 11pt;
  border: 2px solid black;
}




input[type="submit"]:hover,
input[type="button"]:hover
{
  background: #ACF079;
  font-color: #CCCCCC;
}




input[type="submit"]:active,
input[type="button"]:active
{
  background:  #3E733E;
  font-color: #CCCCCC;
}




/* --------------------------------------------------------------- */




/*** Titre ***/




#titre TABLE { width: 100%; border-collapse: collapse; }
#titre td { padding: 0px; }




#titre td#img_titre { text-align: left; padding-left: 25px; }
#titre td#img_adresse { text-align: center; padding-right: 35px;}




#choix_langue {
 background-color: #FFD1A4;
 border: 1px dotted #993333;
 text-align: center;
 padding: 5px;
}




#choix_langue IMG { /*display: block;*/ margin: 2px; }
#choix_langue A:hover { text-decoration: none; }




/*** Copyright ***/




#copyright
{
  background-color: #FFD1A4;
  border: 1px dotted #993333;
  margin-right: 10px;
  margin-left: 50%;
  margin-top: 10px;
  padding-right: 10px;
  font-size: 12px;
  text-align: right;
  color: #666666;
}

#copyright em {
  font-variant: small-caps;
  font-weight: bolder;
}




/* --------------------------------------------------------------- */




/* --------------------------------------------------------------- */




/*** Article ***/




div#article
{
  padding-left: 120px;
  padding-right: 5px;
  min-height: 400px;
}




#article P:first-line {
  font-style: italic;
}




#article IMG { border: 1px solid #FFD1A4; }
#article IMG:hover { border: 1px dashed #993333; }




/* -- Tableau de l'article -- */




table.article_table {
  width: 100%;
  border-collapse: collapse;
}








TR#article_haut td, TR#article_bas td, td#article_cg, td#article_cd
{
  padding: 0;
  margin: 0;
}




#article_haut,#article_bas { height: 10px; }
#article_gauche, #article_droite { width: 10px; }




#article_hg { background: url("image/graphisme/contour/box_upleft.png"); }
#article_hd { background: url("image/graphisme/contour/box_upright.png"); }
#article_bg { background: url("image/graphisme/contour/box_bottomleft.png"); }
#article_bd { background: url("image/graphisme/contour/box_bottomright.png"); }




#article_cg
{ background: url("image/graphisme/contour/box_left.png") repeat-y;}
#article_cd
{ background: url("image/graphisme/contour/box_right.png") repeat-y; }




#article_hc
{ background: url("image/graphisme/contour/box_up.png") repeat-x; }
#article_bc
{ background: url("image/graphisme/contour/box_bottom.png") repeat-x; }




#article_cc
{
  text-align: left;
  background-color: #FFD1A4;
}




#article_cc IMG { text-align: center; }




tr#article_ligne_centre > td#article_cc { padding: 10px; }




/* --------------------------------------------------------------- */




/*** Erreur ***/




.erreur {
  color: yellow;


  background-color: red;
  border: 0.3ex solid black;
  padding: 0.5em;
  font-family: "Verdana";
}




.erreur p, .erreur li { font-size: 150%; }




.erreur em {
  font-style: oblique;
  font-weight: bold;
  font-size: 110%;
  color: white;
}






/*** Presentation ***/




#presentation, #accueil {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}




#article #foto{ float: right; margin-right: 50px; }




/*
 * Liste d'images : enseigne, luminaire et spirate.
 */




table.liste_images, table.encadre, table.encadre_centre
{
  width: 100%;
  border-collapse: collapse;
}




table.liste_images td, table.encadre td, table.encadre_centre td
{
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border: 1px dotted #3E733E;
}




table.liste_images td *, table.encadre_centre td *
{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}




td.une_image_liste
{
  width: 50%;
}




/*
 * Commande
 */




table.commande
{
  border: 1px solid #3E733E;
  border-collapse: collapse;
}




table.commande tr td {
  border: 1px solid #3E733E;
}




table.valider_commande {
  margin-left: auto;
  margin-right: auto;
}




pre.code_source
{
  background-color: white;
  border: 2px solid black;
  overflow: auto;
 max-height: 25em;
  padding: 1ex;
}


div.commande_tel
{
  float: right;
  border: 2px solid#CC3333;
  background-color: #A6E2A6;
  color: #333333;
  padding: 10px;
  margin: 10px;
}


div.demande_doc
{
  float: right;
  border: 1px dotted black;
  background-color: #FFD5B0;
  color: black;
  padding: 10px;
  margin: 10px;
}


.commande_tel p
{
  font-size: 140%; text-align: center;
  margin: 2px; font-weight: bold;
}
.commande_tel em { color: #CC3333; }


.demande_doc p
{
  font-size: 120%; text-align: center;
  margin: 2px; font-weight: bold;
}
.demande_doc em, .demande_doc a { color: red; }