body {
	margin: 20px;
	background: #003366 url(images/img01.jpg) repeat-x left top;
	font : 85% "Times New Roman", Times, Arial, helvetica, sans-serif;
	font-size: 12px;
	color: #282828;
}

h1, h2, h3, h4 {
	margin: 0;
	font : 85% "Times New Roman", Times, Arial, helvetica, sans-serif;
	font-weight: lighter;
}

h1 {
	font-size: 2em; color: #FFFFFF;
}

h2 {
	font-size: 1.4em; color: #FFFFFF;
}

h3 {
	font-size: 1.2em; color: #000000;
}

h4 {
	font-size: 1.1em; color: #000000;
}

p, ul, ol {
	margin-top: 0;
	line-height: 150%;
}

ul, ol {
}

a {
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	color: #ff6600;
}

a:hover {
	background-color: #999999; color:#fff;
}

#wrapper {
	width: 1050px;
	margin: 0 auto;
	padding: 20px;
}

/* Header */

#header {
	width: 1050px;
	height: 44px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 1050px;
	color: #333333;
}

#logo h1, #logo p {
}

#logo h1 {
	float: left;
	padding: 0;
	margin-right: 10px;
	letter-spacing: -1px;
	font-size: 2.1em;
}

#logo p {
	float: left;
	margin: 11px 0 0 0;
	background: #0984FF;
	padding: 3px 10px;
	font: normal 10px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #003366;
}

/* Menu */

#menu {
	width: 1050px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	margin-right: 3px;
	padding: 7px 7px 7px 7px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu a:hover, #menu .current_page_item a {
}

#menu a:hover {
	background: #003366;
	margin-right: 3px;
	text-decoration: none;
}

#menu .first {
	background: #003366;
	margin-right: 3px;
}

/* Page */

#page {
	width: 1050px;
	margin: 0 auto;
	padding-top: 20px;
}

/* Content */

#content {
	float: right;
	width: 850px;
	padding: 0px 0px 0px 0px;
}

.post {
}

.post .title {
	color: #000000;
}

.post .title a {
	background: none;
	color: #FFFFFF;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	background: #0984FF;
	border: 1px dashed #FFFFFF;
	padding: 3px 3px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.post .meta .comments,.post .meta .permalink {
}

.post .bleu {
	background: #003366;
	border: 0px;
	padding: 2px 2px;
}

.post .entry {
	padding: 0px 3px 0px 4px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.petit10 {
	font-size: 11px;
}

.petit11 {
	font-size: 12px;
}

.petit12 {
	font-size: 13px;
}

.NipBold {
	COLOR: #006633; font-weight:bold;
}

.NipBlueFonce {
	COLOR: #383F97;
}

.Nip10Bold {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt;
	COLOR: #006633;
}

.NipVertNormal {
	COLOR: #006633;
}

.Nip {
	COLOR: #006633;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 0px 6px;
	background: #0984FF;
	border: 1px dashed #FFFFFF;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin: 0;
	padding: 0;
}

#sidebar li ul {
	padding-bottom: 5px;
}

#sidebar li li {
	line-height: 15px;
	border-bottom: 0px dashed #000000;
}

#sidebar li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	font-style: italic;
}

#sidebar h2 {
	letter-spacing: -.5px;
	color: #FFFFFF;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #FFFFFF;
}

#sidebar a:hover {
	color: #000000;
}

/* Gestion images */

img { 
padding : 2px;
border : 1px solid #0984FF;
margin-right : 3px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 3px;

} 

img.floatTL { 
float : left;
margin-right : 4px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 2px;
} 

img.floatTR { 
float : right;
margin-right : 2px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 4px;
} 

a img {
  border: none; /*remove border for linked images*/
  margin-bottom : -3px;
}

/* Footer */

#footer {
	width: 1050px;
	height: 20px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	background: #0984FF;
	border: 1px dashed #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
	border-bottom: 1px #FFFFFF dotted;
}

/* TABLES */ 
table {border: 0px solid #FFFFFF; width:1050; margin-left: 0.0ex;}
td {background-color: #FFFFFF; padding: 0px 0px 0px 0px; border: 0px solid #000000;}
th {text-align:left; padding: 0; border: 0px solid #000000;}
thead th {color: #000000; font-size:1.25em; background-color: #FFFFFF; padding: 0;}
tbody th {color: #000000; font-size:1.15em; background-color: #FFFFFF; padding: 0;}
tbody th.sub {font-size: 13px; color:#000000; background-color: #FFFFFF; padding: 0;}
tbody th.pub {font-size: 13px; color:#FFFFFF; background-color: #000000; padding: 0;}
tbody th.center {text-align: center; font-size: 13px; color: #000000; background-color: #003366; padding: 0;}
tbody th.centre {background: #0984FF; border: 0px dashed #FFFFFF; padding: 0; text-align: center; font-size: 13px;}
tbody th.bordure {background: #0984FF; border: 1px dashed #FFFFFF; padding: 0; text-align: center; font-size: 13px;}
tbody th.milieu {background: #FFFFFF; border: 0; padding: 0px 4px 0px 4px ; text-align: center; font-size: 13px;}
tbody th.gauche {background: #0984FF; border: 0; padding: 0; text-align: left; font-size: 13px;}
tbody th.droite {background: #FFFFFF; border: 0; padding: 0; text-align: right; font-size: 13px;}
tbody th.center {text-align: center; background-color: #003366; padding: 0;}
tbody th.gris {background: #E0E0E0; border: 1px dashed #0984FF; padding: 0px 0px 0px 20px; text-align: center;}

/* LE MENU PERSO */

.ntmenu_container {
margin:-30 auto;
padding:0;
padding-top:0px;
text-align:left;
width:180px;
}

/***  Levels: Styles and Positioning  *****/
.toplevel {
	FONT-SIZE: 12px; 
	WIDTH: 180px; 
	COLOR: #FFFFFF; 
	BORDER-BOTTOM: #866A32 0px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.level2,
.level3 {
	FONT-SIZE: 12px; 
	WIDTH: 180px; 
	COLOR: #0984FF;  
/** if li border here, do also with hover  **/  
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	text-indent:2px;
}

#nav .toplevel  { 
 /***  CSS is the Better way, but Button BACKGROUND 
or button side image file here;  Text indent here also    ****/
padding-top:2px; /*** padding here is above below buttons ***/
padding-bottom:2px; /*** padding here is above below buttons ***/
 /****  BACKGROUND: url("/oxis/images_OSIS/blankbevblue.gif") no-repeat center; ****/
/**  darkblue button-look = background #2b4b7c  **/
background-color: #003366;
border: 2px ridge #0984FF;
text-indent:5px;}

/***  2nd + 3rd level list items  ****/
 /*** padding here is above below 2nd level buttons ***/
#nav LI LI, 
#nav LI LI LI {
padding-top:3px; /*** padding here is above below buttons ***/
padding-bottom:1px; /*** padding here is above below buttons ***/
}


/****  2nd-3rd backgrounds of flyout boxes (UL) NO BORDER CAUSE GRABS FIRST ****/
#nav UL, #nav UL UL {
	margin:0; padding:0; FLOAT: left; WIDTH: 100%; LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: #0984FF; 
}

#nav LI {
	FLOAT: left; 
}

/*** 2nd main FLYOUT. Second List position: (margin-left:distance) ****/
#nav LI UL {
	MARGIN-TOP: -2.5em; LEFT: -999em; MARGIN-LEFT: 180px; BORDER: 2px solid #003366;
	width:180px; POSITION: absolute; 
}

/**** 3rd main FLYOUT. Third list postion (margin-left:distance)  *****/
#nav LI UL UL {
	MARGIN-TOP: -1.7em; LEFT: -999em; MARGIN-LEFT: 180px; BORDER: 2px solid #003366;
	width:180px;; position: abolute;
	}

/***  This one effects all LI, All levels ****/
#nav LI A {
	DISPLAY: block; margin:0; padding:0; TEXT-DECORATION: none;
}

/***  Main List Hover (gold) ****/
#nav LI A:hover {
	COLOR: #FFFFFF; 
	background-color:#999999;
/** any border here, effects all levels  **/
}

/*** 2-3-4 fly lists items link, can color 
	or border or underline here  ***/
#nav LI LI A,
#nav LI LI LI A,
#nav LI LI LI LI A {	
	DISPLAY: block;
	TEXT-DECORATION: none;
	color:#FFFFFF;
}

/*** 2-3-4 fly lists items link-hover can color 
	or border or underline here ***/
#nav LI LI A:hover,
#nav LI LI LI A:hover,
#nav LI LI LI LI A:hover {
	COLOR: #FFFFFF; 
	BACKGROUND-COLOR: #999999;
}

/*** aligns left ***/
#nav LI:hover UL UL {LEFT: -999em;}
#nav LI:hover UL UL UL {LEFT: -999em}
#nav LI.sfhover UL UL {	LEFT: -999em;}
#nav LI.sfhover UL UL UL {	LEFT: -999em}
#nav LI:hover UL {	LEFT: auto}
#nav LI LI:hover UL {	LEFT: auto}
#nav LI LI LI:hover UL {	LEFT: auto}
#nav LI.sfhover UL {	LEFT: auto}
#nav LI LI.sfhover UL {	LEFT: auto}
#nav LI LI LI.sfhover UL {	LEFT: auto}


/* Fix IE. Hide from IE Mac \*/
 html #nav li { float:left; height:1%; }
 html #nav li a { height:1%; }
/* End */