/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

html {
  box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

a {
	text-decoration: none;
}

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

/* **** */
/* Body */
/* **** */

body {
	width: 100%;
	background: #ffffff;
  	color: #000000;
}

/* ****** */
/* Header */
/* ****** */

.header{
  	width: 90%;
  	margin: 0 auto;
}

.header:after {
	content: "";
  	display: table;
  	clear: both;
}

.logo {
  	float: left;
	width: 20%;
  	padding: 30px 0 25px 0;
}

.nav {
  	float: right;
	width: 80%;
	padding: 47px 0 0 0;
	text-align: center;
}

.nav li {
  	float: left;
	width: 17.6%;
}

.nav .icons {
      display: none;
	width: 20%;
	margin: -13px 0 0 0;
 }

.nav a {
  	display: block;
	color: #686464;
}

.nav img{
	float: right;
	width: 33%;
}

.nav .selected {
	color: #006f98;
}

 /* ****** */
 /* Footer */
 /* ****** */

.footer {
	width: 100%;
	background: #006f98;
	color: #000000;
}

.footer_container {
	width: 90%;
	margin: 0 auto;
}

.footer_container:after {
	content: "";
	display: table;
	clear: both;
}

.nav2 {
  	float: right;
	width: 80%;
	padding: 47px 0 0 0;
}

.nav2 li {
	float: right;
	width: 20%;
	text-align: center;
}

.nav2 a {
  	display: block;
	color: #ffffff;
}

.footer_hr {
	color: #ffffff;
	width: 100%;
	margin: 27px 0 0 0;
}

.edaphis_info {
	color: #ffffff;
	padding: 50px 0 0 33px;
}

.info_bold
{
	font-weight: bold;
	padding: 13px 0 13px 0;
}

.info_normal
{
	padding: 13px 0 13px 0;
}

.info_small
{
	font-size:80%;
	padding: 13px 0 13px 0;
}

/* ****** */
/* Button */
/* ****** */

.btn {
  	display: inline-block;
  	height: 42px;
	width: 100%;
  	background: #006f98;
	color: #ffffff;
	text-align: center;
	font-size: 140%;
	padding: 10px 0 0 0;
}

.btn2 {
  	display: inline-block;
  	height: 42px;
	width: 365px;
  	background: #006f98;
	color: #ffffff;
	text-align: center;
	font-size: 140%;
	padding: 10px 0 0 0;
}

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

/* ********* */
/* Reception */
/* ********* */

/* Banner */

.edaphis_banner {
  	background: url(../images/Edaphis-Banner.png) no-repeat 50% 50%;
	background-size: cover;
	height: 580px;
}

.edaphis_banner_container {
	text-align: center;
	padding: 180px 0 0 0;
}

.edaphis_banner_container:after {
  	content: "";
  	display: table;
  	clear: both;
}

.info_title {
	color: #ffffff;
	font-size: 550%;
	font-weight: bold;
}

.info_subtitle {
	color: #ffffff;
	font-size: 235%;
	font-weight: bold;
	padding: 40px 0 40px 0;
}

/* Edaphis */

.edaphis_section {
	width: 90%;
	margin: 0 auto;
	padding: 87px 0 87px 0;
}

.edaphis_section:after {
	content: "";
  	display: table;
  	clear: both;
}

.edaphis_img {
	width: 100%;
}

.edaphis_container {
	width: 100%;
	padding: 75px 0 75px 0; 
}

.edaphis_info {
	float: left;
	display: inline;
	width: 60%;
	margin: 0;
	padding: 0;
}

.edaphis_form {
	float: right;
	display: inline;
	background: #f6f9fb;
	width: 40%;
	padding: 30px 24px 40px 24px;
}

.edaphis_form img {
	width: 100%;
}

.edaphis_form input {
	width: 100%;
	height: 35px;
	background: #d2e5ec;
}

.edaphis_form input[type=submit]  {
  	height: 42px;
	width: 100%;
  	background: #006f98;
	color: #ffffff;
	text-align: center;
	font-size: 140%;
}

.edaphis_form textarea {
	width: 100%;
	height: 140px;
	margin: 0 0 25px 0;
	border: none;
	background: #d2e5ec;
}

/* Virgile */

.virgile_section {
	background: url(../images/Champ.png) no-repeat 50% 50%;
	background-size: cover;
	height: 840px;
	padding: 140px 0 70px 0;
}

.virgile_section_container {
	width: 100%;
	background: #ffffff;
	text-align: center;
	padding: 50px 0 50px 0;
}

.virgile_section_container:after {
	content: "";
  	display: table;
  	clear: both;
}

.virgile_subsection_container {
	width: 90%;
	margin: 0 auto;
}

.virgile_subsection_container:after {
  	content: "";
  	display: table;
  	clear: both;
}

.virgile_img {
	float: left;
	display: inline;
	width: 60%;
}

.virgile_txt {
	float: right;
	display: inline;
	width: 40%;
}

.virgile_btn {
	float: right;
	display: inline;
	width: 40%;
	padding: 190px 24px 0 24px;
}

.virgile_spec {
	float: right;
	display: inline;
	background: #f6f9fb;
	width: 40%;
	padding: 30px 24px 40px 24px;
}

.virgile_spec h1 {
      font-weight: bolder;
      font-size: 18pt;
      color: #006e99;
}

.virgile_thumb {
   width: 25%;
}

/* Contact */

.contact_section {
	width: 90%;
	margin: 0 auto;
	padding: 70px 0 70px 0;
}

.contact_section:after {
  	content: "";
  	display: table;
  	clear: both;
}

.contact_img {
	float: left;
	display: inline;
	width: 60%;
}

.contact_btn {
	float: right;
	display: inline;
	width: 40%;
	padding: 25px 24px 0 24px;
}

/* ******* */
/* History */
/* ******* */

/* Banner */

.history_banner {
   background: url(../images/History-Banner.png) no-repeat 50% 50%;
	background-size: cover;
	height: 480px;
}

/* Description */

.history_section {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.history_section img {
	width: 100%;
	padding: 25px 0 25px 0;
}

.history_btn {
	width: 40%;
	margin: 0 0 25px 60%;
}

/* ******* */
/* Virgile */
/* ******* */

/* Banner */

.virgile_banner {
   background: url(../images/Virgile-Banner.png) no-repeat 50% 50%;
	background-size: cover;
	height: 480px;
}


/* Description */

.virgile_section2 {
	width: 90%;
	margin: 0 auto;
	padding: 75px 25px 75px 25px;
	text-align: center;
}

.virgile_section2:after {
    content: "";
    display: table;
    clear: both;
}

.virgile_description {
	width: 100%;
	padding: 0 0 25px 0;
}

.service {
	float: left;
	display: inline;
	margin: 0 0 0 -25px;
}

/* ******* */
/* Contact */
/* ******* */

/* Banner */

.contact_banner {
 	background: url(../images/Contact-Banner.png) no-repeat 50% 50%;
	background-size: cover;
	height: 480px;
}

/* Description */

.contact_section2 {
	width: 90%;
	margin: 0 auto;
	padding: 75px 0 75px 0;
	text-align: center;
}

.contact_section2:after {
  	content: "";
  	display: table;
  	clear: both;
}

.description {
	margin: 65px 0 0 0;
}

/* ********* */
/* Login box */
/* ********* */

.login {
   display: block;
}

.loginBtn {
   background-color: white;
   color: #686464;
   border: none;
   cursor: pointer;
}

.login-popup {
   display: none;
   position: fixed;
   top: 50%;
   right: 50%;
   transform:translate(-50%,-50%);
   border: 3px solid #f1f1f1;
   z-index: 9;
}
.login-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

.login-container input[type=text], .login-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

.login-container input[type=text]:focus, .login-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

.login-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 5px 0px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

.login-container .cancel {
  background-color: red;
}

.login-container .btn:hover, .loginBtn:hover {
  opacity: 1;
}

.failedMsg {
   display: none;
}

/* ***** */
/* Email */
/* ***** */

.email-popup {
  	background-color: white;
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
	transform:translate(-50%,-50%);
   border: 3px solid #f1f1f1;
   z-index: 9;
}

.email-popup .btn {
  background-color: #04AA6D;
  color: white;
  padding: 5px 0px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

.email-popup .btn:hover {
  opacity: 1;
}

#failedMail {
   display: none;
   font-size: 150%; 
   font-weight: bolder;
   text-align: center;
}

#failedMail-img {
   display: none;
   margin: 0 auto;
   width: 100px;
}

#successMail {
   display: none;
   font-size: 150%; 
   font-weight: bolder;
   text-align: center;
}

#successMail-img {
   display: none;
   margin: 0 auto;
   width: 100px;
}

/* ********** */
/* Profil box */
/* ********** */

.profilBtn {
   border : none;
   background-color: white;
   margin: 0;
   padding: 0;
   cursor: pointer;
}

.profilBtn .iconsImg {
   width: 100%;
}

.profil-popup {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform:translate(-50%,-50%);
   border: 3px solid #f1f1f1;
   z-index: 9;
}

.profil-container {
  max-width: 300px;
  padding: 10px;
  background-color: white;
}

.profil-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 5px 5px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:0px;
  opacity: 0.8;
}

.profil-container .btn:hover {
  opacity: 1;
}

.profil-container .cancel {
  background-color: red;
}

/* ************ */
/* Activity box */
/* ************ */

.activity-popup {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform:translate(-50%,-50%);
   border: 3px solid #f1f1f1;
   z-index: 9;
}

.activity-container {
  max-width: 300px;
  padding: 10px;
  background-color: red;
}

.activity-container p {
  padding: 10px;
  font-size: 125%;
  font-weight: bolder;
}

.activity-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 5px 5px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:0px;
  opacity: 0.8;
}

.activity-container .btn:hover {
  opacity: 1;
}

/* ******** */
/* Roll box */
/* ******** */

.rollBtn {
   border : none;
   background-color: white;
   margin: 0;
   padding: 0;
   cursor: pointer;
}

.rollBtn .iconsImg {
   width: 100%;
}

.roll-popup {
   display: none;
   position: fixed;
   top: 50%;
   left: 50%;
   transform:translate(-50%,-50%);
   border: 3px solid #f1f1f1;
   z-index: 9;
}

.roll-container {
  max-width: 300px;
  padding: 0px;
  background-color: white;
}

.roll-container .btn {
  background-color: #04AA6D;
  color: white;
  padding: 5px 5px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 3px;
  opacity: 0.8;
}

.roll-container .btn:hover {
  opacity: 1;
}

.roll-container .cancel {
  background-color: red;
}

/* ********* */
/* Documents */
/* ********* */

.documents_banner {
   background: url(../images/Documents-Banner.png) no-repeat 50% 50%;
	background-size: cover;
	height: 480px;
}

.SecLinks {
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 40px;
}

.SecTitle {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   padding: 20px;
   font-size: 200%;
   color: #006f98;
}

.SecFile a[download][href$=".pdf"]::before {
   content: url(../icons/pdf.png);
}

.SecFile a[download][href$=".mp4"]::before {
   content: url(../icons/video.png);
}

.SecFile a[download][href$=".wmv"]::before {
   content: url(../icons/video.png);
}

.SecFile a[download][href$=".zip"]::before {
   content: url(../icons/zip.png);
}

.SecFile a[download][href$=".pptx"]::before {
   content: url(../icons/pptx.png);
}

.SecFile a[download][href$=".docx"]::before {
   content: url(../icons/docx.png);
}

.SecFile a[download][href$=".xlsx"]::before {
   content: url(../icons/xlsx.png);
}

/* ******* */
/* Données */
/* ******* */

.data_banner {
   background: url(../images/Data-Banner.png) no-repeat 50% 50%;
   background-size: cover;
   height: 480px;
}

.cnsl_section {
   width: 50%;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
}

.cnsl_item {
   width: 100%;
   border: solid 1px black;
   margin-top: 10px;
}

.cnsl_acc {
   width: 100%;
   font-size: 200%;
   font-weight: bolder;
   color: #006f98;
   margin-top: 10px;
   text-align: center;
}

.cnsl_act {
   width: 100%;
   font-size: 150%;
   font-weight: bolder;
   color: black;
   margin-top: 10px;
   text-align: center;
}

.dataframe {
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
}

.dataframe th {
   border: 1px solid;
   padding: 5px;
   text-align: center;
}

.dataframe td {
   border: 1px solid;
   padding: 5px;
   text-align: center;
}

.cnsl_btt_acc {
   display: inline-block;
   width: 100px;
   background-color: gray;
   color: black;
   font-weight: bolder;
   padding: 10px;
   text-align: center;
}

.cnsl_ov8 {
   width: 100%;
   font-size: 150%;
   font-weight: bolder;
   color: black;
   margin-top: 10px;
   margin-bottom: 20px;
   text-align: center;
}

.cnsl_nodata {
   font-size: 100%;
   font-weight: bolder;
   color: black;
   padding-top: 10px;
   text-align: center;
}

.cnsl_btt_ov8 {
   display: inline-block;
   width: 75px;
   background-color: #006f98;
   color: black;
   font-weight: bolder;
   text-align: center;
   padding: 5px;
   margin-bottom: 10px;
}