/* Eléments principaux de la page */

body
{
  	background-color: #E7E7E7;
}


#bloc_page
{
	margin:auto;
	width:1000px;
	height:auto;
	background-color: rgba(255, 255, 255, .3);
	font-family: 'Julius Sans One', sans-serif;
    color: black;
}


/* Header */

header
{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


#titre_principal
{
    display: flex;
    flex-direction: column;
}

#logo
{
    display: block;
    flex-direction: row;
    align-items: baseline;
	position:static;
	margin-top:20px;
	margin-left:43px;
	
}

#logo img
{
    width: 122px;
    height: 60px;
}

/* Navigation */

#nav_container
{
    clear: right;
}

*{
    vertical-align: baseline;
    margin: 0px;
    padding:0px;
}

div{
    display: block;
}

#main_menu
{
    float: left;
    padding: 30px 0px 0px 36px;
}

ul
{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#main_menu li
{
    width:12.4em;
    display:block;
    border-left:1px solid rgb(67,67,67);
    float: left;
    list-style-type: none;
    text-align: center;
    position: relative;
    padding-bottom: 0px;
}

*{
    vertical-align: baseline;
    margin:0px;
    padding:0px;
}

li
{
    display: list-item;
}

#main_menu li a
{
    text-align: center;
    display: block;
    color: black;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    padding:0px 10px;
}

a
{
    color: rgb(102,102,102);
    cursor: pointer;
    text-decoration: none;
}

*{
    vertical-align: baseline;
    margin:0px;
    padding:0px;
}

#main_menu li a:hover
{
    color: black;
    font-weight: bold;
}

#voyages1
{
	position:static;
	margin-left:55px;
	margin-top:50px;
	display:inline-block;
	line-height:20px;
	font-size:15px;
	color:black;
	text-align:center;
	font-family:'Public Sans', sans-serif;
	background-color:#E7E7E7;
	width:280px;
	height:300px;
	
}

#voyages1 img
{
		margin-top:15px;
		opacity:0.9;
	    box-shadow: 0px 0px 15px 6px white
	    width: 255px;
    	height: 171px;	
}

#voyages1 img:hover
{
		opacity:1.0;
}

#para1
{
	font-size: 0.7em;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none;
    font-weight: normal;
    text-transform: uppercase;
	margin-left:0px;
	font-family:'Public Sans', sans-serif;
	
}

#voyages2
{
	position:static;
	margin-left:20px;
	margin-top:30px;
	display:inline-block;
	line-height:20px;
	font-size:15px;
	color:black;
	text-align:center;
	font-family:'Public Sans', sans-serif;
	width:280px;
	height:300px;
	background-color:#E7E7E7;
}

#voyages2 img
{
		margin-top:15px;
		opacity:0.9;
	    box-shadow: 0px 0px 15px 6px white	
	    width: 255px;
    	height: 171px;
}

#voyages2 img:hover
{
		opacity:1.0;
}

#para2
{
	font-size: 0.7em;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none;
	font-family:'Public Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	margin-left:0px;
	
}

#voyages3
{
	position:static;
	margin-left:20px;
	margin-top:30px;
	display:inline-block;
	line-height:20px;
	font-size:15px;
	color:black;
	text-align:center;
	font-family:'Public Sans', sans-serif;
	width:280px;
	height:300px;
	background-color:#E7E7E7;
}
#voyages3 img
{
		margin-top:15px;
		opacity:0.9;
	    box-shadow: 0px 0px 15px 6px white
	    width: 255px;
    	height: 171px;	
}

#voyages3 img:hover
{
		opacity:1.0;
}

#para3
{
	font-size: 0.7em;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none;
	font-family:'Public Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	margin-left:0px;
	
}

#voyages4
{
	position:static;
	margin-left:55px;
	margin-top:30px;
	display:inline-block;
	line-height:20px;
	font-size:15px;
	color:black;
	text-align:center;
	font-family:'Public Sans', sans-serif;
	width:280px;
	height:300px;
	background-color:#E7E7E7;
}

#voyages4 img
{
		margin-top:15px;
		opacity:0.9;
	    box-shadow: 0px 0px 15px 6px white	
	    width: 255px;
    	height: 171px;
}

#voyages4 img:hover
{
		opacity:1.0;
}

#para4
{
	font-size: 0.7em;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none;
	font-family:'Public Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	margin-left:0px;
	
}

#voyages5
{
	position:static;
	margin-left:20px;
	margin-top:30px;
	display:inline-block;
	line-height:20px;
	font-size:15px;
	color:black;
	text-align:center;
	font-family:'Public Sans', sans-serif;
	width:280px;
	height:300px;
	background-color:#E7E7E7;
}

#voyages5 img
{
		margin-top:15px;
		opacity:0.9;
	    box-shadow: 0px 0px 15px 6px white	
	    width: 255px;
    	height: 171px;
}

#voyages5 img:hover
{
		opacity:1.0;
}

#para5
{
	font-size: 0.7em;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none;
	font-family:'Public Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	margin-left:0px;
	
}

#voyages6
{
	position:static;
	margin-left:20px;
	margin-top:30px;
	display:inline-block;
	line-height:20px;
	font-size:15px;
	color:black;
	text-align:center;
	font-family:'Public Sans', sans-serif;
	width:280px;
	height:300px;
	background-color:#E7E7E7;
}

#voyages6 img
{
		margin-top:15px;
		opacity:0.9;
	    box-shadow: 0px 0px 15px 6px white
	    width: 255px;
    	height: 171px;	
}

#voyages6 img:hover
{
		opacity:1.0;
}

#para6
{
	font-size: 0.7em;
    color: grey;
    padding-bottom: 3px;
    text-decoration: none;
	font-family:'Public Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
	margin-left:0px;
	
}

#hautdepage
{
	display:block;
	position:static;
	margin-left:700px;
	margin-top:-39px;
}

#factice
{
	position:static;
	display:block;
	height:10px;
	width:1000px;
	margin-top:-185px;
	
}

#factice p 
{
	line-height:25px;
	font-weight:bold;
	text-align:center;
	font-size: 1.5em;
	font-family:'Public Sans', sans-serif;
}

/* bas de page */

#nav_footer{
	display: flex;
	font-family: 'Ubuntu', sans-serif;
}

#nav_footer ul{
	display: flex;
}

#nav_footer li{
	margin-left: 30px;
	margin-top: 30px;
}

#hautpage{
	margin-left: 300px;
	color: black;
}