...
*/
.boxBackground_grey
{ background-image: url('../images/sdiHtml/boxLiquid_grey.gif'); }
.boxBackground_white
{ background-image: url('../images/sdiHtml/boxLiquid_white.gif'); }
.boxTopLeft, .boxTopLeft_title, .boxTopRight, .boxBottomLeft, .boxBottomRight {
/* L'image est inséré par progammation pour pouvoir l'interchanger plus facilement
background-image: url('../images/sdiHtml/boxLiquid_grey.gif'); */
height: 5px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the
's */
}
.boxTopLeft, .boxTopLeft_title, .boxBottomLeft {
margin-right: 5px; /* CHANGE: replace by the width of one of your corners */
}
.boxTopLeft_title {
margin-top: 8px; /* DNC: Pour laisser de la place pour la ligne de titre */
}
.boxTopRight, .boxBottomRight {
margin-left: 5px; /* CHANGE: replace by the width of one of your corners */
margin-top: -5px; /* CHANGE: replace by the height of one of your corners */
}
.boxTopRight {
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
}
.boxBottomLeft {
background-position: 0 -4px; /* CHANGE: replace second number by negative height of one of your corners */
}
.boxBottomRight {
background-position: 100% -4px; /* CHANGE: replace second number by negative height of one of your corners */
}
.boxInside
{
border-left: 1px solid #B9B9BA; /* YCC: color & properties of the left-borderline */
border-right: 1px solid #B9B9BA;/* YCC: color & properties of the right-borderline */
padding-left: 8px; /* YCC: all texts at some distance of the left border */
padding-right:6px; /* YCC: all texts at some distance of the right border */
}
.boxInside_title {
margin-top:-2px; /* DNC: Pour éviter gab causer par le titre*/
padding-top:1px; /* YCC: Marge entre le titre en le contenu de la boîte */
}
/* L'un de ces styles est appliqué par programmation selon la couleur de la boîte */
.boxInside_grey,
.boxInside_grey table
{ background: #F7F8F8; }
.boxInside_white,
.boxInside_white table
{ background: #FFFFFF; }
.boxTitleDiv
{
margin-left:10px;
margin-top:-13px; /* DNC: La marge du haut permet de remonter le titre sur le cadre de la boîte */
padding-bottom:1px;
}
.boxTitleSpan
{
background-color: #FFFFFF;
}
.boxNoTopGap, .boxNoGap { margin-top: -1; } /* DNC: to avoid splitting of the box */
.boxNoBottomGap, .boxNoGap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */
/*----- Fin des classes du tag Box -------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/*----- MENU -----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/*-- COMMUN à tous les skins ------------*/
.tabMenuBar,
.tabMenuBar table,
.tabMenuBar tr,
.tabMenuBar td
{
/* border: none; */
margin: 0 0 0 0;
}
.tabMenuBar,
.tabMenuBar tr
{
width:100%;
border-width:0;
}
.tabMenuBar tr
{
height:8px; /* ## */
text-align:center;
}
.tabMenuBar td
{
height:8px; /* ## */
}
.tabMenuInterTab,
.tabMenuInterTab tr,
.tabMenuInterTab td
{
/* border: 0; */
border-spacing: 0;
margin: 0 0 0 0;
padding:0 0 0 0;
vertical-align:top;
}
/*---------------------------------------------------------------*/
/*-- SKIN "1" ---------------------------------------------------*/
/*---------------------------------------------------------------*/
/* Spacer */
.tabLess_1 { background-image:url('../images/sdiHtml/tabs/tabLess_1.gif'); }
/* Onglet NON-sélectionné */
.tabCenter_1 { background-image:url('../images/sdiHtml/tabs/tabCenter_1.gif'); }
.tabCenter_1,
.tabCenter_1 a:link,
.tabCenter_1 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:12px;
font-weight:bold;
color:#224E7F;
}
/* Onglet sélectionné */
.tabCenterSelected_1 { background-image:url('../images/sdiHtml/tabs/selTabCenter_1.gif'); }
.tabCenterSelected_1,
.tabCenterSelected_1 a:link,
.tabCenterSelected_1 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:13px;
font-weight:bold;
color:#224E7F;
}
/* Tous les types d'onglets */
.tabLess_1,
.tabCenter_1,
.tabCenterSelected_1
{
background-repeat:repeat-x;
background-position:top;
align:center;
border: 0;
padding-left:4px;
padding-right:4px;
}
/* Image des symboles (erreur, warning) */
.tabMenuSymbolImg_1
{
vertical-align:top;
margin-top:3px;
}
/* Annuler formattage d'un H1, H1 ou H3 */
.tabCenter_1 h1,
.tabCenter_1 h2,
.tabCenter_1 h3,
.tabCenterSelected_1 h1,
.tabCenterSelected_1 h2,
.tabCenterSelected_1 h3
{
padding:0;
margin:0;
font-size:inherit;
}
/*---------------------------------------------------------------*/
/*-- SKIN "2" ---------------------------------------------------*/
/*---------------------------------------------------------------*/
/* Spacer */
.tabLess_2 { background-image:url('../images/sdiHtml/tabs/tabLess_2.gif'); }
/* Onglet NON-sélectionné */
.tabCenter_2 { background-image:url('../images/sdiHtml/tabs/tabCenter_2.gif'); }
.tabCenter_2,
.tabCenter_2 a:link,
.tabCenter_2 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:12px;
font-weight:bold;
color:#BF2C00;
}
/* Onglet sélectionné */
.tabCenterSelected_2
{
background-image:url('../images/sdiHtml/tabs/selTabCenter_2.gif');
}
.tabCenterSelected_2,
.tabCenterSelected_2 a:link,
.tabCenterSelected_2 a:visited
{
padding-top:3px;
vertical-align:top;
font-size:14px;
font-weight:bold;
color:#224E7F;
}
/* Tous les types d'onglets */
.tabLess_2,
.tabCenter_2,
.tabCenterSelected_2
{
background-repeat:repeat-x;
background-position:top;
align:center;
padding-left:3px;
padding-right:3px;
}
/* Image des symboles (erreur, warning) */
.tabMenuSymbolImg_2
{
vertical-align:top;
margin-top:3px;
}
/* Annuler formattage d'un H1, H1 ou H3 */
.tabCenter_2 h1,
.tabCenter_2 h2,
.tabCenter_2 h3,
.tabCenterSelected_2 h1,
.tabCenterSelected_2 h2,
.tabCenterSelected_2 h3
{
padding:0;
margin:0;
font-size:inherit;
}
/*---------------------------------------------------------------*/
/*-- SKIN "3" ---------------------------------------------------*/
/*---------------------------------------------------------------*/
/* Spacer */
.tabLess_3 { background-image:url('../images/sdiHtml/tabs/tabLess_3.gif'); }
/* Onglet NON-sélectionné */
.tabCenter_3 { background-image:url('../images/sdiHtml/tabs/tabCenter_3.gif'); }
.tabCenter_3,
.tabCenter_3 a:link,
.tabCenter_3 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:12px;
font-weight:bold;
color:#BF2C00;
}
/* Onglet sélectionné */
.tabCenterSelected_3
{
background-image:url('../images/sdiHtml/tabs/selTabCenter_3.gif');
}
.tabCenterSelected_3,
.tabCenterSelected_3 a:link,
.tabCenterSelected_3 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:12px;
font-weight:bold;
color:#BF2C00;
}
/* Tous les types d'onglets */
.tabLess_3,
.tabCenter_3,
.tabCenterSelected_3
{
background-repeat:repeat-x;
background-position:top;
align:center;
padding-left:3px;
padding-right:3px;
}
/* Image des symboles (erreur, warning) */
.tabMenuSymbolImg_3
{
vertical-align:top;
margin-top:3px;
}
/* Annuler formattage d'un H1, H1 ou H3 */
.tabCenter_3 h1,
.tabCenter_3 h2,
.tabCenter_3 h3,
.tabCenterSelected_3 h1,
.tabCenterSelected_3 h2,
.tabCenterSelected_3 h3
{
padding:0;
margin:0;
font-size:inherit;
}
/*---------------------------------------------------------------*/
/*-- SKIN "4" ---------------------------------------------------*/
/*---------------------------------------------------------------*/
/* Spacer */
.tabLess_4 { background-image:url('../images/sdiHtml/tabs/tabLess_4.gif'); }
/* Onglet NON-sélectionné */
.tabCenter_4 { background-image:url('../images/sdiHtml/tabs/tabCenter_4.gif'); }
.tabCenter_4,
.tabCenter_4 a:link,
.tabCenter_4 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:12px;
font-weight:bold;
color:#073BAB;
}
/* Onglet sélectionné */
.tabCenterSelected_4
{
background-image:url('../images/sdiHtml/tabs/selTabCenter_4.gif');
}
.tabCenterSelected_4,
.tabCenterSelected_4 a:link,
.tabCenterSelected_4 a:visited
{
padding-top:5px;
vertical-align:top;
font-size:12px;
font-weight:bold;
color:#073BAB;
}
/* Tous les types d'onglets */
.tabLess_4,
.tabCenter_4,
.tabCenterSelected_4
{
background-repeat:repeat-x;
background-position:top;
align:center;
padding-left:3px;
padding-right:3px;
}
/* Image des symboles (erreur, warning) */
.tabMenuSymbolImg_4
{
vertical-align:top;
margin-top:3px;
}
/* Annuler formattage d'un H1, H1 ou H3 */
.tabCenter_4 h1,
.tabCenter_4 h2,
.tabCenter_4 h3,
.tabCenterSelected_4 h1,
.tabCenterSelected_4 h2,
.tabCenterSelected_4 h3
{
padding:0;
margin:0;
font-size:inherit;
}
/*----- Fin des classes pour Menu ------------------------------------------*/
/*---- Compteur de caractères --------------------------------------------------*/
.charsCountdown,
.charsCountdown_lastChars
{
font-size: 9px;
text-align:right;
vertical-align:middle;
border-width:0px;
width:23px;
height:11px;
padding-left:2px;
padding-right:0px;
padding-top:0;
padding-bottom:0;
margin-bottom:0;
}
.charsCountdown
{ color:#818181; font-weight:normal; }
.charsCountdown_lastChars
{ color: red; font-weight:bold; }
/*--- ifError ------------------------------------------------*/
.symbolBg_error
{
background-image: url('../images/sdiHtml/error.gif');
margin:0;
padding:0;
background-position: center left;
background-repeat:no-repeat;
}
.symbolBg_warning
{
background-image: url('../images/sdiHtml/warning.gif');
margin:0;
padding:0;
background-position: center left;
background-repeat:no-repeat;
}
/*---- Tooltips --------------------------------------------------------*/
.sdiTooltipDiv
{
position: absolute;
border: 1px solid #999999;
padding: 6px;
/* display:none; */
visibility:hidden;
left:-1000px;
top:-1000px;
z-index: 99;
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}
.sdiTooltipDiv,
.sdiTooltipDiv table
{
color:#515151;
font-weight:normal;
line-height:14px;
background-color:white;
opacity: 0.95;
-moz-opacity: 0.95;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}
.sdiTooltipPointer
{
position: absolute;
display:none;
z-index: 100;
}
/*---- Popups --------------------------------------------------------*/
.sdiPopupDiv
{
position: absolute;
border: 1px solid #999999;
/* display:none; */
visibility:hidden;
left:-1000px;
top:-1000px;
z-index: 99;
color:#515151;
font-weight:normal;
line-height:14px;
background-color:white;
}
.sdiPopupDiv table
{
background:none !important
}
/*--- Ombrages -------------*/
.sdiPopupShadowDiv1,
.sdiPopupShadowDiv2,
.sdiPopupShadowDiv3,
.sdiPopupShadowDiv4
{
margin:0;
padding:0;
line-height:0px;
font-size:0px;
overflow: hidden;
background-color:#525252;
position:absolute;
z-index: 98;
opacity: 0.55;
-moz-opacity: 0.55;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=55);
}
.sdiPopupShadowDiv2
{
z-index: 97;
opacity: 0.35;
-moz-opacity: 0.35;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);
}
.sdiPopupShadowDiv3
{
z-index: 96;
opacity: 0.2;
-moz-opacity: 0.2;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}
.sdiPopupShadowDiv4
{
z-index: 95;
opacity: 0.1;
-moz-opacity: 0.1;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}
/*--- Fin ombrages -------------*/
.sdiPopupInnerIframe
{
border:none;
background:none;
margin:0;
padding:0;
}
.sdiPopupFadedBg
{
background-color: #666666;
opacity: 0.25;
-moz-opacity: 0.25;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=25);
}
.sdiPopupFadedBg_ieCombos,
.sdiPopupFadedBg_ieCombos option
{
background-color:#D8D8D8 !important;
color:#3B3B3B !important;
padding:0;
margin:0;
}
.popup
{
background-color:white;
background-image: url('../images/background/popup.gif');
background-position:top left;
background-repeat:repeat-x;
padding:10px;
}
.urlPopup
{
background-color:#073BAB;
background-image: url('../images/background/urlPopup.gif');
background-position:top left;
background-repeat:repeat-x;
}