/* this sets the over-all font size ratio and family and sets the entire page to be centered */
body {
	font:80% Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	background-color:#023566;
	background-image:url('../bgBlog.jpg');
	background-repeat:repeat-x;
}
ul {
	margin:0;
	padding:.5em 0 .5em 1.5em;
}
ol {
	padding:.5em 0 .5em 1.5em;
}
li {
	margin:0;
	padding-bottom:.5em;
	line-height:1.25em;
}
a, a:hover, a:visited {
  text-decoration:none;   
}
/* Ajout EKO */
.rien a, a:hover, a:visited {
  text-decoration:none; 
  /*color:#000000; */
}
/* Fin Ajout EKO */
/* this controls the styling for the div that contains everything and creates the fixed width for the entire page */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	text-align:left;
}
/* ------------------------the following styles control the breadcrumbs on the sub pages ------------------------------------------------------------------------ */
/* this controls the look of the text inside the breadcrumb */
.breadcrumb p {
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
}
/* this over-rides the color and the underline for the links in the breadcrumb */
.breadcrumb a {
	font-size:.9em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0000CC;
	text-decoration:none;
}
/* this controls the hover behavior for the links in the breadcrumb */
.breadcrumb a:hover {
	text-decoration:underline;
}
/* ------------------------the following styles control the banner --------------------------------------------------------------------------------------- */
/* this sets the color, width and height of the banner */
#banner {
	background-color:#023566;
	/*padding:5px 5px 5px 10px;*/
	/*width:100%;*/
	/*height:45px;*/
}
/* this controls the name in the banner */
#banner h1 {
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	padding:0;
	margin:0;
}
/* this controls the description and links in the banner */
#banner p {
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#FFFFFF;
	padding:0;
	margin:0;
	line-height:1.5em;
}
/* this gets rid of the underline on the links in the banner and controls the spacing between the links */
#banner h1 a {
	text-decoration:none;
	font-weight:bold;
	color:white;
}
/* ------------------------the following styles control the page content area ----------------------------------------------------------------------------------- */
/* for good measure, this sets the background color of the entire content area */
#content {
	background-color:#FFFFFF;
	clear:both;
}
/* ------------------------the following styles control the side navigation ------------------------------------------------------------------------------------ */
/* this sets the color, width, height and position of the side navigation */
#sidenavigation {
	background-color:white;
	float:left;
	//width:220px;
	font-size:.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	//clear:
}
/* this controls the positioning of the page navigation menu in the side navigation */
#pagenavigation {
	margin-top:10px;
	padding:0;
}
/* this controls the styling of the list used to render the page navigation menu */
#pagenavigation li {
	list-style:none;
	margin:5px 0 5px 0;
	padding:5px 5px 5px 10px;
	width:100%;
}
/* this gets rid of the underline and sets the color for the links in the list used to render the page navigation menu */
#pagenavigation li a {
	text-decoration:none;
	//color:#000000;
}
/* this sets the style for the selected page in the page navigation menu */
.selected {
	text-decoration:none;
	font-weight:regular;
	//color:#000000;
	background-color:#FFFFFF;
}
/* this controls the hover behavior on the entries in the page navigation menu */
#pagenavigation li a:hover {
	text-decoration:underline
}
/* this enables tabbing between the entries in the page navigation menu */
#pagenavigation li a:focus {
	text-decoration:underline
}
/* ------------------------the following styles control the page title/component title header ----------------------------------------------------------------------- */
/* this control the placement of the page header */
.componentheader {
	background-color:#FFFFFF;
	float:left;
	margin:10px 0 0 20px;
	padding:0;
	width:820px;
}
/* this sets the style for the page title (for example "Team Blog" */
.componentheader h2 {
	color:#000000;
	float:left;
	margin:0 5px 0 0;
	font-size:1.5em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}
/* this over-rides the color and underline on the links in the page header */
.componentheader h2 a {
	text-decoration:none;
	color:#000000;
}
/* this enables the description of the page to be close to the bottom of the page title */
.componentheader p {
	margin:0;padding-top:3px
}
/* this positions the atom button in the page title */
.atom {
	padding-top:2px;
	padding-left:5px;
}
/* this sets the title for the action links following the page title and the atom button */
.commands a, .commands a:hover, .commands a:visited {
	color:#31BBE9;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* ------------------------the following styles control the main content areas of the component -------------------------------------------------------------------- */
/* this sets the postion and creates the right side border for the first column of page content */
.maincontent {
	background-color:#FFFFFF;
	float:left;
  //width:780px;
}
/* this sets the style for the page description */
.pagedescription {
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* this creates the bottom rule of each docpost */
.docbody {
	padding-bottom:10px;
	text-align:justify;
}
/* this controls the hover behavior for the doc header */
.docbody a:hover {
	text-decoration:underline;
}
/* this enables tabbing to the doc header */
.docbody a:focus {
	text-decoration:underline;
}
.name{
	color:#4477bb;
	text-decoration:none;
	font-size:0.8em;
	padding:0;
	margin:0;
}
/* this sets the style for the author/owner name of each docpost */
.name a {
	color:#006600;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this sets the style for the last modified time of each docpost */
.time a {
	color:#999999;
	text-decoration:none;
	font-size:0.9em;
	padding:0;
	margin:0;
}
/* this controls the styling of the doc body */
.docbody p {
	font-size:1.0em;
	//color:#000000;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.side {
	font-size:.9em;
}
.side a, .side a:visited, .side a:hover {
	color:#31BBE9;
}
/* ------------------------the following styles control the comments section ---------------------------------------------------------------------------------------- */
.commentTable {
	border: 1px solid gray;
	background-color:#D8D8D8;
}
.commentTableTop {
	background-color:#47b;
	color:#fff;
	font-size:.9em;
	font-weight:bold;
	margin:5px;
	padding:5px;
}
.commentbody {
	font-size:.9em;
	padding-left:10px;
}
.commenttext {
	margin-left:0px;
	padding-left:10px;
	border-left:0px solid silver;
	font-size:.9em;
}
.commentauthor{
	font-size:.8em;
}
/* ------------------------the following styles control the footer ----------------------------------------------------------------------------------------------------- */
/* this sets the color, height, width and font-size for the footer */
#footer {
	background-color:#060606;
	font-size:1.0em;
	color:#FFFFFF;
	width:100%;
	height:15px;
	line-height:15px;
	padding:5px 5px 5px 10px;
	clear:both;
	position: relative;
}
/* this gets rid of the underline, sets the color and controls the spacing of the links in the footer */
.footerlinks a {
	text-decoration:none;
	color:#FFFFFF;
	margin-right:10px;
}
/* this controls the hover behavior of the links in the footer */
.footerlinks a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/* this enables tabbing between the links in the footer */
.footerlinks a:focus {
	text-decoration:underline;
	color:#FFFFFF;
}
h3{
font-size:.9em;
}
a img {
	border:0 solid #f00;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
/* ------- header treatments ------- */
h2 {
	margin:0;
	padding:0;
}
h2 {
	font-size:1.6em;
	font-weight:normal;
}
#content-main h2	{
	margin-top:.5em;
}
.portlet-blue, .portlet-white {
	margin:5px 5px 5px 0;
}
.portlet-blue {
	text-align:left;
}
.portlet-white {
	background:#fff;
	//border:0px solid #ccc;
	//border-top:0px solid #fff;
}
.portlet-blue h2, .portlet-white h2 {
	padding:4px 3px 4px 10px;
	font-size:1.2em;
}
h2.portlet-head-blue-med {
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
}
h2.portlet-head-gray-med {
	color:#053465;
	font-size:1.1em;
	font-weight:bold;
}
.portlet-head-blue-med {
	text-align:left;
	width:172px;
	height:30px;
	background:url(../EnteteZone.jpg) no-repeat;
	vertical-align:middle;
	/* border-bottom:0px solid #47b; */
	/* height:1%; */
}
.portlet-head-gray-med {
	text-align:left;
	/* background:url(../bg-portlet-head-gray-med.gif) repeat-x; */
	/* border-bottom:0px solid #777; */
	/* height:1%; */
}
.portlet-icons {
	float:right;
	white-space:nowrap;
	margin:-1.6em 0 0 0;
}
.portlet-icons a {
	padding:2px 0 0 0;
}
.portlet-head-blue-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-blue-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
.portlet-head-gray-med .portlet-icons a	{border-left:1px solid #314e6a;}
.portlet-head-gray-med .portlet-icons a img	{border-left:1px solid #cee1f1;}
h2.portlet-head-gray-med a {
	color:#053465;
	font-size:.8em;
	font-weight:bold;
	text-decoration:none;
}
h2.portlet-head-gray-med a:hover {
	color:#053465;
	font-size:.8em;
	font-weight:bold;
	text-decoration:underline;
}
.portlet-content {
	padding:.5em 10px;
}
/* Hides from IE-mac \*/
* html .portlet-content {height: 1%;}
/* End hide from IE-mac */
.searchcounter, .searchquery {
	font-weight:bold;
}
/* Ajout EAD */
.bordBlog {
	width:12px;
	height:100%;
	background-color:#023566;
}
.tabContent {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-spacing: 0;
}
.table-wrap {
	text-align:left;
}
.table-wrap2 {
	text-align:left;
	color:#31BBE9;
}
.table-wrap2 a, .table-wrap a:visited {
	color:#31BBE9;
	text-decoration:none;
}
.table-wrap2 a:hover {
	color:#000;
	text-decoration:none;
}
h2.boutonRightSideBar a {
	color:#fff;
	font-size:.8em;
	font-weight:bold;
	text-decoration:none;
}
h2.boutonRightSideBar a:hover {
	color:#fff;
	font-size:.8em;
	font-weight:bold;
	text-decoration:none;
}
.basPage, td.basPage{
	color:#6F7072;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.basPage a, .basPage a:hover, .basPage a:visited{
	color:#6F7072;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}