/* CSS de définition des Tooltip. */

.tip {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tip span {
    margin-left: -999em;
    position: absolute;
}

.tip:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    right: 100%;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 450px;
    z-index: 99;
    white-space:pre-line;
}

.tip:hover img {
    border: 0 none;
    float: left;
    margin: -10px 0 0 -55px;
    position: absolute;
}

.tip:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}

/* Toolitip a GAUCHE */

.tipLeft {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tipLeft span {
    margin-left: -999em;
    position: absolute;
}

.tipLeft:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    text-align: left;
    color: #00674A;
    left: 100%;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 250px;
    z-index: 99;
    white-space:pre-line;
}

.tipLeft:hover img {
    border: 0 none;
    float: left;
    margin: -10px 0 0 -55px;
    height: 48px;
    width: 48px;
}

.tipLeft:hover img.logo {
    border: 0 none;
    float: right;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 0;
    margin-top: -14px;    
    height: 48px;
    width: 48px;
}


.tipLeft:hover img.logo2 {
    border: 0 none;
    float: right;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 0;
    margin-top: -14px;    
    height: auto;
    width: 70px;
}

.tipLeft:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}


/* Toolitip a DROITE */

.tipRight {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tipRight span {
    margin-left: -999em;
    position: absolute;
}

.tipRight:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    text-align: left;
    color: #00674A;
    right: 100%;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 250px;
    z-index: 99;
    white-space:pre-line;
}

.tipRight:hover img {
    border: 0 none;
    float: left;
    margin: -10px 0 0 -55px;
    /*position: absolute;*/
}

.tipRight:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}


/* Toolitip au CENTRE */

.tipCenter {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tipCenter span {
    margin-left: -999em;
    position: absolute;
}

.tipCenter:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    text-align: left;
    color: #00674A;
    left: 5%;
    margin-left: 0;
    position: absolute;
    top: 2.5em;
    width: 250px;
    z-index: 99;
    white-space:pre-line;
}

.tipCenter:hover img {
    border: 0 none;
    float: left;
    margin: -10px 0 0 -55px;
    height: 48px;
    width: 48px;
}

.tipCenter:hover img.logo {
    border: 0 none;
    float: right;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 0;
    margin-top: -14px;    
    height: 48px;
    width: 48px;
}

.tipCenter:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}




/* Toolitip au CENTRE et AU DESSUS*/

.tipCenterBottom {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tipCenterBottom span {
    margin-left: -999em;
    position: absolute;
}

.tipCenterBottom:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    text-align: left;
    color: #00674A;
    left: 5%;
    margin-left: 0px;
    margin-top: -152px;
    position: absolute;
    top: 2.5em;
    width: 250px;
    height: 115px;
    z-index: 99;
    white-space:pre-line;
}

.tipCenterBottom:hover img {
    border: 0 none;
    float: left;
    margin: -32px 0 0 -55px;
    height: 48px;
    width: 48px;
}

/*.tipCenterBottom:hover img.logo {
    border: 0 none;
    float: right;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 0;
    margin-top: -50px;    
    height: 48px;
    width: 48px;
}*/

.tipCenterBottom:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: -0.2em 0 0.6em;
    margin: -8px 0 0 0;
}



/* Toolitip a GAUCHE AU DESSUS */

.tipLeftTop {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tipLeftTop span {
    margin-left: -999em;
    position: absolute;
}

.tipLeftTop:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    text-align: left;
    color: #00674A;
    left: 50%;
    margin-left: 0;
    margin-top: -100%;
    position: absolute;
    top: 2em;
    width: 250px;
    z-index: 99;
    white-space:pre-line;
}

.tipLeftTop:hover img {
    border: 0 none;
    float: left;
    margin: -10px 0 0 -55px;
    height: 48px;
    width: 48px;
}

.tipLeftTop:hover img.logo {
    border: 0 none;
    float: right;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 0;
    margin-top: -14px;    
    height: 48px;
    width: 48px;
}


.tipLeftTop:hover img.logo2 {
    border: 0 none;
    float: right;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 0;
    margin-top: -14px;    
    height: auto;
    width: 70px;
}

.tipLeftTop:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}






.classic {
    padding: 0.8em 1em;
}

.custom {
    padding: 0.5em 0.8em 0.8em 2em;
}

.classic {
    background: none repeat scroll 0 0 #FFFFAA;
    border: 1px solid #FFAD33;
}

.classicDS {
    background: none repeat scroll 0 0 #D2FFBF;
    border: 1px solid #00674A;
}

.critical {
    background: none repeat scroll 0 0 #FFCCAA;
    border: 1px solid #FF3334;
    color: darkred;
}

.help {
    background: none repeat scroll 0 0 #9FDAEE;
    border: 1px solid #2BB0D7;
}

.info {
    background: none repeat scroll 0 0 #9FDAEE;
    border: 1px solid #2BB0D7;
}

.warning {
    background: none repeat scroll 0 0 #FFFFAA;
    border: 1px solid #FFAD33;
}

.undoDS {
    background: none repeat scroll 0 0 #D8D8D8;
    border: 1px solid #303030;
}

.comment {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #bab9b9;
}



/*Tip sans image*/


.tipni {
    cursor: help;
    outline: medium none;
    position: relative;
    text-decoration: none;
}

.tipni span {
    margin-left: -999em;
    margin-top: -4em;
    position: absolute;
}

.tipni:hover span {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
    font-family: Calibri,Tahoma,Geneva,sans-serif;
    right: 100%;
    margin-left: 0;
    position: absolute;
    top: 2em;
    width: 450px;
    z-index: 99;
    white-space:pre-line;
}

.tipni:hover em {
    display: block;
    font-family: Candara,Tahoma,Geneva,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0 0.6em;
}