/*** #banner{background:#fff;}***/
/*** new nav  ***/
/*#nav-0{position:relative;left:-190px;}
#rech{position:relative;left:810px;top:8px;}*/

/* Home */




#blockquotes {width:250px; height:130px; line-height:5px; font-size:12px;}

/* Commande */
#short-description {float:left; width:240px; font-size:12px;color:#000; line-height:200%; padding:0px 5px;background-color:#fff;margin:0 0 10px 10px;}
#price-and-cta {float:right; margin: 10px 15px 0px 15px;text-align:right;}
.document-sommaire{width: 500px; height:auto;}
.document-extrait{width: 500px; height:auto;}
.autresA {margin:0px 0px 0px 15px;margin-bottom:5px;}
#garanties-accordeon {width:330px;float:left;}
.div-accordeon {line-height:160%;color:#4F4F4F;}

/*Les garanties FDL - Commande*/
.accordion { list-style-type: none; padding: 0; margin: 0 0 30px; border: 1px solid #A3A2A0; border-top: none; border-left: none; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
.accordion li { background: #F5F5F5; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;}
.accordion li.active>a { background: url('img/up.gif') no-repeat center right; }
.accordion li div { padding: 20px; background: #F5F5F5; display: block; clear: both; float: left; width: 100;}

.accordion li>a { text-decoration: none; border-bottom: 1px solid #A3A2A0; font: 1.1em/2em Arial, sans-serif; color: #222; padding: 0 10px; display: block; cursor: pointer; background: url('img/down.gif') no-repeat center right;}


/* Level 2 */
.accordion li ul li { background: #ECEEF0; font-size: 0.8em; }


/*** CHARS ***/
 ul#chars {
    background: url('img/chars-bg2.png') no-repeat 0 0;
    height: 30px;   
    margin: 20px 0 12px;
    padding: 0 0 0 55px;
}

 ul#chars li {
    list-style: none;
    margin: 0;
    padding: 0 5px;
    color: #adc2c8;
    font-size: 1.4em;
    font-weight: 700;
    float: left;
    background: none;
}

 ul#chars li a, #banner ul#chars li span {
    display: block;
    float: left;
    line-height: 30px;
}

 ul#chars li a, #banner ul#chars li a:visited {
    text-decoration: none;
}

 ul#chars li a:hover {
    text-decoration: underline;
}

#banner ul#ouvrages {
    margin-left: 0;
}

	
/*** page interne ***/
h1{margin-top:40px;}
.headBox h1,div#paiement h1{margin-top:40px;margin-bottom:30px;width:750px;}
#all{background: #FFF;padding:15px 15px;margin-bottom:20px;padding-bottom:-5px;border:1px solid #CBDEDA;}
#all tr{padding:15px;}
#all td{background: #FFF;padding:15px 15px;margin-bottom:20px;padding-bottom:-5px;border:1px solid #CBDEDA;}
.BBcat{float:left;margin-right:15px;}
.Bcat {display:block;width:300px;}
.Bcat li, #all li{line-height: 150%;}
.Bsep{display:block;width:900px;clear:both;}

/*** ouvrages ***/
.text .commander img{margin-left:15px;}
#POuv {margin-top:50px;}	
#POuv #analyses h1{margin-top:10px;}
#POuv #analyses h2{margin-top:15px;margin-left:10px;margin-bottom:5px;}

#POuv #analyses .commande-top h1{margin-top:15px 10px;margin-left:10px;margin-bottom:25px;}
#POuv #analyses .text{margin-left:5px; float:left;}

#banner .text p {color:#000; font-size:14px; margin-left:20px;}

#POuv p{font-size:15px;margin-left:15px;line-height:16px;}
.text a{font-size:11px;font-weight:bold;text-decoration:none;color:#417EAD;}
.text a:hover{text-decoration:underline;color:#417EAD;}

#analyses{float:left;display:block;width:530px;margin-right:60px;}
/*** test***/
p.details {display:none;}	
#analyses{float:left;display:block;width:530px;margin-right:30px;}
#analyses{background: #FFF;padding:5px 15px;margin-bottom:20px;padding-bottom:-5px;border:1px solid #CBDEDA;}
#SOuv #analyses{margin-top:40px;width:45%; float:left;}

#analyses h1,#SOuv h2,div#paiement h2,#POuv #all .headBox h1{font-size:18px;margin:0 0 10px;padding:0 0 3px;color:#3d3d3d !important; border-bottom:1px solid #c4c4c4;text-align:left;  }
#SOuv h2{padding-top:40px;}
#analyses h2{font-size:16px;}
#ouvrage{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#E2E9EF none repeat scroll 0 0;
border:1px solid #CBDEDA;float:left;width:300px;padding:15px 15px 10px;}
#ouvrage .autresA{margin-bottom:5px;}
#biographie{margin-top:40px;background:#E2E9EF;border:1px solid #CBDEDA;float:right;width:45%;padding:0 15px 10px 15px;margin-bottom:25px;}
#biographie-complete { width:60%;margin-top:40px;background:#E2E9EF;border:1px solid #CBDEDA;padding:0 15px 10px 15px;margin-bottom:25px;}

#biographie h1{margin-top:15px;margin-bottom:10px}
#biographie-complete h1{margin-top:15px;margin-bottom:10px}
#ouvrage img{float:left;margin: 0 10px 10px 0; border-color:#DDDDDD #BBBBBB #BBBBBB #DDDDDD; border-style:solid; border-width:1px;max-width: 80px;}
	/*** format bloc ouvrages ***/
#ouvrage p,#biographie p,#biographie-complete p, #ouvrage .text,#analyses .analyse-recherchee{font-size:15px;color:black;line-height: 130%}
li.commentaire {line-height: 150%}
#ouvrage h2{margin-left:10px;}
#ouvrage li{line-height:120%;font-size:12px; }
#ouvrage li a{line-height:120%;font-size:12px;}
#SOuv{clear:both;}
#ouvrage .combiOA{display:bloc;font-size:16px;color:#3d3d3d;text-decoration:none;}
#ouvrage .combiOA  a:hover {
    text-decoration: underline;}

/***suggestions OUVRAGES ***/
#SOuv ul.ouvrages {
    margin: 20px 0;
    padding: 0;
}

#SOuv ul.ouvrages li {
    list-style: none;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 0 90px;
    width: 210px;
    position: relative;
    min-height: 140px;
}
#SOuv ul.ouvrages li {
    margin-left: 15px;
    
}
#SOuv ul.ouvrages li.first {
    clear: left;
    margin-left:15px;
}


#SOuv ul.ouvrages li li, #SOuv ul.ouvrages li li li {
    list-style: none;
    float: none;
    margin: 0;
    padding: 0;
    width: none;
    min-height: 100%;
}

#SOuv ul.ouvrages li img {
    margin: 0;
    border-color:#DDDDDD #BBBBBB #BBBBBB #DDDDDD;
	border-style:solid;
	border-width:1px;
    max-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
}
/********  ***/
#SOuv ul.ouvrages li h3 {
    color: #87a100;
	color:#A5CA31;
	color: #3D3D3D;
    font-size: 1.4em;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#SOuv ul.ouvrages li h3 a {
    
	font-size:15px;
    text-decoration: none;
}
#SOuv ul.ouvrages li{line-height:120%;}
#SOuv ul.ouvrages li p.by, #ouvrage p.by {
    color: #3D3D3D;
	font-size: 0.8em;
    margin: 0px 0 12px;
    padding: 0;
}
#ouvrage p.by {margin: -15px 0 12px;}
#SOuv ul.ouvrages li p.by  a, #ouvrage p.by a{
    color: #3D3D3D;
	text-decoration:none;
	
}
#SOuv ul.ouvrages li p.by  a:hover,#SOuv ul.ouvrages li h3 a:hover,#ouvrage p.by a:hover{text-decoration:underline;}

#SOuv ul.ouvrages li p {
    font-size: .9em;
    margin: 3px 0px;
}
#SOuv ul.ouvrages li p.details {
    margin-top: 12px;
}
#SOuv ul.ouvrages li p.details a {
    background: url('/images/theme/bt-bg.png') no-repeat 0 0;
    display: block;
    width: 205px;
    line-height: 21px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 1.1em;
}
#SOuv ul.ouvrages li p.details a:hover {font-weight:bold;font-size: 1.2em;display: block;	}

#SOuv ul.ouvrages li ul.fiches {
    margin: 0;
    padding: 0;
    font-size: .9em;
	display: block;
}

#SOuv ul.ouvrages li ul.fiches li {
    margin: 0;
    /*padding: 0 0 0 12px;
    background: url('/images/theme/puce-bg-bleu.png') no-repeat 0 4px;*/
}

/***** achat ****/
#end_line{width:50%; margin-left:50px;}
#fallow_me{margin-left: 10px; font-size:16px;}
#onebloc{border: 1px solid red; width:593px; border:1px solid #CBDEDA;}
#produit{width:50%;  margin-left:70px;}
#id_prod{margin-left:90px; margin-top:-90px; width:300px}
#why_pays{ float:right;  margin-top: -35px; }
#why_prix{ float:right; margin-top:-30px;  }
.why{float:right;}
.why a{text-decoration:none; font-size:11px;}
.price{ float:right; margin-top:0px; height:17px; margin-right:10px;font-size: 15px;position:relative; color:#000; }
.cash_links{margin-left:0px; }

#reponse_prix{ float:right; font-size:14px;padding-left:5px;}
#reponse_pays{padding-top:10px ; padding-left:10px;}
div#paiement h1{width:auto;font-size:18px;color:#565656; }
div#paiement h2{font-size:17px; }	

div#paiement .blocEtape{ width:95%; background: #FFF ;padding:5px 15px;padding-bottom:20px;}

div#paiement .blocEtape h2{ float:left;margin-top:-30px;margin-bottom:5px;margin-left:0;/*text-align:center*/;}
/*#paiement #inform {margin-left:25px; width: 90%; margin-top:5px;margin-bottom:5px;-align:center;}*/
.step{border: 2px solid silver; width:auto; margin-left:5px;background: #FFF;}
/*.blocEtape#etape_pays{width:60%; }*/
#step2{/*border: 1px solid silver;*/ width:80%; margin-left:0; padding-top:10px;  }
#cmt_payer{width:80%; margin-top: 0px; }
#buy_code{width:70%; margin-top:25px;}
div#paiement h2#acheter_code{margin-left:15px;} /*-------------------------------------------------------------------*/
#etapeH{font-size:14px;}
div#paiement .blocEtape h2#buy_code_title{margin-left:-15px; } /*---------------------------------------*/
#step1{}
#spacer{height:20px;}
div#paiement .firstE{margin-top:-20px;}
div#paiement .pays{margin-left:35px;font-size:15px;color:#3d3d3d ;width:100%;list-style-image:url('/css/img/fleche.png'); line-height:140%;}
div#paiement li.pays>a{text-decoration:none;}
div#paiement li.pays>img{width:16px;height:13px;margin-right:8px;}
div#paiement .choose{font-size:13px;color:black; text-align:center;}


/*#code{float:right; margin-right:20px;}*/

#header-identification{ width:50%; margin-top:10px; margin-left:130px;}
.field{ float:right;margin-right:10px;}
#valider{margin-left: -50px;}
div#paiement  #NbCode {display:block;margin-top:-35px;margin-bottom:10px;margin-left:35px;font-size:14px; border:2 px solid orange;}
#NbCode  b{color:#3d3d3d ;}
#infoP{display:block;margin-left:10px;font-size:13px;color:black; text-align:left;}


 div#paiement  {

    padding-top: 0px;
	padding-left:0px;
	
	
	width:594px;
	
	
}

 div#paiement ul.methods {
    margin: 0;
    padding: 0;
}

 div#paiement ul.methods li {
    margin: 5px 5px 15px;
    padding: 0;
    border: 1px solid #287086;
    background: #c9dce3;
    width: 198px;
    min-height: 105px;
    float: left;
}

 div#paiement ul.methods li strong {
    display: block;
    background: #287086;
    color: #fff;
    line-height: 1.4em;
    text-align: center;
    font-size: 1.2em;
}

 div#paiement ul.methods li p {
    text-align: center;
    font-size: 1.2em;
    color: #287086;
    margin: 8px 0;
}

 div#paiement ul.methods li p span {
    text-align: center;
    font-size: 1.2em;
    color: #287086;
    font-weight: 700;
}

 div#paiement h2,  div#paiement h3 {
    clear: both;
    margin: 15px 0;
}


 /*div#paiement form#encode  {text-align:center;}*/
 div#paiement form#encode input.text {
    background: #c9dce3;
    border: 1px solid #287086;
    font-size: 1.1em;
    padding: 3px 5px;
    color: #287086;
    width: 200px;
	
}

 div#paiement form#encode input.submit {
    border: none;
    font-size: 1.1em;
    color: #fff;
    background: url('/images/theme/bt-bg.png') no-repeat 0 0;
    height: 21px;
    width: 205px;
    padding: 0;
    margin: 3px 0;
    line-height: 100%;
}

 div#paiement form#encode label {
    font-size: 1.1em;
    color: #287086;
	text-align: center;
}

/*** METHODES DE PAIEMENT, Ajouts pour les onglets  ***/

/* Les titres des onglets */
 div#paiement ul.newmethods{
    margin: 0;
    padding: 0;
    padding-bottom: 11px;
    /*padding-left:15px;*/
}



div#paiement ul.newmethods li  {
    display:inline;
    background: none;
    text-align: center;
    font-size: 13px;
	line-height:22px;

}

 div#paiement ul.newmethods li a {
    text-decoration : underline;
    
}




 div#paiement ul.newmethods li a.selected  {
    font-weight: bold;
    position:relative;
	color:#3d3d3d ;
}
#instructions_code_0{ margin-left: 7%; width:70%;font-size:13px;}/*----------------------------*/
.labelnumcode,.blocEtape label{margin-left:15px;font-size:13px;}	
.instructions_code,.labelnumcode,.blocEtape label{color:#3d3d3d ;}
.link a{font-size:14px;}
 div#paiement ul.newmethods li a:hover  ,.link a:hover{
    font-weight: bold;
	color:#3d3d3d ;
}


/* Le contenu des onglets */
 div#paiement div.tabs{
    display: block;
   
    font-size: 1.2em;
    color: #287086;
    padding-top: 20px;
   /* background: transparent url(/images/theme/paiement-top.gif) top left no-repeat;*/
}

 div#paiement div.tabs div.tabs_inner {
    /*background: #c9dce3;
    padding: 10px;*/
	
	 
}

 div#paiement div.tabs_bottom {
    /*height: 20px;
    background: transparent url(/images/theme/paiement-bottom.gif) bottom left no-repeat;*/
}

 div#paiement div.tabs p {
    margin: 0;
    padding: 0;
}

 div#paiement div.tabs h3 {
    font-size: 1.2em;
    text-align: left;
}



 div#paiement div.tabs form label {
    float: none;
}

 div#paiement div#abonnement form {
    text-align: left;
}

 div#paiement div#abonnement form label {
    float: left;
}

 div#paiement div#abonnement form p {
    margin: 2px 0px;
    clear: both;
}

 div#paiement div#abonnement form p.submit {
    text-align: left;
    padding-left: 150px;
}

 div#paiement div.tabs form input.text {
    background: #fff;
}


 div#paiement div.tabs span {
   
    font-size: 1.0em;
    color: #000;
    font-weight: 100;
}

 form input.text,  form input.caption_code {
    width:200px;
}
/*** WHITE BOX 1260***/
 div.whiteBox {
    border:1px solid #CBDEDA;
    background: #ffffff;
    padding: 15px 20px;
	margin-top:40px;
	width:700px;
}

 div.whiteBox p {
    margin: 10px 0;
}

 div.whiteBox h1 {
    margin: 12px 0px 0px 0px;
    font-size: 1.6em;
    font-weight: 700;
    color: #6f7f00;
    background: none;
    padding: 0;
    line-height: 140%;

}

 div.whiteBox h2 {
    margin: 0px 0px 12px 0px;
    font-size: 1.3em;
    font-weight: 700;
    color: #192600;
    background: none;
    padding: 0;
    line-height: 140%;
}

 div.whiteBox h1 {
    font-size: 1.6em;
}

 div.whiteBox ul {
    margin: 12px 0 12px 25px;
}


/***  bac de français ***/

#POuv #all .headBox h1{}
#POuv #all .headBox h2{font-size:16px;margin-left:15px;}
#POuv #all .headBox ul{margin-left:15px;}
#POuv #all .headBox li{line-height:120%;}
#POuv #all .headBox ol{margin-left:15px;}


/*** form ***/

/*** FORM ***/
.headBox form input.text, .headBox form input.caption_code, .headBox form textarea {
    background: #c9dce3;
	background:#F5F5F5;
    border: 1px solid #287086;
    font-size: 1.1em;
    padding: 3px 5px;
    color: #287086;
    width: 200px;
    font-family: arial, helvetica, sans-serif;
}

.headBox form textarea {
    height: 130px;
}

.headBox form submit input {
    border: none;
    font-size: 1.1em;
    color: #fff;
    background: url('/images/theme/bt-bg.png') no-repeat 0 0;
    height: 21px;
    width: 205px;
    padding: 0;
    margin: 3px 0;
    line-height: 100%;
}

.headBox form submit {
    padding: 0 0 0 150px;
    text-align: right;
}

.headBox form label {
    font-size: 1em;
    color: #444444;
    width: 200px;
    float: left;
}

.headBox form p {
    clear: both;
}

.headBox form p.no-label {
    padding: 0 0 0 100px
}

#banner .headBox p.err, #sidebar p.err {
    color: red;
}

.headBox p.ok, #sidebar p.ok {
    color: green;
}

/***           ***/

/*** Google search styles ***/

.gsc-control {
    width : 580px;
}/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 580px;
}

.gsc-control div {
  position: static;
}

.gsc-control-cse {
  width: 100%;
  
  font-size : 13px;
}

.gsc-control-cse div {
  position: static;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 100%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

table.gsc-search-box td.gsc-input {
  padding-right : 2px;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

/**
 * undo common generic table rules
 * that tend to impact branding
 */
table.gsc-branding td,
table.gsc-branding {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border : none;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

.gsc-branding-text {
  color : #676767;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  font-size : 11px;
  margin-right : 2px;
}

div.gsc-branding-youtube td.gsc-branding-text {
  vertical-align : middle;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

div.gsc-branding-youtube td.gsc-branding-img-noclear {
  width : 55px;
}

div.gsc-branding-youtube td.gsc-branding-img {
  width : 69px;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
  display : inline;
}

a.gsc-branding-clickable {
  cursor : pointer;
}

input.gsc-search-button {
  margin-left : 2px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position: center center;
  /*background-image: url('/uds/css/clear.gif');*/
  cursor : pointer;
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-keeper {
  color: #3366cc;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;

  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  /*background-image: url('/uds/css/blue_check.gif');*/
}

/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  width : 100%;
  border-bottom : 1px solid #e9e9e9;
  margin-bottom : 4px;
  clear : both;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

.gsc-resultsHeader td.gsc-configLabelCell{
  text-align: right;
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  /*background-image: url('/uds/css/arrow_close.gif');*/
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  /*background-image: url('/uds/css/arrow_open.gif');*/
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 14px;
  display: inline;
}

.gsc-resultsHeader .gsc-stats {
  color: #676767;
  font-size: 11px;
  font-weight: normal;
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
  display : none;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  font-size : 13px;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  /*background-image: url('/uds/css/one-complex-dark.gif');*/
}

.gsc-more-results {
  /*background-image: url('/uds/css/more-complex-dark.gif');*/
}

.gsc-all-results {
  /*background-image: url('/uds/css/all-complex-dark.gif');*/
  padding-right : 1px;
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  /*background-image: url('/uds/css/one-complex-light-blue.gif');*/
}

.gsc-more-results-active .gsc-more-results {
  /*background-image: url('/uds/css/more-complex-light-blue.gif');*/
}

.gsc-all-results-active .gsc-all-results {
  /*background-image: url('/uds/css/all-complex-light-blue.gif');*/
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  /*background-image: url('/uds/css/settings.gif');*/
}


/* tabbed mode of search control
 * .gsc-tabsArea : the box containing all of the tabs
 * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
 * .gsc-tabHeader : an individual tab
 * .gsc-tabHeader.gsc-tabhActive : the active tab
 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
 * .gsc-tabData : the data area/box containg results and header data for each tab
 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
 */
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
  }

.gsc-tabsArea .gs-spacer {
  font-size : 1px;
  margin-right : 0px;
  overflow : hidden;
}

.gsc-tabsArea .gs-spacer-opera {
  margin-right : 0px;
}

.gsc-tabsAreaInvisible {
  display : none;
  }

.gsc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 2px;
  }

.gsc-tabHeader.gsc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #ff9900;
  color: black;
  }

.gsc-tabHeader.gsc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* tab specific results header supression
 * - no twiddle, tabbed mode runs in full expand mode
 * - no title
 * - no stats
 */
.gsc-tabData .gsc-resultsHeader .gsc-title {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-stats {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
  display : none;
}



/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  padding-bottom: 2px;
  width : 99%;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
  display: none;
}

/* Ads
 */
.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

.gsc-wrapper {
  position : relative;
  display : block;
}

.gsc-adBlock {
  position : relative;
  display : block;
  margin-top : 6px;
  margin-bottom : 4px;
  padding-bottom : 2px;
  background : #FFF8DD none repeat scroll 0 0;
}

.gsc-adBlock h2 {
  float : right;
  margin : 3px 5px 0;
  font-weight : normal;
  font-size : .9em;
  color : #676767;
}

.gsc-adBlock .gsc-ad {
  padding-left : 8px;
  padding-top : 5px;
  padding-right : 3px;
}

.gsc-adBlock .gsc-ad a {
  font-weight : bolder;
  color : #0000CC;
  line-height : 1.4em;
}

.gsc-adBlock .gsc-ad cite {
  font-style : normal;
  color : green;
}

.gsc-adBlock .gsc-ad span {
  padding-left : 8px;
}

.gsc-adBlockInvisible {
  display : none;
}

.gsc-adBlockVertical {
  position : relative;
  display : block;
  float : right;
  width : 30%;
  border-left : 1px solid #C9D7F1;
}

.gsc-thinWrapper {
  width : 69%;
  float : left;
  overflow : hidden;
}

.gsc-adBlockVerticalInvisible {
  display : none;
}

.gsc-adBlockVertical h2 {
  text-align : center;
  font-weight : normal;
  font-size : .9em;
  color : #676767;
  margin-top : 6px;
}

.gsc-adBlockVertical .gsc-ad {
  padding-left : 8px;
  padding-top : 5px;
}

.gsc-adBlockVertical .gsc-ad a {
  font-weight : bolder;
  color : #0000CC;
  line-height : 1.4em;
}

.gsc-adBlockVertical .gsc-ad cite {
  font-style : normal;
  color : green;
  display : block;
}

.gsc-adBlockVertical .gsc-ad span {
}

.gsc-ad-preview {
  /*background-image: url('http://www.google.com/images/preview.gif');*/
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0px;
}

.gsc-configSetting {
  margin-top : 6px;
  }

.gsc-configSetting_Label {
  color: #676767;
  }

.gsc-configSettingInput {
  color: #676767;
  border: 1px solid #e9e9e9;
  width: 75%;
  }

.gsc-configSettingCheckbox {
  color: #676767;
  margin-right: 6px;
  }

.gsc-configSettingCheckboxLabel {
  display : inline;
  color: #676767;
  }

div.gsc-configSettingSubmit {
  margin-top : 8px;
  text-align : right;
}

input.gsc-configSettingSubmit {
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

/* Added so elements inside a result are properly cleared by the container. */
.gsc-webResult:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.gsc-webResult {
  zoom: 1;  /* IE-specific hack to get the layout clearing right. */
}

.gs-web-image-box {
  float: left;
  padding: 3px;
  margin-right: 5px;
  margin-left: 8px;
  border: 1px solid #BBBBBB;
}

.gs-web-image-box img.gs-image {
  border: 1px solid #999999;
}

div.gs-action {
  display: inline;
  margin-right: 0.6em;
}
div.gs-action a.gs-action {
  color: #7777CC;
}
div.gs-action.cart a.gs-action,
div.gs-action.star a.gs-action,
div.gs-action.rss a.gs-action,
div.gs-action.download a.gs-action,
div.gs-action.email a.gs-action,
div.gs-action.mobile a.gs-action,
div.gs-action.share a.gs-action,
div.gs-action.fullscreen a.gs-action,
div.gs-action.generic a.gs-action,
div.gs-action.link a.gs-action {
  padding-left: 18px;
  background:transparent url('http://www.google.com/cse/images/action_icons_sprite.gif') no-repeat;
}
div.gs-action.cart a.gs-action {
  background-position: 0px 0px;
}
div.gs-action.star a.gs-action {
  background-position: -16px -34px;
}
div.gs-action.rss a.gs-action {
  background-position: -48px -98px;
}
div.gs-action.download a.gs-action {
  background-position: -64px -128px;
}
div.gs-action.email a.gs-action {
  background-position: -112px -224px;
}
div.gs-action.mobile a.gs-action {
  background-position: -131px -257px;
}
div.gs-action.share a.gs-action {
  background-position: -32px -64px;
}
div.gs-action.fullscreen a.gs-action {
  background-position: -79px -162px;
}
div.gs-action.generic a.gs-action {
  background-position: -144px -290px;
}
div.gs-action.link a.gs-action {
  background-position: -159px -321px;
}

/* Image Search
 */
.gsc-imageResult {
  float: left;
  margin-bottom: 1em;
  margin-right: 20px;
}

.gs-imageResult {
  width: 114px; /* default width + 1px border */
  overflow : hidden;
}

.gs-imageResult .gs-image-box {
  height: 86px; /* default height + 1px border */
  position : relative;
}

/* note, left edge is auto-set by search control */
.gs-imageResult .gs-image-box img.gs-image {
  position : absolute;
  bottom : 0px;
}

.gs-imageResult .gs-text-box {
  text-align: center;
  overflow : hidden;
  height: 4em;
}

.gs-imageResult .gs-snippet {
  overflow : hidden;
  line-height: 1em;
  cursor : pointer;
  white-space : nowrap;
}
.gs-imageResult .gs-visibleUrl {
  cursor : pointer;
  overflow : hidden;
  line-height: 1.3em;
  height: 1.3em;
}
.gs-imageResult .gs-size {
  color: #6f6f6f;
}

/* Video Search
 * - single line title
 */

.gsc-videoResult .gs-videoResult .gs-title {
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  }

.gsc-videoResult .gs-videoResult .gs-snippet {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  }

/* trailing more link at the bottom of
 * a collection of results
 */
.gsc-imageResult .gsc-trailing-more-results {
  clear : both;
}

.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #0000cc;
  text-decoration: underline;
}

/* trailing cursor section
 */
.gsc-imageResult .gsc-cursor-box {
  clear : both;
}

.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
  margin-bottom : 0px;
  display : inline;
}

.gsc-results .gsc-cursor {
  display : inline;
}

.gsc-results .gsc-cursor-box {
  margin-bottom : 10px;
}

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  cursor : pointer;
  color : #000000;
  text-decoration: underline;
  margin-right : 8px;
  display : inline;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color : #A90A08;
  font-weight : bold;
  text-decoration: none;
}



/*** End of Control, Begin Results ***/

/* generic, cross cutting result style
 * - in the form of .gs-result .gs-xxx where xxx is the generic style
 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
 * .gs-divider : typically seperates results from ads
 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
 * img.gs-image : an actial image in a result
 * .gs-phone : a phone number
 * .gs-address : an address (includes street, city, region, country)
 * .gs-streetAddress : a street (including #)
 * .gs-city : a city
 * .gs-region : a region (zip code, area, etc.)
 * .gs-country : a country
 * .gs-snippet : snippetized content
 * .gs-watermark : indicator that user selected this result
 * .gs-metadata : generic metadata, e.g.,
 * .gs-image-box : generic container for a result's image (within a table)
 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
 */
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #417EAD;
  font-size:16px;
  text-decoration: underline;
  font-weight:bold;	
}

.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}

/* relative and absolute dates, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: underline;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * For news results there are two dates...
 * The relative date is visible while in the
 * search control and the published date
 * is visible when clipped. Why? It doesn't
 * make sense to say 4 hours ago for a clipped
 * result...
 */

/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
  display : none;
}

/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
  display : none;
}

/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
  display : inline;
}

.gs-newsResult .gs-location {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

.gs-promotion {
  padding-top : 5px;
}

.gs-promotion a {
  font-weight : bold;
  font-size: 14px;
}

.gs-promotion-image {
  margin-right : 10px;
}

.gs-promotion-image-td {
  vertical-align : top;
}

.gs-promotion table {
  border : none;
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.gs-promotion table a {
  font-weight : normal;
  font-size: 13px;
  padding-right : 5px;
}

.gs-result img.gs-image {
  vertical-align : middle;
  border : 1px solid #0000cc;
}

.gs-result div.gs-phone {}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

.gs-secondary-link,
.gs-secondary-link * {
  color: #7777cc;
  font-weight: normal;
  text-decoration : underline;
  cursor : pointer;
}

/* wrapper around user supplied to/from mode directions
 * normally this is disabled by default, and gs-directions is enabled
 * apps can easily switch this by setting display:block on the rule below,
 * and display:none on the rule above
 * e.g., add these two rules to switch local results into
 * alternate style driving directions
 * .gs-localResult .gs-directions-to-from { display : block; }
 * .gs-localResult .gs-directions { display : none; }
 */
.gs-result .gs-directions-to-from {
  display : none;
  margin-top : 4px;
}
.gs-result .gs-directions-to-from .gs-label {
  display : inline;
  margin-right : 4px;
}

.gs-result .gs-directions-to-from div.gs-secondary-link {
  display : inline;
}

.gs-result .gs-directions-to-from .gs-spacer {
  display : inline;
  margin-right : 3px;
  margin-left : 3px;
}

.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
  color: #008000;
  text-decoration: none;
}

.gs-result a {
  cursor: pointer;
}

.gs-result .gs-address {
}

.gs-result .gs-snippet {
}

.gs-no-results-result .gs-snippet,
.gs-error-result .gs-snippet {
  padding : 5px;
  margin : 5px;
  border : 1px solid rgb(255,204,51);
  background-color : rgb(255,244,194);
}

.gs-result .gs-watermark{
  font-size: 10px;
  color: #7777cc;
}

div.gs-results-attribution {
  text-align : center;
  margin-bottom : 4px;
}

div.gs-results-attribution,
div.gs-results-attribution * {
  font-size : 10px;
  color : #676767;
  text-decoration : none;
}

div.gs-results-attribution a {
  color: #0000cc;
  cursor : pointer;
}

div.gs-results-attribution a:hover {
  text-decoration : underline;
}

.gs-result .gs-metadata{
  color: #676767;
}

/* searcher specific styling for
 * - web ad
 * - web
 * - local
 * - image (none)
 * - blog (none)
 * - video (none)
 */

/* webAd search specific over rides
 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
 */
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
  padding-left: 4px;
}

/* default is to not show long mode visible urls
 * apps should selectively enable this while disabling
 * div.gs-visibleUrl-short
 */
.gs-webResult div.gs-visibleUrl-long {
  width : 100%;
  overflow : hidden;
  display : none;
}

/* local search specific over rides
 * - city, region displayed inline
 * - country supressed
 * - small font size for info window's
 */

.gs-localAd div.gs-address * {
  color : #676767;
}

.gs-localAd div.gs-street {
  display: inline;
}

div.gs-city {
  display: inline;
}

div.gs-region {
  display: inline;
}

div.gs-country {
  display: none;
}

div.gs-infoWindow * {
  font-size: 11px;
  }

/* video search specific over rides
 * - align the table data
 * - default image width garuntee
 * - appropriate cell seperation
 */

/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
  font-size: 13px;
  }

/*
.gs-videoResult td .gs-image {
  vertical-align : middle;
}

.gs-videoResult td.gs-image-box {
  background-color : #000000;
}*/

.gs-videoResult td div.gs-image-box {
  width : 110px;
  height : 78px;
}

.gs-videoResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }


/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

div.gs-book-image-box td,
.gs-bookResult td {
  vertical-align : top;
}

div.gs-book-image-box,
div.gs-book-image-box div {
  position : static;
  text-align : start;
}

div.gs-book-image-box {
  width : 75px;
  height : 90px;
}

.gs-bookResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }

div.gs-book-image-box img {
  border-spacing : 0px 0px;
  border : none;
}

div.gs-book-image-box div.gs-row-1 {
  line-height : 7px;
}

div.gs-book-image-box img.gs-pages {
  height : 7px;
  width : 45px;
}

div.gs-book-image-box img.gs-page-edge {
  height : 7px;
  width : 11px;
}

div.gs-book-image-box div.gs-row-2 {
}

div.gs-book-image-box img.gs-image {
  height : 80px;
  border : 1px solid #a0a0a0;
}

.gs-bookResult .gs-author {
  display : inline;
  color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
  display : inline;
}

.gs-bookResult .gs-pageCount {
  display : inline;
  color: #6f6f6f;
  margin-left : 4px;
}

.gs-bookResult .gs-id {}



/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

.gs-patentResult td {
  vertical-align : top;
}
.gs-patentResult .gs-patent-number,
.gs-patentResult .gs-publishedDate,
.gs-patentResult .gs-author {
  display:inline;
}

.gs-patentResult .gs-image-box {
  padding-right : 8px;
}

.gs-patentResult img.gs-image {
  border : 1px solid #7777cc;
}


.hide ,.gsc-search-box,.gsc-tabsArea,.gsc-resultsHeader,.gs-visibleUrl ,.gs-visibleUrl-short{
    position: absolute;
    left: -5000px;
}
.hide,.gsc-search-box,.gsc-tabsArea,.gsc-resultsHeader,.gs-visibleUrl ,.gs-visibleUrl-short{display:none;}

.desciption-fiche {width:90	%; height: 150px;display:block; margin:10px; padding:10px;}
.desciption-fiche .couverture-livre {float:left;margin:10px;}
.desciption-fiche .desc-infos {margin:15px; margin-left:10px; height:20px;}
.desciption-fiche .b_downloadnow {}
.send-mail{float:left;}