/* CSS Document */
/*site Carol Allain*/
/*Auteur Patricia Comte Quatuor Info*/
/*Date 10/11/2007*/

body
{
	background-color:#303030;	/*antracite*/
	color:#ECECEC;	/*blanc cassé*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0;
	padding:0;
}
a
{
	background-color:transparent;
	color:#339966;	/*vert*/
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
img
{
	border:0;
}

#wrapper
{
	margin: 0 auto 0 auto;
	padding:0;
	width:756px;
}

#header
{
	background-position:top center;
	background-repeat:no-repeat;
	height:175px;
	margin:0;
	padding:0;
	width:100%;
}
#slogan_top
{
	margin:0;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:8px;
}

#leftColumn
{
	background-color:transparent;
	background-position:top right;
	background-repeat:no-repeat;
	color:#339966;	/*vert*/
	float:left;
	margin:0;
	padding:0;
	width:243px;
}

#main
{
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	font-size:1.1em;
	margin:0;
	padding:0;
	width:513px;
}
#main p
{
	padding-left:10px;
	padding-right:10px;
}

#footer
{
	border-top:solid 1px #999999;
	clear:left;
	font-size:0.8em;
	margin-top:10px;
	padding:3px;
	text-align:center;
	width:100%;
}
/*Styles des menu*/
.menu
{
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
	padding-top:8px;
	margin:0;
/*	position:relative;
	top:-177px;
	z-index:10;*/
}

.menu li
{
	float:left;
	display:inline;
}
.menu li img
{
	border:0;
	margin:0;
	padding:0;
}

.subMenu
{
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:54px;
	padding-left:0;
}
.subMenu ul
{
	margin:0;
	padding:0;
}
.subMenu li
{
	list-style:none;
	margin:0;
	padding-bottom:0px;
	padding-left:0;
	padding-top:10px;
}

.subMenu li ul
{
	padding-bottom:0px;
	padding-top:0px;
	margin:0;
}
/*hack ie6*/
* html .subMenu li ul {height: 1%;}

.subMenu a
{
	background-color:transparent;
	color:#339966;	/*vert*/
	/*font-size:11pt;*/
	font-weight:bold;
	text-decoration:none;
}
.subMenu ul a
{
	font-weight:normal;
}
.subMenu a:hover
{
	background-color:transparent;
	color:#FF6600;	/*orange*/
}
.decoMenu
{
	background-color:transparent;
	color:#FF6600;	/*orange*/
	font-weight:bold;
}
.decoSubMenu
{
	background-color:transparent;
	color:#303030;
	font-weight:bold;
}
/*fin des styles des menus*/

/*Classes générales*/
.hightlight
{
	background-color:transparent;
	color:#339966;	/*vert*/
	font-weight:bold;
}
.alternateHightlight
{
	background-color:transparent;
	color:#FF6600;	/*orange*/
	font-weight:bold;
}

.title
{
	/*background-color:transparent;
	color:#FF6600;	/*orange*/
	/*font-family:"Arial Narrow", Arial, Hlevetica;
	font-size:2em;
	padding-bottom:0;
	padding-right:10px;
	padding-top:3px;*/
	padding-left:10px;
	font-size:1.2em;
	/*font-weight:bold;*/
}
.subtitle
{
	background-color:transparent;
	color:#FF6600;	/*orange*/
	font-size:1.2em;
	font-weight:bold;
	padding-left:10px;
}
h2.subtitle
{
	margin:0;
	padding-bottom:0;
	padding-left:10px;
	padding-top:10px;
}
h3.subtitle
{
	background-color:transparent;
	color:#ECECEC;	/*blanc cassé*/
	font-size:1.1em;
	font-weight:bold;
	margin:0;
	padding-bottom:0;
	padding-left:10px;
	padding-top:15px;
}
.txtBig
{
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding-bottom:0;
	padding-left:10px;
	padding-top:0;
}
.txtEncadre
{
	border:solid 1px #FF6600;	/*orange*/
	padding:5px;
}
.txtSmall
{
	font-size:0.9em;
	margin:0;
	padding-bottom:0;
	padding-left:10px;
	padding-top:0;
}
.quote
{	
	font-style:italic;
	text-align:right;
}

.autor
{
	font-weight:bold;
	text-align:right;
}

.colonnes2
{
	float:left;
	margin-right:auto;
	margin-left:auto;
	width:250px;
}

.colonnes2 .quote
{
	text-align:left;
}

/* Fin des classes générales */
/*accueil*/

#slogan_accueil
{
	margin-top:53px;
	/*Version IE6 réglé dans scripts/styles.js*/
	margin-left:0;
	padding:0;
}

#enBref
{
	float:left;
	margin:0;
	padding:0px;
	width:261px;
}

/*Utilisé pour mettre un lien sur l'image de fond*/
#accueil_pub
{
	background-color:#4995c6;
	background-image:url(/images/accuil_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	float:left;
	/*height:386px;*/
	margin:0;
	margin-top:-127px;
	padding-left:0px;
	padding-top:10px;
	position:relative;
	text-align:center;
	width:252px;
}
#accueil_pub p
{
	margin-bottom:5px;
	margin-top:0;
}
#accueil_pub a
{
	color:#ffffff;
}

#pub-main {
	height: 340px;
	width: 234px;
	background: url(images/desserrer-lurgence.jpg) top center no-repeat;
	margin: 0 auto;
}
#pub-main a img {
	position: absolute;
	left: 105px;
	top: 305px;
}
#pub-phrases {
	position: absolute;
	left: 30px;
	top: 210px;
}
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 170px;
	height:90px;
}
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}
/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
	margin-right: 70px;
}
#accueil_pub hr {
	border-color: white;
	border-style: solid none none;
	border-width: 1px 0 0;
	width: 234px;					
}

.accueil_txt_color
{
	color:#dec354;
}

#calendrier
{
	background-color:#ECECEC;	/*blanc cassé*/
	color:#000000;
	float:left;
	margin:0;
	margin-top:9px;
	padding-left:5px;
	width:247px;
}

#calendrier a
{
	background-color:transparent;
	color:#000000;
}

.lieuCalendrier
{
	font-weight:bold;
}

.titleCalendrier
{
	background-color:transparent;
	color:#339966;
	font-size:1.2em;
	padding-bottom:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	text-transform:uppercase;
}
/* Fin des styles de la page accueil*/

/*styles de la page En spectacle*/
.spacer
{
	/*background-color:#303030; /*marron pâle*/
	margin:0;
	padding-top:10px;
}
.enSpectacleTh_v, .enSpectacleTh_h
{
	/*background-color:#303030;	/*antracite*/
	color:#ECECEC;	/*blanc cassé*/
	float:left;
	margin:0;
	text-align:center;
}
.enSpectacleTh_v
{
	padding:5px;
	height:110px;
	width:161px;
}
.enSpectacleTh_h
{
	padding:5px 9px;
	height:160px;
	width:110px;
}
.enSpectacleTh_v img, .enSpectacleTh_v img
{
	border:0;
	margin:0;
	padding:0;
}

.video
{
	/*background-color:#303030;	/*antracite*/
	color:#ECECEC;	/*blanc cassé*/
	text-align:center;
	padding:10px;
}
/*fin des styles de la page En spectacle*/

/*Styles des pages ouvrages*/
.ouvragePhoto
{
	margin-bottom:5px;
	margin-left:5px;
	margin-right:0;
	margin-top:0;
	padding:0;
	float:right;
	width:190px;
}

.formCommande
{
	padding-bottom:10px;
	padding-top:10px;
}
.formCommande label
{
	float:left;
	padding-left:5px;
	width:100px;
}
.formCommande input
{
	margin-bottom:10px;
}
.formCommande .lblLarge
{
	padding-left:5px;
	width:340px;
}
.formCommande .lblLarge img
{
	margin-right:5px;
}
.formCommande .lblDoite
{
	float:left;
	width:30px;
}
.formCommande .lblDoite1
{
	float:left;
	width:35px;
	height:43px;
	margin-top: 20px;
}
/*fin des styles des pages ouvrages*/
/*styles de la page témoignages*/
.poste
{
	margin-top:-5px;
	margin-bottom:15px;
	padding:0;
}

/*fin des styles de la page témoignage*/

/*styles de la page clients*/
#clients
{
	background-color:#FFFFFF;
	width:513px;
	padding:10px;
}
#clients td
{
	padding:5px;
	text-align:center;
	width:170px;
}

/*fin des styles de la page clients*/