﻿/*  ***********************************************************	*/
/*  Kodama - CSS */
/*  ***********************************************************	*/


/* *************************************** */
/* Déclaration Font */
/* *************************************** */

	/* *************************************** */
	/* Kodama : Icone et Symbole */
	@font-face
	{
		font-family : "Kodama"; 
		src : url('font/Kodama.eot');
		src : 
			url('font/Kodama.eot?') format('eot'), 
			url('font/Kodama.woff') format('woff'), 
			url('font/Kodama.svg#abcd') format('svg'), 
			url('font/Kodama.ttf') format('truetype');
	}
	
	
	
/* ******************** */
/* Bouton Action */
/* ******************** */
	.btn{width:35px; height:35px; margin-top:7px; border-radius:20px; background:#999999; float:left; margin-left:20px;}
	.btn.editer{background:#ffdc73;}
	.btn.supprimer{background:#ff2626;}
	
	.zone_btn_form{clear:both; padding-top:20px;}
	.btn_form{float:right; font-weight:bold; padding:0px 20px; min-width:70px; height:35px; line-height:35px; background:#999999; color:#FFFFFF; text-align:center; margin-right:20px; border:2px solid #999999; border-radius:10px; cursor:pointer;}
	.btn_form:hover{border-color:#FFCC00;}
	
	.btn_form.supprimer{background-color:#FF0000; border-color:#FF0000; color:#FFFFFF;}
	.btn_form.annuler{background-color:#FFFFFF; border-color:#999999; color:#999999;}
	
	
	
/* ******************** */
/* Kodama LightBox */
/* ******************** */
	.Kodama_LightBox
	{
		position:absolute;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		z-index:10000;
		margin:0px;
		padding:0px;
	}
	
	.Kodama_LightBox_background, .Kodama_LightBox_background_INIT
	{
		position:fixed;
		z-index:1;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		
		margin:0px;
		padding:0px;
		background:rgba(0,0,0,0.5);
		opacity:1;
		transition:all 0.9s ease;
	}
	
	.Kodama_LightBox_background_INIT{opacity:0; transition:all 0.9s ease;}
	
	.Kodama_LightBox_zone, .Kodama_LightBox_zone_INIT
	{	
		position:relative;
		z-index:2;
		width:90%;
		max-width:500px;
		min-height:100px;
		margin:auto;
		margin-top:10%;
		
		border:1px solid #FFFFFF;
		border-radius:10px;
		background:#FFFFFF;
		text-align:left;
		box-shadow:5px 5px 10px rgba(0,0,0,.6);
		opacity:1;
		transition:all 0.9s ease;
	}
	
	.Kodama_LightBox_zone_INIT{opacity:0; margin-top:5%; transition:all 0.9s ease;}
	 
	.Kodama_LightBox_titre
	{
		padding:10px 15px;
		border-bottom:1px solid #999999;
		color:#0080FF;
		font-size:1.1em;
	}
	
	.Kodama_LightBox_contenu
	{
		padding:20px 10px;
		font-size:0.9em;
	}
	
	
	
	
	
	