@charset "utf-8";
/*css*/                                             

body {

	font-size:14px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	}
#un{
	background-image: url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
 		img,#suivant,#precedent{behavior: url(include/iepngfix.htc);border: none;
}
p{
	margin:0;
	padding:0;
}


h3{
	margin: 0;
}
#formulaire h2 a{
	color: #000;
	text-decoration: none;
	text-align: center;
	display: block;
	}
img{
	border:none;
	}
#page1{

	margin:0 auto;
	padding:0;
	width:860px;
	height:auto;
	background-color: #fff;
	
}
#body1{
	position:relative;
	width:860px;
	height:auto;
	margin:0 auto;
	background-color: #FFF;
	}

#entete{
    margin:0 auto;
	width: 860px;
	height: 196px;
	position: relative;
	background-color: #fff;
	}

	
#logo{
	position: absolute;
	width: 147px;
	height: 88px;
	top: 30px;
	left: 360px;
	z-index:20;
	}
#baseline{
	position: absolute;
	background-color: #555554;
	width: 110px;
	height: 80px;
	top: 3px;
	left: 82px;
	padding: 10px;
	color: #d6d6d6;
	}
#baseline p{
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #d6d6d6;
	text-align: center;
	width: 100%;
	margin: 5px auto;
	}
#mus{position:absolute;right:0px;top:20px;width:100px;height:15px;color:#e10f00;font-size:12px;}
#mus a{color:#e10f00;font-size:12px;}
#mus a:hover{color:#000;}
#mus  #on{color:#536ca4;}
/*menu (fr/en/ar) */
#nav{
    position:absolute;
	right:30px;
	top:126px;
	width: 800px;
	height: 50px;
	padding: 0;
	margin:0 auto;
	}
.nav{
	margin: 0;
	padding: 0;
	height: 50px;
	display: block;
	width: 800px;
	}


.nav li {
	display: block;
	height: 50px;
	width: 160px;
	float: left;
	z-index: 21;
	}


#accueil a{display: block;height: 49px;width: 85px;margin: 0 auto;z-index: 22; background-image:url(../img/acc.png);background-repeat:none;}
#accueil :hover{margin-left:30px;}

#apropos a{display: block;height: 49px;width: 94px;margin: 0 auto;z-index: 22;background-image:url(../img/apr.png);background-repeat:none;}
#apropos a:hover{margin-left:26px;}

#galerie a{display: block;height: 49px;width: 79px;margin: 0 auto;z-index: 22;background-image:url(../img/gal.jpg);background-repeat:none;}
#galerie a:hover,#galerie a:active,#galerie a:focus{}

#circuits a{display: block;height: 50px;width: 84px;margin: 0 auto;z-index: 22;background-image:url(../img/cir.png);background-repeat:none;}
#circuits a:hover{margin-left:30px;}

#contact a{display: block;height: 49px;width: 85px;margin: 0 auto;z-index: 22;background-image:url(../img/ctc.png);background-repeat:none;}
#contact a:hover{margin-left:30px;}

#accueil a,#apropos a ,#galerie a,#circuits a, #contact a{background-repeat:none;}

/*deroulent*/

#nav li ul {
   position: absolute;
   width: 77px;
   height: 72px;
   text-align:center;
   left:90px;
   top: 100px;
   background-image:url(../img/deroul.png);background-repeat:none;
   
}
#nav ul li ul li{
   background-image:none;
   text-transform:normal;
   width:77px;
   height:30px;
   text-align:center;
   display:block;
   margin:0px;
   color:white;

}
#nav ul li ul li .ima {
	line-height:35px;
   background-image:none;
   text-transform:normal;
   width:77px;
   height:35px;
   text-align:center;
   display:block;
   margin:3px 0px 0px 0px ;
   color:white;
}
#nav ul li ul li .vid{
	line-height:35px;
   background-image:none;
   text-transform:normal;
   width:77px;
   height:35px;
   text-align:center;
   display:block;
    margin:5px 0px 0px 0px ;
   color:white;
}
#nav ul li ul li a:hover{
   color:#ccc;
}
#nav li:hover ul {
   left:90px;
   z-index:30;
   top:-6px;
   
}

#menu li:hover ul, #menu li.sfhover ul {
   left: 400px;
   top:40px
}

#contenu_slider{
	position: relative;

	}
#s_bg{
	background-image: url(../img/s_bg.png);
	position: absolute;
	top: 0px;
	left: 0px;
	width:820px;
	height:326px;
	z-index:13;
	}
.slider{
	width: 820px;
	height: 326px;

	}
.slider ul {

	list-style: none;
	display: block;
	width: 820px;
	height: 326px;
	overflow: hidden;
	}
.slider li {
	border: none;
	width: 820px;
	height: 326px;
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	overflow: hidden;
	}
#suivant{
	opacity:1.0;
	outline: none;
	position: absolute;
	width: 70px;
	height: 48px;
	top: 164px;
	display: block;
	z-index: 15;
	background-image: url(../img/suiv.png);
	background-repeat: no-repeat;
	right: -50px;
	}
#suivant:hover {
    opacity:0.8;
	right: -53px;
	}
#precedent{
    opacity:1.0;
	outline: none;
	position: absolute;
	width: 70px;
	height: 48px;
	top: 164px;
	display: block;
	z-index: 15;
	background-image: url(../img/prec.png);
	background-repeat: no-repeat;
	left: -50px;
	}
#precedent:hover {
	opacity:0.8;
	left: -53px;
	}
#h_g01{
	position: absolute;
	width: 159px;
	height: 78px;
	top: 22px;
	z-index: 15;
	background-image: url(../img/h_g01.png);
	left: 210px;
	background-repeat: no-repeat;
}
#h_g02{
	background-color:#fa3000;
    position: absolute;
	width: 330px;
	height: 50px;
	top: 50px;
	z-index: 15;
	right: 650px;
	background-image: url(../img/h_g02.png);
	background-repeat: no-repeat;
	background-position:right;
	}
#h_d01{
	position: absolute;
	width: 159px;
	height: 78px;
	top: 22px;
	z-index: 15;
	background-image: url(../img/h_d01.png);
	background-repeat: no-repeat;
	right: 210px;
	
	}
#h_d02{
	background-color:#e10f00;
    position: absolute;
	width: 330px;
	height: 50px;
	top: 50px;
	z-index: 15;
	
	background-image: url(../img/h_d02.png);
	left: 650px;
	background-repeat: no-repeat;
	background-position:left;
	}

#body2{
	background:#fff;
	height: 326px;
	width: 820px;
	margin: 0 auto;
	position:relative;

}
#body6{
	background:#fff;
	height: 335px;
	width: 840px;
	margin: 0 auto;
	position:relative;

}
#body3{
	position:relative;
	background:#fff;
	height: 245px;
	width: 860px;
	margin: 0 auto;

}
#btx01{position:absolute;right:0px;top:0px;width:203px; height:212px; background-image: url(../img/btx01.jpg) ;}
#btx02{position:absolute;right:-370px;top:0px;width:370px; height:959px; background-image: url(../img/btx02.jpg) ;}
#av01{position:absolute;left:0;top:0;width:229px; height:212px; background-image: url(../img/av01.jpg) ;}
#av02{ position:absolute;left:-370px;top:0px;width:370px; height:959px; background-image: url(../img/av02.jpg) ;}
#t_acc{padding-top:50px; margin:0 auto;height:190px; width:410px;position:relative;}
#tit{width:260px;height:20px;margin:0 auto;color:#e10f00;font-size:18px;text-align:center; position:relative}
#sent{width:740px;height:30px;margin:20px auto;padding-top:5px;color:green;font-size:18px;text-align:center; border:1px solid green}
#not_sent{width:740px;height:30px;margin:20px auto;padding-top:5px;color:red;font-size:18px;text-align:center; border:1px solid red}
#t_pr{padding-top:20px; width:410px;height:115px;margin:0 auto;color:#000;font-size:15px;text-align:center; position:relative;overflow:auto;}
#d_d{background-image: url(../img/d_d.png) ; width:55px;height:13px;position:absolute;right:0;top:2px;}
#d_g{background-image: url(../img/d_g.png) ; width:55px;height:12px;position:absolute;left:0;top:2px;}
#body4{
	background:#fff;
	height: 186px;
	width: 860px;
	margin: 0 auto;

}


#slider{
	width: 720px;
	height: 126px;
	margin: 0 auto;
	position: relative;
	margin-bottom: 40px;
	}
#slider ul {
    width:720px;
	list-style: none;
	display: block;
	height:126px;
	overflow: hidden;
	}
#slider li {
	border: none;
	width: 160px;
	height: 126px;
	padding: 0;
	margin: 10px;
	display: block;
	float: left;
	}

#slider li:hover{
	opacity:0.7;
	}
.s_p_i{
	width: 160px;
	height: 99px;
	padding: 0;
	margin: 0;
	display: block;

    }
.s_p_t{
	color:#000;
	padding-top:7px;
	text-align:center;
	width: 160px;
	height: 20px;
	display: block;

    }
#sep_up{
	background-image: url(../images/cliche.gif);
	width: 760px;
	height: 12px;
	background-repeat: repeat-x;
	position:absolute;
	left:-10px;
	top:-12px !important;
}
#sep_down{
	background-image: url(../images/cliche.gif);
	width: 760px;
	height: 12px;
	background-repeat: repeat-x;
	position:absolute;
	left:-10px;
	bottom:-9px !important;
}	

#prec{
	outline: none;
	position: absolute;
	width: 11px;
	height: 18px;
	top: 50px;
	display: block;
	z-index: 15;
	background-image: url(../img/s_p_prec.png);
	background-repeat: no-repeat;
	left: -35px;
	}
#prec:hover {
	left: -37px;
	}
	
#suiv{
	outline: none;
	position: absolute;
	width: 11px;
	height: 18px;
	top: 50px;
	display: block;
	z-index: 15;
	background-image: url(../img/s_p_suiv.png);
	right: -35px;
	background-repeat: no-repeat;
	}
#suiv:hover {
	right: -37px;
	}

#pied{

	margin-bottom:30px !important;
	width: 860px;
	height: 78px;
	margin: 0 auto;
	position: relative;
	color: #000;

	}
#d_g01{
	position: absolute;
	width: 159px;
	height: 78px;
	top: 0px;
	z-index: 15;
	background-image: url(../img/d_g01.png);
	left: 140px;
	background-repeat: no-repeat;
}
#d_g02{
	background-color:#e10f00;
    position: absolute;
	width: 416px;
	height: 50px;
	top: 0px;
	z-index: 15;
	right: 720px;
	}
#d_d01{
position: absolute;
	width: 159px;
	height: 78px;
	top: 0px;
	z-index: 15;
	background-image: url(../img/d_d01.png);
	right: 140px;
	background-repeat: no-repeat;
	}
#d_d02{
	background-color:#fa3000;
    position: absolute;
	width: 416px;
	height: 50px;
	top: 0px;
	z-index: 15;
	left: 720px;
	background-image: url(../img/d_d02.png);
	background-repeat: no-repeat;
	background-position:left;
	}
#comfex{
	display: block;
	margin:0 auto;
	width: 860px;
	height: 30px;
	}
#comfex a{
	display: block;
	margin:0 auto;
	width: 65px;
	height: 19px;
	background-image: url(../img/comfex.png);
	}
	
#copyright{
	text-align:center;
	margin:0 auto;
	width: 280px;
	height: 31px;
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 20px;
	}


	/* css specifiques a la page a propos*/
#cont_apropos{
	font-size:14px;
	width: 600px;
	min-height:400px;
	background-color: #FFF;
	margin:0 auto;
	padding:30px;


}
#corp_apropos p{
	text-align: justify;

}


	/* css specifiques a la page galerie*/

#galerieimg{
	margin: 0 auto ;
	position: relative;
	width: 720px;
	height: 660px;
	padding: 0;
	}
#contenu_galerie{
	width: 940px;
	height: 620px;
	right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	z-index: 10;
	color: #FFF;
	overflow: hidden;
}
#contenu_galerie h2{
	text-indent: 22px;
}
#corpsgalerie{
	width: 818px;
	height: 645px;
	position: absolute;
	top: 40px;
	left: 25px;
	}
#galeriecont{

	margin: 35px auto 0px auto;
	position: relative;
	width: 900px;
	height: 660px;
	padding: 0;
	}

ul, ol {
	list-style-type:none;
	margin:0px;
	padding:0px
}
img {
	border:none
}
 a {
	text-decoration:none;
	outline: none;
 }
 a:visited,a:hover {
	outline:none;
 }
#thumbs{
	margin:0 auto;
	width: 900px;
	height: 550px;
	}

div.navigation a{
	text-decoration: none;
	color: #000;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: normal;
	font-family: Verdana, Geneva, sans-serif;
}

ul.thumbs{
	width:760px;
	clear: both;
	margin: 0 auto;
	padding: 0;
	height: 550px;
	overflow: hidden;
}
ul.thumbs li{
	float: left;
	width: 170px;
	height: 150px;
	list-style: none;
	margin: 5px;
	padding: 0;
}
a.thumb{
	display: block;
}
ul.thumbs li.selected a.thumb{
    float: left;
}
a.thumb:focus{
	outline: none;
}
ul.thumbs img{
	border: none;
	display: block;
	width: 168px;
	height: 142px;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
div.pagination{
	clear: both;
	text-align: center;
	width: 760px;
	margin: 0;
	padding: 0;
	height: 20px;
}
div.navigation div.top{
	margin-bottom: 10px;
	height: 25px;
	width: 810px;
	margin-top: 40px;
	z-index: 5;
	color: #666;
}
div.navigation div.bottom{
	width: 810px !important;
	height: 25px;
	color: #666;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	bottom: 55px;
	left: 0px;
}
div.pagination a, div.pagination span.current,
div.pagination span.pagerLink,
div.pagination span.ellipsis{
	display: inline-block;
	text-align: center;
	margin: 0 5px;
}
div.pagination a:hover{
	color: #bbb;
	text-decoration: none;
	border-color: #999;
}
div.pagination span.current{
	color: #F33;
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
div.pagination span.pagerLink,
div.pagination span.current{
	width: 17px;
	height: 17px;
	margin: 0 2px;
	font-size: 16px;

}
	/* css specifiques a la page contact*/
#corp_contact{
	width: 810px;
	height: 650px;
	position: relative;
	padding-top: 30px;
	margin: 0 auto;
	}
#coordonnees{
	width: 300px;
	height: 575px;
	float: left;
	margin: 10px 0 0 30px;
	_margin-left:20px;
	padding: 0;
	}
#coordonnees a {
	color:#000;
	text-decoration: none;
	font-size: 13px;

	}
#coordonnees span {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	
	}
#coordonnees p {
	color: #000;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 234px;
	font-family: Verdana, Geneva, sans-serif;
	}
#map{
	border: 1px solid #898989;
	width: 260px;
	height: 205px;
	background-image: url(../img/MAP_03.jpg);
	background-repeat: no-repeat;
	}
/* formulaire*/

#labels{
	width: 124px;
	height: auto;
	float: left;
	color: #000;
	
	}
#formulaire {
	font-family: Verdana, Geneva, sans-serif;
	width:440px;
	height:575px;
	float:left;
	color: #000;
	margin: 10px 0 0 40px;
	}
#formulaire #inputs span{
	width:300px;
	height:30px;
	float:left;
	color: #fff;
	font-size: 12px;
	margin: 5px 0;
	}
#formulaire p,#formulaire #txtarea p  {
	color: red;
	font-size: 14px;
	margin: 0;
	padding: 10px 0 0 0;
	vertical-align: middle;
	float: left;
	}

#formulaire span input{
	width:281px;
	height:27px;
	float:left;
	border: 1px solid #898989;
	background-color: #fff;
	}
#formulaire #labels label,#formulaire  label{
	width:124px;
	height:20px;
	float:left;
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	text-transform: capitalize;
	display: block;
	margin: 0;
	text-align: left;
	padding: 10px 0;
	}
#formulaire textarea {
	width:403px;
	height:112px;
	float:left;
	border: 1px solid #898989;
	background-color: #fff;
	}
#antirobot{
	width:403px;
	height:98px;
	float:left;
	margin: 29px 0 10px 0;
	border: 1px solid #898989;
	background-image: url(../img/contact_51.gif);
	background-repeat: no-repeat;
	position: relative;
	background-position: right;
	background-color: #fff;
	}


#formulaire input #submits{
	width: 65px;
	height: 22px;
	padding: 0;
	margin: 0;
	}
#submits input{
	float: right;
	width: 75px;
	height: 25px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 35px;
	}
.titre1{
	width: 260px;
	height: 80px;
	color: #e10f00;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;

	}
.titre1_0{
	width: 184px;
	height: 75px;
	color: #C60;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	}
.titre2{
	width: 410px;
	height: 70px;
	margin: 0;
	float: left;
	color: #e10f00;
	
	}
.titre3{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #000;
	width: 260px;
	/*height: 20px;*/
	}
.titre1,#formulaire .titre2{
	font-family: Verdana, Geneva, sans-serif;
	height: 35px;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 20px 0;
	margin-top:25px;
	}
/*recaptcha theme custom*/

#recaptcha_response_field{
	width: 283px;
	height: 16px;
	top: 70px;
	left: 7px;
	background-color: #fff;
	}
#recaptcha_image {
	width: 285px ;
	height: 56px ;
	border: none;
	}
#capt_image {
	width: 285px;
	height: 56px;
	left: 7px;
	top: 7px;
	border: 1px solid #ccc;
	overflow: hidden;
	}
#actualiser {
	width: 24px;
	height: 16px;
	left: 298px;
	top: 14px;
	}
.recaptcha_only_if_image {
	width: 24px;
	height: 14px;
	left: 298px;
	top: 30px;
	}
.recaptcha_only_if_audio {
	width: 24px;
	height: 14px;
	left: 298px;
	top: 30px;
	}
.etoile{
	position:absolute;
	left:295px;
	bottom:10px;
	color: #F00;
		}
#aide {
	width: 24px;
	height: 16px;
	left: 298px;
	top: 44px;
	margin: 0;
	padding: 0;
	}
#recaptcha_response_field, .recaptcha_only_if_image,.recaptcha_only_if_audio,#aide,#actualiser,#capt_image  {
	display: block;
	position: absolute;
	}
#retrait{
	margin-left:30px !important;
	}

/*css retro*/
#d_l_retro{
	z-index:18;
	position:absolute;
    width: 398px;
	height: 215px;
	left: -335px;
	top: 32px;
	background-image: url(../img/d_l_retro.png);
	background-repeat:no-repeat;
	}
#d_r_retro{
	z-index:18;
	position:absolute;
	width: 398px;
	height: 215px;
	right: -336px;
	top: 32px;
	background-image: url(../img/d_r_retro.png);
	background-repeat:no-repeat;
	}
#d_gr_retro{
	z-index:20;
	position:absolute;
	width: 284px;
	height: 335px;
	right: 142px;
	top: 0px;
	background-image: url(../img/d_gr_retro.jpg);
	background-repeat:no-repeat;
	}
#g_gr_retro{
	z-idnex:20;
	position:absolute;
	width: 269px;
	height: 335px;
	left: 149px;
	top: 0px;
	background-image: url(../img/g_gr_retro.jpg);
	background-repeat:no-repeat;
	}
#d_pt_retro{
	z-index:20;
	position:absolute;
	width: 132px;
	height: 204px;
	right: 10px;
	top: 64px;
	background-image: url(../img/d_pt_retro.jpg);
	background-repeat:no-repeat;
	}
#g_pt_retro{
	z-index:20;
	position:absolute;
	width: 139px;
	height: 204px;
	left: 10px;
	top: 64px;
	background-image: url(../img/g_pt_retro.jpg);
	background-repeat:no-repeat;
	}
/*css body5*/
#body5{
    height:auto;
	min-height:400px;
	width:860px;
	}
.rela{
	position:relative;
	}	
/*admin*/
#adminpass{
	position:relative;
	width:450px;
	height:200px;
	background-image: url(../img/admin.png);
	background-color:red;

	margin:0 auto;
	}
#adminpass form{
	position:absolute;
	top:105px;
	right:40px;
	width:350px;
	height:50px;	
	}
#adminpass form label{
	color:#fff;
	font-weight:bold;	
	}
.champs{
	width:140px;
	height:18px;	
	margin:0 auto;	
	}
#envoi{
	top:2px;
	right:25px;
	position:absolute;
	padding:10px 10px;
	width:70px;
	height:50px;
	margin:0 auto;
	float:right;	
	}
.spacer{
	width:100%;
	height:60px;
	margin:0 auto;	
	}
#admin a{
margin-right:0px;
	color:red;
	float:right;
	width:120px;
	height:15px;
	text-align:left;
	} 
#admin a:hover{
	color:#000;

	} 

/* produits*/
.pagetitle{
		left: 360px !important;

	}

#projets{
	width: 760px;
	height: 790px;
	background-image: url(../images/galeriebkg.png);
	background-repeat: repeat-x;
	position: relative;
	padding: 0;
margin:0 auto;
	
	}

.projet{
	width: 760px;
	height: 150px;
	padding: 15px 35px;
	margin:0 auto;
	}

#conteneur-detail{
width: 760px;
margin:0 auto;


}
#parent4{


}
#parent4 li{
position: relative;
width: 760px;
height:500px;
}		
.apercupro{
-moz-border-radius: 8px;
border-radius: 8px;
border:2px solid #ccc;
position:absolute;
left:40px;
top:40px;
height:240px;
width:450px;
}
.apercupro img{
-moz-border-radius: 8px;
border-radius: 8px;

}
.detailpro{
-moz-border-radius: 8px;
border-radius: 8px;
padding:20px;
border:2px solid #ccc;
color:#000;
position:absolute;
right:40px;
top:40px;
height:200px;
width:160px;
}

.description{
-moz-border-radius: 8px;
border-radius: 8px;
padding:20px;
border:2px solid #ccc;
color:#000;
position:absolute;
right:38px;
top:300px;
height:120px;
width:636px;
}
.pro_text{
color:#000;
margin:0;
padding:0;

}
.center{
text-align:center;
margin-top:10px;

}

#sliderspro{

position:absolute;
right:0px;
top:470px;
height:270px;
width:740px;

}
#sliderspro ul{

height:230px;
overflow:hidden

}

/*produits*/

#slides_pro{

width:760px;
margin:0 auto !important;
overflow:hidden;
}

#slider_produit {
	padding-top:40px;
	position: relative;
	margin: 0 auto;
	width: 740px;
	height: 210px;
	overflow: hidden;
	background: none;
}
#prevslide_pro:hover{

left:-32px;
	
}
#nextslide_pro:hover{

right:-12px;		
}
#prevslide_pro:active{
left:-30px;
}
#nextslide_pro:active{
right:-10px;		
}
#prevslide_pro {
	position: absolute;
	width: 25px;
	height: 55px;
	top: 90px;
	cursor: pointer;
	z-index: 1;
	background-image: url(../img/flechgauchepro.png);
	left: -30px;
}
#nextslide_pro {
	position: absolute;
	width: 25px;
	height: 55px;
	top: 90px;
	cursor: pointer;
	z-index: 2;
	background-image: url(../img/flechdroitepro.png);
	right: -10px;
}
.slide_pro{
-moz-border-radius: 8px;
border-radius: 8px;
	position: relative;
	list-style-type: none;
	width: 160px;
	float: left;
	padding-left:0;
	height: 200px;
	margin: 15px 10px 0px 10px;
}
.slide_pro img{
	-moz-border-radius: 8px;
border-radius: 8px;
	border:0px solid #ccc;
	width: 160px;
	float: left;
	padding-left:0;
	height: 120px;
	margin: 0;
}
.slide_pro img:hover{
	
	opacity:0.8;

}
.relatv{
position:relative;
-moz-border-radius: 8px;
border-radius: 8px;
}
.relatv img{

-moz-border-radius: 8px;
border-radius: 8px;
}.caption{
font-size:12px;
position:absolute;
bottom:33px;
left:32px;
display:block;
height:28px;
width:120px;
color:#fff;
overflow:hidden;
}


#mus_elm{
	padding-top:5px;
	padding-left:5px;
	position:absolute;
	right:-20px;
	top:-7px;
	background-image:url(../images/mus.png);
	height:25px;
	width:75px;
	z-index:25;
	}

#music{
    float:left;
	height:20px;
	width:20px;
	z-index:30;
}