/* Orange : #f5920f */
/* Gris : #282828 */


html
{
/*	overflow-x: auto;*/
}

body
{
	background: #000;
/*	background-image: url(../images/fond-halo.jpg);
	background-position: center center;*/
	background-repeat: no-repeat;
	color: #f5920f;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 11px;
/*	line-height: 135%;*/
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#container
{
	width: 1024px;
	height: 695px;
	background-color: #282828;
/*	background-image: url(../images/accueil-fond.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;*/
	margin: 20px auto auto auto;
/*	border: 4px #fff solid;*/
	padding: 0px;
}

.td-menu
{
	width: 1024px;
	height: 100px;
}

.td-bandeau
{
	width: 1024px;
	height: 115px;
}

.td-photo
{
	width: 222px;
	height: 480px;
}

#td-accueil
{
	background-color: transparent;
	width: 802px;
	height: 480px;
	text-align: center;
	vertical-align: top;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#menu
{
	width: 1024px;
	height: 100px;
	background-image: url(../images/menu/menu4.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-haut
{
	width: 1024px;
	height: 22px;
}
.menu-cell20
{
	width: 20px;
	height: 22px;
}
.menu-cell40
{
	width: 40px;
	height: 22px;
}
.menu-cell94
{
	width: 94px;
	height: 22px;
}
.menu-bas
{
	width: 1024px;
	height: 22px;
}
.menu-accueil
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-accueil-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-accueil a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-accueil-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-accueil a:hover
{
	background: transparent;
}

.menu-marche
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-marche-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-marche a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-marche-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-marche a:hover
{
	background: transparent;
}

.menu-galeries
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-galerie-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-galeries a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-galerie-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-galeries a:hover
{
	background: transparent;
}

.menu-showroom
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-showroom-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-showroom a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-showroom-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-showroom a:hover
{
	background: transparent;
}

.menu-illustrateurs
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-illustrateurs-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-illustrateurs a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-illustrateurs-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-illustrateurs a:hover
{
	background: transparent;
}

.menu-tarifs
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-tarifs-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-tarifs a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-tarifs-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-tarifs a:hover
{
	background: transparent;
}

.menu-contact
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-contact-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-contact a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-contact-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-contact a:hover
{
	background: transparent;
}

.menu-agenda
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-agenda-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-agenda a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-agenda-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-agenda a:hover
{
	background: transparent;
}

.menu-univers
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-univers-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-univers a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-univers-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-univers a:hover
{
	background: transparent;
}
.menu-liens
{
	width: 150px;
	height: 28px;
	background-image: url(../images/menu/menu4-liens-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-liens a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/menu4-liens-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-liens a:hover
{
	background: transparent;
}

/*
#menu
{
	width: 1024px;
	height: 100px;
	background-color: #282828;
	padding: 0px;
	margin: 0px;
}

.menu-left
{
	width: 0px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}
.menu-accueil
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/accueil-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-accueil a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/accueil-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-accueil a:hover
{
	background: transparent;
}

.menu-marche
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/marche-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-marche a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/marche-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-marche a:hover
{
	background: transparent;
}

.menu-galeries
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/galeries-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-galeries a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/galeries-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-galeries a:hover
{
	background: transparent;
}

.menu-showroom
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/showroom-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-showroom a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/showroom-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-showroom a:hover
{
	background: transparent;
}

.menu-illustrateurs
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/illustrateurs-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-illustrateurs a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/illustrateurs-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-illustrateurs a:hover
{
	background: transparent;
}

.menu-tarifs
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/tarifs-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-tarifs a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/tarifs-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-tarifs a:hover
{
	background: transparent;
}

.menu-contact
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/contact-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-contact a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/contact-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-contact a:hover
{
	background: transparent;
}

.menu-agenda
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/agenda-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-agenda a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/agenda-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-agenda a:hover
{
	background: transparent;
}

.menu-univers
{
	width: 128px;
	height: 100px;
	background-image: url(../images/menu/univers-off.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.menu-univers a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/menu/univers-on.jpg);
	background-repeat: no-repeat;
	display: block;
}

.menu-univers a:hover
{
	background: transparent;
}

.menu-right
{
	width: 0px;
	height: 100px;
	padding: 0px;
	margin: 0px;
}
*/
/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#bandeau
{
	width: 1024px;
	height: 115px;
	background-color: #282828;
	color: #fff;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 36px;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#accueil
{
	width: 802px;
	height: 480px;
	padding: 0px;
/*	position: relative;
	top: 50%;
	left: 50%;
	margin-left: -330px;
	margin-top: -180px;
	background-image: url(../images/accueil.jpg);
	background-repeat: no-repeat;*/
}

#accueil-01
{
	width: 747px;
	height: 360px;
	vertical-align: middle;
}

#accueil-02
{
	width: 747px;
	height: 120px;
	background-image: url(../images/accueil02.jpg);
	background-repeat: no-repeat;
}

#header-photo
{
	position: relative;
	overflow: hidden;
	width: 222px;
	height: 480px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	background-color: #282828;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#show-galerie
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#show-galerie table
{
	margin-left: auto;
	margin-right: auto;
}
#bigIMG
{
	width: 480px;
	height: 400px;
}
.td-bigIMG
{
	width: 480px;
	height: 480px;
}
#loadArt
{
	width: 64px;
	height: 64px;
	background-image: url(../images/galeries/loadArt.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -32px;
}
#loadArt-wheel
{
	width: 32px;
	height: 32px;
	background-image: url(../images/galeries/wheel.gif);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 16px;
	left: 16px;
}

#show-galerie td
{
	vertical-align: middle;
}

#show-galerie-left
{
	width: 40px;
	height: 75px;
	background: transparent;
/*	float: left;*/
}

#show-galerie-left a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/galeries/galerie-left.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
}

#show-galerie-left a:hover
{
	background-image: url(../images/galeries/galerie-left-on.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#show-galerie-center
{
	width: 940px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	position: relative;
	overflow: hidden;
/*	overflow-x:hidden;*/
	clip: auto;
/*	float: left;*/
}

#innerGal
{
	position: relative;
	left: 0px;
	top: 0px;
	height: 75px;
	padding: 0px;
	margin: 0px;
}

#innerGal td
{
	padding: 0px 2px 0px 2px;
	margin: 0px;
}

#show-galerie-center table
{
	width: 100%;
	margin: 0px auto;
}
#show-galerie-center a, img
{
	border: 0px #000 none;
}

#show-galerie-right
{
	width: 40px;
	height: 75px;
	background: transparent;
/*	float: right;*/
}

#show-galerie-right a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/galeries/galerie-right.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	display: block;
}

#show-galerie-right a:hover
{
	background-image: url(../images/galeries/galerie-right-on.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#marche
{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 16px;
	text-align: left;
}

#marche a
{
	text-decoration: none;
	color: #f5920f;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#show-tarifs
{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 16px;
	text-align: center;
}

#show-tarifs table
{
	margin: 10px auto;
}
#show-tarifs td
{
	width: 200px;
	height: 20px;
	text-align: center;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
#showroom
{
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}

#showroom-info
{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 16px;
	text-align: center;
	color: #f5920f;
}
#showroom-subinfo
{
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 12px;
	text-align: center;
	color: #f5920f;
}

#showroom-preview
{
	width: 600px;
	height: 600px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;
	margin-top: -300px;
	background-color: #565656;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	border: 20px #fff solid;
	visibility: hidden;
}

/* ==============================================================================================
   ===                                                                                        ===
   ============================================================================================== */
.form-label
{
	text-align: right;
}
.form-input
{
	text-align: left;
}
.form-submit
{
	text-align: right;
}

#contact-details
{
	width: 800px;
	margin: 10px auto 0px auto;
	color: #f5920f;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	text-align: center;
	font-size: 14px;
}

#contact-details a:link, a:visited
{
	color: #f5920f;
	font-weight: bold;
	text-decoration: none;
}

#contact-details a:hover
{
	color: #fff;
}

#contact-telephone
{
	width: 300px;
	margin: 0px auto 10px auto;
	padding: 10px;
/*	border: 2px #f5920f dashed;*/
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	text-align: left;
	font-size: 14px;
}

#contact-telephone h1
{
	font-size: 16px;
}

#contact-courier
{
	width: 300px;
	margin: 0px auto 10px auto;
	padding: 10px;
/*	border: 2px #f5920f dashed;*/
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	text-align: left;
	font-size: 14px;
}

#contact-courier h1
{
	font-size: 16px;
}

#contact-mail
{
	width: 600px;
	margin: 0px auto 10px auto;
	padding: 10px;
/*	border: 2px #f5920f dashed;*/
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	text-align: left;
	font-size: 14px;
}

#contact-mail h1
{
	font-size: 16px;
}

#event
{
	width: 1024px;
	height: 545px;
	overflow: scroll;
	margin: 0px auto 0px auto;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
	font-size: 16px;
	color: #f5920f;
	text-align: center;
}

.event-header
{
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.event-titre
{
	width: 800px;
	color: white;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.event-date
{
	width: 200px;
	font-size: 12px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.event-body
{
}

.event-texte
{
	font-size: 14px;
	text-align: justify;
}

.event-item-header
{
	width: 968px;
	margin: 0px;
	padding: 15px 20px;
}
.event-item-titre
{
	color: white;
	float: left;
}
.event-item-titre a
{
	color: white;
	text-decoration: none;
}
.event-item-titre a:hover
{
	color: #f5920f;
}
.event-item-date
{
	font-size: 12px;
	float: right;
}
.event-item-body
{
	padding: 15px 0px;
}
.event-item-intro
{
	font-size: 14px;
	text-align: justify;
	padding: 20px;
}

#univers
{
	width: 1024px;
	height: 480px;
	padding: 0px;
	margin: 0px;
}

.univers-top, .univers-bottom
{
	width: 300px;
	height: 40px;
}

.univers-spacer
{
	width: 300px;
	height: 20px;
}

.univers-bd
{
	width: 300px;
	height: 100px;
	background-image: url(../images/univers/bd-on.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.univers-bd a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/univers/bd-off.jpg);
	background-repeat: no-repeat;
	display: block;
}

.univers-bd a:hover
{
	background: transparent;
}

.univers-cliche
{
	width: 300px;
	height: 100px;
	background-image: url(../images/univers/cliche-on.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.univers-cliche a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/univers/cliche-off.jpg);
	background-repeat: no-repeat;
	display: block;
}

.univers-cliche a:hover
{
	background: transparent;
}

.univers-studio
{
	width: 300px;
	height: 100px;
	background-image: url(../images/univers/studio-on.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.univers-studio a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/univers/studio-off.jpg);
	background-repeat: no-repeat;
	display: block;
}

.univers-studio a:hover
{
	background: transparent;
}

.univers-wahrol
{
	width: 300px;
	height: 100px;
	background-image: url(../images/univers/wahrol-on.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.univers-wahrol a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/univers/wahrol-off.jpg);
	background-repeat: no-repeat;
	display: block;
}

.univers-wahrol a:hover
{
	background: transparent;
}

.univers-style
{
	width: 300px;
	height: 100px;
	background-image: url(../images/univers/style-on.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}
.univers-style a
{
	width: 100%;
	height: 100%;
	background-image: url(../images/univers/style-off.jpg);
	background-repeat: no-repeat;
	display: block;
}

.univers-style a:hover
{
	background: transparent;
}

.td-univers
{
	width: 300px;
	height: 100px;
}

#univers-name
{
	width: 300px;
	height: 100px;
}

.univers-bg
{
	width: 724px;
	height: 480px;
	background-color: transparent;
	text-align: center;
}

#univers-titre
{
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 10px;
}

#univers-texte
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 20px;
}

#univers-fonds
{
	margin: 20px auto 20px auto;
}

.content {
width: 650px;
background:#282828 none repeat scroll 0%;
color:#78736E;
margin-bottom:1em;
padding:0em;
margin: 0em auto;
}

float-wrapper:after{	content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.image_gallery_controls{
	list-style:none;
	width:85px;
	height:100%;
	padding:0;
}

li#prev_button,
li#next_button{
	width:78px;
	height:472px;
	padding:0;
	margin:4px;
	background:url(../images/controls.png) 0px 0px no-repeat;
}
li#prev_button{
	left:0;
}
 
li#next_button{
	right:0;
}
li#next_button a{
	background:url(../images/right_arrow_off.png) 25px 190px no-repeat;
	width:85px;
	cursor:pointer;
	display:block;
	height:480px;
	text-indent:-9999px;
	height:100%;
}
li#prev_button a{
	background:url(../images/left_arrow_off.png) 16px 190px no-repeat;
	width:85px;
	cursor:pointer;
	display:block;
	height:480px;
	text-indent:-9999px;
	height:100%;
}
li#next_button:hover a{
	background:url(../images/right_arrow_on.png) 25px 190px no-repeat;
}
li#prev_button:hover a{
	background:url(../images/left_arrow_on.png) 16px 190px no-repeat;
}
ul#image_gallery{
	display:block;
	list-style:none;
	position:relative;
	width:480px;
	height:480px;
	border: 1px solid #b2aba2;
	margin:20px auto;
	padding:0;
	background:#999;
	overflow:hidden;
}
ul#image_gallery li{
	margin:0;
	padding:0;
}