/* ..: Copyright: Sound Arts Network :..
         webdesign: www.bembow.com	
_________________________________________*/

@import: url(print.css) print;

/*_____margin reset_________*/
* {
margin: 0;
padding: 0;
}


/* hack FF pour masquer les contours pointillé sur les liens
______________________________________________________________*/
a {outline: none;}
:focus{-moz-outline-style: none;}


strong {
	font-weight : bold;
}

em {
	font-style : italic;
}

p {
	line-height : 1.2em;
}

img {
border: 1px solid #6f656e;
margin: 5px;
vertical-align: bottom;
}


body {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 0.7em;
	text-align : left;
		background: url(../images/fond_gris_jp.png);
	}

address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, 
dl, dt, dd, ul, ol, li, 
table, caption, colgroup, col, thead, tfoot, tbody, tr, td, th,
form, button, fieldset, legend, input, label, select, optgroup, option, textarea,
a, img, q, span, sub, sup, cite, code, del, dfn, em ,ins, strong
{
	line-height : 1.2em;
	font-style : normal;
}

#global {
width: 1000px;
margin: auto;
padding-top: 15px;
background: url(../images/fondmetal.jpg) no-repeat;
background-color: #cbcbcd;
border: 1px soliD #B2B2B2;
}

#conteneur {
width: 920px;
margin: auto;
padding-bottom: 30px;
}


#header {
width: 920px;
height: 100px;
background: url(../images/fondheader.png) no-repeat;
}

#logo a {
display: block;
float: left;
width: 170px;
height: 90px;
text-indent: -5000px;
background: url(../images/logo.png) no-repeat;
}

#menu {
margin: 0px 0px 0px 170px;
width: 730px;
}

#menuliste {
list-style: none;
}

#menuliste li{
float: left;
}

#menuliste a {
display: block;
height: 40px;
background: url(../images/menu.png) no-repeat;
text-indent: -5000px;
}

#item1 a, #item2 a, #item3 a, #item4 a, #item5 a {
width: 146px; margin-top: 15px;}

#item1 a {background-position: 0px 0px;}
#item2 a {background-position: -146px 0px;}
#item3 a {background-position: -292px 0px;}
#item4 a {background-position: -438px 0px;}
#item5 a {background-position: -584px 0px;}

#item1 a:hover {background-position: 0px -40px;}
#item2 a:hover {background-position: -146px -40px;}
#item3 a:hover {background-position: -292px -40px;}
#item4 a:hover {background-position: -438px -40px;}
#item5 a:hover {background-position: -584px -40px;}

#item1 a.current, #item1 a.current:hover {background-position: 0px -80px;}
#item2 a.current, #item2 a.current:hover {background-position: -146px -80px;}
#item3 a.current, #item3 a.current:hover {background-position: -292px -80px;}
#item4 a.current, #item4 a.current:hover {background-position: -438px -80px;}
#item5 a.current, #item5 a.current:hover {background-position: -584px -80px;}


#menuliste li ul {
display: none;
}

#menuliste li:hover ul {
display: inline;
width: 117px;
position: absolute;
list-style: none;
margin: -4px 0px 0px 16px;
background-color: #FFF;
}


#menuliste li li a {
width: 117px;
height: 18px;
text-indent: -1px;
text-align: center;
padding-top: 1px;
background: url(../images/fondsousmenu.jpg) no-repeat;
color: #000;
margin-top: 0px;
}

#menuliste li li a:hover {
background: url(../images/fondsousmenuhover.jpg) no-repeat;
color: #fff;
}

#marques {
float: left;
clear: both;
width: 880px;
height: 10px;
margin-top: -20px;
text-align: center;
}

#central {
width: 920px;
margin: auto;
background: url(../images/fondcentral.png) repeat;

}

#hautcentral {
margin: auto;
width: 906px;
height: 100%;
padding: 20px 0px 10px 20px;
overflow: hidden;
}

#haut_1 {
float: left;
width: 670px;
text-align: left;
margin: 10px 0px;
}


#col_droite {
float: right;
width: 230px;
margin-bottom: 10px;
border-left: 1px dotted #6e624c;
}

#col_droite p {
padding: 0px 20px 10px 10px;
}


#bascentral {
width: 906px;
height: 100%;
margin: auto;
border-top: 1px solid #6e624c;
border-bottom: 1px solid #6e624c;
background-color: #d1cbbc;
}


#bas_1 {
width: 880px;
height: 100%;
margin-top: 10px;
padding: 15px;
text-align: justify;
margin-bottom: 10px;
}

#bas_1 p {
padding: 10px;
}



#footer {
text-align: center;
width: 920px;
height: 40px;
padding-top: 6px;
background: url(../images/footer.jpg) no-repeat;
color: #547821;
}

#footer a {
font-weight: normal;
color: #242424;
font-size: 0.9em;
}

#footer a:hover {
color: #999;
}

#menubas li {
display: inline;
}



/*________________ titraille ___________*/

a {
color: #990000;
text-decoration: underline;
}

a:hover {
color: #9E4949;
}

.marques {
font: bold 1.9em sans-serif;
color: #CC0000;
}

.produit {
color: #990000;
font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
margin: 5px;
text-align: center;
}

.sansliseret {
border: 0px;
}

.titre_centralhaut {
font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
margin: 10px 0px 0px 20px;
color: #6f656e;
list-style-image: url(../images/pucegrise.gif);
}

.titre_news1 {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	list-style-type: none;
	margin-left: 10px;
}

.titre_news2  {
font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
margin: -3px 0px 0px 12px;
color: #6e624c;
list-style-image: url(../images/pucemarron.gif);
}


.titre_slogan {
font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
font-style: italic;
color: #6e624c;
}


.titre_paragraphe {
font: bold 1.1em  Verdana, Arial, Helvetica, sans-serif;
font-variant: small-caps;
color: #fff;
background-color: #3F3123;
text-align: center;
padding: 2px;
}

.bienvenue {
padding-right: 105px;
text-align: left;
color: #666;
}

p.courant {
text-align: justify;
}

p.courant_gras {
font-weight: bold;
margin-bottom: 10px;
}

.cellule1, .cellule2 {
color: #fff;
border: 1px solid #3F3123;
padding: 2px;
} 

.cellule1 {
background-color: #3F3123;
}

.cellule2 {
background-color: #918372;
}