/*GENERAL*/
body{
	background-color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DCDCDC;
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, "Trebuchet MS", sans-serif;
}
a{
	color: #DCDCDC;
	text-decoration: underline;
}
a:visited{
	color: #DCDCDC;
}
h1{font-size: 22px;}
h2{font-size: 20px;}
h3{
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}
h4{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}
td.td1{
	background-color: #3F3F3F;
}
/*HEADER*/
div#header{
	background-image: url(../images/siteBalck_05.jpg);
	height: 125px;
}
div#head{
	width:966px;
}
div#logo_left{
	float: left;
}
div#menu_top{
	float: left;
	background-image: url(../images/BG_menu.jpg);
	width: 591px;
	height: 125px;
}
div#menu_top ul{
	padding:0px;
	margin:15px 0px 0px 0px;
}
div#menu_top ul li{
	display: inline;
}
div#menu_top ul li a{
	border: none;
	margin-right: 15px;
}
div#menu_top ul li a#btn1{
	float:left;
	margin-left:15px;
	background-image: url(../images/btn1.jpg);
	width: 129px;
	height: 84px;
	}
div#menu_top ul li a#btn1:hover{
	background-image: url(../images/btn1_over.jpg);
	}
div#menu_top ul li a#btn2{
	float:left;
	background-image: url(../images/btn2.jpg);
	width: 129px;
	height: 84px;
	}
div#menu_top ul li a#btn2:hover{
	background-image: url(../images/btn2_over.jpg);
	}
div#menu_top ul li a#btn3{
	float:left;
	background-image: url(../images/btn3.jpg);
	width: 129px;
	height: 84px;
	}
div#menu_top ul li a#btn3:hover{
	background-image: url(../images/btn3_over.jpg);
	}
div#menu_top ul li a#btn4{
	float:left;
	background-image: url(../images/btn4.jpg);
	width: 129px;
	height: 84px;
	}
div#menu_top ul li a#btn4:hover{
	background-image: url(../images/btn4_over.jpg);
	}
	
div#logo_right{
	float: right;
	width: 151px;
	height: 125px;
	background-image: url(../images/logo_cons.jpg);
	background-repeat: no-repeat;
}
#head h1 {
	float: left;
	text-indent: -9000px;
}

/*CONTENT*/
img.diapo{
	border: 3px groove #CCC;
}
img.tb{
	border:1px solid #DCDCDC;
	margin:10px;
}
div#content{
	width:980px;
	padding:10px;
}
div#presentation{
	border: 1px solid #333;
	padding:10px 0px 10px 20px;
	margin:15px 0px 15px 20px;
	width: 950px;
	background-image: url(../images/BG_presentation.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
div.clear{
	clear: both;
}
div.large_panel{
	background-image: url(../images/panel_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding:0px 17px 10px 15px;
	margin:0px 0px 20px 50px;
	border-bottom : 1px solid #333;
}
div.large_panel p{
	padding:0px;
	margin-left:20px
}
div.large_panel h3{
	margin-left:20px
}
div.large_panel span.title_panel{
	position:relative;
	left:15px;
	top:2px;
	font-weight: bold;
}
div.panel{
	background-image: url(../images/panel_top.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width:290px;
	float: left;
	padding:0px 17px 0px 15px;;
}
div.panel ul{
	list-style: none;
}
div.panel p{
	padding:10px 0px 0px 5px;
}
div.panel span.title_panel{
	position:relative;
	left:15px;
	top:2px;
	font-weight: bold;
}
div.contact_panel{
	background-image: url(../images/panel_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width:400px;
	float: left;
	padding:0px 17px 0px 15px;
	margin-left:50px;
}
div.contact_panel p{
	padding:10px 0px 0px 5px;
}
div.contact_panel span.title_panel{
	position:relative;
	left:15px;
	top:2px;
	font-weight: bold;
}
p{
	padding: 0px;
	margin: 0px;
}
p.moto{	
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #333;
}
p.news{
	margin-left:5px;
}
div.panelsr{
	background-image: url(../images/panel_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-right: 1px solid #111;
	border-bottom: 1px solid #222;
	padding:0px 17px 0px 15px;
	width:600px;
	margin-bottom:10px;
}
div.panelsr p{
	padding:10px 0px 0px 5px;
}
div.panelsr span.title_panel{
	position:relative;
	left:15px;
	top:2px;
	font-weight: bold;
}
div.paneleqp{
	background-image: url(../images/panel_top.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	border-right: 1px solid #111;
	border-bottom: 1px solid #222;
	padding:0px 17px 0px 15px;
	width:500px;
	margin-bottom:10px;
}
div.paneleqp p{
	padding:10px 0px 0px 5px;
}
div.paneleqp span.title_panel{
	position:relative;
	left:15px;
	top:2px;
	font-weight: bold;
}
div#col_left{
	float:left;
	width: 200px;
	height:500px;
}
div#col_right{
	float:left;
	margin:30px 0px 0px 30px;
	position:relative;
	background-image:url(../images/compteur.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}

/*MENU*/
div#info{
	position: absolute;
	top: 100px;
	left: 300px;
	background-image: url(../images/salon.png);
	width: 400px;
	height: 246px;
	text-align: left;
	color: #000;
	border: 1px solid #CCC;
	z-index: 1000;
}
div#info a{
	color: #000;
	font-weight: bold; 
	text-decoration: none;
}
ul#menu{
	text-align:left;
	position:relative;
	top: 20px;
}
ul#menu li{
	list-style: none;
	/*height: 30px;*/
	margin: 10px 0px 10px 0px;
	padding-top: 8px;
}
ul#menu li a:hover{
	border:1px solid #999;
	}
ul#menu li a#sel{
	border-left:1px solid #999;
	border-top:1px solid #999;
	border-right:1px solid #999;
	/*
	border: 1px solid #004601;
	background-image: url(../images/coin.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	*/
	}
ul#menu li a{
	border:1px solid #333;
	/*position: relative;*/
	padding:8px 0px 8px 0px;
	display: block;
	text-decoration: none;
	/*height:100%;*/
}
ul#menu li a img{
	border: none;
}
ul#smenu{  
	padding: 0;
	margin: 0;
	/*background-color: #165A39;*/
	background-image: url(../images/bg_green.gif);
	background-position:right;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
ul#smenu li{
	height: auto;
	padding: 2px 0px 2px 0px;
	margin: 0;
	/*list-style: url(../images/trait.gif);*/
}
ul#smenu li#select a{
	background-image: url(../images/bg_red180.gif);
	background-position: left;
}
ul#smenu li a{
	border: 0px;
	padding: 2px 0 2px 5px;
	margin: 0;
	height: auto;
}
ul#smenu li a:hover{
	border: 0px;
	/*background-color: #000000;*/
	background-image: url(../images/bg_green180.gif);
	background-position: left;
	/*border-right: 2px solid #BCBCBC;*/
}
/*MESSAGE*/
.msg{
	background-color: #E7DCBC;
	color: #000;
}
#blink{
	text-decoration: blink;
}
/*Formulaire*/
.input{
	width: 300px;
	border: 1px solid #000;
	background-color: #DCDCDC;
}
textarea{
	width: 300px;
}
input.submit {
	background : #000 url(../images/btn_bg.gif) repeat-x 0  100%;
	color: #fff;
	width: 100px;
}
legend{
	border: 1px solid #ccc;
	padding: 5px;
}
input.submit:hover, input.submit:focus {
	background : #000 url(../images/btn_bg_over.gif) repeat-x 0 100%;
}

input.submit:active {
	border-style : inset;
}
/*FOOTER*/
div#footer{
	background-image: url(../images/foot_right.jpg);
	background-repeat: repeat-x; 
	height:49px;
	width:100%;
}
div#foot_left{
	float:left;
	background-image: url(../images/foot_left.jpg);
	background-repeat: repeat-x;
	height: 49px;
	width:25%;
}
div#foot{
	float:left; 
	background-image: url(../images/foot.jpg);
	background-repeat: no-repeat;
	width: 50%;
	color:#000;
	padding: 15px 0px 15px 0px;
	font-size: 10px;
}
div#foot a{
	color:#000;
}
div#enlarge{
	position: absolute;
	top:0px;
	left:0px;
	z-index:1001 ;
}
img#bg_art{
	position: absolute;
	top:180px;
	left:150px;
}