/*---

Mamanpourlavie.com // CSS pour le header
Auteur : Maqrc-Andre Charron, Alexandra Nantel, Eric Chenail - Arteca.com
Derniere revision : 17 mars 2010 - 14:30

---*/

#header            { width: 100%; position: relative; z-index: 899; margin-bottom: 4px; background: url(/library/images/_new/bg_header.gif) 0 133px repeat-x; }
#header .banner    { float: left; width: 728px; height: 90px; padding: 0 0 0 0; margin: 0 0 0 15px; display: inline; }
#header .banner_215x90 { float: right; margin-right: 15px; width: 215px; height: 90px; display: inline;}
#header h1         { width: 350px; height: 65px; display: block; float:left; padding: 19px 0 0 21px; text-indent: -5000px;  }
#header h1 a 	   { display: block; height: 100%; overflow: hidden; background: url(/library/images/_new/logo_mplv.gif) 0 0 no-repeat;}
/*
#header .searchForm                 { display: none; float: left; }
#header .searchForm label           { color: #2b87a8; text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 5px; } 
* html #header .searchForm          { right: 15px; }
#header .searchForm input.textfield { float: left; font-size: 12px; line-height: 17px; color: #666;	background-color: #FFF;	border: 1px solid #7C8571; margin: 1px 3px 0 0;	padding: 0 2px; height: 18px; width: 196px; }
#header .searchForm input           { float: left; }
#header .searchForm a:hover         { background-position: 0 -22px;}*/

#suppLinks { float: right; width: 335px; padding: 69px 15px 0 0; text-align: right; font-weight: bold;}
#suppLinks li { display: inline; margin-right: 7px; padding: 2px 7px 2px 0; border-right: 1px solid #ccc; line-height: 1.4em; }
#suppLinks li.last { margin: 0; padding: 0; border: none;}
#suppLinks li a { color: #666; text-shadow: #fff 0 1px 1px;}
#suppLinks li a:hover { color: #000;}

#header div.searchBox { float: right; width: 243px; height: 24px; margin: 59px 13px 0 0; padding: 7px 0 0; display: inline; overflow: hidden; background: url(/library/images/_new/bg_form_search.gif) 0 0 no-repeat;}
/*#header form { float: right; width: 243px; height: 24px; margin: 59px 13px 0 0; padding: 7px 0 0; display: inline; overflow: hidden; background: url(/library/images/_new/bg_form_search.jpg) 0 0 no-repeat;}*/
#header .search input { float: left; width: 140px; margin: 3px 15px 0 40px; background: transparent; border: none; color: #919191; }
#header .search a { float: left; display: block; width: 21px; height: 21px; background: url(/library/images/_new/bt_search.gif) 0 0 no-repeat; text-indent: -9000px;}
#header .search a:hover { background-position: 0 -21px;}
#header .search #iSub { display: none;}

/* Breadcrumb */
#breadcrumb { height: 31px; overflow: hidden; margin: -4px 1px 5px; border-bottom: 1px solid #bdbdbd; background: url(/library/images/_new/bg_bread.gif) 0 bottom repeat-x;}
#breadcrumb ul { width: 100%; overflow: hidden;}
#breadcrumb li { float: left; padding: 0 20px 0 10px; color: #b2b2b2; line-height: 31px; background: url(/library/images/_new/bg_activation_fleche.gif) right center no-repeat;}
#breadcrumb li.last { background: none; padding-right: 0;}
#breadcrumb a, #breadcrumb span { color: #b2b2b2;}
#breadcrumb a:hover { text-decoration: underline;}

#breadcrumb li.first { height: 31px; padding-left: 15px;}
#breadcrumb li.first a { display: block; float: left; width: 20px; height: 20px; margin-top: 6px; background: url(/library/images/_new/icn_bread_home.gif) 0 0 no-repeat; text-indent: -9999px;}

.diaporama #breadcrumb { background-color: #000; background-image: none; margin: 0; border-bottom-color: #333; border-top: 1px solid #333;}
.diaporama #breadcrumb li { background: url(/library/images/_new/bg_activation_fleche2.gif) right center no-repeat;}
.diaporama #breadcrumb li.first a { background-image: url(/library/images/_new/icn_bread_home2.gif) }

/* -------------------- */
/* menu */
#lsMenu { width: 100%; clear: both; position: relative; list-style-type: none; margin: 0; padding: 4px 0; background: url(/library/images/_new/bg_menu.jpg) 0 0 repeat-x;}

body.diaporama #lsMenu { background: url(/library/images/_new/bg_menu_diaporama.gif) 0 0 no-repeat; }

#lsMenu.profilOpen { background-image: url(/library/images/_new/bg_menu_profil.jpg);}

body.diaporama #lsMenu.profilOpen { background-image: url(/library/images/_new/bg_menu_profil_diaporama.gif);}

#lsMenu .lsItem { float: left; height: 29px; border-right: 1px solid #6fb109;}
#lsMenu .lsItem .item { float: left; display: block; height: 21px; padding: 8px 15px 0; color: #fff;}
#lsMenu .lsItem .item:hover { background: #71a400;}

#lsMenu a { text-decoration: none;}

#lsMenu .selected .item, #lsMenu #btAcc.selected .item, #lsMenu #btCat.selected .item { background-color: #7bc017; color:#fff; }
#lsMenu .open .item, #lsMenu .open .item:hover, #lsMenu #btAcc .item:hover, #lsMenu #btCat .item:hover { background-color: #84b720; color:#fff; }

#lsMenu #lsProfil { border-right: 1px solid #118cb9;}
#lsMenu #lsProfil .item { background: url(/library/images/_new/bg_item_profil.jpg) 0 0 repeat-x;}
#lsMenu #lsProfil .item:hover, #lsMenu #lsProfil.selected .item:hover { background: #238db4;}
#lsMenu #lsProfil.selected .item { background: #319bc4;}
#lsMenu #lsProfil.open .item { background: #238db4;}

#lsMenu #btCat { position: relative; z-index: 9999999;}
#lsMenu #btAcc .item { width: 16px; background:  url(/library/images/_new/bt_acc.gif) center center no-repeat; text-indent: -9000px;}
#lsMenu #btCat .item { position: relative; width: 20px; background:  url(/library/images/_new/bt_cat.gif) center center no-repeat; text-indent: -9000px;}

#lsMenu .sm { display: none; margin: 0; padding: 10px 10px; list-style-type: none; position: absolute; width: 962px; overflow: hidden; top: 36px; left: 5px; background: url(/library/images/_new/bg_sm.gif) 0 bottom no-repeat; font-size: 110%;}

body.diaporama #lsMenu .sm { background-image: url(/library/images/_new/bg_sm_diaporama.gif); }

#lsMenu #lsProfil .sm { background: url(/library/images/_new/bg_sm_profil.gif) 0 bottom no-repeat;}

body.diaporama #lsMenu #lsProfil .sm { background-image: url(/library/images/_new/bg_sm_profil_diaporama.gif); }

#lsMenu .open .sm { display: block; }

#lsMenu .sm .smInner { width: 70%; float: right; margin: 0 5px 5px 0; background: #fff url(/library/images/_new/bg_sm_corner3.gif) right bottom no-repeat;}
#lsMenu .sm .smInner2 { width: 100%; float: left; background: url(/library/images/_new/bg_sm_corner4.gif) 0 bottom no-repeat;}

#lsMenu .sm ul { width: 100%; float: left; list-style-type: none; margin: 0; padding: 0 0 11px; background: url(/library/images/_new/bg_sm_corner2.gif) right 0 no-repeat}
#lsMenu .sm form { background: url(/library/images/_new/bg_sm_corner2.gif) right 0 no-repeat;}
#lsMenu .sm li { float: left; width: 33%; padding: 8px 0 0; /* height: 30px;*/ }
#lsMenu .sm li.first, #lsMenu .sm form .inner { background: url(/library/images/_new/bg_sm_corner1.gif) 0 0 no-repeat;}
#lsMenu .sm li a { float: left; display: block; /*height: 22px;*/ margin: 0 0 0 15px; padding: 3px 0 0 15px; background: url(/library/images/_new/icn_fleche_sm.gif) 0 5px no-repeat; color:#7d7d7d;}
#lsMenu #lsProfil .sm li a { background-image: url(/library/images/_new/icn_fleche_sm_profil.gif);}
#lsMenu .sm li.selected a { font-weight: bold;}
#lsMenu .sm li a:hover { text-decoration: underline;}
#lsMenu .sm li.selected a:hover { text-decoration: none; cursor: default;}

#lsMenu .sm form .inner { overflow: hidden; padding: 5px 10px 10px;}
#lsMenu .sm form .selfclear p, #lsMenu .sm form .iTxt { float: left; width: 30%; margin: 0 15px 0 0;}
#lsMenu .sm form .inner .btAction { margin: 20px 0 10px;}
#lsMenu .sm form .selfclear a {  color:#7d7d7d; padding: 0 0 0 12px; background: url(/library/images/_new/icn_fleche_sm_profil.gif) 0 2px no-repeat;}
#lsMenu .sm form .selfclear a:hover { text-decoration: underline; }

#lsMenu .inner .iCheck { color:#7d7d7d; }
#lsMenu .inner .iCheck label { padding: 0; }
#lsMenu .smInner .smInner2 .selfclear { padding-left: 4px; }

/* submenu */
#lsMenu .sm .lsSm { position: relative; float: right; width: 158px; list-style-type: none; margin: 0 -1px 0 0; padding: 15px 0 0; background: none;}
#lsMenu .sm .lsSm li, #lsMenu .lsSm li a { float: none;}
#lsMenu .sm .lsSm li { width: 100%;}
#lsMenu .sm .lsSm li a { background: none; padding: 0 0 0 7px;}
#lsMenu .sm .lsSm li a span { display: block; padding: 0 0 0 10px; height: 22px; line-height: 22px;}
#lsMenu .sm .lsSm li a:hover, #lsMenu .sm .lsSm .open a { color: #fff; text-decoration: none; background: url(/library/images/_new/bg_lsSm.gif) 0 0 no-repeat;}
#lsMenu .sm .lsSm li a:hover span, #lsMenu .sm .lsSm .open a span { display: block; background: url(/library/images/_new/bg_lsSm_r.gif) right 0 no-repeat;}

#lsMenu .sm .ssm3 { padding-top: 2px;}
#lsMenu .sm .ssm3 li { padding-top: 4px;}

#lsMenu .sm .ssm { float: right; width: 560px; }
#lsMenu .sm .ssm .smInner { width: 100%;}
#lsMenu .sm .ssm ul { width: 100%; display: none; overflow: hidden; list-style-type: none; }
#lsMenu .sm .ssm li { width: 33%;}
#lsMenu .sm .ssm .open { display: block;}
#lsMenu .sm .ssm li a { display: inline;}

#lsMenu .sm .textInfo { width: 263px; float: left; background: #e8e8e8; color: #7d7d7d; padding: 0 0 0 5px; text-shadow: #fff 0 1px 1px;}
#lsMenu .haschild .sm .textInfo { width: 215px;}
#lsMenu .sm .textInfo h4 { margin: 0 0 7px;}
#lsMenu .sm .textInfo p { font-size: 90%; line-height: 1.2em; margin: 0 0 5px;}

#lsMenu .sm .textInfo .btBlue { width: 100%; overflow: hidden; margin: 19px 0 5px;}
#lsMenu .sm .textInfo .btBlue a { margin: 0 3px 0 0;}

#lsMenu #frmLoginTop { font-size: 90%;}


#lsMenu #catSub { display: none; position: absolute; top: 34px; left: 0; width: 184px;z-index: 999999; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 3px solid #86b720;}
#lsMenu .menuSide { padding: 10px 9px; background: #fff;}
#lsMenu .menuSide .mid { margin: 0;}
#lsMenu #catSub .btCloseMess { top: 7px; right: 7px;}