/*#######################################
#######    Feuille de style    ##########
##  Design: 1 
##  Partie: journal
########################################*/

/*######     Journal    ########*/
#grotte_page_milieu{
       width:640px;
	height:660px;
	overflow:hidden;
        margin-left: 40px;
        border:1px solid #6b4b31
}
#bonus_page_haut
{
	width:758px;
	height:158px;
	background-image:url("images/journal/haut-bonus.jpg");

}
#bonus_page_milieu
{
	width:735px;
	height:100%;
	background-image:url("images/journal/bonus-milieu.jpg");
	overflow:hidden;
	padding-left:23px;

}
#bonus_page_bas
{
	width:758px;
	height:36px;
	background-color:white;
	background-image:url("images/journal/bonus-bas.jpg");
	margin-bottom:20px;

}
#journal
{
	width:758px;
	background-color:#FFFFFF;
	margin-left:7px;
	margin-top:10px;
}
#tuxdessin_haut
{
	width:758px;
	height:158px;
	background-image:url("images/journal/haut-tuxdessin.jpg");

}
#tuxprize_haut
{
	width:758px;
	height:158px;
	background-image:url("images/journal/haut-tuxprize.jpg");

}
#devenirmodo_haut
{
	width:758px;
	height:158px;
	background-image:url("images/devenirmodo/hautdevenirmodo.jpg");

}
#journal_haut
{
	width:758px;
	height:158px;
	background-image:url("images/journal/journal-haut.jpg");

}
#journal_milieu
{
	width:758px;
	height:100%;
	background-image:url("images/journal/journal-milieu.jpg");
	overflow:hidden

}
#journal_bas
{
	width:758px;
	height:33px;
	background-color:white;

}

#colonne_gauche{
	width:150px;
	margin-left:20px;
	float:left
}

#mistertux{
	width:151px;
	height:203px;
	background-image:url('images/journal/vignette_journal_election.jpg');
	margin-bottom:20px;
	background-repeat:no-repeat;
	padding-top:10px;
	text-align:center;
}

#tuxappart{
	width:151px;
	height:203px;
	background-image:url('images/journal/vignette_journal_appart.jpg');
	background-repeat:no-repeat;
	padding-top:10px;
	text-align:center;
}

#tuxtribu{
	width:151px;
	height:92px;
	background-image:url('images/journal/vignette_journal_tribu.jpg');
	background-repeat:no-repeat;
	text-align:center;
	padding-top:52px;
}

#colonne_centre{
	width:410px;
	float:right;
	margin-right:160px;
	margin-top:-580px;

}

#colonne_droite{
	width:120px;
	height:600px;
	position:absolute;
	left:680px;
	top:250px;

}

.titre_article{
	width:407px;
	height:20px;
	background-color:#227dac;
	color:white;
	font-weight:bold;
	padding:5px;
	font-size:14px;
	-moz-border-radius-topright: 0.5em; 
    -webkit-border-top-right-radius: 0.5em; 
	-moz-border-radius-topleft: 0.5em; 
    -webkit-border-top-left-radius: 0.5em; 
}

.article{
	width:405px;
	height:auto;
	padding:5px;
	border-bottom:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	border-left:1px solid #a7a7a7;
	margin-bottom:20px;
}