/* Start of CMSMS style sheet 'o2i stylesheet : Layout' */
/*********************  Stylesheet O2i.ch Modifie par JSeb SOS-WEB.CH  **********************/

#page { 
	background: #ffffff; 
	width: 1000px;
	margin: 0 auto;
	color: #3F3F3F;
	-webkit-border-radius: 11px;  
	-moz-border-radius: 11px; 
	-khtml-border-radius: 11px;  
	border-radius: 11px;
	}

#header {
	height: 253px;
	width:100%;
	overflow:hidden;
	}

#header a{ /* Color Header-Text */
	color: #ffffff;
	}

#header a {
	/*background: #ffffff url(uploads/layout/banner.jpg) no-repeat top center;*/
	width:100%;
	height:260px;
	border-top: 5px solid #ffffff; 
	text-align: left;
	display:block;
	}

#navcontainer { 
	float: left; 
	min-height: 380px; 
	overflow: hidden; 
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 18px; 
	width: 190px; 
	margin-left: 5px;
	}

#menu li { 
	margin: 0; 
	padding: 1px; 
	text-align: left; 
	}

#menu li a { 
	display: block; 
	vertical-align: bottom; 
	}

#menu li a:hover { 
	color: #71A4C6; 
	text-decoration: none; 
	}

#active { 
	background-color: #EDF3F8; 
	padding: 1px; 
	border: 1px solid #4483B0; 
	}

li#separator { 
	background-color: red; 
	}

span.sectionheader { 
	background-color: yellow; 
	}

#content { 
	float: right; 
	min-height: 380px;
	padding-bottom: 40px;
	width: 755px; 
	}

#maincontent { 
	float: left; 
	overflow: hidden; 
	padding: 18px 20px 0; 
	voice-family: inherit; 
	width: 490px; 
	}

#maincontent ul { 
	list-style-image: url(uploads/layout/bullet.png); 
	}

#footer { 
	background: #eeeeee none repeat scroll 0 0; 
	color: #6a6666; 
	font-size: 90%; 
	height: 30px; 
	margin: 0 auto; 
	padding: 10px 0; 
	text-align: center; 
	width: 980px; 
	border-top: 5px solid #ffffff; 
	border-bottom: 5px solid #ffffff; 
	}

#footertextleft { 
	float: left; 
	margin-left: 10px; 
	text-align: left; 
	width: 420px; 
	}

#footertextright { 
	float: right; 
	margin-right: 10px; 
	text-align: right; 
	width: 450px; 
	}

/* Class */
.box-blue { 
	background: #E8F1F7; 
	border: 1px solid #8EB6D2;
	text-align: left; 
	width: 100%;
	margin-bottom: 6px;
	padding: 6px 2px 6px 4px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	-khtml-border-radius: 3px;  
	border-radius: 3px;
	font-size: 0.90em; 
	}

.box-blue p { 
	margin-bottom: 10px;
	margin-top: 10px; 
	}

.box-blue input { 
	width: 170px;
	margin: 0 0 3px 4px;
	color: #464646;
	}

.NewsSummaryMorelink hr { 
	border-top: 1px solid #8796A7;
	width: 80%;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}

.underline { 
	border-bottom: 2px solid #ffb93f; 
	padding-bottom: 3px; 
	width: 180px; 
	}

.subheading { 
	font-weight: bold; 
	}

.menu ul { 
	list-style-type: none; 
	margin: 0; 
	padding: 1px;
	color: #366585;
	}

.menu ul ul{ 
	list-style-type: disc; 
	margin:  0 0 0 17px;
	color: #366585;
	}

.currentpage{ /* menu */
	background-color:#fff;
	padding: 1px 1px 1px 5px;
	border:1px solid #8EB6D2;
	}

li#separator{ /* menu */
	background-color:red;
	}

span.sectionheader{ /* menu */
	background-color:yellow;
	}
 
html, body { 
	background: #CFEBEC url(uploads/layout/o2i-background.jpg) top left repeat-x; 
	font-family: arial, Helvetica, sans-serif; 
	font-size: 14px; 
	margin: 0; 
	padding: 3px 0 5px 0;
	text-align: center; 
	}

img { 
	border: medium none; 
	}

* html #container { 
	overflow: visible;
	}

* html #content { 
	height: 380px; 
	overflow: visible; 
	}

* html #navcontainer { 
	height: 380px; 
	overflow: visible; 
	}

.mainheading { 
	font-size: 123%; 
	font-weight: bold; 
	}

.header-text { /* Header-Text */
	font-family: arial; 
	font-size: 250%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: normal; 
	margin-top: 0; 
	padding-top: 0; 
	}

/* Links */
a { 
	color: #3D7296; 
	font-weight: bold; 
	text-decoration: none; 
	}
 
a:hover { 
	color: #fca00e; 
	text-decoration: none; 
	}

/* Fonts */
h1 { 
	color: #3D7296; 
	font-family: Arial; 
	font-size: 120%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: normal; 
	margin-top: 0; 
	padding-top: 0; 
	}

h2 { 
	color: #3D7296; 
	font-family: arial; 
	font-size: 150%; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: bold; 
	line-height: normal; 
	margin-top: 0; 
	padding-top: 0; 
	}

.o2itable1 { 
	background:#EFF5FA;
	width: 100%;
	border-right: 1px solid #B3CEE1;
	}

.o2itable1 img{ 
	margin: 2px 3px 0 3px;
	}

.o2itablecel { 
	border-bottom: 1px solid #B3CEE1;
	border-left: 1px solid #B3CEE1;
	height: 50px;
	}

.o2itable1head1 { 
	color: #ffffff;
	background: #8EB6D2;
	border-top: 0;
	border-right: #ffffff;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #B3CEE1;
	border-left: 1px solid #B3CEE1;
	height: 50px;
	}

.o2itable1head2 { 
	text-align: left;
	font-weight: bold;
	vertical-align: middle;
	padding: 1px 0 1px 8px;
	border-bottom: 1px solid #B3CEE1;
	border-left: 1px solid #B3CEE1;
	height: 50px;
	}

/* propre au UDT embed */
#myframe { height: 620px; }
#myoscomm{ height:620px; }

textarea {
  width: 400px;
  height: 80px;
}
/* End of 'o2i stylesheet : Layout' */