.childPageRetrievalAction {
    margin-bottom: 30px; }
    
      .childPageRetrievalAction h2 {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 4.4em;
    margin-bottom: 20px;
    color: #003d7e; }
    @media (max-width: 768px) {
      .childPageRetrievalAction h2 {
        font-size: 3em; } }
    .childPageRetrievalAction h2 a {
      color: #003d7e; }
      .childPageRetrievalAction h2 a:hover, 
      .childPageRetrievalAction h2 a:focus {
        color: #48b95f; }
        .childPageRetrievalAction h2 a:hover .trait,
         .childPageRetrievalAction h2 a:focus .trait {
          background-color: #48b95f; }
.childPageRetrievalAction h2 a p {
      display: inline;
}
          
.childPageRetrievalAction a {
      position: relative;
      display: block;
      overflow: hidden; }
.childPageRetrievalAction a h3 {
        font-family: "Roboto Slab", serif;
        font-weight: 700;
        font-size: 3em;
        color: #ffffff;
        text-transform: uppercase;
        position: absolute;
        bottom: 0;
        padding-bottom: 50px;
        padding-top: 20px;
        text-align: center;
        width: 100%;
        background-image: url("../images/informations-ombre.png"); }
@media (max-width: 768px) {
.childPageRetrievalAction a h3 {
            font-size: 2em; } }
.childPageRetrievalAction ul {
      background-color: #eeebd9;
      padding: 25px 45px; }
.childPageRetrievalAction ul li a {
        display: block;
        font-family: "Raleway", sans-serif;
        font-weight: 600;
        font-size: 1.6em;
        color: #003d7e;
        padding: 5px 0; }
.childPageRetrievalAction ul li a:hover,
.childPageRetrievalAction ul li a:focus {
          color: #48b95f; }
@media (max-width: 768px) {
childPageRetrievalAction ul li a {
            font-size: 1.3em; } }