@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(255,255,255,0.7); font-size:3.6em; color:#333; width:1.6em; line-height:100%; height:1.6em; text-align:center; padding:0; font-family:"DINOT-Regular"; display:block; border-color:#666; 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:3.5em; line-height:100%; color:#FFF; width:100%; overflow:hidden; position:absolute; right:0; text-shadow:0px 0px 3px #333333; }
#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(255,255,255); border-color:rgb(255,255,255); 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(255,255,255); }
#jeu .contenu #texte p {margin:0 0 0.5em 0;}
#jeu .contenu #suite {background-color:rgba(255,255,255,1); font-size:1.7em; color:#333; 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(255,255,255, 0.8); z-index:0; visibility:hidden; overflow:auto;color:#333;}
#score div.cs-resultat { font-family:"DINOT-Regular"; font-size:0.8em; margin:0 3em 3em 3em; }
#score div.cs-resultat h2 { font-size:1.2em; margin:0;}
#score div.cs-resultat div.cs-intitule-reponses {height:1.5em;}
#score div.cs-resultat div.cs-intitule-reponses span.cs-left {float:left; display:block; height:1.5em;}
#score div.cs-resultat div.cs-intitule-reponses span.cs-right {float:right; display:block; height:1.5em;}

#score div.cs-resultat div.cs-barre {position:relative; height:2em;}
#score div.cs-resultat div.cs-barre span {position:absolute; display:block}
#score div.cs-resultat div.cs-barre span.cs-left {text-align:right; left:0; }
#score div.cs-resultat div.cs-barre span.cs-right {text-align:left; right:0;}
#score div.cs-resultat div.cs-barre div.cs-bar {width:100%; border:1px solid #fff; position:relative; height:1.5em; }
#score div.cs-resultat div.cs-barre div.cs-bar span {width:0%; bottom:0; height:100%; background-color:#1E90FF; }
#score div.cs-resultat div.cs-barre div.cs-bar span.jcs-bar-right {width:0%; bottom:0; background-color:#FFC0CB; }



#score > p {color:#333; font-family:"DINOT-Regular"; font-size:2em; font-weight:bold; }
#score > a.cs-recommencer {background-color:#1E90FF; font-size:1.7em; color:rgb(255,255,255); width:auto; line-height:1.5em; text-align:center; padding:0.2em 1em; font-family:"DINOT-Regular"; margin:2em 0 0 0; display:inline-block; border:none; text-decoration: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;}
}

#r3 {visibility:hidden !important;}