/********************************************************************
    Couleurs utilisées:     #000000 : Noir 
                            #242424 : Gris très foncé
                            #3A3A3A : Gris foncé
                            #CCCCCC : Gris
                            #FFFFFF : Blanc
*********************************************************************
    Polices utilisées : 'Berkshire Swash', cursive; : pour le logo
                        'Muli', sans-serif; : pour le reste
    avec les CDN de google
*********************************************************************/

/* pour la galerie photos en bas de la page index, utilisation avec JQuery */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.gallery {
	width: 100%;
	height: auto;
}

.gallery li {
	width: 36%;
	position: relative;
	float: left;
	overflow: hidden;
}

.transform {
	-webkit-transition: all .25s cubic-bezier(.2, .31, .36, 1);
       -moz-transition: all .25s cubic-bezier(.2, .31, .36, 1);
	     -o-transition: all .25s cubic-bezier(.2, .31, .36, 1);
	        transition: all .25s cubic-bezier(.2, .31, .36, 1);
}

.gallery a {
	width: 100%;
	height: 100%;
	display: block;
}

.gallery img {
	position: relative;
    width: auto;
    height: 100px;
    width: 200px;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 2px solid #CCCCCC;
    border-radius: 10px;
}
 

.gallery .info {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	/*background-color: #CCCCCC;*/
    text-align: center;
    font-family: 'Muli', sans-serif;
    -webkit-transform: translateZ(0);
   	        transform: translateZ(0); 
}

.gallery .title {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
	font-weight: bold;
	font-size: 14px;
    font-family: 'Muli', sans-serif;
    background-color: rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    position: relative;
    top: 25%;
} 
.gallery .title h2{
	text-align: center;
}