/* FOCUS - styles */
BODY {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EEF4F7;
	color: #000000;
	font-size: 12px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
}

#header {
	width : 100%;
        height: 100px;
        padding: 6px;
	background-color : #FFFFFF;
}

#logoFocus {
        margin-top: 8pt;
	border: 0px none #FFFFFF;
	background-color : #FFFFFF;
}

#logoSnvel {
	float: right;
        margin-right:6px;
	border : 0px none #FFFFFF;
       	background-color : #FFFFFF;
 }

#mainMenu {
	height : 18pt;
	width : 100%;
	background-color : #A2D0E2;
	border: 0px none #FFFFFF;
	border-bottom : 1px solid #2A2371;
	color : White;
	font : bold 13px;
	text-indent : 19px;
}

.menuElement {
	padding-left : 5px;
	padding-right : 5px;
	vertical-align : middle;
	display: inline;
	font-size : 7pt;
	font-weight : bold;
	color: #FFFFFF;
	text-decoration: none;
	font-weight : bold;}

a:hover{
	color: #2A2371;
}

#mainContent {
}

td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	padding-bottom : 25px;
}
.leftCol {
	width : 175px;
	background-color : #2A908C;
	vertical-align: top;
	color: #FFFFFF;
        padding-right: 7px
}
.leftColHome {
	width : 175px;
	background-color : #2A908C;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
}
.menuSelected {
	position: relative;
	top: 15px;
	left: 9px;
	width: 150px;
	background-image: url(images/icon_down.gif);
	background-repeat : no-repeat;
	background-position: top left;
	padding-left : 20px;
	background-color : #2A908C;
	font-weight : bold;
	color: #FFFFFF;
	font-size : 13px;
	padding-bottom : 10px;
	padding-top : 10px;
}

.menuHeading {
	position: relative;
	top: 15px;
	left: 9px;
	width: 150px;
	padding-left : 3px;
	background-color : #2A908C;
	font-weight : bold;
        font-style: italic;
	color: #A2D0E2;
	font-size : 13px;
	padding-bottom : 10px;
	padding-top : 10px;
}

.ssMenuBox {
	position: relative;
	top: 25px;
	left: 9px;
	padding-left : 20px;
	font-weight : normal;
	color: #FFFFFF;
	font-size : 13px;
	padding-bottom : 7px;
}
.ssMenuBox a {
	font-weight : normal;
	text-decoration : none;
	color : White;
}
.ssMenuBox a:hover {
	font-style: italic;
	text-decoration : none;
	color : White;
}

.ssMenuBoxSelected {
	position: relative;
	top: 25px;
	left: 9px;
	background-image: url(images/icon_right.gif);
	background-repeat : no-repeat;
	background-position: top left;
	padding-left : 20px;
	color: #FFFFFF;
	font-size : 13px;
	padding-bottom : 7px;
}

.ssMenuBoxSelected a {text-decoration:none;color:#FFFFFF}

.ssMenuBoxSubheading {
	position: relative;
	top: 25px;
	left: 9px;
	padding-left : 20px;
	font-weight : bold;
	color: #FFFFFF;
	font-size : 13px;
	padding-bottom : 7px;
}

.ssMenuBoxSubheading a {text-decoration:none;color:#FFFFFF}

.ssMenuBoxSelectedSubheading {
	position: relative;
	top: 25px;
	left: 9px;
	background-image: url(images/icon_down.gif);
	background-repeat : no-repeat;
	background-position: top left;
	padding-left : 20px;
	font-weight : bold;
	color: #FFFFFF;
	font-size : 13px;
	padding-bottom : 7px;
}

.rightCol {
	z-index: 3;
	vertical-align: top;
	padding : 25px 10px 10px 20px;
	padding-top : 25px;
	padding-right : 10px;
	padding-left : 20px;
	padding-bottom : 10px;
}
.rightCol a:link { color: #000000; text-decoration : underline; }
.rightCol a:visited { color: #000000; text-decoration : underline; }
.rightCol a:hover { color: #000000; text-decoration : underline; }
.rightCol a:active { color: #000000; text-decoration : underline; }

.rightcol table {background-color:#FFFFFF;
                 border-color: #666666}

.rightcol th {background-color:#CCCCCC;
              vertical-align:top}

.rightcol table#grille {background: #EEF4F7;
                        border-style: none}

img {
	border:0px;
}

.small {
	font-size: 10px;
}



/* Style des formulaires : champs et boutons*/
.formfield {
	BORDER-RIGHT: #2A2371 1px solid;
	BORDER-TOP: #2A2371 1px solid;
	BORDER-LEFT: #2A2371 1px solid;
	BORDER-BOTTOM: #2A2371 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	FONT-SIZE: 12px;
	COLOR: #000000;
	BACKGROUND-COLOR: #FFFFFF;
}

.formbutton {
	BORDER-RIGHT: #2A2371 1px solid;
	BORDER-TOP: #2A2371 1px solid;
	BORDER-LEFT: #2A2371 1px solid;
	BORDER-BOTTOM: #2A2371 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #2A908C;
}

select {
	BORDER-RIGHT: #2A2371 1px solid;
	BORDER-TOP: #2A2371 1px solid;
	BORDER-LEFT: #2A2371 1px solid;
	BORDER-BOTTOM: #2A2371 1px solid;
	FONT-SIZE: 12px;
	COLOR: #000000;
	font-family: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF ;
}

textarea {
	BORDER-RIGHT: #2A2371 1px solid;
	BORDER-TOP: #2A2371 1px solid;
	BORDER-LEFT: #2A2371 1px solid;
	BORDER-BOTTOM: #2A2371 1px solid;
	FONT-SIZE: 12px;
	COLOR: #000000;
	font-family: Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFFFFF ;
}

h1 {color: #000066}

h2 {color: #003300}

.promoboite {width: 140px;
             margin-left:10px;
             background-color: #66CC66;
             color: #000000;
             margin-top:72pt;
             font-size:xx-small;
            padding: 5px}

a.plan1 {text-decoration:none;
         font-weight:bold;
         color:#999999;
         font-size: 12pt}

a.plan2 {text-decoration:none;
         font-weight:bold;
         font-style:italic;
         color:#666666;
         font-size: 10pt}

a.plan3 {text-decoration:none;
         color:#333333;
         font-size: 8pt}

a.plan1:hover {text-decoration:underline;
               color: #000099}

a.plan2:hover {text-decoration:underline;
               color: #000099}

a.plan3:hover {text-decoration:underline;
               color: #000099}