.logo_asso{
	max-width:200px;
}


html, body{
margin:0;
padding:0;
width:100%;
height:100%;
font-family:"Roboto", sans-serif;
color:#0c5460;
}

.container{
width:100%;
max-width:1200px;
margin:0 auto;
}

.innercontent{
border:solid 1px #e6e6e6;
border-radius:10px;
padding:40px;
overflow:hidden;
}

hr{
display:block;
border:0;
background-color:#e6e6e6;
height:1px;
width:100%;
margin:40px 0;
padding:0;
}

h1{
font-size:34px;
color:rgb(72, 72, 72);
font-weight:400;
padding:20px 0;
display:block;
width:100%;
}

h2{
font-size:26px;
color:rgb(72, 72, 72);
font-weight:400;
padding:10px 0;
display:block;
width:100%;
}

.button{
display:inline-block;
padding:10px 20px;
font-size:28px;
background-color:#006eae;
transition:all 0.2s;
//color:#fff !important;
border-radius:5px;
}

.button:hover{
background-color:#f0f0f0;
color:#000 !important;
cursor:pointer;
}

#liste_partenaires{
Flex-direction:column;
}


header{
text-align:center;
padding:40px 0;
}

.welcomescreen{
text-align:center;
}

.loadingscreen{
text-align:center;
}

.td_left{
background-color:white;
}


.tabsystem .tabbuttons{
display:table;
width:calc( 100% + 80px );
margin:-40px;
margin-bottom:0;
border-bottom:solid 1px #e6e6e6;

}

.tabsystem .tabbuttons .tabbutton{
display:table-cell;
text-align:center;
cursor:pointer;
border-right:solid 1px #e6e6e6;
}

.tabsystem .tabbuttons .tabbutton h1{
color:#0070a8;
transition:all 0.2s;
}

.tabsystem .tabbuttons .tabbutton:hover h1{
color:rgb(72, 72, 72);
}

.tabsystem .tabbuttons .tabbutton:last-child{
border:0;
}

.tabsystem .tabbuttons .tabbutton.selected{
background-color:#d9edf7;
}

.tabsystem .tabbuttons .tabbutton.selected h1{
color:rgb(72, 72, 72);
}

.tabsystem .tabbuttons .tabbutton.selected:hover h1{
color:rgb(72, 72, 72);
}








#lastmodificationmessage{
text-align:center;
max-width:500px;
}

.fancybox{
display:none;
}




.innercontent input[type="text"]{
width:100%;
height:55px;
padding: 10px 15px;
font-weight:300;
border:solid 1px #e0e0e0;
margin:10px 0;
color:#555;
}

.innercontent input[type="password"]{
width:100%;
height:55px;
padding: 10px 15px;
font-weight:300;
border:solid 1px #e0e0e0;
margin:10px 0;
color:#555;
}




.generalinfo{
padding-top:20px;
}

.generalinfo i{
display:inline-block;
background-color:#ccc;
padding:19px;
margin:10px 0;
width:55px;
text-align:center;
}

.generalinfo .horizontal, .coordinates .horizontal{
display:flex;
}

.generalinfo .iconblock{
width:45px;
text-align:center;
padding:5px 0;
}

.portrait .inputfile, .generalinfo .inputfile{
background-color:#ccc;
color:#333;
padding:10px;
overflow:hidden;
}

label{
width:120px;
line-height:55px;
margin:10px 0;
}

label.middle{
text-align:right;
padding-right:10px;
}


.portrait{
text-align:center;
}

.portrait h2{
font-size:20px;
padding:30px 0;
}

.portrait img{
width:100%;
max-width:100%;
}


div.outlined{
padding:20px;
border:solid 1px #d2d2d2;
border-radius:10px;
background-color:#efefef;
color:rgb(72, 72, 74);
}

table.outlined{
margin:0;
padding:0;
border-collapse:collapse;
}

table.outlined h3{
font-size:20px;
}

table.outlined p{
margin:0;
padding:0;
}

table.outlined input{
margin:0 20px 0 0;
}

.addbutton{
display:inline-block;
padding:5px 20px;
background-color:#eee;
color:#000;
border-radius:3px;
margin-top:20px;
transition:all 0.2s;
cursor:pointer;
}

.addbutton:hover{
color:#333;
}

.delbutton{
background-color:#eee;
color:#000;
width:55px;
line-height:55px;
cursor:pointer;
text-align:center;
margin:10px 0;
transition:all 0.2s;
}

.delbutton:hover{
color:#333;
}

input[type="submit"]{
display:block;
padding:10px;
background-color:#0070a8;
margin:30px 0;
border-radius:10px;
text-transform:uppercase;
color:#fff;
transition:all 0.2s;
border:0;
font-size:20px;
width:100%;
cursor:pointer;
}

input[type="submit"]:hover{
background-color:#eee;
color:#000;
}

.companylogo{
max-width:200px;
margin-bottom:10px;
}


input[type="checkbox"]{
position:relative;
top:30%;
}

input.error, .row.error{
border:solid 2px #f00 !important;
}


.erasedate{
position:absolute;
top:10px;
right:15px;
border-left:solid 1px #e0e0e0;
width:40px;
height:55px;
text-align:center;
line-height:55px;
background-color:#ccc;
font-weight:bold;
cursor:pointer;
transition:all 0.2s;
}

.erasedate:hover{
background-color:#aaa;
}





#mailings h2{
margin:0 0 20px 0;
}

#mailings label{
width:inherit;
}

#mailings .profil_externe-container{
padding:20px 30px 10px 30px;
border-radius:10px;
margin-top:20px;
margin-bottom:20px;
}


.profil_externe-container{
position:relative;
padding-top:100px;
}

.logo_ota{
width:80px;
}

.profil_externe-container .tab{
width:50%;
display:inline-block;
position:absolute;
top:0;
padding:20px;
border-bottom:solid 1px #e6e6e5;
cursor:pointer;
}

.profil_externe-container .tab.current{
background-color:#d9edf7;
}

.profil_externe-container .tab h1{
margin:0;
padding:0;
text-align:center;
}

.profil_externe-container .tab a{
text-decoration:none;
}

.profil_externe-container .tab1{
left:0;
border-right:solid 1px #e6e6e5;
}

.profil_externe-container .tab2{
left:50%;
}

.hidetab{
display:none;
}

table.mailings{
width:100%;
}

table.mailings tr td{
border-bottom:solid 1px #dcdcdc;
padding:10px;
}

@media (max-width: 720px) {
	.profil_externe-container .tab{
	padding-left:30px;
	padding-right:30px;
	}
	.profil_externe-container .tab h1{
	font-size:20px;
	}
	#mailings{
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	}
}




.onoffswitch {
    position: relative; 
    width: 50px;
    -webkit-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select: none;
    margin-top:-26px;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    height: 26px; padding: 0; line-height: 26px;
    border: 2px solid #E3E3E3; border-radius: 26px;
    background-color: #FFFFFF;
    transition: background-color 0.3s ease-in;
    width:inherit;
}
.onoffswitch-label:before {
    content: "";
    display: block; width: 26px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 20px;
    height:26px;
    margin-top:34px;
    border: 2px solid #E3E3E3; border-radius: 26px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #49E845;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    right: 0px; 
}

#savearea{
text-align:center;
}


.lb_button{
background-color:#0070a8;
padding:10px 20px;
color:#fff !important;
border-radius:5px;
margin:0 5px;
text-transform:uppercase;
text-decoration:none !important;
}

.lb_button:hover{
background-color:#ccc;
color:#000 !important;
}




.lostpassword{
color:#999;
transition:all 0.2s;
}

.lostpassword:hover{
text-decoration:none;
color:#0070a8;
}


.importantnotice{
padding:20px;
border-radius:10px;
background-color:#d9edf7;
margin-bottom:20px;
}

.informationnotice{
padding:20px;
border-radius:10px;
background-color:#fff3cd;
margin-bottom:20px;
}




.modified{
background-color:rgba(255, 128, 0, 0.2);
}



.birthdatelabel{
width:100%;
text-align:right;
}

.resumelink{
background-color:#0070a8;
padding:5px 10px;
color:#fff;
float:right;
transition:all 0.2s;
}

.resumelink:hover{
text-decoration:none;
}






.spacer{
display:block;
width:100%;
height:50px;
border-top:solid 1px #ccc;
margin-top:50px;
}

.tooltipster-custom{
border-radius: 3px; 
border:0;
background: #000;
color: #fff;
padding:10px;
}

.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}

.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #000;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
	0% {
    	transform: scale(0);
  	}
  	100% {
    	transform: scale(1);
  	}
}

@keyframes lds-ellipsis3 {
	0% {
    	transform: scale(1);
  	}
  	100% {
    	transform: scale(0);
  	}
}

@keyframes lds-ellipsis2 {
	0% {
    	transform: translate(0, 0);
  	}
  	100% {
    	transform: translate(24px, 0);
  	}
}


.borders{
border: solid 1px #eaeaea;
padding: 10px 0;
margin:0;
align-items:center;
color:#555;
font-weight:300;
}

select{
border:solid 1px #eaeaea;
padding:10px 5px;
color:#555;
}

.XP_Pro_Soumission td{
padding:5px 10px;
}