.reset{
margin-left: 0;
margin-bottom: 2%;
}

.reset a{
text-decoration:none;
color :#676767;
border: 2px solid #3DA6BF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;  
border-radius: 5px;
font-size : 1.1em;
padding: 2px 5px;

}

.reset a:hover{
color: white;
background-color: #3DA6BF;
}

.content .resultats{
  color:#1F91AC;
}

.content .mot{
  color:black;
  font-weight: bold;
  text-transform: capitalize;
}  

     #button {
      display: block;
      width: 90%;
      margin : 0 5%;
     }

    #grve-content #button .aff_filtre{
      display: block;
      background-color: white;
      width: 50%;
      margin : 0 25%;
    }

 #grve-content #button .aff_filtre:hover{
  background-color: #70C5DB;
  border:none;
}
 #grve-content #fleche{
    position: absolute;
    top:45%;
    right: 5%;
    }

    .img_fleche1{
		width: 20px;
	}

	.img_fleche2{
		width: 15px;
	}
 #grve-content .articles a{
 	 color: black;
 }

@media only screen and (min-width : 1124px) {

#sectionSearch, .rouge{
  display: inline-block;
  width: 60%;
  height: 100%;
  margin-right: 12em;
 
}

 .grve-content-wrapper .center{
display: inline-block;
position: relative;
top:0;
width: 100vw;
padding: 2em;
}

/* FILTRE PLIE*/

   #grve-content #button .aff_filtre{
    display: none;
  }

 /* FILTRE MULTICRITERES */

#form{
  display: visible;
  float: left;
  width: 15%; 
  margin: 0 1% 1% 18em;
}

#grve-content #filtreOrange, #sectionSearch, .rouge{
	position: relative;
	top:0;
}

#filtreOrange .couleur{
  color:#160505;
  letter-spacing: -0,5em;
 }

        /* FILTRE MULTICRITERES : CATEGORIES*/

        #filtreOrange .global{
          margin: 0 2em ;
          font-size : 1em;
          line-height: 1.2em;
         }

        #filtreOrange .thematiques, .modalites, .pages{
            border-top: 1px solid #CEF3FC;
            padding-bottom: 1em;
          }

        #filtreOrange h6{
            margin: 1em auto;
          }

        #filtreOrange .control{
          display: block;
          position :relative;
          padding-left: 30px;
          margin-bottom: 20px;
          cursor: pointer;
          font-size: 1.1em;
          }

          /* FILTRE MULTICRITERES : checkboxes */

           #filtreOrange input:checked {
            position: absolute;
            z-index :-1;
            opacity :0;
          }

            #filtreOrange .control__indicator{
            position: absolute;
            top: 2px;
            left: 8px;
            height: 15px;
            width: 15px;
            background-color:#CFEFF4;
          }

            #filtreOrange .control:hover, .control:focus{
              background-color:#FFB25C;
              opacity: 0.9;
          }

            .control input:checked{

              background-color:#2AA1C0;

          }
            #filtreOrange ~ .control {

            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 0.2em;
            cursor: pointer;
            font-size: 1em;

          }

          .control input {

            position: absolute;
            z-index: -1;
            opacity: 0;

          }

          .control__indicator {

            position: absolute;
            top: 2px;
            left: 0;
            height: 1.5em;
            width: 1.5em;
            background-color: #EDF4F6;

          }
          .control--radio .control__indicator {
            -webkit-border-radius: 50%;
            -moz-border-radius:50%; 
            border-radius: 50%;
          }

          .control input:checked ~ .control__indicator {

            background: #FFA253;

          }

          .control:hover input:not([disabled]):checked ~ .control__indicator,
          .control input:checked:focus ~ .control__indicator {

            background: #60C3DC;

          }

          .control input:disabled ~ .control__indicator {

            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;

          }

          .control__indicator:after {

            content: '';
            position: absolute;
            display: none;

          }

          .control input:checked ~ .control__indicator:after {

            display: block;

          }

          .control--checkbox .control__indicator:after {

            left: 4px;
            width: 5px;
            height: 10px;
            border: solid black;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);

          }

          .control--checkbox input:disabled ~ .control__indicator:after {

            border-color: #7b7b7b;

          }

/* ARTICLES ET PAGES  */

  .articles{

    display: inline-block;
    width: 20%;
    height:auto; 
    margin: 1% 1% 8%;
    box-shadow: 6px 6px 50px #D8D7D7;

  }

  .articles:hover{
      background-color: #FFF2D3;
  }

  .articles a:hover{
    color: black;
  }

    /* DISPOSITION DES BLOCS DANS BLOC CONTENEUR*/

       #grve-content .articles .date{
        width: 100%;
        text-align: center;
        color: white;
        background-color: #FFA747;
        opacity: 0.9;
        position: absolute;
        top:0;
      }

        #grve-content .articles .maj{
        width: 100%;
        text-align: center;
        color: white;
        background-color: #FF7554;
        opacity: 0.9;
        position: absolute;
        top:0;
      }
      #grve-content .articles .milieu{
        width: 100%;
        position: relative;
        bottom: 0;
      }

        #grve-content .articles .titre{
          /*text-transform: uppercase;*/
          font-size: 1.1em;
          line-height: 12pt;
          font-weight: bolder;
          padding-left: 5%;
          position: relative;
          top:3em;
      }

        #grve-content .articles .img{
        max-width: 100%;
        height: 15.500em;
        background-color: #FFF9F1;
       }


        #grve-content .articles .texte{
          background-color: white;
          position: absolute;
          top: 70%;
          width: 100%;
          height: 10em;
          font-size: 1em;
          line-height: 14pt;
          font-weight: bolder;
          padding: 2% 0 0 2%;
          border-bottom: 2px solid #60C3DC;
      }

       #grve-content .articles .categorie{
          color : #5B5B5A;
          line-height: 12pt;
          font-size: 0.9em;
          margin-top:1em;
          padding-left: 2%;
          font-style:italic;
          font-weight:normal;
          position: absolute;
          bottom: 0;
        }

    /* AFFICHAGE DES RESULTATS*/

    .content>p{
      font-size : 1.1em;
    }

    .content .resultats{
      font-weight: bold;
      text-transform: capitalize;
      color:#1F91AC;
    }

    .content .nom_res{
      margin: 0 5px ; 
    }

    .content .titre{
      font-size: 1.2em;
    }

}

@media (min-width: 1124px) and (max-width: 1980px) {

  #sectionSearch, .rouge{
  width: 70%;
  height: 100%;
  margin-right: 0;
}

/* BARRE DE RECHERCHE */


.grve-content-wrapper .center{
	display: inline-block;
position: relative;
top:0;
width: 100vw;
padding: 2em;
}

/* FILTRE PLIE*/

   #grve-content #button .aff_filtre{
    display: none;
  }

 /* FILTRE MULTICRITERES */

 #grve-content #form{
  display: visible;
  float: left;
  width: 15%; 
  margin: 0 1% 1% 9em;
}

 #grve-content #filtreOrange, #sectionSearch, .rouge{
	position: relative;
	top:0;
}

 #grve-content #filtreOrange .couleur{
  color:#160505;
  letter-spacing: -0,5em;
 }

        /* FILTRE MULTICRITERES : CATEGORIES*/

         #grve-content #filtreOrange .global{
          margin: 0 2em ;
          font-size : 1em;
          line-height: 1.2em;
         }

          #grve-content #filtreOrange .thematiques, #grve-content #filtreOrange .modalites, #grve-content #filtreOrange .pages{
            border-top: 1px solid #CEF3FC;
            padding-bottom: 1em;
          }

          #grve-content #filtreOrange h6{
            margin: 1em auto;
          }

          #grve-content #filtreOrange .control{
          display: block;
          position :relative;
          padding-left: 30px;
          margin-bottom: 20px;
          cursor: pointer;
          font-size: 1.1em;
          }

          /* FILTRE MULTICRITERES : checkboxes */

            #grve-content #filtreOrange input:checked {
            position: absolute;
            z-index :-1;
            opacity :0;
          }

            #grve-content #filtreOrange .control__indicator{
            position: absolute;
            top: 2px;
            left: 8px;
            height: 15px;
            width: 15px;
            background-color:#CFEFF4;
          }

            #grve-content #filtreOrange .control:hover, .control:focus{
              background-color:#FFB25C;
              opacity: 0.9;
          }

            .control input:checked{

              background-color:#2AA1C0;

          }
            #grve-content #filtreOrange .control {

            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 0.2em;
            cursor: pointer;
            font-size: 1em;

          }

          .control input {

            position: absolute;
            z-index: -1;
            opacity: 0;

          }

          .control__indicator {

            position: absolute;
            top: 2px;
            left: 0;
            height: 1.5em;
            width: 1.5em;
            background-color: #EDF4F6;

          }
          .control--radio .control__indicator {
            -webkit-border-radius:50%;
            -moz-border-radius:50%; 
            border-radius: 50%;

          }

          .control input:checked ~ .control__indicator {

            background: #FFA253; /* fond orange */

          }

          .control:hover input:not([disabled]):checked ~ .control__indicator,
          .control input:checked:focus ~ .control__indicator {

            background: #60C3DC; /* fond hover*/

          }

          .control input:disabled ~ .control__indicator {

            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;

          }

          .control__indicator:after {

            content: '';
            position: absolute;
            display: none;

          }

          .control input:checked ~ .control__indicator:after {

            display: block;

          }

          .control--checkbox .control__indicator:after {

            left: 4px;
            width: 5px;
            height: 10px;
            border: solid black;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);

          }

          .control--checkbox input:disabled ~ .control__indicator:after {

            border-color: #7b7b7b;

          }

/* ARTICLES ET PAGES  */

  .articles{
    margin: 1% 1% 10%;
  }

  .articles:hover{
      background-color: #FFF2D3;
  }

  .articles a:hover{
    color: black;
  }

    /* DISPOSITION DES BLOCS DANS BLOC CONTENEUR*/

       #grve-content .articles .date{
        width: 100%;
        text-align: center;
        color: white;
        background-color: #FFA747;
        opacity: 0.9;
        position: absolute;
        top:0;
      }

       #grve-content .articles .maj{
        width: 100%;
        text-align: center;
        color: white;
        background-color: #FF7554;
        opacity: 0.9;
        position: absolute;
        top:0;
      }

      #grve-content .articles .milieu{
        width: 100%;
        position: relative;
        bottom: 0;
      }

        #grve-content .articles .img{
        max-width: 100%;
        height: 190px;
        background-color: #FFF9F1;
       }

        #grve-content .articles .texte{
          background-color: white;
          position: absolute;
          top: 70%;
          width: 100%;
          height: 10em;
          font-size: 1em;
          line-height: 14pt;
          font-weight: bolder;
          padding: 2% 0 0 2%;
      }

       #grve-content .articles .categorie{
          color : #5B5B5A;
          line-height: 12pt;
          font-size: 0.9em;
          margin-top:1em;
          padding-left: 2%;
          font-style:italic;
          font-weight:normal;
          position: absolute;
          bottom: 0;
        }

    /* AFFICHAGE DES RESULTATS*/

    .content>p{
      /*font-style: italic;*/
      font-size : 1.1em;
    }

    .content .resultats{
      font-weight: bold;
      text-transform: capitalize;
      color:#1F91AC;
    }

    .content .nom_res{
      margin: 0 5px ; 
    }

    .content .titre{
      font-size: 1.2em;
    }

}

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

    #sectionSearch, .rouge{
   display: inline-block;
  width: 70%;
  height: 100%;
  margin-right: 0;
}

/* BARRE DE RECHERCHE */

.center{
display: inline-block;
position: relative;
top:0;
width: 100vw;
padding: 2em;
}

/* FILTRE PLIE*/

   #grve-content #button .aff_filtre{
    display: none;
  }

 /* FILTRE MULTICRITERES */

 #grve-content #form{
  display: visible;
  float: left;
  width: 25%; 
  margin: 0 1% 1% 1.5em;
}

 #grve-content #filtreOrange, #sectionSearch, .rouge{
	position: relative;
	top:0;
}

 #grve-content #filtreOrange .couleur{
  color:#160505;
  letter-spacing: -0,5em;
 }

        /* FILTRE MULTICRITERES : CATEGORIES*/

         #grve-content #filtreOrange .global{
          margin: 0 2em ;
          font-size : 1em;
          line-height: 1.2em;
         }

          #grve-content #filtreOrange .thematiques, #grve-content #filtreOrange .modalites, #grve-content #filtreOrange .pages{
            border-top: 1px solid #CEF3FC;
            padding-bottom: 1em;
          }

          #grve-content #filtreOrange h6{
            margin: 1em auto;
          }

          #grve-content #filtreOrange .control{
          display: block;
          position :relative;
          padding-left: 30px;
          margin-bottom: 20px;
          cursor: pointer;
          font-size: 1.1em;
          }

          /* FILTRE MULTICRITERES : checkboxes */

            #grve-content #filtreOrange input:checked {
            position: absolute;
            z-index :-1;
            opacity :0;
          }

            #grve-content #filtreOrange .control__indicator{
            position: absolute;
            top: 2px;
            left: 8px;
            height: 15px;
            width: 15px;
            background-color:#CFEFF4;
          }

            #grve-content #filtreOrange .control:hover, .control:focus{
              background-color:#FFB25C;
              opacity: 0.9;
          }

            .control input:checked{

              background-color:#2AA1C0;

          }
            #grve-content #filtreOrange .control {

            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 0.2em;
            cursor: pointer;
            font-size: 1em;

          }

          .control input {

            position: absolute;
            z-index: -1;
            opacity: 0;

          }

          .control__indicator {

            position: absolute;
            top: 2px;
            left: 0;
            height: 1.5em;
            width: 1.5em;
            background-color: #EDF4F6;

          }
          .control--radio .control__indicator {
            -webkit-border-radius:50%;
            -moz-border-radius:50%; 
            border-radius: 50%;

          }

          .control input:checked ~ .control__indicator {

            background: #FFA253; /* fond orange */

          }

          .control:hover input:not([disabled]):checked ~ .control__indicator,
          .control input:checked:focus ~ .control__indicator {

            background: #60C3DC; /* fond hover*/

          }

          .control input:disabled ~ .control__indicator {

            background: #e6e6e6;
            opacity: 0.6;
            pointer-events: none;

          }

          .control__indicator:after {

            content: '';
            position: absolute;
            display: none;

          }

          .control input:checked ~ .control__indicator:after {

            display: block;

          }

          .control--checkbox .control__indicator:after {

            left: 4px;
            width: 5px;
            height: 10px;
            border: solid black;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);

          }

          .control--checkbox input:disabled ~ .control__indicator:after {

            border-color: #7b7b7b;

          }

/* ARTICLES ET PAGES  */

  .articles{
    display: inline-block;
    width: 28%;
    margin: 1% 1.5% 7em;
    box-shadow: 6px 6px 50px #D8D7D7;
  }

  .articles:hover{
      background-color: #FFF2D3;
  }

  .articles a:hover{
    color: black;
  }

    /* DISPOSITION DES BLOCS DANS BLOC CONTENEUR*/

       #grve-content .articles .date{
        width: 100%;
        text-align: center;
        color: white;
        background-color: #FFA747;
        opacity: 0.9;
        position: absolute;
        top:0;
      }

       #grve-content .articles .maj{
        width: 100%;
        text-align: center;
        color: white;
        background-color: #FF7554;
        opacity: 0.9;
        position: absolute;
        top:0;
      }

      #grve-content .articles .milieu{
        width: 100%;
        position: relative;
        bottom: 0;
      }

        #grve-content .articles .img{
        max-width: 100%;
        height: 190px;
        background-color: #FFF9F1;
       }

        #grve-content .articles .texte{
          background-color: white;
          position: absolute;
          top: 70%;
          width: 100%;
          height: 10em;
          font-size: 1em;
          line-height: 14pt;
          font-weight: bolder;
          padding: 2% 0 0 2%;
          border-bottom: 2px solid #70C5DB;


      }

       #grve-content .articles .categorie{
          color : #5B5B5A;
          line-height: 12pt;
          font-size: 0.9em;
          margin-top:1em;
          padding-left: 2%;
          font-style:italic;
          font-weight:normal;
          position: absolute;
          bottom: 0;
        }

    /* AFFICHAGE DES RESULTATS*/

    .content>p{
      /*font-style: italic;*/
      font-size : 1.1em;
    }

    .content .resultats{
      font-weight: bold;
      text-transform: capitalize;
      color:#1F91AC;
    }

    .content .nom_res{
      margin: 0 5px ; 
    }

    .content .titre{
      font-size: 1.2em;
    }

}

@media (min-width: 631px) and (max-width: 991px){

	  #sectionSearch, .rouge{
  		width: 90%;
  		height: 100%;
  		margin: 0 5%;
	}

  /* BARRE DE RECHERCHE */

    .center{
      padding:0;
      margin:0;
      width:90%;
    }

    #grve-content #button .aff_filtre{
    border: 3px solid #70C5DB;
    color: black;
    margin:-5em 0 2%;
    width: 100%;
   }

/* FILTRE MULTICRITERES */

.global>p{
  display:none;
}

 #grve-content form#filtreOrange{
  display: none;
  border:3px solid #70C5DB;
  width: 90%; 
  margin: 0 5% 3%;
}

 #grve-content #filtreOrange .thematiques, #grve-content #filtreOrange .modalites, #grve-content #filtreOrange .pages{
	display: inline-block;	
	vertical-align: top;
	margin : 1% 5% 1%;
  }

 #grve-content #filtreOrange .couleur{

  color:#160505;
  letter-spacing: -0,5em;

 }

 /* AFFICHAGE DES RESULTATS*/

.content>p{

  font-style: italic;

}

.content>p, .content .reset a{

  font-size : 1.1em;
  margin-left:2%;

}

.content .resultats{
  font-weight: bold;
  text-transform: capitalize;
}

.content .titre{
  font-size: 1.2em;
}


/* ARTICLES ET PAGES  */

.articles{

  display: inline-block;
  width: 22% ;
  height: 18em;
  margin: 1.5% 1% 5%;
  vertical-align: top;

}

 #grve-content .articles .date{
  text-align: center;
  color: white/*#FF7D0E*/;
  background-color: #FFA747;
  opacity: 0.9;
  padding-left: 2%;
  position: absolute;
  top:0;
  width: 100%;
  z-index: 1;

}

 #grve-content .articles .maj{
  text-align: center;
  color: white/*#FF7D0E*/;
  background-color: #FF7554;
  opacity: 0.9;
  padding-left: 2%;
  position: absolute;
  top:0;
  width: 100%;
  z-index: 1;

}

.articles:hover{
    opacity: 0.9;

}

.articles a:hover{
  color: black;
}
        #grve-content .articles .texte{
          background-color: white;
          position: absolute;
          top: 70%;
          width: 100%;
          height: 10em;
          font-size: 1em;
          line-height: 12pt;
          font-weight: bolder;
          padding: 2% 0 0 2%;
          border-bottom: 2px solid #70C5DB;
      }

       #grve-content .articles .categorie{
          color : #5B5B5A;
          line-height: 12pt;
          font-size: 0.9em;
          margin-top:1em;
          padding-left: 2%;
          font-style:italic;
          font-weight:normal;
          position: absolute;
          bottom: 0;
        }
 #grve-content .articles .milieu{
  width: 100%;
  float: left;
  position: relative;
  bottom: 0;

 }

#grve-content .articles .img{
        max-width: 100%;
        height: 12.500em;
        background-color: #FFF9F1;
}	


   #grve-content #filtreOrange .control{

  display: block;
  position :relative;
  padding-left: 30px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 1.1em;

  }


/* FILTRE MULTICRITERES : checkboxes */


  #grve-content #filtreOrange input:checked {
  position: absolute;
  z-index :-1;
  opacity :0;
}

  #grve-content #filtreOrange .control__indicator{
  position: absolute;
  top: 2px;
  left: 8px;
  height: 15px;
  width: 15px;
  background-color:#CFEFF4;
}

  #grve-content #filtreOrange .control:hover, .control:focus{
    background-color:#FFB25C;
    opacity: 0.9;
}

  .control input:checked{

    background-color:#2AA1C0;

}
  #grve-content #filtreOrange .control {

  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0.2em;
  cursor: pointer;
  font-size: 1em;

}

.control input {

  position: absolute;
  z-index: -1;
  opacity: 0;

}

.control__indicator {

  position: absolute;
  top: 2px;
  left: 0;
  height: 1.5em;
  width: 1.5em;
  background-color: #EDF4F6;

}
.control--radio .control__indicator {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius: 50%; 
  
}

.control input:checked ~ .control__indicator {

  background: #FFA253; /* fond orange */

}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {

  background: #60C3DC; /* fond hover*/

}

.control input:disabled ~ .control__indicator {

  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;

}

.control__indicator:after {

  content: '';
  position: absolute;
  display: none;

}

.control input:checked ~ .control__indicator:after {

  display: block;

}

.control--checkbox .control__indicator:after {

  left: 4px;
  width: 5px;
  height: 10px;
  border: solid black; 
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);

}

.control--checkbox input:disabled ~ .control__indicator:after {

  border-color: #7b7b7b;

}

 .center{
      margin : 2% auto 10%;
      border:none;
    }

}

@media (min-width: 451px) and (max-width: 630px) {

	  #sectionSearch, .rouge{
  		width: 90%;
  		height: 100%;
  		margin: 0 5%;
	   }

    .center{
      padding:0;
      margin:0 5%;
      width: 90%;
    }

  /* BARRE DE RECHERCHE */

    #grve-content #button .aff_filtre{
    border: 3px solid #70C5DB;
    color: black;
    margin: 5% 0 2%;
    width: 100%;
   }

/* FILTRE MULTICRITERES */

.global>p{
  display:none;
}

 #grve-content form#filtreOrange{
  display: none;
  border:3px solid #70C5DB;
  width: 90%; 
  margin: 0 5% 3%;
}

 #grve-content #filtreOrange .thematiques, #grve-content #filtreOrange .modalites, #grve-content #filtreOrange .pages{
	display: inline-block;	
	vertical-align: top;
	margin : 1% 5% 1%;
  }

 #grve-content #filtreOrange .couleur{

  color:#160505;
  letter-spacing: -0,5em;

 }

 /* AFFICHAGE DES RESULTATS*/

.content>p{

  font-style: italic;

}

.content>p, .content .reset a{

  font-size : 1.1em;
  margin-left:2%;

}

.content .resultats{
  font-weight: bold;
  text-transform: capitalize;
}

.content .titre{
  font-size: 1.2em;
}


	/* ARTICLES ET PAGES  */

.articles{

  display: inline-block;
  width: 30% ;
  height: 18em;
  margin: 2.5% 1.5% 2%;
  vertical-align: top;

}

 #grve-content .articles .date{
  text-align: center;
  color: white/*#FF7D0E*/;
  background-color: #FFA747;
  opacity: 0.9;
  padding-left: 2%;
  position: absolute;
  top:0;
  width: 100%;
  z-index: 1;

}

 #grve-content .articles .maj{
  text-align: center;
  color: white/*#FF7D0E*/;
  background-color: #FF7554;
  opacity: 0.9;
  padding-left: 2%;
  position: absolute;
  top:0;
  width: 100%;
  z-index: 1;

}

.articles:hover{
    opacity: 0.9;

}

.articles a:hover{
  color: black;
}
        #grve-content .articles .texte{
          background-color: white;
          position: absolute;
          top: 70%;
          width: 100%;
          height: 10em;
          font-size: 1em;
          line-height: 12pt;
          font-weight: bolder;
          padding: 2% 0 0 2%;
          border-bottom: 2px solid #70C5DB;
      }

       #grve-content .articles .categorie{
          color : #5B5B5A;
          line-height: 12pt;
          font-size: 0.9em;
          margin-top:1em;
          padding-left: 2%;
          font-style:italic;
          font-weight:normal;
          position: absolute;
          bottom: 0;
        }
 #grve-content .articles .milieu{
  width: 100%;
  float: left;
  position: relative;
  bottom: 0;

 }

#grve-content .articles .img{
        max-width: 100%;
        height: 12.500em;
        background-color: #FFF9F1;
}
    #grve-content #filtreOrange .control{

  display: block;
  position :relative;
  padding-left: 30px;
  margin-bottom: 20px;
  cursor: pointer;
  font-size: 1.1em;

  }


/* FILTRE MULTICRITERES : checkboxes */


  #grve-content #filtreOrange input:checked {
  position: absolute;
  z-index :-1;
  opacity :0;
}

  #grve-content #filtreOrange .control__indicator{
  position: absolute;
  top: 2px;
  left: 8px;
  height: 15px;
  width: 15px;
  background-color:#CFEFF4;
}

  #grve-content #filtreOrange .control:hover, .control:focus{
    background-color:#FFB25C;
    opacity: 0.9;
}

  .control input:checked{

    background-color:#2AA1C0;

}
  #grve-content #filtreOrange .control {

  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 0.2em;
  cursor: pointer;
  font-size: 1em;

}

.control input {

  position: absolute;
  z-index: -1;
  opacity: 0;

}

.control__indicator {

  position: absolute;
  top: 2px;
  left: 0;
  height: 1.5em;
  width: 1.5em;
  background-color: #EDF4F6;

}
.control--radio .control__indicator {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  border-radius: 50%; 
  
}

.control input:checked ~ .control__indicator {

  background: #FFA253; /* fond orange */

}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {

  background: #60C3DC; /* fond hover*/

}

.control input:disabled ~ .control__indicator {

  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;

}

.control__indicator:after {

  content: '';
  position: absolute;
  display: none;

}

.control input:checked ~ .control__indicator:after {

  display: block;

}

.control--checkbox .control__indicator:after {

  left: 4px;
  width: 5px;
  height: 10px;
  border: solid black; 
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);

}

.control--checkbox input:disabled ~ .control__indicator:after {

  border-color: #7b7b7b;

}
}

@media only screen and (max-width: 450px) {

    .grve-content-wrapper .center{
      padding:0;
      margin:0 5%;
      width: 90%;
    }

/* FILTRE PLIÉ */

  #grve-content #button .aff_filtre{
    color: black;
    border: 3px solid #70C5DB;
    margin:5% 2% 2%;
    width:96%;
   }

/* FILTRE DEPLIÉ*/

  #grve-content form#filtreOrange{
  display: none;
  border: 3px solid #70C5DB;
  width:86%; 
  margin: 0 7% 3%;
}
          /* AGENCEMENT ELEMENT INTERIEUR FILTRE*/

         #grve-content #filtreOrange .global{
          margin: 2% 0 0 ;
          font-size : 1em;
          line-height: 1.1em;
         }

         #grve-content #filtreOrange .global>p{
          display:none;

         }

         #grve-content #filtreOrange .thematiques, #grve-content #filtreOrange .modalites, #grve-content #filtreOrange .pages{
 			display: inline-block;
 			vertical-align: top;
 			margin :5% 2% 1%;
          }

         #grve-content #filtreOrange h6{
            cursor: pointer;
        }

          /* CHECKBOXES*/

          #grve-content #filtreOrange input:checked {
            position: absolute;
            z-index :-1;
            opacity :0;
          }

          #grve-content #filtreOrange .control__indicator{
          position: absolute;
          top: 2px;
          left: 8px;
          height: 15px;
          width: 15px;
          background-color:#CFEFF4;
        }

          #grve-content #filtreOrange .control:hover, .control:focus{
            background-color:#FFB25C;
            opacity: 0.9;
        }

          .control input:checked{

            background-color:#2AA1C0;

        }

          #grve-content #filtreOrange .control {

          display: block;
          position: relative;
          padding-left: 30px;
          margin-bottom: 0.2em;
          cursor: pointer;
          font-size: 1em;
        }

        .control input {

          position: absolute;
          z-index: -1;
          opacity: 0;

        }

        .control__indicator {
          position: absolute;
          top: 2px;
          left: 0;
          height: 1.5em;
          width: 1.5em;
          background-color: #EDF4F6;
        }

        .control--radio .control__indicator {
          -webkit-border-radius:50%;
          -moz-border-radius:50%; 
          border-radius: 50%;
        }

        .control input:checked ~ .control__indicator {

          background: #FFA253;

        }

        .control:hover input:not([disabled]):checked ~ .control__indicator,
        .control input:checked:focus ~ .control__indicator {

          background: #60C3DC;

        }

        .control input:disabled ~ .control__indicator {

          background: #e6e6e6;
          opacity: 0.6;
          pointer-events: none;

        }

        .control__indicator:after {

          content: '';
          position: absolute;
          display: none;

        }

        .control input:checked ~ .control__indicator:after {

          display: block;

        }

        .control--checkbox .control__indicator:after {

          left: 4px;
          width: 5px;
          height: 10px;
          border: solid black; 
          border-width: 0 3px 3px 0;
          transform: rotate(45deg);

        }

        .control--checkbox input:disabled ~ .control__indicator:after {

          border-color: #7b7b7b;

        }

/* AFFICHAGE ARTICLES ET PAGES  */

.articles{
  display: inline-block;
  width: 40% ;
  height: 15em;
  box-shadow: 6px 6px 50px #D8D7D7;
  margin: 5%;
}
    /* DISPOSITION BLOCS DANS BLOC CONTENEUR*/


        /* DISPOSITION DES ELEMENTS DANS BLOC IMAGE*/

           #grve-content .articles .date{
            
            text-align: center;
            color: white;
            background-color: #FFA747;
            opacity: 0.9;
            position: absolute;
            top:0;
            width: 100%;
          }

            #grve-content .articles .maj{
            
            text-align: center;
            color: white;
            background-color: #FF7554;
            opacity: 0.9;
            position: absolute;
            top:0;
            width: 100%;
          }

            #grve-content .articles .milieu{
              width: 100%;
              float: left;
              position: relative;
              bottom: 0;
          }

		#grve-content .articles .img{
        max-width: 100%;
        height: 10em;
        background-color: #FFF9F1;
		}
          /* AFFICHAGE TITRE ET CATEGORIES*/

            #grve-content .articles .texte{
          background-color: white;
          position: absolute;
          top: 70%;
          width: 100%;
          height: 10em;
          font-size: 0.9em;
          line-height: 10pt;
          font-weight: bolder;
          padding: 2% 0 0 2%;
          border-bottom: 2px solid #70C5DB;
          }

            #grve-content .articles .categorie{
          color : #5B5B5A;
          line-height: 12pt;
          font-size: 0.9em;
          margin-top:1em;
          padding-left: 2%;
          font-style:italic;
          font-weight:normal;
          position: absolute;
          bottom: 0;
            }

          .articles a:hover{
            color: black;
          }

  /* AFFICHAGE MESSAGE RESULTATS*/

    .content>p{
      display: inline-block;
      width: 100%;
      font-style: italic;
      font-size : 1.1em;
      margin: 0 5%;
      text-align: left;

    }

.content .reset{
  margin-top: 5%;
}

.content .reset a{
  font-size : 1.1em;
  margin: 0 5%;

}
    .content .resultats{
      font-weight: bold;
      text-transform: capitalize;
    }

    .content .titre{
      font-size: 1.2em;
    }


}