/* =======================================================================
 * This stylesheet gathers the main formatting styles.
 *
 * The stylesheet "page_template_structure.css" is to be used for styles that
 * define the layout of a page and are related to positionning more than
 * formatting/styling.
 *
 * ========================================================================
 */

/* ========================================================================
==============     REDEFINITION OF BASE HTML ELEMENTS     =================
=========================================================================== */
@import url("../js/jquery/plugins/treeview/jquery.treeview.css");
@import url("menu.css");

BODY, TD, FONT, A, SPAN, P, LI, UL, BR, HR, DIV, TD, TH{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
/* Define the default font: , TD, FONT, A, SPAN, P, LI, UL, BR, HR, DIV, TD, TH, H1, H2, H3, H4*/

img {
 	border:none;
}

p {
	margin: 5px 0;
}

/* ----------------- */
/* Main links styles */

a{
  font-size: 11px;
}

a:link, a:visited {
   color : #1F4772;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a:active {
  color : #1F4772;
	font-weight: bold;
	text-decoration: underline;
}

/* ------- */
/*  titles */
h1, h2, h3 {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color : #1F4772;
}

h1{
	font-weight: normal;
	font-size: 18px;
	color : #A4BEDF;
}

h2{
	font-weight: bold;
	font-size: 16px;
	color : #F29400;
}

h3{
	padding: 2px 5px;
	margin: 3px 0 10px 0;
	color: gray;
	font-weight: bold;
	background: #eee url(../images/listDocHeaderBG.gif) repeat-x;
	font-size: 14px;
}


h4 {
	font-weight: normal;
	font-size: 12px;
	color : #FBBE01;
}

hr {
	display: none;
}

/* ------------ */
/* default cells*/
td, th {
	color: Black;
}

td.highlight {
	background-color: #FBCA6D;
}

h2.page-title
{
    background-image: url(../images/local/skin/arrows.gif);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left:15px;
}

/* =====================================================================
 * --------------     form elements      -------------------
 * ===================================================================== */
form {
	margin: 0;
	padding: 0;
}


form.default-form
{
    margin: 0;
}


form.default-form fieldset
{
    border: 1px dotted Black;
    text-align: left;
    margin-left: 15px;
    margin-right: 15px;
    padding: 10px;
}
form.default-form label.text-label, form.default-form label.combo-label,form.default-form label.textarea-label
{
    float:left;
    text-align: right;
    width: 30%;
    margin-right: 5px;
}

form.default-form label.checkbox-label, form.default-form label.radio-label
{
    text-align: left;
    margin-left: 5px;
}
form.default-form input.checkbox-field, form.default-form input.radio-field
{
    margin-left: 20px;
}
form.default-form p.buttons
{
	text-align: center;
}

form.default-form .error
{
	border: 2px groove red;
}

/* main search screen */
form#main-search fieldset
{
    border: none;
    border-bottom: 1px dotted Black;
    text-align: left;
    margin-left: 15px;
    margin-right: 30px;
    padding: 10px;
}
form#main-search-previous
{
    float:left;
    width:40%;
    text-align:right;
    margin-bottom:15px;
}
form#main-search-next
{
    float:right;
    width:40%;
    text-align:left;
    margin-bottom:15px;  
}


/* ------------------------------------- */
/* Styles to display the list of results */
/* ------------------------------------- */
ul.main-search-results {
  list-style-type: none;
}
ul.main-search-results li {
  margin-bottom: 30px;
}


/* =====================================================================
 * --------------      Documents style      -------------------
 * ===================================================================== */

/* box containing the document buttons (send, print, comment, back) */
div.document-buttons {
   float: left;
   margin-bottom: 8px;
}

div.document-buttons a:hover, div.document-buttons a:link, div.document-buttons a:visited, div.document-buttons a:active {
	text-decoration: none;
}

div.document {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
div.document a {
	color: #F39400;
}
div.document-content {
	background-color: #fff;
	border: 0;
	margin: 0;
}
div.document-content h3 {
	padding: 2px 5px;
	margin: 3px 0 10px 0;
	color: gray;
	font-weight: bold;
	background: #eee url(../images/listDocHeaderBG.gif) repeat-x;
	font-size: 14px;
}

/* box containing the comments associated with the documents */
div.documents-comments {
	margin-left: 10px;
	color: #1F4772;
}



/* =====================================================================
 * ------------------      styles for portlets     ---------------------
 * ===================================================================== */

/* ========================================================================
 * styles for the basic portlets
 * ------------------------------------------------------------------------ */
/* the box "portlet" contains a header & a content */
div.portlet {
	float: left;
	margin-right: 10px;
	text-align: left;
}

/* the portlet header  */
div.portlet-header {
	background-color: #6887C2;
	color : #1F4772;
	padding: 2px;
}

/* the portlet header  */
h3.portlet-header {
	padding: 0 0 5px 5px;
	margin: 0 0 0 5px;
	border-bottom: 1px solid #fff;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
}

/* the portlet content  */
div.portlet-content {
	border: 0;
	margin: 0;
	padding: 0px;
	/*border-bottom: 1px solid #669ED6;*/
}


/*div.portlet-content h1, div.portlet-content h2, div.portlet-content h3 {
	color : #1F4772;
}*/

/* a footer for the portlet */
/* Not currently used */
div.portlet-footer {
}
div.portlet-footer p {
}


/* ========================================================================
 * styles for the comments portlets
 * ------------------------------------------------------------------------ */
/* the box "portlet" contains a header & a content */

div.portlet-comment {
	min-height: 30px;
	background: url(../images/local/skin/comment_bubble_top.png) no-repeat;
}

/* the portlet header  */
div.portlet-comment-header {
   color: #000;
	text-align: right;
}

/* the portlet header  */
h3.portlet-comment-header {
	padding: 0 0 5px 5px;
	margin: 10px 0 0 5px;
	font-weight: bold;
	font-size: large;
}

/* the portlet content  */
div.portlet-comment-content {
	background: url(../images/local/skin/comment_bubble_filler.png) repeat-y;
	margin: 15px 0 0 0;
	padding: 5px;
	color: #fff;
}

/* the portlet content  */
div.portlet-comment-content p.posted{
  margin: 0;
  padding: 0 0 2px 0;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/* a footer for the portlet */
/* Not currently used */
div.portlet-comment-footer {
	background: url(../images/local/skin/comment_bubble_bottom.png) no-repeat;
	text-align: center;
	font-weight: bold;
	margin: 0 0 15px 0;
}

div.portlet-comment-footer p {
}


/* ========================================================================
 * styles for portlets with a background of a colour other than white
 * ------------------------------------------------------------------------ */

/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
  
 
div.portlet-background-colored {
	/*margin-bottom: 15px;
	padding: 15px 15px 14px 15px;
	text-align: left;*/
}


/*div.portlet-background-colored:before {
	background: transparent url(../images/admin/skin/roundbox_tr.gif) no-repeat top right;
	content: url(../images/admin/skin/roundbox_tl.gif);
	display: block;
	font-size: 1px;
	height: 15px;
	line-height: 0.1;
	margin: -15px -15px 0 -15px;
	text-align: left;
}

div.portlet-background-colored:after {
	background: transparent url(../images/admin/skin/roundbox_br.gif) scroll no-repeat bottom right;
	clear: both; 
	content: url(../images/admin/skin/roundbox_bl.gif);
	display: block;
	font-size: 1px;
	height: 8px;
	line-height: 0.1;
	margin: -15px; 
	padding-top: 30px; 
	text-align: left;
}*/

/* the portler header */
h3.portlet-background-colored-header {
	border: none;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	margin-left: 0;
	border-bottom: 1px solid #fff;
}
/* the portlet content  */
div.portlet-background-colored-content {
	border: 0px;
	margin: 0;
	padding: 0;
}

/* special style for lists */
div.portlet-background-colored-content ul{
	margin: 0 0 0 5px;
	padding: 0;
}

div.portlet-background-colored-content ul li{
	list-style-type: square;
}

div.portlet-background-colored-content li {
	list-style-type: square;
}

/*div.portlet-background-colored  a:link, div.portlet-content  a:visited  {
	color : #1F4772;
 	border: none;
	font-size: 100%;
   font-weight: bold;
   text-decoration: none;
}*/

/*div.portlet-background-colored  a:hover{
   color : #1F4772;
	border: none;
	font-size: 100%;
   font-weight: bold;
   text-decoration: underline;
}*/


/* ========================================================================
 * styles for the basic portlets
 * ------------------------------------------------------------------------ */
/* the box "portlet" contains a header & a content */
div.portlet-bordered {
	border: #D2D6D6 1px solid;
    padding-left: 5px;
    padding-right: 6px;
    MARGIN-bottom: 10px;
    -moz-border-radius: 10px;
}

/* the portlet header  */
h3.portlet-bordered-header {
	background-image: url(../images/local/skin/portlet_title_back.gif);
   background-repeat: repeat-x; 
	border-bottom: 1px dotted #C6C9C1;
	color: #1F4772;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
}

/* the portlet header  */
div.portlet-bordered-header {
	background-color: #C6DEE7;
	border-bottom: 1px dotted #C6C9C1;
	color: #260650;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

/* the portlet content  */
div.portlet-bordered-content {
	
	border: 0;
	margin: 0;
	padding: 15px;
	width: 90%;
}
/* a footer for the portlet */
/* Not currently used */
div.portlet-bordered-footer {
}
div.portlet-bordered-footer p {
}



/* ========================================================================
 * styles for portlets with no background
 * ------------------------------------------------------------------------ */
/* The box "portlet-no-background" is  similar to "portlet" but
 * provides different settings.
 */

div.portlet-no-background {
	border: none;
	margin-bottom: 10px;
}
/* portler header  */
h3.portlet-no-background-header {
	background-color: White;
	color: #260650;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	padding: 5px;
}
/* portlet content  */
div.portlet-no-background-content {
	border: 0px;
	margin: 0;
	padding: 15px;
}

/* ========================================================================
 * styles for portlets with a background of a colour other than white
 * ------------------------------------------------------------------------ */

/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-background {
	border: #D2D6D6 1px solid;
    padding-left: 5px;
    padding-right: 6px;
	 padding-bottom: 6px;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
}

/* the portler header */
h3.portlet-background-header {
	background-color: White; 
	border-bottom: 1px dotted #C6C9C1;
	color: #260650;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	margin: 0;
	padding: 5px;
}

/* the portlet content  */
div.portlet-background-content {
	background-image: url(../images/local/skin/portlet_back.gif);
   background-repeat: repeat-x;
	border: 0px;
	color: #260650;
	margin: 0;
}


/* ========================================================================
 * styles for portlets with a background of a colour other than white
 * ------------------------------------------------------------------------ */

/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */

/*div.portlet-background-colored:before {
	background: transparent url(../images/admin/skin/roundbox_tr.gif) no-repeat top right;
	content: url(../images/admin/skin/roundbox_tl.gif);
	display: block;
	font-size: 1px;
	height: 15px;
	line-height: 0.1;
	margin: -15px -15px 0 -15px;
	text-align: left;
}

div.portlet-background-colored:after {
	background: transparent url(../images/admin/skin/roundbox_br.gif) scroll no-repeat bottom right;
	clear: both; 
	content: url(../images/admin/skin/roundbox_bl.gif);
	display: block;
	font-size: 1px;
	height: 8px;
	line-height: 0.1;
	margin: -15px; 
	padding-top: 30px; 
	text-align: left;
}*/


/* the portler header */
/*h3.portlet-background-colored-header {
	border: none;
	font-size: 200%;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	margin-left: 0;
	border-bottom: 1px solid #fff;
}*/

/* the portlet content  */
div.portlet-background-colored-content {
	border: 0px;
	margin: 0;
	padding: 0;
}

/* special style for lists */
/*div.portlet-background-colored-content ul{
	margin: 0 0 0 5px;
	padding: 0;
}*/

/*div.portlet-background-colored-content ul li{
	list-style-type: square;
}

div.portlet-background-colored-content li {
	list-style-type: square;
}*/

/*div.portlet-background-colored  a:link, div.portlet-content  a:visited  {
	color : #1F4772;
 	border: none;
	font-size: 110%;
   font-weight: bold;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
   text-decoration: none;     
}

div.portlet-background-colored  a:hover{
   color : #1F4772;
	border: none;
	font-size: 110%;
   font-weight: bold;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
   text-decoration: underline;        
}*/





/* special style for lists */
div.portlet-background li {
	color: #EE9C00;
	list-style-type: square;
}

/* special style for lists */
div.portlet-background form {
 	margin-left: 2%;
}

/* special style for lists */
div.portlet-background form p {
 	margin-left: 10%;
}
/* special style for lists */
div.portlet-background form label {
 	margin-left: 2%;
}

/* special style for lists */
div.portlet-background form input {
 	margin-left: 2%;
}
/* special style for lists */
div.portlet-background form textarea {
 	margin-left: 5%;
}
/* =====================================================================
 * -----------------      styles for alert box      --------------------
 * ===================================================================== */
div.alert {
	color: Red;
	font-weight: bold;
	font-size: 120% ;
	text-align: center;
}
div.alert a:link, div.alert a:visited, div.alert a:hover, div.alert a:active {
	color: Red;
}

/* =====================================================================
 * -------------------      styles for table      ----------------------
 * ===================================================================== */

/* --------------------------------------------------------------------
 * ------------- data-table : used to display data in rows ------------
 */
table.data-table {
	background-color: #fff;
	border: 1px solid #C6C9C1;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 90%;
}
/* table cell */
table.data-table td {
	border-left: 1px solid #C6C9C1;
	border-right: 1px solid #C6C9C1;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	vertical-align: middle;
}
/* table header, eg. : columns names */
table.data-table th {
	background-color: #6887C2;
	border-bottom: 1px dotted #C6C9C1;
	border-left: 1px solid #C6C9C1;
	border-right: 1px solid #C6C9C1;
	color: #fff;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}
/* basic row style */
table.data-table tr {
	background-color: #FFF;
}
/* style for even rows */
table.data-table tr.even-row {
	background-color: #fff;
}
/* styles for odd rows */
table.data-table tr.odd-row {
	background-color: #F8F8F8;
}

/* --------------------------------------------------------------------
 * ---------------------- external-border-only  -----------------------
 * a border only around the table, no border for cells, white bg-color
 */
 table.external-border-only {
	background-color: #fff;
	border: 1px solid #C6C9C1;
	border-collapse: collapse;
	margin-bottom: 10px;
}
table.external-border-only th {
	background-color: #C6DEE7;
	border-bottom: 1px dotted #C6C9C1;
	color: Black;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

/* --------------------------------------------------------------------
 * ------------------- external-border-only-bgcolored  ----------------
 * a border only around the table, no border for cells with
 * a non white bg color
 */
 table.external-border-only-bgcolored {
	background-color: #F8F8F8;
	border: 1px solid #C6C9C1;
	border-collapse: collapse;
	margin-bottom: 10px;
}

table.external-border-only-bgcolored th {
	background-color: #C6DEE7;
	border-bottom: 1px dotted #C6C9C1;
	color: Black;
	font-weight: bold;
	height: 20px;
	vertical-align: middle;
}

/* =====================================================================
 * -------------      styles for the footer content     ----------------
 * ===================================================================== */
#footer {
   font-size: 14px;
}

div.footer-content a {
	float: left;
	display: block;
	color: #908E8E;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 18px;
}

div.footer-content a:hover, #footer a:active {
	color: white;
	background: #F77E02 url(../images/footerLinkBG.gif) repeat-x;
}

div.footer-content {
	text-align: center;
	background-color: white;
	border: none;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

/*div.footer-content:before {
	background: transparent url(../images/admin/skin/roundbox_tr.gif) no-repeat top right;
	content: url(../images/admin/skin/roundbox_tl.gif);
	display: block;
	font-size: 1px;
	height: 15px;
	line-height: 0.1;
	margin: -15px -15px 0 -15px;
	text-align: left;
}

div.footer-content:after {
	background: transparent url(../images/admin/skin/roundbox_br.gif) scroll no-repeat bottom right;
	clear: both; 
	content: url(../images/admin/skin/roundbox_bl.gif);
	display: block;
	font-size: 1px;
	height: 8px;
	line-height: 0.1;
	margin: -15px -16px -15px -15px;
	padding-top: 0px; 
	text-align: left;
}*/

div.footer-content span.powered{
  float: left;
  margin-top: 0px;
}

div.footer-content span.rss{
  float: right;
  margin-top: -15px;
}


/* =====================================================================
 * --------------    styles for the menu init  ----------------
 * ===================================================================== */
#menu-init a:link, #menu-init a:visited, #menu-init a:hover, #menu-init a:active {
	color: #fff;
	text-decoration: none;
}


/* =====================================================================
 * --------------    styles for the page-path content   ----------------
 * ===================================================================== */
#page-path-content {
	border: none;
	color: gray;
	font-weight: bold;
	margin: 15px 0;
	padding-bottom: 2px;
	text-align: left;
	text-transform: uppercase;
	border-bottom: 1px solid lightgrey;
}

#page-path-content a:link, #page-path a:visited {
	color: gray;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
#page-path-content a:hover, #page-path a:active {
	color: #F78E00;
	font-weight: normal;
	text-transform: uppercase;
}



/* ------------------------------------- */
/* styles to display lines of 4 elements */
/* ------------------------------------- */
 /* to work ok, the last div line should be followed
    by a div of class clear :<div class="clear">&nbsp;</div>
    in order to fill the container and not to display the line
    outside this container.
 */

/* each group of line-elements should be surronded by a line */
div.line {
 	clear: both;
 }

div.line-first {
 	clear: none; /* first line should not clear */
 }
/* as we put 4 elements per line, the max we can size each element
is 25% */
div.line-element {
    float: left;
    width: 25%;
    margin-bottom: 20px;

}
div.line-element p {
    text-align: left;
}

div.line-element a {
   background-image: url('../images/local/skin/arrows.gif');
	background-position: left top ;
	background-repeat: no-repeat;
	padding-left: 15px;
}

/* ------------------------------------- */
/* Styles to display a polaroid */
/* ------------------------------------- */
/* This style is used to contain an image of
   width and height of 80 pixel and renders a
   polaroid effect */
div.polaroid {
    /*margin:auto;*/ /* margin auto will center the polaroid in its container */
    width:84px;
    height:84px;
    background-image: url('../images/local/skin/fd_images.gif');
    background-position: top center;
    background-repeat: no-repeat;

}
div.polaroid img {
    margin-left:2px;
    margin-top:2px;
}

/* ====================================================================
 * -----------------      styles for the site map     -----------------
 * ==================================================================== */
ul.site-map-level-one
{
	margin-left:20px;
	list-style:none;
}

ul.site-map-level-one li
{
   background-image: url(../images/local/skin/arrows.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	margin-bottom: 20px;
	border-bottom: 1px dotted Black;
}


ul.site-map-level-one a:link, ul.site-map-level-one a:visited
{
   color: Black;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;

}
ul.site-map-level-one a:hover
{
   color: Black;
 	font-weight: bold;
	font-size: 120%;
	text-decoration: underline;

}

/* Postion of the image displayed for level one  */
ul.site-map-level-one div.level-one-image
{
	float:left;
	width:100px;
	margin:0px;
	margin-top: 10px;
	margin-bottom: 10px;
}


ul.site-map-level-two
{
	margin-left:60px;
	margin-bottom:10px;
	margin-top:5px;
	list-style:none;
}


ul.site-map-level-two li
{
   background-image: url(../images/local/skin/arrows.gif);
	background-repeat: no-repeat;
	background-position:  top left;
	padding-left:15px;
	margin-bottom: 5px;
	border: none;
}

ul.site-map-level-two a:link, ul.site-map-level-two a:visited
{
   color: Black;
 	font-weight: bold;
	font-size: 110%;
	text-decoration: none;

}

ul.site-map-level-two a:hover
{
   color: Black;
	font-weight: bold;
	font-size: 110%;
	text-decoration: underline;

}

ul.site-map-level-three
{
	margin-left:20px;
	margin-bottom:5px;
	margin-top:5px;
	list-style:none;
}

ul.site-map-level-three li
{
    background-image: none;
    margin-bottom: 5px;
    border: none;
}

ul.site-map-level-three a:link, ul.site-map-level-three a:visited
{
   color: Black;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}
ul.site-map-level-three a:hover
{
   color: Black;
	font-weight: bold;
	font-size: 100%;
	text-decoration: underline;
}

ul.site-map-level-highest
{
	margin-left:0px;
	margin-bottom:5px;
	margin-top:5px;
	list-style:none;
}

ul.site-map-level-highest li
{
    background-image: none;
    margin-bottom: 0px;
    border: none;
}

ul.site-map-level-highest a:link, ul.site-map-level-highest a:visited
{
   color: Black;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;

}
ul.site-map-level-highest a:hover
{
   color: Black;
	font-weight: normal;
	font-size: 100%;
	text-decoration: underline;
}

/* Styles for admin preview*/
div.admin-buttons input
{
    border: 1px solid #364C5E;
    background-color: #F7F2B0;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 100%;
    color: #364C5E ;
    cursor: pointer;   
}

/* Pages document */

input.mandatory{
	background-color: #FBCA6D;
}

div.windows-header{
	margin: 5px 5px 5px 5px;
	float: left;
	font-size: 14px;
	color: Black;
}

div.windows-content{
	clear: both;
	margin: 5px 5px 5px 5px;
	float: left;
	color: Black;
	width: 80%;
}

div.windows-form{
	color: Black;
	width: 80%;
} 
div.windows-form table{
	width: 95%;
}

div.windows-form table label{
	float: right;
	color: Black;
}

div.windows-form table input{
	float: left;
	color: Black;
}

div.error {
    color: red;
    font-weight: bold;
}

div.search-form {
    border: 1px solid #C6C9C1;
    margin: 30px;
    padding: 10px;
}

div.search-form table {
    width: 90%;
    margin: 5px;
    padding: 5px;
}

div.search-results-header {
    border: 1px solid #C6C9C1;
    margin: 30px;
    padding: 10px;
    background-color: #C6DEE7;
}

div.search-results-header a {
    font-weight: normal;
}

div.search-results {
    border: 1px solid #C6C9C1;
    margin: 30px;
    padding: 10px;
}

div.search-results table {
    width: 90%;
    margin: 10px;
    padding: 5px;
}

div.search-results td {
    margin: 5px;
    padding: 10px;
}

div.search-results a {
    font-weight: bold;
}


/* =====================================================================
 * ---------    styles for the buttons on the web site  text-align: center;    ------------
 * ===================================================================== */

input.site-buttons {
    border-style: none;
    font-weight: bold;
    color: Black;
    font-size: 12px;
    cursor: pointer;
}

div.site-buttons {
	float: left;
	margin: 0;
	height: 22px;
}


div.site-buttons a, input.site-buttons {
	padding: 5px 0 5px 27px;
	margin-right: 15px;
    display: block;
    text-decoration: none;
	color: #F39400;
}
div.site-buttons a:hover {
	text-decoration: underline;
}

#button-comment 
{
     background: url(../images/local/skin/buttons/b_comment.png) no-repeat;
}

#button-lastresults 
{
    background: url(../images/local/skin/buttons/b_lastresults.png) no-repeat;
}

#button-nextresults 
{
    background: url(../images/local/skin/buttons/b_nextresults.png) no-repeat;
}

#button-print 
{
	 background: url(../images/local/skin/buttons/b_print.png) no-repeat; 
}

#button-reset 
{
    background: url(../images/local/skin/buttons/b_reload.png) no-repeat left; 
}

#button-return 
{
	 background: url(../images/local/skin/buttons/b_back.png) no-repeat; 
}

#button-search 
{
    background: url(../images/local/skin/buttons/b_search.png) no-repeat;
}

#button-send {
	 background: url(../images/local/skin/buttons/b_send.png)  no-repeat left;
}

#button-subscribe 
{
    background: url(../images/local/skin/buttons/b_subscribe.png) no-repeat left; 
	 height: 25px; 
}

a.tt{
    position:relative;
    z-index:24;
    color : #1F4772;
	 font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
   display:block;
   position:absolute;
   top:15px; left:0px;
	 padding: 15px 0 0 0;
	 width:100px;
	 color: #fff;
   text-align: center;
	 filter: alpha(opacity:90);
	 KHTMLOpacity: 0.90;
	 MozOpacity: 0.90;
	 opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 20px 8px 0 0;
  background: url(../images/local/skin/bubble3.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/local/skin/bubble_filler3.png) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px 0;
	color: #548912;
  background: url(../images/local/skin/bubble3.png) no-repeat bottom;
}

/* NEW STYLES FOR NEW LAYOUT                */
/* Special thanks to freecsstemplates.org */

/*  internal banner */
div.internal-banner{
  margin: 0 0 1% 30%;
}
/* Box Style One */

.boxed1 {
	margin-bottom: 20px;
}

.boxed1 h2 {
	height: 40px;
	margin: 0 0 2px 0;
	padding: 10px 0 0 50px;
	background: #AFB43C url("../images/local/skin/head_vert.png") no-repeat;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed1 ul {
	margin: 0;
	padding: 0;
	background: #E4E9C5 url(../images/local/skin/bottom_vert.png) no-repeat left bottom;
	list-style: none;
}

.boxed1 li {
	padding: 10px;
	background: url(../images/local/skin/img08.gif) repeat-x;
	/*font-size: small;*/
}

.boxed1 a {
	text-decoration: none;
	font-weight: bold;
	color: #A7B83F;
}

.boxed1 a:hover {
	color: #545C20;
}

.boxed1 .active, .boxed1 .active a {
	background-color: #ABB63D;
	color: #FFFFFF;
}

.boxed1 span{
	margin-left: 20%;
}

/* Box Style Two */

.boxed2 {
	margin-bottom: 20px;
}

.boxed2 h2 {
	height: 40px;
	margin: 0 0 2px 0;
	padding: 10px 0 0 50px;
	background: url(../images/local/skin/head_bleu.png) no-repeat;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed2 ul {
	margin: 0;
	padding: 0;
	background: #C6DEE7 url(../images/local/skin/bottom_bleu.png) no-repeat left bottom;
	list-style: none;
}


.boxed2 li {
	padding: 10px;
	background:  url(../images/local/skin/img11.gif) repeat-x;
/*	font-size: small; */
}

.boxed2 a {
	text-decoration: none;
	font-weight: bold;
	color: #6887C2;
}

.boxed2 a:hover {
	color: #204B5C;
}

.boxed2 .active, .boxed2 .active a {
	/*background-color: #204B5C;*/
	color: #FFFFFF;
}

.boxed2 span{
	margin-left: 20%;
}

/* Box Style Three */

.boxed3 {
	text-align: justify;
	font-size: small;
}

.boxed3 h2 {
	height: 40px;
	margin: 0 0 10px 0;
	padding: 10px 0 0 55px;
	background: #FFF url(../images/local/skin/head_transparent.png) no-repeat;
	border-bottom: 2px solid #CCCCCC;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	
}

.boxed3 a {
	text-decoration: none;
	color: #8E959B;
	word-spacing: -2px;
}

.boxed3 a:hover {
	color: #E55D13;
}

.boxed3 span{
	margin-left: 20%;
}

/* Box Style Two */

.boxed4 {
	margin-bottom: 20px;
}

.boxed4 h2 {
	height: 40px;
	margin: 0 0 2px 0;
	padding: 10px 0 0 50px;
	background: #F7D694 url(../images/local/skin/head_orange.png) no-repeat;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	color: #FFFFFF;
}

.boxed4 ul {
	margin: 0;
	padding: 0;
	background: #F7D694 url(../images/local/skin/bottom_orange.png) no-repeat left bottom;
	list-style: none;
}

.boxed4 li {
	padding: 10px;
	background: url(../images/local/skin/dotted_orange.png) repeat-x;
/*	font-size: small; */
}

.boxed4 a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.boxed4 a:hover {
	color: #204B5C;
}

.boxed4 .active, .boxed4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}

.boxed4 span{
	margin-left: 8%;
}

/* TREE */

.tree4 {
	margin-bottom: 20px;
}

.tree4 h2 {
	height: 40px;
	margin: 0 0 2px 0;
	padding: 10px 0 0 50px;
	background: #F7D694 url(../images/local/skin/head_orange.png) no-repeat;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-size: 200%;
	font-weight: normal;
	color: #FFFFFF;
}

.tree4 ul{
	background-color: #F7D694;
}

ul#tree.tree4 {	
	padding: 15px 0 15px 0;
	background: #F7D694 url(../images/local/skin/bottom_orange.png) no-repeat left bottom;	
}

.tree4 a {
	text-decoration: none;
	font-weight: bold;
	color: #F7A100;
}

.tree4 a:hover {
	color: #204B5C;
}

.tree4 .active, .tree4 .active a {
	/*background-color: #FBCA6D;*/
	color: #FFFFFF;
}



/* internal banner style */
img.internal-banner{
	margin: -10px 0 0 0;
}

/* Liste articles avec nb commentaires*/
#posts {
	float: right;
	width: 50%;
}

.post {
	padding-bottom: 1em;
}

.post .title {
	padding-top: 10px;
	letter-spacing: -.1em;
	font-size: 2em;
	font-weight: normal;
	color: #8E959B;
}

.post .date {
	height: 20px;
	padding: 2px 0 0 10px;
	background: url(images/img12.gif) no-repeat;
	font-size: 12px;
	font-weight: normal;
}

.post .story {
	padding: 0 20px;
	line-height: 1.6em;
}

.post .meta {
	height: 40px;
	margin: 0 20px;
	padding: 0 0 0 10px;
	background: #EEEDED url(images/img13.gif) no-repeat;
}

.post .meta span {
	display: none;
}

.post .meta p {
	margin: 0;
	padding: 10px 0 0 0;
}

.post .meta a {
	float: left;
	height: 20px;
	padding: 4px 20px 0 37px;
	text-decoration: none;
	font-size: small;
	font-weight: bold;
	color: #777777;
}

.post .meta a:hover {
	color: #E55D13;
}

.post .category {
	background: url(images/img14.gif) no-repeat left bottom;
}

.post .comments {
	background: url(images/img15.gif) no-repeat left bottom;
}

.button-contact{
	padding-left: 2em;
}

/*--------------------------------------*/

div.dottedHR {
	margin: 0 auto 0 auto;
	width: 950px;
	height: 1px;
	border-top: 1px dashed #7f7f7f;
}

div.blocText {
	float: left;
	width: 172px;
	padding: 10px 5px 0 3px;
}

div.blocTextCcm {
	text-align: center;
	padding-top: 40px;
}

div.blocTextRoles {
	float: left;
	padding: 15px;
	padding-top: 10px;
}

a.blocTitle {
	color: #454667;
	font-weight: normal;
	font-size: 10px;
}

a.blocTitle:hover {
	color: #454667;
	font-weight: normal;
	font-size: 10px;
}

a.lire, a.allBlocs {
	color: #454667;
	font-size: 12px;
	font-weight: normal;
	float: right;
}

div.allBlocsBottomLink {
	position: relative;
	top: 91%;
	left: 15px;
	float: none;
}

div.allBlocsBottomLink a {
	font-weight: normal;
	color: #454667;
	font-size: 9px;
}

.articlesAccueil {
	margin: 30px 10px 10px 10px;
}

.articlesAccueil li, .articlesAccueil ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#bienvenueLogo, div#entreprisesLogo, div#candidatsLogo, div#ccmHeader, div#quoideneufHeader {
	float: left;
}

div#bienvenueLogo {
	width: 177px;
	height: 124px;
	margin: 5px;
	background-image: url(../images/bienvenueLogo.gif);
}

div#entreprisesLogo {
	width: 71px;
	height: 124px;
	margin: 5px;
	background-image: url(../images/entreprisesLogo.gif);
}

div#candidatsLogo {
	width: 71px;
	height: 124px;
	margin: 5px;
	background-image: url(../images/candidatsLogo.gif);
}

div#ccmHeader {
	width: 380px;
	height: 33px;
	margin: 5px 0 0 4px;
	background-image: url(../images/ccmHeader.gif);
}

div#quoideneufHeader {
	width: 261px;
	height: 33px;
	margin: 5px 0 0 4px;
	background-image: url(../images/quoideneufHeader.gif);
}

h3.portletTitle {
	color: white;
	font-weight: bold;
	font-size: 14px;
	padding: 13px 0 0 15px;
}

.portlet-html-default h3.portletTitle {
	color: #F78E00;
	padding: 13px 0 0 0;
}

div.portlet-background-bienvenue {
	float: left;
	background-image: url(../images/bienvenueBG.gif);
	background-repeat: no-repeat;
	width: 393px;
	height: 135px;
	margin-right: 10px;
	text-align: left;
}

div.portlet-background-entreprises_candidats {
	float: left;
	background-image: url(../images/coloredBG.gif);
	background-repeat: no-repeat;
	width: 273px;
	height: 135px;
	margin-left: 7px;
	text-align: left;
}

div.portlet-background-ccm {
	float: left;
	background-image: url(../images/commentcamarcheBG.gif);
	background-repeat: no-repeat;
	width: 393px;
	height: 384px;
	margin-right: 10px;
	text-align: left;
}

div.portlet-background-roles {
	float: left;
	background-image: url(../images/rolesBG.gif);
	background-repeat: no-repeat;
	width: 273px;
	height: 384px;
	margin-left: 7px;
	text-align: left;
}

div.portlet-background-quoideneuf {
	float: left;
	background-image: url(../images/quoideneufBG.gif);
	background-repeat: no-repeat;
	width: 272px;
	height: 384px;
	margin-left: 7px;
	text-align: left;
}

table#ccm {
	width: 362px;
	margin-top: 43px;
	padding-left: 29px;
}

table#ccm td.ccmBoxes {
	background-image: url(../images/ccmBox.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 151px;
	height: 32px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ababab;
	text-align: center;
}

table#ccm td.big {
	background-image: url(../images/ccmBox2.gif);
	width: 197px;
}

table#ccm td.purple {
	color: #412b80;
}

table#ccm td.desat {
	color: #454667;
}

table#ccm td.separe {
	height: 16px;
}

h1.ccm {
	padding-top: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #908e8e;
}

div.btnSet {
	margin: 10px 5px 0 0;
}

div.btnSet2 {
	margin: 5px 0 0 0;
}

.btns {
	float: right;
	width: 13px;
	height: 13px;
	margin-right: 5px;
}

.one {
	background-image: url(../images/rolesBtn01.gif);
}

.one2 {
	background-image: url(../images/qdnBtn01.gif);
}

.two {
	background-image: url(../images/rolesBtn02.gif);
}

.two2 {
	background-image: url(../images/qdnBtn02.gif);
}

.three {
	background-image: url(../images/rolesBtn03.gif);
}

.three2 {
	background-image: url(../images/qdnBtn03.gif);
}

/* ========================================================================
 * styles for the list-document portlets
 * ------------------------------------------------------------------------ */
div.portlet-list-document
{ 
	/*width: 517px;*/
	padding: 0;
   	margin-bottom:10px;
}
div.portlet-list-document_combo
{ 
	width: 263px;
	padding: 0;
	background: #f2f2f2 url(../images/comboBG.gif) repeat-y;
}
div.portlet-list-document-header {
	background: url(../images/listDocHeaderBG.gif) repeat-x;
}
div.portlet-list-document-header h3 {
	margin:0;
	padding: 3px 10px 7px 45px;
	background: url(../images/listDocHeader_puce.gif) no-repeat;
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	border:none;
	color: #696969;
}
h3.portlet-list-document_combo1_header, h3.portlet-list-document_combo2_header
{
	margin:0;
	padding: 7px 10px 8px 45px;
	background: #f2f2f2 url(../images/combo1Header.gif) no-repeat;
	font-size: 13px;
	font-weight: bold;
	border:none;
	color: white;
}
h3.portlet-list-document_combo2_header {
	background: #f2f2f2 url(../images/combo2Header.gif) no-repeat;
	color: #696969;
}

div.portlet-list-document-content
{
	margin:0;
	border: 0px;
}

div.portlet-list-document-content ul, div.portlet-list-document-content_combo ul
{
	text-align: justify;
	padding: 10px 0;
	margin: 0;
}
div.portlet-list-document-content_combo ul { padding: 10px 12px ;}

div.portlet-list-document-content li, div.portlet-list-document-content_combo li
{
	margin: 0px;
	padding: 0;
	list-style: none;
	padding-bottom: 10px;
	border-bottom: 1px dashed #666565;
	margin-bottom: 10px;
}

div.portlet-list-document-content li .titre, div.portlet-list-document-content_combo li .titre, div.portlet-list-document-content_combo li .titreGreen
{
	text-align: left;
	color: #F78E00;
	text-decoration: none;
	font-size: 11px;
}
div.portlet-list-document-content_combo li .titreGreen
{
	color: #86BE00;
}

div.portlet-list-document-content a.summaryLink, div.portlet-list-document-content_combo a.summaryLink, div.portlet-list-document-content_combo a.summaryLink p {
	color: #666;
	font-weight: normal;
}

div.portlet-list-document-content li a.titre:hover, div.portlet-list-document-content_combo li a.titre:hover, div.portlet-list-document-content_combo li a.titreGreen:hover, a.summaryLink:hover p{
	text-decoration: underline;
	padding: 0;
}

div.portlet-list-document-content .articleVignette img{
    width: 72px;
}

div.portlet-list-document-content .first .articleVignette img{
    width: 150px;
}

div.document-content .articleVignette img{
    width: 350px;
}

div.portlet-list-adherent-content .adh_title{
    font-size: 11px;
    color:#F78E00;
}

div.portlet-list-adherent-content .adh_title a{
    font-size: 11px;
    color:#F78E00;
}
/* ========================================================================
 * styles for the list-document portlets
 * ------------------------------------------------------------------------ */
div.portlet-child-page
{
	display: block;
	width: 265px;
	padding: 3px;
}
h3.portlet-child-page-header
{
	margin:0;
	font-weight:bold;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:10px;
	background-image: url(../images/local/skin/portlet/entete_page_fille.JPG);
	background-repeat: no-repeat;
	font-size: 110%;
	font-weight: bold;
	border:none;
	color: #fff;

}
div.portlet-child-page
{
	padding:15px;
	margin:0;
	background-color: white;
	border: 0px;
}
div.portlet-child-page ul
{
	padding: 0px;
	
}
div.portlet-child-page li
{
	margin-right: 20px;
	list-style: none;
	padding-bottom: 5px;
	border-bottom: 1px dashed #7f7f7f;
	margin-bottom: 5px;
}

div.portlet-child-page li a
{
	color: #49496b;
	text-decoration: none;
	font-size: 14px;
	margin-bottom: 3px;
}


/* ----------------- */
/*       BLOCS       */
/* ----------------- */


.blocTemplate p {
	margin: 0;
	padding: 13px 0 13px 0;
}

.blocTemplate {
	margin: 0;
	float: left;
}

.blocCornerTL, .blocCornerTR {
	float: left;
	background-image: url(../images/blocCornerTL.gif);
	width: 7px;
	height: 6px;
	font-size: 0;
}

.blocLineT {
	float: left;
	height: 6px;
	font-size: 0;
}

.blocCornerTR {
	background-image: url(../images/blocCornerTR.gif);
	background-repeat: no-repeat;
}

.blocCornerBL, .blocCornerBR {
	float: left;
	background-image: url(../images/blocCornerBL.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 6px;
	font-size: 0;
}

.blocLineB {
	float: left;
	height: 6px;
	background-image: url(../images/blocLineB.gif);
	background-repeat: repeat-x;
	font-size: 0;
}

.blocCornerBR {
	background-image: url(../images/blocCornerBR.gif);
	background-repeat: no-repeat;
}

.blocBorder {
	background-image: url(../images/blocBorder.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.blocLittleBackgroundBienvenue {
	min-height: 123px;
	padding-left: 190px;
	background-image: url(../images/blocLittleBienvenue.gif);
	background-repeat: no-repeat;
}

.blocLittleBackgroundEntreprises {
	min-height: 123px;
	padding-left: 90px;
	background-image: url(../images/blocLittleEntreprises.gif);
	background-repeat: no-repeat;
}

.blocLittleBackgroundCandidats {
	min-height: 123px;
	padding-left: 90px;
	background-image: url(../images/blocLittleCandidats.gif);
	background-repeat: no-repeat;
}

.blocMediumBackgroundRoles {
	min-height: 342px;
	padding: 15px;
	background-image: url(../images/blocMediumRoles.gif);
	background-repeat: no-repeat;
}

.blocMediumBackgroundQuoiDeNeuf {
	min-height: 342px;
	padding: 0px;
	background-image: url(../images/blocMediumQuoiDeNeuf.gif);
	background-repeat: no-repeat;
}

.blocMediumBackgroundCCM {
	min-height: 342px;
	padding: 0px;
	background-image: url(../images/blocMediumCCM.gif);
	background-repeat: no-repeat;
}

/* ----------- BOUTONS --------------- */

div.button {
	margin-bottom: 5px;
}

div.button a {
	color: #1f4772 !important;
}

div.btnCornerTL, div.btnCornerTR, div.btnCornerBL, div.btnCornerBR {
	background-image: url(../images/boutons/btnCornerTL.png);
	background-repeat: no-repeat;
	width: 7px;
	height: 7px;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
div.btnCornerTR {
	background-image: url(../images/boutons/btnCornerTR.png);
}
div.btnCornerBL {
	background-image: url(../images/boutons/btnCornerBL.png);
}
div.btnCornerBR {
	background-image: url(../images/boutons/btnCornerBR.png);
}
div.btnRight {
	background-image: url(../images/boutons/btnRight.png);
	background-repeat: repeat-y;
	width: 7px;
}
div.btnLeft {
	background-image: url(../images/boutons/btnLeft.png);
	background-repeat: repeat-y;
	width: 7px;
}
div.btnBottom {
	background-image: url(../images/boutons/btnBottom.png);
	background-repeat: repeat-x;
	height: 7px;
	font-size: 0;
}
div.btnTop {
	background-image: url(../images/boutons/btnTop.png);
	background-repeat: repeat-x;
	height: 7px;
	font-size: 0;
}
div.btnBG {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: url(../images/boutons/btnBG.png);
	background-color: #f5f6f6;
	background-repeat: repeat-x;
	width: 75%;
	overflow: hidden;
}

/* ----- TOOLS ----- */

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.border {
	border: 1px solid red;
}

.floatLeft {
	float: left;
}

div.message {
background-color:#FFF;
text-align:center;
width:100%;
}