/** Balises generiques**/
form {
	text-align:center;
}

span.required {
	font-style: italic;
	color: red;
	font-size: 75%;	
}

.purple {
    background-color: inherit;
    color: #96299E;
}
.stag {
    font-family:Stag Medium;
}

.underline {
	text-decoration: underline;
}

.tabul{
    padding: 0 2px; /* Or desired space*/
}

input.addDatePicker{
	vertical-align: top;
}

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	color: #0066A1;
	font-family: Stag Medium;
	font-weight: normal;
}


a.external{
	background: url(../img/ico/external-link.png) no-repeat scroll right center transparent;
	padding-right: 12px;
	
}


.menu ul li a.activLink {
    background-color: #67A3C6;
    color: #000000;
    text-decoration: none;
}

/** bloc d'info mise en exergue pour l'utilisateur **/
div.userInfoList {
	border: solid #0066A1 2px;	
	margin-top: 10px;
	padding: 5px;
}
div.userInfoList ul li, div.userInfoList ul {
	list-style-type: circle;
	list-style-position: inside;
	margin-left: 5px;
}


ul.breakingNewsList {
	list-style-type: disc;
	list-style-position: inside;
	background-color: #F2F2F2;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 80%;
    line-height: 18px;
    padding: 4px;
}

ul.breakingNewsList li {
	list-style-type: disc;
	list-style-position: inside;
	background-color: #F2F2F2;
    color: #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    line-height: 18px;
}


/** Formulaires specifiques login, mot de passe, etc... **/
div .formContainer {
	margin:auto;
	margin-top:20px;
	padding-bottom: 8px;
	border:solid #0066A1 2px;
}

div .formContainer.criteriaFC {
	width:500px;
	margin-right:0px;
}


div .formContainer.criteriaVAL {
	width:55%;
	margin-right:0px;
}

div .loginFormContainer {
	width: 400px;
}

div .changePassformContainer {
	width: 700px;
}

div .formContainer .formTitle {
	background-color: #0066A1;
	color: white; 
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
}


.formFields div.formField {
	display:inline-block;
	text-align:left;
	padding-left: 10px;
	margin-bottom: 5px;
	vertical-align: top;
}

 div.fieldLogin {
	width:189px;
 }
 
 div.fieldChangePass {
	width:328px;
 }
 
 div.fieldContact {
 	width:470px;
 }
 div.labelContact {
 	width:250px;
 }
 
 div.fieldCriteria {
 	width:305px;
 }
 div.labelCriteria {
 	width:150px;
 }
 
 div.fieldCriteriaVal {
 	width:500px;
 }
 div.labelCriteriaVal {
 	width:250px;
 }

.formFields input[type='submit'] {
	font-size:80%;
	padding: 2px;
}


h2 {
	margin-top: 20px;
	color: #0066A1;
	font-family: Stag Medium;
	font-size: 150%;
	font-weight: normal;
	
}

p.footerinfo {
	margin: 20px 20px 20px 5px;
	
}

/** Messages alertes et infos **/

HTML>BODY form DIV.t-error LI {
	margin-left: 20px;	
}

div.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 30px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


/** Espace membre, aide, etc... **/
div.contactMemberInfos {
	border: 1px solid #3a87ad;
	font-size: 80%;
	word-wrap: break-word;
	padding: 5px 2px 10px 5px;
	line-height: 150%;
}

div.bontelechargement{
	border: 1px solid #3a87ad;
	font-size: 100%;
}

div.leftNavDl h2{
	font-size: 100%;
	
}
div.userHelp{
	border: 2px outset #3a87ad;
	padding: 5px 20px 5px 20px;
	line-height: 150%;
}

/** Tableau fiche detail **/
table.ficheDetail td{
	padding: 2px;
}

table.listFile {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	border: solid 1px #3a87ad;
	text-align: center;
}


/** Site Map **/
div#siteMap ul.clearfix {
	font-size: 120%;
	list-style-position: outside;
	line-height: 150%;
}

div#siteMap ul.clearfix li {
	padding-top: 20px;
}

div#siteMap ul.clearfix li ul li {
	padding-top: 10px;
	padding-left: 20px;
}

/** Tableau detail flux **/
table.detailFlux {
	font-size:52%;
	border-collapse: collapse;
	border:solid #3a87ad 1px;
	text-align: center;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}

table.detailFlux th {
	color: white;
	background-color: #3a87ad;
	border:solid white 1px;
	font-style: normal;
	padding: 2px;
	white-space: nowrap;
}

table.detailFlux td {
	border:solid #3a87ad 1px;
	padding: 2px;
}



/** Tableau detail Validation  **/
table.detailVal {
	font-size:52%;
	border-collapse: collapse;
	border:solid #0066A1 1px;
	text-align: center;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left:auto;
    margin-right:auto;
}

table.detailVal th {
	color: white;
	background-color: #3a87ad;
	font-size:52%;
	
	white-space: nowrap;
}

table.detailVal td {

	border:solid #0066A1 1px;
	font-size:52%;
}

div.detailVal{
	max-height: inherit;
	 font-size:52%;
	text-align: center;
	margin-left:auto;
    margin-right:auto;
	
}


/** Tableau detail Impay�s  **/
table.detailImp {
	font-size:52%;
	border-collapse: collapse;
	border:solid #0066A1 1px;
	text-align: center;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left:auto;
    margin-right:auto;
}

table.detailImp th {
	color: white;
	background-color: #3a87ad;
	
	
	white-space: nowrap;
}

table.detailImp td {

	border:solid #0066A1 1px;
	
}

div.detailImp{
	font-size:70%;
	text-align: center;
	margin-left:auto;
    margin-right:auto;
	
}




div.detailValMois{
	max-height: inherit;
	 font-size:58%;
	text-align: center;
	margin-left:auto;
    margin-right:auto;
	
}

table.validMois{font-size:67%;
	border-collapse: collapse;
	border:solid #0066A1 1px;
	text-align: center;
	margin: 1%
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left:auto;
    margin-right:auto;}


table.validMois th{ background-color: #3a87ad;margin: 1%; padding: 1%;text-align: center;color: white;border-collapse: collapse;
	border:solid #0066A1 1px;  margin: 5% ; height:25px;padding: 2px; }
table.validMois td{border-collapse: collapse;
	border:solid #0066A1 1px; margin: 5% ; height:25px;padding: 2px; }
.RIGHTALIGNTH{
	text-align: right;
}
THEAD.vacNombreValid{
	width:20px
}
.vaxMontantVal{
	text-align: right;
}
th.vaxAcco{
	text-align: right;
}