/* =======================================================================
 * 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     =================
=========================================================================== */

body
{
	margin: 0px ;
	padding: 0px;
	background-color: #ffffff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

form { padding:0 ; margin:0 ; }

/* ----------------- */
/* Main links styles */
a:link, a:visited {
	color: #1E2A63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:active {
	color: #1E2A63;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

/* ------------ */
/* default cells*/
td {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
th {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ------- */
/*  titles */
h1 {
	color: #1C2861;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
h2 {
	color: #1C2861;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
h3 {
	color: #1C2861;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
h4 {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}




/* ========================================================================
========================     PORTLETS STYLES    ===========================
=========================================================================== */

/* ========================================================================
 * TEXT HTML
 * ------------------------------------------------------------------------ */
/* the box "portlet" contains a header & a content */
div.portlet
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #005682;
	border-bottom:1px solid #005682;
	border-right:1px dashed #cccccc;
	border-top:1px dashed #cccccc;
   	position:relative;
   	margin-bottom:10px;
}
/* the portlet header  */
div.portlet-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#581f25;
	font-size: 13px;
	font-weight: normal;
	border-bottom:1px solid #581f25;

}
/* the portlet content  */
div.portlet-content
{
	padding:10px;
	margin:0;
	background-color: #ffffff;
	border: 0px;
	font-size: 10px;

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


/* ========================================================================
 * PAGES FILLES
 * ------------------------------------------------------------------------ */
/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-background-colored
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #005682;
	border-bottom:1px solid #007000;
	border-right:1px solid #007000;
	border-top:1px solid #005682;
   	position:relative;
   	margin-bottom:10px;
}
/* the portler header */
div.portlet-background-colored-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#581f25;
	font-size: 13px;
	font-weight: normal;
	border-bottom:1px dashed #581f25;

}
/* the portlet content  */
div.portlet-background-colored-content
{
	padding:10px;
	margin:0;
	background-color: #ffffff;
	border: 0px;
	font-size: 10px;
}

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


/* ========================================================================
 * LISTES D'ARTICLES
 * ------------------------------------------------------------------------ */
/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-articles
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:1px dashed #ffc016;
	border-bottom:1px dashed #ffc016;
	border-right:1px solid #005682;
	border-top:1px solid #005682;
   	position:relative;
   	margin-bottom:10px;
}
/* the portler header */
div.portlet-articles-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#581f25;
	font-size: 13px;
	font-weight: normal;
	border-bottom:1px solid #cccccc;

}
/* the portlet content  */
div.portlet-articles-content
{
	padding:10px;
	margin:0;
	background-color: #ffffff;
	border: 0px;
	font-size: 10px;
}

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


/* ========================================================================
 * ACTEURS LOCAUX
 * ------------------------------------------------------------------------ */
/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-actors
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #ffc016;
	border-bottom:1px solid #ffc016;
	border-right:1px solid #ffc016;
	border-top:1px solid #ffc016;
   	position:relative;
   	margin-bottom:10px;
}
/* the portler header */
div.portlet-actors-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#581f25;
	font-size: 13px;
	font-weight: normal;
	border-bottom:1px dashed #581f25;

}
/* the portlet content  */
div.portlet-actors-content
{
	padding:10px;
	margin:0;
	background-color: #fdeab7;
	border: 0px;
	font-size: 10px;
}

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

/* ========================================================================
 * FICHIERS TÉLÉCHARGEMENTS
 * ------------------------------------------------------------------------ */
/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-files
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:2px solid #005682;
	border-bottom:2px solid #005682;
	border-right:2px solid #005682;
	border-top:2px solid #005682;
   	position:relative;
   	margin-bottom:10px;
}
/* the portler header */
div.portlet-files-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#581f25;
	font-size: 13px;
	font-weight: normal;
	border-bottom:1px dashed #581f25;

}
/* the portlet content  */
div.portlet-files-content
{
	padding:10px;
	margin:0;
	background-color: #fdeab7;
	border: 0px;
	font-size: 10px;
}

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

/* ========================================================================
 * LIENS UTILES
 * ------------------------------------------------------------------------ */
/* The box "portlet-background-colored" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-links
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-left:1px solid #007000;
	border-bottom:1px solid #007000;
	border-top:1px solid #007000;
	border-right:1px dashed #cccccc;
   	position:relative;
   	margin-bottom:10px;
}
/* the portler header */
div.portlet-links-header
{
	margin:10;
	font-weight:normal;
	padding:5px;
	background-color: #ffffff;
	color:#007000;
	font-size: 14px;
	border-bottom:1px dashed #cccccc;

}
/* the portlet content  */
div.portlet-links-content
{
	padding:10px;
	margin:0;
	background-color: #ffffff;
	border: 0px;
	font-size: 10px;
}

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

/* ========================================================================
 * styles for portlets with no background
 * ------------------------------------------------------------------------ */
/* The box "portlet-no-background" is  similar to "portlet" but
 * provides different settings.
 */
div.portlet-no-background
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
   	position:relative;
   	margin-bottom:10px;
}
/* portler header  */
div.portlet-no-background-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#260650;
	font-size: 11px;
	font-weight: bold;

}
/* portlet content  */
div.portlet-no-background-content
{
	padding:15px;
	margin:0;
	border: 0px ;
	font-size: 10px;

}



/* ========================================================================
===========================================================================  *




/* ========================================================================
====================     ARTICLES & FICHES STYLES    ======================
===========================================================================  *


/* ========================================================================
 * styles for the basic portlets
 * ------------------------------------------------------------------------ */
/* Basic styles for articles,
 * also used as basic styles for "fiches"
 */
div.article
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
   	position:relative;
   	margin-bottom:10px;
}
/* article header  */
div.article-header
{
	margin:0;
	font-weight:bold;
	padding:5px;
	background-color: #ffffff;
	color:#260650;
	font-size: 11px;
	font-weight: bold;

}
/* article content  */
div.article-content
{
	margin-left:150px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:0px;
	border: 0px ;
	font-size: 10px;
}
/* box containing the article image */
div.article-image
{
	float:left;
	width:150px;
	padding:10px;
}
/* box containing the article buttons (send, print, back) */
div.article-buttons
{
	width:120px;
	float:left;
	padding-left:20px;
}



/* ========================================================================
===========================================================================  *




/* ========================================================================
=====================     HEADER & FOOTER STYLES    =======================
===========================================================================  *

/* ====================================================================
 * styles for the header
 * ------------------------------------------------------------------- */

#header
{
	background-color: #ffffff;
	height:70px;
	background-image: url('../images/local/skin/banner_middle.gif');
	background-repeat: repeat-x;
	background-position: top right;
	overflow: hidden;
}

/* ====================================================================
 * styles for the menu-tools box
 * -------------------------------------------------------------------- */
#menu-tools-content
{
	border: none;
	color: #260650;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding:0px;
	text-align:left;

}

#menu-tools a:link, #menu-tools a:visited
{
	color: #260650;
	text-decoration: none;
}
#menu-tools a:hover, #menu-tools a:active
{
	color: #260650;
	text-decoration: underline;
}

/* ====================================================================
 * styles for the menu-main box
 * -------------------------------------------------------------------- */
#menu-main-content
{
	border: none;
	color: #84454a;
	background-color: #fdeab7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding:0px;
	text-align:left;

}
#menu-main a:link, #menu-main a:visited, #menu-main a:hover, #menu-main a:active
{
	color: #84454a;
	text-decoration: none;
}



/* ====================================================================
 * styles for the page-path box
 * -------------------------------------------------------------------- */
#page-path-content
{
	border: none;
	color: #1C2861;
	background-color: #E6EAF3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding:0px;
	text-align:left;

}
#page-path a:link, #page-path a:visited
{
	color: #581f25;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
}
#page-path a:hover, #page-path a:active
{
	color: #581f25;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: underline;
}



/* ====================================================================
 * styles for the footer content
 * -------------------------------------------------------------------- */
#footer-content
{
	border: 0px;
	text-align:center;
	color: #EE9C00;
	font-weight:bold;
}

#footer a:link, #footer a:visited
{
	color: #EE9C00;
	font-weight:bold;
	text-decoration: none;
}
#footer a:hover, #footer a:active
{
	color: #EE9C00;
	font-weight:bold;
	text-decoration: underline;
}




/* ========================================================================
===========================================================================  *




/* ========================================================================
=====================     VARIOUS SPECIFIC STYLES   =======================
===========================================================================  *


/* ====================================================================
 * styles for alert box
 * -------------------------------------------------------------------- */
div.alert
{
	text-align:center;
	color:red;
	font-weight:bold;
}



/* ====================================================================
 * styles for tables
 * -------------------------------------------------------------------- */


/* --------------------------------------------------------------------
 * ------------- data-table : used to display data in rows ------------
 */
table.data-table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C6C9C1;
   	margin-bottom:10px;
	width:90%;
	border-collapse:collapse;
	background-color: #FFFFFF;

}
/* style for even rows */
table.data-table tr.even-row
{
	background-color: #FFFFFF;
}
/* styles for odd rows */
table.data-table tr.odd-row
{
	background-color: #F8F8F8;
}
/* basic row style */
table.data-table tr
{
	background-color: #F8F8F8;
}

/* table header, eg. : columns names */
table.data-table th
{
	height:20px;
	border-left:1px solid #C6C9C1;
	border-right:1px solid #C6C9C1;
	border-bottom:1px dotted #C6C9C1;
	vertical-align:middle;
	background-color: #E6EAF3;
	color:#260650;
	font-size: 11px;
	font-weight: bold;
}

/* table cell */
table.data-table td
{
	border-left:1px solid #C6C9C1;
	border-right:1px solid #C6C9C1;
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
}



/* --------------------------------------------------------------------
 * ---------------------- external-border-only  -----------------------
 * a border only around the table, no border for cells, white bg-color
 */
 table.external-border-only
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C6C9C1;
   	margin-bottom:10px;
	background-color: #FFFFFF;
	border-collapse:collapse;

}
table.external-border-only th
{
	height:20px;
	border-bottom:1px dotted #C6C9C1;
	vertical-align:middle;
	background-color: #E6EAF3;
	color:#260650;
	font-size: 11px;
	font-weight: bold;
}

/* --------------------------------------------------------------------
 * ------------------- 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
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #C6C9C1;
   	margin-bottom:10px;
	background-color: #F8F8F8;
	border-collapse:collapse;

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