/* 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;
}

.submenu {
	padding-left : 30px;
	font-weight : normal;
	color: #FFFFFF;
	font-size : 7pt;
	padding-bottom : 0px;
        padding-top:1px
}
.submenu a {
	font-weight : normal;
	text-decoration : none;
	color : White;
}
.submenu a:hover {
	font-style: italic;
	text-decoration : none;
	color : White;
}

.ssubmenu {
	padding-left : 30px;
	font-weight : bold;
	color: #FFFFFF;
	font-size : 7pt;
	padding-bottom : 0px;
        padding-top:1px;
	background-image: url(/resources/focus_fr/icon_right.gif);
	background-repeat : no-repeat;
	background-position: center left;

}

.menu {
	padding-left : 15px;
	font-weight : bold;
	color: #FFFFFF;
	font-size : 9pt;
	padding-bottom : 4px;
        padding-right:3px;
        padding-top:3px
}

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

.smenu {
	background-image: url(/resources/focus_fr/icon_down.gif);
	background-repeat : no-repeat;
	background-position: top left;
	padding-left : 15px;
	font-weight : bold;
	color: #FFFFFF;
	font-size : 9pt;
	padding-bottom : 4px;
	padding-right : 3px;
        padding-top:3px
}


.rightCol {
	z-index: 3;
	vertical-align: top;
	padding-top : 10px;
	padding-right : 10px;
	padding-left : 10px;
	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;
    padding-top:0px;
    margin-top:0px}

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}

table.bodytable {background-color:#006600}

.bodytable td {background-color:#FFFF99;
               color:#000033;
               margin:3px;
               padding:3px;
               font-size:7pt}

table.whitetable {background-color:#FFFFFF}

.whitetable td {color:#000000;
                margin:3px;
                padding:3px}

div.prpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 310px; float: right; clear: right; }
div.prpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.trpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 160px; float: right; clear: right; }
div.trpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.frpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 85px; float: right; clear: right; }
div.frpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }

div.plpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 310px; float: left; clear: right; }
div.plpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.tlpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 160px; float: left; clear: right; }
div.tlpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.flpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 85px; float: left; clear: right; }
div.flpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }

div.pcpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 310px; float: none; clear: both; }
div.pcpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.tcpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 160px; float: none; clear: both; }
div.tcpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.fcpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 85px; float: none; clear: both; }
div.fcpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }

div.phpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 310px; float: right; clear: right; }
div.phpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.thpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 160px; float: right; clear: right; }
div.thpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }
div.fhpicture {
  background: #CCCCCC; margin: 4px 0 0 4px; padding: 4px;
  font-size: 9pt; width: 85px; float: right; clear: right; }
div.fhpicture img {
  border: 1px solid #000000; padding: none; margin: 4px; }