@charset "UTF-8";
/* CSS Document */

html, body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background:url("../images/fond.png") repeat-x;
}

#page {
	background:url("../images/Mi.gif") repeat-y;
	display:block;
	width: 900px;
	padding:0px;
	margin:0px;
	margin: auto;
	border:1px solid black;
}

#header{
	width: 900px;
	display:block;
}

#header #banner{
	background:url("../images/banner.jpg") no-repeat top;
	width:100%;
	height:130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#header #language{
	float:right;
	margin-right:50px;
	margin-top:15px;
	height:16px;
	line-height:16px;
}

#header #language img{
	vertical-align: middle;
	border:0px;
}
#header #language a img,#header #language .disabled{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
#header #language a:hover img, #header #language .enabled{
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}

.errorForm{
	background:#ffcdcd;
}

#menubar{
	background:url("../images/barre.png") repeat-x;
	height:33px;
	line-height:33px;
	display:block;
	width:100%;
	padding-top:0px;
	padding-bottom:1px;
	overflow:hidden;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

#menubar ul,#menubar li{
	padding:0px;
	margin:0px;
	list-style-type:none;
	color: white;
	
}
#menubar li{
	text-align:center;
	font-weight:bold;
	float:left;
	font-size:12px;
}

#menubar li a:hover,#menubar li.active a{
	background:url("../images/Btn_left.jpg") no-repeat left top;
}

#menubar li a:hover span,#menubar li.active a span {
	background:url("../images/Btn_right_top.jpg") no-repeat right top;
}

#menubar li a{
	display:block;
	background:none;
	margin:0px;
	padding:0px 0px 28px 4px;
	text-decoration:none;
	overflow:hidden;
}

#menubar  li a span {
	float:left;
	display:block;
	line-height:28px;
	height:28px;
	background:none;
	margin:0px;
	padding:0px 8px 15px 4px;
	color:#FFF;
	cursor:pointer;
}


#menu{
	background:url("../images/Car_t.gif") no-repeat;
	margin:0px;
	padding:0px;
	margin-left:0px;
	display:block;
	
	float:left;
	text-align:left;
	width:249px;
	padding-top:15px;
	margin-top:10px;
	margin-bottom:10px;
	//border:1px solid red;
}

#menu #menu_content{
	padding:0px;
	padding-right:10px;
	padding-left:10px;
	width:229px;
	font-size:12px; 
	padding-bottom:3px;
	padding-top:3px;
	margin:0px;
}

#menu #menu_content p{
	padding:0px;
	margin:0px;
}

#menu #menu_content .user_menu li, #menu #menu_content .user_menu ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#menu #menu_content .user_menu ul{
	margin-bottom:10px;
}

#menu #menu_content .user_menu li{
	display:block;
	border-bottom:1px solid white;
	ligne-height:20px;
	height:20px;
	width:100%;
}

#menu #menu_content .user_menu li img{
	vertical-align : middle;
	border:0px;
	margin-right:5px;
}

#menu #menu_content .user_menu li a{
	display:block;
	color:white;
	font-weight:normal;
}
#menu #menu_content .user_menu li a:hover,#menu #menu_content .user_menu li a.actif{
	text-decoration:none;
	font-weight:bold;
}

#menu #menu_content ul,#menu #menu_content li{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

#menu #menu_content li a{
	font-size:12px;
}

#menu #menu_content ul{
	margin-bottom:10px;
}

#menu #menu_bottom{
	width:249px;
	height:10px;
	padding-top:0px;
}

#menu #button_deco{
	margin-left:100px;
}

#menu .login_title{
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
	margin-top:5px;
}

#menu  a {
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	color:#4897d1;
}
#menu a:hover {
	text-decoration:underline;
	color:#28679d;
}

#menu .login_title a {
	font-weight:bold;
	font-style:italic;
	font-size:12px;
	text-decoration:none;
	color:#4897d1;
}
#menu .login_title a:hover {
	text-decoration:underline;
	color:#28679d;
}

#menu .error{
	background:url("../images/messagebox_warning.png") no-repeat;
	width:80%;
	min-height:25px;
	padding-left:25px;
	//margin:2px;
	font-style:italic;
	font-weight:normal;
}


input.button{
	background: url("../images/Button1.png") no-repeat;
	border:0px;
	width:100px;
	height:25px;
	color:white;
	text-align:center;
	font-weight:bold;
	margin:3px;
	cursor:pointer;
}
input.button:hover{
	background: url("../images/Button1_light.png") no-repeat;
}

#breadcrumbs{
	width:600px;
	padding:5px;
}
#breadcrumbs a{
	color:gray;
}


#content a.button{
	background: url("../images/Button1.png") no-repeat;
	border:0px;
	width:100px;
	height:15px;
	padding-top:5px;
	padding-bottom:5px;
	color:white;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
	display:block;
	text-decoration:none;
}
#content a.button:hover{
	background: url("../images/Button1_light.png") no-repeat;
	text-decoration:none;
	color:white;
}


#content{
	width:870px;
	padding-left:20px;
	padding-right:10px;
	float:left;
	display:block;
}

#content img{
	border:0px;
	vertical-align:middle;
}

#content h1{
	color:#795537;
	font-size:21px; 
}

#content h2{
	color:#795537;
	font-size:16px; 
	font-weight:bold;
}

#content span.thumbails{
	border:1px solid black;
	float:left;
	text-align:center;
	background-color:black;
	color:white;
	font-weight:bold;
	margin:2px;
}

#content a {
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	color:#98663a;
	//color:#4897d1;
}

#content a:hover {
	text-decoration:underline;
	//color:#28679d;
	color:#4a301a;
}

#content .question{
	width:80%;
	margin:auto;
	background:url("../images/help.png") no-repeat;
	border:1 px solid black;
	min-height:35px;
	ligne-height:35px;
	padding-left:35px;
	margin-top:2px;
	vertical-align:middle;
}


#content .info{
	width:80%;
	margin:auto;
	background:url("../images/messagebox_info.png") no-repeat;
	border:1 px solid black;
	min-height:35px;
	padding-left:35px;
	ligne-height:35px;
	margin-top:10px;
	vertical-align:middle;
}

#content .infobox{
	color:#464646;
	font-style:italic;
	margin:auto;
	background:url("../images/messagebox_info_petit.png") no-repeat;
	border:1 px solid black;
	min-height:18px;
	padding-left:18px;
	ligne-height:18px;
	vertical-align:middle;
}

#content .errors{
	width:80%;
	margin:auto;
	background:url("../images/messagebox_warning.png") no-repeat;
	border:1 px solid black;
	min-height:35px;
	padding-left:35px;
	ligne-height:35px;
	margin-top:10px;
	vertical-align:middle;
}

#content .info p,#content .question p,#content .errors p{
	font-weight:bold;
	color:black;
}


#content .error ul,#content .error p{
	background:url("../images/messagebox_warning.png") no-repeat;
	min-height:25px;
}

#content .error{
	margin:20px;
}

#content .error li{
	list-style-type:none;
	font-weight:bold;
	font-style:italic;
	color:red;
	margin-bottom:4px;
}

#content ul.choice_list, #content li.choice_list {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#content .choice_list li{
	min-height:40px;
	//line-height:10px;
	padding-bottom:10px;
	vertical-align:middle;
	clear:both;
}

#content .choice_list img{
	float:left;
	display:block;
	margin:0px 5px 5px 5px;
	//padding-top:0%-10px;
	width:40px;
}

#content table.infoTable{
	width:95%;
	margin:auto;
	border:1px solid black;
	border-collapse:collapse;	
}
#content table.infoTable th{
	background:url("../images/th-fond.png");
	color:white;
}
#content table.infoTable tr.highlight{
	background-color:#d5a777;
}

#content table.infoTable tr.default{
	background-color:white;
}
#content table.infoTable tr,#content table.infoTable td,#content table.infoTable th{
	border:1px solid black;
	text-align:center;
}
#content table.infoTable td img{
	border:0px;
	vertical-align:middle;
}

#content .clickable{
	cursor: pointer;
	cursor: hand;
}
#content table.skills{
	width:100%;
}

#content table.skills td:first-child{
	font-weight:bold;
	font-style:italic;
	width:35%;
}
#content table.skills td{
	vertical-align:top;
}

#content table.skills td ul{
	margin-top:0px;
	list-style-type: square;
}

#content table.profile{
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;

}

#content table.profile td,#content table.profile th{
	vertical-align:top;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom:1px dotted black;
}
#content table.profile th{
	font-weight:bold;
	text-align:left;
}
#content table.profile th a{
	font-weight:bold;
	color:black;
}
#content table.profile tr.even_row{
	background:#d5a777 url("../images/profile-table.png") top repeat-x;
}
#content table.profile td.profile_skills a{
	font-size:10px;
	font-weight:normal;
}
#content table.profile td.profile_skills a.title{
	font-size:10px;
	font-weight:bold;
}


#content table.profile td:first-child{
	font-weight:bold;
	font-style:normal;
	border-bottom:1px dotted black;
	width:160px;
}
#content table.profile td table.skills td{
	vertical-align:top;
	padding-bottom:0px;
	border-bottom:0px;
}
#content table.profile td table.skills td ul{
	padding-left:0px;
	margin:0px;
	list-style-type: none;
}
#content table.profile td table.skills td:first-child{
	border-bottom:none;
}

#content ul.add_list_option,#content ul.add_list_option li{
	list-style-type: none;
}
#content ul.add_list_option li{
	font-size:120%;
	font-weight:bold;
}

#footer{
	clear:both;
	border-top:1px solid black;
	background:url("../images/banner.jpg") bottom;
	height:25px;
	line-height:25px;
	display:block;
	width:880px;
	margin:0px;
	padding:0px;
	color:white;
	font-weight:bold;
	text-align:right;
	padding-left:10px;
	padding-right:10px;
}

span.autocomplete {
  position: absolute;
  width: 500px;
  background-color: white;
  border: 1px solid #888;
  margin: 0px;
  padding: 0px;
}
 
span.autocomplete ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-height: 20em;
  overflow: auto;
}
 
span.autocomplete ul li.selected {
    background-color: #ffb;
}
 
span.autocomplete ul li {
  list-style-type:none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}