/* viewport integration */

#viewport-outter1 {
	background: transparent url(viewport-outter1.gif) no-repeat left top;
}
#viewport-outter2 {
	background: transparent url(viewport-outter2.gif) no-repeat right top;
	_text-align: center;
}

#viewport-inner {
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 1005px;
	_text-align: left;

	background: transparent url(faux-columns.gif) repeat-y right top;
	color: #4e4c4d;
	font-size: 85%; /* 11px */
}

#page-header {
	position: relative;
	height: 99px;
	width: 1005px;
	overflow: hidden;
	background: transparent url(header.png) no-repeat left top;
}
#page-header h1 {
	text-indent: -999em;
}
#page-header h1 a {
	display: block;
	height: 99px;
}

#page-header p {
	position: absolute;
	left: 254px;
	top: 81px;
	color: white;
	font-size: 10px;
}
#page-header a {
	color: white;
	text-decoration: none;
}



/*** 3-1-2 layout ***/

#page-center-wrap {
	float: left;
	width: 100%;
	_overflow-x: hidden;
}
#page-center {
	margin: 0 193px 0 188px;
	padding: 30px 22px 22px 22px;
	_zoom: 1;
	_margin: 0 196px 0 191px;
	_width: 574px;
}
#page-right-wrap {
	background: transparent url(right-bg.png) no-repeat left top;
	float: left;
	width: 193px;
	margin-left: -193px;
	_overflow-x: hidden;
}
#page-right {
	margin: 0 3px 0 1px;
	_overflow-x: hidden;
}


#page-left-wrap {
	float: left;
	margin-left: -100%;
	width: 188px;

	padding: 334px 0 0 0;
	background: transparent url(left-bg.png) no-repeat left top;

	_margin-left: -1005px;
	_overflow-x: hidden;
}
#page-left {
	margin: 0 3px 0 22px;
	_overflow-x: hidden;
}


#page-footer {
	clear: both;
	*position: relative;
}

.site-footer {
	background: white;
	text-align: center;
	padding: 5px 0 10px 0;
	border-top: 1px solid #dfdfdf;
	font-size: 11px;
	color: #4e4c4d;
}
.site-footer a,
.site-footer a:active,
.site-footer a:hover,
.site-footer a:visited {
	color: #4e4c4d;
	text-decoration: none;
}
.site-footer a:hover {
	text-decoration: underline;
}

/*** Titres ***/

#viewport-inner h1, 
#viewport-inner h2, 
#viewport-inner h3, 
#viewport-inner h4, 
#viewport-inner h5, 
#viewport-inner h6 {
	color: #d20502;
	margin: 0;
}


#page-right h1, 
#page-right h2, 
#page-right h3, 
#page-right h4, 
#page-right h5, 
#page-right h6 {
	color: #d20502;
	font-size: 11px;
	text-transform: uppercase;
	border-top: 2px solid #4e4c4d;
	margin: 0;
	padding: 5px 0 5px 19px;
	background: transparent url(right-puce-titre.gif) no-repeat left top;
	width: 192px;
	height: 25px;
	line-height: 26x;
}
#page-right .csc-header-n1 h1, 
#page-right .csc-header-n1 h2, 
#page-right .csc-header-n1 h3, 
#page-right .csc-header-n1 h4, 
#page-right .csc-header-n1 h5, 
#page-right .csc-header-n1 h6 {
	border-top: none;
}
#page-right ul {
	margin: 0 0 10px 20px;
}
#page-right li {
	list-style-type: square;
/*	line-height: 1.65em;*/
	padding-bottom: 5px;
}
#page-right li a {
	color: #4e4c4d;
	text-decoration: none;
}
#page-right li a:hover {
	text-decoration: underline;
}


#page-left h1, 
#page-left h2, 
#page-left h3, 
#page-left h4, 
#page-left h5, 
#page-left h6 {
	color: #d20502;
	font-size: 11px;
	text-transform: uppercase;
	border-top: 2px solid #4e4c4d;
	margin: 0;
	padding: 5px 0 5px 0;
}
#page-left .csc-header-n1 h1, 
#page-left .csc-header-n1 h2, 
#page-left .csc-header-n1 h3, 
#page-left .csc-header-n1 h4, 
#page-left .csc-header-n1 h5, 
#page-left .csc-header-n1 h6 {
	border-top: none;
}
#page-left a {
	color: #4e4c4d;
	text-decoration: none;
}

#viewport-inner h1 {
	font-size: 100%;
}

#viewport-inner h2 {
	font-size: 150%;
}

#page-content .csc-textpicHeader h1,
#page-content .csc-header h1,
#mainPost h1 {
	color: #4e4c4d;
	font-weight: bold;
	font-size: 110%;
}

#page-center .tx-comments-comment-name a,
#page-center .tx-comments-comment-name a:active,
#page-center .tx-comments-comment-name a:hover,
#page-center .tx-comments-comment-name a:visited {
	color: #858F98;
	text-decoration: none;
}

#page-center h2.category-title {
	color: #858F98;
	font-size: 100%;
	text-transform: uppercase;
/*	border-bottom: 1px #858F98 dotted;*/
	padding-bottom: 10px;
	background: transparent url(main-sep.gif) repeat-x left bottom;
}


/***  ***/

#post-title a,
#post-title a:active,
#post-title a:hover,
#post-title a:visited {
	color: #d20502;
	text-decoration: none;
}

#mainPost .contents {
	margin-top: 1em;
}

#page-lastUpdated {
	float: left;
}
#page-categories {
}

#page-abstract {
	clear: left;
}

#page-content {
	margin-top: 1em;
}

#page-content a.internal-link {
	color: #000000;
	font-weight: bold;
}

.pubDate,
.categories,
.categories a,
.categories a:active,
.categories a:hover,
.categories a:visited {
	color: #858f98;
	text-decoration: none;
}

.categories a:hover {
	text-decoration: underline;
}

/*** outils des billets ***/

#mainPostActions, 
#mainPostActions ul,
#mainPostActions li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#mainPostActions li {
	float: left;
	/*width: 120px;*/
	padding: 0 40px 0 3px;
}
#mainPostActions:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
#mainPostActions {
	padding: 7px 0 10px 0;
	background: transparent url(main-sep.gif) no-repeat left top;
	*zoom:1;
}

#mainPostActions a {
	display: block;
	color: #858f98;
	font-weight: bold;
	text-decoration: none;
}
#mainPostActions a:hover {
	text-decoration: underline;
}

#mainPostActions li.print a {
	background: transparent url(print.gif) no-repeat left top;
	padding: 0 0 0 20px;
	line-height: 20px;
}
#mainPostActions li.sendtofriend a {
	background: transparent url(sendtofriend.gif) no-repeat left top;
	padding: 0 0 0 20px;
	line-height: 20px;
}
#mainPostActions li.addcomment a {
	background: transparent url(addcomment.gif) no-repeat left top;
	padding: 0 0 0 20px;
	line-height: 20px;
}
#mainPostActions li.viewcomments a {
	background: transparent url(viewcomments.gif) no-repeat left top;
	padding: 0 0 0 20px;
	line-height: 20px;
}



#allOtherPosts {
	border-top: 2px solid #4e4c4d;
	margin: 0.8em 0 0 0;
	padding: 0.8em 0 0 0;
}


#otherPosts {
	width: 60%;
	float: left;
}
#page-border {
	width: 30%;
	float: right;
}
#allOtherPosts:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
#allOtherPosts { *zoom:1; }

.listPostsItem {
  background:transparent url(main-sep.gif) no-repeat scroll left bottom;
	padding: 0 0 0.4em 0;
	margin: 0 0 0.6em 0;
}
.listPostsItem p {
	margin: 0 0 0.6em 0;
}
.listPostsItem h3 a {
	color: #d20502;
	text-decoration: none;
}
.listPostsItem .abstract a {
  color: #4e4c4d;
  text-decoration: none;
}



/*** flux externes ***/
#page-border h3 {
  margin: 7px 0 0 0;
}
#page-border .csc-header-n1 h3 {
  margin: 0;
}

#twrss_table {
  margin: 3px 0 0 0;
  background:transparent url(main-sep.gif) no-repeat scroll left top;
  padding: 3px 0 0 0;
}
#twrss_table a {
  color: #4e4c4d;
  text-decoration: none;
}
#twrss_table a:hover {
  color: #4e4c4d;
  text-decoration: underline;
}

#twrss_table .twrss_bodytext {
	padding-bottom: 7px;
}

.twrss_head{
	font-weight: bold;
}

.twrss_head_channel{
	font-weight: bold; 
}

.twrss_imagefile{
  float: left;
	margin: 0 10px 0 10px;
}

.twrss_bodytext{
}


.twrss_channel_description{
	font-weight: bold;
}

#twrss_table .twrss_item_content{
}






/*** Formulaires ***/

form {
	margin: 0 0 2em 0;
}
form .caption {
	text-align: center;
}
form .error {
	color: red;
	font-weight: bold;
	text-align: center;
}

form p {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
form div {
	clear: left;
	margin: 0;
	padding: 0.5em 0;
}

form div label,
form div .label {
	float: left;
	width: 25%;
	text-align: right;
	margin-right: 0.2em;
	min-height: 1.75em;
	line-height: 1.75em;
}

form div p label,
form div p .label {
	float: none;
	width: 72%;
	text-align: left;
	margin: 0 0 0 0.2em;
	min-height: 0;
	line-height: 1.5em;
}

form div p input.text,
form div p input.smalltext,
form div p textarea {
	display: inline;
	float: none;
}

form div input.text {
	display: block;
	float: left;
	width: 72%;
}
form div input.smalltext {
	display: block;
	float: left;
	width: 36%;
}
form div textarea {
	display: block;
	float: left;
	width: 72%;
}
form div p {
	display: block;
	float: left;
	width: 72%;
}


form div.submit {
	padding-left: 26%;
}
form input.submit {
	min-width: 25%;
	text-align: center;
}


/*** Commentaires ***/
.tx-comments-comments {
	margin: 1.5em 0;
}






/**** liens commerciaux************/
.csc-frame-frame2 {
	background: url(liens.gif) repeat-y top left;
	padding: 10px;
}

#page-center #mainPost .csc-frame-frame2 .csc-header h1 {
	color: #d20502;
	font-size: 12px;
	font-weight: bold;
	}

.csc-frame-frame2 p,
.csc-frame-frame2 a:link,
.csc-frame-frame2 a:hover,
.csc-frame-frame2 a:visited {
	color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}