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

#fiche .visu_prod{ width:250px; _width:230px; }
#fiche .visu_prod .FicheImage{ width:230px; margin:25px auto 0 auto; }
#fiche .point_fort{ padding:30px 10px 0 10px; height:208px; font-size:14px; color:#fff; background:transparent url(../images/fiche/fiche_desc.png) repeat-x top;}
#fiche .nom_prod{ font-size:22px; font-weight:bold; }
#fiche #screenshot{ 
	height:84px;
	background:#092b53 url(/images/fiche/screen_bg.jpg) repeat-x top;
}
#fiche .price{text-align:center; width:auto; padding-top:5px; font-size:31px; }
#fiche.entreprise .price, #fiche.education .price{ width:auto; }

/*#fiche .price span{font-size:12px; font-weight:bold; }*/
#fiche .price strong{font-size:12px; }

#fiche .block_achat { padding:0; }
#fiche .block_achat a.tele{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	display:block;
	background-position:top center;
	background-repeat:no-repeat;
	padding:35px 0 0 0;
	text-align:center;
	height:50px;
	text-decoration:underline;
}
#fiche .price a.bt_panier{ 
	color:#fff;
	font-size:14px;
	font-weight:bold;
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	height:34px;
	width:140px;
	line-height:34px;
	cursor:pointer;

 }

#fiche.entreprise a.bt_panier{ background-image:url(/images/commun/vert_bouton.png); behavior:url(/css/iepngfix.htc);}
#fiche.famille a.bt_panier{ background-image:url(/images/commun/rose_bouton.png); behavior:url(/css/iepngfix.htc);}
#fiche.education a.bt_panier{ background-image:url(/images/commun/violet_bouton.png); behavior:url(/css/iepngfix.htc);}

#fiche #screenshot{ color:#fff; }
#fiche #screenshot .charte{ width:300px; padding:0 15px 0 15px; margin-top:10px; position:relative; border-right:solid 1px #1a3f6b; height:67px; }
#fiche #screenshot .charte a.enfant{ background:transparent url(../images/fiche/charte_enfant.png) no-repeat left top; _background:transparent url(../images/fiche/charte_enfant.gif) no-repeat left top; padding-left:70px; display:block; height:67px; width:110px; text-align:left; position:absolute; left:10px; color:#16adcf; font-weight:bold; }
#fiche #screenshot .charte a.parent{ background:transparent url(../images/fiche/charte_parent.png) no-repeat right top; _background:transparent url(../images/fiche/charte_parent.gif) no-repeat right top; padding:35px 70px 0 0; display:block; height:32px; width:110px; text-align:right; position:absolute; left:135px; color:#ed99c4; font-weight:bold; }

#screenshot .screen{ height:50px; overflow:hidden; }


#fiche.famille #screenshot .screen{ width:410px; margin:10px; padding:10 10px 0 10px; float:left; color:#f46bb0; text-align:center; font-weight:bold; }
#fiche.entreprise #screenshot .screen{ padding:10px 10px 0 10px; color:#8db613; font-weight:bold; text-align:center; }
#fiche.education #screenshot .screen { padding:10px 10px 0 10px; color:#bb9cde; font-weight:bold; text-align:center; }
.pageFiche{
	visibility:hidden;
	height:100px;
	width:100%;
	overflow:scroll;
	position:absolute;
}
/*-------------------------------------FICHE EFFECT------------------------------*/


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}



/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/

.scrollable {
	position:relative;
	overflow:hidden;
	border:1px solid #ccc;
}



#fiche.famille .scrollable {

	width:320px;
	height:50px;
}


#fiche.entreprise .scrollable, #fiche.education .scrollable {

	width:610px;
	height:50px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0 5px 0 21px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	



/*-------------------------------------FICHE EFFECT STOP------------------------------*/
#fiche.entreprise a.bt{ background-image:url(/images/commun/vert_bouton.png); behavior:url(/css/iepngfix.htc);}
#fiche.famille a.bt{ background-image:url(/images/commun/rose_bouton.png); behavior:url(/css/iepngfix.htc);}
#fiche.education a.bt{ background-image:url(/images/commun/violet_bouton.png); behavior:url(/css/iepngfix.htc);}

#fiche.famille a.bt_renew{
	color:#fff;
	font-size:28px;
	font-weight:bold;
	display:block;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	height:34px;
	width:180px;
	line-height:34px;
	cursor:pointer;
	 background-image:url(/images/commun/rose_bouton_renew.png); behavior:url(/css/iepngfix.htc);
}


#fiche.entreprise .point_fort, #fiche.education .point_fort{ width:470px; margin:10px 20px 0 0; }
#fiche.entreprise .point_fort li, #fiche.entreprise .TabbedPanelsContentGroup li{ list-style-image:url(../images/fiche/vert_puce.gif); }
#fiche.education .point_fort li, #fiche.education .TabbedPanelsContentGroup li{ list-style-image:url(../images/fiche/violet_puce.gif); }
#fiche.famille .point_fort{ width:380px; margin:10px 10px 0 0; }
#fiche.famille .point_fort li, #fiche.famille .TabbedPanelsContentGroup li{ list-style-image:url(../images/fiche/rose_puce.gif); }
#fiche.famille .presse_prod{ width:110px; margin-left:5px; text-align:center; }

#fiche.famille .nom_prod{ color:#f59619; }
#fiche.entreprise .nom_prod, #fiche.education .nom_prod{ color:#000; }

#fiche.famille .desc_prod{ font-family:"CooperBlackStd"; font-size:18px; color:#0e315a; line-height:25px; }
#fiche.entreprise .desc_prod{ font-family:"Eurostib"; font-size:18px; color:#246c0c; line-height:25px; }
#fiche.education .desc_prod{ font-family:"Eurostib"; font-size:18px; color:#8c56c7; line-height:25px; }

#fiche.entreprise .block_achat a.tele{ background-image:url(/images/commun/vert_picto_telecharger.png);  _background-image:url(/images/commun/vert_picto_telecharger.gif); }
#fiche.education .block_achat a.tele{ background-image:url(/images/commun/violet_picto_telecharger.png);  _background-image:url(/images/commun/violet_picto_telecharger.gif); }
#fiche.famille .block_achat a.tele{ background-image:url(/images/commun/rose_picto_telecharger.png); _background-image:url(/images/commun/rose_picto_telecharger.gif); }


#fiche_description{ margin-top:20px;}

#fiche_description p{ _width:95%; }
#fiche_description ul{ _width:90%;  }




.TabbedPanels{ width:98%; }
.TabbedPanelsTabGroup {
	height: 37px;
	padding:0 0 0 10px;
	margin:0;

}

.TabbedPanelsTab {
	float: left;
	height: 37px;
	background-image:url(../images/fiche/bleu_left.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 0px 10px 0px 0px;
	padding:0;
	list-style: none;
	cursor: pointer;
}
.TabbedPanelsTab a{
	display:block;
	height: 37px;
	_width:150px;	
	margin-left:15px;
	padding-right:20px;
	_padding-left:0px;
	background-image:url(../images/fiche/bleu_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	font-size:14px;
	line-height:37px;
	text-decoration: none;
}
#fiche.famille .TabbedPanelsTabSelected {
	background-image:url(../images/fiche/rose_left.jpg);
	cursor:default;
}
#fiche.famille .TabbedPanelsTabSelected a {
	display:block;
	height: 37px;
	margin-left:15px;
	background-image:url(../images/fiche/rose_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	cursor:default;
}

#fiche.entreprise .TabbedPanelsTabSelected {
	background-image:url(../images/fiche/vert_left.jpg);
	cursor:default;
}

#fiche.entreprise .TabbedPanelsTabSelected a {
	display:block;
	height: 37px;
	margin-left:15px;
	background-image:url(../images/fiche/vert_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	cursor:default;
}

#fiche.education .TabbedPanelsTabSelected {
	background-image:url(../images/fiche/violet_left.jpg);
	cursor:default;
}

#fiche.education .TabbedPanelsTabSelected a {
	display:block;
	height: 37px;
	margin-left:15px;
	background-image:url(../images/fiche/violet_right.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	cursor:default;
}


.TabbedPanelsContentGroup {
	border-top: solid 1px #6a7f97;
	padding:10px 20px 10px 20px;
}


.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
}




#fiche.famille .innerCata{ width:100%; _width:80%; }
#fiche.entreprise .innerCata, #fiche.education .innerCata{ width:100%; _width:98%; }

#fiche label{ display:block; margin-top:10px; font-size:12px; font-weight:bold; padding-left:15px; line-height:15px; color:#fff; }
#fiche select{ margin-top:2px;}
#nbposte_valid { font-size:12px; font-weight:bold; }
#fiche.famille label{ background:url(../images/commun/fleche_rose.png) no-repeat left; behavior:url(/css/iepngfix.htc); padding-left:15px; line-height:15px; }
#fiche.famille #nbposte_valid { color:#ee5c94; }

#fiche.entreprise label{ background:url(../images/commun/fleche_verte.png) no-repeat left; behavior:url(/css/iepngfix.htc); padding-left:15px; line-height:15px; }
#fiche.education label{ background:url(../images/commun/fleche_violet.png) no-repeat left; behavior:url(/css/iepngfix.htc); padding-left:15px; line-height:15px; }

#fiche select.selectProd{ font-size:14px; font-weight:bold; }
a.ficheCal{ color:#fff; text-decoration:underline; font-size:12px;}