/* style Ninette lundi 1 décembre 2014 18:30:34 */

body {background-color: #cc7722;
     font-family: Verdana,Arial,Geneva;}
a {color: rgb(61,20,0);}
ul {list-style-type: none;}
li {font-size: 12px; width: 120px;}
.sup { vertical-align: super; font-size: 50%; }


img {image-orientation: 0;}

.cadrejuste {top:5px; float:left; margin:5px;
            border-radius: 5px 5px; border-color: #cc7722;
            background-color: #cc7722;}
.signature {position: fixed; top: 80%; left: 80%; font-size:10px; width:150px;}
.pointa {font-size:10px; width:100px; height:100px;
       border-radius: 50px; background-image: url(Images/coulis.png);
       text-align: center;}
.pointb {top: 200px; right: 5px; font-size:10px; width:100px; height:100px;
       border-radius: 50px; background-image: url(Images/BOSKOP3.jpg);
       text-align: center;}
.bandeau {background-image: url(Images/copetia.jpg);
         background-repeat: repeat-x;
         left: 4px;
         top: 5px;
         height: 80px;}
.vbandeau {background-image: url(Images/copetia.jpg);
         background-repeat: repeat-y;
         left: 5px;
         top: 5px;
         width: 110px;}
.ptibando {background-image: url(Images/copeti.jpg);
         background-repeat: repeat-x;
         height: 30px;}
.plusavoir {position: fixed; left:50px; top:550px; width:80px; height:80px;
           border-radius: 40px 40px;
           background-image: url(Images/coxetta.png);
           background-repeat: no-repeat;}
.lefte {position: absolute;
       left: 8px; width:25%; height: 600px;
       margin-right: auto;}
.lefteplus {position: absolute; top: 200px;
       background-color: #cc7722;
       background-repeat: no-repeat;
       left: 8px; width:25%; height: 600px;
       margin-right: auto;}
.milefte {position: absolute;
       background-image: url(Images/micoulis.png);
       background-repeat: no-repeat;
       font-size: 12px;
       left: 8px; width:100px; height: 600px;
       margin-right: auto;}
.leftv {position: absolute;
       background-color: #cc7722;
       left: 8px;
       width: 25%; height: 600px;
       margin-right: auto;}
.petitjus {position: absolute;
          left: 30%; color: rgb(20,61,0);
          width:33%; height:600px; margin-left: 5px; margin-right: 5px;
          text-align: justify;}
.petitjos {position: absolute;
          left: 30%; color: rgb(20,61,0);
          width:33%; height:600px; margin-left: 5px; margin-right: 5px;
          text-align: justify;}
.petitjusplus {position: absolute; top: 200px;
          left: 30%; color: rgb(20,61,0);
          width:33%; height:600px; margin-left: 5px; margin-right: 5px;
          text-align: justify;}
.petitjusbocouplus {position: absolute; top: 400px;
          left: 30%; color: rgb(20,61,0);
          width:33%; height:600px; margin-left: 5px; margin-right: 5px;
          text-align: justify;}
.righte {position: absolute;
        left: 65%;
        width:33%; height:600px; margin-left: 5px; margin-right: 5px;
        padding-left: 2px; text-align: justify;}
.righteplus {position: absolute; top: 200px;
        left: 65%;
        width:33%; height:600px; margin-left: 5px; margin-right: 5px;
        text-align: justify;}
.galerie {position: absolute;
          top: 5px; left: 15%; color: rgb(61,20,0);
          width:70%; margin-left: 5px; margin-right: 5px;
          text-align: justify;}
.titrelivre {background-image: url(Images/BOSKOP3.jpg);
             height: 20px; font-size: 14px;
             color: rgb(61,20,0);}
.champs {top: 5px;  margin-left: auto; margin-right: auto;
        width: 600px; background-color: #cc7722;
        border-radius: 5px 5px;}
.vignetarb {float: left; height: 100px; width: 120px; background-color: #cc7722;
        font-size: 12px; margin: 15px;}

/*fonds*/

.roseuni {background-color: #f0c7c7;}
.rosepomme {background-image: url(Images/coulis.png);}

<!--retours en arrière ou suite-->
.plusavoir {position: fixed; left:280px; top:580px; width:90px; height:57px; background-repeat: no-repeat; background-image: url(Images/flecheall.png);}

.pomretour {position: fixed; left:150px; top:550px; width:90px; height:57px; background-repeat: no-repeat; background-image: url(Images/flecheret.png);}


/*paragraphes*/

p.toutcru { font-size: 12pt; line-height: 12pt; }

p.encadre { font-size: 14px; color: rgb(61,20,0);
          text-align: justify; line-height: 17px;
          border-style: solid;
          border-width: 2px;
          border-color: rgb(61,20,0);
          border-radius: 5px 5px;
          padding: 10px;}

p.normal {font-size: 14px; color: rgb(61,20,0);
         text-align: justify; line-height: 17px;
         }

p.petiot {font-size: 10px; color: rgb(61,20,0);
         text-align: center; line-height: 15px;
         }

p.blanc {font-size: 14px; color: #ffffff;
         text-align: justify; line-height: 17px;
         }

p.grandtitre {font-size: 50px; color: rgb(61,20,0); font-weight:bolder;
         font-style:italic; text-align: center;}

p.titre1 {font-size: 24px; color: rgb(61,20,0); font-weight:bolder;
         font-style:none; text-align: left;}

p.ptititre {margin-left: 5px;
         font-size: 14px; color: rgb(61,20,0);
         text-align: justify; line-height: 24px;
         text-indent: 15px; font-weight:bolder; font-style:italic;}

p.attente {opacity: 0.5;}

/*plan du verger*/
.planverger {font-family: Verdana,Times,Arial;
            font-size: 10px; text-align: center;
            border-collapse: separate;
            border-spacing: 1px;
            border-radius: 3px 3px;}
.cellphot {width: 150px; height: 108px;}

/*histoire de bete*/

.tablanim {font-family: Verdana,Times,Arial; position: absolute; top: 150px; left: 150px; width: 600px; text-align: left; }
.textetab {}
.cellanim {position: relative; height: 200px; vertical-align: middle;}

#lucette {width: 100px}
#lucette:hover {width: 300px}