/* common.css - MoinMoin Cr@ns style
   Author: Antoine Durand-Gasselin <adg@crans.org>
*/

html {
	font-family: Arial, Lucida Grande, sans-serif;
	font-size: 0.9em;
	line-height: 1.25em;
}

body{
    background:black url(/wiki/crans/img/mainbg.gif) no-repeat top left;
    padding: 20px 60px; color:#232323; margin: 0 30px;

}

/* Links */

a {color: #361a31;}
a:visited {color: #361a31;}
a.nonexistent, a.badinterwiki {color: #484848;}

div#mainContent {
    padding: 110px 0 20px;
    position: static;
    margin: 30px auto;
    width: 100%;
    min-width:660px;
    max-width:1000px;
    background: #f0f8ff /* aliceblue */ url(/wiki/crans/img/divBg.jpg) no-repeat left top;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    border-right: 1px solid #232323;
    border-bottom: 1px solid #232323;
    -moz-box-shadow: 4px 4px 5px #203640;
    -webkit-box-shadow: 4px 4px 5px #203640;
    position:relative; /* pour que les elements inclus se referent
                          a lui et pas a body */
}

div#logo {
    position: absolute;
    top:-60px;
    left: -95px;
}

/* Messages */
#message {
    background:transparent  url(/wiki/crans/img/translucide2.png) repeat;
    border:1px solid #232323;
    margin:1em 20px;
    padding:5px;
}


/*<!-- Menu -->*/
div#menuNavigation
{
    color:Black;
    font:15px "Trebuchet MS", helvetica, sans-serif ;
    z-index:5;
    position: absolute;     /* positionnement */
    right: 20px;
    top: 20px;
    padding:0;
    margin:0;
    width:300px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    border-bottom: 1px solid #232323;
    border-right: 1px solid #232323;
    background: url(/wiki/crans/img/translucide.png) repeat;
    text-align:left;
}

div#menuNavigation ul {
    display:block;
    margin:0 auto;
    padding:7px 0;
}

div#menuNavigation ul li {
    list-style-type:none;
    margin:5px;
}

div#menuNavigation ul li a, div#menuNavigation form#searchform h5 {
    display:inline;
    margin:0;
    padding:1px;
    border-left:1px solid transparent;
    color:black;
    text-decoration:none;
    font-weight:bold;
}

div#menuNavigation ul li a:hover {
    border-color:black;
}

div#menuNavigation form#searchform {
    float:right;
    position:absolute;
    top:0;
    right:7px;
    margin:10px;
    padding:0;
    color:#232323;
    width:165px;
    display:block;
}

div#menuNavigation form#searchform div {
    margin-left:15px;
}

div#menuNavigation form#searchform input {
    max-width:150px;
}

/* <!-- Login --> */
/* style pour les liens de connexion/preferences.... en haut a droite */
#username {
    float:right;
    position:absolute;
    top:0;
    right:0;
}

#username, #username ul {
    padding:0;
    margin:0;
    height:0.8em;
}

#username li {
    list-style-type:none;
    float:right;
    margin:0 3px;
}

#username li a {
    display:block;
    font-weight:normal;
    font-size:0.8em;
    color:#aaa;
}


/* <!-- badges --> */
/* style pour les badges en bas de la page */

div#supportBadges {
    margin: 1em;
    text-align: center;
}

#supportBadges ul {
    padding: 0;
    display: inline;
}

#supportBadges li {
    display: inline;
}

#supportBadges a {
    margin-right:5px;
    opacity:0.5;
}

#supportBadges a:hover {
    opacity:1;
}

ul#timings { clear:left;text-align: center; max-width:800px; margin: auto; }
ul#timings li {
    list-style-type: none; display: inline;
    font-size: 0.7em; color: #333; padding: 0 0.2em;}

/* Headings */
ul#pagelocation {
    list-style-type:none;
    padding:5px 10px 10px 10px;
    margin:0;
    float: left;
    border:none;
}


ul#pagelocation li {
        display:inline;
}

ul#pagelocation li:before{
        content:"/";
}

ul#pagelocation + a {
 vertical-align:middle;
 height: 25px;
 margin: 10px;
 padding: 0;
}

h1#title {
	padding: 0;
        margin: 1em 300px 0 0;
	font-size: 2.2em;
	font-weight: bold; 
	line-height: 1.2em;
	/* on souligne les titres 
	   (un underline ne souligne que les lettres
	   alors qu'on veut un grand trait
	 */
	border:2px solid #232323;
	border-style:none none solid none;
	/* les titre trop grands : */
	overflow:auto;

}

ul#pagelocation a, ul#pagelocation a:visited {
	text-decoration:none;
	color: #232323;
}

h1, h2, h3, h4, h5, h6
{
	margin: 1em 0 0 0;
	padding: 0;
	line-height: 1.2em;
}

h1, h2 a, h3 a, h4 a, h5 a, h6 a
{
    text-decoration:none;
}
h1 {
    font-size: 1.6em;
}

h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}
h4, h5, h6 {font-size: 1em;}

li p {
	margin: .25em 0;
}

li.gap {
    margin-top: 0.5em;
}

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

dd {
    margin-top: 0;
    margin-bottom: 0;
}

dd p {
    margin: 0.25em 0;
}

a, img, img.drawing {
	border: 0;
}

pre
{
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	padding: 5pt;
	font-family: courier, monospace;
	white-space: pre;
	/* begin css 3 or browser specific rules - do not remove!
	see: http://forums.techguy.org/archive/index.php/t-249849.html */
/*	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	/* end css 3 or browser specific rules */
}


table
{
	margin: 0.5em 0;
	border-collapse: collapse;
}

td
{
	padding: 0.25em;
	border: 1pt solid #ADB9CC;
}

td p {
	margin: 0;
	padding: 0;
}

.footnotes div {
	width: 5em;
	border-top: 1pt solid gray;
}

.footnotes ul {
	padding: 0 2em;
	margin: 0 0 1em;
	list-style: none;
}

.footnotes li {
}

.info {
    font-size: 0.85em;
    color: gray;
}

#pageinfo {
    margin-top: 2em;
}

.seperator {
    color: gray;
}

/* standard rule ---- */
hr {
    clear: both;
    height: 1pt;
    background-color: #232323;
    border: 0;
}

/* custom rules ----- to ---------- */
.hr1 {height: 2pt;}
.hr2 {height: 3pt;}
.hr3 {height: 4pt;}
.hr4 {height: 5pt;}
.hr5 {height: 6pt;}
.hr6 {height: 7pt;}

/* Replacement for html 3 u tag */
.u {text-decoration: underline;}

/* eye catchers */
.warning
{
	color: red;
}

.error
{
	color: red;
}

strong.highlight
{
	background-color: #CCE0FF;
	padding: 1pt;
}


/* Recent changes */

.rcrss {
	float: right;
	margin: 0;
}

.recentchanges[dir="rtl"] .rcrss {
	float: left;
}

.recentchanges table {
	clear: both;
}

.recentchanges td {
	vertical-align: top;
	border: none;
	border-bottom: 1pt solid #E6EAF0;
	background: #F2F4F7;
}

.rcdaybreak td {
	background: #B8C5D9;
	border: none;
}

.rcdaybreak td a {
	font-size: 0.88em;
}

.rcicon1, .rcicon2 {
	text-align: center;
}

.rcpagelink {
	width: 33%;
}

.rctime {
	font-size: 0.88em;
	white-space: nowrap;
}

.rceditor {
	white-space: nowrap;
	font-size: 0.88em;
}

.rccomment {
	width: 66%;
	color: gray;
	font-size: 0.88em;
}


/* User Preferences */

.userpref table, .userpref td {
	border: none;
}

/* CSS for new code_area markup used by Colorizer and ParserBase */

div.codearea { /* the div makes the border */
	margin: 0.5em 0;
	padding: 0;
	border: 1pt solid #AEBDCC;
	background-color: #F3F5F7;
	color: black;
}

div.codearea pre { /* the pre has no border and is inside the div */
	margin: 0;
	padding: 10pt;
	border: none;
}

a.codenumbers { /* format of the line numbering link */
	margin: 0 10pt;
	font-size: 0.85em;
	color: gray;
}

/* format of certain syntax spans */
div.codearea pre span.LineNumber {color: gray;}
div.codearea pre span.ID         {color: #000000;}
div.codearea pre span.Operator   {color: #0000C0;}
div.codearea pre span.Char       {color: #004080;}
div.codearea pre span.Comment    {color: #008000;}
div.codearea pre span.Number     {color: #0080C0;}
div.codearea pre span.String     {color: #004080;}
div.codearea pre span.SPChar     {color: #0000C0;}
div.codearea pre span.ResWord    {color: #A00000;}
div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
div.codearea pre span.Special    {color: #0000ff;}
div.codearea pre span.Preprc     {color: #803999;}


/* Search results */

.searchresults dt {
    margin-top: 1em;
    font-weight: normal;
}

.searchresults dd {
	font-size: 0.85em;
}