body {
	background-color:#FFFFFF;
	/*background: url("pics/banner_left.png") repeat-y scroll 0 0 transparent;*/
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
}
#left_column {
	/*float: left;*/
	/*
	width: 189px;
	min-width: 189px;
	height: 100%;
	*/
	/*background: url('pics/banner_left.png') repeat-y;*/
	/*-moz-background-size: 100% 100%;*/ /* Firefox 3.6 */
	/*background-size: 100% 100%; */
	
}

#center_column {
	/*text-align: left;*/
}

div.header {
	position: relative;
	width: 1302px;
	height: 117px;
	
	padding-left: 1px;
  	padding-right: 1px;
  	
  	/*background-color: #FFFFFF;*/
  	/*border: 1px solid grey;*/
}

div.titlebox{
	/*
  	border-top: none;
  	border-color: black;
  	border-width: 0px 1px 1px 1px;
  	border-style: solid;
 	*/
 	position: relative;
  	padding-top: 5px;
  	padding-bottom: 5px;
  	padding-left: 1px;
  	padding-right: 1px;
 	/* background-image: url(pics/backgroundDivTitle.jpg);*/
  	/*background-repeat: repeat-x;*/
  	
  	/*width: 620px;*/
  	width: 1300px;
  	height: 44px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 18px;
  	font-weight: bold;
  	vertical-align: middle;
}

div.box{
	position: relative;
	border-color: #979797;
  	border-width: 1px 0px;
  	border-style: solid;
  	padding-top: 5px;
  	padding-bottom: 10px;
  	padding-left: 1px;
  	padding-right: 1px;
  	/*background-image:     url(pics/backgroundDivBox.jpg);*/
  	/*background-repeat: repeat;*/
	  
  	/* MODIF SEB -> suppression overflow et height*/
  	/*overflow: auto;*/
  	/*height: 437px;*/
  	/*height: 450;*/
	  
  	/*width: 620px;*/
  	width: 1300px;
}

div.buttonbox{
	position: relative;
	/*
  	border-color: black;
  	border-width: 1px;
  	border-style: solid;
  	*/
  	padding-top: 10px;
  	padding-bottom: 10px;
  	padding-left: 1px;
  	padding-right: 1px;
  	/*background-image: url(pics/backgroundDivButton.jpg);*/
  	/*background-repeat: repeat-x;*/
  	/*width: 620px;*/
  	width: 1300px;
  	height: 44px;
  	vertical-align: middle;
  	text-align: right;
}

A{
	color: #0000EE;
  	font-family: Arial, Helvetica, sans-serif;
  	text-decoration: underline;
}

A:hover{
  	font-family: Arial, Helvetica, sans-serif;
  	text-decoration: none
}

A.button {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
  	font-weight: bold;
  
 	background-color:#979797;
  
  	text-align: center;
  	height: 25px;
  	
  	border-top: 3px solid #A6A6A6;
  	border-right: 3px solid #979797;
  	border-bottom: 3px solid #979797;
  	border-left: 3px solid #A6A6A6;
  
  	color: #000000;
  	text-decoration: none;
  	padding: 2px 15px 3px;
}

A.button:hover {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
  	font-weight: bold;
	  
  	background-color:#A6A6A6;
  
  	text-align: center;
  	height: 25px;
	color: #000000;
  	text-decoration: none;
  	
  	padding-top: 3px;
  	padding-right: 15px;
  	padding-bottom: 2px;
  	padding-left: 15px;
}
A.buttonSmall {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
  	
  	text-align: center;
  	height: 15px;
	  
	background-color:#979797;
  	border-top: 1px solid #A6A6A6;
  	border-right: 1px solid #979797;
  	border-bottom: 1px solid #979797;
  	border-left: 1px solid #A6A6A6;
	  
  	color: #000000;
  	text-decoration: none;
  	padding: 1px 5px 2px;
}

A.buttonSmall:hover {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
	  
  	text-align: center;
  	height: 15px;
  	text-decoration: none;
  	
  	background-color:#A6A6A6;
  	color: #000000;
  	
  	padding-top: 2px;
  	padding-right: 5px;
  	padding-bottom: 1px;
  	padding-left: 5px;
}

A.buttonDelete {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	font-style: normal;
  	line-height: normal;
  	font-weight: bold;
  	background-color: #FF0000;
	text-align: center;
  	height: 15px;
  	border-top: 1px solid #A6A6A6;
  	border-right: 1px solid #979797;
  	border-bottom: 1px solid #979797;
  	border-left: 1px solid #A6A6A6;
  	color: #000000;
  	text-decoration: none;
  	padding: 1px 5px 2px;
  	width: 15px;
}

A.buttonAdd {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 14px;
  	font-style: normal;
  	line-height: normal;
  	font-weight: bold;
  	background-color: #00CC00;
  	text-align: center;
  	height: 15px;
  	border-top: 1px solid #A6A6A6;
	border-right: 1px solid #979797;
  	border-bottom: 1px solid #979797;
  	border-left: 1px solid #A6A6A6;
  	color: #FFFFFF;
  	text-decoration: none;
  	padding: 1px 5px 2px;
  	width: 15px;
}

A.buttonInactif{
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
  	background-color: #00CC00;
  	text-align: center;
  	height: 15px;
  	border-top: 1px solid #A6A6A6;
	border-right: 1px solid #979797;
  	border-bottom: 1px solid #979797;
  	border-left: 1px solid #A6A6A6;
  	color: #FFFFFF;
  	text-decoration: none;
  	padding: 1px 5px 2px;
}

A.buttonSmallGreen {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
   	/* background-color: #9933CC; */
  	background-color: #1E9000;
  	text-align: center;
  	height: 15px;
 	
 	border-top: 1px solid #1E903F;
  	border-right: 1px solid #1E4000;
  	border-bottom: 1px solid #1E4000;
  	border-left: 1px solid #1E903F;
  
  	color: #FFFFFF;
  	text-decoration: none;
  	padding: 1px 5px 2px;
}

A.buttonSmallGreen:hover {
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
  
	background-color: #1EC000;
  	text-align: center;
  	height: 15px;
  	color: #FFFFFF;
  	text-decoration: none;
  	
  	border-top: 1px solid #1E903F;
  	border-right: 1px solid #1E4000;
  	border-bottom: 1px solid #1E4000;
  	border-left: 1px solid #1E903F;
  
  	padding-top: 2px;
  	padding-right: 5px;
  	padding-bottom: 1px;
  	padding-left: 5px;
}

A.buttonSmallRed {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
   
   	background-color: #BB000F;
  	
  	text-align: center;
  	height: 15px;
  	
  	border-top: 1px solid #F74000;
  	border-right: 1px solid #9F3000;
  	border-bottom: 1px solid #9F3000;
  	border-left: 1px solid #F74000;
	
	color: #FFFFFF;
  	text-decoration: none;
  	padding: 1px 5px 2px;
}

A.buttonSmallRed:hover {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
	
	background-color: #FF0000;
  	text-align: center;
  	height: 15px;
  	color: #FFFFFF;
  	text-decoration: none;
  
	border-top: 1px solid #F74000;
  	border-right: 1px solid #9F3000;
  	border-bottom: 1px solid #9F3000;
  	border-left: 1px solid #F74000;
  
  	padding-top: 2px;
  	padding-right: 5px;
  	padding-bottom: 1px;
  	padding-left: 5px;
}



.disabled {
	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: normal;
  	font-weight: bold;
  	background-color: #999999;
  	text-align: center;
  	height: 25px;
  	border-top: 3px solid #333333;
  	border-right: 3px solid #666666;
  	border-bottom: 3px solid #666666;
  	border-left: 3px solid #333333;
  	color: #FFFFFF;
  	text-decoration: none;
  	padding: 2px 15px 3px;
}

ul {
	text-align: left;
	list-style: disc outside none; 
}

li {
	display: list-item;
}

td{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  /*color:#772784;*/
  color:#000000;
}

TD.datacell{
	BACKGROUND-POSITION: left 50%;
	FONT-SIZE: 8pt;
	COLOR: #772784;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

td.title {
	font-family: Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	FONT-SIZE: 18px;
  	padding: 0px 0px 0px 5px;
}

td.subtitle {
  	font-family: Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	FONT-SIZE: 14px;
}

td.little {
	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 10px;
}
td.little {
  	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 12px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
}
td.little2 {
  	font-family: Arial, Helvetica, sans-serif;
  	font-weight: normal;
  	FONT-SIZE: 10px;
}
td.littlebold {
  	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 12px;
	font-style: bold;
	font-weight: bold;
	color:#000000;
}
td.smalllittlebold {
	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 11px;
	font-style: bold;
	font-weight: bold;
	color:#000000;
}
td.smalllittle {
	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 10px;
	font-style: normal;
	color:#000000;
}
td.groundlittlebold {
	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 16px;
	font-style: bold;
	font-weight: bold;
	color:#000000;
}
td.groundlittle {
	font-family: Arial, Helvetica, sans-serif;
  	FONT-SIZE: 13px;
	font-style: normal;
	font-weight: normal;
	color:#000000;
}



tr.listHeader {
  	font-family: Arial, Helvetica, sans-serif;
  	font-weight: bold;
  	FONT-SIZE: 14px;
  	/*background-color: #FFCCFF;*/
  	background-color: #EDECE9;
}

tr.listData{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
}

tr.listDataBis{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  background-color: #FFF5EB;
}

tr.ligne {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  FONT-SIZE: 14px;
  background-color: #000000;
}

plainTextData{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  color: #000000;
}

div.recherche
{
	border-color: #979797;
	border-width: 1px;
	border-style: solid;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}
div.msgdmf
{
 border-color: #772784;
 border-width: 1px;
 border-style: solid;
 padding-top: 1px;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-right: 10px;
 color:#772784;
 }
div.fdv
{
  border-color: #979797;
  border-width: 1px;
  border-style: normal;
  padding-top: 1px;
  padding-bottom: 10px;
  padding-left: 1px;
  padding-right: 1px;
  vertical-align: top;
 /* overflow:auto;*/
}

div.cr
{
  border-color: #979797;
  border-width: 1px;
  border-style: normal;
  padding-top: 1px;
  padding-bottom: 10px;
  padding-left: 1px;
  padding-right: 1px;
  vertical-align: top;
 /*
  overflow:auto;
  height: 360px;
  */

 
}
div.releveinfos
{
  border-color: #979797;
  border-width: 1px;
  border-style: normal;
  padding-top: 1px;
  padding-bottom: 10px;
  padding-left: 1px;
  padding-right: 1px;
  horizontal-align: top;
  /*overflow:auto;*/
  /*height: 360px;*/

  
}
div.msg{
	border-color: #979797;
	border-width: 1px;
	border-style: solid;
	padding-top: 1px;
	padding-bottom: 10px;
	padding-left: 1px;
	padding-right: 1px;
}
div.image
{
  border-color: #979797;
  border-width: 1px;
  border-style: normal;
  padding-top: 1px;
  padding-bottom: 10px;
  padding-left: 1px;
  padding-right: 1px;
  vertical-align: top;
  /*
  overflow:auto;
  height: 400 px;
  */

}
.gris{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  color:#CCCCCC;
}

.error{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  color:#FF0000;
  font-weight: bold;
}

.validation_message{
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 12px;
  color:green;
  font-weight: bold;
}
.textesmessages{
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #660099;
        text-decoration: none;
}
div.questionnaire
{
	border-color: #979797;
	border-width: 1px;
	border-style: solid;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

table.questionnaire {
	border-color: #979797;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}


td.questionnaire {
	border-color: #979797;
	border-width: 1px;
	border-style: solid;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
}

p.avertissement{
	color:#CC0000;
	font-weight:bold;
}

.legende{
font-family:arial,sans serif;
padding-left:8px;
padding-right:8px;
}
.groupbox{
font-family:arial,sans serif;
border: solid #BFBFBF 1px;
padding:5px;
}



td.titlestat {
	font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  FONT-SIZE: 18px;
  padding: 0px 0px 0px 5px;
  
  color: #FF993F; /*dark orange*/
}

tr.stat {
	background-color:#FFC48F /*light orange*/
}

td.smalllittleboldstat {
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 11px;
	font-style: bold;
	font-weight: bold;
	color:#000000;
	
	background-color: #FF993F; /*dark orange*/
}

td.smalllittlestat {
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 10px;
	font-style: normal;
	color:#000000;
	/*background-color:#FFD5AF;*/
}

td.smalllittlestatbis {
  font-family: Arial, Helvetica, sans-serif;
  FONT-SIZE: 10px;
	font-style: normal;
	color:#000000;
	background-color: #FFD5AF /*lighter orange*/
}


table.calendarstat {
	/*
	
	border-spacing: 4px;
	
	background-color: #fffafa;
	*/
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
	
	
	
}


table.calendarstat td{
	vertical-align: top;
	white-space: nowrap;
	/*color: #000000;*/
	/*
	font-size:10px;
	border-style: inset;
	border-color: black;
	background-color: white;
	
	text-align : center;
	*/
}

table.calendarsmall {
	/*
	border-width: 1px;
	border-spacing: 4px;
	border-style: solid;
	border-color: black;
	
	background-color: white;
	*/
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width:100%;
	
}

td.calendarsmalltop {
	color: #000000;
	font-size:10px;
	vertical-align: top;
	padding: 3px;
	background-color: white;
	
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 0px none;
	
}

td.calendarsmallbottom {
	color: #000000;
	font-size:10px;
	vertical-align: top;
	padding: 3px;
	background-color: white;
	
	border-top: 0px none;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

td.calendarsmallday {
	color: #000000;
	font-size:10px;
	vertical-align: top;
	padding: 3px;
	background-color: #FFEE9F;
	
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}


table.retrostat {
	/*
	
	border-spacing: 4px;
	
	background-color: #fffafa;
	*/
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

table.retrostat td{
	vertical-align: top;
	white-space: nowrap;
	/*color: #000000;*/
	/*
	font-size:10px;
	border-style: inset;
	border-color: black;
	background-color: white;
	
	text-align : center;
	*/
	color: #000000;
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

table.retrosmall {
	/*
	border-width: 1px;
	border-spacing: 4px;
	border-style: solid;
	border-color: black;
	
	background-color: white;
	*/
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

td.retrosmall{
	color: #000000;
	font-size:10px;
	vertical-align: top;
	padding: 3px;
	background-color: white;
	
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

/*******************************/

body.stat{
	background: none;
	margin-top: 10px;
	margin-left: 50px;
	margin-bottom: 50px;
	margin-right: 50px;
}

table.stat {
	page-break-inside:avoid;
	border-collapse: collapse;
}

table.stat td {
	color: #000000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	/*font-weight: bold;*/
}

table.stat tr.stat_title td {
	font-weight: bold;
}


/******************************/
div.menu {
	padding: 35px 40px 35px 0;
    position: relative;
    width: 245px;
}

ul.menu {
	list-style: none outside none;
    margin-bottom: 35px;
    padding: 0;
}

ul.menu li {
	background-color: #ededed;
	padding: 0;
    color: #232323;
}

ul.menu li.menu-item-noclick {
	background-color: #232323;
	padding: 0;
    color: #FFFFFF;
    font-size: 18px;
}
ul.menu li.menu-item-noclick span.menu-item-noclick{
	display: block;
	color: #FFFFFF;
    padding: 17px 17px 15px;
    font-size: 18px;
}

ul.menu li a {
	display: block;
	color: #232323;
    padding: 17px 17px 15px;
    font-size: 18px;
    text-decoration: none;
}

ul.menu li a:hover {
	background-color: #ea1e1e;
    color: #fff;
}

ul.sub-menu {
	list-style: none outside none;
    margin-bottom: 35px;
    padding: 0;
}



ul.sub-menu li {
	background-color: #ededed;
	padding: 0;
    color: #232323;
}

ul.sub-menu li a {
	display: block;
	color: #232323;
    padding: 17px 17px 15px;
    font-size: 18px;
    text-decoration: none;
}

ul.sub-menu li a:hover {
	background-color: #ea1e1e;
    color: #fff;
}

/*******************************/
div.block_shadow {
	background-color: #FFFFFF;
	
	-moz-box-shadow: 5px 5px 5px #666666; /* Firefox 3.6 and earlier */
	-ms-box-shadow: 5px 5px 5px #666666;
	box-shadow: 5px 5px 5px #666666;
	
	color: #2C3230;
	
	width : 100%;
	
	z-index:40;
	float: left;
	
	padding: 10px 1px 5px 10px;
	margin-bottom: 15px;
	
	border-color: #979797;
	border-width: 1px;
	border-style: solid;
	
	-webkit-border-radius: 20px;
	-webkit-border-top-right-radius: 80px;
	-webkit-border-bottom-left-radius: 80px;
	-moz-border-radius: 20px;
	-moz-border-radius-topright: 80px;
	-moz-border-radius-bottomleft: 80px;
	border-radius: 20px;
	border-top-right-radius: 80px;
	border-bottom-left-radius: 80px;
}

div.block_detail {
	
	margin-left: 24px;
    margin-right: 35px;
	
	/*
	border: 2px outset darkgray;
	margin-left: 25px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	*/
}

div.block_boutons {
	float: right;
    margin-right: 25px;
    padding: 10px;
    text-align: center;
}
div.block_bouton {
	float: left;
	text-align: center; 
	vertical-align: top;
}

div.block_bouton_inactif {
	float: left;
	text-align: center; 
	vertical-align: top;
	opacity: 0.5;
}

div.block_bouton a{
	text-decoration: none;
}

div.block_bouton a:hover img{
	
	-moz-box-shadow: 2px 2px 3px #666666; /* Firefox 3.6 and earlier */
	-ms-box-shadow: 2px 2px 3px #666666;
	box-shadow: 2px 2px 3px #666666;
	
	border: 1px solid lightgray;
	/*pour compenser l'ajout du border: */
    margin-left: -2px !important;
    margin-top: -2px !important;
}

div.vertical_separator {
	float: left;
	width: 5px;
}

div.block_penche {
	transform: rotate(-8deg);
 	-ms-transform: rotate(-8deg); /* IE 9 */
 	-webkit-transform: rotate(-8deg); /* Safari and Chrome */
 	-o-transform: rotate(-8deg); /* Opera */
 	-moz-transform: rotate(-8deg); /* Firefox */
 	
 	
 	float:left;
 	margin-right: 30px;
}