body {
	margin:0;
	padding:0;
	background:url(../img/bg.jpg) top no-repeat #0e0402;
}

* {margin:0; padding:0;}


#container {
	width:950px;
	margin:0px auto
}

#header {
	width:950px;
	height:250px;
	background-image:url(../img/header.jpg);
}

#header a {
	display:block;
	width:301px;
	float:left;
	height:250px
}

#header .right {

display:block;
position:relative;
float:left;
height:192px;
margin-top:55px;
width:624px;
}

#header .right .bottom_header {
position:absolute;
bottom:0px; 
z-index:500000}


img {border:none}

h1 {display:none}

a {
	color:#003300;
	font-family:Arial, Helvetica, sans-serif
}

#canvas0_0 {width:500px}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#38575f;
	line-height:16px
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:15px;
	padding-top:5px;
	border-bottom:1px dotted #38575f;
	color:#38575f
}

h2 span {
	font-size:11px
}

.horaire {
	float:left;
	margin-bottom:20px;
	width:190px;
	margin-right:15px
}

.horaire .top {
	width:190px;
	height:13px;
	background:url(../img/horaire_top.jpg);
	float:left
}

.horaire h3 {
	margin:0 0 5px 0;
	padding:0;
	color:#FF6600;
	font-family:Verdana, Arial, Helvetica, sans-serif
}

.img_salon {width:160px; height:110px;float:left;}

.horaire p{
	font-size:11px;
	margin:0;
	padding:0
}

.horaire .mid{
	width:170px;
	padding-left:10px;
	padding-right:10px;
	background:url(../img/horaire_mid.jpg);
	float:left
}

.horaire .bot {
	width:190px;
	height:15px;
	background:url(../img/horaire_bot.jpg);
	float:left
}

#footer ul {
	width:170px;
	float:right;
	margin:0;
	padding:0;
	height:30px;
}

#copy {
	width:600px;
	float:left;
	padding-top:10px;
	height:10px;
}

#footer ul li {
	display:block;
	list-style:none;
	float:left;
	margin-top:7px;
	color:#fff;

}

#actu {
	width:330px;
	height:140px;
	background:url(../img/promo.jpg)
}

a.promo2 {
	width:330px;
	height:60px;
	display:block;
	float:left;
	margin-top:5px;
	margin-right:15px;
	margin-bottom:15px;
	float:left;
	background:url(../img/promo2.jpg)
}

a.promo2:hover {background:url(../img/promo2_hover.jpg)}

.acc .horaire {
	width:500px;
	height:150px
}

#photos {
	width:620px;
	background:none;
	float:left;
	margin-top:10px
}

#photos a {
	padding:8px;
	display:block;
	float:left;
	margin-right:20px;	
	width:133px;
	height:200px;
	background:url(../img/bg_visuel_ep.jpg)
}

#photos a:hover, .img_salon a:hover {
	opacity:0.8;
}

#footer ul li a {
	display:block;
	text-align:right;
	margin-left:20px;
	color:#FFFFFF;
	float:left
}

.prest ul li {
	list-style:url(../img/puce_li.png);
	padding-left:5px;
	margin:3px;
	height:15px;
	padding-bottom:5px
}

.part ul li {
	list-style:url(../img/puce_li.png);
	padding-left:5px;
	margin:3px;
	padding-bottom:5px
}

ul.bot {padding-left:90px;}

#footer a {color:#FFFFFF}
#footer a:hover {color:#CCCCCC;text-decoration:underline}

#menu ul {
	margin:0;color:#aac3cd;
	font-family:Arial, Helvetica, sans-serif;
	padding:0
}

#menu ul li{
	width:277px;
	list-style:none;
	float:left;
	height:81px;
	display:inline;
	float:left
}


#menu ul li:hover {
	color:#fff;
	width:277px;
}


#menu span {display:none}

#menu ul li a {
	color:#003300;
	width:277px;
	display:block;
	height:81px;
	font-size:13px
}

#menu ul li a.accueil {background:url(../img/menu1.jpg) top}
#menu ul li a.accueil:hover {background:url(../img/menu1.jpg) bottom}

#menu ul li a.prestation {background:url(../img/menu2.jpg) top}
#menu ul li a.prestation:hover {background:url(../img/menu2.jpg) bottom}

#menu ul li a.salon {background:url(../img/menu3.jpg) top}
#menu ul li a.salon:hover {background:url(../img/menu3.jpg) bottom}

#menu ul li a.acces {background:url(../img/menu4.jpg) top}
#menu ul li a.acces:hover {background:url(../img/menu4.jpg) bottom}

#menu ul li a.contacter {background:url(../img/menu5.jpg) top}
#menu ul li a.contacter:hover {background:url(../img/menu5.jpg) bottom}

#menu ul li a:hover {
	color:#FFFFFF;
	background:#999;
	font-size:13px;
	font-weight:bold
}

a {text-decoration:none}


#content {
	height:auto;
	width:902px;
	padding-left:24px;
	padding-right:24px;
	background:url(../img/content.png);
	float:left
}

#menu {
	width:277px;
	float:left;
	height:auto
}

#txt {
	width:565px;
	padding:20px 30px 20px 30px;
	min-height:500px;
	float:right
}

ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003333
}

.activ {
	background-image:url(../img/menu_hover.png);
	font-size:13px;
	font-weight:bold
}

#cl {
	clear:both
}

#footer {
	width:902px;
	color:#FFFFFF;
	font-size:10px;
	padding:70px 24px 0 24px;
	font-family:Arial, Helvetica, sans-serif;
	height:30px;
	background-image:url(../img/footer.png);
	margin:0 auto
}

#txt.acc {
	background:url(../img/txt-accueil.jpg) top right no-repeat;
}
#txt.acc p  {
	line-height:18px;
	font-size:14px;
	font-family:calibri;
	
}

img {
   behavior: url("pngbehavior.htc");
}


#formLeft {
	float:left;
	height:250px;
	width:250px
}

#formRight {
	float:left;
	height:250px;
	margin-left:25px;
	width:250px
}

input, textarea, select {
	float:left;
	font-size:11px;
	color:#666;
	cursor:pointer;
	width:150px;
	margin-bottom:10px
}

select {margin-left:6px;width:159px; height:22px;}
textarea{width:241px; cursor:text;padding:4px;}

select option {background:#f3f6fb}

input:focus, textarea:focus, select:focus {background:url(../img/input_focus.jpg);border:1px dashed #ccc}
input.error, textarea.error {background:url(../img/input_focus.jpg);border:1px dashed #ccc}

.error p {color:red} 

#formLeft input, #formRight input {
	display:block;
	float:right;
	height:15px;
	cursor:text;
	padding:3px;
	margin:1px 0 1px 0;
	width:150px
}

#formLeft label, #formRight label {
	display:block;
	float:left;
	color:#003366;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
	margin-bottom:5px;
	height:15px;
	margin:1px 0 1px 0;
	width:85px
}

#formLeft .item, #formRight .item {
	float:left;
	height:25px;
	margin:2px 0;
	width:250px
}

#formRight input.envoyer {
	width:102px;
	float:right;
	height:28px;
	cursor:pointer;
	background:url(../img/envoyer.jpg);
	padding:0 0 10px 0;color:#FFF;
	border:none
}

#map {
	border:1px solid #2b526a;
	padding:1px
}

#map p {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366
}

.img_bulle_map {
	bottom:-27px;
	height:120px;
	position:absolute;
	right:-14px;
	width:70px;
}

.img_bulle_map2 {
	bottom:-14px;
	height:120px;
	position:absolute;
	right:-14px;
	width:70px;
}

.img_bulle_map3 {
	bottom:-14px;
	height:120px;
	position:absolute;
	right:-14px;
	width:70px
}

.horaire_salon {
	float:left;
	width:167px;
	padding-top:0;
	margin-left:8px;
	height:200px;
	background:url(../img/horaire_salon.jpg);
	padding-left:5px;
	padding-right:5px;
	margin-top:15px
}

a.fullscreen {
	width:565px;
	display:block;
	font-size:18px;
	padding:10px 0 0 10px;
	margin-bottom:5px;
	background:url(../img/fullscreen.png) top;
	height:30px;
	text-transform:uppercase;
	font-family:calibri, arial;
	color:#fff
}

a.fullscreen:hover {background:url(../img/fullscreen.png) bottom}
.horaire {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#38575F; float:left;}

.tel {
	background:transparent url(../img/tel.png) repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:18px;
	padding:4px 10px 0 10px;
	width:145px
}

.horaire_salon h2 {border:0;margin-top:8px;padding:0 10px; font-size:16px}
.horaire_salon p {font-size:10px;}

#compteur {
	width:246px;
	margin:10px;
	background:#006699;
	color:#FFF;
	font-family:calibri;
	text-align:center;
	padding:5px;
	font-size:11px;
	height:20px
}

.salon h2 {margin-top:15px; float:left; width:565px}	
#compteur a {color:#fff}


/* HOMEPAGE BANNER */
.homeBanner {background: url(../img//bg-homeBanner.gif) no-repeat 0 0; margin-bottom:20px; overflow:hidden; width:100%; position:relative;}
.homeBanner ul {width:100%; height:200px; overflow:hidden;}
.homeBanner ul li {float:right; margin:0; padding:0; list-style-type:none; background-repeat:no-repeat; background-position:0 0; position:relative;}
.homeBanner ul li a {display:block; overflow:hidden; width:120px; height:200px; text-align:left; text-decoration:none; color:#fff; }
.homeBanner ul li#slider1 {background-image:url(../img/slider5.jpg);}
.homeBanner ul li#slider2 {background-image:url(../img/slider2.jpg);}
.homeBanner ul li#slider3 {background-image:url(../img/slider3.jpg);}
.homeBanner ul li span {margin:133px 0 0 120px; display:block; width:185px; height:47px; font-size:11px; padding:10px;}
.homeBanner ul li strong {position:absolute; bottom:15px; left:10px; font-weight:normal; font-size:30px;}
.homeBanner ul li#bannerPortfolio strong em {color:#b09c87;}
.homeBanner ul li#bannerProcess strong em, .homeBanner ul li#bannerProcess span b:first-letter {color:#8A922D;}
.homeBanner i {display:none;}

/* TRANSITION CLASSES */
.pgNone {display:none;}
.pgHidden {visibility:hidden;}
.imgHidden {display:none;}
*:active, *:focus {outline:none !important;}