
body.page-template-template-actualites-2-iframe .actus_blocs{
    padding-top: 30px;
    padding-bottom: 30px;
}


body.page-template-template-actualites-2-iframe #tarteaucitronRoot{
    display: none;
}


body.page-template-template-actualites-2-iframe .container_actualites .head{
    height: 300px;
    margin-bottom: 30px;
}

.container_actualites .head{
    height: 540px;
    position: relative;

    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-box-align            : flex-end;
    -webkit-align-items          : flex-end;
    -ms-flex-align               : flex-end;
    align-items                  : flex-end;

    top: 0px;
    margin-bottom: 0px;
}

.container_actualites .breadcrumb{
    max-width: 1250px;
    margin: 0 auto;
    padding: 20px 0;


}

.container_actualites .breadcrumb>div>div{
    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;
}

.container_actualites .breadcrumb>div>div div{
    margin: 0 4px;
}

.container_actualites .breadcrumb>div>div div a p,
.container_actualites .breadcrumb>div>div div p{
    color: #000;
    font-family: "Montserrat";
    font-size: 13px;
    font-weight: 600;
}

.container_actualites .breadcrumb>div>div div p{
    font-weight: normal;
}

.container_actualites .head .image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.container_actualites .head .image img{

    width: 100%;
    height: 100%;
    object-fit: cover;
}



.container_actualites .head .titre{
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    width: 100%;
}


.container_actualites .head .titre h1{
    font-size: 63px;
    font-weight: normal;
    color: #F7F8FA;
    line-height: 70px;
    margin-bottom: 35px;
    font-family: "Montserrat";
}

.container_actualites .head .titre h1 strong{
    font-weight: bold;
}

.container_actualites .actus_blocs{
    max-width: 1250px;
    margin: 0 auto 150px auto;
}

.container_actualites .actus_blocs .aucun{
    margin-top: 50px;
    font-size: 19px;
}

.container_actualites .actus_blocs .filtre{
    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-box-pack             : center;
    -webkit-justify-content      : center;
        -ms-flex-pack            : center;
            justify-content      : center;

}


.container_actualites .actus_blocs .filtre input[type="text"]{
    width: 310px;
    height: 47px;
    border:none;

    -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,25%);
    box-shadow: 0 0 4px 0 rgba(0,0,0,25%);

    border-radius: 24px;
    padding: 0 45px 0 15px;

}


.container_actualites .actus_blocs .actus{
    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-flex-wrap            :wrap;
        -ms-flex-wrap            :wrap;
            flex-wrap            :wrap;

    -webkit-box-pack             : flex-start;
	-webkit-justify-content      : flex-start;
		-ms-flex-pack            : flex-start;
			justify-content      : flex-start;

    width: calc(100% + 20px);
    margin-left: -10px;
    margin-top: 56px;
}

.container_actualites .actus_blocs .actus .actu{
    width: calc(25% - 20px);
    margin: 0 10px 25px 10px;
    border-radius: 32px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,25%);
    box-shadow: 0 0 16px 0 rgba(0,0,0,25%);

    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-flex-direction       :column;
    -ms-flex-direction       :column;
        flex-direction       :column;

        -webkit-box-pack             : space-between;
        -webkit-justify-content      : space-between;
            -ms-flex-pack            : space-between;
                justify-content      : space-between;
}

.container_actualites .actus_blocs .actus .actu.has_no_thumbnail .texte{
    margin-top:0px;
    height: 100%;
}

.container_actualites .actus_blocs .actus .actu .image{
    height: 240px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    overflow: hidden;
    text-align: center;
    line-height: 270px;

    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-box-pack             : center;
    -webkit-justify-content      : center;
        -ms-flex-pack            : center;
            justify-content      : center;

    -webkit-box-align            : center;
    -webkit-align-items          : center;
    -ms-flex-align               : center;
    align-items                  : center;
}

.container_actualites .actus_blocs .actus .actu .image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container_actualites .actus_blocs .actus .actu .texte{
    margin-top: -95px;
    border-radius: 32px;
    background-color: #fff;
    padding: 30px 35px;

    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,25%);
    box-shadow: 0 0 16px 0 rgba(0,0,0,25%);
}

.container_actualites .actus_blocs .voir_plus{
    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-box-pack             : center;
-webkit-justify-content      : center;
    -ms-flex-pack            : center;
        justify-content      : center;
        margin-top: 50px;

    width: 100%;
}

.container_actualites .actus_blocs .actus .actu .date_site{
    display                      :-webkit-box;
    display                      :-webkit-flex;
    display                      :-ms-flexbox;
    display                      :flex;

    -webkit-box-align            : flex-start;
    -webkit-align-items          : flex-start;
    -ms-flex-align               : flex-start;
    align-items                  : flex-start;

    -webkit-flex-direction       :column;
    -ms-flex-direction       :column;
    flex-direction       :column;

    -webkit-box-pack             : flex-start;
    -webkit-justify-content      : flex-start;
    -ms-flex-pack            : flex-start;
    justify-content      : flex-start;
}


.container_actualites .actus_blocs .actus .actu .date_site p,
.container_actualites .actus_blocs .actus .actu .date_site a{
    font-size: 13px;
    color: #007461;
    font-family: "Montserrat";
}


.container_actualites .actus_blocs .actus .actu .date_site a{
    font-weight: 700;
}

.container_actualites .actus_blocs .actus .actu h2{
    font-size: 17px;
    color: #007461;
    line-height:22px;
    margin-bottom: 20px;
    font-weight: 700;
    min-height: 90px;
}

.container_actualites .actus_blocs .actus .actu .en_savoir_plus{
    color: #009597;
    font-weight: 700;
    font-size: 15px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.container_actualites .actus_blocs .actus .actu .en_savoir_plus:after{
    content: "";
    font-family: "font awesome 6 pro";
    font-weight: 400;
    margin-left: 10px;
    display: inline-block;
    color: #009597;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

}

.container_actualites .actus_blocs .actus .actu .en_savoir_plus:hover{
    color: #071621;
}

.container_actualites .actus_blocs .actus .actu .en_savoir_plus:hover:after{
    margin-left: 15px;
    color: #071621;
}

.container_actualites .actus_blocs .actus .actu .types{
    margin-bottom: 15px;
    /* text-align: right; */
}


.container_actualites .actus_blocs .actus .actu .type{
    font-size: 13px;
    font-weight: 600;
    color: #007461;
    font-family: "Montserrat";
    margin-bottom: 5px;
}

.container_actualites input[type="text"]{
    background-image: url(../../img/loupe.svg);
    background-size: 16px;
    background-position: center right 20px;
    background-repeat: no-repeat;
}


.container_actualites button[type="submit"]{
    border:none;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.container_actualites button[type="submit"] span{
    position: absolute;
    text-indent: -9999999px;
}


.container_actualites button[type="submit"]:before{
    content: "";
    width: 66px;
    height: 47px;
    background-image: url(../../img/submit.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}


/* The container must be positioned relative: */
.custom-select.date{
    width: 200px;
}
.custom-select.domaine{
    width: 265px;
}
.custom-select.type{
    width: 265px;
}

.select-items{
    max-height: 300px;
    overflow-y: auto;
}

/* width */
.select-items::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.select-items::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.select-items::-webkit-scrollbar-thumb {
  background: #777;
}

/* Handle on hover */
.select-items::-webkit-scrollbar-thumb:hover {
  background: #333;
}

.custom-select {
  position: relative;
  font-family: Arial;
  margin-right: 24px;

  width: 310px;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: transparent;
  height: 47px;

  display                      :-webkit-box;
  display                      :-webkit-flex;
  display                      :-ms-flexbox;
  display                      :flex;

  -webkit-box-align            : center;
  -webkit-align-items          : center;
  -ms-flex-align               : center;
  align-items                  : center;

  border-radius: 24px;

  -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,25%);
  box-shadow: 0 0 4px 0 rgba(0,0,0,25%);

  padding-right: 45px!important;

  border:none!important;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 12px;
  right: 20px;
  font-family: "font awesome 6 pro";
  color: #E6345B;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    content: "";
}

.select-arrow-active{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #000;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

.select-items div{
    color: #fff;
    font-size: 12px;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #009597;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
