@import "baseStyle.less";
/* ------------------------------------------------------------------------ */
#right
{
  float: left;
  height:480px;
  width:400px;
  margin-right: 22px;
}

#right img
{
  height:100%;
  height:480px;
  width:400px;
  .centrer;  
}


#left
{
  float:left;
  width:550px;
  height:480px;
  position:relative;
}

#info
{
  height:100px;
  width: 100%;
  margin-bottom: 15px;
}

#info #titre
{
  height:40px;
  padding-left: 10px;
}

#info #titre h1
{
  margin:0;
  padding: 0;
  color: #555;
}

#info #titre h1 span
{
  color:#A40000;
}

#info #titre h1 span#refFinition
{
  color:#555;
}

#info .info
{
  height:63px;
  width:262px;
  float:left;
  padding-left: 12px;
  font-size: 0.7em;
}

#info .info p
{
  margin:0;
  padding:0;
}


#info #modeleInfo
{
  border-right:1px solid black;
}

#nav
{
/*   text-align: center; */
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  margin-top:25px;
  padding-bottom: 2px;
  padding-left:15px;
}

#nav a:link, #nav a:visited
{
  margin-right: 40px;
  font-size: 0.8em;
  color: #444;
  text-decoration: none;
}


#nav a:hover, #nav a:active, #nav a.active
{
  color: #A40000;
  text-decoration: none;
}

.tab
{
  height: 320px;
  width:530px;
  .centrer;
  padding: 10px;
}



#finitions img.active
{
  border-bottom: 2px solid #A40000;
}

.containerThumbFinition
{
  height:150px;
  width:110px;
  float:left;
  margin-right:6px;
  margin-bottom:10px;
  color: #333;
}

.thumbFinition
{
  height:120px;
}

.containerThumbFinition a
{
  color: #333;
  text-decoration: none;
}

.containerThumbFinition a:active, .containerThumbFinition a:hover, .containerThumbFinition a:visited
{
  color: #333;
  text-decoration: none;
}

.titreThumb
{
  width:110px;
  font-size:0.7em;
  text-align: center;
  padding-top:4px;
  padding-bottom:2px;
}

.titreThumb.active
{
  border-bottom: 2px solid #A40000;
}


.titreThumb span
{
  font-weight: bold;
}


#fiche
{
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0.7em;
}

.title
{
  border-bottom: 1px solid black;
  font-weight: bold;
}

#fiche img
{
  display:block;
  margin-left:130px;
  margin:0 auto;
  height:200px;
}

#gallery
{
  overflow-x: hidden;
  overflow-y: auto;
}

.loader
{
  height:20px !important;
  width:20px !important;
}

.down
{
  text-align: right;
  margin-right:5px; 
}

.down a:link, .down a:active, .down a:visited
{
  color:#444;
}

.down a:hover
{
  color: #A40000;
}