* {
font-family: Tahoma, Verdana, Arial, sans-serif;
}

html, body {
margin: 0;
padding: 0;
}

body {
font-size: 12px;
color: #373737;
background-image: url(charte/fond.gif);
background-repeat: repeat-x;
background-color: #5A9617;
}

.button_small{
	-width:85px;
	-height:20px;
}

.button_long{
	-width:120px;
	-height:20px;
}

.bleu,.bleu a,.bleu a:hover{ color:#44A4E1; }

.vert,a.vert,a.vert:hover{ color:#5A9617; }

strong{ font-weight:bold; }

/* MAIN */

#MAIN {
width: 988px;
margin: auto;
}

/* MAIN */

/* HEADER */

#HEADER {}

#HEADER IMG {
border: 0;
}

#HEADER TABLE {
border-spacing: 0px;
border-collapse: collapse;
width: 100%;
}

#HEADER TABLE TD {
padding: 0;
}

#PANIER {
background-image: url(charte/panier-f.gif);
background-repeat: no-repeat;
background-position: right;
width:220px;
}

#PANIER a{ text-decoration:none; }
#PANIER a:hover{ text-decoration:underline; }

/* HEADER */

/* TABS */

#TAB-HAUT {
width: 100%;
}

#TAB-HG {
width: 4px;
vertical-align: bottom;
}

#TAB-H {
width: 980px;
background-image: url(charte/tab-h.gif);
background-repeat: repeat-x;
background-position: bottom;
vertical-align: bottom;
}

#TAB-H TABLE {
width: 100%;
}

#TAB-HD {
width: 4px;
vertical-align: bottom;
}

#TAB-MILIEU TD {
padding: 0;
}

#TAB-G {
width: 4px;
vertical-align: top;
background-image: url(charte/tab-gf.gif);
}

#TAB-CONTENT {
width: 980px;
background-color: #FFF;
vertical-align: top;
}

#TAB-D {
width: 4px;
vertical-align: top;
background-image: url(charte/tab-df.gif);
}

#TAB-BAS {
width: 100%;
height:18px;
}

#TAB-BG {
width: 18px;
background-image:url(charte/tab-bg.gif);
background-repeat:no-repeat;
background-position:top;
}

#TAB-B {
width: 952px;
background-image: url(charte/tab-b.gif);
background-repeat: repeat-x;
}

#TAB-BD {
width: 18px;
background-image:url(charte/tab-bd.gif);
background-repeat:no-repeat;
background-position:top;
}

/* TABS */

/* RECHERCHE */

#RECHERCHE {
padding-bottom: 4px;
}

#RECHERCHE FORM {
margin: 0;
}

#RECHERCHE .text {
width: 100px;
border: 1px solid #F3E71F;
background-color:#FFFFFF;
font-size: 11px;
}

#RECHERCHE .submit {
color: #5BB533;
background-color:#F3E71F;
font-size: 11px;
font-weight: bold;
border: none;
}

/* RECHERCHE */

/* NEWSLETTER */

#NEWSLETTER {
text-align: left;
}

#NEWSLETTER FORM {
padding-top: 10px;
padding-left: 9px;
margin: 0;
}

#NEWSLETTER .text {
width: 100px;
border: 1px solid #44A4E1;
background-color:#FFFFFF;
font-size: 11px;
}

#NEWSLETTER .submit {
color: #FFF;
background-color: #44A4E1;
font-size: 11px;
font-weight: bold;
border: none;
}

#NEWSLETTER A {
display: block;
padding-left: 9px;
font-size: 11px;
color: #3190CC;
}

/* NEWSLETTER */

/* CATEGORIES */

#CATEGORIES {
/height:23px; /* Résoud un bug d'IE => un espace indésirable d'1px */

}

#CATEGORIES UL {
list-style-type: none;
margin: 0;
padding:0;
float: right;
}

#CATEGORIES LI {
float: left;
margin-left: 1px;
position:relative;
text-align:center;
height:1%; /* Résoud un bug d'IE => que le sous-menu ne disparaisse pas lorsuq'on essaie de cliquer dessus */
-padding-top:1px;
}

#CATEGORIES LI A {
display: block;
color: #FFF;
font-weight: bold;
font-size: 12px;
text-decoration: none;
height:14px;
padding:3px;
padding-left:2px;
min-width:55px;
height:100%;
-display:inline;
-line-height:22px;
}

#CATEGORIES LI A:HOVER{
text-decoration: underline;
}

#CATEGORIES LI:HOVER A,#CATEGORIES LI.hover A{
color:#44A4E1;
}

#CATEGORIES div{
float:left;
height:24px;
}

#CATEGORIES LI:HOVER .onglet_g,#CATEGORIES LI.hover .onglet_g{
	background-image:url(charte/onglet-g_hover.gif);
}

#CATEGORIES LI:HOVER .onglet_d,#CATEGORIES LI.hover .onglet_d{
	background-image:url(charte/onglet-d_hover.gif);
}

#CATEGORIES LI:HOVER .onglet_m,#CATEGORIES LI.hover .onglet_m{
	background-image:url(charte/onglet-m_hover.gif);
}

.onglet_g{
	background-image:url(charte/onglet-g.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:5px;
}

.onglet_m{
	background-image:url(charte/onglet-m.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.onglet_d{
	background-image:url(charte/onglet-d.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:5px;
}

#CATEGORIES UL LI UL,#CATEGORIES UL LI.hover UL {
padding:0;
position: absolute;
display: none;
top:24px;
-top:25px;
margin:0;
left:0;
width:100%;
-width:120px;
z-index:5; !important
}

#CATEGORIES UL LI:HOVER UL,#CATEGORIES UL LI.hover ul{
display: block;
}

#CATEGORIES UL LI:HOVER UL UL,#CATEGORIES UL LI.hover UL UL{
display: none;
}

#CATEGORIES UL UL LI{
float: none;
margin-right:1px;
background-color: #DDF2FF;
border-left: 1px solid #44A4E1;
border-right: 1px solid #44A4E1;
border-bottom: 1px solid #44A4E1;
}

#CATEGORIES UL UL LI A{
color: #44A4E1;
font-weight: normal;
padding:3px;
-line-height:15px;
-display:inline;
}

#CATEGORIES UL UL UL,#CATEGORIES UL UL LI.hover UL{
display: none;
position:absolute;
/* Pour FF */
margin-left:100%;
/* Pour IE 7 */
/padding-left:100%;
/* Pour IE 6 */
-margin-left:0px;
-padding-left:116px;
top:-5px;
left:-5px;
z-index:1000; !important
}

#CATEGORIES UL UL LI:HOVER UL,#CATEGORIES UL UL LI.hover UL{
display: block;
}

#CATEGORIES UL UL UL LI{
margin-top:-1px;
/* Résoud un bug d'IE => l'affichage résiduel de la sous-liste */
background-color: transparent;
border:0;
}

#CATEGORIES UL UL LI:HOVER UL LI{
background-color: #FFF;
border: 1px solid #44A4E1;
}

/* CATEGORIES */

/* BANDEAU */

#BANDEAU {
padding: 5px;
background-color: #5BB533;
color: #FFF;
font-weight: bold;
text-align: center;
font-size: 11px;
}

#BANDEAU UL {
margin: 0;
padding: 0;
}

#BANDEAU LI {
display: inline;
padding-left: 5px;
padding-right: 5px;
}

#BANDEAU #TEL {
color: #F3E71F;
font-size: 20px;
}

#BANDEAU .jaune {
color: #F3E71F;
}

/* BANDEAU */

/* MENU */

#MENU {
background-color: #C81414;
}

/* MENU */

/* DIVERS */

#PAIEMENT {
text-align: center;
}

/* DIVERS */

/* FOOTER */

#FOOTER {
text-align: center;
margin: 10px;
font-size: 11px;
}

#FOOTER P {
margin: 0;
padding: 5px;
}

#FOOTER A {
color: #373737;
}

#FOOTER A:HOVER {
color: #C81414;
}

/* FOOTER */

/* PC */
	
#pcMainArea {
width: 100%;
padding: 0;
border-collapse: collapse;
}

#pcMainArea #pcLeft {
padding-top: 10px;
width: 193px;
text-align: center;
vertical-align: top;
}

#pcMainArea #pcLeft IMG {
border: 0;
}

#pcMainArea  #pcRight {
padding-top: 10px;
width: 183px;
text-align: center;
vertical-align: top;
}

#pcMainArea #pcRight IMG {
border: 0;
}

#pcMainArea #pcCenter {
padding-top: 10px;
text-align: left;
vertical-align: top;
}

/* */

#QUESTIONS-REPONSES {
position: absolute;
width: 160px;
margin-top: 38px;
margin-left: 18px;
/margin-left:8px;
color: #FFF;
font-size: 11px;
text-align: left;
font-weight:bold;
}

#QUESTIONS-REPONSES UL {
list-style-type: none;
margin: 0;
padding: 0;
}

#QUESTIONS-REPONSES UL LI {
margin-bottom:2px;
}

#QUESTIONS-REPONSES A {
color: #FFF;
text-decoration: none;
}

#QUESTIONS-REPONSES A:HOVER {
text-decoration: underline;
}

#PAIEMENT-SECURISE {
width: 167px;
margin: auto;
border-left: 1px solid #44A4E1;
border-right: 1px solid #44A4E1;
font-size: 11px;
text-align: left;
}

#PAIEMENT-SECURISE_top{
background-image:url(charte/paiement-securise.gif);
background-position:top;
background-repeat:no-repeat;
height:25px;
}

#PAIEMENT-SECURISE_bottom{
background-image:url(charte/paiement-securise-b.gif);
background-position:bottom;
background-repeat:no-repeat;
height:15px;
}

#PAIEMENT-SECURISE p{
width: 145px;
margin: auto;
margin-top:0;
margin-bottom:0;
padding:0;
padding-top: 10px;
}

#newsletter_top{
	background-image:url(charte/newsletter.gif);
	background-repeat:no-repeat;
	background-position:top;
	height:30px;
	width: 160px;
	margin: auto;
}

#NEWSLETTER {
width: 158px;
margin: auto;
background-color: #DDF2FF;
border-left: 1px solid #74AED3;
border-right: 1px solid #74AED3;
}

.div_admin{
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.div_admin_g{
	width:170px;
}

.div_admin_d{
	width:160px;
}

#VUALA-TV {
width: 159px;
margin: auto;
background-color: #FFD0D0;
border-left: 1px solid #F86969;
border-right: 1px solid #F86969;
}

#pcMainArea #pcRight #VUALA-TV IMG {
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #FFF;
}

#NOS-MARQUES {
width: 158px;
margin: auto;
border-left: 1px solid #EAD132;
border-right: 1px solid #EAD132;
}

/* */

/* ACCUEIL */

#ACCUEIL-OFFRES {
width: 100%;
text-align: center;
margin-top: 10px;
}

#ACCUEIL-OFFRES TD {
vertical-align: top;
}

#CODE-PROMO {
width: 192px;
margin: auto;
padding-top: 10px;
background-color: #FDEBC5;
border-left: 1px solid #FF730C;
border-right: 1px solid #FF730C;
color: #FF6C00;
font-size: 16px;
}

#CEST-NOUVEAU {
width: 192px;
margin: auto;
height:115px;
background-color: #FDEBF9;
border-left: 1px solid #EB5E9D;
border-right: 1px solid #EB5E9D;
}

#EN-PROMOTION {
width: 192px;
margin: auto;
height:115px;
background-color: #DDFEFD;
border-left: 1px solid #00CDC6;
border-right: 1px solid #00CDC6;
}


#CEST-NOUVEAU IMG, #EN-PROMOTION IMG {
max-width: 80px;
-width:80px;
max-height:110px;
-height:110px;
}

#CEST-NOUVEAU .barre, #EN-PROMOTION .barre{
	text-decoration:line-through;
} 

#CEST-NOUVEAU .prix, #EN-PROMOTION .prix{
	font-size:13px;
	color:#000000;
	font-weight:bold;
	margin-left:10px;
}

.link_promo_nouvo{
	width:194px; 
	height:15px; 
	margin:auto;
}

#link_nouvo{
	background-image:url(charte/c-est-nouveau-b.gif);
}

#link_promo{
	background-image:url(charte/en-promotion-b.gif);
}

/* FAQ */
ul#faq p,ol#faq p{
	margin-top:10px;
	margin-bottom:10px;
}

ul#faq div.couche{
	text-align:center;
	margin-bottom:10px;
	float:left;
	width:25%;
}

ul#faq{
	list-style-position:inside;
	margin:0;
	padding:0;
}

ul#faq li,ol#faq li{
	margin-top:10px;
}

ul#faq li li,ol#faq li li{
	margin-top:2px;
}

ul#faq #recap td{
	margin:10px;
	padding:10px;
}

ul#faq #recap th{
	text-align:center;
}

span.question{
	color:#44A4E1;
	font-size:larger;
	font-weight:bold;
}

/* Encarts administrables */
#cadre_bas{
	background-color:#FFFFFF;
	margin-left:4px;
	margin-right:4px;
	padding:15px;
	padding-bottom:0px;
}

#encart_milieu{
	width:595px; 
	margin:auto; 
	margin-top:10px;
}

#encart_milieu .encart_top{
	background-image:url(charte/my_content_left_top_big.png); 
	width:595px; 
	height:15px; 
	overflow:hidden;
	background-position:top;
	background-repeat:no-repeat;
}

#encart_milieu .encart_bot{
	background-image:url(charte/my_content_left_bot_big.png); 
	width:595px; 
	height:15px; 
	overflow:hidden;
	background-position:top;
	background-repeat:no-repeat;
}

#encart_milieu .encart_content{
	border-left:1px solid #00a0a7; 
	border-right:1px solid #00a0a7;
	padding-left:5px; 
	padding-right:5px;
	overflow:hidden;
}

#encart_droite{
	border-left:1px solid #ED6060; 
	border-right:1px solid #ED6060; 
}

#encart_gauche{
	border-left:1px solid #22380A; 
	border-right:1px solid #22380A; 
}

#encart_droite,#encart_gauche{
	padding:3px;
}

/* Slideshow */
ul.ppt,ul.ppt2 {
	position: relative;
	margin:0;
	text-align:left;
}

.ppt li,.ppt2 li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt p,.ppt2 p{
	font-size:11px;
	margin:0;
	margin-top:3px;
	text-align:left;
}

.ppt img,.ppt2 img{
	padding: 5px;
}

.ppt div.img,.ppt2 div.img{
	float:left;
	text-align:center;
	width:90px;
}

.ppt div.desc,.ppt2 div.desc{
	float:left;
	width:95px;
	margin-left:5px;
}

fieldset{ border:0; }

fieldset label{
	float:left;
	padding:2px;
	width:150px;
}

/* Toolbox */
.centerDiv{ margin:auto; }
.centerText{ text-align:center; }
.floatLeft{ float:left; }
.clearer{ clear:both; }
.bold{ font-weight:bold; }
.underline{ text-decoration:underline; }
.italic{ font-style:italic; }
.smaller{ font-size:smaller; }
.larger{ font-size:larger; }
.noBorder{ border:0; }
.xSmall{ font-size:x-small; }