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


/* *************************************** */
/* Picto Kodama */
@font-face
{
	font-family:'picto_web';
	src : url('fonts/kodama.eot');
	src : 
		url('fonts/kodama.eot?') format('eot'), 
		url('fonts/kodama.woff') format('woff'), 
		url('fonts/kodama.svg#abcd') format('svg'), 
		url('fonts/kodama.ttf') format('truetype');
}
	
	
/* *************************************** */
/* Font Ref */
@font-face
{
	font-family:'text_web';
	src : url('fonts/WorkSans-Regular.eot');
	src : 
		url('fonts/WorkSans-Regular.eot?') format('eot'), 
		url('fonts/WorkSans-Regular.woff') format('woff'), 
		url('fonts/WorkSans-Regular.svg#abcd') format('svg'), 
		url('fonts/WorkSans-Regular.ttf') format('truetype');
}


body 
{
	margin: 0px;  padding: 0px;
	font-weight : normal; 
	font-size : 16px; 
	font-family: text_web, arial,helvetica,geneva,sans-serif;
	color :#000000;
	
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:center top; 
	background-size: auto;
	
	
}

img {border:0px;}

a, a:visited
{ 
	font-weight: normal;
	color: #37B8FB;
	text-decoration: none; 
	cursor:pointer;
}

a:hover, a:active{color:#FFCF40; text-decoration:none;}



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

.message_attente{margin:0 auto 40px auto; width:100%; max-width:600px; padding:20px; font-size:1em; box-sizing:border-box}

.message_titre{ text-align:center; color:#d4181f; }
.message_titre img{display:block; margin:auto; width:100%; max-width:500px;}

.message_info{display:block; margin:20px auto 0 auto; width:100%; max-width:600px; padding:20px 10px 20px 100px; border-top:1px dashed #d4181f; text-align:left; box-sizing:border-box;}
.message_info::before{display:block; position:absolute; margin-left:-100px; width:100px; font-size:60px;  content:'I'; text-align:center; line-height:70px; color:#1c7fd5; font-family: picto_web;  box-sizing:border-box;}
.message_info ul{padding:0; margin:10px 0 0 20px; list-style:square;}
.message_info ul li{padding:0 0 10px 0;}

.adresse{display:block; margin:auto; width:100%; max-width:600px; padding:20px 10px 20px 100px; line-height:20px; text-align:left; box-sizing:border-box;}
.adresse strong{font-weight:normal; color:#1c7fd5;}
.adresse::before{display:block; position:absolute; margin-left:-100px; width:100px; font-size:50px;  content:'&'; text-align:center; line-height:60px; color:#1c7fd5; font-family: picto_web;  box-sizing:border-box;}

.tel{display:block; margin:auto; width:100%; max-width:600px; padding:20px 10px 20px 100px; line-height:50px; color:#d4181f; font-size:30px; text-align:left; box-sizing:border-box;}
.tel a{color:#d4181f; }
.tel a:hover{color:#FFCC00; }
.tel::before{display:block; position:absolute; margin-left:-100px; width:100px; font-size:50px;  content:'J'; text-align:center; line-height:50px; font-family: picto_web;  box-sizing:border-box;}