body{
    font-family: 'galderglynn_titlinglight';
}
.round_grey {
    width: 160px;
    height: 160px;
    text-align: center;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #ededed;
    margin: auto;
    margin-top: 100px;
}
.round_white {
    width: 120px;
    height: 120px;
    border: 10px solid #fff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    
    margin-top: 9px;
    padding: auto;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-box-shadow: 1px 1px 0 0 rgba(102, 102, 102, 1);
    box-shadow: 1px 1px 0 0 rgba(102, 102, 102, 1);
}
.txt_container {
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    margin-top: -60px;
    padding: auto;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    color: #FFF;
    font-size: 54px;
    font-family: 'galderglynn_titlingbold';
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(102, 102, 102, 1);
    box-shadow: inset 1px 1px 0 0 rgba(102, 102, 102, 1);
}

.txt_content {
    margin-top: 30px;
    text-shadow: 1px 1px 0 #666;
    line-height: 0.9;
}

.txt_prod {
    font-size: 14px;
    font-variant: small-caps;
    font-family: 'galderglynn_titlinglight';
}

.undertitle{
    font-size:14px;
    font-variant:small-caps;
    font-family: 'galderglynn_titlinglight';
    margin: auto;
    margin-top: 70px;
    text-align: center;
    font-size: 20px;
    width: 100%;
}

.maincontainer{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    /*display: grid;
    grid-template-columns: auto auto;*/
}

.bloc{
    text-align: center;
    background: #EDEDED;
    margin-top: 75px;
    width: 300px;
    height: 300px;
    -webkit-box-shadow: 1px 1px 10px 1px rgba(189,189,189,100);
box-shadow: 1px 1px 10px 1px rgba(189,189,189,100);
}

.reboul{
    margin-left: auto;
    margin-right: 25px;
}
.ogiz{ margin-right: auto; margin-left: 25px;}



/* RESPONSIVE */
@media screen and (max-width: 700px) {
    .maincontainer {
        flex-direction: column;
    }

    .reboul {
        margin: auto;
    }

    .ogiz {
        margin: auto;
        margin-top: 20px;
    }
    .round_grey {
        margin-top: 20px;
    }
    .undertitle {
        margin-top: 25px;
    }
}


.img_Gaetan {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    box-shadow: inset 10px 10px 10px rgba(0,0,0,0.51);
    background: url(gaetan2.jpg);
    background-position: center;
     background-size: 200px 200px;
    -webkit-filter: grayscale(0%);
   transition: all 1s ease-in-out;
    
         
}
.img_Fred {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    box-shadow: inset 10px 10px 10px rgba(0,0,0,0.5);
    background: url(fred_ogiz.jpg);
    background-position: center;
     background-size: 200px 200px;
-webkit-filter: grayscale(0%);
   transition: all 1s ease-in-out;
}


.img_Fred:hover{
    background: url(fred.jpg);
    background-position: center;
     background-size: 300px 300px;
    -webkit-filter: grayscale(100%);
         filter: gray;
}

.img_Gaetan:hover{
    background: url(gaetan_reboul.jpg);
    background-position: center;
     background-size: 300px 300px;
     -webkit-filter: grayscale(100%);
         filter: gray;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 22, 2015 */



@font-face {
    font-family: 'galderglynn_titlingregular';
    src: url('galderglynn_titling_rg-webfont.eot');
    src: url('galderglynn_titling_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('galderglynn_titling_rg-webfont.woff2') format('woff2'),
         url('galderglynn_titling_rg-webfont.woff') format('woff'),
         url('galderglynn_titling_rg-webfont.ttf') format('truetype'),
         url('galderglynn_titling_rg-webfont.svg#galderglynn_titlingregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'galderglynn_titlingbold';
    src: url('galderglynn_titling_bd-webfont.eot');
    src: url('galderglynn_titling_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('galderglynn_titling_bd-webfont.woff2') format('woff2'),
         url('galderglynn_titling_bd-webfont.woff') format('woff'),
         url('galderglynn_titling_bd-webfont.ttf') format('truetype'),
         url('galderglynn_titling_bd-webfont.svg#galderglynn_titlingbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'galderglynn_titlinglight';
    src: url('galderglynn_titling_lt-webfont.eot');
    src: url('galderglynn_titling_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('galderglynn_titling_lt-webfont.woff2') format('woff2'),
         url('galderglynn_titling_lt-webfont.woff') format('woff'),
         url('galderglynn_titling_lt-webfont.ttf') format('truetype'),
         url('galderglynn_titling_lt-webfont.svg#galderglynn_titlinglight') format('svg');
    font-weight: normal;
    font-style: normal;

}