body, html {
	margin:0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: #fff url(../images/bg_odpi.jpg) top fixed no-repeat;
	text-align: center; /* pour corriger le bug de centrage IE */
} 

tbody { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

}
	
/* Principales Modifs Affirmatif 
****************************/
img { 
	border: 0 ;
}

.imagegauche { 
	display:inline;
	float:left ;
	margin: 10px 10px 10px 0;
}
.imagedroite { 
	display:inline;
	float:right ;
	margin: 10px 0 10px 10px;
}

#enveloppe{
	margin-left: auto;
     margin-right: auto;
     width: 780px; /* largeur obligatoire pour être centré */
	background-color: #FFF;
	min-width:780px;
	}
	

#bandeau {
	 width: 780px;
	 height: 112px;
	 background:url(../images/odpi_2007.jpg) no-repeat;
	
	}
	
#sousbandeau {
	 width: 780px;
	 height: 40px;
	
	 background:url(../images/sous_bandeau_haut.gif) no-repeat;
	}
#lepathway {
	display: inline ;
	float:left;
	padding-left: 10px ;
	padding-top:8px  ;
}

#recherche {
	display: inline ;
	float:right;
	padding:5px 5px  ;
}

#pied {
	 width: 780px;
	 height: 40px;
	 line-height: 30px;
	 padding-top:10px ; 
	 background: #fff ;
	 text-align:center;
	 font-size: 10px;
	}
	
	
fieldset{ 
	
width:460px; /* pour la déformation due à la recherche de links très longues*/


}
	
	
	
	
/* Default MOS Class Settings 
****************************/

.pathway {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

a.pathway:link, a.pathway:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

a.pathway:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	background-color: transparent;
}

/* Main Menu Styles
*********************/


.mainlevel {
display:block;
margin: 3px 3px 3px 5px;
line-height: 1.4em;
	
}

a.mainlevel:link, a.mainlevel:visited {
	color: #666666;
	text-align: left;
	font-weight: bold;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #EBEC9C;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;

}

a.mainlevel:hover {
	color: #669900;
	text-align: left;
	background-color: transparent;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9900;
}



a.mainmenu:link, a.mainmenu:visited {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

a.mainmenu:hover, {
	color: #666666;
	text-align: left;
}

a.sublevel:link, a.sublevel:visited {
	color: #666666; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

a.sublevel:hover {
	color: #FF9900;
	text-align: left;
	background-color: transparent;
}

/* Module Styles 
****************/

table.t_mod {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #AAAAAA;	
}

table.b_mod {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #AAAAAA;	
}

table.l_r_mod {
	width: 145px;
}

.moduletable{

	padding-bottom: 20px;

}
table.l_r_mod th {
	background-image: url(../images/module.gif);
	background-repeat: no-repeat;
	height: 32px;
	padding-top: 5px;
	width: 145px;
	
}
table.moduletableobserv {	
	padding-bottom: 20px;	
}

table.moduletableobserv th {
	background-image: url(../images/terre.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	padding-bottom: 5px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}

table.moduletablerepta {

	background-image: url(../images/repta_140.gif);
	background-repeat: no-repeat;
	padding-top: 55px;
	margin-bottom: 15px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}

table.moduletablebienvenue{

	background-image: url(../images/titre_accueil.gif);
	background-repeat: no-repeat;
	padding-top: 55px;
	margin-bottom: 15px;
		margin-top 35px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}

table.moduletablepresentation{

	background-image: url(../images/titre_glossaire.gif);
	background-repeat: no-repeat;
	padding-top: 60px;
	margin-bottom: 15px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}
a.mainlevelpresentation  { 
	
margin-left: 20px;
font-weight : bold;
}
table.moduletablepays{

	background-image: url(../images/titre_pays.gif);
	background-repeat: no-repeat;
	padding-top: 55px;
	margin-bottom: 15px;
		margin-top 35px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}

table.moduletablethemes{

	background-image: url(../images/titre_themes.gif);
	background-repeat: no-repeat;
	padding-top: 55px;
	margin-bottom: 15px;
		margin-top 35px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}

#mainlevelthemes  {


	margin-left: -18px;
	
}


a.mainlevelthemes {


	font-size : 11px;
	font-weight : bold;
	
}

a.mainlevelthemes:hover {
	color: #186C38;
	text-align: left;
	text-decoration: none;
}
table.moduletablecontact {	
	padding-bottom: 10px;	
}
table.moduletablecontact th {
	background-image: url(../images/contact.gif);
	background-repeat: no-repeat;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 145px;
	/*background-position: 0% 60px ;*/	
}

table.moduletable {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}

table.moduletable th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	color : #333300;
	text-align : center;
}

table.moduletable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

/* Polls Style
**************/

.poll {
	color : #333333;
	line-height : 16px;
	font-weight: bold;
}

.pollstableborder {
  	/*border : 1px dotted #666666;*/
}

/* Sections Style 
*****************/

.sectiontableheader {
	background-color : #EBF1EC;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #C8C9CE;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #C8C9CE;
	color : #000000;
	font-weight : bold;
	font-size: 11px;
	line-height: 13px;
}

.sectiontableentry1 {
	font-size: 11px;
	background-color : #F7F7F7;
}

.sectiontableentry2 {
	font-size: 11px;
	background-color : #EBF1EC;
}

.pagenav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
}

a.pagenav:link, a.pagenav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
}

a.pagenav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color            : #000000;
	text-decoration  : underline;
	background-color: transparent;
}


.small {
	font-size : 11px;
	color : #666666;
}

.smalldark {
	font-size : 11px;
	color : #333333;
	text-decoration : none;
}

.createdate {
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	font-weight : medium;
}

.modifydate  {
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	font-weight : medium;
}

/* Content Styles
*****************/

.frontpageheader {
	font-size: 13px;
	color : #669900;
	font-weight : bold;
        }

.slogan {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
 	color: #EDEFF4;
	padding-left: 50px;
	padding-top: 0px;
	}


.content h1,h2,h3,h4 {	 
	
text-align : left;
}
.content h3 {	 
	font-size: 14px;
	color:#993300;
}
.content h4 {	 
	font-size: 12px;
	color:#1E6032;
}
.content h5 {
	font-size: 11px;
	color:#000;
	font-weight: bold;
}

.contentpane {
	font-size: 10px;
	color: #333333;
}


.contentpaneopen {
	font-size: 10px;
	color: #000000;
	text-align: justify;	
}

.contentheading, .componentheading {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 1.6em;
	font-weight : bold;
	color : #186C38;
	text-align : left;
	line-height: 1.8em;


}
.category {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
	color            : #000000;
	text-decoration  : underline;
	background-color: transparent;
}

/* Form Styles
****************/

form { /* borrowed from mambosolutions.com -- to fix empty space issues */
	display:inline; 
	margin: 0px; 
	padding: 0px; 
} 

.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #FFFFFF;
  color            : #333333;
  border           : 1px solid #666666;
}

.inputbox {
	margin: auto 5px 3px auto ;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #333333;
  background-color : #DEEBE0;
  border           : 1px solid #666666;
}

/* Links
*********/

a:link, a:visited {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
}

a:hover {
	color            : #000000;
	text-decoration  : underline;
	background-color: transparent;
}

/* For content item titles that are hyperlink instead of Read On
****************************************************************/
.contentpaneopen a:link, .contentpaneopen a:visited{
	text-decoration  : underline; 
	}
	
.contentpaneopen a:hover {
	text-decoration  : underline; 
	 	color: #FF6600;
	}
	
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #000000;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color            : #000000;
	text-decoration  : underline;
	background-color: transparent;
	}

.description {
	font-size: 10px
	color: #000000;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
	font-weight: bold;
	font-size : 10pt;
	color : #FFFFFF;
	text-align: center;
	background-color: #FF0000;
}


/*Blocs de fond arrondis*/
div#cadre_haut {/* conteneur global et arrière-plan du titre du cadre */
width: 450px;

padding-top: 23px;
background: url(../images/bg_haut.gif) top left no-repeat;
}
div#cadre {/* arrière-plan l'ensemble du cadre */
background-color: #D0DED4;
width: 449px;


}
div#cadre_bas {/* conteneur global et arrière-plan du titre du cadre */
width: 450px;
padding-bottom: 40px;
background: url(../images/bg_bas.gif) bottom left no-repeat;
}
div#contenu  {
margin: 0 10px 0 20px;
}

div#cadre_haut_2 {/* conteneur global et arrière-plan du titre du cadre */
width: 450px;

padding-top: 23px;
background: url(../images/bg_haut_2.gif) top left no-repeat;
}
div#cadre_2 {/* arrière-plan l'ensemble du cadre */
background-color: #F7ECDE;
width: 449px;


}
div#cadre_bas_2 {/* conteneur global et arrière-plan du titre du cadre */
width: 450px;
padding-bottom: 40px;
background: url(../images/bg_bas_2.gif) bottom left no-repeat;
}
div#contenu  {
margin: 0 10px 0 20px;
}