/* ////// GENERAL ET RESET ////// */

@import url(reset.css);

body{
	font-family: arial;
	color: black;
background-color: #F6F6F6;

}



#glob{
	width: 931px;
	margin: auto;
}


/* ////// HEADER ////// */

#header{
!overflow:hidden;
}

#top-header{
	width: 931px;
	height: 34px;
	margin: auto;
	background-image: url('images/bg-top-header.png');
background-repeat:no-repeat;
background-position: top center;
}

.liens-part-head ul{
 list-style-type:none;
padding:3px 0 0 10px;
 }
.liens-part-head li {
 margin-left:2px;
 }
.liens-part-head ul li a {
 display:block;
 float:left;   
 color:white;
 text-decoration:none;
 padding:5px;
 font-weight: bold;
 font-size: 12px;
 }

.liens-part-head ul li a:hover {
 color: #cff;
 }

.liens-abo-head{
	float: right;
	margin-right: 15px;
	margin-top: 1px;
	color: white;
}
.liens-abo-head a {
 color:white;
 text-decoration:none;
 font-weight: bold;
 font-size: 12px;
 }

.liens-abo-head a:hover {
 color: #ccffff;
 }

.liens-abo-head img{
	margin-bottom: -1px;
}

#head-info{
	width: 931px;
	margin: auto;
	float: left;
	background: #000;
	!overflow:hidden;
}

.logo{
	float: left;
	margin-left: 2px;
	margin-top: -5px;
}

.recherche{
	float: right;
	margin:40px 38px 0 0;
}

.recherche input[type=text]{
	background-image: url('images/champ-search.png');
	background-repeat: no-repeat;
	width: 247px;
	height: 21px;
	border: none;
	padding: 9px 0 0 10px;
	margin-right: 5px;
} 

.recherche input[type=submit]{
	background-image: url('images/bouton-search.png');
	background-repeat: no-repeat;
	border: none;
	height:30px;
	width:85px;
	padding: 12px 0 0 10px;

}

#nav{
	background-image: url('images/bg-nav.png');
	position:relative;
	margin-top: 100px;
	width: 931px;
	height: 31px;
!overflow:hidden;
!margin-top: auto;
}
#nav ul{
 list-style-type:none;
padding:4px 0 0 15px;
 }
#nav li {
 margin-left:2px;
 }
#nav ul li a {
 display:block;
 float:left;  
 color:#333;
 text-decoration:none;
 padding:5px 10px;
 font-weight: bold;
 font-size: 12px;
background: url('images/sep-nav.png') no-repeat;
background-position: center right;
 }

#nav ul li a:hover {
 color: #666666;
 }

/* ////// CONTENEUR ////// */


#conteneur{
	width: 931px;
	background: url('images/bg-conteneur.png');
	overflow:hidden;
}

#gauche{
	float: left;
	margin-left: 21px;
	margin-top: 15px;
}

#actu{
	background: url('images/bg-actu.png') no-repeat;
	width: 511px;
	padding: 45px 0px 0px 17px;
}

#actu img{
	float: left;
	border: #333 1px solid ;
	margin-right: 15px;
}

#search{
	background: transparent url(images/bg-articles.png) no-repeat scroll 0 0;
	width: 511px;
	padding: 6px 0px 0px 17px;
}

#search h4{
margin-bottom: 23px;
margin-left: -5px;
font-size: 15px;
	text-shadow:0 1px #e7f2ff;
	color: #05405b;
}

#search img{
	float: left;
	border: #333 1px solid ;
	margin-right: 15px;
}

#actumac{
	background: url('images/bg-actu-mac.png') no-repeat;
	width: 511px;
	padding: 45px 0px 0px 17px;
}

#actumac img{
	float: left;
	border: #333 1px solid ;
	margin-right: 15px;
}

.post-home{
	height: 75px;
	width: 475px;
	font-size: 13px;
}

.post-home a{
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

.post-home a:hover{
	color: #666666;
}

.post-home p{
	margin-top: 5px;
	line-height: 16px;
}

#droite{
	float: right;
	margin-right: 21px;
	margin-top: 15px;
}

#telechargement{
	background: url('images/bg-centre-dl.png') repeat-y;
	width: 361px;
	padding-top: 7px;
}

#top-articles{
	background: url('images/bg-centre-dl.png') repeat-y;
	width: 361px;
	padding-top: 7px;
}



#top-articles img{
	float: left;
	border: #333 1px solid ;
	margin-right: 15px;
}



.toppost {
font-size:13px;
height:75px;
margin-left:15px;
width:331px;
}

.toppost a{
	color: #000;
	text-decoration: none;
	font-size: 14px;
}

.toppost a:hover{
	color: #666666;
}

.toppost p{
	margin-top: 5px;
	line-height: 16px;
	text-align:justify;
}

.cat-dl img{
	float: left;
}

.cat-dl a{
	color: #246685;
	text-decoration: none;
	font-size: 14px;
}

.cat-dl a:hover{
color: #083c55;	
}

.cat-dl {
	padding-bottom: 15px;
	margin: 0px 10px 0px 10px;
}

.cat-dl p{
	font-size: 13px;
}

#top-dl{
	background: url('images/bg-top-dl.png') no-repeat;
	width: 361px;
	height: 37px;
}

#top-top{
	background: url('images/bg-top-top.png') no-repeat;
	width: 361px;
	height: 37px;
	margin-top:18px;
}

#top-toplog{
	background: url('images/bg-top-toplog.png') no-repeat;
	width: 361px;
	height: 37px;
	margin-top:18px;
}

#bottom-dl{
	background: url('images/bg-bottom-dl.png') no-repeat;
	width: 361px;
	height: 5px;
}

/* ///// BILLET ////// */

#billet{
	background: url('images/bg-articles.png') no-repeat;
	width: 511px;
}

#billet img{
	max-width: 491px;
}

.titre-billet {
	padding: 6px 0px 0px 10px;
}

.titre-billet h1{
	font-size: 12px;
	text-shadow:0 1px #e7f2ff;
}

.titre-billet a{
	color: #05405b;
	text-decoration: none;
}

.info-billet{
	font-size: 11px;
	color: #999999;
	float: right;
	margin: 10px 10px 0 0;
}

.info-billet a{
	text-decoration: none;
	font-weight: bold;
	color: #333;
}

.contenu-billet{
	width: 491px;
	margin: 20px 0px 10px 10px;
	text-align: justify;
	font-size: 13px;
}

.contenu-billet a{
	color: #055073;
	text-decoration: none;
	font-weight: bold;
}

.contenu-billet a:hover{
	color: #0285c2;
}

.contenu-billet p{
	margin: 0 0 15px 0;
	line-height: 16px;
}

.contenu-billet h1{
	font-size: 18px;
	margin: 10px 0 10px 0;
}

.contenu-billet h2{
	font-size: 19px;
	margin: 10px 0 10px 0;
}

.contenu-billet h3{
	font-size: 15px;
	margin: 10px 0 10px 0;
}

.contenu-billet h4{
	font-size: 10px;
	margin: 10px 0 10px 0;
}

.contenu-billet blockquote{
	background-color: #eee;
	padding: 15px 15px 1px 15px;
	border: #ccc 1px solid;
	font-family: georgia;
	font-style: italic;
	line-height: 19px;
}
.contenu-billet li{
list-style: circle;
margin: 5px;
margin-left: 30px;
}

#notfound{
padding-bottom:190px;}

/* ///// COMMENTAIRES ////// */

#commentaires{
	margin: 50px 0 0 0px;
		background: url('images/bg-articles.png') no-repeat;
}



.cadre_commentaires h3{
	font-size: 18px;
	color: #05405b;
	padding: 4px 0px 0px 10px;
	margin-bottom: 20px;
	text-shadow:0 1px #e7f2ff;
}

#champ-com h3{
	font-size: 18px;
	color: #05405b;
	padding: 5px 0px 10px 3px;
	margin-bottom: 20px;
	text-shadow:0 1px #e7f2ff;
}

.commentmetadata{
	margin: 10px 10px;
	width: 469px;
	padding: 10px;
	border: #eee 1px solid;
	font-size: 12px;
	line-height: 17px;
}

.auteur-com{
	color: #555;
	margin: 0 0 10px 0;
	font-size: 14px;
}

.auteur-com a{
	text-decoration: none;
	color: #046491;
}

.auteur-com a:hover{
	color: #333;
}

#champ-com{
	font-size: 13px;
}

#champ-com h3{
	margin: 20px 0 5px 10px;
	font-size: 16px;
}

#champ-com textarea{
	margin: 10px 10px;
	width: 469px;
	padding: 10px;
	border: #eee 1px solid;
	font-size: 14px;
	line-height: 17px;
}

#champ-com input[type=text]{
	margin: 10px 10px;
	width: 200px;
	padding: 4px;
	border: #eee 1px solid;
	font-size: 14px;
	font-weight: bold;
}

#champ-com input[type=submit]{
	margin: 10px 10px;
	width: 100px;
	padding: 4px;
	border: #eee 1px solid;
	font-size: 14px;
	font-weight: bold;
}

/* ///// PIED DE PAGE ////// */


#footer{
	background: url('images/bg-footer.png') no-repeat;
	margin: 0 0 0 0;
	padding: 9px 0 0 35px;
	height: 117px;
	font-size: 13px;
	line-height: 17px;
	color: #555;
}

#footer a{
	color: #555;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover{
	border-bottom: #555 1px dotted;
}