@import url('https://fonts.googleapis.com/css?family=Barlow&display=swap');

body{
    margin-top:0;
    background-color:#f5f5f5;
    font-family: 'Barlow', sans-serif;
    color: #10218b;
    padding-top: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-family:'Barlow', 'Marianne', 'dgac', 'sans-serif';
}
#contenu-principal>.container {
  padding: 20px 0px;
}
#contenu-principal>.container {
    width:100%;
    padding-right:0;
    padding-left:0;
    margin-right:auto;
    margin-left:auto;
    background-color: inherit;
    font-family: 'Barlow', sans-serif;
   }
   
#contenu-principal>.container>.content{
    padding-left: 0;
    padding-right: 0;
}
.container-small{
  width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    background-color: inherit;
    font-family: 'Barlow', sans-serif;
}
a {
  color: #10218b;
}
a:hover, a:active, a:focus, .dropdown-toggle:focus, .dropdown-toggle:active{
  outline: 1px dotted #10218b;
}
#footer a:hover, #footer a:active, #footer a:focus, #footer .dropdown-toggle:focus, #footer .dropdown-toggle:active{
  outline: 1px dotted #ffffff;
}
#i18nSelect{
  color: #10218b;
}
.skin-purple .main-header .navbar .nav > li > a{
  color: #10218b; 
}
.text-white{
    color: #fff
}

a.text-white {
  color: #fff;
}

a.text-white:hover, a.text-white:focus {
  color: #fff;
  text-decoration: underline;
}

.main-header{
  padding: 0;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
}
 .main-header .navbar{
	background-color:#ffffff;
}
.navbar.navbar-static-top>ul>li{
    float: left;
    text-align: left;
    background-color: transparent;
}
.navbar.navbar-static-top a{
	font-family: Barlow, sans-serif;  
	font-size: 14px;
	font-weight: bold;  
	font-stretch: normal;  
	font-style: normal;  
	line-height: normal;  
	letter-spacing: normal;  
	color: #10218b;
}
.navbar.navbar-static-top a:hover, .navbar.navbar-static-top a:focus{
  background-color: transparent;
}
.navbar.navbar-static-top a.navbar-brand:hover, .navbar.navbar-static-top a.navbar-brand:focus{
    text-decoration: underline;
}


.site-title{
  margin-left:13px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.site-title>.site-sub-title{
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #6d7278;
}
#i18nSelect{
	border: none;
	box-shadow: none;
}
#i18nSelect img{
  width: 40px;
  height: 40px;
}
#i18nSelect i.fas.fa-sort-down{
  color: #707070;
}
#i18nSelect .dropdown-menu{
  left:-30px;
}
#main-container{
  padding-top: 40px;
  margin-top: 60px;
  width: 100%;
  background-color: transparent;
}

  .flex-center-v{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
  }

.bg-blue{
  background-color: #0f218b !important;
}
.bg-white{
  background-color: #ffffff;
}
.bg-yellow-result{
  background-color: #ddff64;
}
.bold-small{
  font-family: Barlow, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin-top:30px;
}

.bar-yellow{
  height: 3px;
  width: 100%;
  background-color: #f0bc5e;
  /* background-color: #9E6C30; */
  border-radius: 3px;
}
#footer{
  padding: 0px 0 5px 0;
  font-family: Barlow, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
}
#footer .card-body, #footer .card-title, #footer li a{
  color: #ffffff;
}

#footer ul:not(.rgaa-footer-ul) {
  margin: 0;
  padding: 0;
}

#footer ul:not(.rgaa-footer-ul) li{
  list-style: none;
  text-decoration: none;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
  margin:10px 0;
  font-size: 14px;
}
#footer .card-title {
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 18px;
}

#footer ul.card-title.rgaa-footer-ul {
  padding-left: 0px;
}

#footer ul.card-title.rgaa-footer-ul li {
  list-style: none;
}

#footer .mail{
  font-family: Barlow, sans-serif;  
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  margin:20px 0 35px;
}

#footer #copyright{
  margin-top: 40px;
  font-family: Barlow;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.25;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
}

#footer .marianne{
  width: 120px;
  height: 90px;
  display: block;
  background-color: #fff;
  padding:5px 5px;
  margin-top: 40px;
  color: initial;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
  background-color: #f5f5f5;
}



.text-yellow{
  color: #f0bc5e
}


/* .btn-yellow {
	box-shadow: 0px 8px 14px -13px #000000;
	background-color:#9E6C30;
	border-radius:5px;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-size:16px;
	padding:10px 20px;
	text-decoration:none;
}
.btn-yellow:hover, .btn-yellow:focus {
	background-color:#9E6C30;
    color: #fff;
    text-decoration: none;
} */

.btn-yellow {
  box-shadow: 0px 8px 14px -13px #000000;
	background-color: #f0bc5e;
	border-radius:5px;
	display:block;
	cursor:pointer;
  color:#262626;
	font-size:16px;
	padding:10px 20px;
	text-decoration:none;
}
.btn-yellow:hover, .btn-yellow:focus {
  background-color: #f0bc5e;
  color:#262626;
  text-decoration: none;
  border-color: #262626;
  box-shadow: none;
}
/* color:#0f218b; */


/* .btn-yellow:active {
	position:relative;
	top:1px;
} */

.form-group.group-form-file{
  width: 100%;
  min-height: 100px;
  border-style: dashed ;
  border-width: 3px ;
  border-color: #f0bc5e;
  padding: 14px 8px;
  background-color: #f6f6f6;
  margin:5px 0 !important;
}

.group-form-file .attachFile{
  background-image: url('../images/clip.svg');
  position: absolute;
  top: 20px;
  cursor: pointer;
  display: block;
  width: 60px;
  height: 70px;
}
.group-form-file label.control-label{
  padding-top: 20px;
  display: inline;
  cursor: pointer;
}
.group-form-file label>div:first-child{
  margin-top: 15px;
}

.group-form-file label>div,.group-form-file .oldChampFileUploaded, .group-form-file label>div,.group-form-file .oldChampFilesUploaded{
  margin-left: 70px;
  margin-top: 0;
  color: #262626;
  cursor: pointer;
  text-align: left;
}
.group-form-file label>div>a{
    color: #262626;
    cursor: pointer;
}
.group-form-file label>div>a:focus, .group-form-file label>div>a:hover{
    text-decoration: underline;
}

.group-form-file label > div > button {
  color: #262626;
  cursor: pointer;
}
.group-form-file label > div > button:focus,
.group-form-file label > div > button:hover {
  text-decoration: underline;
}

.form-group.row.group-form-file{
  cursor: pointer;
}

.btnDeleteFile{
  color: #bf0018;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  font-size: 14px;
}

#spinner{
  position: fixed;
  top: 0;
  height: 1000px;
  width: 1000px;
  opacity: 1;
  display: none !important;
  z-index: 999999;
}
#spinner>img{
  position: fixed;
  top: 48%;
  left: 48%;
  z-index: 9999999;
  opacity:1;
  display: none;
}



.site-title, .site-title>.site-sub-title{
  font-size: 13px;
}
.navbar.navbar-static-top>ul>li>a, .card-body, p, body, #footer, #footer ul li, #footer .mail, .workflow{
  font-size: 14px;
}
.bold-small, .btn-yellow{
  font-size: 16px;
} 

/** Accueil **/
h1{
  font-size: 31px !important;
}
h2{
  font-size: 23px !important;
}
h3{
  font-size: 18px !important;
}
h4{
  font-size: 16px !important;
}
h5{
  font-size: 14px !important;
}
 #bloc-faq .question, #bloc-faq .question h4{
  font-size: 13px;
}
.navbar.navbar-static-top>ul>li>a, .card-body, p, body, #bloc-objectif .card-body, #bloc-faq .answer, #footer, #footer ul li, #footer .mail, .workflow{
    font-size: 14px;
}
.bold-small, .btn-yellow, .btn-red, #bloc_moment .card-title, #titre-works{
    font-size: 16px;
}
#page-signalement h3{
    font-size: 18px;
} 

/** Modal générique (pour supplanter la définition h1 de l'Accueil (ci-dessus) */
/* taille : 18px pour retrouver la taille telle qu'elle était à la base */
.callout h1.h4 {
  font-size: 18px !important;
}

/** Signalement **/
 #page-signalement h3{
  font-size: 18px;
  }
#bloc-faq .question, #bloc-faq .question h4{
    font-size: 13px;
}
.navbar.navbar-static-top>ul>li>a, .card-body, p, body, #bloc-objectif .card-body, #bloc-faq .answer, #footer, #footer ul li, #footer .mail, .workflow{
    font-size: 14px;
}
.bold-small, .btn-yellow, .btn-red, .btn-blue, .btn-grey, .btn-yellow{
    font-size: 16px;
}
#page-signalement h3{
    font-size: 18px;
}
.btn-blue, .btn-grey, .btn-yellow{
    padding: 10px 20px;
}
.input-sm{
    height: 35px;
    font-size: 13px;
}

@media only screen and (min-width:320px) {
  .container {
    width:90% ;
  }
  .navbar.navbar-static-top .container{
    width:100% ;
  }
  .container-small {
    width:90%;
   }
   .site-title{
     width: 140px;
   }
    
  #bloc_moment{
    width: 90%;
    left: 5%;
  }
  #bloc-objectif .card{
    padding: 0;
  }
    
  #footer .bloc-footer{
    padding-left: 30px;
  }
  .navbar-brand{
    width: 100px;
    padding: 15px 0;
  }
}
@media only screen and (min-width:480px) {
  .navbar-brand{
    width: 150px;
    padding: 15px;
  }
}
@media only screen and (min-width:768px) {
  .navbar-brand{
    width: auto;
    padding: 15px;
  }
}
@media only screen and (min-width:992px) {

  .container {
    width:85%;
  }
  .navbar.navbar-static-top .container{
    width:85% ;
  }
  .container-small {
    width:70%;
   }
   .site-title{
     width: 500px;
     margin-top: 20px;
   }
   #bloc_moment{
    width: 70%;
    left: 15%;
  }
  #bloc-objectif .card{
    padding: 10px 30px;
  }
    
  #footer .bloc-footer{
    padding-left: 100px;
  }
}
.collapse.navbar-collapse{
  display: block;
  border: none;
}
.navbar.navbar-inverse.navbar-horizontal.navbar-fixed-top > .container{
  background-color: transparent;
}
.borisFooter{
  height: 0;
  margin: 0;
}

#btn-connexion{
	display: none;
}



/* modif suite boris 2.3.4 */
.btn-group.open .dropdown-toggle{
  box-shadow: none;
}

.content-wrapper{
  background-color: #f5f5f5;
}
.navbar-header .logo{
  float: left !important;
}
.skin-purple .main-header .logo,.skin-purple .main-header .logo:hover, .skin-purple .main-header .logo:focus{
  background-color: transparent;
  height: auto;
  width: auto;
}

#i18nSelect .btn-flag{
  color: #10218b;
  padding: 0 5px;
}

.container>.content>.container{
    position: relative;
    width: 100%;
}

.nav-item.fontSize{
  display: none;
}

.text-blue{
    color: #10218b !important;
}

.navbar-toggle{
  display: none;
}

#menu-burger-bouton {
	padding: 20px;
	background: transparent;
	border: none;
}

footer.main-footer {
  padding: 0px;
}

footer.main-footer .row {
  margin-top: 0px;
}

#footer .bloc-footer{
    font-size: 14px;
    margin-top: 20px;
}

#footer .card-title{
  font-size: 14px;
}
#footer .card-title a{
  line-height: 25px;
}

.box.box-primary {
  border: none;
  box-shadow: none;
}

#modalAlert{
  z-index: 1051;
}

.rgaaDarkRed {
	color: #e40000;
}

.btn-flag:focus, .btn-flag:hover{
  box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);
}

#i18nSelect li a:focus {
  box-shadow: 0 0px 10px 0 rgba(0,0,0,0.2);
}

.lds-dual-ring {
	top: 20px;
}

.skin-purple .main-header .logo{
  color: initial;
}

.modal.fade{
  opacity: 1;
}

.skin-purple .main-header .navbar .nav > li > a:hover, .skin-purple .main-header .navbar .nav > li > a:active, .skin-purple .main-header .navbar .nav > li > a:focus, .skin-purple .main-header .navbar .nav .open > a, .skin-purple .main-header .navbar .nav .open > a:hover, .skin-purple .main-header .navbar .nav .open > a:focus, .skin-purple .main-header .navbar .nav > .active > a{
  background: none;
}

#motif{
    font-family: 'Marianne', 'sans-serif' !important;
}

.navbar-brand:hover, .navbar-brand:active, .navbar-brand:focus{
  outline: none;
}
.navbar.navbar-static-top{
  padding: 20px 0 10px;
}
.navbar.navbar-static-top .logo{
    width: auto;
    margin-right: 30px;
    padding: 5px;
    height: auto;
}
#i18nSelect:active, #i18nSelect:hover, #i18nSelect:focus{
  background-color: transparent;
}
header .navbar-brand{
  padding-top: 20px;
  height: auto;
  min-height: 70px;
}

 #menu-burger-zone{
  width: 260px;
  position: absolute;
  left: 0;
  background-color: #fff;
  min-width: 160px;
} 

#menu-burger-zone li{
  list-style: none;
  padding-left: 0;
}

#menu-burger-zone li a{

  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}

#menu-burger-zone li a:focus, #menu-burger-zone li a:hover{
    background-color: transparent;
    text-decoration: underline;
}

#modalAlertMessage {
  z-index: 9999;
}

.main-header .navbar-custom-menu{
  width: auto;
}