@charset "UTF-8";
/* CSS Document */




@font-face {
	font-family: 'Montserrat', sans-serif;
	src: url(../FONT/Montserrat-Regular.ttf) ;
}

@font-face {
	font-family: 'Montserrat', sans-serif;
	src: url(../FONT/Montserrat-Bold.ttf) ;
}

@font-face {
	font-family: 'Montserrat', sans-serif;
	src: url(../FONT/Montserrat-Light.ttf) ;
}

@font-face {
	font-family: 'Elianto', sans-serif;
	src: url(../FONT/Elianto-Regular.ttf) ;
}


/* BASES **********************************************************************************/

* {margin:0; padding: 0}


html {
	font-family: 'Montserrat';
}

body {
	font-size: 65.2%;
}



a {
	font-size: 1.2rem;
	text-decoration: none;
	color:#000000;
	
	
}


a:visited {
	color:#000;
}


a:hover {
	color: #e6b946;
}


a:active {
	color: #e6b946;
}







p {
	font-size:16px;
}


img {
	margin:-4px;
}

h1 {
	font-family: 'Elianto';
	font-size:22px;
}

h2 {
	font-size:1.5rem;
	padding-top: 20px;
	
}

h3 {
	font-size:1.3rem;
	font-family:"Montserrat Bold";
	padding:10px 0 20px 0;
}

li {
	font-size:15px;
}

/*  MISE EN PAGE GENERALE *******************************************************************************************************/


.content {
	margin: 0px auto;
	width: 1200px; }	


.mainTitres {
	font-size: 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: #44afb1;
	padding-top:5px;
}


.sousTitres {
	font-size: 1.4rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	color: #000;
	padding:10px 0 10px 0;
}

.centerText {
	text-align: center;
	padding: 20px;
}

.introTexte {
	display: inline-block;
	vertical-align: top;
	padding: 5% 1.5%;
	width: 46%;
	
	
}


.flexRow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}


.flexColumn {
	display: flex;
	flex-direction: column;
	margin:10px;
}

/*BLOCS*****************************************************************/

.blocJaune {
	background-color: #e6b946;
	padding:20px;
	
	
}

.blocBleu {
	
	background-color: #7fb7b8;
	padding:20px;
	
	
}


.blocBlanc {
	background-color: #ffffff;
	padding: 3% 1.5%;
}


.blocDark {
	background-color: #636363;
	height:300px;
	
}

.blocGris {
	background-color: #a4a3a3;
	padding: 20px;
	height:auto;
	text-align: center;
}


/* BOUTONS ********************************************************/


.btn {
	
border-radius: 10px;
padding: 8px 20px; 
margin-top:25px;
background: #e6b946; 
color: white; 
width:150px;
cursor: pointer;
font-size:16px;

}


.btn a {
	color:white;
	font-size: 15px;
	
}

.btn a:hover {
	color: #000;
}

/* HEADER *******************************************************/

.mainHeader {
	background-color: rgba(245, 244, 244,0.90);
	opacity: 0.9;
	height: 120px;
	position:fixed;
	z-index: 3;
	width: 100%;
}


.mainHeaderStat {
	background-color: rgba(230,230,230,1.00);
	opacity: 0.9;
	height: 120px;
	
	z-index: 3;
	width: 100%;
}

.headerContent {
	margin : 0px auto;
	width: 1200px;
	
}

.mainNav {
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.mainNav li {
	display:inline-block;
	padding-right:10px;/*border-bottom: thin #e6b946 solid*/;
	
}


.mainNav li:hover  {
	border-bottom: thin #e6b946 solid;
	
	
}

.mainNav a:hover, .mainNav a:active {
	color:#e6b946;
}

.mainNav img {
	margin:20px;
}


/**BURGER MENU BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU **BURGER MENU ****/


/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: white;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #000;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #fff;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Style the active link (or home/logo) */
.active {
  background-color:none;
  color: white;
}





/*CARROUSEL ***************************************************/

.owl-nav {
	display:none;
}

.owl-dots {
	position:absolute;
	vertical-align: bottom;
	top:450px;
	right:930px;
	z-index: 2;
}

.owl-carousel img {
	width:100%;
}


/* CONTENT INDEX ********************************************/

.indexContent, .indexContent-alt {
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	
}




.indexContent h1, .indexContent h3 {
	padding-bottom: 5px;
	
	
	
}
.coworkContent,.espaceSaturne ,.restauContent {
	width:50%;
	display:flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding:5%;
}

.boutonInfos {
	
	padding-top:20px;
}


/*HOME CONTENT COWORKING *********************************************/


.espaceSaturne h3 {
	padding-bottom:20px;
	vertical-align:top;
}

.espaceSaturne p {
	padding-bottom: 10px;
}


/* HOME RESTAURANT ***************************************************/

.bgResto {
	
	background-image:url(../images/kitchen-restaurant.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	height: 650px;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.bgRestoContent, .allFondateurs {
	background-color: rgba(230,230,230,1.00);
	opacity:0.8;
	padding: 30px;
	
	
}

.bgRestoContent p {
	font-size:2rem;
	text-align: center;
}



/* HOME FONDATEURS ******************************************************/


.bgFondateurs {
	
	background-image:url(../images/coworking_neon.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	height: 800px;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.bgFondateurs p {
	text-align: center;
	font-size: 1.8rem;
	color:#000;
	padding: 40px;
}

.allFondateurs{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	flex-wrap: wrap;
	
	
	
}


.Fondateurs {
	
	vertical-align: top;
	padding: 2%;
	
}

.Fondateurs img {
	width: 300px;
	height:300px;
	
	 }

.Fondateurs figcaption {
	text-align: center;
	font-size:1.3rem;
	color: #44afb1;
	padding-top: 10px;
}

.Fondateurs span {
	text-align: center;
	font-size:1.4rem;
	color: #000;
}

/* ESSAI FONDATEURS EN BG IMAGES

.fondateur1, .fondateur2, .fondateur3 {
	display :inline-block;
	position:relative;
	background-size: contain;
	background-repeat: no-repeat;
	margin:10px;
	height: 320px;
	width:320px;
	
}

.allFondateurs {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.fondateur1 h3, .fondateur2 h3, .fondateur3 h3 {
	position:absolute;
	 }





.fondateur1 {
	background-image: url(../images/dirigeant1.png);
}

.fondateur2 {
	background-image: url(../images/dirigeant2.png);
}

.fondateur3 {
	background-image: url(../images/dirigeant3.png);
}


.fondateur1:hover{
	background-image: url(../images/dirigeant1hover.png);
	width:400px;
	height:400px;
}

.fondateur2:hover{
	background-image: url(../images/dirigeant2hover.png);
	width:400px;
	height:400px;
}

.fondateur3:hover{
	background-image: url(../images/dirigeant3.png);
	width:400px;
	height:400px;
}
*/


/* LA COMMUNAUTÉ *********************************************************************/

.blocGris h2 {
	font-size:1.5rem;
	color:#fff;
	padding: 30px 0 30px 0;
}




/* RESIDENTS ************************************************************************/


.equipeComplet {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap:wrap;
}

.equipeComplet img {
	width:250px;
	height:250px;
	
}

.equipeComplet figure {
	margin: 20px;
}



.equipeComplet figcaption {
	text-align: center;
	font-size: 1.5rem;
	 }




.controls button {
	
	font-size: 1rem;
	background:none;
	border-color:#7fb7b8;
	
	border-radius: 5%;
	margin: 20px 10px;
	padding:20px;
	
}

.controls button:hover {
	
  background-color:#7fb7b8 ;
}


/* COMMUNAUTE  & TARIFS ***********************************************************************/

.valeursCom, .avantagesTarifs {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
	
}


.valeursCom img, .avantagesTarifs img {
	width: 250px;
    height: auto;
    padding: 35px 20px ;
    margin: 0 20px 0 20px;
}

.valeursCom figcaption {
	font-size: 1.3rem;
	
	
}

.avantagesTarifs figure {
	width:300px;
	
	
}



/* PROFILS PERSO *****************************************************************/

.profilPerso {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 50px;
}


.profilPerso img {
	width: 300px;
	height: 300px;
	margin-left: 200px;
	position:relative;
	
}


.profilNom {
	position:absolute;
	top:25%;
	right:40%;
}

.profilNom p {
	padding-top: 10px;
}



/*FORMULAIRES **************************************************************************/


.radio {
	display: flex;
	flex-direction: row;
	width:50%;
	font-size: 1.2rem;
	padding-top:20px;
	
	
}


.formProfil, .formTarifs {
	
	width:50%;
	margin:auto;
	padding:3%;
	background-color:rgba(230,185,70,1.00);
	opacity: 0.9;
	-webkit-box-shadow: 4px 4px 20px 1px rgba(6,50,82,1);
	box-shadow: 4px 4px 20px 1px rgba(6,50,82,1);
	color:#fff;
	
}

.formProfil input, .formTarifs input {
	padding:10px;
	width:100%;
	font-size:1.3rem;
	margin-bottom: 30px;
	
}

.formProfil textarea, .formTarifs textarea {
	padding:30px;
	width:100%;
	font-size:1.3rem;

}

.formProfil h3, .formTarifs h3 {
	 padding:20px;
	text-align: center;
	
}


/*RESTAURANT  *************************************************************************/

.introResto {
	padding:20px;
}

.introResto h1 {
	padding:30px 0 30px 0;
}

.introResto ul {
	padding-top:50px;
}


.restauContent img {
	width:600px;
	height:auto;
	padding:20px;
}

.restauContent ul {
	font-size:1.1rem;
	margin:20px;
	list-style:square;
}

.centrage {
	padding: 30px;
}

.colonneHoraires ul, .colonneHoraires h3 {
	font-size: 1.1rem;
	text-align: center;
	padding: 5px;
	
}

#carousel img {
	height:200px;
}


/*TARIFS**************************************************************************/



.carreTarifsJaune {
	background-color:#e6b946;
	width:250px;
	height:50px;
	margin-left:20px;
}

.carreTarifsJaune, .carreTarifsBorder{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.carreTarifsJaune p {
	font-size: 20px;
}

.traitNoir {
border-bottom: solid black medium;
width:150px;
padding: 10px 0;
	margin:10px;
}


.carreTarifsBorder {
	background-color:#FFF;
	border: solid 5px #e6b946;
	width:250px;
	height:250px;
	margin-left:20px;
	box-shadow: 5px 5px 5px black;
}


.carreTarifsBorder a{
	padding-top:20px;
}


.avantagesTarifs figcaption {
	font-size:15px;
	text-align: center;
	padding:0px 40px 40px 0px;
}

.googleMap {
	height: 600px;
	width: 100%;
}


.BGdevenezSat {
	background-image:url(../images/devenezSaturniens.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	height: 650px;
	width:auto;
	position:relative;

}

.devenezSat {
	background-color: rgba(230,230,230,1.00);
	opacity:0.8;
	position:absolute;
	height: 200px;
	width:1200px;
	top:30%;
	right:15%;
}

.devenezSat h1 {
	font-size:2rem;
	padding:90px 400px;
}	

.favIcon {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 3rem;
	padding:30px;
	margin-left:20px;
}


/* Icones Fontawesome Tarifs *********************************************************/

.faswifi:hover{
	color: white;
	
}

.faswifi:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Wi-fi";
	padding-left: 5px;
}


.fastv:hover{
	color: white;
	
}

.fastv:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Ecran HD";
	padding-left: 5px;
}


.fasmic:hover{
	color: white;
	
}

.fasmic:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Ampli & Micro";
	padding-left: 5px;
}

.fasboard:hover{
	color: white;
	
}

.fasboard:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Tableau";
	padding-left: 5px;
}



.fasfax:hover{
	color: white;
	
}

.fasfax:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Fax";
	padding-left: 5px;
}

.fasprint:hover{
	color: white;
	
}

.fasprint:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Imprimante";
	padding-left: 5px;
}

.fascoffee:hover{
	color: white;
	
}

.fascoffee:hover:after {
	color: white;
	font-size:1.1rem;
	content:"Café";
	padding-left: 5px;
}



/* PRIVATISATION *********************************************************/


.iconePrivat  {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	
}

.iconePrivat img  {
padding: 30px 50px;
width:250px;
height:200px;
	
}

.iconePrivat figcaption {
	font-size:16px;
}



.blocBleu p {
	font-size:15px;
}

.flexRowPrivat {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	
	
}


.flexRowPrivatReverse {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	
	
}

.flexRowImg  {
	width:600px;

}


.flexRowImg img {
	width:95%;
	padding:10px;

}

.flexRowTexte {
	width:600px;
}


.flexRowPrivat p, .flexRowPrivat h3, .flexRowPrivat ul, .flexRowPrivatReverse p, .flexRowPrivatReverse h3, .flexRowPrivatReverse ul {
	padding:10px 0 10px 30px;
	
}

.flexRowPrivat li{
	list-style: square;
}

/*.flexRowPrivat img, .flexRowPrivatReverse img {
	padding-top:20px;
	height:400px;
	width:auto;
}*/


/*FOOTER**************************************************************************/

.colonneFooter, .colonneHoraires {
	
	display:inline-block;
	width: 33%;
	padding:2% 5%;
	vertical-align: top;
	text-align: left;


}

.colonneFooter img {
	padding: 5%;
	margin-top:25px;
}

.colonneFooter h3 {
	color:#e6b946;
	padding-bottom: 5px;
}

.horaires {
	text-align:center;
}




/** MEDIA QUERY MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY*MEDIA QUERY***/


@media (min-width:1920px ) {
	
	.hamburger  {
		display:none;
	}
	
	
	
}
	


/* Ecrans de grandes et très grandes dimensions - 21 pouces et plus*/
@media (max-width:1920px ) {
	
	.hamburger  {
		display:none;
	}
}
	



/* Ecrans de grandes et très grandes dimensions - 21 pouces et plus*/
@media (max-width: 1400px)

{
	

	
.content {
			width: 100%;
		}	



/** MENU HAMBURGER **/	
.hamburger  {
		display:none;
	}
	
	
.owl-dot{ 
	display:none;
	}
	
.topnav img {
	width: 100px;
	height:60px;
}
	

.owl-dots {

right: 450px;


	

	}

/* Tablettes et moniteurs de petite taille  */
@media (max-width: 1100px) {
	
.content {
			width: 100%;
		}
	
 body img {
	width:100%;
	height:auto;
}
	
	
.mainHeader  {
		display:none;
	}

/** MENU HAMBURGER **/		
		
.hamburger {
	display:block;
	}

/* Point carousel */
.owl-dot {
	display:none;
}	

/* LOGO */
	
.topnav img {
	width: 100px;
	height:60px;
}
	
	
	
	
/* Intro page accueil */
.introTexte {
		width:100%;
	}
		
/* Contenu page accueil */
.indexContent {
		flex-direction: column;
	}
	

.indexContent-alt {
		flex-direction: column-reverse;
	}
	
	
.coworkContent, .espaceSaturne, .formProfil, .formTarifs  {
		width:100%;
		
	}	
	
.Fondateurs img {
	width: 200px;
	height:200px;
	
	 }

.Fondateurs figcaption {
	
	font-size:1.2rem;
	
	padding-top: 10px;
}

.Fondateurs span {
	font-size:1.2rem;
	color: #00000;
}	
	
.bgFondateurs {
	height: 1000px;	
	
	
}	
	


.colonneFooter img {
    width: 20%;
	}
	

	
	
}

/* Tablettes et moniteurs de petite taille  */
@media (max-width: 768px) {
	
.content {
			width: 100%;
		}
	
 body img {
	width:100%;
	height:auto;
}
	
	
.mainHeader  {
		display:none;
	}

/** MENU HAMBURGER **/		
		
.hamburger {
	display:block;
	}

/* Point carousel */
.owl-dot {
	display:none;
}	

/* LOGO */
	
.topnav img {
	width: 100px;
	height:60px;
}
	
	
	
	
/* Intro page accueil */
.introTexte {
		width:100%;
	}
		
/* Contenu page accueil */
.indexContent {
		flex-direction: column;
	}
	

.indexContent-alt {
		flex-direction: column-reverse;
	}
	
	
.coworkContent, .espaceSaturne,.formProfil, .formTarifs, .googleMap {
		width:100%;
		
	}	
	
.Fondateurs img {
	width: 200px;
	height:200px;
	
	 }

.Fondateurs figcaption {
	
	font-size:1.2rem;
	
	padding-top: 10px;
}

.Fondateurs span {
	font-size:1.2rem;
	color: #00000;
}	
	
.bgFondateurs {
	height: 1000px;	
	
	
}	
	
	
.colonneFooter, .colonneHoraires {
		width:100%;
	    text-align: center;
	
	}	

.colonneFooter img {
    width: 15%;
	}
	
.footer {
			font-size:1.2rem;
		}
	
	
.blocDark {
		height:700px;
	}
	
	
}



/* Smartphone *************************************************
	*************************************************************/	

@media  (max-width: 414px)
	
{ 
	
	
.content {
		width: 100%;
		}

/* Menu Principal */
.mainHeader {
	display:none;
}
	
/*logo */
.topnav img {
	width: 100px;
	height:60px;
}	

/* Point carousel */
.owl-dot {
	display:none;
}


/** MENU HAMBURGER **/		
.hamburger {
	display:block;
	}
	
/* Intro page accueil */
.introTexte {
		width:100%;
	}
		
/* Contenu page accueil */
.indexContent {
		flex-direction: column;
	}
	

.indexContent-alt {
		flex-direction: column-reverse;
	}
	
	
.coworkContent, .espaceSaturne, .formProfil, .formTarifs  {
		width:100%;
		
	}
	
/* Les Fondateurs */
	
.bgFondateurs {
	height:1000px;	
	
	
}	
	
.Fondateurs img {
	width: 200px;
	height:200px;
	
	 }
	
/* Les Footer */	
	
.colonneFooter, .colonneHoraires {
		width:100%;
	    text-align: center;
	
	}	

.colonneFooter img {
    width: 15%;
	}
	
.footer {
			font-size:1.2rem;
		}

		
.blocDark {
		height:650px;
	}

/*icone privatisation*/	
.iconePrivat img {
width:200px;
height: 150px;
		
	}

}



	

	
}