@font-face {
	font-family: 'DINOT-Regular'; src: url('DINOT-Regular.eot'); src: url('DINOT-Regular.eot?#iefix') format('embedded-opentype'),
	url('DINOT-Regular.woff') format('woff'),
	url('DINOT-Regular.ttf') format('truetype'),
	url('DINOT-Regular.svg#') format('svg'); font-weight: normal; font-style: normal; }
	
@font-face {
	font-family: 'DINOT-Light'; src: url('DINOT-Light.eot'); src: url('font/dinot-condbold.eot?#iefix') format('embedded-opentype'),
	url('DINOT-Light.woff') format('woff'),
	url('DINOT-Light.ttf') format('truetype'),
	url('DINOT-Light.svg#') format('svg'); font-weight: normal; font-style: normal; }
	
body {text-align:center; color:#444; font-size:18px; font-family:"DINOT-Light"; overflow:hidden;}
#diaporama {position:relative;}
#diaporama > div.cs-img {width:400px; height:800px; background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; opacity:0; width:100%; height:100%;  z-index:1; transition:transform 5s ease-out 0s;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);}
/*
#diaporama > div.cs-img.cs-zoom { 
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
transition:transform 5s ease-out 0s;}
*/
#jeu {position:absolute; height:100%; z-index:10; overflow:hidden; }
#jeu .contenu {position:relative; width:100%; height:100%;}
#jeu .contenu .jcs-button-inter {background-color:rgba(89,139,33,0.7); font-size:3.6em; color:#FFF; width:1.6em; line-height:100%; height:1.6em; text-align:center; padding:0; font-family:"DINOT-Regular"; display:block; border-color:#FFF; position:absolute; right:0;}
#jeu .contenu p#q {margin:0 0 0.5em 0; text-align:right; color:#212121; font-size:2.7em; font-family:"DINOT-Regular"; height:1.5em; line-height:100%; color:#FFF; width:10em; overflow:hidden; position:absolute; right:0; }
#jeu .contenu input {display:block; background-color:rgba(255,255,255,0.7); width:15em; line-height:200%; margin-bottom:0.5em; text-align:left; color:#212121; font-size:1.1em; position:absolute;}
#jeu .contenu input.is-true {font-family:"DINOT-Regular"; color:rgb(89,139,33); border-color:rgb(89,139,33); font-weight:bold;}
#jeu .contenu input.is-false {opacity:0.7; border-color:#F00;}

#jeu .contenu #texte {display:block; background-color:rgba(255,255,255,0.7); width:95%; line-height:auto; margin-bottom:0.5em; text-align:left; color:#212121; font-size:1.1em; position:absolute; padding:2%; border:3px solid; border-color:rgb(89,139,33); }
#jeu .contenu #texte p {margin:0 0 0.5em 0;}
#jeu .contenu #suite {background-color:rgba(89,139,33,1); font-size:1.7em; color:#FFF; width:auto; line-height:1.5em; text-align:center; padding:0.2em 1em; font-family:"DINOT-Regular"; display:block; border-color:#FFF; position:absolute;}

#score {position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(89, 139, 33, 0.8); z-index:0; visibility:hidden;}
#score > div {color:#FFF; font-family:"DINOT-Regular"; font-size:4.5em; }
#score > p {color:#FFF; font-family:"DINOT-Regular"; font-size:2em; }
#score > #recommencer {background-color:rgba(255,255,255,1); font-size:1.7em; color:rgb(89,139,33); width:auto; line-height:1.5em; text-align:center; padding:0.2em 1em; font-family:"DINOT-Regular"; display:block; position:fixed; bottom:1.2em; border:none; }

input {background:none; border:3px solid #999;}
.cs-coins-carres {border-radius:10px;}

@media screen and (max-width: 600px)
{
	body {font-size:12px !important;}
}