@charset "utf-8";
@font-face {
    font-family: Allerta;
    src: url(fonts/Allerta/Allerta-Regular.ttf);
			}

@font-face {
    font-family: Crimson_Text;
    src: url(fonts/Crimson_Text/CrimsonText-Bold.ttf);
	src: url(fonts/Crimson_Text/CrimsonText-BoldItalic.ttf);
	src: url(fonts/Crimson_Text/CrimsonText-Italic.ttf);
	src: url(fonts/Crimson_Text/CrimsonText-Regular.ttf);
	src: url(fonts/Crimson_Text/CrimsonText-SemiBold.ttf);
	src: url(fonts/Crimson_Text/CrimsonText-SemiBoldItalic.ttf);
	
			}

html {
  height: 100%;
}
body {
	background-color:white;
  min-height: 100%;
  margin: 0;
  padding: 0;
}

/* Fixed navigation bar */
.navbar {
  overflow: hidden;
  background-color:white;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
height: 50px;
	text-align: center;
	z-index: 1;
	
}

/* Navbar Links */
.fbk {
  padding-top: 7px;
	display:inline-block;
	float:none;
	text-decoration: none;
color:#757575;
	
}

.fbk :hover{
color:#044EE3;
	
}


.joinus {
	font-family: Allerta;
	font-weight:200;
	font-size: 14px;
  padding-top: 12px;
	display: inline-block;
	float:right;
	color:#757575;
	text-decoration: underline;
	margin-right: 10px;
}

.navbar #lien:hover{
	color:royalblue;
	font-weight:bold;
}




/*Footer */

.foot {
  /*border-color: black;*/
	/*border-style: solid;*/
  display: block;
margin-left: auto;
	margin-right: auto;
  position: relative; /* Set the navbar to fixed position */
  bottom: 0; /* Position the navbar at the top of the page */
  width: 600px; /* Full width */
height: 25px;	
		font-family: Crimson_Text;
	font-size: 14px;
	
}
/*Menu de navigation*/


/* Navbar container */
.menu {
	top: 50px;
	position: fixed;
  overflow: hidden;
	width: 100%; /* Full width */
  background-color: #333;
  font-family: Crimson_Text;
}


/* Links inside the navbar */
.menu a {
  float: left;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown  {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .home {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.menu a:hover, .dropdown:hover .home {
  background-color: cornflowerblue;
}


/* Dropdown content (hidden by default) */
.home-content {
  display: none;
  position: fixed;
  background-color:#f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}


/* Links inside the dropdown */
.home-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.home-content a:hover {
  background-color:#ddd;
}


/* Show the dropdown menu on hover */
.dropdown:hover .home-content {
  display: block;
}


/* Dropdown button */
.dropdown .action {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
.action-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.action-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
/* Add a grey background color to dropdown links on hover */
.action-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .action-content {
  display: block;
}


.myCentralDiv {
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	
	font-family: Allerta;
	
	
}


.myCentralDivIndex {
	
	
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	min-height: 500px;
	font-family: Allerta;
}
/* Qui sommes nous*/
/* Add some shadows to create a card effect */
.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

/* Some left and right padding inside the container */
.container {
    padding: 0 16px;
}

/* Clear floats */
.container::after, .row::after {
    content: "";
    clear: both;
    display: table;
}

.title {
    color: black;
	
}

/*DEBUT Card telechargement*/

.cardtelechargement {
	
	display: inline-block;
 
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  width: 300px;
  margin-left: 15px;
  text-align: center;
  font-family: Allerta;
font-size: 12px;
	
	margin-bottom: 25px;
}

.price {
  color: gold;
  font-size: 18px;
	font-family: Allerta;
}

.cardtelechargement button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.cardtelechargement button:hover {
  opacity: 0.7;
}

/*FIN Card telechargement*/

#formContact

{	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
	font-family:Allerta;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
	padding: 10px;
	
	}
	
#formContact:hover
{	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	}

textarea
{
	width: 100%;
    padding: 6px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 10px;}

input[type=email], input[type=password], input[type=text], input[type=date], input[type=number], input[type=file] {
    width: 100%;
    padding: 6px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
	border-radius: 10px;
}