@charset "UTF-8";



@font-face {
    font-family: 'metrophobicregular';
    src: url('../fonts/metrophobic/metrophobic.eot');
    src: url('../fonts/metrophobic/metrophobic.eot#iefix') format('embedded-opentype'),
         url('../fonts/metrophobic/metrophobic.woff') format('woff'),
         url('http://www.leclos-normandie.com/fonts/metrophobic/metrophobicttf') format('truetype'),
         url('../fonts/metrophobic/metrophobic.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #7a635c;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 0.8em; /* Soit 80% de la taille de la police par défaut du navigateur (par défaut 16px) - Voir http://riddle.pl/emcalc/ pour calculer la taille des polices en cascade */
	color: #fff; /* Couleur des texte dans Speedsales */
	margin: 0;
	padding: 0;
	font-weight: normal;
	overflow: hidden;
	
	width:100%;
	height:100%;
	position:absolute;
}

.floatLeft {float: left;}
.floatRight {float: right;}

.pdf_hidden {display: none;}

#content{
	font-family: Arial,Helvetica,sans-serif;
	/*font-family: 'metrophobicregular';*/
	width: 100%;
	display: block;
	bottom:45px;
	top:88px;
	left:0;
	position: fixed;
	overflow:visible;	
	z-index:3;
}
#displayed  {

    bottom: 0;
    height: auto;
    left: 0;
    max-height: 100%;
    overflow: visible;
    position: absolute;
    width: 100%;
}
.tableauGlobal {}
 
 #anim{
 	width:100%;
 	position:fixed;
 	top:50px;
 	bottom:45px;
	z-index:1;
	
	
	    left: 0;
    right: 0;
	height: auto;
    width: auto;
	-webkit-transition: all 1s ease;/* Safari 3.2+, Chrome */
	-moz-transition: all 1s ease;/* Firefox 4-15 */
	-o-transition: all 1s ease;/* Opera 10.5-12.00 */
	transition: all 1s ease;/* Firefox 16+, Opera 12.50+ */

 }
 #anim.galerie{
 	width:100%;
 	top:28px;
 	bottom:72px;
	z-index:12;
 }

.bgtexte {
	  margin: 0 auto;
    max-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    
	background: url(../images/content/background-bloc.png);
}
.tableauContenu {
}

.bloc {margin-bottom: 10px;}

/* --------------- PARTIE TEXTUELLE --------------- */

h1 {
	font-size: 20px;
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	margin-top: 7px;
	margin-bottom: 15px;
}

h2 {
	font-size: 16px;
	line-height:20px;
	margin: 10px 0;
	color: #fff;
}

.colonnes{
column-count:2;
column-gap:45px;
column-rule:1px dotted #574B47;
/* FF 3.5+*/
-moz-column-count:2;
-moz-column-gap:45px;
-moz-column-rule:1px dotted  #574B47;
/*Saf3, Chrome*/
-webkit-column-count:2;
-webkit-column-gap:45px;
-webkit-column-rule:1px dotted  #574B47;


}
.colonnes.col3{
column-count:3;
/* FF 3.5+*/
-moz-column-count:3;
/*Saf3, Chrome*/
-webkit-column-count:3;


}

/*.colonnes .bloc{
	 display: inline-block;
	 margin-bottom:20px;
}*/

.colonnes .bloc {
	margin-bottom: 20px;
}


.contenu {width: auto;}
.contenu p, .contenu2 p {
	line-height: 15px;
	font-size: 14px ;
	margin-top: 10px;
	color: #c7c7c7;
}

.contenu a, .contenu2 a, .texteOffres a {
	color: #f45f38;
	text-decoration: none;
}

.contenu a:hover,.contenu2 a:hover, .texteOffres a:hover {color: #c7c7c7;}

.contenu ul, .contenu2 ul {
	margin: 0;
	padding: 0;
}

.contenu li, .contenu2 li {
	list-style:disc inside none;
	margin:15px 0;
	color: #c7c7c7;
	font-size:14px;
}

#btnFermerFooter2 { 
	background: url(../images/content/background-bloc.png);
	min-width:150px; 
	height:30px; 
	display:block; 
	float:right; 
	z-index: 50;
	position: fixed;
	left: 50%;
	margin-left: 195px;
	margin-top: -30px;
}

#btnFermerFooter2:hover { 
	background: url(../images/content/btnReservez.png) left top no-repeat;
}

a.lien {
	background:url("../images/footer/navigIcones-fleche.png") no-repeat scroll right -51px transparent;
	display: block;
	padding-right:10px;
	padding-left:20px;
	color:#f45f38;
	text-align:left; 
	text-decoration:none; 
	line-height:2.5em; 
	min-width: 150px;
}

/* ------------------ PARTIE GRAPHIQUE ------------------ */

.mCSB_container {
	margin-right:20px !important;	
}
.contenu table, .contenu2 table {
	text-align: center;
	border-collapse: collapse;
	margin:10px 0;
	color: #c7c7c7;
}
.contenu td, .contenu2 td {
	padding: 5px;
	border:1px solid #70615b;
}
.contenu td p, .contenu2 td p {
	padding: 3px 0!important;
	text-align:left;
}

.contenu td img, .contenu2 td img {
	float:none !important;
	margin:0 0 5px!important;
}

#ResultSearch table a {
	text-decoration: none;
	color: #c7c7c7;
}

#ResultSearch table a:hover {
	color: #f45f38;
}

h2.titreOffres {
	display: inline-block;
	border-bottom: 1px solid #c1442a;
	padding-bottom: 5px;
	max-width: 250px;
}

.titreOffres span{
	background: url(../images/content/bkgTitresOffres.png) right top no-repeat;
	height: 17px;
	display: inline-block;
	width: 20px;
	float: right;
	padding-right: 10px;
}

.texteOffres li{
}

/* ---------------OFFRES WIDGET --------------- */

.offres{
	display: none;
	
}
.navWidg{
	clear:both;
	height:30px;
}

.offres .widg{
	border:3px solid #f45f38;
	height:280px;	
	width:230px;
	clear:both;
	padding:10px;
	margin-bottom: 20px;
}
.onglets {
	max-width: 140px;
	font-size: 0.8em;
	float: left;
}

a.ongletOffres {
	background:url("../images/content/bkgOngletsOffres.png") no-repeat scroll right bottom transparent;
	display: block;
	padding:0 18px 0 7px;
	text-align:left; 
	text-decoration:none; 
	text-transform: uppercase;
	line-height:3em;
	height: 30px; 
	color:#f45f38;
}

.ongletOffres.on,
:hover.ongletOffres {
	background:url("../images/content/bkgOngletsOffres.png") no-repeat scroll right top transparent;
	
	color:#fff;
}

.btnReserver {
	display: none;
}

.btnReserver a {
	display: none;
}

.btnReserver a:hover {
	background: url(../images/content/btnReservez.png) right top no-repeat;
	color: #f45f38;
}

.offres .btnReserver a {
	margin-bottom: 10px !important;
}

.contenu2 {
	width: auto;
	clear: both;
}

.bloc.plan {
	width: 215px;
}

.bloc.plan a {
	width: 210px;
}

.bloc.plan a img {
	width: 100%;
	height: auto;
}

.bloc table {width: auto!important; }

/*
 .blocColonnesPar2 {
 width: 490px;
 float: left;
 display: block;
 }*/

.colonnes h2 {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;
}

#anim h2 {
	background: #4F413C;
	color: #f45f38;
	padding: 5px 20px;
	-webkit-box-shadow: 1px 1px 5px 0 #333;
	box-shadow: 1px 1px 5px 0 #333;
}

.arbre {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #443733 url("../images/fdarbre.png") no-repeat top center;
	z-index: 1000;
	overflow: hidden;
	display: none;
}
.arbre .texte1{
	position:absolute;
	width:100%;
	top:50%;
	text-align:center;
	font-size:1.5em;
	z-index: 3;
	color:#FFF;
	margin-top:-60px;
}
.arbre .texte2{
	color:#6F6662;
	position:absolute;
	width:400px;
	top:50%;
	z-index: 3;
	margin-top: 246px;
	text-align:left;
	padding-right:30px;
	font-size:1.7em;
	left:50%;
	margin-left:150px;
	font-family: 'Parisienne', cursive;
	
}

.arbre img {
	width: 505px;
	left:50%;
	margin-left:-253px;
	top:50%;
	margin-top:-291px;
	height: 582px;
	position: absolute;
	z-index: 1;
	
	
}
.arbre img.effet {
	z-index: 2;
}
/* -------------- OFFRES -------------- */

a.lienOffre {
	background: url(../images/content/btnReservez.png) right top no-repeat;
	display: block;
	float: right;
	margin: -10px -10px 30px 0;
	line-height: 3em;
	padding: 0 25px 0 15px;
	color: #f45f38;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.8em;
}

:hover.lienOffre {
	background-position: right -30px;
	color: #fff;
}