/**
 * Default theme
 *
 */

/* Reset for our element cse and children */
#cse * {
  margin: 0;
  border-style: none;
  padding: 0;
  line-height: normal;
}

/* custom css */
#cse .gsc-results-wrapper-visible{
  background-color: #FFFFFF;
}
#cse .gsc-input .gsc-input-box {
  height: auto;
}
table.gsc-search-box {
  width: 100%;
  border: 1px solid #99b135 !important;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-collapse: separate;
  background-color: #FFFFFF;
}
table.gsc-search-box td.gsc-search-button {
  /*padding: 5px 3px !important;*/
  border: 1px solid #99b135;
  border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
  background-color: #99b135;
}
table.gsc-search-box td.gsc-clear-button{
  display: none;
}
#cse .gsc-search-button:hover{
  cursor: pointer;
}

/* Custom CSS for the header */
.menu-trans_recherche .recherche #cse table.gsc-search-box {
  border: 1px solid #68756A !important;
}

.menu-trans_recherche .recherche #cse table.gsc-search-box td.gsc-search-button {
  border: 1px solid #68756A !important;
  background-color: #68756A;
}
/* Result CSS */
#cse .gsc-above-wrapper-area{
  display: block;
  font-size: 11px;
  height: auto;
  width: 100%;
  text-align: right;
  margin: 6px auto;
  color: #676767;
}
#cse a.gs-title{
  font-size: 15px;
  color: #7c445f;
}
#cse .gsc-url-top{
  font-size: 11px;
  color: #99b135;
}
#cse span.gs-fileFormat {
  color: #666666;
  font-size: 10px;
}
#cse span.gs-fileFormat {
  color: #000000;
  font-size: 11px;
}
#cse .gsc-table-result{
  color: #333333;
  font-size: 11px;
}
#cse .gsc-cursor-box{
  display: block;
  overflow: auto;
  padding: 0.25em;
}
#cse .gsc-cursor{
  float: right;
  font-size: 13px;
  color: #7c445f;
}
#cse .gsc-cursor-page{
  display: inline-block;
  margin-right: 5px !important;
}
#cse .gsc-cursor-current-page{
  color: red;
}
#cse .gsc-cursor-page:hover{
  cursor: pointer;
}
#cse div.gcsc-branding{
  width: 100%;
  float: right;
  text-align: right;
  font-size: 9px !important;
  line-height: 1em;
  color: #676767;
  margin-top: 2px !important;
  padding: 0.25em;
}
#cse table.gcsc-branding{
  width: auto;
  border-collapse: collapse;
  float: right;
}
#cse td.gcsc-branding-text{
  padding: 0 4px;
}
#cse .gsc-resultsHeader,
#cse .gs-watermark,
#cse .gsc-url-bottom,
#cse .gsc-table-cell-thumbnail{
  display: none;
}
#cse .gsc-resultsbox-invisible,
#cse .gsc-tabsAreaInvisible {
  display: none;
}
/* --------------------------- */

/* Slight reset to make the preview have ample padding. */
#cse .gsc-control-cse,
.gsc-control-cse {
  width: auto;
}
#cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: auto;
}
#cse .gsc-branding,
.gsc-branding {
  display: none;
}
#cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
#cse .gsc-control-cse,
.gsc-control-cse {
  /*background-color: #ffffff;*/
  /*border: 1px solid #ffffff;*/
}
#cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}

table.gsc-search-box td.gsc-input {
  padding-left: 10px !important; /* or apply border radius */
}

input.gsc-input {
  width: 95%;
  border-color: #D9D9D9;
  font-size: 13px;
  padding: 1px 6px;
}
/* Search button */
#cse input.gsc-search-button,
input.gsc-search-button {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  font-size: 0px;
  color: transparent;
  background-image: url(search_box_icon.png);
  background-repeat: no-repeat;
  background-position: center; /* to remove the default gradient applied by google */
  background-color: transparent;
}
/* Inactive tab */
#cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
#cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  
}
/* This is the tab bar bottom border. */
#cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
#cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
#cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
#cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #FFFFFF;
  border-color: #336699;
}
/* Promotion links */
#cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
#cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
#cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
#cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
#cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
#cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
#cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
#cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
#cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
#cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
#cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
#cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
#cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
#cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
#cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
#cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #EEE;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: white;
  border: 1px solid #CCC;
  border-top-color: #D9D9D9;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
.gsc-completion-title {
  color: #0000CC;
}
.gsc-completion-snippet {
  color: #000000;
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display: block;
}