* {
margin: 0;
padding: 0;
border: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white
}
html {
	scrollbar-base-color: #808080;
	scrollbar-arrow-color: #808080;
	scrollbar-3dlight-color: #808080;
	scrollbar-darkshadow-color: #808080;
	scrollbar-face-color: #SILVER;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #000000;
	text-align: center;
	height: 100%;
	width: 100%;
}
body {
	margin: 0px;
	text-align: center;
	background:black
}
p {
	margin: 0px 0px 10px 0px;
	font-size: 13px;
}
h1 {
	font-size: 29px;
	margin: 20px 0px 20px 0px;
	color: #FE007F;
	font-weight: bold;
	font-family: Myriad,"Arial Narrow";font-style:italic; font-weight:bold
}
h2 {
	font-size: 20px;
	margin: 10px 0px 5px 0px;
	color: #D3D3D3;
	font-weight: bold;
}
h3 {
	font-size: 18px;
	margin: 10px 0px 5px 0px;
	color: #A2A2A2 ;
	font-weight: bold;
}
ul{
	margin: 0px 0px 14px 27px;
	padding:  0px 0px 0px 10px;
	list-style-type:none ;
}

ul li{
	margin:  0px 0px 0px 10px;
	padding:  0px 0px 0px 20px;
	background:url('../images-serigraphe-nort/puce-rose.gif') no-repeat left center;
	font-size:13px;color:#FE007F
}

#conteneur {
	width: 987px;
	text-align: left;
	position: relative;
	margin:auto;
	background:transparent url('../images-serigraphe-nort/fond-page-lune.jpg') no-repeat scroll right top;
}
#enteteMenu {
	width: 987px;
	height:258px;
	position: relative;
	text-align:right;
}
#Menu {
	width: 322px;
	position:absolute; right:0; top:0;
	font-size:11px
}
span.pasvu{text-align:right;display:none}

#sousMenu{
	position:absolute;left: 350px; top: 65px;
	width: 350px;text-align:left; z-index:10
}

#colonneGauche {
	width: 444px;
	float:right;
	position: relative;
	margin-top:60px;
	text-align:justify
}
#colonneUnique {
	float:right;
	width: 850px;
	position: relative;
	margin-top:60px;
	text-align:justify
}
#exemples{
	color:#71D066;font-size:10px;text-align:center;margin-top:17px
	}
.ptitext{
	color:#FE007F;font-size:11px
	}
.avantages{
	width: 399px;margin:0 0 0px 37px;line-height:9px; padding:2px 1px 1px 1px
	}
.avantages p{
	text-align: left;
	font-size: 10px;
	margin: 12px 3px 11px 109px;
	color: #FAFF20
}
#quantite{
	margin-top:17px}

#colonneDroite {
	width: 496px;
	float:right;
	position: relative;
	text-align:right
}
#pied {
	font-size: 9px;
	width: 948px;
	text-align: right;
	color: #BAD405;
	margin: 17px 0px 5px 0px ;
	position: relative;
	clear:both
}
#vignettes{
	height:75px;position:absolute;width:666px; right: 0px; top: 0px; text-align:right
}
.vignette{
	border:1px silver solid;margin:0 0 0px 13px
}
.vignetteavap{
	border:1px silver solid;margin:0 0 0px 13px;float:right
}.zoom{
	margin:90px 0 0 30px;
	background:transparent url('../images-serigraphe-nort/fond-photo-zoom.gif') no-repeat scroll right top;
	padding:26px 1px 25px 56px 
}
.border{
	border:1px silver solid
}





/* LIENS ---------------- IMPORTANT !!! il faut respecter cet ordre ! */
/* style du lien */
a:link {
	text-decoration:none;
	color: #BAD405;
}
/* style du lien qui a déjà été visité */
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
/* style du lien qui est survolé par la souris */
a:hover {
	text-decoration: none;
	color: #FE007F;
}
/* style du lien au moment où il est cliqué */
a:active {
	text-decoration: underline;
	color: #D3D3D3;
}
/* style du lien quand il reçoit le focus (avec la touche TAB par exemple) */
/* ne marche pas sur IE6 et IE7 */
a:focus {
	text-decoration: none;
	color: #FE007F;
	background-color: #cccccc;
}

#enteteMenu a{ color:black;text-decoration:none;text-align:right}

a.liAccueil{		background: url('../images-serigraphe-nort/bo-accueil-of.gif') no-repeat right top;	line-height: 66px;display: block;width: 322px;text-align:right}
body.pageAccueil a.liAccueil{background: url('../images-serigraphe-nort/bo-accueil-on.gif') no-repeat right top;}
a.liAccueil:hover{	background: url('../images-serigraphe-nort/bo-accueil-on.gif') no-repeat right top;}

a.liActivite{		background: url('../images-serigraphe-nort/bo-activites-of.gif') no-repeat right top;line-height: 30px;display: block;width: 322px;}
body.pageActivite a.liActivite{	background: url('../images-serigraphe-nort/bo-activites-on.gif') no-repeat right top;}
a.liActivite:hover{	background: url('../images-serigraphe-nort/bo-activites-on.gif') no-repeat right top;}

a.liProduits{		background: url('../images-serigraphe-nort/bo-produits-of.gif') no-repeat right top;line-height: 32px;display: block;width: 322px;}
body.pageProduits a.liProduits{	background: url('../images-serigraphe-nort/bo-produits-on.gif') no-repeat right top;}
a.liProduits:hover{	background: url('../images-serigraphe-nort/bo-produits-on.gif') no-repeat right top;}

a.liSport{			background: url('../images-serigraphe-nort/bo-sports-of.gif') no-repeat right top;	line-height: 33px;display: block;width: 322px;}
body.pageSport a.liSport{	background: url('../images-serigraphe-nort/bo-sports-on.gif') no-repeat right top;}
a.liSport:hover{	background: url('../images-serigraphe-nort/bo-sports-on.gif') no-repeat right top;}

a.liContact{		background: url('../images-serigraphe-nort/bo-contact-of.gif') no-repeat right top;	line-height: 36px;display: block;width: 322px;}
body.pageContact a.liContact{	background: url('../images-serigraphe-nort/bo-contact-on.gif') no-repeat right top;}
a.liContact:hover{	background: url('../images-serigraphe-nort/bo-contact-on.gif') no-repeat right top;}

#sousMenu a{
	display: block;
	color: #999999;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	padding: 0px 0px 0px 13px;
	background: url('../images-serigraphe-nort/puce-gris.gif') no-repeat left center;
}
#sousMenu a:hover{
	background: url('../images-serigraphe-nort/puce-vert.gif') no-repeat left center;
	color:#FE007F
}

a.bouge img {
	opacity: 0.9;
	filter: alpha(opacity=90);
	margin: 1px 5px 0px 5px;
}
a.bouge:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	margin: 0px 5px 1px 5px;
}
#pied a {
	font-size: 10px;
	color: #BAD405;
	padding: 7px 7px 7px 7px;
	text-decoration: none;
}
#pied a:hover {
	color: #FE007F;
}



/* look du cadre, puis look du titre */
fieldset {
border: 1px solid #AAAAAA;
margin: 1em 0.5em 1em 0em;
padding: 0em 0em 1em 0.5em;
font-size:12px;
color:black;
font-family:arial;
font-weight:bold;
line-height: 1.3em;
width: 340px; 
}
legend {/* titre ou image */
background: transparent;
padding: 0.5em;
font-size:12px;
color:red;
font-family:verdana;
font-size: 13px;
font-weight:bolder
}