/*  CSS musicmatos.com Stéphane B. 2008  */

/* Définition des blocs ******* PAGE INDEX PRINCIPALE  ATTENTION les images doivent avopir le lien complet *********************************************************************************************/

/* background-image:url(/templates/default/images/design/fondligne.jpg);  */


* { margin:0px; padding:0px; }

body {


        background: #000 url('/templates/default/images/design/fondsept2011.jpg');width:100%; background-position:top center; margin-left: auto; margin-right: auto; background-repeat: no-repeat; background-color:#000000;background-attachment: fixed;

		font: 12px Helvetica, Arial, sans-serif;
}   
		
       
       
      
.content { 
      
width: 975px;   
height: 100%;
display: block;
margin-left: auto;
margin-right: auto;
border: none; 
border-left: 1px solid black;
border-right: 1px solid black;
background-color: white;
overflow: hidden;
 min-height:100%;





}




.header { 
    
width: 975px;   
height: auto;   
margin: 0px;
padding :0px;
border: 1px solid black;
background-color: black;

border: none;


}

.content_menu {  
display: block;    
width: 975px;   
height: 35px;   
border: none; 




}

.content_annonce {
position: relative;
display: none;    
width: 975px;    
border: none; 
top: -10px;
margin: 0px;
padding :0px;
background-color: black;

}


.content_left {      
width: 129px;   
height: auto;
padding :0px;
border: none; 
background-color: white;
float: left;

text-align: center;
margin-top: 0px;

}

.content_main {  
width: 735px;   
height: auto;   
padding: 0px;
border: none; 
background-color: white;
float: left;
padding-top: 3px;
margin-top: 0px;
font: 12px Helvetica, Arial, sans-serif;



}

.content_right { 
width: 111px;   
height: auto;   
margin:0px;
padding:0px;
border: none; 
background-color: white;
float : left;
margin-right: -2px;
margin-top: 0px;
text-align:center;

}

.footer {  
float: left;
width: 975px;   
height: auto;   
border: none; 
background-color: black;
float :left; 


}

	

/*  body {  background-color: black ;  margin: 0 auto; }  */

 h1 { background-color: #EEEEEE; border-top: none; border-bottom: gray 1px solid; text-align: center; font-family: Helvetica, Arial, sans-serif;font-size: 18px; font-weight: bold; color: #333333; background-image: url(/templates/default/images/design/fonddialogue.jpg)}  


h1 a:hover  { text-decoration: underline; }



/* IMAGE DE L'ENTETE DU HEADER */
	
table.logo_site {	background-image:url('/templates/default/images/design/entete3.jpg'); }


/* CADRES A GAUCHE  ************************************************************************************     */


.titre_cadre_gauche {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; width: 121px; border: none; color: #FFFFFF; height: 11px; float: none; padding-left: 5px; border-color: #000000 solid; margin-top: 5px; margin-right: 2px; margin-bottom: 1px; margin-left: 2px; background-image: url(/templates/default/images/design/fond_menu_titre1.jpg)}


.cadre_gauche {   font-family:Helvetica, Arial, sans-serif; font-size: 8pt; width: 121px; border: none; color: #555555; height: auto; float: none; padding-left: 2px; border-color: #000000 ; margin-top: 0px; margin-right: 2px; margin-bottom: 5px; margin-left: 2px; background-attachment: fixed; background-repeat: no-repeat; background-color: #FFFFFF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px}
.cadre_gauche form { text-aligne: center; ; text-align: center; margin-left: 10px; border: none}
.cadre_gauche input[type=text] { background-color: #eeeeee; color: #333333; font-size: 8pt; font-family: Helvetica, Arial, sans-serif;}
.image_gauche {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: none}
.cadre_gauche ul li  { font-weight: bold;line-height:12px; padding-left:5px; font-style : italic ; font-family : Helvetica, Arial, sans-serif; margin-top: 0px; margin-right: 0; margin-bottom: 0; text-align: left;margin-left: 0px; color: #333333; list-style-type: square}
.cadre_gauche ul {font-weight: bold;margin-top: 5px; margin-right: 20px; margin-bottom: 0px; margin-left: 7px; padding-left: 7px}
.cadre_gauche a { font-weight: bold;text-decoration: none; color: #333333;  }
.cadre_gauche a:hover { font-weight: bold;text-decoration: underline; color: #4B6DAD;   }

.cadre_gauche img { display: block; margin-left: auto; margin-right: auto;  border: none;}


/* CADRES A DROITE  ************************************************************************************     */

.titre_cadre_droite { font-family: Helvetica, Arial, sans-serif; font-size: 7pt; width: 103px; border: none; color: #FFFFFF; height: 11px; float: none; padding-left: 5px; border-color: black; margin-top: 5px; margin-right: 2px; margin-bottom: 1px; margin-left: 2px; background-image: url(/templates/default/images/design/fond_menu_titre1.jpg)}


.cadre_droite {   font-family: Helvetica, Arial, sans-serif; font-size: 8pt; width: 104px; border: none; color: #555555; height: auto; float: none; padding-left: 2px;  margin-top: 0px; margin-right: 2px; margin-bottom: 5px; margin-left: 2px; background-attachment: fixed; background-repeat: no-repeat; background-color: #FFFFFF; padding-top: 2px; padding-right: 2px; padding-bottom: 2px}
.cadre_droite form { text-aligne: center; ; text-align: center; margin-left: 10px; border: #000000; border-style: solid}
.cadre_droite input[type=text] { background-color: #eeeeee; color: #333333; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
.image_droite {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border: none}
.cadre_droite ul li  { font-weight: bold;line-height:12px; padding-left:5px; font-style : italic ; font-family : Verdana, Arial, Helvetica, sans-serif; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 0px; color: #333333; list-style-type: square}
.cadre_droite ul {font-weight: bold;margin-top: 5px; margin-right: 20px; margin-bottom: 0px; margin-left: 7px; padding-left: 7px}
.cadre_droite a { font-weight: bold;text-decoration: none; color: #333333;  }
.cadre_droite a:hover { font-weight: bold;text-decoration: underline; color: #4B6DAD;   }
.cadre_droite a:visited font-weight: bold;{ text-decoration: none; color: #333333;  }
.cadre_droite a:active { font-weight: bold;text-decoration: none; color: #333333;  }
.cadre_droite img { display: block; margin-left: auto; margin-right: auto;  border: none;}

/* NAVIGATION EN HAUT PRES DE L'ENTETE                        */

.lien_haut a:hover  { color: #FD982C; }
.lien_haut a { color:white; text-decoration: none; }
.lien_haut  { text-align: right; font-family: Helvetica, Arial, sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none; }



/* NAVIGATION SOUS ENTETE                                    */


.lien_haut2 a {  color:white; text-decoration: none; padding left:5px; padding-right: 5px;}
.lien_haut2 a:hover  { color: #FD982C; }


table
{
margin: auto;

}


tr
{
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: left;
}

a
{
text-decoration: none;
font-family:  Helvetica, Arial, sans-serif; 
font-size: 11px;
color: #333333;
}

a:hoover
{
text-decoration: underline;
font-family:  Helvetica, Arial, sans-serif; 
font-size: 11px;
color: #333333;
}



a:active
{
text-decoration: none;
font-family:  Helvetica, Arial, sans-serif;
font-size: 11px;
color: #333333;
}




.quantitepanier {  font-family: Helvetica, Arial, sans-serif; font-size: 7pt; font-weight: normal; color: #FFFFFF}




.footer { text-align: center; font-family: Helvetica, Arial, sans-serif; font-size: 7pt; border: 1px solid #666666; color: #FF6600;  background-attachment: fixed; background-color: #000000; background-repeat: repeat-x; background-position: left top}

.imagebordure0 { border: 1px none #000; }
.imagebordure1 { border: 1px solid #000; }

/* Définition des blocs ******* PAGE HOME  ********************242 *********************************************************************/


/* cadre ou sont affichés les articles sur la page home   720PX - > Width  =================================================================== */

.homecadre1 { margin:0; padding:6px; background-color: #000000;height: 345px; width: 720px; align: center; }

.home_titre_tier 
{
/*  width: 242px;  */
height: auto;
text-align: left;
font-weight: bold;
color: white;
text-decoration: bold;
font-family:  Helvetica, Arial, sans-serif;
font-size: 18px;
border: none;
background-color: black;
margin-bottom : 0px;
margin-top: 0px;
padding-right: 2px;
margin: 0px;
}

.home_titre_tier a
{
color: white;
font-weight: bold;
text-decoration: none;
font-family:  Helvetica, Arial, sans-serif; 
font-size: 20px;
margin-left: 5px;
}

.home_titre_tier a:visited
{
color: white;
font-weight: bold;
font-family:  Helvetica, Arial, sans-serif;
font-size: 20px;
text-decoration: none;
}


.home_titre_tier a:hover
{
color: #FD982C;
font-weight: bold;
font-family:  Helvetica, Arial, sans-serif;
font-size: 20px;


}

.home_cadre_tier 
{
/*  width: 242px;  */
/* height: 125px; */
overflow:hidden;
border: none;
/* border-right: solid 1px #666666; */
/* background-color: white; */
margin: 3px;
pading: 0px;
background-color: #EEEEEE;
}

.home_cadre_tier img
{
border: none;
}


.home_descriptif_tier
{
display: block;
float: right;
margin: 0px;
padding: 1px;
/* width: 120px;  */
width: 100px;
height: 125px;
color: #333333;
/* background-color: #EEEEEE; */
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
border: none;
overflow: hidden;
text-align: justify;
}

.home_image_tier
{
display: block;
float: left;
width: auto;
height: auto;
border: 0px;
margin-left: 10px;
margin-top: 2px;
}

.home_prix_tier
{
position: relative;
display: block;
float: right;
font-family:  Helvetica, Arial, sans-serif;
font-size: 18px;
color: #FF0000;
/* background-color: #FFFF66; */
/*  border: 1px solid black; */
text-align: center;
padding: 1px;
font-weight: bold;
margin-top: 15px;
margin-left: 1px;
overflow: hidden;
top: 5px;
left: -18px;
width: auto;
height: auto;

}

.home_prix_tier a
{
font-family:  Helvetica, Arial, sans-serif;
font-size: 18px;
color: #FF0000;
font-weight: bold;
text-decoration: none;
}



.home_bloc_tier
{

display: block;
float: left;
padding-top: 0px;
padding-bottom: 0px;
background-color: #eeeeee;
border:  solid 1px #666666; 
height: 150px; 
width: 317px;
margin-left: 26px;
margin-top: 5px;

/*  background-image: url('/templates/default/images/design/fondhomearticle.jpg'); */


}


.home_news
{
float: right; 
display: block; 
color: #555555;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
width: 240px;
background-color: #EEEEEE;
height: 200px;
overflow: scroll;
}

.home_news_lien
{

color: #555555;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}


.home_news_lien  a:visited
{
color: #555555;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.home_news_lien a:hoover
{
color: #ff0000;
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}





/*============================================= STYLES DES DIFFERENTES PAGES ============================================= */

.fontsizeplus1 { color: #0; font-size: 13px; font-weight: bold;}    
.fontsizeplus2 { color: #0; font-size: 16px; font-weight: bold;}
.fontsizeplus1alert { color: #FF0000; font-size: 13px; font-weight: bold;}
.fontsizeplus2alert { color: #FF0000; font-size: 16px; font-weight: bold;}
.fontsizeminus1 { color: #0; font-size: 11px; font-weight: none;}
.fontsizeminus2 { color: #0; font-size: 10px; font-weight: none;}
.fontsizeminus1alert { color: #FF0000; font-size: 11px; font-weight: bold;}
.fontsizeminus2alert { color: #FF0000; font-size: 10px; font-weight: bold;}

.tablebox1 {
	border : 1px solid gray;
	background-color: #EEEEFF;
}
.tablebox2 {
	border : 1px solid gray;
	background-color: ##FFFFCC;
}

.tableboxtitre { border: 1px solid gray; background-color: #CCCCCC }

.caddieshowline1 {
	background-color: #cccccc;
	border: 1px solid #222222;
}

.caddieshowline2 {
	background-color: #eeeeee;
	border: 1px solid #222222;
}

.caddieshowboxht {
	background-color: #FFFFFF;
	border: 1px solid gray;
	}

.payeren4x { color: #777777; font-weight: bold; font-size: 12px; font-family: Helvetica, Arial, sans-serif; }
	
.prix { color: red; font-weight: bold; font-size: 16px; font-family: Helvetica, Arial, sans-serif;}        /*   affichage prix en petit */

.prixbig { color: red; font-weight: bold; font-size: 30px; font-family: Helvetica, Arial, sans-serif; }     /* affichage prix en gros */

.article { color: black; font-weight: bold; font-size: 15px; font-family: Helvetica, Arial, sans-serif;}

.descriptif { display: block; padding: 5px; color: #333333 ; font-size: 12px; font-family: Helvetica, Arial, sans-serif; }

.nombreresultat { color: #666666; font-family: Helvetica, Arial, sans-serif;; font-weight: bold; }

/* CSS DE L AFFICHAGE DU BUNDLE ==============================================================================*/

.bundleprixbig { font-size: 22px; color: red; background-color: yellow; border: 1px solid gray; font-weight: bold;}

.tableboxbundle { border: 1px solid #666666; background-color: #FFEECC; }

.creerbundlebig { background-color: #55FF55; font-size: 14px; width: 280px; font-weight: bold; }
.creerbundlesmall { color: #0; font-size: 8px; font-weight:bold; background-color: #55FF55; border: 1px solid #333333; }
/* CSS POUR AFFICHAGE DU CATALOGUE ========================================================================== */

.cataloguelistfond1 {  border: none; background-image: url(/templates/default/images/design/fonddialogue.jpg) }    /* couleur titre de l'article ligne haut */

 .cataloguelistfond2 { background-color : #efefef; border: none; border-top: 1px solid gray;} /* couleur descriptif */

.cataloguelistfondecran { background-color : #ffffff; border: none; } /* fond ecran */

.cataloguelistcadre { background-color: #ffffff; border: 1px solid gray; }   /* boite contenat larticle cadre ... */

/* STYLE PROMPTEUR texte defilant en premiere page ===================================================================== */

.prompteur { color:#999999;font-family:Verdana;font-size:15;width:400;height:30;padding:5; font-weight: bold; }

/* STYLE MENU DEROULANT RECHERCHE FABRIQUANTS ET CATEGORIES ================================================= */

.selection { text-decoration : bold;font-size : 9px;font-family :  Arial;
 background-color:#eeeeee; color:#000000;border:0; padding: 0px; margin: 0px; }