@charset "utf-8";
/* CSS Document */


div{
margin:0;
padding:0;
border:0;
}

a{
color:#666666;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

img{
border:none;
}

.pickcol{
float:left;
width:20px;
height:20px;
background-image:url(img/cpickfd.png);
margin:2px;
}

.pickcol2{
float:left;
width:20px;
height:20px;
background-image:url(img/cpickfd2.png);
margin:2px;
}

#BLANC{
width:20px;
height:20px;
margin:2px;
background-image:url(img/cpickfdWH.png);
}

#BLANC:hover{
width:22px;
height:22px;
background-image:url(img/cpickfdON.png);
margin:1px;
cursor:pointer;
}

.pickcol:hover{
width:22px;
height:22px;
background-image:url(img/cpickfdON.png);
margin:1px;
cursor:pointer;
}

.cartouche{
width:148px;
height:130px;
float:left;
padding:5px;

}

body{

padding:0;
margin:0;
font-family:verdana;
border:0;
}

p{
padding:0;
margin:0;
border:0;
}



#etat{
height:20px;
background-color:#887d75;
width:100%;
}


#TOPmain{
width:984;
padding:3px;
padding-bottom:none;
height:87px;
background-color:#fff;
}

#topmenu{
width:984px;
height:60px;
}

#botmenu{
width:938px;
height:30px;
text-align:left;
margin-left:5px;
text-align:left;
}

#logo{
float:left;
width:314px;
margin-left:15px;
margin-top:5px;
height:28px;
}


#signin{
float:right;
text-align:center;
height:40px;
background-image:url(img/signFond.png);
width:255px;
color:#fff;
margin-right:30px;
}

#signin a{
color:#FFFFFF;
}

.bouton{
float:left;
width:100px;
margin-right:2px;
height:25px;
background-image:url(img/bouton.png);
cursor:pointer;
font-size:14px;
font-family:verdana;
color:#666666;
padding-top:5px;
text-align:center;
}

.bouton:hover{
background-image:url(img/boutonOn.png);
padding-top:7px;
height:23px;
}


.boutonH{
float:left;
width:100px;
margin-right:2px;
background-image:url(img/boutonOn.png);
height:23px;
cursor:pointer;
font-size:14px;
font-family:verdana;
color:#666666;
padding-top:7px;
text-align:center;
}


#searchBox{
float:right;
width:250px;
height:30px;
}

#searchBox input{
border:1px solid #ccc;
font-size:16px;
font-weight:bold;
background:#FFFFFF;
}

.photo{
width:200px;
padding:3px;
padding-top:10px;
height:143px;
float:left;
margin:1px;
background-image:url(img/12.png);
}

.photo2{
width:100px;
height:75px;
padding:3px;
background-repeat:no-repeat;
float:left;
margin:1px;
background-image:url(img/42.png);
}

.photo:hover{
width:200px;
height:143px;
background-image:url(img/12ON.png);
float:left;
cursor:pointer;
}

.photo2:hover{
float:left;
background-image:url(img/42ON.png);
cursor:pointer;
}

.photo2 p.laphoto{
height:63px;
margin-top:12px;
}

.photo p.laphoto{
height:100px;

}


#left{
float:left;
margin-right:2px;
width:200px;
height:580px;
}

#mid{

width:630px;
float:left;
height:680px;
}

.photo p{
font-size:10px;
color:#333333;
text-align:center;
width:100%;
padding:1;
margin:0;
border:0;
}

.photo2 p{
font-size:7px;
color:#333333;
text-align:center;
width:100%;
padding:1;
margin:0;
border:0;
}

#topmid{
height:35px;
margin-bottom:7px;
}

#botmid{
height:10px;
background-color:#CC3300;

}




#filtreAff{
width:90px; 
height:100;
float:right;
margin-right:5px;
}

#filtreAff img{
margin:2px 2px 0px 2px;
}

#nouveaute{
color:#FFFFFF;
height:200px;
width:100%;
background-image:url(img/Newfond.png);
font-size:9px;

}

#pageAff{
float:left; 
height:30px;
padding-top:5px;
width:500px;
}


.nb{
float:left;
margin:2px;
background-image:url(img/nb.png);
width:20px;
padding-top:4px;
height:16px;
cursor:pointer;
font-size:10px;
color:#000;
font-weight:bold;
}

.nbIN{
float:left;
margin:2px;
background-image:url(img/nbIN.png);
width:20px;
padding-top:4px;
height:16px;
cursor:pointer;
font-size:10px;
color:#fff;
font-weight:bold;
}

.nb:hover{
background-image:url(img/nbON.png);

}

.photoArt{

text-align:center;

}

.infoArt3{
width:100px;
height:240px;
padding:10px;
float:left;
background-image:url(img/modelinfo.png);
}

#footer{
width:990px; 
height:5%;
font-size:10px;
color:#FFFFFF;
padding-top:10px;
background-color:#887d75;
}


.colmod{
float:left;
cursor:pointer;
height:10px;
margin-top:2px;

width:20px;
margin-left:5px;
border:1px solid #919090;
}

.colmod2l{
float:left;
cursor:pointer;

height:10px;

width:10px;
}
.colmod2r{
float:left;
cursor:pointer;
height:10px;
width:10px;
}

.colmodIN{
float:left;
cursor:pointer;
height:10px;
margin-top:2px;

width:20px;
margin-left:5px;
border:1px solid #fff;
}

.colmodIN2l{
float:left;
cursor:pointer;

height:10px;
width:10px;
}
.colmodIN2r{
float:left;
cursor:pointer;

height:10px;
width:10px;
}


.titrePhoto{
height:50px;
float:left;
width:50%;
text-align:left;
}

.numArt{
padding-top:4px;
padding-bottom:5px;
text-align:right;
float:right;
width:50%;
height:48px;
color:#333333;
font-size:22px;
}


.infoMiniPhoto {
height:20px;
text-align:center;

font-size:9px;
}


 .modelO{
 width:110px; 
 height:55px;
 float:left;
 margin:2px;
 padding-top:5px;
 text-align:left;

      filter : alpha(opacity=60);
    -moz-opacity : 0.68;
    opacity : 0.6;
	
}
 
 #FD1{
 background-image:url(../MCV/img/OGA/ptifondRT.png); 
 }
 
 
 
  #FD2{
 background-image:url(../MCV/img/OGA/ptifondLT.png);
 text-align:right;
 }
 
  #FD3{
 background-image:url(../MCV/img/OGA/ptifond.PNG); 
 }
 
  #FD4{
 background-image:url(../MCV/img/OGA/ptifondL.png); 
  text-align:right;
 }
 
	.modelO:hover{
	      filter : alpha(opacity=100);
    -moz-opacity : 1.0;
    opacity : 1.0; 
	
	
	}
 
 .modelO img {
     filter : alpha(opacity=80);
    -moz-opacity : 0.8;
    opacity : 0.8; 
 
 }
 
 
 .modelO:hover img{
      filter : alpha(opacity=100);
    -moz-opacity : 1.0;
    opacity : 1.0; 
 }