body {
	overflow: auto;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#616161;
	background: #000;
	/*font-family:Arial,Verdana, Geneva, sans-serif;*/
	font-family: 'Comfortaa',Arial,Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:lighter;
}
a {
	 text-decoration:none; color:#616161;
}
p {
	line-height:15px;
}

img{border:0;}
.latitude{ 
}
.content{
	margin:0px auto;
	width:80%;
}
.header{
	background: url(../images/header.jpg) repeat-x;
	height:208px;
	margin:0;
	overflow:hidden;
	position:relative;
	width:100%;
}
.header .menu{
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
	width:70%;
	font-size:13px;
	float:left;
	margin-top:80px;
	}
.header .menu ul{
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
	font-size:13px;
	width:100%;
	}
.header .menu  ul > li{ float:left; margin-left:25px;

 }
.header .menu ul > li a{ 
    color:#848484; text-transform:uppercase; text-decoration:none; outline:none;
	font-size:14px;
	font-weight:lighter;
}
.header .menu ul > li a:hover, .header .menu ul > li a.active{ 
 color:#333333;}

.header .menu  .langue a{
	background:#848484;
	color:#000;
	padding:8px 5px 5px;
	font-weight:bold;
	margin-left:40px;
	margin-top:2px;
 }

.page_ref {
    overflow: auto;
    padding: 10px;
    width: 1200px;
	margin:auto;
    text-align: justify;
	 font-size: 14px;
  
/* 	min-height: 550px; */
}
.page_ref p{
	  line-height: 22px;
}
.contenu{
	position:relative;
	overflow:hidden;
	padding:0px;
	text-align:center;
}
.contenu img{
	width:100%;
	max-width:1500px;
}
.latitudeinfo{
	background: url(../images/fond-contact.jpg) repeat-x 0px 208px;
}
.latitudegalerie{
	background: url(../images/fond-altitude31.jpg) repeat-x 0px 208px;
}
.latitudepaypal{
	background: url(../images/fond-altitude31.jpg) repeat-x 0px 208px;
}


.contenuinfos{
	position:relative;
	overflow:hidden;
	padding-top:12%;
}
.contacts{
	position:relative;
	width:70%;
}

.contactleft{
	float:left;
	width:35%;
	color:#ffffff;
	font-size:13px;
}
.contactleft a{
	color:#ffffff;
	font-size:13px;
}
.contactleft p{
	margin-bottom:4px;
}
.contactleft img{
	margin-right:4px;
}
.contactright{
	float:left;
	width:58%;
	position:relative;
	text-align:right;
}
.contactright img{
	width:100%;
}
.printsearch{
	float:right;
	position:absolute;
	margin-top:20px;
	right:-20px;
}
.printsearch a{
	display:block;
	overflow:hidden;
	margin-bottom:1px;
}

.galeries{
	background:#23211c;
	width:84%;
	padding:0;
	margin:20px 0px 100px 0px;
}
.galeries .texto{
	text-align:left;
	padding:20px 20px 5px 20px;
	color:#fff;
	font-size:14px;
}

.contenulatitude{
	position:absolute;
	overflow:hidden;
	padding:20px 0px;
	text-align:left;
	background: url(../images/bg.png) repeat;
	z-index:9999;
	width:100%;
	color:#fff;
	margin-top:10%;
}
.justif{
	width:50%;
	text-align:justify;
	line-height:20px;
	font-size:14px;
}
.menubois{
	display:block;
	position:relative;
	overflow:hidden;
}
.menubois a{
	float:left;
	margin-right:10px;
}
.menubois a.tbois{
	margin-top:9px;
}
.annulation{
	margin:20px 0px;
}
.annulation h3{
	color:#fff;
	text-decoration:underline;
}
.annulation img{
	margin:10px 0px;
	width:80%;
}
.latitudeprint{
	width:100%;
	min-width:800px;
	border:0px;
	background: #fff;
	z-index:99999999999999;
	line-height:18px;
	padding:10px;
	overflow:hidden;
	position:absolute;
	font-size:13px;
	text-align:justify;
	color:#000;
	display:none;
	text-align:center;
}
.latitudeprint a{
	color:#000;
}
.latitudeprint img{
	border:1px solid #000;
}

#logolatitude {
	background: url(../images/logo_latitude31.png) no-repeat;
	display:block;
	padding:0; 
	margin-top:90px;
	position:relative;
	overflow:hidden;
	width:233px;
	cursor:pointer;
	z-index: 100;
	height: 26px;
	float:left;
}
#restaurant{
	margin-bottom:4%;
	display:block;
	overflow:hidden;
}
.footer{
	background: #000;
	padding:10px 0px;
	bottom:0;
   	position:fixed; 
	width:100%;
	line-height:20px;
}
.footerleft{
	float:left;
	width:50%;
}
.footerright{
	float:right;
	width:48%;
	text-align:right;
	padding-top:20px;
}

a.privilegia {
	 text-decoration:none; color:#005783 !important;
}
.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;
}
.bloc_ref {
    margin: 10px auto;
    text-align: center;
    width: 800px;
}
.bloc_ref a:hover{

	color:#005783;
	}
/**************   Paypal   *************/
.latitudepaypal .paypal_hr { overflow:hidden; margin-top:10px; border-bottom:1px dotted #fff; padding-bottom:20px;  }

.latitudepaypal .montant { overflow:hidden; margin-top:10px; padding-bottom:20px;  }
.latitudepaypal .montant input{ 
	background-repeat: repeat-x;
	background-color: #fff;
	border: 1px solid #c6c6c6;font-size: 20px;
	color:#000;
	padding: 2px; 
	height:40px;
	width:300px;
	float:left;
	margin-right:10px;
}
.latitudepaypal #euro{font-size:28px; font-weight:bold; margin-right:10px; float:left; margin-top:10px;}
.latitudepaypal .enter{ float:left; font-size:16px; margin-top:15px; margin-right:95px;}
.latitudepaypal .enterpaypal{ float:right; font-size:16px; margin-top:4px; margin-left:30px;}
.latitudepaypal .remplir{ font-size:16px; color:#fff; }
.latitudepaypal .tabl{ 
color:#FFF;	font-size: 14px;line-height: 25px; width:100%; 
}
.latitudepaypal hr{  width:80%; margin-top:20px; }

.latitudepaypal .tabl td{padding-bottom:6px;}
.latitudepaypal .tabl td.col1{padding-right:112px;text-align:left; line-height:22px;}
.latitudepaypal .rtl .tabl td.col1{padding-right:0px;padding-left:10px;text-align:left;}
.latitudepaypal .tabl td.col2{}
.latitudepaypal .eng{ color:#848484;}
.latitudepaypal select{ margin-right:8px;}
.latitudepaypal input,select{
	background-color: #fff;
	border: 1px solid #c6c6c6;font-size: 16px;
	color:#000;
	padding: 2px;
	height:32px;}
.latitudepaypal .inpu{
	width:460px;
}
.latitudepaypal .message{ width:460px; height:100px;padding: 2px;border: 1px solid #c6c6c6;font-size: 16px;background-color: #fff;}
.latitudepaypal .cp{margin-right:0px; width:80px;}
.latitudepaypal .adresse{width:367px;margin-left:3px;}
.latitudepaypal .bto{
	
	border: 0; 
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	display: block;
	width: 200px;
	height: 50px;
	background:#fff;
	float: right;
	color: #000;
	font-size: 23px;
	text-decoration: none;
	text-align: center;
	padding:0px 4px 2px 0px;
	margin-right:105px;
	font-weight:bold;
	margin-top:20px;
}
.latitudepaypal .msg{ background:#000; padding:40px 10px 40px 40px; margin-bottom:100px; font-size:18px;}

.footerhoraire{
	position:absolute;
	margin-top:-150px;
	color:#000;
	font-size:14px;

}

.horaires-2{
	position:absolute;
	margin-top:20px;
	color:#000;
	font-size:14px;
	margin-left:100px;
	

}




#fermeture{
	position: relative;
	margin-left:-220px;
	margin-top:-120px;
	color:#000;
	font-size:14px;

}




/**************   Paypal   *************/




.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; }
	
	
	
	/* Up to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
		.portfolio-item { padding:0px !important; }
		ul.filter li{ display:block; }
	}
	
@media screen and (max-width: 31.5em) {
	.grid {
	}
	.grid li {
		width: 100%;
	}
	.grid li img {
		width: 100%;
	}
}
	/* Up to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
		#recent_portfolio .circle-arrow{ display:none; }
	}

	/* Beyond standard 960 */
	@media only screen and (min-width: 960px) {
		.grid .circle-arrow{ top:1em; }
	}

	
	

@media only screen and (max-width: 1100px) {

.contacts{
	position:relative;
	width:90%;
}

}



@media only screen and (max-width: 1000px) {

.header .content{
	width:100%;
	padding:0px;
}
}
@media only screen and (max-width: 900px) {

.latitudetripadvisor{
	display:block;
	padding:5px 0px 0px 5px;
	position:absolute; 
	top:30%;
	z-index:9999999999999999999999999; 
	width:164px; 
	height:82px;
	background:#000;
	text-align:center;
	right:10px;
    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;
}
}
@media only screen and (max-width: 800px) {
.footerleft{
	float:left;
	width:90%;
}
.footerright{
	float:left;
	width:90%;
	text-align:left;
	padding:0;
}
.galeries{
	background:#23211c;
	width:100%;
	padding:0;
	margin:20px 0px 180px 0px;
}
.contactleft{
	float:left;
	width:95%;
}
.contactright{
	float:left;
	width:95%;
	position:relative;
	text-align:right;
	margin-top:10px;
}

}

@media only screen and (max-width: 770px) {
#logolatitude {
	display:block;
	padding:0; 
	position:relative;
	overflow:hidden;
	cursor:pointer;
	z-index: 100;
	float:inherit;
	margin:90px auto 0px auto;
}

.header .menu{
	padding:10px;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
	width:100%;
	font-size:13px;
	float:left;
	margin:0px;
	background:#000;
	}
.justif{
	width:80%;
	text-align:justify;
	line-height:20px;
	font-size:14px;
}	
}

@media only screen and (max-width: 600px) {
.latitudetripadvisor{
	display:block;
	padding:5px 0px 0px 5px;
	position:relative; 
	top:inherit;
	z-index:9999999999999999999999999; 
	width:164px; 
	height:82px;
	background:#000;
	text-align:center;
	right:inherit;
	margin-left:20%;
    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;
}




}
@media only screen and (max-width: 400px) {
.header .menu{
	padding:0px;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
	width:100%;
	font-size:13px;
	float:left;
	margin:0px;
	background:#000;
	}
	
.header .menu  .langue{
	display:block;
	overflow:hidden;
	margin:10px;
	float:right;
 }
.header .menu  .langue a{
	background:#848484;
	color:#000;
	padding:9px 8px 5px;
	font-weight:bold;
	margin-left:40px;
	display:block;

 }

.justif{
	width:95%;
	text-align:justify;
	line-height:20px;
	font-size:14px;
}
.menubois{
	display:block;
	position:relative;
	overflow:hidden;
}
.menubois a{
	float:left;
	margin-right:10px;
}
.menubois a img{
	width:100%;
}
.menubois a.tbois{
	margin-top:9px;
}
	
}


@media only screen and (max-width: 767px) {

/*
.menuaff {
	display:block;
}	
.menu{
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
	width:70%;
	float:right;
	font-size:13px;
	float:left;
	margin-top:95px;
}

content{ margin-top:100px;}
.biographie,.expositions,.filmographie,.presse,.textes,.liens{
	width:98%;
}
.expositions li img{
	width:35%;
}
.expositions li h2 a,.filmographie li h2 a,.presse li h2 a,.textes li h2 a,.liens li h2 a{
	font-size:14px;
}
.expositions li span,.filmographie li span,.presse li a span,.textes li a span,.liens li a span{
	font-size:12.5px;
}
.contactleft{width:50%;}
.contactleft .adresse {
	margin-left:0px;
}

*/
}