@font-face {
    font-family: "Corpus";
    src: url('fonts/corpuscare-webfont.eot');
    src: url('fonts/corpuscare-webfont.eot?') format('eot'), 
    	 url('fonts/corpuscare-webfont.woff') format('woff'),
    	 url('fonts/corpuscare-webfont.svg') format('svg'),
    	 url('fonts/corpuscare-webfont.ttf') format('truetype');
}

header, footer, section, hgroup, aside, #nav, article, figure, figcaption, time, dialog{
 display: block;
}
.border,.border td {
	border: 1px solid #ff0000;
}


.clear_float {
	clear:both;
	float:none;	
}

.empty_sepA {
	height:10px;
}

.vig {
	display:block;

}

.texte .vig {
	display:block;
	padding:0px;
	border: 0px solid #CCC;
	background-color:#FFF;

}


.imagegauche { /* $Image a gauche$  */
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}
.imagedroite {  /* $Image a droite$  */
	float: right;
	margin-left: 20px;
	margin-bottom: 5px;
}


a {
	color: #004494;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
	/*color:#1860b5;*/
	color:#111;
	cursor:pointer;
}


/* Couleur pour les INPUT avec valeur par défaut (qui se remplace au click) */
#color_input_defaut {
	color: #004494;
	display:none;
}
#color_input_rempli {
	color: #1860b5;
	display:none;
}

body {
	margin:0 auto;
	padding: 0;
	color: #1b2e81;
}

body, table, td, #bodyFCK  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding: 0;
	overflow:visible;
	font-weight: normal;
}

#bodyFCK {
	background-color: #FFF;
	background-image: none;
}

#fond {
	
}

#page, #page_bas {
	margin:0 auto;
	padding:0;
	color: #000;
	overflow:hidden;
	z-index: 200;
	cursor:default;
}
#page {

}

#page_bas {
	margin:0 auto;
	padding:0;
	position:relative;
	clear:both;
	width:100%;
	z-index:100;
}


#haut_page {
	margin:0 auto;
	padding:0;
	clear:both;
	width:100%;
	position:relative;
	background:#fff;
	z-index:200;
	color: #000;
}

#logo{
	margin-top: 11px;
	margin-left: 30px;
	width:335px;
	height:71px;
	float: left;
}

#banner{
	width:728px;
	height:90px;
	position:absolute;
	right:5px;
	top:30px;
}

#contenu {
	padding:0;
	clear:both;
	overflow:visible;
	margin:0;
}

#menuheader{
	position:absolute;
	height:33px;
	bottom:11px;
	left:0;
	width:100%;
	z-index:210;
	background:#fff;
}

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

#nav {
	margin:0;
	display:block;
	z-index:8200;
	height:33px;
}

#nav li{
	float: left;
	list-style: none;
	position: relative;	
	margin:0;
	height:33px;
}

#nav li a{
	margin:0px 0px;
	display:block;
	overflow:hidden;
	/*text-indent: -2000em;*/
}
/************************/
/************************/
h1 { /* $Titre H1$  */
	font-family: 'Trebuchet MS', Arial, serif;
	margin:0;
	padding:0;
	font-size: 18px;
	height:33px;
	line-height:30px;
	font-weight: normal;
}

h2 { /* $Titre H2$  */
/*	font-family: 'Bree Serif', serif;*/
	display:block;
	margin:0;
	padding:0;
	float:none;
	clear:both;
	font-size: 18px;
	height:25px;
	line-height:20px;
	/*text-transform: uppercase;*/
	/*font-style: italic;
	font-weight: normal;*/
}

h3 { /* $Titre H3$  */
	font-family: 'Bree Serif', serif;
	display:block;
	margin:0;
	padding:0;
	font-weight: normal;
	color:#e42219;
	float:none;
	clear:both;
	font-size: 15px;
	height:20px;
	line-height:20px;
	margin-bottom:15px;
	margin-top:5px;
	font-style: italic;
}
h4 { /* $Titre H4$  */
	font-family:'Trebuchet MS', Arial;
	font-weight:bold;
	font-size:14px;
	color:#93be0f;
	line-height:18px;
	font-style: normal;
	padding:0;
	margin:0 0 5px 0;

}

h5 { /* $Titre H5$  */
	font-family:'Trebuchet MS', Arial;
	font-weight:bold;
	font-size:12px;
	color:#03673a;
	line-height:18px;
	font-style: normal;
	padding:0;
	margin:0 0 5px 0;

}

/******************************************/
/*******	PERSONNALISATION	**********/

#header, #titre_page, #nav, #section, #footer{
	width: 974px;
	margin: auto;
	/*border: #aeaeae 1px solid;*/
	

}
#header{
	background: url(images_client/header_bandeau_top.png) 0px 0px no-repeat;
	height: 93px;
	margin-top: 8px;
	display:block;
}

#header #bandeau_pub{
	width: 489px;
	height: 60px;
	float: right;
	overflow: hidden;
	margin-top: 18px;
}
#titre_page h1{
	line-height: 37px;
	text-indent: 21px;
	margin-bottom: 5px;
	width: 40%;
	display: inline-block;
}
.fil_client{
	vertical-align: top;
	float: right;
	padding: 8px 15px 0px 0px;
	text-align: right;
	font-weight: bold;
	line-height: 18px;
}
.inter_fil{
	color: #ccc;
	font-size: 18px;
	margin: 0px 5px;
}
#section{
	padding: 0px 20px 20px 20px;
}
#article{
	width: 617px;
	min-height: 313px;
	background: url(images_client/article_fd.png) 0px 0px no-repeat;
	margin-right: 17px;
	float: left;
	padding: 20px;
	text-align:justify;
}

#article h2, #acces_refuse h2{
	font-family: "Corpus", Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height:30px;
	display: table;
}
#article div#main_content{
	padding: 20px 0px;
}
#article a{
	text-decoration: underline;
}
#article img{
	border: 2px #ddd solid;
}
#article dl {
    /*margin-bottom:50px;*/
}

#article dl dt, #article  .libelle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#539cdc;
    font-size: 12px;
    margin:6px 0; 
    margin-right:0; 
    padding:5px;  
    width:90px; 
}
#article dl dd {
    margin:2px 0; 
    padding:5px 0;
}
#article  .champs{
	padding:7px 0;
}
#article  .champs2{
	padding:10px 0;
}
#article  .champs3{
	padding:4px 0;
	width:410px;
}
#article  .champs input{
	width: 160px;
	margin:0;
}
#article dl dd input{
	width: 160px;
	margin-right: 20px;
}
#article .info{
	font-size: 12px;
	font-family: Arial;
}
#aside{
	width: 260px;
	min-height: 313px;
	background: url(images_client/aside_fd.png) 0px 0px no-repeat;
	float: right;
	padding: 20px;
}
#aside #genre_h2{
	font-family: 'Trebuchet MS', Arial, serif;
	color: #fad82a;
	background: #fff;
	padding: 3px 10px;	
	font-size: 24px;
	line-height:30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	display: table;			
}
#aside p{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
}
#footer{
	clear: both;
	background: url(images_client/footer_bandeau.png) 0px 0px no-repeat;
	height: 56px;
	margin-top: 8px;
}
#footer{
	padding-top: 10px;
	text-align: center;
}

#menu_bas{
	padding-top: 6px;
}

#menu_bas a:hover{
	text-decoration: underline;
	color: #888;
}
form input{
	border: 1px #dcdcdc solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	line-height: 25px;
	height:25px;
	font-size: 12px;
	padding:0 5px;

}
form input:focus{
	outline: none;
}

form textarea{
	border: 1px #dcdcdc solid;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius:6px;
	line-height: 20px;
	font-size: 12px;
	padding: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.button, input[type="submit"]{
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 15px;
	margin: 15px 0px 0px 15px;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_button.png) repeat-x;
}
#formlogin{
	width:610px;
}
#article  #formregister, #article  #formassistance{
	margin-top:25px;
	width:580px;
}
#article  #formprofil{
	margin-top:10px;
}
#article  #formregister .noshow, .noshow2{
	display:none;
}
#article  #formregister tr{
	display:table-row;
}
#article  #formregister a{

}
#article  #formregister a.btnaction, #article  #formassistance a.btnaction, #article  #formprofil a.btnaction{
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 15px;
	text-decoration:none;
	margin: 15px 0px 0px 0px;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_button.png) repeat-x;
}
#article  #formregister a:hover.btnaction, #article  #formassistance a:hover.btnaction, #article  #formprofil a:hover.btnaction{
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 15px;
	text-decoration:none;
	margin: 15px 0px 0px 0px;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_button2.png) repeat-x;
}
#consommation a.btnaction{
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 15px;
	text-decoration:none;
	margin: 15px 0px 0px 0;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_button.png) repeat-x;
}
#consommation a:hover.btnaction{
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 15px;
	text-decoration:none;
	margin: 15px 0px 0px 0;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_button2.png) repeat-x;
}
#article  #formregister .libelle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#539cdc;
    font-size: 12px;
    margin:0; 
    padding:0;
	line-height:40px;
    width:170px; 
}
#article  #formassistance .libelle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#539cdc;
    font-size: 12px;
    float:left; 
    margin:0; 
    padding:0;
	line-height:40px;
    width:140px; 
}
#article  #formprofil .libelle{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#539cdc;
    font-size: 12px;
    float:left; 
    margin:0; 
    padding:0;
	line-height:40px;
    width:200px; 
}
#article  #formregister #img_loader, #article  #formassistance #img_loader{
	background:url(images/loading.gif) no-repeat top left;
	width:32px;
	height:32px;
	display:none;
}
#article  #formassistance .champs input{
	width: 300px;
	margin:0;
}
#article  #formprofil .champs input{
	width:auto;
	margin:0;
	padding:0 5px;
	line-height:25px;
	height:25px;
}
#article  #formregister .champs{
	width:410px;
}
#article  #formregister .champs input{
	width:300px;
}
#article  #formprofil .champs{
}
#article  #formregister .champs input{
	line-height:15px;
}
#article  #formregister .champs input#tel, #article  #formregister .champs input#numeroClient, #formlogin input#numeroClient{
	margin:0;
	width:auto;
}
#article #formregister input#ntahiti{
	width:100px;
}
#article  #formregister .libelle2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#539cdc;
    font-size: 12px;
    margin:0;
	height:25px;
}
#formregister .intitule{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#539cdc;
    font-size: 12px;
    margin:6px 0; 
    padding:5px;
}
#erreur2{
	color: red;
	/*border: 1px red solid;*/
	margin-top: 10px;
	line-height: 15px;
	border-left: 5px crimson solid;
	padding: 10px;
	background: #ffb1bd;
	display:none;
}
.err_form, .noshow2{
	color:#f00;
	text-decoration:blink;
	font-size:11px;
}
.err_form{
	color:#f00;
	text-decoration:blink;
	font-size:12px;
	line-height: 18px;
}


#formlogin #ou{
	font-family: "Corpus", Arial, Helvetica, sans-serif;
	font-size: 36px;
	line-height:36px;
	color: #1B2E81;
	padding-top:30px;
}
#formlogin #registertd{
	padding-top:30px;
}
#formlogin #registertd a{
	text-decoration:none;
}
#formlogin #register{
	font-family: "Corpus", Arial, Helvetica, sans-serif;
	font-size: 36px;
	width:180px;
	line-height:30px;
	color: #1B2E81;
	font-weight: normal;
	text-align:center;
	text-transform: uppercase;
	padding: 4px 15px;
	margin: 0px 0px 0px 15px;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_register.png) repeat-x;

}
#formlogin #registertd a:hover #register{
	font-family: "Corpus", Arial, Helvetica, sans-serif;
	font-size: 36px;
	width:180px;
	line-height:30px;
	color:#1b2e81;
	font-weight: normal;
	text-align:center;
	text-transform: uppercase;
	padding: 4px 15px;
	margin: 0px 0px 0px 15px;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_register2.png) repeat-x;
}
#formlogin .button, input[type="submit"]{
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	height:30px;
	line-height:30px;
	padding: 0 15px;
	margin: 0;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	background: url(images_client/grad_button.png) repeat-x;
}
#formlogin input[type="submit"]:disabled{
	cursor: pointer;
	color: #666;
	font-weight: bold;
	height:30px;
	line-height:30px;
	text-transform: uppercase;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	background: url(images_client/grad_button.png) repeat-x;
}
#formlogin .button:hover, .button:focus{
	cursor: pointer;
	color:#1b2e81;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	background: url(images_client/grad_button2.png) repeat-x;
}
.button:hover, .button:focus{
	cursor: pointer;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	background: url(images_client/grad_button.png) repeat-x;
}
.button_reset{
	font-size: 14px;
}
.button_submit{
	font-size: 16px;
}

.button_prec{

}
.lien_aides{
	padding-top: 20px;
}
.lien_aides a{
	text-decoration: underline;
}
.lien_aides a:hover{
	text-decoration: none;
}
#phrase_accroche{
	padding: 15px 10px 10px 20px;
}
#deconnect{
	float: right;
	padding: 18px 20px 0px 15px;

}
#deconnect a{
	padding-right: 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: url(images_client/puce_deconnect.png) right -2px no-repeat;
}
#deconnect a:hover{
	text-decoration: none;
	color: #539cdc;
	background: url(images_client/puce_deconnect.png) right -20px no-repeat;
}
#aside ul li.list_aides_plus{
	padding-left: 0px;
	margin-left: -10px;
	font-size: 14px;
	line-height: 16px;
}
#aside ul li.list_aides_plus a:hover{
	color: #539cdc;
}
.erreur{
	color: red;
	/*border: 1px red solid;*/
	margin-top: 10px;
	line-height: 15px;
	border-left: 5px crimson solid;
	padding: 5px;
	background: #ffb1bd;
}
.erreur_right{
	width: 335px;
	float : right;
}
#acces_refuse{
	margin-top: 20px;
	padding:20px;
	border: 1px crimson dashed;
}
#acces_refuse h2{
	color: crimson;
}
#main_content{
	clear: both;
}
.content1{
	padding: 0px 20px 20px 20px;
}
.compte_content1_col1{
	width: 25%;
}
.content1 .intitule {
    color:#539cdc;
    font-size: 12px;
    margin-right:10px; 
}
.content1 .valeur {	
    color:#1b2e80;
    text-align: left;
}
.dossiers_content1_col1{
	width: 150px;
}
.dossiers_content1_col2{
	width: 200px;
}
.content1 .c1_common, .content1 .c1_common2{
	margin: 0; 
    
	line-height: 25px;
	border-bottom: 1px white solid;
}
.content1 .c1_common{
	padding:5px 5px 5px 5px;  
	vertical-align: bottom;
}
.content1 .c1_common2{
	padding:5px 5px 5px 5px;  
	vertical-align: top;
}
.content2 {
	background: #fff;
	padding: 10px 20px 20px 20px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius:15px;
	border: 1px #aaceee solid;
}
.tab_titre{
	border-bottom: 1px #aaceee solid;
	color: #539cdc;
	height: 20px;
	padding-top:5px;
	padding-bottom:5px
}
.tab_titre1{
	vertical-align: bottom;
}
.content2 .c2_common{
	line-height: 20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px #ddd solid;
}

.compte_col1{
	width: 20%;
}
.compte_col2{
	width: 30%;
}
.compte_col3{
	width: 30%;
}
.compte_col4{
	width: 20%;
}
.dossier_col1{
	width: 200px;
}
.dossier_col2{
	width: 90px;
}
.dossier_col4{
	width: 80px;
}
.factures_content1_col1{
	width: 120px;
}
.facture_col1{
	width: 90px;
}
.facture_col2{
	width: 200px;
}
.facture_col5{
	width: 80px;
}
.align-left{
	text-align: left;
	padding-left: 3px;
}
.align-center{
	text-align: center;
}
.align-right{
	text-align: right;
	padding-right: 3px;
}
.line:hover{
	background:#efefef;
	cursor: pointer;
}
#pagination_bloc{
	margin-top: -20px;
	padding-right: 15px;
	float: right;
}
#pagination_dossier{
	margin-top: 5px;
}
.retour_liste{
	width: 90px;
	text-align: center;
		
}
.retour_liste a{
	font-weight: bold;
	text-decoration: none;	
}
.dossier h2{
	width: 440px;
	float: left;
}
#table_factures_paginate a{
	text-decoration: none;
}
.prec, #table_factures_previous{
	text-decoration: none;
	float: left;
	border: none;
	font-size: 10px;
	padding: 5px 0px 5px 18px;
	width: 58px;
	height: 13px;
	background: url(images_client/sprite.png) 0px 0px no-repeat;
}
.prec:hover, #table_factures_previous:hover{
	cursor: pointer;
}
.prec:hover, .prec_hover{
	float: left;
	text-decoration: none;
	border: none;	
	font-size: 10px;
	padding: 5px 0px 5px 18px;
	width: 58px;
	height: 13px;
	/*background: url(images_client/sprite.png) 0px -23px no-repeat;*/
}

#table_factures_previous, #table_factures_previous:hover{
	padding: 5px 7px 5px 6px;
	width: 63px;
}
.suiv, #table_factures_next{
	float: left;
	border: none;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
	width: 60px;
	height: 13px;
	background: url(images_client/sprite.png) -76px 0px no-repeat;
}
.suiv:hover, #table_factures_next:hover{
	cursor: pointer;
}
#table_factures_next{
	margin-left: 5px;
}
.suiv:hover, .suiv_hover{
	float: left;
	border: none;
	font-size: 10px;
	padding: 5px 0px 5px 10px;
	width: 60px;
	height: 13px;
	/*background: url(images_client/sprite.png) -76px -23px no-repeat;*/
}
#table_factures_next, #table_factures_next:hover{
	padding: 5px 20px 5px 0px;
	width: 50px;
}
.entete_tableau_factures{
	
	height: 20px;
	padding-top:5px;
	padding-bottom:20px;
	border-bottom: 1px #aaceee solid;

}
.pagination_factures{
	width: 150px;
	float: right;
	padding-top:5px;
}
.no_result{
	padding-top: 10px;
}
#wait{
	background:url(images_client/ajax-loader.gif);
	height:16px;width:16px;}
#main_content{display:none;}
.dataTables_paginate .ui-state-disabled{
	background: none;
	text-indent: -200px;
	overflow: hidden;
}
.txt_entension{
	color:#000;
	font-weight:bold;
	font-size:11px;
}
.suppression{
	display: block;
	/*or inline-block*/
	text-align: center;
	width: 80px;
	background: url(images_client/grad_button.png) repeat-x;
    border: 1px solid #DCDCDC;
    border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
    color: #1B2E81;
    font-weight: bold;
    margin:1px 0 0 0;
	height:25px;
    padding:0 10px;
	line-height:25px;
    text-transform: uppercase;
	float:right;
	display:none;
}
.suppression:hover {
	cursor: pointer;
	color:#1b2e81;
	font-weight: bold;
	height:25px;
    padding:0 10px;
	line-height:25px;
	text-transform: uppercase;
	border: 1px #dcdcdc solid;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	background: url(images_client/grad_button2.png) repeat-x;
}
.mod_uploader{
	position:relative;
}
.mod_uploader .suppression{
	position:absolute;
	top:0;
	right:0;
}
.indication{
	font-size:11px;
}
.forgotpwd{
	font-size:11px;
}
.bloc_information{
	margin:10px 0;
	padding:0;
}
.titre_information{
	font-family: 'Trebuchet MS', Arial, serif;
	color: #1b2e81;
	padding: 3px 0px;	
	font-size: 24px;
	line-height:30px;
}
.texte_information{
	
}

.bloc_si{
	background:#ffe5a0;
	margin:15px 0;
	padding:10px;
	border:1px solid #ddd;
	border-radius:10px;
}
.bloc_si table{
	width:auto;
	margin:0 auto;
	padding:0;
}
.bloc_si .info_ligne{
	padding:7px 0;
}
.bloc_si .info_ligne .title{
	text-transform:uppercase;
	font-size:15px;
	color:#000;
	height:30px;
}
.bloc_si .info_ligne .libel{
	color: #539CDC;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
	text-transform:uppercase;
	width:150px;
	height:20px;
}
.bloc_si .info_ligne .resultsi{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
	padding:0;
}