@import url('layout.css');

/*********************************************************
* Définition des formats globaux
*********************************************************/
* {
	font-family:Helvetica, Arial, sans-serif;
/*	font-family:Verdana, Arial, Helvetica, sans-serif;*/
 	font-size:12px;
}
body { background-color:#F5F9FD; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,div,span,td,th,a,label {
	color:black;
	text-transform:none;
	font-weight:normal;
}
h3 { font-weight:bold; }
p { text-align:justify; }
dl,dt,dd,ul,ol,li { list-style-type:none; }
a {
	color:#47617B;
	text-decoration:none;
}
a:hover { color:#6395C8; }
img { border:none; }

/*********************************************************
* Classes génériques
*********************************************************/
a.internlink,a.externlink { font-weight:bold; }
a.externlink,a.show,a.hide { background-repeat:no-repeat; }
a.externlink { background-image:url('img/icons/link.gif'); }
a.show,a.hide { background-position:0 -1px; }
a.show { background-image:url('img/icons/show.gif'); }
a.hide { background-image:url('img/icons/hide.gif'); }
.tar { text-align:right; }
.tac { text-align:center; }
.taj { text-align:justify; }
span.star { color:red; }
img.bar { vertical-align:middle; }
.alert { color:red; }
.success { color:green; }
p.alert,p.success { text-align:center; }

/* Formulaires */
optgroup {
	color:white;
	background-color:#8AA5DB;
}
optgroup option {
	color:#03008F;
	background-color:#EEF7FF;
}
input.text,input.image,textarea,select,button {
	background-color:#EEF7FF;
	color:#03008F;
	font-size:0.9em;
	border:1px solid black;
	vertical-align:middle;
}
input.check { vertical-align:middle; }
textarea { font-size:1em; }
button {
	color:white;
	font-weight:bold;
	background:url('img/button.png') repeat-x #838AB5;
	border:1px solid black;
}
button:hover {
	background-image:url('img/button-over.png');
	cursor:pointer;
}
div.err {
	background-color:#FFFFEE;
	border:1px solid #E00;
}
div.err div { color:#E00; }

/**************************************
* Formulaires
**************************************/
div.form,fieldset.form { text-align:center; }
fieldset.form {
	color:gray;
	margin-top:10px;
/*	font-weight:bold;*/
}
fieldset.form legend {
	padding:0 2px;
	margin-left:10px;
}
table.form {
	text-align:left; /* Rétablissement du centrage du contenu de la table */
	margin-left:auto;
	margin-right:auto;
}
table.form td.leftcol,table.form td.leftcol2 {
	text-align:right;
/*	vertical-align:top;*/
}
table.form td.top { vertical-align:top; }
table.form td.formonecol { text-align:center; }

table.textarea td.html { vertical-align:top; }

/*table.navpage {
	background-color:#EEEEEE;
	text-align:center;
}
.navpage a:hover {
	color:#CC0000;
	text-decoration:none;
}*/

/*********************************************************
* Entête
*********************************************************/
#head { background-color:#8AA5DB; }
#logo a { font-size:20px; }

#search input,#login input.text {
	font-size:12px;
	background-color:#E6EEF6;
	background-position:1px 1px;
}
#search input,#login input.text,#search a,#login a,#profile li.profile a,#profile li.logout a { background-repeat:no-repeat; }
#search a,#login a,#login label,#profile a {
	vertical-align:middle;
	color:white;
	font-weight:bold;
}
#search a:hover,#login a:hover,#profile a:hover { color:#E8E8E8; }
#search1 { background-image:url('img/icons/search.gif'); }
#f_login_login { background-image:url('img/icons/login.gif'); }
#f_login_pwd { background-image:url('img/icons/lock.gif'); }
#login a { background-image:url('img/icons/subscribe_blue.gif'); }
#search a { background-image:url('img/icons/advsearch_blue.gif'); }
#profile li.profile a { background-image:url('img/icons/profile.gif'); }
#profile li.logout a { background-image:url('img/icons/logout.gif'); }
#profile li { border-left:solid 1px black; }
#profile li.first { border:none; }
#profile span {
	color:white;
	vertical-align:middle;
}

/*********************************************************
* Pied de page
*********************************************************/
#foot {
	text-align:center;
	background-color:#E6EEF6;
}
#footmenu {
	border:solid black;
	border-width:1px 0;
}
#footmenu a {
	background:url('img/button.png') repeat-x #838AB5 0 -5px;
	border:solid black;
	border-width:0 1px 0 0;
	font-weight:bold;
	color:white;
	font-size:11px;
}
#footmenu a:hover { background-image:url('img/button-over.png'); }
#footmenu li.first a { border-left-width:1px; }
#foot div {
	font-size:11px;
	background-color:#8AA5DB;
	color:white;
}
#logos {
	background-color:#E6EEF6;
	border:solid black;
	border-width:1px 0;
	text-align:center;
}
#logos img { vertical-align:middle; }
#genstats {
	font-size:11px;
	text-align:center;
	color:gray;
}

/*********************************************************
* Menu
*********************************************************/
#menu {
	background-color:#E6EEF6;
	border:solid black;
	border-width:1px 0;
}
#menu dt a {
	background:url('img/button.png') repeat-x #838AB5;
	border:solid black;
	border-width:0 1px 0 0;
	font-weight:bold;
	color:white;
}
#menu dt a:hover,#menu dt.current a,#menu dl dt.menuopened a { background-image:url('img/button-over.png'); }

/* Sous-menus */
#menu dd,div.subsubmenu {
	border:solid gray;
	border-width:1px 0 0 0;
	background-color:#F5F9FD;
}
#menu li,div.subsubmenu li {
	border:solid gray;
	border-width:0px 1px 1px 1px;
}
#menu li a,div.subsubmenu li a {
	color:#999;
	font-weight:bold;
}
#menu li.current a,div.subsubmenu li.current a { color:black; }
#menu li a:hover,#menu li.submenuopened a,div.subsubmenu li a:hover {
	color:black;
	background-color:#E6EEF6;
}
#menu li a.arrow { background:url('img/arrow.gif') no-repeat right 50%; }
#menu li a.arrow:hover,#menu li.submenuopened a { background:#E6EEF6 url('img/arrow-over.gif') no-repeat right 50%; }
#menu li img,div.subsubmenu img { vertical-align:middle; }

/* Drapeaux de changement de langue */
#lang { text-align:right; }
#lang div,#lang a { background-repeat:no-repeat; }
#lang a:hover { background:transparent none; }

#flagfr { background-image:url('img/lg/fr.gif'); }
#flagen { background-image:url('img/lg/en.gif'); }
#flagde { background-image:url('img/lg/de.gif'); }
#flages { background-image:url('img/lg/es.gif'); }

#flagfr a { background-image:url('img/lg/fr_light.gif'); }
#flagen a { background-image:url('img/lg/en_light.gif'); }
#flagde a { background-image:url('img/lg/de_light.gif'); }
#flages a { background-image:url('img/lg/es_light.gif'); }

/*********************************************************
* Bannière de pub
*********************************************************/
#ads a.show,#ads a.hide { background-position:0 -1px; }
#ads a.show { background-image:url('img/icons/show.gif'); }
#ads a.hide { background-image:url('img/icons/hide.gif'); }
#ads,#adsShow {
	background-color:#E6EEF6;
	border:solid black;
	border-width:0 0 1px 0;
}
#adsShow,#adsText { font-size:10px; }

/*********************************************************
* Onglets
*********************************************************/
#tabs a,#tabs span,#content {
	border:solid 1px gray;
	background-color:#E6EEF6;
}
#tabs a,#tabs span {
	color:#999;
	font-weight:bold;
	background-color:#EFEFEF;
	background-repeat:no-repeat;
	opacity:0.60;
	-moz-opacity:0.60;
	filter:alpha(opacity=60);
}
#tabs li.current a,#tabs li.current span {
	border-bottom-color:#E6EEF6;
	background-color:#E6EEF6;
}
#tabs li.current a,#tabs li.current span,#tabs a:hover {
	color:black;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

/*********************************************************
* Blocs de contenu
*********************************************************/
.block {
	background-color:#F5F9FD;
	border:1px solid gray;
}
h4.blockhead {
	background:url('img/button.png') repeat-x #838AB5;
	color:white;
	font-weight:bold;
	border:1px solid gray;
}
div.blockcontent {
	background-color:#F5F9FD;
	text-align:justify;
	border:solid gray;
	border-width:0px 1px 1px 1px;
}
.block ul li,div.blockcontent ul li { list-style-type:disc; }
.block ol li,div.blockcontent ol li { list-style-type:decimal; }
div.blockfoot {
	background-color:#E6EEF6;
	font-size:11px;
	text-align:right;
	border:solid gray;
	border-width:0px 1px 1px 1px;
}
div.blockcontent2 { border-width:1px; }

/*********************************************************
* Filtres / menus / barres de navigation
*********************************************************/
/* Filtre par langue et sous-menu des stats */
ul.statsmenu { text-align:center; }
ul.statsmenu li { border-left:solid 1px black; }
ul.statsmenu li.first { border:none; }
ul.statsmenu a {
	vertical-align:middle;
	color:gray;
}
ul.statsmenu a.current {
	color:black;
	font-weight:bold;
}
ul.statsmenu a:hover {
	color:black;
/*	color:red;*/
/*	background-color:#E6EEF6;*/
}

ul.statssubmenu,#lgmenu { text-align:center; }
ul.statssubmenu li,#lgmenu li { border-left:solid 1px black; }
ul.statssubmenu li.first,#lgmenu li.first { border:none; }
ul.statssubmenu a,#lgmenu a {
	vertical-align:middle;
	color:gray;
}
ul.statssubmenu a.current,#lgmenu a.current {
	color:black;
	font-weight:bold;
}
ul.statssubmenu a:hover,#lgmenu a:hover {
	color:black;
/*	color:red;*/
/*	background-color:#E6EEF6;*/
}
#lgmenu img {
	vertical-align:bottom;
	opacity:0.50;
	-moz-opacity:0.50;
	filter:alpha(opacity=50);
}
#lgmenu a.current img,#lgmenu a:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

/* Filtres */
/*#filter.block { background-color:#E6EEF6; }*/
#filter label {
	font-size:11px;
/*	font-weight:bold;*/
}
#search2 { background:url('img/icons/search.gif') no-repeat 1px 0; }
option.category { font-weight:bold; }

/* Menu de navigation par lettres */
div.letters {
	background-color:#E6EEF6;
	background-color:#F5F9FD;
	text-align:center;
	border:solid gray;
	border-width:1px 1px 0 1px;
	font-size:12px;
}
div.letters2 div { border-width:1px; }
div.letters * { font-weight:bold; }
div.letters a:hover { color:red; }
div.letters span { font-weight:bold; }

/* Menu de navigation par page */
div.pages,div.plageelems,div.reloadcheck {
	background-color:#E6EEF6;
	background-color:#F5F9FD;
	text-align:center;
	border:1px solid gray;
}
/*#allnews div.pages,#allnews div.plageelems { background-color:#E6EEF6; }*/
div.pages a,div.pages span { font-weight:bold; }
div.pages a:hover { color:red; }
div.prevpages span,div.nextpages span { color:gray; }
div.plageelems,div.reloadcheck { border-width:0 1px 1px 1px; }
div.reloadcheck label { vertical-align:middle; }

/*********************************************************
* Accueil
*********************************************************/
#home td { vertical-align:top; }

/* News du site / Blog */
div.sitenewstitle {
	background-color:#E6EEF6;
	font-weight:bold;
	border:1px solid gray;
}
div.sitenewsinfo {
	font-weight:normal;
	font-size:11px;
}
div.sitenewscontent {
/*	border:solid gray;
	border-width:0 1px;*/
}
div.sitenewstop {
	text-align:right;
/*	border:solid gray;
	border-width:0 1px 1px 1px;*/
}

/* Menu de navigation */
div.pagesnews {
	background-color:#E6EEF6;
	text-align:center;
	font-size:11px;
	border:1px solid gray;
}

/* Menu de droite */
#menustats1 td,#menustats2 td { font-size:11px; }
#menustats1 td.rightcol,#menustats2 td.rightcol {
	text-align:right;
	font-weight:bold;
}
#menustats1 {
	border-bottom:1px dashed black;
	padding-bottom:3px;
}
#menustats2 { margin-top:3px; }

#lastsites td,#lastsites td a,#failedsites td,#failedsites td a { font-size:11px; }
#lastsites td.rightcol,#failedsites td.rightcol { text-align:right; }
div.menufailedsitesintro {
	text-align:center;
	font-size:12px;
}
div.menupollnone,div.menufailedsitesnone,div.menupartners { text-align:center; }
div.menustatsall,div.menupollsall,div.menusendsite,div.menupartnerslinks { text-align:center; }
div.menustatsall a,div.menupollsall a,div.menusendsite a,div.menupartnerslinks a { font-size:11px; }

/*********************************************************
* News en continu
*********************************************************/
#allnews h4.blockhead strong { color:#DDD; }
#allnews div.blockcontent { background-color:white; }
#allnews td { vertical-align:top; }
#allnews table span { color:gray; }
#allnews table a { color:black; }
#allnews table a:hover,#allnews table a:hover span {
	color:#336699;
/*	background-color:#F5F9FD;*/
/*	color:red;
	background-color:#E6EEF6;*/
}
#allnews td.news a:visited,#allnews td.news a:visited span { color:silver; }
#allnews td.site a { font-style:italic; }

#allnews p.nd,dd.nd { /* "#allnews p.nd" est nécessaire pour prendre la priorité sur le "div.blockcontent p { margin-bottom:5px; }" */
	font-size:11px;
	color:#555;
	background-color:#FFE;
	border:1px solid black;
	text-align:justify;
}
div.nd { /* Layer de description des news */
	background-color:#FFE;
	border:1px solid black;
	text-align:justify;
}

/*********************************************************
* News par sites
*********************************************************/
div.newstitle {
	background-color:#AABBDD;
	border:solid 1px;
	border-color:black black #EEE black;
	text-align:right;
}
div.newstitle * {
	color:white;
	font-size:11px;
	font-weight:bold;
}
div.newstitle span.rssdesc { color:#FFFF77; }
div.newslogo a { font-size:16px }
div.newslogo a img.logoborder { border:1px solid black; }
div.newstitle a:hover { color:#EEE; }
div.newscats {
	color:white;
	background-color:#AABBDD;
	font-size:11px;
	text-align:right;
	border:solid black;
	border-width:0px 1px 1px 1px;
}
div.newscats a {
	color:#FFFF77;
	font-size:11px;
	font-style:italic;
}
div.newscats a:hover { color:#FFFF77; } /* Nécessaire pour IE 5 */
div.newsgoogle {
	background-color:#E6EEF6;
/*	background-color:#F5F9FD;*/
	text-align:right;
	border:solid black;
	border-width:0 1px 1px 1px;
}
div.newsgoogle label { font-size:11px; }
div.newslist {
/*	background-color:#F5F9FD;*/
	background-color:white;
	border:solid black;
	border-width:0 1px;
}
div.newslist dl span { color:gray; }
div.newslist dl a { color:black; }
div.newslist dl a:hover,div.newslist dl a:hover span {
	color:#336699;
/*	background-color:#E6EEF6;*/
	background-color:#F5F9FD;
}
div.newslist dl a:visited,div.newslist dl a:visited span { color:silver; }
div.newslist div.newsall { text-align:right; }
div.newslist div.newsall a { font-size:11px; }
div.newsfoot {
	background-color:#E6EEF6;
	text-align:right;
	border:1px solid black;
}
div.newsfoot div.left { float:left; }

/*********************************************************
* Login
*********************************************************/
p.login,div.login2 { text-align:center; }
table.login {
	text-align:left; /* Rétablissement du centrage du contenu de la table */
}

/*********************************************************
* FAQ
*********************************************************/
a.faqquest span { font-weight:bold; }
div.faqtop { text-align:right; }

/*********************************************************
/* Proposition de site
*********************************************************/
table.cats {
	border:solid gray;
	border-width:1px 0 0 1px;
}
table.cats td {
	vertical-align:top;
	border:solid gray;
	border-width:0 1px 1px 0;
}

/*********************************************************
* Stats
*********************************************************/
table.statsgen td {
	text-align:center;
	vertical-align:top;
}
div.stats,div.graph { text-align:center; }
table.stats,table.graph {
	text-align:left; /* Rétablissement de l'alignement à gauche */
	margin-left:auto;
	margin-right:auto;
}
table.stats {
	border:solid gray;
	border-width:2px 1px 2px 2px;
}
table.stats td,table.stats th { border:solid gray; }
table.stats th {
	border-width:0 1px 2px 0;
	text-align:center;
	font-style:italic;
	background-color:#E6EEF6;
}
table.stats th a { font-style:italic; }
table.stats th a:hover {
	color:red;
	background-color:#E0E8EF;
}
table.stats th.form {
	border-bottom-width:1px;
	font-style:normal;
}
table.stats th.form a:hover { background-color:#E6EEF6; }
table.stats th.form button { font-size:11px; }

table.stats .statsl { text-align:left; }
table.stats .statsc { text-align:center; }
tr.line { background-color:#E6EEF6; }
table.stats tr.lastline { background-color:#E6EEF6; }
table.stats tr.lastline td { border-width:1px 0 0 0; }
table.stats tr.lastline td.last { border-right-width:1px; }

table.stats td {
	border-width:0 1px 0 0;
	text-align:right;
}
table.stats td.statsst {
	border-width:1px 1px 1px 0;;
	font-weight:bold;
	font-style:italic;
}
table.stats td.statsstf { border-width:0 1px 1px 0; }
table.stats td.icon { border-width:0; }
table.stats td.rcol {
	text-align:left;
	font-size:11px;
}
table.stats td.lcol {
	border-width:0;
	font-weight:bold;
}

table.graph th {
	text-align:center;
}
table.graph th button { font-size:11px; }

table.graph td { vertical-align:bottom; }
table.graph td.bar { background:url('img/graphbg.gif') repeat-x; }
table.graph td.abs {
/*	background:url('img/graphabs.gif') no-repeat;*/
	border-top:1px solid black;
	font-size:11px;
	text-align:center;
}
table.graph td.ord,table.graph td.origin {
	font-size:11px;
	text-align:right;
}
table.graph td.origin { vertical-align:top; }
table.graph td.text { font-size:11px; }
table.graph td.title { text-align:center; }

div.statstop { text-align:right; }

span.up,span.stable,span.down { font-size:11px; }
span.up { color:#00AF46; }
span.down { color:#EE0101; }

/*********************************************************
* Ajax
*********************************************************/
span.reload { cursor:pointer; }
/* Barre de chargement AJAX */
/* La syntaxe #ajax.msgloading semble ne pas plaire à IE qui n'interprète que la première */
div.msgloading {
	background:url('img/loading.gif') no-repeat #EBEBEB;
	border:1px solid #CCCCCC;
}
div.msgtimeout,div.msgfailed {
	background:url('img/warning.gif') no-repeat #EF9398;
	border:1px solid #DC5757;
}

/* Toolbar ajax */
#toolbar {
	background:#EBEBEB;
	border:1px solid #CCCCCC;
}
#toolbar div span img { background:url('img/toolbar/bg2.gif') no-repeat; }
#toolbar a { background-repeat:no-repeat; }
#toolbar a:hover { background:url('img/toolbar/bg.gif') no-repeat; }