/*Polices personnalisées*/
@font-face {
    font-family: 'helsinkiregular';
    src: url('../fonts/helsinki/helsinki.eot');
    src: url('../fonts/helsinki/helsinki.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helsinki/helsinki.woff') format('woff'),
         url('../fonts/helsinki/helsinki.ttf') format('truetype'),
         url('../fonts/helsinki/helsinki.svg#helsinkiregular') format('svg');
		font-weight: normal;
		font-style: normal;
			}

@font-face {
    font-family: 'alex_brushregular';
    src: url('../fonts/alex/alex.eot');
    src: url('../fonts/alex/alex.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alex/alex.woff') format('woff'),
         url('../fonts/alex/alex.ttf') format('truetype'),
         url('../fonts/alex/alex.svg#alex_brushregular') format('svg');
		font-weight: normal;
		font-style: normal;
}	

/*Elements principaux de la page*/
html,body{
	margin:0;
	padding:0;
	height: 100%;
		}
body		{
		min-height: 100%;
		background-image: url("../images/palomba.jpg");
		font-family: 'Trebuchet MS', Arial, sans-serif;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center right;
		color: #181818;
			}
	.background_opacity  {
			position: fixed;
			z-index: -10;
			top: 0; left: 0; right: 0; bottom: 0;
			background-color: rgba( 255, 255, 255, 0.7);
			filter: (opacity=70);
						}
	#bloc_page{
	width:75%;
	margin:auto;
		}
/*Header*/
		header	{
			width: 100%;
				}
/*Bannière*/	
	.banniere, .banniere img{
		margin-top: 5px;
		width:100%;
		height:200px;
		border-radius: 10px;
		position: relative;
		}
	.description  {
			position: absolute;
			top: 160px;
			margin: 10px;
			padding: 10px;
			color: white;
			font-size: 1.2em;
				}
/*Navigation avec balise div */

#menu 		{
			height: 28px;
			line-height: 14px;
			margin: 15px 0;
			border-radius: 15px;
			}
#menu ul, #menu li	{
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-radius: 15px;
				}
#menu li		{
			width: 100px;
			}
#menu li a		{
			display: block;
			text-decoration: none;
			text-align: center;
			border: 2px solid red;
			border-radius: 10px;
			}	
/*--------------- niveau1 --------------*/

#menu  .niveau1 li		{
			float: left;
			margin: 0 -1px 0 0;
					}
#menu  .niveau1 li a	{
			padding: 5px 0;
			height: 16px;
			color: black;
					}
#menu  .niveau1 li:hover a	{
				color: #ffff;
				background: #6d8fff;
						}
#menu  .niveau1 li a: hover 	{
				color: #ffff;
				background: #6d8600;
						}
						
/*-------------- niveau2 ------------------*/
#menu .niveau2		{
				position: absolute;
				top: -9999em;
					}
#menu .niveau2 li		{
				clear: left;
				margin: -1px 0 0;
					}
#menu .niveau2 li a	{
				color: #ffff;
				background: #d88600;
					}
#menu .niveau2 li a:hover	{
				color: #746756;
				background: #d8ed1a;
						}
#menu li:hover .niveau2	{
				top: auto;
				min-height: 0;
						}
#menu .sfhover .niveau2	{
				top: auto;
				min-height: 0;
						}
/*--------------- Niveau 3 ---------------------*/
#menu .niveau1 .niveau2 .niveau3 {
	position: absolute;	
	top: -9999em;
	border-top: 1px solid #fff; /* corrige un bug IE6 */
}
#menu .niveau3 li a {
	color: #fff;
	background: #6D8600;
}
#menu .niveau3 li:hover a,
#menu .niveau3 li a:hover {
	color: #746756;
	background: #D8ED1A;
}
#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-28px 0 0 99px;
}
#menu .inverse .niveau2 li:hover .niveau3	{
	top: auto;
	margin:-28px 0 0 -99px;
		}

#menu .inverse .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-28px 0 0 -149px;
}						
			
/*navigation avec balise nav*/			
/*	nav  {
		display:inline-block;
		width: 100%;
		text-align: right;
		}
	nav ul  {
		list-style-type:none;	
		}
	nav li {	
		display:inline-block;
		margin-right: 15px;
		}	
	nav a {
		color: #181818;
		font-size: 1.1em;
		text-decoration: none;
		padding-bottom: 3px;
		}
	nav a:hover  {
				color: red;
				border-bottom: 3px solid #760001;
				}*/
/*Corps*/
.conteneur    { 
			display: table;
			margin: auto;
			width: 100%;
			table-layout: fixed;
			}
.gauche 		{
			display: table-cell;
			width: 68%;
			background-color:  lightpink;     /*#ff3366;*/
			padding-left:2%;
			vertical-align: top;
			}
.gauche 	h2	{
			/*font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;*/
			font-family: helsinkiregular;
			/*font-family: alex_brushregular;*/
			font-weight: normal;
			font-style: italic;
			text-decoration: none;
			color: blue;
			font-size: 1.0em;
			}			
.esp		{
			width:  2%;
			}
.droite		{
			display: table-cell;
			width: 30%;
			background-color:  silver;  /*#9966ff;*/
			}
.photodroite {
			text-align: center;
			}
.photodroite   img {
				width: 40%;
				border: 2px solid red;
				margin-top: 5%;
				}
.textdroite		{
			text-align: center;
				}
/*	section  {
				width: 100%;
				text-align: center;
			} */
/*formulaire*/
			form{ 
			background-color: turquoise;
			width: 70%;
			padding: 15px;
			border: 2px solid blue;
			margin:auto;
				}
			fieldset    {
				border: 3px solid red;	
				margin-bottom: 15px;	
					}
			legend	{
				color: blue;
					}
			input:focus, textarea:focus {
				background-color: pink;
					}
			
/*footer*/
	footer      {
			clear: both;
			width: 100%;
			padding: 5px;
			}
	footer p  {
			font-size: 0.8em;
			text-align: center;
			}
/* Lightbox*/
/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}