@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'roboto';
    src: url('roboto-light-webfont.eot');
    src: url('roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('roboto-light-webfont.woff') format('woff'),
         url('roboto-light-webfont.ttf') format('truetype'),
         url('roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face{
	font-family:'vag';
	src:url("VAGRoundedStd-Thin.otf");
	/*src:url("VAGRoundedStd-Thin.otf?#iefix") format("embedded-opentype"),
	url("VAGRoundedStd-Thin.woff2") format("woff2"),
	url("VAGRoundedStd-Thin.woff") format("woff"),
	url("VAGRoundedStd-Thin.ttf") format("truetype"),
	url("VAGRoundedStd-Thin.svg#vagroundedthin") format("svg");*/
	font-weight:normal;
	font-style:normal
}



html {
	height: 100%;
}

body {

	background-color:#FFF;
	text-align:center;
	padding:0px;
	margin:0px;
	
	width:100%;
	height:100%;
	text-align:center;
	
	font-family:vag;
	font-size:14px;
}

div, table, tr, td, p {
	padding:0px;
	margin:0px;
	font-weight:normal;
	color:#070707;
}

img {
	padding:0px;
	margin:0px;
	border:0px;
	display:inline;
	vertical-align:bottom;
}


dl, dt, dd, ul, li, form {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a {
/*	padding:0px;
	margin:0px;*/
	border:0px;
	text-decoration:none;

}


a:hover {
	text-decoration:none;
}

h1 {
	font-family:vag;
	font-weight:normal;
	font-size:30px;
	font-weight:normal;
	
}

h1 span {color:#c7293b;}

h1.les-sauces {color:#8c4c43;}
h1.les-soupes {color:#75b222;}
h1.les-mijotes {color:#c90272;}
h1.les-pates {color:#eb6605;}
h1.la-vapeur {color:#01addd;}
h1.les-desserts {color:#fec500;}
h1.le-mode-manuel {color:#df0714;}

h2 {
	font-family:vag;
	font-weight:normal;
	font-size:16px;
	font-weight:normal;
	
}

.alerte {
	color:#d50118;

}
a.lien {
	color:#C90;		
}

#flow {
	width:100%;
	height:100%;
	position:fixed;
	text-align:center;
	top:0px;
	left:0px;
	display:none;
	z-index:999999999;
	border:none;
}

#flow a.bgtrans {
	
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:30px;left:0px;
	color:white;
	background-color:#000000;
	opacity:0.8;
	filter: alpha(opacity=80);
}

#flow #pos {
	position:absolute;
	top:50px;
	left:0px;

	width:100%;
	height:100%;
	display:block;
	border:none;

	text-align:center;
	overflow:hidden;
}

#flow #pos #ipad {
	margin:auto;
	position:relative;
	display:block;
	width:auto;
	height:auto;
	border:2px solid white;

}

#flow #infoPanel {
	position:absolute;
	display:block;
	top:0px;left:0px;
	font-size: 12pt;
	padding: 5px 15px;
	height:20px;
	width: 100%;
	color:#FFFFFF;
	background-color:#000000;
	overflow: hidden;
	text-align:left;
}

#flow #infoPanel p{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:white;
}

#flow #infoPanel img {
	float:right;
	margin-right:15px;
	margin-top:-5px;
	border:0px;
}

form {
	z-index:500000;	
}

.selected {

	color:#e2185b;
	
}

.bottom {position:absolute;bottom:0px;}
.right {float:right;}

.clearLeft {
	clear:left;	
}

.clear {clear:both;}

video {

	margin:0px;
	padding:0px;
	
}


.bouton:hover {
	opacity:0.8;
	filter : alpha(opacity=80);
/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.8;
/* FIREFOX TRES VIELLE VERSION <= 0.9*/
    -moz-opacity : 0.8;
/* IE 8 ET COMPRIS PAR IE 10*/
    -ms-filter: "alpha(opacity=80)";
/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
/* IE 4 */
    filter : alpha(opacity=80);
/* AUTRE */	
	
}

.bouton2 > img {
  -webkit-filter: brightness(-65%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.bouton2:hover > img {


	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */


}

.rose {color:#cd327f;}

.rouge {color:#c7293b;}