/*=======================================================================================
--------------------------------------------------------------HOTDOLL--------------------------------------
=======================================================================================*/
body{
	width:100%;
	margin:0px;
	padding:0px;
	padding-bottom:15px;
	background-color:#393838;
	font-family: Century Gothic, Arial, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}


/*---------------Uniformisation des navigateurs---------------*/
p{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
	margin:0px;
	padding:0px;
	outline:0px;
}

h1{
	margin:0px;
	padding:0px;
	font-size:1.4em;
}

h2{
	margin:0px;
	padding:0px;
	color:#9D2C2D;
	font-size:1.3em;
	font-weight:normal;

}

h3{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:1.2em;
	font-weight:normal;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	margin:0px;
	padding:0px;
}

form{
	padding:0px;
	margin:0px;
}

label{
	cursor:pointer;
}

input{
	padding:0px;
	margin:0px;
}


/*---------------Les classes classqiues---------------*/

.both{
	clear:both;
}

.gauche{
	float:left;
}

.droite{
	float:right;
}

.hand{
	cursor:pointer;
}

.enAttente{
	display:none;
}

.centrerTexte{
	text-align:center;
}


/*---------------------------------------------------------
Page
---------------------------------------------------------*/
#page{

	margin:auto;
	width:976px;
	background-color:#5E5E5E;
	padding-bottom:1px;
}


/*---------------------------------------------------------
Bandeau Supérieur
---------------------------------------------------------*/
#tete{
	position:absolute;
	z-index:100000;
	width:976px;
	height:323px;
	background-color:#000000;
}

/*---------------------------------------------------------
Menu
---------------------------------------------------------*/
#logo{
	position:absolute;
	z-index:100000;
	top:30px;
	left:30px;
}

#flashMenu{
	position:absolute;
	z-index:1;
	height:322px;
	overflow:hidden;
}

#flashMenuInt{
	line-height:0px;
	font-size:0px;
}

#flashMenuBtn{
	position:absolute;
	top:290px;
	left:30px;
	z-index:1000;
}

#menu{
	position:absolute;
	padding-top:271px;
	padding-left:172px;
	z-index:10;
}

#menuInt{
	padding-left:35px;
	width:769px;
	height:52px;
	background-image:url('/images/fond-menu.png');
	background-repeat:no-repeat;
}

.menuDrapeauItem{
	padding-top:18px;
	padding-right:5px;
}

.menuItem{
	padding:5px 5px 0px 5px;
}

.menuImg{
	vertical-align:8px;
}

#sousMenu1Global{
	position:absolute;
	z-index:100000000;
	top:300px;
	left:250px;
}

#sousMenu2Global{
	position:absolute;
	z-index:100000000;
	top:300px;
	left:790px;
}

#sousMenu3Global{
	position:absolute;
	z-index:100000000;
	top:300px;
	left:625px;
}

.sousMenu{
	width:202px;
}

.sousMenuHaut{
	width:202px;
	height:25px;
	background-image:url('/images/fond-menu-on-haut.png');
	background-repeat:no-repeat;
}

.sousMenuCentre{
	width:202px;
	background-image:url('/images/fond-menu-on-centre.png');
}

.sousMenuBas{
	width:202px;
	height:33px;
	background-image:url('/images/fond-menu-on-bas.png');
	background-repeat:no-repeat;
}

.sousMenuItemTitre{
	margin-left:16px;
	padding-bottom:5px;
}

.sousMenuItemSeparateur{
	margin-left:16px;
	padding-top:8px;
	padding-bottom:8px;
}

.sousMenuItem, .sousMenuItem2{
	margin-left:10px;
	padding-left:20px;
	width:151px;
	padding-top:1px;
	padding-bottom:1px;
	cursor:pointer;
}

/*---------------------------------------------------------
Colonne gauche
---------------------------------------------------------*/
#corpsColonneGauche{
	width:270px;
	padding-left:5px;

}

.ccgEncadre{
	padding-left:10px;
	background-color:#353535;
	margin-bottom:10px;
	width:249px;
}

.titreEncadre{
	font-weight:bold;
	letter-spacing:0.1em;
}

#chargement{
	padding-top:3px;
	padding-right:5px;
}

#panierVide{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

#cgInfosIco{
	width:259px;
	height:60px;
	background-image:url('/images/fond-cg-icone.png');
	background-repeat:no-repeat;
}

.cgInfosIcoGauche{
	padding-top:12px;
	padding-left:45px;
}

.cgInfosIcoDroite{
	padding-top:12px;
	padding-left:85px;
}

#cgFlash{
	padding-top:5px;
	padding-bottom:5px;
	margin-left:-6px;
}

.blogBloc{
	border-bottom:dashed 1px #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:15px;
}

.blogPost{
	color:#999999;
	font-style:italic;
}

#twitter_div li{
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:15px;
	border-bottom:dashed 1px #FFFFFF;
}

#twitter_div span{
	color:#999999;
	text-align:justify;
}

#twitter_div a{
	margin-left:160px;
	text-align:right;
	font-style:italic;
	color:#FFFFFF;
}

#twitter_div span a{
	margin-left:0px;
	font-style:italic;
	color:#CCCCCC;
}


/*---------------------------------------------------------
Corps
---------------------------------------------------------*/
#corps{
	padding-top:338px;
	padding-bottom:15px;
}

#corpsContenu{
	width:680px;
	text-align:justify;
	padding-right:15px;
}

#corpsContenu ul{
	margin:8px 0px 8px 20px;
}

#corpsContenu p{
	padding-top:10px;
}

.accueilImg{
	width:523px;
	margin:auto;
	padding:10px 0px 10px 0px;
}


/*---------------------------------------------------------
Liste produits
---------------------------------------------------------*/
#filArianeHot{
	color:#FFFFFF;
	font-size:1.1em;
	padding-left:4px;
	padding-bottom:4px;
}


#filArianeInouy{
	color:#AEADAD;
	font-size:1.1em;
	padding-left:4px;
	padding-bottom:4px;
}

#listeProduit{
	position:absolute;
	z-index:1000;
}

#fleur{
	position:absolute;
	z-index:1;
	width:175px;
	height:350px;
	margin-left:526px;
	background-image:url('/images/img-fleur-inouy.png');
	background-repeat:no-repeat;
}

.produitItem{
	width:125px;
	height:198px;
	margin-right:15px;
	margin-bottom:15px;
	padding:7px 15px 5px 15px;
	background-image:url('/images/fond-item-produit.png');
	background-repeat:no-repeat;
}

.produitItemTitre{
	color:#000000;
	height:32px;
	font-weight:bold;
	font-family:arial;
	text-align:center;
}

.produitItemImage{
	height:135px;
	overflow:hidden;
}

.produitItemPrix{
	padding-top:5px;
	color:#000000;
}

.produitItemAjout{
	padding-top:2px;
	cursor:pointer;
}


.produitItemRetrait{
	padding-top:2px;
	padding-right:3px;
	cursor:pointer;
}


/*---------------------------------------------------------
Produit
---------------------------------------------------------*/
#produit{
}

#produitPrix{
	background-image:url('/images/fond-produit-prix.png');
	margin-top:-27px;
	padding-top:2px;
	margin-left:530px;
	height:38px;
	width:125px;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
}

.ligne{
	height:28px;
}

.inputLibelle{
	float:left;
	width:397px;
	padding-top:4px;
	font-size:1.1em;
	padding-right:3px;
	text-align:right;
}

.inputSaisie{
	float:left;
	width:400px;
}

#produitChapo{
	width:500px;
	padding-top:20px;
	text-align:justify;
	font-weight:bold;
}

#produitDescription{
	width:500px;
	padding-top:20px;
	text-align:justify;
}

#produitPs{
	width:500px;
	padding-top:20px;
	text-align:justify;
}

#photoGalerie{
	padding-left:40px;
}

#photoSup{
	background-image:url('/images/btn-photo-sup.png');
	background-repeat:no-repeat;
	width:100px;
	height:21px;
	padding-bottom:10px;
}

#photoInf{
	background-image:url('/images/btn-photo-inf.png');
	background-repeat:no-repeat;
	width:100px;
	height:21px;
}


/*---------------------------------------------------------
Communaute
---------------------------------------------------------*/
.messageCommunauteHaut{
	width:347px;
	height:13px;
	background-image:url('/images/fond-communaute-haut.png');
	background-repeat:no-repeat;
}

.messageCommunauteMilieu{
	width:347px;
	background-repeat:repeat-y;
	background-image:url('/images/fond-communaute-centre.png');
	padding:20px;
	padding-top:10px;
}

.messageCommunauteBas{
	width:347px;
	height:18px;
	background-image:url('/images/fond-communaute-bas.png');
	background-repeat:no-repeat;
}

.inputTextCommunaute {
	background-color:#AFAFAF;
	border:1px solid #373636;
	padding:3px 0px 3px 2px;
}
.btnPoster{
	width:70px;
	padding:3px 0px 2px 0px;
	background-color:#373636;
	border:1px solid #AFAFAF;
	color:#000000;
	text-align:center;
	font-size:1.1em;
	cursor:pointer;
}

.pagination
{
	margin-bottom:15px;
	padding-left:5px;
}
.infoMsg {
	margin-bottom:20px;
}
.unMessageCommunaute{
	float:left;
	width:345px;
	color:black;
}
.miniPhotoChien {
	background-image:url('images/fond-item-produit.png');
	float:left;
	margin-right:5px;
	margin-top:5px;
}

.textCommunaute{
	text-align:justify;
	padding-right:40px;
}
/*---------------lightbox---------------*/
#lightbox{

	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{
	float: left;
}
#keyboardMsg{
	float: right;
	color:black;
}

#lightbox img{
	border: none;
}
#overlay img{
	border: none;
}
#overlay{
	background-image: url(/images/overlay.png);
}

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
/*---------------------------------------------------------
Bandeau Inferieur
---------------------------------------------------------*/
#pied{
	margin:auto;
	width:974px;
	padding-top:15px;
	padding-bottom:2px;
	background-color:#393838;
}

#piedGauche{
	padding-left:15px;
	padding-right:25px;
	width:130px;
	font-size:0.9em;
}

#piedTexte{
	padding-left:15px;
	text-align:justify;
	width:480px;
	height: 140px;
	overflow: auto;
}

#piedTexte p{
	margin-bottom: 7px;
}

#piedGauche div{
	padding-top:2px;
	padding-bottom:2px;
}

.inputText{
	width:200px;
	background-color:#AFAFAF;
	border:2px solid #373636;
	padding:3px 0px 3px 2px;
}

.btnEnvoyer{
	width:70px;
	padding:3px 0px 2px 0px;
	background-color:#AFAFAF;
	border:2px solid #373636;
	color:#000000;
	text-align:center;
	font-size:1.1em;
	cursor:pointer;
}

/*---------------------------------------------------------
Espace Client
---------------------------------------------------------*/
.ligneSeparatrice{
	width:100%;
	height:2px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}

.ligneSeparatriceFine{
	width:100%;
	height:1px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#FFFFFF;
}

.formGlobal{
	width:455px;
	margin:auto;
}

.formLigne{
	min-height:30px;
}

.formLibelle{
	float:left;
	width:200px;
	text-align:right;
	padding-right:3px;
	padding-top:3px;
}

.formInput{
	float:left;
	width:250px;
}

.formInputTexte{
	background-color:#AFAFAF;
	border:1px solid #373636;
	padding:3px 0px 3px 2px;
}

.formBtn{
	margin:auto;
	width:100px;
	padding:3px 0px 2px 0px;
	background-color:#AFAFAF;
	border:2px solid #373636;
	color:#000000;
	text-align:center;
	font-size:1.1em;
	cursor:pointer;
}

.formChampsObligatoires{
	color:#FFFFFF;
	font-weight:bold;
	font-style:italic;
	font-weight:bold;
}

.formObligatoire{
	width:250px;
	text-align:left;
	padding-bottom:3px;
	color:#FF4D00;
	font-weight:bold;
}


/*---------------------------------------------------------
Liens
---------------------------------------------------------*/
a{
	text-decoration:none;
	color:#FFFFFF;
}

a:hover{
	text-decoration:underline;
}

a.liensPied{
	color:#FFFFFF;
}

a.liensGestion{
	color:#999999;
	font-size:0.9em;
}

a.liensSousMenu{
	color:#FFFFFF;
}

a.liensSousMenu:hover{
	text-decoration:none;
}

a.liensProduitItemTitre{
	color:#000000;
}

a.liensProduitItemTitre:hover{
	text-decoration:none;
}

a.liensPanierProduit{
	color:#FFFFFF;
}

a.liensPanierProduit:hover{
	text-decoration:none;
}

a.liensPanierCaisse{
	color:#ff4d00;
	font-weight: bold;
}

a.liensPanierCaisse:hover{
	text-decoration:none;
	color:#ffffff;
	font-weight: bold;
}

a.liensFilArianeHot{
	color:#FFFFFF;
}

a.liensFilArianeInouy{
	color:#AEADAD;
}

a.liensInscription{
	color:#B1D235;
}

a.liensCompte{
	color:#FFFFFF;
}