/* *******Licence**************
//MyPlanet v0.3
//Auteurs : Sylvain Saleur
//syeric1@gmail.com
//
//
//Licence GNU GPL v3 */


/* Les éléments HTML en général
*******************************************************************************/
html,body {	
	color:#444444;
	font-size:0.8em;
	line-height:1.6em;
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
body {
	background-color:#ffffcc;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0px;
	padding: 0px;
}

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

pre, code{
	font-size: 1.2em;
}

pre{
 	width: 100%;
	overflow: auto;
	border: 1px solid ;
}

html>body pre {
	overflow: auto;
	width: auto;
}

fieldset{
	border: none;
}

label{
	cursor: pointer;
	
}

.field label{
	display: block;
}

input{
	border: 1px solid #999;
}

textarea{
	width: 100%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a{
	color: #cc3333;
}

a:visited{
	color:#cc3333;
}

a:hover{
	color: #cc3333;
	
}

/* La page
*******************************************************************************/
#page{
	background: #fff;
	width:90%;
	min-width:800px;
	margin:0 auto 0 auto;
	border-left:1px solid #DDD;
	border-right:1px solid #DDD;
}
 
/* L'entête
*******************************************************************************/
#top{
	height: 8em;
	background: #cc3333;
	text-align:center;
}
#top h1 {
	padding-top:0.2em;
	font-size:xx-large;
}
#top h1 a{
	color:#000;
	text-decoration:none;
}
/*message pour recharger*/
#confir {
	display:none;
	background-color:#fff;
	color:#000;
	position:absolute;
	left:50%;
	width:50em;
	margin-left:-25em;
	text-align:center;
}
#confir a {
	text-decoration:underline;	
	cursor:pointer;
	color:#425176;
}

	
/* Le contenu
*******************************************************************************/
.main {
	position: relative;
	width:100%;
}
/*Fix par Michel Eudes, présentation deux colonnes*/
#gauche {
	float: left;
	width:50%;
	background:#fff;
}

#droite {
	float:right;
	width:50%;
	background: #fff;
}
/*end fix */
.post{
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	background-color:#ffffcc;
	-moz-border-radius:10px;

}

.post-title {
	padding-top:10px;
}

.post-title h2{
	color: #4a629f;
	font-size: 2em;
	text-align:center;
}

.post-title h2 a{
	color: #cc3333;
	text-decoration: none;
}
.post-title img{
	border: none;
}
.post-title:first-letter {
color:#cc3333;
font-style: italic;
font-family: Verdana;
font-size: 2em;
}

.post-title a:first-letter {
color:#cc3333;
font-style: italic;
font-family: Verdana;
font-size: 2em;
text-decoration: none;
}

.post-content{
	margin-left:10px;
	margin-right:10px;
	text-align: justify;
	min-height:24em;
	height:auto;
}

.post-content a{
	font-size: 1.2em;
}
#gauche-planet {
	float: left;
	width:80%;
	background:#fff;
}

#droite-planet {
	float:right;
	width:20%;
	background: #fff;
}
.post-planet{
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	background-color:#ffffcc;
	-moz-border-radius:10px;
}

.post-title-planet {
	padding-top:10px;
	margin-left:10px;
	margin-right:10px;
}

.post-title-planet h2{
	color: #cc3333;
	font-size: 2em;
}

.post-title-planet h2 a{
	color: #cc3333;
	text-decoration: none;
}
.post-title-planet img{
	border: none;
}

.post-content-planet{
	margin-left:10px;
	margin-right:10px;
	text-align: justify;
	height:auto;
}
.post-content-planet a{
	font-size: 1.2em;
}
.post-content-planet img{
	border: none;
}
/* Le pied de page
*******************************************************************************/	
/*fix par Michel Eudes pour affichage sur la page totale avec les deux colonnes précédentes*/
#footer{
	clear : both;
	margin-top:10px;
	text-align:center;
	background:transparent;
}

#footer a{
	color: #cc3333;
	text-decoration:none;
}
#footer a img {
	border:none;
}
/*end fix*/
#prelude {
	background:#cc3333;
	overflow:hidden;
}

#prelude a {
	display: inline;
	font-size:1.5em;
	color:#000;
	text-decoration:none;
	background-color:#ffffcc;
	border-right:solid 1px;
	border-color:#cc3333;
}

#prelude a:hover {
    color:#FFF;	
	background-color: rgb(59, 120, 187);
	text-decoration:none;
}
#prelude a.active { 
	color: #000; 
	text-decoration: none;
	background-color:#FFF;
}

#viewselect {
	padding:0;
	height:3em;
	background:#cc3333;
	overflow:hidden;
}

#viewselect ul, #viewselect li {
	margin:0;
	padding-right:5px;
	list-style-type: none;
}
#viewselect ul {
	float:right;
	height: 3em;

}

#viewselect li {
	float: right;
}
#viewselect li a,#viewselect li a:visited {
    height: 3em;
    /*width: 130px;*/
    color:#000;
    line-height: 3em;
    text-align: center;
    text-decoration:none;
    background-color:#ffffcc;
}

#viewselect li a:hover {
    color:#FFF;	
	background-color: rgb(59, 120, 187);
	text-decoration:none;
}
#viewselect li a.active { 
	color: #000; 
	text-decoration: none;
	background-color:#FFF;
}
#loading {
	display:none;
	background:transparent;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-16px;
	margin-left:-16px;
}
#loading img {
	border:none;
}