@CHARSET "ISO-8859-1";

/*----------
popup
------------*/
body #home-content-ael .popup {
	z-index: 5!important;
	background-color: rgb(250, 250, 250);
	box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
	top : 68% !important;
}


/*-------------
message erreur
-------------- */
body .errorMessage p {
    padding: 0 10px;
	text-align: justify;
    margin: 7px !important;
}


body #body input[type=image]{
	background: none;
}




/*-------------
message erreur
-------------- */
body legend {
	background: #fff;
	padding: 6px 15px;
	text-transform: uppercase;
}

body legend:fist-letter {
	text-transform: uppercase
}


body #body.connexion .pageNavigation{
	display: none;
}

body #body.connexion #pageTitle,
body #body.connexion .pageContent {
	width: 930px;
}

body #body.connexion label {
	background: none;
	color: #494949;
	padding-left: 0;
}

body #body input, body #body select {
	background: #f1f1f1;
	border: 1px solid #aaa;
	color: #494949;
}

body #body input:focus, body #body select:focus,
body #body input:hover, body #body select:hover {
	background: #fff;
	border: 1px solid #006c9a;
	color : #006c9a;
}

.pageAide {
	background: #7d7d7d;
	color : #fff;
	width: auto;
}

.boutonPrint, 
.boutonAide {
	display: inline-block;
}

.styleLienBleuBold {
	color: #006c9a !important;
	line-height: 25px;
}

.styleLienBleuBold input.checkBox {
	margin: 2px 8px 2px 0px;
	float: left;
	height: 25px;
}
.actionBoutons {
	float: right;
}

/* @group global */
/* Commuon page */
html {
	
}

body {
	/*background: url(../_imgael/_page/_imgael_page_bg_agence_tetiere_bg.jpg) top center repeat-x;*/
	background-image: none !important;
	background-color: #eee;
	color: #494949;
}



#pageBody {
	box-shadow: -10px -1px 9px -10px rgba(0, 0, 0, 0.5), 10px -1px 9px -10px rgba(0, 0, 0, 0.5);
	height: auto !important;
	min-height: 530px;
	background : none;
	background-color:white;
	width: 970px;
}

#headerlinkl {
	margin-top: 3px;
}

#headerlink li {
	background: none !important;
}


/* page services */
#body #services-content-ael {
	margin-top: 10px;
}

#body #services-content-ael h3 {
	color: #006c9a;		
	font-size: 20px;
	height: auto;	
	margin: 0 10px;
	padding: 7px 0;
	text-transform: uppercase;
}

#body #services-content-ael .cadre-ael {
	background: none;
	border-radius: 10px;
	margin: 5px 10px 30px;
	overflow: hidden;
	width: 700px;
}

#body #services-content-ael .cadre-ael .col-2 {
	float: right;
	width: 580px;
}

#body #services-content-ael .cadre-ael .col-2 ul {
	margin-bottom: 10px;
}

#body #services-content-ael .cadre-ael .col-2 a.styleLienBleu1 {
		background: url(../_imgael/_page/en-savoir-plus.png) no-repeat top left;
		color: #fff;
		padding: 3px 10px 4px 22px;
		float: right;
		font-weight:bold;
		text-transform:capitalize;
}

#body #services-content-ael .cadre-ael .col-3 {
		background: #F8F8F8;
		box-shdadow: 1px 1px 1px #FFF inset;
		float: left;
		border: 1px solid #D5D2D2;
		padding: 5px 10px;
		margin-top: 10px;
}

#body #services-content-ael .cadre-ael .col-1 {
	height: 150px;
}


#copyright {
	margin-top: 20px;
	height: 50px !important;
	float: none;
	width: 100%;
	background: white;
	color: #1168a6;
	font-size: 11px;
	border-top: 1px solid #9F9F9F;
}

#copyright A, #copyright A:hover
{
	color: #1168a6;
}

#pageHeader{
	position: relative;
	height: 350px;
	width: 970px;
	background: url(../../../../ressourcesael/_imgael/_page/_imgael_page_bg_agence_tetiere_default.jpg) top center no-repeat;
}

#identificationText {
	width: 455px;
	margin-top: 0px;
	position: absolute;
	top: 311px;
	left: 21px;
	float: left;
	padding: 0px;
	color: #FFF;
}

#identificationText strong {
	font-weight: bold;

}

#identificationText strong a
{
	font-weight: normal;
	color: #FFF;
}

#pageTitle {
	margin-top: 20px;
	border-bottom: 2px solid #006c9a;
	height: auto;
	padding-bottom: 0px;
}

#pageTitle h1
{
	font: normal 30px/32px Arial, Helvetica, sans-serif;
	color: #006c9a;
	font-weight: bold;
}

#copyright {
	color: #9F9F9F;
	margin-top: 20px;
	height: 80px;
	padding-top: 10px;
}

#copyright A, #copyright A:hover
{
	color: #959595;
}

#identificationText
{
	
}

#identificationText A, .styleLienBleu1
{
	color: #006c9a;
}

/* @end */




/* @group page login */

#login-page #body
{
	background: url(../_imgael/_page/_imgael_page_bg_agence_tetiere_default_login.jpg) top center no-repeat;
}

.text-accueil-login
{
	margin-bottom: 25px;
}

.login-palette
{
	width: 462px;
}

.login-palette-content
{
	width:477px;
	padding-left:8px;
}

.login-palette-marger
{
	padding-left: 20px;
	margin-bottom: 20px;
}

.login-input-mail, .login-input-pass
{
	width: 200px;
}

.margin-left-10
{
	margin-left: 10px;
}                   

#login-page #body
{
	min-height: 840px;
	min-width: 960px;
}

#login-page #mep
{
	padding-top: 20px;
}

#mep table tr td img {
	margin-bottom: -2px;
}	

.cadreAlerteHeader, .cadreAlerteHeader span {
	background: #006c9a;
	font-weight: bold;
	height: auto;
	border-color: #006c9a;
	border-style: solid;
	border-left-width: 1px; 
	border-right-width: 1px;
	margin: 0 auto;
} 

.cadreAlerteHeader span H4 {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, sans-serif !important;	
	position: relative;
	padding: 1px 0;
	height: 21px;

}


.cadreAlerteContent {
	border-color: #006c9a;
	border-style: solid;
	border-bottom-width: 1px;
	border-left-width: 1px; 
	border-right-width: 1px;
	margin: 0 auto;
}

.cadreAlerteContent,
.cadreAlerteContent > DIV {
	background: none;
}


.formBackground, .formBackgroundEdit {
	background: #f1f1f1;
	padding-top: 15px !important;
}

/* @end */

/* @group navigation */

.pageNavigation #navigation02
{
	width: 185px;
	border-top: none;
	background-position: 100% 0;
	padding-top: 4px;
	padding-bottom: 0;
	height: auto !important;
	min-height: auto !important;
	font: normal 12px/16px Arial, Helvetica, Geneva, sans-serif;
}

.pageNavigation #navigation02:nth-of-type(1) {
			min-height: 350px;
			height: 350px;
			padding-bottom: 20px;
}

.pageNavigation #navigation02 li
{
	margin: 0px 0px 2px 0;
	height: auto;
}

.pageNavigation #navigation02 li A#zoomerCalendrierTempo {
    display: none;
}

input[name="tempo"], input[name="tempo"] + span, body > form .pageContent .formBackground > div:nth-of-type(2) {
    display: none;
}

 body > form .pageContent .formBackground > div.actionBoutons {
    display: block !important;
}

.pageContent .formBackground > .actionBoutons {
	float: none!important;
	display: block;
}


.pageContent .formBackground .boutonAction {
	float: right;
}

.boutonAction span, .boutonActionPrecedent span {
	padding: 4px 15px 3px 3px;
}

#body .boutonAction span, #body .boutonActionPrecedent span,
#body .boutonAction:hover span, #body .boutonActionPrecedent:hover span{
	background: none !important;
}

.cellPaddingZero.formTable .boutonAction#rechercher {
	margin: 0 !important;
}


.pageNavigation #navigation02 A, 
.pageNavigation #navigation02 A:hover{
	color: #494949;
	padding-left: 35px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
	height: 28px;
	display: block;
	line-height: 28px;
}

.pageNavigation #navigation02 A {
	background-color: #f8f8f8 ;
	background-image: url(../../../../ressourcesael/_imgael/_nav/_imgael_nav_snav.gif);
	background-repeat: no-repeat;
	background-position: 5px center;

}

.pageNavigation #navigation02 A:hover {
	color: #006c9a;
	background-image : url(../../../../ressourcesael/_imgael/_nav/_imgael_nav_snav_hover.gif);	
	background-position: 5px center;
}

#navigation02 A:hover {
	color: #0C4099;
}

/* @end */

/* @group Tableaux */

.tableDefault caption {
    padding-left: 0px;
    border-bottom: 4px solid #006c9a;
	background: none;
	
}

.tableOnglet
{
	background : #006c9a;
}

.tableDefault TR {}
.tableDefault TR.tableFdGris {background-color: #F0F0F0;}

.tableDefault TD {}
.tableDefault TD A {color: #000;}
.tableDefault TD A:hover {color: #959595;}

table.tableDefault {border-bottom: 1px solid #cdcfcf;}


 #navigation02 table#tbl_factures td a {
	background: none;
	line-height: 17px;
}

#navigation02 form a#reglerFacture {
	background: #006c9a;
	padding: 4px 8px;
	text-align: center;
	color: #fff;
	margin: 0;
	display: block;
}

#navigation02 form a#reglerFacture:hover {
	background: #01425e;
}

#navigation02 form a#reglerFacture {
	padding-right: 3px;
}

#navigation02 .cadreAlerteHeader, #navigation02 .cadreAlerteHeader span {
	background: none;
	border: none;
	color : #006c9a;
	
}

#navigation02 .cadreAlerteHeader {
	padding: 0 5px;
	text-align: center;
	margin-top: 20px;
		border-top : 1px solid #cdcfcf;
}

#navigation02 .cadreAlerteHeader h6 {
	font-weight: bold;
	padding: 5px 0;
	font-size: 16px;
	text-align: justify;

}

#navigation02 .cadreAlerteHeader span {
	padding: 0 4px;
}


.rappelRef TD {	color: 	#7a9621; font-weight: normal;}
.rappelRef strong {color: #000; font-weight: normal;}

.navBasPageContextuelle A {color: #3db0e5;}
.navBasPageContextuelle A:hover {color: #6cc9f4;}

#body label {color: #494949;}

.inputOver {
	background: #e5ecca none;	
}

.imputDesactive {background: #EAEAEA none;}

.flex1
{
	width: 90px;
}

.flex2
{
	width: 67px;
}

.flex3
{
	width: 270px;
}

/* @end */



/* @group Tables (onglets) */

.tableOnglet {
	color: #FFF;
	font-weight: normal;
	font-size: 11px;
	padding-top: 6px;
	text-transform: none;
	height: 20px;
	padding-left: 10px;
}

.tableOnglet:first-letter {
	text-transform: uppercase;
}

.tableDefault TH
{
	color: #494949;
	font-weight: normal;
	height: 18px;
}

.tableDefault TH a
{
	color: #494949;
	font-weight: normal;
}

.tableDefault td.tableFdGris
{
	border-top: 1px solid #f5f5f5;
	background-color: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

td.bordureTotal
{
	background-color: #dbdbdb;
}

/* @end */

/* @group Tab Nav */

.tabNav span, .tabNav A:hover span,
.tabNav .current a, .tabNav .current a:hover,
.tabNav .current a span,
.tabNav .current a:hover span {color: #FFF; }

.tabNav
{
	background: none;
	padding-left: 0px;
	height: 28px !important;
}

.tabNav li a
{
	border-bottom: none;
	height: 28px;
}
.tabNav span
{
	display: block;
	height: 29px;
	line-height: 27px;
	text-transform: none;
}

.tabNav span:first-letter
{
	text-transform: uppercase;
}

.tabNav .current a, .tabNav .current a:hover,
.tabNav .current a span, .tabNav .current a:hover span {
	border-bottom: none;
}



/* @end */

/* @group boutons */

.boutonPrint:link, .boutonAide:link,
.boutonPrint, .boutonAide{
	padding: 4px 36px 4px 10px;
	color: #fff !important;
}

.boutonPrint:link {
	background: url(../_imgael/_icone/icon-print.png) no-repeat 90% 50% !important;
	padding-right: 40px;
    border-right: 1px solid white;
    margin: 5px 0;
}


a.boutonAide:link {
	
	background: url(../_imgael/_icone/_imgael_icone_aide.png) no-repeat 90% 50% !important;
}

div.cadreAlerteContent a.boutonAction {
	color: #494949;	
}

A.boutonAction:hover, A.boutonActionPrecedent:hover {
	background: url(../../../../ressourcesael/_imgael/_puce/_imgael_puce_darkblue.png) no-repeat center left;
	color:#006c9a;
}

A.boutonAction:hover span, A.boutonActionPrecedent:hover span { background: none;}


a.boutonAction {
	background: url(../../../../ressourcesael/_imgael/_puce/_imgael_puce_blue.png) no-repeat center left;
}

.margin-left-action-bouton
{
	margin-left: 10px;
}

.boutonAction
{
	color: #FFF;
}
.boutonActionSansMarge
{
	padding-left: 8px;
	color: #000;
}

#login-page #demanderParametres, #login-page #demanderParametres span
{
	float: left;
	color: #006c9a;
	background: none; 
	padding-left: 4px;
}

#login-page #demanderParametres span:hover{
	text-decoration: underline;	
	color: #688007;
}

#login-page label {
	color: #656563; 
	background: none; 
	padding: 6px 0 3px 0;
}

#login-page #creerCompteInternet, #valider.boutonAction {
	float: right;
	background: #006c9a;
	color: #ffff;
	padding: 0 10px;
}

#valider.boutonAction {
	border: 1px solid #01425e;
}

#valider.boutonAction span {
	padding: 3px 7px;
}


#login-page #creerCompteInternet span
{
	background: #006c9a;
	padding: 0px 15px 0px 3px;
	font: 10px/20px ;
}

#login-page #creerCompteInternet:hover{
	float: right;
	background: none ;
}

#valider.boutonAction:hover  {
	background: #01425e;
}


/* @end */

/* @group Nav footer Contextuelle */

.navBasPageContextuelle A {
	color: #494949;
	text-decoration: none;
}

.navBasPageContextuelle A:hover {
	color: #006c9a;
	text-decoration: underline;
}

.tabNav .current SPAN, .tabNav .current A:hover SPAN
{
	color: #000;
}

.tabNav span
{
	color: #FFF;
}

.tabNav A:hover span
{
	
}

/* @end */

/* @group forms */

label
{
	color: #2D67A1;
}

.inputOver
{
	background: #e5ecca none;
}

.imputDesactive
{
	background: #EAEAEA none;
}



.errorMessage H6 {
	color: #fff;
	background: url(../_imgael/_icone/_icon_alerte.png) no-repeat 4px 5px #ac0909;
	font-size: 16px;
	text-transform: capitalize;
	padding: 5px 10px 6px 24px!important;
}

.errorMessage {
	background-color: rgb(214, 132, 132);
	/*border: 1px solid #710202;*/
	border: 1px solid #ac0909;
	color: #FFF;
	padding: 0!important;
	width: 400px;
margin: 0 auto;
}

/* @end */

/* @group typo */

H4
{
	color: #66635d;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	background: none;
	font-family: Arial, sans-serif !important;	
	margin-bottom: 15px;
}

h5
{
	color: #666;
	font-family: Arial, sans-serif !important;	
}

.styleCadreGris
{
	border: 1px solid #CECFCF;
}

.TexteRouge {color: #ef4858}
.TexteBleu {color: #3db0e5}
.TexteGris {color: #666666}

#home-content-ael ul li, .pageContent .cadre-ael ul li {
	padding: 3px 0 3px 20px;
	background-position: center left;
}

#home-content-ael ul li:hover, .pageContent .cadre-ael ul li:hover {
	background: url(../../../../ressourcesael/_imgael/_puce/_imgael_puce_service_en_ligne_hover.gif) no-repeat center left;
}

#home-content-ael ul li:hover a, .pageContent .cadre-ael ul li:hover a {
	text-decoration: none;
}

#home-content-ael ul li, .pageContent .cadre-ael ul li a:hover {
	color: #006c9a;
	text-decoration: none;
}


#home-content-ael .cadre-ael {
	margin-bottom: 10px;	
}

#home-content-ael .cadre-ael > .cadre-content {
	min-height: 100px;	
}

.pageContent #services-content-ael h3.titreServiceOptionnel-FACELEC,
.pageContent #services-content-ael h3.titreServiceOptionnel-DRP1 {
	color: #fff;
}

.pageContent #services-content-ael .cadre-ael, .pageContent #services-content-ael .cadre-ael .cadre-header, .pageContent #services-content-ael .cadre-ael .cadre-header div, .pageContent #services-content-ael .cadre-ael .cadre-content {
	background: none;	
}

.pageContent #services-content-ael .cadre-ael .cadre-content {
	padding-bottom: 10px !important; 	
}

.pageContent #home-content-ael h3.titre-ael-contrats, .pageContent #home-content-ael h3.titre-ael-factures, .pageContent #home-content-ael h3.titre-ael-demandes, .pageContent #home-content-ael h3.titre-ael-alertes   {
	background: #006c9a;
	font-size: 26px;
	font-weight: normal;
	color: #fff;		
	padding: 8px 0 8px 5px;
	height: auto;	
	margin-right: 11px;

	position: relative;
	z-index: 5;
}

.pageContent #home-content-ael h3.titre-ael-contrats span, .pageContent #home-content-ael h3.titre-ael-factures span, .pageContent #home-content-ael h3.titre-ael-demandes span, .pageContent #home-content-ael h3.titre-ael-alertes span  {
	display: block; 
	padding: 2px 0 2px 40px;
}


.pageContent #home-content-ael h3.titre-ael-demandes span {
	background:  url(../_imgael/_icone/_imagel_icon_demandes.png) no-repeat 5px center;
}
 
.pageContent #home-content-ael h3.titre-ael-factures span {
	background: url(../_imgael/_icone/_imagel_icon_factures.png) no-repeat 5px center;
}

.pageContent #home-content-ael h3.titre-ael-alertes span{
	background: url(../_imgael/_icone/_imagel_icon_alertes.png) no-repeat 5px center;
}
 
.pageContent #home-content-ael h3.titre-ael-contrats span {
	background: url(../_imgael/_icone/_imagel_icon_contrats.png) no-repeat 5px center;
	
}
 
 
#home-content-ael #mes-demandes, #home-content-ael #mes-contrats, #home-content-ael #mes-alertes, #home-content-ael #mes-factures{
	background: #f8f8f8;
	border: 1px solid #D5D2D2;
	margin: -5px 10px 25px;
	border-radius: 0 0 4px 4px;
	box-shadow: 1px 1px 1px #fff inset;
	position: relative;
	z-index: 1;
	width: 329px;

}	

#home-content-ael #mes-demandes .cadre-content-reduit, #home-content-ael #mes-demandes.cadre-ael .cadre-header, #home-content-ael #mes-demandes.cadre-ael .cadre-header div,
#home-content-ael #mes-contrats .cadre-content, #home-content-ael #mes-contrats.cadre-ael .cadre-header, #home-content-ael #mes-contrats.cadre-ael .cadre-header div,
#home-content-ael #mes-alertes .cadre-content-reduit, #home-content-ael #mes-alertes.cadre-ael .cadre-header, #home-content-ael #mes-alertes.cadre-ael .cadre-header div,
#home-content-ael #mes-factures .cadre-content, #home-content-ael #mes-factures.cadre-ael .cadre-header, #home-content-ael #mes-factures.cadre-ael .cadre-header div {
	background:none;
}	


/* @end */

/* @group Header */

#logoImgTaille
{
	height: 72px;
	width: 195px;
}

#headerDate {
	font-size: 10px;
	margin-top: 10px;
	position: absolute;
	top: 0;
	left: 4px;
}




#body .tabNav li  {
	background: #dcdcdc;
	
}

#body .tabNav li  a {
	color: #3b3b3b;
	padding: 0 10px;
	
}

#body .tabNav li  a span {
	padding: 0 5px;	
	color: #3b3b3b;

}

 #body .tabNav li.current a, 
 #body .tabNav li.current a span, 
 #body .tabNav li a, #body .tabNav li span {
	background: none; 
 }
 
 #body .tabNav li.current {
	background: #f1f1f1;
}
 
 #body .pageContent ul.tabNav li.current a, 
 #body .pageContent ul.tabNav li.current span {
	color: #006c9a;	 
 }
 
.cellPadding4 td {
    width: 22px;
    height: 21px;
}
 
#body .pageContent ul.tabNav li.current a {
	height: auto;  
	text-align: center;
}

.pageContent ul.tabNav li,
.pageContent ul.tabNav li.current  {
	border: 1px solid #eee;;
	border-bottom: none;
}
.pageContent ul.tabNav li {
	border-color: #ddd;
}

.pageContent ul.tabNav li.current  {
	border-color: #006e9a;
}

#body table.tableDefault .tableOnglet {	 
	font-size: 10px;
}

#body table.tableDefault caption {
		border-bottom-width: 2px ;
}

#body .rappelRef {
		border-bottom: 1px solid #b2b2b2;
		background: none;
		font-size: 110%;
		margin-top: 0;
}

#body .rappelRef td {
		font-weight: bold;
		color: #006c9a;
}

/* @end */