*{
	margin: 0;
	padding: 0;
}
a:hover{
	cursor: pointer;
}
body{
	/*background:#078599;*/
}
#fondsite{
	/*background: url('images/fonddggfpe.png');*/
	height: 965px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	top: 0;
	left: 0px;
	overflow: hidden;
}
#header{
	/*height: 20%;*/
	color:#078599;
	font-family: Verdana;
}
#header h1{
	width: 50%;
	text-align: center;
	margin: auto;
	margin-top: 50px;
	/*font-weight: bold;*/
	line-height: 50px;
}
#content{
	margin-top:50px;
	height: 100%;
	padding-right:0px;
	padding-left:0px;
}
.rowportail{
	width:100%;
	margin: auto;
	height:100%;
	overflow: scroll;
}
.rowportail a{
	display:inline-block;
	background: #fff;
	border:1px solid transparent;
	border-radius: 70px;
	opacity: 0.8;
	text-align: center;
	padding: 10px 30px;
	margin-bottom:5px;
	text-decoration: none;
}
.rowportail a:hover{
	opacity: 1;
}
.listeApplication{
	background: #f0f0f0;
	height: 100%;
}
.application, .logiciel{
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
.listeLogiciel{
	background:#078599;
	height:100%;
	padding-top:25px;
}
.logo{
	height: 50px;
	text-align: left;
}
.intitule{
	margin-top: 0px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	padding:2px;
	/*border:1px solid transparent;*/
}
.intitule_bis{
	margin-top: 15px;
	text-align: center;
	font-size: 25px;
	font-family: Century Gothic;
	/*color: #fff;*/
	font-weight: bold;
	padding:2px;
	/*border:1px solid transparent;*/
}
.centrer{
	text-align: center;
	
}
.centrer:hover >.intitule{
	background: #fff;
	color: #00617d !important;
	border-radius: 5px;
	transition: 0.8s;
}
.titre2{
	text-align: center;
	color: #078599;
	background: #f0f0f0;
	padding-bottom: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
}
.listelogiciel{
	width: 50%;
	margin: auto;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	list-style-type: none;
}
/*---------partie gauche application-----*/
.titregauche{
	text-align: center;
	color: #fff;
	background: #078599;
	padding-bottom: 10px;
	margin-bottom: 0px;
	padding-top: 10px;
}
.listeAppli{
	padding-top: 25px;
	padding-left:0px;
	list-style-type: none;
}
.listeAppli li{
	display: block;
	height: 80px;
	margin-bottom: 10px;
}
.listeAppli li a{
	border-radius: 0px 20px 20px 0px;
	height:100%;
	width:75%;
	padding: 0;
	border: 0px;
}
.intitulelogo li{
	height:40px;
}
.gauchesgsp{
	height: 100%;
	background: url('images/fond_sgsp.png') no-repeat;	
	background-size: cover;
}
.gauchealias{
	height: 100%;
	background: url('images/fond_alias.png') no-repeat;	
}
.gaucheaugure{
	height: 100%;
	background: url('images/fond_augure.png') no-repeat;	
}
.gauchesygecd{
	height: 100%;
	background: url('images/fond_sygecd.png') no-repeat;	
}
.gauchesiigfp{
	height: 100%;
	background: url('images/fond_siigfp.png') no-repeat;	
}
.dte{
	padding-top:5px;
	padding-bottom:5px;
}

.sgsp div span{
	color: #009fe3;
	font-weight: bold;
}
.alias div span{
	color: #bb187c;
	font-weight: bold;
}
.augure div span{
	color: #045c73;
	font-weight: bold;
}
.sygecd div span{
	color: #036803;
	font-weight: bold;
}
.siigfp div span{
	color: #606060;
	font-weight: bold;
}
/*-----fin partie gauche ---------*/
#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	background: #fff;
	opacity: 0.8;
	font-size: 16px;
	padding-top: 10px;
	font-weight: bold;
}
#myModalAugure .modal-header, #myModalLoginMasseSalariale .modal-header, #myModalDownload .modal-header{
	background: #06918d;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#myModalAugure .modal-dialog, #myModalLoginMasseSalariale .modal-dialog, #myModalError .modal-dialog, #myModalDownload .modal-dialog{
	margin: 15% auto;
}
#myModalAugure .close, #myModalLoginMasseSalariale .close{
	color: #fff;
	opacity: 0.5;
}
#myModalAugure .close:hover, #myModalLoginMasseSalariale .close:hover{
	color: #000;
}
#myModalLoginMasseSalariale .modal-body{
	margin: 10px;
}
#myModalLoginMasseSalariale .modal-body div{
	margin-bottom: 10px;
}
#myModalLoginMasseSalariale .modal-body label{
	font-weight: normal;
}
#myModalError .modal-header{
	background: #fb5c5c;
	color: #fff;
	text-align:center;
}
#myModalError .modal-footer, #myModalDownload .modal-footer{
	padding: 10px;
	text-align: center;
}
#myModalDownload  .modal-body{
	background: #5cb85c;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 0px;
}
.lienDownload{
	margin: 0;
}
.lienDownload a{
	display: block;
	padding: 20px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 25px;
}