/* GRIDDER CSS */

.gridder { width: 100%; margin: 40px auto 0px; padding:0px 0px 40px;}

.gridder-list { display: inline-block; *display: inline; white-space-collapsing: discard; zoom: 1;  margin: 0px 50px 30px 0px; cursor: pointer; position: relative; }
.gridder-list .gridder-thumb { display: block; }
.gridder-list .gridder-thumb .overlay {
	transition: background 0.2s ease;
	position: absolute;
	color: #fff;
	z-index: 1;
	text-align: center;
	left: 0px;
	bottom: 0px;
	font-weight: bold;
	display: block;
	background: #93080D;
	background: rgba(147, 8, 13, 0.8);
	width: 100%;
	padding: 8px 0;
	font-size: 16px;
	 text-transform:uppercase;
}
.gridder-list .gridder-thumb .portrait_titre.overlay p {font-size: 14px;color: white;margin-bottom: 0em;padding:4px}
.gridder-list .gridder-thumb .overlay span { font-weight: 11px; display: block; }
.gridder-list img { width: 100%; }
.gridder-list:hover .overlay,
.gridder-list:focus .overlay,
.gridder-list:active .overlay { 
    background: #93080D;
    transition: background 0.2s ease;
}
/*.gridder-list:first-child { margin-left: 0px; }*/

.gridder-list.imactive { margin-bottom: 26px; }
.gridder-list.imactive:after {
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 14px 17px 14px;
	border-color: transparent transparent #eee transparent;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 40%;
	margin-bottom: -26px;
}

.gridder-image, .gridder-content { display: none; }
.gridder-show .content .portrait_nom {
  color:#93080D;
  font-size:22px;
  text-transform:uppercase;
}
.gridder-show {
	text-align: center;
	position: relative;
	top:-8px;
	background: #eeeeee;
	float: left;
	padding: 0px;
	color: #444;
	overflow: hidden;
	font-size: 0;
	padding: 20px 40px 33px 20px;
	margin-bottom: 1%;     width: calc(100% - 53px);
}
.gridder-show .image {display: table-cell;width:500px; overflow:hidden; }
.gridder-show .image .portrait_titre {display: none; }
.gridder-show .content { display: table-cell; width: 635px; text-align: left; padding-left: 26px;vertical-align:top}
.gridder-show .content img { width: 160px; float: left; margin-right: 20px; }
.gridder-show .content h2 {
    color: #ae1512;
    font-size: 32px;
    margin: 0px;
    margin-bottom: 15px;
}
.gridder-show .content p { 
    color: #4c4c4c; 
    font-size: 16px;
    font-family: 'RobotoLight' !important;
}
.gridder-show .content a { cursor: pointer; }
.gridder-show .padding { display: none; }
.gridder-show .portrait_detail {
    margin-bottom: 25px;
    font-size: 22px;
    font-family: 'RobotoLight' !important;
    font-style: italic;
    
}
.gridder-show .portrait_detail,
.gridder-show .portrait_bio,
.gridder-show .portrait_intervention{text-align:justify;}

.gridder-show .portrait_intervention{margin-top:20px;}

.gridder-show .portrait_intervention h4{margin-bottom:15px;}

.gridder-show:after { content: "."; display: block; height: 0; overflow: hidden; }

.gridder-img:hover { opacity: 0.8; }

.gridder-float { float: left; }

.gridder-close { opacity: 1; cursor: pointer; position: absolute; top: 20px; right: 20px; background: url("../images/close.png") no-repeat center center; width: 20px; height: 20px; }

.gridder-close:hover { opacity: 1; }

/*.gridder-nav.prev { opacity: 0.7; cursor: pointer; position: absolute; top: 50px; left: 10px; background: url("../images/prev.png") no-repeat center center; width: 40px; height: 99px; }

.gridder-nav.next { opacity: 0.7; cursor: pointer; position: absolute; top: 50px; right: 10px; background: url("../images/next.png") no-repeat center center; width: 40px; height: 99px; }
*/
.gridder-prev:hover { opacity: 1; }

/* Media Queries
*********************************************/
/* Retina */
/* Landscape phones and down */
/* Landscape phone to portrait tablet */
/* Portrait tablet to landscape and desktop */
/* Large desktop */