/*************  HTML     *****************/
html {
margin: 0;
padding: 0;
height: 100%;
}
/*************  BODY     *****************/
body{
background-color:     #333333;
color:                #666666;
font-family:          Verdana, Tahoma, Arial, sans-serif;
font-size:            small;        /* taille de police  */
text-align:           center;
height:               100%;
}

div{
margin: 0px;
border: 0px solid white;  /* définition de bordure par defaut pour tous les blocs */
   margin-left: auto;
   margin-right: auto;

}

/********************* image ************************/
img {
border:               0;
}
img.logo {
height:               100px;
width:                200px;
}
img.unpoint {                 /*les 3 images du menu en orange chargée en caché sur la ligne du menu les 3 petits points  */
height:               1px;
width:                1px;
}
img.accueil {
height:               110px;
width:                500px;
}
img.grande {
height:               300px;
width:                300px;
}
img.petite {
height:               90px;
width:                90px;
}
img.pixel {
height:               1px;
width:                600px;
}
img.ligneorange {
height:               1px;
width:                1100px;
}
/* photos magasin */
img.mag0 {
height:               188px;
width:                560px;
}
img.mag1 {
height:               187px;
width:                280px;
}
img.mag2 {
height:               187px;
width:                280px;
}
img.mag3 {
height:               466px;
width:                280px;
}
img.mag4 {
height:               257px;
width:                280px;
}
img.mag5 {
height:               203px;
width:                280px;
}

object.video {
height:               240px;
width:                320px;
}

object.video3 {
height:               240px;
width:                300px;
}

/********************* link a ************************/
a:link   { text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover  { text-decoration:none;color:#f96611;}
a:active { text-decoration:none;}

a {color:#666666;}

p {font:small;text-align:justify;}
p.menu {font:medium;display:inline;}
p.menusignesup {font:small;display:inline;color:#f96611;}
p.centrage {text-align:center;}
p.trespetit {font:x-small;text-align:center;}
p.fabsurcde {font:medium;text-align:center;color:#f96611;}
p.footer {font:small;text-align:center;}

li {text-align:left;}
/********************* header ************************/
h1{
        color:                #FFFFFF;
        font-size:            medium;
        font-weight:          bold;
        }
h2{
        color:                #f96611;
        font-size:            large;
        font-weight:          bold;
        }
h3{
        color:                #f96611;
        font-size:            medium;
        font-weight:          bold;
        display:              inline;
        }
/****************************************************/
#global {
        margin: 2px auto;     /* bloc centré avec une marge en haut et en bas de 2 pixels */
        width:                1100px;
	min-height:           300px;
	background-color:     #000000;
	text-align:           center;
}

        #bandeausup {
	width:                1100px;
	height:               130px;
	background-image:     url(../design/fond.jpg);
	background-repeat:    repeat-y;
  
        }
        #menu {
        width:                1100px;
	height:               40px;
	background-image:     url(../design/fond.jpg);
	background-repeat:    repeat-y;
	}
                 #menugauche {
	         float:                left;
                 width:                500px;
                 height:               40px;
	         text-align:           left;
                 color:                #C0C0C0;
       	         margin-left:          50px;
       	         margin-top:           5px;
	         }
                 #menudroite {
	         float:                right;
                 width:                100px;
	         text-align:           right;
	         height:               40px;
                 color:                #C0C0C0;
       	         margin-right:         50px;
       	         margin-top:           5px;
	         }
        #contenu {
	width:                1100px;
	min-height:           400px;
	text-align:           center;
	background-image:     url(../design/fond.jpg);
	background-repeat:    repeat-y;
       }
        #footer {
        width:                1100px;
	height:               70px;
	background-image:     url(../design/fond.jpg);
	background-repeat:    repeat-y;
	}


/******************* AFFICHAGE DES PRODUITS *********************/
.produit {
        width:                600px;
	min-height:           330px;
	background-color:     #000000;
	text-align:           center;
}
.produitgauche {
	float:                left;
        width:                300px;
	min-height:               330px;
	background-color:     #000000;
}
.produitdroite {
	float:                left;
        width:                300px;
	min-height:               330px;
	background-color:     #000000;
}
    .produitdroitetexte {
        width:                300px;
	height:               200px;
	background-color:     #000000;
    }
    .produitdroiteimage {
        width:                300px;
	height:               100px;
	background-color:     #000000;
    }
               .produitimg {
	       float:                left;
               width:                100px;
	       height:               100px;
	       background-color:     #000000;
               }
.contact {
        width:                600px;
	min-height:           50px;
	background-color:     #000000;
	text-align:           center;
}

.lignehor {
        width:                600px;
	height:               5px;
	background-color:     #000000;
	text-align:           center;
 }

/*** Pictures             ***/
/* les petites images  */
.pic          {left: 1px; top: 0px;  position: relative; }
/* les grandes images non encore agrandies  */
.pic a .large {left: -1px; top: -1px; position: absolute; width: 0px; height: 0px; border: 0; display: block;}
 /* les petites images  */
.pic a img    { border: 0px solid #333333; }

/* LES TROIS IMAGES SECONDAIRES - gauche */
/* les petites images quand les grandes apparaissent  */
.pic a.p1, .pic a.p1:visited {left: 0;     top: 0;    border: 0px solid #000000; display: block; position: relative;  }
/* les petites images quand les grandes apparaissent */
.pic a.p1:hover              {text-decoration: none; }
/* les grandes images affichées */
.pic a.p1:hover .large       {left: -300px; top: -215px; border: 0px solid #ff8000; display: block; position: absolute; width:300px; height:300px; z-index: 99; overflow: visible; }


/* LES TROIS IMAGES SECONDAIRES - milieu */
/* les petites images quand les grandes apparaissent  */
.pic a.p2, .pic a.p2:visited {left: 0;     top: 0;    border: 0px solid #000000; display: block; position: relative;  }
/* les petites images quand les grandes apparaissent */
.pic a.p2:hover              {text-decoration: none; }
/* les grandes images affichées */
.pic a.p2:hover .large       {left: -400px; top: -215px; border: 0px solid #ff8000; display: block; position: absolute; width:300px; height:300px; z-index: 99; overflow: visible; }

/* LES TROIS IMAGES SECONDAIRES - droite */
/* les petites images quand les grandes apparaissent  */
.pic a.p3, .pic a.p3:visited {left: 0;     top: 0;    border: 0px solid #000000; display: block; position: relative;  }
/* les petites images quand les grandes apparaissent */
.pic a.p3:hover              {text-decoration: none; }
/* les grandes images affichées */
.pic a.p3:hover .large       {left: -500px; top: -215px; border: 0px solid #ff8000; display: block; position: absolute; width:300px; height:300px; z-index: 99; overflow: visible; }



/************   *************/