/************  menu sac ***************/
body{
	scrollbar-face-color: #333333; 
	scrollbar-shadow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #666666; 
	scrollbar-darkshadow-color: #999999; 
	scrollbar-track-color: #666666; 
	scrollbar-arrow-color: #666666;
	
	margin:0;
	padding:0;
	border:0;
	
	font-family: Century gothic, Arial, Verdana, Helvetica, sans-serif;
}

.menuSacCell a, .menuSacCell a:link, .menuSacCell a:visited{
	display:block;
	margin:7px 0 0 0;
}


#ssmenu0{
	display:block;
	padding:0 0 0 13px;
	overflow:hidden;
	float:left;
	width:310px;
}

#ssmenu1{
	display:block;
	height:0px;
	overflow:hidden;
	float:left;
}

#ssmenu2{
	display:block;
	width:320px;
	float:left;
	height:0px;
	overflow:hidden;
}

#accordeon{
	margin:10px 0 0 0;
	height:420px;
	float:left;
	overflow:hidden;
}

h3.atStart{
	float:left;
}

h3.atStart img{
	margin:0px 0 0px 10px; 
	cursor:pointer;
}

#importImgPerso{
	float:left;
	overflow:hidden;
	height:100px;
	width:320px;
}

#iframeAjouterImg{
	margin:5px 0 0 15px;
}

#liste_fonds{
	padding:0 0 0 15px;
	float:left;
	width:300px;
}

#conteneurFiltres{
	margin:0 0 10px 15px;
}





/***************************************** Onglet ****************************************/

/**** info pour l'envoi de fichier perso ***/
#demo-status span.infoChamp{
	font-size:0.9em;
	font-weight:bold;
	color:#777777;
}


a.menu{
	height:20px;
}

td.menu{
	height:20px;
}

/* div chargement durant uplaod de l'image de l'internaute */ 
#load{
	width:280px;
	height:40px;
	text-align:center;
	padding:5px 0 0 0;
	font-weight:bold;
	font-size:10px;
	border: 2px solid #FF9900;
}

#image_load_bar{
	margin:7px 0 0 0;
}

#bgApplet{
	display: none;
}

#SomeElementId{
	width:280px;
	margin:0 0 0 10px;
}

/* texte de choix menu fond pour le telechargement du patron  */
.texte_centre{
	text-align: center;
	margin:0px;
	padding:0 0 10px 0;
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #df8d3b;
}

.texte_centre img{
	margin:0;
	padding:0;
}


#mess_no_java{
	padding:20px;
	z-index:1000;
	font-weight:bold;
	background-color:#FF9900;
	color:#FFFFFF;
	margin:200px 0 0 0;
}

#bouton_aide, #bouton_aide:link, #bouton_aide:visited{
	float:right;
	display:block;
	width: 56px;
	height: 58px;
	background-image:url("../images/bouton_aide.jpg");
	background-position:0px 0px;
	margin: 0 0 0 5px;
}

#bouton_aide:hover{
	background-position:0px 58px;
}



.boutonChoixModele{
	cursor: pointer;
}

.menuSacLinkBouton, .menuSacLinkBouton:link{
	border: none;
	display:block;
}

.menuSacLinkBouton img{
	border:none;
}

.menuSacLink, .menuSacLink:link, .menuSacLink:visited {
	color: #FFFFFF;
	font-size:14px;
}

.description_sac{
	margin-top : 5px;
	margin-left:  10px;
	font-size: 14px;
	background : #FFFFFF;
	}
	
.menuDeroul{
	background-color : #FFFFFF;
	font-size: 10px;
}
/*.file{
	color:#333333;
    background-color : #FFFFFF;
	font-size: 10px;
	border : 1px solid black;
	margin:0 0 0 20px;
}*/
.bouton{
	font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	border : 1px solid black;
	
}
.boutonValid{
	color : #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	border: 2px outset #c0c0c0;
	
	background-color: #333333;
	
}
.boutonValid:hover{
    border: 2px inset #c0c0c0;
}

.intro{
    font-size: 14px;
}
.label{
    font-size: 11px;
}
.cellArtiste{
    font-size: 10px;
}
.littleInfo{	
	display: block;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 0 0 20px;
}

.littleInfo ul{
	margin:0;
	padding:0 0 0 35px;
}

.titre_fleche{
	font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #df8d3b;
	padding:5px 0 0 0;
	text-align:center;
}

div.titre_fleche{
	margin:0 0 15px 0;
	padding:0;
	width:290px;
}

div.titre_fleche img{
	float:left;
	padding:0 0 0 5px;
	margin:0;
}

.texteblanc{
font : 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ffffff;
}
.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-size: 10px;
	/*background-color: #FFFFCC;*/
	
}

.cellInfoPrix{
	height: 30px;
	background-color:#666666;
	color:#fe6700;
	font-weight:bold;
}

.cellInfoPrix2{
	background-color: #4a4a48;
}
 
#divBtnDlPatron{
	float:left;
	text-align:center;
	margin:0px 0 0 12px;
	display:inline;
	width:285px;
}

#divBtnDlPatron p{
	font-size:0.8em;
	margin:5px 0 10px 5px;
}

#divBtnDlPatron p a{
	float:left;
}

#btn_dl_didacticiel, #btn_dl_didacticiel:link, #btn_dl_didacticiel:visited{
	float:left;
	display:inline;
	margin:0 20px 0 70px;
	width: 74px;
	height:20px;
	background-image:url("../images/btn_didacticiel_dl.gif");
	background-position:0px 0px;
}

#btn_dl_didacticiel:hover{
	background-position:0px 20px;
}

#btn_dl_patron, #btn_dl_patron:link, #btn_dl_patron:visited{
	float:left;
	display:inline;
	margin:0 0 0 110px;
	width: 74px;
	height:20px;
	background-image:url("../images/btn_patron_dl.gif");
	background-position:0px 0px;
	position:relative;
}

#btn_dl_patron:hover{
	background-position:0px 20px;
}

#infoprix{
	width: 330px;
	height: 70px;
	/*position:absolute;
	bottom:0px;*/
}

/*   informations produit */
div.style40{
	width: 305px !important;
	width: 315px;
	height: 60px;
	overflow: auto;
	padding:0 5px 0 5px;
	font-weight:normal;
}

div.style40 a, div.style40 a:link, div.style40 a:visited{
	color:#AAEE00;
	font-weight:bold;
}

#overDiv{
	position:absolute;
	visibility:hidden;
	z-index:1000;
}

a.link_roll{
	color:red;
	display:block;
	text-align:center;
}

#vignette_aide, #vignette_aide:link, #vignette_aide:visited{
	display:block;
	float:left;
	width:53px;
	height:43px;
	background-image:url("../images/vignette_aide.jpg");
	background-position:0px 0px;
}

#vignette_aide:hover{
	background-position:0px 43px;
}

#vignette_java, #vignette_java:link, #vignette_java:visited{
	display:block;
	float:left;
	width:53px;
	height:43px;
	background-image:url("../images/vignette_java.jpg");
	background-position:0px 0px;
}

#vignette_java:hover{
	background-position:0px 43px;
}

#vignette_flash, #vignette_flash:link, #vignette_flash:visited{
	display:block;
	float:left;
	width:53px;
	height:43px;
	background-image:url("../images/vignette_flash.jpg");
	background-position:0px 0px;
}

#vignette_flash:hover{
	background-position:0px 43px;
}

#vignette_gimp, #vignette_gimp:link, #vignette_gimp:visited{
	display:block;
	float:left;
	width:49px;
	height:35px !important;
	height:43px;
	background-image:url("../images/vignette_gimp_off.jpg");
	border:2px solid #4A4A48;
}

#vignette_gimp:hover{
	border:2px solid #FF9900;
}

#vignette_wisiwyg, #vignette_wisiwyg:link, #vignette_wisiwyg:visited{
	display:block;
	float:left;
	width:53px;
	height:39px !important;
	height:43px;
	background-image:url("../images/vignette_wiziwyg.gif");
	border:2px solid #4A4A48;
}

#vignette_wisiwyg:hover{
	border:2px solid #FF9900;
}

#vignette_demo_jeux, #vignette_demo_jeux:link, #vignette_demo_jeux:visited{
	display:block;
	float:left;
	width:49px;
	height:39px !important;
	height:43px;
	background-image:url("../images/vignette_demo_jeu.jpg");
	border:2px solid #4A4A48;
}

#vignette_demo_jeux:hover{
	border:2px solid #FF9900;
}

/*-******************************************************** NEW MENU *********************************************************************/

#menu{
	float:left;
	height:550px;
	background-color:#666666;
	background-image:url("../images/menu/bg_menu.gif");
	background-repeat:no-repeat;
	color:#FFFFFF;
}

#listeTriModeles{
	float:left;
	font-size:0.9em;
	margin:5px 0 0 20px;
	display:inline;
}

#listeTriModeles .label_liste{
	float:left;
	width:100px;
}

#listeTriModeles .filtre_liste{
	float:left;
}

#filtreCategorie{
	padding:0;
	margin:0;
	width:150px;
}

#filtre2{
	padding:0;
	margin:0;
	width:150px;
}

#frame_menu{
	
	
}

/*************** Conteneur des onglets ***************/
#boutons_onglets{
	float:left;
	height:51px;
	padding:0 0 0 0px;
	margin:0 0 0 15px;
	display:inline;
}

/******** Onglet Choix des mod�les ******/
#titre0, #titre0:link, #titre0:visited{
	display:block;
	width:95px;
	height:51px;
	float:left;
	background-position:0px 0px;
}

/*#titre0:hover{
	background-position:0px 51px;
}*/

/********* Onglet Choix des fonds *************/
#titre1, #titre1:link, #titre1:visited{
	display:block;
	width:95px;
	height:51px;
	float:left;
	background-position:0 0;
}

/*#titre1:hover{
	background-position:0 51px;
}*/

#conteneurInfosFond{
	height:120px;
}

#conteneurInfosFond h5{
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#infosFond{
}

/************ Onglet Aide ***********/
#titre2, #titre2:link, #titre2:visited{
	display:block;
	width:95px;
	height:51px;
	float:left;
	background-position:0 0;
}

/*#titre2:hover{
	background-position:0 51px;
}*/

/********************************* AIDE *****************************************/
.bloc_aide{
	width:270px;
	margin:10px 0 0 15px !important;
	margin:10px 0 0 8px;
	padding:5px;
	border:2px solid #666666;
	float:left;
}

.bloc_aide a{
	margin:0 5px 2px 0;
}

.description_aide{
	color:#FFFFFF;
	font-size:12px;
	width:210px;
	float:right;
}


/********************************** APPLET JAVA **************************************/
#lien_chargement_applet{
	display:block;
	height:30px;
	padding:0px 0 0 -7;
	background-color:#FF9900;
	color:#333333;
	text-align:center;
}

#preloadApplet{
	margin:0px 0 0 0px;
}


/******ROLLOVER SUR LES IMAGES POUR AVOIR PLUS D'INFO SUR LES PRODUITS*****/


.bt_produit_infos, .bt_produit_infos:link, .bt_produit_infos:visited{
	float:right;
	margin:0;
	padding:0;
	width: 27px;
	height: 27px;
	background-position:0px 0px;
	background-color:#CCCCCC;
}

.bt_produit_infos:hover{
	background-position:0px 27px;
}



#lien_photos_send, #lien_photos_send:link, #lien_photos_send:visited{
	color:black;
	font-weight:bold;
}

/******************** div qui empeche les actions sur le menu lorsqu'on est en modif *****************/
#hideMenu{
	width:320px;
	height:555px;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/bgHideMenu2.jpg);
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
	
}

#hideMenu2{
	width:320px;
	height:555px;
	z-index:2;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../images/bgHideMenu3.jpg);
	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
	
}


/************************** INFOS PRIX ******************************/

#conteneurInfosPrix{
	position:absolute;
	bottom:9px !important;
	bottom:4px;
	left:9px;
	height:42px;
	width:320px;
	color:white;
	font-size:0.8em;
}

#conteneurInfoPrixTotal{
	float:left;
	text-align: center;
	line-height: 1.1;
	width:90px;
	height:42px;
	background-image:url('../images/fond_info_prix.gif');
}

#span_prix_total{
	color:orange;
}

#conteneurPrixSepares{
	float:left;
	text-align: center;
	line-height: 1.1;
	width:110px; 
	height:42px;
	margin:-20px 0 0px 5px;
	display:inline;
}

*html #conteneurPrixSepares{
	margin:-15px 0 0px 5px;
}
/********************* bouton en savoir + *******************************/

#enSavoir,#enSavoir:link,#enSavoir:visited{
	float:left;
	padding:0 0 0 0;
	margin:0px 0 0 37px;
	width:63px;
	height:47px;
	display:inline;
	background-position:0 0;
}
#enSavoir:hover{
	background-position:0 47px;
}