/* CONTAINER AND BODY */
/* CONTAINER AND BODY */
/* CONTAINER AND BODY */
#container_small{
	position: relative;
    font-family: Lato;
	margin-left:30px;
	margin-right:30px;
	margin-top : 50px;	
}
#container_large{
	position: relative;
    font-family: Lato;
	margin-top : 50px;	
}
html{
	overflow:scroll;
}
body{
	margin:0;
	padding:0;
	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: 50px;	
	background-color: #ffffff;
	background-image: url("img/background/groovepaper.png");
}
#baniere {	
    display: flex;
	position: fixed;	
	top: 0;
	left: 0px;
	right: 0px;
 	justify-content: space-between;
	align-items: center;
	background-color: #ffffff;
	background-image: url("img/background/groovepaper.png");
	z-index: 100;
	height: 80px;
	/* box-shadow: 0px 0px 8px #aaa; */
}
.titles {
    margin-right: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;
	height:25px;
	margin-left:30px;  
}
.logo:hover {
	opacity:0.1;	
}
.logo img {
	max-width: 100%;
    max-height: 100%;
}


.topmenu, .topactivemenu {	
	letter-spacing: 2px;
	padding: 10px;
}
activemenu{
	letter-spacing: 2px;
}
.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;
}
/* 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: 50px;
	font-weight:300;
	color: lightgrey;
	text-align:center;
}
.country{
	position: relative;
	margin: auto;	
	padding:0;
	width:50%;
	font-size: 50px;
	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:  0;
}
article .text, .text{
	width: 50%;
	margin: 75px auto;
	text-align: justify;
	word-spacing: 5px;
	text-indent: 30px;
	line-height: 25px;
	color: #2f3542;
}

article .Articlecontent{
	width: 70%;
	margin:  100px auto;
	
}

.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{
	width: 90%;
	margin: 30px auto;
	text-align: justify;
	word-spacing: 5px;
	line-height: 25px;
	color: grey;
	text-align:center;
}
.text p{
	margin: 10px 0;
}
.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 {
	text-decoration: none;
	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,.6);
	color: #000;
	mix-blend-mode: screen;  
	padding: 2px 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;}
.arrow2 .pin2:last-child {transform: rotate(+25deg); transform-origin: 100% 0; float: right; margin-top: -1px;}
/* ABOUT */
/* ABOUT */
/* ABOUT */

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

/* DAILY PIC */
/* DAILY PIC */
/* DAILY PIC */
.legend{
	color:#2f3542;
}
/* DAILY PIC */
/* DAILY PIC */
/* DAILY PIC */

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

/* MONTH MENU GALLERY */
/* MONTH MENU GALLERY */
/* MONTH MENU GALLERY */
leftnav { 
	position:absolute;
	width: 200px;
	display: inline-block;
    vertical-align: top;	
	margin-top: 15px;
	float: left;
	line-height:110%;
}
.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;
	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:220px;
	display: inline-block;    
	vertical-align: top;	
	margin-top: 15px;
	text-align: justify;
}
contact {
	position:absolute;
	left: 20%;
	width: 60%;
	margin: auto;   
	vertical-align: top;	
	margin-top: 20px;
	text-align: justify;
}
about {
	position:absolute;	
	width: 100%;
	margin: auto;   
	vertical-align: top;	
	margin-top: 20px;
	text-align: justify;	
}
daily {
	position:absolute;
	left: 25%;
	width: 50%;
	margin: auto;   
	vertical-align: top;		
	text-align: justify;
	list-style-type: none;
	margin-top: 15px;
}	
map {
	position:absolute;
	left: 15%;
	right:15%;
	width: 70%;
	margin: auto;   
	vertical-align: top;		
	text-align: justify;
	list-style-type: none;
	margin-top: 15px;
}	
iframe{
	position:relative; 
	top:-0px; 
	border:none; 
	width:100%; 
	height:650px;
}
/* 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:25%;
    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;
    transform:scale(1);
    transition:all 1s;
}
#rig li:hover .rig-img {
    transform:scale(1.05);
}        
/* If have the overlay layer */
.rig-overlay {
    position: absolute;
    display:block;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background: lightgrey no-repeat center 20%;
    background-size:50px 50px;
    opacity:0;
    filter:alpha(opacity=0);/*For IE6 - IE8*/
    transition:all 0.6s;
}
#rig li:hover .rig-overlay {
    opacity:0.8;
}
/* If have captions */
.rig-text {
    display:block;
    padding:0 30px;
    box-sizing:border-box;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    text-align:center;
    text-transform:capitalize;
    font-size:18px;
    font-weight:bold;
    font-family: Lato;
    font-weight:normal!important;
    top:40%;
    color:white;
    opacity:0;
    filter:alpha(opacity=0);/*For older IE*/
    transform:translateY(-20px);
    transition:all .3s;
}
#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}
@media (max-width: 9000px) {
    #rig li {
        width:14.28%;
    }
}
@media (max-width: 700px) {
    #rig li {
        width:33.33%;
    }
}
@media (max-width: 550px) {
    #rig li {
        width:50%;
    }
}
/* Gallery Thumbnail 365J page */
/* Gallery Thumbnail 365J page */
/* Gallery Thumbnail 365J page */

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

/* 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:20%;
    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;
}
@media (max-width: 9000px) {
    #rigabout li {
        width:20%;
    }
}
/* Gallery Thumbnail ABOUT */
/* Gallery Thumbnail ABOUT */
/* Gallery Thumbnail ABOUT */

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

/* 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.2;
}
#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 */

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

/* 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],input[type=email], 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: 70%;
	margin: 10px auto;
	text-align: center;
	word-spacing: 5px;
	color: #2f3542;	
}

/* FOOTER */
/* FOOTER */
/* FOOTER */