@font-face { font-family: berthold; src: url('/fonts/Berthold-AGOldFaceBQ-Regular.otf'); } 

body {
	margin: 0px;
	font-family: berthold, arial;
	font-size: 10px;
}
p {
	/*margin: 0px;
	padding: 0px;*/
}
h1 {
	margin: 2px 0px 2px 0px;
	font-size: 16px;
	font-weight: bold;
}
h2 {
	margin: 2px 0px 2px 0px;
	font-size: 14px;
	font-weight: bold;
}
h3 {
	margin: 8px 0px 4px 0px;
	font-size: 1em;
	font-style: italic;
	border-bottom: solid #888888 1px;
}
hr {
	height: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.aMdp {
	font-size: 9px;
}
input[type=button] {
	background-color: transparent;
	border-width: 0px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}
input[type=submit] {
	background-color: transparent;
	border-width: 0px;
	cursor: pointer;
	font-weight: bold;
	vertical-align: top;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}
input[type=submit].bigButton, input[type=button].bigButton {
	background-color: #53565a;
	color: #fff;
	margin: 0px 12px;
	padding: 4px 12px;
	
	border-radius: 4px;
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

input[type=image] {
	margin-left: 8px;
}
input[type=text] {
	/*background-color: #D4F5F9;*/
}
select {
	/*background-color: #D4F5F9;*/
}
textarea {
	/*background-color: #D4F5F9;*/
}
input[type=search] {
	color: #888888;
}
.erreur {
	font-weight: bold;
	color: #ff0000;
}
.erreur a {
	font-weight: bold;
	color: #ff0000;
	text-decoration: underline;
}
.confirm, .confirm a {
	font-weight: bold;
	color: #008800;
}
.warning, .warning a {
	font-weight: bold;
	color: #ff8800;
}
.imageBouton {
	cursor:pointer;
	margin-left: 8px;
	margin-right: 4px;
}
.imageBoutonNoRight {
	cursor:pointer;
	margin-left: 8px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.tb {
	border: solid #bbbbbb 1px;
}
.tbAutoComplete {
	border: solid #bbbbbb 1px;
	background-image:url('/img/loupe.png');
	background-repeat:no-repeat;
	background-position:right top;
}
.tbAutoCompleteErreur{
	border: solid #ff0000 1px;
	background-image:url('/img/loupe.png');
	background-repeat:no-repeat;
	background-position:right top;
}
.tbErreur {
	border: solid #ff0000 1px;
}
.ddl {
	width: 292px;
	height: 20px;
	border: solid #bbbbbb 1px;
}
.ddlErreur {
	width: 292px;
	border: solid #ff0000 1px;
}
textarea {
	border: solid #bbbbbb 1px;
}
textareaErreur {
	border: solid #ff0000 1px;
}
.checkboxList {
	/*max-height: 120px;*/
	border: solid #bbbbbb 1px;
	overflow: auto;
}
.radioButtonList {
	height: 120px;
	border: solid #bbbbbb 1px;
	overflow: auto;
}
.tdCliquable {
	cursor: pointer;
}
.spanCliquable {
	cursor: pointer;
}
.tdField {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
}
.tdFieldCenter {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
.tdFieldLeft {
	height: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.tdFieldUpload {
	height: 40px;
	font-size: 12px;
	vertical-align: top;
}

.tdValue {
	font-size: 12px;
	vertical-align: top;
	text-align: left;
}
.tdValueCenter {
	font-size: 12px;
	vertical-align: top;
	text-align: center;
}
.tdValueRight {
	font-size: 12px;
	vertical-align: top;
	text-align: right;
}
.tdAdd {
	margin-left: 12px;
	margin-top: 4px;
	float: left;
}
li {
	list-style-position: inside;
}
.boutonDel {
	cursor: pointer;
}
.tdTitre {
	font-size:	14px;
	font-weight: bold;
}

.noRight {
	opacity:0.4;
	filter:alpha(opacity=40);
}

.colonneDroite {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #00AAA1;
}

.infoCreation {
	text-align: right;
	color: #949494;
}
.draggable {
	cursor: move;
}
#audienceListe tbody tr {
	cursor: move;
}

/***************************************************************************************
* Contenu
***************************************************************************************/
.pageOut {
	background-color: #ffffff;
	width: 1240px;
	padding: 0px;
	border: 0px;
}
.pageOutFull {
	background-color: #ffffff;
	width: 100%;
	padding: 0px;
	border: 0px;
}
.pageIn {
	padding: 0px;
	width: 100%;
}
.contenu {
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}
.imgButton {
	cursor: pointer;
}

/***************************************************************************************
* Footer
***************************************************************************************/
.tdFooter {
	background-color: #ffffff;
	color: #888888;
	font-size: 12px;
	height: 25px;
	text-align: center;
}
.tdFooter a {
	color: #888888;
	font-size: 12px;
	text-decoration: none;
}
.tdFooter a:hover {
	color: #888888;
	font-size: 12px;
	text-decoration: underline;
}


/***************************************************************************************
* Div unactive JS 
***************************************************************************************/
#unactiveJSBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
	background-color: #ffffff;
}
#unactiveJSWin {
	position: fixed;
	width: 200px;
	top: 40%;
	left: 50%;
	margin-left: -100px;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 12px;
	-moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
  	box-shadow: 12px 12px 12px #666;
  	-moz-box-shadow: 12px 12px 12px #666;  
  	-webkit-box-shadow: 12px 12px 12px #666;
  	z-index: 1000;
	color: #000000;
	border-color: #888888;
}

/******************************************************************************
* Messages utilisateurs
******************************************************************************/
#messageBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}
#messageBG.error {
	background-color: #ff0000;
}
#messageBG.confirm {
	background-color: #338833;
}
#messageBG.info {
	background-color: #888888;
}

#messageWin {
	position: fixed;
	width: 200px;
	top: 40%;
	left: 50%;
	margin-left: -100px;
	background-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	border-radius: 12px;
	-moz-border-radius: 12px; 
    -webkit-border-radius: 12px;
  	box-shadow: 12px 12px 12px #666;
  	-moz-box-shadow: 12px 12px 12px #666;  
  	-webkit-box-shadow: 12px 12px 12px #666;
  	z-index: 1000;
}
#messageWin.error {
	color: #000000;
	border-color: #ff0000;
}
#messageWin.confirm {
	color: #000000;
	border-color: #338833;
}
#messageWin.info {
	color: #000000;
	border-color: #888888;
}

#messageButton {
	margin-top: 12px;
}
#messageButtonOK {
	text-align: center;
}
#messageButtonOui {
	text-align: center;
}
#messageButtonNon {
	text-align: center;
}
#messageButtonAnnuler {
	text-align: center;
}
/***************************************************************************************
* Div attente
***************************************************************************************/
#attenteDiv {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}
#attenteBG {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-align: center;
	vertical-align: middle;
	z-index: 1000;
}
#attenteWin {
	position: fixed;
	width: 200px;
	top: 45%;
	left: 45%;
	/*background-color: White;
	border-width: 2px;
	border-color: #888888;
	border-style: solid;
	padding: 20px;*/
	text-align: center;
	font-weight: bold;
	z-index: 1000;
}

/***************************************************************************************
* Aide en ligne
***************************************************************************************/
.divAide
{
	position: absolute;
	width: 300px;
	border: 1px solid #888888;
	/*background-color: #ffffff;*/
	text-align: left;
	z-index: 2000;
}
.aideEntete {
	background-color: #888888;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
.aideContenu
{
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-size: 12px;
}
.aideTitre
{
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	font-syle: normal;
	font-size: 12px;
}
.aideTexte
{
	color: #0000ff;
	text-align: left;
	font-syle: normal;
	font-size: 12px;
	font-weight: normal;
}

/***************************************************************************************
* Onglets 
***************************************************************************************/
.ongletsBas {
	border-bottom-width:2px;
	border-bottom-style:solid;
	text-align: left;
	padding: 2px 2px 2px 12px;
}
.trOnglets {
	height: 27px;
	font-size: 11px;
}
.tabSeparator {
	width: 2px;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
}
.tabActifOn {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOnPanier {
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.tabActifOnPanier a:hover {
	text-decoration: none;
}

.tabActifOnErreur {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOnCourant {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: bold;
	background-image: url('/img/asterisque.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOn a:hover {
	text-decoration: none;
}
.tabActifOnErreur a:hover {
	text-decoration: none;
}
.tabActifOff {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	cursor: pointer;
	
	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOffPanier {
	padding: 2px 12px 1px 12px;
	text-align: center;
	cursor: pointer;
}
.tabActifOffErreur {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 4px 1px 4px;
	text-align: center;
	cursor: pointer;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOff a {
	font-weight: bold;
}
.tabActifOffErreur a {
	font-weight: bold;
}
.tabActifOffOver {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: top;
	cursor: pointer;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOffOver a:hover {
	text-decoration: none;
}
.tabActifOffCourant {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	cursor: pointer;
	background-image: url('/img/asterisque.gif');
	background-repeat: no-repeat;
	background-position: center right;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOffCourant a {
	font-weight: bold;
}
.tabActifOffCourantOver {
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background-image: url('/img/asterisque.gif');
	background-repeat: no-repeat;
	background-position: center right;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabActifOffCourantOver a:hover {
	text-decoration: none;
}

.tabInactif {
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	padding: 2px 12px 1px 12px;
	text-align: center;
	font-weight: normal;

	border-radius: 12px 12px 0px 0px;
	-moz-border-radius: 12px 12px 0px 0px; 
    -webkit-border-radius: 12px 12px 0px 0px;
}
.tabBoutons {
	text-align: right;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
}

.tabBoutons a {
	font-size: 12px;
	font-weight: bold;
}

.tabBoutonsInfo {
	text-align: right;
	border-style: solid;
	border-width: 0px 0px 3px 0px;
}
.ongletEntete {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 12px;
}
.onglet {
	border-style: solid;
	border-width: 0px 0px 0px 1px;
}
.ongletContenu {
	text-align: left;
	padding: 8px 8px 8px 8px;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	
	-moz-border-radius: 0px 0px 12px 12px;
    -webkit-border-radius: 0px 0px 12px 12px;
    border-radius: 0px 0px 12px 12px;
}
.ongletBoutonOff {
	font-weight: bold;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.ongletIntro {
	margin-bottom: 12px; 
	font-weight: bold;
}
.collapseDivOut {
	margin-top: 12px;
	padding: 0px 0px 0px 0px;
}
.collapseDiv {
	cursor: pointer;
	padding: 2px;
	font-size: 16px;
	font-weight: bold;
	
	-moz-border-radius: 12px 12px 0px 0px;
    -webkit-border-radius: 12px 12px 0px 0px;
    border-radius: 12px 12px 0px 0px;
}
.collapseArrow {
	float: left;
	margin: 5px;
}
.collapsibleDiv {
 	padding: 4px 4px 12px 24px;
	
	-moz-border-radius: 0px 0px 12px 12px;
    -webkit-border-radius: 0px 0px 12px 12px;
    border-radius: 0px 0px 12px 12px;
}
.tabOngletImage img {
	padding-left : 8px;
}

/***************************************************************************************
* Div search
***************************************************************************************/
#divSearch, .divSearch {
	position: absolute;
	width: 600px;
	z-index: 20;
}
.searchLib {
	text-align: right;
}
.searchVal {
}
.searchButton {
	text-align: center;
}
#search {
	width: 100%;
}
#search th {
	font-size: 12px;
}
.searchTh1 {
	width: 50%;
	text-align: left;
}
.searchTh2 {
	width: 50%;
	text-align: right;
}
#search td {
	font-size: 12px;
}

/***************************************************************************************
* Div Export Excel
***************************************************************************************/
#divExportExcel {
	position: absolute;
	width: 400px;
}
.exportExcelLib {
	text-align: right;
}
.exportExcelVal {
}
.exportExcelButton {
	text-align: center;
}
#exportExcel {
	width: 100%;
}
#exportExcel th {
	font-size: 12px;
	height: 25px;
}
.exportExcelTh1 {
	width: 30%;
	text-align: left;
}
.exportExcelTh2 {
	width: 70%;
	text-align: right;
}
#exportExcel td {
	font-size: 12px;
}
.exportExceltdBoutonGauche {
	font-size: 12px;
	width: 50%;
	text-align:right;
	padding-right:4px;
}
.exportExceltdBoutonDroit {
	font-size: 12px;
	width: 50%;
	text-align:left;
	padding-left:4px;
}
/***************************************************************************************
* Div Export Pdf
***************************************************************************************/
#divExportPdf {
	position: absolute;
	width: 400px;
	z-index: 10;
}

.divExportPdf {
	position: absolute;
	width: 400px;
	z-index: 10;
}

#divExportWord {
	position: absolute;
	width: 400px;
	z-index: 10;
}

#divMailPiece {
	position: absolute;
	width: 400px;
	z-index: 10;
}

.exportPdfLib {
	text-align: right;
}
.exportPdfVal {
}
.exportPdfButton {
	text-align: center;
}
#exportPdf {
	width: 100%;
}
#exportPdf th {
	font-size: 12px;
	height: 20px;
}
.exportPdfTh1 {
	width: 30%;
	text-align: left;
}
.exportPdfTh2 {
	width: 70%;
	text-align: right;
}
#exportPdf td {
	font-size: 12px;
}
.exportPdftdBoutonGauche {
	font-size: 12px;
	width: 50%;
	text-align:right;
	padding-right:4px;
}
.exportPdftdBoutonDroit {
	font-size: 12px;
	width: 50%;
	text-align:left;
	padding-left:4px;
}

/***************************************************************************************
* Liste
***************************************************************************************/
.entete {
	margin: 0px;
	font-size: 16px;
	font-weight: bold;
}
.results {
	padding: 4px;
	font-size: 12px;
}
.liste {
}
.liste th {
	font-size: 12px;
	height: 25px;
}
.liste th a {
	font-size: 12px;
}
.liste tr:hover {
}
.liste .ligne1 {
	/*font-size: 12px;*/
}
.liste .ligne2 {
	/*font-size: 12px;*/
}
.liste .ligne1deleted {
	/*font-size: 12px;*/
	text-decoration: line-through;
}
.liste .ligne2deleted {
	/*font-size: 12px;*/
	text-decoration: line-through;
}
.liste .ligne1error {
	background-color: #b0b1cf;
	/*font-size: 12px;*/
	color:#ff0000;
	font-weight: bold;
}
.liste .ligne2error {
	background-color: #e4e4ee;
	/*font-size: 12px;*/
	color:#ff0000;
	font-weight: bold;
}
.liste .ligne1deleted td{
	text-decoration: line-through;
}
.liste .ligne2deleted td{
	text-decoration: line-through;
}
.ligneAnnulee td{
	text-decoration: line-through;	
}
.action {
	text-align: center;
	width: 100px;
	white-space: nowrap;
}
.tdAction {
	width: 20px;
	padding: 0px 2px 0px 2px;
}
.paginationExt {
	margin: 12px 0px 8px 0px;
	text-align: center;
	font-size: 12px;	
}
.paginationOut {
	padding: 1px 0px 1px 0px;
	border-style: solid;
	border-width: 1px 0px 1px 0px; 
}
.paginationIn {
	padding: 4px;
	background: url('/img/pageBG.png');
	background-repeat: repeat-x;
	background-position: top;
	font-size: 12px;
	font-weight: bold;
}
.pagination {
	width: 100%;
	text-align: center;
}
.divFiltreOut {
	float: right;
	padding-right: 4px;
}
.divFiltreOutShow {
	padding-right: 4px;
}
.divFiltre {
	position: absolute;
	border: solid #888888 1px;
	margin-top: 4px;
	padding: 4px;
	background-color: #ffffff;
	color: #000000;
}

/***************************************************************************************
* Liste carrée
***************************************************************************************/
.listeSquare th {
	font-size: 12px;
	height: 25px;
}
.listeSquare th a {
	font-size: 12px;
}
.listeSquare tr:hover {
}
.listeSquare .ligne1 {
	font-size: 12px;
}
.listeSquare .ligne2 {
	font-size: 12px;
}
.listeSquare .ligne1deleted {
	font-size: 12px;
	text-decoration: line-through;
}
.listeSquare .ligne2deleted {
	font-size: 12px;
	text-decoration: line-through;
}
.listeSquare .ligne1error {
	background-color: #b0b1cf;
	font-size: 12px;
	color:#ff0000;
	font-weight: bold;
}
.listeSquare .ligne2error {
	background-color: #e4e4ee;
	font-size: 12px;
	color:#ff0000;
	font-weight: bold;
}
.listeSquare .ligne1deleted td{
	text-decoration: line-through;
}
.listeSquare .ligne2deleted td{
	text-decoration: line-through;
}

/***************************************************************************************
* Détail
***************************************************************************************/
.readOnlyTextAreaDiv {
	height: 150px;
	width: 292px;
	border: dotted #888888 1px;
	overflow: auto;
	padding: 2px;
}
.divInfos {
	position: absolute;
	width: 300px;
	text-align: left;
	z-index: 20;
	padding: 2px;
	font-weight: normal;
}
.blocDetail {
	background-color: #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 12px;
}
.blocDetail tr{
	height: 25px;
}
.blocDetail th {
	color: #000;
}
.blocTitre {
	text-align: left;
}
.ongletContenu .tdField {
	width: 35%;	
}

/***************************************************************************************
* Div Requete
***************************************************************************************/
#divRequete {
	position: absolute;
	border: solid #592041 1px;
	width: 600px;
}
#Requete {
	width: 100%;
	background-color: #ffffff;
}
#Requete td {
	background-color: #e0dbde;
	color: #000000;
	font-size: 12px;
}
#Requete th {
	background-color: #592041;
	color: #ffffff;
	font-size: 12px;
	height: 25px;
}
.RequeteTh1 {
	width: 80%;
	text-align: left;
}
.RequeteTh2 {
	width: 20%;
	text-align: right;
}