/* ######################################################################### */
/* CHEM_CSS: Feuille de Style Generale.
/* T R B L: Top Right Bottom Left.
/* ######################################################################### */
a.ext {
   padding-right: 16px;
   background: url("/image/linkext.gif") no-repeat center right;
}
a.list { color: #4040ff; }
a.list:link { color: #4040ff; }
a.list:visited { color: #111199; }
a.list:hover { color: #0000aa; }
a.list:active {
   color: #111199;
   outline: none;
}
a img {
   border: 0 none;
}
a.normal {
   color: #404040;
   text-decoration: none;
}
a.normal:hover {
   background-color: #eeeeee;
}
div.close {
   padding-right: 24px;
   height: 26px;
   width: 100%;
   line-height: 24px;
   cursor: pointer;
   background: url("/image/linkclose.png") no-repeat center right #efefef;
   vertical-align: middle;
   text-align: right;
   font-weight: bold;
   color: #555555;
}
div.showhide {
   width: 100%;
   border: 1px solid #dddddd;
   padding: 5px;
   margin-top: 5px;
   margin-bottom: 10px;
   overflow: auto;
}
.button {
   font-weight: 700;
   font-size: 15px;
   background-color: #d1ff2b;
   border: 2px solid #d1ff2b;
   height: 36px;
   padding: 0px 5px 0px 5px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   vertical-align: middle;
   text-align: center;
}
.popupimage {
   display: none;
   background-color: #ffffff;
	text-align: center;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	z-index: 155;
   width: 100%;
}
a.button {
   display: inline-block;
   padding-top: 8px;
   padding-bottom: 8px;
   letter-spacing: 1px;
   color: #404040;
   text-decoration: none;
   overflow: visible;
   width: auto;
}
input.button {
   width: auto;
   overflow: visible;
   cursor: pointer;
   letter-spacing: 1px;
   height: 36px;
}
span.nbrecords {
   margin-left: 60px;
}
table.all_list {
   width: 100%;
   background-color: #ffffff;
}
table.full {
   min-width: 200px;
   width: 100%;
}
table.list {
   width: 100%;
   background-color: #ffffff;
}
table.listchem {
}
table.listchem td:first-child {
   width: 80px;
}
table.listchem td:nth-child(2) {
   width: 15px;
}
table.listpuce {
   width: 100%;
}
table.listpuce td:first-child {
   width: 50px;
   padding-right: 10px;
   text-align: right;
}
table.listpuce td:nth-child(2) {
   padding-right: 5px;
}
table.listpuce td:nth-child(2) a {
   display: inline-block;
   width: 100%;
}
table.marglr {
   margin-left: 25px;
   margin-right: 20px;
}
table.struc_name {
   margin-bottom: 30px;
   background: url("/image/background_tr_struc_name.jpg") repeat-x scroll top center #afc1cd;
}
table.text {
   width: 80%;
   margin-top: 20px;
   margin-left: 15px;
   border-collapse: collapse;
}
table.text td {
   padding-bottom: 10px;
   font-weight: 500;
   text-align: justify;
   vertical-align: top;
}
table.botop00 {
   width: 100% !important;
   background-color: #ede9ee;
   border-top: #b2a8c3 1px solid;
   border-bottom: #b2a8c3 1px solid;
}
table.botop00 td {
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 3px;
}
table.botop00 td:first-child {
   padding-left: 10px;
   text-align: left;
}
table.botop00 td:last-child {
   padding-left: 10px;
   padding-right: 180px;
   text-align: right;
}
table.botop00 td:last-child div {
   min-width: 185px;
}
table.botop00 td:last-child div form {
   display: inline-block;
}
td.adslot_2 {
   padding-right: 5px;
   padding-left: 5px;
   padding-top: 0px;
   text-align: right;
   vertical-align: top;
}
td.h2 {
   padding-top: 0px;
   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 25px;
}
td.h3 {
   background-color: #797979;
   color: #d1ff2b;
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 3px;
   padding-left: 15px;
   padding-top: 3px;
}
td.lang {
   background-color: #fdfdfd;
   padding-right: 2px;
   font-weight: bold;
}
td.link {
   background: url("/image/background_td_link.gif") no-repeat 1px center;
   padding-bottom: 2px;
   padding-left: 15px;
   vertical-align: middle;
}
td.list {
   padding-bottom: 1px;
   padding-top: 1px;
}
td.name_lang {
   font-weight: bold;
   padding-left: 20px;
}
td.name_name {
   padding-left: 30px;
   padding-bottom: 2px;
}
td.puce {
   background: url("/image/puce_plus02.gif") no-repeat center center transparent;
   overflow: hidden;
   width: 120px;
   height: 40px;
}
td.puce a {
   display: block;
   text-decoration: none;
   margin: -10em;
   padding: 10em;
}
td.separ {
   height: 10px;
   font-size: 8px;
   border-bottom: 1px solid #b2a8c3;
}
td.subst_name {
   word-break: break-all;
}
tr.header {
   background-color: #e5e5e5;
}
tr.list {
   border-top: 1px solid #b2a8c3;
   vertical-align: top;
   background-color: #ffffff;
}
tr.list:first-child {
   border-top: 0 none;
   vertical-align: top;
   background-color: #ffffff;
}
tr.list_over {
   vertical-align: top;
   background-color: #ede9ee;
}
tr.plugvideo {
   background-color: #292929;
   height: 40px;
}
tr.plugvideo  td {
   text-align: center;
   margin: 0 auto 0 auto;
   padding: 4px 7px;
   color: #f7f7f7;
   font-weight: 700;
   font-size: 1.2em;
   text-decoration: none;
   vertical-align: middle;
}

/* ######################################################################### */
/* SPECIAUX:
/* ######################################################################### */
#thumbright {
   float: left;
   padding: 1px !important;
   border: 0 none;
   margin-top: 0;
   margin-left: 30px;
   margin-right: 30px;
   margin-bottom: 5px;
   width: auto;
   text-align: center;
   overflow: hidden;
}
#chemname1 {
   -khtml-user-select: none;
   -webkit-user-select: none;
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   user-select: none;
}
#chem-in {
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   vertical-align: middle;
}
#chem-in ul {
   display: inline-block;
   padding-top: 5px;
   text-align: center;
}
#chem-in ul li {
   display: inline-block;
}
#chem-in table {
   margin-left: auto;
   margin-right: auto;
}
#GloNav {
   width: 100%;
}
#GloNav ul {
   display: inline-block;
   text-align: center;
}
#GloNav ul li {
   margin: 0;
   padding: 0;
	display: inline-block;
}
#GloNav a {
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   font-size: 1.25em;
   text-align: center;
   text-decoration: none;
   color: #83C60E;
}
#GloNav a:hover {
   text-decoration: underline;
   color: #83C60E;
}
#GloNav a:after {
   color: #83c60e;
   content: "-";
}
#GloNav a.last:after{
   content: none;
}
#myCanvasContainer {
   margin: 0;
   max-width: 480px;
   max-height: 360px;
   margin-right: auto;
   margin-left: auto;
   overflow: visible;
}
#KwordCloud {
   display: none;
   background-color: transparent;
   margin: 0 auto;
}
#KwordCloud li {
   margin: 0;
   padding: 0;
}
#KwordCloud li:before {
   content: none;
}
#KwordCloud ul li a, ul li a:visited {
   font-family: 'Open Sans', sans-serif;
   border: solid 1px transparent;
   white-space: nowrap;
   color: #5B5B5B;
   font-size: 0.7em;
   font-weight: 700;
   text-decoration: none;
}
#KwordCloud ul li a:hover {
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   color: #ff6f0a;
   border: solid 2px #ff6f0a;
}
#KwordCloud ul li.linkDe a {
   color: #582800;
}
#KwordCloud ul li.linkEn a {
   color: #5B5B5B;
}
#KwordCloud ul li.linkFr a {
   color: #1014BE;
}
#KwordCloud ul li.linkJa a {
   color: #156600;
   font-size: 0.85em;
}
#KwordCloud ul li.linkNl a {
   color: #b111b1;
}
#KwordCloud ul li.linkRu a {
   color: #1d1f79;
}
#KwordCloud ul li.linkZh a {
   color: #ff0000;
}
#KwordCloud ul li a:hover, ul li.linkDe a:hover, ul li.linkEn a:hover, ul li.linkFr a:hover, ul li.linkZh a:hover {
   background-color: #ffffff;
   color: #ff6f0a;
   border: solid 1px #ff6f0a;
}
#topbanback {
   clear: both;
   height: 36px;
   padding-left: 15px;
   display: none;
}
#AdsGoogleBottom {
   display: inline-block;
   overflow: hidden;
   margin: 20px auto 0px auto;
   width: 100%;
   min-height: 90px;
   text-align: center;
}
#AdsGoogleBottomResponsive {
   display: none;
   overflow: hidden;
   margin: 20px auto 0px auto;
   width: 100%;
   min-height: 60px;
   text-align: center;
}
#AdsGoogleMiddleResponsive {
   display: none;
   overflow: hidden;
   margin: 5px auto 5px auto;
   width: 100%;
   min-height: 60px;
   text-align: center;
}
#BacktoTop {
   background: url("/image/backtotop_arrow.svg") no-repeat scroll center 50% #d1ff2b;
   bottom: 40px;
   height: 46px;
   right: 10px;
   width: 46px;
   box-shadow: 3px 3px 4px #666666;
   display: none;
   overflow: hidden;
   position: fixed;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   z-index: 130;
}
#ShowHide_Menu1 {
   background: url("/image/showhide_menu1.gif") no-repeat scroll center 50% #292929;
   display: none;
   cursor: pointer;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   box-shadow: 3px 3px 4px #666666;
   height: 46px;
   overflow: hidden;
   position: absolute;
   right: 10px;
   top: 23px;
   width: 46px;
   z-index: 130;
}
#Menu1 {
   background-color: #292929;
   width: 100%;
   min-height: 33px;
}
#Menu1 ul {
   z-index: 30;
   display: inline-block;
   text-align: center;
}
#Menu1 ul:nth-child(2) li:last-child {
   display: none;
}
#Menu1 li {
   margin: 0;
   margin-right: -5px;
   padding: 0;
	display: inline-block;
   border-right: 2px solid #c5c5c5;
   min-width: 100px !important;
}
#Menu1 ul:last-child {
   z-index: 5;
   float: right;
   right: 0px;
   padding-right: 15px;
   min-width: 250px;
   text-align: right;
   border-right: 0 none;
   vertical-align: middle;
}
#Menu1 ul:last-child li {
   border-right: 0 none;
   vertical-align: middle;
   height: 33px;
}
#Menu1 li:before {
   content: none;
}
#Menu1 li img {
   vertical-align: middle;
}
#Menu1 a {
   width: 100%;
   height: 33px;
   line-height: 33px;
   font-weight: 700;
   color: #f7f7f7;
   display: inline-block;
   margin: 0;
   padding: 0px 4px 0px 4px;
   text-align: center;
   text-decoration: none;
   letter-spacing: -1px;
   font-size: 1.15em;
   white-space: nowrap;
   vertical-align: middle;
}
#Menu1 a:hover {
   color: #0093e0;
}
#Menu1t {
   background-color: #292929;
   height: 33px;
   width: 100%;
}
#Menu1t td img {
   vertical-align: middle;
}
#struc1 {
   float: left;
   margin: 3px 0px 10px 0px;
   display: inline-block;
   width: 260px;
}
#struc1 table {
   width: 220px;
   margin: 0 auto;
   background-color: #ffffff;
}
#struc1 table tr:first-child td:first-child {
   height: 220px;
}
#struc2 {
   min-height: 220px;
   padding: 20px 20px 10px 20px;
}
#footer {
   margin: 0 auto;
   text-align: center;
}
#footer ul {
   display: inline-block;
   text-align: center;
}
#footer ul li {
   margin: 0;
   padding: 0;
	display: inline-block;
}
#search1 {
   padding-right: 20px;
   float: right;
   height: 28px;
   vertical-align: middle;
}
#title1img {
   position: absolute;
   top: 0px;
   width: 100%;
   z-index: 10;
   background-color: transparent;
   height: 72px;
}
#title1back {
   position: absolute;
   top: 0px;
   width: 100%;
   z-index: 5;
   background-color: #ffffff;
   height: 72px;
}
#title1back table {
   background-color: #ffffff;
   height: 72px;
}
#title1 {
   margin-top: 0px;
   background: url(/image/chemsub_title.png) no-repeat top left transparent;
   height: 72px;
}
#topmain01 {
   position: absolute;
   top: 0px;
   width: 100%;
   height: 105px;
   min-width: 200px;
   z-index: 15;
}



/* ######################################################################### */
/* Media Queries:
/* ######################################################################### */
@media screen and (max-width: 1000px) {
   body {
	   font-size: 1.1em;
   }
   #struc1 {
      width: 250px;
   }
   table.marglr {
      margin-left: 20px;
      margin-right: 15px;
   }
}
@media screen and (max-width: 835px) {
   #Menu1 ul:last-child {
      display: none;
   }
}
@media screen and (max-width: 780px) {
   span.nbrecords {
      margin-left: 0px;
   }
   #AdsGoogleBottom {
      display: none;
   }
   #AdsGoogleBottomResponsive {
      display: block;
   }
}
@media screen and (max-width: 680px) {
   #title1img {
      display: none;
   }
   div, img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
      max-width: 100%;
   }
   img {
      height: auto;
   }
   table.text {
      margin: 20px auto 0 auto;
      width: 94%;
   }
   table.botop00 td:last-child {
      padding-left: 5px;
      padding-right: 10px;
   }
}
@media screen and (max-width: 650px) {
   #title1 {
      background: url("/image/chemsub_title01.png") no-repeat center top transparent;;
   }
   #chem-in table {
      width: 100%;
   }
   select.SEL{
      display: block;
      margin: 10px auto 0 auto;
      min-height: 35px;
      width: 96%;
   }
   input.TXT {
      display: block;
      margin: 10px auto 0 auto;
      min-height: 35px;
      width: 96%;
   }
   td.puce {
      width: 60px;
   }
}
@media screen and (max-width: 600px) {
   .pad_l30 { padding-left: 25px; }
   .pad_r30 { padding-right: 25px; }
   #struc1 {
      width: 240px;
   }
   #struc2 {
      padding: 20px 10px 10px 10px;
   }
   table.marglr {
      margin-left: 20px;
      margin-right: 10px;
   }
   td.name_lang {
      padding-left: 15px;
   }
   td.name_name {
      padding-left: 25px;
   }
}
@media screen and (max-width: 550px) {
   input.button {
      padding: 0px 2px;
      height: 46px;
      min-width: 80px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
   }
   a.button {
      padding: 0px 2px;
      height: 46px;
      line-height: 40px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
   }
   #topbanback {
      height: 51px;
      padding-left: 5px;
      padding-bottom: 8px;
   }
   #title1back {
      top: 0px;
   }
   #title1 {
      margin-top: 0px;
   }
   table.main tr.prim {
      background-color: #ffffff;
      height: 138px;
   }
   td.adslot_2 {
      display: none;
      padding:0;
   }
   td.puce {
      display: none;
      background: none;
      width: 0px;
   }
   #AdsGoogleMiddleResponsive {
      display: block;
   }
}
@media screen and (max-width: 530px) {
   #topmain01 {
      height: 72px;
   }
   table.main tr.prim {
      height: 72px;
   }
   #ShowHide_Menu1 {
      display: block;
   }
   #Menu1 {
      display: none;
      z-index: 100;
   }
   #Menu1 ul {
      display: block;
      text-align: left;
      z-index: auto;
   }
   #Menu1 ul li {
      margin: 0;
      display: block;
      padding-left: 10px;
      width: 100%;
      border-bottom: 1px solid #0093e0;
   }
   #Menu1 a {
      display: block;
      font-size: 1.3em;
      height: 40px;
      line-height: 40px;
      text-align: left;
      width: 100%;
   }
   #BacktoTop {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
   }
}
@media screen and (max-width: 480px) {
   h3 {
      padding-left: 10px;
   }
   .pad_l30 { padding-left: 10px; }
   .pad_r30 { padding-right: 10px; }
   #struc1 {
      width: 230px;
   }
   #struc2 {
      padding: 20px 5px 10px 5px;
   }
   table.marglr {
      margin-left: 15px;
      margin-right: 5px;
   }
   td.name_lang {
      padding-left: 8px;
   }
   td.name_name {
      padding-left: 12px;
   }
   td.h2 {
      padding: 0 5px 20px;
   }
   td.h3 {
      padding-left: 10px;
   }
   table.listchem td:first-child {
      padding-left: 5px;
      width: 20px;
   }
   table.listchem td:nth-child(2) {
      width: 2px;
   }
   table.botop00 td:first-child {
      padding-left: 5px;
   }
   table.botop00 td:last-child {
      padding-left: 0px;
      padding-right: 5px;
   }
   table.listpuce td:first-child {
      padding-left: 5px;
      width: auto;
   }
}
@media screen and (max-width: 410px) {
   #title1 {
      background: url("/image/chemsub_title01.png") no-repeat left 12px center transparent;
   }
   table.botop00 td:last-child div {
      min-width: 170px;
   }
   table.botop00 td:last-child div form input.button {
      letter-spacing: 0px;
   }
   #struc1 {
      width: 100%;
   }
   #struc1 table {
      width: 270px;
   }
   #struc1 table tr:first-child td:first-child {
      height: 270px;
   }
   #struc1 table tr:last-child {
      display: none;
   }
   #BacktoTop {
      bottom: 10px;
      right: 5px;
   }
}
@media screen and (max-width: 350px) {
   #title1 {
      background: url("/image/chemsub_title02.png") no-repeat left 2px center transparent;
   }
}
@media print {
   #Menu1 {
      display: none;
   }
   #chem-in {
      display: none;
   }
   #AdsGoogleBottom {
      display: none;
   }
   #AdsGoogleBottomResponsive {
      display: none;
   }
   #AdsGoogleMiddleResponsive {
      display: none;
   }
}