/* ********

.rouge { background-color: #b64040; }
.bleu  { background-color: #5677a2; }
.vert  { background-color: #8e9a1e; }
.jaune { background-color: #be9016; }
.gris  { background-color: #505050; }

********** */

BODY
{
  background-color: #ffffff;
  margin: 0; padding: 0;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

#bandeaubleu
{
  position: fixed; top: 0; left: 0; width: 100%; height: 26px; line-height: 22px;
  background-color: #363636; color: #ffffff; z-index: 9;
  border-bottom: solid 2px #888; vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px;
  padding: 0; padding-top: 1px; padding-bottom: 0px;
}

#bandeaubleu > table
{
  border-top: solid 1px #ddd; line-height: 20px;
  border-bottom: solid 1px #ddd;
  padding: 0; padding-bottom: 1px; vertical-align: middle;
}

#bandeaubleu > table > tr
{ vertical-align: middle; }

#menuhaut
{
  background-color: transparent; color: #fff; vertical-align: middle; line-height: 23px;
  font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}

#menuhaut > b
{ font-size: 12px; }

#datedujour
{
  background-color: transparent; padding: 4px;
  font-family: Arial, Helvetica, sans-serif; font-size: 10px;
  font-weight: bold; text-align: right;
}

#promozilla, #leftads
{
  width: 130px; border: 0; visibility: visible; z-index: 0;
  position: absolute; top: 44px; left: 2px;
  font-weight: bold; font-style: italic; font-size: 14px;
  color: #5589B8;
}

#promozilla img, #rightads img
{
  border: solid 2px #5589B8;
}

#googleads, #rightads
{
  width: 160px; border: 0; visibility: visible; z-index: 0;
  position: absolute; top: 48px; right: 10px;
}

#colonnecentrale
{
  width: 960px; border: 0; z-index: 100;
  margin-left: auto; margin-right: auto; margin-top: 44px;
  text-align: center;
}

#bandeaux {
	display: block;
}

#bandeaulogo
{
  padding: 0; margin: 0; text-align: left;
}

#bandeaupub
{
  padding: 0; margin: 0; text-align: right;
}

#bandeauoeil
{
  padding: 0; margin: 0; margin-top: 0px; margin-bottom: 2px;
  /* border-bottom: solid 1px #aaaaaa; */ visibility: hidden;
}

#alertedispa
{
  padding: 4px; margin: 0; background-color: #fafafa;
  border: solid 1px #aaaaaa;
}

#alertedispa a { text-decoration: none; }
#alertedispa b { text-decoration: underline; }

#contexte
{
  margin: 0; text-align: right; padding: 4px;
}

/*
a.menu1item
{
  background-color: #ffffff; width: 200px;
  padding-left: 20px; padding-right: 20px;
  margin: 0; font-weight: bold; text-decoration: none;
  border: solid 1px #cccccc; color: #000000;
}

a.menu1item:hover
{
  background-color: #505050; color: #ffffff;
}
*/

div.menu2title
{
  font-size: 12px; font-weight: bold; color: #ffffff;
  background-color: #505050; padding: 3px;
  /* border: solid 1px #aaaaaa; */
  border-top: solid 1px #aaaaaa; border-bottom: solid 1px #aaaaaa;
}

#menu2title01 { background-color: #0f5ebf; }
#menu2title02 { background-color: #fcc429; }
#menu2title03 { background-color: #363636; }
#menu2title04 { background-color: #0fbf5e; }
#menu2title05 { background-color: #707070; }
#menu2title06 { background-color: #eaeaea; color: #707070; }

#corps
{
  border: 0; padding: 0; margin: 10px 0 0 0; width: 100%;
  z-index: 100; display: block;
}

#contenu { z-index: 100; }

#logoange
{
  position: absolute; z-index: 3; width: 100px; height: 312px;
  background-image: url('http://www.ironie.org/images/fond-accueil.png');
  background-repeat: no-repeat; background-position: left top;
  top: 35px; left: 0px; visibility: visible; z-index: 3;
}

h1
{
  color: #1846b6; font-weight: bold; font-size: 24px;
  border-bottom: solid 1px #aaaaaa;
}

h2
{
  color: #363636; font-weight: bold; font-size: 17px;
  list-style-type: disc; margin-top: 30px; padding-left: 10px;
}

h3
{
  color: #565656; font-weight: bold; font-style: italic;
  font-size: 13px; padding-left: 20px;
}

ul
{
  margin: 20px 10px 10px 40px;
  list-style-type: disc;
}

ul > li
{ margin-top: 10px; }


div.sommaire
{ border: dotted 1px #aaaaaa; padding: 4px; width: 90%; background-color: #fafafa; }

span.tsommaire
{ font-size: 14px; font-weight: bold; font-style: italic; color: #9c9c9c; }

ol.sommaire
{ margin: 10px; list-style-type: lower-roman; }

ol.sommaire > li
{ margin-top: 2px; }


a { color: #0f5ebf; }
a:visited { color: #aaaaaa; }

.blanc
{ color: #ffffff; }

a.blanc
{
  color: #ffffff;
  text-decoration: underline;
}

a.langicon { margin: 0 0 0 4px; padding: 4px 2px 0px 2px; border: solid 1px #666; background-color: #fafafa;
	display: inline; }

.bordureg
{
  border-top: solid 2px #aaa;
  border-bottom: solid 2px #ddd;
  border-left: solid 2px #ddd;
  border-right: solid 2px #aaa;
  padding: 0; background-color: #fafafa;
}

.bordurec
{
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-left: solid 0px #ddd;
  border-right: solid 1px #ddd;
  padding: 10px; margin-left: 2px;
}

#tableg {
  display: inline; float: left;
}

.bordured
{
/*
  border-top: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
*/
  border: 0;
  padding: 10px;
}

.borduredpub
{
  
}

h1.titrecold
{
  font-size: 110%; font-weight: bold;
  text-align: left;
  border: 0;
  /* border-bottom: solid 1px #000000; */
}

p { padding-left: 10px; margin-bottom: 10px; text-align: justify; }

.paragraphe
{
  background-color: #fafafa; padding: 6px;
  margin-top: 0px; margin-bottom: 10px;
  border: solid 1px #ddd;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

p.piedpage
{
  font-size: 8px; font-style: normal;
  text-align: center; color: #aaaaaa;
}

span.thishost
{
  background-color: #ffffff; color: #365268;
  font-weight: bold;
}

span.stitre
{
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline;
}

p.newsitem {
  border-left: solid 1px #888;
  line-height: 14px;
  margin: 4px 0 8px 0;
  padding: 0 0 0 10px;
}

input
{
  font-family: Courier New, serif; font-size: 11px;
}

input.texte
{
  font-family: Courier New, serif; font-size: 11px; width: 300px;
}

input.bouton
{
  background-color: #eaeaea;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 2px #ddd;
  border-right: solid 2px #ddd;
}

input.username
{
  padding-left:18px;
  background-image: url('https://secure.ironie.org/media/img/png/stock_person.png');
  background-repeat: no-repeat;
}

input.password
{
  padding-left:18px;
  background-image: url('https://secure.ironie.org/media/img/png/stock_keyring.png');
  background-repeat: no-repeat;
}

input.noborder
{
  border: 0;
}

select
{
  font-family: Courier New, serif; font-size: 11px;
}

textarea
{
  font-family: Courier New, serif; font-size: 11px; width: 300px;
}


table tr td.intitule { padding-left: 10px; background-color: #eeeeee; font-weight: bold; }
table tr td.valeur   { padding-left: 10px; }

.gauche { float: left; }
.droite { float: right; }

#content2 img { display: none; }


/* navigation */

/* menu de navigation */

#navBar {
  width: 100%; z-index: 150;
  font-family: Arial, Helvetica, sans-serif; font-size: 11px;
  /* font: 70% verdana, sans-serif; */
}

#navBar A {
        display: block;
        height: 15px;
	line-height: 15px;
        width: 100%;
        margin-top: 1px;
        text-decoration: none;
        color: #000;
        padding: 2px 0px 0px 0px;
        clear: both;

	/* border-top: solid #e6edf3 1px; */
	/* border-bottom: solid #e6edf3 1px; */
	border-bottom: solid #fafafa 1px;
	background-color: transparent;
}

#navBar A:hover {
	border-bottom: solid #666666 1px;
	border-right: solid #666666 1px;
	/* border-top: solid #bbbbbb 1px; */
	border-left: 0px;
}

#navBar A .linkText {
        float: left;
        margin-left: 4px;
        padding: 0px;
}

#navBar A .linkText2 {
        float: left;
        margin-left: 4px;
	color: #505050;
	font-weight: bold;
}

#navBar .redBit {
        display: block;
        float: left;
        overflow: hidden;
        width: 5px;
        height: 5px;
        margin-left: 12px;
        margin-top: 4px;
        border: 1px solid black;
        background-color: #ffffff;
	-moz-border-radius: 4px;
}

#navBar .redBit2 {
        display: block;
        float: left;
        overflow: hidden;
        width: 5px;
        height: 5px;
        margin-left: 12px;
        margin-top: 4px;
        border: 1px solid black;
        background-color: #b64040;
}

#navBar A:hover, #navBar A:hover * {
        background-color: #666;
	color: #fff;
}

#navBar A:hover .redBit {
        background-color: #fff!important;
}

#navBar A:hover .redBit2 {
        background-color: #d33;
}

#navbar a.active {
        background-color: #666;
	color: #fff;
}

#navBar .interstice {
	line-height: 4px;
	border-bottom: solid 2px #eee;
	display: block;
}

/* Too cool pour IE */ /**********************************************/
a#tooCool 
{ position: fixed; right: 0; bottom: 0; display: block; height: 80px; width: 80px; 
background: url(http://www.ironie.org/images/too_cool_sash_fr.png) bottom right no-repeat; text-indent: -999em;
text-decoration: none; }

/* compat */

.verdana12noir
{
  font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}

.verdana14noir
{
  font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

.arial08noir
{
  font-family: Arial, Helvetica, sans-serif; font-size: 10px;
}

.couriernew
{
  font-family: 'Courier New', serif; font-size: 11px;
}