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



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

	@font-face
	{
		font-family : "text_web"; 
		src : url('font/WorkSansRegular.eot');
		src : 
			url('font/WorkSansRegular.eot?') format('eot'), 
			url('font/WorkSansRegular.woff') format('woff'), 
			url('font/WorkSansRegular.svg#abcd') format('svg'), 
			url('font/WorkSansRegular.ttf') format('truetype');
	}
	
	@font-face
	{
		font-family : "kodama_picto"; 
		src : url('font/kodama_picto.eot');
		src : 
			url('font/kodama_picto.eot?') format('eot'), 
			url('font/kodama_picto.woff') format('woff'), 
			url('font/kodama_picto.svg#abcd') format('svg'), 
			url('font/kodama_picto.ttf') format('truetype');
	}
	
	
/* ***********************************************************	*/
/* Element Par defaut */
/* ***********************************************************	*/

body 
{
	margin: 0;  padding: 0;
	font-weight : normal; 
	font-size : 16px; 
	font-family: text_web, arial,helvetica,sans-serif;
	color:#666666;
	background:#FFFFFF;
}

strong{color:#000000;}

img {border:0px;}

a, a:visited{color:#33AAEE; text-decoration: none; cursor:pointer; transition: all 0.4s ease;}
a:hover, a:active{color:#FFCF40; text-decoration:none;}



/* ***********************************************************	*/
/* Contenu */
.contenu
{
	width:100%;
	text-align:center;
}

.message_attente
{
	margin:auto;
	margin-top:5%;
	width:100%;
	max-width:500px;
	
	text-align:center;
	color:#999999;
	font-size:1em;
	padding:20px;
	box-sizing:border-box
}

.message_attente img{width:90%; max-width:400px;}


.coordonnee{display:block; margin:40px auto; clear:both; width:320px; height:80px; overflow:hidden; border:1px solid #FFFFFF; background:#FFFFFF; cursor:pointer; border-radius:20px; box-sizing:border-box; transition:all 0.4s ease;}
.coordonnee span{display:none;}
.coordonnee strong{display:block; font-size:1em; color:#33aaee; font-weight:normal; text-align:left; line-height:20px; padding:20px 0; box-sizing:border-box; transition:all 0.4s ease;}
.coordonnee::before{display:block; float:left; color:#33aaee;  margin:0 0 0 10px; content:"1"; line-height:80px; width:80px; font-size:50px; text-align:center; font-family:kodama_picto;  box-sizing:border-box; transition:all 0.4s ease;}
.coordonnee.tel::before{content:"k"; font-size:50px;}
.coordonnee.email::before{content:"m"; font-size:45px;}


.coordonnee.display::before{color:#33aaee;}
.coordonnee.display strong{padding:0; line-height:80px; font-size:1.4em;}
.coordonnee.email.display::before{width:40px; font-size:30px; margin-left:5px; margin-right:5px;}

.coordonnee:hover, .coordonnee.display{ border-color:#FFCC00;}
.coordonnee:hover strong, .coordonnee.display:hover strong, .coordonnee.display strong{color:#FFCC00;}
.coordonnee:hover::before, .coordonnee.display:hover::before; .coordonnee.display:hover::before{color:#FFCC00;}