/*@import "layout.css";*/
@import "layout-gauche.css";

/* Les éléments HTML */
body {
        background: #5C7497;
        color: #000 !important;
        font-size: 80%;
        line-height: 1.6em;
        font-family: "BitStream Vera Sans",arial,helvetica,sans-serif;
        margin: 0px;
	}

abbr, acronym {
        cursor : help;
	}

h1, h2, h3, h4, h5, h6	{
        font-family: "BitStream Vera Sans",arial,helvetica,sans-serif
	}

h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}


fieldset {
        border: none;
	}
select {
        background-color: white;
        border: 1px solid #C9D1DD;
        color: #5C7497;
        }
select:hover {
        color: white;
        background-color: #5C7497;
}

label {
        cursor: pointer;
        cursor: hand;
	}

.field label {
        display: block;
	}

input,textarea {
        border: 1px solid #999;
        }

textarea {
        width: 100%;
        font-size: 1em;
        font-family: "BitStream Vera Sans",arial,helvetica,sans-serif
	}
input {
        color:#5C7497;
        background-color: #C9D1DD
	}
input:hover {
        background-color:#5C7497;
        color: white;
	}
a {
        text-decoration: underline;
        color: #5C7497;
        background-color: transparent;
	}

a:hover, a[href ^="https://"]:hover {
        background-color:#5C7497;
        color: white;
        text-decoration: none;
	}

/** Inspired by japan css */
a[href ^="https://"] {
        background: url(/http://www.frenchmozilla.fr/styles/tbird/lock_icon.gif) center right no-repeat;
	padding-right: 16px;
	}
a[hreflang]:after {
        content: "\0000a0(" attr(hreflang) ")";
	}
a[href*="http://"][hreflang]:after {
        content: "\0000a0(" attr(hreflang) ")\0000a0\0000bb";
	}
a[href*="mailto:"]:after {
        content: "\0000a0\0000a0\0000a0";
	}
a[href*="mailto:"] {
        background-image: url(http://www.frenchmozilla.fr/styles/tbird/mail_tbird.png);
        background-position: right;
        background-repeat: no-repeat;
	}

/* La page */
#page {
        background: #fff;
/*        color: inherit;*/
	}
#main {
        background: #fff;
        color: inherit;
	min-height: 350px;
	}


/* La barre de navigation
-------------------------------------------------------- */
#topNav ul {
	list-style-type: none;
	margin: 0;
	}
#topNav ul li {
	display: inline;
	margin: 0.25em;
	padding: 0.5em 1em;
	font-size: 1.5em !important;
	font-weight: bold;
	color: #5c7497;
	background-color: #f1f5f9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-box-shadow: #363344 2px 2px 2px;
	}
#topNav ul li:hover,
#topNav ul li:hover a {
	color: #f1f5f9 !important;
	background-color: #5c7497;
	}
#topNav ul li:active {
	
	}
#topNav a {
	text-decoration: none;
	}
#topNav a:hover {
	text-decoration: none;
	background-color: #5C7497;
	color: #ffffff;
	}
#topNav a:visited {
	text-decoration: none;
	}

/* En-tête */
#top {
        border-bottom:1px solid #C9D1DD;
        height: 60px;
        background: #FFF url(http://www.frenchmozilla.fr/styles/tbird/header_tbird.png) no-repeat left top;
        background-color: white;
        color: black;
        margin:0px;
	}

#top h1 {
        display: none;
	}

#top h1 a {
        text-decoration: none;
        color: #FFFFFF;
	}

/* Le prélude */
#prelude {
        display: none;
	background: transparent;
        color: #DFDFDF;
        text-align: center;
	}

#prelude a {
        color: #666;
        background: transparent;
	}

#prelude a:hover {
        color: #DFDFDF;
        background: transparent;
	}

#baguette {
        margin: 3px;
	}


/* Le contenu */
#main h1 {
	text-align: center;
	font-size: 1.8em;
	border:1px solid #C9D1DD;
	background-color: transparent;
	background-image: url(http://www.frenchmozilla.fr/styles/tbird/fond_article_tbird.png);
	width: 20em;
	padding: 0.5em;
	margin: 0 auto;
	font-variant: small-caps;
	}

#main h1 a {}
#main h1 a:hover {}

.fortune {
        margin: 20px;
        border:1px solid #C9D1DD;
	border-left: none;
	border-radius: 0 10px 0 10px;
	-moz-border-radius: 0 10px 0 10px;
	-o-border-radius: 0 10px 0 10px;
        background-color: #f2f5f6;
	background: linear-gradient(top, #f2f5f6 25%, white 100%);
	background: -moz-linear-gradient(top, #f2f5f6 25%, white 100%);
/*        background-image: url(http://www.frenchmozilla.fr/styles/tbird/fond_article_tbird.png); */
	box-shadow: -1px 1px 10px #888;
	-moz-box-shadow: -1px 1px 10px #888;
	-o-box-shadow: -1px 1px 10px #888;
	}

.fortune h2 {
        margin-top: 0;
        color: #fff;
        /*background: #5C7497;
        border:1px solid #5c7497;*/
        padding: 0.5em;
        font-size: 1em;
	background:      linear-gradient(left, #5c7497 35%, transparent 75%);
	background: -moz-linear-gradient(left, #5c7497 35%, transparent 75%);
	}

.fortune h2 a {
        color: #fff;
        background: transparent;
        text-decoration: none;
        }
.fortune h2 a:hover {
        color: #fff;
        background: #5C7497;
        text-decoration: underline;
	}

dl.irc {
	margin-top: 1em;
	margin-bottom: 1em;
	}

dl.irc dt {
	font-weight: bold;
	float: left;
	clear: left;
	width: 10em;
	padding-right: 0.5em;
	text-align: right;
	padding-bottom: 0.3em;
	margin: 0;
	color: #336699;
	}

dl.irc dd {
	border-left: 1px solid #CCCCCC;
	margin: 0;
	margin-left: 10.5em;
	padding-left: 0.5em;
	padding-bottom: 0.3em;
	color: #000;
	}
dl.irc dd.autospeech {
	color: #222;
	font-style: italic;
	}

dl.pre {
	font-family: monospace;
	font-size: 1.2em;
	}

dl.pre dd {
	white-space : pre;
	}

.irc dt a {
	color: inherit;
	}
/* La barre de navigation
-------------------------------------------------------- */
#sidebar div {
        width: 200px;
        background-color: transparent;
        background-image: url(http://www.frenchmozilla.fr/styles/tbird/fond_article_tbird.png);
        border:1px solid #C9D1DD;
        margin: 5px;
	}

#sidebar div ul {
/*        margin: 0;
        padding: 0;
        list-style: none;*/
        padding-left:0px;
        margin:3px;
        text-align: center;
	}
#sidebar div ul li {
        list-style: none;
	}

#sidebar div ul li a,#sidebar div ul li span {
        display: block;
        width: 194px;
        text-decoration: none;
	}

#sidebar h2, #sidebar h3{
/*        color: #9ED200;
        margin: 0 0 1ex 0;*/
        margin: 0 0 3px 0;
        padding: 2px 0px;
        width:190px;
        font-size:12pt;
        text-align:center;
        border-bottom:1px solid #C9D1DD;
        background-color:#5C7497;
        color: white;
        font-variant: small-caps;
	}

#sidebar h3{
        font-size: 10pt;
        background-color:#C9D1DD;
        color: #5C7497;
        margin: 0;
	}
#search {
	display: none;
	}

/* Le pied de page
-------------------------------------------------------- */
#footer {
        margin: 0;
        padding: 1em;
        border-top: 1px solid #5C7497;
        background: #C9D1DD;
        color: #5C7497;
        text-align:center;
	}

#footer a {
        color: #5C7497;
        background-color: transparent;
	}

#block1 a, #block1 a:hover, #block1 a:visited {
text-decoration: none;
	}
img#baguette {
border: 0;
	}