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

body {
	background:#3a3939 url(../images/bg.png) repeat-x;
	font-family:Verdana;
	font-size:12px;
	color:#FFFFFF;
	margin: 0 auto;
	padding:0px;
}
#layout {
	width:1024px;
	margin: 0 auto;
	padding:0px;
}
#header {
	width:1024px;
	height:157px;
	overflow:visible;
	float:left;
	background:url(../images/header.jpg) no-repeat top;
}
#header ul {
	float:right;
	margin-right:83px;
	font-size:11px;
}
#header li {
	float:left;
	padding:8px 11px;
}
#menu {
	width:870px;
	height:38px;
	overflow:visible;
	margin-left:73px;
	float:left;
	padding-left:65px;
	background:url(../images/menu_img.gif) left center no-repeat;
}
#menu li {
	float:left;
	padding:0 25px;
	border-right:1px solid #615f5f;
	height:38px;
	line-height:38px;
	background:url(../images/pus.gif) left center no-repeat;
	margin:0 3px;
}
/*#menu  a:hover {
	background: url(../images/menu.png) left center no-repeat;
	height:38px;
	display:block;
	border:red 1px solid;
	width:100px;
}*/
#content_top {
	width:889px;
	height:31px;
	overflow:visible;
	margin:0 auto;
	background:url(../images/bg_t.png) bottom no-repeat;
	clear:both;
	display:table; 
}
#content {
	width:889px;
	background:url(../images/bg_m.png) repeat-y top;
	margin:auto;
	display:block;
}
#content_left {
	width:605px;
	float:left;
	display:block;
	padding:0 0 0 10px;
}
#content_right {
	width:230px;
	float:right;
	display:block;
}
#footer {
	width:889px;
	overflow:visible;
	margin:0 auto;
	background:url(../images/bg_f.png) top no-repeat;
	clear:both;
	text-align:center;
	padding-top:30px;
	font-size:10px
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}
#content ul {
	list-style:square;
	margin-left:55px;
	padding:0;
}
#content li {
	margin:5px auto;
	font-size:11px;
}
a, a:link, a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
a:hover {
	text-decoration:underline;
}
p {
	padding:5px 20px;
	text-align:justify;
}
h1, h2, h3, h4 {
	font-weight:normal;
	margin:0 0 0 20px;
	padding-left:5px;
	padding-bottom:10px;
	font-stretch:normal;
	text-transform:capitalize;
	background:url(../images/hr2.png) no-repeat bottom left;
}
h2 {
	font-weight:normal;
	padding-bottom:5px;
	padding-left:0px;
	font-size:14px;
	color:#0c99d2;
	background:url(../images/hr.png) no-repeat bottom left;
}
h2 span {
	background:url(../images/h2.png) no-repeat center left;
	padding-left:20px;
}
h3 {
	font-weight:normal;
	padding-bottom:5px;
	padding-left:0px;
	font-size:12px;
	color:#71DA32;
	background:url(../images/min_hr.png) no-repeat bottom left;
}
h3 span {
	background:url(../images/h3.png) no-repeat center left;
	padding-left:15px;
}
h4 {
	font-weight:normal;
	padding-bottom:5px;
	padding-left:0px;
	font-size:13px;
	background:url(../images/min_hr.gif) no-repeat bottom left;
}
h5 {
	font-weight:normal;
	padding-bottom:5px;
	margin:5px 0 5px 0px;
	padding-left:0px;
	font-size:12px;
	color:#eeb007;
}
h5 span {
	background:url(../images/h4.gif) no-repeat center left;
	padding-left:15px;
}
.new_item a{
	color:#eeb007;
}
.new_item {
	margin:5px auto;
	background:url(../images/hr_v.png) bottom center no-repeat;
	padding:5px;
}
.new_item img {
	border:3px #fff solid;
	padding:1px;
	margin:0 auto;
}
dl {
	margin:5px 40px;
}
dt{
	color:#eeb007;
	margin:5px auto;
	font-style:italic;
}
dd{
	font-size:11px;
	padding:3px;
}
.ligne{
	padding:3px 0 3px 0;
	clear:both;
	border-bottom:1px solid #7EAA24;
	overflow:auto;
	height:100%;
	width:80%;
	margin:0 auto;
}
label{
	padding:3px 4px 0 4px;
	text-align:right;
	width:180px;
	float:left;
	margin:0 2px 0 0;

}
select, input,textarea {
	border:3px #BCBCBC double;
	background:#2D2D2D;
	color:#eeb007;
}
.item_dessin ul {
	margin-left:0px;
}
.item_web, .item_dessin{
	background:url(../images/bg_web.jpg) repeat-x top;
	height:160px;
	width:174px;
	margin:10px;
	float:left;
}
.item_web img, .item_dessin img{
	margin:4px 0 0 5px;
}
.item_web div, .item_dessin div{
	margin-right:5px;
	text-align:right;
}
.item_web span, .item_dessin span{
	margin-left:5px;
	color:#eeb007;
}
.img_border {
	border:#4A4A4A 3px solid;
}
.img_border a:hover {
	border:#FFF 3px solid;
}
.item_dessin{
	width:295px;
	margin:3px;
}
.img_with{
	width:145px;
	height:145px;
	float:left;
}

.item_dessin div{
	margin:5px 5px 0 0;
	float:right;
	width:132px;
	text-align:left;
	background:#161616;
}
.realisation {
 	background:#202020;
	width:98%;
	margin:10px auto;
	clear:both;
	display:table;
}
.photo{ 
	width:180px;
	height:180px;
	float:left;
	text-align:center;
	display:table;
}
.img_margin{
	margin:15px 0 3px 5px;
}
.no_border {
		border:none;
		cursor:pointer;
}
.text {
	width:420px;
	float:right;
	display:table;
}
 
/*CSS black style pagination*/
	div.pagination {
		padding: 20px 3px 3px 3px;
		margin: 3px;
		text-align:center;
		color:#a0a0a0;
		font-size:80%;
		clear:both;
	}
	div.pagination a {
		border: 1px solid #909090;
		margin-right:3px;
		padding:2px 5px;
		background-image:url('../images/bar.gif');
		background-position:bottom;
		text-decoration: none;
		color: #c0c0c0;
	}
	div.pagination a:hover, div.meneame a:active {
		border: 1px solid #f0f0f0;
		background-image:url(../images/invbar.gif);
		background-color:#404040;
		color: #ffffff;
	}
	div.pagination span.current {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #ffffff;
		font-weight: bold;
		background-color: #606060;
		color: #ffffff;
	}
	div.pagination span.disabled {
		margin-right:3px;
		padding:2px 5px;
		border: 1px solid #606060;
		color: #808080;
	}

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color:#B7E94E;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
.alert, .ok{
	background: #fff6bf url(../images/alert.png)left center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 20px 20px 20px 55px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	width:80%;
	margin:auto;
	color:#000000;
	display:block;
}
.ok {
	background: #D8FAC9 url(../images/ok.png)left center no-repeat;
	border-top: 2px solid  #74AF1B;
	border-bottom: 2px solid #74AF1B;
}