/* Small (sm) */

@media (max-width: 300px) { 

  footer {
    min-height: 530px !important;
  } 

  .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #menu-favoris-items a{
    text-wrap: wrap !important;
  }

}

@media (max-width: 576px) { 

  .custom-border-end {
    border-right: none !important;
  } 

  h1.archer {
      margin-top: 0px !important;
  }

  #meteo .card-body {
     padding: 0px !important;
  }
  
  #actuprivee img.accueil_profil {
    width: 90% !important;
    height: auto;
  }
}


@media only screen and (max-width: 767px) and (min-width: 576px)  {

	#actuprivee img.accueil_profil {
		width: 90% !important;
		height: auto;
	}
	
	#actuprivee h3.gotham, h4.card-title {
		font-size: 12px;
	}
	
	#actuprivee p.default-text-black, span.default-text-black {
		font-size: 12px !important;
	}
	
	#actuprivee a.en-savoir-plus-left {
		font-size: 10px;
	}
	
	#actuprivee .pt-4 {
		padding-top: .5rem!important;
	}
	
	#actuprivee p {
		margin-bottom: .5rem; 
	}

  footer {
    min-height: 320px !important;
  } 

  #menu-favoris-items a{
    text-wrap: wrap !important;
  }


  #catalogueservice .col-sm-2, .col-sm-3 {
      width: unset !important;
  }

  #catalogueservice .col-sm-9 {
    width: unset !important;
  }

  #meteo a.en-savoir-plus {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }

}

@media (min-width: 768px) { 

  footer {
    min-height: 290px !important;
  } 

  /* centrer le dropdown menu */
  .dropdown-menu-center {
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%, 0) !important;
  }

}


@media (max-width: 767px) 
{
  #actuliste .pagination>li>a, .pagination>li>span {
      display: inline !important;
  }

    /* mobile */
  #actu .row.sm {
    display: contents !important;
  }

   #actu .sm .card, #actu.card-body, #actu .card {
     width: 94% !important;
     margin-left: auto;
     margin-right: auto;
  }

  #actu h2.gotham{
    text-align: center;
  }

  #accesDirect .col-xl-6 {
    /*width: 94%;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  #meteo div.card {
    /*width: 90% !important;*/

    width: 94% !important;
    margin-left: auto;
    margin-right: auto;
  }

  #meteo .border-end {
    border-right: none !important; 
  }

  #meteo div.border-end {
    padding-top: 0px !important; 
    padding-bottom: 0px !important;
  }

  #recommande div.col {
    width: 94% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  #recommande h2.gotham{
    text-align: center;
  }

    #bloc-top10 {
    margin: 20px auto;
    width: 94%;
  }

  #bloc-inscr{
    margin: 20px auto;
    width: 94%;
  }

 #actuprivee {
    margin-top: -1rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 1rem !important;
    width: 94%;
  }

  #actuprivee p {
    text-align: justify !important;
  }

}

/* Medium (md) */

@media only screen and (max-width: 992px) and (min-width: 767px)  {

	#actuprivee img.accueil_profil {
    width: 90% !important;
		height: auto;
	}
	
   #actuprivee .pt-4 {
		padding-top: .5rem!important;
	}

  #actuprivee p {
		margin-bottom: .5rem;
	}

  #actuprivee h3.gotham, h4.card-title {
		font-size: 14px;
	}

  #actuprivee a.en-savoir-plus-left {
		font-size: 12px;
	}

  #bloc-top10 {
    margin-bottom: 20px !important;
  }

   #catalogueservice .col-sm-2 {
      width: unset !important;
  }

  #catalogueservice .col-sm-9 {
    width: unset !important;
  }

  #meteo a.en-savoir-plus {
    position: absolute;
    bottom: 15px;
    right: 15px;
  }
	
}


@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 900px;
  }

  .navbar-expand-md{
    flex-wrap: nowrap;
    justify-content: flex-start;
  }

  #section-access-denied img#errorSystemImg {
    width: 50%;
  }

}

/* Large (lg) */

@media only screen and (max-width: 1200px) and (min-width: 992px)  {

	#actuprivee img.accueil_profil {
		width: 90% !important;
		height: auto;
	}

  #bloc-top10 {
      width: 48%;
      margin-right: 1.5% !important;
      margin-left: 0 !important;
  }

  #bloc-inscr {
      width: 48%;
      margin-left: 1.5% !important;
      margin-right: 0 !important;
  }

  #catalogueservice .svg_carre {
    margin-top: 25px !important;
  }

  #catalogueservice .col-sm-3 {
      width: unset !important;
  }

    footer {
      min-height: 280px !important;
  }

}

@media (max-width:1199px) {
  .entity-timeline .timelineheader .buttoncontainer .addnote {
      font-size: 12px;
  }
  a.addnote.btn.btn-primary {
    left: 29%;
    font-size: 12px;
  }
}

@media (min-width: 1200px) { 

  footer {
    min-height: 210px !important;
    position: relative !important;
    bottom: 0 !important;
  } 

  form[action*="/espace-inscription/"], form[action*="/structure/"], div#mainContent {
    min-height: calc(100% - 250px) !important;
  }
  
}

/* Extra large (xl) */
@media only screen and (max-width: 1400px) and (min-width: 1200px)  {

	#actuprivee img.accueil_profil {
		width: 90% !important;
		height: auto;
	}

  #bloc-top10 {
      width: 48%;
      margin-right: 1.5% !important;
      margin-left: 0 !important;
  }

  #bloc-inscr {
      width: 48%;
      margin-left: 1.5% !important;
      margin-right: 0 !important;
  }

  a.addnote.btn.btn-primary {
    left: 32%;
    font-size: 12px !important;
  }

  #catalogueservice  .col-xl-3 {
      width: 23% !important;
      margin-right: 2% !important;
  }

  #catalogueservice  .col-xl-9 {
      width: 70% !important;
      margin-left: 5% !important;
  }
   
  #catalogueservice .svg_carre {
    margin-top: 25px !important;
  }
	
}