/* =======================================================================
 * 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("../js/jquery/plugins/ui/datepicker/ui.datepicker.css");


/* Define the default font: , TD, FONT, A, SPAN, P, LI, UL, BR, HR, DIV, TD, TH, H1, H2, H3, H4*/
BODY
{
	font-family : Tahoma, Verdana, Geneva, Arial;
	font-size: small;
	color: #1F4772;
}

img {
 	border:none;	
}

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

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

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

#quick-search {
	float: left;
	margin-left: 3px;
}

#bandeau{
	background-color: #DAE4F7;
	border-top : 1px solid #9AADD0;
	border-bottom: 1px solid #9AADD0;
	width: 100%;
	float: left;
}

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

h1{
  	font-size: 150%;
}

h2{
  	font-size: 130%;
	font-weight: bold;
}

h3{
 	font-size: 130%;
}


h4 {
	color: Red;
	font-weight: normal;
	font-size: 110%;
}

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;
   width: 100px;
   margin-bottom: 8px;
}

div.document-buttons p {
	/*display: inline;*/
	margin: 0px;
	margin-bottom: 2px;
	padding: 0px;
}

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

div.document {
	/*border: 1px solid #C6C9C1;*/
	margin-left: 10px;
	margin-bottom: 10px;
}
div.document-content {
	background-color: #fff;
	border: 0;
	margin: 0;
	padding: 5px;
}

/* 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 {
	margin-bottom: 10px;
}

/* 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 {
	background-color: transparent;
	/*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 the GREY HTML portlet
 * ------------------------------------------------------------------------ */
div.portlet-background-colored-2 {

        background: #B8B8B8  url(../images/admin/skin/roundbox_back.gif) right repeat-y;
        margin-bottom: 15px;
        padding: 15px 15px 14px 15px;
        text-align: left;
}


div.portlet-background-colored-2: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-2: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;
}

h3.portlet-background-colored-header-2 {
        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-2 {
        background-color: #B8B8B8;
        border: 0px;
        margin: 0;
        padding: 0;
}
/* special style for lists */
div.portlet-background-colored-content-2 ul{
        margin: 0 0 0 5px;
        padding: 0;
}

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

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

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

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

/* ==========
 * END GREY
 * =========*/

/* ========================================================================
 * styles for the basic portlets border
 * ------------------------------------------------------------------------ */
/* 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 {
	background-color: #FFFFFF; 
	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;
}

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;
	padding: 15px;
}


/* ========================================================================
 * styles for the BLUE HTML portlet
 * ------------------------------------------------------------------------ */

/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
  
 
div.portlet-background-colored {
	background: #C8D5EE  url(../images/admin/skin/roundbox_back.gif) right repeat-y;
	margin-bottom: 15px; 
	padding-left: 15px;
	padding-right: 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-left: -15px;
	margin-right: -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-left: -15px;
	margin-right: -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 {
	background-color: #C8D5EE;
	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: 100%;
	font-weight: bold;
	text-decoration: underline;        
}

/*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 horizontal menu      -----------------
 * ===================================================================== */
/* Horizontal menu : for menu-main */

#menu-main {
	width: 15%;
	float: left;
}

#menu-main ul {
	padding: 0;
	margin-top : 0;
	margin-left: 0;
}

#menu-main ul li {
	/*padding:0 0 0 2px;*/
	display:inline;
	float: left;
}

#menu-main ul li a {
	display:block;
	text-decoration:none;
        float:left;
}

#menu-main ul li a span {
	-moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        background-color: #474747;
	display:block;
	width:180px;
	_width:200px;
	padding: 3px;
	text-align: center;
/*	margin:0px 2px;*/
	cursor: pointer;
	cursor:hand;
	color: WHITE;
	border : 1px solid white;
}

#menu-main ul li a:hover span {
	-moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	background-color: white;
	color: black;
	border: 1px solid black;
}

#menu-main ul li:hover a {
	color: black;
}

#menu-main ul li.active a {
	height:20px;
	padding-bottom:5px;
}
/*
 ___________________________________
/* ********Menu déroulant******** */

ul#menu li ul{
     display:none;
}

ul#menu li:hover ul{
    display:block;
}

ul#menu ul{
    position: absolute;
    list-style:none;
    margin-left: 187px;
    padding:0px;
    width:160px;
    z-index:1;
}


ul#menu ul ul{
    top:0px;
    left:166px;
    z-index:2;
}

ul#menu ul li{
	position:relative;
	float:none;
	margin:0px;
	padding:0px;
	_display:inline;
}

ul#menu ul li a{
	display:block;
/*	padding:0px;*/
	width:160px;
}

ul#menu ul li a span{
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border: none;
	display:block;
	width:144px;
	_width:156px;
	padding:2px 6px;
	margin:0px 2px 1px;
/*	text-align: left;*/
	cursor: pointer;
	color: white;
	background-color: #474747;
}


ul#menu ul li a:hover span{
	color: black;
	border: 1px solid black;
	background-color: white;
}

ul#menu ul li.first{
/*	padding-left:0px;*/
	border: none;
}

ul#menu ul li.last{
	padding-right:0px;
	border: none;
}

ul#menu ul li.last a{
	padding-bottom:2px;
}

/* =====================================================================
 * ---------------      styles for vertical menu      ------------------
 * ===================================================================== */
/* vertical menu */
ul#menu-verti li ul{
	display:none;
}

ul#menu-verti li:hover>ul{
	display:block;
}

ul#menu-verti{
	float:left;
}

ul#menu-verti, ul#menu-verti ul{
	background: #6887C2;
	border: 1px solid #6887C2;
	list-style:none;
	margin:0px;
	padding:0px;
	width:148px;
}

ul#menu-verti ul{
	position:absolute;
	top:-1px;
	left:148px;
}

ul#menu-verti li{
	position:relative;
	margin:0px;
	padding:0px;
}

ul#menu-verti a{
	display:block;
	width:100%;
	color:Black;
	text-decoration:none
}

ul#menu-verti a:hover{
	background:Black;
	color: #fff;
}



/* =====================================================================
 * -------------      styles for the footer content     ----------------
 * ===================================================================== */
#footer {
	clear: both;
}

div.footer-content a:link, #footer a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div.footer-content a:hover, #footer a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

div.footer-content {
	color: #fff;
	text-align: center;
	font-size: 77%;
	width: 100%;
	margin: 0px auto 0px auto;	
	padding-bottom: 20px;
	background: #C8D5EE  url(../images/admin/skin/roundbox_back.gif) right repeat-y;
}

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;
	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);
	padding-bottom: 50px;
	display: block;
	font-size: 1px;
	height: 8px;
	line-height: 0.1;
	/*padding-top: 0px;*/ 
/*	text-align: left;
}*/

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

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


/* =====================================================================
 * --------------    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 {
	display: inline;
	font-weight: bold;
/*	padding-left : 315px;*/
	text-align: right;
	margin-right: 5px;
	font-size: 11px;
	vertical-align: middle;
}

#page-path-content a:link, #page-path a:visited {
	font-weight: normal;
	text-decoration: none;
}
#page-path-content a:hover, #page-path a:active {
	font-weight: normal;
	text-decoration: underline;
}



/* ------------------------------------- */
/* 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:40px;
	height:40px;
	/*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;
	list-style-type: circle;
}

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;
	list-style-type: disc;
}

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 {
	height: 22px; 
	width: 22px; 
	border-style: none; 
	font-weight: bold;
	color: Black; 
	font-size: 12px; 
	cursor: pointer; 
}


div.site-buttons {
    height: 22px;
    width: 22px;
	 float: right; 
	margin: 0 0 0 2px;
}


div.site-buttons a{
    display: block;
    text-decoration: none;
}

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

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

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

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

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

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

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

#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 40px 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;
}

/* =====================================================================
 * --------------     styles for the site messages     -----------------
 * ===================================================================== */

/* the box "message" contains a header & a content */
div.message {
	border: 1px solid #C6C9C1;
	margin-left: 25%;
	margin-right: 25%;
	margin-top: 150px;
	margin-bottom: 50px;
}

/* the message header  */
div.message-header {
	background-color: #E6EAF3; /*#FF9999*/
	border-bottom: 1px dotted #C6C9C1;
	color: red; /*#1C2861; */
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

/* the message content  */
div.message-content {
	background-color: white;
	border: 0;
	margin: 0;
	padding: 15px;
}

img.message  {
    border: none;
    float: right;
}