/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */
body
{
	margin: 0;
  	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background:url(../images/colGauche-border.gif) repeat-y 198px 0;

}

/* ----------------------------
   Base font-size
---------------------------- */
#borderPage
{
	background: #fff url(../images/colDr-fondTop.gif) repeat-x;
}

#page
{
	text-align:left;
	width:993px;
	/* IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
     .myclass {width:1100px}
 /**/
}


/* ----------------------------
   Liens
---------------------------- */
a {color: #fff; }
a:link {color: #fff; }
a:visited{color: #fff; }
a:hover{color: #fff; }
a:active{color: #fff; }



/* ---------------------------------------- */
/* --------- Corps ----------- */
/* ---------------------------------------- */

/* ---------------------------------------- */
/* --------- Colonne de gauche ------------ */
/* ---------------------------------------- */

#colGaucheAccueil
{	
	float:left;
	width:198px;
	background:#fff url(../images/colDr_fond.gif) no-repeat top left;
}

/* ------------ zone avec photos différentes selon les sections -------------- */
#colGaucheSection
{	
	float:left;
	width:198px;
	height:590px;
	background:#fff url(../images/colGau_section.jpg) no-repeat top left;
}

#colGaucheMedia
{
	float:left;
	width:198px;
	height:590px;
	background:#fff url(../images/colGau_AUs_Media_SM_Cop-Pri.jpg) no-repeat top left;
}

#colGaucheSoundproofingBasics
{
	float:left;
	width:198px;
	height:590px;
	background:#fff url(../images/colGau_soundproofing_Basics.jpg) no-repeat top left;
}

#colGaucheContact
{
	float:left;
	width:198px;
	height:590px;
	background:#fff url(../images/colGau_Contact.jpg) no-repeat top left;
}

#colGaucheHomeTheatreAudio
{
	float:left;
	width:198px;
	height:590px;
	background:#fff url(../images/colGau_HomeTheatre-Audio.jpg) no-repeat top left;
}

#colGaucheProducts
{
	float:left;
	width:198px;
	height:613px;
	background:#fff url(../images/colGau_products.jpg) no-repeat top left;
}

#colGaucheExpressYourself
{
	float:left;
	width:198px;
	height:613px;
	background:#fff url(../images/colGau_expressyourself.jpg) no-repeat top left;
}

#colGaucheCopyright
{
	float:left;
	width:198px;
	height:613px;
	background:#fff url(../images/colGau_copyright.jpg) no-repeat top left;
}


/* ----------------------------------------------------------------------------- */


/* ---------------------------------------- */
/* --------- bloc des nouvelles ----------- */
/* ---------------------------------------- */
#blocNews
{
	float:right;
	padding-top:102px;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}

#teteNews
{
	background:#E7BC08 url(../images/colGau_coinTop-news.gif) no-repeat top left;
	width:187px;
}

#teteNews h1
{
	font-size:1.0em;
	font-weight:bold;
	margin:0;
	padding:5px 19px 5px 17px;
}

#lesNews
{
	background:#0768A9 url(../images/colGau_coinBas-news.gif) no-repeat bottom left;
	width:187px;
	padding-bottom:25px;

	/*opacité du bloc à 80%*/
	-moz-opacity: .80;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#lesNews a:link, #lesNews a:visited, #lesNews a:active
{
	text-decoration:none;
}
#lesNews a:hover
{
    text-decoration: underline;
}

#lesNews h3, #lesNews p
{
	font-size:0.8em;
}

#lesNews h3
{
	padding:16px 0 0 17px;
	margin:0;
	font-weight:normal;
}

#lesNews p
{
	padding:3px 17px 0 16px;
}

#moreNews
{
	font-size:0.8em;
	padding-left:17px;
}

#moreNews a:link, #moreNews a:visited, #moreNews a:active
{
	text-decoration:none;
}

#moreNews a:hover
{
	text-decoration:underline;
}

/* ---------------------------------------- */
/* --------- colonne de droite- ----------- */
/* ---------------------------------------- */

#colDroite
{
	float:right;
	width:794px;
	_widht: 793px;
	border-left: 1px solid #0768A9;
}
#entete
{	
	background:#797978 url(../images/colDr-fondTeteDegrade.gif) repeat-x top left;	
	border-bottom: 1px solid #7C7B7B;
	height:101px;
}

div#entete
{
	height:101px;
}

#hauteur
{
	float:left;
	width:1px;
}

div#hauteur
{
	height:101px;
}

#logoEntete
{
	padding:20px 0 0 28px;
	float:left;
}
#logoPrint
{
    display: none;
}

/* --------- menu de l'entête ----------- */

#blocDrEntete
{
	float:right;
	padding:12px 10px 0 0;
	list-style: none;	
	margin:0;
	font-size:0.8em;
	color:#0066CC;
}

#blocDrEntete span
{
	padding:0 6px;	
}

#blocDrEntete a:link, #blocDrEntete a:visited, #blocDrEntete a:active 
{
	color:#0066CC;
	text-decoration:none;
}

#blocDrEntete a:hover
{
	text-decoration:underline;
}

/* --------- champ recherche de l'entête ----------- */
#champsSearch
{
	padding:20px 0 0 60px;
}

#champsSearch label
{
	color:#666666;
	padding:5px 10px 0 0;
}

#champsSearch input
{
	vertical-align:middle;
}


/* ---------------------------------------- */
/* ----------- menu principal ------------- */
/* ---------------------------------------- */
#menu
{
	background:#0768A9;	
	font-size:0.9em;
	border-top:1px solid #E7BC08;
	margin:0;
	padding:0;
	width:100%;
}

#menu ul
{
	list-style: none;
	margin:0;
	padding:0 0 0 10px;
}

#menu ul li
{
	float:left;
	margin:0;
	color:#fff;
	padding-right:30px;	
}

#menu ul li a
{
	background:#0768A9;	
	float:left;
	display: block ;
	margin:0;
	line-height: 21px;
	padding:0 3px;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#menu li a {float:none;}
/* End IE5-Mac hack */

#menu ul li a:link
{
	text-decoration:none;	
}
#menu ul li a:visited
{
	text-decoration:none;	
}
#menu ul li a:hover
{
	background:#fff url(../images/b-menu_over.gif) repeat-x top left;
	color:#0768A9;
	padding:0 3px;
}
#menu ul li a:active
{
	text-decoration:none;	
}

/* ---------------------------------------- */
/* ----------- sous-menu principal -------- */
/* ---------------------------------------- */

#sousmenu {
    text-align: left;
	display: block;
    left: 0;
    top: 0;
	z-index: 100;
	font-size: .9em;
}
#sousmenu div {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
	cursor: pointer;
	background: #0768A9;
}
#sousmenu div div {
	position: relative;
	display: block;
	width: 100%;
	white-space: nowrap;
	background: none;
}
#sousmenu a {
	display: block;
	height: 1%;
	padding: 7px 8px 7px 15px;
	color: #fff;
	text-decoration: none;
}
#sousmenu a:hover {
	background:#E7BC08;
	color:#0768A9;
}
#mSoundBasicsFRSMenu
{
    width: 175px;
}
#mSoundBasicsENSMenu 
{
    width: 190px;
}
#mSoundproofFRSMenu
{
	width: 260px;
}
#mSoundproofENSMenu
{
	width: 190px;
}
#mProductsFRSMenu
{
	width: 220px;
}
#mProductsENSMenu
{
	width: 150px;
}
#mHomeTheaterFRSMenu
{
	width: 250px;
}
#mHomeTheaterENSMenu
{
	width: 190px;
}
#mExpressYourselfFRSMenu
{
	width: 210px;
}
#mExpressYourselfENSMenu
{
	width: 180px;
}
#mMediaRoomFRSMenu
{
	width: 170px;
}
#mMediaRoomENSMenu
{
	width: 120px;
}

/* ---------------------------------------- */
/* ----------- zone de contenu ------------ */
/* ---------------------------------------- */

#femmeMedite
{
	background:url(../images/colDr-femme.jpg) no-repeat left bottom;
	padding: 24px 0 0 0;
}

div#contenu
{
	height:344px
}
html>body div#contenu
{
	min-height:344px;
	height:auto;
}

.txtContenu h4 
{
	font-size:0.93em;
}

.txtContenuPasPhotos h4
{
	font-size:1em;
}

.txtContenu h2, .txtContenu p, .txtContenuPasPhotos h2, .txtContenuPasPhotos p, .txtContenuPhoto h2, .txtContenuPhoto p
{
	font-size:0.9em;
	text-align:justify;	
}

.txtContenu
{
	min-height: 112px;
	width:400px;
	padding:38px 0 200px 28px;
}


.txtContenuPhoto
{
	float:left;
	width:700px;
	padding:0 0 10px 28px;
}


.txtContenuPasPhotos
{
	/*float:left;
	width:750px;*/
	padding:38px 0 20px 28px;
}

#contenuFlash
{
	margin:10px 0px 20px 10px;
	float:left;
	width:745px;
}

.contenuFlash
{
	margin:10px 0px 20px 10px;
	float:left;
	width:745px;
}

.photoAccueil
{
	float:left;
	margin:31px 0 0 46px;
}

.photoContenu
{
	float:right;
	margin-left:20px;
}

.gras
{
	font-weight:bold;
}

#contenu a:link, #contenu a:active 
{
	color:#0066CC;
	text-decoration:none;
}

#contenu a:visited
{
	color:#9F9F9E;
	text-decoration:none;
}

#contenu a:hover
{
	text-decoration:underline;
}

.txtContenuPasPhotos ul
{
	list-style: none;
}


.txtContenuPasPhotos ul li
{
	font-size:0.9em;
}

/* ----------------------------------------- */
/* ------------- Image Gallery ------------- */
/* ----------------------------------------- */
#imgGallery
{
	margin: 0;
	padding: 0;
}
#imgGallery li
{
	margin: 0;
	padding: 2px 0 2px 10px;
}
#imgGallery li.selected {
	background: url(../images/arrow-bullet.gif) no-repeat left center;
}
.ligneThumb
{
	margin-bottom:20px;
}

.blocThumb
{
	float:left;
	padding-right:22px;
	width:150px;	
}

.blocThumbDroit
{
	float:left;
	width:150px;	
}

.photoThumb img
{
	border:1px solid #000;
}

.nomAccessoire
{
	margin-top:4px;
	font-size:0.9em;
	text-align:center;
}

/* ----------------------------------------- */
/* ----------------------------------------- */
/* ----------------------------------------- */


/* ------------- tableaux ------------- */
table.tabSoundSmart
{
    border-spacing: 0;
    border-collapse: collapse;
    margin-bottom:0 0 10px 0px;
}

table.tabSoundSmart td 
{
    border: 1px solid #E7BC08;
    padding: 5px 10px;
}

/* pour cellule d'entête de la page Sound Absorption */
.tdEnteteGauSoundAbsorption
{
    width:330px;
	background:#0768A9;
	color:#fff;
}

.tdEnteteDrSoundAbsorption
{
    width:70px;
	background:#0768A9;
	color:#fff;
}

/* pour cellule d'entête de la page Sound Transmission */
.tdEnteteGauSoundTransm
{

	background:#0768A9;
	color:#fff;
}

.tdEnteteDrSoundTransm
{
	background:#0768A9;
	color:#fff;
	text-align:center;
}

.tdCentree
{
	text-align:center;
}

#noteTab
{
	font-size:0.75em;
}

#top
{
	text-align:center;
	margin-top:30px;

}

/* ---------------------------------------- */
/* ------- sélection page pour le News -----*/
/* ---------------------------------------- */
#selectPages
{
	margin:0;
	padding:15px 0 15px 40px;
}

#pagesNews
{		
	list-style: none;
	margin:0;
}

#pagesNews li
{
	float:left;
	margin:0;
	padding:0 4px;
}


#encours a:link, #encours a:visited, #encours a:active
{
	text-decoration: underline;
}
/* ---------------------------------------- */
/* ------------- pied de page ------------- */
/* ---------------------------------------- */

#pieds
{
	background:url(../images/colDr-piedDegrade.gif) repeat-x top left;
}

#piedsCoin
{
	background:url(../images/colDr-piedCoinRond.gif) no-repeat top right;
	height:37px;
}

.imgComfortZone
{
	margin:28px 40px 0 31px;
}

#copyrightAcc
{
	float:right;
	padding:42px 38px 9px 0;
	font-size:0.8em;	
}

#copyright
{
	float:right;
	padding:120px 38px 13px 0;
	font-size:0.8em;	
}

#copyright a:link, #copyright a:visited, #copyright a:active, #copyrightAcc a:link, #copyrightAcc a:visited, #copyrightAcc a:active
{
	color:#0066CC;
	text-decoration:none;
}

#copyright a:hover, #copyrightAcc a:hover
{
	text-decoration:underline;
}

.validationWrap {
    padding: 10px 0;
}
.validation {
    background-color: #FFC0C0;
    border: 1px solid #FF0000;
    color: #FF0000;
    padding: 10px;
	width: 300px;
}

/* -------------------------------------------- */
/* ------------- Envoyer a un ami ------------- */
/* -------------------------------------------- */
form.friend label {
	clear: left;
	float: left;
	display: block;
	width: 164px;
}
form.friend .button {
    margin: 8px 0 8px 164px;
}
form.friend .medium {
	width: 300px;
}
form div.formItem {
	clear: both;
	padding: 4px 0;
}

/* -------------------------------------------- */
/* ------------- Feedback ------------- */
/* -------------------------------------------- */
form.feedback label {
	clear: left;
	float: left;
	display: block;
	width: 160px;
}
form.feedback .button {
    margin: 8px 0 8px 160px;
}
form.feedback .button2 {
    margin: 8px;
}
form.feedback .medium {
	width: 200px;
}
form.feedback div.radios {
	float: left;
}
form.feedback span.radio label {
	clear: none;
	float: none;
	display: inline;
}


/* -------------------------------------------------------------- */
/* ------------- Liens des sections sans Javascript ------------- */
/* -------------------------------------------------------------- */
#sectionLinks
{
    color: #0066CC;
    padding:38px 0 20px 28px;
}

iframe.video
{
    border: none;
}


/* -------------------------------------------------------------- */
/* ------------- Recherche Google ------------------------------- */
/* -------------------------------------------------------------- */

.contenuRecherche
{
	padding:0px 38px 9px 0;
	font-size:0.8em;	
}
html>body .contenuRecherche
{
}

.txtContenuRecherche
{
}

.txtContenuRecherche h4
{
	font-size:1em;
}

.txtContenuRecherche h2, .txtContenuRecherche p, .txtContenuRecherche h2
{
	font-size:0.9em;
	text-align:justify;	
}

.contenuRecherche a:link, .contenuRecherche a:active 
{
	color:#0066CC;
	text-decoration:none;
}

.contenuRecherche a:visited
{
	color:#9F9F9E;
	text-decoration:none;
}

.contenuRecherche a:hover
{
	text-decoration:underline;
}


/**********************Dealer Locator***************************/

.formDealer
{
	width:700px;
	margin:0 0 20px 0;
}

.champsRecherche
{margin-bottom:10px;}

.champsRecherche label
{
	color:#000;
	font-weight:bold;
}

.champsRecherche input
{
	width:170px;
	margin:5px 0 3px 0;
}

.champsRecherche select
{margin:5px 0 3px 0;}

.formDealer input.ibRechercher
{margin:0 3px 0 0;}


/* -- */

.resultatsRecherche
{
	width:700px;
	margin:30px 0 20px 0;
}

.txtColGau
{
	float:left;
	width:300px;
	margin:0 25px 0 0;
}

.txtColGau p, .txtColDr p
{float:left;}

.txtColGau img, .txtColDr img
{
	float:left;
	margin:0 20px 0 0;
}

.txtColDr
{
	float:left;
	width:300px;
}

.gras
{font-weight:bold;}

.boite_big_normal_top
{ width:768px }

.boite_big_normal
{ width:700px}

#zoneCarte
{
    width:650px;
    height:400px;
}