/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
background-color: #e1ddd9;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
a {color: black;text-decoration:none;}
a:visited {color:grey;}
a:hover { text-decoration:underline;}
a:active { color:red;}

h1 {
font-size: 11px;
text-transform:uppercase;
padding:15px 2px;
margin:0 }

h2 {
font-size:20px;
font-weight: normal;
padding:15px 2px;
margin:0;}

/* ----------container to center the layout-------------- */
#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background : #d1d2b0;
background-image:url(images/gratte.gif);
background-repeat:no-repeat;
background-position:top left;
}

/* ----------header et navigation-------------- */
#header {
background-image : url(images/brocFondHeader900.gif);
background-color:#000;
padding: 0px;
margin: 0px;
clear : both;
}
#cat{background-color:#000;
height:30px;
}
.accueil {
display : block;
background-image : url(images/logoBrocHome.gif);
height : 70px;
text-indent : -9999px;
width : 225px;
}

#navigation{
padding: 0px;
margin: 0px;
clear : both;
background : #d90909;
}
.menu ul {
list-style-type : none;
padding : 0;
margin : 0;
}
.menu li {
float : left;
position : relative;
z-index : 100;
}
.menu table {
position : absolute;
border-collapse : collapse;
z-index : 79;
left : -1px;
top : 25px;
}
.menu a, .menu :visited {
display : block;
font-size : 10px;
width : 79px;
padding : 7px;
color : white;
background : black;
text-decoration : none;
margin-right : 1px;
text-align : left;
font-family : verdana, sans-serif;
}
.menu :hover {
color :white;
background : red;
}
.menu ul ul {
visibility : hidden;
position : absolute;
width : 79px;
height : 0;
}
.menu ul li:hover ul, .menu ul a:hover ul {
visibility : visible;
}

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding: 0px;
margin: 0 200px;
}
div#content { 
min-height:390px;
height:expression(this.scrollHeight > 390 ? "auto":"390px"); 
}

p{
margin:0px;padding:4px;
}

/* --------------left navi------------- */
#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}
#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
background-color:#000;}
.aguilar {
display:inline-block;background-image : url(images/aguilar-animLogo.gif);
height : 65px;
width : 150px;
text-indent:-2000px;
background-color : #000;
background-repeat : no-repeat;
}
.reverend {
display:inline-block;
background-image : url(images/reverenminianimlogo.gif);
height : 61px;
text-indent:-2000px;
width : 150px;;
background-color : #000;
background-repeat : no-repeat;
}
.lakland {
display:inline-block;
background-image : url(images/laklandanimminilogo.gif);
height : 61px;
width : 150px;
text-indent:-2000px;
background-color : #000;
background-repeat : no-repeat;
}
.zon {
display:inline-block;
background-image : url(images/Zon.gif);
height : 61px;
width : 150px;
text-indent:-2000px;
background-color : #000;
background-repeat : no-repeat;
}
.esh { 
display:inline-block;
background-image : url(images/esh.gif);
height : 61px;
width : 150px;
text-indent:-2000px;
background-color : #000;
background-repeat : no-repeat;
}
fieldset {border: none;}
.promotions {
display:inline-block;
margin-top:20px;
background-image : url(images/promotions.gif);
height :63px;
width : 152px;
text-indent:-2000px;
background-color : #000;
background-repeat : no-repeat;
}
.menu ul {
list-style-type : none;
padding : 0;
margin : 0;
}
.menu li {
float : left;
position : relative;
z-index : 100;
}
.menu table {
position : absolute;
border-collapse : collapse;
z-index : 79;
left : -1px;
top : 25px;
}
.B_firstCrumb{color:#FFF;}
.B_crumb{color:#FFF;}
.B_homeCrumb{color:#FFF;}
.B_lastCrumb{color:#FFF; font-weight:bold;}
.menuEtat li{ display:inline;list-style:none;}
.menuEtatCurrent a{ color:black; font-weight:bold;}
.menuEtat2 {list-style:none; padding:4px;} 
.menuEtat { padding:4px;}

#columns li h4 {
text-decoration : none;
color : black;

} 
#columns li {
margin-left:0px;
margin-right:10px;
float : left;
height : auto;
width : 22% !important ;
padding : 1px;
}
#columns {
list-style : none;
width : 100%;
margin : 0px;
padding:0px; 
}
.couleurMarque{color:red;}
.pagination{clear:left;padding-top:20px;}
.modeleListing{font-size:8px;}
span.droite{ float:right}
.ditto_currentpage{font-weight:bold;padding-left:4px; color:#F00;}
.ditto_page{ padding-left:4px;}
.commander {
display:inline-block;
background-image : url(images/commander.gif);
height :38px;
width : 150px;
text-indent:-2000px;
background-color : #000;
background-repeat : no-repeat;
}