body, input{
	font-family:helvetica, arial;
}
/********************** Conteneur de l'IFRAME ********************/
#wclMainContainer{
	width:100%;
	overflow-x: hidden;
}
#wclMainContainer h1{
	text-align:center;
	position:relative;
	font-size: 1.5em;
}
#wclMainContainer h1.titreConnexionMode{
	margin: 0 0 20px;
}

/********************** Formulaire de connexion ********************/
#wclLoginContainer{
	width:300px;
	margin:20px auto;
	border:1px solid grey;
	padding:10px;
	border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	background-color: white;
}

#wclSageConnexionWait{
	width:400px;
	margin:20px auto auto;
	border:1px solid grey;
	padding:20px 10px 0;
	border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

#wclMaafConnexionWait{
	width:400px;
	margin:auto auto;
	border-radius: 10px;
}

#wclSageConnexionWait h1, #wclMaafConnexionWait h1{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #777777;
}

#wclLoginContainer h1{
	text-align:center;
	font-size: 1.5em;
}

#wclLoginContainer input{
	width:150px;
	text-align: center;
}

.wclFloatRight{
	float:right;
}

.wclCenter{
	display:block;
	margin:auto;
}

#wclLoginContainer p{
    margin-bottom: 9px;
    padding-bottom: 6px;
}

#wclConnexionBlock {
    margin-top: 20px;
}

#wclConnexionError{
	display:none;
	color:red;
	text-align:center;
}

.wclWait64{
	display:block;
	margin:30px auto;
	width:64px;
	height:64px;
}

/********************** Liste des applications ********************/
#wclAppsContainer{
	visibility:  hidden;
	margin: auto;
}

.wclButtonApps{
    background-color: #E6E6E6;
    border: 1px solid #737573;
    border-radius: 4px;
    box-shadow: 2px 2px 3px #AAAAAA;
    color: #737573;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    text-align: center;
	margin: 15px 0 0 15px;
	width:43%;
	float:left;
}

.wclDecoFont{
    color: #000000;
    cursor: pointer;
    text-decoration: underline;
}
.wclDecoParentese{
    font-size: 0.7em;
}

/********************** Formulaire visiteur ********************/
h1.wclFormVisiteur{
	font-weight:bold;
	text-align:center;
}

#wclFormVisiteurContainer p{
    margin-bottom: 9px;
    padding-bottom: 6px;
}

#wclFormVisiteurContainer p:last-child{
    margin:0px;
}

#wclFormVisiteurContainer{
	width:518px;
	margin:auto;
	border:1px solid grey;
	padding:10px;
}

#wclFormVisiteurContainer input{
	width:200px;
}

#wclSendFormvisiteurButton{
	margin: 25px auto 0 auto;
}

/********************** Dashboard ********************/
#wclHeader{
	visibility:hidden;
}

#wclDashboardContent{
	background-image: url('../images/fondGauche.png');
    background-position: left bottom;
    background-repeat: no-repeat;
	position:relative;
}

 .wclDashboardColR {
 	background-image: url('../images/fondDroit.png');
    background-position: right bottom;
    background-repeat: no-repeat;
 }
 
.wclDashboardColL, .wclDashboardColR {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding:10px 30px;
}
.wclDashboardColL ul, .wclDashboardColR ul{
	margin:10px 30px;
}
.wclDashboardColL li, .wclDashboardColR li{
    color: grey;
    list-style-type: disc;
	margin-bottom: 5px;
}

.wclDashboardColL li.dashboardPuce, .wclDashboardColR li.dashboardPuce{
    color:#F8931D;
}
.wclDashboardColL li.wclWarnColor, .wclDashboardColR li.wclWarnColor{
	color:#f81f38;
}
.wclDashboardColL li.wclOkColor, .wclDashboardColR li.wclOkColor{
	color:#008000;
}

div.wclDashboardColR{ 
    border-left:1px solid grey;
}

.wclDashBoardTitre{
	font-size: 1.1em;
	font-weight: bold;
	border-bottom: 1px solid #777777;
	font-style: italic;
	color: #777777;
}

table#tabFinance{
	width: 100%;
	color:grey;
}

table#tabFinance td, table#tabFinance th{
	text-align: center;
	font-size:0.9em;
}

table#tabFinance td.firstChild{
	text-align: left;
}

table#tabFinance td.titreLigne {
	text-align: left;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid grey;
	font-size:0.9em;
}

td.sousTitreLigne, p.sousTitreLigne {
	text-align: left;
	padding-left: 1.2em;
	font-size:0.9em;
	color:grey;
}
#wclAssist{
	margin-top:10px;
	color:grey;
}
#wclAssist a{ 
	color:grey;
}

#wclRenewLicLogin{
	text-decoration:underline;
	cursor:pointer;
}

.wclDashButton{
	width:20px;
	height:20px;
	vertical-align:middle;
	cursor:pointer;
	margin-left:20px;
}

.wclIconeDash{
	vertical-align:middle;
}

#wclMajOk{
	width:20px;
	height:20px;
	vertical-align:middle;
}

.wclSynchroInactif {
	color: #999999;
	font-style: italic;
}

#methode{
	background: white url(../images/fond_outil_m4d.gif) repeat-x 0 0;
}
#assu {
	background: white url(../images/fond_outil_assu.gif) repeat-x 0 0;
}
#calculs {
	background: white url(../images/fond_outil_calculs.gif) repeat-x 0 0;
}
#credits {
	background: white url(../images/fond_outil_credits.gif) repeat-x 0 0;
}
#docu {
	background: white url(../images/fond_outil_docu.gif) repeat-x 0 0;
}
#entrep {
	background: white url(../images/fond_outil_entrep.gif) repeat-x 0 0;
}
#fiscal {
	background: white url(../images/fond_outil_fiscal.gif) repeat-x 0 0;
}
#immo {
	background: white url(../images/fond_outil_immo.gif) repeat-x 0 0;
}
#patri {
	background: white url(../images/fond_outil_patri.gif) repeat-x 0 0;
}
#prevo {
	background: white url(../images/fond_outil_prevo.gif) repeat-x 0 0;
}
#succes {
	background: white url(../images/fond_outil_succes.gif) repeat-x 0 0;
}
#options {
	background: white url(../images/fond_outil_options.gif) repeat-x 0 0;
}
#disqu {
	background: white url(../images/fond_outil_disqu.gif) repeat-x 0 0;
}
#metho {
	background: white url(../images/fond_outil_metho.gif) repeat-x 0 0;
}
#formation {
	background: white url(../images/fond_tutoVideo.png) repeat-x 0 0;
}
#admin{
	background: white url(../images/fond_admin.png) repeat-x 0 0;
}
#profil{
	background: white url(../images/fond_outil_profil.gif) repeat-x 0 0;
}

.pack {
	background-color: white;
	float: left;
	width:290px;
	border:1px solid #737573;
	margin:0px 15px 30px 15px;
	overflow:hidden;
	padding:0px 0px 20px 0px;
	border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 1px 1px #fff;
}

div.pack h1{
    background-color: rgb(230, 230, 230);
    border-bottom: 1px solid #737573;
    border-radius: 4px;
    color: #737573;
    font-family: helvetica,arial;
    font-size: 26px;
    padding: 10px 0;
    text-align: center;
}

.packDashBoard {
	border:1px solid #737573;
	margin:30px auto;
	overflow:hidden;
	/* padding:0px 0px 10px 0px; */
	border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	text-shadow: 0px 1px 1px #fff;
	background-color:white;
}

#wclMainContainer .packSage{
	background-color: #007f6e;
	color: white;
	text-shadow: 0 1px 1px #000070;
}

#wclMainContainer .packOrange{
	background-color: #F8931D;
	color: black;
	text-shadow: 0px 1px 1px #FFAB00;
}

div.packDashBoard h1{
    background-color: rgb(230, 230, 230);
    border-bottom: 1px solid #737573;
    border-radius: 4px;
    color: #737573;
    font-family: helvetica,arial;
    font-size: 26px;
    padding: 10px 0;
    text-align: center;
	/* margin-bottom:10px; */
}

#wclParamDefRep{
	width:100%;
}

.dashboardLinkSage{
	text-decoration:none;
	color:#007f6e;
	cursor:pointer;
}

.dashboardLink{
	text-decoration:none;
	color:#F8931D;
	cursor:pointer;
}

.section {
	margin-top: 10px;
	width:100%;
	padding: 60px 0px 0px 0px;
}

div.theme{
    float: left;
    margin: 0 15px;
    padding-top: 50px;
    width: 290px;
}

div.themeSage{
    border: 1px solid #737573;
    box-sizing: border-box;
    margin: 0 15px 30px;
    padding: 50px 0 15px;
    width: 290px;
	border-radius: 10px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	background-color:white;
}

.fondSage{
    background-image: url('../images/sageFond.png');
    background-position: bottom, center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.fondAmc{
    background-image: url('../images/amcFond.png');
    background-position: bottom, center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

a.btn {
	display: block; 
	width: 244px; 
	height: 18px; 
	position: relative;
	margin-bottom: 4px;
	margin-left:23px;
	border: none; 
	background: transparent url(../images/bouton.gif) no-repeat 0 0;
	text-decoration: none;
	color: #6a6a6a;
	font-weight:bold;
	text-shadow: 0 1px 1px #fff;
}

a.btn:hover {
	background-position: 0 -18px;
	color: #424242;
}

a.btn span 
{
	display:block;
	top:-2px;
	font-family: helvetica, arial;
	font-size: 11px;
	line-height:19px;
	margin: 0 0 0 9px;
	cursor:pointer;
}

div.btn {
	display: block; 
	width: 244px; 
	height: 18px; 
	margin-left:23px;
	position: relative;
	margin-bottom: 4px;
	border: none; 
	background: transparent url(../images/bouton.gif) no-repeat 0 0;
	text-decoration: none;
	color: #999999;
}
div.btn span 
{
	display:block;
	top:-2px;
	font-family: helvetica, arial;
	font-size: 11px;
	line-height:19px;
	margin: 0 0 0 9px;
}

.wclTableParams{
	width:100%;
}

.wclTableParams td, .wclTableParams th{
	padding:0.5em;
}

.wclTableParamsTH{
	font-weight:bold;
	text-align:left;
}

.wclParamLogoTD{
	text-align: center;
    vertical-align: middle;
}

.wclSuccess{
	color:#008000;
}

.wclError{
	color:#f81f38;
}

.wclTextCenter{
	text-align:center;
}