body
{
    background-color: #332323;
    font-family: Georgia, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:8pt;
    color:#cbcbcb;
    }


#main
{
    background-image: url(../../Images/BackGround.jpg);
    background-repeat:no-repeat;
    margin:auto;
    width:1000px;
    height:680px;    
}
#maincatalog
{   background-color:#000000;
    margin:auto;
    width:1000px;
    height:680px;    
}
#maincollections
{
    background-color:#000000;
    margin:auto;
    width:1000px;
    height:700px;   
}

#mainhistorique
{
    background-image: url(../../Images/BackGround-Historique.jpg);
    background-repeat:no-repeat;
    margin:auto auto;
    width:1000px;
    height:747px;
    
}
#maincommunication
{
    background-image: url(../../Images/BackGround-Communication.jpg);
    background-repeat:no-repeat;
    margin: auto;
    width:1000px;
    height:747px;   
    padding:0px; 
   
}
#maindistributeurs
{
    background-image: url(../../Images/BackGround-Distributeurs.jpg);
    background-repeat:no-repeat;
    margin: auto;
    width:1000px;
    height:747px;  
    
}
#contentdistributeurs 
{
    padding-left:80px;
    padding-top:70px;  
}

#topmenu 
{
    height:60px;
    padding-left:120px;
    margin:0px;
    padding-top:10px;
    
}

#topmenu a
{
    float: left;
    margin-left: 48px;
    font-size: 11pt;
    font-variant: small-caps;
    font-style: normal;
    text-decoration: none;
    color: #a9a9a9;
    letter-spacing: 2pt;
}

#topmenu a:hover 
{	
	color:#ffffff;
}

#topmenu .selected
{	
	color:#ffffff;
}

#bottom 
{
    height:70px;
    padding-left:80px;
    
    position:relative;
}

#bottom a 
{
    float:left;
    text-decoration: none;
    margin-left:1pt;
    font-style:italic;
}

#bottom a:hover 
{	
	color:#ffffff;
	text-decoration:underline;
}

#bottomtext
{
    left: 390px; 
    top:-40px;   
    position: absolute;
    font-size: 8pt;
    font-style: italic;
    font-variant: normal;
    letter-spacing: 1pt;
    line-height:16px;
    
}

#leftcol 
{
    float:left;
    width:680px;
    height:540px;    
    margin: -10px 0px 0px 0px ;
    padding:0px;
    position:relative;    
}
#leftcoltemp
{
    float:left;
    width:680px;
    height:540px;    
    margin:0px;
    padding:0px;
    position:relative;    
}
#leftcolcollections 
{
    float:left;
    width:680px;
    height:680px;    
    margin-left:42px;
    padding:0px;
    position:relative;    
}

#rightcol 
{
    float:left;
    width:260px;
    height:540px;    
    margin:0px;
    padding:0px;
    position:relative;
   
}
#rightcolcollections 
{
    float:left;
    width:240px;
    height:680px;    
    margin:0px;
    padding-left:20px;
    
}
#leftcolhistorique 
{
    float:left;
    width:590px;
    height:540px;    
    margin:0px;
    
}
#leftcolhistorique img
{
    margin-left:60px; 
    margin-top:50px;
    
}

#rightcolhistorique 
{
    float:left;
    width:300px;
    height:540px;    
    margin:0px;    
    padding-top:80px;
    font-style:italic;
    line-height:22px;
    text-align:justify;    
    font-size:9pt;

}

#rightcolhistoriqueintro 
{
    
    width:360px;
    height:540px;    
    margin: 80px 30px auto 540px;
    padding:0px;    
    font-size:9pt;
    line-height:22px;
    font-style: italic;
    text-align:justify;    
    
}
#leftcolcommunication
{
    float:left;
    width:410px;
    height:540px;    
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 80px;
    font-style: italic;
    font-size:9pt;
    line-height:22px;
    text-align:justify;    
   
}

#rightcolcommunication
{
    float:left;
    width:370px;
    height:540px;    
    margin: 40px 0px 0px 00px;
    font-style: italic;
    font-size:9pt;
    line-height:22px;
    text-align:justify; 
    
    padding: 0px 0px 0px 80px;
}


.hoverpic 
{
    position:absolute;
    left:70px;
    top:7px;
    visibility:hidden;
    z-index:1;
}


.clr 
{
    clear:both;
    padding:0px;
    margin:0px;
}
.clrspace 
{
    clear:both;
    height:0px;
    margin:0px;
    padding:0px;
    font-size:1px;
    line-height:0px;
}


#collectionORG 
{
    top:100px;
    left:0px;
    width:240px;
    height:730px;
    position:absolute;
    
}

#collection 
{
    top:40px;
    left:0px;
    width:260px;
    height:730px;
    position:absolute;
    
}

.collectionthumbnailOutside
{
    float:left;        
    padding: 5px;
    margin:0px;
    
}

.collectionthumbnailInside
{
    
    border:solid 1px #a9a9a9;    
    padding:2px;
    margin:0px;
    width:104px;
    height:70px;
}
.collectionthumbnailORG
{
    float:left;
    border:solid 1px #a9a9a9;    
    margin: 0px 0px 0px 10px;
    padding:2px;
    width:104px;
    height:70px;
    
}

.collectionthumbnailimg
{
    border:none;    
    margin:2px;
    padding:0px;
    width:100px;
    height:66px;
}

.collectionthumbnailInside8
{
    float:left;
    border:solid 1px #a9a9a9;    
    
    padding:2px;
    width:104px;
    height:70px;
   
}
.collectionthumbnail8 img
{
    border:none;    
    margin:2px;
    padding:0px;
    width:100px;
    height:66px;
}

.collectionimgOLD 
{
    margin:2px;
    padding:0px;
    width:100px;
    height:66px;
}


.collectionphoto 
{
    position:absolute;
    left:230px;
    top:40px;
    border-bottom-color:Blue;
}

.collectionphototext 
{
    position:absolute;
    left:160px;
    top:330px;
    font-size:8pt;
    font-style:italic;
    font-variant: normal;
    letter-spacing:1pt;
    width:300px;   
    line-height:16px;
    border-bottom:solid 1px #525252;
    padding-bottom:15px;
}

.collectionphototext2 
{
    position:absolute;
    left:190px;
    top:330px;
    font-size:8pt;
    font-style:italic;
    font-variant: normal;
    letter-spacing:1pt;
    width:300px; 
    padding-bottom:15px;
    
    line-height:16px;
    border-bottom:solid 1px #525252;
    
}

.collectionphototextref 
{
    font-size:8pt;
    font-variant: normal;
    letter-spacing:1pt;
    font-style:italic;
    height:20px;
    
    
}
.collectiontitle 
{
    position:absolute;
    top:0px;
    left:80px;
    z-index:30;
    visibility:hidden;
}
.collectiontextehover 
{
    position:absolute;
    top:355px;
    left:380px;
    width:264px;
    z-index:20;
    visibility:hidden;
    font-size:9pt;
    line-height:22px;
    font-style: italic;
    text-align: left;    
    
    
    
}
.loader 
{
    position: absolute;
    top:420px;
    left:90px;
}
    
.photoscroll
{
    float:left;
    width:400px;
    position:relative;
    
}
.photoscrollV2
{
    float:left;
    width:600px;
    position:relative;
    
}
    
.photoscrollM2
{
    margin-top:0px;
    margin-left:0px;
}


#communicationlinks
{
    
    margin-left:300px;
    text-align:center;
    font-style:italic;
}
#communicationlinks a
{
    float:left;
    width:130px;
    height:22px;
    margin-left:40px;
    padding-top:2px;   
    text-decoration:none; 
    
    font-size:9pt;
    font-variant:small-caps;
    font-style:italic;
    color:#cbcbcb;
    text-decoration:none;     
    border:solid 1px #cbcbcb;
   
}

#communicationlinks a:hover
{	
	border:solid 1px #ffffff;
	color:#ffffff;		
}

#communicationaddress 
{
    font-style:normal;
    line-height:16px;
    font-size:7pt;
    border-left:solid 1px #cbcbcb;
    padding-left:8px;
    
}
    

#historiquedates
{
    font-size:12pt;
    margin-left:40px;
    text-align:center;
    font-style:italic;
}
#historiquedates a
{
    border:solid 1px #a9a9a9;
    color:#a9a9a9;
    float:left;
    width:130px;
    height:22px;
    margin-left:40px;
    padding-top:2px;   
    text-decoration:none; 
}

#historiquedates .selected
{	
	border:solid 1px #ffffff;
	color:#ffffff;	
	
}

#historiquedates a:hover
{	
	border:solid 1px #ffffff;
	color:#ffffff;		
}

#contactusOLD 
{
    margin-left:450px;
    margin-top:22px;
    margin-bottom:22px;
    width:120px;
    
    text-align:center;
    height:25px;
    padding-top:4px; 
}

.communicationlinksOLD
{
    margin: 0px auto;
    width:500px;
    text-align:center;    
    
}

.communicationlinksOLD a
{   
    font-size:9pt;
    font-variant:small-caps;
    font-style:italic;
    color:#cbcbcb;
    text-decoration:none;     
    border:solid 1px #cbcbcb;
    padding: 0px 5px 0px 5px;
    margin-right:20px;
    height:35px;
    
}

.communicationlinksOLD a:hover
{   
    font-size:9pt;
    font-variant:small-caps;
    font-style:italic;
    color:#ffffff;
    text-decoration:none; 
    border:solid 1px #ffffff;    
    padding: 0px 5px 0px 5px;
    height:35px;
    
}


#scrollerphotosa1 
{
    margin-left: 230px; 
    margin-top: 40px; 
    position: relative;
    overflow: hidden;
}

#scrollerphotosa2 
{
    margin-left: 200px; 
    margin-top: 40px; 
    position: relative;
    overflow: hidden;
}

.buttoncollection 
{
    border:none;
    padding:0px;
    margin:0px;
}


#btnprevious 
{
    display: none; 
    position:absolute; 
    left:10px; 
    top:-40px;
    z-index:10;
}

#btnnext 
{
     position:absolute; 
     left:50px; 
     top:-40px; 
     z-index:10;     
}

.hometext 
{
    font-size:9pt;
    line-height:22px;
    font-style: italic;
    text-align:justify;
    color:#808080;   
}
#homelink 
{
    position:absolute; 
    text-decoration:none; 
    left:450px; 
    top:592px; 
    color:#cbcbcb;
}
#mentions 
{
    position:absolute;
    top:600px;
    font-size:7pt;
    font-style:normal;
   
}

#mentions a
{
    text-decoration:none;
    color:#cbcbcb;
}

.photocommunication 
{
    border:solid 1px #808080;
}