@charset "utf-8";
body {
	margin: 0px;
	background-color: #e0e2ea;
}

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

header {
	overflow: hidden;
	width: 100%;
	float: left;
	list-style-type: none;
	display: block;
	font-size: 2.5em;
	margin-top: -1.2em;
	margin-bottom:0.7em ;
	text-align: center;
	text-transform:inherit;
	color: #649643;
	
	font-family: source-sans-pro;
	font-style: italic;
	font-weight: 600;
}


nav     {
		position: relative;
     
        width: 100%;
        height: 2.2em;
		 margin-top: 9em;
		 margin-bottom: -5em;
      }
 nav li
      {
        list-style-type: none;
        float: left;
        width: 20%;
		
		font-weight: bold;
		text-align: center;
      }
	  

nav ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;

 }
nav li {
 float:left;
 margin:auto;
 padding:0;
 background-color:black;
 
 }
 
 
nav li a {
 display:block;
 width:100%;

 text-decoration:none;
 padding:5px;
 
 
       background: #396746;
       margin: 0;
       color: #EFF5F8;
	   font-size: 1.2em;
    
 }
nav li a:hover {
 background-color: #62BFB2;
 }
nav ul li ul {
 display:none;
 width: 20%;
 }
 nav ul li ul li {
 width: 100%;
 }
 
nav ul li:hover ul {
 display:block;
 }
nav li:hover ul li {
 float:none;
 }
 
nav li ul {
 position:absolute;
 }

#bandeau {
	width: 100%;
}

h1 {
	color: #4c5998;
	
	font-family: source-sans-pro;
	
}


h1 {
	margin-top: 0em;
	width: 98%;
	margin-left: 0%;
	float: left;
	
}
.main {
	width: 60%;


	
	display: block;
	margin-left: 20%;
	margin-right: 0px;
}


body p {
	color: #606C58;
	background-position: 0 0;
	text-align: justify;
}


body {
	left: 25px;
}
#trois
{
	width: 48%;

	margin-left: auto;
	margin-right: auto;
	padding-left: 7px;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

#left
{
		float: left;
		width: 17%;	
		padding-left: 2em;	
		padding-top: 3em;
		
	
}


#texte
{
	text-align: justify;
	vertical-align: top;
	padding-right: 1.5em;
	padding-left: 1.5em;
	
}
#photoidentite {
	width: 9em;
	
}

td img {	
	-webkit-box-shadow: -0.4em -0.4em 1.2em #396746;
	box-shadow: -0.4em -0.4em 1.2em #396749;
	vertical-align: top;
	}
	
footer {

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2%;
	background-color: #396746;
	color: #FFFFFF;
	float: none;
	clear: both;
}
p footer
{
	display: inline;
font-weight: bold;
color: #FFFFFF;

}
.footer-un{
	width: 20%;
}
.footer-deux{
	width: 5%;
}
.footer-trois{
	width: 10%;
}
.footer-quatre{
	width: 15%;
}
.footer-cinq{
	width: 25%;
}
#h6
{
display: inline-block;
width: 100%;
}
#ta
{
display: inline-block;
color: #FFFFFF;
}


#bourgognevisites
{
width: 100%;
text-align:center;
background: #396746;
display:block;
float:right;
padding-left:2em;
padding-right: 2em;
padding-top: 1.1em;
padding-bottom: 0.8em;
}

#inspirock
{
width: 100%;
height: 100%;
text-align:center;
background: #396746;
display:block;
float:right;
padding-left:2em;
padding-right: 2em;
padding-top: 1.1em;
padding-bottom: 0.8em;
}