html,
body {
    width: 100%;
}

body {
    font-family: Merriweather,'Helvetica Neue',Arial,sans-serif;
}

hr {
    max-width: 50px;
    border-color: #929292;
    border-width: 3px;
}

hr.light {
    border-color: #fff;
}

a {
    color: #929292;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

a:hover,
a:focus {
    color: #eb3812;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
}

.bg-primary {
    background-color: #f1af00;
}

.bg-dark {
    background-color: #504d4a;
}
.bg-faded {
    background-color: rgba(255,255,255,.7);
}

.text-faded {
    color: rgba(255,255,255,.7);
}

section {
    padding: 0;
}

aside {
    padding: 50px 0;
}

.no-padding {
    padding: 0;
}


/* Formatage des textes */
.italic{ font-style: italic; }
.gras {	font-weight: bold; }
.souligne { text-decoration: underline; }
.barre {text-decoration: line-through; }
.ligne_dessus { text-decoration: overline; }
.ligne_bas_blanc {  border-bottom:1px solid #ffffff; }
.uppercase {text-transform:uppercase;}

/* Taille des textes */
.txt_9 { font-size: 9px; }
.txt_10 { font-size: 10px; }
.txt_11 { font-size: 11px; }
.txt_12 { font-size: 12px; }
.txt_13 { font-size: 13px; }
.txt_14 { font-size: 14px; }
.txt_15 { font-size: 15px; }
.txt_16 { font-size: 16px; }
.txt_17 { font-size: 17px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_22 { font-size: 22px; }
.txt_24 { font-size: 24px; }
.txt_25 { font-size: 25px; }
.txt_30 { font-size: 30px; }
.txt_35 { font-size: 35px; }
.txt_40 { font-size: 40px; }
.txt_45 { font-size: 45px; }
.txt_50 { font-size: 50px; }
.txt_60 { font-size: 60px; }
.txt_70 { font-size: 70px; }
.txt_80 { font-size: 80px; }
.txt_90 { font-size: 90px; }
.txt_100 { font-size: 100px; }
.txt_150 { font-size: 150px; }
.txt_200 { font-size: 200px; }


/* Color des textes */
.gris		{ color:#929292; }
.gris_dark	{ color:#323232; }
.gris_light	{ color:#c2c2c2; }

.purple		{ color:#a81bdc; }
.orange		{ color:#dc961c; }
.pink		{ color:#dc1b9a; }
.blue		{ color:#f1af00; }
.turquoise	{ color:#49a0a5; }
.beige		{ color:#dddbb2; }
.black		{ color:#000; }
.bordeau	{ color:#df0c52; }
.marron		{ color:#a58c49; }
.marron_dark{ color:#663300; }
.red		{ color:#ff0000; }
.yellow		{ color:#ebe316; }
.white		{ color:#ffffff; }

/* HREF */
a {color:#f1af00; }
a:hover {color:#f1af00; }
a.a_white {color:#fff; }
a.a_white:hover {color:#fff; }


a.a_grey {color:#323232; }
a.a_grey:hover {color:#fff; }


/* BACKGROUND */
.bg_transparent_noir{ background: rgba(0,0,0,0.5); }
.bg_transparent_blanc{ background: rgba(250,250,250,0.5); }
.bg_shadow{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

.panel:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

/* MARGIN / PADDING */
.padding-10{padding:10px;}
.padding-20{padding:20px;}
.padding-30{padding:30px;}
.padding-30-horizontal{padding:0px 30px;}
 
.padding-right-10{padding-right:10px;}
.padding-right-20{padding-right:20px;}
.padding-right-30{padding-right:30px;}
.padding-left-10{padding-left:10px;}
.padding-left-20{padding-left:20px;}
.padding-left-30{padding-left:30px;}
.padding-bottom-10{padding-bottom:10px;}
.padding-bottom-20{padding-bottom:20px;}
.padding-bottom-30{padding-bottom:30px;}
.padding-bottom-60{padding-bottom:60px;}
.padding-bottom-80{padding-bottom:80px;}

.padding-top-10{padding-top:10px;}
.padding-top-20{padding-top:20px;}
.padding-top-30{padding-top:30px;}
.padding-top-50{padding-top:50px;}
.padding-top-100{padding-top:100px;}
.margin-right-10{margin-right:10px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-bottom-30{margin-bottom:30px;}
.margin-bottom-50{margin-bottom:50px;}
.margin-bottom-70{margin-bottom:70px;}
.margin-bottom-100{margin-bottom:100px;}
.margin-top-0{margin-top:0px;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-50{margin-top:50px;}
.margin-top-60{margin-top:60px;}
.margin-top-70{margin-top:70px;}
.margin-top-80{margin-top:80px;}
.margin-top-90{margin-top:90px;}
.margin-top-100{margin-top:100px;}

/* UL LI*/

/* CHAPITRE */
.titre-chap{margin-top:40px;}
h2 { overflow: hidden; text-align: center;  color: #454545; font-weight: 300;}
h2.title-line:before,
h2.title-line:after {  font-weight: 300; background-color: #94be40; content: ""; display: inline-block; height: 2px;  position: relative; vertical-align: middle; width: 50%;}
h2.title-line:before { right: 0.5em; margin-left: -50%;}
h2.title-line:after { left: 0.5em;  margin-right: -50%;}



/* Color des BG */
.bg-gris		{ background-color: #504d4a; }
.bg-grey-clair	{ background-color: a39b92; }
.bg-green		{ background-color: #94be40; }
.bg-blue		{ background-color: #b2d7ec; }
.bg-white		{ background-color: #ffffff; }
.bg-red			{ background-color: #ff0000; }
.bg-purple		{ background-color:#a81bdc; }
.bg-orange		{ background-color:#dc961c; }
.bg-pink		{ background-color:#dc1b9a; }
.bg-turquoise	{ background-color:#49a0a5; }
.bg-beige		{ background-color:#dddbb2; }
.bg-black		{ background-color:#000; }
.bg-bordeau		{ background-color:#df0c52; }
.bg-marron		{ background-color:#a58c49; }
.bg-yellow		{ background-color:#ebe316; }
.bg-white		{ background-color:#ffffff; }

/* BG IMAGES */
.bg-image-all { display: block; text-align: center; width: 100%; height:500px;}
.bg-cat-img{ height:60px;  margin:0;}
.border-extern{ border-right:#fff 1px solid; border-left:#fff 1px solid;}
.border-top-white{ border-top:#fff 1px solid;}

/* Button */
.btn-current-blue{ background-color:#1bb9dc; color:#ffffff; }
.btn-current-purple{ background-color:#a81bdc; color:#ffffff; }
.btn-current-pink{ background-color:#dc1b9a; color:#ffffff; }
.btn-current-green{ background-color:#94be40; color:#ffffff; }
.btn-current-orange{ background-color:#dc961c; color:#ffffff; }

.btn-current-blue:hover{ background-color:#303030; color:#ffffff; }
.btn-current-purple:hover{ background-color:#303030; color:#ffffff; }
.btn-current-pink:hover{ background-color:#303030; color:#ffffff; }
.btn-current-green:hover{ background-color:#303030; color:#ffffff; }
.btn-current-orange:hover{ background-color:#303030; color:#ffffff; }

.btn-primary{ background-color: #f1af00; border:0; }
.btn-primary:hover{ background-color: #c2c2c2; border:0; }

.primary{ color: #f1af00; }

.clear{ clear:both; }
.no-padding {padding:0px; }
.no-margin {margin:0px; }

hr { border-color: #f1af00; border-width: 3px; max-width: 30%;}


/* MENU TOP */

.navbar-default {
    border: none;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
	height:70px;
}
.navbar-nav{ padding-top:10px; background-color: #fff; }

.navbar-default .navbar-header .navbar-brand {
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
    color: #929292;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
    color: #eb3812;
}

.navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #504d4a;
}

.navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover {
    color: #929292;
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    color: #929292!important;
    background-color: transparent;
}

.navbar-default .nav > li.active>a:hover,
.navbar-default .nav>li.active>a:focus:hover {
    background-color: transparent;
}

.nav > li > a.social { padding: 10px 0px; margin-right:5px; }

@media(min-width:768px) {
    .navbar-default {
        /*background-color: rgba(0,124,193,.3);*/
		background-color: #fff;
    }

    .navbar-default .navbar-header .navbar-brand {
        color: #f1af00;
    }

    .navbar-default .navbar-header .navbar-brand:hover,
    .navbar-default .navbar-header .navbar-brand:focus {
        color: #929292;
    }

    .navbar-default .nav > li>a,
    .navbar-default .nav>li>a:focus {
        color: #f1af00;
    }

    .navbar-default .nav > li>a:hover,
    .navbar-default .nav>li>a:focus:hover {
        color: #929292;
    }

    .navbar-default.affix {
        background-color: #fff;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); 
    }

    .navbar-default.affix .navbar-header .navbar-brand {
        font-size: 19px;
        color: #f1af00;
    }

    .navbar-default.affix .navbar-header .navbar-brand:hover,
    .navbar-default.affix .navbar-header .navbar-brand:focus {
        color: #929292;
    }

    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: #f1af00;
    }

    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: #929292;
    }
}



header {
	margin-top:70px;
    position: relative;
    width: 100%;
    min-height: 500px;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

header .header-content {
    position: relative;
    text-align: right;
}
header .header-content  h1 {
    margin-top: 330px;
    margin-bottom: 0;
    font-weight: 700;
}

header .header-content .header-content-inner h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
}

header .header-content .header-content-inner hr {
    margin: 30px auto;
}

header .header-content .header-content-inner p {
    margin-bottom: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(255,255,255,1);
}


#header-content-secret {
	
	margin-top:210px;
    position: relative;
    width: 100%;
    min-height: 800px;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    position: relative;
    text-align: right;
}

#header-content-secret .header-content-inner h1 {
    margin-top: 50;
    margin-bottom: 0;
    font-weight: 700;
}

@media(min-width:768px) {
    header {
		min-height: 600px;
    }

    header .header-content {
        position: absolute;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #header-content-secret {
        position: absolute;
        padding: 0 50px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    header .header-content .header-content-inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .header-content-inner p {
        margin-right: auto;
        margin-left: auto;
        font-size: 18px;
    }
}

.section-heading {
    margin-top: 0;
}

.service-box {
    margin: 50px auto 0;
    max-width: 400px;
	background-color: #fff;
	padding:40px 20px ;
}

@media(min-width:992px) {
    .service-box {
        margin: 20px auto 0;
    }
}

.service-box p {
    margin-bottom: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 1;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 20px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
    background: rgba(241,175,0,.9);
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category  {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 25px;
    }
}

.call-to-action h2 {
    margin: 0 auto 20px;
}

.text-primary {
    color: #929292;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.btn-default {
    border-color: #fff;
    color: #504d4a;
    background-color: #fff;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    border-color: #ededed;
    color: #504d4a;
    background-color: #f2f2f2;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    border-color: #fff;
    background-color: #fff;
}

.btn-default .badge {
    color: #fff;
    background-color: #504d4a;
}

.btn-primary {
    border-color: #929292;
    color: #fff;
    background-color: #929292;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    border-color: #ed431f;
    color: #fff;
    background-color: #ee4b28;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    border-color: #929292;
    background-color: #929292;
}

.btn-primary .badge {
    color: #929292;
    background-color: #fff;
}

.btn {
    border: 0;
    border-radius: 300px;
    text-transform: uppercase;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
    font-weight: 700;
}

.btn-xl {
    padding: 15px 30px;
}

::-moz-selection {
    text-shadow: none;
    color: #fff;
    background: #504d4a;
}

::selection {
    text-shadow: none;
    color: #fff;
    background: #504d4a;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

body {
    webkit-tap-highlight-color: #504d4a;
}



.timeline{list-style:none;padding:0;position:relative}
.timeline:before{top:0;bottom:0;position:absolute;content:"";width:2px;background-color:#f1f1f1;left:40px;margin-left:-1.5px}
.timeline>li{margin-bottom:50px;position:relative;min-height:50px}
.timeline>li:before,.timeline>li:after{content:" ";display:table}
.timeline>li:after{clear:both}
.timeline>li .timeline-panel{width:100%;float:right;padding:0 20px 0 100px;position:relative;text-align:left}
.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#f1af00;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}
.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}
.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}
.timeline>li.timeline-inverted>.timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
.timeline>li.timeline-inverted>.timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
.timeline>li:last-child{margin-bottom:0}
.timeline .timeline-heading h4{margin-top:0;color:inherit}
.timeline .timeline-heading h4.subheading{text-transform:none}
.timeline .timeline-body>p,.timeline .timeline-body>ul{margin-bottom:0}
@media (min-width:768px){.timeline:before{left:50%}
.timeline>li{margin-bottom:100px;min-height:100px}
.timeline>li .timeline-panel{width:41%;float:left;padding:0 20px 20px 30px;text-align:right}
.timeline>li .timeline-image{width:100px;height:100px;left:50%;margin-left:-50px}
.timeline>li .timeline-image h4{font-size:13px;margin-top:16px;line-height:18px}
.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 30px 20px 20px}}
@media (min-width:992px){.timeline>li{min-height:150px}.timeline>li .timeline-panel{padding:0 20px 20px}
.timeline>li .timeline-image{width:150px;height:150px;margin-left:-75px}
.timeline>li .timeline-image h4{font-size:18px;margin-top:30px;line-height:26px}
.timeline>li.timeline-inverted>.timeline-panel{padding:0 20px 20px}}
@media (min-width:1200px){.timeline>li{min-height:170px}
.timeline>li .timeline-panel{padding:0 20px 20px 100px}
.timeline>li .timeline-image{width:170px;height:170px;margin-left:-85px}
.timeline>li .timeline-image h4{margin-top:40px}
.timeline>li.timeline-inverted>.timeline-panel{padding:0 100px 20px 20px}}
.team-member{text-align:center;margin-bottom:50px}
.team-member img{margin:0 auto;border:7px solid #fff}
.team-member h4{margin-top:25px;margin-bottom:0;text-transform:none}
.team-member p{margin-top:0}
aside.clients img{margin:50px auto}





/* SECTION ABOUT */
#about  {margin-top : 40px; margin-bottom : 40px;}  
#about  h3{ font-weight:300; }  

/* BG BASE */
#bg_base{ margin-top:0px; min-height: 300px; padding-top : 100px; padding-bottom : 40px; margin-bottom :0px; }

 
 

/* SECTION JOURNAL HOME */
#journal_home  {margin-top : 40px; margin-bottom : 40px; background-color: #fff;}  

/* SECTION PHOTOGRAPHY DETAIL */
#photography  {margin-top : 40px; margin-bottom : 40px; background-color: #fff;}  
#photography #photo_style_list .cat_list { display: block; float:left; margin-right:10px;}


/* SECTION PHOTOGRAPHY LIST */
#photography_list {margin-top : 40px; margin-bottom : 40px; background-color: #fff;}  


/* FOOTER */
footer {margin-top : 0px; margin-bottom : 0px; padding-top:15px; padding-bottom: 15px;  background-color: #f1af00;}


/* SECTION ABOUT PAGE */
#about_contact {margin-top : 40px; margin-bottom : 40px; }  

/* SECTION CUSTOMER SHOOTING UPLOAD PAGE */
#customer_show {margin-top : 100px; margin-bottom : 100px; } 

/* SECTION CUSTOMER SECRET PAGE */ 
#customer_secret {padding-top : 20px; padding-bottom : 130px; }  

#customer_secret h2{
    margin-top: 20px;
    margin-bottom: 20px;
	color:#fff;
    font-weight: 500;
}



/* ALBUM */

#album_detail{margin-top : 100px; margin-bottom : 40px; background-color: #fff;} 

#header_album{
	margin-top:70px;
    position: relative;
    width: 100%;
    min-height: 600px;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#header_album h1{
    margin-top: 180px;
    margin-bottom: 0;
    font-weight: 800;
}

/* SECRET */

#header_secret{
	margin-top:70px;
    position: relative;
    width: 100%;
    min-height: 300px;
    text-align: center;
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
#header_secret h1{
    margin-top: 180px;
    margin-bottom: 0;
    font-weight: 800;
}



/* PAGE ERROR */

#error #mainNav{ background-color: #f1af00; border:0;}
#error #mainNav a{ color: #fff; }
#error #mainNav a:hover{ color: #fff; }
#error #mainNav .navbar-brand {margin:0; padding:10px;}

#page-error		{ padding: 100px 0;}
#page-error h1	{ padding: 10px 0;}
#page-error p	{ padding: 20px 0;}

.error-header{ min-height: 500px; }
.error-header h1{margin-top:200px; margin-bottom:0px;}
.error-header p{margin-top:40px; line-height: 35px;}


.tagline {
	color: #fff;
	text-shadow: 0 0 15px #000;
}



@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}



/* PAGINATION */
#pagination a{background-color: #f1af00; color:#fff; padding:5px;  }
#pagination a:hover{background-color: #fff ; color:#f1af00; padding:5px;  }



/* MANSORY */
    
#mansory .row {
 -moz-column-width: 25em;
 -webkit-column-width: 25em;
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; 
  
}

#mansory .panel {
 display: inline-block;
 margin:  .5em;
 padding:  0; 
 width:98%;
}


#mansory .row > .col-md-3 {
 display: inline-block;
 padding: 0;
 margin: 0;
 width:  100%; 
 float:none;
}

#mansory .img-responsive {
  border:0px solid #999;
}


/* LISTE MENU PRESENTATION DANS PAGE */
.menu-box {
    background-color: #fff;
    margin-bottom:20px;    
    border: 1px solid rgba(230, 230, 230, 1);
    box-shadow: 0 5px 5px rgba(51, 51, 51, 0.1);
}
.menu-box:hover {
    box-shadow: 0 0 10px 0 #333333;
}
.menu-box .thumbnail{
    border:0px;
    margin:0px;
    padding:0px;
}
.menu-box .caption { 
    padding:1px 10px;
    height:150px;
    background-color: #fff;
}
.menu-box .caption p { color:#858585; }