/* CSS Document */

html {
	height: 100%;
}

body {
	background: #669999;
	font-family: Arial, Helvetica, Sans Serif;
	color: #333333;
	font-size: 11px;
	line-height: 120%;	
	margin: 15px;
	margin-left: 150px;
	height: 100%;
	padding: 0px;
}
/* .frame 
{
width: 100%;
height: 500px;
overflow: auto; 
} */
.principal{
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 2px;
}
.clr {
	clear: both;
}
.bas{
  border: 0px;
  background: transparent;
  padding: 2px;
}


input.button {
  color: #fff;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(images/button_bg2.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}
input.button:hover {
  color: #404040;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(images/button_bg3.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.componentheading {
	background: url(images/subhead_bg2.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	width:80%;

}
.componentheading2 {
	float:left;
	background: url(images/subhead_bg2.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	/* font-weight: bold; */
	font-size: 12px;
	/* text-transform: uppercase; */
	width:30%;
}
.componentheading3 {
	float:left;
	background: url(images/subhead_bg2.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	/* font-weight: bold; */
	font-size: 12px;
	/* text-transform: uppercase; */
	width:18%;
}
.image
{
	float:left;
	width:5%;
}

/*pour le menu du haut */

#buttons_outer {
	width: 100%;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;
}
#buttons_inner {
	border: 1px solid #cccccc;
	height: 21px !important;
	height: 23px;
}
#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}

ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
    font-size: 0.8em;
}
ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 10.49px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
}
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #ffffff;
	background: #669999;
	font-weight: bold;
}
#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	color: #333333;
	background: #ffcc00;
}

#buttons2 {
	/* float: right; */
	margin: 0px;
	padding: 0px;
	width: auto;
}

ul#mainlevel-nav2
{
	list-style: none;
	padding: 0;
	margin: 0;
    font-size: 0.8em;
}
ul#mainlevel-nav2 li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-left: 1px dashed #cccccc;
}
ul#mainlevel-nav2 li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #669999;
	text-transform:uppercase;
	background: #ffffff;
	font-weight: bold;
}
#buttons2>ul#mainlevel-nav2 li a { width: auto; }

	ul#mainlevel-nav2 li a:hover
{
	color: #333333;
	background: #ffcc00;
}

/*pour l'ent�te */
#header_outer {
	text-align: left;
	margin: 0px;
	width: 100%;
}
#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 160px;
	height: 140px;
	background: url(images/union_europeenne8.png) no-repeat;
}
#header2 {
	float: right;
	padding: 0px;
	margin-right: 2px;
	width: 160px;
	height: 140px;
	background: url(images/ehemu.jpg) no-repeat;
}

#header1{
	width: 450px;
	height: 50px;
	background: url(images/titre3.gif) no-repeat;
}


/*pour le menu du cot� */

#left_outer {
    float: left;
	margin-top: 2px;
	width: 165px;
}

#left_inner {
  border: 1px solid #cccccc;
  padding: 2px;
  float: none !important;
  float: left;
}

div.moduletable {
	padding: 0px;
	margin-bottom: 2px;
}
div.moduletable h3 {
	background: url(images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(images/menu_bg2.png) no-repeat;
	vertical-align: middle;
	font-size: 25px;
	font-weight: bold;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 100%;
	text-decoration: none;
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
/* a:link, a:visited {
	color: #669999; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #ff8000;	text-decoration: none;
	font-weight: bold;
} */
#content_outer {
	padding: 10px;
	margin-left: 60px;
}

#content_inner{
  /* float: none !important;
  float: left; */
  padding: 0;
  padding-top: 2px;
  margin: 0;
}
table.content_table {
    width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}



a.lienbas{
	color: #ffffff;	
	text-decoration: none;
	font-weight: bold;
}
a.lienbas:hover{
	color: #ffcc00;	
}

a.general{
	color: #669999;	
	text-decoration: none;
	font-weight: bold;
}
a.general:hover{
	color: #ff8000;	
}

div.titredata {
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

#cadre2 {
	float: left;
	/* border: 1px solid #cccccc; */ 
	margin-top: 20px;
	/* margin-bottom: 20px; */
}
#cadre3 {
	float: left;
	/* border: 1px solid #cccccc;  */
	margin-top: 20px;
	/* margin-right: 160px; */
	margin-left: 170px;
	/* margin-bottom: 20px; */
}
#cadre4 {
	/* border: 1px solid #cccccc;  */
	margin-bottom: 90px;
	/*margin-right: 5px;*/ 
	margin-left: 190px;
	/*margin-bottom: 190px;*/
}

#tableprinc {
	width: auto;
	height:auto;
  	margin-bottom: 20px;
	margin-right: 0px;
	/* float: left; */
	border: 1px solid #cccccc;
}
#colonne-dr {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	width:100%; 
	padding:4px; 
	height:22px;
}
#titrecolonne {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	width:140px; 
	height:22px;
}
#titrecolonne2 {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	width:140px;
    font-weight: bold;
}
#titrecolonne3 {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	/* width:140px; */
	font-weight: bold;
}
#titrecolonne4 {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	/* width:auto; */
	padding: 3px 6px 3px 6px;
}
#titrecolonne5 {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
}
#inter {
	color:#2D4242;
	/* background:#2D4242; */
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	width:5px;
}
#inter2 {
	color:#2D4242;
	/* background:#2D4242; */
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	width:5px;
}

#titreselect {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	width:200px;
}
#colonneyear {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	width:auto;
}
#colonneyear2 {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	width:100%;
}
#colonneage {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	/* width:40px; */
}
#colonneage2 {
	color:#2D4242;
	background:#CBEBEB;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	width:40px;
}
#colonneresult {
	color:#2D4242;
	background:#fff;
	padding: 2px;
	text-align:center;
	border: 1px solid #cccccc;
}
#colonneresult2 {
	color:#2D4242;
	background:#CBEBEB;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align:center;
	border: 1px solid #cccccc;
}
#colonneresultCI {
	color:#2D4242;
	background:#F4F4F6;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align:center;
	border: 1px solid #cccccc;
}
#colonne {
	height:250px;
	/* width:200px; */
	background:#ffffff;
	text-align:center;
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
}
#selection {
	color:#4A6F6F;
	font-size: 12px;
	font-weight: bold;
	border: 0;
	padding-bottom: 8px;
}
#error {
	margin-top:70px;
	margin-bottom:30px;
	color: #ff0000;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
}
.back {
  float: left;
  color:#669999;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(ART/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}
.back:hover {
  color:#ff8000;
}



dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative; /* placement du menu, � modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

.field{
	width:280px;
	float:right;
	margin-right:133px;
	color: blue;
}
.field2 legend{
	color: blue;
	font-size: 12px;
	margin:10px;
}

a.warning{
	color: #666;
	font-size: 11px;
}
a.warning:link, a.warning:visited {
	color: #666;
	font-size: 11px;
}
a.warning:hover {
	color: #666;
	font-size: 12px;
}