/* CSS Document */

body{
	color:#666666;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	background:url(Images/background.jpg) repeat-x #454545; 
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#454545;
	font-size:13px;
}
body div{ text-align:left;}
p, ul, li{text-align:justify;}
table{border:none;}
.petit{font-size:10px;}
img{border:none;}

h1{font-weight:normal; padding:0px; margin:4px 0px 31px 0px; font-size:22px; font-family:"Trebuchet MS"; color:#333333;}
h2{font-weight:normal; padding:0px; margin:0; font-size:20px; font-family:"Trebuchet MS"; color:#333333; display:inline;}

.important{color:#02a0c6;}/*bleu*/
a{color:#02a0c6; text-decoration:underline; cursor:pointer;}



/********************************** le conteneur de la page, permet le centrage de la page *****************************/
div#corps{
	margin:0px auto; 
	position:relative; 
	top:0px;
	width:840px; 
	display:block;
	padding:0px;
	background:none;
	background-color:#454545;
}

/************************************* l'entete *****************************************/
div#entete{
	top:0px; 
	float:left; 
	position: relative;	
	background:url(Images/background.jpg);
}


/**le logo**/
img#diapason-electronique-logo{ position:relative;float:left; margin:0px;}

/**le choix de langue des sites**/
span#drapeaux{ 
	position:relative;
	float:right; 
	right:0; 
	display:block;
	top:0;
}

a#commander_haut_fr{ 
	position:relative;
	float:left;
	height:80px; 
	width:369px;
	background: url(Images/menu_haut/commande_fr.jpg);
}

a#commander_haut_fr:hover{ 
 background: url(Images/menu_haut/commande_act_fr.jpg);
}

a#commander_haut_act_fr{ 
	position:relative;
	float:left;
	height:80px; 
	width:369px;
	background: url(Images/menu_haut/commande_act_fr.jpg);
}

a#commander_haut_en{ 
	position:relative;
	float:left; 
	height:80px; 
	width:369px;
	background: url(Images/menu_haut/commande_en.jpg);
}

a#commander_haut_en:hover{ 
 background: url(Images/menu_haut/commande_act_en.jpg);
}

a#commander_haut_act_en{ 
	position:relative;
	float:left; 
	height:80px; 
	width:369px;
	background: url(Images/menu_haut/commande_act_en.jpg);
}


span#drapeaux a{ 
	display:block; 
	height:80px; 
	background-repeat:no-repeat; 
	float:left;
}
/*moins visible*//*moins visible*/

span#drapeaux a#fr_act{ background:url(Images/drapeaux/francais_act.jpg);width:70px; }
span#drapeaux a#fr{ background:url(Images/drapeaux/francais_not.jpg);width:70px;}
span#drapeaux a#en_act{ background:url(Images/drapeaux/english_act.jpg);width:60px;}
span#drapeaux a#en{ background:url(Images/drapeaux/english_not.jpg);width:60px;}

/**le menu horizontal**/
ul#menu_haut{
	list-style:none; 
	position:relative; 
	float:left; 
	padding:0px;
	width:840px; 
	margin:0px;
	left:0px;
	height:40px;
	display:block;
	background-color:#0B0B0B;
}
ul#menu_haut li{position:relative; float:left; height:40px; display:inline;}
ul#menu_haut li a{height:40px; display:block; background-repeat:no-repeat;}
/**les differentes sections**/
ul#menu_haut li a#accueil_fr{width:90px; background: url(Images/menu_haut/accueil_fr.jpg);}
ul#menu_haut li a#accueil_fr:hover{background: url(Images/menu_haut/accueil_hover_fr.jpg);}
ul#menu_haut li a#accueil_act_fr{width:90px;background: url(Images/menu_haut/accueil_act_fr.jpg);}

ul#menu_haut li a#etuner_fr{width:90px; background:url(Images/menu_haut/etuner_fr.jpg);}
ul#menu_haut li a#etuner_fr:hover{background:url(Images/menu_haut/etuner_hover_fr.jpg);}
ul#menu_haut li a#etuner_act_fr{width:90px;background:url(Images/menu_haut/etuner_act_fr.jpg);}

ul#menu_haut li a#boreal_fr{width:150px; background:url(Images/menu_haut/boreal_fr.jpg);}
ul#menu_haut li a#boreal_fr:hover{background:url(Images/menu_haut/boreal_hover_fr.jpg);}
ul#menu_haut li a#boreal_act_fr{width:150px;background:url(Images/menu_haut/boreal_act_fr.jpg);}

ul#menu_haut li a#idee_fr{width:170px; background:url(Images/menu_haut/idee_fr.jpg);}
ul#menu_haut li a#idee_fr:hover{background:url(Images/menu_haut/idee_hover_fr.jpg);}
ul#menu_haut li a#idee_act_fr{width:170px;background:url(Images/menu_haut/idee_act_fr.jpg);}

ul#menu_haut li a#temoin_fr{width:130px; background:url(Images/menu_haut/temoin_fr.jpg);}
ul#menu_haut li a#temoin_fr:hover{background:url(Images/menu_haut/temoin_hover_fr.jpg);}
ul#menu_haut li a#temoin_act_fr{width:130px;background:url(Images/menu_haut/temoin_act_fr.jpg);}

ul#menu_haut li a#mecenat_fr{width:100px; background:url(Images/menu_haut/mecenat_fr.jpg);}
ul#menu_haut li a#mecenat_fr:hover{background:url(Images/menu_haut/mecenat_hover_fr.jpg);}
ul#menu_haut li a#mecenat_act_fr{width:100px;background:url(Images/menu_haut/mecenat_act_fr.jpg);}

ul#menu_haut li a#folders_fr{width:100px; background:url(Images/menu_haut/folders_fr.jpg);}
ul#menu_haut li a#folders_fr:hover{background:url(Images/menu_haut/folders_hover_fr.jpg);}
ul#menu_haut li a#folders_act_fr{width:100px;background:url(Images/menu_haut/folders_act_fr.jpg);}

ul#menu_haut li a#contact_fr{width:110px; background:url(Images/menu_haut/contact_fr.jpg);}
ul#menu_haut li a#contact_fr:hover{background:url(Images/menu_haut/contact_hover_fr.jpg);}
ul#menu_haut li a#contact_act_fr{width:110px;background:url(Images/menu_haut/contact_act_fr.jpg);}

ul#menu_haut li#vide{width:80px;background:url(Images/menu_haut/vide.jpg);}
ul#menu_haut li a span{display:none;}

/************************la version anglaise**************************/
ul#menu_haut li a#accueil_en{width:90px; background: url(Images/menu_haut/accueil_en.jpg);}
ul#menu_haut li a#accueil_en:hover{background: url(Images/menu_haut/accueil_hover_en.jpg);}
ul#menu_haut li a#accueil_act_en{width:90px;background: url(Images/menu_haut/accueil_act_en.jpg);}

ul#menu_haut li a#etuner_en{width:90px; background:url(Images/menu_haut/etuner_en.jpg);}
ul#menu_haut li a#etuner_en:hover{background:url(Images/menu_haut/etuner_hover_en.jpg);}
ul#menu_haut li a#etuner_act_en{width:90px;background:url(Images/menu_haut/etuner_act_en.jpg);}

ul#menu_haut li a#boreal_en{width:150px; background:url(Images/menu_haut/boreal_en.jpg);}
ul#menu_haut li a#boreal_en:hover{background:url(Images/menu_haut/boreal_hover_en.jpg);}
ul#menu_haut li a#boreal_act_en{width:150px;background:url(Images/menu_haut/boreal_act_en.jpg);}

ul#menu_haut li a#idee_en{width:170px; background:url(Images/menu_haut/idee_en.jpg);}
ul#menu_haut li a#idee_en:hover{background:url(Images/menu_haut/idee_hover_en.jpg);}
ul#menu_haut li a#idee_act_en{width:170px;background:url(Images/menu_haut/idee_act_en.jpg);}

ul#menu_haut li a#temoin_en{width:130px; background:url(Images/menu_haut/temoin_en.jpg);}
ul#menu_haut li a#temoin_en:hover{background:url(Images/menu_haut/temoin_hover_en.jpg);}
ul#menu_haut li a#temoin_act_en{width:130px;background:url(Images/menu_haut/temoin_act_en.jpg);}

ul#menu_haut li a#mecenat_en{width:100px; background:url(Images/menu_haut/mecenat_en.jpg);}
ul#menu_haut li a#mecenat_en:hover{background:url(Images/menu_haut/mecenat_hover_en.jpg);}
ul#menu_haut li a#mecenat_act_en{width:100px;background:url(Images/menu_haut/mecenat_act_en.jpg);}

ul#menu_haut li a#folders_en{width:100px; background:url(Images/menu_haut/folders_en.jpg);}
ul#menu_haut li a#folders_en:hover{background:url(Images/menu_haut/folders_hover_en.jpg);}
ul#menu_haut li a#folders_act_en{width:100px;background:url(Images/menu_haut/folders_act_en.jpg);}

ul#menu_haut li a#contact_en{width:110px; background:url(Images/menu_haut/contact_en.jpg);}
ul#menu_haut li a#contact_en:hover{background:url(Images/menu_haut/contact_hover_en.jpg);}
ul#menu_haut li a#contact_act_en{width:110px;background:url(Images/menu_haut/contact_act_en.jpg);}

ul#menu_haut li#vide{width:80px;background:url(Images/menu_haut/vide.jpg);}
ul#menu_haut li a span{display:none;}



/************************************ le contenu central de la page ****************************/
div#centre{
	position: relative;
	left:0px;
	top:0px;
	width:840px;
	float:left; 
	height:auto;
	background-color:#FFFFFF;	
}

div#centre div{
	position:relative;
	float:left;
	display:block;
	padding:0px;
	margin-top:30px;
	background-color:#FFFFFF;
}
div#centre div#gauche{width:460px;margin-left:0px; padding-left:21px;}
div#centre div#droite{ font-size:12px; width:310px;margin-left:30px;}
/*la page temoignage a une maquette differente des autres pages*/
body#temoin div#centre div#gauche{width:400px;}
body#temoin div#centre div#droite{ font-size:12px; width:350px; margin-top:40px;}

.citation{ 
	float:right;
	font-style:italic; 
	padding-bottom:10px; 
	margin:0;
}
.citation_gauche{background: url(Images/diapason-electronique-temoins/bulle_gauche.gif) no-repeat bottom left; width:280px;}
.citation_droite{ background:url(Images/diapason-electronique-temoins/bulle_droite.gif) no-repeat bottom left; width:235px;}
img.cite{ display:inline; float:left;}
.p_a_droite{margin:0; margin-left:125px; clear:right;}
.photo{color:#CBCBCB;}
/*fin temoignage*/
ul.square{ color:#02a0c6; list-style:square; padding-left:15px; }
ul.square-rouge{ color:#db4137; list-style:square; padding-left:15px;}

body#contact h1{margin:0;}

h2#macaronEssayer {position:absolute; top:210px; left:190px; z-index:4}
	h2#macaronEssayer a span{display:none;}
	h2#macaronEssayer a.macaron{
		display:block; 
		height:95px; 
		width:97px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/essayer-e-tuner/macaron.png'); 
	}
	h2#macaronEssayer a.macaron[class]{background:url(Images/essayer-e-tuner/macaron.png) no-repeat;}
	h2#macaronEssayer a.macaron:hover{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='Images/essayer-e-tuner/macaron_hover.png');
	}
	h2#macaronEssayer a.macaron[class]:hover{background:url(Images/essayer-e-tuner/macaron_hover.png) no-repeat;}
	
div#centre div#enteteFolders {
	margin-top : 25px;
	margin-left : 20px;
	margin-right : 20px;
	height : 115px;
}
 div#enteteFolders img { 
	float: left;
}
div#centre div#enteteFolders p { 
	padding-left : 121px;
}
div#enteteFolders p.titreEntete {
	font-family: "Trebuchet MS";
	font-weight : bold;
	font-size : 2em;
	color : #000;
	margin-bottom : 10px;
	margin-top:5px;
}
ul#menuFolders {
	list-style:none; 
	position:relative; 
	padding:0px;
	margin:0px;
	display:block;
	margin-left : 20px;
}
ul#menuFolders li {
	position : relative; 
	float : left; 
	display : inline;
	height : 87px;
}
ul#menuFolders li a {
	height : 87px; 
	display : block; 
	background-repeat : no-repeat;
}
ul#menuFolders li a#blackFolder_fr { width : 223px; background : url(Images/folders/sub_menu/blackFolder_fr.gif); }
ul#menuFolders li a#blackFolder_fr:hover{ background: url(Images/folders/sub_menu/blackFolder_over_fr.gif); }
ul#menuFolders li a#blackFolder_act_fr{ width : 223px; background: url(Images/folders/sub_menu/blackFolder_act_fr.gif); }

ul#menuFolders li a#choralex_fr { width : 223px; background : url(Images/folders/sub_menu/choralex_fr.gif); }
ul#menuFolders li a#choralex_fr:hover{ background: url(Images/folders/sub_menu/choralex_over_fr.gif); }
ul#menuFolders li a#choralex_act_fr{ width : 223px; background: url(Images/folders/sub_menu/choralex_act_fr.gif); }

ul#menuFolders li a#ringBinder_fr { width : 150px; background : url(Images/folders/sub_menu/ringBinder_fr.gif); }
ul#menuFolders li a#ringBinder_fr:hover{ background: url(Images/folders/sub_menu/ringBinder_over_fr.gif); }
ul#menuFolders li a#ringBinder_act_fr{ width : 150px; background: url(Images/folders/sub_menu/ringBinder_act_fr.gif); }

ul#menuFolders li a#lampes_fr { width : 205px; background : url(Images/folders/sub_menu/lampes_fr.gif); }
ul#menuFolders li a#lampes_fr:hover{ background: url(Images/folders/sub_menu/lampes_over_fr.gif); }
ul#menuFolders li a#lampes_act_fr{ width : 205px; background: url(Images/folders/sub_menu/lampes_act_fr.gif); }
ul#menuFolders li a#lampes_en { width : 205px; background : url(Images/folders/sub_menu/lampes_en.gif); }
ul#menuFolders li a#lampes_en:hover{ background: url(Images/folders/sub_menu/lampes_over_en.gif); }
ul#menuFolders li a#lampes_act_en{ width : 205px; background: url(Images/folders/sub_menu/lampes_act_en.gif); }

ul#menuFolders li a span{display:none;}

div #gauche p.titreEncart {
	font-weight : normal;
	font-size : 1.7em;
	color : #000;
	margin-top:50px;
	margin-bottom : 5px;
}
div #gauche div#encartGris {
	height : 185px;
	width : 470px;
	background-color : #f0f0f0;
	margin-top : 0;
}
div #gauche div#encartGris img {
	float : left;
	margin-left : 13px;
	margin-top : 12px;
}
div #gauche div#encartGris p {
	padding-left : 137px;
	padding-right : 20px;
}

div#droite div#conteneurGrande { margin-top : 0px; }
div#droite div#mini {
	float : right;
	margin-top : 6px;
	margin-bottom : 20px;
	text-align : right;
}
div#droite div#mini img:hover {
	opacity : 0.5;
}
div#droite ul.square li { text-align : left; }
div#presentation img { float : left; }
div#presentation p { padding-left : 130px; }
div#presentation p.titre {
	color : #02a0c6;
	font-size : 1.2em;
	font-weight : bold;
}

table#tableProduit {
	border-spacing : 0;
	border-collapse : collapse;
	margin-left : 22px;
	margin-right : 17px;
}
table#tableProduit tr td { 
	border : 0;
	background-color : #f7f7f7;
}
table#tableProduit tr td.titre {
	background-color : #fff;
	padding-top : 40px;
	padding-bottom : 40px;
	border : 0;
}
table#tableProduit tr.enteteProduit { border-bottom : 1px solid #cccccc; padding-top : 10px;}
table#tableProduit tr.enteteProduit td { background-color : #fff; padding-top : 10px; }
table#tableProduit tr.enteteProduit td.TTC, table#tableProduit tr.enteteProduit td.HT { font-weight : normal; font-size : 1em; }
table#tableProduit tr.enteteProduit td.produit {
	color : #009bcb;
	font-size : 1.2em;
	font-weight : bold;
}
table#tableProduit tr td{ border-bottom : 1px solid #cccccc; }
table#tableProduit tr td.picto { width : 130px; }
table#tableProduit tr td.description { width : 375px; }
table#tableProduit tr td.HT { width : 100px; font-size : 1.1em; text-align:right }
table#tableProduit tr td.TTC { width : 105px; font-weight : bold; font-size : 1.1em; text-align:right }
table#tableProduit tr td.Qte{ width : 90px; text-align:right }
table#tableProduit tr.oldPrice td.HT, table#tableProduit tr.oldPrice td.TTC { text-decoration:line-through; }

.blue-bold { 
	font-weight : bold;
	color : #009bcb;
}
.annonce-rouge { color : #dc3f36; }
/*********************************** footer ******************************************************/
div#footer {
	position:relative;
	float:left;
	width:840px;
	left:0px;
	height:60px;
	text-align:center;
	background:url(Images/content_back.gif) no-repeat top;
}

div#footer ul{
	list-style:none; 
	margin:12px auto 0px auto;
	display:block;
	text-align:center;
}

div#footer ul li{display:inline;font-size:11px; text-transform:uppercase;color:white;}
div#footer ul li a{text-decoration:none;color:white;}
div#footer ul li a:hover{text-decoration:underline;}
/*signature du web interactif*/
div#footer p#signature{ font-size:10px;text-decoration:none;color:#02a0c6; margin:0px;text-align:center;}
div#footer p#signature a{text-decoration:none; }
div#footer p#signature a:hover{text-decoration:underline; }