/*
 * Copyright (c) 2019 Agoraline - Thomas Musset
 */

main {
/* overflow-y: auto; */
/*padding-bottom: 100px;*/
}

.uk-notification .uk-notification-message {
border-radius: 5px !important;
}

.uk-notification .uk-notification-message .uk-notification-close {
color: transparent;
}

.uk-notification .uk-notification-message.uk-notification-message-primary {
background-color: #1387ff;
color: #FFF;
}

.uk-notification .uk-notification-message.uk-notification-message-success {
background-color: #32b359;
color: #FFF;
}

.uk-notification .uk-notification-message.uk-notification-message-warning {
background-color: #e37e25;
color: #FFF;
}

.uk-notification .uk-notification-message.uk-notification-message-danger {
background-color: #ca3a41;
color: #FFF;
}

.mention-obligatoire {
color: #ff253a;
}

.mention-obligatoire-multi {
color: orange;
}


nav{width: 100%; height: 160px;background: #0070e2;/*box-shadow: 0 1px 15px 1px rgba(52,40,104,.08);*/position: fixed;top: 0;left: 0;z-index: 1000;background: url(../images/bandeau.png)no-repeat bottom center;}
nav .icone-Profil{position: absolute;left: 20px;top: 8px;background: #fff;z-index: 10;width: 100px;height: 100px;border-radius: 50%;overflow: hidden;}
nav .icone-Profil img{width: 100%;height: 100%;object-fit: contain;}

body > main.main {width: 100%;height:auto;padding-top: 190px; }
.uk-position-top-left {left:unset!important;right: 200px!important;}
.uk-position-top-left {z-index: 11!important;}
form .submit{z-index: 12!important;}
.uk-button-danger  {z-index: 13!important;}

.button-nav{position: fixed;top: 13px;background: #fff;border: 1px solid #fff; padding: 5px 13px;text-decoration: none;color: #6e7077;border-radius: 3px;border: none;font-size: 16px;cursor: pointer;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height: 25px;z-index: 11;outline: none;}
.button-nav:hover{text-decoration: none; color:#fff;}
#deconnexion{right: 5px;}
#retour-Accueil{right: 180px;}
#valider{right: 395px;z-index: 1001;}

#deconnexion:hover{background: red;}
#retour-Accueil:hover{background: #1e87f0;}
#valider:hover{background: green;}


.alert-Error, .alert-Succes{color: #fff;font-size: 16px;padding: 1% 1%;border-radius: 4px;width: 50%;margin: auto;position: absolute;top: 100px;left: 24%;	z-index: 9999;}
.alert-Error{background-color: #e21212;}
.alert-Succes{background-color: #05b700;}


.uk-background-default {background-color: #f9f9f9;}

nav .icone-Profil {width: 150px;height: 150px;}
.global-Container {padding: 40px 0;}
#deconnexion {background:#fff url(../images/icone-deconnexion.png)no-repeat;background-size: auto 20px; background-position:15px 9px;padding: 5px 13px 5px 40px;}
#deconnexion:hover {background:#e21212 url(../images/icone-deconnexion-on.png)no-repeat;background-size: auto 20px; background-position:15px 9px;}

#retour-Accueil {background:#fff url(../images/home.png)no-repeat;background-size: auto 20px; background-position:10px 8px;padding: 5px 13px 5px 40px;}
#retour-Accueil:hover {background:#1e87f0 url(../images/home-on.png)no-repeat;background-size: auto 20px; background-position:10px 8px;}

#valider {background:#fff url(../images/save.png)no-repeat;background-size: auto 20px; background-position:12px 8px;padding: 5px 13px 5px 40px;}
#valider:hover {background:#1e87f0 url(../images/save-on.png)no-repeat;background-size: auto 20px; background-position:12px 8px;}


.button-nav {font-size: 20px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}






/* ACTUALITE A LA UNE */
#actualite-alaune{width: calc(100% - 30px);height: 230px;position: relative;margin-bottom: 51px;margin: 0 auto 30px;max-width: 1200px;margin-bottom: 45px;padding:0 15px;}
#actualite-alaune .alaune-contenu {position: relative;z-index: 10;width: 100%;display: flex;height: 100%;background: #fff;
    box-shadow: 0 1px 15px 1px rgba(52,40,104,.08);}
#actualite-alaune .alaune-image-conteneur{width: 500px;position: relative;height: 100%;}
#actualite-alaune .alaune-image-conteneur .alaune-image{width: 100%;overflow: hidden;height: 100%;}
#actualite-alaune .alaune-image-conteneur .alaune-image::before{content:'';position: absolute;top:0;right: 0;width: 0;height: 0;border-style: solid;border-width: 0 220px 230px 0;border-color: transparent #fff transparent transparent;z-index: 10;}
#actualite-alaune .alaune-texte-conteneur{width: calc(100% - 500px);padding-left: 30px;    padding-right: 15px; box-sizing: border-box;}
#actualite-alaune .actualites-nom {height: 60px;overflow: hidden; margin: 31px 0 10px;}
#actualite-alaune .actualites-texte {height: 141px;;overflow: hidden;}
#actualite-alaune .actualite-bouton {margin-top: 25px;}
#actualite-alaune:hover .actualite-bouton .bouton {background: #fff;color: #0639a3;}

.uk-position-cover{z-index: 1002;}

@media all and (max-width:1195px) {
	#actualite-alaune .alaune-image-conteneur {	width: 415px;}
	#actualite-alaune .alaune-texte-conteneur {width: calc(100% - 425px);padding-left: 10px;}
	
}
@media all and (max-width:900px){

	#actualite-alaune {width: 90%;margin:auto;margin-bottom: 25px;max-width: 600px;    padding-bottom: 15px;}
	#actualite-alaune .alaune-texte-conteneur {width: 100%}
	#actualite-alaune .alaune-contenu {flex-wrap: wrap;}
	#actualite-alaune {height: auto;}
	#actualite-alaune .alaune-image-conteneur {margin: auto;}
	#actualite-alaune .alaune-texte-conteneur .actualites-nom {height: auto;}

}


@media screen and (max-width: 890px) {
	.alert-Error, .alert-Succes{width: 70%; left: 14%;}
}
	
@media screen and (max-width: 675px) {
	.alert-Error, .alert-Succes{width: 77%; left: 10%;}
}

@media screen and (max-width: 750px) {
	.button-nav {font-size: 14px;width: 175px;box-sizing: border-box;}
	#retour-Accueil{right: 5px;top: 55px;}
	#valider {right: 5px; top: 97px;}
}
@media screen and (max-width: 550px) {
	/* .button-nav {font-size: 14px;}
	#retour-Accueil{right: 118px;}
	#valider {right: 260px;} */

	.alert-Error, .alert-Succes{width: 94%; left: 10px;}
}
@media screen and (max-width: 500px) {

#deconnexion{top:5px;}
#retour-Accueil{top: 48px;}
#valider{top: 90px;}
nav .icone-Profil {width: 100px;height: 100px;position: absolute; left: 10px;    top: 28px;}

}

@media all and (max-width:320px) {

	#actualite-alaune .alaune-image-conteneur .alaune-image-date{    padding-top: 11px;}
	#actualite-alaune .alaune-image-conteneur .alaune-image-date::before {border-width: 0 175px 177px 0;}
}