#sub-menu-account a.li-style { width: 190px; display: block;  line-height: 20px;color: #333;font-family: 'thesans_veoliaw5_plain';  list-style-image: url('../images/puce-grown-arrow.png');cursor: pointer; margin-bottom: 5px; font-size: 16px; margin-right: 10px; } 
#sub-menu-account a.li-style.main { background: url('../images/bg-sub-menu.jpg') no-repeat #f2f2f2; border-top-right-radius: 20px; padding-left:20px; padding-top: 50px; padding-bottom: 20px; color: #dd0024; font-family: 'thesans_veoliaw6_semibold'; font-size: 20px; }
#sub-menu-account ul li { line-height: 20px;color: #000;font-family: 'thesans_veoliaw5_plain';   cursor: pointer; margin-bottom: 5px; font-size: 16px; }
#sub-menu-account ul li:hover { color: #000; }
#sub-menu-account li.li-style { min-height: 56px;  font-size: 15px;font-family: 'thesans_veoliaw7_bold'; text-transform: uppercase;  color:#FFF;}
#sub-menu-account li.li-style.orange { background-color: #2571b2; }
#sub-menu-account li.li-style.blue { background-color: #ffa83e; }
#sub-menu-account li.li-style.purple { background-color: #2abbcf;}
#sub-menu-account li.li-style.green { background-color: #be4a9b; }
#sub-menu-account li.li-style ul { margin-top: 10px; height: auto; padding-bottom: 10px;}
#sub-menu-account li.li-style ul li.select { background: url('../images/arrow-black.png') no-repeat left 5px;  }
#sub-menu-account li.li-style ul li.select a { color: #000; }
#sub-menu-account li.li-style ul li { display: block;  font-family: 'thesans_veoliaw5_plain'; text-transform: none; margin-left: 0px; margin-left: 13px; margin-bottom: 14px; background: url('../images/arrow-white.png') no-repeat left 5px;  font-size: 15px; }
#sub-menu-account li.li-style ul li:hover {background: url('../images/arrow-black.png') no-repeat left 5px; }
#sub-menu-account li.li-style ul li a {color: #FFF; padding-left: 15px; display: block;}
#sub-menu-account ul li .main-categorie{color:#FFF; padding-top: 20px; padding-left: 13px; padding-right: 10px; display: block;}

#pictos li{display:inline-block;	width:168px;	height:60px;}
#pictos li a{display:inline-block;	width:100%;	text-align:center;	text-transform:uppercase;	font-size: 12px; }
 
 
#espace-perso-cat { width: auto; position: relative; padding: 0; margin:auto;  margin-top: 10px; text-align: center;}
#espace-perso-cat .espace-perso-vignettes { color: #FFF;text-align: left;  float: left;margin-bottom: 20px;   margin-right: 20px; width: 333px; min-height: 320px; border-bottom-left-radius : 20px; background: url('../images/decroche-espace-perso.png') center top no-repeat; padding-top: 50px; }
#espace-perso-cat .espace-perso-vignettes.orange { background-color: #d2ad9d; }
#espace-perso-cat .espace-perso-vignettes.blue { background-color: #d0a4ad; }
#espace-perso-cat .espace-perso-vignettes h2 { display: block;  margin-bottom:0; line-height: 1em; font-family : 'thesans_veoliaw7_bold'; font-size: 18px; color: #322F2F; }
#espace-perso-cat .espace-perso-vignettes p {  font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px;line-height:19px; display:block; height:90px; } 
#espace-perso-cat .espace-perso-vignettes p{  padding:0 20px; }  
#espace-perso-cat .espace-perso-vignettes h2 {  padding:20px 20px 0; } 
#espace-perso-cat .espace-perso-vignettes div.first-part .thumb-cat { margin-left: -15px; width: 100%; position: absolute; bottom: 0;}
#espace-perso-cat .espace-perso-vignettes div.first-part .thumb-cat img { width: 100%; max-height: 140px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table { border: 0; padding: 0; margin: 0;  }
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td { vertical-align: middle; padding: 0; margin: 0; border: 0; padding-bottom: 14px; color: #322F2F; font-family : 'open_sansregular'; font-size: 18px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td span {  line-height: 18px; font-size: 14px;}
#espace-perso-cat .espace-perso-vignettes div.first-part table tr td:first-child{ width: 100px; padding-right: 14px; text-align: left; font-size: 13px; color: #FFF; font-family : 'thesans_veoliaw6_semibold';  }
#espace-perso-cat .espace-perso-vignettes div.second-part { min-height: 142px; background-color: #1a507d; padding: 15px; border-bottom-left-radius : 20px; font-family : 'thesans_veoliaw5_plain';  } 
#espace-perso-cat .espace-perso-vignettes div.second-part ul li { margin-left: 5px; margin-bottom: 14px; background: url('../images/picto-pdf-blanc.png') no-repeat left 5px;  font-size: 16px; height:31px; padding: 6px 0 0 16px; }
 #espace-perso-cat .espace-perso-vignettes div.second-part ul li a {color: #FFF; padding-left: 15px; display: block;}
#espace-perso-cat .espace-perso-vignettes.orange div.second-part { background-color : #5a4a42; }
#espace-perso-cat .espace-perso-vignettes.blue div.second-part { background-color : #6b5657; }
 
 


@media ( max-width: 959px ) {
    div#global-content div.col-w190 { display: block; float: none; width: 100%; }
    div#global-content div.col-w750{ display: block ; float: none; width: 100%; margin: auto; margin-left: 20px;  padding-right: 40px;} 
    #sub-menu-account a.li-style { display: none;   }
    #sub-menu-account ul { margin-top: -20px;}
    #sub-menu-account ul li { margin: 0; background : url('../images/arrow-white-large.png') no-repeat right 18px; }
    #sub-menu-account ul li:last-child { border-bottom-left-radius: 20px; }
    #sub-menu-account ul li.close { background : url('../images/arrow-white-bottom.png') no-repeat right 18px; }
    /*#sub-menu-account ul li a.main-categorie { display: block ; margin-top: -20px; margin-left: -20px; padding-left: 20px; padding-bottom: 18px; padding-top: 20px; margin-right: -10px; padding-right: 0;  }*/
    #sub-menu-account li.li-style ul { display: none;   }
    #sub-menu-account li.li-style ul li , 
        #sub-menu-account li.li-style ul li.select, 
        #sub-menu-account li.li-style ul li:hover { background-position: left top; margin-bottom: 5px}
    #sub-menu-account li.li-style ul li a { min-height: 26px; ;padding-top: 0px;line-height: 14px; }
}

@media ( max-width: 729px ) {
    #sub-menu-account ul li:last-child { border-bottom-left-radius: 0px; }
}

