#mallette_activ{margin: 0 auto; width:444px; height: 522px; position: relative;}
#mallette{margin: 0 auto; top: 6px; left: 45px;}
#mallette_2{margin: 0 auto; position: relative;width:444px; height: 522px; top: -20px; left: 21px;} /*70 */
#mallette_fond{top: 220px; left: 30px;  width: 380px; height: 200px; position: absolute; background: url(../img/fond_mallette.png) repeat center center; z-index: 1; opacity:0.6; filter : alpha(opacity=40); }
#mallette_contenu{top: 280px; left: 0px;  width: 420px; height: 200px; position: absolute; z-index: 2;}
	
	#cgi{position: absolute; top: 0px; left: 345px; z-index: 16;}
	#print_cgi{position: absolute; top: 0px; left: 0px;}
	#text_print_cgi{position: absolute; top: 50px; left: -225px;}
	#a_doc_cgi{position: absolute; top: 280px; left: 345px; z-index: 11; width: 45px; height: 70px; background: url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_cgi{left: 225px;}
	#arrow_cgi{left: 130px;}
	
	#universite{position: absolute; top: 0px; left: 315px; z-index: 15;}
	#print_universite{position: absolute; top: 0px; left: 0px;}
	#text_print_universite{position: absolute; top: 50px; left: -225px;}
	#a_doc_universite{position: absolute; top: 280px; left: 315px; z-index: 11; width: 35px; height: 70px; background: url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_universite{left: 115px;}
	#arrow_universite{left: 205px;}	
	
	#onisep{position: absolute; top: 0px; left: 285px; z-index: 14;}
	#print_onisep{position: absolute; top: 0px; left: 0px;}
	#text_print_onisep{position: absolute; top: 50px; left: -225px;}
	#a_doc_onisep{position: absolute; top: 280px; left: 285px; z-index: 11; width: 55px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_onisep{left: 110px;}
	#arrow_onisep{left: 180px;}
	
	#onisep2{position: absolute; top: 0px; left: 250px; z-index: 13;}
	#print_onisep2{position: absolute; top: 0px; left: 0px;}
	#text_print_onisep2{position: absolute; top: 50px; left: -225px;}
	#a_doc_onisep2{position: absolute; top: 280px; left: 250px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_onisep2{left: 80px;}
	#arrow_onisep2{left: 175px;}
	
	#mycarnet{position: absolute; top: 0px; left: 210px; z-index: 12;}
	#print_mycarnet{position: absolute; top: 0px; left: 0px;}
	#text_print_mycarnet{position: absolute; top: 50px; left: -225px;}
	#a_doc_mycarnet{position: absolute; top: 280px; left: 210px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_mycarnet{left: 65px;}
	#arrow_mycarnet{left: 155px;}
	
	#trophee{position: absolute; top: 0px; left: 175px; z-index: 11;}
	#print_trophee{position: absolute; top: 0px; left: 0px;}
	#text_print_trophee{position: absolute; top: 50px; left: -225px;}
	#a_doc_trophee{position: absolute; top: 280px; left: 175px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_trophee{left: 65px;}
	#arrow_trophee{left: 120px;}
	
	#legume{position: absolute; top: 0px; left: 140px; z-index: 10;}
	#print_legume{position: absolute; top: 0px; left: 0px;}
	#text_print_legume{position: absolute; top: 50px; left: -225px;}
	#a_doc_legume{position: absolute; top: 280px; left: 140px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_legume{left: 55px;}
	#arrow_legume{left: 100px;}
	
	#surgeles{position: absolute; top: 0px; left: 110px; z-index: 9;}
	#print_surgeles{position: absolute; top: 0px; left: 0px;}
	#text_print_surgeles{position: absolute; top: 50px; left: -225px;}
	#a_doc_surgeles{position: absolute; top: 280px; left: 110px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_surgeles{left: 55px;}
	#arrow_surgeles{left: 70px;}
	
	#ouvrier{position: absolute; top: 0px; left: 80px; z-index: 8;}
	#print_ouvrier{position: absolute; top: 0px; left: 0px;}
	#text_print_ouvrier{position: absolute; top: 50px; left: -225px;}
	#a_doc_ouvrier{position: absolute; top: 280px; left: 80px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_ouvrier{left: 55px;}
	#arrow_ouvrier{left: 30px;}
	
	#etudiant{position: absolute; top: 0px; left: 50px; z-index: 7;}
	#print_etudiant{position: absolute; top: 0px; left: 0px;}
	#text_print_etudiant{position: absolute; top: 50px; left: -225px;}
	#a_doc_etudiant{position: absolute; top: 280px; left: 50px; z-index: 11; width: 42px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_etudiant{left: 45px;}
	#arrow_etudiant{left: 20px;}
	
	/* PRODUITS WEB */
	
	#cgicf{position: absolute; top: 0px; left: 310px; z-index: 18;}
	#print_cgicf{position: absolute; top: 0px; left: 0px;}
	#text_web_cgicf{position: absolute; top: 50px; left: -225px;}
	#a_doc_cgicf{position: absolute; top: 280px; left: 310px; z-index: 11; width: 75px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_cgicf{left: 260px;}
	#arrow_cgicf{left: 60px;}
	
	#fncpla{position: absolute; top: 0px; left: 265px; z-index: 17;}
	#print_fncpla{position: absolute; top: 0px; left: 0px;}
	#text_web_fncpla{position: absolute; top: 50px; left: -225px;}
	#a_doc_fncpla{position: absolute; top: 280px; left: 265px; z-index: 11; width: 45px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_fncpla{left: 225px;}
	#arrow_fncpla{left: 50px;}
	
	#oci{position: absolute; top: 0px; left: 220px; z-index: 16;}
	#print_oci{position: absolute; top: 0px; left: 0px;}
	#text_web_oci{position: absolute; top: 50px; left: -225px;}
	#a_doc_oci{position: absolute; top: 280px; left: 220px; z-index: 11; width: 45px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_oci{left: 170px;}
	#arrow_oci{left: 70px;}
	
	#tribu{position: absolute; top: 0px; left: 175px; z-index: 15;}
	#print_tribu{position: absolute; top: 0px; left: 0px;}
	#text_web_tribu{position: absolute; top: 50px; left: -225px;}
	#a_doc_tribu{position: absolute; top: 280px; left: 175px; z-index: 11; width: 45px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_tribu{left: 125px;}
	#arrow_tribu{left: 65px;}
	
	#apprentis{position: absolute; top: 0px; left: 130px; z-index: 14;}
	#print_apprentis{position: absolute; top: 0px; left: 0px;}
	#text_web_apprentis{position: absolute; top: 50px; left: -225px;}
	#a_doc_apprentis{position: absolute; top: 280px; left: 130px; z-index: 11; width: 50px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_apprentis{left: 80px;}
	#arrow_apprentis{left: 65px;}
	
	#univweb{position: absolute; top: 0px; left: 85px; z-index: 13;}
	#print_univweb{position: absolute; top: 0px; left: 0px;}
	#text_web_univweb{position: absolute; top: 50px; left: -225px;}
	#a_doc_univweb{position: absolute; top: 280px; left: 85px; z-index: 11; width: 45px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_univweb{left: 75px;}
	#arrow_univweb{left: 35px;}
	
	#tropheeweb{position: absolute; top: 0px; left: 20px; z-index: 12;}
	#print_tropheeweb{position: absolute; top: 0px; left: 0px;}
	#text_web_tropheeweb{position: absolute; top: 50px; left: -225px;}
	#a_doc_tropheeweb{position: absolute; top: 280px; left: 60px; z-index: 11; width: 25px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_tropheeweb{left: 48px;}
	#arrow_tropheeweb{left: 15px;}
	
	/* PRODUITS VIDEOS */
	
	#exportation-fruits{position: absolute; top: 0px; left: 290px; z-index: 17;}
	#print_exportation-fruits{position: absolute; top: 0px; left: 0px;}
	#text_video_exportation-fruits{position: absolute; top: 50px; left: -225px;}
	#a_video_exportation-fruits{position: absolute; top: 280px; left: 290px; z-index: 11; width: 95px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_exportation-fruits{left:115px;}
	#arrow_exportation-fruits{left: 205px;}
	
	#csif-eu{position: absolute; top: 0px; left: 240px; z-index: 16;}
	#print_csif-eu{position: absolute; top: 0px; left: 0px;}
	#text_video_csif-eu{position: absolute; top: 50px; left: -225px;}
	#a_video_csif-eu{position: absolute; top: 280px; left: 240px; z-index: 11; width: 55px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_csif-eu{left:170px;}
	#arrow_csif-eu{left: 90px;}
	
	#apprentisvideo{position: absolute; top: 0px; left: 195px; z-index: 15;}
	#print_apprentisvideo{position: absolute; top: 0px; left: 0px;}
	#text_video_apprentisvideo{position: absolute; top: 50px; left: -225px;}
	#a_video_apprentisvideo{position: absolute; top: 280px; left: 195px; z-index: 11; width: 50px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_apprentisvideo{left:125px;}
	#arrow_apprentisvideo{left: 90px;}
	
	#tropheevideo{position: absolute; top: 0px; left: 145px; z-index: 14;}
	#print_tropheevideo{position: absolute; top: 0px; left: 0px;}
	#text_video_tropheevideo{position: absolute; top: 50px; left: -225px;}
	#a_video_tropheevideo{position: absolute; top: 280px; left: 145px; z-index: 11; width: 55px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_tropheevideo{left: 45px;}
	#arrow_tropheevideo{left: 130px;}
	
	#portraitvideo{position: absolute; top: 0px; left: 100px; z-index: 13;}
	#print_portraitvideo{position: absolute; top: 0px; left: 0px;}
	#text_video_portraitvideo{position: absolute; top: 50px; left: -225px;}
	#a_video_portraitvideo{position: absolute; top: 280px; left: 100px; z-index: 11; width: 55px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_portraitvideo{left: 65px;}
	#arrow_portraitvideo{left: 55px;}
	
	#musculaire{position: absolute; top: 0px; left: 50px; z-index: 12;}
	#print_musculaire{position: absolute; top: 0px; left: 0px;}
	#text_video_musculaire{position: absolute; top: 50px; left: -225px;}
	#a_video_musculaire{position: absolute; top: 280px; left: 50px; z-index: 11; width: 55px; height: 70px; background:  url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	#ib_musculaire{left: 55px;}
	#arrow_musculaire{left: 30px;}
	
	#portraits{position: absolute; top: 0px; left: 265px;}
	#video_cgi{position: absolute; top: 0px; left: 0px;}
	#a_video_cgi{position: absolute; top: 280px; left: 267px; z-index: 11; width: 60px; height: 70px; background: url(../img/transparent.png) repeat; display: block; text-decoration: none;}
	
#mallette_dessus{top: 0; left: 0; position: absolute; z-index: 10;}
#doc_seeing{top: 300px; left: 25px; position: absolute; z-index: 12;}

#navigation{width: 100%; height: 114px; background: url(../img/navigation.png) no-repeat center; text-align: left;}
#navigation img{position: relative; top: 80px; cursor: pointer;}
#btn_video{left: 195px;}
#btn_web{left: 355px;}
#btn_print{left: 505px;}

/* PANIER */
#cart{position: absolute; top: 200px; left: 430px;width: 287px; height: 187px; background: url(../img/cart.png) no-repeat center;}
.item{cursor: move; z-index: 15;}
#contain_cart{color: #333333; font-weight: bold; font-size: 12px;  position: relative; top: 95px; left: 25px; text-align: left; /*background: yellow*/; width: 230px; height: 80px;}
.img_item{position: relative; top: 4px; *top: 3px;}
#link_cart{position: absolute; top: 60px; left: 100px; color: #333333; font-size: 12px;}

/* PROFIL */
#profil{text-align: left; position: absolute; top: 220px; left: -260px; width: 263px; height: 125px; background: url(../img/profil_card.png) no-repeat center;}
#table_profil{width: 230px; position: relative; top: 30px; left: 10px;}
.td_nom{vertical-align: top; padding: 5px 0 0 15px; color: #999999; font-size: 12px; font-weight: bold;}
.title_orange_card{color: #f5cb9c; font-weight: bold; display: inline-block; margin: 8px 0 0 0;}
.td_photo{width: 70px; vertical-align: top; padding: 5px 0 0 0; }

/*add to cart */
#add_cart{position: absolute; top: 455px; left: -100px;}

/* DELOG */
#delog{position: absolute; top: 125px; left: 400px; width: 287px; text-align: right;}
#delog a{color: #d9770d;}
#info{display: inline-block; padding: 10px; padding-right: 0px; border-top: 1px solid; font-size: 11px; color: #aaaaaa; margin: 5px 0 0 0; text-align: right;}

/* TABLE MA MALLETTE */
#t_contain_mallette{width: 915px; margin: 0 0 20px 0;}
#t_contain_mallette td{padding: 8px 0 5px 26px; font-size: 13px;}
.td_bh{color: #ffffff; font-weight: bold; border-top: 2px solid #d9780e; width: 160px; font-size: 12px;}
.td_fond_gris{background: #f2f2f2;}
.bb_1_gris{border-bottom: 1px solid #999999;}
.orange_d9780e{color: #d9780e;}
.td_detail{}
#td_art{background: #d9780e;}
#td_det{background: #e1933e; width: 160px;}
#td_sect{background: #f0c99f;}
#td_act{background: url(../img/fond_td_action.png) repeat-x center bottom; color: #d9780e;}
.picto_del{position: absolute; top: 30px; left: 20px;}
.picto_del_on{position: absolute; top: 5px; left: -5px;}
.picto_see{position: absolute; top: 35px; left: 90px;}
.picto_see_on{position: absolute; top: 7px; left: 70px;}

.infobulle{position: absolute; top: -40px; height: 45px; z-index: 20; width: 100%; color: #fff; font-weight: bold;}
.span_infobulle{float: left; height: 34px; display: inline-block;}
	.ib_left{width: 16px; background: url(../img/ibulle_g.png) no-repeat top;}
	.ib_center{background: url(../img/ibulle_c.png) repeat-x top; text-align: center;}
	.ib_center span{position: relative; top: 10px;}
	.ib_right{width: 17px; background: url(../img/ibulle_d.png) no-repeat top;}
	.ib_arrow{position: absolute; top: 32px; width: 18px; height: 14px; background: url(../img/ibulle_pic.png) no-repeat center top;}


/* Croix cliquable pour fermer un document */
.click_close{position: absolute; top: 7px; left: 138px; width: 11px; height: 11px; /*background: #8080ff;*/ text-decoration: none; display: inline-block; z-index: 50000;}
.product_web{top: 9px; left: 197px; /*background: #8080ff; */}

/* Texte de présentation des produits */
.item_text{width: 245px; height: 109px; background: url(../img/fond_texte.png) no-repeat center bottom;}
#text_pres{overflow: hidden; width: 170px; height: 80px; position: relative; top: 10px; left: 30px; *left: 30px; text-align: left; color: #666;}
#text_pres span > b{font-size: 12px;}
.arrow_down{position: absolute; top: 85px; left: 5px; cursor: pointer;}
.arrow_up{position: absolute; top: 10px; left: 5px; cursor: pointer;}