@CHARSET "UTF-8";

* {
 font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
 font-size:12px;
}

p {
	font: normal 0.9em verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
}

h1, h2, h3, h4 {
 font-family: arial,verdana,'Bitstream Vera Sans',helvetica,sans-serif;
 font-weight: bold;
 letter-spacing: -0.018em;
}

body{
    margin: 0;
    padding: 0;
}

.banner{
	width: 820px;	
	margin: auto;
}

.bannertop{
	text-align:right;
	height: 45px;
	background : #144F6F url(../img/degradetop.png) scroll left top repeat-x;
}
.bannerbottom{
	background : #A7CBDF url(../img/degrade.png) scroll left top;
	height: 25px;
}

/* The title */
.bannertop h1 {
	font-size: 1.4em !important;
	padding: 10px;
	color: white;
	margin-top: 0;
	margin-bottom: 0;
}

.menu{
	/*background-color: #FFE2AF;*/
/*	background-color: #EF8E59;*/
	background-image: url(../img/bg_menu.png);
	background-position: top;
	padding: 2px;
	color: #5F5F5F;
	font-size: 13px;
	text-align: right;
}

.menu a{
	font-size: 12px;
}

.underline{
	background-color: #FFE2AF;
	background-image: url(../img/bg_menu.png);
	background-position: top;
	background-repeat : repeat-x;
	height: 28px;
	padding: 2px;
	color: #5F5F5F;
	font-size: 13px;
}

.horizontalPub{
	width: 728px;	
	height:90px;
	margin: auto;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #FFE2AF;
}

.maincontent{
	width:820px;
	min-height: 500px;
	margin: auto;
}

h1, maincontent h2, .maincontent h3, .maincontent h4{
	padding-top: 5px;
	color:   #A63C3C; ;
}
h1 { font-size: 1.5em; letter-spacing: -0.012em; line-height: 1;margin: 0}
h2 { font-size: 1.3em; }
h3 { font-size: 1.1em; margin: 0;}
h4 { font-size: 1em }

.footer{
	text-align: center;
	font-weight: bold;
	padding-top: 4px;
	clear: both;
	width: 820px;
	margin: auto;
}


/* Navigation */
#menu ul { font-size: 0.8em; list-style: none; margin: 0; text-align: right; margin-top: -18px; padding: 5px;}
#menu li {
 border-right: 1px solid #d7d7d7;
 display: inline;
 padding: 0 .75em;
 white-space: nowrap;
}
#menu li.last { border-right: none }

img{
	border: none;
}

a{
	color: #333B3F;
	text-decoration: none;
	font-weight: bold;
}

#form{
	background-color: #e7e0d9;	
}

#form input{
	/*width: 50px;	*/
}

hr {
	color: 	#DCD4CC;
	border: 1px solid;
}

a:visited{
}

a:hover{
	color: #9F3B3B;
}

.aHover{
	color: #9F3B3B;
	text-decoration: underline;
}

input[type=text],input[type=password],input[type=listbox],textarea{
	border: 1px solid   #CFCFCF; ;
	margin: 1px;
}

input[type=text]:focus,input[type=password]:focus,input[type=listbox]:focus{
	background-color:   #FFE2AF; ;
}

input[type=text]:hover,input[type=password]:hover,input[type=listbox]:hover{
	background-color:   #FFEDCF; ;
	border: 1px solid   #CFCFCF; 
}

textarea{
	width: 300px;
	height: 150px;
}

/* @CopixTable styles pour tableaux */
/**************************************************/
.CopixTable,
.CopixVerticalTable {
	border: 1px solid #245069;
	border-collapse: collapse;
	margin-left: 0;
	width: 100%;
	background: #fff;
}
.CopixTable td {
	border-right: 1px solid #245069;
}
.CopixTable tr th,
.CopixTable thead th,
.CopixTable thead th tr,
.CopixVerticalTable tr th,
.CopixVerticalTable thead th,
.CopixVerticalTable thead tr th {
	background-color: #37637C;
	color: #fff;
	text-align: left;
	border-right: 1px solid;
}
/* On retire la bordure droite pour le dernier élément. Pour que ça marche sur IE6, il faut rajouter la classe '.last' */
.CopixTable thead th:last-child {
	border-right-width: 0;
}
.CopixTable thead th.last {
	border-right-width: 0;
}

.alternate {
	background-color: #f6f9f9;
}

.CopixTable tr:hover,
.CopixVerticalTable tr:hover {
	background-color: #DFDFDF;
}

.CopixTable td,
.CopixVerticalTable td {
	height:25px;
}

.CopixTable thead tr a,
.CopixTable thead tr th a:visited,
.CopixVerticalTable thead tr th a,
.CopixVerticalTable thead tr th a:visited {
	color: #fff;
}


/* @actions : tableau avec liste d'actions en colonnes */
/**************************************************/
td.action {
	vertical-align: middle;
	text-align: center;
	padding: 1px;
}

td.action a:link,
td.action a:visited {
	display: block;
}
.CopixTable td.action,
.CopixVerticalTable td.action {
	border-width: 0;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.popupInformation{
	padding: 0px;	
	background-color:#EFEFEF;
}

div.span-12 , div.span-8,div.span-24,div.span-14,div.span-10 {
  float: left;
  margin-right: 10px; 
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

.last       { margin-right:0; padding-right:0; }

.span-1  { width: 30px; }
.span-2  { width: 70px; }
.span-3  { width: 110px; }
.span-4  { width: 150px; }
.span-5  { width: 190px; }
.span-6  { width: 230px; }
.span-7  { width: 270px; }
.span-8  { width: 310px; }
.span-9  { width: 350px; }
.span-10 { width: 390px; }
.span-11 { width: 430px; }
.span-12 { width: 470px; }
.span-13 { width: 510px; }
.span-14 { width: 550px; }
.span-15 { width: 590px; }
.span-16 { width: 630px; }
.span-17 { width: 670px; }
.span-18 { width: 710px; }
.span-19 { width: 750px; }
.span-20 { width: 790px; }
.span-21 { width: 830px; }
.span-22 { width: 870px; }
.span-23 { width: 910px; }
.span-24 { width: 950px; margin: 0; }