@charset "utf-8";

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
background:transparent;
border:0;
font-size:100%;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

body {
background:#f6f6f6 url(../../medias/modeles/public/document/_document_fond.jpg) repeat-x;
text-align:center;
line-height:1;
}

body,p,td,input,textarea,label,select,legend {
color:#666;
font:11px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

:focus {
outline:0;
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
border-spacing:0;
}

a,input {
position:relative;
z-index:1;
}

img { 
border: none;
}

div#conteneur {
background:transparent url(../../medias/modeles/public/page/bg_page.jpg) repeat center;
margin:10px auto;
width:960px;
}

div#header {
background:transparent url(../../medias/modeles/public/page/bg_header.jpg) no-repeat;
height:145px;
padding:19px 11px 0px;
}

div#header .noFlash {
background:transparent url(../../medias/modeles/common/fl_player.jpg) no-repeat scroll 50% 35px;
height:145px;
}

div#header .noFlash a {
display:block;
padding:100px 0px 34px;
}

div#corps {
background:transparent url(../../medias/modeles/public/page/bg_corps.jpg) no-repeat;
text-align:left;
width:960px;
}

div#footer {
background:#F6F6F6 url(../../medias/modeles/public/page/bg_footer.jpg) no-repeat;
clear:both;
padding-top:20px;
text-align:center;
}

#colGauche {
display:inline;
float:left;
margin-left:10px;
padding-top:10px;
width:320px;
}

#colDroite {
display:inline;
float:right;
margin-right:10px;
padding-top:10px;
width:210px;
}

#contenu {
margin-left:330px;
margin-right:220px;
padding-top:20px;
}

h1 {
color:gray;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}

h2 {
color:gray;
font-size:14px;
}

h3 {
color:#F09200;
font-size:12px;
padding:0 0 5px;
}

h4 {
font-size:12px;
}

a {
color:gray;
text-decoration:none;
}

a:hover {
color:#B2B2B2;
text-decoration:underline;
}

.clearboth {
clear:both;
}

.nodisp {
display:none;
}

.paragraphe {
padding:20px 0 5px;
}

a.puce8 {
background:transparent url(../../medias/modeles/public/puces/puce12.gif) no-repeat left center;
color:#8B5C29;
margin-left:10px;
padding-left:9px;
text-decoration:none;
}

a.puce8:hover {
text-decoration:underline;
}

/*--------------------------------------------- Formulaires ----------------------------------------*/

fieldset {
border:none;
margin-bottom:10px;
}

fieldset legend {
font-size:12px;
font-weight:bold;
}

fieldset input[type="text"], fieldset input[type="password"] {
border:1px solid #CCCCCC;
height:14px;
}
fieldset input[type="radio"] {
margin:0 5px -2px 0;
}

fieldset input[type="checkbox"] {
margin-left:-3px;
}

fieldset div {
clear:both;
height:16px;
margin-bottom:5px;
width:100%;
}

fieldset.text {
padding:10px 0;
}

fieldset.text legend {
padding-left:140px;
}

fieldset.radio, fieldset.checkbox {
padding:10px 0 10px 140px;
}

fieldset.text label {
float:left;
line-height:14px;
margin:0;
padding:1px 10px 0 0;
text-align:right;
width:130px;
}

fieldset.radio label {
margin:0 10px 0 0;
}

fieldset.checkbox label {
padding-right:10px;
text-align:left;
width:80%;
}

#contenu fieldset .notes, #contenu .notes {
font-size:11px;
padding:5px 0 15px 140px;
}

label:hover {
cursor:pointer;
}

form p.boutton {
margin-left:140px;
margin-top:0;
}

form p.boutton button {
border:none;
color:#F09200;
display:block;
height:24px;
line-height:24px;
margin:10px 0;
padding:0;
text-align:left;
text-indent:22px;
text-transform:uppercase;
font:bold 12px Arial,Helvetica,sans-serif
}

form p.boutton button.b200 {
background:url(../../medias/modeles/public/boutons/bouton200.png) no-repeat scroll 0%;
width:200px;
}

form p.boutton button.b100 {
background:url(../../medias/modeles/public/boutons/bouton100.png) no-repeat scroll 0%;
width:100px;
}

form a.btn2 {
margin:0 0 10px 140px;
}

/*--------------------------------------------- Colonne de gauche ----------------------------------------*/

#colGauche h2 {
padding:10px 15px 6px;
}

#colGauche .blocGauche {
display:inline;
float:left;
margin:0 0 20px 15px;
width:130px;
}

#colGauche .blocDroit {
margin:0 25px 20px 170px;
}

#colGauche .blocTexte {
margin-left:13px;
margin-right:22px;
}

/*--------------------------------------------- Bloc catalogue accueil ----------------------------------------*/

.blocCatCadre {
background:transparent url(../../medias/modeles/public/elements/blocCat_bg.png) repeat-y;
margin-bottom:20px;
width:320px;
}

.blocCatBas {
background:transparent url(../../medias/modeles/public/elements/blocCat_bas.png) no-repeat center bottom;
padding-bottom:20px;
}

#colGauche .blocCatHaut {
background:transparent url(../../medias/modeles/public/elements/blocCat_haut.png) no-repeat left top;
padding:0 20px;
}

#colGauche .blocCatHaut h2 {
color:#FFFFFF;
line-height:30px;
margin-bottom:20px;
padding:0;
text-align:left;
text-transform:uppercase;
}

#colGauche .blocCatHaut .colGauche {
float:left;
width:130px;
}

#colGauche .blocCatHaut .colDroite {
border-left:1px dotted #CCCCCC;
margin-left:130px;
padding-left:10px;
}

#colGauche .blocCatHaut ul {
list-style-type:none;
}

#colGauche .blocCatHaut li {
line-height:16px;
padding-left:16px;
}

#colGauche .blocCatHaut h4 {
background:transparent url(../../medias/modeles/public/puces/puce4.png) no-repeat scroll 2px 5px;
color:#333333;
font-size:11px;
padding-bottom:10px;
padding-left:16px;
}

#colGauche .blocCatHaut h4 a {
color:#333333;
text-decoration:none;
}

#colGauche .blocCatHaut h4.linkCat {
background-position:2px 15px;
clear:both;
display:block;
padding:10px 0 0 16px;
}

#colGauche .blocCatHaut h4 a:hover {
color:#D17030;
}

#colGauche .blocCatHaut li a {
color:#8C8C8C;
font-size:11px;
text-decoration:none;
}

#colGauche .blocCatHaut li a:hover {
color:#000000;
}

#colGauche .blocCatHaut .hr {
background:transparent url(../../medias/modeles/public/lignes/ligne_gris.gif) repeat-x center bottom;
height:2px;
margin:15px 0;
}

/*--------------------------------------------- Bloc produits populaire ----------------------------------------*/

h2#favoris {
background:transparent url(../../medias/modeles/public/pictos/favorites.jpg) no-repeat scroll 12px 3px;
padding-left:46px;
}

.prodPop {
background:transparent url(../../medias/modeles/public/elements/ombre_gris_70x43.jpg) no-repeat 10px 0;
float:left;
padding-left:15px;
width:85px;
}

.prodPop a.picto {
display:block;
margin:5px 0 4px 1px;
}

.prodPop a.picto:hover {
margin:4px 0 5px;
}

/*--------------------------------------------- Contenu principal ----------------------------------------*/

#blocEvenement {
background:transparent url(../../medias/modeles/public/pub/evenement.jpg) no-repeat 0%;
height:290px;
margin:0 auto 5px;
width:375px;
}

#blocEvenement a {
background:transparent url(../../medias/modeles/public/v2/bouton_evenement.jpg) no-repeat 0%;
display:inline;
float:left;
height:36px;
margin:220px 0 0 40px;
padding:4px 0 0 42px;
text-decoration:none;
width:88px;
}

#blocEvenement a strong {
color:#F09200;
display:block;
text-transform:uppercase;
}

#blocCatFavorites {
margin:0 auto 0 12px;
}

#blocCatFavorites div.gauche {
display:inline;
float:left;
margin:0 0 10px;
/*width:193px;
height:146px;*/
width:180px;
height:130px;
background:url(../../medias/modeles/public/fonds/bg_blocCatFavorites.png) no-repeat;
padding:8px 8px 8px 5px
}

#blocCatFavorites div.droite {
display:block;
margin:0 0 10px 196px;
width:180px;
height:130px;
background:url(../../medias/modeles/public/fonds/bg_blocCatFavorites.png) no-repeat;
padding:8px 8px 8px 5px
}

#blocCatFavorites div.droite a , #blocCatFavorites div.gauche a {
margin:0;
padding:0;
}

#blocCatFavorites div.droite h3 , #blocCatFavorites div.gauche h3 {
margin:0;
padding:0;
color:#666666;
width:180px;
line-height:20px;
font-size:12px;
text-align:center;
}

/*--------------------------------------------- Colonne droite ----------------------------------------*/

/* Bloc compte */

#compte {
background:transparent url(../../medias/modeles/public/elements/bloc_compte.png) no-repeat 0;
height:145px;
margin:0 10px 0 2px;
width:200px;
}

#compte h2, #compte strong, #compte h2 a {
color:#8B5C29;
width:200px;
}

#compte h2 {
display:block;
font-size:11px;
padding:20px 0 12px 34px;
text-transform:uppercase;
}

#compte h2 a {
font-weight:normal;
text-transform:none;
}

#compte strong {
display:block;
padding:0 0 8px 10px;
}

#compte p {
padding:0 0 0 10px;
}

#compte fieldset, #compte fieldset.text {
margin:0 0 6px;
padding:0;
}

#compte fieldset.text div {
height:14px;
}

#compte label {
color:#8B5C29;
width:46px;
}

#compte fieldset.text input[type="password"] {
float:left;
}

#compte fieldset.text input[type="submit"] {
background:#276C89 url(../../medias/modeles/public/fonds/_fond_bouton.jpg) repeat-x;
border:none;
color:#FFFFFF;
font-size:10px;
font-weight:bold;
height:16px;
line-height:10px;
margin-left:2px;
margin-top:1px;
text-transform:uppercase;
width:35px;
}

/* Bloc panier */

#panier, #panierOn, #panierOff {
background:transparent url(../../medias/modeles/public/elements/_bloc_panier.jpg) no-repeat;
height:90px;
margin:10px 10px 0 2px;
width:200px;
}

#panierOn {
background:transparent url(../../medias/modeles/public/elements/panier_plein.png) repeat;
}


#panierOff {
background:transparent url(../../medias/modeles/public/elements/_panier_vide.jpg) repeat;
}

#panierDetails {
color:#8B5C29;
margin-left:80px;
padding-top:10px;
}

#panierDetails h2 {
color:#8B5C29;
font-size:11px;
margin-top:2px;
text-transform:uppercase;
}

#panierDetails #panierVoir {
margin-top:2px;
width:80px;
}

/* Bloc engagement */

#engagement {
background:transparent url(../../medias/modeles/public/elements/bloc_engagement.png) no-repeat 0;
color:#CCCCCC;
height:110px;
margin:5px 10px 0 2px;
width:201px;
}

#engagement h2 {
color:#FFFFFF;
}

#engagement h2 {
display:block;
font-size:11px;
padding:11px 0 20px 45px;
text-transform:uppercase;
}

#engagement p {
padding:0 0 0 10px;
}

#engagement li {
list-style-type:none;
padding:0 0 5px 12px;
}

#engagement li a {
text-decoration:none;
}

#engagement-paiement a#nav-paiement, #engagement-tarifs a#nav-tarifs, #engagement-livraison a#nav-livraison, #services-faq a#nav-faq, #services-sav a#nav-sav, #services-glossaire a#nav-glossaire, #services-contact a#nav-contact {
color:#006699;
}

/* Bloc services */

#services {
background:transparent url(../../medias/modeles/public/elements/bloc_services.png) no-repeat scroll 0%;
color:#FFF;
height:130px;
margin:5px 10px 0 2px;
width:200px;
}

#services h2 {
color:#FFF;
}

#services h2 {
display:block;
font-size:11px;
padding:13px 0 20px 45px;
text-transform:uppercase;
}

#services p {
padding:0 0 0 10px;
}

#services li {
list-style-type:none;
padding:0 0 5px 12px;
}

#services li a {
text-decoration:none;
}

/* Blocs newsletter */

#newsletter {
margin:5px 10px 0 2px;
padding:0 0 10px;
width:200px;
}

#newsletter {
background:transparent url(../../medias/modeles/public/elements/bloc_newsletter.png) no-repeat center top;
height:120px;
}

#newsletter h2 {
color:#FFFFFF;
font-size:11px;
padding:18px 0 15px 50px;
text-transform:uppercase;
}

#newsletter p {
color:#FFFFFF;
margin:0 10px 10px;
}

#newsletter input.bouton {
border:1px solid #FFFFFF;
height:16px;
margin-top:0;
}

#newsletter input#newsletter_mail {
float:left;
margin-right:5px;
}

#newsletter input#newsletterOk {
width:45px;
}

/*----------------------------------------- Encart publicitaire ---------------------------------------*/

.encartPub {
margin-left:2px;
margin-top:10px;
}

/*--------------------------------------------- Pied de page ------------------------------------------*/

div#footer-top {
background:url(../../medias/modeles/public/fonds/bg_footer_top.png) top left no-repeat;
padding-top:20px;
width:960px;
margin:0 auto 20px auto;
}

div#footer-cadre {
background:url(../../medias/modeles/public/fonds/bg_footer.png) bottom left no-repeat;
padding:0 20px 22px;
min-height:60px;
}

div.footer-col {
float:left;
padding-right:30px;
border-right:1px solid #e5e5e5;
margin-left:30px;
}

div.footer-col.last {
border-right:none
}

div#footer-cadre ul {
display:block;
text-align:left;
}

div#footer-cadre h4 {
margin:0;
padding:0 0 10px 0;
color:#333333;
font-size:11px;
text-align:left;
}

/*--------------------------------------------- Liens  ----------------------------------------*/

.puce_grise a {
background:transparent url(../../medias/modeles/public/puces/puce1.png) no-repeat 0 2px;
color:#666666;
padding-left:12px;
text-decoration:none;
}

.puce_grise a:hover {
color:#999999;
}

a.puce_orange {
background:transparent url(../../medias/modeles/public/puces/puce7.png) no-repeat 0 1px;
color:#000000;
font-family:Verdana;
font-size:8px;
padding-left:12px;
text-decoration:none;
text-transform:uppercase;
}

a.puce_orange:hover {
color:#000000;
}

a.gris {
color:#333333;
font-size:8px;
text-decoration:none;
text-transform:uppercase;
}

/*--------------------------------------------- Chemin ----------------------------------------*/

#chemin {
margin:0 0 15px;
}

#chemin strong {
color:#F09200;
}

/*-------------------------------------- Styles specifiques  --------------------------------------*/

#contenu h2 {
margin-bottom:10px;
margin-top:20px;
}

#contenu h1 + h2 {
margin-top:0px;
}

#contenu h1 {
padding-bottom:15px;
padding-top:15px;
}

#contenu h3 {
padding-bottom:10px;
padding-top:10px;
}

#contenu dt {
color:#F09200;
font-size:12px;
padding-bottom:10px;
}

#contenu dt a, #contenu dt a:hover {
color:#F09200;
font-size:12px;
padding-bottom:10px;
text-decoration:none;
}

#contenu dd {
padding-bottom:10px;
}

#contenu ul {
list-style-type:none;
padding:5px 0;
}

#contenu ul li {
background:transparent url(../../medias/modeles/public/puces/tiret.png) no-repeat scroll 0 5px;
padding-left:10px;
}

#blocCollection {
border:1px solid #CCCCCC;
height:245px;
margin:25px 20px 0 330px;
clear:both;
}

#blocCollection #collectionImage {
float:left;
width:400px;
}

#blocCollection #collectionUne {
background:#F2F2F2 none repeat scroll 0%;
height:100%;
margin:0 0 0 400px;
padding-left:40px;
}

#blocCollection #collectionUne h3 {
padding-top:5px;
}

#blocCollection #collectionUne img {
border:medium none;
}

#blocCollection #collectionUne p {
height:50px;
width:110px;
}

#blocCollection #collectionUne a {
display:block;
}

#colGauche p.puce_grise {
clear:both;
margin:0 0 5px 15px;
padding-top:10px;
}

/*------------------------------- Onglets -------------------------*/

#contenu ul.onglets {
border-bottom:1px solid #DDDDDD;
line-height:24px;
padding:0;
padding-bottom:-1px;
}

#contenu ul.onglets li {
background:none;
display:inline;
margin-bottom:1px;
padding:5px 0px;
}

#contenu ul.onglets li a {
background:transparent url(../../medias/modeles/public/elements/tableftB.gif) no-repeat 0 -42px;
padding:5px 0 5px 4px;
text-decoration:none;
}

#contenu ul.onglets li a span {
background:transparent url(../../medias/modeles/public/elements/tabrightB.gif) no-repeat 100% -42px;
color:#666666;
padding:5px 16px 5px 10px;
}

#contenu ul.onglets li a span {
float:none;
}

#contenu ul.onglets li a:hover span {
color:#000000;
}

#contenu ul.onglets li.current {
margin-bottom:0px;
}

#contenu ul.onglets li.current a {
background-position:left top;
padding-bottom:6px;
}

#contenu ul.onglets li.current a span {
background-position:right top;
padding-bottom:6px;
}

/* Hack IE5-Mac \*/
#contenu ul.onglets li a span {float:none;}

/* End IE5-Mac hack */
#contenu ul.onglets li a:hover span {
color:#000;
}