/*---------------------------------------------*/
/*-Clear defaults - inspired from Tantek Celik-*/
/*---------------------------------------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd,table {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
a:link {color:#0066cc;}

/*----------------------------------------------------*/
/* Main page CSS Layouts: Two Columns & Fixed layouts */
/*----------------------------------------------------*/

html,
body,
form
{
	margin:0;
	padding:0;
	/*line-height: 1.5em;*/
	height:100%;
	border:none;
    background-color:#ffcc00;
	
	/* Font information */
	font-size:11px;
    color:black;
    font-family: arial,verdana,sans-serif;
    
	/*filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#7DA7D9,endColorStr=#ffffff);*/
    
}

table .zephirContent
{
    width:700px;
    background-color:White;
    padding-bottom:3px;
}

div.footerInfo
{
	border: #003399 1px solid;
	margin-top:27px;
	padding:10px;
}

/****************************************
** Style des formulaires de l'extranet **
****************************************/

.zeExtranetForm
{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	color:#003399;
	border:solid 1px #003399;
	padding-bottom:15px;
	padding-top:15px;
}

/******************/
/*CSS Tech helpers*/
/******************/

.FloatContainer
{
	overflow:auto;
	width:100%
}


.Ellipsis
{
    overflow:hidden; 
    text-overflow:ellipsis; 
    white-space:nowrap;
}

.HandOver
{
    cursor:hand;
}

.zeExtranetError
{
	color:black;
	background:#FFFF66;
}

.zeExtranetError .top_image
{
	background:url(Images/Deco/Sailing-Band1_40h_deg.jpg) no-repeat 100% 0px;
}
/***********************************
********* Modèles de base **********
***********************************/
.zeExtranetError .FloatContainer,
.zeExtranetForm .FloatContainer
{
	overflow:auto;
	width:100%
}

.zeExtranetForm input.textbox,
.zeExtranetForm textarea.textbox
{
	border:solid 1px #003399;
    font-weight:700;
    color:#003399;
}

.zeExtranetForm input.textbox.readonly
{
	/*background-color:#e3e3e3;*/
	background-image:url(images/backs/stripes-lightgray.gif);
}

.zeExtranetForm .fieldbox
{
    overflow:auto;
    padding:1px;
}

.zeExtranetForm .fieldbox .label
{
    /*font-weight:bold;*/
    float:left;
    font-size:12px;
}

.zeExtranetForm .fieldbox .textbox
{
    float:left;
    font-size:12px;    
}

.zeExtranetFormTitle
{
	background-color:#ffcc00;
	padding:2px;
	margin-bottom:15px;
	font-size:14px;
	color:#003399
}

.zeExtranetForm select
{
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	color:#003399;
	background-color:#EFF5FD;
}
/***********************************/
/* Définition des bandeaux : Début */
/***********************************/
div.presentationHeader.Presentation
{
	background-image:url("images/Bandeaux/bandeau_rien.gif");
}

div.presentationHeader.Accueil
{
	background-image:url("images/Bandeaux/bandeau_index.gif");
}

div.presentationHeader.Renseignement
{
	background-image:url("images/Bandeaux/bandeau_gens.gif");
}

div.presentationHeader.Recouvrement
{
	background-image:url("images/Bandeaux/bandeau_helico.gif");
}

div.presentationHeader.Encours
{
	background-image:url("images/Bandeaux/bandeau_corde.gif");
}

div.presentationHeader.Courtage
{
	background-image:url("images/Bandeaux/bandeau_mousqueton.gif");
}
/*********************************/
/* Définition des bandeaux : Fin */
/*********************************/

/***************************************************************************/
/* Définition de la mise en page globale de la partie présentation : Début */
/***************************************************************************/
div.zephirContentAndFooter
{
	padding-left:26px;
	padding-right:26px;
	margin-bottom:27px;
}

.zephirTitreBlanc 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: normal;
	padding-top:50px;
	width:200px;
}

.zephirTitreBlanc div
{
	width:100%;
	display:block;
	text-align:left;
}

div.prestationHeader
{
	border:0;
	margin:0;
	padding:0;
	background-image:url("images/Backs/PrestationHeader.gif");
	width:100%;
	height:26px;
}

div.prestationMenu
{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:19px;
}

div.presentationHeader
{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:170px;
	background:#0281CC no-repeat 0 0;
}

div.presentationMenu
{
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:20px;
	border-bottom:solid 5px #ffcc00;
}

div.divInterligne
{
	margin-bottom:21px
}
/*************************************************************************/
/* Définition de la mise en page globale de la partie présentation : Fin */
/*************************************************************************/

.marqueeCssClass
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:#003399;
	border:solid 1px #003399;
	padding-top:10px;
	padding-bottom:10px;
}

/***********************************************/
/* Définition dla police et des titres : Début */
/***********************************************/

.customFont_NoBold,
.customFont
{
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
}

.customFont                              
{
	font-weight:700;
}

.blueTitle
{
	color:#0099cc;
	font-size:10px;
}

.blueBigTitle
{
	color:#0099cc;
	font-size:11px;
}

.orangeBigTitle
{
	color:#ff6600;
	font-size:11px;
}
/*********************************************/
/* Définition dla police et des titres : Fin */
/*********************************************/



/*********************************/
/* Définition de bordure : Début */
/*********************************/
.dottedOrangeHorizontalBoder,
.dottedOrangeVerticalBoderBottom
{
	background-image:url("images/Border/pointille_orange.gif");
	background-color:Transparent;
	background-repeat:repeat;
}

.dottedOrangeHorizontalBoder
{
	height:6px;
}

.dottedOrangeVerticalBoderBottom
{
	width:6px;
}
/*******************************/
/* Définition de bordure : Fin */
/*******************************/


div.divCadreEnquete
{
	background-image:url("images/Backs/cadre_enquete.gif");
	background-repeat:no-repeat;
	background-position:center;
}

div.divCadreRecouvrement
{
	background-image:url("images/Backs/cadre_recouv.gif");
	background-repeat:no-repeat;
	background-position:center;
}

div.divCadreAssuranceCredit
{
	background-image:url("images/Backs/cadre_assurcredit.gif");
	background-repeat:no-repeat;
	background-position:center;
}

div.divLogoDucroire
{
	width:100%;
	height:90px;
	background-image:url("images/Logo/logoDucroire.jpg");
	background-repeat:no-repeat;
	background-position:center;
}

/**********************/
/* Custom DDL : Debut */
/**********************/

div.sexy {
    white-space: nowrap;
    height: 21px;
    border: 0;
    margin: 0;
    padding: 0;
    width: 146px;
}

div.sexy input {
    margin: 0 0 0 0;
    font-family:Verdana,Arial,Helvetica,Sans-Serif;
    font-weight:700;
    font-size:12px;
    color:#003399;
    padding:1px 3px;
    /*background:#fff url(./images/Buttons/text-bg.gif) repeat-x 0 0;*/
    border:1px solid #003399;
    height: 18px;
    line-height:18px;
    vertical-align:middle; 
    left: 0px;
    top: 0px; 
    width: 129px;  

}

div.sexy div.icon {
    width:17px;
    height:21px;
    border: 0;
    background:transparent url(./images/Buttons/trigger.gif) no-repeat -17px 0;
    cursor:pointer;
    top:0px;
    left: 129px; 
	border-bottom:1px solid #003399;
	border-left:1px solid #003399;
}


div.sexy div.list-wrapper {
    left: 0px;
    top: 21px;
    border: 1px solid #D9D9D9;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 146px;
    bottom: auto;
}

div.sexy div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.sexy ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
}


div.sexy  li {
    padding: 0;
    padding-left: 5px;
    font:normal 14px tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFFF;
    cursor: pointer;
    margin: 0;
}

div.sexy li.active {
    background-color: rgb(223, 232, 246);
}

div.sexy input.empty {
    color: gray;
}
/**********************/
/* Custom DDL : Debut */
/**********************/

/******************/
/* Boutons Submit */
/******************/
input.zephirExtranetSubmitBut
{
	background-color:#bae2fa;
	color:#003399;
	font-weight:700;
	font-family:Verdana;
	font-size:10px;
	border:solod 1px #003399;
}

/*********************
*** Info Popup Css ***
*********************/

.AlertPopup,
.InfoPopup,
.WarningPopup,
.GreyPopup
{
	list-style:square none inside;
	/*opacity:0.85;*/
	display:none;  
	position:fixed;  
	_position:absolute; /* hack for internet explorer 6*/ 
	bottom:2px;
	left:2px;
	border:4px solid #999999;  
	z-index:2;  
	/*padding:12px;  */
	font-size:13px;
	width:250px;
	cursor:hand;
} 

.AlertPopup
{
	/*background:#ce0800;  */
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#ff8888);
    border-color:#ce0800;
}

.InfoPopup
{
	/*background:#f0f0f0;*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#C4F2AD);
    border-color:#4B8B2C;
}

.GreyPopup
{
	/*background:#f0f0f0;*/
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#dddddd);
    border-color:#cccccc;
}

.WarningPopup
{
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#ffeeaa);
    border-color:#ffcc21;
	/*background:#DF8713;  */
}




.InfoPopup div,
.AlertPopup div,
.WarningPopup div,
.GreyPopup div
{
	padding-top:5px;
	padding-bottom:5px;
}

.InfoPopup div.InfoDiv_ContentDivCss,
.AlertPopup div.InfoDiv_ContentDivCss,
.WarningPopup div.InfoDiv_ContentDivCss,
.GreyPopup div.InfoDiv_ContentDivCss
{
	font-size:8pt;
	font-weight:normal;
	padding-left:5px;
	min-height:40px;
}

.InfoPopup div.Info_TitleDivCss,
.AlertPopup div.Info_TitleDivCss,
.WarningPopup div.Info_TitleDivCss,
.GreyPopup div.Info_TitleDivCss
{
	font-size:10pt;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding:5px 5px 5px 5px;
	width:222px;
	float:left;
}
.InfoPopup div.Info_CloseDivCss,
.AlertPopup div.Info_CloseDivCss,
.WarningPopup div.Info_CloseDivCss,
.GreyPopup div.Info_CloseDivCss
{
	font-size:10pt;
	font-weight:bold;
	padding:5px 5px 5px 5px;
	float:right;
	cursor: pointer;
}

.InfoPopup div.Info_MoreDivCss,
.AlertPopup div.Info_MoreDivCss,
.WarningPopup div.Info_MoreDivCss,
.GreyPopup div.Info_MoreDivCss
{
	padding:5px 5px 5px 5px;
	font-size:7pt; 
	font-style:italic; 
	font-weight:normal; 
	text-align:right;
}


.AlertPopup div.Info_TitleDivCss,
.AlertPopup div.Info_CloseDivCss
{
	background:#ce0800;
	color:White;
}
.WarningPopup div.Info_TitleDivCss,
.WarningPopup div.Info_CloseDivCss
{
	background:#ffcc21;
	color:#1b4254;
}


.InfoPopup div.Info_TitleDivCss,
.InfoPopup div.Info_CloseDivCss
{
	background:#4B8B2C;
	color:White;
}

.GreyPopup div.Info_TitleDivCss,
.GreyPopup div.Info_CloseDivCss
{
	background:#a0a0a0;
	color:White;
}

.AlertPopup div.InfoDiv_ContentDivCss ul
{
    padding-left:20px;
    list-style-position:outside;
    list-style-image:url(images/icons/ArrowErr-Right.gif);
}
div.InfoDiv_ContentDivCss ul
{
    padding-left:20px;
    list-style-position:outside;
    list-style-image:url(images/icons/bullet-def.png);
}

div.InfoDiv_ContentDivCss li
{
    padding:3px 5px 3px 16px;
}

/**********************
*** Gridview styles ***
**********************/

/* table style */
table.gridview-zeExtranet
{
    /*font-family:arial;*/
	/*font-size:small;*/
    font-size:8pt;
	border:solid 1px #7f7f7f;
	color:#555555;
    background-color:White;
}

/* common cell styles */
.gridview-zeExtranet th, .gridview-zeExtranet td
{
	padding:3px 8px;	
    vertical-align:middle;
    cursor:default;
	color: #000;
}

/* header cell style */
.gridview-zeExtranet th
{
	color: white;
	border-right:solid 1px #7f7f7f;
	border-bottom:solid 1px #7f7f7f;
    background:#1b4254;
}  

/* header cell style */
.gridview-zeExtranet th a
{
    color: white !important;
}
.gridview-zeExtranet th a:link
{
    border:dotted 0px #ffcc00 !important;
    border-bottom:1px !important;
}
.gridview-zeExtranet th a:hover
{
    color:#ffcc00 !important;
    background-color:#1b4254 !important;
}

/* header cell hover style */
.gridview-zeExtranet .header-over 
{ 
	background:#cccccc !important;
	/*text-decoration:underline !important;*/
}

/* regular cell style */
.gridview-zeExtranet td
{
    border-bottom:solid 1px #d0d0d0;
}

.gridview-zeExtranet .grayed
{
    background-image:url(images/Backs/stripes-gray.gif);
}

/* mouseover/select row style */
.hover
{ 
	background-color:#FEE270;/*#FEEA9C;#d2d6de; */
	cursor:hand;
}

/* select row style */
.selected
{ 
	background-color:#FEEA9C; 
	color:#000;
}

.selected-before
{ 
	background-color:#ffcc00; 
	color:#333;
}

.gridview-zeExtranet .hidden
{
    display:none;
}

.data-row
{
   /*background-color:White;*/
}
.data-row.alt
{   
    background-color:white;
}
/*------------------------------------ NO DATA (PLEASE SELECT MESSAGE)------------------------------------------*/

.nodata
{
    text-align:center;
    font-size:13px;
    font-weight:bold;
    width:100%;
    background: url('./images/Backs/stripes-gray.gif') repeat;   
    border:dotted 0px #cccccc;
    color:Gray;
}

.nodata span {color:#bbbbbb;margin:15px;padding-left:22px;background:url('./images/Icons/Ico-Info.gif') no-repeat 0px 0px;}