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

/* ------------------------------
Tutorial de cssdebutant.com (merci de laisser ce commentaire)
------------------------------ */
@import url('//fonts.googleapis.com/css?family=Space+Mono');
#container{width:1050px; margin:0 auto;}
#topbar{
position: absolute;
    width: 100%;
    left: 0;

display:block; 
height:80px;
background-image:url(../images/motif-top.jpg);


}

a {
	 text-decoration:none; color:#616161;
	 font-size: 12px;
font-family: 'Space Mono', monospace;
}

*
{
	padding: 0px;
	margin: 0px;
}

#topbar-2{
width:auto; 
display:block; 
height:80px;
background-image:url(../images/motif-top-2.jpg);
/*border-style: solid;
border-width: 5px;*/
margin-top: 150px;
position: absolute;
width: 100%;
left: 0;
 }
.langue a{
	background:#848484;
	color:#000;
	padding:0px 5px 0px;
	font-weight:bold;
	margin-left:40px;
	margin-top:2px;


}



/*hr {
  height: 1px;
  margin: 10px 0;
  padding: 0;
  color: #000;
  background-color: #E0E0E0;
  border: 0;
}*/



#logo{
	
position: relative;	
width:auto;
margin-top:90px;
display:block; 
height:57px;
float: left;




}

.footer-left{
	
position: absolute;	
font-size: 12px;
font-family: 'Space Mono', monospace;
color:#595857;
margin-top:25px;
display:block; 
height:57px;
width:560px; 
margin-left:20px; 
float:left;

}

.icone
{

position: absolute;	
margin-top:25px;
display:block; 
margin-left:780px; 
float:left;
}


.icone-2
{

position: absolute;	
margin-top:25px;
display:block; 
margin-left:600px; 
float:left;
}






.footer-right{
	
position: absolute;	
margin-top:35px;
display:block; 
height:57px;
float: right;
width:200px; 
margin-left: 870px;

}

.footer-liens{
	
position: inherit;
margin-top: 160px;
display: block;
height: 57px;
width: auto;
text-align: center;
background-color: RGBA(225, 225, 225, 0.34);

width: 100%;
left: 0;
padding: 10px;
padding-top: 10px

}

.titre{
text-align: center;
margin-bottom: 20px;
font-family: 'Space Mono', monospace;
font-size:1.5em;
color: #595857;
}



#navbar{
position: relative;	
font-family: 'Space Mono', monospace;
font-size:14px;
text-transform: uppercase;
font-weight:lighter;
width:auto;
margin-top:105px;
display:block; 
 
 height:24px; 
 
 float: right;
 
 }



ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
li {
 margin-left:20px;
 float:left; /*pour IE*/
 }
ul li a {
 display:block;
 float:left;   
 /*width:130px;
 /*background-color:#6495ED;*/
 color:#595857;
 text-decoration:none;
 text-align:center;
 padding:2px;
 padding-left: 30px;
 /*border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 /*border-color:#DCDCDC #696969 #696969 #DCDCDC;*/
 }
ul li a:hover {
	color:#B2CEC0;
/* background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;*/
 } 

 .active {
	color:#B2CEC0;

 } 


#main{
position: inherit;
width: auto;
display: block;
height: auto;
margin-top: 110px;
float: right;
	
	
	
	
	}

/*
div.spacer, permet de faire deux colonne dans #container
*/

div.spacer{
	
	clear:both; 
	height:10px; 
	display:block;
	border-bottom: 1px solid #c8c8c8;
	}
/*.footer{width:auto; display:block; height:24px;}*/



div.bordure {
border-bottom:1px solid black;

}

/*Accuiel*/

.slogon {
	position: inherit;
/*background: #848484;*/
color:#595857;
padding: 0px 5px 0px;
/*font-weight: bold;*/
margin-left: 13px;
margin-top: 440px;
font-size: 30px;
font-family: 'Space Mono', monospace;


}

.slogon-2 {
	position: inherit;
/*background: #848484;*/
color:#595857;
padding: 0px 5px 0px;
/*font-weight: bold;*/
margin-left: 550px;
margin-top: 10px;
font-size: 18px;
font-family: 'Space Mono', monospace;


}



/*Menu*/

#conteneur

{

width: auto;
margin-top: 20px;
padding-bottom: 25px;
padding-top: 5px;
}

 

#colonne1

{

width: 520px;
height: 525px;
/*background-color: #0033CC;*/
float: left;

}


#colonne1-vege

{

width: 520px;
height: 400px;
/*background-color: #0033CC;*/
float: left;

}




 

#colonne2

{

 width: 520px;
height: 525px;
/*background-color: #0033CC;*/
float: right;

}


.footer-g{
	
position: inherit;	
margin-top: 140px;
display:inline; 
clear: both;
margin-left:1px; 
float:left;


}


.text-menu{
margin-left: 20px;
font-family: 'Space Mono', monospace;
font-size:14px;
color: #595857;
}


.img-colone2{
	margin-bottom:20px;

}

.img2-colone2{
	margin-top: 450px;
position: inherit;

}


.btn {
	
	display:block;
 float:left;   

 color:#595857;
 text-decoration:none;
 text-align:center;
 padding:0px;
 padding-left: 0px;

	
	}


.text-menu2{
margin-left: 20px;
font-family: 'Space Mono', monospace;
font-size: 14px;
color: #595857;
padding-top: 200px;
}



/*galerie*/


.galerie
{
	margin: auto;
	margin-top:40px;
}


.grid {
	padding: 20px 0 0 0;
	margin: 0 auto 3em auto;
	list-style: none;
	overflow:hidden; text-align:center;
}

.grid li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	margin: 0;
	position: relative;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
		
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.grid img {
	width: 100%;
	display: block;
	position: relative;
	border-radius:0px !important;	
}

.prtlien {
	position: absolute;
	top: 0;
	width:80%;
	padding: 1.5em 1em;
	color: #333;
	/*display:none;*/
}

.prtlien .circle-arrow{ position:absolute; display:inline-block; right:35%; margin-top:20%; width:51px; height:52px; background:url(../images/hov.png) no-repeat right; }

	.portfolio-content{ margin:auto; max-width:980px; }
		
	/* portfolio items */
	.portfolio-item { position: relative; padding:0px !important; width:33.3%; float:left; }		
	.portfolio-item a { display: block }
	.portfolio-item img { display: block }
	.portfolio-item img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
	.portfolio-overlay { position: absolute; bottom: 0; left: 0; }
	.portfolio-overlay h3 { font-size: 11px; font-weight: normal; margin: 0; text-transform: uppercase; max-width: 180px; padding: 5px 7px; background: #000; color: #fff; }
	/** Portfolio Detail Page **/
	#portfolio-navigation-wrap{ display:inline-block; float:right; background-color:#40caca; clear:both; color:#fff; padding:10px 20px; margin:20px 0 10px 0; }
	#portfolio-navigation-wrap i{ display:inline-block; margin:0 5px; }
	#portfolio-navigation-wrap a{ color:#fff; }
		#portfolio-navigation-wrap a:hover{ color:#000; }
	
	
	#project-summary{ border-top:1px solid #E6E4E4; padding:20px 0 0 0; margin:10px 0; }
	#project-summary p{ margin:0 0 10px 0; }
	#project-summary span{ width:50%; display:inline-block; vertical-align:top; }
	#project-summary strong{ color:#666; }





.latitudetripadvisor{
	display:block;
	padding:5px 0px 0px 5px;
	position:absolute; 
	top:60px;
	z-index:9999999999999999999999999; 
	width:164px; 
	height:82px;
	background:#000;
	text-align:center;
	right:40px;
    border: 2px solid #000;
    -moz-box-shadow: 0px 2px 10px #000;
    -webkit-box-shadow: 0px 2px 10px #000;
    box-shadow: 0px 2px 10px #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	overflow:hidden;
}



/*gallery css*/






.lb-album{
	width: 900px;
	margin: 0 auto;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
.lb-album li{
	float: left;
	margin: 5px;
	position: relative;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a{
	width: 150px;
	height: 150px;
	position: relative;
	padding: 10px;
	background: #f1d2c2;
	-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px 4px 4px 4px;
}
.lb-album li > a span{
	position: absolute;
	width: 150px;
	height: 150px;
	top: 10px;
	left: 10px;
	text-align: center;
	line-height: 150px;
	color: rgba(27,54,81,0.8);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	font-size: 24px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgb(241,210,194);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
}
.lb-overlay > div{
	position: relative;
	color: rgba(27,54,81,0.8);
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	width: 550px;
	margin: 10px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}
.lb-overlay div h3,
.lb-overlay div p{
	padding: 0px 20px;
	width: 200px;
	height: 60px;
}
.lb-overlay div h3{
	font-size: 36px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
	font-size: 16px;
	font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	font-style: italic;
}
.lb-overlay div h3 span{
	display: block;
	line-height: 6px;
}
.lb-overlay div p{
	text-align: left;
	float: left;
	width: 260px;
}
.lb-overlay a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	/* height: 100%; For Opera max-height does not seem to work */
	max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}


/*infos*/

.text-contact{
font-family: 'Space Mono', monospace;
font-size:13px;
color: #595857;
padding-top:100px;
}

.menubois{
	display:block;
	position:relative;
	overflow:hidden;
	margin-top:20px;
	color: black;
}

.contactright{
	float:right;
	width:80%;
	position:relative;
	text-align:right;
	padding-top:100px;
}


.printsearch{
	float:left;
	position:absolute;
	margin-top:20px;
	right:-10px;
}
.printsearch a{
	display:block;
	overflow:hidden;
	margin-bottom:1px;
	
}