body {
	background-image: url("../img/fond_blog2.jpg");
	background-color:#000000;	/*---> #005CA0  http://wellstyled.com/tools/colorscheme2/index-en.html#*/
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-position:center;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	margin:50px 0px; padding:0px;
	text-align:center;
	}
/*effets sur les liens*/
a:hover {
	text-decoration:none;
	color:#CC6600
}
a:link {
color:#999966;
background:transparent;
}
a:visited {
color:#669999;
background:transparent;
}
a:active {
color:red;
background:transparent;
}

/*effets sur images et séparateurs*/
img {
	border:0;
}
hr {
	border:none;
	margin:0;
	visibility:hidden;
}

#global{
	width: 1000px;
	margin:0px auto;
	text-align:left;
	position:relative;
}
/*le menu */

.element_menu
	{
	padding:0;
	margin-bottom:10px;
	}

.element_menu a
{color: #FFFFFF;}

.element_menu a:hover
{
   background-color: #E6F2FF;
   color: black;
}
	
#menu_g,
#menu_d
{	
	width:200px;
	color:#999999 ;
	position: absolute;
}
#menu_g{left:0;}
#menu_d{right:0;}
/*effets sur les menus */
.menu_o h2
{  
	padding-top:10px;
	font-size:15px;
	text-align:center;
}
.menu_in li{
margin-bottom: 15px;
font-size:12px;
}

.menu_in li:hover{
 list-style-image: url("../img/bol.png");
 }
.mini li{
font-size:x-small;
}
 .menu_in p{
padding: 15px;
font-size:12px;
}
.menu_o
{
width: 200px;
height: 38px;
background: url(../../img/menu_o.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=scale src='../../img/menu_o.png');
}
.menu_in
{
width:180px;
padding:11px;
background: url(../../img/menu_in.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=scale src='../../img/menu_in.png');
}
.menu_bas
{
width:200px;
height:28px;
background: url(../../img/menu_bas.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=scale src='../../img/menu_bas.png');
}

/*corps de la page */
#corps
{
	width:600px;
	margin:0px auto;
	text-align:center;
	color:#FFF000;
}
.element_corps
{
	margin:10px;
}
/*menu de pagination*/
.pagination-box form {
	padding-top:5px;
	margin:0px;
}
.pagination-box select {
	margin:0px;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10px;
	background:#000000;
	color:#ffffff;
}
.pagination-box {
	font-size:10px;
	width:715px;
	height:49px;
	text-align:center;	
	color:#000000;
	background: url(../../img/navig_bleu2.png) !important; 
	background-image:url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=scale src='../../img/navig_bleu2.png');
}
.pagination-box p{
padding-top:5px;
padding-left:35px;
padding-right:35px;

}
div.pagination {
    font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 3px;
    margin: 3px
}
div.pagination a {
   
    border: 1px solid #9aafe5;
    color: #191970;
    margin: 1px;
    padding: 2px 5px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #9aafe5;
    border: 1px solid #9aafe5;
    color: #fff;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.courante {
    background-color: #000033;
    border: 1px solid #90cc12;
    color: #ffd700;
    font-weight: bold;
    margin: 1px;
    padding: 2px 5px
}
div.pagination span.desactive {
    
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 5px
}

/*posts*/
.article-box {
	border:1px solid #191970 ;
	background-color:#000033;
	width:700px;
	margin-bottom:20px;
	overflow:auto;
	opacity: 0.9;
	-moz-opacity:0.9;
	filter:alpha(opacity=90);
}
.article-top-bottom {
	text-align:center;
	background-color:#000033 ;
	color:#FFFFFF;
	padding:2px 0px 2px 10px;
}
.article-body {
	padding:10px 30px;
	color:blue;
}
.article-body p {
	margin: 2px 2px 10px 2px;
}
.article-body a {
	color:blue;
}
.article-body img {
/*commentaires*/
	float:left;
	margin-right:2px;
	margin-bottom:2px;
}
.article-body img:hover {width:640px} /* agrandi les images lors du survol */
.commentaire {
	text-align:center;
	padding:5px 5px;
	color:#ffffff;
	clear:both;
}
.commentaire a {
	color:#ffd700;
}
/* ------------------ AFFICHAGE COMMENTAIRES ---------------------- */
#comments {
border:4px solid #191970;
margin-bottom:30px;
}
#comments li {
background:#000033;
font-size:0.9em;
list-style-type:none;
margin-left:0;
padding:5px 10px 10px;
}
#comments li p.commentTime {
font-size:0.9em;
margin:0 5px 5px;
text-align:right;
color:#fff;
}

#comments li .comment {
background:#fff;
border:2px solid #a0a0a0;
float:right;
padding:0 10px 10px;
width:530px;
}
#comments li .author {
clear:both;
float:left;
height:60px;
text-align:center;
width:70px;
}
#comments li .author,#commentlist li .author a {
color:#ffd700;
font-size:0.9em;
font-weight:700;
}
.clear {
clear:both;
height:0;
}
#noel{
float: center;
}
#noel a {
	display: block;
	outline: none;
}
#noel span {
	display: none;
	position: absolute;
}
#noel .nwel { width: 600px;height: 100px;background: url(../img/an-nou-chante-nwel1.png) no-repeat; }
#noel .nwel:hover{ width: 600px;height: 100px;background: url(../img/an-nou-chante-nwel.png) no-repeat;}