/* Feuille de style concernant les pages sur les cartes */ 
/* les #commande correspondent au tableau de la page commande.php*/

h1, h2, h3{
    color:#BB472B;
    }

/* colonne gauche */
#c1_topleft{
    float:left;
    width:335px;
    }

#c1_topleft p{
    font-weight:bold;
    }

#c1_topleft img{
    margin-top:15px;
    }

/* colonne droite */    
#c1_topright{
    margin-left:337px;
    width:227px;
    padding:0.5em 1em 0 0;
    }  

p{  padding:0 1em;}    

/* bas de page */
#c1_bottom{
    position:relative;
    top:10px;
    left:10px;
    width:540px;
    height:130px;
    padding:10px;
    border:2px solid #EAEBDD;
    }

#c1_bottom ul{
    float:right;
    width:280px;
    margin-top:32px;
    }
    
#c1_bottom ul li{
    list-style: none;
    margin-bottom:0.2em;
    }

#c1_bottom ul li a,
#commande a{
   padding-left:2em;
   }

#minicarte{
    float:left;
    margin:10px;
    width:190px;
    }

    
#c1_bottom ul li a,
#c1_bottom ul li a:link,
#c1_bottom ul li a:visited{
    color:#000000;
    }

a span.zoom {
    color:#007529;
    padding-right:15px;
    background:url(cartes_zoom.gif) no-repeat center right;
    }

a:hover span.zoom{
    text-decoration:underline;
    }


#mini_carte_1{background:url(carre_cartes_1.gif) no-repeat center left;}
#c1_bottom ul li a#mini_carte_1:hover,
#commande a#mini_carte_1:hover{color:#007529;}
a#mini_carte_1 span.zoom {margin-left:7px;}

#mini_carte_2{background:url(carre_cartes_2.gif) no-repeat center left;}
#c1_bottom ul li a#mini_carte_2:hover,
#commande a#mini_carte_2:hover{color:#8B519D;}
a#mini_carte_2 span.zoom {margin-left:60px;}

#mini_carte_3{background:url(carre_cartes_3.gif) no-repeat center left;}
#c1_bottom ul li a#mini_carte_3:hover,
#commande a#mini_carte_3:hover{color:#C9691C;}
a#mini_carte_3 span.zoom {margin-left:60px;}

#mini_carte_4{background:url(carre_cartes_4.gif) no-repeat center left;}
#c1_bottom ul li a#mini_carte_4:hover,
#commande a#mini_carte_4:hover{color:#262B88;}
a#mini_carte_4 span.zoom {margin-left:73px;}

#mini_carte_5{background:url(carre_cartes_5.gif) no-repeat center left;}
#c1_bottom ul li a#mini_carte_5:hover,
#commande a#mini_carte_5:hover{color:#1D7D6F;}
a#mini_carte_5 span.zoom {margin-left:117px;}

#mini_carte_6{background:url(carre_cartes_6.gif) no-repeat center left;}
#c1_bottom ul li a#mini_carte_6:hover,
#commande a#mini_carte_6:hover{color:#A14422;}
a#mini_carte_6 span.zoom {margin-left:25px;}


/* ----- Page commande -----------*/
#commande_form{
    margin:2em 0 0 4em;    
    }

#commande tr{
    height:1.2em;
    }

#commande{
    width:60%;
    }

td.carte{
    width:60%;
    }


td.pu, td.qte, th{
    text-align:center;
    }

td.total{
    font-weight:bold;
    font-size:13px;
    text-align:right;
    }

td#total, td#totalht{
    font-weight:bold;
    font-style:italic;
    font-size:13px;
    text-align:center;    
    }

td.totalht, td#totalht{
    color:gray;
    }

.commande h3.suite{margin-left:20%;}

.commande fieldset{
    padding: 1em;
    margin:0 2em 0 0;
    border:1px solid #BB472B;
    }

.commande label{
    float:left;
    text-align:right;
    width:25%;
    margin-right:1em;
    }

.commande input{
    border:1px solid grey;
    }

.commande fieldset div{
    margin:0.5em;
    }

.commande h3 a{
    margin:0 2em;
    }

.commande p.adresse{
    margin-left:15%;
    width:30%;
    padding:2em 5em;
    border:1px solid #BB472B;
    }
/* -----page Fabrication ---------- */
.fabrication h4{
    margin:1.5em 1em 0.5em 1em;
    color:#BB472B;
    }

.fabrication p{
    margin:1em 0.2em;
    }

.fabrication img.illustr1{
    margin:0px 40px 0px 80px;    
    }



/* ---- utilisation -------------- */
#anim{padding:5px;}

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

img{
    border:none;
    }