/*
couleurs texte du logo:
haut web : #0083c6
bas  web : #0074af

haut rank: #026295
bas  rank: #005280

haut info: #014061
bas  info: #02344f

orange foncé: #df7526 (plus foncé : #e47f24)
à la une : couleurs de fond :
foncé = #EE9932
clair = #FEF9A8

fond bloc ocre clair : #fffce5

bleu clair marges externes : #f0faff
bleu foncé titre h2 : #015481

bleu actif clair : #32d5fe
bleu actif foncé : #0799e6

jaune inactif clair : #e6e443
jaune inactif foncé : #efba08
jaune actif clair : #fbf970
jaune éclairci : #fcfce4 (bg2 forum)

vert inactif foncé : #5fa008
vert actif clair : #caf694
vert actif foncé : #91d308
vert éclairci : #f2fed2 (bg1 forum)

lien standard : #0083c7 hover df7526

bloc marge :
bleu foncé = #003f88
liseré bleu clair = #80c0dd
jaune clair = #fffce5
jaune foncé = #fef9a8
fond bleu clair = #f0faff

/* ------------------------------------ */
/*                                      */
/*            Généralités               */
/*                                      */
/* ------------------------------------ */

body {
	margin: 0;
	padding: 0;
	font: normal 80%/1em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: black;
  background: #F0FAFF url(http://www.webrankinfo.com/images/design/fd_body.gif) repeat-y 50% 0;
}

#global {
  margin: 0 auto;
  width: 987px;
  border-left: 1px solid #013552;
  border-right: 1px solid #013552;
  background-color: white;
}
#header {
  margin-bottom: 10px;
  padding-top: 5px;
  background: white;
}
#content {
  clear: both;
  margin: 15px 14px 0 13px;
  padding-bottom: 20px;
}

#fin_contenu {
  clear: both;
  margin: 0;
  padding: 0;
  border: 0 none;
  height: 1px;
  background-color: white;
  color: white;
  background: white;
}

#footer {
  padding-top: 10px;
  height: 104px;
	font-size: 0.97em;
  background: #003880 url(http://www.webrankinfo.com/images/design/fd_footer.png) repeat-x 0 0;
}


a { 
  color: #0083C7;
  text-decoration: none;
  word-wrap: break-word;
}
a:hover {color: #df7526; text-decoration: underline; }
/* #texte a:hover {color: #df7526 !important; text-decoration: underline; } */
a:visited {color: #0083C7; text-decoration: none; } /*008000*/
a img { border: 0 none; }



/* ------------------------------------ */
/*              Header                  */
/* ------------------------------------ */

#header a:hover {
  text-decoration: none;
}

/*  Bloc de recherche  */

#right_box {
  float: right;
  margin-right: 13px;
  width: 326px;
}

#header form {
  margin: 0;
  padding: 6px 0 0 0;
  background:  url(http://www.webrankinfo.com/images/design/fd_search2.png) no-repeat 0 0;
}

#header fieldset {
  padding: 0 0 4px 6px;
  background:  url(http://www.webrankinfo.com/images/design/fd_search2.png) no-repeat 0 100%;
}

#header form label {
  color: white;
  font-size: 0.95em;
}

#header form input {
  margin: -1px 0 0 2px;  
  height: 19px;
  width: 234px;  
  border: 1px solid #333333;
  vertical-align: middle;
}

#header form .submit {
  width: 67px;
  height: 21px;
  border: 0 none;
  text-align: center;
  font: bold 0.95em Verdana, Arial, sans-serif;
  color:#ebebeb;
  background: #333333;
  cursor: pointer;
}

#right_box div {
  margin: 20px 0 5px 0;
  padding-left: 15px;
  font-size: 1.17em;
  color: #015481;
  background: white url(http://www.webrankinfo.com/images/design/fd_header_h2.gif) no-repeat 5px 0.1em;
}

#right_box a {
  margin-left: 2px;
}


/*  Eléments de menu + logo  */

#header div {
  margin: 0 0 0 25px;
}

#menu {
  margin: 0 0 0 5px;
  padding: 0;
  list-style: none;
}

#menu li {
  float: left;
  margin-right: 9px;
}

#menu li a {
  display: block;
  padding-right: 13px;
  color: #333333;
  font-weight: bold;
}

#menu li a span {
  display: block;
  padding: 6px 5px 5px 18px;
}

#menu li a.actif {
  position: relative;
  z-index: 100;
  top: 1px;
}

#menu li.bleu a { background: #016cca url(http://www.webrankinfo.com/images/design/fd_menu_bleu.png) no-repeat 100% -50px; }
#menu li.bleu a span { background: #016cca url(http://www.webrankinfo.com/images/design/fd_menu_bleu.png) no-repeat 0 -50px; }
#menu li.bleu a.actif, #menu li.bleu a:hover { background: url(http://www.webrankinfo.com/images/design/fd_menu_bleu.png) no-repeat 100% 0; }
#menu li.bleu a.actif span, #menu li.bleu a:hover span { background: url(http://www.webrankinfo.com/images/design/fd_menu_bleu.png) no-repeat 0 0; }

#menu li.vert a { background: #5a9b00 url(http://www.webrankinfo.com/images/design/fd_menu_vert.png) no-repeat 100% -50px; }
#menu li.vert a span { background: #5a9b00 url(http://www.webrankinfo.com/images/design/fd_menu_vert.png) no-repeat 0 -50px; }
#menu li.vert a.actif, #menu li.vert a:hover { background: url(http://www.webrankinfo.com/images/design/fd_menu_vert.png) no-repeat 100% 0; }
#menu li.vert a.actif span, #menu li.vert a:hover span { background: url(http://www.webrankinfo.com/images/design/fd_menu_vert.png) no-repeat 0 0; }

#menu li.jaune a { background: #f0b400 url(http://www.webrankinfo.com/images/design/fd_menu_jaune.png) no-repeat 100% -50px; }
#menu li.jaune a span { background: #f0b400 url(http://www.webrankinfo.com/images/design/fd_menu_jaune.png) no-repeat 0 -50px; }
#menu li.jaune a.actif, #menu li.jaune a:hover { background: url(http://www.webrankinfo.com/images/design/fd_menu_jaune.png) no-repeat 100% 0; }
#menu li.jaune a.actif span, #menu li.jaune a:hover span { background: url(http://www.webrankinfo.com/images/design/fd_menu_jaune.png) no-repeat 0 0; }

#menu li.orange a { background: #dc7028 url(http://www.webrankinfo.com/images/design/fd_menu_orange.png) no-repeat 100% -50px; }
#menu li.orange a span { background: #dc7028 url(http://www.webrankinfo.com/images/design/fd_menu_orange.png) no-repeat 0 -50px; }
#menu li.orange a.actif, #menu li.orange a:hover { background: url(http://www.webrankinfo.com/images/design/fd_menu_orange.png) no-repeat 100% 0; }
#menu li.orange a.actif span, #menu li.orange a:hover span { background: url(http://www.webrankinfo.com/images/design/fd_menu_orange.png) no-repeat 0 0; }


/*  Eléments du sous-menu  */

#sous_menu {
  clear: left;
  position: relative;
  z-index: 10;
  margin: 0; 
  padding: 0 0 0 5px;
  height: 22px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  list-style: none;
}

ul.bleu { background: #34d7fe url(http://www.webrankinfo.com/images/design/fd_ss_menu_bleu.gif) repeat-x 0 0; }
ul.vert { background: #cdf79a url(http://www.webrankinfo.com/images/design/fd_ss_menu_vert.gif) repeat-x 0 0; }
ul.jaune { background: #fbf969 url(http://www.webrankinfo.com/images/design/fd_ss_menu_jaune.gif) repeat-x 0 0; }
ul.orange { background: #ffe12e url(http://www.webrankinfo.com/images/design/fd_ss_menu_orange.gif) repeat-x 0 0; }

#sous_menu li {
  float: left;
  padding: 4px 8px;
  background: url(http://www.webrankinfo.com/images/design/fd_ss_menu_li.gif) no-repeat 100% 0;
}

#sous_menu #dernier_lien, #sous_menu #rss {
  background: none;
}

#sous_menu #rss {
  float: right;
  margin-right: 8px;
  padding: 3px 8px;
}

#sous_menu #rss a img {
  margin-left: 10px;
  line-height: 1.5em;
}

#sous_menu #rss a:hover {
  text-decoration: underline;
  background: none;
}

#sous_menu li a {
  padding-left: 8px;
  font-size: 0.95em;
  font-weight: bold;
  color: #333333;
}

#sous_menu li a span {
  padding-right: 7px;
}

.bleu li a.actif, .bleu li a:hover { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_left_bleu.png) no-repeat 0 50%; }
.bleu li a.actif span, .bleu li a:hover span { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_right_bleu.png) no-repeat 100% 50%; }
.jaune li a.actif, .jaune li a:hover { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_left_jaune.png) no-repeat 0 50%; }
.jaune li a.actif span, .jaune li a:hover span { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_right_jaune.png) no-repeat 100% 50%; }
.orange li a.actif, .orange li a:hover { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_left_orange.png) no-repeat 0 50%; }
.orange li a.actif span, .orange li a:hover span { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_right_orange.png) no-repeat 100% 50%; }
.vert li a.actif, .vert li a:hover { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_left_vert.png) no-repeat 0 50%; }
.vert li a.actif span, .vert li a:hover span { background: url(http://www.webrankinfo.com/images/design/ss_menu_actif_right_vert.png) no-repeat 100% 50%; }

#flux_rss {
  float: right;
  margin: -18px 15px 0 0;
  font-size: 0.95em;
  font-weight: bold;
  color: #333333;
}

#flux_rss img {
  margin-left: 10px;
  vertical-align: top;
}




/* ------------------------------------ */
/*             Content                  */
/* ------------------------------------ */

#content p {
  font-size: 1.1em;
}

.bloc ul {
  margin: 5px 10px;
  padding: 0;
  font-size: 0.95em;
}

.bloc li {
  margin: 0;
  padding: 5px 0;
  border-top: 1px solid #0083C7; 
  list-style: none;
  text-align: left;
}

.bloc li.first_link {
  border-top: 0 none;
}

.bloc li a {
  color: black;
}

.bloc li a:hover {
  color: #0083C7;
  text-decoration: none;
}

#content .bloc p, #content .a_la_une p {
  margin: 10px;
  padding: 0;
  line-height: 1.15em;
  font-size: 0.95em;
  text-align: left;
}

#content .a_la_une .savoir_plus, #content .bloc .savoir_plus {
  font-style: italic;
  margin-top: 15px;
  text-align: right;
}


/*  Fil ariane + newsletter  */

#fil_ariane{
  margin: 15px 0;
  padding: 0 0 0 14px;
  font-size: 0.95em;
  font-weight: bold;
  color: #333333;
}

#newsletter {
  float: right;
  margin: -2px 15px 0 0;
  text-align: right;
  font-size: 0.95em;
  font-weight: bold;
  color: #333333;
}

#newsletter input {
  margin: -1px 0 0 3px;  
  height: 18px;
  width: 137px;  
  border: 1px solid #333333;
  vertical-align: middle;
}

#newsletter .submit {
  width: 21px;
  height: 21px;
  border: 0 none;
  text-align: center;
  font: bold 0.95em "Trebuchet MS", Verdana, Arial, sans-serif;
  color:#ebebeb;
  background: #333333;
  cursor: pointer;
}


/*  Bloc de connexion + bannière 728x90  */

.thema_200_90 {float: right; margin: -2px 14px 0 0;padding-bottom: 4px;width: 226px;text-align:center;}

#membre {
  float: right;
  margin: -2px 14px 0 0;
  padding-bottom: 4px;
  width: 226px;
/*  height: 88px;*/
  text-align: right;
  font-size: 0.95em;
  font-weight: bold;
  color: #333333;
  background: #FFE193 url(http://www.webrankinfo.com/images/design/fd_membre.png) no-repeat 0 100%;
}

.accueil #membre {
	margin-top: 15px;
}

#membre div {
  margin: 0;
  padding: 8px 0 8px 9px;
  text-align: left;
  font-size: 1.17em;
  color: #015481;
  background: url(http://www.webrankinfo.com/images/design/fd_membre.png) no-repeat 0 0;
}

#membre p {
  margin: 0 8px 0 0;
  padding: 0;
}

#membre input {
  margin-left: 2px;
  padding-top: 2px;
  vertical-align: middle;
  color: #333333;
}

#membre #username {
  width: 80px;
}

#membre #password {
  width: 50px;
}

#membre .submit {
  margin: 2px 0 2px 28px;
  width: 21px;
  height: 21px;
  border: 0 none;
  vertical-align: bottom;
  text-align: center;
  font: bold 0.95em "Trebuchet MS", Verdana, Arial, sans-serif;
  color:#ebebeb;
  background: #333333;
  cursor: pointer;
}

#membre #inscription {
  margin-right: 130px;
}

#pub_728 {
  margin-left: 12px;
}

#pub_728 img {
  border: 1px solid #333333;
}

p.infos_connexion {
  margin: 0 15px 0 0;
  padding: 0;
  text-align: right !important;
  font-style: italic;
}

/*  Colone de 164px de large (page accueil)  */

#colonne_164 {
  float: right;
  margin-left: 14px;
  width: 164px;
}

#colonne_164 .bloc {
  margin-bottom: 15px;
  padding-bottom: 1px;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_164.png) no-repeat 0 100%;
}

#colonne_164 .bloc h2 {
  margin: 0;
  padding: 5px 0 5px 10px;
  line-height: 1.15em;  
  font-size: 1.17em;
  color: white;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_164.png) no-repeat 0 0;
}
#colonne_164 .bloc h2 a {
  color: white;
}
#colonne_164 .bloc .titre_bloc {
  margin: 0;
  padding: 5px 0 5px 10px;
  line-height: 1.15em;  
  font-size: 1.17em;
  color: white;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_164.png) no-repeat 0 0;
}
#colonne_164 .bloc .titre_bloc a {
  color: white;
}
#colonne_164 .bloc li, #colonne_164 .bloc p {
  text-align: left;
}


/*  Colone de 300px de large  */

#colonne_300 {
  float: right;
  width: 300px;
}

#colonne_300 .bloc {
  margin-bottom: 15px;
  padding-bottom: 1px;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_300.png) no-repeat 0 100%;
}
#colonne_300 .bloc h2, #colonne_300 .bloc .titre_bloc {
  margin: 0;
  padding: 5px 0 5px 10px;
  line-height: 1.15em;  
  font-size: 1.17em;
  color: white;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_300.png) no-repeat 0 0;
}
#colonne_300 .bloc h2 a, #colonne_300 .bloc .titre_bloc a {
  color: white;
}

#colonne_300 .a_la_une {
  margin-bottom: 15px;
  padding-bottom: 1px;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_300_a_la_une.png) no-repeat 0 100%;
}
#colonne_300 .a_la_une h2, #colonne_300 .a_la_une .titre_bloc {
  margin: 0;
  padding: 5px 0 5px 10px;
  line-height: 1.15em;  
  font-size: 1.17em;
  color: white;
  background: url(http://www.webrankinfo.com/images/design/fd_bloc_300_a_la_une.png) no-repeat 0 0;
}
#colonne_300 .bloc p {line-height: 1.25em;}

#pub_300 {
  margin-left: 1px;
}

#pub_300 img {
  margin-bottom: 15px;
}


/* Contenu accueil */

#texte_accueil {
  width: 467px;
  float: left;
}

#texte_accueil h1 {
  margin: 0 0 15px 0;
  padding: 0 0 0 30px;
  font-size: 1.52em;
  font-weight: bolder;
  text-align: left;
  line-height: 1em;
  color: #014061;
  background: url(http://www.webrankinfo.com/images/design/fd_h1.gif) no-repeat 0 0.23em;
}

#texte_accueil h2 {
  margin: 12px 0;
  padding: 0 0 0 15px;
  font-size: 1.45em;
  font-weight: bold;
  line-height: 1.3em;
  text-align: left;
  color: #015481;
  background: url(http://www.webrankinfo.com/images/design/fd_h2.gif) no-repeat 0 0.35em;
}


#texte_accueil h3 {
  margin: 5px 0 5px 0;
  padding: 0;
  text-align: left;
  font-size: 1.4em;
  line-height: 1.1em;
	clear: both;
}
#texte_accueil h3 a { color: #015481; }
#texte_accueil h3 a:hover { text-decoration: underline; }

#texte_accueil p {
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  text-align: left;
}

.infos_articles {
  margin: 0 0 5px 0;
  padding: 0;
  color: #666666;
}

.infos_articles a, .infos_articles a:hover, .infos_articles a:visited {
  font-size: 1.0em;
  color: #FF8C00;
  font-variant: small-caps;
  font-weight: bolder;
}
.separation_article {
  margin: 14px 0;
  padding: 0;
  height: 1px;
  border: 0 none;
  background: url(http://www.webrankinfo.com/images/design/hr_simple.gif) repeat-x 0 0;
	clear: both;
}

.separation_rubrique {
  margin: 30px 0 24px 0;
  height: 4px;
  border: 0 none;
  background: url(http://www.webrankinfo.com/images/design/hr_double.gif) repeat-x 0 0;
}

.separation_outil {
  margin: 15px 0 10px 0;
  height: 1px;
  border: 0 none;
  background: url(http://www.webrankinfo.com/images/design/hr_pointille.gif) repeat-x 0 0;
}


/* Contenu interne */

#texte {
  float: left;
  width: 645px;
  text-align: left;
}
#texte.large {
  width: 955px !important;
}

#texte h1 {
  margin: 0 0 7px 0;
  padding: 0 0 0 30px;
  /*font-size: 2.0em;*/
  font-size: 2.6em;
  font-weight: bold;
  line-height: 1em;
  text-align: left;
  color: #014061;
  background: url(http://www.webrankinfo.com/images/design/fd_h1.gif) no-repeat 0 0.23em;
}
#texte h2, #texte p.niv2 {
  margin: 25px 0 12px 0;
  padding: 0 0 0 15px;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.3em;
  letter-spacing: -0.8px;
  text-align: left;
  color: #015481;
  background: url(http://www.webrankinfo.com/images/design/fd_h2.gif) no-repeat 0 0.35em;
	clear: both;
}
#texte h2 a { color: #015481; }
#texte h2 a:hover { text-decoration: none; }

#texte h3 {
  margin: 15px 0 5px 0;
  padding: 0 0 0 10px;
  font-size: 2em;
  font-weight: 400;
  text-align: left;
  line-height: 1.3em;
  color: #5fa008;/*0074af;*/
	clear: both;
}
#texte h4 {
  margin: 10px 0 5px 0;
  padding: 0 0 0 5px;
  font-size: 1.8em;
  font-style: italic;
  text-align: left;
  line-height: 1.3em;
  color: #0083c6;
	clear: both;
}
#texte h5 {
  margin: 10px 0 5px 0;
  padding: 0 0 0 5px;
  font-size: 1.6em;
  font-style: italic;
  text-align: left;
  line-height: 1.3em;
  color: #5fa008;
}

#texte .titre_article {
  margin: 25px 0 12px 0;
  padding: 0 0 0 15px;
  font-size: 1.75em;
  font-weight: bold;
  line-height: 1.3em;
  text-align: left;
  color: #015481;
  background: url(http://www.webrankinfo.com/images/design/fd_h2.gif) no-repeat 0 0.35em;
	clear: both;
}
#texte .titre_article a { color: #015481; }
#texte .titre_article a:hover { text-decoration: none; }


#texte, #texte p {
  line-height: 1.35em;
}

#texte ul, #texte ol {
  margin: 10px 0 10px 15px;
  padding: 0;
  font-size: 1.1em;
}

#texte ul ol,
#texte ul ul,
#texte ol ul,
#texte ol ol {
	font-size: 1em;
}

#texte ul li {
  margin: 0.5em 0;
  padding: 0 0 0 10px;
  line-height: 1.35em;
  list-style: none;
  background: url(http://www.webrankinfo.com/images/design/fd_li.gif) no-repeat 0 0.35em;
  text-align: left;
  word-break: break-word;
}

#texte .post {
margin: 5px 0;
padding: 5px 5px 10px 5px;
background-color:white;
border:1px solid white;
clear:both;
}
#texte .post:hover {
background-color:#f0faff;
border:1px solid #015481;
}

#texte .infos_articles {
  margin: 0 0 -10px 0;
  padding: 0;
  color: #666666;
}
#texte .chapeau {
	color: #014061;
	font-size: 1.3em;
	/*border-left:5px solid #014061;*/
	margin:0;
	padding:0 10px;
}

/* produits Google */
#produit_google h3 {
  margin: 15px 0 5px 0;
  padding: 0 0 0 10px;
  font-size: 1.65em;
  font-weight: bold;
  text-align: left;
  line-height: 1.3em;
  color: #0074af;
  clear:none;
}


.infos_comment {
 color: #666666;
}

.infos_comment .numero {
 color: #FF9933;
}

.vignette-archives {
	padding: 4px;
	margin: 0 7px 2px 0;
	float: left;
}	



#add_comment {
  margin: 0 0 0 15px;
  padding: 0 0 5px 0;
  background: url(http://www.webrankinfo.com/images/design/fd_blockquote.png) no-repeat 0 100%;
}

#add_comment fieldset {
  margin: 0;
  padding: 7px 13px 0 13px;
  color: #333333;
  background: url(http://www.webrankinfo.com/images/design/fd_blockquote.png) no-repeat 0 0;
}

#add_comment p {
  margin: 8px 0;
  padding: 0;
}

#add_comment label {
  float: left;
  margin-right: 15px;
  width: 290px;
  line-height: 1.6em;
  text-align: right;
}

#add_comment input {
  width: 250px;
  color: #333333;
}

#add_comment textarea {
  width: 580px;
  height: 200px;
  overflow: auto;
}
#add_comment .obligatoire {
  font: bold 1.6em Verdana, Arial, sans-serif;
  color: #cc0000
}


#add_comment #actions {
  margin-right: 5px;
  text-align: center;
}

#actions input {
  margin: 0px;
  padding: 1px 5px 2px 5px;
  width: auto;
  font-size: 1.3em;
  border: none;
  color: #EBEBEB;
cursor: pointer;
}

#add_comment #preview {
  background: #666666;
}

#add_comment #submit {
  background: #333333;
}


div#pub_728_90  {margin-left: 12px; width: 728px; height: 90px;}
div#pub_300_250 {margin: 0 0 5px 0; width: 300px; height: 250px;}
div#pub_160_600 {margin: 10px auto; width: 160px; height: 600px;}




/* AdSense */
p.adsense {
  margin: 10px 0 5px 35px;
  padding: 0 0 0 20px;
  font-size: 1.05em;
  font-style: normal;
  color: black;
  border: 0;
}
p.adsense_sans_marge {
  margin: 10px 0 5px 0;
  padding: 0;
  font-size: 1.05em;
  font-style: normal;
  color: black;
  border: 0;
}
/*
p.adsense:hover {
  border: 1px solid #80c0dd;
  background-color: #FEF9A8; 
}
*/
.adsense_titre {
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.25em;
  margin-right: 10px;
}
.adsense_titre a { color: #2200cc; text-decoration: none;}
.adsense_titre a:hover { color: #2200cc; text-decoration: underline;}
.adsense b a, .adsense_sans_marge b a { color: #008000; text-decoration: none; font-style: bold;}
.adsense b a:hover { color: #008000; text-decoration: underline; font-style: bold;}
.adsense b a:hover, .adsense_sans_marge b a:hover { color: #008000; text-decoration: underline; font-style: bold;}
p.feedback {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 1.0em !important;
  font-weight: normal;
  color: #000000;
  clear: left;
}
p.feedback a  {
  color: #000000;
  text-decoration: none;
}

/* AFC */
p.afc_feedback {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 10pt !important;
  font-weight: normal;
  font-style: italic;
  color: #999999;
}
p.afc_feedback a  {
  color: #999999;
  text-decoration: none;
}
.afc_titre {
  font-size: 1.3em;
  font-weight: bold;
  margin: 5px 0 0 0;
}
.afc_titre a { color: #2200cc; text-decoration: none;}
.afc_titre a:hover { color: #2200cc; text-decoration: underline;}
/* / AFC */

/* ------------------------------------ */
/*              Footer                  */
/* ------------------------------------ */

#footer #right_list {
  float: right;
  text-align: right;
}

#footer ul {
  margin: 0 13px;
  padding: 0;
  list-style: none;
}

#footer ul li {
  margin: 5px 0;
  padding: 0;
}

#footer ul li.first_link {
  margin-bottom: 25px;
}

#footer ul li a:link, #footer ul li a:visited {
  color: white;
  text-decoration: none;
}
#footer ul li a:hover, #footer ul li a:active {
  text-decoration: underline;
}

#footer ul li a img {
  vertical-align: middle;
}




/* Captions & aligment */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {float: left;}
.alignright {float: right;}

#texte img.alignleft {margin-right:10px;}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions & aligment */

.dossier-etape {font: bold 1.8em "Trebuchet MS", Verdana, Arial, sans-serif;color:#cc0000;}


/* ------------------------ Tableau de données ---------------------------*/
div.tableau_donnees {
  text-align: center;
  margin: 0 auto 0 auto;
}
div.tableau_donnees table{
  border: 1px solid #117899;
  margin: 10px auto 15px auto;
  text-align: center;
  font-size: 100%;
}
div.tableau_donnees th {
  padding: 3px;
	font-weight: bold;
  text-align: center;
  color: white;
	background-color: #117899;
}
div.tableau_donnees td {
  padding: 2px;
	font-weight: normal;
  text-align: center;
  color: black;
	background-color: white;
  border: 1px solid #6CB9D3;
}
div.tableau_donnees td.gauche {
  text-align: left;
}
div.tableau_donnees td p {
  font-size: 100% !important;
}

/* ------------------------ Balises classiques ---------------------------*/
img {border: 0;}
fieldset {
  margin: 0;
  padding: 0;
  border: 0 none;
}
label { cursor: pointer; }
sup {
  font-size: 0.75em;
  line-height: 0.5em;
}
pre {
  margin: 5px 0 5px 15px;
  padding: 10px;
  border: 1px solid #df7526;
  font: normal 1.1em "Courier New", Courier, monospace;
  color:#202020;
  overflow: auto;
  background: #FFFCE5 url(http://www.webrankinfo.com/images/design/fd_pre.png) no-repeat 97% 100%;
}
code {
  font: bold 1.1em "Courier New", Courier, monospace;
  color:#202020;
  word-break: break-word;
}
kbd {
font-size: 1.3em;
padding: 0px 1px;
border: 1px solid gray;
}
blockquote {
  margin: 0 0 0 15px;
  padding: 0 0 13px 0;
  background: url(http://www.webrankinfo.com/images/design/fd_blockquote.png) no-repeat 0 100%;
}
blockquote p {
  margin: 0;
  padding: 13px 13px 0 13px;
  line-height: 1.3em;
  color: #333333;
  background: url(http://www.webrankinfo.com/images/design/fd_blockquote.png) no-repeat 0 0;
}
div.bloc blockquote {
  margin: 0 0 0 15px;
  padding: 0 0 13px 0;
  background: none;
  font-style: italic;
  font-size: 0.95em;
}


/* ------------------------ Fourre-tout ---------------------------*/



/* formulaire de contact */
form#contact {
  margin:0;
  padding: 5px;
  border: 1px solid #117899;
  background-color: #effafe;
}
form#contact input, form#contact textarea { margin-left: 20px; }
form#contact textarea {  width: 400px; height: 200px;}
form#contact input[type=text] { width: 400px;}
form#contact label { padding-left: 10px; }

/* formulaire pour les outils */
.encadre_outils {
  margin: 5px;
  padding: 5px;
  border: 1px solid #117899;
  background-color: #effafe;
}

.wri_textarea {width:600px; height:150px;}

.data_center { margin: 10px 0 30px 0; padding: 5px 0; border: 0;}



/* annonces */
ul.regions_gauche {
  float: left;
  margin-right: 50px;
}
ul#annonces {
  clear: left;
}
ul#annonces a {
  color: #ff6600;
  text-decoration: none;
}

ul.multi_colonnes {
  float: left;
  margin-right: 5px;
  padding: 5px;
}
ul.multi_colonnes em {display: none;}

ul.simple {
background: none;
list-style: none;
vertical-align: top;
padding: 0;
font-weight: normal;
}
ul.simple li{
vertical-align: middle;
}

div.alt1 {margin: 15px 0; padding: 5px; border: 1px solid #80c0dd; background-color: #fffce5}
div.alt2 {margin: 15px 0; padding: 5px; border: 1px solid #003f88; background-color: #f0f0f0}


.table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.table{border-collapse:collapse!important}
.table-bordered th,.table-bordered td{border:1px solid #ddd!important}
.table{max-width:100%;background-color:transparent}
.table{margin:20px 0 0 0}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}
.tablecenter th, .tablecenter td{text-align:center}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}
table col[class*=col-]{position:static;float:none;display:table-column}
table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}
.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}
.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}
.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}
@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}