*{

	box-sizing:border-box;

}



* {

	padding:0;

	margin:0;

}



#offres, #coworking, #accueil, #prestations,#contact{

	padding-top:65px;

	position:relative; 

	top:-65px;

	margin-bottom:-65px;

}



body {

	font-family: 'Lato', sans-serif;

}

h1{

	padding: 1em;

}

h2{

	margin-bottom: 1em;

}

.row{

	margin-left: 0em;

	margin-right: 0em;

}

.col-12{

	padding: 0em;

}

.container-fluid {

	width: 100%;

	padding-right: 0px;

	padding-left: 0px;

	margin-right: 0;

	margin-left: 0;

}



.cl-max-width{

	max-width: 1410px;

	margin-left:auto ;

	margin-right:auto;

}

/*HEADER*/



/*facebook*/

.cl-position-facebook{

	top: 20px;

	left: 800px;

}



.cl-position-twitter{

    top: 20px;

    left: 720px;

}



ul.social-network {

	position: fixed;

	list-style: none;

	display: inline;

	z-index: 100000;

}



.social-network a.icoFacebook:hover {

	background-color:#3B5998;

}



.social-network a.icotwitter:hover {

	background-color:#409bd6;

}



.social-circle li a {

	color: #ffffff;

	background-color: black;

	display:inline-block;

	position:relative;

	margin:0 auto 0 auto;

	-moz-border-radius:50%;

	-webkit-border-radius:50%;

	border-radius:50%;

	text-align:center;

	width: 30px;

	height: 30px;

	font-size:16px;

}

.social-circle li i {

	margin:0;

	line-height:30px;

	text-align: center;

}



.social-circle li a:hover i, .triggeredHover {

	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-ms--transform: rotate(360deg);

	transform: rotate(360deg);

	-webkit-transition: all 0.2s;

	-moz-transition: all 0.2s;

	-o-transition: all 0.2s;

	-ms-transition: all 0.2s;

	transition: all 0.2s;

}

.social-circle i {

	color: #fff;

	-webkit-transition: all 0.8s;

	-moz-transition: all 0.8s;

	-o-transition: all 0.8s;

	-ms-transition: all 0.8s;

	transition: all 0.8s;

}



/*nav*/

.nav-link{

	margin:1em;

}

.logo_bge

{

	position: fixed;

	z-index: 1031;

	top: 0.5em;

	left: 3.5em;

	width: 15vh;

}

.logo_bge_smart{

	display: none;

}



.navbar{

	background-color: #f2f3f4!important;

}



.navbar-collapse {

	justify-content: center;

}



#showcase {

	background-image: url(../img/../img/exterieur_la_fabrique18.JPG);

	background-size: cover;

	background-position: center;

	height: 100vh;

	display:flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	padding: 0 20px;

}





/*A propos*/

.btn-hover {

    width: 200px;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    cursor: pointer;

    margin: 20px;

    height: 55px;

    text-align:center;

    border: none;

    background-size: 300% 100%;



    border-radius: 50px;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.btn-hover:hover {

    background-position: 100% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.btn-hover:focus {

    outline: none;

}



.btn-hover.color-11 {

       background-image: linear-gradient(to right, #dd4040, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);

}


.cl-width-logo-fabrique18{

	width: 25vh;

	margin-bottom: 0.5em;

}



.h1_apropos{

	padding-left: unset;

	padding-bottom: 0.5em;

	color: #004a99;

}

/*NOS OFFRES DESKTOP*/

/*ligne sous offres*/

.cl-tarif{

	padding-top: 1em;

	padding-bottom: 1em;

	font-weight: bold;

}

.cl-pad-photo{

	padding-top: 5em;

	padding-bottom: 4em;

}



.av-tab-arrow-container {

	width: 100%;

	display: block;

	height: 1px;

	overflow: hidden;

	position: relative;

	background-color: white;

}



.bandeau{

	background-color: #dd4040;

	padding: 2em;

}



.cl-pad{

	padding: 1.5em;

}

.cl-pointer{

	cursor: pointer;

}





/*Effet image de l'espace coworking*/

.ef9{

	position: relative;

	display: inline-block;

	overflow: hidden;



}

.ef9 img{

	text-align: center;

	display: block;

	max-width: 100%;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.ef9::before, .ef9::after{

	z-index: 3;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}



.ef9:hover img{

	-webkit-transform: scale(1.05);

	-ms-transform: scale(1.05);

	transform: scale(1.05);

}



.cl-int-explorer{

	width:100%;

}





/*NOS OFFRES TABLETTE SMARTPHONE*/

.cl-padtop{

	padding-top: 0.5em;

}

.cl-mediatab{

	display: none;

}

.cl-width{

	width: 100%;

}

.cl-align{

	margin-right: 1em;

	width: 6vh;

}



/*collapse*/

.btn-link{

	color: white;

}

.btn-link:hover {

	color: black;

	text-decoration: none;

}



.card-header{

	background-color: #dd4040;

	color: white;

}



/*arrow*/

.arrow-wrap {

	position: absolute;

	z-index: 1;

	right: 10%;

	bottom: -1.5em;

	font-size: 0.1em;

}



.arrow {

	float:left;

	border-style: solid;

	border-width: 3em 3em 0 3em;

	border-color: #ffffff transparent transparent transparent;

	-webkit-transform:rotate(360deg)

}



.arrow:after {

	content: '';

	top: -3.2em;

	left: -3em;

	width: 0px;

	height: 0px;

	-webkit-transform: rotate(360deg);

}



/*NOS PRESTATIONS*/

.cl-taille{

	width: 10vh;

}



#prestations{

	padding-bottom: 2em;

}

.cl-smart{

	display: none

}

.cl-p-space {

	margin-top: 1em;

	margin-bottom: 3rem;

}

/*CONTACT*/



.cl-back{

	background-color: #fffaf2;

	background-image: url("../img/pattern.png");

}

ul.social-network2 {

	display: none;

}



/*formulaire*/

#page-wrapper {

	padding: 1em;

	border: 1px solid #D9D9D9;

	border-top: 4px solid #dd4040;

	/* box-shadow: 0 2px 10px rgba(0,0,0,0.8);*/

}



.field {

	margin: 1em 0;

}



.cl-lab {

	display: block;

	margin-top: 2em;

	margin-bottom: 0.5em;

	color: #999999;

}



.cl-input {

	width: 100%;

	padding: 0.5em 0.5em;

	font-size: 1.2em;

	border-radius: 3px;

	border: 1px solid #D9D9D9;

}



.cl-area {

	width: 100%;

	height: 200px;

	padding: 0.5em 0.5em;

	font-size: 1.2em;

	border-radius: 3px;

	border: 1px solid #D9D9D9;

}



.but-form {

	display: inline-block;

	border-radius: 3px;

	border: none;

	font-size: 0.9rem;

	padding: 0.5rem 0.8em;

	background: #dd4040;

	border-bottom: 1px solid #498b50;

	color: white;

	-webkit-font-smoothing: antialiased;

	font-weight: bold;

	margin: 0;

	width: 30%;

	text-align: center;

}



.but-form:hover, .but-form:focus {

	opacity: 0.75;

	cursor: pointer;

}



.but-form:active {

	opacity: 1;

	box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.1) inset;

}



.success {

	padding: 1em;

	margin-bottom: 0.75rem;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	color: #468847;

	background-color: #dff0d8;

	border: 1px solid #d6e9c6;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}



.error {

	padding: 1em;

	margin-bottom: 0.75rem;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	color: #b94a48;

	background-color: #f2dede;

	border: 1px solid rgba(185, 74, 72, 0.3);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}



/*partenaires*/

.logo_partenaires{

	width: 100%;

}

/*media tablette, smartphone*/

@media (max-width: 768px) {

	.cl-media{

		display: none;

	}

	.cl-mediatab{

		display: block;

	}

	h1{

		font-size: 22px;

	}

	.cl-taille{

		margin-right: 1em;

	}

	

	.cl-smart{

		display: block;

	}

	.cl-desk{

		display: none;

	}

	.cl-space{

		padding-bottom:1em;

	}

	.cl-fond_apropos{

		margin-top: 1.5em;

	}

}



/*media tablette*/

@media (max-width: 992px){

	body{

		padding-top: 8.5vh;

	}

	

	.pad-smart{

		padding-bottom: 4em;

	}

	.place_bge {

		display: flex;

		flex-flow: row wrap;

	}

	.logo_bge_smart{

		display: block;

		width: 10vh

	}

	.logo_bge {

		display: none;

	}

	#offres, #coworking, #accueil, #prestations, #contact {

		padding-top: 60px;

		position: relative;

		top: -60px;

		margin-bottom: -60px;

	}

	.img-pad{

		padding-bottom: 2em;

		padding-top: 1em;

	}

	.social-circle li a {

		display: none;

	}



	ul.social-network2 {

		list-style: none;

		display: inline;

		z-index: 100000;

	}



	.social-network2 a.icoFacebook:hover {

		background-color:#3B5998;

	}



	.social-circle2 li a {

		color: #ffffff;

		background-color: black;

		display:inline-block;

		position:relative;

		margin:0 auto 0 auto;

		-moz-border-radius:50%;

		-webkit-border-radius:50%;

		border-radius:50%;

		text-align:center;

		width: 30px;

		height: 30px;

		font-size:16px;

	}

	.social-circle2 li i {

		margin:0;

		line-height:30px;

		text-align: center;

	}



	.social-circle2 li a:hover i, .triggeredHover {

		-moz-transform: rotate(360deg);

		-webkit-transform: rotate(360deg);

		-ms--transform: rotate(360deg);

		transform: rotate(360deg);

		-webkit-transition: all 0.2s;

		-moz-transition: all 0.2s;

		-o-transition: all 0.2s;

		-ms-transition: all 0.2s;

		transition: all 0.2s;

	}

	.social-circle2 i {

		color: #fff;

		-webkit-transition: all 0.8s;

		-moz-transition: all 0.8s;

		-o-transition: all 0.8s;

		-ms-transition: all 0.8s;

		transition: all 0.8s;

	}

}