/* latin-ext */
  @font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    src: local('Righteous'), local('Righteous-Regular'), url(font/eJYqrhUff1n1Ge9A-rSw_BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
   @font-face {
    font-family: 'Righteous';
    font-style: normal;
    font-weight: 400;
    src: local('Righteous'), local('Righteous-Regular'), url(font/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }
    
  body
    { 
    font-family: 'Righteous';
    font-weight:500;
    font-size:14px;
    letter-spacing: 1px;
    color: #666;
     
   }

	body {
	  margin: 0;     
	  }
	a:link {
	  color: #333333;
	  }
	a:visited {
	  color: #333333;
	  }
	a:hover {
	  color: #333333;
	  }
	a:active {
	  color: #333333;
	  }
	   
	h1 {
		margin: 50px auto;
		text-align: center;
		font-family: 'Righteous';
		line-height:25px;
		font-weight: bold;
		color: #939598;
		text-shadow: 1px 1px 2px #000;;
		}
	#place{
	  width:600px;
	  margin:0 auto 0 auto;
	  height:480px;
	  }
	#image-map{ 
	  fill: transparent;
	  stroke:none;
	  stroke-width:0;
	  width: 600px;
	  height:480px;
	  }
	#image-map g{
	  transition: .6s;
	 }
		 
	#image-map g:hover { 
		fill: #3399ff;
		opacity:0.3;
		cursor: pointer;
	  }
	.verte{
	  position: relative;
	  width: 600px;
	  height:480px;
	}
	.jaune
		{
	  position: absolute;
	  top: -1px;
	  left: -1px;
	  width: 600px;
	  height:480px;
	  }
	#loading{
		visibility:hidden;
	  }
	#right{
		  }
	#right ul li {
		padding-top:40px;
		list-style:none;
		text-transform:uppercase;
		color:#fff;	
		text-align:center;
		font-size:16px;
		height:80px;
		width: 150px;
		margin: 0 5px 10px 5px;
		float:left;
	 }
		 
	#header {
		margin:0 auto 0 auto;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	  }
	#header a{
	  color:#fff;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
	  }
	#carte {
	   width:950px;
	   margin:0 auto 0 auto;
	   height:665px;
		background-color:#FFFFFF;
	   box-shadow: 6px 8px 10px 2px rgba(56, 54, 54, 0.75);
	  -moz-box-shadow: 6px 8px 10px 2px rgba(56, 54, 54, 0.75);
	  -webkit-box-shadow: 6px 8px 10px 2px rgba(56, 54, 54, 0.75);
	  }
	#carte img{
	  box-shadow: 3px 4px 5px 2px rgba(56, 54, 54, 0.75);
	  -moz-box-shadow: 3px 4px 5px 2px rgba(56, 54, 54, 0.75);
	  -webkit-box-shadow: 3px 4px 5px 2px rgba(56, 54, 54, 0.75);
	   }
	#carte img:hover {
	  box-shadow: 3px 3px 10px 2px rgba(56, 54, 54, 0.75);
	  -moz-box-shadow: 3px 3px 10px 2px rgba(56, 54, 54, 0.75);
	  -webkit-box-shadow: 3px 3px 10px 2px rgba(56, 54, 54, 0.75);
	  }
	#result {
	  position : relative;
	  height : 100%;
	  width : 100%;
	  background-color:#FFFFFF;
	  }
	#colors {
	  position : relative;
	  height : 100%;
	  width : 100%;
	  background-color:#FFFFFF;
	   }
	#menus {
	  position : relative;
	  height : 100%;
	  width : 100%;
	  background-color:#FFFFFF;
	  }
	#result_2 {
	  position:absolute;
	  height : 100%;
	  width : 100%;
	  background-color:#FFFFFF;
	  }
		  
	#result_1 {
	  position:absolute;
	  height : 100%;
	  width : 100%;
	  background-color:#FFFFFF;
	  }
	#result_menu {
	  position : relative;
	  height : 100%;
	  width : 100%;
	  background-color:#FFFFFF;
	  }
		  
	#result .loader {
	  display: none;
	  position:absolute;
	  top: 0; left: 0; right: 0; bottom: 0;
	  background: rgba(255,255,255,0.8) url(http://googl-url-shortener.googlecode.com/files/spin_24x24_loading.gif) center center no-repeat;
	  z-index: 2;
	  }
	#box_1 {
		text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 5px 5px 5px 30px;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  }
	#box_2 {
		text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 7px 3px 7px 0;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  }
	#box_3 {
		text-transform:uppercase;
		color:#FFFFFF;
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 7px 3px 7px 0;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  }
	#box_4 {
		text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 7px 3px 7px 0;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  }
	#box_5 {
		text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 7px 3px 7px 0;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  }
	#box_6 {
		text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 7px 3px 7px 0;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	  }
	#box_7 {
	  text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:60px;
	  width: 120px;
	  margin: 7px 3px 7px 0;
		float:left;
		border: 3px solid #333;
		-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -ms-border-radius: 5px;
	  -o-border-radius: 5px;
	  border-radius: 5px;
	 } 
	.imgbox {
		  padding-top:10px;
		text-transform:uppercase;
		  color:#FFFFFF;	
		text-align:center;
		  height:70px;
		width: 90px;
		margin:5px;
		  float:left;
		border: 1px solid #333;
	  }
	.imgbox_1 {
		padding-top:0px;
	  text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:70px;
	  width: 90px;
	  margin:0 5px 5px 10px;
		float:left;
	  border: 1px solid #333;
	  }
	.imgbox_2 {
		padding-top:10px;
	  text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:70px;
	  width: 90px;
	  margin:0 5px 5px 10px;
		float:left;
	  border: 1px solid #333;
	  }
		.imgbox_3 {
		padding-top:10px;
	  text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:70px;
	  width: 90px;
	  margin:0 5px 5px 10px;
		float:left;
	  border: 1px solid #333;
	  }
	.imgbox_4 {
		padding-top:10px;
	  text-transform:uppercase;
		color:#FFFFFF;	
	  text-align:center;
		height:70px;
	  width: 90px;
	  margin:0 5px 5px 10px;
		float:left;
	  border: 1px solid #333;
	  }
	#color_center {
	  
		width:auto;
		height:auto;
		vertical-align:top;
		margin-top:10px;
		text-align:left;
		font-size:12px;
		text-transform:uppercase;
		 
		z-index:1;
		 
	 }
		 
	.active {
		background-color:#FFFFFF;
		width:40px;
		height:40px;
		color: red;
	  }
		 
	#ri ul li{
	  display: table-cell;
		float: left;
		width:40px;
		height:40px;
		font-size:10px;
		padding-top:5px;
		border: 1px solid #fff;
		-webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -ms-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
	  }
	#ri blue {
		 background-color:#999900;
	  }
	.blue {
	  background-color:#999900;
	  }
	  
	#carte ..liste_color {
		  position: absolute;
		  width: 210px;
		  height: 592px;
		  left: 808px;
		  top: 1px;
		}
	.liste_color a{
		background-color:#F0EDE5;
		border: 2px solid #666666;
		color:#333333;
		  width:100px;
		  font-family:Arial, sans-serif;
		  font-weight:normal;
		  line-height:16px;
		  font-size: 12px;
		padding: 1px 0 1px 2px;
		  border-radius: 2px;
		-moz-border-radius: 2px;
		  -webkit-border-radius: 2px;
		  transition: all 0.2s ease-in-out;
		  -moz-transition: all 0.2s ease-in-out;
		  -webkit-transition: all 0.2s ease-in-out;
		}
	.liste_color a:hover{
		background-color: #00BBEA;
		border: 2px solid #666666;
		width:100px;
		  height:auto;
		  font-family:Arial, sans-serif;
		  font-weight:normal;
		  line-height:19px;
		  font-size: 12px;
		color:#fff;
		display: block;
		  width:95px;
		margin: 0 5px 3px 0;
		padding: 1px 0 1px 2px;
		  border-radius: 2px;
		-moz-border-radius: 2px;
		  -webkit-border-radius: 2px;
		transition: all 0.2s ease-in-out 0s;
	   }
	.liste_color ul {
		  list-style: none;
		  margin: 5px 0 5px 0 ;
		  padding: 0;
	 }
	#maDiv {
	  width:700px;
	  height:800px;
	  background-color:#0099FF; 
	}

	.liste_color ul li {
	  display: table-cell;
		float: left;
		border: 1px solid #fff;;
		width:120px;
		height:50px;
		text-align:center;
		vertical-align:middle;
		margin:2px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding-top:25px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  -ms-border-radius: 4px;
	  -o-border-radius: 4px;
	  border-radius: 4px;
	  border: 2px solid #fff;
	  -webkit-transition: all 0.1s ease-out;
	  -moz-transition: all 0.1s ease-out;
	  -o-transition: all 0.1s ease-out;
	  transition: all 0.1s ease-out;
	}
	.liste_color ul li a{
		border: 1px solid #fff;;
	  text-align:center;
		vertical-align:middle;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#999999;
	}
	.liste_color ul li:hover{
		float: left;
		border: 2px solid #00bfa8;
		border-radius: 4px;
		width:120px;
		height:50px;
		text-align:center;
		vertical-align:middle;
		font-size:14px;
	}
	.liste_color ul li:hover a {
		background-color: #F0EDE5;;
	}
	 
	#myImage {
	  position:relative; width:800px; height:600px; 
	 
	}
	a.apples {
	  display:block; position:absolute; 
	  top:0; left:0; width:100px; height:100px;
	  border:1px solid red;
	}
	a.taters {
	  display:block; position:absolute;
	  top:0; left:200px; width:25px; height:25px;
	  border:1px dotted orange;
	}
	#myImage a span {
	  display:none;
	}
	 
	#liste {
	font-size:12px;
		
	}
	 

	.box1 a {
		background-color: #616975;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
		background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
		background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
		background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
		background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
		background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
		border-bottom: 1px solid #33373d;
		-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
		-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
		box-shadow: inset 0px 1px 0px 0px #878e98;
		width: 120px;
		height: 60px;
		float:left;
		margin-right:3px;
		padding:5px;
		line-height: 25px;
		display: block;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 200px;
		color: #fff;
		text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	}
	 
	a {
		text-decoration: none;
	}
	ul, 
	ul ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#wrapper {  
		width: 260px;
		text-align:left;
		
	}
	.menu {
		width: auto;
		height: auto;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
		-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13);
	}
.menu > li > a {
  background-color: #616975;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
  background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
  background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
  background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
  background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
  background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
  border-bottom: 1px solid #33373d;
  -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
  -moz-box-shadow: inset 0px 1px 0px 0px #878e98;
  box-shadow: inset 0px 1px 0px 0px #878e98;
  width: 100%;
  height: 2.75em;
  line-height: 2.75em;
  text-indent: 2.75em;
  display: block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
#wrapper {  
  font-size: 0.8125em;    /* 13/16 = 0.8125*/
}
 
.menu > li > a {
  height: 2.75em;         /* 36/13 ˜ 2.75*/
  line-height: 2.75em;    /* 36/13 ˜ 2.75*/
  text-indent: 2.75em;    /* 36/13 ˜ 2.75*/
}
.menu ul li a {
  background: #fff;
  border-bottom: 1px solid #efeff0;
  width: 100%;
  height: 2.75em;
  line-height: 2.75em;
  text-indent: 2.75em;
  display: block;
  position: relative;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.923em;
  font-weight: 400;
  color: #878d95;
}


.menu ul li:last-child a {
    border-bottom: 1px solid #33373d;
}
.menu > li > a:hover, 
.menu > li > a.active {
  background-color: #35afe3;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
  background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
  background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
  background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
  background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
  background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
  border-bottom: 1px solid #103c56;
  -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
  -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
  box-shadow: inset 0px 1px 0px 0px #6ad2ef;
}
.menu > li > a.active {
    border-bottom: 1px solid #1a638f;
}
.menu > li > a:before {
  content: '';
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
  font-size: 36px;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -.5em 0 0 0;
}
.item1 > a:before {
  background-position: 0 0;
}
.item2 > a:before {
  background-position: -38px 0;
}
.item3 > a:before {
  background-position: 0 -38px;
}
.item4 > a:before {
  background-position: -38px -38px;
}
.item5 > a:before {
  background-position: -76px 0;
}

.menu > li > a span {
  font-size: 0.857em; 
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 50%; 
  background: #48515c;
  line-height: 1em;
  height: 1em;
  padding: .4em .6em;
  margin: -.8em 0 0 0; 
  color: #fff;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: .769em;
  -moz-border-radius: .769em;
  border-radius: .769em;
  -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
  -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
  box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
  text-shadow: 0px 1px 0px rgba(0,0,0,.5);
  font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
    background: #2173a1;
}
menu ul > li > a span {
  font-size: 0.857em; 
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 50%; /
  background: #fff;
  border: 1px solid #d0d0d3;
  line-height: 1em;
  height: 1em;
  padding: .4em .7em;
  margin: -.9em 0 0 0; 
  color: #878d95;
  text-indent: 0;
  text-align: center;
  -webkit-border-radius: .769em;
  -moz-border-radius: 769em;
  border-radius: 769em;
  text-shadow: 0px 0px 0px rgba(255,255,255,.01));
}
.menu > li > ul li a:before {
  content: "»";
  font-size: 10px;
	font-weight:bold;
  color: #bcbcbf;
  position: absolute;
  width: 1em;
  height: 1em;
  top: 0;
  left: -2.7em;
}
 
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
  color: #32373D;
}
	.titre {
	  background: #ccc;
	  border-bottom: 1px solid #efeff0;
	  width: 100%;
	  height: 2.75em;
	  line-height: 2.75em;
	  text-indent: 2.75em;
	  display: block;
	  position: relative;
	  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	  font-weight: 400;
	  text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);
		color: #0080ff;
		font-size: 30px;
	 
	}
	.choix {  
	  border-bottom: 1px solid #efeff0;
	  width: 100%;
	  height: 2.75em;
	  line-height: 2.75em;
	  text-indent: 2.75em;
	  font-family: 'Righteous';
	  font-weight: 400;
	  text-shadow: 0px 0px 7px rgba(40, 40, 40, 0.75);
	  color: #939598;
	  font-size: 20px;
	  padding-top:50px;
	 
	}


	button.accordion {
	  background-color: #eee;
	  color: #444;
	  cursor:default;
	  height:35px;
	  margin:0;
	  width: 180px;
	  border: none;
	  text-align:center;
	  margin-left:10px;
	  outline: none;
	  font-size: 14px;
		
	}

	button.accordion.active, button.accordion:hover {
		background-color: #ddd;
	}

	button.accordion:after {
	  color: #777;
	  font-weight: bold;
	  float: right;
	  margin-left: 10px;
	}

	button.accordion.active:after {
		
	}

	div.panel {
	  padding: 0;
	  background-color: white;
	  max-height: 0;
	  overflow:scroll;
	  transition: max-height 0.2s ease-out;
	}

	#ici {
	  height:480px;
	  overflow:scroll;
	  width:240px;
	   
	 }
	#ici img{
	 margin-top:200px;
	 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
	}
	 
 
	button.accordion {
	  background-color: #eee;
	  color: #444;
	  cursor: pointer;
	  height:45px;
	  margin:0;
	  width: 260px;
	  border: none;
	  text-align:center;
	  margin-left:10px;
	  outline: none;
	  font-size: 15px;
	  transition: 0.4s;
	}

	button.accordion.active, button.accordion:hover {
	  background-color: #ddd;
	}

	button.accordion:after {
	  color: #777;
	  font-weight: bold;
	  float: right;
	  margin-left: 10px;
	}
	button.accordion.active:after { 
	}
	div.panel {
	  padding: 0;
	  background-color: white;
	  max-height: 0;
	  overflow:scroll;
	  transition: max-height 0.2s ease-out;
	}
	canvas {
	  width: 600px;
	  height: 1px;
	  display: block;
	  border: 1px solid #ccc;
	}
	#recup_ref {
		   
	}
	#recup_ref li ch{
	  display:inline-grid;   
	}
	.ch{
	  width: 45px;
	  height: 45px;
	  display:inline-grid;
	  margin: 5px;
	  padding-top: 19px;
	  padding-left: 5px;
	  font-size: 9px;
	  font-weight: bold;  
	}
	.ch close{
	  width: 5px;
	  height: 5px;
	  padding-top: 2px;
	  padding-left: 5px;
	  font-size: 5px;
	 
	}	
	#ri ul li{
	  display: table-cell;
	  float: left;
	  width:45px;
	  height:45px;
	  font-size:9px;
	  margin:1px;
	  padding-top:10px;
	  padding-left: 10px;
	  padding-bottom: 5px;
	  border: 1px solid #ccc;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -ms-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
	  text-align:center;
       }
  .box1 {
	  display: table-cell;
	  float: left;
	  width:45px;
	  height:45px;
	  font-size:12px;
	  padding-top:20px;
	  padding-left: 20px;
	  padding-bottom: 5px;
	  border: 1px solid #ccc;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -ms-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
	  text-align:center;
   }
	#box2 {
	  display: table-cell;
	  float: left;
	  width:65px;
	  height:45px;
	  font-size:9px;
	  padding-top:20px;
	  padding-left: 50px;
	  border: 1px solid #ccc;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -ms-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
   }
	 #box3 {
	  display: table-cell;
	  float: left;
	  width:140px;
	  height:90px;
	  font-size:14px;
	  padding-top:30px;
	  padding-left: 20px;
	  padding-bottom: 5px;
	  border: 1px solid #ccc;
	  -webkit-border-radius: 2px;
	  -moz-border-radius: 2px;
	  -ms-border-radius: 2px;
	  -o-border-radius: 2px;
	  border-radius: 2px;
	  text-align:center;
   }