@charset "UTF-8";
html {
  margin:0;
  padding:0;
  background-image: url("../images/armorique-background.png");
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardis�e */
}
@font-face {
	font-family: "Maven Pro";
	src: url('../images/maven-pro/MavenPro-Regular.ttf');
}
@font-face {
	font-family: "Maven Pro";
	font-weight: bold;
	src: url('../images/maven-pro/MavenPro-Bold.ttf');
}
.begin {
	width: 100%;
	min-width: 12.5%;
}
.b_begin {
	width: 133.4%;
	height: 120%;
	max-width: 133.5%;
}
.nav_menu {
	
	font-size: 20px;
	padding: 0px 0px 0px 20px;
	width: 100%;
	text-decoration: none;
	color: #115670;
}
.s_n_menu {
	margin: -6% 11% 0%;
	padding: 5px 5px 0% 5px; 
	max-width: 70%;
}
.p_logo {
	padding: 1%;
	width: 100%;
}
.nav_principal {
}
a {
	color: #31838E;
}
body {
	color: #4c4c4c;
    max-width: 1200px;
    margin-left:auto;
    margin-right:auto;
}
strong {
	color:#255E66;
}
h4 {
	color:#255E66;
}
.menu {
	background-color: white;
	color: #FFFFFF;
	width: 100%;
	min-width: 12.5%;
	margin-left: 0%;
	font-size: 12;
	padding-left: 0%;
}
.p_space {
	margin-top: 2%;
	min-width: 50%;
	float: left;
	margin-left: 5%;
	font-size: small;
}
.p_image {
	width: 50%;
	margin-top: 0%;
	padding: 1% 20%;
	min-width: 10%;
	margin: 2% 10% 10% 2%;
	background-color: #A9A4A0;
}
.col {
	width: 100%;
	float: left;
	display: inline;
	margin: 21px 0 0 0;
	min-height: 500px;
	max-width: 200px;
}
.synapse {
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	display: inline-block;
	text-align: justify;
	margin-left: 20%;
	padding: 30px;
	max-width: 40%;
	max-height: 50%;
	background-color: white;
}
.text1 {
	color: #4c4c4c;
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.text2 {
	color: #4c4c4c;
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
.Login {
	color: #032C49;
	padding: 0px 10px 10px 10px;
	color: white;
	background-color: #032C49;
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	margin-top: -10px;
}
.id_part1 {
	color: black;
}
.id_part2 {
	color: black;
}
.id {
	background-color: white;
	color: #032C49;
	font-family: Tahoma, verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-color: #032C49;
	font-size: small;
	width: 20%;
	max-width: 30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 3%;
	max-height: 70%;
	display: inline-block;
	float: right;
	padding: 0px 25px 0px 50px;
}
.end {
	font-family: "Maven Pro";
	border: solid #032C49;
	background-color: #032C49;
	text-align: center;
	width: 100%;
	min-width: 0%;
	margin-top: 100px;
	margin-left: 0%;
}