/*
	Links:
	https://www.youtube.com/watch?v=eOG90Q8EfRo
	http://www.w3schools.com/css/default.asp
*/

/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */

/* COLOR PALETTE */

/* http://html-color-codes.info/ */

/* White = #FFFFFF */
/* Black = #000000 */
/* Grey = #404040 */
/* Orange = #FF8C00 */

/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */

/* BACKGROUND IMAGE */

/*
html { 
  background: url(images/insects.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/

/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */


/* For responsive web pages */
/* This makes sure that the padding and border are included in the total width and height of the elements */
* {
    box-sizing: border-box;
}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */

body {		
	/* For black background */
	background-color: black;  /* (Black=#000000) */	
	font-size: 100%; /* Base font size is 14pix */
	font-family: 'Helvetica', 'Arial', sans-serif; /* Use 'Arial' when 'Helvetica' is not available */
	line-height: 1.5;
	text-align: center;
}

/* Discard decoration by default (underline, etc)*/
a {
	text-decoration: none;
}

.Body {
	margin: 0 auto;
	width: 70%;  /* Proportion of screen occupied by the different elements */
	clear: both;	
	/* Background image */
	/* Workaround for some mobile browsers */
    min-height:100%;	
}

/* ////////////////////////////////////////////////////////////////////////////////// */

.main_content {	
	line-height: 25px;  /* Height of the text lines */
	overflow: hidden;
	margin-top: 20%;  /* Margin over the box */		
}
	
/* Title */
.main_content header {
	color: #A8A8A8;  /* white */
}

/* Text */
.main_content p {
	color: #404040;  /* grey */
	line-height: 20px;  /* Height of the text lines */
}

/* ////////////////////////////////////////////////////////////////////////////////// */

.mail address {	
	margin-top: 4%;  /* Margin over the text */
	font-family: 'Helvetica', 'Arial', sans-serif; /* Use 'Arial' when 'Helvetica' is not available */
}

.mail address  a{	
	font-style: normal;
	color: #404040;  /* grey */
	padding: 10px 40px;
	font-size: 90%; /* Base font size is 14pix */
	line-height: 1.5;
}

/* Text MAIL when we are over it */
.mail address  a:hover, 
.mail address  a:Active,
.mail address .Active a:link,
.mail address .Active a:visited {
	color: #A8A8A8;  /* Text color (white) when we are over it */
}

/* ////////////////////////////////////////////////////////////////////////////////// */

.rights p {
	color: #404040;  /* grey */
	font-size: 75%; /* Text size. Base font size is 14pix */
}

/* ////////////////////////////////////////////////////////////////////////////////// */