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


/* ***********************************************************	*/
/* Déclaration Font */	
/* ***********************************************************	*/
	/*
		exljbris :: Free Quality Font Foundry
		Diavlo_BOOK_II Font license information

		• This font is free for personal and commercial use
		• This font file may not be modified
		• This font file may not be distributed -not online nor on any media- without my permission
		• Embedding (in PDF's, Flash files and programs) is allowed 
		• This font may not be sold
		• This font is the intellecual property of Jos Buivenga
		• Exljbris (Jos Buivenga) is not liable for any damage resulting from the use of this font

		For more information visit:
		http://www.josbuivenga.demon.nl

		or contact me at:
		comment@josbuivenga.demon.nl
	*/
		
	@font-face
	{
		font-family : "Diavlo_web"; 
		src : url('font/Diavlo_BOOK_II.eot');
		src : 
			url('font/Diavlo_BOOK_II.eot?') format('eot'), 
			url('font/Diavlo_BOOK_II.woff') format('woff'), 
			url('font/Diavlo_BOOK_II.svg#abcd') format('svg'), 
			url('font/Diavlo_BOOK_II.ttf') format('truetype');
	}
	
	

body 
{
	margin: 0px;  padding: 0px;
	font-weight : normal; 
	font-size : 16px; 
	font-family: Diavlo_web, arial,helvetica,geneva,sans-serif;
	color :#000000;
	
	background-color:#FFFFFF;
	background-image:url('/media/images/Kodama-Background.jpg');
	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;}

.clear{line-height:0px; height:0px; width:100%; clear:both; padding:0px; margin:0px;}


/* ***********************************************************	*/
/* Header */
.header
{
	z-index:10000;
	position:fixed; 
	width:100%;
	top:0px;
	left:0px;
	background:#FFFFFF; 
	
	box-shadow:0px 2px 5px rgba(0,0,0,0.5);
	 box-sizing:border-box;
}

.header_content{width:94%; max-width:1200px; margin:auto; padding:0px; box-sizing:border-box; }
.header_logo{float:left;width:250px; height:70px; background: url('concentration_training_logo.png') no-repeat center center; background-size:contain; box-sizing:border-box; cursor:pointer;  box-sizing:border-box; }

/* ***********************************************************	*/
/* Contenu */
.page
{
	margin-top: 70px;
	width:100%;
	text-align:left;
	box-sizing:border-box; 
}
.contenu{display:block; width:100%; max-width:1300px; padding:20px; margin:auto; box-sizing:border-box;}
	

h1{display:block; background:#1c7fd5; color:#FFFFFF; text-align:right; font-size:1.6em; font-weight:bold; padding:10px; text-transform:uppercase; box-sizing:border-box;}

h2{display:block; font-weight:bold; color:#1c7fd5; border-bottom:1px solid #1c7fd5; font-variant:small-caps; font-size:1.2em; box-sizing:border-box;}

h3{display:block; font-weight:bold; color:#666666; font-size:1.2em; font-variant:small-caps; box-sizing:border-box; text-align:center;}

.paragraphe{padding-left:20px;}


/* ***********************************************************	*/
/* Homepage */
.visuel_homepage{display:block; width:100%; height:300px; background:url('background_01.jpg') no-repeat center center; background-size:cover; box-sizing:border-box;}
.visuel_homepage div{width:50%; float:right; margin-right:10%;text-align:right; margin-top:100px; background:rgba(0,0,0,0.7); padding:20px; padding-right:3%; box-sizing:border-box; border-radius:10px;}
.visuel_homepage div strong{display:block; color:#FFFFFF; font-size:2.5em;}
.visuel_homepage div span{display:block; color:#FFCC00; font-size:1.5em;}

@media screen and (max-width:1300px)
{
	.visuel_homepage div{width:65%;}
}

@media screen and (max-width:1000px)
{
	.visuel_homepage div{width:80%;}
}
@media screen and (max-width:700px)
{
	.visuel_homepage div{width:100%; margin:0px; margin-top:100px; padding:20px; text-align:center;}
	.visuel_homepage div strong{display:block; color:#FFFFFF; font-size:2em;}
	.visuel_homepage div span{display:block; color:#FFCC00; font-size:1em;}

}

.presentation_ct{font-size:1em; color:#333333; margin-top:40px; box-sizing:border-box;}
.presentation_ct .contenu_text{float:left; width:35%; box-sizing:border-box;}
.presentation_ct .visuel{float:left; width:65%; height:400px; background:url('VR_visuel.jpg') no-repeat center right; background-size:contain; box-sizing:border-box;}


.perfbook_info{background:#000000; font-size:1em; color:#FFFFFF; margin-top:40px;}
.perfbook_info .contenu_text{float:left; width:55%; padding-left:40px; box-sizing:border-box;}
.perfbook_info .contenu_text ul{list-style:square;}
.perfbook_info .contenu_text ul li{padding-bottom:20px;}
.perfbook_info .visuel{float:left; width:45%; height:300px; background:url('Perfbook-Logo.png') no-repeat center center; background-size:contain;  box-sizing:border-box;}

.installation{margin-bottom:80px;}
.link_download_zone{width:33%; float:left; margin-bottom:40px; box-sizing:border-box;}
.link_download{width:300px; height:200px; color:#1c7fd5; border:1px solid #EEEEEE; border-radius:20px; margin:auto; padding:20px; text-align:center;  cursor:pointer; box-sizing:border-box;}
.link_download img{display:block; width:260px;}
.link_download:hover{border-color:#FFCF40; color:#FFCF40;}

.link_acces_application{width:450px; margin:auto; cursor:pointer; border:1px solid #EEEEEE; border-radius:20px; padding:10px 20px; transition: all 0.4s ease; box-sizing:border-box;}
.link_acces_application img{display:inline-block; margin:0; padding:0; width:150px; vertical-align:middle;  box-sizing:border-box;}
.link_acces_application div{display:inline-block; margin:0; padding:0;  width:250px; padding-left:20px; vertical-align:middle; box-sizing:border-box;}
.link_acces_application span{display:block; font-size:1.2em; line-height:1em; color:#33aaee;}
.link_acces_application strong{display:block; font-size:1.4em; line-height:1.4em; color:#3366cc;}


.link_acces_application:hover{background:#FFFFCC;}

@media screen and (max-width:1000px)
{
	.link_download_zone{width:50%;}
	.presentation_ct .contenu_text{width:40%;}
	.presentation_ct .visuel{width:60%;}
}

@media screen and (max-width:700px)
{
	.presentation_ct{margin-top:0px;}
	.presentation_ct .contenu_text{width:100%; float:none;}
	.presentation_ct .visuel{width:100%; float:none;}
	
	.perfbook_info{margin-top:0px;}
	.perfbook_info .contenu_text{width:100%; float:none;  padding-left:0px;}
	.perfbook_info .visuel{width:100%; float:none;}
	
	.link_download_zone{width:100%; float:none; margin-top:40px; }
}

/* ***********************************************************	*/
/* FOOTER	*/
/* ***********************************************************	*/

	.footer
	{
		
		width:100%; 
		clear:both;
	}


	.mention_legale
	{
		clear:both;
		margin-top:0px;
		background:#000000;
	}
	
	.mention_legale_copyright, .mention_legale_link{float:left; box-sizing:border-box; text-align:center; line-height:60px; color:#FFFFFF;}
	.mention_legale_copyright{width:calc(100% - 200px);}
	.mention_legale_link{width:200px;}

	@media screen and (max-width: 770px)
	{
		.mention_legale_copyright, .mention_legale_link{width:100%; float:none; line-height:40px;}
	}

/* ***********************************************************	*/
/* Page d'ERREUR */
/* ***********************************************************	*/

	.erreur
	{
		padding-bottom:100px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		max-width:700px;
		background:none;
		font-size:1em;
		text-align:left;
	}


	.erreur .message_erreur 
	{
		margin-top:100px;
		padding-left:220px;
		padding-top:20px;
		min-height:200px;
		background: url('visuel_erreur.png') no-repeat 0px 0px
	}

	.erreur  h1
	{
		margin-top:0px;
		margin-bottom:10px;
		padding-left:0px;
		text-align:left;
		color:#FF0000;
		font-size:1.5em;
		background:#FFFFFF;
	}

	.erreur .erreur_info{color:#FF0000; font-size:1.2em;}	
	
	.erreur .text_erreur span{display:block;padding-top:20px;}