@charset "UTF-8";
/* Copyright Julien Castanier */

body {
	margin: 0px;
	font-family: "Century Gothic", "Geneva", "Trebuchet MS", "Arial", sans-serif;
	font-size: 14px;
	background: #4A4236 url("../images/texture-repeat.jpg") repeat scroll center top;
}

strong {
	font-weight: bold;  /* Correction pour le navigateur Safari qui ignore le gras des <strong> */
}

h1 {
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
}

h2 {
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
}

h3 {
	font-size: 14px;
	font-weight: 100;
	margin: 0px;
}

h4 {
	font-size: 14px;
	font-weight: 100;
	margin: 0px;
}

.largeur {
	width: 993px;
	margin: auto;
	font-size: 18px;
}

.largeur a {
	color: #FFFFFF;
}

#haut-de-la-page {
	background: #EAEAEC url("../images/menu-top.png") repeat-x scroll center top;
	height: 61px;
	width: 100%;
	z-index: 100;
}

#navigation {
	width: 980px;
	margin: auto;
	min-height: 53px;
}

#header-decoration {
	background: #000000 url("../images/panoramique-ville-beziers.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-plan {
	background: #000000 url("../images/panoramique-plan.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-raspini {
	background: #000000 url("../images/panoramique-raspini.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-la-verrine {
	background: #000000 url("../images/panoramique-la-verrine.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-depot {
	background: #000000 url("../images/panoramique-depot.jpg") repeat scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-mandarine {
	background: #000000 url("../images/panoramique-mandarine.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-rolland {
	background: #000000 url("../images/panoramique-rolland.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}


#header-decoration-les-ptites-bombes {
	background: #000000 url("../images/panoramique-les-ptites-bombes.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-contact {
	background: #000000 url("../images/panoramique-contact.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-la-sandaliere {
	background: #000000 url("../images/panoramique-la-sandaliere.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-paprika {
	background: #000000 url("../images/panoramique-paprika.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-tignasse {
	background: #000000 url("../images/panoramique-tignasse.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-choknozof {
	background: #000000 url("../images/panoramique-choknozof.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-liens {
	background: #000000 url("../images/panoramique-liens.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-play {
	background: #000000 url("../images/panoramique-play-skateshop.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-chimene {
	background: #000000 url("../images/panoramique-chimene.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-alexandre {
	background: #000000 url("../images/panoramique-alexandre.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-architruc {
	background: #000000 url("../images/panoramique-architruc.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#header-decoration-la-vie-claire {
	background: #000000 url("../images/boisorigin.jpg") repeat-x scroll center top; /* dimention de l'image: 1920 x 283 px */
	height: 300px;
	margin-top: -6px;
	width: 100%;
	z-index: 1;
}

#sommaire {
	width: 980px;
	margin: auto;
	margin-top: -222px;
	margin-bottom: 0px;
	font-size: 18px;
}

#bloc-sommaire {
	width: 285px;
	height: 308px;
	background-image: url("../images/titre-sommaire-citadelle.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top;
	padding: 45px 20px 10px 25px;
	color: #FFFFFF;
}

#bloc-sommaire a {
	text-decoration: none;
}

#bloc-sommaire a:hover {
	color: #FFFFFF;
}

.voir-article a {
	color: #0000FF;
}

.voir-article a:hover {
	color: #FF0000;
}

.link-f a {
	color: #FF0070;
}

.link-depot a {
	color: #08897F;
}

.link-h a {
	color: #0084F9;
}

.link-resto a {
	color: #916836;
}

.link-hf a {
	color: #00BF00;
}

.link-shoes a {
	color: #E149ED;
}

.link-deco a {
	color: #FF8000;
}

.link-immo a {
	color: #A03CF9;
}

.link-bling a {
	color: #BC9644;
}

.link-eat a {
	color: #99CB30;
}

.link-coiffeur a {
	color: #FFDF2A;
}

.link-description a {
	color: #CCCCCC;
}

#main {
	background: url("../images/texture.jpg") repeat-x scroll center top;
	min-height: 699px;
	margin-top: -17px;
	width: 100%;
	z-index: 2;
}

#contenttop {
	background: url("../images/content-top.png") no-repeat scroll center top;
	height: 51px;
	width: 1026px;
	margin: auto;
	margin-bottom: 0px;
	padding-top: 15px;
	text-align: center;
	z-index: 3;
}

#content {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#contentbottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#contenttop-bis {
	background: url("../images/content-top.png") no-repeat scroll center top;
	height: 51px;
	width: 1026px;
	margin: auto;
	margin-bottom: 0px;
	padding-top: 15px;
	text-align: center;
	z-index: 3;
}

#content-bis {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#contentbottom-bis {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

.contenttop-link {
	background: url("../images/content-top.png") no-repeat scroll center top;
	height: 51px;
	width: 1026px;
	margin: auto;
	margin-bottom: 0px;
	padding-top: 15px;
	text-align: center;
	z-index: 3;
}

.content-link {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

.contentbottom-link {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#footer {
	background: url("../images/footer-background.png") no-repeat scroll center top;
	min-height: 112px;
	width: 950px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 250px;
	padding-top: 31px;
	padding-left: 43px;
	padding-right: 43px;
	z-index: 100;
	color: #CCCCCC;
}

#footer a {
	color: #CCCCCC;
}

#footer a:hover {
	color: #ADFF2D;
}

#jutix a {
	color: #FF8000;
}

#jutix a:hover {
	color: #FFFF00;
}

#sommaire-header-accueil {
	
	width: 330px;
	height: 406px;
	background-image: url("../images/ombre-sommaire.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 100;
}

#photo-header-accueil {
	left: 53%;
	margin-top: -170px;
	margin-bottom: 50px;
	width: 452px;
	background-image: url("../images/ombre-photo.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 320px;
	position: absolute;
	z-index: 100;
}

#photo-header {
	left: 53%;
	margin-top: -270px;
	margin-bottom: 50px;
	width: 452px;
	background-image: url("../images/ombre-photo.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 320px;
	position: absolute;
	z-index: 100;
}

.photo {
	background-color: #F0F0F0;
	min-height: 275px;
	border: 1px solid #A5A5A5;
}

#ZoomImage {
	padding: 12px;
	background-color: #FFFFFF;
}

.apercu {
	margin-right: 10px;
	border: 6px solid #DDDDDD;
}

.brand {
	margin-right: 10px;
	border: 6px solid #DDDDDD;
}

/* Design des catégories de commerçants : */

#clothingF-top {
	background: url("../images/categorie-top-f.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: -35px;
	margin-bottom: 0px;
	z-index: 3;
}

#clothingF {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#clothingF-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#clothingH-top {
	background: url("../images/categorie-top-h.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#clothingH {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#clothingH-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#clothingHF-top {
	background: url("../images/categorie-top-hf.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#clothingHF {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#clothingHF-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#shoes-top {
	background: url("../images/categorie-top-shoes.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#shoes {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#shoes-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#deco-top {
	background: url("../images/categorie-top-deco.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#deco {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#deco-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#immo-top {
	background: url("../images/categorie-top-immo.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#immo {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#immo-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#bling-top {
	background: url("../images/categorie-top-bling.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#bling {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#bling-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#eat-top {
	background: url("../images/categorie-top-eat.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#eat {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#eat-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#coiffeur-top {
	background: url("../images/categorie-top-coiffeur.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#coiffeur {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#coiffeur-bottom {
	width: 1026px;
	margin: auto;
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#depot-top {
	background: url("../images/categorie-top-depot.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#depot {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#depot-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}

#resto-top {
	background: url("../images/categorie-top-resto.png") no-repeat scroll center top;
	min-height: 51px;
	width: 1026px;
	margin: auto;
	padding-top: 15px;
	padding-left: 175px;
	font-size: 16px;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 0px;
	z-index: 3;
}

#resto {
	width: 943px;
	margin: auto;
	background-image: url("../images/content-background.png");
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 43px;
	padding-right: 40px;
	z-index: 3;
}

#resto-bottom {
	background: url("../images/content-bottom.png") no-repeat scroll center top;
	min-height: 49px;
	width: 1026px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index: 3;
}