/* CSS Document */

/* gabarit */


body {
	margin:0;
	padding:0;
	font-family:arial;
	font-size:12px;
	color:#575241;
	background-image:url(../images/motif-fond.gif);
	background-repeat:repeat;
}


a img {
	border:0;
}


form {
	margin:0;
	padding:0;
}


.clear {
	clear:both;
	height:1px;
}


#global {
	width:756px;
	margin:auto;
	background-image:url(../images/fond-gauche.gif);
	background-repeat:repeat-y;
	background-position:84px 0;
}


#gauche {
	float:left;
	width:175px;
}


#hautGauche {
	width:91px;
	height:3px;
	background-image:url(../images/haut-gauche.gif);
	background-repeat:no-repeat;
	margin:0 0 0 84px;
}


.ideogrammesGauche {
	margin:10px 0 0 101px;
}


#hautMenu {
	width:175px;
	height:9px;
	margin:8px 0 0 0;
	background-image:url(../images/haut-menu.gif);
	background-repeat:no-repeat;
}


#contenuMenu {
	width:142px;
	padding:5px 21px 0px 12px;
	background-image:url(../images/fond-menu.gif);
	background-repeat:repeat-y;
}

#btn-musique div{
	background-image:url(../images/btn-boutique.png);
	width:175px;
	height:50px;
}

#btn-musique:hover div{
	background-image:url(../images/btn-boutiqueH.png);
}

ul#menu {
	margin:0;
	padding:0;
	list-style:none;
}


ul#menu li {
	width:134px;
	margin:0;
	padding:3px 0 4px 5px;
	border-left:3px solid #82990A;
	background-image:url(../images/pointilles-menu.gif);
	background-repeat:no-repeat;
	background-position:5px bottom;
	color:#564534;
}


ul#menu li#menu10 {
	background-image:none;
}


ul#menu li.menuActif {
	border-left:3px solid #C8E42A;
}


ul#menu li a {
	display:block;
	width:130px;
	padding:1px 0 1px 4px;
	background-color:#fff;
	color:#564534;
	text-decoration:none;
}


ul#menu a:hover {
	background-color:#C8E42A;
	color:#010101;
}


ul#menu li.menuActif a {
	display:block;
	width:130px;
	padding:1px 0 1px 4px;
	background-color:#fff;
	color:#ABC515;
	font-weight:bold;
	text-decoration:none;
}


ul#menu li.menuActif a:hover {
	background-color:#fff;
	color:#ABC515;
}


#img_menu_bijoux {
	position:relative;
	right:0px;
	top:-17px;
	margin-bottom:-100%;
}


#basMenu {
	width:175px;
	height:11px;
	background-image:url(../images/bas-menu.gif);
	background-repeat:no-repeat;
}


#centre {
	float:left;
	width:581px;
}


#bandeau {
	float:left;
	width:461px;
	height:149px;
	margin:0 7px 0 0;
}


#bandeauPrint {
	float:left;
	width:461px;
	height:149px;
	margin:0 7px 0 0;
	display:none;
}


#contactAcces {
	float:left;
	margin:112px 0 0 0;
}


#contactAcces ul {
	margin:0;
	padding:0;
	list-style:none;
}


#contactAcces ul li {
	margin:0;
	padding:0;
}


#contactAcces ul li a {
	display:block;
	width:80px;
	height:14px;
	padding:2px 0 0 4px;
	border-left:3px solid #fefefe;
	color:#575241;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}


#contactAcces ul li a:hover {
	border-left:3px solid #C8E42A;
}


#contactAcces ul li a.contactPlanActif {
	display:block;
	width:80px;
	height:14px;
	padding:2px 0 0 4px;
	border-left:3px solid #fefefe;
	color:#99BA07;
	font-size:90%;
	font-weight:bold;
	text-decoration:none;
}


#contactAcces ul li a:hover.contactPlanActif {
	border-left:3px solid #fefefe;
	color:#99BA07;
}


#page {
	margin:-1px 0 0 0;
	width:581px;
	background-image:url(../images/fond-droite.gif);
	background-repeat:repeat-y;
	background-position:right top;
	background-color:#fff;
	min-height:360px;
	_height:360px;
}


#hautPage {
	width:581px;
	height:9px;
	background-image:url(../images/haut-page.gif);
	background-repeat:no-repeat;
}


#conteneurContenu {
	width:577px;
	padding:0 0 0 4px;
	background-image:url(../images/ideogrammes-droite.gif);
	background-repeat:no-repeat;
	background-position:560px 5px;
}


#compas {
	float:left;
	width:461px;
	padding:8px 30px 0 0;
	font-size:80%;
	color:#777;
}


#compas a {
	color:#575241;
	text-decoration:none;
}


#compas a:hover {
	text-decoration:underline;
}

#panier {
	float:left;
	width:30px;
}

#panier a img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#panier a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#imprimer {
	float:left;
	width:30px;
}

#imprimer a img {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#imprimer a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#contenu {
	width:543px;
	padding:14px 17px 25px 0;
}


#contenu h1 {
	width:514px;
	margin:0;
	padding:0 0 0 29px;
	height:28px;
	background-image:url(../images/yin-yang-titre.gif);
	background-repeat:no-repeat;
	font-size:200%;
	font-weight:normal;
	color:#94AC16;
}


#contenu h1 span {
	display:block;
	width:514px;
	height:28px;
	background-image:url(../images/pointilles-titre.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}


#contenu h2 {
	padding:0 0 0 29px;
	margin:15px 0 0 0;
	font-size:140%;
	font-weight:bold;
}


#contenu p {
	padding:0 0 0 29px;
	margin:7px 0 0 0;
	text-align:left;
	/*font-size:90%;
	*/;
}


.premiereLettre {
	font-size:140%;
	font-weight:bold;
}


#contenu ul {
	margin:7px 0 0 45px;
	padding:0;
	list-style:none;
	font-size:90%;
}


#contenu ul li {
	padding:0 0 0 12px;
	margin:0 0 5px 0;
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
}


#contenu ol {
	padding-left:25px;
	margin-left:38px;
	_margin-left:43px;
	margin-top:7px;
	font-size:90%;
}


#contenu ol li {
	padding:0 0 0 0;
	margin:0 0 5px 0;
}


#pied {
	width:581px;
	height:23px;
	margin:-1px 0 0 0;
	padding:2px 0 0 175px;
	background-image:url(../images/pied.gif);
	background-repeat:no-repeat;
	background-position:84px 0;
	font-size:80%;
}


.zaphyra {
	font-size:110%;
	font-weight:bold;
}


#pied a {
	color:#9EBE0B;
	text-decoration:none;
}


#pied a:hover {
	text-decoration:underline;
}


#signature {
	margin:auto;
	width:400px;
	padding:0 0 0 350px;
	font-size:80%;
}


#emTexte {
	float:left;
	margin:6px 6px 16px 0;
}


#emPicto {
	float:left;
}


#stecTxt {
	float:left;
	margin:6px 0 0 16px;
}


#stecImg {
	position:relative;
	left:0px;
	bottom:0px;
	float:left;
	margin:3px 10px 0 6px;
	width:75px;
	height:12px;
	padding:0;
}

#stecImg * {
	border:none;
}

#stecImg:hover img {
	display:none;
}

#stecImg:hover {
	background-image:url(../images/logo_STEC.png);
	width:100px;
	height:88px;
	border:2px solid #70a615;
	bottom:78px;
	left:-27px;
	margin:3px -19px -70px 6px;
}