@import url(/app/style/fcss-eleclerc-12.css);
/*-----------PRODUITS-----------------------------------------------*/
.case_produit{
vertical-align:top;
text-align:left;
}
.image_produit{
border:1px solid #7f6e4c;
}

/*-----------PANIER-------------------------------------------------*/
.panier {
        font-family: verdana;
	font-size: 12px;
        margin: 5px;
        padding :0px;
        width:600px;
        text-align:left;
}
.champspanier{
        width:130px;
        height:20px;
	background:#ffffff;
	color:#000000;
	font-size:12px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;

}
.champspanier2{
        width:180px;
        height:20px;
	background:#ffffff;
	color:#000000;
	font-size:12px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;

}
.champspanier3{
        width:400px;
        height:50px;
	background:#ffffff;
	color:#000000;
	font-size:12px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;

}
.lignepanier {
        font-family: verdana;
	font-size: 12px;
        background-color: #F6F6F6;
        text-align:left;
}
.lignepanier2 {
        font-family: verdana;
	font-size: 12px;
        background-color: #F6F6F6;

}
.lignepanier3 {
        font-family: verdana;
	font-size: 12px;
        background-color: #F6F6F6;

}
.titrepanier {
        font-family: verdana;
	font-size: 12px;
        font-style: bold;
        background-color: #DED7C6;
	color: #000000;

}
.boutonpanier {
	background:#DED7C6;
	color:#000000;
	font-weight:bold;
	text-align:center;
	padding:2px;
	margin:0px 0px 0px 2px;
	font-size:10px;
	border-top:1px solid #717171;
	border-left:1px solid #717171;
	border-bottom:solid #717171 1px;
	border-right:solid #717171 1px;

}
.boutonpanier2 {
        width:20px;
        height:20px;
	background:#DED7C6;
	color:#000000;
	font-weight:bold;
        font-style: bold;
	text-align:center;
        vertical-align:middle;
	padding:2px;
	font-size:12px;
	border-top:1px solid #717171;
	border-left:1px solid #717171;
	border-bottom:solid #717171 1px;
	border-right:solid #717171 1px;

}
.boutonpanier3 {
        width:40px;
        height:15px;
	background:#ffffff;
	color:#000000;
	padding:0px;
        margin:0px;
        text-align:center;
        vertical-align:middle;
	font-size:12px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;

}
.boutonpanier4 {
        width:80px;
        height:15px;
	background:#ffffff;
	color:#000000;
	padding:0px;
        margin:0px;
        text-align:center;
        vertical-align:middle;
	font-size:12px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;

}
.prixproduit{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
font-weight:800 ;
}

/*-----------FORUM--------------------------------------------------*/
.forum_index{
}
.forum_entete{
	FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #887651;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.forum_valeur{
	FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #887651;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.forum_ssvaleur{
	FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #887651;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.ssforum_valeur{
	FONT-WEIGHT: bold;
        FONT-SIZE: 11px;
        COLOR: #887651;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.forum_titreindex{
        background-color:#ffffff;
	FONT-WEIGHT: bold;
        FONT-SIZE: 14px;
        COLOR: #887651;
margin-bottom:10px;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
table{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.forum_gabarit{
width:700px;
}
td.forum_titre_ssrubrique{
color:#555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
margin-left:10px;
}
a.forum_titre_ssrubrique{
color:#555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
margin-left:10px;
}
.forum_txt_ssrubrique{
color:#555555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
.forum_image_ssrubrique
{
border:0px;
}

.forum_titre_rubrique{
color:#7f6e4c;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800;
text-align:left;
margin-top:22px;
}
.forum_txt_rubrique{
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
}
.forum_image_rubrique
{
border:0px;
margin-top:10px;
width:70px;
}
.forum_ecrire_corps
{
width:500px;
}
.forum_ecrire_tableau{

width:500px;
margin-top:10px;
}
.forum_ecrire_colgauche
{
width:100px;
vertical-align:top;
}
.forum_titre_autres{
background-color:#D3CAB4;
}
.forum_autres_rubrique{
text-align:left;
width:300px;
padding:5px;
}
.forum_autres{
text-align:left;
width:250px;
padding:5px;
}
.forum_titre_reply{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:600;
color:#7f6e4c;
padding-bottom:12px;
text-align:left;
}
.forum_corps_rubrique{
width:700px;
margin:0px;
padding:0px;
}
.forum_corps{
width:700px;
margin:0px;
padding:0px;
}
.forum_pagination_lien{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:100;
color:#000000;
}
.forum_pagination{
display:inline;
margin:0px;
padding:0px;
}
.forum_titre_reply:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:600;
color:#000000;
}
.forum_img_reply{
border:0px;
margin-left:20px;
vertical-align:middle;
}
.forum_titre_topic{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800;
color:#000000;
padding-bottom:12px;
text-align:left;
}
.forum_titre_topic:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800;
color:#000000;
}
.forum_img_topic{
border:0px;
vertical-align:middle;
}
.forum_commentaire{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
color:#7f6e4c;
}
.forum_lien_topic{
text-decoration:none;
}
.forum_lien_topic:hover{
text-decoration:none;
color:#FF0000;
}
.forum_lien_reply{
text-decoration:none;
}
.forum_lien_reply:hover{
text-decoration:none;
color:#FF0000;
}
form {
padding:0px;
margin:0px;
}
.forum_input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #000000;
	width:150px;
}
.forum_memo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #000000;
	width:300px;
	height:150px;
}
.forum_button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	border:1px solid #000000;
	background-color:#7f6e4c;
}
.forum_barrehaut{
        background-color:#D3CAB4;
        padding:5px;
        text-align:left;
}
.forum_cellulegauche{
	width:150px;
	background-color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
        text-align:left;
}
.forum_post_corps{
	background-color:#D3CAB4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
        text-align:left;
}
.forum_celluledroite{
	background-color:#D3CAB4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;   
        text-align:left;
}
.forum_basgauche{
	width:250px;
        vertical-align:top;
        text-align:left;
}
.forum_basdroite{
        text-align:center;
        vertical-align:top;
}
/*-----------INSCRIPTION--------------------------------------------*/
.inscription_tableau{
width:500px;
align:center;
margin-top:10px;
}
.inscription_memo{
border:1px solid #000000;
width:250px;
height:50px;
}
.inscription_button{
background-color:#ffffff;
color:#FCA02F;
border:1px solid #FCA02F;
}
.inscription_commentaire{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#aaaaaa;
}
.inscription_titre{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:600;
padding-bottom:15px;
}
.inscription_texte{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:100;
}
.inscription_colgauche{
width:200px;
vertical-align:top;
}
.inscription_input{
border:1px solid #000000;
background-color:white;
}

/*-----------SELECT CUSTOMIZE---------------------------------------*/

    select.replaced {
      display: none; 
    }
    ul.selectReplacement {
      background: url(top.jpg) top left no-repeat;
      margin: 0;
      padding: 0;
      height: 1.65em;
      width: 300px;
    }
    ul.selectReplacement li {
      background: #cf5a5a;
      color: #fff;
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 1.7em;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width: 276px;
    }
    ul.selectOpen li {
      display: block;
    }
    ul.selectReplacement li.selected {
      background: url(bottom.gif) bottom left no-repeat;
      color: #fff;
      display: block;
    }
    ul.selectOpen li.selected {
      background: #9e0000;
      display: block;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #9e0000;
      color: #fff;
    }
/*-----------FORMULAIRE---------------------------------------------*/
.tableau1{
        width:350px;
        background-color:#fcfcfc;
        text-align:left;
        FONT-SIZE: 11px;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        COLOR: #000000;
}
.formTE{
        text-align:left;
        FONT-SIZE: 11px;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        COLOR: #000000;
        background-color:#ffffff;
        border:1px solid #000000;
}
.formTA{
        text-align:left;
        FONT-SIZE: 11px;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        COLOR: #000000;
        width:200px;
        height:80px;
        background-color:#ffffff;
        border:1px solid #000000;
}
.form_cell_1{
        text-align:left;
        vertical-align:top;
        width:150px;
        border-bottom:1px solid #CCCCCC;
        border-spacing: 5px; 

}
.form_button{
        text-align:center;
        FONT-SIZE: 11px;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        COLOR: #ffffff;
        background-color:#FC8F00;
        border:1px solid #cccccc;
}
.titreformulaire{
        FONT-SIZE: 11px;
        FONT-WEIGHT: 800;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        COLOR: #000000;
}
/*-----------PHOTOTHEQUE--------------------------------------------*/
.phototheque_corps{

}
.phototheque_cellule{

}
a.phototheque_lien img{
        opacity: 0.3;
        filter:alpha(opacity=30);
        cursor:pointer;
        border:1px solid #000000;
}
a.phototheque_lien:hover img{
        opacity: 1.0;
        filter:alpha(opacity=100);
}
/*-----------E-COMMERCE---------------------------------------------*/
.logo_panier{

}
.textelog{
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        FONT-WEIGHT: 800;
}
/*-----------ANNUAIRE-----------------------------------------------*/
.lien_annuaire{
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        text-decoration:underline;
        text-align:left;
}
.annuaire_txt{
        margin:0px;
        padding:0px;
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        text-align:left;
}
.annuaire_memo{
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        text-align:left;
}
.annuaire_titre{
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
        text-align:left;
        padding-top:0px;
}
.annuaire_image{
        border:1px solid #000000;
}
.annuaire_cell1{
        width:80px;
}
.annuaire_cell2{
        padding:0px;
        margin:0px;
}
.annuaire_table{
        height:50px;
}

/*-----------FLASH--------------------------------------------------*/
.FLASH{
        z-index:1;
}
.flashintro{
        border: 1px solid #000000;
        margin-top : 30px;
}
.lienintro{
        FONT-SIZE: 12px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*-----------STYLE RICHARD-----------------------------------------*/
.fonddepage{
        width:760px;
	background-position:top center;
        background-attachment:scroll;
        BACKGROUND-IMAGE: url(/app/image.php?id=12);
        BACKGROUND-REPEAT: no-repeat;
        BACKGROUND-COLOR: #ffffff;
}
.menu {
	FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.nomunivers {
	FONT-WEIGHT: bold;
        FONT-SIZE: 14px;
        COLOR: #887651;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.titresadroite {
	FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR: #887651;
        margin:0px;
        padding:0px;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.text {
	FONT-WEIGHT: normal;
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
/*-----------PARAGRAPHE--------------------------------------------*/
.titrepage{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
}
h1{
        text-align:center;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
        margin: 0px;
        padding : 0px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
        margin: 0px;
        padding : 0px;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
        font-weight: normal;
        margin: 0px;
        padding : 0px;
        text-decoration:none;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
        font-weight: normal;
        margin: 0px;
        padding : 1px;
        text-decoration:none;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
        text-decoration:none;
        font-weight: normal;
        margin: 0px;
        padding : 0px;
}
/*-------------------LIEN---------------------------------------*/
a{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
        font-size:11px;
        text-decoration:none;
}
a:hover {
	color: #FC9202;
}
/*------------------ARTICLES----------------------------------*/
.corpsarticle4{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        margin-bottom : 0px;
        padding-bottom : 0px;
        text-align:left;
}
.titrearticle4{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 12px;
        font-weight:800;
padding-left: 155px;
}
.contenuarticle4{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        text-decoration:none;
        margin-top:5px;
}
.datearticle4{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
}
.imagearticle4{
padding:5px;
}
.lienarticle4{
        text-align:center;
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        margin-left:100px;
        font-weight:800;
}
.corpsarticle1{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        margin-bottom : 0px;
        padding-bottom : 0px;
        padding-top:0px;
        margin-top:0px;
        text-align:left;
}
.titrearticle1{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 12px;
        font-weight:800;
}
.corpsarticle2{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        margin-bottom : 0px;
        padding-bottom : 0px;
        text-align:left;
}
.titrearticle2{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 12px;
        font-weight:800;
}

.imagearticle{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        border: 1px solid #000000 ;
        margin:3px;
        text-align:left;
}
.contenuarticle1{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        text-decoration:none;
        text-align:justify;
}
.datearticle1{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
}
.contenuarticle2{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        text-decoration:none;
        text-align:justify;
}
.datearticle2{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
}
.datearticle{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 9px;

}
.titrepagearticle{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 12px;
        font-weight:800;
        margin:0px;
        text-align:left;
}
.soustitrepagearticle{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
}
.contenupagearticle{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 11px;
        text-align:left;
}
.commentairepagearticle{
        font-family: Arial, Helvetica, sans-serif;
        color: red;
	font-size: 11px;
        text-align:left;
}

/*-------------------------NAVIGATION--------------------------*/
.navigation{
        text-align: center;
}
.navigation_num{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 12px;
}
.navigationfleche{
        font-family: Arial, Helvetica, sans-serif;
        color: black;
	font-size: 12px;
}
/*-------------------------MEMBRES------------------------------*/
.form_membre{
        margin:0px;
        padding:0px;
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.input_membre{
        margin:0px;
        background-color:#ffffff;
        border:1px solid #000000;
        width:80px;
        height:15px;
        padding:0px;
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}

/*-------------------------AVIGNON------------------------------*/
.txtblanc{
        FONT-SIZE: 12px;
        COLOR: #FFFFFF;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
}
/*-------------------------MOTEUR DE RECHERCHE------------------*/
span.font_orange{
color:#818284;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
float:left;
height:15px;
line-height:15px;
}
span.catalogue_search{
float:left;
margin-left:10px;
height:15px;
line-height:15px;
}
.catalogue_search_text{
width:160px;
border:1px solid #818284;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 10px;
height:15px;
line-height:13px;
}
.catalogue_search_button{
width:17px;
height:17px;
background-color:#ffffff;
border:0px;
color:#ffffff;
FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-SIZE: 0px;
background-image:url(/app/image.php?id=1063);
margin-left:10px;
}

/*-------------------------CATALOGUE----------------------------*/
.fond_recherche{
background-image:url(/app/image.php?id=1043);
background-repeat:no-repeat;
}
div.catalogue_menu0 {
position:relative;
float:left;
display:block;
margin:0px;
padding:0px;
border:0px;
}
img.catalogue_menu0 {
border:0px;
margin:0px;
padding:0px;
}
div.catalogue_famille{
background-image:url(/app/image.php?id=112);
background-repeat:no-repeat;
background-position:top left;
width:195px;
height:190px;
margin-bottom:5px;
margin-right:61px;
float:left;
}
a.catalogue_famille{
border:0px;
}
img.catalogue_famille{
border:0px;
margin-left:25px;
}
div.catalogue_famille_liste{
padding:0;
margin:0;
height:40px;
line-height:40px;
}

/********************************MENU CSS ************************/
span.menutitle{
margin-left:auto;
margin-right:auto;
text-align:center;
width:193px;
max-width:193px;
overflow:hidden;
color:#fff;
z-index:10;
display:block;
font-size:12px;
margin-left:5px;
font-weight:bold;
z-index:10;
white-space: nowrap;
height:30px;
}
a.menutitle{
font-size:12px;
color:#fff;
white-space: nowrap;
font-weight:bold;
z-index:10;
}
a.menutitle:hover{
z-index:10;
color:#fff;
}
div.menuseul{
padding-top:6px;
text-align:center;
width:193px;
white-space: nowrap;
max-width:190px;
overflow:hidden;
height:15px;
line-height:15px;
}

.menuIE {
    display:none !important;
    display:block;
    z-index:999;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    color:#fffff; 
    height:35px;
    line-height:27px;
    width:193px; 
    display:block;   
    margin-right:1px; 
    text-align:left; 
    float:left; 
    text-decoration:none; 
    font-family: arial,helvetica,sans-serif;
    font-size:12px; 
    overflow:hidden;
}

a.boutonIE:hover {
    overflow:visible;
    color:#fff;
    border:0px;
}

a.boutonIE:hover table {
    margin-top:8px;
    display:block; 
    background:#fff; 
    border-collapse:collapse;
    border:0px;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
}
.boutonFF {
    color:#fff; 
    width:195px; 
    display:block !important; 
    display:none;  
    border:0; 
    margin-right:1px; 
    text-align:left; 
    float:left; 
    text-decoration:none; 
    font-family: arial,helvetica,sans-serif; 
    font-size:12px; 
    height:35px; 
    line-height:17px;
    overflow:hidden;
    z-index:999;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity: 0.7;
 }


.boutonFF:hover {
    height:auto; 
    cursor:pointer;
    color:#fff;
    z-index:10;
 }


a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block; 
    width:193px !important; 
    width:191px; 
    height:20px; 
    line-height:20px; 
    text-decoration:none; 
    color:#000;
    font-family: verdana; 
    font-size:12px; 
    text-align:left;
    padding-left:3px;
    background:#A7ACAF;    
    z-index:999;
}

a.SousMenu:hover {
    background:#818284;
    border:0px;  /*hack lien CSS V3.0*/
}
/*********************************************************************/

div.catalogue_fil{
color:#ffffff;
padding-left:25px;
height:25px;
padding-top:5px;
}
a.catalogue_fil{
font-size:13px;
font-weight:800;
color:#ffffff;
}
a.catalogue_fil:hover{
font-size:13px;
font-weight:800;
color:#ffffff;
}

div.catalogue_produit{
border:1px solid #8D969F;
width:130px;
height:137px;
margin-bottom:10px;
margin-right:20px;
padding:0px;
float:left;
}

div.ecoplus{
background-image:url(/app/image.php?id=15991);
background-repeat:no-repeat;
width:20px;
height:20px;
position:absolute;
z-index:99;
margin-left:0px;
}

div.marque_repere{
background-image:url(/app/image.php?id=15992);
background-repeat:no-repeat;
width:20px;
height:20px;
position:absolute;
z-index:99;
margin-left:0px;
margin-top:3px;
}

div.catalogue_produit_etat{
position:absolute;
margin:0px;
padding:0px;
width:18px;
height:80px;
margin-left:3px;
}
div.catalogue_produit_prix{
margin:0px;
padding:0px;
float:right;
margin-right:10px;
font-size:11px;
color:#000;
font-family:arial,helvetica,sans-serif;
}
div.catalogue_produit_image{
position:absolute;
margin:0px;
padding:0px;
float:left;
margin-left:15px;
margin-top:17px;
width:100px;
height:100px;
text-align:center;
border:0px;
}

div.catalogue_produit_nom{
margin:0px;
padding:0px;
width:130px;
height:15px;
text-align:center;
font-size:10px;
color:#ffffff;
font-family:arial,helvetica,sans-serif;
background-color:#8D969F;
position:absolute;
margin-left:0px;
margin-top:122px;
overflow:hidden;
white-space : nowrap;
}

img.catalogue_produit{
border:0px;
}

.etat_1{
width:50px;
height:15px;
position:absolute;
left:20px;
top:0px;
background-image:url(/app/image.php?id=105);
background-repeat:no-repeat;
margin:0px;
padding:0px;
z-index:1000;
}

.etat_2{
width:18px;
height:75px;
background-image:url(/app/image.php?id=106);
background-position:top;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

/* -------------------------PAGINATION-----------------------------*/

.pagination_precedent, .pagination_suivant, .pagination_debut, .pagination_fin, .pagination_numerique
{
  display:inline;
  width: 16px;
  height: 16px;
  line-height: 20px;
  margin: 2px;
  padding: 2px;
  text-align: center;
  border: 1px solid #8D969F;
  background-color: #FFFFFF;
  color: #8D969F;
  font-size: 10px;
  font-family: arial,helvetica,sans-serif;
}

.pagination_numerique_sel
{
  width: 16px;
  height: 16px;
  line-height: 20px;
  margin: 2px;
  padding: 2px;
  text-align: center;
  border: 1px solid #8D969F;
  background-color: #8D969F;
  color: #FFFFFF;
  font-size: 10px;
  font-family: arial,helvetica,sans-serif;
}

/*-------------------------- INFO BULLE ---------------------------*/
#dhtmlgoodies_tooltip{
	background-color:#fcfcfc;
	border:1px solid #818284;
	position:absolute;
	display:none;
	z-index:20000;
	padding:2px;
	font-size:11px;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: Arial, Helvetica, sans-serif;		
	}
#dhtmlgoodies_tooltipShadow{
	position:absolute;
	background-color:#555;
	display:none;
	z-index:10000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}
/*------------------------ PANIER AJAX------------------------------*/
#chargement{
position:absolute;
left: 30%;
top:expression(documentElement.scrollTop+body.scrollTop+300)px; 
height: 70px;
border:2px solid #FCA12F;
border-style:dashed;
background-color:#ffffff;
font-family:arial,helvetica,sans-serif;
padding:5px;
font-size:14px;
text-align:center;
color:#000000;
z-index:500;
width:250px;
display:none;
}
.panier_ligne{
width:198px;
border-bottom:1px solid #FCA12F;
height:25px;
padding:0px;
margin:0px;

}
.panier_quantite{
width:40px;
text-align:right;
float:left;
}
.panier_reference{
font-family:arial,helvetica,sans-serif;
color:#000000;
font-size:10px;
width:90px;
line-height:15px;
white-space: nowrap;
overflow:hidden;
paddin-left:3px;
float:left;
}
.panier_prix{
width:60px;
text-align:right;
padding-right:8px;
float:left;
}
.panier_nombre{
float:left;
width:20px;
border:1px solid #cccccc;
font-family:arial,helvetica,sans-serif;
color:#000000;
font-size:11px;
height:18px;
margin:0;
padding:0;
}
.panier_moins{
font-family:arial,helvetica,sans-serif;
color:#000000;
font-size:8px;
border:1px solid #cccccc;
width:10px;
height:10px;
line-height:5px;
background-color:#ffffff;
float:left;
padding:0px;
vertical-align:top;
float:left;
}
.panier_plus{
font-family:arial,helvetica,sans-serif;
color:#000000;
font-size:8px;
border:1px solid #cccccc;
width:10px;
height:10px;
line-height:5px;
padding:0px;
background-color:#ffffff;
float:left;
vertical-align:top;
}
.ligne_total{
width:198px;
border-bottom:1px solid #FCA12F;
border-top:1px solid #FCA12F;
height:25px;
font-family:arial,helvetica,sans-serif;
color:#000000;
font-size:11px;
}
.texte_total{
float:left;
margin-right:5px;
}
#panier_total{
float:left;
font-weight:800;
width:60px;
padding:0px;
margin:0px;
}
/*----------------------- LISTE DEROULANTE -------------------------*/
div.ordre{
font-family:arial,helvetica,sans-serif;
color:#ffffff;
font-size:11px;
height:18px;
width:400px;
margin-bottom:9px;
}
.texte_ordre{
float:left;
height:18px;
line-height:18px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:11px;
font-weight:800;
}
.liste_ordre{
float:left;
height:18px;
line-height:18px;

}
    ul.selectReplacement {
      margin: 0;
      padding: 0;
      height: 18px;
      width: 250px;
      position:absolute;
      display:inline;
      margin-left:3px;
      z-index:9000;
    }
    ul.selectReplacement li {
      background-color:#fff;
      color: #000;
      cursor: pointer;
      display: none;
      font-size: 11px;
      line-height: 14px;
      list-style: none;
      margin: 0;
      padding: 1px 12px;
      width:250px;
      z-index:9000;

    }
    ul.selectOpen li {
      display: block;
      width:250px;
      z-index:9000;
    }
    ul.selectReplacement li.selected {
      background-color:#fff;
      background-image:url(/app/image.php?id=1586);
background-position:top right;
background-repeat:no-repeat;
      color: #000;
      display: block;
      width:250px;
      z-index:9000;
    }
    ul.selectOpen li.selected {
      background: #cccccc;
      color: #000;
      display: block;
      width:250px;
      z-index:9000;
    }
    ul.selectOpen li:hover,
    ul.selectOpen li.hover,
    ul.selectOpen li.selected:hover {
      background: #cccccc;
      color: #000;
    }

/*==================================================================*/
/*=====ESPACE=PERSO=================================================*/
/*==================================================================*/

/*----- menu espace perso -----*/
a.lien_compte, a.lien_liste, a.lien_alerte {
	display: block;
	height: 21px;
	margin: 6px;
	padding: 0;
	padding-left: 35px;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-align: left;
	color: #212EA0;
	background-position: top left;
	background-repeat: no-repeat;
}

a.lien_compte {
	background-image: url(/app/image.php?id=88);
}

a.lien_liste {
	background-image: url(/app/image.php?id=89);
}

a.lien_alerte {
	background-image: url(/app/image.php?id=1597);
}

a.lien_compte:hover, a.lien_liste:hover, a.lien_alerte:hover {
	color: #596aff;
}

div.compte_perso label {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212ea0;
	width: 90px;
	margin: 2px;
	text-align: right;
	float: left;
}

div.compte_perso input {
	border: 1px solid #fca02f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #212ea0;
	width: 90px;
	margin: 2px;
}

div.compte_perso input.boutton {
	border: 1px solid #fca02f;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fca02f;
	width: 95px;
	margin-top: 10px;
	margin-left: 50px;
	font-weight: bold;
}

/*---------- Page Mes Infos ----------*/
div#colonne1 {
	width: 314px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

div#colonne2 {
	width: 454px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div#mes_infos {
	width: 304px;
	background-image: url(/app/image.php?id=97);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	margin-left: 10px;
	margin-top: 20px;
	padding: 0;
}

div#mes_commandes {
	width: 444px;
	background-image: url(/app/image.php?id=102);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	margin-left: 10px;
	margin-top: 20px;
	padding: 0;
}

div#mes_listes {
	width: 444px;
	background-image: url(/app/image.php?id=103);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	margin-left: 10px;
	margin-top: 20px;
	padding: 0px;
}

div#mes_infos fieldset#form_infos {
	padding: 0;
	margin: 0;
	width: 304px;
	border: 0;
}

div#mes_infos p {
	width: 304px;
	margin: 0;
	padding: 2px;
	color: #0e1589;
}

div#mes_commandes p, div#mes_listes p {
	width: 444px;
	margin: 0;
	padding: 2px;
	color: #0e1589;
}

div#mes_infos p.titre {
	width: 250px;
	margin: 0;
	margin-bottom: 40px;
	margin-left: 60px;
	font-size: 14px;
	font-weight: bold;
}

div#mes_commandes p.titre, div#mes_listes p.titre {
	width: 350px;
	margin: 0;
	margin-bottom: 40px;
	margin-left: 60px;
	font-size: 14px;
	font-weight: bold;
}

div#mes_commandes p.commande_vide, div#mes_listes p.liste_vide {
	text-align: center;
	font-style: italic;
}

div#mes_infos p.separateur {
	width: 300px;
	background-image: url(/app/image.php?id=101);
	background-position: 0 5px;
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-left: 4px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

div#mes_infos p.cadre_infos_bas {
	width: 304px;
	background-image: url(/app/image.php?id=100);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#mes_commandes p.cadre_444_bas, div#mes_listes p.cadre_444_bas {
	width: 444px;
	background-image: url(/app/image.php?id=104);
	background-position: left bottom;
	background-repeat: no-repeat;
	font-size: 5px;
	padding: 0;
	margin: 0;
}

div#mes_infos fieldset#form_infos label {
	display: block;
	width: 100px;
	text-align: right;
	margin: 0;
	padding: 0;
	float: left;
}

div#mes_infos fieldset#form_infos input, div#mes_infos fieldset#form_infos textarea, div#mes_infos fieldset#form_infos select {
	border: 1px solid #0c1687;
	color: #0c1687;
	width: 160px;
	margin: 0;
	margin-left: 10px;
	padding: 0;
}

div#mes_infos fieldset#form_infos input.bouton_valider {
	margin-top: 10px;
	margin-left: 70px;
	margin-bottom: 10px;
}

/*==================================================================*/
/*=====FIN=ESPACE=PERSO=============================================*/
/*==================================================================*/




/*==================================================================*/
/*=====DIALOG=BOX===================================================*/
/*==================================================================*/
.modalDialog_transparentDivs {	
	filter: alpha(opacity=40);
	opacity: 0.4;
	background-color:
	z-index: 1;
	position: absolute;
}
.modalDialog_contentDiv {
	border: 3px solid #000;
	padding: 2px;
	z-index: 100;
	position: absolute;
	background-color: #FFFFFF;
}
.modalDialog_contentDiv_shadow {
	z-index: 90;
	position: absolute;
	background-color: #555;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
/*==================================================================*/
/*=====FIN=DIALOG=BOX===============================================*/
/*==================================================================*/

/* -------------------------- COPYRIGHT ----------------------------*/
div.b3_copyright{
width:700px;

}
h4.b3_copyright{
width:500px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin-left:auto;
margin-right:auto;
text-align:center;
}

a.lien_copyright,div.b3_copyright a{
color:#fff;
}