/* CSS Document */
* 
{
	margin:0;
	padding:0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size : 12px;

}
body 
{
	background-color:#fff;
}


h1 
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}

h2 
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:10px;
}

h2.turpe
{
    text-decoration:underline;
}

h2.joli {
    font-size:14px;
    margin-top: 10px;

}

h2.joli::after {
  content: '';
  display: block;
  width: 70px;
  height: 2px;
  margin: inherit;
  margin-bottom: inherit;
  margin: 5px auto 0px 0px;
  background-color: #000;
}



div.section
{
	
	border-left: 2px solid #000;
    padding-left:10px;
	margin:0px 0px 20px 10px;
}

h3 
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:10px;
}


h4 
{
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

p.small 
{
    font-size:12px;
    font-style:italic;
    margin-top:5px;
}

p.highlight 
{
    background-color:#FFFF66;
    padding:10px 20px;
    font-weight:bold;
}

p.highlightRed
{
    background-color:red;
    color:#fff;
    padding:10px 20px;
    font-weight:bold;
    text-transform : uppercase;
}

span.highlight 
{
    background-color:#FFFF66;
    padding:2px 5px;
}

.stopCommercial 
{
    display:inline-block;
    font-size:10px;
    color:red;
    background-color:#FFFF66;
    padding:5px 10px;
    font-weight:bold;
}

.resultMessage 
{
    background-color:#FFFF66;
    padding:2px 5px;
    font-weight:bold;
    display:inline-block;
    
}


span.alert {
    color:red;
}

span.yellow {
    background-color:#FFFF33;
    padding:2px 5px;
    font-weight:bold;
}

.notification
{
    margin-top:10px;
    padding:10px;
    background-color:#DFF0D8;
    border:1px solid #D6E9C6;
}

a
{
	color:#000;

}

a:hover {

}

div.header 
{
    font-size:14px;
}



hr.light 
{
    /*border: 1px solid #efefef;*/
    border:none;
    height:1px;
    margin : 10px 0px;
    background-color : #000;
}


hr 
{
    border: 1px solid #000;
    height:0px;
    margin : 10px 0px;
}


.alertMessage 
{
	background-color:#FEF6D2;
	padding:20px;
	border:1px solid #EFE3AE;
}


.alertSepaMessage 
{
	background-color:#FEF6D2;
	padding:10px;
	border:1px solid #EFE3AE;
    font-weight:bold;
    display:inline-block;
    margin-bottom:10px;
}


span.modified {
    background-color:#FFFF66;
    display:inline-block;
    padding:2px 5px;
    font-weight:bold;
}


.margin 
{
    margin:10px;
}


/* 
******************************************************
*
* Erreurs 
*
******************************************************
*/

.errorMessage 
{
	background-color:#FFFF66;
	color:Red;
	padding:20px;
	border:3px solid red;
	font-weight:bold;
}

.rapport 
{
	padding:10px;
	border:1px solid red;
	margin:10px;
	background-color:#FFFF66;

}


.erreurBloc
{
    margin:20px 0px;
    color:#f20000;
}


span.Red {
    color:red;
}


span.Green {
    color:green;
}
/* 
******************************************************
*
* Tableaux (défaut) 
*
******************************************************
*/

table.fullWidth {
    width:100%;
}

table tr td {
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

table tr.middle td {
	vertical-align:middle;
}

table tr td.right {
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
}

table tr.center td {
	text-align:center;
}

table.valeurs {

    width:50%;
}

table.large {

    width:80%;
}

table.fullwidth {

    width:100%;
}

table.valeurs tr td {
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;

}

/* Menu Horizontal */

table.menuHorizontal
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	width:100%;
	
}

table.menuHorizontalGaz, table.menuHorizontalElec
{
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}



table.menuHorizontal tr td {
	width:100px;
	background-color:#1C86A0;
	margin:0px;
	padding:5px;
}

table.menuHorizontal tr th {
	background-image:none;
	background-color:#000;
	text-align:left;
    margin:0px;
	padding:5px;
}

table.menuHorizontal tr th.logOut {
	text-align:right;
}

table.menuHorizontal tr th.logOut a {
    color:#FFFF66;
}

table.menuHorizontal tr th.Rpt a {
    color:red;
}

table.menuHorizontal tr th, table.menuHorizontal tr th a {
	color:#fff;
	font-weight:bold;
    text-decoration:none;
}

table.menuHorizontal tr td, table.menuHorizontal tr td a {
	color:#fff;
	font-weight:bold;
    text-decoration:none;
}


/* fluide */

.fluide 
{
    margin:0px;
    padding : 5px 10px;
    background: #4D96A7 url('../images/bg-header.jpg') no-repeat right center;
    color:#fff;
}
.fluide div
{
    margin-bottom:10px;
    
    
}
.fluide a
{
    display:inline-block;
    background-color:#5FB5C6;
    padding:4px 5px;
    margin-right:3px;
	/*border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;*/
	color:#fff;
    text-decoration:none;
    font-weight:bold;
}

.fluide a:hover {
    text-decoration:underline;
}


/* 
******************************************************
*
* Tableau structure
*
******************************************************
*/

.content 
{
    margin:10px;   
}


table.structure
{
    table-layout: fixed;
    width: 100%;
}

table.widthReinit
{
    width:initial;
}



table.structure  tr td.colGauche
{
	width:20%;
	padding:0px 10px 0px 0px;
}

table.structure  tr td.colDroite
{
	width:80%;
}


/* 
******************************************************
*
* Blocs (défaut) 
*
******************************************************
*/

.inlineseparation tr td {
    width:25%;
    padding:10px;
}

/*
.inlinebloc
{
	background-color:#fff;
	border: 1px solid #dedede;
    padding:15px;
    width:25%;
}
    */

.UploadBox
{
    width:50%;
    border:1px solid #999;
    background-color:#efefef;
    padding:10px;

}



.uploadDocument {
    margin:0px 20px;
}

.uploadDocument h3 {
    margin:10px 0px;
}


.uploadDocument .liste {
    margin:0px 20px;
}

body.login 
{
    margin:50px;
    text-align:center;
    background-color:#efefef;
    
}

.bloc
{
	background-color:#fff;
	border: 1px solid #D6D6D6;
	margin-bottom:10px;
}

.attention {
    border: 2px solid red;
    padding:10px;

}


.login 
{
    width:250px;
}

.bloc h3 {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 12px;
	margin:0px;
	padding:5px 10px;
	border-bottom: 1px solid #dedede;
	background: #fff url(../images/bg-bloc-header.png) repeat-x left top;
	color:#000;
}

.bloc-content 
{
	margin:10px;
}

.AgentCo {
    padding:10px 15px;
    display:inline-block;
    background-color:#FEF6D2;
	border:1px solid #EFE3AE;
}



/*
.item 
{
    background: #F1F1F1 url('../images/bg-button.jpg') repeat-x left top;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
    display:inline-block;
    padding:0px 5px;
    font-weight:bold;
}

.item input
{
    display:inline-block;
    vertical-align:middle;
}
*/

.messageHeader
{
    font-size:11px;
}

.messageContent 
{
    margin:5px 0px 5px 100px;
    background-color:#efefef;
    padding:10px;
}

/* 
******************************************************
*
* Grille (défaut) 
*
******************************************************
*/

.ScrollableGridView {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.ScrollableGridViewHeight {
    height: 400px;
}

.txtListe {
    padding:5px;
    border:1px solid #efefef;
    width: 80%;
}


.tblListe {
	border:1px solid #efefef;
	/*width:100%;*/
	overflow:auto;
    width: 100%;
	margin-bottom:10px;
}

.tblListeSmall {
    width:40%;
}

.tblListeMedium {
    width:70%;
}

.tblListeCustomWidth {
    width: 1%;

}

.tblListe tr.pager td {
	border: 0px solid #000;
	padding:5px;
}

.tblListe tr td {
	font-size: 12px;
	border: 1px solid #efefef;
	vertical-align:middle;
	padding:5px;
}

.tblListe tr td.center {
	text-align:center;
}


.tblListe tr td.Chiffre, .tblListe tr th.Chiffre {
    text-align:right;
}


.tblListe tr.header, th {
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 12px;
	margin:0px;
	padding:5px;
	border-bottom: 1px solid #dedede;
	background: #fff url(../images/bg-bloc-header.png) repeat-x left top;
	color:#000;
	text-align:left;
}

.tblListe tr.alt {
	background-color: #fff;
}

.tblListe tr, tr.normal {
	background-color: #FBFBFB;
}

.tblListe tr.highlight {
	background-color: #FFE8A1;
}

.tblListe tr.footer, th 
{

}



.tblListe span.subject 
{
    font-weight:bold;
}

.imageButton {
	background-color:transparent;
	background-image:none;
	display:block;
	color:#000;
	border:none;
	margin:0px;
    padding:0px;
}


.tblFlat
{
    background-color:#fff;
}

.tblFlat tr td.center {
	text-align:center;
}

/* 
******************************************************
*
* Formulaires
*
******************************************************
*/



/* Formulaire Vertical */

table.formulaireVertical td.label, table.dupliquer td.label {
	font-weight:bold;
	margin:0px;
	padding:0px;

}


table.formulaireVertical tr td h4 {
    font-size:12px;
    display:block;
    margin-top : 2px;
    padding-top : 5px;
    /*border-top:1px solid #ccc;*/
}

table.formulaireVertical tr td {
	margin:0px;
	padding:0px;
}


table.formulaireReco td.label {
	width:200px;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:5px;
}

table.formulaireReco td.texte {
	font-size:12px;
	margin:0px;
	padding:5px;
}


/* Formulaire Horizontal */

table.formulaireHorizontal, table.formulaireHorizontalLarge
{
	margin-bottom:10px;
}

table.formulaireHorizontal td.label {
	width:100px;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:5px;
}

table.formulaireHorizontalLarge td.label {
	width:150px;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:5px;
}




.red 
{
	background-color:#FFD9D9; 
}




input, textarea
{
    border: 1px solid #A6A9B8;
    font-family:Arial,Helvetica,sans-serif;
    padding:5px;
    margin:0px;
}


[type="checkbox"] {
    margin-right:20px;
	
}




.commentaires {
    background-color:#efefef;
    border: 1px solid #A6A9B8;
    font-family:Arial,Helvetica,sans-serif;
    padding:5px;
}


input.bAjouter
{
    background-color:orange;
    color:#fff;
    font-weight:bold;
    padding:5px 20px;

}



input.bModifier
{
    padding:5px 20px;
}

input.btnForm
{
    margin:5px 0px;
    background: #F1F1F1 url('../images/bg-button.jpg') repeat-x left bottom;
    border: 1px solid #A6A9B8;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;
    padding:10px;
}

input[type="checkbox"], input[type="radio"]
{
	background-color: transparent;
	border: none;
	margin:0px;
	padding:0px;
	width:auto;
}

input:focus,
textarea:focus,
select:focus	{ 
	background-color:#efefef;
}
textarea {
	overflow:auto;
}

select  {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 3px 5px;
    margin:0px;
}



fieldset 
{
    
	margin-bottom:5px;
	padding:0px;
    color:#000;
    font-size:12px;
    width:100%;
}


fieldset fieldset
{
    margin-left:135px;
    width:50%;
}

fieldset .tooltip fieldset
{
    width:100%;
}


.inlineform fieldset 
{
    float:left;
    display:inline;
}

label 
{
    font-family:Arial,Helvetica,sans-serif;
	float:left;
	display:inline;
	width: 135px;
	font-size:12px;
	font-style:normal;
	/*padding-top:8px;*/
	/*color:#56605F;*/
	line-height: 30px;
}

label.large 
{
	width: 300px;

}

.inlineform label 
{
    margin-right:5px;
    width:auto;

}


.RadioButtonList tr td label
{
    float:none;
}

.RadioButtonList tr td input[type="radio"]
{
    margin-right:5px;

}

.checkboxesList label {
    
    float:none;
    display:inline-block;
    margin:0px;
    padding: 2px 5px;
    width:auto;
    line-height:normal;
    
}





/* 
******************************************************
*
* Divers
*
******************************************************
*/

span.hl {
	background-color:#FEFFCF;
	display:inline-block;
	padding:2px 2px;
	
}



/* Gestion Tooltips */
.tooltip
{
    position: relative;
    float:left;
}

.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}


.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }


/* ToolTips */

a.tooltip{
	text-align:left;
	font-family:Arial;
	font-size:12px;
}

a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0; 
    position: relative; 
    z-index: 500; 
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
	font-weight:normal;
    display: block; 
    position: absolute; 
    top: 30px; 
    left: -290px; 
    padding: 5px; 
    color: #000; 
    border: 4px solid #000;
	background-color:#FFFF99;
    width:530px;
}

a.tooltip-right:hover em {
    left: -20px; 
}

a.tooltip-large:hover em {
    left: -490px;
    width:530px;
    
}

a.tooltip:hover em span {
    position: absolute; 
    top: -14px; 
    left: 280px;
    height: 14px; 
    width: 29px; 
    background: transparent url(../images/image-infobulle.gif); 
    margin:0; 
    padding: 0; 
    border: 0;
}


a.tooltip-right:hover em span {

    left: 10px;
}

a.tooltip-large:hover em span {
    left: 480px;
}



div.subTable {

    margin-left:130px;
    padding:0px 0px 20px 0px;

}

table.EmailsListe tr td {

    line-height:20px;
}


table.EmailsListe tr td input[type="image"] {
    margin:0px;
    vertical-align:middle;
    margin-left:10px;
}