@charset "utf-8";
/* default */
/* --- STYLES DE BASE --- */
/* Page */
html {
  font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
}
body {
  margin: 0;   padding: 1em; /* Remettre à zéro si nécessaire. */
  /* Pensez à utiliser une collection de polices (2), par ex:   font-family: Arial, Helvetica, FreeSans, sans-serif; */
  font-size: .8em; /* À adapter pour la police choisie. (3) */
  line-height: 1.4; /* À adapter au design. (4) */
  color: black;
  background: white;
}
/* Titres */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
  line-height: 1.2;
  font-weight: bold; /* Valeur par défaut. (6) */
  font-style: normal;
}
h1 {
  font-size: 1.75em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}
h4 {
  font-size: 1em;
}
/* Listes */
ul, ol {
  margin: .75em 0 .75em 32px;
  padding: 0;
}
/* Paragraphes */
p {
  margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
  margin: .75em 0;
  font-style: normal;
}
/* Liens */
a {
  text-decoration: underline;
}
a:link {
  color: #11C;
}
a:visited {
  color: #339;
}
a:hover, a:focus, a:active {
  color: #00F;
}
/* Pas de bordure pointillée ou halo lors du clic sur un lien */
a:active {
  outline: none;
}
/* Pas de bordure autour des images dans les liens */
a img {
  border: none;
}
/* Divers éléments de type en-ligne (8) */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
/* Formulaires */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
/*--------------------------------------------------------------------*/
/* CSS Document                                                       */
/*--------------------------------------------------------------------*/
body {
 background-color: #fff;
 margin: 40px;
 font-family: Lucida Grande, Verdana, Sans-serif;
 font-size: 14px;
 color: #4F5155;
}
a {
 color: #00C;
 background-color: transparent;
 font-weight: normal;
}
a:visited, a:link {
 color: #00C;
}
h1 {
 color: #444;
 background-color: transparent;
 border-bottom: 1px solid #D0D0D0;
 font-size: 16px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
 text-align:right;
}
code {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 12px;
 background-color: #f9f9f9;
 border: 1px solid #D0D0D0;
 color: #002166;
 display: block;
 margin: 14px 0 14px 0;
 padding: 12px 10px 12px 10px;
}
.rouge_b {
  font-weight:bold;
}
.rouge, .rouge_b {
  color:#BB0000;
}
.noir, .noir_b, .noir_b_center {
  color:#000;
}
.noir_b, .noir_b_center {
  font-weight:bold;
}
.noir_b_center {
  text-align:center;
}
.b {
  font-weight:bold;
}
.i {
  font-style:italic;
}
.center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.right {
  text-align:right;
}
.alerte {
  text-align:center;
  font-size:larger;
  font-weight:bold;
  color:#FF6666;
  padding-top:5px;
  padding-bottom:5px;
}
#contents {
  clear:both;
  margin-bottom:30px;
}
#footer {
  bottom:10px;
  text-align:center;
  margin-top:50px;
}
/*--------------------------------------------------------------------*/
/* CSS Naviguation                                                    */
/*--------------------------------------------------------------------*/
div ul.navigation {
  font-size:16px;
  font-weight:bold;
  border-bottom: 1px solid #D0D0D0;
  margin-left:0px;
  padding-bottom:4px;
  margin-bottom:50px;
}
ul.navigation li {
  display:inline;
  margin-right:10px;
}
ul.navigation li a {
  text-decoration:none;
}
ul.navigation li a:hover {
  border-bottom:7px solid #7C7C7C;
  padding-bottom:3px;
}
ul.navigation li.selected {
  border-bottom:7px solid #666;
  padding-bottom:3px;
}
/*--------------------------------------------------------------------*/
/* Form                                                               */
/*--------------------------------------------------------------------*/
div.logo {
  text-align:center;
  margin-top:30px;
  margin-bottom:0px;
}
#new_URL {
  width:600px;
  margin:0 auto 0 auto;
}
#new_URL div.form_titre {
  background-color:#D0D0D0;
  text-align:center;
  padding-top:5px;
  padding-bottom:8px;
  font-size:18px;
  font-weight:bold;
}
#new_URL div.form_text1, #new_URL div.form_text1_error {
  white-space:nowrap;
  margin-bottom:5px;
}
#new_URL div.form_text1 #form_text1_help, #new_URL div.form_text1_error #form_text1_help {
  visibility:hidden;
  width:482px;
  padding-left:5px;
}
#new_URL div.form_text1 #form_text1_help, #new_URL div.form_text2 #form_text2_help {
  background-color:#D0D0D0;
}
#new_URL div.form_text1_error #form_text1_help, #new_URL div.form_text2_error #form_text2_help {
  background-color:#FF6666;
  color:#FFF;
}
#new_URL div.form_text1 #url_ins, #new_URL div.form_text1_error #url_ins {
  width:480px;
  height:19px;
}
#new_URL div.form_text1 #url_ins, #new_URL div.form_text2 #url_mini {
  border:2px solid #D0D0D0;
}
#new_URL div.form_text1_error #url_ins, #new_URL div.form_text2_error #url_mini {
  border:2px solid #FF6666;
}
#url_submit {
  background-color:#D0D0D0;
  height:25px;
}
#new_URL div.form_text2, #new_URL div.form_text2_error {
  white-space:nowrap;
}
#new_URL div.form_text2 #form_text2_help, #new_URL div.form_text2_error #form_text2_help {
  visibility:hidden;
  width:540px;
  padding-left:5px;
}
#new_URL div.form_text2 #url_mini, #new_URL div.form_text2_error #url_mini {
  width:125px;
  height:18px;
}
div.form_errors, div.no_errors {
  border:2px solid #FFF;
  font-weight:bold;
  width:400px;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  margin-bottom:5px;
  padding:5px;
}
div.form_errors {
  border:2px solid #F00;
  background-color:#F66;
  color:#FDFDFD;
}
p.right_nb {
  font-weight:bold;
  text-align:right;
  padding-right:180px;
}
p.right_nb span {
  color:#BB0000;
}
/*--------------------------------------------------------------------*/
/* Liste des derniers liens créés                                     */
/*--------------------------------------------------------------------*/
table.der_url {
  width:100%;
  margin-top:0px;
  border:0px solid #000;
}
table.der_url tr td {
  padding-top:0px;
}
td.der_url_nowrap {
  width:140px;
  white-space:nowrap;
  text-align:center;
  font-weight:bold;
  padding-right:15px;
}
td.der_url_donnee {
  vertical-align:top;
}
/*--------------------------------------------------------------------*/
/*  FAQ Questions/réponses + News                                     */
/*--------------------------------------------------------------------*/
div.news_body2 {
  height:220px;
  overflow:auto;  
}
div.FAQ_body, div.news_body {
  background-color:#F3F3F3;
  border:2px solid #D0D0D0;
  margin:10px;
  padding:5px;
}
div.FAQ_title, div.news_title {
  border-bottom:2px solid #D0D0D0;
  padding-bottom:2px;
  margin-bottom:5px;
  font-weight:bold;
}
p.question {
  font-weight:bold;
  margin-left:10px;
  margin-bottom:0px;
  padding-bottom:2px;
}
p.reponse {
  margin-left:10px;
  margin-top:0px;
  padding-top:2px;
}
/*--------------------------------------------------------------------*/
/*  API                                                               */
/*--------------------------------------------------------------------*/
div.rep_api {
  border:2px solid #f6f6f6;
  background-color:#7db8e4;
  padding:10px;
}
div.titre_rep_api {
  border-bottom:1px dotted #f6f6f6;
  font-weight:bold;
  color:#f6f6f6;
  padding:2px;
  margin-bottom:10px;
}
div.fonction_rep_api {
  border:1px solid #000;
  background-color:#f6f6f6;
  margin:10px 0px;
  padding:10px;
}
div.fonction_rep_api_block {
  border:1px solid #f6f6f6;
  margin:10px 0px;
  padding:10px;
}
div.titre_rep_api2 {
/*  border-bottom:1px dotted #f6f6f6;*/
  font-style:italic;
  text-decoration:underline;
  color:#f6f6f6;
  padding:0px;
}
div.fonction_rep_api table, table.api {
  margin:10px 0px 0px 0px;
  border:0px;
  background-color:#eee;
}
div.fonction_rep_api table tr, table.api tr {
  line-height:2.1em;
}
div.fonction_rep_api table tr.title, table.api tr.title {
  background-color:#F90;
  font-weight:bold;
  text-align:center;
}
div.fonction_rep_api table tr td, table.api tr td {
  padding:0px 5px;
}
div.text_alerte {
  border:1px solid #000;
  background:#fcd;
  margin-top:10px;
  padding:15px;
}
div.titre_ex_api {
  border-bottom:1px dotted #000;
  font-weight:bold;
  padding:4px 15px;
  margin-bottom:10px;
}
div.text_ex_api {
  border:1px solid #000;
  background-color:#eee;
  padding:4px 15px;
  margin:10px;
  color:#0000BB;
}
/*--------------------------------------------------------------------*/
/*  Form contact                                                      */
/*--------------------------------------------------------------------*/
.form_corner {
  width:500px;
  margin:0px auto;
}
.form_text {
  line-height:2.2em;
  padding:2px;
}
table.form_text {
  width:100%;
}
.qf_ET input, .qf_ET textarea {
  border:2px solid #D0D0D0;
}
.qf_ET_error input, .qf_ET_error textarea {
  border:2px solid #F00;
}
/*--------------------------------------------------------------------*/
/*  Détails redirection                                               */
/*--------------------------------------------------------------------*/
div.conteneur_detail {
  position:relative;
/*  width:100%;*/
  overflow:auto;
}
div.detail_g {
  float:left;
  width:260px;
  padding-left:5px;
  padding-right:5px;
/*  border:#000 1px solid;*/
}
div.detail_d {
  float:left;
  width:755px;
  padding-left:5px;
  padding-right:5px;
/*  border:#000 1px solid;*/
}
div.detail_d ul li img.help {
  position:absolute;
  top:-2px;
  padding-left:5px;
/*  border:#000 1px solid;*/
}
div.detail_d ul {
  list-style:none;
  margin-top:0;
}
div.detail_d ul li {
  position:relative;
}
div.detail_d ul li img.thumbnail {
  border:#000 0px solid;
  width:120px;
  height:90px;
  vertical-align:middle;
}
div.detail_d ul li ul {
/*  border:#000 1px solid;*/
  margin-top:0;
  margin-left:10px;
  list-style:none;
}
div.conteneur_detail p {
  clear:left;
}