/* *********************************************************************************************************************
 * Main container for all
 */
.onepcssgrid-1000,
.onepcssgrid-1200 {
	margin: 0 auto;
}

.onepcssgrid-1200 {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	box-sizing: border-box;
}

.onepcssgrid-1000 {
	max-width: 1020px;
}

.onerow {
	clear: both;
}

.marg {
	clear: both;
	margin-bottom: 10px;
}


.col6cite.impaire {
	float: left;
}

.col6cite.paire {
	float: right;
}

.col6infocite {
	float: right;
}

.col3post.paire {
	float: right;
}

/* *********************************************************************************************************************
 * Common columns definitions
 */
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11,
.col12 {
	float: left;
	margin: 0 3% 0 0;
}

.col1.last,
.col2.last,
.col3.last,
.col4.last,
.col5.last,
.col6.last,
.col7.last,
.col8.last,
.col9.last,
.col10.last,
.col11.last,
.col12 {
	margin: 0;
}

.col3post:nth-child(4n),
.col3postpart:nth-child(4n),
.col3postHome:nth-child(4n) {
	width: calc(25% - 5px);
	float: left;
	margin-right: 0px !important;
	margin-left: 5px;
}

.col3postlogo:nth-child(4n+11) {
	width: calc(25% - 5px);
	float: left;
	margin-right: 0px !important;
	margin-left: 5px;
}

.col1 {
	width: 5.5%;
}

.col2 {
	width: 14%;
}

.col3 {
	width: 22.5%;
}

.col3slide {
	width: 25%;
	float: left;
}

.col3slide.un {
	width: 25%;
	float: left;
}

.col3slide.deux {
	width: 25%;
	float: left;
	margin-left: 25%;
}

.col3slide.trois {
	width: 25%;
	float: left;
	margin-left: 50%;
}

.col3slide.quatre {
	width: 25%;
	float: right;
}

.col3post:nth-child(4n+1),
.col3postpart:nth-child(4n+1),
.col3postHome:nth-child(4n+1) {
	width: calc(25% - 5px);
	float: left;
	margin-right: 5px;
	margin-left: 0px !important;
}

.col3postlogo:nth-child(1),
.col3postlogo:nth-child(5),
.col3postlogo:nth-child(4n+8) {
	width: calc(25% - 5px);
	float: left;
	margin-right: 5px;
	margin-left: 0px !important;
}

.col3post,
.col3postpart,
.col3postlogo,
.col3postHome {
	width: calc(25% - 10px);
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	margin-bottom: 9px;
}

.col3postcontact {
	width: calc(25% - 10px);
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	position: relative;
	margin-bottom: 9px;
}

.col4 {
	width: 31%;
}

.col4avantage {
	width: calc(25% - 5px);
	margin-right: 5px;
	float: left;
	box-sizing: border-box;
}

.col4travailler:nth-child(3n+1) {
	width: calc(33.333% - 5px);
	margin-right: 5px;
	margin-left: 0px !important;
	float: left;
}

.col4travailler {
	width: calc(33.333% - 10px);
	margin-right: 5px;
	margin-left: 5px;
	float: left;
	margin-bottom: 50px;
}

.col4travailler:nth-child(3n+3) {
	width: calc(33.333% - 5px);
	margin-right: 0px !important;
	margin-left: 5px;
	float: left;
}

.col5 {
	width: 39.5%;
}

.col6 {
	width: 48%;
}

.col6cite {
	width: calc(50% - 5px);
}

.col6infocite {
	width: calc(50% - 5px);
	padding: 20px;
	box-sizing: border-box;
}

.col7 {
	width: 56.5%;
}

.col8 {
	width: 65%;
}

.col8avantage {
	width: calc(75% - 5px);
	margin-left: 5px;
	float: left;
	box-sizing: border-box;
}

.col9 {
	width: 73.5%;
}

.col10 {
	width: 82%;
}

.col11 {
	width: 90.5%;
}

.col12 {
	width: 100%;
	margin: 0;
}

.col1 img,
.col2 img,
.col3 img,
.col3post img,
.col4 img,
.col5 img,
.col6 img,
.col6cite img,
.col7 img,
.col8 img,
.col9 img,
.col10 img,
.col11 img,
.col12 img {
	width: 100%;
	height: auto;
	display: block;
}



/* *********************************************************************************************************************
 * Disable padding left/right 10px if I'm 1024 or gibber - correct percentage math
 */
@media all and (min-width: 1024px) {
	.onepcssgrid-1000 {
		max-width: 1000px;
	}

	.onepcssgrid-1000 .onerow {
		padding: 0;
	}
}





/* *********************************************************************************************************************
 * Small devices
 */
@media all and (max-width: 768px) {
	.onerow {}

	.col1,
	.col2,
	.col3,
	.col3post,
	.col3post:nth-child(4n+1),
	.col3postpart:nth-child(4n+1),
	.col4travailler:nth-child(3n+3),
	.col4travailler:nth-child(3n+1),
	.col3post:nth-child(4n),
	.col3postpart,
	.col3postpart:nth-child(4n),
	.col3postlogo:nth-child(4n+8),
	.col3postlogo:nth-child(5),
	.col3postlogo:nth-child(1),
	.col3postlogo,
	.col3postlogo:nth-child(4n+11) .col4,
	.col4avantage,
	.col4travailler,
	.col5,
	.col6,
	.col6cite,
	.col6infocite,
	.col7,
	.col8,
	.col8avantage,
	.col9,
	.col10,
	.col11,
	.googlemap,
	.col3postcontact {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.col3postlogo:nth-child(even),
	.col3post:nth-child(even) {
		width: calc(50% - 5px) !important;
		margin-left: 5px !important;
		margin-right: 0 !important;
		float: left !important;
	}

	.col3postlogo:nth-child(odd),
	.col3post:nth-child(odd) {
		width: calc(50% - 5px) !important;
		margin-left: 0 !important;
		margin-right: 5px !important;
		float: left !important;
	}

	.col3slide {
		width: 50%;
		float: left;
	}

	.col3slide.un {
		width: 50%;
		float: left;
	}

	.infos_silde {
		min-width: none;
	}

	.col3slide.quatre {
		width: 50%;
		float: left;
		margin-left: 50%;
	}


	/* MENU MOBILE*/

	#loupe {
		display: none;
	}

	ul.menu {
		display: none;
		padding-top: 0 !important;
	}

	ul.menu li {}

	ul.sub-menu {
		display: none;
		position: relative;
		padding-left: 0 !important;
		box-sizing: border-box;
		background-color: #FFF;
		margin: 0;
		padding-bottom: 23px;
		display: block;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		margin-top: 15px;
		float: left;
	}

	ul.sub-menu li.menu-item-object-solution {
		padding-left: 0 !important;
	}

	.responsive-menu ul {
		display: none;
	}

	.responsive-menu {
		text-align: center;
		margin: 0;
		display: block;
		float: left;
		width: calc(100% - 20px);
		position: absolute;
		top: 10px;
		height: 77px;
	}

	.menu-menu_principal-container {
		margin-top: 87px;
		float: left;
	}

	.responsive-menu .trigger {
		display: block;
		width: 77px;
		height: 77px;
		cursor: pointer;
		background: url('img/hamburger.svg') 50% 50% no-repeat;
		background-size: 70% 70%;
		position: absolute;
		right: 0;
		background-color: #00005E;
	}

	.responsive-menu.open .trigger {}

	.responsive-menu ul li {
		display: block;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		text-align: center !important;
		background-color: #FFF;
	}

	.responsive-menu ul li a {

		font-size: 1.4em !important;

	}

}