/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    background-color: #dddddd;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin-top: 0px;
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    
}
H1	
{
    COLOR: #2BAEC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.5em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	
{
    COLOR: #2BAEC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.4em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	
{
    COLOR: #2BAEC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.20em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	
{
    COLOR: #2BAEC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.10em;
	font-weight:	700;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	
{
    COLOR: #1B5663;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}

.tabMain
{
    background-color: #1595AB;
}

.tabFooter
{
    background-image: url("../images/bandeau_bas.jpg");
}

.tabPath
{
    background-image: url("../images/bandeau_path.jpg");
}

.tabMenu
{
    background-image: url("../images/bandeau_haut_menu.jpg");
}

.tabConnexion
{
    background-image: url("../images/bandeau_haut_connexion.jpg");
}

.tabTop
{
    background:#ffffff url(../images/haut_rectangle_blanc.jpg) no-repeat top ;
}

.menu
{
    font-weight: bold;
    font-size: 1em;
    color: white;
    font-family: Arial;
    text-decoration: none;
    text-align:left;
}
.menu:link	{	
	text-decoration:	none;
	color:	#ffffff;
	}	
		
.menu:visited	{	
	text-decoration:	none;
	color:	#ffffff;
	}	
		
.menu:active	{	
	text-decoration:	none;
	color:	#ffffff;
	}	
		
.menu:hover	{	
	text-decoration:	none;
	color:	#ffffff;
	}

.submenu {
    font-weight: bold;
    font-size: 1em;
    color: #1B5663;
    font-family: Arial;
    text-align:left;
    text-decoration: none;
}
.submenu:link	{	
	text-decoration:	none;
	color:	#1B5663;
	}	
		
.submenu:visited	{	
	text-decoration:	none;
	color:	#1B5663;
	}	
		
.submenu:active	{	
	text-decoration:	none;
	color:	#ffffff;
	}	
		
.submenu:hover	{	
	text-decoration:	none;
	color:	#ffffff;
	}
	
.path
{
    font-weight: bold;
    font-size: 1em;
    color:#dddddd;
    font-family: Verdanna;
    text-decoration: none;
}
a.path:link	{	
	text-decoration:	none;
	color:	#dddddd;
	}	
		
a.path:visited	{	
	text-decoration:	none;
	color:	#dddddd;
	}	
		
a.path:active	{	
	text-decoration:	none;
	color:	#ffffff;
	}	
		
a.path:hover	{	
	text-decoration:	none;
	color:	#ffffff;
	}


.errorMessage 
{
    font-weight: normal;
    font-size: 0.8em;
    color: red;
    font-family: Arial;
    }
    
.connexionTitle
{
    background-color:#6b696b ;
    font-weight: bold;
    font-size:0.9em ;
    text-align:center;
    color:White;
    padding:4px;
    }
    

    
    /*BEGIN NAVIGATION*/
#ynnav{padding:0; clear:both; }
#ynlownav h5, #ynsubnav h5, #ynnav h5{display:none; }
#ynnav ul{margin:0; padding:0 0 0 8px; list-style:none; height:18px;}
#ynnav li{display:block; float:left; background:#f2f3f5 url(../images/css/bg_nav_cnrl.gif) no-repeat; margin-right:2px; padding-left: 1px ;}
#ynnav li div{display:block; float:left; margin:0; background:url(../images/css/bg_nav_cnrr1.gif) no-repeat top right; padding-right:1px; }
#ynnav li a{display:block; float:left; font:10px verdana; font-weight:bold; color:#434343; white-space:nowrap; padding:3px 6px; margin:0; text-decoration:none; }
#ynnav li a:visited{color:#434343; text-decoration:none;}
#ynnav li a:hover{color:#2BAEC4; text-decoration:none;}
#ynnav li.on{background:#F2F3F5 url(../images/css/bg_nav_cnrl_on.gif) no-repeat; padding-left:3px;}
#ynnav li.on div{background:url(../images/css/bg_nav_cnrr_on200.gif) top right no-repeat; padding-right:3px;}
#ynnav li.on a{color:#FFFFFF ; text-decoration:none;}
#ynnav li.on a:visited{color:#FFFFFF ; text-decoration:none;}
#ynnav li.index{background:none;  }
#ynnav li.index div{background:none; }
#ynnav li.index a{color:#003DB8 ; font-weight:normal; }
#ynnav li.index a:visited{color:#003DB8 ; }


#shadowed {WIDTH: 100%;background: url(../images/css/bkg.gif) repeat-x bottom;padding:0px;margin:15px 0px 10px 0px;}
#shadowed .sh_rc_tl, #shadowed .sh_rc_tr, #shadowed .sh_rc_bl, #shadowed .sh_rc_br {FONT-SIZE: 0px;POSITION: absolute;WIDTH: 8px;HEIGHT: 8px;}
#shadowed .sh_rc_tl {BACKGROUND: url(../images/css/lc.gif);TOP: 0px;LEFT: 0px;}
#shadowed .sh_rc_tr {BACKGROUND: url(../images/css/rc.gif);TOP: 0px;RIGHT: 0px;}
#shadowed .sh_rc_bl {BACKGROUND: url(../images/css/bl1.gif);BOTTOM: 0px;LEFT: 0px;}
#shadowed .sh_rc_br {BACKGROUND: url(../images/css/br1.gif);BOTTOM: 0px;RIGHT: 0px;}
#shadowed .sh_rc_top,#shadowed .sh_rc_bot,#shadowed .sh_mid {POSITION: relative;WIDTH: 100%;BORDER:0px;margin:0px;padding:0px;Z-INDEX: 100;}
#shadowed .sh_rc_top {BACKGROUND: url(../images/css/mt.gif) repeat-x;MIN-HEIGHT:8px;HEIGHT:8px;}
#shadowed .sh_rc_bot {BACKGROUND: url(../images/css/mb.gif) repeat-x;MIN-HEIGHT:8px;HEIGHT:8px;}
#shadowed .sh_mid_left {BACKGROUND: url(../images/css/ml1.gif) left repeat-y;}
#shadowed .sh_mid_right {BACKGROUND: url(../images/css/mr.gif) right repeat-y;}
#shadowed .sh_mid_mid {text-align:left;}


.tdName
{
    width: 200px;
    vertical-align: top;
    COLOR: #2BAEC4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.0em;
	font-weight:	700;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}

.tdValue
{
    WIDTH:600px;
    vertical-align: top;
}
.tdGuide
{
    vertical-align: top;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .7em;
    margin: 5px;
}
.tdName2
{
    vertical-align: top;
    COLOR: #1B5663;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}

.tdValue2
{
    vertical-align: top;
}

.plus
{
    text-align: right;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	0.8em;
}
div.encart
{
     text-align: center;
}
div.encart h5
{
    color: #1B5663;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    background-color: #e8efeb;
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    padding-top: 3px;
}
HR
{
    color: #e8efeb;
    background-color: #e8efeb;
    height: 1px;
    border: 0;
}
.solution
{
    vertical-align: top;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    border-left-color: #339966;
    border-bottom-color: #339966;
    padding-bottom: 5px;
    color: #003333;
    border-top-style: solid;
    border-top-color: #339966;
    padding-top: 5px;
    border-right-style: solid;
    border-left-style: solid;
    background-color: #ccffcc;
    border-right-color: #339966;
    border-bottom-style: solid;
    font-size: 1em;
    width: 500px;
    border: 1px;
}

.casEditSingleLineTextBox 
{
    width: 500px;
    }
    
.casEditSingleLineTextBox2 
{
    width: 200px;
    }
 
.casEditMultiLineTextBox 
{
    width: 500px;
    height: 100px;
    } 

.casEditMultiLineTextBox2 
{
    width: 400px;
    height: 100px;
    }    

.menuMonCas
{
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    color: #003333;
    background-color: #ededf4;
    font-size: 1em;
    border-right: #d2d2e3 1px solid;
    border-top: #d2d2e3 1px solid;
    border-left: #d2d2e3 1px solid;
    border-bottom: #d2d2e3 1px solid;
}
.popupTitle
{
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

.popupFrame
{
    position: absolute;
    border: 1px solid orange;
    background-color: #e5e5e5;
    width: 400px;
    display: none;
    z-index: 200;
    text-align: left;
}

.popupContent
{
    background-color: orange;
}