@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,200);
@import url(http://fonts.googleapis.com/css?family=Lobster);
@import url(http://fonts.googleapis.com/css?family=Nosifer);
@font-face {
    font-family: "RivannaRegular";
	src: url("../fonts/rivanna-webfont.eot");
    src: url("../fonts/rivanna-webfont.svg");
    src: url("../fonts/rivanna-webfont.ttf");
    src: url("../fonts/rivanna-webfont.woff");
    font-weight: normal;
    font-style: normal;
}
.sign
{
	color:#F78F1E;
	font-size:20px;
	font-family: "RivannaRegular";
}

body{
    margin:0;
    padding:0;
    font-size:13px;
    font-family: 'Yanone Kaffeesatz';
	line-height: 1.85em;
	font-weight: 300;
    color:#CCCCCC; 
}

hr.orange {
    border: 1px solid #F78F1E;
}
/* ------------------BG-color--------------------- */
.col1{color:#FFFFFF; background-color:#273239; border-top:5px solid #f22429;}
.col2{color:#FFFFFF; background-color:#455560; border-top:5px solid #f22429;}
.col3, .col4{color:#FFFFFF; background-color:#3B4852;}
.col5{color:#FFFFFF; background-color:#22292F;}
.col6{color:#FFFFFF; background-color:#000000;}
.col7{color:#FFFFFF; background-color:#22292F; border-top:5px solid #f22429; padding-top: 7px; padding-bottom: 8px;}

/* ------------------navbar--------------------- */
/*#topnav{display:block; position:absolute; top:15px; left:0; font-size:12px;}*/
#topnav ul{margin:0; padding:0; list-style:none;}
#topnav li{display:block; float:left; width:115px; height:155px; margin:0 15px 0 0; padding:0; color:#FFFFFF; background-color:#2E3A43;}
#topnav li.last{margin-right:0;}
#topnav li a{display:block; width:105px; height:155px; padding:70px 5px 0 5px; color:#FFFFFF; background-color:#2E3A43; text-transform:uppercase; text-align:center; font-weight:bold;}
#topnav li a:hover, #topnav li a.active{color:#273239; background-color:#f22429;}

/* ----------------------------------------------Head------------------------------------- */
#head{
    height:170px; 
    margin: 0 auto;
}
#head h1, #head p, #head ul, #head a{margin:0; padding:0; list-style:none; line-height:normal; border:none; font-family:Georgia, "Times New Roman", Times, serif;}
#head h1 a{position:absolute; top:60px; left:0; font-size:62px; font-weight:normal; color:#FFFFFF; background-color:#273239;}
#head p{display:block; position:absolute; top:130px; left:0; font-size:16px;}

/* ------------------navbar--------------------- */
.navbar-nav ul{
    margin:0 0 0 20; 
    padding:0; 
    list-style:none;
}
.navbar-nav li{
    display:block; 
    float:left; 
    width:115px; 
    height:170px; 
    margin:0 15px 0 0; 
    padding:0; 
    color:#FFFFFF; 
    background-color:#2E3A43;
}
.navbar-nav li.last{
    margin-right: 0;
}
.navbar-nav li a{
    display:block; 
    width:105px; 
    height:170px; 
    padding:70px 5px 0 5px; 
    color:#FFFFFF; 
    background-color:#22292F; 
    text-transform:uppercase; 
    text-align:center; 
    font-weight:bold;
}
.navbar-nav li a:hover, .navbar-nav li a.active {
    color:#273239; 
    background-color:#f22429;
}

/* ---------------- generalize ----------------------- */
.date
	{
		font-weight:300;
		color:aliceblue;
	}
.date1
	{
		font-weight:300;
		color:#f22429;
	}
.section{
	color: #fff;
	font-weight: 300;
	font-size: 1.2em;
}
.section p{
	font-size: 14px;
	color: white;
}
.annee{
    color: #f22429;
    text-decoration-line: underline;
    font-weight: bold;
}
a{
    color:aliceblue;
}
a:hover{
    color: #f22429;
    text-decoration-line: underline;
}

/* -------------- gallery ------------------------- */
.pageboat
{
	margin-top:25px;
	font-family:Arial, Sans-serif;
	font-size:14px;
	line-height:1.6em;
	text-align:center;
	color:#F78F1E;
}
.pageboat a
{
	color:#F78F1E;
	font-size:15px;
	text-decoration: underline;
}

/* ------------------ design --------------------- */
.foot {
	background-color:#3B4852;
	padding-top: 7px;
	padding-bottom: 8px;
}
.foot a {
    color: #f22429;
}
.foot p {
    color: white;
}

.sign
{
	font-family: RivannaRegular !important;
	color: #f22429;
	font-size:20px;
}	

/* ----------------- scroll ---------------------- */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color:aquamarine; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #f22429; /* Add a dark-grey background on hover */
}