/* ======================================== */
/* General Styles */
/* ======================================== */



body,
.body-bg
{ 
	/*background-repeat: repeat-x;
	background-image: url(images/acp_logo_strip.gif);*/
	background-color: #c4c4b5;
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
	font-size: 11px;
	margin: 0px auto;
	padding: 0px;
	text-align: center; /* centers board in MSIE known bug workaround */
}

table, tr, td
{
	color: #000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Verdana, "Trebuchet MS";
	font-size: 11px;
}

form
{
	border: 0px solid #000;
	display: inline;
	margin: 0px;
	padding: 0px;
}

input,
select
{
	border: 1px solid #999999;
	width:250px;
	height:25px;
	color: #555;
	font-size: 11px;
	padding: 5px;
}
textarea{
	height:100px;
	font-family:verdana;
	font-size:10px;
	background-color:#F9FFA2;
	border:1px solid #999999;
	width:95%;
}
input:focus,
select:focus
{
	background: #ededed;
	border: 1px solid black;
}

input
{
	cursor: text;
}

a{
	text-decoration:none;
}
a:link,
a:visited,
a:active
{
	background-color: transparent;
	color: #000;
	text-decoration: underline;
}

a:hover
{
	background-color: transparent;
	color: #465584;
	text-decoration: underline;
}
a.lien-fleches
{
	background-color:#ACBFD9;
	font-size:14px;
	color: #000000;
	/*font-weight:normal;*/
	text-decoration: none;
}
.bande-haut
{
	float:left;
	width:100%;
	height:100px;
	background: #a8a8a8;
	color: #000000;
	font-size: 20px;
}
.contenu-bandeau
{
	float:left;
	vertical-align:middle;
	padding: 35px 0 0 0 ;
}

.menu
{
	float:left;
	width:100%;
	height:45px;	
	background: #000000 url(../images/menu.jpg) repeat-x scroll 0%;
}
.contenu-menu
{
	float:left;
	width:100%;
	color: #3A4F6C;
	font-size: 15px;
	padding:12px 0 0 0;
}

#contenu{
	width:980px;	
	margin: 0px auto;

}
.contenu{
	float:left;
	width:100%;
	height:auto;	

	color: #3A4F6C;

}

.contenu-accueil{
	float:left;
	width:100%;
	height:400px;	

	color: #3A4F6C;
}
.contenu-general{
	float:left;
	width:100%;
	height:auto;	

	color: #3A4F6C;
}

.zone-contenu {
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	/*border:1px solid #0f0;*/
}
.zone-texte-form {
	float:left;
	width:42%;
	height:auto;
	overflow:hidden;
	margin:4px;
	/*border:1px solid #0f0;*/
}
/* -------------------------------- */
/* Drop shadows	margin:10px 0 0 10px ;
/* -------------------------------- */

.shadow-moz
{
	padding:0 6px 6px 0;
    background: url(images/folder_css_images/dropshadow-alpha.png) no-repeat bottom right;
}

.shadow-ie
{
	filter: shadow(color:gray,direction:135,strength:3);
}
  
/* -------------------------------- */
/* Loading box
/* -------------------------------- */

#loading-layer-inner
{
	width:220px;
	height:28px;
	padding:18px 10px 10px 10px;
	text-align:center;
	color: #000;
	border: 1px solid;
	border-color:#ccc #666 #666 #ccc;
	background-color: #FCF8C7;
}

/**
* Information box
**/

.information-box
{
	color: #000;
	border: 1px solid #000;
	-moz-border-radius: 5px;
	background-color: #FCF8C7;
	padding: 6px;
	text-align:left;
}

.information-box img
{
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	vertical-align:middle;
	border: 0px;
}

.information-box h2,
.information-box p
{
	padding: 0px;
	margin:  0px;
	margin-left: 60px;
}

.information-box h2
{
	padding-bottom: 4px;
	font-size: 14px;
	border-bottom: 1px solid #000;
}

/**
* Used: Content -> pages & dirs overview
* when not a folder, so we show a diff
* link underline
*/

.input-warn,
.input-warn-content
{
	border: 1px solid #C00;
}

.input-ok,
.input-ok-content
{
	border: 1px solid #0C0;
}

.input-warn-content
{
	padding: 4px;
	margin: 4px;
	background-color: #FCC;
}

.input-ok-content
{
	padding: 4px;
	margin: 4px;
	background-color: #CFC;
}

.global-copyright
{
	font-size:10px;
	font-weight:bold;
	color: #000000;
	padding:15px;
	text-align:center;
}

.global-copyright a:link,
.global-copyright a:visited,
.global-copyright a:active
{
	color: #000000;
	text-decoration: underline;
}

img.ipd
{
	vertical-align:middle;
	border:0px;
	padding:0px;
	margin:0px;
	float:none;
}

img.calendar
{
	vertical-align:top;
	border:0px;
	width:16px;
	height:16px;
}

/* ======================================== */
/* GENERAL SYTLES */
/* ======================================== */
.tableborder
{
	border: 1px solid #000000;
	background-color:#F5F9FD;
}

.tableheader
{
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	color:#000000;
	padding:8px 0px 8px 5px;
	background-color:#a8a8a8;
	border-bottom: 1px solid #000000;
}

.tablesubheader
{
	background-color:#ACBFD9;
	font-size:10px;
	color: #3363A1;
	font-weight:bold;
	padding:5px;
}

.tablerow1 img,
.tablerow2 img
{
	vertical-align:middle;
	border:0px;
}

.tablerow1
{
	background-color:#EAEDF0;
	padding:6px;
	border-bottom:1px solid #C1BEBE;
	border-right:1px solid #C1BEBE;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

.tablerow2
{
	background-color:#F1F1F1;
	padding:6px;
	
	border-bottom:1px solid #C1BEBE;
	border-right:1px solid #C1BEBE;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
}

/* ======================================== */
/* BUTTONS / FORMS */
/* ======================================== */
.popupmenu
{
	background-color: #EFF3F7;
	border: 1px solid #999;
	text-align: left;
	font-size: 10px;
	padding: 3px 5px 3px 3px;
	background-image: url(images/icons_menu/menu-icon-bg.gif);
	background-repeat: repeat-y;
}

.menusep
{
	white-space: nowrap;  /* stop menu collapsing in IE */
	padding-top:4px;
	padding-bottom:3px;
	border-bottom:1px solid #DDD;
}

.menuseplast
{
	white-space: nowrap; /* stop menu collapsing in IE */
	padding-top:4px;
	padding-bottom:3px;
	color: #000;
}

.menusep a:link, 
.menusep a:visited, 
.menusep a:active,
.menuseplast a:link, 
.menuseplast a:visited, 
.menuseplast a:active
{
	text-decoration:none;
	font-weight:bold;
	color: #000000;
}

.realbutton
{
	border:1px solid #999;
	background-color: #E7E7E7;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
	cursor: pointer;
	cursor: hand;
}

.realdarkbutton
{
	border:1px solid #999;
	background-color: #CCC;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	padding:2px;
	cursor: pointer;
	cursor: hand;	
}

.desctext
{
	color:gray;
}

/* ============================================================== */
/* DIFF STYLES
/* ============================================================== */

del
{
	background-color: #D7BBC8;
	text-decoration:none;
}

ins
{
	background-color: #BBD0C8;
	text-decoration:none;
}