/* corps */

body {
	background-color: black;
	ackground: url(images/noir2_179.jpg); /* image de fond */
	margin: auto;
	behavior: url(csshover.htc); /* WinIE behavior call */ 
	font-size: 100%;
	/* style des la barre de défilement*/ 
	scrollbar-base-color:#666666;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#666666;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#999999;
  scrollbar-track-color:#999999;
 } 



/* Titres- repérés par les browsers */ 
h1 {
	font-family: univers, verdana, arial, times, sans-serif;
	font-size: 175%;
	color: white;
}

h2
{
	font-family: univers, verdana, arial, times, sans-serif;
	font-size: 100%;
	color: white;
}

h3 {
	font-family: univers, verdana, arial, times, sans-serif;
	font-size: 95%;
	color: white;
}

h4
{
	font-family: univers, arial, times, sans-serif;
	font-size: 90%;
	color: #ef5229;
	font-weight: bold;
}

/* Différents style de paragraphe */ 

#p {
	font-family: arial, times, sans-serif;
	font-size: 110%;
	color: white;
}

#p1 {
	font-family: arial, times, sans-serif;
	font-size: 110%;
	color: white;
}

#p2 {
	font-family: arial, times, sans-serif;
	font-size: 70%;
	color: white;
}

#p3
{
	font-family: arial, times, sans-serif;
	font-size: 250%;
}

#p4
{
	font-family: univers, arial, times, sans-serif;
	font-size: 170%;
	color: white;
}

#p5
{
	font-family: univers, arial, times, sans-serif;
	font-size: 100%;
	color: #ef5229;
	font-weight: bold;
}

#p6
{
	font-family: univers, arial, times, sans-serif;
	font-size: 90%;
	color: white;
	font-weight: bold;
}

#p7
{
	font-family: univers, arial, times, sans-serif;
	font-size: 100%;
	color: white;
	font-weight: bold;
}

#p8
{
	font-family: univers, arial, times, sans-serif;
	font-size: 80%;
	color: white;
	font-weight: bold;
}

/* particularité pour les lien sur toute la page web */ 
a {
text-decoration: none;
color: #ef5229;
}

a:hover {text-decoration: underline}

/* tableaux des listes de prix des différentes pages.*/ 
table {
	width: 595px;
	cellspacing="0";
}


thead th {
	height: 26px;
	width: px;
	background: #000000;
	font-family: arial, times, sans-serif;
	font-size: 1.2em;
	color: white;
	padding: 1, 1, 1, 1em; 
	text-align: center;
	border: 1px solid #ef5229;
}

th {
	height: 23px;
	widht: px;
	background: #666666;
	font-family: arial, times, sans-serif;
	font-size: 1.1em;
	color: white;
	padding-left: 10px;
	padding-right: 5px;
	text-align: left;
	border: 1px solid #999999;;
}

tr{
	height: 15px;
}

td {
	width: ;
	background: black;
	font-family: arial, times, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	padding: 1, 1, 1, 5em; 
	text-align: left;
	border: 1px solid #666666 ;
}

/* tableau de la page systeme */ 
td.special {
	width: 63%;
	background: black;
	font-family: arial, times, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: white;
	padding: 1, 1, 1, 1em; 
	text-align: left;
	border: 1px solid #666666 ;
}

/* deux div qui sépare les éléments de la cellule du tableau contenant haut de la page */ 
#left {
	height: 23px;
	width:75%;
	text-align:left;
	float:left;
}

#right {
	height: 10px;
	width:25%;
	float:right;
	text-align:right;
	margin-top: 5px;
	font-size: 0.6em;
}

/* division qui contient les autres éléments soit entête, intro, nav, contenu et pied page  */ 
#contenant {
	background-color:  black;
	background-image: url(images/0304-0605-2223-1437_SM_b.jp); 
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 760px;
	position: relative;
	margin: auto;
	border-left: 10px solid black;
	border-right: 10px solid black;
}/* photo enlever car nous n'avons pas les droits d'auteur */ /* auto pour que la page s'ajuste toute seule en fonction de la résolution d'écran de l'utilisateur */

/* division qui contient le logo de son-arts en haut à gauche */ 
#entete {
	background-color: black;
	background: url(images/son-artsproductions2a.jpg) no-repeat;
	width: 100%;
	height: 135px;
	margin-top: 0;
	margin-left: 0px;
	borde: 1px solid #d85020;
}

/* qui contient le message défilant  */ 
#intro {
	float: right;
	background-color: black;
	width: 500px;
	height: 35px;
	margin-top: -35px;
	margin-right: 9px;
	text-align: right;
}

/* menu déroulant vertical à gauche */ 
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin-left: 1px;
		margin-top: 18px;
		list-style: none;
		float : left;
		width : 8em;
		font:  0.9em  arial, times, sans-serif;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 8em;
		font:  1em  arial, times, sans-serif; /* sinon la font rappetisse */
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 9.4em;
		margin-top : -2em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 8em;
		w\idth : 8em;
		display : block;
		color : white;
		font-weight : bold;
		text-decoration : none;
		background-color : black;
		border: 1px solid #d85020;
		padding : 0.2em;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #8e908f;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
	
	#nav li:hover, #nav li.hover { /* correction pour ie7*/
    position: static;
}
	
	#content {
		margin-left : 12em;
	}

/* division qui contient les tableaux ou photo et texte des pages */ 
#contenu {
	background-color: black;
	width: 38.5em;
	height: 50em;
	margin-top: 0px;
	padding: 0.75em;
	text-align: center;
	margin: 0 0 0 7em;
}

#contenumoyen {
	background-color: black;
	width: 38.5em;
	height: 80em;
	margin-top: 0px;
	padding: 0.75em;
	text-align: center;
	margin: 0 0 0 7em;
}

#contenulong {
	background-color: black;
	width: 38.5em;
	height: 120em;
	margin-top: 0px;
	padding: 0.75em;
	text-align: center;
	margin: 0 0 0 7em;
}

#pied /* pied de page qui contient tout droit réservé en bas*/ 


#services {
	float: left;
	width: 35em;

}

#services ul {
	background-color: black;
	color: white;
	list-style: none;
	text-align: left;
	font-family: arial, times, sans-serif;
	font-size: 1.1em;
}

/* division qui fait la planche contact avec les logos des compagnies */ 
div.pic { 
	float: left; 
	height: 75px;
	width: 268px;
	padding: 1.25em 1.25em 0 1.25em;
	background-color: white;
}
/* spécification pour le lien sur les images  */ 
a.tn img {
	border: 1px solid black;}

a.tn img:hover {
	border: 1px #ef5229;}

/* 7 divisions pour la page des contacts */ 
#contacttexte {
	background-color: black;
	width: 99%;
	height: 40px;
	padding: 2px;
	text-align: center;
}

#contactadresse {
	float: left;
	background-color: black;
	width: 49%;
	height: 40px;
	margin-top: 2em;
	padding: 2px;
	text-align: left;
}

#contacttelephone {
	float: right;
	background-color: black;
	width: 49%;
	height: 40px;
	margin-top: 2em;
	padding: 2px;
	text-align: right;
}

#contacthaut {
	float: left;
	background-color: black;
	width: 99%;
	height: 40px;
	margin-top: 5em;
	padding: 2px;
	text-align: center;
}

#contactgauche {
	float: left;
	background-color: black;
	width: 49%;
	height: 40px;
	margin-top: 5em;
	padding: 2px;
	text-align: left;
}

#contactdroite {
	float: right;
	background-color: black;
	width: 49%;
	height: 40px;
	margin-top: 5em;
	padding: 2px;
	text-align: right;
}

#contactbas {
	float: left;
	background-color: black;
	width: 99%;
	height: 40px;
	margin-top: 5em;
	padding: 2px;
	text-align: center;
}


/* particularité pour la page d'entrée du site */ 

#entree{
	background-color: black;
	width: 760px;
	height: 600px;
	position: relative;
	margin: auto;
	border-left: 10px solid black;
	border-right: 10px solid black;
}

#entree2{
	float: left;
	background-color: black;
	width: 100%;
	height: 25%;
	margin-top: 275px; 
	text-align: center;
}

/* division pour le compteur qui est présentement inactif */ 

#compteur
	float: left;
	margin-left: 100px;
	width: 100%;