/*  ---------  CSS generated for skin6-guppy-01 ----------- */

body { letter-spacing: 0.1em !important; }
.T0entrow0 { padding: 10px 0;}
.T0entrow5 { padding: 10px 40px; }
.T0entrow6 { display: none; }
div.quote span.labelcita { display: none; }
.tbl.DDL69 { background-color: transparent; }
.navbar.ddl.DDL69 { max-width: 760px;margin: auto; }
.tbl.DDH74 { background-color: transparent; }
.DDH74 ul.dropdown-menu { width: 262px; }
.nav-item.dropdown.DDH74 { margin: 0 !important; }
.tbl.DDV90 { background-color: transparent; }
.navbar.ddv { background-color: #C0C0C0 !important;padding:1.5rem 0 !important; }
.dropdown-menu { color: #FFF !important; background-color: #F0F0F0 !important; }
.titrebox, .titre {font-variant: small-caps;letter-spacing: 0.1em; }
.lisubrubr { line-height: 3rem;background-color: #F0F0F0 !important; }
.B0entrow1  { padding: 20px 40px !important; }
@media screen and (min-width: 768px) and (max-width: 1080px){
.B0entrow2 .col-md-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 100%; }
} 
#BottomBoxes .titre, #BottomBoxes .tbl, #BottomBoxes .titrebox,
 #BottomBoxes .tblbox { padding: 20px 40px !important;}


/***************  je rajoute ici code pour blocs accueil ********************/

/* Common style */
.grid { /*attributs de la grille*/
    position: relative;
    clear: both;
    margin: 0 auto; /*marges extérieures*/
    padding:0; /*marges intérieures*/
    max-width: 1000px; /*largeur maxi*/
  	/*max-height: 100%; rajouté pour moi*/

    list-style: none;
    text-align: center;
}
.grid figure { /*attributs d"une figure*/
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%; /*marges extérieures*/
    /*min-width: 300px;*/ /*ôter les commentaires pour imposer une largeur mini*/
    max-width: 480px; /*largeur maxi*/
    max-height: 360px; /*hauteur maxi*/
    width: 48%; /*largeur*/
    background: #3085a3; /*couleur fond*/
    text-align: center;
    cursor: pointer;
}
.grid figure img { /*attributs d"une image*/
    position: relative;
    display: block;
    min-height: 100%; /*occupant toute la figure*/
    max-width: 100%;
    opacity: 0.8; /*opacité mais réglable ensuite pour chaque effet*/
}
.grid figure figcaption { /*figcaption : attributs des cadres mais réglable ensuite pour chaque effet*/
    padding:0; /*marges intérieures*/
    color: #fff; /*couleur*/
    text-transform: uppercase; /*tout en majuscule*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure h2 { /*attributs du titre*/
    font-size: 2.5rem;  /*taille de la police*/
    font-weight: 100; /*gras de la police*/
}
.grid figure h2 span { /*attributs du titre span*/
    font-weight: 1000; /*gras de la police*/
}
.grid figure h2,
.grid figure p { /*attributs du titre et du paragraphe*/
    margin: 0; /*marges extérieures*/
}
.grid figure p { /*attributs du paragraphe*/
    font-size: 1.2rem; /*taille dee de la police*/
}
/******************************** fin code pour blocs accueil ******************/