/* CSS Document */
@font-face {
    font-family: 'JosefinSansStdLight';
    src: url('../css/JosefinSansStd-Light-webfont.eot');
    src: url('../css/JosefinSansStd-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/JosefinSansStd-Light-webfont.woff') format('woff'),
         url('../css/JosefinSansStd-Light-webfont.ttf') format('truetype'),
         url('../css/JosefinSansStd-Light-webfont.svg#JosefinSansStdLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{	margin:0;	padding:0;    font-family: 'JosefinSansStdLight';}


/* MENU */
#menu{	position:absolute; right:0; top:0;  color:#FFF; width:230px; margin-top:45px; overflow:hidden; }
#titre_menu { height:25px; line-height:25px; cursor:pointer; display:block; color:#FFF; text-decoration:none; font-weight:lighter; text-align:right; padding-right:10px; }
#menu_h { background:#eaeaea; opacity:0.9; box-shadow:0px 0px 5px rgba(0,0,0,0.7); overflow:auto;  position:fixed; top:0; left:100%; height:100%;  z-index:9999; width:200px; padding:10px; overflow:auto; display:block; border-left:1px solid #7f7b58;   }
#menu_h li { margin-left:15px; list-style:none; }
#menu_h li a { color:#000; text-decoration:none;  font-weight:lighter; line-height:16px; font-size:12px;}
#menu_h li .li_hover { font-style:italic; font-weight:bold; font-size:12px;  }


img { border:0px;}
#contenu{	min-height:360px;	margin:0 auto;	width:100%;	max-width:480px; position:relative; }
#top{	display:block;	height:67px; padding-top:5px; padding-bottom:5px; width:100%;max-width:480px;	z-index:90;	color:#fff;	top:0; background:#eaeaea; box-shadow:0px 0px 10px rgba(0,0,0,0.8); }
#top img { float:left; margin-left:5px;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

#titre_page	{	color:#249aa4; font-size:20px; background:rgba(255,255,255,0.85); 	text-align:left; padding:0px 10px; padding-top:2px; height:30px; line-height:30px;  z-index:49; position:absolute; box-shadow:0px 0px 5px rgba(0,0,0,0.6); right:0; top:0; margin-top:110px; text-transform:uppercase}
 
#photo_accueil { display:block; margin:0px auto; max-width:100%; } 
 
#flash	{		width:100% !important; 		max-width:480px !important; 	margin:0 auto;		overflow:hidden; z-index:1; position:relative;		}
#diapo	{		width:100% !important; border-bottom:#7f7b58 1px solid;	  }
#diapo img	{		width:100% !important;    	}

#drap { width:100%; position:absolute; text-align:center; top:0; z-index:29; margin-top:110px; }
#drap #entrer img{  box-shadow:0px 0px 0px #333; margin-top:-20px;}
#drap img { margin:0px 5px; border:0px; box-shadow:0px 0px 5px #333; }


#photos	{ height:auto; margin:0 auto;	}
#photos img	{ max-width:100%; margin-bottom:10px; box-shadow:0px 0px 3px rgba(0,0,0,0.5);	}

#texte	{ background:#eaeaea; padding:5px 10px; text-align:justify; color:#000; font-size:12px; }	
#texte	a { color:inherit; }
#texte li { margin-left:15px;}
h1{		font-size:18px;		color:#249aa4;		text-align:center; border-bottom:1px solid #249aa4; padding-bottom:0px; margin-bottom:8px; text-align:left; font-weight:lighter; margin-top:3px;	}
h2{		font-size:14px;		color:#249aa4;		text-align:center;  margin-bottom:2px; text-align:left; font-weight:lighter;	}
h3{		font-size:12px;		color:#249aa4;		text-align:center;  margin-bottom:2px; text-align:left; font-weight:lighter; margin-top:7px;	}

#footer	{ padding:5px 10px;  border-top:#7f7b58 1px solid; text-align:center; position:relative; background-image:linear-gradient(#eaeaea, #fff);	}
#footer a{ color:#000; text-decoration:underline;}
#footer #adresse { font-size:17px;}
#footer #rea { margin-top:5px; padding-bottom:10px; } 
#footer #rea img { margin-bottom:-13px; }


/* CONTACT */

#gmap{	width:95%;	max-width:500px; border:#fff 1px solid;	overflow:hidden;	height:400px; }

form{	margin-top:20px }
form select
{
	background:#fff;
	color:#000;
	width:155px !important;
	margin:2px 0;
	padding-left:1px;
	border-radius:5px;
}
form input
{
	background:#fff;
	color:#000;
	width:155px !important;
	border:none;
	margin:2px 0;
	height:20px
}
form textarea
{
	background:#fff;
	color:#000;
	width:155px !important;
	border:none;
}

.submit_button
{
	display:block;
	background:#249aa4;
	width:153px !important;
	height:20px;
	color:#000;
	line-height:20px;
	text-align:center;
	margin-top:15px;
	border:#fff 2px solid;
	box-shadow:0px 0px 10px rgba(0,0,0,0.4);
	cursor:pointer;
}
	


/* DOCUMENT */
.document_page
{ 
	background:url(images/pdf.png) 10px center no-repeat #fff; border:1px solid #000; text-align:center; color:#000; text-decoration:none; font-size:18px;
	padding-bottom:0px; display:block;	height:35px; line-height:35px; margin:7px auto; text-align:left; text-transform:uppercase; padding-left:50px;
}

/* TARIFS */
.tarifs td{	background:#249aa4; border:1px solid white; padding:8px; color:#000 }


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

	#footer { padding-bottom:45px; }
	
	#img_menu
	{
		display:block; position:absolute; right:0; 
 
	}
	#mail 
	{ 
		display:block; position:absolute; margin-top:36px; margin-left:65px; 
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		 transform: scale(0.7);
		 z-index:90; 
	 }
	#tel 
	{ 
		display:block; position:absolute; margin-top:35px;  margin-left:20px; 
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		 transform: scale(0.7); z-index:90; 
	}
}

/* PARNETAIRE - PRODUIT - EVENEMENT */
.partenaire { margin-top:15px;}
.photo_partenaire { float:left; margin-right:15px; margin-bottom:15px; }