html {
	background: url(../image/fond.jpg) repeat-x 0 0;
	margin:0;
	padding: 0;
	height:100%;
}
body  { 
	margin:0;
}
#bloc_principal {
	width:1102px;
	margin:auto;
	margin-top:0px; 
}
a img { border:0; }
h1 { 
	background-color:#eeeeee;
	font-size:14pt;
}
h2 {
	font-family: 'Georgia', 'Shanti', arial, serif;
	margin:3px 50px 6px 50px;
	font-size:1.4em;
	padding:4px;
	/*background:-moz-linear-gradient(#ffbebe 0%, #ff0000 50%, #ffbebe 100%);*/
	color:#000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #666 0px 3px 4px;
	-moz-box-shadow: #666 0px 3px 4px;
	box-shadow: #666 0px 3px 4px;
	background: #dccfc6; /* Old browsers */
background: -moz-linear-gradient(top,  #dccfc6 0%, #b09278 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dccfc6), color-stop(100%,#b09278)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* IE10+ */
background: linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccfc6', endColorstr='#b09278',GradientType=0 ); /* IE6-9 */

}
h3 {
	margin:5px 50px 3px 50px;
	border-bottom:1px solid #000;
	text-align:left;
}
/***********************/
/* DIVERS - TEMPORAIRE */
/***********************/
img.news {
	-moz-box-shadow:0 4px 6px rgba(0,0,0,0.7);
	-o-box-shadow:0 4px 6px rgba(0,0,0,0.7);
	box-shadow:0 4px 6px rgba(0,0,0,0.7);
	border:1px solid black;
	margin-bottom:15px;
}

div.telechargement {
	width:622px;
	margin:5px auto;
	padding:7px;
	background:url("../image/arrow_down.png") no-repeat 98% center #917965;
	border:1px solid #333;
	-moz-box-shadow: 0 6px 9px #777;
	-webkit-box-shadow: 0 6px 9px #777;
	box-shadow: 0 6px 9px #777;
	color:#333;
	font-family:'MS Trebuchet', 'Arial', sans-serif;
}
div.telechargement p {
	margin:0 0 15px 0; 
	padding:0;
	text-align:left;
	font-size:0.8em;
	color:#222;
}
div.telechargement a:hover {
	color:#222;
}
div.telechargement a {
	color:#FFF;
}
div.telechargement span {
	display:inline-block;
	margin:0 10px;
}
/* FIN DIVERS - TEMPORAIRE */


/****************************/
/* Conteneur bloc principal */
/****************************/
#wrapper {
	background-color:white;
	margin-left:172px;
	margin-right:172px;
	text-align:center;
	border:1px solid black;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border-radius:12px;
	-moz-box-shadow: 0 5px 10px #888;
	-webkit-box-shadow: 0 5px 10px #888;
	box-shadow: 0 5px 10px #888;
	margin-bottom:10px;
	padding:10px;
	min-height:300px; 
}
/*img  { 
	display:block;
}*/
a, a:hover, a:visited {
	text-decoration:none;
	color:#0000ff;
}
a:active, a:focus { outline:none; }
.accueil { 
	margin-top:25px;
	margin-bottom:25px;
	text-align:left;
	font: 0.95em georgia,times,serif; 
}
.video a { color:red; }
.video h1 { background-color:transparent;}
.accueil > p { text-indent:1.5em; margin:0; margin-bottom:6px; }

.titrenews
{ color:#7C8F99; text-align:left; margin:3px 0px 3px 15px; padding:0px }

.titrenewsdroite
{ color:#7C8F99; text-align:right; margin:3px 15px 3px 0px; padding:0px }

.titrepagenews
{ color:white; line-height: 30px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium;
}

#banniere { 
	margin:0; 
	border:1px solid black; 
	padding:0; 
	min-height:130px;
}
#banniere img {
	display: block;
}
.recherche { position:relative; top:5px; left:850px; width:250px;} 

/************************************/
/*           MENU                   */
/************************************/
#menu_gauche, .info_boutique  { 
	background-color:#eeeeee; 
	border:1px solid black; 
	width:165px; 
	float:left; 
	padding:0px; 
	margin-bottom:10px; 
	/*font-family: 'Verdana', 'Georgia', 'Shanti', arial, serif;*/
	font-family: 'Georgia', 'Shanti', arial, serif;
	font-size:15px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 0 5px 10px #888;
	-webkit-box-shadow: 0 5px 10px #888;
	box-shadow: 0 5px 10px #888;
}
#menu_gauche p {
	margin:0;
	padding:5px 0;
	text-indent:10px;
	font-size:12px;
	background-color:#464648;
	color:#ebebeb;
}
#menu_gauche p:first-child {
	-moz-border-radius-topleft: 12px; 
	-moz-border-radius-topright: 12px; 
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px; 
}
ul.menu { 
	margin: 0; 
	padding: 0; 
	list-style-type: none ; 
}
ul.menu li { 
	margin: 0 0 1px 0 ; 
	padding: 0 ; /* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */ 
	background-color:#c3a388;
	background-color:#ff4e21;
	background-color:#464648;
	background-color:#FFF;
	/*background-color:#858585;*/
}
ul.menu li a { 
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	line-height: 30px ; 
	/*color: #453930 ; */
	color: #464648 ; 
	color: #FFF ; 
	/*color: #FFF ; */
	/*text-indent: 30px ; */ /* On décale le texte de 40px du bord gauche */
	padding-left:25px;
	text-decoration: none ; 
	/*background-color:#c3a388;*/
	background-color:#ff867d;
	background-color:#D4401C;
	background-color:#bbbbbb;
	background-color:#ff867d; /*rouge très clair */
	background-color:#ff353a; /*rouge */
	background-color:#ff3d3d; /*rouge */
}
ul.menu li a:hover, ul.menu li a#en_cours, ul.menu li a#en_cours:hover{
	color:#42372e;
	color:#000;
	/*color:#FFF;*/
	background:url("../image/fleche.png") no-repeat 5px center #917965;
	background:url("../image/fleche.png") no-repeat 5px center #D4401C;
	background:url("../image/fleche.png") no-repeat 5px center #464648;
	background:url("../image/fleche.png") no-repeat 5px center #727272;
	background:url("../image/fleche.png") no-repeat 5px center #d80202;
	/*background:url("../image/fleche.png") no-repeat 5px center #858585;*/
	/*margin-right:10px;*/
}
ul.menu:last-child li:last-child, ul.menu:last-child li:last-child a {
	-moz-border-radius-bottomleft: 12px; 
	-moz-border-radius-bottomright: 12px; 
	-webkit-border-bottom-left-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	border-bottom-left-radius:12px;
	border-bottom-right-radius:12px;
}

ul#menu_haut {
	margin:0 0 7px 0;
	padding: 0;
	font-family: 'Georgia', 'Shanti', arial, serif;
	font-size:13px;
	width:1100px;
	border-bottom: 1px solid black;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:  0 2px 2px rgba(0,0,0,0.7);
	box-shadow:  0 2px 2px rgba(0,0,0,0.7);
	border-left:1px solid black;
	border-right:1px solid black;
}
ul#menu_haut li {
	list-style:none;
	display:inline-block;
	width: 124px;
	margin: 0;
	padding: 0;
	text-align:center;
	line-height:26px;
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:inset  0 1px 1px rgba(0,0,0,0.4);
	box-shadow:0 1px 1px rgba(0,0,0,0.4) inset;
	border-right: 1px solid #b10000;
	
}
ul#menu_haut li:last-child {
	border-right: none;
	width: 100px;
}
ul#menu_haut li a {
	width:100%;
	display: inline-block;
	margin:0;
	padding:0;
	text-shadow: #000 0px 1px 2px;
	background-color: #ff3d3d;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition-property:background-color;
	transition-duration: 1s;
}
ul#menu_haut li a, ul#menu_haut li a:visited {
	color:#FFF;
}
ul#menu_haut li:hover a{
	background-color: #b10000;
	color:#DDD;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	transition-property:background-color;
	transition-duration: 1s;
}
ul#menu_haut li a#en_cours {
	background-color: #b10000;
}
#menu_droite ul.menu li:first-child, #menu_droite ul.menu li:first-child a {
	-moz-border-radius-topleft: 12px; 
	-moz-border-radius-topright: 12px; 
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	-border-top-left-radius:12px;
	-border-top-right-radius:12px;
}
ul.menu li a#en_cours { 
	background-image:none;
}
/* exception pour le destockage */ 
ul.menu li a.destock {
	margin:7px 0;
	font-weight:bold;
	color:#000;
	background:-moz-linear-gradient(#bf0202 0%, #ff3d3d 40%, #ff3d3d 60%, #bf0202 100%);
}
ul.menu li a:hover.destock { 
	color:#E7E7E7;
	background:-moz-linear-gradient(#ff3d3d 0%, #d80202 40%, #d80202 60%, #ff3d3d 100%);
}

/**************************/
/* Bloc pub Boutique */
/**************************/

.info_boutique {
	float:none;
	margin:0px 0 20px 0;
	padding-bottom:7px;
	text-align:center;
	color:#FFF;
	background-color:#555;
	background:-moz-linear-gradient(#686868 0%, #434343 100%);
	background: -o-linear-gradient(rgb(255,61,61), rgb(216,2,2));
	background:-webkit-gradient(linear, left top, left bottom, from(#686868),to(#434343));
	background: linear-gradient(#686868, #434343);
}
.info_boutique p:first-child {
	border-bottom:1px solid black;
	margin:0;
	padding:5px 0;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-left-radius:12px;
	-webkit-border-top-right-radius:12px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	/*font-family:'Verdana', sans-serif;*/
	font-size:18px;
	font-weight:bold;
	background-color:#d80202;
	background:-moz-linear-gradient(#d80202 0%, #ff3d3d 50%, #d80202 100%);
	background:-webkit-linear-gradient(#d80202 0%, #ff3d3d 50%, #d80202 100%);
	color:#000;
}
.info_boutique img {
	margin:0 auto;
	padding:2px;
	border:1px solid #FFF;
	max-width:150px;
	max-height:82px;
}
.info_boutique p { margin:4px 0; }
.info_boutique p.vitrine{ color:#333;}
.info_boutique p.famille { 
	font-family:'Arial', sans-serif;
	font-size:12px;
	color: #CCC;
	margin: 3px 0 0 3px;
	text-align: center;
}
.info_boutique p.modele { }
.info_boutique p.prix {
	border-top:1px solid white;
	/*border-bottom:1px solid white;*/
	background-color:#000;
	font-weight:bold;
	font-size:18px;
	padding:7px 0;
	margin:4px 0 0 0;
}
.info_boutique p.prix span {
	display:block;
	margin:5px 0;
	font-size:12px;
	font-family:'Arial', sans-serif;
}
.info_boutique a.commande {
	display:block;
	color:#000;
	margin:0 0 10px 0;
	padding:5px;
	background-color:#d80202;
	background:-moz-linear-gradient(#d80202 0%, #ff3d3d 50%, #d80202 100%);
	background:-webkit-linear-gradient(#d80202 0%, #ff3d3d 50%, #d80202 100%);
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}
.info_boutique a.commande:hover {
	background:-moz-linear-gradient(#ff3d3d 0%, #d80202 50%, #ff3d3d 100%);
	background:-webkit-linear-gradient(#ff3d3d 0%, #d80202 50%, #ff3d3d 100%);
	color:#FFF;
}
.info_boutique a.lien {
	display:block; 
	margin:7px 0 5px 8px; 
	text-align:left;
}
.info_boutique a, .info_boutique a:visited {
	color:#FFF;
}
/******************************/
/* DIAPASON D'OR */
/******************************/
div#diapason {
	margin:10px auto 15px auto;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	min-height:150px;
	background:url(../image/diapason_or_2011.png) 8px 8px no-repeat #ebebeb;
	padding:5px 5px 5px 170px;
	border: 1px solid #444;
	/*-moz-box-shadow: inset 0px 0px 7px #555;*/
	text-align:left;
}
div#diapason h3 { 
	color:#0053d0; 
	font-family:Verdana, Arial, sans-serif; 
	font-size:16px; 
	background-color:transparent; 
	padding-bottom:3px;
	border-bottom:1px dotted #888; 
	margin-bottom:10px;
}
div#diapason a  {
	color:#888;
	display:inline-block;
	vertical-align:top;
	background-color:#FFF;
	width:170px;
	height:80px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow: 4px 4px 3px #888;
	margin:0 4px 10px 0;
	border:1px solid black; 
	text-align:center;
	padding:5px 2px; 
	font-size:12px;
	overflow:hidden;
}
div#diapason a img { display:inline; }
div#diapason a:hover p {
	color:#000;
	font-weight:bold;
}
div#diapason  p { 
	margin:0; 
	color:#888; 
}
/** Fin Dapason d'or */

/**********************/
/**** PAGE OLIVE ******/
/**********************/

div.version_olive h4 a, div.version_olive_anterieure h4 a {
	margin:0 5px;
	display:inline-block;
	border-left:1px solid black;
	padding:0 5px;
}
div.version_olive, div.version_olive_anterieure {
	background:url("../image/gear.png") 20px 20px no-repeat, url("../image/info.png") 20px 98% no-repeat;
	background-color:#EEE;
	text-align:left;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	padding-left:180px;
	margin:10px -10px;
	font-family: 'Georgia', 'Shanti', arial, serif;
}
div.version_olive h3, div.version_olive_anterieure h3 {
	/*border:1px solid #888;*/
	margin:-1px;
	padding:7px;
	margin-left:-181px;
	font-family: Verdana, arial, sans-serif;
	text-align:center;
	-moz-box-shadow: inset 0px -3px 7px #888;
	border-bottom:1px solid #444;
	font-size:18px;
}
div.version_olive h3 span {
	color:#444;
}
div.version_olive h4, div.version_olive_anterieure h4 {
	margin-left:10px;
	margin-top:7px;
	font-size:14px;
}
div.version_olive ul {
	font-size:12px;
	margin:0;
}
div.version_olive ul:first-child{
	background-color:#FFF;
}
div.version_olive li {
	padding-top:1px;
	padding-left:3px;
	padding-bottom:1px;
}
div.version_olive ul li:hover {
	background-color:#CCC;
}
div.version_olive p {
	margin:8px 0 8px -105px;
}
div.version_olive_anterieure {
	background:none;
	background-color:#EEE;
	padding-left:30px;
	padding-right:20px;
}
div.version_olive_anterieure h3 {
	font-size:16px;
	margin-left:-31px;
	margin-right:-21px;
}
div.version_olive_anterieure h4 { font-size:12px;}
div.version_olive_anterieure ul {
	font-size:11px;
	margin:0;
}

/* Divers */
/**********/

/* PAGE AUDIOQUEST */
/* a.tarif_audioquest {
	background:-moz-linear-gradient(#BDBDBD 0%, #7D7D7D 70%, #4F4F4F 100%); 
} */
a.tarif_audioquest img {
	display:inline;
	border:1px solid black;
	background-color: #7D7D7D;
	opacity:0.85;
	-moz-transition:background-color 0.7s linear;
	border-radius: 15px;
	-moz-box-shadow:0 4px 7px rgba(0,0,0,0.7);
}
a.tarif_audioquest:hover img {
	border-radius: 15px;
	background-color:#BDBDBD;
	opacity:1;
	-moz-transition:background-color 0.7s linear;
	
}


.separateur
{ background: url(../image/fond4.jpg) center repeat-y; height:1px; }

.video
{text-align:center; padding-top:5px; padding-bottom:5px; background: url(../image/fond2.jpg) center repeat-y;
font-family: "Bitstream Vera Serif",Georgia,serif; }

.lecteurvideo
{ border: 0px solid black; width: 532px; margin-left:auto;margin-right:auto; }

.copyright {
	/*border-top: 1px dotted #AAA;*/
	color: #AAA;
	font-family: "Bitstream Vera Sans","Trebuchet MS",sans-serif;
   margin: 0 -132px;
  padding: .5em 132px;
  
}
.copyright a{
	font-size: .8em; margin:0px;
	text-decoration:underline;
}
.copyright a { color: #888888; }
.copyright a:hover { color: #444444; }

.produit_ecoute
{ text-align:right; }

.produit_ecoute img
{ display:inline; }

/********************************/
/* Revendeurs : liste et détail */
/********************************/
div.liste_revendeur {
	margin:5px auto;
	padding:10px;
	border-top:1px solid #BBB;
	border-bottom:1px solid #BBB;
	background:-moz-linear-gradient(#FFF 0%, #ececec 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#DCCFC6),to(#B09278));
	background:-o-linear-gradient(#DCCFC6 0%, #B09278 100%);
}
div.liste_revendeur h3 {
	margin-bottom:10px;
}
div.liste_revendeur p {
	padding:4px;
	margin:4px 50px 4px 50px;
	text-align:left;
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	
}
div.liste_revendeur p:hover a { 
	color:#000;
}
div.liste_revendeur p:hover {
	background-color:#DDD;
}
div.liste_revendeur p a {
	text-decoration:none;
	color:#555;
}
div.liste_revendeur p a span {
	display:inline-block;
	margin-left:15px;
	width:180px;
	overflow:hidden;
	text-overflow:ellipsis;
	height:1.4em;
	vertical-align:top;
}
div.liste_revendeur p a span.cp_ville {
	width:240px;
}
div.detail_revendeur { 
	font-family: 'Georgia', 'Shanti', arial, serif;
	display:inline-block;
	width:270px;
	height:230px;
	background-color:#D7C9BE;
	vertical-align:top;
	padding:5px 15px 15px 15px;
	margin:10px 20px;
	border:1px solid #837a74;
	text-align:left;
	font-size:16px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.7);
	box-shadow:0 2px 4px rgba(0,0,0,0.7);
}
div.detail_revendeur > p:first-child {
	font-weight:bold;
	margin:0 -15px;
	padding:3px 5px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	border-bottom:1px dotted #837a74;
}
.blocrevendeur {
	margin-top:15px;
}
.blocrevendeur p.cp_ville {
	line-height:35px;
	vertical-align:middle;
	margin-left:8px;
}
div.blocrevendeur div.detail_revendeur + div.detail_revendeur { /* Pour atteindre son frère... */
	font-size:14px;
	background:url("../image/fond_detail_revendeur.png") no-repeat bottom right #D7C9BE;
}
div.blocrevendeur div.detail_revendeur + div.detail_revendeur p:first-child {
	font-size:16px;
}
div.blocrevendeur div.detail_revendeur + div.detail_revendeur p + p {
	line-height:30px;
}
div.detail_revendeur p.site_mail a {
	line-height:32px;
	display:inline-block;
	width:120px;
	text-align:left;
	margin-left:8px;
	font-size:13px;
	color:#000;	
}
div.detail_revendeur img {
	margin-right:5px;
	vertical-align:top;
}
div.detail_revendeur a:hover img {
	-moz-transform:rotate(20deg);
}

/****************************************/
/****************************************/
/* Page Produit */
/****************************************/
/****************************************/

div.ResumeArticle {
	border:1px solid #894914;
	width:730px;
	margin:10px auto 15px auto;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.7);
	box-shadow:0 2px 4px rgba(0,0,0,0.7);
	background: #dccfc6; /* Old browsers */
	background: -moz-linear-gradient(top,  #dccfc6 0%, #b09278 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dccfc6), color-stop(100%,#b09278)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* IE10+ */
background: linear-gradient(top,  #dccfc6 0%,#b09278 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dccfc6', endColorstr='#b09278',GradientType=0 ); /* IE6-9 */

}
div.ResumeArticle p {
	padding:0;
	margin:0;
	height:40px;
	line-height: 40px;
	font-family: 'Georgia', 'Shanti', arial, serif;
	font-size:18px;
	text-align:left;
	text-overflow:ellipsis;
	overflow:hidden;
	
}
div.ResumeArticle p span{
	height:40px;
	line-height: 40px;
	vertical-align:bottom ;
	width:380px;
	display:inline-block;
	text-align:center;
}
div.ResumeArticle p span:first-child {
	width:174px;
	border-right:1px solid black;
}
div.ResumeArticle p span:last-child {
	width:174px;
	border-left:1px solid black;
	font-size:22px;
	font-family: 'Port Lligat Slab', cursive;
	font-family: 'Bubblegum Sans', cursive;
}

/***********************************/
/* Affichage des vignettes */
/***********************************/

.groupe { 
	width:550px; 
}
.vignettedroite { 
	float:right;
	width:180px;
}
.vignettedroite p {
	font-family: Arial, Verdana, sans-serif;
	margin:0 auto; 
	color:#777;
	font-size:14px;
 }
.vignettedroite img { 
	border:1px solid black; 
}

.disp { 
	height:30px;
	font-family: Arial, Verdana, sans-serif;
	font-size:14px; 
}


/**********************************************/
/*** Bloc de description et caracteristique **/
/**********************************************/
div.description {
	font-size:13px;
	text-align:left;
	font-family: 'Georgia','Shanti',arial,serif;
	background-color: #eee;
	border: 1px solid gray; 
	width:730px;
	margin:10px auto;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);
	box-shadow:0 2px 2px rgba(0,0,0,0.5);
}
div.description h2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
	background-color: #eee;
	padding:6px 8px;
	border-bottom: solid 1px #5f3918;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	
	text-shadow:0px 0px 2px rgba(255,255,255,0.5);
	-moz-box-shadow:0 0px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0px 2px rgba(0,0,0,0.7);
	box-shadow:0 0px 2px rgba(0,0,0,0.7);
	margin:0;
}
div.description table {
	background-color: #eee;
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	border-left: 1px solid silver;	
	border-top: 1px solid silver;
	width:690px;	
	margin:20px 20px 10px 20px;
	/*-moz-box-shadow:0 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);
	box-shadow:0 1px 1px rgba(0,0,0,0.5); */
}
div.description div { 
	padding:5px 15px;
	margin-bottom:10px;
	line-height: 1.3em;
}
div.description table tr > td:first-child { 
	width:40%;
}
div.description table td {
	padding:4px 5px;
	border-bottom:1px solid #CCC;
}
div.description table tr:last-child td {
	border-bottom:none;
}
div.description table tr:hover {
	background-color: #ABABAB;
	
}
div.caracteristique {
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
}
div.caracteristique p {
	margin:10px 20px;
}




/***************************************/
/* PRODUIT EN DEMO CHEZ LES REVENDEURS */
/***************************************/
div.liste_produit_ecoute {
	text-align:left;
	font-family:'MS Trebuchet', 'Arial', sans-serif;
	font-size:14px;
	margin:5px 15px;
}
div.liste_produit_ecoute div {
	margin:15px 0;
	/*background-color:#ebd5c5;*/
	background:url("../image/sound.png") no-repeat 98% 98% #ebd5c5;
	padding:1px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-moz-box-shadow:0 2px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.7);
	box-shadow:0 2px 4px rgba(0,0,0,0.7);
}
div.liste_produit_ecoute p {
	margin:5px 0 15px 0;
}
div.liste_produit_ecoute p span {
	display:inline-block;
	width:130px;
	vertical-align:top;
	margin-left:5px;
	color:#6e6e6e;
	font-weight:bold;
}
div.liste_produit_ecoute p span+span {
	border-left:1px solid black;
	width:500px;
	padding-left:7px;
	font-family:'MS Trebuchet', 'Arial', sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
}
div.liste_produit_ecoute p span+span, div.liste_produit_ecoute p a{
	color:#000;
}
div.liste_produit_ecoute p a:hover {
	color:#6e6e6e;
}
div.liste_produit_ecoute h2 {
	font-family: 'Georgia', 'Shanti', arial, serif;
	margin:3px 50px 6px 50px;
	font-size:16px;
	padding:4px;
	text-align:center;
	/*background:-moz-linear-gradient(#ffbebe 0%, #ff0000 50%, #ffbebe 100%);*/
	color:#000;
	background:#444;
	background:-moz-linear-gradient(#DCCFC6 0%, #B09278 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#DCCFC6),to(#B09278));
	background:-o-linear-gradient(#DCCFC6 0%, #B09278 100%);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-shadow:0px 1px 0px rgba(255,255,255,0.5);
	-moz-box-shadow:0 3px 4px rgba(0,0,0,0.7);
	-o-box-shadow:0 3px 4px rgba(0,0,0,0.7);
	box-shadow:0 3px 4px rgba(0,0,0,0.7);
}
img.photo_magasin {
	display:block;
	border:15px solid black;
	margin-left:auto;
	margin-right:auto;
}

.imagecentre { margin-top:3px; margin-left:auto; margin-right:auto; margin-bottom:3px; }
.imagecentre img { margin:auto;}

.imagelogo { 
	margin-top:3px; 
	margin-left:auto; 
	margin-right:auto; 
	margin-bottom:15px;
	padding-top:5px;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition-property:background-color;
	transition-duration: 1s;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.imagelogo:hover {
	background-color:#EEE;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition-property:background-color;
	transition-duration: 1s;
}
.imagelogo img {
	margin:auto;
	max-height:70px;
}

.medium
{ display:inline; margin-top:3px; margin-left:auto; margin-right:auto; margin-bottom:3px; vertical-align:middle; }

.menuderoulant {
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	background-color: #eee;
	margin:10px auto 10px auto;
	padding: 1px; 
	height: 20px;  
	vertical-align: middle; 
	border: solid 1px #ccc;
	width:80%; 
}
form.AccesRapideProduit {
	display:inline-block;
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	background-color: #eee;
	margin:0;
	padding: 1px; 
	height: 38px;  
	vertical-align: middle; 
	border: 1px solid #ccc;
	vertical-align: top;
	text-align:center;
	width:320px;
	-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border: 1px dashed #ccc;
}
form.AccesRapideProduit label {
	display:block;
}
form.AccesRapideProduit select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p.AccesRapideProduit {
	margin:0;
	vertical-align: top;
	width:400px; 
	display:inline-block;
	text-align:right;
	font-size:80%;
	color:#707070;
}
div.clearer {clear: left; line-height: 0; height: 0;}
div.clearerright {clear: right; line-height: 0; height: 0;}

.imagegauche { text-align:left; }

.vignette { display:inline; }

/* Les avis des revendeur sur les produits */
/*************************************/

blockquote {
text-align:left;
font: 1em/1.2em Georgia, "Times New Roman", Times, serif;
width:600px;
background: url(../image/close-quote.gif) no-repeat right bottom;
border:1px solid black;
}
savbloquote {
 font: 1em/1.2em Georgia, "Times New Roman", Times, serif;
  width: 600px;
  margin:0 auto;
  background: url(../image/close-quote.gif) no-repeat right bottom;
  padding-left: 18px;
  text-indent: -18px;
}

.blockquote:first-letter {
 background: url(../image/open-quote.gif) no-repeat left top;
}

.blockquote:first-letter {
  background: url(../image/open-quote.gif) no-repeat left top;
  padding-left: 18px;
  font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}

/* Table avec les liens sur la documentation, le mode d'emploi, brochure */

.table_doc_manuel { width:80%;text-align:center;margin-left:auto;margin-right:auto;margin-top:15px; }

/***********************/
/* Page nous contacter */
/***********************/
form.contact  {
	text-align:left;
	padding:10px 30px 10px 130px;
	margin:10px 30px;
	border:1px dotted #777;
	background:-moz-linear-gradient(#CCC 0%, #EEE 50%, #CCC 100%);
	font-family:'Verdana', sans-serif;
	font-size:14px;
}
form.contact li {
	list-style:none;
	margin:0;
}
form.contact > p {
	background:url("../image/email_open.png") left center no-repeat;
	padding:10px 0 10px 80px;
	margin-left:-80px;
	margin-bottom:20px;
}
form.contact > input {
	margin-bottom:10px;
}
form.contact label {
	display:block;
}
form.contact input[type="text"], form.contact textarea {
	border:1px solid #555;
}
form.contact input[type="button"] {
	width:auto;
	padding:4px 15px;
	background:#555;
	color:#FFF;
	border:none;
	cursor:pointer;
	margin-top:5px;
}
form.contact input:invalid {
	border:1px solid red;
}
form.contact #charge { visibility: hidden; display:inline; }
form.contact #mailOk { margin:5px; padding:5px; visibility: hidden; border:3px double black; background-color:#EEE; }

/************/
/* Revendeurs */
/* ********** */
.intro_texte_revendeur {
	font-family: "Bitstream Vera Serif",Georgia,serif;
	font-size:70%;
}
.revendeur {
	background: url(../image/francefond.jpg) no-repeat top center;
}
.revendeur h1 {
	margin-left:100px;
	background-color:#eee;
	font-size:14pt;
	margin-bottom:20px;
}
/*.revendeur img { float:left; } */
.form_rech_revendeur {
	margin-top:10px;
	font-family: 'Georgia', 'Shanti', arial, serif;
	margin-left:100px;
	margin-right:90px;
	border-left:1px dotted #777;
	border-bottom:1px dotted #777;
	padding-left:50px;
	padding-bottom:20px;
	text-align:left;
	font-size:13px;
	background:url(../image/loupe.png) no-repeat 95% center;
}
.form_rech_revendeur label {
	display:inline-block;
	width:140px;
}
.form_rech_revendeur input[type="submit"] {
	margin-left:150px;
}
.rech_eten_region { margin-left:auto; margin-right:auto; text-align:center; padding-top:20px; font-size:110%; width:80%; color:red; font-family: Verdana, Arial, Helvetica, sans-serif; }
#box { position: relative; margin-left: auto; margin-right: auto; padding: 0; text-align: left; width:80%;	width: 40em; background-color: #eeeeee;	}

.legende { border-top:1px solid black;margin-top:5px; padding-top:5px; font-size:80%;} 

/* ../image dans la marque Monitor Audio*/
/*************************************/
.gammecomplete { 
	width:320px;
	margin:auto;
	display:inline-block;
	/*float:left; */
}
.gammecomplete a { 
	display:block; 
}
.gammecomplete > img { 
	margin:auto;
	border:1px solid black;
}

/* ../image dans la marque Tannoy*/
/******************************/
.tannoy { width:33%; margin:auto; float:left; }
.tannoy a { display:block; }
.tannoy img { margin:auto; }

.tannoy .menuderoulant
{ color: black;  font-size: 11px;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-weight: bold; 
	background-color: #eee; margin:10px auto 10px auto; padding: 1px 1px 1px 1px;  height: 40px;  
	vertical-align: middle;  border: solid 1px #ccc; width:80%; }

table { border-spacing:0 }
td { vertical-align:top; }

/* Colonne présentant les différentes catégories : Cambridge Audio */
/***************************************************************/
.bloccolonne { float:left; width:150px; margin-left:5px; margin-right:5px;}


/* Titre de la colonne */
.bloccolonne h2 { font-size:0.9em; }

/* On centre les ../image sur le bloc colonne */
.bloccolonne img { margin:auto; }

/* Lien sur la colonne */
.bloccolonne a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10pt; display:block; }

.prixpublic {
	text-align:right;
	color:red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:14px 6px 6px 2px; 
}

/******************/
/* TARIFS PUBLICS */
/******************/
div.tarif_public { /* bloc général page tarifs avec la marque choisie */
	margin:10px auto;
	width:720px;
	text-align:left;
}
div.tarif_public div.famille { /* bloc famille */
	margin:10px auto 0px auto;
	width:96%;
	background:-moz-linear-gradient(#f8e8db 0%, #D8CABF 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#f8e8db),to(#D8CABF));
	background:-o-linear-gradient(#f8e8db 0%, #D8CABF 100%);
	padding:0 7px 7px 7px;
	-moz-box-shadow:0 1px 4px rgba(0,0,0,0.7);
	-o-box-shadow:0 1px 4px rgba(0,0,0,0.7);
	box-shadow:0 1px 4px rgba(0,0,0,0.7);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
div.tarif_public div.famille h3 {
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
}
div.tarif_public div.famille a { /* prix et visuel de l'article*/
	display:inline-block;
	width:160px;
	height:120px;
	border:1px solid #ffeee1;
	border:1px solid #7c7873;
	margin-right:7px;
	margin-bottom:5px;
	vertical-align:top;
	font-family:'PT Sans', sans-serif;
	font-size:12px;
	position:relative;
}
div.tarif_public div.famille a:hover {
	border:1px solid #FFF;
	background-color:#eae2d9;
	background-color:#b5afa8;
	background-color:#bbafa5;
	
}
div.tarif_public div.famille a:hover p.modele, div.tarif_public div.famille a:hover p.prix{color:#000;}
div.tarif_public div.famille a p.modele {
	text-align:left;
	margin:0;
	padding:5px 2px;
	height:30px;
	color:#736c66;
}
div.tarif_public div.famille a p.image {
	width:160px;
	height:54px;
	display:block;
	text-align:center;
	margin:0;
}
div.tarif_public div.famille a img {
	display:block;
	width:100%;
	background-color:#FFF;
	border-top:1px solid black;
	border-bottom:1px solid black;
	max-width:160px;
	max-height:50px;
}
div.tarif_public div.famille a p.prix {
	margin:0;
	position:absolute;
	text-align:right;
	bottom:2px;
	right:5px;
	color:#423e3a;
	font-size:13px;
	/*margin-right:7px;*/
	/*height:30px;*/
}

/* Tableau des tarifs conseillés */
.tarifs table { width:70%;margin-left:auto;margin-right:auto; border-collapse:collapse;margin-top:10px;}
.tarifs th { margin-bottom:10px; padding:5px 0 5px 0; border:1px solid black;}
.tarifs_famille { background-color:#efefef;text-align:left;border-bottom:1px solid black;padding:6px 0 3px 6px;}

/***********************/
/* PAGE TARIFS PUBLICS */
/***********************/

.liste_marque_tarifs a { 
	border-bottom:5px solid transparent;
	margin:5px 7px 15px 7px;
	display:inline-block;
	width:142px;
	height:90px;
	line-height:90px;
	font-family: 'Georgia', 'Shanti', arial, serif;
	font-size:16px;
	text-shadow:0px 1px 1px #777;
	color:#000;
	background-color:#eae2d9;
	-moz-box-shadow:0 3px 4px rgba(0,0,0,0.7);
	-o-box-shadow:0 3px 4px rgba(0,0,0,0.7);
	box-shadow:0 3px 4px rgba(0,0,0,0.7);
}
.liste_marque_tarifs a:hover {
	/*border-bottom:5px solid #777;*/
	background-color:#D8CABF;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.3);
	-o-box-shadow:0 2px 3px rgba(0,0,0,0.3);
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
}

a.fabricant {
	width:700px;
	vertical-align:top;
	border:1px solid black;
	display:block;
	margin:7px auto 15px auto;
	text-align:left;
	text-decoration:none;
	color:#584a3f;
	padding:8px 5px 12px 5px;
	font-family: 'Georgia', 'Shanti', arial, serif;
	font-size:13px;
	background:-moz-linear-gradient(#DCCFC6 0%, #B09278 100%);
	background:-webkit-gradient(linear, left top, left bottom, from(#DCCFC6),to(#B09278));
	background:-o-linear-gradient(#DCCFC6 0%, #B09278 100%);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,0.7);
	-o-box-shadow:0 2px 3px rgba(0,0,0,0.7);
	box-shadow:0 2px 3px rgba(0,0,0,0.7);
	opacity:0.7;
}
a.fabricant:hover{
	opacity:1;
}
a.fabricant img{
	display:inline-block;
	width:150px;
	vertical-align:top;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.7);
	-o-box-shadow:0 2px 2px rgba(0,0,0,0.7);
	box-shadow:0 2px 2px rgba(0,0,0,0.7);
	background-color:#FFF;
}
a.fabricant img[alt="Logo"]{
	background-color:#FFF;
}
a.fabricant div { 
	display:inline-block;
	width:380px;
	vertical-align:top;
	padding:5px;
}
a.fabricant div p { margin:0 ;}
/* Revendeur */
h4 { font-size:14pt; margin:0px; }

/*****************************/
/* Banc d'essai des articles */
/******************/
div.BancEssai {
	margin:15px 5px 10px 5px;
	padding:0px 0px 10px 0px;
	background-color:#EEE;
	border:1px solid black;
	display:block;
	border-radius:10px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
}
div.BancEssai h3 {
	border:none;
	margin:0 0 5px 0;
	padding:8px;
	border-radius:10px 10px 0 0;
	background: #aaaaaa; /* Old browsers */
background: -moz-linear-gradient(top,  #aaaaaa 0%, #e0e0e0 77%, #c1c1c1 81%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(77%,#e0e0e0), color-stop(81%,#c1c1c1), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aaaaaa 0%,#e0e0e0 77%,#c1c1c1 81%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aaaaaa 0%,#e0e0e0 77%,#c1c1c1 81%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aaaaaa 0%,#e0e0e0 77%,#c1c1c1 81%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(top,  #aaaaaa 0%,#e0e0e0 77%,#c1c1c1 81%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}
div.BancEssai div {
	display:inline-block;
	margin:5px;
	padding:0;
	width:130px;
	height:150px;
	border:1px solid #555;
	vertical-align: top;
	background-color:#DDD;
	border-radius:5px;
	-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);
	box-shadow:0 1px 2px rgba(0,0,0,0.7);
}
div.BancEssai div p {
	display: block;
	margin:0;
	padding:5px 0;
	height:35px;
	width:100%;
	text-overflow:ellipsis;
	overflow:hidden;
	font-family:'Arial',sans-serif;
	font-size:11px;
}
div.BancEssai div p:first-child {
	background-color:#C4C4C4;
	font-weight:bold;
	border-radius: 5px 5px 0 0;
}
div.BancEssai div a{
	display:inline-block;
	padding:0;
	margin:0;
}
div.BancEssai div a:hover {
	border-bottom:1px dotted #555; 
}

/***********************************************************/
/* Liste des revendeurs ayant le produit en démonstration */
/**********************************************************/
div.ListeRevendeurProduitDemo p {
	padding:6px 4px;
	margin:0;
	text-align:left;
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	border-bottom: 1px dotted #DDD;
}
div.ListeRevendeurProduitDemo p a {
	text-decoration: none;
	color:#555;
}
div.ListeRevendeurProduitDemo p a img {
	height:20px;
}
div.ListeRevendeurProduitDemo p a span {
	white-space: nowrap;
	display:inline-block;
	margin-left:15px;
	width:180px;
	overflow:hidden;
	-o-text-overflow: ellipsis;
	text-overflow:ellipsis;
	height:1.3em;
	vertical-align:top;
}
div.ListeRevendeurProduitDemo p a span.RaisonSociale {
	width:230px;
	color:#272727;
}
div.ListeRevendeurProduitDemo p a span.CodePostal {
	width:50px;
}
div.ListeRevendeurProduitDemo p a span.Ville {
	width:160px;
}
div.ListeRevendeurProduitDemo p a span.telephone {
	width:130px;
}
div.ListeRevendeurProduitDemo p:hover {
	background-color:#DDD;
}

/**************************************************/
/* FIN PAGE PRODUIT */
/**************************************************/




/************************************************/
/* Liste des bancs d'essai (page bancessai.php) */
/************************************************/
.liste_banc_essai {
	/*background:-moz-linear-gradient(#ffbebe 0%, #ff0000 50%, #ffbebe 100%);*/
	margin:5px 50px 5px 80px;
	color:#000;
	background:#DCCFC6;
	background:-moz-linear-gradient(#DCCFC6 0%, #B09278 100%);
	background: -o-linear-gradient(rgb(220,207,198), rgb(176,146,120));
	background: -webkit-gradient(linear, left top,left  bottom, from(#DCCFC6), to(#B09278));
	-pie-background: linear-gradient(#000, #555);
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	/*text-shadow:0px 1px 0px rgba(255,255,255,0.5);*/
	-moz-box-shadow:0 3px 4px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 3px 4px rgba(0,0,0,0.7);
	box-shadow:0 3px 4px rgba(0,0,0,0.7);
	padding-bottom:10px;
}
.liste_banc_essai > p {
	font-weight:bold;
	text-align:left;
	padding:7px 20px;
	border-bottom:2px solid black;
}
.liste_banc_essai a {
	display:block;
	text-align:left;
	padding:1px 0 1px 20px;
	color:#44301f;
}
.liste_banc_essai a > span {
	width:150px; 
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	height:1.2em;
}
.liste_banc_essai a:hover {
	background-color:#f2e8e2;
	color:#26190e;
}
.bancessai { 
	color: white; 
/*background: url(../image/back.jpg) repeat-x 0 0; */
	border:1px solid black; margin-top:10px; margin-bottom:10px; 
font-family: arial,helvetica,sans-serif;
	font-size: 0.95em; padding-top:5px; padding-bottom:5px;}
.avis { width:100%;margin-bottom:5px;padding-top:5px;border:1px solid black;background-color:#d4d0f5; }
.avis_seul { margin:5px; font-style : italic; }
.ligne_avis { width:100%;margin-bottom:5px;vertical-align:middle; }
.titre_avis  { width:15%;text-align:right;float:left;font-weight:bold; }
.texte_avis { text-align:left;margin-left:15%; }
.resume_avis { text-align:center; margin:2px; }
.etoile { position:relative; top:-10px; }
.etoile img { margin-left:auto; margin-right:auto; }

.texte_banc_essai { font-size:0.9em; }
.texte_banc_essai h3 {
	background-color:#d4d4d4;
	padding-left:6px;
	margin-top:6px;
	margin-bottom:3px;
	border-bottom:1px solid black;
	margin:5px;
	text-align:left;
}
.texte_banc_essai img { float:left; margin:5px 4px 3px 0; border:1px solid black; width:90px; padding:2px;}
.texte_banc_essai p { margin-top:10px; }
.encadre_banc_essai { text-align:left; border:1px solid black; }
.titre {width:80px; float:left;}
.signature { text-align:right; margin-top:5px;font-style:italic;}


/* News_revendeur */
.newsrevendeur { width:95%;padding:5px;margin-left:auto;margin-right:auto;border:1px solid black; }
.newsrevendeur img { margin-left:auto; margin-right:auto; }

.listepr fieldset { background-color:#f3f3f3; }
.listepr img { margin-left:auto; margin-right:auto; }

.blocgauche { float:left; width:150px; }
.listecde { margin-left:155px; }
.listecde table{ margin-left:auto;margin-right:auto;width:100%;}
.listecde th { height:2em; }
.listecde td { height:1.8em; vertical-align:middle;}

#calendriercadre {width:90%; background-color:#f1f1f1; margin-left:auto; margin-right:auto; }
.calendrier { margin-left:155px; }
.calfield { width:95%; margin-left:auto;margin-right:auto; }
.calfield img { margin-left:auto;margin-right:auto; border:1px solid black;}
.calfield legend { font-weight: bold; }

#cadre {width:80%; background-color:#f1f1f1; margin-left:auto; margin-right:auto; }
.hautgauche, .hautdroit, .basgauche, .basdroit { height:15px; width:15px; background-repeat: no-repeat; }
.hautgauche { background-image: url(../image/hautgauche.jpg); }
.basgauche { background-image: url(../image/basgauche.jpg); }
.hautdroit { float:right; background-image: url(../image/hautdroit.jpg); }
.basdroit { float:right; background-image: url(../image/basdroit.jpg); }

h1.acces_revendeur {font-variant: small-caps;  margin:0; margin-left:auto; margin-right:auto; width:684px; height:34px; vertical-align:middle; padding:5px 0px; color:#FFF; background:url(../image/fondrevendeur.jpg) top left no-repeat;}
#navigation { list-style: none ; margin: 0 ; padding: 0; margin-top:10px; margin-bottom:15px;}
#navigation li { display: inline ; margin-right: 1px ; color: #fff ; background: #c00 ; }
#navigation li a { background: #c00 ; color: #fff ; border: 1px solid #600 ; font: 0.8em "Trebuchet MS",Arial,sans-serif ;
line-height: 0.7em ; padding: 4px 10px ; text-align: center ; text-decoration: none ; }
#navigation li a:hover, #navigation li a:focus, #navigation li a:active { background: #900 ; text-decoration: underline ; }

/* */


.annonce_av888_p777 a { color: blue; }
.annonce_av888_p777 p.revendeurs { font-size:95%;margin:10px 15px; }

.avis_av888p777 p { font-size:80%; text-align:justify; text-indent:1.5em; margin-left:15px; margin-right:15px; }

.separation_olive { margin-top:2px; margin-bottom:2px; border-top:1px solid #AAA; border-top-style:dotted; }
.signature_olive { text-align:right; margin-top:5px; padding-top:5px; border-top:1px solid #AAA; border-top-style:dotted;}
.signature_olive img { display:inline; }
.titre_detail_opus { margin:5px 0; font-family: Arial,sans-serif; font-size:12px; color:black; font-weight:bold;}
.detail_opus { margin:0; font-family: Arial,sans-serif; font-size:12px; color:black; color:#848484; text-align:justify;}
.modele_opus { margin:6px 0; width:99%; border-bottom:1px solid black; font-family: Verdana, sans-serif; font-weight:bold; }
.modele_opus span { font-size:80%; }
.resume_opus { margin:3px; width:100%; text-align:left; font-family: Verdana, sans-serif; font-size:12px;}

/* Une journee avec l'Opus */
#olive_journee { text-align:justify; }
#olive_journee .en_tete_opus_journee { display:block; margin:auto auto; border:1px solid black;}
#olive_journee  > h1 { background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;}
#olive_journee  > h2 { text-transform:none; font-family: Arial, Helvetica, sans-serif; font-size:14px; 
margin-top:3px; margin-bottom:3px; color: #4d6db3; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #90afdd;
text-align: left; }
#olive_journee img { display:block; border:1px solid black; margin:6px auto;}
#olive_journee p { text-align: justify; font-size: 13px; font-family: Verdana,Arial,Helvetica,sans-serif; margin:5px 0;}
#olive_journee p span { text-transform:uppercase; color:#4d6db3; font-size:12px; }
#olive_journee .navigation { background-color:#EEE; padding:3px; text-align:center; }
#olive_journee .navigation a { font-size:12px; color:#777; margin-right:20px; margin-left:20px;}
#olive_journee .img_vignette_lcd { text-align:center; margin:10px 0; padding:10px 0 0 0; border-top:1px solid black; border-bottom:1px solid black;}
#olive_journee .img_vignette_lcd img { display:inline; max-height:128px; border:1px solid black; margin:1px 2px;}
#olive_journee .img_vignette_lcd a:visited img { border:none; }
#olive_journee  p.agrandir_vignette  { margin:0 0 8px 0; text-align:center; color:#444; font-size:11px; font-style:italic; }
/* -- */

.dacpsu { margin:5px auto; width:80%; border:3px double black; 
background-color:#EEE; 
padding:7px 0; margin-bottom:10px;}
.dacpsu > p { color:red; margin:5px 0;}

div.info_mail_envoye { width:80%; margin:10px auto; border:1px solid black; padding:20px; background-color:#F3EEEA;}
div.info_mail_envoye p { width:80%; text-align:left;}

div#reglement_jeu h2.titre_reglement { text-transform:none; border:2px solid black; font-size:15px;margin:10px 0; padding:8px 0;}
div#reglement_jeu h2.titre_reglement { text-transform:none; border:2px solid black; font-size:15px;margin:10px 0; padding:8px 0;}
div#reglement_jeu h3.titre_article { background-color:white; text-align:left; font-weight:bold; text-decoration:underline; font-size:13px;
margin:10px 0;}
div#reglement_jeu p { text-align:justify; font-size:11px; margin:10px 0;}

/* supplément article */
div.supplement_article {
	margin:15px auto;
}
div.supplement_article img {
	border:1px solid black;
	margin:0 auto;
}

/* */

/* Fin de page */

#pied_page {
	color:#444; 
	background-color:#F2F2F2; 
	clear:both; 
	font-size:12px; 
	text-align:center; 
	padding:20px 0 0 0;
	margin-top:17px; 
	margin-bottom:0; 
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #b09278 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#b09278)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#b09278 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#b09278 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#b09278 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#b09278 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b09278',GradientType=0 ); /* IE6-9 */

}
#pied_page p { 
	margin:0; 
	padding:2px 0;
}
#pied_page p:first-child { 
	border-top:1px dotted #B09278;
	width:700px;
	margin:auto;
}
#pied_page a {
	display:inline-block;
	margin:5px 20px 0 20px;
	padding:10px 15px 0 15px;
}
#pied_page a:hover {
	border-radius: 7px 7px 0 0;
	background:#b09278;
	background: #b09278; /* Old browsers */
background: -moz-linear-gradient(top,  #b09278 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b09278), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b09278 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b09278 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b09278 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #b09278 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b09278', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}