/*  ----------------------------------------------------------*/
/*  Style Sheet for Custom CSS  default theme                              */
/*  Overload the original style CSS here                      */
/*  ----------------------------------------------------------*/

/*  ----- SESAME -----  */

body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1em;
    color: #581d74;
    background-color: white;
    background-size: contain;
    background-position: right;
    display: flex;
}

#wrapper {
    background-color: white;
    padding-bottom: 0px;
    overflow: auto;
    border-right: 1px solid #581d74;
    width: 100%;
}

.header, #header {
    background-color: #ffffff;
    border-bottom: 2px solid #581d74;
    margin: 0;
    padding: 0;
}

.header .container, #header .container {
    height: 90px;
    padding: 0px 15px;
    width: auto;
}

#header>.container>h1 {
    display: unset;
}

.header .logo, #header .logo {
    background-image: url(../images/00-groupeBPCE.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 250px;
    height: 110px;
    position: absolute;
    margin: 12px 0 0 0;
    padding: 0;
    border: 0px solid green;
    left: unset;
    right: unset;
}

.container {
    max-width: 1200px !important;
}

h1 {
    font-size: 2vw;
    font-weight: normal;
    font-style: normal;
    color: #581d74;
    text-align: left;
    margin: 40px 0 0 310px;
    border: 0px solid red;
    display: inline-block;
    position: absolute;
    /* white-space: nowrap; */
}

h3 {
    text-shadow:none;
}
	
#AUTHENTICATION\.LOGINContainer:before, #AUTHENTICATION\.PASSWORDContainer:before {
	color: #581d74;
}

#AUTHENTICATION\.AUTHSCHContainer{
      font-weight: bold;	
}

input {
    color:  #581d74;
}

input:focus {
    color:  #581d74;
    outline-color: #581d74
}

::selection  {
	background: #581d74;
	color:white;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #A1A6B2;
	background: #581d74;
	font-weight: normal;
	color: #fff;
}

.ui-button {
	text-shadow: unset;
}


input[name='cancelButton'] {
    background-color: white;
    border: 2px solid #581d74;
    color: #581d74;
}

#wrapper {
    /* width: 30%; */
    /* min-width: 550px; */
    background-color: white;
    padding-bottom: 0px;
    overflow: auto;
    border-right: 1px solid #581d74;
    width: 100%;
}

#wrapper .app.authListItem {
    padding: 10px 15px 10px 15px;
    border: 0px solid red;
    background-color: #f9f9f9;
    margin: 10px 0 0 0;
}

#wrapper .authListItem:hover  {
	outline-color: #581d74;
	outline-style: solid;
	outline-width: thin;
}

a.link_style, a.link_style:visited, a.link_style:hover, a.link_style_simple, a.link_style_simple:visited, a.link_style_simple:hover {
    background-color: transparent;
}

a.connect_link, a.connect_link:visited {
    color: #e1e1e1;
}

a.connect_link:hover {
    color: white;
}

.infos_user {
    margin: 20px 10px 0 0;
	color: white;
}

#footer {
	visibility: hidden;
}

/*  ------ Mobile ------  */

@media screen and (max-width: 720px) {
	.header, #header {
		height: 70px;
	}

}

@media screen and (max-width: 600px) {
	#wrapper {
		width: 100%;
		min-width: 0px;
		border-right: none;
	}

}

/*  ------ Portal ------  */


a.link_style, a.link_style:visited, a.link_style:hover {
    color: #FFF;
    background-color: #42077a;
}

div#contenu_specifique_application form#Portal{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	position: static;
	padding:5px;
}

div#contenu_specifique_application form#Portal div.app{
	position : static;
	height: 100px;
	width: 24%;
	margin: 0.5%;
	margin-top : 10px;
	border: 2px solid #581d7417;
    border-radius: 15px;
	min-width: 150px;
	background-color: white !important;
}

div#contenu_specifique_application form#Portal div{
	position : static;
	width: auto;
	margin: 1%;
}



div.INTERN {
	page-break-before: always;
	background-image: url("../images/bpce.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

div.NATIXIS {
	background-image: url("../images/Natixis.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}	

div.BRED {
	background-image: url("../images/bred.jpg") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
}	

div.CASDEN {
	background-image: url("../images/casden.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important; 
}

div.ADFS {
	background-image: url("../images/autre.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important; 
}


div.ONEY {
	background-image: url("../images/oney.jpg") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important; 
}


div.ADFS a,div.ADFS a:hover,
div.INTERN a,div.INTERN a:hover,
div.NATIXIS a,div.NATIXIS a:hover,
div.BRED a, div.BRED a:hover,
div.CASDEN a, div.CASDEN a:hover,
div.ONEY a,div.ONEY a:hover {
	color:transparent;
	height:100%;
	width:100%;
	display:block;
	cursor:pointer;
}

div.ADFS a:link, div.INTERN a:link, div.NATIXIS a:link, div.BRED a:link, div.CASDEN a:link, div.ONEY a:link {
	text-decoration:none; 
}

div.ADFS, div.INTERN, div.NATIXIS, div.BRED, div.CASDEN, div.ONEY {
	height:6em;
	border: 2px solid #581d7417;
    border-radius: 5px;
	### display:none;
}

div.ADFS:hover, div.INTERN:hover, div.NATIXIS:hover, div.BRED:hover, div.CASDEN:hover, div.ONEY:hover {
	border-color: #581d74;
}

form#Portal:before{
	content: 'Veuillez choisir votre établissement:';
    margin-bottom: 30px;
    margin-top: 30px;
    display: block;
    width: 100%;
    font-size: 1.2em;
}