/* CONTAINER AND BODY */
/* CONTAINER AND BODY */
/* CONTAINER AND BODY */
#container_small{
	position: relative;
	font-family: Lato;
	margin-left:1%;
	margin-right:1%;
	margin-top : 3%;	   
}
#container_large{
	position: relative;
    font-family: Lato;
	margin: 0;
	padding:0;
}
body{
	background-color: #ffffff;
	background-image: url("img/background/groovepaper.png");
	font-family: Lato;
}
/* CONTAINER AND BODY */
/* CONTAINER AND BODY */
/* CONTAINER AND BODY */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* HEADER */
/* HEADER */
/* HEADER */
header{
	width: 100%;
	height: 90px;	
	margin-bottom: 15%;
	background-color: #ffffff;
	background-image: url("img/background/groovepaper.png");
}
#baniere {
    display: flex; 
	align-items: center;
	background-color: #ffffff;
	background-image: url("img/background/groovepaper.png");
}
.titles {
    margin-left:30px;
   }
.logo {    
    -webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	width:28%;
	height:70px;
}
.logo img {
	max-width: 100%;
    max-height: 100%;
}	
.logo:hover {
	opacity:0.1;	
}
.topmenu, .topactivemenu {	
	letter-spacing: 2px;
	font-size: 4.5vw;
	display: block;
	line-height:130%;
}
.topmenu a:hover{
	color:#2f3542;
}
.topmenu a {
	text-decoration: none;
	color:Lightgrey;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;  
}
.topactivemenu a{
	text-decoration: none;
	color:#2f3542;
	letter-spacing: 2px;
	font-size: 4.5vw;
	line-height:130%;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 150px;
}
/* HEADER */
/* HEADER */
/* HEADER */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* HOME */
/* HOME */
/* HOME */
.MainTitle{
	display:none;
	position: relative;
	margin: auto;
	/* margin-top:200px; */
	height:125px;
	width:100%;	
	margin-top: 50vh; /* poussé de la moitié de hauteur de viewport */
	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	/* background: url(../img/about/05/01.jpg); */
	/* background-size: cover; */
	/* background-attachment: fixed; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
}

.MainTitle h1 {
	font-size: 100px;
	font-weight:300;
	color: #2f3542;
	text-align:center;
	
}
.SubTitle{
	display:none;
	position: relative;
	margin: auto;	
	padding:0;
	width:100%;
	font-size: 8vw;
	font-weight:300;
	color: lightgrey;
	text-align:center;
}
.country{
	position: relative;
	margin: auto;	
	padding:0;
	width:50%;
	font-size: 8vw;
	font-weight:300;
	color: lightgrey;
	text-align:center;
}
.country a:hover{
	/* font-weight:300; */
	color: #2f3542;
	
}
.country a{
	text-decoration: none;
	color: lightgrey;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
/* HOME */
/* HOME */
/* HOME */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* ABOUT */
/* ABOUT */
/* ABOUT */
.imgnone{
	/* display: none;  */
	display: block;
	margin: auto;
	height:0;
}
.pictures a{
	text-decoration: none;	
}
.pictures{
	list-style-type:none;
	padding:0;
	right:0;
}
.link a{
	text-decoration: none;	
}
.link{
	list-style-type:none;
	padding:0;
	right:0;	
}
article {
	margin: 50px 0;
}
article .text, .text{
	width: 85%;
	margin: 100px auto;
	text-align: justify;
	word-spacing: 5px;
	text-indent: 30px;
	/* line-height: 25px; */
	color: #2f3542;
}
.textquote{
	width: 90%;
	margin: 80px auto;
	text-align: justify;
	word-spacing: 5px;
	/* line-height: 25px; */
	color: grey;
	text-align:center;
	font-size:5vw;
}
.text p{	
	margin: 10px 0;
	font-size:4.5vw;
}
.text a {
	text-decoration: none;
	font-weight: bold;
	color: #2f3542;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.text a:hover {
	text-decoration: none;
	font-weight: bold;
	color: lightgrey;
}
.textquote a {
	text-decoration: none;
	font-weight: normal;
	color: lightgrey;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.textquote a:hover {
	
	font-weight: normal;
	color: #2f3542;
}
.image{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,.1), rgba(0,0,0,.3)) ;   
}

.image h2{
	transform: translate(0, +70px);
	width:100%;
	font-size: 55px;
	font-weight:300;
	letter-spacing: 5px;
	background-color: rgba(255,255,255,.8);
	color: #000;
	mix-blend-mode: screen;  
	padding: 5px 30px;
	text-align: center;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.image h2:hover{  
	background-color: rgba(255,255,255,1);
}
/* Flèche bas */
.line {height: 1px; margin-top:-20px; border-bottom: solid 1px grey;  position: relative; z-index: 1;}
.arrow {content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); height: 20px; width: 80px; z-index: 2; background-color: #fff;}
.arrow .pin {width: calc(50% + 5px); height: 1px; background: grey; display: inline-block; float: left; transform: rotate(25deg); transform-origin: 0 0;}
.arrow .pin:last-child {transform: rotate(-25deg); transform-origin: 100% 0; float: right; margin-top: -1px;}
/* Flèche haut */
.line2 {height: 1px; margin-top:-20px; border-bottom: solid 1px grey;  position: relative; z-index: 1;}
.arrow2 {content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); height: 20px; width: 80px; z-index: 2; background-color: #fff;}
.arrow2 .pin2 {width: calc(50% + 5px); height: 1px; background: grey; display: inline-block; float: left; transform: rotate(-25deg); transform-origin: 0 0;}
/* ABOUT */
/* ABOUT */
/* ABOUT */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* DAILY PIC */
/* DAILY PIC */
/* DAILY PIC */
.legend{
	font-size:5vw;
	color:#2f3542;
}
/* DAILY PIC */
/* DAILY PIC */
/* DAILY PIC */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* MONTH MENU GALLERY */
/* MONTH MENU GALLERY */
/* MONTH MENU GALLERY */
leftnav { 
	position:absolute;
	width: 26%;
	display: inline-block;
    vertical-align: top;	
	margin-top: 8%;
	float: left;
	line-height:110%;
	font-size: 3.5vw;
}
.leftmenu a:hover{	
	color:#2f3542;
}
.leftmenu a{	
	text-decoration: none;
	color:Lightgrey;
	letter-spacing: 2px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	/* ...and now for the proper property */
	transition:.5s;
}
.leftactivemenu a{
	text-decoration: none;
	color:#2f3542;
	letter-spacing: 2px;
}
/* MONTH MENU GALLERY */
/* MONTH MENU GALLERY */
/* MONTH MENU GALLERY */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* SECTIONS */
/* SECTIONS */
/* SECTIONS */
section {
	position:absolute;
	margin-left:28%;
	display: inline-block;    
	vertical-align: top;	
	margin-top: 8%;
	text-align: justify;
}
contact {
	position:absolute;
	left: 2.5%;
	width: 95%;
	margin: auto;   
	vertical-align: top;	
	margin-top: 3%;
	text-align: justify;
	font-size: 5vw;
}
about {
	position:absolute;	
	width: 100%;
	margin: auto;   
	vertical-align: top;	
	margin-top: 20px;
	text-align: justify;	
}
daily {
	position:absolute;
	left: 5%;
	width: 90%;
	margin-top: 8%;   
	vertical-align: top;		
	text-align: justify;
	list-style-type: none;
}
map {
	position:absolute;
	left: 5%;
	right:5%;
	width: 90%;
	margin: auto;   
	vertical-align: top;		
	text-align: justify;
	list-style-type: none;
	margin-top: 20%; 
}	
iframe{
	position:relative; 
	top:-100px; 
	border:none; 
	width:100%; 
	height:800px;
}
/* SECTIONS */
/* SECTIONS */
/* SECTIONS */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* Gallery Thumbnail 365J page */
/* Gallery Thumbnail 365J page */
/* Gallery Thumbnail 365J page */
#rig {    
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;    
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:50%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}        
/* The wrapper for each item */
.rig-cell,.galleryItem {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
	margin-right: 2px;
	margin-bottom: 5px;
}        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
}
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:30px;
    font-family: Lato;
    font-weight:normal!important;
    top:30%;
    color:white;
    opacity:1;
}
/* Gallery Thumbnail 365J page */
/* Gallery Thumbnail 365J page */
/* Gallery Thumbnail 365J page */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* Gallery Thumbnail DAILY */
/* Gallery Thumbnail DAILY */
/* Gallery Thumbnail DAILY */
#rigday {    
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;   
}
#rigday li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}       
#rigday li:hover .rig-img {
    transform:scale(1.03);
}      
#rigday li:hover .rig-overlay {
    opacity:0.4;
}
#rigday li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.2;
}
@media (max-width: 9000px) {
    #rigday li {
        width:100%;
    }
}
/* Gallery Thumbnail DAILY */
/* Gallery Thumbnail DAILY */
/* Gallery Thumbnail DAILY */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* Gallery Thumbnail ABOUT */
/* Gallery Thumbnail ABOUT */
/* Gallery Thumbnail ABOUT */
#rigabout {    
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;    
}
#rigabout li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:50%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}  
#rigabout li:hover .rig-img {
    transform:scale(1.05);
}      
#rigabout li:hover .rig-overlay {
    opacity:0.8;
}
#rigabout li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}
/* Gallery Thumbnail ABOUT */
/* Gallery Thumbnail ABOUT */
/* Gallery Thumbnail ABOUT */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/

/* CONTACT */
/* CONTACT */
/* CONTACT */
::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}
input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
textarea{
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;	
}
input[type=submit] {
    width: 100%;
    background-color: grey;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type=submit]:hover {
    background-color: #2f3542;
}
/* CONTACT */
/* CONTACT */
/* CONTACT */

/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------*/


/* FOOTER */
/* FOOTER */
/* FOOTER */
.footer{
	width: 90%;
	margin: 20px auto;
	text-align: center;
	word-spacing: 5px;
	color: #2f3542;
	z-index:10;
	
}
.footer p {
	
	font-size:4vw;
}
/* FOOTER */
/* FOOTER */
/* FOOTER */