/*
Responsive 996px grid system ~ Style CSS.
Copyright 2013, Josh Cope
*/

/* =============================================================================
   Site Styles
   ========================================================================== */
    
    .img_collaborateurs .collaborateur_info {
	    height: 100px;
    	overflow:unset;
	    padding: 20px 5px;
    	margin: -190px 0 0;
	}
    .img_galerie .galerie_info {
	    height: 150px;
    	overflow:unset;
	    padding: 20px 5px;
    	margin: -190px 0 0;
	}

/* =============================================================================
   Page Styles
   ========================================================================== */

/* =============================================================================
   Media Queries
   ========================================================================== */



/* Tablet Portrait size to Base 996px */
@media only screen and (min-width: 768px) and (max-width: 995px) {

	.container .grid_2	{
		width:240px;
	}
    .img_collaborateurs .collaborateur_info {
	    height: 100px;
    	overflow:unset;
	    padding: 30px 5px;
    	margin: -214px 48px 0;
	}
    .img_galerie .galerie_info {
	    height: 165px;
    	overflow:unset;
	    padding: 30px 5px;
    	margin: -214px 48px 0;
	}
	.clear768_995{
	    clear: both;
	    display: block;
	    height: 0;
	    overflow: hidden;
	    visibility: hidden;
	    width: 0;
	}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {


	.container .grid_2	{
		width:185px;
	}
    .img_collaborateurs .collaborateur_info {
	    height: 100px;
	    overflow: hidden;
	    margin: -201px 22px 0;
	    padding: 10px 6px;
	}
    .img_galerie .galerie_info {
	    height: 190px;
	    overflow: hidden;
	    margin: -201px 22px 0;
	    padding: 10px 6px;
	}
    .img_collaborateurs .collaborateur_info h4 {
	    padding-top:5px;
	}
    .img_galerie .galerie_info h4 {
	    padding-top:5px;
	}
	.clear767{
	    clear: both;
	    display: block;
	    height: 0;
	    overflow: hidden;
	    visibility: hidden;
	    width: 0;
	}
	.clear768_995{
	    display: none;
	}


}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {


	.container .grid_2	{
		width:250px;
	}
    .img_collaborateurs .collaborateur_info {
	    height: 161px;
	    overflow: unset;
	    margin: -221px 55px 0;
	    padding: 30px 5px;
	}
    .img_galerie .galerie_info {
	    height: 170px;
	    overflow: unset;
	    margin: -221px 55px 0;
	    padding: 30px 5px;
	}


}


/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/