/****************************************************************************************
COMMUN
*****************************************************************************************/
body{
	font-size:100%;
	color:black;
	background:#EAEAEA;
}


a{
	color:#4C8052;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

h1{
	color:#A1C712;
	font:normal 1.7em verdana;
	border:0;
	margin:0;
	padding:0 7px 0 7px;
	border-left:5px solid #A1C712;
	display:inline;
}

h2{
	color:#A1C712;
	font:normal 1.5em verdana;
	border:0;
	margin:0;
	padding:0;
}

h3{
	color:#A1C712;
	font:normal 1.25em verdana;
	border:0;
	margin:0;
	padding:0;
}

h4, h5, h6{
	color:#A1C712;
	font:normal 1.25em verdana;
	border:0;
	margin:0;
	padding:0;
}


/****************************************************************************************
SQUELETTE DU SITE
*****************************************************************************************/
#mainSite{
    background: #EAEAEA;
}

#mainSite #header{
    background: white;
    margin: 0px auto;
	width:990px;
}

#mainSite #body{ /*voir 2/ CORPS DU SITE pour le détail*/
	border-top:1px dotted grey;
    margin: 0px auto;
	width:990px;
}

#mainSite #footer{
	display:none;
}


/****************************************************************************************
CORPS DU SITE ( #mainSite #body)
*****************************************************************************************/
#main{
	border-collapse:collapse;
	width:990px;
}

#centerSlot{
	background: white;
    vertical-align: top;
	padding:20px 10px 10px 10px;
	color:#7f7f7f;
	font-size:75%;

}

#leftSlot{
	background:#D1D1D1;
    vertical-align: top;
	padding:10px;
   	width:230px;
}

#rightSlot{
	background:white;
	border-left:1px dotted grey;
    vertical-align: top;
	padding: 60px 10px;
	width:170px;
	font-size:0.75em;
}


/****************************************************************************************
PORTLETS
*****************************************************************************************/

/* outils
*****************************************************************************************/
.portlet_tools{
	position:absolute;
}

.tools{
	width:193px;
	height:21px;
	position:relative;
	left:830px;
	top:10px;
	overflow:hidden;
}

.tools .print{ /* imprimer */
	display:block;
	float:left;
	height:22px;
	width:19px;
	background:url('/common/img/blog/icon_print.gif') no-repeat;
	margin-left:10px;
}

.tools .newsletter{ /* newsletter */
	display:block;
	float:left;
	height:22px;
	width:19px;
	background:url('/common/img/blog/icon_newsletter.gif') no-repeat center left;
	margin-left:10px;
}

.tools .fontIncrease{ /* police + */
	display:block;
	float:left;
	height:21px;
	width:19px;
	background:url('/common/img/blog/font_plus.gif') no-repeat;
	margin-left:10px;
}

.tools .fontDecrease{ /* police - */
	display:block;
	float:left;
	height:21px;
	width:19px;
	background:url('/common/img/blog/font_moin.gif') no-repeat;
	margin-left:10px;
}

.tools .readspeaker{ /* player readspeaker */
	display:none
}



/* actions
*****************************************************************************************/
#header .portlet_actions ul{
	margin-top:0px;
	font:normal 0.8em verdana;
}


/* entête du blog
*****************************************************************************************/

#header .portlet_blog_header a{
	color:white;
    display:block;
    height: 110px;
    font-size:3em;
    padding: 20px;
}



/* Outils du blog
*****************************************************************************************/
.portlet_blog_navigation .contactBlog{
	border-top:1px dotted gray;
	padding:5px 0;
	color:#A1C712;
	margin-top:15px
}

.contactBlog .contact_name{
	background:url(/common/img/blog/name.gif) no-repeat top left;
	display:block;
	height:23px;
	padding-left:30px;
	padding-top:5px
}

.contactBlog .contact_email{
	background:url(/common/img/blog/email.gif) no-repeat top left;
	display:block;
	height:23px;
	padding-left:30px;
	padding-top:5px
}

.contactBlog .contact_phone{
	background:url(/common/img/blog/tel.gif) no-repeat top left;
	display:block;
	height:23px;
	padding-left:30px;
	padding-top:5px
}

.portlet_blog_navigation .searchBlog{
	border-top:1px dotted gray;
	padding:15px 0;
}

.portlet_blog_navigation .last{
	border-top:1px dotted gray;
	padding:15px 0;
}

.portlet_blog_navigation .last ul{
	color:#A1C712;
	margin:10px 0 !important;
}

.portlet_blog_navigation .last ul a{
	color:#A1C712;
	text-decoration:none;
	font-weight:bold;
}

/* billets du blog
*****************************************************************************************/
.portlet_blog_content .billet{
	padding-bottom:20px;
	border-bottom:1px dotted gray;
}

.billet .author {
	display:none;
}