/* EEE CSS
VGR09122003 Created 
VGR14072004 MOD important
VGR24072004 FIX w5 devient w6 temporairement dans oN li
            ADDed smallform
VGR26072004 FIX pour NN7 : blabla li et ul
            FIXed MOD non-standard BLINK tag to pure CSS text-decoration: blink;
VGR23092004 ADDed stuff for IE CSS support problems
VGR01102004 FIXed width of MainContent
            ADDed specific classes for IE...
            FIXed ulnobreak img float to none to fix disalignment of the language flags...
VGR12102004 MOD class mBody pour IE
VGR30122004 MOD #mainNav a:link (character spacing & size)
VGR01012005 ADDed quote (like example)
VGR05042005 ADDed texteVert for "welcome back..."
VGR10052006 ADDed "add favourite" and contact stuff
VGR11052006 ADDed "pub" class for Google AdSense
VGR01052007 MOD à la sauce varapp pour un affichage enfin correct
VGR11072009 ADDed background image quadrillage sur code P, PRE
*/

dt {
  font-weight: bold;
}

form {
  margin: 0;
  display: inline;
}

/* General Structure */

.subtitle {
  font-style: italic;
}

p, div.para {
  margin: 1em 0;
  text-indent: 0;
}
div.para > * {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

div.section {
  display: block;
  padding-left: 3%;
}

div.section > h2,
div.section > h3,
div.section > h4,
div.section > h5,
div.section > h6 {
  margin-left: -1.3%;
}

/* Comments and other Asides */

.note {
  font-style: italic;
}
  .note:before {
  content: "Note: ";
}

  .remark {
  font-size: smaller;
}
  .remark:before {
  content: "[";
}
  .remark:after {
  content: "]";
}

.sidebar {
  clear: both;
  margin: .75em .5em;
  padding: .2em;
  border: 1px solid;

  /* Block NS4 from floating */ /*/*/
  float: right;
  width: 30%;
  min-width: 15em;
  /* */
}

/* Reduce main header sizes */
.sidebar h1 {font-size: 1.40em;}
.sidebar h2 {font-size: 1.25em;}
.sidebar h3 {font-size: 1.10em;}

/* Emphasis */

/* em, strong */
  
strong.stronger {
  font-style: italic;
  font-weight: bold;
}
  
strong.very-strong {
  font-weight: bold;
  text-transform: uppercase;
}

*.important,
div.important,
p.important {
  margin: 1em;
  padding: 0.1em;
  border: solid #00F;
}

span.important,
em.important,
strong.important {
  font-size: large;
}

/* Computers - General */

span.application {
  font-style: italic;
}

kbd.command,
span.command {
  font-family: monospace;
  white-space: pre;
}

tt.filename,
span.filename {
  font-style: italic;
  white-space: nowrap;
}

tt.productnumber,
span.productnumber {
  font-size: 90%;
  font-family: monospace;
}

/* Code */

pre.code {
  font-family: monospace;
  white-space: nowrap;
  background-image: url(images/blobkgde.gif);
}

p.code {
  font-family: monospace;
  white-space: pre;
  line-height: 70%;
  background-image: url(images/blobkgde.gif);
}

p.code,
pre.code,
pre.incorrect-code {
  /* display: table; Mozilla has a problem with eating white-space with this rule. */
  margin: 1em .5em;
  padding: .2em;
  border: solid 1px;
}

p.code .remark,
pre.code .remark,
pre.incorrect-code .remark  {
  font-size: 1em;
  font-style: italic;
}

  /* turn off content generation */
p.code .remark:before,
pre.code .remark:before,
pre.incorrect-code .remark:before,
p.code .remark:after,
pre.code .remark:after,
pre.incorrect-code .remark:after,
pre.code .note:before,
pre.incorrect-code .note:before {
  content: "";
}
  

/* Examples, Errors and Figures */
/* VGR01012005 ADDed quote like example */

img { /* turn off borders so we don't need border=0 on image links */
  /*/*/
  border: none;
  /* Block NS4 from border rule */
}

.example,
.error,
.quote {
  margin: 1em 3%;
  padding: .25em;
  border: solid;
}
.error:before {
  display: block;
  font-weight: bold;
  content: "Error";
}
.example:before {
  display: block;
  font-weight: bold;
  content: "Example";
}
.quote:before {
  display: block;
  font-weight: bold;
  content: "Quote";
}
.example[title]:before,
.error[title]:before,
.quote[title]:before {
  content: attr(title);
}

.figure,
.screenshot {
  display: block;
  margin: .75em auto;
}
.screenshot[title]:after,
.figure[title]:after {
  display: block;
  margin: 0 8% .05em;
  font-style: italic;
  font-size: small;
  text-align: right;
  content: attr(title);
}

pre.screen {
  /* display: table; Mozilla has a problem with eating whitespace when this is set*/
  margin: 1em .5em;
  padding: .2em;
  border: solid 1px;
  font-family: monospace;
  white-space: pre;
}

.co,
.callout {
  text-decoration: underline;
}

.incorrect.incorrect,
.error,
.incorrect-code {
  border: solid red;
}

/* Q and A (FAQ) */

.qandaset .question {
  font-size: large;
  font-weight: bold;
}

.qandaset .answer {
  margin-top: 1em;
}

/* Tables */

body.classement,
table.classement {
  border-collapse: collapse;
/*  margin: 0.5em auto; */
  border: none;
  background-color: #CAE6CD;
}

table.listeQ {
/*  border-collapse: collapse;*/
  background-color: #CAE6CD;
}

table.classement th,
table.classement td {
  font-size: 10px; /* à cause de la table en iframe : plus 80%*/
  line-height: 1;
  padding: 0.1em;
  border: none;
}

table.listeQ th,
table.listeQ td {
  font-size: 90%;
  line-height: 1;
  padding: 0;
  border: none;
}

table.data {
  border-collapse: collapse;
  margin: 0.5em auto;
  border: 1px solid;
}

table.data caption {
  margin: 1em auto 0.2em;
  font-size: small;
  font-style: italic;
  text-align: center;
}

table.data th,
table.data td {
  padding: 0.2em;
  border: 1px solid;
}

/* Meta */

address {
  text-align: right;
}
.author {
  margin-bottom: 1em;
  text-align: left;
}
/* end Base styles */

/*html elements*/
html {
  padding: 0;
  margin: 0;
}
body {
  padding: 0;
  margin: 0;
  background-color: #CAE6CD;
  color: #000;
  font-family: Verdana,Sans-serif;
  font-size: 90%;
}

label, input {
  font-weight: bold;
  color: #A57B46;
}
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.5em 0;
  clear: both;
}
h1 {
  font-size: 120%;
  color: #955322;
}
h2 {
  font-size: 110%;
  color: #EC361D;
}

h3 {
  font-size: 100%;
  color: #B26C38;
}
h4 {
  font-size: 100%;
  color: #666;
}
h5 {
  font-size: 90%;
  color: #955322;
}
h6 {
  color: #EC361D;
  font-size: 90%;
}

p {
  line-height: 1.5;
  margin: 0 0 1em 0;
}
sup {
  font-size: 70%;
}
a:link {
  color: #554FA0;
  font-weight: bold;
  text-decoration: none;
}
a:visited {
/*  color: #090051; */
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #5B52CB;
  text-decoration: underline;
}
hr {
  padding: 0;
  height: 4px;
  border: 0;
  background: url(images/bg11.gif) repeat;
  margin: 1em 0;
}

/*structure*/
/* TODEL
#container {
  margin: 0;
  padding: 0;
}

.flLeft {
  float: left;
  margin: 5px 10px 5px 0;
}
.flRight {
  float: right;
  margin: 5px 0 5px 10px;
}

*/

/*header*/
#logo {
/*TODEL  position: absolute;*/
  top:0;
  left: 0;
  background: #CAE6CD;
  width: 209px;
}

/* TODEL
#header {
  background: transparent url(images/bg1.gif) top left repeat-x;
  width: 800px;
}
#header img {
  float: left;
  margin: 0;
}
*/
#mainNav {
  margin: 0 3px 0 0px; /*VGR1505 209, 212*/ /* trbl */
  padding: 9px 0 0 0;
/*TODEL  width: 817px;*/ /*VGR1505 ADDed = 800 base + 15 padd_sf + 2 border_sf */
  height: 31px;
  text-align: right;
  background: #CAE6CD; /* transparent url(images/bg3.gif) top left repeat-x; */
}
#mainNav li, #fc li {
  white-space: nowrap;
  list-style-type: none;
  display: inline;
  padding-right: 0.6em;
}
#mainNav a:link, #mainNav a:visited {
  font-size: 100%;
  text-transform: lowercase;
  font-weight: bold;
  color: #fff;
}
#mainNav a:hover {
  text-decoration: none; /* VGR04102004 REM the underlining is done via border-bottom below */
  padding-bottom: 2px; /* was 4px */
  border-bottom: solid 3px #B77723;
}

/* pour tests espacement
#mainNav li:before{
  display: inline;
  content: "::";
}
*/

/* VGR04102004 ADDed again extra classes for IE problems */
#mainNavie {
  margin: 0px 3px 0 209px;/*VGR1505 212*/ /* trbl */
  padding: 9px 2px 0 0;
/*TODEL    width: 715px;*/ /*VGR1505 auto; */
  height: 37px;
  text-align: right;
  background: #CAE6CD; /* transparent url(images/bg3.gif) top left repeat-x; */
}
#mainNavie li {
  white-space: nowrap;
  list-style-type: none;
  display: inline;
}
/* pour tests espacement
#mainNavie li:before {
  display: inline;
  content: "::";
}
*/
#mainNavie a:link, #mainNavie a:visited {
  font-size: 90%;
  text-transform: lowercase;
  font-weight: bold;
  color: #fff;
}
#mainNavie a:hover {
  text-decoration: underline;
}

/* EoAdd*/

/*TODEL  
#toolsnie {
  height: 100px;
  width: 800px;
  position: relative;
  top: 0px;
  left: 211px;
}
*/

#sf {
/*  border: solid 1px #F1DAA8;*/
  background: #E1F6E3; /* transparent url(images/bg2.gif) top left repeat-x; */
/*  margin: 0 3px 0 0px;*/ /*VGR1505 209, 212 */
/*TODEL   position: relative;
   top: -6px;*/
  text-align: right;
  padding: 15px 15px 0 0;
/*  height: 47px;*/
/*TODEL    width: 800px;*/ /*VGR1505 ADDed */
} #ignored {}

#sfie {
  border: solid 1px #F1DAA8;
  background: #E1F6E3; /* transparent url(images/bg2.gif) top left repeat-x; */
/*  margin: 0 3px 0 209px;*/ /*VGR1505 212 */
/*TODEL   position: relative;
   top: -6px;*/
  text-align: right;
  padding: 15px 15px 0 0;
  height: 60px;
/*TODEL    width: 700px;*/ /*VGR1505 ADDed */
}

#ignored {}

#sf label {
  font-size: 80%;
}

#q {
  font-size: 70%;
  font-weight: normal;
  background: #FAE8BA;
  border: solid 1px #E3C690;
  border-bottom-color: #F1D79E;
  border-right-color: #F1D79E;
  padding: 2px;
}
#q:hover, #q:focus {
  background: white;
}

#submit,#submit2 {
  background-color: #DCC085;
  border: solid 1px #C5A46C;
  border-top-color: #E6D098;
  border-left-color: #E6D098;
}
#submit:hover, #submit:focus,
#submit2:hover, #submit2:focus {
  background: #FAE8BA;
}

#blabla {
/* pour visibilité en tests  border: solid 1px #E3C690; */
/*  margin: 0 3px 0 3px;*/ /* trbl */
/*  position: absolute;*/
  left: 0;
/*TODEL    top: -5px;*/
  padding: 2px 2px 2px 2px; /* trbl */
  width: 450px;
  height: 60px;
  text-align: left;
  font-size: 10px; /*60%;*/
  font-weight: normal;
  text-transform: none;
  color: #A57B46;
}
#blabla ul {
  margin: 0 0 0 0; /* trbl */
  padding: 0 0 0 0; /* trbl */
  list-style-type: none;
  display: inline;
}
#blabla li {
  white-space: nowrap;
  list-style-type: none;
  padding-right: 0.6em;
}
#ignored {}
/* pour visibilité en tests
#blabla table, tr, td {
 border: solid 1px #E3C690;
}
*/
#blasel {
  border: solid 1px #FF0000;
}
/* VGR23092004 ADDed stuff for IE CSS support problems */
#ulnobreak ul {
  clear: both;
  display: inline;
  vertical-align: top;
}
#ulnobreak li {
  margin: 0 0 0 0; /* trbl */
  padding: 0 0 0 0; /* trbl */
  list-style-type: none;
  display: inline;
  white-space: nowrap;
  padding-right: 0.6em;
}
#ulnobreak img {
  float: none;
  margin: 2px;
}
#blabla table {
  margin: 0 3px 0 3px; /* trbl */
  left: 0;
  top: 0;
  padding: 2px 2px 2px 2px; /* trbl */
  text-align: left;
  font-size: 10px; /*60%;*/
  font-weight: normal;
  text-transform: none;
  color: #A57B46;
}
/* EoAdd */

#getcd {
  margin: 1em 0 0 45px;
}
#ignored {}

/*sidebar*/
#side {
  background: transparent; /* url(images/bg6.gif) top left repeat-x;*/
  background-color: #CAE6CD;
  position: absolute;
  left: 0;
  top: 100px; /*VGR1505 top: 0;*/
  padding: 0px 0px; /*trbl*/ /*VGR1505 15px */
  width: 211px; /*VGR1505 186px; */
}

.nomenu #side {
  display: none;
}

#mBody {
  background: #CAE6CD; /* #EEEAE4; */
  /*VGR1505 position: absolute;
  top: 100px;
  left: 0; */
  margin: 0;
  padding: 0;
  /*VGR1505 width: 216px;*/ /* 209 image + border oN=2*1 +1 */
}
.nomenu #mBody {
  background: #F1DAA8; /* fff */
}
#mBodyie {
  background: #CAE6CD; /* #EEEAE4; */
  /*VGR1505 position: absolute;
  top: 100px;
  left: 0; */
  margin: 0;
  padding: 0;
  /*VGR1505 width: 212px;*/ /* 209 image + border oN=2*1 +1 */
}
.nomenu #mBodyie {
  background: #F1DAA8; /* fff */
}

#side h2 {
  margin-top: 1em;
  color: #B26C38;
}
#side h3 {
  color: #333;
  margin: 2em 0 0 0;
}
#side h4 {
  color: #999;
  font-size: 90%;
  margin-top: 0;
  margin-bottom: 0.5em;
}
#side p {
  margin: 0 0 2em 0;
  font-size: 87%;
}
#side dl {
  margin-top: 0;
}
#side dt {
  font-weight: bold;
  display: inline;
  font-size: 87%;
}
#side dd {
  padding: 0 5px 0 5px; /* trbl */
  margin: 0 0 0 0;
/*  border-left: solid 3px #E3DDD3;*/
  font-size: 87%;
}
#side ul {
  padding: 0;
  margin: 0;
}
#side li {
  list-style: none;
  background: transparent url(images/w6.gif) top left no-repeat;
  padding: 0 0 0.3em 11px;
  line-height: 1.5;
}

#oN {
  background-color: #E1F6E3; /* #F5F2EF; */
  border: solid 1px #F1DAA8; /* fff */
  width: 189px; /*VGR1505 194px */ /* = 209 de l'image logo - 15 de marge propre des li */
  padding: 10px;
  font-size: 90%;
  margin: 0 0 0 0;
}
#oN:hover {
  background-color: #CAE6CD; /* #F8F7F4; */
}
#oNie { /* IE */
  background-color: #E1F6E3; /* #F5F2EF; */
  border: solid 1px #F1DAA8; /* fff */
  width: 191px;/*VGR1505 212*/
  padding: 10px;
  font-size: 90%;
  margin: 0 0 0 0;
}
#oNie:hover { /* IE */
  background-color: #CAE6CD; /* #F8F7F4; */
}
#oN li {
  list-style-type: none;
  line-height: 0.5;
  font-size: 87%;
  margin: 0 0 0 0;
  padding-left: 15px;
  background: transparent url(images/w6.gif) middle left no-repeat; /* étrange effet de bord avec "middle" au lieu de "top/bottom/center" etc */
  margin: 0 0 0 0;
}
#oNie li { /* IE */
  list-style-type: none;
  line-height: 0.5;
  font-size: 87%;
  margin: 0 0 0 0;
  padding-left: 15px;
  background: transparent url(images/w6.gif) middle left no-repeat;
  background-repeat: no-repeat; /* VGR23092004 ADDed for IE CSS support */
  margin: 0 0 0 0;
}

/*body*/
#mainContent {
  line-height: 1.5;
  padding: 0 5px 0 5px;
/*  background: #fff;*/
  background-color: #CAE6CD;
  margin-left: 211px; /*VGR1505 217*/ /* 216 = pile-poil, 217 laisse un px blanc */
  border-bottom: solid 1px #fff;
}
.mainContentie {
  width: 100%;
}
#ignored {}
/*
.homepage #mainContent {
  padding: 20px 30px;
}
.nomenu #mainContent {
  margin-left: 0;
  background: #fff url(images/bg10.gif) top left repeat-x
}
.secondLevel #mainContent, .premierNiveau #mainContent {
  padding: 20px 50px;
}
*/
/*TODEL idiot
.premierNiveau #mainContent {
  padding: 0px 0px;
}
*/
#mainContent h2 {
  margin-bottom: 0;
}
.secondLevel #mainContent h2, .premierNiveau #mainContent h2 {
  margin-top: 2em;
}
#mainContent li, #mainContent dt, #mainContent dd  {
  line-height: 1.5;
}
.accueil {
  font-size: 100%;
  margin-top: 0.5em;
  line-height: 1.5;
}
.hdr2 {
  display: block;
  border-top: solid 2px green;
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: green;
  font-weight: bold;
  font-size: 110%;
}
.hdr2:before {
  content: url("images/flechejaune.gif");
}
.texte {
  font-size: 90%;
  line-height: 1;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.titre {
  font-size: 110%;
  line-height: 0.5;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.liste {
  display: block;
  line-height: 1;
  font-size: 80%;
  margin-top: 0.5em;
}
.liste:before {
  content: url("images/block.gif");
}

/* "menus" dans le body 
A:link.menu, A:active.menu {
  text-decoration: none;
  color: #FFFFFF;
  background: transparent;
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold;
}
A:visited.menu {
  text-decoration: none; 
  color: #FFFFFF;
  background: transparent;
  font-family: verdana, arial;
  font-size: 10px;
  font-weight: bold;
}		
A:hover.menu {
  text-decoration: none;
  color: #42646A;
  background: transparent;
  font-family: verdana, arial;
  font-size: 10px;
  font-weight: bold;
}
*/

/*footer*/
#bn {
  font-size: 80%;
  clear: both;
  border-top: solid 1px #EAE6DE;
/*  margin: 3em 0 0.5em 0; */
/*  background: transparent url(images/bg8.gif) top right repeat-y;*/
}
#bn li {
  list-style: none;
  display: inline;
  white-space: nowrap;
/*  margin: 10px 0 0 0;*/
  background-color: #CAE6CD;
}
#bn a {
/*  background: transparent url(images/bg8.gif) top right repeat-y;*/
}
/*

IE specific stuff

*/

#bnie {
  margin: 20px 0 20px 0; /* trbl */
  padding: 0 0 0 0;
  text-align: left;
  background-color: #CAE6CD; /* transparent url(images/bg3.gif) top left repeat-x; */
}
#bnie ul {
  padding-right: 5px;
  margin-right: 10px;
}

#bnie li {
  white-space: nowrap;
  list-style-type: none;
  display: inline;
  padding-right: 0.6em;
}
/* pour tests espacement
#bnie li:before{
  display: inline;
  content: "::";
}
*/

#footer div {
  font-size: 73%;
  line-height: normal;
  margin: 0 0 0 0;
}

/*

*/

#bn a:visited, #bnie a:visited {
  font-weight: bold;
}
#bn a:hover, #bnie a:hover {
  text-decoration: underline;
  background: #E1F6E3;
}
#footer p {
  font-size: 73%;
  line-height: normal;
  margin: 0 0 0 1em;
}
#int {
  padding: 0 0 0 1em;
  margin: 0;
}
#int li {
  font-size: 73%;
  list-style: none;
  display: inline;
  white-space: nowrap;
}
.copyright {
  padding-bottom: 0.5em;
}

/*what's new*/
#whatsNew p {
  margin: 0.2em 0.5em;
}

#finds p {
  color:   #896834;
  margin-top: 0;
}

#ftr {
  margin-left: 0;
  padding-left: 1.5em;
}
#ftr li {
  list-style-type: circle;
  margin-bottom: 0.1em;
}

/* which panel */
#which, #other {
  margin: 2em 0 0 0;
}

#which a:link, #other a:link {
  color: #977F56;
}
#which a:visited, #other a:visited {
  color: #6B5839;
  font-weight: bold;
}
#which a:hover, #other a:hover {
  color: #B08A48;
  text-decoration: underline;
}
#which h2 {
  color: #554FA0;
  background-color: #EEECF6;
  background-position: center left;
  padding: 7px;
  border: dotted 1px #D6CCBD;
  border-right: 0;
  border-left: 0;
}
#which dl, #other dl {
  margin: 0;
}
#which dt, #other dt {
  margin: 0 0 0 60px;
  padding-top: 0.7em;
  border-left: dotted 1px #D6CCBD;
}
#which .im, #other .im {
  clear: left;
  float: left;
  width: 60px;
  text-align: center;
  border: 0;
  margin: 0em 15px 0 0;
  padding: 1em 0 0.5em 0;
}
#which dd, #other dd {
  margin: 0 0 0 60px;
  padding-left: 15px;
  padding-bottom: 1em;
  border-bottom: dotted 1px #D6CCBD;
  border-left: dotted 1px #D6CCBD;
}
#which dd p, #other dd p, #which dd ul, #other dd ul {
  margin-top: 0;
  margin-bottom: 0;
}
#other dd, #other dt {
  border: 0;
}
#which .dl, #other .dl {
  color: #666;
}

#which dd #quotes {
  color:   #896834;
}

#which dd #quotes p {
  float: left;
  width: 40%;
  margin: 1em 5%;
}


/* ad */
#ad, #rhs2 {
  width: 157px;
}
#rhs2 {
  position: absolute;
  right: 10px;
  margin: 2em 0 0 0;
}
#ad {
  margin: 2em 1em;
}
#ad a, #rhs2 a {
  clear: both;
}
#ad .bl img, #rhs2 .bl img {
  background: #554FA0;
}
#ad .bl img:hover, #ad .bl img:focus, #rhs2 .bl img:hover, #rhs2 .bl img:focus {
  background: #5C56AF;
}
#ad .br img, #rhs2 .br img {
  background: #A0714F;
}
#ad .br img:hover, #ad .br img:focus, #rhs2 .br img:hover, #rhs2 .br img:focus {
  background: #B17F5A;
}
#ad .bu img, #rhs2 .bu img {
  background: #6B8381;
}
#ad .bu img:hover, #ad .bu img:focus, #rhs2 .bu img:hover, #rhs2 .bu img:focus {
  background: #729390;
}
#ad .bd img, #rhs2 .bd img {
  background: #BC6055;
}
#ad .bd img:hover, #ad .bd img:focus, #rhs2 .bd img:hover, #rhs2 .bd img:focus {
  background: #DE6354;
}


/* secondlevel */
#brd {
  margin: 0 0 0.5em 0;
  position: relative;
  top: -1.5em;
  text-align: right;
  font-size: 87%;
  color: #999;
}
#brd a:link, #brd a:visited {
  padding: 5px;
}
#brd a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #DCC085;
}
#brd em {
  font-style: normal;
  font-weight: bold;
  color: #666;
}

#nav {
  margin: 0 0 4em 0;
  padding: 0;
  line-height: 0;
}
#nav li {
  list-style: none;
  margin: 0;

  background-image: none;
  padding: 0 0 1px 0;
  line-height: 1.0;
}
#nav a:link, #nav a:visited {
  font-weight: normal;
  line-height: 1.0;
  color: #955322;
  display: block;
  background: transparent url(images/bg9b.gif) top right repeat-y;
  border: solid 1px #EEEAE4;
  margin: 0;
  padding: 5px 10px 5px 0.5em;
}
#nav a:hover {
  color: #EC361D;
  border: solid 1px #DDD9D4;
  border-top-color: #F5F3F0;
  border-left-color: #F5F3F0;
  background: #F3F0EC;
}
#nav a:active {
  background: #fff;
}
#nav ul {
  margin: 0;
  padding: 0;
  background-color: #F5F2EF;
  border: solid 1px #fff;
}
#nav ul a:link, #nav ul a:visited {
  background-image: none;
  padding: 4px 10px 4px 1.5em;
  border: 0;
}
#nav ul a:hover {
  background-image: none;
  border: 0;
  padding-right: 0;
}


/* generic reusable style */

.feature {
  width: 200px;
  float: left;
  margin: 0 10px 10px 10px;
  padding: 15px;
  background: #EEEAE4;
  border: double 3px #fff;
  text-align: center;
}
.feature img {
  border: solid 1px #E8E3DB;
  border-right: solid 1px #D6CBBD;
  border-bottom: solid 1px #D6CBBD;
}
.feature p {
  font-size: 80%;
  line-height: normal;
  margin: 5px 0 0 0;
  padding: 3px;
  background: #F3F0EC;
  border: solid 1px #E6E0D7;
  border-right: solid 1px #FCFBFA;
  border-bottom: solid 1px #FCFBFA;
}
.highlight {
  display: block;
  border-top: double 3px #ccc;
  border-bottom: double 3px #ccc;
  padding: 8px;
  margin: 20px 40px;
}
.highlight img {
  float: right;
  margin: 0 20px 0 20px;
}
.highlight dl {
  padding: 1em;
}
.highlight dd {
  white-space: nowrap;
}
.mice {
  font-size: 70%;
  line-height: 1.1;
  color: #999;
  margin-top: 2em;
}
.mice a:link, .mice a:visited {
  color: #666;
}
.linkset {
  padding: 10px;
  margin: 0 0 0.5em 0;
  background: #eee;
  border-top: double 3px #ccc;
  border-bottom: double 3px #ccc;
}
.linkset li {
  list-style-type: none;
  padding-left: 20px;
  margin: 12px;
}
.linkset .dlwin {
  background: url(images/ico-win.png) top left no-repeat;
}
.linkset .dlosx {
  background: url(images/ico-osx.png) top left no-repeat;
}
.linkset .dllinux {
  background: url(images/ico-tux.png) top left no-repeat;
}
#main {
  width: 350px;
  margin-right: 170px;
}
#main img {
  margin-bottom: -1em;
}
#rhs, #rhs2 {
  position: absolute;
  left: 650px;
  top: 160px;
  width: 160px;
}
#rhs2 {
  top: 0;
}
#rhs img {
  padding-left: 35px;
  margin-bottom: -20px;
}


/* display tweak */
hr.hide {
  display: none;
}

/* pages, sections et listes (classements etc) */
.EntetePage {
  BACKGROUND-COLOR: #CAE6CD;
  COLOR: #A57B46;
  FONT-SIZE: 100%;
  FONT-WEIGHT: bold;
}
.SousEntetePage {
  BACKGROUND-COLOR: #CAE6CD;
  COLOR: #A57B46;
  FONT-SIZE: 90%;
  FONT-WEIGHT: bold;
}
.enteteSection {
  BACKGROUND-COLOR: #CAE6CD;
  COLOR: #A57B46;
  FONT-WEIGHT: bold;
  padding: 0 5px 0 5px; /* trbl */
}
.elementPair {
  BACKGROUND-COLOR: #FAE8BA;
/*  FONT-SIZE: 8pt;*/
} 
.elementImpair {
  BACKGROUND-COLOR: #E1F6E3;
  vertical-align: middle;
/*  FONT-SIZE: 8pt;*/
}
td.elementImpair {
  vertical-align: middle;
}
a.elementImpair {
  vertical-align: middle;
}
img.elementImpair {
  vertical-align: middle;
}
.listeQPair {
  BACKGROUND-COLOR: #FAE8BA;
} 
.listeQImpair {
  BACKGROUND-COLOR: #E1F6E3;
} 

/* questions */
.TitreQ {
  BACKGROUND-COLOR: #DCC085;
  padding: 0 5px 0 5px; /* trbl */
 }
.CorpsQ {
  BACKGROUND-COLOR: #FAE8BA;
  padding: 0 5px 0 5px; /* trbl */
}
.TitreRadmin {
  BACKGROUND-COLOR: #cccccc;
  padding: 0 5px 0 5px; /* trbl */
}
A.TitreRadmin:link {
  COLOR: white;
  FONT-WEIGHT: bold;
}
A.TitreRadmin:visited {
  COLOR: white;
  FONT-WEIGHT: bold;
}
A.TitreRadmin:active {
  COLOR: white;
  FONT-WEIGHT: bold;
}
A.TitreRadmin:hover {
  COLOR: white;
  FONT-WEIGHT: bold;
}
/*VGR07072004 DELeted not used any more :
.TitreC {
  BACKGROUND-COLOR: #ff0000;
}
.TitreAR {
  BACKGROUND-COLOR: #33bb00;
}
.TitreAA {
  BACKGROUND-COLOR: #66bb66;
}
.TitreC {
  BACKGROUND-COLOR: #dcb100;
}
.CorpsA {
  BACKGROUND-COLOR: #ffffff;
}
*/
.Anormal {
  BACKGROUND-COLOR: #ff4444;
}
.RepAuteur {
  BACKGROUND-COLOR: #b4cbff;
  padding: 0 5px 0 5px; /* trbl */
}
.RAcceptee {
  BACKGROUND-COLOR: #DCE8BE;
  padding: 0 5px 0 5px; /* trbl */
}
span.lien {
  text-decoration: none;
  cursor: default;
  color: #FFFFFF;
}
span.lien:hover {
  text-decoration: underline;
  cursor: hand; cursor: pointer; /* the later is for IE and is not standard */
}
table.enteteListe {
/*  display: block;*/
  border-top: solid 2px green;
  margin-top: 0.2em;
  margin-bottom: 0;
}
/* couleurs utilisées ici :
marron foncé fondsubmitq : #DCC085;
marron foncé bordertopsubmit : #C5A46C;
marron foncé borderbottomsubmit : #E6D098;
marron foncé (zones mères, "rechercher EEE") : #A57B46
marron pâle1 bordertopq SF #E3C690;
marron pâle2 borderbottomqSF #F1D79E;
marron pâle3 SF : #F1DAA8
orange pâle (logo, fond submitonhover) : #FAE8BA
blanc : #FFFFFF
vert foncé : #CAE6CD
vert pâle : #E1F6E3
autre vert : #DCE8BE
bleu "RepAuteur" #b4cbff
*/

*.niou {
  margin: 1em;
  padding: 0.1em;
  border: solid #0f0;
}

.niou:before {
  content: url("images/new.gif");
}
smallform {
  FONT-SIZE: 90%;
  FONT-WEIGHT: bold;
}
td.smallform {
  FONT-SIZE: 60%;
  FONT-WEIGHT: normal;
  margin-left: 1em;
}
a.blinking {
  text-decoration: blink;
}

hr.discret {
  padding: 0;
  height: 4px;
  border: 0;
  margin: 0.2em 0;
}

span.smallbuttons,
input.smallbuttons {
  font-size: 70%;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
#messages {
  margin: 0 3px 0 3px; /* trbl */
  padding: 0 0 0 0;
  width: auto;
  height: auto;
  text-align: center;
  background: #CAE6CD; /* transparent url(images/bg3.gif) top left repeat-x; */
/*  border: solid 1px green;*/
}

div.oneform {
  display: block;
  clear: both;
}

.texteVert {
  background: #CAE6CD;
  color: #A57B46;
  padding: 0 5px 0 5px; /* trbl */
  margin: 0 0 5px 0; /* trbl */
  width: auto;
  text-align: left;
}
/* contact */
/* VGR 10052006 ADDed with semi-transparent background */
#contacts {
/*  border:1px solid red; */
  position: fixed;
  bottom: 0; 
  right: 0;
  vertical-align:top;
  overflow: hidden;
  width:100px;
  font-size: 10px;
  background-color: #C0C0C0;
  z-index: 50;
  opacity: .50; /* Safari */
  -moz-opacity: .50; /* Moz */
/* Again, the ugly brilliant hack. */
  voice-family: "\"}\"";
  voice-family:inherit;
  width:100px;
}
/* Again, "be nice to Opera 5". */
body>#contacts {width:100px;}
#contacts:before {
  content: "Infos";
  color:#09c;
  font-size:8px;
}
#contacts a {
  text-decoration:none;
}
.pub {
  z-index:10;
}
.pub:before {
  content: "Pub";
  color:#09c;
  font-size:8px;
  vertical-align: top;
}
.bottomleft {
  position: relative;
  bottom: -200px;
  left: 0;
  z-index:10;
}
.petitbrun { /* aligné sur blabla */
  text-align: left;
  font-size: 10px; /*60%;*/
  font-weight: normal;
  text-transform: none;
  color: #A57B46;
}
.petitrouge { /* aligné sur blabla */
  text-align: left;
  font-size: 10px; /*60%;*/
  font-weight: normal;
  text-transform: none;
  color: red;
}
/*VGR20032009 ADDed from LinkedIn*/
.marketing-bubble .bubble-wrap

{

position: relative;

background-color: #ffffff;

background-image: url("images/sprite_marketing_bubble_v1.gif");

background-repeat: repeat-x;

background-attachment: scroll;

background-position: 0pt -14px;

border-top-width: 1px;

border-right-width-value: 1px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 1px;

border-left-width-value: 1px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: solid;

border-right-style-value: solid;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: solid;

border-left-style-value: solid;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: #f6be69;

border-right-color-value: #f6be69;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: #f6be69;

border-left-color-value: #f6be69;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

margin-top: -2px;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: -1px;

}
.marketing-bubble h3

{

color: #cc6600;

margin-top: 4px;

margin-right: 22px;

margin-bottom: 2px;

margin-left: 8px;

font-weight: bold;

font-size: 13px;

line-height: 1.4;

white-space: normal;

}
.marketing-bubble p.bubble-content

{

margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

white-space: normal;

font-size: 11px;

}
.marketing-bubble .bubble-arrow

{

position: absolute;

background-color: transparent;

background-image: url("images/sprite_marketing_bubble_v1.gif");

background-repeat: no-repeat;

background-attachment: scroll;

background-position: -100px -100px;

height: 12px;

width: 7px;

}

.bubble-pos-bottom .bubble-arrow

{

background-position: -14px -7px;

height: 7px;

width: 12px;

bottom: -7px;

left: 30px;

}

.marketing-bubble{background-color:#999;padding:1px 0;position:absolute;text-align:left;z-index:2;}
.marketing-bubble .bubble-wrap{position:relative;background:#FFF url("images/sprite_marketing_bubble_v1.gif") repeat-x 0 -14px;border:1px solid #F6BE69;margin:-2px 0 0 -1px;}
.marketing-bubble h3{color:#C60;margin:4px 22px 2px 8px;font-weight:bold;font-size:13px;line-height:1.4;white-space:normal;}
.marketing-bubble .bubble-close-button{width:14px;height:14px;position:absolute;top:4px;right:4px;background:url("images/sprite_marketing_bubble_v1.gif") no-repeat 0 0;cursor:pointer;}
.marketing-bubble .bubble-body{padding:0 8px 4px;}
.marketing-bubble p.bubble-content{margin:0;white-space:normal;font-size:11px;}
.marketing-bubble span.new-feature{color:#FFF;background-color:#C60;padding:1px 3px;margin-right:2px;-moz-border-radius:1px;font-weight:normal;position:relative;top:-1px;font-size:9px;}
.marketing-bubble span.next-bubble{cursor:pointer;margin-left:8px;color:#039;}
.marketing-bubble .bubble-arrow{position:absolute;background:url("images/sprite_marketing_bubble_v1.gif") no-repeat -100px -100px;height:12px;width:7px;_font-size:6px;}
.hover-next span.next-bubble{color:#FFF;background-color:#f6b94b;}
.bubble-hidden{display:none;}
.bubble-pos-left .bubble-arrow{background-position:-26px -2px;top:4px;left:-7px;}
.bubble-pos-right .bubble-arrow{background-position:-32px -2px;top:4px;right:-7px;}
.bubble-pos-top .bubble-arrow{background-position:-14px 0;height:7px;width:12px;top:-7px;left:2px;}
.bubble-pos-bottom .bubble-arrow{background-position:-14px -7px;height:7px;width:12px;bottom:-7px;left:30px;}