@charset "UTF-8";
/* CSS Document */
/*
* Author : Germain Guglielmetti
* Company : ashorlivs
* URL : www.ashorlivs.fr
*/


/*******************/
/* STYLES GENERAUX */
/*******************/

img {
    border:none;
}
.cleaner {
    clear:both;
    font-size:1px;
    height:0px;
    overflow:hidden;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
p.fleche_rond_bas_droite_noire {
    background:url(../img/pictos/fleche_rond_bas_droite_noire.gif) no-repeat;
	background-position: 3px 3px;
    padding:7px 0 0 24px;
    font-size:.8em;
    line-height:120%;
	border:1px solid white;
}
div.fleche_rond_bas_droite_noire {
    background:url(../img/pictos/fleche_rond_bas_droite_noire.gif) top left no-repeat;
    padding:2px 0 0 24px;
    font-size:.8em;
    line-height:120%;
}
p.fleche_col3 {
    /* la couleur de la fleche est définie dans thematique.css (une couleur par thématique */
    padding:0 0 0 18px;
    margin-left:8px;
    font-size:.8em;
    line-height:120%;
    color:#5c5c5c;
}
.w_255 {
    width:255px;
}
.w_478 {
    width:478px;
}
.w_210 {
    width:210px;
}

.w_232 {
   margin-right:20px;
   width:232px
}
.mr_35 {
    margin-right:35px;
}
.mb_25 {
    margin-bottom:25px;
}
.left {
    float:left;
}




/*************/
/* STRUCTURE */
/*************/

body {
    background:#000;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:100;
}

#conteneur {
    width:927px;
    margin:0 auto;
    font-size:.8em;
    background:url(../img/client/HomeClient.jpg) top left no-repeat;
}


#logo {
    float:left;
}


/* la carte de fidélité */
#bando {
    width:746px;
    height:118px;
    float:left;
    background:url(../img/visuels/bando.jpg) bottom left no-repeat;	
}

#carte {
    background:url(../img/fonds/carte.png) top right no-repeat;
    width:266px;
    height:66px;
    float:right;
}
#carte p {
    padding:11px 0 0 90px;
    font-size:.80em;
    line-height:125%;
}
#carte p a {
    color:#f6d500;
    text-decoration:underline;
}
#carte p span {
    color:#f6d500;
}






/* menu horizontal principal */
#menu {
    height:25px;
    overflow:hidden;
}
#menu ul li {
    float:left;
    height:25px;
}
#menu ul li.zone {
    width:177px;
}
#menu ul li.recherche {
    width:182px;
    background:#181818;
}
#menu ul li.recherche img {
    float:left;
}
#menu ul li.recherche input.champ {
    background:url(../img/fonds/menu_recherche_champ.gif) top left no-repeat;
    width:125px;
    height:17px;
    border:none;
    float:left;
    margin-top:4px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:.9em;
}
#menu ul li.recherche input.roll {
    float:left;
    margin:4px 0 0 2px;
}








/* contents = les 3 colonnes */
/* la plupart des styles sont définis dans la feuille thematiques ou centre */
#contents #col1, /* les largeurs des colonnes sont définies dans la CSS correspondant à leur gabarit (home, thematique, centre) */
#contents #col2,
#contents #col3,
#contents #col2-col3 {
    float:left;
}

#contents #col2 {
    background:url(../img/fonds/ombre_sous_menu_blanc.png) top left repeat-x;
}

#footer{width:927px;height:20px;margin:0 auto;font-size:0.7em;z-index:1002;margin-top:5px;}
#footer #item_liste{height:20px;}
#footer a {color:#FFF;padding:0 0;text-decoration:none}

#footer .footer_item{float:right;color:#FFF;padding:0 4px;}
#footer .footer_item:hover {color:#F5D301; text-decoration:none; }
#footer .footer_item_active{float:right;color:#000;padding:0 4px;background:#f5d301;}
#footer .footer_sep{float:right;color:#FFF;}

#footer li {display:block;text-align:left;padding-top:3px;padding-bottom:3px;padding-left:5px;}
#footer li:hover {background:#6e6e6e;}
#footer .footer_item a {color:#FFF;padding:0 0;text-decoration:none}
#footer .footer_item a:hover {color:#f5d301}
#footer .footer_item_active a {color:#000;padding:0 0;text-decoration:none}

 
#menu_footer_centre{width:130px;position:relative;top:-268px;left:422px;display:none;background-color:#313131;z-index:1002;height:250px;}
#footer #menu_footer_centre_liste {padding-bottom:10px;}

#menu_footer_vie{width:150px;position:relative;top:-108px;left:655px;display:none;background-color:#313131;z-index:1002;height:90px;}
#footer #menu_footer_vie_liste {padding-bottom:10px;}