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

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
}
html {
  height: 100%;
}

.nodisplay
{
    display: none;
}

.affTaille
{
    display: none;
}

/* 	---------------------
	Pour le responsive =>
	--------------------- */
body { 

	word-wrap: break-word; 
/*	*/	
	height: 100%;
	margin: 0;
	padding: 0;

}

.divBandeau{
	width: 800px;
	/*height: 250px;*/
}

.divBandeauSmall{
	width: 400px;
	height: 100px;/**/
}

pre { white-space: pre-wrap; } /* pour firefox et les <pre> */
/* 	---------------------
	<= Pour le responsive
	--------------------- */

.visuel{
	cursor:url(../img/BoutPlus.png), auto;/* pour obtimiser le truc le mieux c'est que l'image soit de  32/32 px */
	/*cursor:url(../img/cross_i.cur), pointer;*/
}

td img {display: block;}

.menuAncre,
.divAncre{
    /*text-decoration: none;*/
	color:#000000;
	font-size:12px;
	font-weight:bold;
}

.ancreCateg {
padding-top: 100px;/*90px*/
position: relative;
/*top: -40px;
margin-bottom: -40px;*/
}

.ancreSousCateg {
padding-top: 100px;/*90px*/
position: relative;
/*top: -40px;
margin-bottom: -40px;*/
}

.menuAncre:hover {
color:red;
text-decoration: underline;
}

.titreBC{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#1D1D1B;
	vertical-align: middle;
	/*text-align: center;*/
	margin:10;
	/*background-color:#C0C0C0;*/
	border-width:3px 0px 3px 0px;
	border-style:solid;
	border-color:#EDEDED;/**/
	
	
} 

.tabFormLogin{
	background-image:url(../img/fond.jpg);
	background-repeat:repeat-y;
	background-position-y:100px;

/*	
	background-color:#FFFFFF;
	background-image:url(../img/fond.jpg);
	background-repeat:repeat-y;
	background-position:bottom 95px;
	background-position:top 110px;
	background-position-y:110px;
*/

}
/* 	---------------------
	Pour chaque category 
	On va faire un class !=
			=>
	--------------------- */
.catNews{
	background-color:#E20C48;
	background-image:url(../img/fondCatNews.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catMug{
	background-color:#004365;
	background-image:url(../img/fondCatMug.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catSac{
	background-color:#006561;
	background-image:url(../img/fondCatSac.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catNeko{
	background-color:#E75121;
	background-image:url(../img/fondCatNeko.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catLicence{
	background-color:#877E06;
	background-image:url(../img/fondCatLicence.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catGeek{
	background-color:#79257D;
	background-image:url(../img/fondCatGeek.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catJV{
	background-color:#0F2B19;
	background-image:url(../img/fondCatJV.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catFigurine{
	background-color:#8F8271;
	background-image:url(../img/fondCatFigurine.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catFinSerie{
	background-color:#189BD8;
	background-image:url(../img/fondCatFinSerie.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catMugPar3{
	background-color:#004365;
	background-image:url(../img/fondCatMug.png);
	background-repeat:repeat-x;
	height: 88px;
}
.catSweat{
	background-color:#EB690B;
	background-image:url(../img/background-sweats.png);
	background-repeat:repeat-x;
	height: 88px;
}

.catNSDH{
	background-color:#333;
	background-image:url(../img/background-NSDH.png);
	background-repeat:repeat-x;
	height: 88px;
}

/**/
.catSousCat{
	background-color:#FFFFFF;
	background-image:url(../img/fondSousCat.png);
	background-repeat:repeat-x;
	height: 40px;
	/*font-weight:bold;*/
	font-size:30px;
	color:#000000;
	/*margin-right:75px;*/

}

/* 	---------------------
	Pour chaque category 
	On va faire un class !=
			<=
	--------------------- */

.stabiloJaune{
	background-color:#ffff66;
}

.stabiloRouge{
	background-color: #FF6A6A;
}

.tabPlusMoins{
	/*position:relative;
	float: top right inherit;
	position: fixed;*
	margin-bottom:1px;
	margin-left:1px;
	

	position: relative;	*/
	float: right ;
	padding-top: 10px;
    padding-right: 10px;
}

.divOuvert{
 	float:none
	display:block;
	visibility:visible;
}

.divFermer{ 
 	float:none;
	visibility: hidden;
	display:none;
}

.tabCategorie{
	border:1px solid;
	font-weight:bold;
	margin:5 ;
}
.titreCategorie{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:25px;
} 
.descriptionCategorie{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
} 
/*
.titreCategorieEnfant{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-left:55px;
} 
*/
.titreCategorieEnfant{
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-left:2px;
	font-weight: bold;
	color:#897F0D;

}  


.descriptionEnfant{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
} 

.tabInfoClient{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	/*font-weight:bold;*/
}
.souligne{
    text-decoration: underline;
}

.tabInfoNeko{
	/*border:1px solid;*/
	background-color:#FFD525;
}
.texteInfoNeko{
	font-size:10px;
	text-align:center;
}
.tabTotalCommande{
	background-color:#FCC429;
	/*
	background-image:url(../img/paterne.png);
	background-repeat:repeat-x;
	*/
	height:88px; 
}
.fondTotalCommande{
	background-image:url(../img/fondTotalCom.png);
	background-repeat: no-repeat;
	background-position:top left ; 
}
.textTotalCommande{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	/*border:1px solid;*/
}

.tabMenuHaut{
     display: table-cell;
     vertical-align: bottom;
}

.celPrix{
	width: 100px;
	height: 20px;
	background-color:#FFFFFF;
	border-width:2px;
	border-style:solid;
	border-color: #000000;
	padding:2px;
}


.texteSmall,
.celProduit_0,
.celProduit_0Fusion,
.celProduit_1,
.celProduit_1Fusion,
.celProduit_OP_SPE_SM_0,
.celProduit_OP_SPE_SM_0Fusion,
.celProduit_OP_SPE_SM_1,
.celProduit_OP_SPE_SM_1Fusion,

.celBoy,
.celGirl,
.quantiteRef{
	font-size:12px;
}



.celProduit_0,
.celProduit_0Fusion{
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#ECECEC;
	padding:4px;
}

.celProduit_1,
.celProduit_1Fusion{
	background-color:#ECECEC;
	border-width:0px 1px 0px 1px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:4px;
}

.celProduit_OP_SPE_SM_0,
.celProduit_OP_SPE_SM_0Fusion{
	background-color: #FDD;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:4px;
}

.celProduit_OP_SPE_SM_1,
.celProduit_OP_SPE_SM_1Fusion{
	background-color: #FFB0B0;
	border-width:1px;
	border-style:solid;
	border-color:#FFFFFF;
	padding:4px;
}


.celProduit_1Fusion{
	border-width:1px 1px 0px 1px;
}

/**/
.celImage{
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#ECECEC;
	background-color:#FFFFFF;
	text-align:center;
}

.celBoy{
	border-width:1px;
	border-style:solid;
	border-color:#ECECEC;
	background-color:#D9EFFC;
	text-align:center;
}

.celGirl{
	border-width:1px;
	border-style:solid;
	border-color:#ECECEC;
	background-color:#F6C5DC;
	text-align:center;
}
.tabProduit{
	text-align:center;
	width:50px;
/*
	border-bottom:1px solid #000;
	border-top:1px solid #000;
*/
}

.centerTruc{
	text-align:center;
}

div#hdp{
	border:0; 
	position:fixed; 
	top:0px; 
	left:0px; 
	/*right:25px;*/ 

	background-color:#FCC429;/**/
	/*height:40px; */
	height:88px; 
	width:100%;
}

#wrapping { width: 100%; box-sizing: border-box; }


.blocStock{
	border:solid;
	display:block;
	margin-right: 5px;
	width: 18%;
	height:60px;
	word-wrap: break-word; 
	float: right;
	text-align:center;
	vertical-align: middle;
}

/*#hongkiat-form #aligned { */
.infoClientG { 
	box-sizing: border-box; 
	float: left; 
	width: 48%; 
	height:auto;
	margin-right: 20px; 
	text-align: left; 
	/*background-color:#CCCCCC;*/
	display:block;
}

.infoClient { 
	margin-right: 20px;
	box-sizing: border-box; 
	float: left; 
	width: 98%; 
	height:auto;
	text-align: left; 
	/*background-color:#EEEEEE; */
	display:block;
}

/*#hongkiat-form #aside {*/
.infoClientD {
	margin-right: 20px;
	float: right;
	width: 48%;
	height:auto;
	padding: 0;/**/
	box-sizing: border-box;
	text-align: left; 
	/*background-color:#DDDDDD; */
	display:block;
}

.blocText { 
	word-wrap: break-word;
	font-weight:bold;
}

.blocTextRight { 
float: right;
 word-wrap: break-word;
}

.pour100Promo {
	font-size:30px;
	font-weight:bold;
	color:#F00;

}

.fontRed {
	color:#F00;
}



/*
.boutonForm {
	background:url(../img/boutonValiderFR.png) top right no-repeat;
	width:420px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
	
}
*/
.boutonFormFr,
.boutonFormEn,
.boutonFormDe,
.boutonFormPrecoFr,
.boutonFormPrecoEn,
.boutonFormPrecoDe {
	width:420px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
.boutonFormFr{
	background:url(../img/boutonValiderFR.png) top right no-repeat;
}
.boutonFormEn{
	background:url(../img/boutonValiderEN.png) top right no-repeat;
}
.boutonFormDe{
	background:url(../img/boutonValiderDE.png) top right no-repeat;
}
.boutonFormPrecoFr{
	background:url(../img/boutonValiderPrecoFR.png) top right no-repeat;
}
.boutonFormPrecoEn{
	background:url(../img/boutonValiderPrecoEN.png) top right no-repeat;
}
.boutonFormPrecoDe{
	background:url(../img/boutonValiderPrecoDE.png) top right no-repeat;
}

.boutonCommandeFr,
.boutonCommandeEn,
.boutonCommandeDe,
.boutonPrecommandeFr,
.boutonPrecommandeEn,
.boutonPrecommandeDe {
	width:324px;
	height: 106px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
.boutonCommandeFr{
	background:url(../img/commandeEnStockFR.jpg) top right no-repeat;
}
.boutonCommandeEn{
	background:url(../img/commandeEnStockEN.jpg) top right no-repeat;
}
.boutonCommandeDe{
	background:url(../img/commandeEnStockDE.jpg) top right no-repeat;
}
/*
.boutonPrecommandeFr{
	background:url(../img/precommandeFR.jpg) top right no-repeat;
}
.boutonPrecommandeEn{
	background:url(../img/precommandeEN.jpg) top right no-repeat;
}
.boutonPrecommandeDe{
	background:url(../img/precommandeDE.jpg) top right no-repeat;
}
*/
.boutonPrecommandeFr{
	background:url(../img/precommandeFR.gif) top right no-repeat;
}
.boutonPrecommandeEn{
	background:url(../img/precommandeEN.gif) top right no-repeat;
}
.boutonPrecommandeDe{
	background:url(../img/precommandeDE.gif) top right no-repeat;
}

/*
.boutonCrow{
	background:url(../img/boutonNewCommandeFR.png) top right no-repeat;
	width:475px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
	
}
*/
/*
.boutonNewCommande{
	background:url(../img/boutonNewCommandeFR.png) top right no-repeat;
	width:475px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
*/
.boutonNewCommandeFr,
.boutonNewCommandeEn,
.boutonNewCommandeDe{
	width:475px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
.boutonNewCommandeFr{
	background:url(../img/boutonNewCommandeFR.png) top right no-repeat;
}
.boutonNewCommandeEn{
	background:url(../img/boutonNewCommandeEN.png) top right no-repeat;
}
.boutonNewCommandeDe{
	background:url(../img/boutonNewCommandeDE.png) top right no-repeat;
}

.boutonCommandeFr,
.boutonCommandeEn,
.boutonCommandeDe{
	width:324px;
	height: 106px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
.boutonCommandeFr{
	background:url(../img/commandeFR.png) top right no-repeat;
}
.boutonCommandeEn{
	background:url(../img/commandeEN.png) top right no-repeat;
}
.boutonCommandeDe{
	background:url(../img/commandeDE.png) top right no-repeat;
}


/*
.boutonHistoriqueCommande{
	background:url(../img/boutonHistoriqueCommandeFR.png) top right no-repeat;
	width:565px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
*/
.boutonHistoriqueCommandeFr,
.boutonHistoriqueCommandeEn,
.boutonHistoriqueCommandeDe{
	width:565px;
	height: 45px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
.boutonHistoriqueCommandeFr{
	background:url(../img/boutonHistoriqueCommandeFR.png) top right no-repeat;
}
.boutonHistoriqueCommandeEn{
	background:url(../img/boutonHistoriqueCommandeEN.png) top right no-repeat;
}
.boutonHistoriqueCommandeDe{
	background:url(../img/boutonHistoriqueCommandeDE.png) top right no-repeat;
}

/*
.boutonLog{
	background:url(../img/boutonLogFR.png) top right no-repeat;
	width:225px;
	height: 53px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
*/




.boutonLogFr,
.boutonLogEn,
.boutonLogDe{
	width:225px;
	height: 53px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}
.boutonLogFr{
	background:url(../img/boutonLogFR.png) top right no-repeat;
}
.boutonLogEn{
	background:url(../img/boutonLogEN.png) top right no-repeat;
}
.boutonLogDe{
	background:url(../img/boutonLogDE.png) top right no-repeat;
}


.fieldsetLog
{
    border:2px solid #FCC500;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
	min-width:325px;
	max-width:500px;
	min-height:150px;
	max-height:300px;
	font-weight:bold;
}

.fieldsetSimbadmin
{
    border:2px solid #FCC500;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
	min-width:325px;
	max-height:300px;
	font-weight:bold;
	vertical-align:middle;
}



.tabLog{
	width:100%;
	max-width:1101px;
}

.fieldsetLogV2
{
    border:0px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;
	font-weight:bold;
}


.error {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	max-width:500px;
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('../img/error.png');
}


.fieldsetMalLogPass
{
	border:2px solid #FCC500;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	max-width:700px;
	font-weight:bold;
	margin:auto;/**/
}

.fieldsetSearchUser
{
	border:2px solid #FCC500;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	max-width:300px;
	font-weight:bold;
	margin:auto;/**/
}

.fieldsetMAJcsv
{
	border:2px solid #FCC500;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;	
    border-radius:8px;	
	max-width:600px;/**/
	font-weight:bold;
	margin:auto;/**/
}

.inputFile{
	 width: 650px;
}


.innitPrix{
	/*border-bottom:dotted 1px black;*/
	font-weight:bold;	
	cursor:help;
	text-align:center;
	font-size:10px;
}

.inputLog{
 border:1px solid #FCC500;
 float: right;
 width: 70%;
}

.inputLogin{
 border:1px solid #FCC500;
 margin-right: 5px;
 
 width: 180px;
 height: 20px;
}
.inputPassW{
 border:1px solid #FCC500;
 margin-right: 5px;
 
 width: 215px;
 height: 20px;
}
.tdInputLogin{
	background-image:url(../img/form_login/fondLog.jpg);
	background-repeat: no-repeat;
	background-position:top left ;
	max-width: 272px;
	max-height: 31px;

}
.tdInputPassW{
	background-image:url(../img/form_login/fondPass.jpg);
	background-repeat: no-repeat;
	background-position:top left ; 
	max-width: 339px;
	max-height: 31px;


}

.boutonLog{
	background:url(../img/boutonLog.jpg) top right no-repeat;
	width:103px;
	height: 31px;
	padding: 0 0 0 0px;
	cursor: pointer;
	border:0;
}

/**/
#commande-form .txtinput { 
float: right;
width: 65%;
}

#commande-form .txtinput_errore { 
float: right;
width: 65%;

	
	background: #FF9393;
/*

	width: 370px;
	padding: 5px;
	margin: 0 3px 20px 0;
	max-width: 100%;
	display: block;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	box-shadow: 0px 0px 0px 4px #f2f5f7;
	color: #FF9393;

	border: 1px solid #bec2c4;
	font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;

*/

}

#commande-form textarea {
float: right;
width: 70%;
height: 50px;

}

.inputTaille{
	text-align:center;
	/*font-weight:bold;*/
	color: #E2E2E2;
}

.inputSoldOut{
	/*text-align:center;
	font-weight:bold;*/
	color: #F00;
}

.celTitreListeCommande{
	background-color: #FCC429;
	font-weight:bold;
}

.lienDetailCommande{
	color: #FCC429; 
	/*font-weight:bold;*/
	text-decoration:none;
}

.lienDetailCommande:hover{
	color: #CF1122;
	/*font-weight:bold;*/
}

/* Style utilisé dans l'admin... pour distinguer l'état de la commande... voir si on affiche de meme au client...*/
.statuts_commande_1{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_2{
	background-color: #EB6B74;/* #FF0000 *//* #CF1021 */
}
.statuts_commande_3{
	background-color: #ED7B44;/* FF9900 *//* #E75221 */
}
.statuts_commande_4{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_5{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_6{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_7{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_8{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_9{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_10{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_11{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_12{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_13{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_14{
	/*background-color: #FFFFFF;*/
}
.statuts_commande_15{
	background-color: #A09738;/* #009900 *//* #867D06 */
}
.statuts_commande_16{
	background-color: #CCCCCC;/* #009900 *//* #867D06 */
}
.statuts_commande_17{
	background-color: #FFFF99;/* #009900 *//* #867D06 */
}
.statuts_commande_18{
	background-color: #6699FF;/* #009900 *//* #867D06 */
}


/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }