/* HTML Elements */

* {
	margin:0;
	padding:0;
	}
	
*:focus { 
	outline: none;
	}
	
body,html {
	min-height:101%;
	}
	p {padding:3px;}
body
{
margin: 0px auto 0px;
padding:0;
	background: #DDDDDD;
	color: #404040;
	font-size: 13px/1.22;
	font-family: arial,helvetica,clean,sans-serif;
}
body, select, input, textarea {
	font: 100% Arial, Verdana, Sans-Serif;
	}

label {
	margin:12px 0 0 0;
	display:block
	}
	
a img {
	border:none
	}

table {
	display: table;
	margin:13px 0;
	width:100%;
	border-collapse:collapse;
	}	

th {
	background:#e4e4e4;
	text-align:left;
	width:35%
	}

th, td {
	border-bottom:1px solid #FFF;
	padding:4px 7px;
	}
	
td {
	background:#f2f2f2;
	width:65%;
	}		
			
hr {
	margin:22px 0;
	background:#eae9e4;
	color:#eae9e4;
	height:1px;
	border:0;
	display: block;
	}	
small {
	font-size: 0.95em;
	background:#eef5e1;
	padding:3px 6px;
	}
ul
{
margin:0;
padding:0;
}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
h1
{
color:#fff;
float:right;
font-weight:bold;
}
h3 {
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	color:#faa739;
	margin:3px 0 5px 0;
	line-height:110%;
	font-weight:bold
	}

/************************************************
*	Hyperlinks									*
************************************************/

a {
	color: #003399;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
.left {
	float:left;
	}

.right {
	float:right;
	}
#page, #header
{
margin: 0px auto 0px;
padding:5px;
width:1000px;
background: #FFFFFF;
border: 1px solid #C0C0C0;
}
#header
{
padding:10px;
}


/*Top Navbar */

#navbar {
	background:#244665;
	border-top:1px solid #747474;
	padding:3px 12px 0 12px;
	font-size:0.7em;
	}
	
#nav {
	font-size:1.1em;
	width:750px;
	}
	
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav li {
	float: left;
	list-style:none;
	margin-right:10px;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:6px 12px 10px 12px;
	background:url(images/pipe.gif) right no-repeat
	}

#nav a:hover, #nav a:active {
	background:#33668d;
	text-decoration:none
	}	

#nav .current-cat a, #nav .current-cat a:visited  {
	background:#2b577a url(images/arrow.gif) no-repeat center 22px;
	}


		
/* Dropdown Menus */		
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 174px;
	}

#nav li li {
	width: 172px;
	background: #02547d;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	background:#02547d;
	}

#nav li li a:hover, #nav li li a:active {
	background:#01324e;
	}	
		
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

a.main:hover
{	background:none;
	}

#nav li li.current-cat a, #nav li li.current-cat a:visited,
#nav .current-cat .children a, #nav .current-cat .children a:visited
  {
	background:#919191;
	}

#nav li li.current-cat a:hover, #nav li li.current-cat a:active,
#nav .current-cat .children a:hover, #nav .current-cat .children a:active {
	background:#01324e;
	}	
#content
{
float:left;
width:660px;
padding:10px;
}
div.rub li
{
font-size:0.8em;
padding-bottom:5px;
}
.thumb
{
width:100px;
float:left;
margin-right:10px;
margin-bottom:5px;
padding-top:5px;
}
#sideright
{
float:right;
width:300px;
padding:10px;
}
#sideright div
{
margin-bottom:10px;
}
#lastnews li, #topnews li
{
	padding:5px 0 0 10px;
	border-bottom:1px solid #ececec;
	background:url('images/arrow-li.gif') no-repeat center left;
	font-size:0.75em;
}
#cloud li
{
display:inline;
}
#news
{
line-height:22px;
font-size:90%;
color:#404040;
}
#news img#prov
{
max-width:200px;
float:right;
}
#news p#sum
{
font-weight:bold;
line-height:20px;
font-size:120%;
}
#news p img.thumbnail
{
float:right;
max-width:200px;
max-height:150px;
margin:5px;
/*border-top:2px solid #333333;
border-bottom:1px solid #404040;*/
}
#news h3
{
font-size:200%;
color:#404040;
line-height:34px;
font-weight:normal;
}
span#entete
{
font-size:0.8em;
color:#c0c0c0;
}
span#entete a
{
color:#c0c0c0;
}
#news p
{
padding-top:10px;
}
#upper {
	background: #2b577a ;
	padding:14px 19px 15px 0;
	font-size:0.7em;
	}
	
#recent {
	width:320px;
	background: url(images/bg_recent.jpg) no-repeat top right;
	float:right;
	padding:13px 15px 8px 15px;
	}

#recent ul {
	margin-top:-5px;
	}
	
#recent li {
	border-bottom:1px solid #6d85a0;
	list-style:none;
	padding:7px 0 7px 15px;
	background:url(images/icon_page_home.gif) no-repeat 0 9px;
	}

#recent a, #recent a:visited {
	color:#ecf7ef;
	font-weight:bold;
	font-size:1em;
	}
	
	#lead h3 {
	font-size:1.9em;
	margin:0;
	padding-right:17px;
	line-height:100%;
	}
			
#recent h3 {
	margin: 0 0 5px 0;
	color:#404040;
	font: 1.4em Arial, Helvetica, sans-serif;
	font-weight:bold
	}
	
#lead {
	background:#244665;
	color:#f1f5f8;
	width:570px;
	padding:18px;
	float:left;
	font-size:0.95em;
	}


#lead .left {
	width:198px;
	}

#lead .right {
	width:368px;
	}
		
#lead a, #lead a:visited {
	color:#b7b7b7;
	}

#lead img {
	border:1px solid #132b3f;
	padding:1px;
	}

#lead .date, .date {
	color:#a7b5bd;
	/*margin-bottom:-15px;*/
	padding:4px 0;
	}
span.date{font-size:0.7em;font-weight:bold;}
#lead p {
	margin:15px 0;
	line-height:140%;
	}
	
#fullstory {
	width:103px;
	height:20px;
	background:url(images/fullstory.png);
	display:block;
	text-indent:-9999px;
	margin-top:10px;
	float:right;
	}

#fullstory:hover {
	background:url(images/fullstory.png) 0 -20px;
	}
	
#lead img	{
	float:left;
	margin:1px 16px 6px 0;
	}


#lead .left {
	width:165px;
	}

#lead div.right {
	width:344px;
	}
	
	#breadcrumbs {
	background:#2b577a;
	padding:6px 0 6px 78px;
	color:#c0c0c0;
	background: #2b577a url(images/bg_upper_nohome.jpg) bottom repeat-x;
	font-size:0.7em;
		}	

#breadcrumbs a, #breadcrumbs a:visited {
	color:#c0c0c0;
	font-weight:bold
	}
.rubrique, #cloud {
	background:#edf7ff;
	border-bottom:1px solid #bfdfef;
	border-top:1px solid #bfdfef;
	padding:13px;
	
	}
.rubrique a, .rubrique a:visited {
	color:#4d6984;
	font-weight:bold
	}	

.rubriquenext
{
font-size:80%;
margin-top:5px;
padding-bottom:5px;
height:90px;
border-bottom:1px solid #c0c0c0;
overflow:hidden;
}
.rubriquenext h3
{
font-size:100%;
margin-top:5px;
}
.rubriquenext img
{
width:80px;
height:80px;
}

	/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
.commentcount {
	background:url(images/bubble.gif) no-repeat 1px;
	padding-left:17px;
	margin: 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
.bigger {
	font-size:1.3em;
	}
#lead .commentcount{
	background:url(images/bubble2.gif) no-repeat 1px;
	font-size:0.6em;
	}

/* Form Elements */

#searchform {
	width:194px;
	float:right;
	text-align:right;
	padding-top:2px;	
	}
	
select {
	background:#edf7ff;
	border:1px solid #3399cc;
	width:100%
	}

#s {
	background:#a6a6a6;
	border:none;
	padding:2px;
	width:129px;
	}

#submit {
	border:1px solid #000;
	background: #1a5d80 url(images/bg_button.gif) repeat-x;
	margin-top:12px;
	color:#a4e1ff;
	padding:3px;
	display:block
	}
.pagenavi
{
padding:5px;
}
.pagenavi a, .pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
p#rel
{
float:left;
width:65%;
padding-right:5px;
}
ul#reltag li
{
float: left;
padding:3px;
font-weight:bold;
font-size:11px;
}