body 
{
  font-family: Helvetica;
}

table
{
	border: 0px;
	border-color: #f00;
	/*width: 100%;
	height: 100%;*/
	padding: 0px;
	border-spacing: 0;
}

th, td
{
	border-width: 0px;
	
	border-style: solid;
	border-color: #f00;	
}

a:link 
{ 
  text-decoration: none; 
  color: inherit;
} 

a:visited 
{ 
  text-decoration: none; 
  color: inherit;
} 

a:hover 
{ 
  text-decoration: none; 
  color: inherit;
} 

a:active 
{ 
  text-decoration: none; 
  color: inherit;
}

li 
{
  margin: 10px 0;
}

.main-divider 
{
	position: absolute;
	top: 0px;
	left: 0px;	
	
	height: 100%;
	width: 100%;
}

.top-separator
{
	height: 60px;
}	

.top-separator2
{
	height: 630px;
}	

.top-separator3
{
	height: 190px;
}	

.top-separator4
{
	height: 0px;
}	

.top-separator5
{
	height: 450px;
	background: #fdfaf5ee;
}	

.top-separator6
{
	height: 370px;
	background: #fdfaf5ee;
}	

.top-trees
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1267px;
	background-image: url('Images/trees.jpg');
}	

.top-team
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2850px;
	background: #fdfaf5ee;
}	

.top-services
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 716px;
	background: #fdfaf5ee;
}	

.top-contact
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 735px;
	background: #fdfaf5ee;
}	

.top-border 
{
	position: fixed;
	top: 0px;
	left: 0px;
	background: #fff0;	
	
	height: 280px;
	width: 100%;
}

.marketing-border 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	height: 76px;
	width: 100%;
	background-color: #1f455b;
}

.home-border 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	background-image: url('Images/Cover.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	
	height: 955px;
	width: 100%;
	background-color: white;
}

.service-border 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	background-image: url('Images/services_back.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	
	height: 955px;
	width: 100%;
	background-color: white;
}

.equipe-border 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	background-image: url('Images/equipe_back.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	
	height: 955px;
	width: 100%;
	background-color: white;
}

.home-content 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	width: 100%;
	background-color: white;
}

.footer-border 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	height: 220px;
	width: 100%;
	background-color: #fdfaf5ee;
}

.small-border 
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	height: 100px;
	width: 100%;
	background-color: #fdfaf5ee;
}

.content-edge
{
	position: relative;
	top: 0px;
	left: 0px;	
//	background: #fdfaf5ee;
	
	width: 100px;
}

.content-middle1
{
	position: relative;
	top: 0px;
	left: 0px;	
//	background: #fdfaf5ee;
	
/*	width: 100%;*/
}

.menuitem
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	text-align: center;
    font-size: 20px;
	color: #033c1d;
	text-transform:uppercase;	
	
	height: 28px;
	width: 225px;
	transition: 0.2s;	
}

.menuitem_selected
{
	position: relative;
	top: 0px;
	left: 0px;	
	
	text-align: center;
    font-size: 24px;
	color: #537ab3;
	text-transform:uppercase;	
	
	height: 28px;
	width: 225px;
	transition: 0.2s;	
}

.menuitem:hover
{
    font-size: 24px;
	color: #537ab3;
	transition: 0.2s;	
}

.language_menuitem
{
	text-align: center;
    font-size: 20px;
	color: #033c1d;
	text-transform:uppercase;	
	position: relative;	
	height: 100%;
	width: 60px;
	
	transition: 0.2s;	
}

.language_menuitem_selected
{
	text-align: center;
    font-size: 24px;
	color: #537ab3;
	text-transform:uppercase;	
	position: relative;	
	height: 100%;
	width: 60px;
	
	transition: 0.2s;	
}

.language_menuitem:hover
{
    font-size: 24px;
	color: #537ab3;
	transition: 0.2s;	
}

.home-title
{
    font-size: 40px;
	font-weight: bold;
	text-transform:uppercase;	
}

.hometext1
{
	font-size: 32px;
	color: #fff;
	text-transform:uppercase;	
	font-family: Arial, Helvetica, sans-serif;
}

.hometext1brun
{
	font-size: 100px;
	color: #537ab3;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext1vert
{
	font-size: 100px;
	color: #133A20;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext2
{
	font-size: 100px;
	color: #fff;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext2vert
{
	font-size: 40px;
	color: #133A20;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext3
{
	font-size: 28px;
	color: #fff;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext3vert
{
	font-size: 28px;
	color: #133A20;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext3bvert
{
	font-size: 28px;
	color: #133A20;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext3brun
{
	font-size: 28px;
	color: #537ab3;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext4
{
	font-size: 100px;
	color: #133A20;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext4blanc
{
	font-size: 100px;
	color: #fff;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext4brun
{
	font-size: 100px;
	color: #537ab3;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext5
{
	font-size: 100px;
	color: #537ab3;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext6
{
	font-size: 40px;
	color: #133A20;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext7
{
	font-size: 40px;
	color: #537ab3;
	font-weight: bold;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.sliderHome2 
{
    position: absolute;
    display: block;
    left: 0;
    top: 105%;
    margin:0 auto;
    height: 4px;
    background-image: url('Images/HomeSeparator2.png');
	background-size: cover;
    width: 100%;
}

.sliderHome7 
{
    position: absolute;
    display: block;
    left: 0;
    top: 105%;
    margin:0 auto;
    height: 4px;
    background-image: url('Images/HomeSeparator.png');
	background-size: cover;
    width: 100%;
}

.hometext8
{
	font-size: 36px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext8brun
{
	font-size: 36px;
	color: #537ab3;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext9
{
	font-size: 36px;
	color: #537ab3;
//	text-decoration: underline;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext10
{
	font-size: 70px;
	color: #133A20;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext10b
{
	font-size: 70px;
	color: #537ab3;
	font-weight: bold;
	position: relative;
	font-family: "Times New Roman", Times, serif;
}

.hometext10vert
{
	font-size: 28px;
	color: #133A20;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext10brun
{
	font-size: 28px;
	color: #537ab3;
	font-weight: bold;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext11
{
	font-size: 240px;
	color: #537ab3;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext12
{
	font-size: 40px;
	color: #537ab3;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext13
{
	font-size: 26px;
	color: #537ab3;
	position: relative;
	text-transform:uppercase;	
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext14
{
	font-size: 100px;
	color: #fff;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}

.hometext15
{
	font-size: 30px;
	color: #133A20;
	position: relative;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext16
{
	font-size: 30px;
	color: #537ab3;
	position: relative;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.hometext17
{
	font-size: 20px;
	color: #133A20;
	position: relative;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.homeseparator
{
    left: 0%;
    position: relative;
    top: 0%;
    transform: translate(0, 0px);
}

.greenblock
{
	height: 600px;
	background-color: #133A20;
    display: grid;
    align-items: center;
}

.greenblock2
{
	height: 600px;
	background-color: #133A20;
    display: grid;
    align-items: center;
}

.whiteblock
{
	height: 400px;
	background-color: #fff;
    display: grid;
    align-items: center;
}

.whiteblock2
{
	height: 400px;
	background-color: #fff;
    display: grid;
    align-items: center;
}

.whiteblock_small
{
	height: 250px;
	background-color: #fff;
    display: grid;
    align-items: center;
}

.beigeblock_small
{
//	height: 250px;
	background-color: #fdfaf5ee;
    display: grid;
    align-items: center;
}

.beigeblock_small2
{
	height: 350px;
	background-color: #fdfaf5ee;
    display: grid;
    align-items: center;
}

.whiteblock_small2
{
	height: 100px;
	background-color: #fff;
    display: grid;
    align-items: center;
}

.beigeblock_small2
{
	height: 100px;
	background-color: #fdfaf5ee;
    display: grid;
    align-items: center;
}

.humainblock
{
	height: 1100px;
	background-image: url('Images/humaine.jpg');
	background-size: cover;
    display: grid;
    align-items: center;
}

.servicesblock
{
	height: 1333px;
	background-image: url('Images/services.jpg');
	background-size: cover;
    display: grid;
    align-items: center;
}

.nosservices
{
	transition: 0.5s;
	
	position: relative;
	height: 50px;
	width: 191px;
	font-size: 15px;

	background-image: url('Images/BoutonBrun.png');	
	align-items: center;
	text-align: center;  
    display: grid;
    align-items: center;
	color: #ffffff;
	text-transform:uppercase;	
	font-weight: bold;
}

.nosservices:hover
{
	background-image: url('Images/BoutonBlanc.png');	
	color: #133A20;
	transition: 0.5s;
}

.mouscontacter
{
	transition: 0.5s;
	
	position: relative;
	height: 50px;
	width: 191px;
	font-size: 15px;

	background-image: url('Images/BoutonVert.png');	
	align-items: center;
	text-align: center;  
    display: grid;
    align-items: center;
	color: #ffffff;
	text-transform:uppercase;	
	font-weight: bold;
}

.mouscontacter:hover
{
	background-image: url('Images/BoutonBrun.png');	
	color: #ffffff;
	transition: 0.5s;
}

.fleche 
{
	position: relative;
	top: 0px;
	right: 0px;
	/*
	width: 100%;
	height: 100%;
	*/
}

.phone-button
{
	transition: 0.5s;
	border-style: solid;
	border-width: 3px;
	border-color: #ffc844;
	border-radius: 10px;
	
	position: relative;
	height: 34px;
	width: 194px;
	
	display: grid;
	align-items: center;
	text-align: center;  
	color: #ffc844;
	font-weight: bold;
}

.phone-button:hover
{
	background-color: #ffc844;
	color: #1f455b;
	transition: 0.5s;
}

.yellow-button
{
	transition: 0.5s;
	background-color: #ffc844;
	box-shadow: 3px 3px 3px #999;
	border-radius: 10px;
	
	position: relative;
	height: 39px;
	width: 274px;
	
	display: grid;
	align-items: center;
	text-align: center;  
	color: #1f455b;
	font-weight: bold;
}

.yellow-button:hover
{
	background-color: #1f455b;
	color: #ffc844;
	transition: 0.5s;
}

.blue-button
{
	transition: 0.5s;
	background-color: #1f455b;
	box-shadow: 3px 3px 3px #999;
	border-radius: 10px;
	
	position: relative;
	height: 39px;
	width: 274px;
	
	display: grid;
	align-items: center;
	text-align: center;  
	color: #ffc844;
	font-weight: bold;
}

.blue-button:hover
{
	background-color: #ffc844;
	color: #1f455b;
	transition: 0.5s;
}

.services-container
{
	border-style: solid;
	border-width: 5px;
	border-color: #ffc844;
	padding: 40px;
}

.services-container-header
{
	background-color: white;
	
	position: relative;
	left: -100px;
	top: -20px;
	height: 25px;
	width: 300px;
	padding: 13px;
	
	align-items: center;
	text-align: left;  
	color: #1f455b;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 25px;
}

/*
.staff1_hide 
{
  display: none;
}
*/

.staff2_hide 
{
  display: none;
}

.staff3_hide 
{
  display: none;
}

.staff4_hide 
{
  display: none;
}

staff 
{
    height: 850px;
    width: 850px;
    position: relative;
    
    &:hover 
	{
        staff_hide 
		{
            opacity: 1;
            visibility: visible;
        }
    }
    
    staff_hide 
	{
		display: block;
        background-color: #fff;
        box-sizing: border-box;
        height: 850px;
//        height: 100%;
        width: 100%;
        opacity: 0;
        padding: 5em;
        position: absolute;
        top: -836px;
        transition: opacity .5s ease, visibility .5s;
        visibility: hidden;
    }
}

#logo-holder 
{
	position:relative; 
	width:100%; 
	height:100%; /*dimensions of image*/
}
#logo-holder .image,
#logo-holder .text 
{
	transition: opacity 0.5s ease-in-out;
}
#logo-holder .text 
{
	position:absolute; 
	display: block;
    background-color: #fff;
    height: 100%;
    width: 100%;
	top:0; 
	left:0; 
	opacity:0;
}

#logo-holder:hover .image {opacity:0;}
#logo-holder:hover .text {opacity:1;}

.righttext 
{
  text-align: right;
} 

.hide 
{
  display: none;
  position:absolute; 
}
    
.secretSection:hover + .hide 
{
  display: block;
}

.whiteblock
{
	height: 650px;
	width: 825px;
	background: #fff;
}	

.collapsible 
{
  background-color: #fff;
  color: #537ab3;
  cursor: pointer;
  border: none;
  outline: none;
}

.active:after 
{
  content: "\2212";
}

.content 
{
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #fff;
}

/*
.menuitem {
	position: relative;
	top: 0px;
	left: 0px;

	text-align: center;
	font-size: 20px;
	color: #033c1d;
	text-transform: uppercase;

	height: 28px;
	width: 225px;
	transition: 0.2s;
}

.menuitem_selected {
	position: relative;
	top: 0px;
	left: 0px;

	text-align: center;
	font-size: 24px;
	color: #537ab3;
	text-transform: uppercase;

	height: 28px;
	width: 225px;
	transition: 0.2s;
}

.menuitem:hover {
	font-size: 24px;
	color: #537ab3;
	transition: 0.2s;
}
*/


/* The subnavigation menu */
.subnav 
{
	overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn 
{
	border: none;
	outline: none;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover,
.subnav:hover .subnavbtn 
{
	background-color: #fdfaf5ee;
}

/* Style the subnav content - positioned absolute */
.subnav-content 
{
	display: none;
	position: absolute;
	left: 0;
	background-color: #fdfaf5ee;
	width: 100%;

	border-width: 1px;
	border-style: solid;
	border-color: #aaa;

	z-index: 1;
}

/* Style the subnav links */
.subnav-content a 
{
	text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover 
{
	background-color: #fdfaf5ee;
	transition: 0.2s;
	color: #033c1d;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content 
{
	display: block;
}