html {
background:url(../../images/html_bg.jpg);
}

body {
background:url(../../images/body_bg.jpg) bottom center repeat-x;
font:12px Geneva;
color:#666;
margin:0
}

#conteneur {
width:980px;
margin:auto;
padding:0;
}

img {
border:0
}

a {
color:#FFF;
text-decoration:none
}

td {
vertical-align:top;
margin:0;
padding:0
}

p.erreur {
color:#c00;
font-weight:700;
text-align:center
}

p.intro {
font-weight:700;
width:450px;
margin:auto
}

span.erreur {
font-size:11px;
color:#c00;
display:block
}

span.rouge {
color:#c00
}

table {
border-collapse:collapse
}

.input_formulaire {
width:270px
}

h2.rub {
font-size:14px;
height:24px;
padding-left:30px;
padding-top:6px;
background:url('../../images/sitemap_rub.gif') no-repeat;
background-position:10px 13px;
line-height:25px;
margin:5px
}

.map li,.compte li {
list-style:none;
list-style-image:url('../../images/sitemap_ssrub.gif');
line-height:25px;
margin-left:40px
}

#bandeau_haut {
font-family:Verdana;
height:208px;
width:950px;
padding:34px 0 0 20px
}

#animBoutique,#animInstitut {
position:absolute;
margin-top:30px;
z-index:1
}

#animInstitut{
margin-top:-34px
}

#menu_horizontal {
display:block;
height:34px;
width:950px;
margin:0;
padding:0 0 30px;
z-index:2
}

#menu_horizontal li {
display:block;
float:right;
text-align:center;
margin:5px 0 0 2px;
border-left:1px solid #D19288
}

#menu_horizontal a {
float:left;
text-transform:uppercase;
color:#79554D;
display:block;
text-align:center;
text-decoration:none;
padding:5px 10px
}

#menu_horizontal a:hover {
color:#F06;
text-decoration:none
}

#menu_top {
float:right;
display:block;
margin:0px 20px 0 740px;
padding:0;
z-index:2
}

#menu_top a {
display:block;
float:left;
height:51px;
width:39px;
background:url(../../images/menu_top.jpg) no-repeat;
margin:0;
padding:0
}

#menu_top a#top_home {
background-position:0 0
}

#menu_top a#top_home:hover {
background-position:0 -51px
}

#menu_top a#top_fav {
background-position:-39px 0
}

#menu_top a#top_fav:hover {
background-position:-39px -51px
}

#menu_top a#top_ami {
background-position:-78px 0
}

#menu_top a#top_ami:hover {
background-position:-78px -51px
}

#menu_top a#top_sitemap {
background-position:-117px 0
}

#menu_top a#top_sitemap:hover {
background-position:-117px -51px
}

#titre_site {
display:none
}

#titreBoutique,#titreInstitut{
width:481px;
height:80px;
background:url(../../images/titreBoutique.png);
display:block;
position:absolute;
z-index:2;
margin:97px 0 0 20px
}

#titreInstitut{
width:465px;
height:126px;
background:url(../../images/titreInstitut.png);
margin:45px 0 0 20px
}

#sloganBoutique {
background:url(../../images/sloganBoutique.png);
width:249px;
height:36px;
margin:49px 0 0 370px;
position:absolute;
z-index:2
}

#newsletter {
background:url(../../images/newsletterBg.png) no-repeat;
width:150px;
float:left;
height:22px;
margin:71px 0 0 505px;
padding:0 0 0 98px
}

.form_news {
float:left;
background:#201811;
border:1px solid #FFC;
color:#FFC;
font-size:0.8em;
height:10px;
margin-top:4px;
width:120px;
padding:3px
}

.btn_news, .btn_search {
float:left;
color:#FF7B63;
background:none;
border:0;
height:16px;
margin:4px 0 0 2px;
cursor:pointer;
padding:0 5px
}

#fleurHaut{
width:139px;
height:109px;
margin:83px 0 0 765px;
position:absolute;
background:url(../../images/fleurHaut.png)
}

#panier{
width:184px;
height:60px;
margin:79px 0 0 755px;
text-align:right;
padding-top:28px;
color:#FFF;
position:absolute;
background:url(../../images/panierBg.png)
}

#panier p{
margin:0 0 5px;
padding:0
}

#panier a{
color:#FF7B63
}

#table_contenu {
clear:both;
width:940px;
margin:0 auto;
background:#201811;
border:1px solid #FFC
}

#adresse {
width:270px;
font-size:11px;
margin:0 auto;
padding:0
}

#partie_centrale {
width:650px;
padding:10px
}

#page {
width:650px;
height:auto;
color:#FFF;
min-height:600px;
padding:25px 0 25px
}

#arbo {
font-size:10px;
height:15px;
margin:0 0 3px;
padding:0 0 0 46px
}

#diapoInstitut {
margin-right:10px
}

h2.titre {
color:#FFF;
font-size:1.4em;
font-weight:400;
margin:0
}

h2.titre span{
font-size:28px
}

.article, .liste_produit, .galerie_photo {
background:url(../../images/articleBg.jpg);
border-top:1px solid #FFF;
margin:0 0 10px;
padding:10px
}

.liste_produit {
padding-bottom:0
}

.produit {
float:left;
width:150px;
margin:0 10px 15px
}

.photo {
display:block;
height:124px;
width:124px;
margin:0 auto
}

.photo_detail {
display:block;
height:124px;
width:124px;
margin:0 10px 10px
}

.desc {
float:left;
width:140px;
padding:5px
}

.desc h3 {
color:#fff;
text-transform:uppercase;
height:35px;
margin:0 0 5px
}

.desc a {
color:#FF7B63;
display:block;
margin:0 auto;
width:85px;
font-size:0.95em
}

.desc h3 a {
display:block;
width:140px;
font-size:9px;
text-align:center;
color:#FFF
}

.desc p {
font-size:0.9em;
color:#FFF;
margin:5px 0 0;
text-align:justify
}

.desc strong{
background:url(../../images/prixBg.png);
display:block;
width:124px;
height:20px;
text-align:center;
color:#201811;
padding-top:5px;
margin:3px auto;
font-weight:700
}

.desc p.texte {
height:55px
}

#td_qte input{
width:175px;
margin-right:15px
}

#form_contact td {
height:25px
}

.champ_contact {
background:#201811;
border:1px solid #FFC;
height:18px;
color:#FFC;
width:250px;
padding:3px 3px 0
}

#partie_droite{
background:url(../../images/partie_droite.jpg) bottom right no-repeat;
width:270px;
padding:40px 10px 5px 0
}

#recherche {
margin:auto;
width:238px;
height:50px;
background:url(../../images/recherchebg.jpg) no-repeat;
padding:25px 0 0 12px;
color:#FFC
}

#recherche .select {
background:none;
border:1px solid #FFC;
float:left;
width:180px;
color:#FFC;
margin:0 auto;
font-size:0.95em
}

#recherche option {
background:#201811;
float:none
}

#recherche .champ {
background:none;
border:1px solid #FFC;
height:15px;
width:178px;
color:#FFC;
float:left;
margin:5px auto 0;
font-size:0.95em
}

#menu {
font-family:Verdana;
width:250px;
background:url(../../images/menuBg.jpg);
margin:5px auto 0;
padding:0 0 50px
}

#menu h2 {
cursor:pointer;
width:250px;
font-weight:400;
font-size:11px;
color:#FFF;
background:#33281D url(../../images/puceMenu.jpg) no-repeat;
background-position:5px 5px;
border-top:1px solid #000;
padding:0;
margin:0
}

#menu h2.menutitre,#menu h2 a {
width:235px;
padding:1px 0 0 15px;
height:15px
}

#menu h2 a {
display:block;
color:#FFF
}

#menu h2:hover {
background:#33281D url(../../images/puceMenuHover.jpg) no-repeat;
background-position:5px 5px;
border-top:1px solid #F06
}

#menu h2 a:hover,#menu h2:hover,#menu h2:hover a{
color:#F06
}

#menu ul {
font-size:11px;
margin:0;
padding:0 0 0 35px
}

#menu ul a {
background:url(../../images/puceStretcher.jpg) no-repeat;
background-position:0 3px;
padding-left:6px;
color:#FFF
}

#menu ul a:hover {
background:url(../../images/puceStretcherHover.jpg) no-repeat;
background-position:0 3px;
color:#F06;
text-decoration:none
}

#menu li {
list-style-type:none;
margin:1px 0
}

#changeSite{
margin:0 0 0 5px
}

#conteneurBoutique,#conteneurInstitut{
background:url(../../images/conteneurBoutique.png) no-repeat;
position:absolute;
z-index:2;
width:106px;
height:313px;
margin:255px 0 0 894px
}

#conteneurInstitut{
position:absolute;
background:url(../../images/conteneurInstitut.png) no-repeat;
width:73px;
height:140px;
margin:420px 0 0 931px
}

#flash_infos {
background:url(../../images/flashInfosBg.png);
width:246px;
height:auto;
font-size:11px;
margin:20px 0 0 4px;
padding:5px 5px 5px 5px;
color:#FFF
}

#flash_infos h2 {
font-size:12px;
font-style:italic;
margin:10px 0 0;
color:#FFF
}

#flash_infos a {
text-decoration:none;
font-weight:700;
font-style:italic;
color:#FFF
}

#flash_infos a:hover {
text-decoration:underline;
font-weight:700
}

#flash_infos marquee {
height:110px
}

#bandeau_bas {
background:url(../../images/bandeau_bas.png) no-repeat;
background-position:2px 0;
height:160px;
width:980px;
padding:20px 0 0;
margin:0 auto 150px
}

#rubrique_bas {
clear:both;
display:block;
width:650px;
height:30px;
font-size:0.85em;
margin:0 auto;
text-align:center;
padding:8px 0 10px
}

#rubrique_bas li {
color:#FF7B63;
display:inline;
padding:2px
}

#rubrique_bas a, .partenaires a, .partenaires {
color:#FF7B63;
margin:0 5px
}

.partenaires{
text-align:center
}

#ekinoxe {
display:block;
width:100px;
height:74px;
margin:50px auto 0;
background:url(../../images/logo-ekinoxe.png)
}

.photo_galerie {
width:121px;
height:75px;
margin:0 2px 5px 3px
}

tr,form,td {
margin:0;
padding:0
}

a:hover,.desc a:hover,#rubrique_bas a:hover {
color:#F06;
text-decoration:none
}