@import url(../../rsc/forms.css);	/* Import default form styles */

body {
margin: 0;
background: #aa8d6b;
color: #000;
padding-bottom:10px;
font: 11px/1.6em "Lucida Grande", LucidaGrande, Lucida, 'Trebuchet MS', Helvetica, Arial, sans-serif;

}

img {
	border-style: none;
}

#pagewrapper {
background: #fff;	
display: block;
width: 770px;
margin: 0 auto;
}

#page {
background: #fff;
}

#content {
	float: left;
	padding: 0;
	background: #fff;
	width: 770px;
}

#header {
	height: 105px;
	margin: 0;
	padding: 0;
	background-color: #fff; 
	background-image: url(img/header_bg.jpg);
	background-repeat: no-repeat;	
}

#header a.retour {
	float: right;
	margin-top: 80px;
	padding: 0;
	border-style: none;
	margin-right: 10px;
	text-decoration: none;	
}

#header a.retour:hover {
	text-decoration: underline;	
}

#header img {
	padding: 0 10px;
	margin: 0;
	display: block;
	border-style: none;
}
#header h1 {
 font-size: 140%;
 color: #000;
 display: block;
 text-align: left;
 padding: 0 0 0 0;
 margin: -70px 0 0 180px;
}

#header h2 {
 display: block;
 text-align: left;
font-weight: bold;
	color: #1860AC;
	margin: 0 0 0 180px;
	font-size: 130%;
}

#header h3 {
 display: block;
 text-align: left;
	font-weight: normal;
	color: #1860AC;
	margin: 0 0 0 180px;
	font-size: 130%;
}
h2 {
  margin-bottom: 4px;
	font-size: 1.2em;
	color: #1860AC;
	margin-left: 0;
}

.infos h3 {
  font-size: smaller;
	text-align: right;
}

a { color: #1860AC;
  background-color: transparent;
	}
a:link {
	color: #1860AC;
}
a:visited {
	color: #1860AC;
}
a:hover {
  color: #1860AC;
	text-decoration: underline;
}


#main {
float: left;
width: 495px;
padding: 0 0px 50px 40px;
}

.mainTitle {
	color: #e0831f;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px dotted #e0831f;
	padding-left: 10px;
	padding-bottom: 3px;
}

#main .infos
{
	text-align: right;
}

.infos h3, .infos h4
{
	display: inline;
}

.bPost {
  padding: 0px 10px 10px;
/*  -moz-border-radius: 20px; */;
	margin-top: 0;
}

div.title {
}

div.title a {
	text-decoration: underline;
}

p.date {
	margin: 0;
	padding: 0;
	float: right;
}

.bComment {
padding: 0px 10px 10px;
margin-top: 0;
border-bottom: 1px solid #e0831f;
background: #f9e9d8;
}

.articleTitle {
	color: #000;
}

.article {
}

#main a {
  color: #1860AC;
/*  background-color: black; */
  font-weight: bold;
  text-decoration: none;
  }
#main a:hover {
  background-color: white;
  color: #1860AC;
	text-decoration: underline;
}
#main a[hreflang]:after {
  color: silver;
  font-weight: bold;
  content: "\0000a0[" attr(hreflang) "]";
}
#main q {
  quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
  font-style: italic;
  }

#contentcomments {

}

#commentLeave {
}
  
div.interaction {
  text-align: right;

}
div.interaction a {
padding: 3px;
	color: #000000;
}



div.storyTitle {
  margin-top: 2em;
  }

div.contenuinteraction {
  border-bottom: 1px dotted #e0831f;
}

#menu {
	color: black;
	width: 200px;
	float: right;
	padding-right: 0;
}

/* Again, "be nice to Opera 5". */
body>#menu {
	width: 200px;
}

#menu a {
	color: black;
	background-color: transparent; 
	text-decoration: none;
}

#menu a:hover {

  }

#menu h4 {
	margin: 12px 0px 4px 0px;
	font-size: 12px;
	color:#e0831f;
}

#menu ul {
	padding-left: 0px; 
	margin-left: 1ex; 
}
#menu li {
	list-style: none;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;

}

#prelude
{
	margin-left: 1em;
}

.infos h4 a:before
{
	content: ' ( ';
	color: #e0831f;
}

.infos h4 a:after
{
	content: ' ) ';
	color: #e0831f;
}

#description {
	background-image: url(img/menu_desc_bg.gif);
}

#description p {
  	margin: 4px 4px 4px 12px;
}

#description h4 {
  	margin: 12px 4px 4px 12px;
  	padding-top: 0.3em;
  	font-size: 12px;
     color: #e0831f;
}

#description ul {
	margin: 0 0 0 5px;
	padding: 0;
}

#description li {
	list-style: none;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;	
	border-top: 1px solid #e0831f;
}

#description li a {
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-indent: 1px;
	background-image: url(img/bullet_li_light.gif);
	background-repeat: no-repeat;
	background-position: left;		
}

#description li a:hover {
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;	
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-indent: 1px;
	background-image: url(img/bullet_li_light.gif);
	background-repeat: no-repeat;
	background-position: left;		
}

#description li div.selected a {
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;	
	border-bottom: 1px solid #e0831f;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-indent: 1px;	
}

#description .descriptionEnd {
	background-image: url(img/menu_desc_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	margin: 0;
	padding: 0;
}

#blogList {
	background-image: url(img/menu_bloglist_bg.gif);
}

#blogList h4 {
  	margin: 12px 0px 4px 12px;
  	padding-top: 0.3em;
  	font-size: 12px;
  	color: #1860AC;
}

#blogList ul {
	margin: 0 0 0 6px;
	padding-left: 0.3em;	
}

#blogList li, #blogList li a, #blogList li a:hover {
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

#blogList li {
	border-bottom:  1px solid #b4d7fb;
}

#blogList li a {
  	color: #1860AC;
	text-decoration: none;
}

#blogList li a:hover {
  	color: #000;
	text-decoration: none;
	text-indent: 1px;	
}


#blogList .blogListEnd {
	background-image: url(img/menu_bloglist_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	margin: 0;
	padding: 0;
}

#categories {
	background-image: url(img/menu_cat_bg.gif);
}

#categories a span.all {
	color: #fff;
}

#categories a:hover span.all {
	color: #000;
}

#categories h4 {
  	margin: 12px 0px 4px 12px;
  	padding-top: 0.3em;
  	font-size: 12px;
  	color:#fff;
}

#categories ul {
	margin: 0 0 0 6px;
	padding: 0;
}

#categories li, #categories li a, #categories li a:hover, #categories li div.selected a {
	list-style: none;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;	
}

#categories li {
	border-top: 1px solid #99CC66;
}

#categories li a, #categories li a:hover, #categories li div.selected a  {
	padding-left: 0.8em;
	text-decoration: none;
	font-weight: bold;
	text-indent: 1px;
	background-image: url(img/bullet_li_white.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

#categories li a {
	color: #fff;
	background-image: url(img/bullet_li_white.gif);
	background-repeat: no-repeat;
	background-position: left;	
}

#categories li a:hover, #categories li div.selected a {
	color: #000;
	background-image: url(img/bullet_li_green.gif);
	background-repeat: no-repeat;
	background-position: left;			
}

#categories .categorieEnd {
	background-image: url(img/menu_cat_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	margin: 0;
	padding: 0;
}

div.selected {
	background-image: url(img/bullet_li_green.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#comments {
  	margin: 12px 0 12px 0;
}

#comments p {
  	margin: 4px 4px 4px 12px;
}

#comments h4 {
  	margin: 12px 4px 4px 12px;
  	padding-top: 0.3em;
  	font-size: 12px;
     color:#e0831f;
}

#comments ul {
	margin: 0 0 0 5px;
	padding: 0;
}

#comments li {
	list-style: none;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;	
}

#comments li a {
	list-style: none;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;
	color: #1860AC;
	text-decoration: none;
	font-weight: bold;
	text-indent: 1px;	
}

#comments li a:hover {
	list-style: none;
	line-height: 1.3em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.8em;	
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-indent: 1px;	
}

#comments .commentsEnd {
	background-image: url(img/menu_desc_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 8px;
	margin: 0;
	padding: 0;
}

fieldset
{
	border-style: none;
	margin: 0;
	padding: 0;	
}

.contenucomment label
{
	width: 9.1em;
	float: left;
	font-weight: bold;
	margin-left: 1em;
}

.contenucomment input, .contenucomment textarea
{
	margin-left: 1em;
	width: 20em;
}

.fincomment
{
	margin-left: 11em;
	margin-top: 1em;	
}
form
{
	margin: 0ex;
	padding: 0ex;
}
img.logo
{
	padding: 2px;
	border: none;
	vertical-align: middle;
}
.baseline
{
	border-top: 1px solid #FFFFFF;
	margin: 2ex;
}
/* Styles for comment form */

input.bComment, 
textarea.bComment
{
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 98%;
	margin: 0ex;
}
select.bComment
{
	background-color: #f0f0f0;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: .5ex;
	width: 100%;
	margin: 0ex;
}
fieldset .notes
{
	/* display: block; */
	font-size: 80%;
	color: #999999;
}

/*<group=Footer>*/

#footer {
	background-color: #fff;
	background-image: url(img/footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 10px;
	padding-top: 60px;	
	padding-bottom: 7px;
	float: left;
	width: 760px;
}

.logo {
	border-style: none;
}

#footerNav {
	float: right;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(img/footer_nav.gif);
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
}

#footerNav ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#footerNav ul li {
margin: 0;
display: block;
list-style: none;
float: left;
padding: 0 10px 1px 3px;
}

#footerNav ul li a {
color: #1860AC;
text-decoration: none;
}

#footerNav ul li a:hover {
color: #000;
text-decoration: none;
}	
/*</group>*/