@font-face { font-family: "Segoe Print"; 
src: url('segoepr.ttf'); } 
@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
@charset "utf-8";
html {
	height: 100%;
	padding:0;
	margin-top:0 !important;
	font-family:"Minion Web", "Times New Roman";
	font-size:1.03em;
	 background: url("../img/tyrokroketa.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
	padding:0 !important;
	margin:0 !important;
	height:100% ;
	margin-top:0 !important;

}
.only_mobile{
	display:none;
}

.main{
margin:0;
}
a img {
  border: 0;
}
a  {
	text-decoration:none;
}
.head{
	width:10em;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:0;
	text-align:center;
}

.logo{
	margin-top:0.5em;
	margin-bottom:0;
}
.header {
	text-align:center;
	font-size:3.5em;
	padding-bottom:0;
	margin-top:0 !important;
	background: radial-gradient( #F9F9F9, #7bd2ed 49% );
	background: -webkit-radial-gradient( #F9F9F9, #7bd2ed 49% );
	}
	
.header p{
	padding-top:0;
	margin-top:0 !important;
	padding-top:0 !important;
	padding-bottom:0;
	margin-bottom:0;
	font-family:Segoe Print;
	text-shadow: -2px -1px 5px #001629;
	color: #002A49;
}
.header a{
	
	padding-top:0;
	margin-top:0;
}
.soustitre{
	font-family:Segoe Print;
	font-size:0.3em;
	color:#697079 !important;
	font-weight:bold;
	text-shadow: none !important;
	position: relative;
    top: 50%;  
    width: 15em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%); 
	animation: typewriter 4s steps(44) 1s 1 normal both,
			   blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}
#contenu{
}
.bars{
}

#footer{
}
.navigation{
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
}
#menu{
	margin-top:0 !important;
	margin-bottom:0 !important;
	background: -webkit-linear-gradient( #7bd2ed 50%  ,rgba(255, 255, 255, 0.0) 25% );
}

#menu li{
	display:inline-block;
	background-color:#ffffff;
	width: 7em;
	height: 7em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}
#menu a{
	text-decoration:none;
	color:#214478;
}
#menu li:hover, #menu li:focus	{
	-webkit-box-shadow:0px 0px 3px 2px #001629;
	-moz-box-shadow:0px 0px 3px 2px #001629;
	-o-box-shadow:0px 0px 3px 2px #001629;
	box-shadow:0px 0px 3px 2px #001629;		
}
#menu img{
	width:3em;
}



#arc1{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 1px;
	display:inline-block;
	color:#d60121 !important;
}
#maison{
	border:solid 9px #7bd2ed ;
	font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;
}
#maison img{
		width:3.1em;
	

}
#arc2{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#006aa5 !important;
}
#vapeur{
	border:solid 9px #7bd2ed;
	margin-left:1em;
		font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;

}
#vapeur img{
	width:2.82em;
}
#arc3{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#ffba00 !important;
}
#fete{
	border:solid 9px #7bd2ed;
		margin-left:1em;
	font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;

}
#fete img{
	width:2.3em;
}
#arc4{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#63ad42 !important;
	text-align:center;
}
#camera{
	border:solid 9px #7bd2ed;
		margin-left:1em;
	font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;

}
#camera img{
		padding-top:0.5em;
		width:4.36em;

}
#contact{
	font-size:0.25em;
	position:absolute;
	right:0.5em;
	top:0.5em;
	text-align:right;
	font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;
	color:#001629;
	border:solid 1px #e6e1ef;
	background-color:#e6e1ef;
	text-shadow: none !important;
	color: #333;
	width: 15em;
	padding: 0.8em;
	padding-top:0.8em !important;
	padding-right:2em !important;
	box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
	display: block;
	text-align: right;
	background: #eae672;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(3.5deg);
}
#contact img{
	width:0.85em;
	padding-right:0.2em;
}
.context{
	
	background-color:rgba(255, 255, 255, 0.8);
	margin-left:5em;
	margin-right:5em;
	padding:2em;
	font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;
	line-height:1.8;
	color:#1a2453;
}
.context p{
	padding-left:7em;
	padding-right:7em;
}
h1{
	font-size:1.1em;
	border-radius: 71% 28% 71% 28%;
	-moz-border-radius: 71% 28% 71% 28%;
	-webkit-border-radius:71% 28% 71% 28%;
  border: 2px solid #7bd2ed;
  padding: 20px;
  width: 8em;
  height: 2em; 
  margin-left:auto;
  margin-right:auto;
}
#mention_titre{
	 width: 9em !important;
}
#imgevent{
	text-align:center;
}
#imgevent img{
	width:12em;
}
#menu_carte{
	max-width:59em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#menu_carte p{
	padding:unset;
}
#menu_carte_mru{
	display:inline-block;
	background: url("../img/tablecloth_mru.png");
	margin-left:auto;
	margin-right:auto;
}
#menu_carte_mru p{
	padding:unset;
}
#menu_carte_mru_1{
	background-color:rgba(253, 216, 123, 0.8);
	margin:1em;
}
#menu_carte_gr{
	display:inline-block;
	background: url("../img/tablecloth.png"); 
	margin-left:auto;
	margin-right:auto;
}
#menu_carte_gr p{
	padding:unset;
}
#menu_carte_gr_1{
	background-color:rgba(154, 182, 201, 0.8);
	margin:1em;
}
#menugr_titre{
	color:#1f4569;
	text-transform: uppercase;
	text-shadow:1px 0 #4e6b98, 0 -1px #4e6b98;
}
#menumru_titre{
			padding:unset;

	color:#bf5b11;
	text-transform: uppercase;
	text-shadow:1px 0 #ee7e3e, 0 -1px #ee7e3e;
}
.separateur_carte{
	margin-left:0.5em;
	margin-right:0.5em;
	border:1px dotted #002A49;
}
.prix{
	border-radius: 71% 28% 71% 28%;
	-moz-border-radius: 71% 28% 71% 28%;
	-webkit-border-radius:71% 28% 71% 28%;
  border-bottom: 2px solid #5A5A5A;
}

 #mru{
	 width:6em;
	 padding-top:2em;
	 padding-bottom:1em;
	 padding-right:2em;
	 margin-left:2em;
	 float:left;
 }
  #gr{
	 width:6em;
	 margin-left:2em;
	 float:right;
 }
.plus{
	padding-bottom:3em;
	padding-left:1em;
	padding-right:1em;
	width:2em;
}
#cartes{
	text-align:center;
	
}
#logoplus{
	width:9em;
	padding-bottom:1.5em;
}

/* GALERIE */

/*demo slider avec input radio*/

input[type=radio]{display:none}/*on cache tous les input*/
	
.cadre-demo1 label{
	position:relative;
	overflow:hidden;
	cursor:pointer
	}/*on pointe tous les labels*/

.cadre-demo1{
overflow:hidden;
position:relative;
text-align:center;
min-height:40em;
max-width:60em;
margin:20px auto
}


.photos-mini{
display:inline-block;
max-height:8em;
overflow:scroll;
overflow-x: hidden;
}

.miniature{
float:left;
width:14.1em;
margin:5px;
}

.cadre-demo1 label,
.miniature label img{display:block}

.fenetre{
width:600px;
height:400px;
object-fit:contain;
position:absolute;
top:13em;
transition:.6s;
left:-100%;
opacity:0}

.fen:checked~.fenetre{
left:50%;
transform:translatex(-50%);
-webkit-transform:translatex(-50%);
opacity:1}

figcaption{
text-align:center;
position:absolute;
top:10em;
left:50%;
width:600px;
transition:.6s;
transform:translatex(-50%);
-webkit-transform:translatex(-50%);
opacity:0;
height:30px;
line-height:30px;
color:white;
background:hsla(0,0%,0%,.8)}

.fen:checked~figcaption{

transition:2s;
opacity:1}






#footer{
	width:100%;	
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	margin-top:1em;
	position: absolute; 
	left: 0;
}
#footer a{
	text-decoration:none;
	color:#000084; 
	font-weight:bold;
}






/* tablet */
@media (max-width : 768px) {

@font-face { font-family: "Segoe Print"; 
src: url('segoepr.ttf'); } 	
html {
	background: url("../img/tyrokroketa.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100vh;
	padding:0;
	margin-top:0 !important;
	font-size:1.03em;
}
body{
 
  height:100%;
}

#contact{
	background:none;
	position:relative;
	-webkit-transform: rotate(-17deg);
	-moz-transform: rotate(-17deg);
	-o-transform: rotate(-17deg);
	-ms-transform: rotate(-17deg);
	transform: rotate(-17deg);
	text-align:left;
	border:none;
	box-shadow:none;
	border-bottom:solid #002a49 1px;
	border-radius:10% 30% 50% 70%;
	padding-left:2em;
	padding-bottom:2em;
	font-size:0.35em;
}
.only_screen{
	display:none;
}
.only_mobile{
	display:block;
}
.header{
	margin-left:0.45em;
	margin-right:0.45em;
	text-align:center;
	padding-bottom:0;
	padding-top:0.2em;
	background: radial-gradient( #F9F9F9, #7bd2ed 49% );
	background: -webkit-radial-gradient( #F9F9F9, #7bd2ed 70% );
	font-size:2.1em;

}

.logo{
	width:4.5em;
}
.soustitre_mob{
	font-family:Segoe Print;
	font-size:0.5em !important;
	color:#697079 !important;
	font-weight:bold;
	text-shadow: none !important;
	position: relative;
    top: 50%;		
    margin: 0 auto;
    text-align: center;
}

#menumob{
	font-size: 1em; 
	list-style: none; 
	margin-left: 1em;
	margin-right: 1em;
	margin-top:0;	
	padding: 0;
	border:solid 1px #263c7a;
	font-family:Segoe Print;
}
#menumob li{
	list-style:none;
	padding:5px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#ffffff;
	border-bottom:solid 1px #263c7a;
	text-align:center;
	background: radial-gradient( #F9F9F9, rgba(255, 255, 255, 0.8)70% );
	background: -webkit-radial-gradient( #F9F9F9, rgba(255, 255, 255, 0.8)70% );
}
#menumob li:hover, #menumob li:focus	{
	background-color:#e3d6bf;	
}

#menumob a{
	text-decoration:none;
	color:#214478;
}

#arc1mob{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#d60121 !important;
}
#arc2mob{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#006aa5 !important;
}
#arc3mob{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#ffba00 !important;
}
#arc4mob{
	font-weight:bold;
	font-size:1.5em;
	letter-spacing: 2px;
	display:inline-block;
	color:#63ad42 !important;
	text-align:center;
}

#cameramob{
	border-bottom:none !important;
}

.context{
	background-color:rgba(255, 255, 255, 0.8);
	padding:0.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-top:0.5em;
	font-family:Segoe Print, Helvetica, Arial, Verdana, sans-serif;
	font-size:0.9em;
	margin-left:1em;
	margin-right:1em;
	margin-top:0;
}
.context p{
	padding-left:0;
	padding-right:0;
}
#imgevent img{
	width:15em;
}
#mru{
	 width:4em;
	 padding-top:2em;
	 padding-bottom:1em;
	 padding-right:1em;
	 margin-left:2em;
	 float:left;
 }

  #gr{
	 width:4em;
	 margin-left:1em;
	 float:right;
 }
#menu_carte{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#menu_carte_mru{
	padding-bottom:0.5em;
	padding-top:0.5em;
	background: url("../img/tablecloth_mru.png"); 
}
#menu_carte_mru_1{
	background-color:rgba(253, 216, 123, 0.8);
	margin:1em;
}
#menu_carte_gr{
	background: url("../img/tablecloth.png"); 
	padding-bottom:0.5em;
	padding-top:0.5em;
}
#menu_carte_gr_1{
	background-color:rgba(154, 182, 201, 0.8);
	margin:1em;
}
#menugr_titre{
	color:#1f4569;
	text-transform: uppercase;
	text-shadow:1px 0 #4e6b98, 0 -1px #4e6b98;
}
#menumru_titre{
	color:#bf5b11;
	text-transform: uppercase;
	text-shadow:1px 0 #ee7e3e, 0 -1px #ee7e3e;
}
#menu_carte_mru p{
	padding-left:auto;
	padding-right:auto;
}

#menu_carte_gr p{
	padding-left:auto;
	padding-right:auto;
}

#footer{
	width:100%;	
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	margin-top:1em;
	position: absolute; 
	left: 0;
}
#footer a{
	text-decoration:none;
	color:#000084; 
	font-weight:bold;
}

#navigate{
	width:100%;	
	min-width:21em;
	margin-left:auto;
	margin-right: auto;
	text-align:center;
	bottom: 0;	
	left: 0;
	padding-top:1em;
	clear:both;
}
#navigate img{
	width:5em;
}
figcaption{
	text-align:center;
	background:hsla(0,0%,0%,.8);
	color:#ffffff;
	margin-bottom:0.7em;
	margin-left:auto;
	margin-right:auto;
}
.miniature{
	display:inline-block;
	width:8em;
	
}
.photos-mini{
	text-align:center;
-webkit-overflow-scrolling: touch;}

}