/* styles par defaut pour tous les elements */
* {
font-family: verdana, tahoma, Trebuchet MS,arial, sans-serif;
}

/* style de la page */
BODY {
  background: #FFFFFF;
  margin: 0;
}

/* Gros titres */
H1 {
  padding-top:10px;
  padding-bottom:10px;
  direction: ltr;
  font-size: 150%;
  text-align: center;
  color: #506168;
}
/* Gros titres rouges */
H2 {
  direction: ltr;
  font-size: large;
  text-align: center;
  line-height:1.5em;
  color: #506168;
}
/* titres moyens (rubriques par exemple) */
H3 {
  direction: ltr;
  text-align: left;
  background-image: url('../images/f1ltr.png');
  background-repeat: no-repeat;
  font-weight:bolder;
  padding-left:20px;
  font-size: medium;
  background-position: 0%;
  color: #0c4467;
  margin-top: 2em;
  margin-left: 2em;
  margin-bottom: 2em;
}
/* green big messages */
H4 {
  direction: ltr;
  font-size: large;
  text-align: center;
  line-height:1.5em;
  color: #1bbd1b;
}
/* small titles */
H5 {
  direction: ltr;
  text-align: left;
  font-size: 95%;
  color: #000000;
  margin-top: 1.5em;
  margin-left: 2em;
  margin-bottom: 0.3em;
}
/* Cadre general */
#main {
  margin: 5px;
  margin-top:20px;
  text-align: center;
  background: #FFFFFF;
}

/* cadre dans lequel se trouve les donnees */

#contenu {
  font-size: 90%;
  line-height: 1.4em;
  width: 880px;
  border: 1px solid #506168;
  text-align: left;
  margin: auto;
 /* padding: 0.5em;*/
  color:#515f68;
}

.periodevisu strong {
  color:#000;  
}

#login, #loginTable{ 
  margin:auto;
  font-size: 90%;
}
#login{
  margin-top: 100px;
  margin-bottom: 100px;
}
#interest{
  margin-top:10px;
  margin-left:70px;
  font-size:100%;
  border-bottom: 2px dotted #F0F0F0;
  color:#696a6c;
}
#interestcontent {
  margin -top:20px;
}
A.help_pagename {
	margin-left:70px;
	font-size:80%;
	color:#B9BBBE;
	font-decoration:italic;
	border-bottom: 1px dotted #E3E3E3;
}
#includepopulationtop, A.includepopulation  {
	margin-left:470px;
	margin-top:30px;
	font-size:100%;
	color:#696a6c;
}
#includepopulation, A.includepopulation {
	border-bottom: 2px dotted #F0F0F0;
}

/* menu haut */
#menu {
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu A {
	display: block;
	color: #00008B;
	border-right: 1px dotted #fff;
	line-height:28px;
	text-transform: uppercase;
	text-decoration: none;
}

#menu LI {
	margin-top:8px; /* fx : à voir si on peut pas le mettre ailleurs */
	display: inline;
	margin: 0;
	padding: 0px;
	height:28px;
	float: left;
	text-align: center;
	line-height:2em;
	font-size:0.7em;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 122px;
	background-color:#506168;
	color:#fff;
}
#menu LI a {
	color:#fff;
	font-weight:none;
}

#menu LI UL { /* listes de deuxieme niveau */
	padding:0;
	position: absolute;
	left: -999em; /* on met left plutot que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'ecran */
}

*html #menu LI UL {
	margin: 0px 0 0 -10px;
}
#menu LI UL LI { /* sous-listes */
	float: none;
	text-align:center;
	height:28px;
	line-height:24px;
	background-color:#fff;
}
#menu LI UL LI A { /* sous-listes */
	font-weight: none;
	width:400px;
	color:#4f6268;
	border:1px #bcbebd solid;
	background-color:#fff;
	padding:0 0px;
	font-size:1.3em;	
}

#menu LI UL LI A:hover { /* sous-listes */
	font-weight: bold;
	color:#0b4364;
	background-color:#e5edf0;
}

#menu LI:hover UL { /* listes imbriquees sous les items de listes survoles */
	left: auto;
}

#menu LI.sfhover UL { /* listes imbriquees sous les items de listes survoles */
	left: auto;
	margin-left: -54px;
}



/* Comportement des liens par defaut */
A {
  color: #515f68;
  text-decoration: none;
}

/* TOP Link */
A.movetop {
  display: block;
  margin-top: 2em;
}

/* Comportement par defaut de la balise <SMALL> */
SMALL {
  font-size:0.8em;
}

/* Comportement par defaut de la balise <FORM> */
FORM {
  margin: 0;
  padding: 0;
}

/* Comportement par defaut des listes deroulantes */
SELECT {
  font-size:0.8em;
  direction: ltr;
}

SELECT > OPTION {
  background-color: #F8FBFF;
}

/* DIV generique permettant de remettre les position a zero (notament apres des float) */
DIV.both {
  clear: both;
}

IMG.generic {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }
/* DIV generique permettant de faire un centrage de contenu */
DIV.centrer {
  text-align: center;
}
/* pour install & contacts */
P.texte {
  direction: ltr;
  text-align: justify;
  margin-left: 100px;
  margin-right: 100px;
}
P.texte:first-letter {
margin-left: 3em;
}
/* Paragraphe generique avec texte centre */
P.centrer {
  text-align: center;
}
/* Affichage de code (javascript par ex) */
CODE {
  direction: ltr;
  text-align: left;
  display: block;
  font-size: 90%;
  border-style: dashed dashed dashed solid;
  border-color: rgb(0, 0, 139);
  border-width: 1px 1px 1px 5px;
  margin: 2px;
  margin-bottom: 20px;
  padding: 4px;
  background-color: rgb(240, 247, 255);
}
CODE STRONG {
  font-size: 100%;
  font-weight: bold;
}
/* style par defaut de toutes les images */
IMG {
border: 0;
}
/* champs de formulaire */
input, textarea {
  background: #FBFBFF;
  border: #b3b3b3 1px solid;
  color: #0c183a;
}

/* boutons radio dans config */
input.bouton {
  background: #FFFFFF;
  border: #FFFFFF 1px solid;
}

#install_steps {
  float:left;
  text-align:left;
  padding-right:30;
  margin-left:50;
}

/* liste des liens vers les contacts, site et admin */
#admin {
  width: 100%;
  padding: 0;
  padding-top: 50px;
  margin: 0;
  text-align: center;
}
#admin LI {
  display: inline;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
}
#admin LI.site {
  width: 25%;
}
#admin LI.install {
  width: 49%;
}
#admin LI.contacts {
  width: 25%;
}
#admin LI A {
  padding-top: 0.5em;
  font-size: 100%;
  color:#4e6167;
}

#admin LI.site  A {
  border-top: 1px dashed #4e6167;
}
#admin LI.install A {
  border-top: 1px dashed #515f68;
  border-right: 1px dashed #515f68;
  border-left: 1px dashed #515f68;
}
#admin LI.contacts A {
  border-top: 1px dashed #4e6167;
}
#admin A {
  display: block;
  padding: 0.2em;
  color: #515f68;
  text-decoration: none;
}

.contour {
  padding:5px;
}
/* DIV contenant le logo + le choix des sites + le calendrier */
#logo {
  width: 820px;
  height:104px;
}

* html #logo {
  width: 872px;
  height:104px;
}

#logoND {
  float:left;
  width:100px;
  position:relative;
  top:-1px;
  left:-1px;
  height:90px;
}

/* Choix des sites */
#sites {
  padding: 15px 0;
}

#sites SELECT {
  border: #000000 1px solid;
  margin: auto;
}
#sites P {
  margin: 0;
}
#sites OPTGROUP {
  padding-left: 3px;
}

/* Calendrier */
#calendrier {
  float:right;
  text-align: left;
  width:100px;
  height:90px;
}

#calendrier P {
margin: 0;
}

#calendrier TABLE {
  direction: ltr;
}

#calendrier A.selection {
  color: red;
  margin:0;
}

#calendrier TBODY {
  margin:0;
}
#calendrier TH {
  border: 1px solid #506485;
  font-weight: bold;
  text-align: center;
  background-color: #d9dee1;
  color:#000;
  padding: 2px;
  margin: 0;
  line-height:1.2em;
  font-size: 10px;
}
#calendrier TD {
  border: 1px solid #506485;
  text-align: center;
  color: #c0c0c0;
  padding: 2px;
  margin: 0;
  line-height:1.2em;
  font-size: 10px;
}
#calendrier A.selection {
  color: red;
}

/* Choix de la langue */
#choixlangue {
  float: right;
  margin: auto;
  text-align: center;
}
#choixlangue div.titre {
  width: 130px;
  color: #4e5f67;
  font-weight: bold;
  font-size:0.8em;
  text-align:left;
  padding-left:5px;
  margin-top:0.5em;
}

#choixlangue P {
  margin: 0;
}
/* styles pour les infos techniques */
P.gristrans {
color: #cdcaca;
}
P.archivefait {
font-size: 10pt;
color: #ffffff;
}
P.gristrans A {
color: #cdcaca;
}
P.gristrans EM A{
font-style: italic;
}
P.archive {
font-size: 70%;
color: #bcbcbc;
margin: 0;
text-align: center;
}
P.archive EM {
font-size: 100%;
font-style: italic;
}
P.gristrans STRONG {
font-weight: bold;
}
P.archive STRONG {
font-weight: bold;
}
SPAN.oktrans {
color: #9ec2a7;
}
SPAN.errortrans {
color: red;
}
/* Information de la periode visualisee */
P.periodevisu {
  margin:30px 0 0 0; 
  padding:0;
  font-size:80%;
}

* html P.periodevisu {
  margin:10px 0 0 0;  
}

P.choixperiode {
  margin: 0;
  margin-right: 2em;
  color: #818181;
}
P.choixperiode A {
  /*font-style: italic;*/
  text-decoration:underline;
  color: #818181;
  font-size:80%;
}
/* Tableau de saisie de donnee dans l'admin */
TABLE.centrer {
  margin: auto;
}

#error{
  color:red;
  font-size:100%;
  font-weight:bold;
}
TABLE TD.error {
  font-size:150%;
  color:red;
}

/* Tous les tableaux de resultats */
TABLE.resultats, TABLE.interest  {
  font-size:90%;
  direction: ltr;
  margin: auto;
  empty-cells: hide;
  font-size: 90%;
  border:0
}
TABLE.interest {
  width:75%;
  empty-cells: hide;
}
TABLE.resultats TH, TABLE.interest TH{
  font-size:90%;
  border-top: 1px solid rgb(80, 100, 133);
  border-right: 1px solid rgb(80, 100, 133);
  font-weight: bold;
  text-align: center;
  background-color: #506168;
  color: #ffffff;
  padding:7px;
  padding-right:4px;
  padding-left:4px;
  empty-cells: hide;
}
TABLE.resultats TD, TABLE.interest TD {
  font-size:90%;
  border: 1px solid #bcbebd;
  text-align: center;
  color: #526168;
  padding-top:3px;
  padding-bottom:3px;
}
TABLE.resultats TD.damier, TABLE.interest TD.damier  {
  background-color: #e5edf0;
}
TABLE.resultats TD.damierlight  {
  background-color: #e5edf0;
}
TABLE.resultats TD.damieralign, TABLE.interest TD.damieralign {
  background-color: #e5edf0;
  text-align: left;
  padding:6;
}
TABLE.resultats TD.align, TABLE.interest TD.align {
  text-align: left;
  padding:6;
}
TABLE.resultats TD.vide, TABLE.resultats TH.vide, TABLE.interest TD.vide, TABLE.interest TH.vide {
  border-width: 0;
  background-color: #ffffff;
}
TABLE.resultats TD.sansbordure, TABLE.interest TD.sansbordure {
border-width: 0;
text-align: left;
}
TABLE.resultats TD STRONG, TABLE.interest TD STRONG {
font-weight: bold;
}

TABLE TD.details {
padding:0;
margin:0;
}

/* Tous les tableaux de sous-resultats */
TABLE.sresultats {
margin: auto;
empty-cells: hide;
}
TABLE.sresultats TH {
border-top: 1px solid rgb(80, 100, 133);
border-right: 1px solid rgb(80, 100, 133);
font-weight: bold;
text-align: center;
background-color: rgb(96, 115, 165);
color: #ffffff;
font-size: 100%;
}

/* Affichage des resultats positifs (vert en general) */
SPAN.positif {
direction: ltr;
color: #008000;
font-weight: bold;
}
/* Affichage des resultats negatifs (rouge en general) */
SPAN.negatif {
direction: ltr;
color: red;
font-weight: bold;
}
/* Menu d'administration */
#menuadmin {
width: 400px;
margin: auto;
text-align: center;
}
#menuadmin UL {
direction: ltr;
text-align: left;
list-style-image: url("./themes/default/images/f3ltr.png");
}
#menuadmin LI {
padding: 0.5em;
}
/* Informations lors de modification dans la partie admin */
P.admininfos {
color: #000000;
font-weight: bold;
text-align: center;
}
P.admininfos positif {
color: #00FF00;
}
P.admininfos negatif {
color: #FF0000;
}

/* link Next / Previous */
#next {
margin-bottom:10px;
font-size:85%;
margin-top:5px;
}
/* Details pour les moteurs, mots cle et sites internet */
#detail{
width: 98%;
padding-top:10px;
padding-bottom:10px;
padding-right:5px;
padding-left:5px;
}
/*
.detail #next A {
color:#c47105;
}
*/
#detail TH {
border: 1px solid #fbc074;
background-color: #fbc074;
margin: 1px;
padding: 2px;
font-size:90%;
text-align: left;
padding-left: 20px;
color: #6f522d;
}
#detail TD {
white-space: nowrap;
border: 1px solid #fbc074;
margin: 1px;
padding: 3px;
font-size:80%;
color: #6073a5;
text-align: left;
margin-left:10px;
}
#detail TD.nb {
text-align: center;
width: 20%;
}
#detail TD.data {
padding-left:10px;
}
#detail TD.data IMG{
padding-right:10px;
}
#detail A {
color: #6073a5;
}

/*VARIABLES */
#variables{
width: 200px;
border: 1px solid #FB6666;
border-top:0;
margin-right:50px;
}
#variables TD {
white-space: nowrap;
margin: 0px;
padding: 1px;
font-size:95%;
color: #E17445;
text-align: left;
margin-left:10px;
border-top: 1px solid #FB6666;
}
#variables TD.header{
color:#CD3131;
font-weight:bold;
padding:5;
}
#variables TD.nb {
text-align: center;
width: 20%;
padding:3;
border-left: 1px solid #FB6666;
}
#variables TD.data {
padding-left:10px;
border-right: 0;
}
#variables TH{
background-color: #FB6666;
margin: 1px;
padding: 2px;
text-align: left;
padding-left: 20px;
color: white;
border:0;
}

/* PAGES VIEWS (AJAX TREE) */

TABLE tr.root{
color:blue;
background-color: #eefbff;
font-weight:bold;
}

TABLE tr.rouge{
color:red;
background-color: #deefff;
font-weight:bold;
}

TABLE td.rouge{
color:red;
background-color: #deefff;
}

TABLE.sub0, TABLE.sub1, TABLE.sub2, TABLE.sub3, TABLE.sub4, TABLE.sub5, TABLE.sub6 {
direction: ltr;
border:0;
margin: auto;
empty-cells: hide;
font-size:100%;
}

TABLE.sub TD,
TABLE.sub0 TD,
TABLE.sub1 TD,
TABLE.sub2 TD,
TABLE.sub3 TD,
TABLE.sub4 TD,
TABLE.sub5 TD,
TABLE.sub6 TD
{
border:0;
font-size:100%;
border-top: 1px solid #e2e3e4;
text-align: left;
color: #00008B;
padding-top:5px;
padding-bottom:5px;
}

/* contains a subtable */
TABLE TD.tc{
padding:0;
}

/* without top border */
TABLE TD.wtb{
border-top:0;
padding-top:0;
}
/* with right border */
TABLE TD.wrb{
border-right: 1px solid #e2e3e4;
}

TABLE TD.acenter{
text-align: center;
color: #00008B;
}

TABLE.sub0 TD.data{
padding-left:5px;
}
TABLE.sub1 TD.data{
padding-left:45px;
}
TABLE.sub2 TD.data{
padding-left:75px;
}
TABLE.sub3 TD.data{
padding-left:110px;
}
TABLE.sub4 TD.data{
padding-left:140px;
}
TABLE.sub5 TD.data{
padding-left:150px;
}
TABLE.sub6 TD.data{
padding-left:160px;
}

TABLE TR.cate, TABLE TR.rouge{
height:28px;
font-weight: bold;
}

/* ADMINISTRATION */

#urlGeneration UL {
align:center;
list-style-type: decimal;
direction: ltr;
text-align: justify;
margin-left: 100px;
margin-right: 100px;
}

#generalAdmin {
width: 50%;
float: left;
}
#detailAdmin {
width: 50%;
float: right;
}
#detailInstall {
width: 60%;
float: right;
}
#detailAdmin UL {
padding: 0;
}
#generalAdmin UL, #detailAdmin UL {
list-style-type: georgian;
}
#adminSiteSelection P {
  text-align:center;
}
#adminSiteSelection UL {
  margin-left:40%;
  list-style-type: none;
}

/* BUTTONS */
.boutonsAction {
text-align: center;
}
.boutonsAction INPUT {
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	font-size: 1.2em;
	text-align: center;
}

.boutonsAction INPUT:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

input.bouton {
background: #FFFFFF;
border: #FFFFFF 1px solid;
}


/* Tableau d'infos dans l'admin */
TABLE.infos {
font-size:90%;
direction: ltr;
margin: auto;
empty-cells: hide;
font-size: 90%;
cellspacing:0;
border:0;
width:95%;
empty-cells: hide;
}
TABLE.infos TD {
font-size:90%;
border: 1px solid rgb(226, 227, 228);
color: #00008B;
padding-top:3px;
padding-bottom:3px;
}
TABLE.infos TD.libelle {
width: 250px;
}
TABLE.infos UL {
direction: ltr;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
}


/* errors in admin */
#errorsForm {
color: orange;
}