* {margin:0;padding:0}
/* mac hide */
html,body{height:100%;width:100%;}
/* end hide */

body {
    color: #222222;
    margin: 0px;
    padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	letter-spacing: 0px;
	
	line-height: 19px;
	background-image: url('../images/global/background.jpg');

	background-color: #E9F3FB;
	background-repeat: repeat-y;
}

.adminbody {
    color: #222222;
    margin: 0px;
    padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	letter-spacing: 0px;
	
	line-height: 19px;
	background-image: none;

	background-color: #E9F3FB;
	background-repeat: repeat-y;
}

#outer{
	position: absolute;
	vertical-align:top;
	z-index: 3;
}
#container {
	position:relative;
	text-align: left;
	vertical-align:top;
	width: 100%;
	z-index: 4;
}

#inner {
	position:absolute;
	top: 0px;
	left: 162px;
	text-align: left;
	vertical-align:top;
	width: 808px;
	background: #ECECEC;
	margin-left:auto;
	margin-right:auto;
	z-index: 5;
}

#adminInner {
	position:absolute;
	top: 0px;
	left: 162px;
	text-align: left;
	vertical-align:top;
	width: 940px;
	background: #ECECEC;
	margin-left:auto;
	margin-right:auto;
	z-index: 5;
}

p {
    color: #222222;
	font-family:Arial, Helvetica, sans-serif;
	
	letter-spacing: 0px;	
	line-height: 19px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
.copyText {
	font-family:Arial, Helvetica, sans-serif;
	
    color: #222222;
	
	line-height: 19px;
}

a {
    color: #B60A34;
	font-family:Arial, Helvetica, sans-serif;
	
	text-decoration: underline;	
	line-height: 19px;
    background : transparent;
    }

a:link {
    color: #B60A34;
}
a:visited {
    color: #B60A34;
}
a:hover {
    color: #000000;
	text-decoration: underline;
}
ul {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
		
	line-height: 19px;
	margin-left: 17px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}

html>body ul { 
	margin-left: 20px;
	padding-left: 17px;
	list-style:square;
}
ol {
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
		
	line-height: 19px;
    padding-left: 15px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

h1 {
	font-family: Arial Narrow, Arial,sans-serif;
	font-size:140%;
	font-weight: bold;
	line-height: 22px;
    color: #B60A34;
	padding: 35px 0 0 0;
	margin: 0px 0px 20px 0px;
	text-transform:uppercase;
	/*cursor: pointer;*/
}
h2 {
	font-family: Arial Narrow, Arial,sans-serif;
	font-size:140%;	
	line-height: 19px;
    color: #B60A34;
	padding: 0px;
	margin: 4px 0px 0px 0px;
	/*cursor: pointer;*/
}
h3 {
	font-family: Arial Narrow, Arial,sans-serif;
	font-size:110%;
	font-weight: bold;	
	line-height: 19px;
    color: #B60A34;
	padding: 0px;
	margin: 8px 0px 7px 0px;
	/*cursor: pointer;*/
}
#logohead {
	position: absolute;
	height: 28px;
	width: 808px;
	margin-top: 3px;
	z-index: 30;
}

#logo {
	position: absolute;
	left: 0px;
	top: 205px;
	padding: 0px;
	margin: 0px;
	width: 162px;
	text-align: left;
	z-index: 31;
}
#logoright {
	position: absolute;
	top: 205px;
	left: 0px;
	width: 100%;
	height: 88px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	z-index: 1;
	background-image: url('../images/global/logo-right-bg.jpg');
	background-repeat: repeat-x;
	background-color: transparent;

		margin-bottom:-3px;

}
#logorightimage {
	position: relative;
	top: 0px;
	left: 970px;
/*	height: 85px;*/
	height: 88px;
	width: 166px;
	text-align: left;
	z-index: 32;

	margin-bottom:-3px;

}
html>body #logorightimage { 
	height: 88px;
}
#hauptnavi {
    position: absolute;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	letter-spacing: 2px;
	text-align: center;
    top: 0px;
/*	width: 818px;*/
	width: 808px;
	height: 28px;
    color: #FFFFFF;
    margin: 0px;
	z-index: 40;
	text-decoration: none;
}

#hauptnavi a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
    color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
}
#hauptnavi a:visited {
    color: #FFFFFF;
}
#hauptnavi a:hover {
    color: #FFFFFF;
	text-decoration: none;
}
.hauptnavipunkt {
    position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	height: 18px;
	width: 266px;
	margin-right: 5px;
	padding-top: 3px;
    color: #FFFFFF;
	cursor:pointer;
	
}

.hauptnavipunktlast {
    position: relative;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:120%;
	height: 18px;
	width: 266px;
	padding-top: 3px;
    color: #FFFFFF;
	cursor:pointer;
	
}

.metanavi {
	position: relative;
	float: left;
	left: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;
	text-align: left;
	float: left;
	padding-left: 40px;
	padding-top: 26px !important;
	padding-top: 26px; /* en local	padding-top: 26px;*/
	padding-bottom: 16px;
	margin-top: 60px;
    width: 748px;
	/*color: #909090;*/
	background-image: none;
	height: 10px;
	z-index: 19;
	/*border: 1px solid blue;*/
	
}
.metanavi b {
        color: #000000;
		padding-right: 8px;
		font-weight:normal;
}
.metanavi a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;
       color: #909090;
		text-decoration: none;
}
.metanavi a:visited{
        color: #909090;
}
.metanavi a:hover {
		text-decoration: none;
        color: #000000;
}

.metanavi span a{
padding-right:15px;
}

.metanavi span a:visited.on, .metanavi span a.on{
font-weight: bold;
color:#333;


}

#rightside {
    position: absolute;
    width: 850px;
	font-size: 11px;
    top: 10px;
    right: 0px;
    color: #000000;
    background: #DDD;
	border:3px solid #999;
    padding: 5px;
    padding-top: 8px;
	line-height: 1;
	z-index: 100;
}
#rightside a {
	font: 11px Helvetica, Arial;
	color: #F00;
	line-height: 1.5;
    text-decoration: none;
}

#error {
 	color: #F00;
	font: 11px Helvetica, Arial;
}

input, textarea, select {
    margin: 1px;
    padding: 1px 1px 4px 1px;
    border: 1px solid #000000;
    font: 10pt Arial, Helvetica, sans-serif;
    background: #FFFFFF;
}
.formfields input, .formfields textarea, .formfields select{
    margin: 1px;
    padding: 1px 1px 4px 1px;
    border: 1px solid #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
    background: #E8E9EA;
}

.spacer {
    position: relative; 
	left: 0px;
    width: 100%;
    height: 33px;
    background: #FFFFFF;
}

.address {
	font-family:Arial, Helvetica, sans-serif;
	
	text-align: center;
	float: left;
	padding-top: 13px;
    width: 897px;
	color: #FFFFFF;
	height: 20px;
	z-index: 0;
}


	#maincontent{
		position:relative;
		float: center;
		width: 808px;
		background: #ECECEC;
		z-index: 20;
	}
	
	#adminMainContent{
		position:relative;
		float: center;
		width: 808px;
		/*background: #ECECEC;*/
		z-index: 20;
		left: 50px;
	}

	#keyVisual {
	    position: relative; 
		top: 0px;
		left: 0px;
		margin: 0px;
	    width: 808px;
	    height: 280px;
		z-index: 21; 
	}
	
	#adminSpacer {
	    position: relative; 
		top: 0px;
		left: 0px;
		margin: 0px;
	    height: 30px;
	}
	
	.contentarea {
	    position: relative;
		float: left;
		left: 0px;
		top: 32px !important;
		top: 32px; /* en local	top: 72px;*/
		text-align: left;
	    width: 450px;
/*	    margin: 29px 0px 0px 40px;*/
		padding:0 0 0 40px;
	    margin: 0px;
		font-family:Helvetica, Arial, sans-serif;
		
/*	    font: 12px "Helvetica", "Arial", sans-serif;*/
	    color: #707070;
		z-index: 22;
	}
	
		.contentareasimple {
	    position: relative;
		float: left;
		left: 0px;
		top: 32px !important;
		top: 32px; /* en local top: 72px; */
		text-align: left;
	    width: 720px;
/*	    margin: 29px 0px 0px 40px;*/
		padding:0 0 0 40px;
	    margin: 0px;
		font-family:Helvetica, Arial, sans-serif;
		
/*	    font: 12px "Helvetica", "Arial", sans-serif;*/
	    color: #707070;
		z-index: 22;
	}
	
#jobs {
margin-top:13px;
}	

#jobs img {
padding:0;
margin-bottom:10px;}

/* navigation */

.navigation {
-x-system-font:none;
float:left;
/*font-family: Helvetica,Arial,sans-serif;
font-size:92%;*/
height:0px;
left:0;
line-height:20px;
margin : 20px 0 10px 0;
padding:10px 0 0 0;
position:relative;
text-align:left;
top:0;
/*width:458px;*/
}

.naviright {
float:right;
height:40px;
position:absolute;
right:0;
text-align:center;
top:14px;
width:60px;
}

.navitext {
-x-system-font:none;
/*background:transparent none repeat scroll 0 0;*/
color:#B60A34;
float:left;
font-family: Helvetica,Arial,sans-serif;

font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:20px;
padding-left:5px;
padding-top:0px;
position:relative;
text-align:left;
text-decoration:none;
}

.encadre {
padding: 5px 5px 5px 5px;
border: solid 1px #cd0039;
background: white;
}


#bestof{
z-index:1000;
width:200px;
height:159px;
position:absolute;
top:21px;
left:570px;
}

/* dynamic part, may be put into another file */

#centreshadow {
    position: absolute;
	right: 40px;
	top: 60px;
    width: 230px;
	margin: 0px;
	padding: 0px;
	background: #CFCFCF;
	text-align: left;
	vertical-align: top;
	z-index: 60;
}
#actionArea {
    position: relative; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;

	color: #222222;
	left: 0px;
	top: 0px;
	padding: 0px 25px 22px 25px;
    width: 180px;
	line-height: 14px;
    z-index: 61;
}
#actionArea a {

	font-family:Arial, Helvetica, sans-serif;
	font-size:92%;
	font-weight:bold;
	text-decoration:underline;
}
#actionArea h3 {
    margin-bottom: 2px;
	margin-top: 0px;
	text-transform:uppercase;


}

.action_item {
	margin-bottom: 5px;
}


.rouge {
color:#b60a34;
}


#coldroite {
    position: absolute;
	right: 40px;
	top: 880px;
    width: 230px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	z-index: 60;
	font-size:92%;
}



.temoignages {
font-size:85%;
line-height:normal;
margin-left:-15px;}

.temoignages img {
padding-bottom:10px;
padding-top:20px;
}


.tabpagetemoignage {
float:right;
margin:0 0 10px 10px;
background: white;
font-size:85%;
line-height:normal;
}

.tabpagetemoignage2 {
float:left;
margin:0 10px 10px 0;
background: white;
font-size:85%;
line-height:normal;
}

.tabpagetemoignage3 {
margin:0 10px 10px 0;
background: white;
font-size:85%;
line-height:normal;
width:160px;
margin-left:35px;
}


.tabpagetemoignage table.tableaucontrouge img, .tabpagetemoignage2 table.tableaucontrouge img, .tabpagetemoignage3 table.tableaucontrouge img {
padding: 5px;
}

/* END dynamic part */


/* tableaux */

table.result {
background-color:#FFFFFF;
}

tr.tableauHead td{
color:#fff;
font-weight:bold;
background-color:#cd0039;
padding: 2px 0 2px 5px;
}

tr.tableauBody td{
color:#000;
background-color:#fff;
padding: 2px 0 2px 5px;
}

.tableaucontrouge {
border: solid 1px #cd0039;
}

.rougegras {
color:#cd0039;
font-weight: bold;
/*font-size:75%;*/
}

TABLE.t-data-grid THEAD TR {
color: white;
background-color: #cd0039;
}

TABLE.t-data-grid THEAD TR TH {
text-align: left;
padding: 3px;
/*white-space: nowrap;*/
border-right: 1px solid white;
border-bottom: 1px solid white;
}

TABLE.t-data-grid {
border-collapse: collapse;
border-left: 1px solid white;
}

TABLE.t-data-grid TBODY TR TD {
border-right: 1px solid white;
border-bottom: 1px solid white;
padding: 2px;
}

DIV.t-data-grid {
font-family: "Trebuchet MS", Arial, sans-serif;
}

DIV.t-data-grid-pager {
margin: 8px 0px;
}

DIV.t-data-grid-pager A, DIV.t-data-grid-pager SPAN.current {
text-decoration: none;
color: black;
padding: 2px 5px;
font-size: medium;
border: 1px solid white;
margin-right: 5px;
}

DIV.t-data-grid-pager A:hover {
border: 1px solid black;
}

DIV.t-data-grid-pager SPAN.current {
color: white;
background-color: #cd0039;
}

TABLE.t-data-grid TR TH A {
color: white;
}

DIV.t-beaneditor{
display: block;
background: white;
border: none;
padding: 2px;
font-family: "Trebuchet MS", Arial, sans-serif;
}

DIV.t-beaneditor LABEL{
width: 30%;
display: block;
float: left;
text-align: left;
clear: left;
padding-right: 3px;
}

DIV.t-beaneditor INPUT{
text-align: left;
}

input.t-beaneditor-submit{
position: relative;
}


/*
############################################################

END aoncms Stylesheet 

############################################################
*/