* {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

body {
	margin:20px auto 0px auto;
	background-image:url('img/fd.png');
	background-position : top;
	background-repeat : repeat-x;
	background-color:#E6E6E6;
	text-align:center;
}

#animHome {
	z-index:1;
	position:absolute;
	text-align:center;
	margin:53px auto 0px 280px !important;
	margin:53px auto 0px 256px;

}

#search {
	z-index:1;
	position:absolute;
	margin:53px auto 0px 774px !important;
	margin:53px auto 0px 749px;
	width:290px;
}

#main {
	width:1050px;
	margin:0px auto 0px auto;
	text-align:center;
	background-color:#FFF;
}

#header {
	width:1002px;
	height:430px;
	background-image:url('img/vitrage-riou.jpg');
	margin:0px auto 0px auto;
	text-align:center;
	width:1002px;
}

.LgSite {
	position: absolute;
	padding-left:15px;
	padding-top:55px;
	font-family:arial;
	font-size:9pt;
	color:#00789F;
}

.opacity100{ 
    opacity : 1; 
    -moz-opacity : 1; 
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */ 
    filter : alpha(opacity=100); /* IE < 8 */ 
  } 

.opacity50{ 
    opacity : 0,5; 
    -moz-opacity : 0,5; 
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */ 
    filter : alpha(opacity=50); /* IE < 8 */ 
  } 
  
  .opacity70{ 
    opacity : 0,7; 
    -moz-opacity : 0,7; 
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */ 
    filter : alpha(opacity=70); /* IE < 8 */ 
  } 
  


#content {
	margin:0px auto 0px auto;
	text-align:center;
	width:1002px;
}

#logo {
	float:left;
	margin-left:22px;
	margin-top:7px;
}

#navigation {
	float:left;
	text-align:left;
	margin-left:15px;
	margin-top:20px;
}

#quickaccess {
	float:right;
	text-align:left;
	margin: 8px 80px 0px 0px;
}

#siteProd{
	float:right;
	text-align:left;
	margin: -64px 1px 0px 0px;
}

.borderimg {
	border: solid 1px #000;
}

a.link {
	font-family:arial;
	font-size:9pt;
	color:#00789F;
	text-decoration:none;
}

a:hover.link {
	font-family:arial;
	font-size:9pt;
	color:red;
	text-decoration:none;
}

a.linkDeco {
	font-family:arial;
	font-size:9pt;
	color:#00789F;
	text-decoration:underline;
}

a:hover.linkDeco {
	font-family:arial;
	font-size:9pt;
	color:red;
	text-decoration:underline;
}

h1 {
	font-family:arial;
	font-size:11pt;
	color:#464646;
	margin: 0 0 5px 0;
}

h2 {
	font-family:arial;
	font-size:9pt;
	color:#00789F;
	margin: 0 0 0 0;
	font-weight:bold;
	text-align:left;
}

.titleblue {
	font-family:arial;
	font-size:9pt;
	color:#00789F;
	margin: 0 0 0 0;
	font-weight:bold;
}


ul#nav {
	  list-style: none;
}

ul#nav li
{
    background: url('img/puce.png') no-repeat left top;
	background-position:0px 4px  !important;
    background-position:0px 17px;
	line-height: 10px !important;
    line-height: 30px;
    padding-left:10px;
	margin: 12px 0px -5px 5px !important;
    margin: 0 0 0 5;
}    


ul#qs {
	  list-style: none;
	  text-align:left
}

ul#qs li
{
    background: url('img/arrowl.png') no-repeat left top;
    background-position:0px 6px;
    line-height: 17px;
    padding-left:10px;
    margin: 0 0 0 5;
	text-align:left
} 
 
a.linknav {
	font-family:arial;
	font-size:11pt;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

a:hover.linknav {
	font-family:arial;
	font-size:11pt;
	color:#66B5CE;
	text-decoration:none;
	font-weight:bold;
}

a.marked {
	font-family:arial;
	font-size:11pt;
	color:#66B5CE;
	text-decoration:none;
	font-weight:bold;
}

a:hover.marked{
	font-family:arial;
	font-size:11pt;
	color:#66B5CE;
	text-decoration:underline;
	font-weight:bold;
}

#menuLeft {
	text-align:left;
	float:left;
	width:120px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 20px;
}

#menuLeft2 {
	text-align:left;
	float:left;
	width:200px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 20px;
}

#homeLeft {
	text-align:left;
	float:left;
	width:210px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 20px;
	line-height: 19px;
}

#homeCenter {
	text-align:justify;
	float:left;
	width:470px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 10px;
}

#maintext {
	text-align:justify;
	float:left;
	width:800px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 10px;
}

#maintext2 {
	text-align:justify;
	float:left;
	width:720px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 10px;
}

#homeRight{
	text-align:justify;
	float:left;
	width:210px;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	margin : 0 20px 20px 20px;
}

.text {
	font-family:arial;
	font-size:9pt;
	color:#787878;
}

.clear {
	clear:both;
}

#footer {
	background-color:#008BB7;
	padding:3px 20px 3px 20px;
	font-size:2pt;
	text-align:left;
}

.copyrG {
	float:left;
	font-family:arial;
	font-size:7pt;
	color:#FFFFFF
}

.copyrD {
	float:right;
	font-family:arial;
	font-size:7pt;
	color:#FFFFFF
}

a.acopyr {
	font-family:arial;
	font-size:7pt;
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover.acopyr {
	font-family:arial;
	font-size:7pt;
	color:#FFFFFF;
	text-decoration:none;
}

.smallText {
	font-family:arial;
	font-size:7pt;
	color:C8C8C8;
}

ul.indent {
	padding-left:40px;
}

/*table td.dt {
	border: solid 1px #000;
	font-family:arial;
	font-size:9pt;
	color:white;
	background-color:#66B5CE;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:center;
}

table td.dt2 {
	border: solid 1px #000;
	font-family:arial;
	font-size:9pt;
	color:black;
	background-color:#C8C8C8;
	padding:10px 10px 10px 10px;
	font-weight:bold;
	text-align:center;
}

table td.tddt {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:black;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	text-align:center;
	
}

table td.tdgreen {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:black;
	font-family:arial;
	font-size:9pt;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	background-color:green;
	text-align:center;
	
}

table td.tdred {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:black;
	font-family:arial;
	font-size:9pt;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	background-color:red;
	text-align:center;
	
}

table td.tdyellow {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:black;
	font-family:arial;
	font-size:9pt;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
	background-color:#ffcc00;
	text-align:center;
}

table td.tdyellow2 {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:black;
	font-family:arial;
	font-size:9pt;
	color:#000000;
	padding:10px 10px 10px 10px;
	background-color:#ffff99;
	text-align:center;
	
}

table td.tddt2 {
	border-style: solid;
	border-bottom-width: 1px;
	border-top-width:0px;
	border-left-width:1px;
	border-right-width:1px;
	border-color:black;
	font-family:arial;
	font-size:9pt;
	color:#787878;
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	text-align:left;
	
}*/

	#container {
		position: relative;
		width: 790px;
		margin: 20px 0px 0px 0px;
		text-align: left;
		border: 4px solid #00789F;
		background-color: #00789F;
	}
	#container * {
		margin: 0;
		padding: 0;
	}
	#container ul#menu {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container ul#menu li {
		float: left;
		display: inline;
	}
	#container ul#menu li a {
		text-align: center;
		display: block;
		width: 155px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	#container ul#menu li a:hover {
		background-color: #478393;
		 color:white;
	}
	
	#container ul#menu2 {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container ul#menu2 li {
		float: left;
		display: inline;
	}
	#container ul#menu2 li a {
		text-align: center;
		display: block;
		width: 25px;
		height: 20px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	#container ul#menu2 li a:hover {
		background-color: #478393;
		 color:white;
	}
	#container3 {
		position: relative;
		width: 790px;
		margin: 20px 0px 0px 0px;
		text-align: left;
		border: 4px solid #00789F;
		background-color: #00789F;
	}
	
	#container ul#menu3 {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container ul#menu3 li {
		float: left;
		display: inline;
	}
	#container ul#menu3 li a {
		text-align: center;
		display: block;
		width: 120px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	#container ul#menu3 li a:hover {
		background-color: #478393;
		 color:white;
	}
	
	#container h1 {
		margin: 0.5em 0 0.5em 0;
		font-size: 1.4em;
	}
	#container .content {
		padding: 1em 2em;
		margin: -2px 0 0 0;
		_margin: -16px 0 0 0;
		background-color: #00789F;
	}
	#container hr {
		clear: both;
		visibility: hidden;
	}
	#container a.current {
		background-color: #F0F0F0;
		color: #00789F;
		border-style: solid;
		border-left-width:1px;
		border-top-width:1px;
		border-right-width:1px;
		border-bottom-width:0px;
		border-color:#F0F0F0;
	}
	#container a.ghost  {
		background-color: #00789F;
		border-style: solid;
		border-left-width:1px;
		border-top-width:1px;
		border-right-width:1px;
		border-bottom-width:0px;
		border-color:#F0F0F0;
		color: #FFF;
	}
	#container .on {
		display: block;
		background-color: #F0F0F0;
	}
	#container .off {
		display: none;
		background-color: #F0F0F0;
	}
	
	
	
	#container2 {
		position: relative;
		width: 730px;
		margin: 20px 0px 0px 0px;
		text-align: left;
		border: 4px solid #00789F;
		background-color: #00789F;
	}
	#container2 * {
		margin: 0;
		padding: 0;
	}
	#container2 ul#menu {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container2 ul#menu li {
		float: left;
		display: inline;
	}
	#container2 ul#menu li a {
		text-align: center;
		display: block;
		width: 155px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	#container2 ul#menu li a:hover {
		background-color: #478393;
		 color:white;
	}
	
	#container2 ul#menuLarge {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container2 ul#menuLarge li {
		float: left;
		display: inline;
	}
	#container2 ul#menuLarge li a {
		text-align: center;
		display: block;
		width: 200px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	
	#container2 ul#menuLarge li a:hover {
		background-color: #478393;
		 color:white;
	}
	
	#container2 ul#menuLarge2 {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container2 ul#menuLarge2 li {
		float: left;
		display: inline;
	}
	
	#container2 ul#menuLarge2 li a {
		text-align: center;
		display: block;
		width: 230px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	
	#container2 ul#menuLarge2 li a:hover {
		background-color: #478393;
		 color:white;
	}
	
	#container2 ul#menu2 {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container2 ul#menu2 li {
		float: left;
		display: inline;
	}
	#container2 ul#menu2 li a {
		text-align: center;
		display: block;
		width: 25px;
		height: 20px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	#container2 ul#menu2 li a:hover {
		background-color: #478393;
		 color:white;
	}
	#container3 {
		position: relative;
		width: 790px;
		margin: 3em auto;
		text-align: left;
		border: 4px solid #00789F;
		background-color: #00789F;
	}
	
	#container2 ul#menu3 {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container2 ul#menu3 li {
		float: left;
		display: inline;
	}
	#container2 ul#menu3 li a {
		text-align: center;
		display: block;
		width: 115px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	#container2 ul#menu3 li a:hover {
		background-color: #478393;
		 color:white;
	}
	
	#container2 h1 {
		margin: 0.5em 0 0.5em 0;
		font-size: 1.4em;
	}
	#container2 .content {
		padding: 1em 2em;
		margin: -2px 0 0 0;
		_margin: -16px 0 0 0;
		background-color: #00789F;
	}
	#container2 hr {
		clear: both;
		visibility: hidden;
	}
	#container2 a.current {
		background-color: #F0F0F0;
		color: #00789F;
		border-style: solid;
		border-left-width:1px;
		border-top-width:1px;
		border-right-width:1px;
		border-bottom-width:0px;
		border-color:#F0F0F0;
	}
	#container2 a.ghost  {
		background-color: #00789F;
		border-style: solid;
		border-left-width:1px;
		border-top-width:1px;
		border-right-width:1px;
		border-bottom-width:0px;
		border-color:#F0F0F0;
		color: #FFF;
	}
	#container2 .on {
		display: block;
		background-color: #F0F0F0;
	}
	#container2 .off {
		display: none;
		background-color: #F0F0F0;
	}
	
	.ipt {
	font-family : arial;
	font-size : 11px;
	color : #323232;
	border-style:outset;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#B4B4B4;
}

.iptCheck {
	font-family : arial;
	font-size : 11px;
	color : black;
	border-style:solid;
	background-color:#F0F0F0;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:red;
}

.iptDisabled {
	font-family : arial;
	font-size : 11px;
	color : black;
	border-style:solid;
	background-color:#F0F0F0;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-color:#B4B4B4;
}

.selectNoCheck {
	border-style:solid;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	background-color:#FFFFFF;
	border-color:#FFFFFF;
}

.selectCheck {
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	background-color:#FFFFFF;
	border-color:red;
	width:100px;
}

/****** Google search *********/

.gsc-control-cse {
    font-family: Arial, sans-serif;
	margin-left:10px;
	background-color: #FFFFFF;
  }
  input.gsc-input {
    border-color: #BCCDF0;
  }
  input.gsc-search-button {
    border-color: #999999;
    background-color: #CECECE;
	border-style:solid;
	border-top-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
  }
  .gsc-tabHeader.gsc-tabhInactive {
    border-color: #E9E9E9;
    background-color: #E9E9E9;
  }
  .gsc-tabHeader.gsc-tabhActive {
    border-top-color: #FF9900;
    border-left-color: #E9E9E9;
    border-right-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-tabsArea {
    border-color: #E9E9E9;
  }
  .gsc-webResult.gsc-result {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gsc-webResult.gsc-result:hover {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
  }
  .gs-webResult.gs-result a.gs-title:link,
  .gs-webResult.gs-result a.gs-title:link b {
    color: #00789F;
  }
  .gs-webResult.gs-result a.gs-title:visited,
  .gs-webResult.gs-result a.gs-title:visited b {
    color: #00789F;
  }
  .gs-webResult.gs-result a.gs-title:hover,
  .gs-webResult.gs-result a.gs-title:hover b {
    color: #00789F;
  }
  .gs-webResult.gs-result a.gs-title:active,
  .gs-webResult.gs-result a.gs-title:active b {
    color: #00789F;
  }
  .gsc-cursor-page {
    color: #00789F;
  }
  a.gsc-trailing-more-results:link {
    color: #00789F;
  }
  .gs-webResult.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-webResult.gs-result .gs-visibleUrl {
    color: #008000;
  }
  .gs-webResult.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  .gsc-cursor-box {
    border-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page {
    border-color: #E9E9E9;
    background-color: #FFFFFF;
  }
  .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
    border-color: #FF9900;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result {
    border-color: #336699;
    background-color: #FFFFFF;
  }
  .gs-promotion.gs-result a.gs-title:link {
    color: #00789F;
  }
  .gs-promotion.gs-result a.gs-title:visited {
    color: #00789F;
  }
  .gs-promotion.gs-result a.gs-title:hover {
    color: #00789F;
  }
  .gs-promotion.gs-result a.gs-title:active {
    color: #00789F;
  }
  .gs-promotion.gs-result .gs-snippet {
    color: #000000;
  }
  .gs-promotion.gs-result .gs-visibleUrl,
  .gs-promotion.gs-result .gs-visibleUrl-short {
    color: #008000;
  }
  #container2 ul#menuLarge3 {
		position: relative;
		width: 100%;
		font-weight: bold;
	}
	#container2 ul#menuLarge3 li {
		float: left;
		display: inline;
	}
	
	#container2 ul#menuLarge3 li a {
		text-align: center;
		display: block;
		width: 300px;
		height: 25px;
		line-height: 25px;
		text-decoration: none;
		/*background-color: #00789F;
		color:white;*/
	}
	
	#container2 ul#menuLarge3 li a:hover {
		background-color: #478393;
		 color:white;
	}
	

/* ------------ design tableau -----------------*/

#tableau {
    font-family:arial;
    font-size: 12px;
    margin: 10px 0;
    text-align: left;
    border-collapse: collapse;
}

#tableau tr td.dt {
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe url('http://www.riouglass.com/img/tabhead.png') repeat-x;
    border-top: 1px solid #d3ddff;
    border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
    color: #00789F;
	text-align:center;
	font-weight:bold;
}

#tableau td.tddt {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
	border-right: 1px solid #fff;
    background: #e8edff url('http://www.riouglass.com/img/tabback.png') repeat-x;
	text-align:center;
}

#tableau td.tddt2 {
    padding: 8px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
	border-right: 1px solid #fff;
    background: #e8edff url('http://www.riouglass.com/img/tabback.png') repeat-x;
	text-align:center;
}

#tableau td.tdgreen {
	padding: 8px;
    border-bottom: 1px solid #fff;
    color:white;
    border-top: 1px solid #fff;
	border-right: 1px solid #fff;
    background-color:green;
	text-align:center;

}

#tableau td.tdred {
	padding: 8px;
    border-bottom: 1px solid #fff;
    color:white;
    border-top: 1px solid #fff;
	border-right: 1px solid #fff;
    background-color:red;
	text-align:center;
	
}

#tableau td.tdyellow {
	padding: 8px;
    border-bottom: 1px solid #fff;
    color:white;
    border-top: 1px solid #fff;
	border-right: 1px solid #fff;
   	background-color:#ffcc00;
	text-align:center;
	
}

#tableau td.tdyellow2 {
	padding: 8px;
    border-bottom: 1px solid #fff;
    color:black;
    border-top: 1px solid #fff;
	border-right: 1px solid #fff;
   	background-color:#ffff99;
	text-align:center;
	
}


#tableau tr:hover td.tddt {
    background: #d0dafd url('http://www.riouglass.com/img/tabhover.png') repeat-x;
    color: #339;
}

#tableau a:hover {
    text-decoration:underline;
}

/* ------------------------------------------------*/