/* CSS Document */
/*****************************************************************************************/
/**************************           TYPOS                 ******************************/
/*****************************************************************************************/

h3.nom-createur{
	font:14px Arial, Helvetica, sans-serif;
	color:#ec008c;
	margin:0;}

.rose18{
	font:18px Arial, Helvetica, sans-serif;
	color:#ea0a8b;}

.grisfonce14{
	font:14px Arial, Helvetica, sans-serif;
	color:#413344;	}



/*****************************************************************************************/
/**************************               1               ********************************/
/*****************************************************************************************/


a.nom-collections{
	position:relative;
	float:left;
	width:150px;
	height:250px;
	margin:0 5px 5px 0;
	text-decoration:none;
}

a.nom-collections span{
	position:absolute;
	display:block;
	top:200px;
	left:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#2c212d;
	font-weight:bold;
	background-color:#FFFFFF;
	padding:2px 5px;
}

a.nom-collections:hover span{
	position:absolute;
	display:block;
	top:200px;
	left:0;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FF0099;
	background-color:#FFFFFF;
}


.spacer-points{	
	width:620px;
	height:20px;
	display:block;
	background:url(../images/pointilles-solo-rosepal.jpg) repeat-x  0 8px;
}


/*****************************************************************************************/
/**************************              2                ********************************/
/*****************************************************************************************/


#top-visio-modeles{
	display:block;
	width:620px;
	height:16px;
	background:#c8c2c6 url(../images/back-top-collec.gif) no-repeat 0 0;}

#bas-visio-modeles{
	display:block;
	width:620px;
	height:16px;
	background:#c8c2c6 url(../images/back-bas-collec.gif) no-repeat 0 0;}


#visio-modeles{
	width:620px;
	background-color:#c8c2c6;}


a.nom-modele{
	float:left;
	width:150px;
	margin:0 10px 10px 0;
	cursor:pointer;
	height:220px;
}

a.nom-modele img{
	clear:both;
	max-width:150px;
	max-height:200px;
	}
	
a.nom-modele span{
display:block;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;}
a.nom-modele:hover span{
	font:11px Arial, Helvetica, sans-serif;
	color:#FF0099;
}
.nom-modele-reso{
	float:left;
	width:150px;
	margin:0 10px 10px 0;
	cursor:pointer;
	height:220px;
	text-decoration:none;
}

.nom-modele-reso img{
	clear:both;
	max-width:150px;
	max-height:200px;
	}
	
.nom-modele-reso span{
display:block;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;}
.nom-modele-reso:hover span{
	font:11px Arial, Helvetica, sans-serif;
	color:#FF0099;
}

.modeles-prev{
	float:left;
	width:60px;
	height:700px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	margin-right:15px;
	background:url(../images/fleche-collec-prev.jpg) no-repeat 15px 330px;}
.modeles-prev:hover{
	text-decoration:none;
	background:url(../images/fleche-collec-prev.jpg) no-repeat 8px 330px;}
.modeles-next{
	float:right;
	width:60px;
	height:700px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	background:url(../images/fleche-collec-next.jpg) no-repeat 5px 315px;}
.modeles-next:hover{
	text-decoration:none;
	background:url(../images/fleche-collec-next.jpg) no-repeat 12px 315px;}
.div-prev{
	float:left;
	width:60px;
	height:700px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	margin-right:15px;
	}


div#mod{
	clear:right;
	width:200px;
	height:25px;
	margin:0 auto;
	text-align:center;
}

.modeles-nav {
	font:12px Arial, Helvetica, sans-serif;
	color:#FF0099;
	font-weight:bold;
	text-decoration:none;}
.modeles-nav:hover{
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;}
.modeles-nav-selected {
	font:16px Arial, Helvetica, sans-serif;
	color:#FF0099;
	font-weight:bold;
	text-decoration:none;}

	

/***************************** f o r m ****************************************/

h4#tit-trouv-revendeur{
	width:230px;
	height:68px;
	display:block;
	text-indent:-5000px;
	background: url(../images/tit-trouvrevendeur.gif) no-repeat 0 49px;
	margin-bottom:5px;
}

ul#list-revendeurs li{
	list-style:none;	
	width:270px;
	height:80px;
	background:url(../images/pointilles-solo-gris.gif) repeat-x 0 0;
	margin-top:10px;
	padding:20px 0 0 30px;
	font:12px Arial, Helvetica, sans-serif;
	color:#413344;	
	}
	
ul#list-revendeurs-petit li{
	list-style:none;	
	width:270px;
	height:50px;
	background:url(../images/pointilles-solo-gris.gif) repeat-x 0 0;
	margin-top:10px;
	padding:10px 0 0 30px;
	font:12px Arial, Helvetica, sans-serif;
	color:#413344;	
	}

a.revendeurs-lsdm{
	min-height:60px;
	padding-top:5px;
	width:270px;
	display:block;
	background:url(../images/apostrophe_pros.gif) no-repeat 0 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#413344;	
	text-indent:20px;
	text-decoration:none;
	}

span.plusdinfo{
	display:block;
	width:270px;
	height:20px;
	text-indent:-5000px;
	background:url(../images/bt-plusdinfos.gif) no-repeat 190px 0;
	cursor:pointer;
	}

a#bt-googlemap{
	width:285px;
	height:68px;
	display:block;
	text-indent:-5000px;
	margin:20px 5px;
	background:url(../images/bt-google-map.jpg) no-repeat 0 -68px;}
	
a#bt-googlemap:hover{
    background:url(../images/bt-google-map.jpg) no-repeat 0 0;}

/*****************************************************************************************/
/**************************              3               *********************************/
/*****************************************************************************************/

#zoom-collections{
	width:800px;
	height:645px;
	margin:0 auto;}
	
#pave-zoom{
	width:570px;
	height:630px;
	float:left;
	margin:5px 10px 5px 5px;
	background-color:#c8c2c6;
	}	

#top-visio-modeles2{
	display:block;
	width:570px;
	height:15px;
	background:#c8c2c6 url(../images/back-top-collec2.gif) no-repeat 0 0;}

#bas-visio-modeles2{
	clear:both;
	display:block;
	width:570px;
	height:15px;
	background:#c8c2c6 url(../images/back-bas-collec2.gif) no-repeat 0 0;}

.modeles-prev2{
	float:left;
	width:55px;
	height:600px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	background:url(../images/fleche-collec-prev.jpg) no-repeat 10px 280px;}
.modeles-prev2:hover{
	text-decoration:none;
	background:url(../images/fleche-collec-prev.jpg) no-repeat 5px 280px;}
.modeles-next2{
	float:left;
	width:55px;
	height:600px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	background:url(../images/fleche-collec-next.jpg) no-repeat 5px 280px;}
.modeles-next2:hover{
	text-decoration:none;
	background:url(../images/fleche-collec-next.jpg) no-repeat 10px 280px;}

#zoom-modeles{
	float:left;
	width:460px;
	height:600px;
	text-align:center;
	vertical-align:middle;
}

#description-zoom{
	position:relative;
	float:left;
	width:190px;
	height:590px;
	padding:20px 10px 20px 10px;}
	

div#autres-vues{
	position:absolute;
	top:450px;
	left:10px;
	width:190px;
	height:200px;
	}

div#actions{
	position:absolute;
	top:250px;
	left:10px;
	width:190px;
	height:200px;
	}

#description{
	font:11px Arial, Helvetica, sans-serif;
	color:#413344;
	width:190px;
	height:150px;
	overflow:auto;
	}


ul#autres-vues li{
	list-style:none;
	float:left;
	margin:0 5px 0 0;
	padding:0;
	}
	
.addfavori, .voirfavori, .conseiller, .essayer, .imprimer{
	width:172px;
	height:42px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;	}
.addfavori{background:url(../images/bt-addfavori2.jpg) no-repeat 0 0;}
.addfavori:hover{background:url(../images/bt-addfavori2.jpg) no-repeat -172px 0;}
.voirfavori{background:url(../images/bt-voirfavoris2.jpg) no-repeat 0 0;}
.voirfavori:hover{background:url(../images/bt-voirfavoris2.jpg) no-repeat -172px 0;}
.conseiller{background:url(../images/bt-conseiller.jpg) no-repeat 0 0;}
.conseiller:hover{background:url(../images/bt-conseiller.jpg) no-repeat -172px 0;}
.essayer{background:url(../images/bt-essayer.jpg) no-repeat 0 0;}
.essayer:hover{background:url(../images/bt-essayer.jpg) no-repeat -172px 0;}
.imprimer{background:url(../images/bt-imprimer2.jpg) no-repeat 0 0;}
.imprimer:hover{background:url(../images/bt-imprimer2.jpg) no-repeat -172px 0;}

.outerWrapper2
    {
        border-style:none;
        height: 75px;
        width: 75px;
        margin: 2px;
        background-color:Black;
        text-align:center;
        float:left;
    }


/*****************************************************************************************/
/**************************             4               *********************************/
/*****************************************************************************************/

.floatleft{
float:left;}


.addfavori3, .voirfavori3, .conseiller3, .imprimer3{
	float:right;
	width:25px;
	height:19px;
	display:block;
	margin:0 10px 0 0;
	text-indent:-5000px;
	text-decoration:none;	}
	
.addfavori3{background:url(../images/bt-addfavori3.jpg) no-repeat 0 -19px;}
.addfavori3:hover{background:url(../images/bt-addfavori3.jpg) no-repeat 0 0;}
.voirfavori3{background:url(../images/bt-voirfavoris3.jpg) no-repeat 0 -19px;}
.voirfavori3:hover{background:url(../images/bt-voirfavoris3.jpg) no-repeat 0 0;}
.conseiller3{background:url(../images/bt-conseiller3.jpg) no-repeat 0 -19px;}
.conseiller3:hover{background:url(../images/bt-conseiller3.jpg) no-repeat 0 0;}
.imprimer3{background:url(../images/bt-imprimer3.jpg) no-repeat 0 -19px;}
.imprimer3:hover{background:url(../images/bt-imprimer3.jpg) no-repeat 0 0;}





a.retourcollec{
	display:block;
	float:left;
	width:300px;
	font:11px Arial, Helvetica, sans-serif;
	color:#8b8b8d;
	text-decoration:underline;}
a.retourcollec:hover{	text-decoration:none;}



h4#tit-ouessayer{
	width:230px;
	height:80px;
	display:block;
	text-indent:-5000px;
	background: url(../images/tit-ouessayer.gif) no-repeat 0 49px;
	margin-bottom:5px;
}

#zoom-collec4{
	float:left;
	width:460px;
	height:600px;
	margin-bottom:5px;
	text-align:center;
	vertical-align:middle;
}

a#zoom-vignettes{
	float:left;
	margin:0 5px 5px 0;}
	


.modeles-next-ou-trouver{
	width:60px;
	height:60px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	background:url(../images/fleche-collec-next.jpg) no-repeat 5px 0;}
.modeles-next-ou-trouver:hover{
	text-decoration:none;
	background:url(../images/fleche-collec-next.jpg) no-repeat 12px 0;}
.modeles-prev-ou-trouver{
	width:60px;
	height:60px;
	display:block;
	text-indent:-5000px;
	text-decoration:none;
	background:url(../images/fleche-collec-prev.jpg) no-repeat 5px 0;}
.modeles-prev-ou-trouver:hover{
	text-decoration:none;
	background:url(../images/fleche-collec-prev.jpg) no-repeat 12px 0;}
	
.outerWrapper
    {
        border-style:none;
        height: 75px;
        width: 75px;
        margin: 2px;
        background-color:Black;
        text-align:center;
        
    }
#nav-ou-trouver{
float:left;
margin:2px 3px 0 0;
}

#nav-ou-trouver td{
width:90px;
height:90px;
background-color:#2b212c;
text-align:center;
vertical-align:middle;
}

/**********     e n c a r t s   3 0 0     *******/

.encart300{
    position:relative;
    float:left;
    width:300px;
    min-height:130px;
    margin-right:10px;
    background:url(../images/back-encart300-midl.gif) repeat-y 0 0;
    }
.encart300-top{
    width:300px;
    height:8px;
    display:block;
    background:url(../images/back-encart300-top.gif) no-repeat 0 0;}
.encart300-bas{
    position:absolute;
    bottom:-8px;
    left:0;
    width:300px;
    height:8px;
    display:block;
    background:url(../images/back-encart300-bas.gif) no-repeat 0 0;}
.encart300 img{
    float:left;
    margin:0 20px;}
.encart300 h3, .encart300 p{
    margin:10px 0 0 20px;}
    
.encart300 h3#catalogue{
    float:left;
    width:150px;
    height:23px;
    display:block;
    text-indent:-5000px;
    margin:5px 0 5px 0;
    background:url(../images/tit-catalogue.gif) no-repeat 0 0;}

.catalogue-ok{
    float:right;
    width:153px;
    height:45px;
    display:block;
    text-indent:-5000px;
    margin-right:5px;
    margin-top:5px;
    background: url(../images/bt-fleche.jpg) no-repeat 100px -46px;}
.catalogue-ok:hover{
    width:153px;
    height:45px;
    display:block;
    text-indent:-5000px;
    background: url(../images/bt-fleche.jpg) no-repeat 100px 1px;}