*
{
margin:0;
padding:0;
}

img  {border: 0}

a img
{
	border:none;
}

.gras
{
	font-weight: bold;
}

#hr{
clear:both;
}

.ico
{
margin-right: 2px;
}

.gros-pointilles
{
	background-image: url(../images/gros-pointille.gif);
	background-repeat: repeat-x;
	background-position: center;
	background-position:top;
	height: auto;
}

.gris {color: #494848}
.rose {color: #e2007a}

/**********************************************************************************/
/*** Général **********************************************************************/
html,body
{
	height:100%;
	background-image:url(../images/fond-page.gif);
	background-repeat: repeat;
	background-color:#000000;
}

#logo
{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 55px;
	padding-left: 220px;
	display:block;
}

/**********************************************************************************/
/*** 3 colonnes *******************************************************************/

#colMoby
{
	background-image: url(../images/mobi.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
	height: 865px;
	width: 220px;
	float: left;
	margin-top: 43px;
}

#collMilieu
{
	width: 268px;
	float: left;
}

#collDroite
{
	width: 432px;
	margin-left:20px;
	margin-top:54px;
	float:left;
}

#collDroite2
{
	width: 432px;
	height:auto;
	margin-left:20px;
	margin-top:54px;
	float:left;
}
/**********************************************************************************/
/*** Icones **********************************************************************/
#icones
{
	height: 44px;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E2007A;
}

/**********************************************************************************/
/*** Flash ************************************************************************/
#falshAccueil
{
	height: 601px;
	overflow:hidden;
}

/**********************************************************************************/
/*** Menu central ************************************************************************/
#Collections
{
	height: 601px;
	overflow:hidden;
	background-image: url(../images/fond_collec.png);
}

#Collections #Menu
{
	height: auto;
	width: 250px;
	overflow:hidden;
	margin-top: 220px;
	text-align:right;
}

#Collections #Menu img
{
	margin-left: 15px;
}

#Collections #Menu h1
{
	background-image: url(../images/h1menu.gif);
	background-position:bottom 7px;
	background-repeat: no-repeat;
	overflow:hidden;
	display:block;
	height: 20px;
	margin-top: 5px;
}

#Collections #Menu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

#Collections #Menu ul
{
	margin-top: 10px;	
}

#Collections #Menu li
{
	list-style-type: none;
	text-align: right;
	height: 15px;
}

#Collections #Menu li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a5a5a5;
	display:block;
}

/**********************************************************************************/
/*** Actu ************************************************************************/
#actu
{
	background-image: url(../images/fond-collmilieu.gif);
	height: 241px;
}

#actu h1
{
	background-image: url(../images/h1actu.gif);
	width: 268px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	color: #64C2CC;
	font-size: 18px;
	text-indent: 30px;
	background-position: 0px 3px;
	background-repeat: no-repeat;
	padding-bottom:10px;
}

#actu h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #E2007A;
	text-indent: 30px;
	padding-bottom:10px;
}

#actu p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	padding-left:30px;
	width: 226px;
}

#actu img
{
	margin-top:10px;
}

/**********************************************************************************/
/*** Colonne de gauche ************************************************************/

#colMoby #zoom
{
	background-image: url(../images/produits/999.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #494848;
	height: 185px;
	width: 190px;
	float: left;
	margin-left: 10px;
}

#colMoby #zoom img
{
	margin-top: 5px;
	margin-left: 7px;
}

#colMoby #gallery
{
	background-image: url(../images/gallery/999.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #494848;
	height: 255px;
	width: 190px;
	float: left;
	margin-left: 10px;
}

#colMoby #gallery img
{
	margin-top: 89px;
	margin-left: 7px;
}


/**********************************************************************************/
/*** Colonne de droite ************************************************************/
#collDroite #Listing
{
	background-image: url(../images/fond-droite.gif);
	background-repeat: no-repeat;
	height:854px;
}

#collDroite #Listing p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-right:15px;
}

#collDroite #Listing #Famille
{
	height:125px;
	width: 432px;
	float:left;
	margin-top: 14px;
}

#collDroite #Listing #Famille img
{
	margin-left: 14px;
}

#collDroite #Listing #Contenu
{
	width: 432px;
	float:left;
	margin-top: 20px;
}

#collDroite #Listing #Contenu #Result
{
	width: 417px;
	height: auto;
	margin-top: 5px;
	margin-left:15px;
}

#collDroite #Listing #Contenu #Result #Voir
{
	width: 36px;
	height: 37px;
	overflow:hidden;
	float:right;
	margin-top: -35px;
	margin-right:15px;
}

#collDroite #Listing #Contenu #Result img
{
	margin-top: 0px;
	margin-left: 0px;
}

#collDroite #Listing #Contenu h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float:left;
	background-color: #000000;
	margin-right: 3px;
	margin-top: 1px;
}

#collDroite #Listing #Contenu h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-left:15px;
}

#collDroite #Listing #Contenu h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left:15px;
	margin-top: 37px;
	height: 18px;
	display:block;
	background-image: url(../images/h1menu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#collDroite #Listing #Contenu h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 5px;
}

#collDroite #Listing #Contenu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}

#collDroite #Listing #Contenu img
{
	margin-left:15px;
}

#collDroite #Listing #Contenu input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 36px;
}


#collDroite #Listing #Contenu #Result .commande
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 120px;
}

#collDroite #Listing #Contenu #Result .previsu
{
	margin-right: -12px;
	margin-left: -12px;
	margin-top: -20px;
}

#collDroite #Listing #Contenu select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: auto;
}

#collDroite p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	margin-bottom:15px;
}

#collDroite table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
}

#collDroite input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 165px;
}

#collDroite textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 165px;
}

/**********************************************************************************/
/*** Colonne de droite Gallery ************************************************************/
#collDroite2 #Listing
{
	background-image: url(../images/fond-gallery.gif);
	background-repeat:repeat-y;
	height:100%;
}

#collDroite2 #Listing p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-right:15px;
}

#collDroite2 #Listing #Famille
{
	height:125px;
	width: 432px;
	margin-top: 14px;
}

#collDroite2 #Listing #Famille img
{
	margin-left: 14px;
}

#collDroite2 #Listing #Contenu
{
	width: 432px;
	margin-top: 20px;
}

#collDroite2 #Listing #Contenu #Result
{
	width: 417px;
	height: auto;
	margin-top: 5px;
	margin-left:15px;
}

#collDroite2 #Listing #Contenu #Result #Voir
{
	width: 36px;
	height: 37px;
	overflow:hidden;
	float:right;
	margin-top: -35px;
	margin-right:15px;
}

#collDroite2 #Listing #Contenu #Result img
{
	margin-top: 0px;
	margin-left: 0px;
}

#collDroite2 #Listing #Contenu h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	float:left;
	background-color: #000000;
	margin-right: 3px;
	margin-top: 1px;
}

#collDroite2 #Listing #Contenu h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-left:15px;
}

#collDroite2 #Listing #Contenu h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left:15px;
	margin-top: 37px;
	height: 18px;
	display:block;
	background-image: url(../images/h1menu.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

#collDroite2 #Listing #Contenu h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	margin-left: 5px;
}

#collDroite2 #Listing #Contenu a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
}

#collDroite2 #Listing #Contenu img
{
	margin-left:15px;
}

#collDroite2 #Listing #Contenu input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 36px;
}

#collDroite2 #Listing #Contenu select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	width: auto;
}

#collDroite2 p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
	margin-bottom:15px;
}

#collDroite2 table
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: justify;
}

#collDroite2 input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 165px;
}

#collDroite2 textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 165px;
}

#diaporama {
	float: left;
}

#diaporama img {
	position: absolute;
	border: 0;
	width: 273px;
}

/**********************************************************************************/
/*** Siganture Zook   ************************************************************/

#zooksign
{
	width: 20px;
	top: 0px;
	right: 0px;
	position: absolute;
}
