/* ________________________________________________________________________________________ */
	/* --------- module bar ------------------------------------------------------------------- */
	
	span.pres{
		font:normal bold 11px/11px Arial, Helvetica, sans-serif;	
		color:#FFF;
	}
	
	a.button {
		display: inline-block;
		margin: 2px 3px ;
		text-decoration:none;
	}
	
	a.button:hover {
		text-decoration:none;
	}

	
	
	
	.button {
		background:#222 url(images/overlay-button.png) repeat-x 0 0;
		display:inline-block;
		padding:5px 15px 6px;
		color:#fff !important;
		text-decoration:none;
		font:normal bold 13px/13px Arial, Helvetica, sans-serif;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
		-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);
		text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25);
		border-bottom:1px solid rgba(0, 0, 0, 0.25);
		position:relative;
		cursor:pointer;
		overflow:visible;
		width:auto;
		border:0;
		
	}
	
	button::-moz-focus-inner {
		border:0;
		padding:0
	}
	
	.button:hover {
		background-color:#111;
		color:#fff;
		
	}
	
	.button:active {
		-webkit-transform:translateY(1px);
		-moz-transform:translateY(1px)
	}
	
	/* __________________________________________________________________ */
	/* ---- bouton small ------------------------------------------------ */
		
		.small.button {
			font-size:11px
		}
	
	/* __________________________________________________________________ */
	/* ---- bouton large ------------------------------------------------ */
		
		.large.button {
			font-size:14px;
			padding:8px 19px 9px;
			
		}
		
	/* __________________________________________________________________ */
	/* ---- bouton pagi ------------------------------------------------ */
		
		.pagi.button {
			font-size:10px;
			padding:3px 5px;
			margin:0px 1px;
		}
		
		a.pagi span{ font-size:10px; background-position:0px 0px; margin-left:0px; padding-left:17px;}
	
	/* __________________________________________________________________ */
	/* ---- bouton de couleur ------------------------------------------- */

	
	.green.button { 		background-color:#91bd09; }
	.green.button:hover { 	background-color:#749a02;}
	
	.darkgreen.button { 		background-color:#538138; }
	.darkgreen.button:hover { 	background-color:#395e23;}

	
	.darkgreen.button { 		background-color:#538138; }
	.darkgreen.button:hover { 	background-color:#395e23;}
	
	
	.blue.button {			background-color:#2daebf;}
	.blue.button:hover {	background-color:#007d9a;}
	
	.red.button {			background-color:#e33100;}
	.red.button:hover {		background-color:#872300;}
	
	.magenta.button {		background-color:#a9014b;}
	.magenta.button:hover {	background-color:#630030;}
	
	.orange.button {		background-color:#ff5c00;}
	.orange.button:hover {	background-color:#d45500;}
	
	.orangellow.button {background-color:#ffb515;}
	.orangellow.button:hover { background-color:#fc9200;}
	
	.golden.button {		background-color:#ffa525;}
	.golden.button:hover {	background-color:#dc8814;}

	
	.peru.button{background-color:#b2aa9a;}
	.peru.button:hover{background-color:#8f8674;}
	
	.gray.button{background-color:#727272;}
	.gray.button:hover{background-color:#4f4a4a;}
	
	.dodgerblue.button{background-color:#166b9e;}
	.dodgerblue.button:hover{background-color:#0a517a;}
	
	.darkred.button{background-color:#a50d0d;}
	.darkred.button:hover{background-color:#820303;}
	
	.firebrick.button{background-color:#991129;}
	.firebrick.button:hover{background-color:#75061a;}
	
	.powderblue.button{background-color:#84aba8;}
	.powderblue.button:hover{background-color:#608784;}
	
	.sandybrown.button{background-color:#948975;}
	.sandybrown.button:hover{background-color:#706652;}
	
	.appelgreen.button{background-color:#90ac35;}
	.appelgreen.button:hover{background-color:#708722;}
	
	.slategray.button{background-color:#717886;}
	.slategray.button:hover{background-color:#4e5563;}
	
	.midnight.button{background-color:#093d91;}
	.midnight.button:hover{background-color:#00296d;}
	
	.bluesky.button{background-color:#6685b8;}
	.bluesky.button:hover{background-color:#486594;}
	
	.orchid.button{background-color:#b981ab;}
	.orchid.button:hover{background-color:#976089;}
	
	.limegreen.button{background-color:#218229;}
	.limegreen.button:hover{background-color:#125e18;}
	
	.limegreen.button{background-color:#218229;}
	.limegreen.button:hover{background-color:#125e18;}

	.fuchsia.button{background-color:#be4cab;}
	.fuchsia.button:hover{background-color:#9c358a;}
	
	.hotpink.button{background-color:#f63270;}
	.hotpink.button:hover{background-color:#d11d56;}
	
	.darkorchid.button{background-color:#761597;}
	.darkorchid.button:hover{background-color:#580674;}
	
	.dimgray.button{background-color:#75807c;}
	.dimgray.button:hover{background-color:#4e5c57;}
	
	.saddle.button{background-color:#74b519;}
	.saddle.button:hover{background-color:#5a910c;}

	.teal.button{background-color:#1a6676;}
	.teal.button:hover{background-color:#0d4652;}
  
  	.sienna.button{background-color:#b73c11;}
	.sienna.button:hover{background-color:#8f2704;}

  	.crimson.button{background-color:#c40e0d;}
	.crimson.button:hover{background-color:#a10202;}
	
  	.coral.button{background-color:#6c313f;}
	.coral.button:hover{background-color:#421a23;}
	
  	.chocolat.button{background-color:#53280e;}
	.chocolat.button:hover{background-color:#301605;}
	
	.oyoble.button{background-color:#b50057;}
	.oyoble.button:hover{background-color:#920236;}
	
	.grayblue.button{background-color:#657387;}
	.grayblue.button:hover{background-color:#455163;}
	
	

	

	
	
	
  
  
  
	/* __________________________________________________________________ */
	/* ---- bouton white ------------------------------------------------ */
	
		.white.button {
			background-color:#fff;
			border:1px solid #ccc;
			color:#666 !important;
			font-weight:bold;
			text-shadow:0 1px 1px rgba(255, 255, 255, 1)
		}
		
		.white.button:hover {
			background-color:#eee
		}
		
		
	/* __________________________________________________________________ */
	/* ---- bouton secondary -------------------------------------------- */
	
		.secondary.button {
			background:#fff url(images/36px-black.png) repeat-x 0 0;
			color:#555 !important;
			text-shadow:0 1px 1px rgba(255, 255, 255, 0.5);
			border:1px solid #bbb;
			-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)
		}
		
		.secondary.button:hover {
			background-color:#eee;
			color:#444 !important;
			border-color:#999
		}
		
		
	/* __________________________________________________________________ */
	/* ---- bouton super ------------------------------------------------ */
	
		.super.button {
			background-image:url(images/super-button-overlay.png);
			font-size:13px;
			padding:0;
			border:1px solid rgba(0, 0, 0, .25);
			-webkit-border-radius:15px;
			-moz-border-radius:15px
		}
	
		.super.button span {
			display:block;
			padding:4px 15px 6px;
			-webkit-border-radius:14px;
			-moz-border-radius:14px;
			border-top:1px solid rgba(255, 255, 255, .2);
			line-height:1;
		}
		
		/* __________________________________________________________________ */
		/* ---- bouton small super ------------------------------------------ */
		
			.small.super.button {
				font-size:11px;
				-webkit-border-radius:12px;
				-moz-border-radius:12px
			}
			
			.small.super.button span {
				padding:2px 12px 6px;
				-webkit-border-radius:11px;
				-moz-border-radius:11px
			}
		
		/* __________________________________________________________________ */
		/* ---- bouton small white super ------------------------------------ */
		
			.small.white.super.button span {
				padding:3px 12px 5px
			}
		
		/* __________________________________________________________________ */
		/* ---- bouton large super ------------------------------------------ */
		
			.large.super.button {
				background-position:left bottom;
				-webkit-border-radius:18px;
				-moz-border-radius:18px
			}
			
			.large.super.button span {
				font-size:14px;
				padding:7px 20px 9px;
				-webkit-border-radius:17px;
				-moz-border-radius:17px
			}
	
	
	
	/* __________________________________________________________________ */
	/* ---- icons par defaut -------------------------------------------- */
	
	
	#icon_01 span { background:url(../../images/icons/icon_01.png) no-repeat; }
	#icon_02 span { background:url(../../images/icons/icon_02.png) no-repeat; }
	#icon_03 span { background:url(../../images/icons/icon_03.png) no-repeat; }
	#icon_04 span { background:url(../../images/icons/icon_04.png) no-repeat; }
	#icon_05 span { background:url(../../images/icons/icon_05.png) no-repeat; }
	#icon_06 span { background:url(../../images/icons/icon_06.png) no-repeat; }
	#icon_07 span { background:url(../../images/icons/icon_07.png) no-repeat; }
	#icon_08 span { background:url(../../images/icons/icon_08.png) no-repeat; }
	#icon_09 span { background:url(../../images/icons/icon_09.png) no-repeat; }
	#icon_10 span { background:url(../../images/icons/icon_10.png) no-repeat; }
	#icon_11 span { background:url(../../images/icons/icon_11.png) no-repeat; }
	#icon_12 span { background:url(../../images/icons/icon_12.png) no-repeat; }
	#icon_13 span { background:url(../../images/icons/icon_13.png) no-repeat; }
	#icon_14 span { background:url(../../images/icons/icon_14.png) no-repeat; }
	#icon_15 span { background:url(../../images/icons/icon_15.png) no-repeat; }
	#icon_16 span { background:url(../../images/icons/icon_16.png) no-repeat; }
	#icon_17 span { background:url(../../images/icons/icon_17.png) no-repeat; }
	#icon_18 span { background:url(../../images/icons/icon_18.png) no-repeat; }
	#icon_19 span { background:url(../../images/icons/icon_19.png) no-repeat; }
	#icon_20 span { background:url(../../images/icons/icon_20.png) no-repeat; }
	#icon_21 span { background:url(../../images/icons/icon_21.png) no-repeat; }
	#icon_22 span { background:url(../../images/icons/icon_22.png) no-repeat; }
	#icon_23 span { background:url(../../images/icons/icon_23.png) no-repeat; }
	#icon_24 span { background:url(../../images/icons/icon_24.png) no-repeat; }
	#icon_25 span { background:url(../../images/icons/icon_25.png) no-repeat; }
	#icon_26 span { background:url(../../images/icons/icon_26.png) no-repeat; }
	#icon_27 span { background:url(../../images/icons/icon_27.png) no-repeat; }
	#icon_28 span { background:url(../../images/icons/icon_28.png) no-repeat; }
	#icon_29 span { background:url(../../images/icons/icon_29.png) no-repeat; }
	#icon_30 span { background:url(../../images/icons/icon_30.png) no-repeat; }
	#icon_31 span { background:url(../../images/icons/icon_31.png) no-repeat; }
	#icon_32 span { background:url(../../images/icons/icon_32.png) no-repeat; }
	#icon_33 span { background:url(../../images/icons/icon_33.png) no-repeat; }
	#icon_34 span { background:url(../../images/icons/icon_34.png) no-repeat; }
	
	/* __________________________________________________________________ */
	/* ---- icons par icojoy -------------------------------------------- */
	
	
	#icojoy_01 span { background:url(../../images/icons/icojoy/001.png) no-repeat; }
	#icojoy_02 span { background:url(../../images/icons/icojoy/002.png) no-repeat; }
	#icojoy_03 span { background:url(../../images/icons/icojoy/003.png) no-repeat; }
	#icojoy_04 span { background:url(../../images/icons/icojoy/004.png) no-repeat; }
	#icojoy_05 span { background:url(../../images/icons/icojoy/005.png) no-repeat; }
	#icojoy_06 span { background:url(../../images/icons/icojoy/006.png) no-repeat; }
	#icojoy_07 span { background:url(../../images/icons/icojoy/007.png) no-repeat; }
	#icojoy_08 span { background:url(../../images/icons/icojoy/008.png) no-repeat; }
	#icojoy_09 span { background:url(../../images/icons/icojoy/009.png) no-repeat; }
	#icojoy_10 span { background:url(../../images/icons/icojoy/010.png) no-repeat; }
	#icojoy_11 span { background:url(../../images/icons/icojoy/011.png) no-repeat; }
	#icojoy_12 span { background:url(../../images/icons/icojoy/012.png) no-repeat; }
	#icojoy_13 span { background:url(../../images/icons/icojoy/013.png) no-repeat; }
	#icojoy_14 span { background:url(../../images/icons/icojoy/014.png) no-repeat; }
	#icojoy_15 span { background:url(../../images/icons/icojoy/015.png) no-repeat; }
	#icojoy_16 span { background:url(../../images/icons/icojoy/016.png) no-repeat; }
	#icojoy_17 span { background:url(../../images/icons/icojoy/017.png) no-repeat; }
	#icojoy_18 span { background:url(../../images/icons/icojoy/018.png) no-repeat; }
	#icojoy_19 span { background:url(../../images/icons/icojoy/019.png) no-repeat; }
	#icojoy_20 span { background:url(../../images/icons/icojoy/020.png) no-repeat; }
	#icojoy_21 span { background:url(../../images/icons/icojoy/021.png) no-repeat; }
	#icojoy_22 span { background:url(../../images/icons/icojoy/022.png) no-repeat; }
	#icojoy_23 span { background:url(../../images/icons/icojoy/023.png) no-repeat; }
	#icojoy_24 span { background:url(../../images/icons/icojoy/024.png) no-repeat; }
	#icojoy_25 span { background:url(../../images/icons/icojoy/025.png) no-repeat; }
	#icojoy_26 span { background:url(../../images/icons/icojoy/026.png) no-repeat; }
	#icojoy_27 span { background:url(../../images/icons/icojoy/027.png) no-repeat; }
	#icojoy_28 span { background:url(../../images/icons/icojoy/028.png) no-repeat; }
	#icojoy_29 span { background:url(../../images/icons/icojoy/029.png) no-repeat; }
	#icojoy_30 span { background:url(../../images/icons/icojoy/030.png) no-repeat; }
	#icojoy_31 span { background:url(../../images/icnos/icojoy/031.png) no-repeat; }
	#icojoy_32 span { background:url(../../images/icons/icojoy/032.png) no-repeat; }
	
	
	
	/* __________________________________________________________________ */
	/* ---- icons par colorico -------------------------------------------- */
	
	#colorico_01 span { background:url(../../images/icons/colorico/001.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_02 span { background:url(../../images/icons/colorico/002.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_03 span { background:url(../../images/icons/colorico/003.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_04 span { background:url(../../images/icons/colorico/004.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_05 span { background:url(../../images/icons/colorico/005.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_06 span { background:url(../../images/icons/colorico/006.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_07 span { background:url(../../images/icons/colorico/007.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_08 span { background:url(../../images/icons/colorico/008.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_09 span { background:url(../../images/icons/colorico/009.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_10 span { background:url(../../images/icons/colorico/010.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_11 span { background:url(../../images/icons/colorico/011.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_12 span { background:url(../../images/icons/colorico/012.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_13 span { background:url(../../images/icons/colorico/013.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_14 span { background:url(../../images/icons/colorico/014.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_15 span { background:url(../../images/icons/colorico/015.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_16 span { background:url(../../images/icons/colorico/016.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_17 span { background:url(../../images/icons/colorico/017.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_18 span { background:url(../../images/icons/colorico/018.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_19 span { background:url(../../images/icons/colorico/019.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_20 span { background:url(../../images/icons/colorico/020.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_21 span { background:url(../../images/icons/colorico/021.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_22 span { background:url(../../images/icons/colorico/022.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_23 span { background:url(../../images/icons/colorico/023.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_21 span { background:url(../../images/icons/colorico/021.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_22 span { background:url(../../images/icons/colorico/022.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_23 span { background:url(../../images/icons/colorico/023.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_24 span { background:url(../../images/icons/colorico/024.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_25 span { background:url(../../images/icons/colorico/025.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_26 span { background:url(../../images/icons/colorico/026.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_27 span { background:url(../../images/icons/colorico/027.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_28 span { background:url(../../images/icons/colorico/028.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_29 span { background:url(../../images/icons/colorico/029.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_30 span { background:url(../../images/icons/colorico/030.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_31 span { background:url(../../images/icons/colorico/031.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_32 span { background:url(../../images/icons/colorico/032.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_33 span { background:url(../../images/icons/colorico/033.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_34 span { background:url(../../images/icons/colorico/034.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_35 span { background:url(../../images/icons/colorico/035.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_36 span { background:url(../../images/icons/colorico/036.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_37 span { background:url(../../images/icons/colorico/037.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_38 span { background:url(../../images/icons/colorico/038.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_39 span { background:url(../../images/icons/colorico/039.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_40 span { background:url(../../images/icons/colorico/040.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_41 span { background:url(../../images/icons/colorico/041.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_42 span { background:url(../../images/icons/colorico/042.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_43 span { background:url(../../images/icons/colorico/043.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_44 span { background:url(../../images/icons/colorico/044.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_45 span { background:url(../../images/icons/colorico/045.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_46 span { background:url(../../images/icons/colorico/046.png) no-repeat; padding:0px 0px 2px 20px; }
	#colorico_47 span { background:url(../../images/icons/colorico/047.png) no-repeat; padding:0px 0px 2px 20px; }



	a.small span{ 			background-position:0px 0px; margin-left:-5px; padding-left:20px; }
	a.medium span {			background-position:0px 0px; margin-left:-5px; padding-left:20px;}
	a.large span { 			background-position:0px 0px; margin-left:-5px; padding-left:20px; }