body {
background-image: url(images/floyd_back.gif);
background-color:#847D75;
margin:0px;
padding:0px;
font-family:verdana;
}





#titreCategorie {
position:relative;
font-family:tahoma;
font-size:24px;
font-weight:bold;
float:right;
top:45px;
margin-right:40px;
}

#floyd3Photos {
border:0px solid red;
float:left;
position:relative;
top:150px;
}


#articlesTable {
font-family:arial;
font-size:11px;
}


#resAct {
border:0px solid red;
font-family:verdana;
font-size:10px;
margin-left:30px;
width:500px;
color:#FC802A;
}


#fournisseurTable {
position:relative;
font-size:10px;
font-family:verdana;
border:0px solid red;
width:540px;
left:20px;
top:20px;
}
#fournisseurTable th, #fournisseurTable td {
text-align:left;
padding:8px;
margin:0px;
}
#fournisseurTable .alt1 {background-color:#F2F2F2;}
#fournisseurTable .alt2 {background-color:#ffffff;}



#concertsTable {
position:relative;
font-size:10px;
font-family:verdana;
border:0px solid red;
width:540px;
left:20px;
top:20px;
}
#concertsTable th, #concertsTable td {
text-align:left;
padding:5px;
}
#concertsTable .alt1 {background-color:#F8E1E7;}
#concertsTable .alt2 {background-color:#ffffff;}


.photoHistorique img {
border:3px solid black;
margin-bottom:5px;
}

.titreHistorique {
font-family:verdana;
font-size:14px;
font-weight:bold;
color:#958d84;
margin-bottom:5px;
}


.textHistorique {
font-family:verdana;
font-size:11px;
color:#958d84;
}


.searchUnderline {
	background-color: #FFFF00;
  padding : 0px;
}


#annonces {
float:left;
width:581px;
border:0px solid red;
position:relative;
margin-bottom:40px;
}

#addAnnonce {
width:100%;
text-align:center;
font-family:verdana;
margin-top:10px;
margin-bottom:10px;
font-size:12px;
font-weight:bold;
}


.annonce {
float:left;
width:175px;
height:200px;
border:0px solid red;
margin-left:5px;
margin-top:5px;
padding:5px;
font-size:9px;
font-family:tahoma;
}
.dateAnnonnce {
font-weight:bold;
}
.annonce div {
margin-top:40px;
width:135px;
border:0px solid green;
float:right;
}

.oldAnnonce {
float:left;
width:550px;
border:0px solid green;
padding:10px;
font-size:9px;
font-family:tahoma;
}



#conteneur0 {
background-image: url(images/floyd_back_conteneur0.png);
border:0px solid green;
width:938px;
float:left;
position:relative;
}

#conteneurLeft {
position:absolute;
top:0px;
width:219px;
height:500px;
background-image: url(images/floyd_back_left.jpg);
background-repeat: no-repeat;
background-position:0 0;
height:1000px;
}

#contactEnv {
background-image: url(images/floyd_contact.png);
background-repeat: no-repeat;
background-position:0 0;
position:absolute;
top:118px;
left:750px;
width:44px;
height:36px;
border:0px solid red;
}

#conteneurRight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
position:relative;
width:138px;
float:right;
background-image: url(images/floyd_back_right.gif);
background-repeat: no-repeat;
background-position:0 0;
height:1000px;
border:0px solid pink;
color:#ffffff;
}







#nosmarques {
position:relative;
left:10px;
top:100px;
text-align:center;
border:0px solid red;
width:108px;
}

#conteneurTop {
position:relative;
background-color:#8A8A8A;
width:581px;
height:118px;
float:right;
background-image: url(images/floyd_top.jpg);
background-repeat: no-repeat;
background-position:0 0;
}

#conteneurSearch {
position:relative;
background-color:#8A8A8A;
width:581px;
height:36px;
float:right;
background-image: url(images/floyd_back_search.gif);
background-repeat: no-repeat;
background-position:0 0;
}

#conteneurMenu {
position:relative;
background-color:#000000;
width:581px;
height:31px;
float:right;
background-image: url(images/floyd_back_menu.gif);
background-repeat: no-repeat;
background-position:0 0;
}


#conteneurDeco {
position:relative;
background-color:#8A8A8A;
width:581px;
height:78px;
float:right;
background-repeat: no-repeat;
background-position:0 0;
}

#conteneurMain {
border:0px solid orange;
position:relative;
background-color:#FFFFFF;
width:581px;
float:right;
background-image: url(images/floyd_back_main.gif);
background-repeat: repeat-y;
background-position:0 0;
}










#tableCategories {
position:relative;
border: 0px solid red;
width: 141px;
left:77px;
top:100px;
float:left;
}


#resultRecherche {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
border: 0px solid #000000;
padding:10px;
top:-70px;
position:relative;
}


#paginationTop{
border: 0px solid brown;
text-align: left;
margin-top: 10px;
top:-50px;
left:20px;
position:absolute;
cursor:pointer;
font-weight:bold;
color : #FFFFFF;
}

#paginationTop a {
color : #FFFFFF;
}


#paginationBottom{
border: 0px solid brown;
background-image: url(images/floyd_back_search.gif);
background-repeat: no-repeat;
background-position:0 0;
text-align: left;
top:10px;
position:relative;
cursor:pointer;
font-weight:bold;
color : #FFFFFF;
text-align:center;
height:50px;
line-height:20px;
}

#paginationBottom a {
color : #FFFFFF;
}



.pageCourante,.page1,.page2,.page3,.page4,.pageDizaine {font-family : Verdana;text-align : bottom;margin-left : 2px;margin-right : 2px;color:#FFFFFF;}
.page1 a,.page2 a,.page3 a,.page4 a,.pageDizaine a {text-decoration : none;color:#FFFFFF;}
.page1 a:hover,.page2 a:hover,.page3 a:hover,.pageDizaine a:hover {text-decoration : underline;color : #FFFFFF;}
.pageCourante {font-size : 16px;font-weight : bold;margin-left : 2px;margin-right : 2px;color : #FFFFFF;}
.page1 {font-size : 15px;color : #FFFFFF;}
.page2 {font-size : 14px;color : #FFFFFF;}
.page3,.pageDizaine {font-size : 12px;color : #FFFFFF;}
.page4 {font-size : 30px;color : #FFFFFF;}
.pageDizaine {margin-left : 8px;margin-right : 8px;color : #FFFFFF;}




.conteneurArticle {
border: 0px solid red;
padding-top: 10px;
padding-bottom: 15px;
position: relative;
background-image: url(images/floyd_article_bottom.gif);
background-repeat: repeat-x;
background-position: 0 bottom;
height: 120px;
}



.td_article_top { /* le td du nom de l'article dans la page article.php */
border-bottom: 0px solid #9B4302; 
}


.td_article_top .nom { /* le nom de l'article dans la page article.php */
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px; 
font-style: bold; 
line-height: normal; 
color: #000000; 
}


.img {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
color: #000000; 
border: 1px solid #000000;
padding:3px;
margin:5px;
}

.img2 {
line-height: normal; 
color: #000000; 
width:250px;
border: 1px solid #000000;
padding:3px;
margin:5px;
}

.img3 { /* la grande image */
line-height: normal; 
color: #000000; 
width:546px;
border: 1px solid #000000;
/*padding:3px;*/
/*margin:5px;*/
}


#tableArticle {
width:100%;
padding:10px;
font-family:verdana;
font-size:10px;
}

################################################################################################################










a:active { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#a00c89;}
a:link { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#a00c89;}
a:visited { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#a00c89;}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#a00c89;}










#flashIntro {
	 border: 1px solid #000000;
	 background-color: transparent;
   position:absolute;
   left: 50%; 
   top: 50%;
   width: 800px;
   height: 400px;
   margin-top: -200px; /* moitié de la hauteur */
   margin-left: -400px; /* moitié de la largeur */
   text-align: center;
   padding:15px;
   padding-bottom:30px;
  }

#flashIntro #div1 {
border: 0px solid #000000;
float: left;
width: 550px;
}

#flashIntro #div1a {
color:#FF9900;
}


#flashIntro #div2 {
border: 0px solid grey;
float: right;
width: 220px;
text-align:left;
padding: 10px;
}
#flashIntro #div2 a { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 15px;text-decoration: none;color:#F6A800}
#flashIntro #div2 a:active { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#F6A800}
#flashIntro #div2 a:link { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#F6A800}
#flashIntro #div2 a:visited { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#F6A800}
#flashIntro #div2 a:hover { font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;text-decoration: none;color:#000000}






#imageTop {
position: absolute;
background-color: #FDDE83;
border: 0px solid red;
width: 687px;
height: 147px;
background-image: url(images/floyd_top.gif);
background-repeat: no-repeat;
}


#conteneurGeneralCenter {
position: absolute;
 margin-top: 147px;
 width: 100%;
 background-color:#FFFFFF;
 height: 100%;

}

#conteneurCentre {
border: 0px solid brown;
background-color: #FFFFFF;
margin-left: 278px;
margin-right: 19px;
height: 100%;
}

#conteneurCentreB {
position: absolute;
border: 0px solid brown;
background-color: brown;
left: 258px;
height: 100%;
width: 19px;
background-color: #FEF2CB;
background-image: url(images/floyd_rightBack.gif);
background-repeat: repeat-y;
}











#conteneurCategoriesTop {
background-image: url(images/floyd_notre_catalog.gif);
background-repeat: no-repeat;
border: 0px solid red;
top: 147px;
height: 47px;
width: 258px;
}

#conteneurCategories {
border: 0px solid red;
top: 147px;
width: 100%;
}

##conteneurAleatoire {
background-image: url(images/floyd_vox.gif);
background-repeat: no-repeat;
border: 0px solid red;
top: 147px;
width: 258px;
height: 355px;
padding-top: 60px;
padding-left: 10px;
}

.titreAleatoire {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px; 
color: #FFFFFF;
font-weight:bold;
}



#chemin {
position : relative;
border: 0px solid pink;
font-family: Arial, Verdana, Helvetica, sans-serif;
background-image: url(images/floyd_titre_back.gif);
background-repeat: no-repeat;
font-size: 16px; 
font-weight: bold; 
line-height: normal;
color: #760000;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 9px;
background-color:#F2F2EE;
}






.articlePhoto {
position : absolute;
border: 0px solid pink;
text-align:right;
left: 0;
width: 120px;
padding-right: 5px;
}

.articlePhotoClaviers {
position : absolute;
border: 0px solid pink;
text-align:right;
left: 0;
width: 250px;
padding-right: 5px;
}

.articleTexte {
border: 0px solid black;
background-color: #FFFFFF;
padding :5px;
margin-left: 120px;
}

.articleTexteClaviers {
border: 0px solid black;
background-color: #FFFFFF;
padding :5px;
margin-left: 260px;
}




#conteneurRecomail {
position : absolute;
left: 530px;
top: 35px;
border: 0px solid red;
width: 258px;
}




.titreNews{
color: #959273;
font-size: 12px; 
font-weight: bold;
}


.dateNews{
color: #959273;
}


.texteNews{}







.ligne1, .ligne1 a.souscategorie:hover,.ligne1 a.souscategorie:active,.ligne1 a.souscategorie:link,.ligne1 a.souscategorie:visited {
color: #FFFFFF;
text-align:left;
font-size: 9px;
font-family: Verdana, Helvetica, sans-serif;
}

.ligne2, .ligne2 a.souscategorie:hover,.ligne2 a.souscategorie:active,.ligne2 a.souscategorie:link,.ligne2 a.souscategorie:visited {
color: #FFFFFF;
text-align:left;
font-size: 9px;
font-family: Verdana, Helvetica, sans-serif;
}

.ligne3, .ligne3 a.souscategorie:hover,.ligne3 a.souscategorie:active,.ligne3 a.souscategorie:link,.ligne3 a.souscategorie:visited {
color: #ffffff;
text-align:left;
font-size: 10px;
font-family: Verdana, Helvetica, sans-serif;
}


.contactTitre1 {
	font-family: tahoma, verdana, Helvetica, sans-serif;
	font-size: 16px;
	color:#000000;
	font-weight:bold;
}

.contactTitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#99063B;
	font-weight:bold;
}

.contactTexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#99063B;
}


.contactInput {
	background-color: #F7F7F7;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #B9B9B9;
	border-bottom: 1px solid #E1E1E1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #757575;
	height: 15px;	
}

.button {
	background-color: #99063B;
	border-right: 1px solid #560320;
	border-left: 1px solid #B80745;
	border-bottom: 1px solid #560320;
	border-top: 1px solid #B80745;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #FFFFFF;
	height: 20px;
	width: 100px;	
}




.recomailInput {
	background-color: #FFFFFF;
	border-left: 1px solid #C0BBAF;
	border-top: 1px solid #C0BBAF;
	border-right: 1px solid #F0F1EB;
  border-bottom: 1px solid #F0F1EB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #959273;
	height: 15px;	
}

.contactTextarea {
	background-color: #F7F7F7;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #E1E1E1;
	border-top: 1px solid #B9B9B9;
	border-bottom: 1px solid #E1E1E1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #757575;
	width: 280px;
	height: 100px;
  scrollbar-arrow-color: #959273;
	scrollbar-3dlight-color: #F7F7F7;
	scrollbar-highlight-color: #F7F7F7;
	scrollbar-face-color: #F7F7F7;
	scrollbar-shadow-color: #F7F7F7;
	scrollbar-darkshadow-color: #F7F7F7;
	scrollbar-track-color: #F7F7F7;
}



.tdmenu {
color:#FFFFFF;
border-bottom: 0px solid #9B4302; 
}

.categorie {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF; 
}





.tableBorder {
border: 1px solid #000000;
}




.borderarticle {
border: 1px solid #FAA61A;
}

.lien {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
color: #000000; 
}
a.lien:active { text-decoration: none}
a.lien:link { text-decoration: none}
a.lien:visited { text-decoration: none}
a.lien:hover { text-decoration: none}


 
.ref {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 
font-style: normal; 
line-height: normal; 
color: #000000; 
}

.dispo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; 
font-style: normal; 
line-height: normal; 
color: #000000; 
}

.prix {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px; 
font-style: bold; 
line-height: normal; 
color: #FAA61A;  
}


.titreBlocTexte {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
font-style: normal; 
line-height: normal; 
font-weight:bold;
color: #000000;
margin-bottom:5px;
}

.texte {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
color: #000000; 
}

.caract {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
color: #000000; 
}






.nom {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
line-height: normal; 
color: #A5A5A5;
}


.sousnom {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
font-style: normal; 
line-height: normal; 
color: #000000;
height:5px;
border:0px solid red;
}





.equipementType {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
line-height: normal; 
color: #000000; 
}


#rechercheForm {
background-image: url(images/floyd_loupe.gif);
background-repeat: no-repeat;
background-position: 0 0;
background-color:#FFFFFF;
border:0px solid red;
}


#openads {
float:left;
height:75px;
width:581px;
position:relative;
border:0px solid blue;
text-align:center;
margin-top:60px;
margin-bottom:20px;
z-index:9;
}

#adsense {
font-size:9px;
position:relative;
border:0px solid red;
text-align:center;
margin-bottom:20px;
}


#musicplayer {
clear: both;
position:relative;
margin-bottom:10px;
text-align:center;
border:0px solid red;
width:335px;
left:125px;
}

#conteneurBottom {
background-color:#ffffff;
width:581px;
height:75px;
background-image: url(images/floyd_back_bottom.gif);
background-repeat: no-repeat;
background-position:0 0;
margin-top:20px;
position:relative;
/*float:left;*/
border:0px solid green;
}


#pagesCredits {
font-size:9px;
position:relative;
border:0px solid yellow;
height:79px;
margin-bottom:20px;
text-align:center;
color:#C9A8B3;
}

#pagesCredits a {
font-weight:bold;
color:#FF9900;
}





#orderProcess{
border:0px solid red;
margin-left:20px;
margin-top:20px;
}

#msgDiv {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px; 
}

#orderProcess table {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; 
}