/*
  ---------- CSS Base ----------
*/
body{ direction:ltr; background:url(medias/fond_ministere.gif) top left repeat; margin:0; padding:0; 
font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:13; line-height:1.15em; color:#333333; position:relative; }
a img{text-decoration:none; border:none; text-align:center; margin:0 auto; }
h1, h2, h3 {font-family: Tahoma, Geneva, sans-serif; }

h1 {margin:10px 0 10px 0; padding:0 0 0 0; color:#196b91; font-size:1.5em; border-bottom:solid 0px #eeeeee; font-weight:normal;}
h2 {margin:10px 0 10px 0; padding:0 0 0 0; color:#003863; font-size:1.4em; border-bottom:solid 0px #eeeeee; font-weight:bold; }
h3 {margin:10px 0 10px 0; padding:0 0 0 0; color:#297dbf; font-size:1.0em; border-bottom:solid 0px #eeeeee; font-weight:bold;}
h4 {margin:10px 0 10px 0; padding:0 0 0 0; color:#3D74AC; font-size:1.0em; border-bottom:solid 0px #eeeeee; font-weight:normal;}
h5 {margin:05px 0 05px 0; padding:0 0 0 0; color:#008EB6; font-size:0.95em; border-bottom:solid 0px #eeeeee; font-weight:normal;}
h6 {margin:05px 0 05px 0; padding:0 0 0 0; color:#c23131; font-size:0.8em; border-bottom:solid 0px #eeeeee;  font-weight:normal;}

a img{text-decoration:none; border:none; }
a, a:link {color:#0b4067; text-decoration:underline;}
a:visited {color:#0b4067; }
a:active, a:hover {color:#297ec0; text-decoration:underline;}

div#justification{ text-align:justify; padding:5px; margin:2px;	width:100%;	min-height:60px; border: dashed 1px #000;}

label { margin:2px 0; padding:1px;  }
input {font-size:0.75em; margin:2px 0; padding:1px; border:1px solid #666; color:#333; }
select { font-size:0.9em; border: 1px solid #CCCCCC; color: #525252; margin: 5px; padding: 2px; border:1px solid #666; color:#333;}
textarea {font-size:0.75em; margin:2px 0; padding:1px; border:1px solid #666; color:#333; width:200px; height:250px;}
input[type=button] {font-size:0.75em; padding:1px 10px; border:1px solid #666; width:100px; color:#333; float:right; background-color:#E6E6E6; }
input[type=submit] {font-size:0.75em; padding:1px 10px; border:1px solid #666; width:100px; color:#333; background-color:#eee; }
input[type=reset] {font-size:0.75em; padding:1px 10px; border:1px solid #666; width:100px; color:#333; background-color:#eee; }
/*
  ---------- CSS TEMPLATE ----------
*/
#wd-top{height:80px; margin:0px; padding:0 ; width:100%; }
#wd-tun { padding:0; margin:10px; float:right; text-align:right; width:300px;}
  #wd-tun p { padding:0; margin:0; line-height:150%; text-align:right; color:#000000; font-size:1.2em; font-stretch:ultra-condensed; }
  #wd-tun img { float:right; margin:7px 0 10px 10px; border:none; width:54px; height:42px; }

#wd-user { padding:10px; margin:10px; float:left; text-align:left; border:1px solid #069;}
#wd-user p { padding:0; margin:0; line-height:150%; text-align:left; color:#000000; font-size:1.0em; font-stretch:ultra-condensed; }


#wd-cent{ text-align:center; margin:2px; padding:2px; background:#fff; border-radius: 15px 15px 15px 15px; border:1px solid #000;  float:inherit; }
#wd-cent h2 {margin-top:20px; }
#wd-cent img{border:none;}


   

/*  ---------- CSS EXTONSIONS ---------- */
.tx-res{background: none repeat scroll 0 0 #E2E7EB /*#F3F4F6*/; border-radius: 10px; padding:20px;  border: #9CA6E4 1px solid; text-align:justify; width:750px;}
.tx-res label{font-weight:bold;}
.tx-res fieldset{ border:none;}
/* inscription */
.inscription{ width:908px; background:#E2E7EB /*#F3F4F6*/;margin:5px; padding:5px;  border-radius: 10px; padding:20px;  border: #9CA6E4 1px solid; text-align:center; }
.inscription-error {color:#FF0000; font-weight:bold;}
.inscription fieldset{ border:none;}
.inscription input{  font-size:1.0em; width:240px; border: 1px solid #CCCCCC; color: #525252; margin: 5px; padding: 2px;}
.inscription select{ font-size:1.0em; border: 1px solid #CCCCCC; color: #525252; margin: 5px; padding: 2px; arrow-color: red;}
.inscription textarea{ font-size:1.2em; width:200px; height:250px; border: 1px solid #CCCCCC; color: #525252; margin: 5px; padding: 2px;}
.inscription input.tx-submit{ background: url("medias/send_btn.png") no-repeat scroll 0 0 transparent; border: medium none; color:#FFFFFF; cursor: pointer; float:left; font-size: 1.3em; font-weight: bold; height: 37px; margin: 10px 0 0 20px; width: 138px;}
.inscription legend{font-weight:bold; font-size:1.2em;  color: #1A75BC;}
.inscription label{font-weight:bold; /*font-size:0.7em;*/}
.legende {font-size:0.7em; }
/**************/
.tx{ width:1000px; background:#FFFFFF ;margin:5px; padding:5px;  border-radius: 10px; border: #9CA6E4 1px solid; text-align:center; height:100%; height: auto !important; min-height: 800px;}
.tx-error {color:#FF0000; font-weight:bold;}
.tx fieldset{ border:none;}
.tx input{  font-size:1.0em; border: 1px solid #C0C0C0; color: #525252; margin: 5px; padding: 2px; background:#FFFFFF;}
.tx select{ font-size:1.0em; border: 1px solid #CCCCCC; color: #525252; margin: 5px; padding: 2px; arrow-color: red;}
.tx textarea{ font-size:1.2em; width:650px; height:250px; border: 1px solid #CCCCCC; color: #525252; margin: 5px; padding: 2px;}
input.tx-submit{ background: url("medias/send_btn.png") no-repeat scroll 0 0 transparent; border: medium none; color:#FFFFFF; cursor: pointer; float:left; font-size: 1.3em; font-weight: bold; height: 37px; margin: 10px 0 0 20px; width: 138px;}
.tx legend{font-weight:bold; font-size:1.2em;  color: #1A75BC;}
.tx label{font-weight:bold; /*font-size:0.7em;*/}

  
input#tx-gender-1{width:20px;}
input#tx-gender-0{width:20px;}
input#tx-gender-2{width:20px;}

.left50  {float:left; width:40%; text-align:right; margin-top:20px; }
.right50 {float:right; width:55%; border-left:solid 1px #CCC; margin-top:20px; }

.select {float:right;}
.select25 { width:60px !important;}
.select50 { width:60px !important;}

.select0  {clear:none !important; float:right !important; width:60px !important;}
.select00 {clear:none !important; float:right !important; width:50px !important;}
div.sepdate {float:right; width:25px; height:28px; display:block; }

label {font-size:0.75em; }

.tx-srfeuserregister-pi1-captcha-response span a {font-weight:bold;}

div.date select {width:80px !important;}



div.wd-prgh{
	background: none repeat scroll 0 0 #758DC8 /*#C5DBEA*/;
    border: 1px solid #B1CEE2;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
	font-size:1.3em;
	font-weight:bold;
	margin:10px;
	text-align:center;
	box-shadow: 0 10px 20px #DFDFDF;
	color:#FFF;
	width: 95%;
	}

.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('medias/info.png');
}
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('medias/success.png');
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('medias/warning.png');
}
.error {
	padding-right:40px;
	visibility:hidden;
	font-size:1.0em;
	color: #D8000C;
	background-color: #FFBABA;
	background-image:url('medias/error.png')  ;
}
.filter {
	font-size:0.9em;
	border: 1px solid;
	color:#069;
	background-color:#F2F3F7; /* #EEEEC6;*/
}




table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:13px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.hovertable th {
	background-color:#999; /*#E5E5E5;/*#c3dde0;*/
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #000;
	color:#fff;
}
table.hovertable tr {
	background-color:#E2E7EB;/*#E2E7EB;*/
}
table.hovertable td {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #a9c6c9;
	border-bottom:2px #acc solid; 
}


table.filter {
	font-family: verdana,arial,sans-serif;
	font-size:1.1em;
	color:#333333;
	border-width: 1px;
	border-color: #a2a3a7;
	border-style: dashed;
	border-collapse: collapse;/*separate;*/
	margin:2px;
	width:980px;
}
table.filter tr {
	border-width: 1px;
	border-style: dashed;
	border-color: #a2a3a7;
}
table.filter td {
	border-width: 1px;
	padding: 1px;
	border-style: dashed;
	border-color: #a2a3a7;
}


#aliasdmc { text-decoration:underline;}

#navmenu-h ul { 
	width: 250px; /* Sub Menu Width */ 
	margin: 0; 
	padding: 0 ;
	list-style: none; 
	display: none; 
	position: absolute; 
	top: 27px; 
	left: -40px;
	z-index:99
} 
#navmenu-h ul ul,#navmenu-h ul ul ul { top: 0; left: 100%; }
#navmenu-h li { float: left; display: inline; position: relative; } 
#navmenu-h ul li { width: 100%; display: block; float: left;} 
/* Root Menu */ 
#navmenu-h a { 
	border-top: 1px solid #FFF; 
	border-right: 1px solid #FFF; 
	padding: 6px; 
	float: left; 
	display: block; 
	background: #183152; /*#DDD; */
	color: #fff; /*#666; */
	font: bold 0.9em Arial, sans-serif; 
	text-decoration: none; 
	height: 15px;} 
/* Root Menu Hover Persistence */ 
#navmenu-h a:hover,#navmenu-h li:hover a,#navmenu-h li.iehover a { text-align:justify; background: #375D81; color: #FFF; z-index:99; } 
/* 2nd Menu */ 
#navmenu-h li:hover li a,#navmenu-h li.iehover li a { float: none; background: #ABC8E2; /*#BBB;*/ color:#000;  z-index:99; } 
/* 2nd Menu Hover Persistence */ 
#navmenu-h li:hover li a:hover,#navmenu-h li:hover li:hover a,#navmenu-h li.iehover li a:hover,#navmenu-h li.iehover li.iehover a { background: #999;  z-index:1000; } 
/* 3rd Menu */ 
#navmenu-h li:hover li:hover li a,#navmenu-h li.iehover li.iehover li a { background: #A9C8D2; color:#000; z-index:100; } 
/* 3rd Menu Hover Persistence */ 
#navmenu-h li:hover li:hover li a:hover,#navmenu-h li:hover li:hover li:hover a,#navmenu-h li.iehover li.iehover li a:hover,#navmenu-h li.iehover li.iehover li.iehover a { background: #999;  z-index:101;  } 
/* 4th Menu */ 
#navmenu-h li:hover li:hover li:hover li a,#navmenu-h li.iehover li.iehover li.iehover li a { background: #666; } 
/* 4th Menu Hover */ 
#navmenu-h li:hover li:hover li:hover li a:hover,#navmenu-h li.iehover li.iehover li.iehover li a:hover { background: #333; } 
/* Hover Function - Do Not Move */ 
#navmenu-h li:hover ul ul,#navmenu-h li:hover ul ul ul,#navmenu-h li.iehover ul ul,#navmenu-h li.iehover ul ul ul { display: none; } 
#navmenu-h li:hover ul,#navmenu-h ul li:hover ul,#navmenu-h ul ul li:hover ul,#navmenu-h li.iehover ul,#navmenu-h ul li.iehover ul,#navmenu-h ul ul li.iehover ul { display: block; }
#navmenu-h li.selected a { text-align:justify; background: #08c; color: #FFF; z-index:99; } 


#centeredmenu {
   width:470px;
   overflow:hidden;
   /*position:relative;
   float:left;*/
}
#centeredmenu ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:45%;
   text-align:center;
   vertical-align:middle;
   border-radius: 15px 15px 15px 15px;
}
#etape{
   width: 8.5em;
   padding:2px;
}

#centeredmenu ul li  {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:45%;
   font-size:0.7em;
}
#centeredmenu ul li img {
	opacity:0.4;
	filter:alpha(opacity=40);/* For IE8 and earlier */
	height: 60px;
	width: 10px;
}
#centeredmenu ul li a {
   display:block;
   padding:3px;
   background:#7D7676;/*#369;*/
   color:#CACACA;
   text-decoration:none;
   line-height:1.3em;
   height: 55px;
}
#centeredmenu ul li a:hover {
   background:#369;
   color:#fff;
   opacity:0.8;
   filter:alpha(opacity=80); /* For IE8 and earlier */
}
#centeredmenu ul li .not_yet {
   	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#centeredmenu ul li .done {
   color:#fff;
   background:#693;
   /*font-weight:bold;*/
   	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}
#centeredmenu ul li .saved {
   color:#fff;
   background:#CC731A;
   /*font-weight:bold;*/
  	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

#centeredmenu ul li .steps {
   width:90px;
   border:1px double #000;
   color:#06C;
   background:#fff;
   font-weight:bold;
}

#centeredmenu ul li .vide {
   width:40px;
}



#centeredmenu ul li .fleche {
   color:#000;
   background:none;
   border:1px solid #08c;
}

#flou {
   	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



#noir_blanc {
   	opacity:0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
}

.report {
	color:#0F316A;
	background-color:#F0F4F7;
	border: 1px solid;
	padding: 10px
}


	.button {
		padding: 5px 10px;
		display: inline;
		background: #777 url(../img/button.png) repeat-x bottom;
		border: none;
		color: #fff !important;
		cursor: pointer;
		text-decoration:none !important;
		/*font-weight: bold;*/
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-shadow: 1px 1px #666;
		}
	.button:hover {
		background-position: 0 center;
		}
	.button:active {
		background-position: 0 top;
		position: relative;
		top: 1px;
		padding: 6px 10px 4px;
		}
	.button.red { background-color: #e50000; }
	.button.purple { background-color: #9400bf; }
	.button.green { background-color: #58aa00; }
	.button.orange { background-color: #ff9c00; }
	.button.blue { background-color: #2c6da0; }
	.button.black { background-color: #333; }
	.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
	.button.small { font-size: 75%; padding: 3px 7px; }
	.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
	.button.large { font-size: 125%; padding: 7px 12px; }
	.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }