BODY {PADDING-RIGHT: 0; PADDING-LEFT: 0; PADDING-BOTTOM: 0; MARGIN: 0; FONT: 12px Arial; COLOR: #000080; PADDING-TOP: 0; BACKGROUND-COLOR: #FFFFFF}
H1 {MARGIN-TOP: 0; MARGIN-BOTTOM: 0; PADDING-BOTTOM: 0; FONT: bold 20px Arial}
H2 {MARGIN-TOP: 0; MARGIN-BOTTOM: 0; PADDING-BOTTOM: 0; FONT: 18px Arial}
H3 {MARGIN-TOP: 0; MARGIN-BOTTOM: 0; PADDING-BOTTOM: 0; FONT: bold 16px Arial}
FORM {MARGIN-TOP: 0px; MARGIN-BOTTOM: 0; PADDING-BOTTOM: 0; FONT: 12px Arial}
P {margin:0; padding:5px; font:12px Arial}

/*-------------------Div--------------------------*/
#container {
text-align: center;
/*background-color:#EEFFFF;*/
/*background:url(/images/fond_container.jpg);*/
background:url(/images/ar_cashreduc.jpg) center top no-repeat;
width:100%;
/*height:100%;*/
float:left;
}

#centre {
width:1000px;
height:1000px;
margin:auto;
background-color:#FFFFFF;
}

#titre {
width:100%;
float:left;
/*clear:both;*/ 
background-color:#FFFFFF;
/*background:url(/images/fond_container.jpg);*/ 
/*background:url(/images/divtitre.jpg) no-repeat;*/ 
} 
#titre H1{FONT: 16px Arial}

#contenu { width:792px; float:right; /*clear:both;*/ background-color:#FFFFFF;
padding:0px 0px 0px 4px } 
#contenu td { font:12px Arial; }

#bas { width:100%; float:left; /*clear:both;*/ height:80px;
background:url(/images/barre-bleu-bas-inverse.jpg); background-color:#FFFFFF; }

#noclic { visibility:hidden; display:none; width:100%; height:100%;
position:fixed; top:0; left:0; background-color:navy; opacity:0;
filter:alpha(opacity=0); }

#popup { visibility:hidden; display:none; position:fixed; top:100px; left:50%;
margin-left:-250px; width:500px; height:500px; background-color:white;
opacity:0; filter:alpha(opacity=0); border: 1px solid #FF9922; }

#topmarchand { width:370px; height:60px; float:left; text-align:center; }

#pubmarchandG { width:350px; height:60px; float:left; }

#pubmarchandD { width:270px; height:60px; float:left; }

#pubmarchandcat { width:240px; text-align:left; border: 1px solid #8B8CC4;
margin-top:4px; margin-left:4px; padding:0px; float:left; }

#imgmarchand { width:250px; float:left; margin-left:2px; padding:4px; border:
1px solid #00FFFF; font: 12px Arial; }

#recherche {float:left; width:100%; height:70px;
background:url(/images/barre-bleu-bas.jpg);} #recherche FORM {MARGIN-TOP: 10px;
MARGIN-BOTTOM: 0; PADDING-BOTTOM: 0; FONT: 12px Arial}

#menuhaut {text-align:right; margin:0px; padding:0px; float:right; width:100%;
height:30px; background-color:#FF9922;} #menuhaut FORM {MARGIN-TOP: 4px;
MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; FONT: 12px Arial} #menuhaut input
{padding:0px; margin:0px; font: 12px Arial} #menuhaut a {color:white;}

#cadrelien{ 
width:200px; 
height:258px; 
margin:0; 
padding:0; 
float:left;
background:url(/images/pubcadre.jpg) left top no-repeat;
}

#cadrecadre{ 
width:590px; 
height:258px; 
margin:0; 
padding:0; 
float:left; 
}

/*--------------------Class-------------------------*/ 
.imgpubmarchand {
width:120px; float:left; margin-left:2px; padding:4px; border: 1px solid
#00FFFF; font: 12px Arial; }

.imgpubbord { width:40px; float:left; margin-left:2px; padding:4px; font: 12px
Arial; }

.Gtaille { font:bold 18px Arial; margin-left:10px; }

.formlibel { padding:5px; width:110px; clear:both; float:left;
text-align:right; }

.formlibel2 { float:left; padding:5px; text-align:left; }

.forminput { float:left; padding:5px; text-align:left; width:640px; }

.alignL { float:left; }

.alignR { float:right; width:796px; margin-right:4px; text-align:right; }

.retourL { /*clear:both;*/ float:left; }

.menuBox { /*clear:both;*/ float:left; margin-top:-30px; padding-left:0;
width:100%; font:bold 12px Arial;} .menuBox ul {padding:0; margin-left:200px;
MARGIN-TOP:0} .menuBox li {float:left;display:inline;margin-right:5px;}
.menuBox li a
{width:92px;line-height:30px;height:30px;color:#0000FF;text-align:center;background:url(/images/style1_bouton.jpg)
0 bottom no-repeat;display:block;text-decoration:none;} .menuBox li a:hover,
.menuBox li a.selected {background:url(/images/style1_bouton.jpg) 0 top
no-repeat;color:#FFFFFF;}

.publien { 
width:160px; 
height:20px; 
/*border: 1px solid #FF9922;*/ 
margin:9px;
padding:10px; 
}

.pubcadre { 
/*position:absolute;*/
width:570px; 
height:258px; 
/*border: 1px solid #FF9922;*/ 
background:url(/images/pubcadre.jpg) right top no-repeat;
/*background-color:#FFFFFF;*/ 
margin:0; 
padding:10px; 
} 
/*--------------------A supprimer-------------------*/ 
.tabnormal{background-color:#F7912F}
.tabover{background-color:#FF0000} .tabclick{background-color:#DD0000}
.tab_blanc{background-color:#FFFFFF} .tabaffich{display:block}
.tabefface{display:none}

.produitnormal{background-color:#FFFFFF} .produitover{background-color:#FFFF90}
.produitclick{background-color:#FFFF90} .produitblanc{background-color:#FFFFFF}

/*--------------Annuaire marchand-----------------*/ 
.marchand { width:240px;
text-align:left; border: 1px solid #8B8CC4; margin-top:4px; margin-left:4px;
padding:0; float:left; } .marchand H3{FONT: bold 14px Arial;
background:url(/images/lignetitremarchand.jpg) no-repeat; height:20px;}

.cadremarchandP { float:left; width:250px; margin:0; padding:0; }

.cadremarchandL { float:left; width:500px; margin:0; padding:0; }

#colmarchand { float:left; }

#inscription { width:490px; height:300px; text-align:center;
/*background:url(/images/inscription.jpg);*/ margin-left:5px; padding:0;
float:left; }

#inscriptionacc { /*clear:both;*/ width:774px; text-align:center;
margin-left:2px; margin-bottom:15px; padding:4px; float:left; border: 1px solid
#00FFFF; }

#identajax { margin-top:50px; text-align:center; width:100%; float:left; font:
16px Arial; } #identajax a{ font: 16px Arial; } #identajax p{ font: 16px Arial;
margin:20px; }

#divsearch { position:absolute; background-color:white; text-align:left;
list-style: none ; margin-left:50px; margin-top:115px; z-index:1; }

#divsearch li { border: 1px solid #0000FF ; margin-bottom: 1px ; FONT: 12px
Arial; background-color: #CCFFFF; width:200px; }

#divsearch a, #divsearch a:link, #divsearch a:visited,#divsearch { display:
block ; color: #FF0000; text-decoration: none; line-height: 1em ; padding: 2px
0 ; text-align: left ; FONT: 10px Arial; }

#divsearch a:hover, #divsearch a:active, #divsearch a:focus { background-color:
#0000FF; color: #FFFFFF; text-decoration: none; }

/*------------------------ Menu vertical------------------------ */ 
#menu {
width:200px; float:left; text-align:left; FONT: 10px Arial; }

/* fond blanc pour le menu */ 
#menu a {color:#0050FF;} 
#menu ul {padding:0px;
width:200px; border:1px solid #FF9922; margin:0px; background-color: white}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/
#menu li:hover {background-color: #EDD} 
#menu li.sousmenu:hover
{background-color: #EBB;}

#menu ul li {position:relative; list-style: none; border-bottom:1px solid
#FF9922;} 
#menu ul ul {position: absolute; top: -1px; left: 200px; width:240px;
display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
#menu li a {text-decoration:none; padding: 2px 0px 0px 2px; display:block; border-left: 8px solid #FF9922; width:195px; height:20px;} 
#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
#menu li a:hover {border-left-color: red;} 
#menu ul ul li a:hover {border-left-color: #FF9922;}
#menu ul ul ul li a:hover {border-left-color: #0000FF;}

#menu input {font:10px Arial;}

/*---------------------------- Menu horizontal---------------------- */ 
#menuH{ 
/*clear:both;*/ 
float:left;
}
#menuH a {color:#FFFFFF; FONT: 18px Arial;}
#menuH ul {padding: 0px; margin:0px; background: white; text-align:center}
#menuH li {background:#FF5000;}
#menuH li:hover {background: #CC0000}
#menuH li.sousmenu:hover {background: #EBB;}
/* rejout couleur de fond */
#menuH li.sousmenu {background: url(/admin/fleche.gif) 95% 50% no-repeat; background-color:#CC0000}
/* rajout pr pour fleche direction bas et couleur de fond*/
#menuH li.plop { background:url(/admin/fleche2.gif) 95% 50% no-repeat #CC0000;}

/* une petite bordure en top*/
#menuH ul li {position:relative; list-style: none; float:left;}

#menuH ul ul {position: absolute;display:none; width:198px;}
#menuH li a {text-decoration: none; padding: 4px 0 2px; display:block; width:198px; height:25px; border:1px solid #FFFFFF;}
#menuH ul.niveau1 li.sousmenu:hover ul.niveau2,
#menuH ul.niveau2 li.sousmenu:hover {display:block; left:0; top:36px;}

/* rajout de couleur de fond et de survol */
#menuH ul.niveau3 li { background: #800000}
#menuH ul.niveau3 li:hover { background: #800000}