body {
background: #0e75e8 url(index/fond.gif) repeat-x;
margin: 0 0 5px 0;
padding: 0;
width: 100%;
height: 100%;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 11px;
color: #444;
}

#banniere {
margin: 0 auto 0 auto;
background: url(index/banniere.jpg) no-repeat;
width: 910px;
height: 200px;
}

#rubrique {
background: url(index/rubrique.jpg) no-repeat;
margin: 0 auto 0 auto;
width: 910px;
height: 24px;
}

#dessous {
background: url(index/dessous.gif) no-repeat;
width: 910px;
height: 16px;
margin: 0 auto 0 auto;
}

#total {
background: url(index/fond-total.gif) repeat-y;
width: 910px;
margin: 0 auto 0 auto;
}

#corps {
background: none;
margin: 0 auto 0 auto;
padding: 0 10px 0 14px;
width: 490px;
font-size: 11px;
color: #444444;
float: left;
}

#colonne1 {
background: none;
padding: 0 3px 0 3px;
width: 300px;
float: left;
}

#colonne1 a:link {
	color: #000;
	text-decoration: none;
}
#colonne1 a:visited {
	color: #000;
	text-decoration: none;
}
#colonne1 a:hover {
	color: #0e75e8;
	text-decoration: none;
}

#colonne1 a:active, a:focus {
	color: #9e9e9e;
	text-decoration: none;
}

#colonne2 {
background: none;
padding: 0 7px 0 3px;
width: 80px;
float: left;
}

#fin {
background: none;
width: 910px;
height: 1px;
clear: both;
}

#footer {
margin: 0 auto 0 auto;
height: 51px;
width: 910px;
background: url(index/footer.gif) no-repeat;
font-size: 11px;
color: #9e9e9e;
clear: both;
}

#footer a:link {
	color: #9e9e9e;
	text-decoration: none;
}
#footer a:visited {
	color: #9e9e9e;
	text-decoration: none;
}
#footer a:hover {
	color: #0e75e8;
	text-decoration: none;
}

#footer a:active, a:focus {
	color: #000;
	text-decoration: none;
}

.puce:before {content:url(../index/puce.gif); width: 8px; height: 8px; margin-right: 5px;}
.puce-carre:before {content:url(../index/puce-carre.gif); width: 9px; height: 9px; margin-right: 5px;}

.separation { background-image:url(index/separation.gif); width:300px; height:1px; margin: 5px 0 0 0;}

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #000;
	text-decoration: none;
}

a:active, a:focus {
	color: #9e9e9e;
	text-decoration: none;
}

hr {
	color: #9e9e9e;
	background-color: #9e9e9e;
	height: 1px;
	border: 0;
}

.date {font-size: 9px; color: #9e9e9e; font-style: italic;}

.mini-bleu{
	font-size: 9px;
	color: #000;
}
.text-bleu{
	font-size: 11px;
	color: #000;
}
.title-bleu{
	font-size: 13px;
	color: #000;
}

.bold-bleu {
	font-weight: bold;
	color: #000;
	}

.italic-bleu{
	font-style: italic;
	color: #000;
}
.bleu{
	color: #000;
}
.noir{
	color: #000;
}
.blanc{
	color: #ffffff;
}
h1{
	font-size: 13px;
	color: #000;
	font-weight: normal;
}

/*fin de la partie a modifier*/

.mini{
	font-size: 9px;
}
.text{
	font-size: 11px;
}
.title{
	font-size: 13px;
}
.bold{
	font-weight: bold;
}
.mini-bold{
	font-weight: bold;
	font-size: 9px;
}
.mini-italic{
	font-style: italic;
	font-size: 9px;
}
.italic{
	font-style: italic;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}

img.left { float:left; margin-right: 5px;}
img.right { float:right; margin-left: 5px;}

a.rubrique-gauche { background-image: url('index/rubrique-gauche.gif'); float:left; }

a.rubrique-presentation { background-image: url('index/rubrique-presentation.gif'); float:left; }
a.rubrique-presentation:hover { background: url('index/rubrique-presentation.gif') 0 -24px; }
a.rubrique-presentation:active, a.rubrique-presentation:focus { background: url('index/rubrique-presentation.gif') 0 -48px; }

a.rubrique-decouverte { background-image: url('index/rubrique-decouverte.gif'); float:left; }
a.rubrique-decouverte:hover { background: url('index/rubrique-decouverte.gif') 0 -24px; }
a.rubrique-decouverte:active, a.rubrique-decouverte:focus { background: url('index/rubrique-decouverte.gif') 0 -48px; }

a.rubrique-ateliers { background-image: url('index/rubrique-ateliers.gif'); float:left; }
a.rubrique-ateliers:hover { background: url('index/rubrique-ateliers.gif') 0 -24px; }
a.rubrique-ateliers:active, a.rubrique-ateliers:focus { background: url('index/rubrique-ateliers.gif') 0 -48px; }

a.rubrique-animation { background-image: url('index/rubrique-animation.gif'); float:left; }
a.rubrique-animation:hover { background: url('index/rubrique-animation.gif') 0 -24px; }
a.rubrique-animation:active, a.rubrique-animation:focus { background: url('index/rubrique-animation.gif') 0 -48px; }

a.rubrique-references { background-image: url('index/rubrique-references.gif'); float:left; }
a.rubrique-references:hover { background: url('index/rubrique-references.gif') 0 -24px; }
a.rubrique-references:active, a.rubrique-references:focus { background: url('index/rubrique-references.gif') 0 -48px; }

a.rubrique-galerie { background-image: url('index/rubrique-galerie.gif'); float:left; }
a.rubrique-galerie:hover { background: url('index/rubrique-galerie.gif') 0 -24px; }
a.rubrique-galerie:active, a.rubrique-galerie:focus { background: url('index/rubrique-galerie.gif') 0 -48px; }

a.rubrique-contact { background-image: url('index/rubrique-contact.gif'); float:left; }
a.rubrique-contact:hover { background: url('index/rubrique-contact.gif') 0 -24px; }
a.rubrique-contact:active, a.rubrique-contact:focus { background: url('index/rubrique-contact.gif') 0 -48px; }


#titre-presentation {background-image: url('index/titre-presentation.gif'); width:490px; height:21px;}

#titre-decouverte {background-image: url('index/titre-decouverte.gif'); width:490px; height:21px;}

#titre-ateliers {background-image: url('index/titre-ateliers.gif'); width:490px; height:21px;}

#titre-animation {background-image: url('index/titre-animation.gif'); width:490px; height:21px;}

#titre-references {background-image: url('index/titre-references.gif'); width:490px; height:21px;}

#titre-galerie {background-image: url('index/titre-galerie.gif'); width:490px; height:21px;}

#titre-contact {background-image: url('index/titre-contact.gif'); width:490px; height:21px;}

/*================= Rollover ====================*/

a.bouton-commande { background-image: url('index/bouton-commande.gif'); width:128px; height:13px; display:block; }
a.bouton-commande:hover { background: url('index/bouton-commande.gif') 0 -13px; }
a.bouton-commande:active, a.rubrique-contact:focus { background: url('index/bouton-commande.gif') 0 -26px; }

a.blocpub01 { background-image: url('index/blocpub01.jpg'); width:80px; height:180px; display:block; }
a.blocpub01:hover { background: url('index/blocpub01.jpg') -80px 0; }
a.blocpub01:active, a.blocpub01:focus { background: url('index/blocpub01.jpg') -160px 0; }

a.blocpub02 { background-image: url('index/blocpub02.jpg'); width:80px; height:180px; display:block; }
a.blocpub02:hover { background: url('index/blocpub02.jpg') -80px 0; }
a.blocpub02:active, a.blocpub02:focus { background: url('index/blocpub02.jpg') -160px 0; }

a.accespro { background-image: url('index/accespro.gif'); width:80px; height:50px; display:block; }
a.accespro:hover { background: url('index/accespro.gif') 0 -50px; }
a.accespro:active, a.accespro:focus { background: url('index/accespro.gif') 0 -100px; }

a.accesforum { background-image: url('index/accesforum.gif'); width:80px; height:50px; display:block; }
a.accesforum:hover { background: url('index/accesforum.gif') 0 -50px; }
a.accesforum:active, a.accesforum:focus { background: url('index/accesforum.gif') 0 -100px; }


/*Photo*/
a.photo { background-image: url('http://amateur.no-xice.com/photo/photo-rollover.png'); display:block; width:80px; height:80px;}
a.photo:hover { background: url('http://amateur.no-xice.com/photo/photo-rollover.png') 0 -80px;}

a.photo-download { background-image: url('http://amateur.no-xice.com/photo/photo-download.png'); display:block; width:80px; height:80px;}
a.photo-download:hover { background: url('http://amateur.no-xice.com/photo/photo-download.png') 0 -80px;}

.bloc-photo {width:118px; height:110px; float:left;text-align:center;}

a.videovrac { background-image: url('http://amateur.no-xice.com/photo/videovrac-rollover.png'); display:block; width:42px; height:42px; margin-left:29px;}
a.videovrac:hover { background: url('http://amateur.no-xice.com/photo/videovrac-rollover.png') 0 -42px;}

.bloc-videovrac {width:100px; height:75px; float:left; text-align:center; font-size:9px; color:#2e4dd3;}