/* CSS Document */


/* these styles are in the head of this page because this is a unique page */

/* THE BIG GUYS */
* {margin:0;padding:0}
body {text-align:center;padding: 20px 0;background: #334e5d;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
img { border-color:#fff; }
img a { text-decoration:none;}
hr {margin: 1em 0;background:#ccc;height:1px;border:none;clear:both}

/* LINKS */
a,a:link,a:link,a:link,a:hover {font-weight:bold;background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color:#069} 
a:visited {color:#999} 
a:hover,a:active {color:#668182} 

/* LISTS */
ul {margin: .3em 0 1.5em 2em}
li {margin-left:2em}
dt {font-weight:bold}
#wrap {position:relative;background:#fff;width:750px;margin: 0 auto;text-align:left; border-top: 1px solid #b6b6b6;border-right: 1px solid #b6b6b6;border-bottom: 1px solid #aaa;border-left: 1px solid #aaa;}
#header { position:relative;background: #000 url(../img/header.jpg) no-repeat;margin: 0 0 25px;padding: 0 0 8px; height:210px; cursor:hand; }
#header h1 {color:#fff;font-size: 205%;padding:20px 20px 12px; visibility:hidden;}
#content {padding: 10px 20px}
#news { float:right; margin:30px 0 15px 0; background:#FFF; padding:5px 5px 20px 5px; width:220px; border-left:#CCCCCC 1px solid; }
#news li { list-style:none;}
#news li img { margin-right:10px;}
#news h3 { margin:0 0 2px 30px; color:#6E4D0F; font-family:Arial, Helvetica, sans-serif}
#welcome { width:455px; text-align:justify; }
#collection { width:680px; background-color:#f2f2f2; height: 180px; border:1px solid #555; margin-bottom:30px; padding:5px; background-image:url(../img/gallery.gif); background-repeat: no-repeat; background-position: right bottom;}

#collection h1 { font-size:140%; }
#collection img { border: 1px solid #777;}

/* langbox is absolute to header */
#langbox a{
background:#FFF; 
color:#222; 
text-decoration:none; 
padding: 3px 5px 3px 5px; 
position:absolute; 
top:0; 
right:50px; 
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 { margin:0 0 15px; color:#454545; font-family:Arial, Helvetica, sans-serif}
h1 {font-size: 196%;margin-top:0;border:none}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}

.old {text-decoration:line-through}

.rightmarg {
margin-right:15px;
}

h4 a {text-decoration:none; padding:0; margin: 0 }


/* MENU  */
#tabmenu{
position:absolute;
bottom:0;
font-size:100%;
}

#tabmenu ul {
	position:relative;
	float:left;
	width:100%;
	padding:0 0 0 1em;
	margin:0;
	list-style:none;
	line-height:1em;
	}
	
#tabmenu ul a {
	display:inline;
}	
	
	#tabmenu LI {
	list-style:none;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	line-height:45px;
}

#tabmenu A {
	display:block;
	color:#454545;
	text-decoration:none;
	font-weight:bold;
	background:url(../img/tab-bg.gif) #fff;
	height:0.6em;
	margin:0;
	padding:1em 1.2em;
	border-left:1px solid #fff;
	border-right:1px solid #888;
	border-top:1px solid #aaa;
}

#tabmenu A:hover {
color: #1A6CBB;
background:url(../img/tab-bg-hover.gif) #fff;
}

#tabmenu A.here:link,
#tabmenu A.here:visited {
	background:url(../img/tab-bg-hover.gif) #fff;
	
}

#tabmenu A:active {
	background:url(../img/tab-bg-active.gif) #fff;
}


#tabmenu A.here:link,
#tabmenu A.here:visited {
	position:relative;
	z-index:102;
}

.footer_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777;
}

.footer_text a {
text-decoration:none;
color:#777;
font:inherit;
}

#news .button a {
text-decoration:none;
background-color:#DDD;
background:url(../img/tab-bg.gif) #fff;
padding:0.8em;
border-top:#DDD 1px solid;
border-right:#BBB 2px solid;
border-bottom:#BBB 2px solid;
border-left:#DDD 1px solid;
margin:0px 0 0 0px;
}

#news .button a:hover {
border-top:#BBB 2px solid;
border-right:#DDD 1px solid;
border-bottom:#DDD 1px solid;
border-left:#BBB 2px solid;
}

#news .button img {
vertical-align:middle;
}
#corner {
position:absolute;
display:block;
height:65px;
width:10px;
top:10px;
left:-9px;
background:url(../img/pagecorner.gif) no-repeat;
}


div.thumb {
  float: left;
  margin:15px 10px 15px 28px;
  padding:5px 5px 2px 5px;
  border:1px solid #CCCCCC;
  height:270px;
  width:180px;
  }

div.contact {
  float: left;
  margin:15px 10px 15px 28px;
  padding:5px 5px 2px 5px;
  border-top:1px solid #CCCCCC;
  border-right:2px solid #AAA;
  border-bottom:2px solid #AAA;
  border-left:1px solid #CCCCCC;
  background-color:#f2f2f2;
  background-image:url(../img/corneraff.gif); 
  background-repeat:no-repeat;
  background-position:right bottom;
  height:190px;
  }
  
div.thumb p {
   text-align: center;
   }
   
div.row {
 /* border: 2px dashed #333;*/
  background-color: #fff;
  }
  
  div.spacer {
  clear: both;
  }
  
  
  a.info{
    position:relative; /*this is the key*/
    left:25px;
    /*z-index:99;*/
    color:#000;
    text-decoration:none;
    }

a.info:hover{ background-color:#fff;  }

a.info span{display: none; }

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em; left:1.5em; width:15em;
    border:1px solid #ccc;
    background-color:#eee; color:#000;
    text-align: center;
    }
    
.nom_revendeur {
text-align:center;
font-size:13px;
}