* {
   margin: 0;
   padding: 0;
   list-style: none;
}
html, body {
   height: 100%;
}
body {
   color: #fff;
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
   background-color: #000;
}
.hidden { display:none;  }
a {
   color: #fff;
   text-decoration: none;
}
img {
   border: none;
}
h1, h2, h3, h4 {
   font-weight: normal;
   text-transform: uppercase;
}
h1 {
   color: #84689d;
   font-size: 2em;
}
h2 {
   font-size: 1.2em;
}
div#conteneur {
   margin: 0 auto;
   padding: 1em 0.5em;
   width: 83em;
   text-align: left;
}
div#header {
   padding: 1.5em 0;
}
div#contenu {
   z-index: 100;
}
div#colLeft {
   float: left;
   width: 25em;
   height: 100%;
}
div#colRight {
   margin-left: 26em;
}
 #colRight a{
text-decoration : underline;
}
 #colRight p{
font-size: 1.1em;

}
div#footer {
   position: fixed;
   bottom: 0;
   width: 83em;
   background-color: #000;
}
/*---------------------------------
-------------header----------------
---------------------------------*/
#header img {
   float: left;
}
/*---------------------------------
--------------menu-----------------
---------------------------------*/
ul.niveau1 {
   margin-left: 25em;
   padding: 3em;
}
ul.niveau1 li {
   display: inline;
   padding-right: 1.2em;
}
#menuBoutique li {
   padding-right: 3em;
   display: inline;
}
ul.niveau1 li, #menuBoutique li {
   text-transform: uppercase;
}
ul.niveau1 li.active a {
   padding-right: 1.5em;
   background: url(../img/puce_menu.jpg) no-repeat right center;
}
ul.niveau1 li a, #menuBoutique li a, #information a {
   padding-bottom: 0.5em;
   border-bottom: 1px solid #8f8f8f;
}
ul.niveau1 li a:hover, #menuBoutique li a:hover, #information a:hover {
   border-bottom: 3px solid #fff;
}
ul.niveau2 { 
   position: absolute;
   margin-left: 148px;
   padding-top: 1em;
   width: 170px; 
   display: none;
}
ul.niveau2 li {
   float: left;
   padding: 0.3em 0.3em 0.2em 0.2em;
   width: 170px;
   z-index: 1;
   background-color: #000;
   display: block;
}
ul.niveau2 li a:hover {
   font-weight: bold;
   border: none;
}
ul.niveau2 li a {
   display: block;
}
ul.niveau1 li.active ul.niveau2 a {
   padding-right: 0;
   background: none;
   border: none;
}
li:hover ul.niveau2, li.sfhover ul.niveau2 {
	display: block;
}
/*---------------------------------
------------contenu----------------
---------------------------------*/
div#menuBoutique {
   text-align: center;
margin-top : 20px;
}
#menuBoutique ul {
   margin: 0 auto;
   display: block;
}
p.img_produit, p.autre_produit {
   float: left;
   width: 25em;
}
p.img_produit img {
   padding-bottom: 1em;
}
p.img_produit span {
   padding-left: 1.5em;
   background: url(../img/ic_loupe.jpg) no-repeat left center;
}
.desc_produit p{
   padding: 1.5em 0;
   width: 65em;
}
p.cat_produit a {
   text-decoration: underline;
}
p.cat_produit a:hover {
   text-decoration: none;
}
#fiche_produit form {
   margin: 2em 0;
}
#fiche_produit label {
   margin: 0 1em 0 4.5em;
}
#fiche_produit input {
font-size : 1em;
   margin: 0 1em 0 2.5em;
   padding: 0.2em;
   color: #fff;
   background-color: #84689d;
   border-right: 1px solid #53257C;
   border-top: 1px solid #B790DA;
   border-left: 1px solid #B790DA;
   border-bottom: 1px solid #53257C;
}
#fiche_produit select {
   border: 1px solid #84689d;
}
p.autre_produit {
   padding-top: 2.5em;
   text-align: right;
color : #336666;
font-size: 1.15em;
}
.st_col {
font-size : 1.45em;
font-weight : normal;
color : #336666;

}
/*---------------------------------
-------------footer----------------
---------------------------------*/
div#information {
   padding: 1em 0;
   text-transform: uppercase;
   text-align: center;
}
#information img {
   padding: 0 0.5em;
   vertical-align: middle;
}
div#menuFooter {
   padding: 0.2em;
   text-transform: uppercase;
   background-color: #262626;
}
#menuFooter a {
   text-decoration: underline;
}
#menuFooter a:hover {
   text-decoration: none;
}
#menuFooter p, #menuFooter ul {
   float: left;
   padding: 0.2em 1em 0.2em 0.5em;
}
#menuFooter li {
   padding-right: 1em;
   display: inline;
}
.spacer {
   clear: both;
   visibility: hidden;
}
#flash {
   margin-left: 30px;
   text-align: left;

}
/*
	Accessible News Slider : Plugin Specific
-----------------------------------------------------------------------------------------*/
.actualite {
	position: relative;
	overflow: hidden;
}
.actualite .javascript_css {
	position: relative;
	z-index: 3;
	padding: 20px;
	background: #fffcd3;
}
.actualite .skip_to_news {
	position: absolute;
	top: 0;
	left: -9999px;
}
.actualite .back {
	position: absolute;
	top: 230;
	left: 0;
	z-index: 2;
}
.actualite .back a, .actualite .next a {
	display: none;
	outline: none; /* This is optional, and is arguably less accessible. */
}
.actualite .next {
	position: absolute;
	top: 230;
	right: 0;
	z-index: 2;
}
.actualite ul {
	position: relative;
	left: 0;
	width: auto;
	list-style-type: none;
	overflow: hidden;
	z-index: 1;
}
#actu_news li {
	float: left;
	display: inline;
	width: 380px;
}
#galerie1 li {
	float: left;
	display: inline;
	width: 100px;
   padding: 5px 0;
}

/*
	Accessible News Slider : Plugin Specific : Theme [ galerie1]
-----------------------------------------------------------------------------------------*/

.evenements  {
	width: 380px;
   height: 140px;
}

.evenements .back {
	width: 30px;
   height: 150px;
   top: 0;
   left: 0;
   background-color: #000;
}
.evenements .next {
	width: 34px;
	height: 150px;
   top: 0;
	left: 350px;
   background-color: #000;
}
.evenements .next a {
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 100px;
   background: url(../img/fleche-droite.jpg) no-repeat 40%;
}
.evenements .back a {
	position: absolute;
	top: 0;
	left: 0;
	width: 37px;
	height: 100px;
	text-align: left;
   background: url(../img/fleche-gauche.jpg) no-repeat left;
}
.evenements .view_all {
   display: none;
}
.evenements ul {
   padding: 0 30px;
}
.evenements li {
   text-align: center;
	overflow: hidden;
}
.evenements li span, .evenements li span a {
   color: #fff;
}
.evenements li img {
   padding-bottom: 0.5em;
	display: inline;
}
.evenements .next a span, .evenements .back a span {
   display: none;
}


#center {
width:560px;
margin-top:30px;
margin-bottom:60px;
margin-left:200px;
}

#separation{
margin-top: 45px;

   border-bottom: 1px solid #84689d;
}
.stitrecont {
margin-left : 12px;
}
.titrecont {
color : #336666;
}
.rub_nom{
width : 282px;
font-size: 1.4em;
margin-left : 0;
text-align : center;

color : #84689d;
}