/*******/
/* Tag */
/*******/

body
{
    margin: 0px;
    background-color: #ffffff;
}

table.body
{
    position: absolute;
  
    margin-left: -380px;
    left: 50%;
    
    border: 1px solid #e1e1e1;
}

table.content
{
    position: absolute;
  
    margin-left: -380px;
    left: 50%;
    
    border: 1px solid #e1e1e1;
}

#verticalAlign
{
    margin-top: -210px;
    top: 50%;
}

body,a,tr,td,span,div,ul,ol,li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    line-height: 13px;
}

textarea,input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #999999;
    color: #666666;
		height: 17px;
		margin: 1px;
}

select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #999999;
    color: #666666;
}
datalist{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #999999;
    color: #666666;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #999999;
    color: #666666;
}

/*********/
/* write */
/*********/
td.write
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #999999;
    color: #666666;
		height: 17px;
		margin: 1px;
}


/*******/
/* tab */
/*******/

#tabTop
{    
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

#tabMiddle
{    
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}

#tabBody
{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    
}

#tabBottom
{
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

/************/
/* menuLeft */
/************/
/* menuLeft overload (struts-menu)*/

.smd-menu-top{
	width : 140px;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #999999;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 8px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    background: #e2ebef;

}
.smd-menu-item{
	width : 130px;
	padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    border-bottom: solid 1px #999999;    
    display: block;
    text-decoration: none;
    color: #333333;
	
}

a.smd-menu{
    display: block;
    text-decoration: none;
}
/* end of menuLeft overload (struts-menu)*/

.mgTop
{
    border-top: solid 1px #999999;
}

.mgFirstLevelSelected
{
    border-bottom: solid 1px #999999;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 8px;
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
    background: #e2ebef;
}

.mgFirstLevelUnselected
{
    border-bottom: solid 1px #999999;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 8px;
    display: block;
    text-decoration: none;
    color: #333333;
}

.mgFirstLevelUnselected:hover
{
    background: #e2ebef;
}

.mgFirstLevelOpened
{
    background: url(img/mgFirstLevelOpened.gif);
    background-color: #e2ebef;
    border-bottom: solid 1px #999999;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 8px;
    display: block;
    text-decoration: none;
    color: #333333;
}

.mgFirstLevelClosed
{
    background: url(img/mgFirstLevelclosed.gif);
    border-bottom: solid 1px #999999;
    padding-top: 9px;
    padding-left: 10px;
    padding-bottom: 8px;
    display: block;
    text-decoration: none;
    color: #333333;
}

.mgFirstLevelClosed:hover
{
    background-color: #E2EBEF;
}

.mgSecondLevelOpened
{
    background: url(img/mgSecondLevelOpened.gif);
    border-bottom: solid 1px #999999;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    display: block;
    text-decoration: none;
    color: #333333;
}

.mgSecondLevelUnselected
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    border-bottom: solid 1px #999999;    
    display: block;
    text-decoration: none;
    color: #333333;
}

.mgSecondLevelUnselected:hover
{
    background: #e2ebef;
}

.mgSecondLevelSelected
{
    background: url(img/mgSecondLevelSelected.gif);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    border-bottom: solid 1px #999999;    
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}


.mgThirdLevelUnselected
{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 34px;
    border-bottom: solid 1px #999999;    
    display: block;
    text-decoration: none;
    color: #333333;
}

.mgThirdLevelUnselected:hover
{
    background: #e2ebef;
}

.mgThirdLevelSelected
{
    background: url(img/mgThirdLevelSelected.gif);
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 34px;
    border-bottom: solid 1px #999999;    
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
}

.mgAroundTheWolrd
{
    background: url(img/mgAroundTheWorld.gif);   
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 10px;
    display: block;
    text-decoration: none;
    color: #333333;
}


/***************/
/* progressBar */
/***************/

#progressBar
{
    padding-top: 9px;
}

.progressBarOther
{
    text-decoration: none;
    font-size: 10px;
}

.progressBarOther:hover
{
    text-decoration: underline;
}

.progressBarLast
{
    padding-top: 11px;
    font-family: verdana,helvetica,sans-serif;
    font-size: 9px;
    color: #000000;
    font-weight: bold;
}

/****************/
/* sendAndPrint */
/****************/

#sendAndPrint
{
    
    font-size: 10px;
    text-decoration: none;
    color: #333333;
}

#sendAndPrint a
{
    font-size: 10px;
    text-decoration: none;
    color: #333333; 
    padding-left: 5px;
    padding-right: 5px;
}

#sendAndPrint a:hover
{
    text-decoration: underline; 
}

#sendAndPrint span
{
    padding-left: 5px;
}

#sendAndPrint img
{
    border: 0px;
}

/********/
/* Line */
/********/
div.hr {
  height: 3px;
  background: #b9ced9 url(img/dotLine.gif) repeat scroll center;
}
div.hr hr {
  display: none;
}


/**********/
/* classe */
/**********/

.marginLeftSm
{
    margin-left: 10px;
}

.marginLeftBg
{
    margin-left: 15px;
}

.marginRightSm
{
    margin-right: 10px;
}

.marginRightBg
{
    margin-right: 15px;
}

.imgPicto
{
    vertical-align: middle;
    margin-right: 7px;
    border: 0;
}

.linkPicto
{
    text-decoration: none;
}

.dotLine
{
    background: #b9ced9 url(img/dotLine.gif);
    padding-top: 3px;
}

.linkArrow
{
    display: block;
    text-decoration: none;
    background: url(img/arrowOrangeSmallRight2.gif)  no-repeat;
    padding-left: 10px;
}

.linkArrow:hover
{
    text-decoration: underline;
}

.txtArrow
{
    background: url(img/arrowBlue.gif)  no-repeat;
    padding-left: 15px;
    padding-top: 5px;
}

.txtArrow2
{
    background: url(img/arrowBlue2.gif)  no-repeat;
    padding-left: 15px;
    padding-top: 5px;
}



/*******/
/* txt */
/*******/

.txtSbTitle
{
    font-weight: bold;
    color: #000000;
    font-size: 11px;
}

.txtWhite
{
    color: #FFFFFF;
}

.txtBlack
{
    color: #000000;
}

.txtGrey
{
    color: #333333;
}

.txtBlueBold
{
    color: #8baec0;
    font-weight: bold;
}

.txtBlueBold2
{
    color: #5d7e90;
    font-weight: bold;
}

.txtBlueGrey
{
    color: 5d7e90;  
}

.txtTitlePage
{
    font-size: 17px;
}

.txtThemeContent
{
    font-size: 9px;
}

.txtSm
{
    font-size: 9px;
    word-spacing: -1px;
}

.txtTitleContent
{
    font-size: 16px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
    color: #333333;
}

.txtTitleContent2
{
    font-size: 16px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
    color: #666666;
}

.txtSlogan
{
    font-weight: bold;
}

.txtQuoteBg
{
    font-size: 12px;
    color: 5d7e90;
    font-weight: bold;    
}

.txtQuoteSm
{
    font-size: 9px;
    color: 5d7e90;  
}

.newsCenter
{
    font-size: 12px;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 10px;
}

.titleRight
{
    background: #8baec0;
    color: #ffffff;
    padding-left: 13px;
    padding-top: 8px;
    padding-bottom: 5px;
}

.titleRightError
{
    background: #FF6600		;
    color: #ffffff;
    padding-left: 13px;
    padding-top: 8px;
    padding-bottom: 5px;
}

.titleRightTable
{
    background: #8baec0;
    color: #ffffff;
    padding-left: 3px;
    padding-top: 8px;
    padding-bottom: 5px;
}

/************/
/* Scroller */
/************/

td.scrollBlue select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    border: 1px solid #999999;
    background: #E8E8E8;
    vertical-align:middle;
    color: #333333;

}

td.scrollBlue
{

    padding-right: 3px;
    font-size: 9px;
    background: #8baec0;
    color: #ffffff;
    padding-top: 3px;
}

td.scrollBlue a
{
    font-size: 9px;
    background: #8baec0;
    color: #ffffff;
    text-decoration: none; 
    vertical-align:middle;

}

td.scrollBlue a:hover
{
    font-size: 9px;
    background: #8baec0;
    color: #ffffff;
    text-decoration: underline; 
    vertical-align:middle;

}




/********/
/* Link */
/********/

a.linkPicto:hover
{
    text-decoration: underline;
}

a.linkSm
{
    font-size: 9px;
    text-decoration: none;
}

a.linkSm:hover
{
    text-decoration: underline;
}

a.linkCountry
{
    color: #ffffff;
    text-decoration: none;
}

a.linkCountry:hover
{
    color: #ffffff;
    text-decoration: underline;
}


a.menuTop
{
    font-size: 10px;
    text-decoration: none;
}

a.menuTop:hover
{
    text-decoration: underline;
}


#top
{
    float: right;
}

#top img
{
    margin-left: 2px;
    margin-right: 10px;
}

.txtArrowBlack
{
    display: block;
    text-decoration: none;
    background: url(img/arrowBlack.gif)  no-repeat;
    padding-left: 15px;
    color: #333333;
}

/***************/
/* activityBar */
/***************/

.activityBarFirst:hover
{
    text-decoration: underline;
}


td.activityBarOther
{
    font-size: 10px;
    text-decoration: none;
    color: #333333; 
}


a.activityBarOther
{
    font-size: 10px;
    text-decoration: none;
    color: #333333; 
}

a.activityBarOther:hover
{
    text-decoration: underline; 
}


.activityBarFirst
{
    font-family: verdana,helvetica,sans-serif;
    font-size: 9px;
    color: #000000;
    font-weight: bold;
}

.activityBarLine
{
    background-color: #999999;
	}

.activityBarLineWhite
{
    background-color: #FFFFFF;
}

.activityBox
{
    font-size: 10px; color:#000000;background-color: #e2ebef; 
}

.activityBoxCurrent
{
    background-color: #8baec0; font-size: 10px; color:#FFFFFF;
}

.activityBoxCurrentLabel
{
    font-size: 10px; color:#000000; font-weight: bold;
}

/***********/
/* Remarks */
/***********/

.rem
{
    text-decoration: none;
    color: #666666;
    font-size: 10px;
}

.req
{
    text-decoration: none;
    font-weight: bold;
}

/**********/
/* Button */
/**********/

.button
{
	text-decoration:none;
	font-size: 10px;
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	width: auto;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 1px;
	border: 1px solid #999999;
}
.buttonWidth 
{
	text-decoration:none;
	font-size: 10px;
	color:#666666;
	font-family: Arial,Helvetica,sans-serif;
	width: auto;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 1px;
	border: 1px solid #999999;
}
.buttonDfltWidth 
{
	text-decoration:none;
	text-align:center;
	background-color: #FFEFE5;
	font-size: 10px;
	color:#FF6600;
	font-family: Arial,Helvetica,sans-serif;
	width: auto;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 1px;
	border: 1px solid #FF6600;
}
.buttonDflt 
{
	text-decoration:none;
	text-align:center;
	background-color: #FFEFE5;
	font-size: 10px;
	color:#FF6600;
	font-family: Arial,Helvetica,sans-serif;
	width: auto;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 1px;
	margin-top: 5px;
	border: 1px solid #FF6600;
}
.buttonGreyWidth 
{
	text-decoration:none;
	text-align:center;
	background-color: #D6D3CE;
	font-size: 10px;
	color:#636563;
	font-family: Arial,Helvetica,sans-serif;
	width: auto;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	margin: 1px;
	border: 1px solid #333333;
}

.buttonBlueDownload
{
	text-decoration: none;
    text-align: center;
    background-color: #197a9a;
    font-size: 10px;
    color: #fdfdfd;
    font-family: Arial,Helvetica,sans-serif;
    width: auto;
    height: 17px;
    padding-right: 5px;
    padding-left: 5px;
    margin: 1px;
    border: 1px solid #0e5269;
}

.buttonAsLink{
     background:none!important;
     color:blue;
     border:none; 
     padding:0!important;
     font: inherit;
     cursor: pointer;
     text-decoration: underline;
     text-align: left;
}
.buttonAsLink:focus {
  outline: none;
}
/*********/
/* Radio */
/*********/

.radio
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 0px;
    color: #666666;
}

.checkbox
{
    border: 0px;
}

/********/
/* Line */
/********/
div.hr {
  height: 3px;
  background: url(img/dotLine.gif) repeat scroll center;
}
div.hr hr {
  display: none;
}

/***********/
/* Actions */
/***********/

#actions
{
    
    font-size: 10px;
    text-decoration: none;
    color: #333333;
}

#actions a
{
    font-size: 10px;
    text-decoration: none;
    color: #333333; 
    padding-left: 5px;
    padding-right: 5px;
}

#actions a:hover
{
    text-decoration: underline; 
}

#actions span
{
    padding-left: 5px;
}

#actions img
{
    border: 0px;
}

td.actions
{
 vertical-align: top;
}



td.actionsLink
{
/*    border-right: solid 1px #666666; */
    text-decoration: none;

}

th.actionsLink
{
/*    border-right: solid 1px #666666; */
    text-decoration: none;
}

/************/
/*   List   */
/************/

/* List Table */
.list{border: 0px none;
	 border-collapse: collapse;
	 border-width: 0px 0px 0px 0px;
	width:100%;
	text-align:left; 
	padding-left:3px; 
	padding-right:3px;   
	border-top-width: 0px;  
	border-bottom-width: 0px;
	  }

/* List Title */
.listTitleHeader{border: 0px none;
	background-color: #8baec0;
	border-color: #8baec0;
	text-align:left;
	color: #ffffff;
	padding-left: 0px;
	border-top-width: 0px;  
	border-bottom-width: 0px;
	border-collapse: collapse;}

.listTitle{border: 0px none;
	background-color: #8baec0;
	border-color: #8baec0;
	text-align:left;
	color: #ffffff;
	padding-left: 13px;
	border-top-width: 0px;  
	border-bottom-width: 0px;
	border-collapse: collapse;}

/* List Header */
.listHeader {border: 0px none;
	background-color: #B9CED9;
	border-color: #B9CED9;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
	border-top-width: 0px;  
	border-bottom-width: 0px;
	border-collapse: collapse;
	font-size: 11px;
	width: shrink-to-fit;
/*	white-space: nowrap;*/
}
.listHeaderRight {border: 0px none;
	background-color: #B9CED9;
	border-color: #B9CED9;
	text-align:right;
	vertical-align:middle;
	font-weight:bold;
	border-top-width: 0px;  
	border-bottom-width: 0px;
	border-collapse: collapse;
	font-size: 11px;
	width: shrink-to-fit;
/*	white-space: nowrap;*/
}

/* List Header */
.listHeaderSortable {border: 0px none;
	background-color: #B9CED9;
	border-color: #B9CED9;
	text-align:left;
	font-weight:bold;
	border-top-width: 0px;  
	border-bottom-width: 0px;
	border-collapse: collapse;
	text-decoration: underline;
	cursor: hand;
	font-size: 11px;
	width: shrink-to-fit;
	visibility:hidden;
}
.listHeaderSortableRight {border: 0px none;
	background-color: #B9CED9;
	border-color: #B9CED9;
	text-align:right;
	font-weight:bold;
	border-top-width: 0px;  
	border-bottom-width: 0px;
	border-collapse: collapse;
	text-decoration: underline;
	cursor: hand;
	font-size: 11px;
	width: shrink-to-fit;
	visibility:hidden;	
}
/* Even */
.even {text-decoration: none;vertical-align:top; background-color: #FFFFFF;}

/* Odd */
.odd {text-decoration: none;vertical-align:top; background-color: #E2EBEF;}

.listNavigationAction{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    border: 0px none;
    background: #8baec0;
    vertical-align:middle;
    color: #ffffff;
    text-align: center;
    cursor: hand;
    }

.listNavigationAction:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    border: 0px none;
    background: #8baec0;
    vertical-align:middle;
    color: #ffffff;
    text-align: center;
    cursor: hand;
    text-decoration: underline;
    }

/*********/
/* Error */
/*********/

ul.listError {list-style: square; color: #DC143C;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-bottom: 0px;margin-top: 0px;}

.listError{list-style-image:url("img/squareOrange.gif"); margin-top: 8px;margin-bottom: 8px;}

a.linkError
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    line-height: 13px;
    text-decoration: none;
}

a.linkError:hover
{
    text-decoration: underline;
}

/************/
/* menuTopM */
/************/

.menuTopM {
font: 11px  Arial, Helvetica, sans-serif; color: #FFFFFF;
text-align: center; vertical-align: middle; 
height: 18px;
width: 100px;
}

.menuTopM a,.menu a:link,.menu a:visited,.menu a:active {
display: block;
background: #CCCCCC;
color: #FFFFFF;
font: 11px  Arial, Helvetica, sans-serif;
text-align: center; vertical-align: middle; 
height: 18px;
text-decoration: none;

}

.menuTopM a:hover {
display: block;
background: #fe6700;
color: #FFFFFF;
font: 11px  Arial, Helvetica, sans-serif;
text-align: center; vertical-align: middle;
cursor: pointer;
height: 18px;
text-decoration: none;
}

.submitImage{
border: 0px;
height: 14px;
width: 14px;       
}
.boldTitleText {
	font-size: 18px;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
    color: #333333;
}

.popupSpan {
	position:absolute;
	width: 600;
	height: 150;
	background-color: white;
	border:2px #fe6700 solid;
}
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #fe6700;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #fe6700 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 50%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: #FF6600;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-body {padding: 2px 16px;}

.scrolldatalist{
	overflow-y: auto !important;  
}

input::-webkit-calendar-picker-indicator {
	opacity: 100;
}