/* CSS */ div.global { width: 600px; font-family: "Georgia", "Times New Roman"; font-size: 14px; border: 2px solid #2d7110; border-bottom: 0px; border-radius: 20px; padding: 0; margin: 0 auto; } div.entete { margin-top: 10px; } div.titrePrincipal { margin-left: 130px; margin-right: 5px; text-align: center; } div.infoPrincipale { margin-top: -10px; margin-left: 5px; font-size: 16px; color: #000000; } div.infoCentre { color: #ffffff; background-color: #2d7110; background: url("http://nomduserveur/glpi/pics/mails/mails-rectangle-centre.png") no-repeat left top; padding: 15px 0px; } div.infoCentre div.legende { color: #ffffff; font-weight: bold; font-size: 18px; text-decoration: underline; margin: 0px 10px; } div.infoCentre p { color: #ffffff; font-size: 18px; margin: 0px 10px 0px 0px; } div.spacer { clear: both; } div.solution, div.pasDeSolution { margin: 10px 10px 10px 10px; } div.solution div { border: 0px; border-left: 3px solid #3366cc; margin-left: 70px; padding-left: 10px; color: #3366bb; font-size: 16px; } div.pasDeSolution div { border: 0px; border-left: 3px solid #c6250d; margin-left: 70px; padding-left: 10px; color: #c6250d; font-size: 16px; } div.autresInfos { margin: 10px 0px 20px 0px; } div.autresInfos div.legende { font-size: 16px; font-weight: bold; color: #2d7110; margin: 5px 10px; } div.autresInfos div.contenu { color: #444444; margin: 5px 10px; } div.piedPage { height: 30px; color: #ffffff; background: #98c761 url("http://nomduserveur/glpi/pics/mails/mails-pied-page.png") repeat-x left bottom; padding: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom: 2px solid #2d7110; text-align: center; } div.piedPage div.infos { padding: 5px 10px 0px 10px; } div.suivis { margin-top: 15px; margin-bottom: -5px; } div.suivi { margin-bottom: 5px; } div.suivi div { border: 1px solid #888888; background-color: #eeeeee; margin: 5px 10px 5px 80px; color: #555555; padding: 10px; border-radius: 5px; } div.nbSuivis { text-align: center; color: #777777; } table.invisible { width: 100%; border: 0px; } table.invisible td { vertical-align: top; } img.logo { width: 125px; height: 60px; float: left; border: none; margin: 10px; } img.traitHorizontal { height: 1px; width: 100%; margin: 2px 0px; } img.solution, img.pasDeSolution { width: 64px; height: 64px; float: left; } img.suivi { float: left; width: 64px; height: 64px; margin-left: 10px; } h2 a { text-decoration: none; font-weight: bold; color: #2d7110; } h2 { color: #ffffff; font-size: 20px; font-weight: bold; padding: 0px 5px 0px 5px; } div.suivi h2 { color: #555555; font-weight: bold; font-size: 16px; padding: 0px; margin: 0px 0px 10px 0px; } div.piedPage a { color: #ffffff; text-decoration: none; } div.piedPage a:hover { text-decoration: underline; } span.legende { text-decoration: underline; font-weight: bold; color: #888888; }