/* Main Stylesheet for Easter-eggs
 *
 * Author : Linuance <contact@linuance.com>
 */

/* Generic style
-------------------------------------------------------------------*/

html, body {
	height: 100%;
    width: 99.8%;
	}
body, div, h1, h2, h3, h4, h5, h6, p, ul {
	margin: 0;
	padding: 0;
	}
ul { list-style: none; }
body {
	min-width: 750px;
/*	font-size: 62.5%; */
    font-size: 11px;
	background: white url(../img/header.gif) repeat-x 0 0;
	}
body, input, textarea, select {
	color: #333;
	font-family: verdana, arial, helvetica, sans-serif;
	}
.hidden {
  position: absolute;
  top: -700em;
  width: 1px;
  height: 1px;
  font-size: 1%;
  overflow: hidden;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

/* Titles
-------------------------------------------------------------------*/
h1, h2, h3, h4, h2 a {
	font-family: arial, helvetica, sans-serif;
	color: #c60;
	}


/* Links
-------------------------------------------------------------------*/
a {
	color: #03c;
	outline: none;
	}
#contents a:hover {
	color: #900;
	}
#contents a.more {
	padding-left: 16px;
	background: transparent url(../img/document.gif) no-repeat 0 0;
	}


/* Images
-------------------------------------------------------------------*/

a img {
	border: 0;
	}
img.float-left {
	float: left;
	padding: 4px 1em 0 0;
	}

.spip_logos {
        padding-right: 9px;
}

/* Page layout
-------------------------------------------------------------------*/
#header {
	height: 90px;
	background: url(../img/eastereggs.png) no-repeat 160px 29px;
	}
#main-contents {
	float: right;
	width: 74%;
	}
#sidebar {
	float: left;
	width: 24%;
	padding-top: 1.5em;
	}
#footer {
	clear: both;
	width: 100%;
	padding-top: 3em;
	}

	
/* Header
-------------------------------------------------------------------*/

div#header h1 {
	position: absolute;
	width: 160px;
	height: 142px;
	background: url(../img/logoee.png) no-repeat 50% 0;
    z-index: 10;
	}
div#header h2 {
	margin-right: 10px;
	height: 90px;
	background: url(../img/specialist.gif) no-repeat 100% 37px;
	}


/* Navigation
-------------------------------------------------------------------*/

#navigation {
	padding-left: 160px;
	height: 3.2em;
	font-size: 1.1em;
	background: #b87740 url(../img/navbg.gif) repeat-x;
	border-bottom: 10px solid #ffbb3a;
	}
#navigation li {
	float: left;
	margin: 0.7em 0 0 1px;
	background: url(../img/tableft.gif) no-repeat 0 0;
	}
#navigation a,
#navigation span {
	display: block;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0 1em;
	color: black;
	text-decoration: none;
	background: url(../img/tabright.gif) no-repeat 100% 0;
	}
#navigation a:hover {
	text-decoration: underline;
	}
#navigation li.active {
	background-image: url(../img/activeleft.gif);
	}
#navigation li.active a,
#navigation li.active span {
	background-image: url(../img/activeright.gif);
	}


/* Breadcrumb
-------------------------------------------------------------------*/

#breadcrumb {
	padding: 1.5em 0 2.5em;
	}
#breadcrumb ol {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#breadcrumb li {
	display: inline;
	}
#breadcrumb li:before {
	content: "> ";
	}
#breadcrumb li:first-child:before {
	content : "";
	}


/* Sidebar
-------------------------------------------------------------------*/

#sidebar form,
#sidebar .linkset, #sidebar #contact {
	margin-left: 2em;
	}

/* Search form */
#search-form {
	margin: 0;
	padding: 0;
	}
#search-form fieldset {
	margin-bottom: 1em;
	padding: 8px 4px 2px 11px;
	border: 0;
	background-color: #ebe9e4;
	}
#search-form legend,
#search-form label {
	display: none;
	}
#search-form div {
	float: left;
	width: 100%;
	margin-right: -40px;
	}
#search-form div p {
	margin-right: 40px;
	}
#search-term {
	width: 100%;
	}
#search-submit {
	float: right;
	width: 29px;
	}
	
/* Linksets */
.linkset h2 {
	padding: 0.5em 0 0.5em 32px;
	font-size: 1.5em;
	color: white;
	background: #c1bbab url(../img/linkset-bullet.gif) no-repeat 5px 50%;
	border-bottom: 1px solid white;
	}
.linkset { 
	font-size: 1.1em;
}
.linkset ul {
	margin-bottom: 1ex;
	padding: 0.8ex 0 0.2em;
	background-color: #ebe9e4;
	}
.linkset p { 
	margin-bottom: 1ex;
	padding: 0.8ex 1ex 0.4em;
	font-size: 1.1em;
	background-color: #ebe9e4;
 }
.linkset li {
	padding: 0 0 1ex 32px;
	background: url(../img/linkset-arrow.gif) no-repeat 11px 0.2em;
	}
.linkset a {
	color: #333;
	text-decoration: none;
	}
.linkset a:hover {
	text-decoration: underline;
	}

/* VCard */
#sidebar .vcard {
   margin-bottom: 1em;
   padding: 0.5em 1em;
   font-size: 1.1em;
   line-height: 1.5em;
   background-color: #ebe9e4;
}
.vcard .org {
    display: block;
    padding: 0.5em 0 0.5em 28px;
    font-weight: bold;
    color: #666;
    background: url(../img/microformat.gif) no-repeat 0 50%;
}

/* Contacts
-------------------------------------------------------------------*/
#contact { 
	font-size: 1.1em;
	background-color: #ebe9e4;
 }
#contact h2 {
	padding: 0.5em 0 0.5em 0.5em;
	font-size: 1.5em;
	}
#contact p { 
	margin-bottom: 1ex;
	padding: 0.8ex 2ex 2ex;
	font-size: 1.1em;
 }
#contact a {
	color: #333;
	text-decoration: none;
}
#contact a:hover {
	text-decoration: underline;
}


/* Contents
-------------------------------------------------------------------*/

#contents {
	font-size: 1.1em;
	margin-right: 2em;
	}
#contents h2 {
	padding-bottom: 0.5em;
	font-size: 1.6em;
	}
#contents h3 {
	padding-bottom: 0.3em;
	font-size: 1.3em;
	}
#contents .section {
	padding-bottom: 2em;
	}
#contents p {
	line-height: 1.5em;
	padding-bottom: 1em;
	}
#contents p.read-more {
	text-align: right;
	}

#author { 
          margin-top: -1.6em;
 }
#contents ul {
               line-height: 1.5em;
               list-style-position: inside;
               list-style-image: url('/img/linkset-arrow.gif');
               padding-bottom: 1em;
               }

#contents li { 
               padding: 0 0 0 1em;
 }

div.articleinlist { 
                    border: 1px solid #900;
                    padding: 1ex;
                    margin: 2em 0px;
                    margin-top: 0px;
                    -moz-border-radius-bottomright: 2em;
}

div.date { 
           float: right;
           clear: both;
           font-size: 0.8em;
           margin: 2ex;
           margin-top: 0px;
           color: #900;
 }

/* Frames */
.frames {
	margin-bottom: 1em;
	}
.frames .left {
	float: left;
	width: 49%;
	}
.frames .right {
	float: right;
	width: 49%;
	}

/* Frame */
.frame .frame-header {
	padding: 0 8px 0 0;
	background: transparent url(../img/frame.gif) repeat-y right top;
	}
.frame .frame-header h2 {
	padding: 8px 0 0 10px;
	background: transparent url(../img/frame.gif) no-repeat left top;
	}
.frame .frame-contents {
	padding: 0 10px;
	background: #f5f4f1;
	}
.frame .frame-footer {
 padding: 0 8px 0 0;
 background: transparent url(../img/frame.gif) repeat-y right bottom;
}
#contents .frame .frame-footer p.empty {
	height: 8px;
	font-size: 1%;
	padding: 0;
	background: transparent url(../img/frame.gif) no-repeat left bottom;
}


/* Frame with outline */
.outline .frame-header {
	padding: 0 10px 0 0;
	background: transparent url(../img/outline.gif) repeat-y right top;
	}
.outline .frame-header h2 {
	padding: 10px 0 0 10px;
	background: transparent url(../img/outline.gif) no-repeat left top;
	}
.outline .frame-contents {
	padding: 0 8px;
	border-left: 2px solid #d7d4c9;
	border-right: 2px solid #d7d4c9;
	}
.outline .frame-footer {
	padding: 0 10px 0 0;
	background: transparent url(../img/outline.gif) repeat-y right bottom;
}
#contents .outline .frame-footer p {
	padding: 0 0 10px 10px;
	font-size: inherit;
	background: transparent url(../img/outline.gif) no-repeat left bottom;
}


/* Post */
#article {
	float: left;
	width: 66%;
	}
#article h2 {
	padding-bottom: 1em;
	}

/* Related posts */
#related {
	float: right;
	width: 32%;
	}
#related h2 {
	padding-bottom: 1em;
	font-size: 1.4em;
	}
#related h3 {
	font-size: 1.1em;
	color: #333;
	}
#related ul {
	border-top: 1px solid #e0ddd5;
	}
#related li {
	padding-bottom: 1em;
	border-bottom: 1px solid #e0ddd5;
	}
#related p {
	margin: 0;
	padding: 0;
	}
#related p.date {
	padding: 0.5em 0;
	font-size: 0.82em;
	color: #787878;
	}
#related p.read-more {
	text-align: right;
	}
#related p.read-more a {
	padding-left: 16px;
	background: transparent url(../img/readmore.gif) no-repeat 0 60%;
	}
	

/* Footer
-------------------------------------------------------------------*/

#footer p {
	padding: 0 10px;
	height: 2.5em;
	line-height: 2.5em;
	font-size: 1.1em;
	color: white;
	background: #c1bbab;
	}
#footer a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	}

/*
 * Personnalisation Grinch
 */

#menu_icones table {
        width: 90%;
        margin: none;
        padding-bottom: 1.1em;
}
#menu_icones table td { 
    vertical-align: top;
    text-align: left;
}
#pdf {}
#recommander { padding-top: 0.2em; }
#recommander input, textarea { 
    width: 40em;
    font-size: 1em;
}
#recommander #bt input { 
    width: 5em;
    margin-bottom: 1em;
}
#contacter {
    margin-top: 0.2em;
    text-align: left;
}
#contacter input, textarea { 
    width: 40em;
    font-size: 1em;
}
#contacter textarea {
    height: 10em;
}
#contacter #bt input { 
    width: 5em;
    margin-bottom: 1em;
}
#contacter #formulaire_contacter {
        text-align: left;
}
.contacter_bouton input { margin-bottom: 1em;}

/* Forums */

.forums {
        min-width: 10em;
        border: 1px solid #60683F;
        margin-bottom: 1em;
        font-size: 0.77em;
}
.forums { background: #B39FB8; }
.forums .menu-titre { background: #D8C1DE; }
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }
.forum-repondre, .forum-decompte {
        clear: both;
        padding-top: 2px;
        border-top: 2px solid #CCC;
        font-size: 0.88em;
        font-weight: bold; }
.forum-repondre a {
    font-size: 0.88em;
    font-weight: bold;
}
h2.forum-repondre a {
    font-size: 62.5%; /* cf font-size in ""boby"" */
}
#liste-articles ul { 
    list-style-image: none;
}
#liste-articles ul li a { 
    text-decoration: none;
}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }