/* CSS Document */

/* Colors information : 
Orange : #F04B22
Dark grey : #333333
Dark Blue : #326698
Light blue : #D4DEEE
*/

/* Main container */
html {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
	
div#frame {
	width:46em;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}


div#maincontainer {
	width: 100%;
	border: 1px solid #333333;
	clear:both;
	padding: 0;
	margin: 0 0 0.2em;
}

/* TOP */	
div#toprow {
	margin-right:auto;
	margin-left:auto;
	margin-top: 0;
	margin-bottom: 0em;
	width: 100%;
	padding-top: 0.1em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.1em;
	height: 1.5em;}

/* sitemap and search */
div#sitemap {
	width:28%;
	font-weight:normal;
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

div#sitemap a {
	color:#326698;
	background-color:#FFF;
}

div#sitemap a:hover {
	color:#F04B22;
	background-color:#FFF
}

#search_frm {
	margin-bottom:5em;
	display:block;
}

input {
	float:left;
	margin-right:10px
}

label {
	float:left;
	font-weight:bold;
	margin-right:10px
}

/* Search box */
div#search{
	font-size: 1em;
}

	
/* skiplink */
div#skiplink {
	font-weight:normal;
	margin: 0;
	width: 70%;
	float: left;
}

div#skiplink a {
	color: #326698;
	background-color:#FFF;
	padding-right: 0.4em;
}

div#skiplink a:hover, div#skiplink a:active {
	color:#F04B22;
	background-color:#FFF;
}


/* Languages */

div#languages {
	width:54%;
	float:right;
	text-align: right;
}

#languages ul {
	margin: 0;
	padding: 0;
}

#languages a {
	color: #333333;
	background-color:#FFF;
}

#languages a:hover {
	color:#F04B22;
	background-color:#FFF;
}

#languages ul li {
	list-style-type:none;
	display:inline;
	padding:0px 0.4em;
	color:#F04B22;
	background-color:#FFF;
}

#languages ul li a.right {
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}


/* banner mpa & logo */

div#top {
	background-image:url(../images/bg_banner2.gif);
	background-repeat: repeat-y;
	background-position: left;
}

div#logo {
	margin:0px;
	padding:0px;
	background-image:url(../images/banner_right.gif);
	background-repeat: no-repeat;
	background-position: 359px top;
}

div#motto {
	background-image:url(../images/banner_bottom.gif);
	background-repeat: no-repeat;
	margin-top:0px;
	padding:0px;
	background-position: left top;
}

h1 {
	font-size: 0.9em;
	margin:0 0 0 5px;
	padding-bottom: 5px;
	font-family:Arial, Helvetica, sans-serif;
}


/* Top menu */

div#topmenu {
	background-color: #F04B22;
	height: 1.2em;
	border-top: 1px solid #CCCCCC;
	border-bottom: 2px solid #333333;
	color: #FFF;
	margin: 0;
	padding: 0;
	width: 100%;
}

#topmenu ul {
	color:  #FFF;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #F04B22;
	float: left;
}

#topmenu ul li {
	display: inline;
}

#topmenu ul li a {
	color: #FFF;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-weight:bold;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 0.8em;
	padding-bottom: 0;
	padding-left: 0.8em;
}

#topmenu ul li a.right {
	border-right:none;
}

#topmenu ul li a:hover, #topmenu a:active {	color:#FFF;
	background-color: #326698;
}


/* Left menu */

div#leftmenu {
	width: 14em;
	float: left;
	padding: 0 0 .1em;
	margin: 0 1.5em 1.5em -1em;
}

#leftmenu ul  {
	background-color: #D4DEEE;
	color: #003;
	list-style-type: none;
	width: 13em;
	padding: 0;
	margin: 0;
	border-right: 1px solid #326698;
	border-top: 1px solid #326698;
}

#leftmenu ul li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #326698;
}

#leftmenu ul li a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding:0.2em 0em 0.2em 1.1em;
	margin: 0;
	background-color: #D4DEEE;
}
	
#leftmenu ul ul {
	border-right: none;
}

#leftmenu ul ul a {
	font-weight:normal;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}

#leftmenu ul ul li {
	color: #000000;
	border:none;
	margin-left: 2em;
}

#leftmenu ul li a:link, #leftmenu ul li a:visited {
	color:#000033;
	text-decoration: none;
	background-color: #D4DEEE;
}

#leftmenu ul li a:hover {
	background-color: #326698;
	color: #FFF;
}

#leftmenu ul li a:active {
	color:#F04B22;
	text-decoration: none;
	background-color: #D4DEEE;
}

#leftmenu ul ul li a:hover {
	color:#FFF;
	background-color: #326698;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* CONTENT */

div#content {
	background:#FFF;
	margin: 0;
	width:95%;
	float: left;
	color: #000000;
	padding: 1em 1.1em 1em 1em;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

div#content p {
}

/* general lists */

div#content ul li {
}

div#content ol {
}

div#content ol li {
}

/* Countries lists */
div#content ul.countrylist li ul li {
	font-size:0.8em
}


/* Links */
#content a {
	color: #326698;
	text-decoration: underline;
	background-color: #FFF;
}

#content a:visited {
	color: #F04B22;
	background-color: #FFF;
}

#content a:hover, #content a:active {
	color: #993333;
	background-color: #FFF;
}
	
#content h4, #content h4 a, #content h4 a:visited {
	background-color:#D4DEEE;
	color: #000000;
	padding-bottom: 0.1em;
	padding-left: 0.4em;
}

#content h4 a:hover, #content a:active {
	color: #326698;
	background-color: #D4DEEE;
}


/* Titles */

h2 {
	color:#326698;
	font-size: 1.4em;
	margin-top:0;
	background-color: #FFF;
}

h3 {
	color:#F04B22;
	border-bottom-width: 1.5px;
	border-bottom-style: solid;
	border-bottom-color: #326698;
	padding: 0;
	background-color: #FFF;
}
	
h4 {
	color: #000;
	background-color: #D4DEEE;
	font-size: 1.2em;
	margin-right: 1em;
}
	
h5 {
	border-bottom: 1px solid #F04B22;
	color: #F04B22;
	margin-right: 6em;
	font-size: 1em;
	background-color: #FFF;
}
h6{
	color: #333333;
	font-size:1em;
	background-color: #FFF;
}
	
/* Boxes */
/* 2 columns */
div#col1 {
	width:47%;
	float: left;
	margin: 0;
	padding: 0;}


div.picture {
	background-color: #D4DEEE;
	border: 2px solid #326698;
	margin-top: 1em;
	margin-bottom: 0;
	padding:5px 5px 5px 5px;
	overflow:auto
}

div.picture img {
	margin: 0 8px 5px 0;
}

div.picture p {
	margin-top:0;
	padding-top:0;
	margin-bottom:0
} 
	
div#col2 {
	width: 47%;
	float: right;
	margin: 0;
	padding: 0;
}

div.nopic {
	border: 2px solid #F04B22;
	margin-top: 1em;
	padding: 10px;
}

ul.actu li {
	margin-bottom: .6em;
	padding-bottom: .6em !important;
}


/* Footer */
div#footer {
	background-color:#D4DEEE;
	clear: both;
	width: 96%;
	margin-top:-2px;
	margin-bottom: 0;
	text-align: center;
	border-top: 1px solid #333;
	color: #003;
	padding: 0 2% .1em 2%;
}

#footer ul li, #sitemap ul li, #skiplink ul li {
	display:inline;
	list-style-type:none;
	font-size: 1em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	margin-top: 0;
	margin-bottom: 0;
}

#footer ul li a {
	color:#000033;
	background-color: #D4DEEE;
}

#footer ul, #sitemap ul,  #skiplink ul {
	margin:0;
	padding:0
}
	
#credit {
	font-size:1em;
	text-align:center;
	padding: 0em 10px 0;
	margin-top:-1em
}


/* Search page */

#search_frm {
	margin-bottom:5em;
}

input {
	float:left;
}

label {
	float:left;
	width:50%;
	clear:right;
	font-weight:bold
}


/* clear */

div.clear {
	clear:both;
}