/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */



@media projection, screen {

	/* Toggler - default style */
	.toggler {margin:25px 0;cursor:pointer;text-decoration:none;color:#E5004F;font-weight:bold;display:block;}
	.toggler sup {color:#E5004F;}
	.toggler-closed {padding:2px 10px;border:1px solid #F096A3;background:url(../img/fleche-down.png) no-repeat 99% 5px;}
	.toggler-closed:hover {border:1px solid #E5004F;background:#E5004F url(../img/fleche-down2.png) no-repeat 99% 5px;color:#FFF;}
	.toggler-closed:hover sup {color:#FFF;}
	
	.toggler-opened {padding:2px 10px;background:#E5004F url(../img/fleche-up2.png) no-repeat 99% 5px;color:#FFF;border:1px solid #E5004F;}
	.toggler-opened sup {color:#FFF;}
	.toggler-opened:hover {color:#E5004F;background:#FFF url(../img/fleche-up.png) no-repeat 99% 5px;}
	.toggler-opened:hover sup {color:#E5004F;}


	/* Container - default style */
	.toggler-c-closed,
	.toggler-c-opened {border:solid 1px #E5004F;margin:-24px 0px 25px 0px;padding:20px 20px 0 20px;}

}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}