#left {
        float: left;
        width: 135px;
        margin-top: -10px;
        margin-right: 12px;
    }

        #leftup {
            background: url(../img/design/left-head2.png) no-repeat;
            height: 18px;
        }
		#leftupmenu {
            background: url(../img/design/left-headmenu2.png) no-repeat;
            height: 18px;
        }

        #left a {
            display: block;
            color: #237ea8;
            font-weight: bold;
        }

        #left .green, #left .blue {
            padding-top: 10px;
            background-repeat: repeat-y;
        }

        #left .green {
            padding-top: 25px;
            background-image: url(../img/design/left-back-green.png);
        }
		#left .greenmenu {
            padding-top: 17px;
            background: url(../img/design/leftbg2.png);
			background-color: #7997C3;
			height: 406px;
        }
		#left .greenmenubottom {
			background: url(../img/design/leftbg2.png);
			background-color: #7997C3;
			height: 44px;
			_height: 35px;
        }

        #left .blue {
            background-image: url(../img/design/left-back-blue.png);
            font-size: 11px;
        }

        #left .blue2 {
            background-image: url(../img/design/left-back-blue2.png);
        }
			#left .blue2 p.space {
				margin: 0;
	            height: 70px;
	        }

        #left .logoinfo {
            background: url(../img/design/logo-info.png) no-repeat 5px 0;
            height: 32px;
        }

		#left .logomenu {
			display: block;
            background: url(../img/design/logo-menu2.png) no-repeat 5px 0;
            height: 45px;
        }

        #left .logotv {
            background: url(../img/design/logo-tv.png) no-repeat 5px 0;
            height: 32px;
        }

        #left .blue, #left .blue2 {
            color: white;
        }

        #left .blue a.tv {
            color: white;
            font-weight: bold;
            text-align: center;
            padding-top: 10px;
            padding-bottom:13px;
        }

        #left .blue2 {
            font-size: 10px;
            text-align: center;
            font-weight: bold;
            line-height: 17px;
        }

        #left .blue2 .logophone {
            background: url(../img/design/left-logo-phone.png) no-repeat;
            margin-bottom: 5px;
            color: white;
            text-align: center;
            text-decoration: underline;
            /* text-shadow: black 3px 3px; marche pas encore ...*/
            font-size: 0;
            height: 81px;
        }

        #left #leftfoot {
            background: url(../img/design/left-bottom.png) no-repeat;
            height: 36px;
        }
		#left #leftfoot2 {
            background: url(../img/design/left-bottom2.png) no-repeat;
            height: 36px;
        }
		#left #leftfootmenu {
            background: url(../img/design/left-bottomoffres_temp.png) no-repeat;
            display: block;
			width: 135px;
			height: 102px;
        }
		#left #leftfootmenu2 {
            background: url(../img/design/left-bottomoffres-soldes.png) no-repeat;
            display: block;
			width: 135px;
			height: 102px;
        }
		#left #leftfootoffres {
            background: url(../img/design/left-bottomoffres-meres3.png) no-repeat;
            display: block;
			width: 135px;
			height: 102px;
        }


/***********************************
MENU DEROULANT => NE PAS MODIFIER
/***********************************/
#mainMenu {font-family: arial, sans-serif; font-size:0.85em;}
/* remove all the bullets, borders and padding from the default list styling */
#mainMenu ul {padding:0;margin:0;list-style-type:none;}
#mainMenu ul ul {width:135px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#mainMenu li {float:left;width:135px;position:relative;z-index:100;}

/* style the links for the top level */
#mainMenu a, #mainMenu a:visited {
	display:block;
	font-size:12px;
	text-decoration:none;
	width:109px;
	height: 22px;
	border-top:1px solid #fff;
	background: url(../img/menu/menu.png) no-repeat;
	background-color:#3e8cb9;
	color:#fff;
	padding: 5px 0;
	padding-left: 20px;
	padding-right: 5px;
	line-height:11px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #mainMenu a, * html #mainMenu a:visited {width:115px; w\idth:109px;}
/* change background */
#mainMenu a.menuLight, #mainMenu a.menuLight:visited {
	background: url(../img/menu/menu-light.png) no-repeat;
	background-color:#8ab8d6;
}
#mainMenu a.menuEnd, #mainMenu a.menuEnd {border-bottom:1px solid #fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#mainMenu ul ul {visibility:hidden;position:absolute;/*height:0;*/top:0px;left:134px; width:135px;border-top:0px solid #fff;}
/* another hack for IE5.5 */
* html #mainMenu ul ul {top:0px;t\op:0px;}
#mainMenu ul ul li {border-bottom:0px solid #fff;}
/* position the third level flyout menu */
#mainMenu ul ul ul{left:135px; /*top:-1px;*/ top: auto; bottom: 0px; /*_bottom: -22px;*/ width:135px;}

/* position the third level flyout menu for a left flyout */
#mainMenu ul ul ul.left {left:-135px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#mainMenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#mainMenu ul ul a, #mainMenu ul ul a:visited {
	background: url(../img/menu/menu-sub.png) no-repeat;
	background-color:#ade191;
	color:#2a5878;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	padding-left: 20px;
	width:110px;
	border: 0;
}
#mainMenu ul ul a.submenu, #mainMenu ul ul a.submenu:visited {
	background: url(../img/menu/menu-sub.png) no-repeat;
	background-color:#ade191;
	color:#2a5878;
}

#mainMenu ul ul a.submenuLight, #mainMenu ul ul a.submenuLight:visited  {
	background: url(../img/menu/menu-sublight.png) no-repeat;
	background-color:#d7f5c6;
}

/* yet another hack for IE5.5 */
* html #mainMenu ul ul a, * html #mainMenu ul ul a:visited {width:132px;w\idth:110px;}

/* style the top level hover */
#mainMenu a:hover, #mainMenu ul ul a:hover, #mainMenu a.menuLight:hover {
	color:#fff; background: url(../img/menu/menu-bnone.png) no-repeat;background-color:#61411E;
}
#mainMenu :hover > a, #mainMenu ul ul :hover > a {
	color:#fff; background: url(../img/menu/menu-bnone.png) no-repeat;background-color:#61411E;
}


/**********/
/* VIOLET */
/**********/

/* fond categorie ie */
#mainMenu a.bviolet:hover {
	background: url(../img/menu/menu-bviolet.png) no-repeat;
	background-color:#8a5b9d;
}
/* fond categorie ff */
#mainMenu :hover > a.bviolet {
	background: url(../img/menu/menu-bviolet.png) no-repeat;
	background-color:#8a5b9d;
}

/* fond souscategorie */
#mainMenu ul ul a.subviolet, #mainMenu ul ul a.subviolet:visited {
	background: url(../img/menu/menu-subviolet.png) no-repeat;
	background-color:#8a5b9d;
	color:#fff;
}
/* fond souscategorie light */
#mainMenu ul ul a.subvioletLight, #mainMenu ul ul a.subvioletLight:visited {
	background: url(../img/menu/menu-subvioletLight.png) no-repeat;
	background-color:#af82c1;
	color:#fff;
}
/* fond souscategorie survol */
#mainMenu ul ul a.subviolet:hover, #mainMenu ul ul a.subvioletLight:hover {
	background: url(../img/menu/menu-subviolet.png) no-repeat;
	background-color:#8a5b9d;
	color:#000;
}
/* fond souscategorie first */
#mainMenu ul ul a.subvioletfirst, #mainMenu ul ul a.subvioletfirst:visited, #mainMenu ul ul a.subvioletfirst:hover {
	background: url(../img/menu/menu-firstsubviolet.png) no-repeat;
	background-color:#ade191;
}


/********/
/* VERT */
/********/

/* fond categorie ie */
#mainMenu a.bvert:hover {
	background: url(../img/menu/menu-bvert.png) no-repeat;
	background-color:#ade191;
}
/* fond categorie ff */
#mainMenu :hover > a.bvert {
	background: url(../img/menu/menu-bvert.png) no-repeat;
	background-color:#ade191;
}

/* fond souscategorie */
#mainMenu ul ul a.subvert, #mainMenu ul ul a.subvert:visited {
	background: url(../img/menu/menu-subvert.png) no-repeat;
	background-color:#ade191;
	color:#487b9f;
}
/* fond souscategorie light */
#mainMenu ul ul a.subvertLight, #mainMenu ul ul a.subvertLight:visited {
	background: url(../img/menu/menu-subvertLight.png) no-repeat;
	background-color:#d7f5c6;
	color:#487b9f;
}
/* fond souscategorie survol */
#mainMenu ul ul a.subvert:hover, #mainMenu ul ul a.subvertLight:hover {
	background: url(../img/menu/menu-subvert.png) no-repeat;
	background-color:#ade191;
	color:#2a5878;
}
/* fond souscategorie first */
#mainMenu ul ul a.subvertfirst, #mainMenu ul ul a.subvertfirst:visited, #mainMenu ul ul a.subvertfirst:hover {
	background: url(../img/menu/menu-firstsubvert.png) no-repeat;
	background-color:#ade191;
}


/********/
/* BLEU */
/********/

/* fond categorie ie */
#mainMenu a.bbleu:hover {
	background: url(../img/menu/menu-bbleu.png) no-repeat;
	background-color:#7695c1;
}
/* fond categorie ff */
#mainMenu :hover > a.bbleu {
	background: url(../img/menu/menu-bbleu.png) no-repeat;
	background-color:#7695c1;
}

/* fond souscategorie */
#mainMenu ul ul a.subbleu, #mainMenu ul ul a.subbleu:visited {
	background: url(../img/menu/menu-subbleu.png) no-repeat;
	background-color:#7695c1;
	color:#ddd;
}
/* fond souscategorie light */
#mainMenu ul ul a.subbleuLight, #mainMenu ul ul a.subbleuLight:visited {
	background: url(../img/menu/menu-subbleuLight.png) no-repeat;
	background-color:#f00;
	color:#ddd;
}
/* fond souscategorie survol */
#mainMenu ul ul a.subbleu:hover, #mainMenu ul ul a.subbleuLight:hover {
	background: url(../img/menu/menu-subbleu.png) no-repeat;
	background-color:#7695c1;
	color:#fff;
}
/* fond souscategorie first */
#mainMenu ul ul a.subbleufirst, #mainMenu ul ul a.subbleufirst:visited, #mainMenu ul ul a.subbleufirst:hover {
	background: url(../img/menu/menu-firstsubbleu.png) no-repeat;
	background-color:#7695c1;
}


/**********/
/* MARRON */
/**********/

/* fond categorie ie */
#mainMenu a.bmarron:hover {
	background: url(../img/menu/menu-bmarron.png) no-repeat;
	background-color:#61411E;
}
/* fond categorie ff */
#mainMenu :hover > a.bmarron {
	background: url(../img/menu/menu-bmarron.png) no-repeat;
	background-color:#61411E;
}

/* fond souscategorie */
#mainMenu ul ul a.submarron, #mainMenu ul ul a.submarron:visited {
	background: url(../img/menu/menu-submarron.png) no-repeat;
	background-color:#61411E;
	color:#ddd;
}
/* fond souscategorie light */
#mainMenu ul ul a.submarronLight, #mainMenu ul ul a.submarronLight:visited {
	background: url(../img/menu/menu-submarronLight.png) no-repeat;
	background-color:#ad7d55;
	color:#ddd;
}
/* fond souscategorie survol */
#mainMenu ul ul a.submarron:hover, #mainMenu ul ul a.submarronLight:hover {
	background: url(../img/menu/menu-submarron.png) no-repeat;
	background-color:#61411E;
	color:#fff;
}
/* fond souscategorie first */
#mainMenu ul ul a.submarronfirst, #mainMenu ul ul a.submarronfirst:visited, #mainMenu ul ul a.submarronfirst:hover {
	background: url(../img/menu/menu-firstsubmarron.png) no-repeat;
	background-color:#61411E;
}


/**********/
/* ORANGE */
/**********/

/* fond categorie ie */
#mainMenu a.borange:hover {
	background: url(../img/menu/menu-borange.png) no-repeat;
	background-color:#EE881A;
}
/* fond categorie ff */
#mainMenu :hover > a.borange {
	background: url(../img/menu/menu-borange.png) no-repeat;
	background-color:#EE881A;
}

/* fond souscategorie */
#mainMenu ul ul a.suborange, #mainMenu ul ul a.suborange:visited {
	background: url(../img/menu/menu-suborange.png) no-repeat;
	background-color:#EE881A;
	color:#fff;
}
/* fond souscategorie light */
#mainMenu ul ul a.suborangeLight, #mainMenu ul ul a.suborangeLight:visited {
	background: url(../img/menu/menu-suborangeLight.png) no-repeat;
	background-color:#f1ad63;
	color:#fff;
}
/* fond souscategorie survol */
#mainMenu ul ul a.suborange:hover, #mainMenu ul ul a.suborangeLight:hover {
	background: url(../img/menu/menu-suborange.png) no-repeat;
	background-color:#EE881A;
	color:#000;
}
/* fond souscategorie first */
#mainMenu ul ul a.suborangefirst, #mainMenu ul ul a.suborangefirst:visited, #mainMenu ul ul a.suborangefirst:hover {
	background: url(../img/menu/menu-firstsuborange.png) no-repeat;
	background-color:#EE881A;
}


/************/
/* BLEUGRIS */
/************/

/* fond categorie ie */
#mainMenu a.bbleugris:hover {
	background: url(../img/menu/menu-bbleugris.png) no-repeat;
	background-color:#5c88a3;
}
/* fond categorie ff */
#mainMenu :hover > a.bbleugris {
	background: url(../img/menu/menu-bbleugris.png) no-repeat;
	background-color:#5c88a3;
}

/* fond souscategorie */
#mainMenu ul ul a.subbleugris, #mainMenu ul ul a.subbleugris:visited {
	background: url(../img/menu/menu-subbleugris.png) no-repeat;
	background-color:#5c88a3;
	color:#fff;
}
/* fond souscategorie light */
#mainMenu ul ul a.subbleugrisLight, #mainMenu ul ul a.subbleugrisLight:visited {
	background: url(../img/menu/menu-subbleugrisLight.png) no-repeat;
	background-color:#72a1be;
	color:#fff;
}
/* fond souscategorie survol */
#mainMenu ul ul a.subbleugris:hover, #mainMenu ul ul a.subbleugrisLight:hover {
	background: url(../img/menu/menu-subbleugris.png) no-repeat;
	background-color:#5c88a3;
	color:#000;
}
/* fond souscategorie first */
#mainMenu ul ul a.subbleugrisfirst, #mainMenu ul ul a.subbleugrisfirst:visited, #mainMenu ul ul a.subbleugrisfirst:hover {
	background: url(../img/menu/menu-firstsubbleugris.png) no-repeat;
	background-color:#5c88a3;
}



/* make the second level visible when hover on first level list OR link */
#mainMenu ul li:hover ul, #mainMenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#mainMenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#mainMenu ul :hover ul :hover ul{ visibility:visible;}