#tabgeneral {
	border: 1px solid #000000;
}

a img
{
        border: none;
				outline: none;
				-moz-outline-style: none;
}

/* enlève pointillées autour des liens a, ne marche pas sous ie6 */
a{outline: none;}
a:focus{-moz-outline-style: none;}

img {
outline: none;
}

.bluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0066FF;
	text-decoration: none;
}

.texte01 {
	font-family: Courier New, Courier, monospace;
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;
}
a.menu2:link {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.menu2:visited {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a.menu2:hover {
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}


b{outline: none;}
b:focus{-moz-outline-style: none;}

b.stick:link {
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}

b.stick:visited {
	font-size: 14px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
b.stick:hover {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

#apDiv1 {
	position:absolute;
	left:445px;
	top:206px;
	width:110px;
	height:113px;
	z-index:1;
}
.style1 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.style5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.style6 {font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif;}

.style7 {font-size: 11px}

/* style du texte des menus de gauche */

.style8 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;}
a.style8:hover {color: #FF0000;}

/* police description shop_pack.php des produits */
.style9 {color: #000000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px;}



/* CSS pour la template de sts_template, de la template shopping_cart et de la template pack */

body#bdefaut {
background-image:url(../imgs/gravure.jpg);
height: 100%;
}

/* div globale spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.general {
position: relative;
width: 1000px;
height: auto;
min-height: 800px;
max-height: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
border: 1px solid black;
border-bottom: 0px;
background-image:url(../imgs/shop/background_shop_tache_mid.png);
background-repeat: repeat-y;
}

.general_bloc {
position: relative;
width: 1000px;
}

/* div bloc haut de page */

.menu_bg_haut {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 192px;
background-image:url(../imgs/shop/background_shop_general_up.jpg);
background-repeat: no-repeat;
}

.menu_bg_haut2 {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 192px;
background-image:url(../imgs/shop/background_shop_general_up.jpg);
background-repeat: no-repeat;
}

/* spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.menu_bg_haut3 {
position: absolute;
top: 0px;
left: 0px;
width: 1000px;
height: 192px;
background-image:url(../imgs/shop/background_shop_general_up.jpg);
background-repeat: no-repeat;
z-index: 4;
}

/* div pour chaque page produit, ex: shop_pack_sweet.php */

.general_matos {
position: relative;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
background-image:url(../imgs/shop/backgroud_shop_matos_model.jpg);
background-repeat:no-repeat;
width: 1000px;
height: 800px;
border: 1px solid black;
border-style: solid;
border-color: #000000;
}

/* div pour la page shop_matos.php */
.general_index_matos {
position: relative;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
background-image:url(../imgs/shop/backgroud_shop_blank.jpg);
background-repeat:no-repeat;
width: 1000px;
height: 800px;
border: 1px solid black;
border-style: solid;
border-color: #000000;
}

/* divs pour la page shop_pack.php  --------------------------------------- */

.general_index_pack {
position: relative;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
background-image:url(../imgs/shop/pack/backgroud.jpg);
background-repeat:no-repeat;
width: 1000px;
height: 800px;
border: 1px solid black;
border-style: solid;
border-color: #000000;
}

.pack_title_sweet {
position: absolute;
top: 155px;
left: 150px;
width: 435px;
height: 90px;
background-image:url(../imgs/shop/pack/sweet_title.jpg);
background-repeat: no-repeat;
}

.pack_title_hard {
position: absolute;
top: 155px;
left: 585px;
width: 415px;
height: 90px;
background-image:url(../imgs/shop/pack/hard_title.jpg);
background-repeat: no-repeat;
}

.pack_img_sweet {
position: absolute;
top: 245px;
left: 150px;
width: 435px;
height: 360px;
}

.pack_img_hard {
position: absolute;
top: 245px;
left: 585px;
width: 435px;
height: 360px;
}

.pack_desc_sweet {
position: absolute;
top: 620px;
left: 215px;
width: 225px;
height: 90px;
padding: 5px 5px 5px 5px;
}

.pack_desc_hard {
position: absolute;
top: 613px;
left: 700px;
width: 225px;
height: 90px;
padding: 5px 5px 5px 5px;
}

.pack_prix_sweet {
position: absolute;
top: 708px;
left: 440px;
width: 78px;
height: 24px;
background-color: #A2D6B2;
text-align: center;
padding-top: 2px;
}

.pack_prix_hard {
position: absolute;
top: 709px;
left: 640px;
width: 78px;
height: 24px;
background-color: pink;
text-align: center;
padding-top: 2px;
}


/* shop, compte et home, les 3 boutons du bandeau supérieur le z-index ne joue que sur sts_template.php shop_cgv.php et shop_mentions.php */

.shop {
position: absolute;
top: 0px;
left: 0px;
width: 180px;
height: 130px;
z-index: 5;
}

.compte {
position: absolute;
width: 220px;
height: 90px;
right: 159px;
top: 64px;
z-index: 5;
}

.home {
position: absolute;
width: 90px; 
height: 60px;
top: 130px;
left: 0px;
z-index: 5;
}

/* les div du menu de navigation gauche */

.menu_gauche {
position: absolute;
top: 231px;
left: 1px;
width: 170px;
height: 530px;
display: block;
}

/* version ie 7 et autres sauf ie6 ------------------------------------------------- */

.menu_vide_gauche_template {
position: absolute;
top: 191px;
left: 0px;
width: 185px;
height: 40px;
background-image:url(../imgs/shop/background_shop_menu_vide_gauche_template.jpg);
background-repeat: no-repeat;
}

/* spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.menu_vide_gauche_template2 {
position: absolute;
top: 191px;
left: 0px;
width: 185px;
height: 40px;
background-image:url(../imgs/shop/background_shop_menu_vide_gauche_template.png);
background-repeat: no-repeat;
z-index: 4;
}

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

.menu_central_tache {
position: absolute;
width: 23px;
height: 77px;
top: 192px;
left: 185px;
background-image:url(../imgs/shop/background_shop_bout_tache_gauche.jpg);
background-repeat: no-repeat;
z-index: 4;
}

.menu_gauche_template {
position: absolute;
top: 231px;
left: 0px;
width: 185px;
height: 530px;
display: block;
background-image:url(../imgs/shop/background_shop_menu_gauche_template.jpg);
background-repeat: no-repeat;
}

/* spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.menu_gauche_template2 {
position: absolute;
top: 231px;
left: 0px;
width: 185px;
height: 530px;
display: block;
background-image:url(../imgs/shop/background_shop_menu_gauche_template.png);
background-repeat: no-repeat;
z-index: 4;
}

/* pack matos texte et panier, div génériques menu gauche, le z-index ne joue que pour sts_template.php shop_cgv.php et shop_mentions.php */

.menu_pack {
padding-left : 20px;
margin-bottom: 25px;
z-index: 4;
}

.menu_matos {
padding-left : 20px;
margin-bottom: 25px;
z-index: 4;
}

.menu_texte {
padding-left: 20px;
padding-top: 10px;
text-decoration: none;
z-index: 4;
}

.menu_panier {
padding-left : 20px;
margin-bottom: 25px;
z-index: 4;
}


/* divs contenant la page centrale, spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.conteneur_vide {
position: relative;
width: 1000px;
height: 195px;
z-index: 3;
}

.conteneur_contenu {
position: relative;
width: 1000px;
max-height: auto;
z-index: 3;
}

.contenu {
position: relative;
width: 1000px;
padding-left: 210px;
min-height: 590px;
height: auto;
max-height: 100%;
background-image:url(../imgs/shop/background_shop_tache_mid.png);
background-repeat: repeat-y;
z-index: 3;
}

/* principal est la div centrale de chaqe page produit regroupant les divs qui suivent */
.principal {
position: relative;
}

.stock {
position: absolute;
width: 162px;
height: 41px;
top: 162px;
left: 287px;
}

.image_produit {
position: absolute;
left: 155px;
top: 205px;
width: 458px;
height: 360px;
}

.description_produit {
position: absolute;
top: 155px;
left: 625px;
width: 300px;
height: 295px;
padding: 5px 5px 5px 5px;
z-index: 2;
text-align: center;
}

.prix_produit {
position: absolute;
top: 579px;
left: 320px;
width: 95px;
height: 30px;
text-align: center;
}

.image_toon {
position: absolute;
left: 150px;
top: 614px;
width: 463px;
height: 163px;
}

.bouton_ajouter {
position: absolute;
width: 360px;
height: 300px;
top: 477px;
left: 640px;
z-index: 1;
}

/* div contenant les drapeaux et le bandeau des mentions légales (version 2 pour sts_template.php shop_cgv.php et shop_mentions.php) */

.menu_bas_template {
position: relative;
top: 0px;
left: 0px;
clear: both;
width: 998px;
height: 50px;
background-image:url(../imgs/shop/background_shop_general_down.jpg);
background-repeat: no-repeat;
}

/* spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.menu_bas_template2 {
position: relative;
border-bottom: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 0px;
width: 1000px;
margin-right: auto;
margin-left: auto;
height: 50px;
background-image:url(../imgs/shop/background_shop_general_down.png);
background-repeat: no-repeat;
z-index: 4;
}

/* div langue et mention en bas de page sous la div "principal", langue&bandeau_mention_legale sont pour sts_template, les versions 2 pour les pages produits, version 3 pour shop_matos.php seul */
/* version ie7 -------------------------------------------- */

.langue {
position: absolute;
left: 11px;
bottom: 1px;
width: 200px;
}

.bandeau_mention_legale {
position: absolute;
right: 0px;
bottom: 0px;
width: 400px;
height: 23px;
}

/* version 4 spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */

.langue4 {
position: absolute;
left: 11px;
bottom: 1px;
width: 200px;
}

.bandeau_mention_legale4 {
position: absolute;
right: 0px;
bottom: 0px;
width: 400px;
height: 23px;
}


/* div pour toutes les pages produits autre que shop_matos.php sts_template.php shop_cgv.php et shop_mentions.php */

.langue2 {
position: absolute;
left: 11px;
bottom: 1px;
width: 200px;
}

.bandeau_mention_legale2 {
position: absolute;
right: 0px;
bottom: 0px;
width: 400px;
height: 23px;
}

/* div contenant le texte de pied de page, sous la div "general", version 2 pour sts_template.php shop_cgv.php et shop_mentions.php*/

.menu_bas {
width: 100%;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
text-align: center;
z-index: 2;
}

/* spécifiquement pour sts_template.php shop_cgv.php et shop_mentions.php */ 

.menu_bas2 {
position: relative;
width: 100%;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
text-align: center;
z-index: 2;
}

.bandeau-bas {
}


/* éléments CSS pour la page shop_matos.php (table, a...) */
/* contenu_matos est la div centrale shop_matos.php uniquement */

.contenu_matos {
position: absolute;
top: 156px;
right: 30px;
width: 760px;
height: 600px; 
display: block;
}

.table_contenu_matos {
width: 760px;
height: 600px;
border: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

.td_contenu_matos {
width: 190px;
height: 150px;
border: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

.img_contenu_matos {
width: 190px;
height: 150px;
border: 0px;
align: center;
}


/* éléments CSS pour la page centrale avec image calepin pour sts_template.html shop_cgv.php et shop_mentions.php */

.table_cadre_contenu_template {
width: 742px;
height: 100%;
border: 0px;
padding: 0px;
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

.td_cadre_contenu_template_haut {
width: 742px;
height: 23px;
border: 0;
padding: 0px;
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
background-image:url(../imgs/shop/background_bloc_haut2.gif);
background-repeat: no-repeat;
}

.td_cadre_contenu_template {
width: 742px;
height: 100%;
min-height: 554px;
border: 0;
padding: 10px 20px 10px 70px;
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
background-image:url(../imgs/shop/background_bloc2.gif);
background-repeat: repeat-y;
}

.td_cadre_contenu_template_bas {
width: 742px;
height: 23px;
border: 0;
padding: 0px;
margin: 0px;
border-collapse: collapse;
border-spacing: 0px;
background-image:url(../imgs/shop/background_bloc_bas2.gif);
background-repeat: no-repeat;
z-index: 3;
}



/* css page plan de la boutique dans le processus de commande */

body#pageplan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../imgs/gravure.jpg);
	height: 100%;
}

.general_plan {
	width: 950px;
	height: 752px;
	background-image: url(../imgs/shop/ground_point_town.jpg);
	background-repeat:no-repeat;
	position: relative;
  margin-right: auto;
  margin-left: auto;
  margin-top: 0px;
  background-repeat:no-repeat;
  border: 1px solid black;
  border-style: solid;
  border-color: #000000;
}
#bloc2 {
	position:absolute;
	left:532px;
	top:384px;
	width:350;
	height:300;
	z-index:2;
}
#bloc3 {
	position:absolute;
	left:72px;
	top:384px;
	width:350;
	height:300;
	z-index:3;
}
#bloc4 {
	position:absolute;
	left:86px;
	top:211px;
	width:300;
	height:160;
	z-index:4;
}

#bloc5 {
	position:absolute;
	left:543px;
	top:211px;
	width:300;
	height:160;
	z-index:5;
}

#bloc5 p {
	text-align: left;
}
#bloc6 {
	position:absolute;
	left:325px;
	top:360px;
	width:87px;
	height:1px;
	z-index:6;
}
#bloc7 {
	position:absolute;
	left:782px;
	top:360px;
	width:89px;
	height:9px;
	z-index:7;
}

/* version 5 pour plan.htm à la racine du site */

.bandeau_mention_legale5 {
position: absolute;
right: 0px;
bottom: 0px;
width: 400px;
height: 23px;
z-index: 8;
}

