/*
Screen Stylesheet for www.legrenier.fr
*/
 
html, body {
border:0;
margin:0;
padding:0;
}
 
body {
	text-align:left;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	background-color: #000000;
	background-image: url(../images/bg2.jpg);
	background-position: top center;
	background-repeat: no-repeat;

}

 
/* = Base Structure
============================================================================== */

	#global{
		margin: 0 auto;
		width: 990px;
		}
		
	#wrap{
		width:990px;
		margin:10px 0 0 0;
		position:absolute;
		}
		
	#page{
		width:990px;
		margin:0;
		padding:0;
		background-color: #3d220d;
		background:url(../images/bg1.jpg) bottom center no-repeat;
		min-height: 480px;
		}
		
	
	/* = Header
	-------------------------------------------------------------------------- */
	#page.bg-grenier{
		background:url(../images/bg3.jpg) bottom center no-repeat;
		}

	#page.bg-carte{
		background:url(../images/bg4.jpg) bottom center no-repeat;
		}
	
	#page.bg-privatisation{
		background:url(../images/bg5.jpg) bottom center no-repeat;
		}

	#page.bg-reservation{
		background:url(../images/bg6.jpg) bottom center no-repeat;
		}
		
	/* = Header
	-------------------------------------------------------------------------- */
	
	#header{
		width:990px;
		height:200px;
		margin:0;
		padding:0;
		position: relative;
		background:url(../images/bg_header.png) top left repeat-x;
		}
		
	#logo{
		display : block;
		width : 220px;
		height 	: 200px;
		position : absolute;
		top : 0px;
		left : 30px;
		/*background:url(../images/logo.png) no-repeat top left;*/
		}
		
	#title{
		display:block;
		width:350px;
		height:30px;
		position:absolute;
		top :30px;
		right:0px;	
		background:url(../images/titre_header.png) top left no-repeat;
		}
	
	#mainmenu{
	width:700px;
	height:75px;
	float: right;
	position: absolute;
	margin-top:75px;
	margin-left:265px;
	padding:0;
		}

	/* = Footer
	-------------------------------------------------------------------------- */

	#footer{
		width:990px;
		height:40px;
		position: relative;
		background-color:#541833;
		}
	
	#footer p{
		color :	#D8CFB4;
		text-align : center;
		margin:0;
		padding:20px 0;
		font-size: 0.95em;
		}
		
	#footer a{
		color : #D8CFB4;
		font-size : 1em;
		text-decoration: none;
		}	
		
	#footer a:hover{
		color : #FFFFFF;
		}
		
	/* = Navigation du Footer
	-------------------------------------------------------------------------- */

	#nav-footer{
		display:block;
		position: relative;
		left: 20px;
		}
	
	#nav-footer ul {
		margin: 0;
		padding: 0;
		}
	
	#nav-footer li{
		list-style:none;
		display:inline;
		margin:0;
		padding:0;		
		}
		
	#nav-footer li a{
		margin : 10px 0;
		float : left;
		display :block;
		height : 20px;
		}

	/*	= Version FR	*/


	#nav-footer li a#lien-galerie{
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	0px 0px;
		width:120px;
		}

	#nav-footer li a:hover#lien-galerie, #nav-footer li a#lien-galerie.current{
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	0px -20px;
		}
	
	#nav-footer li a#lien-webcams{
		width 				:	180px;
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	-115px 0px;
		}

	#nav-footer li a:hover#lien-webcams, #nav-footer li a#lien-webcams.current{
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	-115px -20px;
		}
		
	#nav-footer li a#lien-partner{
		width 				:	90px;
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	-295px 0px;
		}

	#nav-footer li a:hover#lien-partner, #nav-footer li a#lien-partner.current{
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	-295px -20px;
		}
		
	#nav-footer li a#lien-newsletter{
		width 				:	90px;
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	-383px 0px;
		}

	#nav-footer li a:hover#lien-newsletter, #nav-footer li a#lien-newsletter.current{
		background			:	transparent url(../images/navigation-footer.png) no-repeat;
		background-position	: 	-383px -20px;
		}
		
	/*	= Version UK	*/
	
	#nav-footer li a#lien-galerie-uk{
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	0px 0px;
		width:70px;
		}

	#nav-footer li a:hover#lien-galerie-uk, #nav-footer li a#lien-galerie-uk.current{
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	0px -20px;
		}
	
	#nav-footer li a#lien-webcams-uk{
		width 				:	180px;
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	-70px 0px;
		}

	#nav-footer li a:hover#lien-webcams-uk, #nav-footer li a#lien-webcams-uk.current{
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	-70px -20px;
		}
		
	#nav-footer li a#lien-partner-uk{
		width 				:	70px;
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	-250px 0px;
		}

	#nav-footer li a:hover#lien-partner-uk, #nav-footer li a#lien-partner-uk.current{
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	-250px -20px;
		}
		
	#nav-footer li a#lien-newsletter-uk{
		width 				:	90px;
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	-320px 0px;
		}

	#nav-footer li a:hover#lien-newsletter-uk, #nav-footer li a#lien-newsletter-uk.current{
		background			:	transparent url(../images/navigation-footer-uk.png) no-repeat;
		background-position	: 	-320px -20px;
		}

	/*	= Autres liens du footer	*/
	
	
	a#lien-pole{
		width 				:	180px;
		background			:	transparent url(../images/navigation-footer-pole.png) no-repeat;
		background-position	: 	0px 0px;
		display: block;
		float: right;
		margin-right: 40px;
		height: 20px;
		margin-top: 10px;
		}

	a:hover#lien-pole{
		background			:	transparent url(../images/navigation-footer-pole.png) no-repeat;
		background-position	: 	0px -20px;
		}
		
	a#lien-facebook{
		width 				:	80px;
		background			:	transparent url(../images/facebook.png) no-repeat;
		background-position	: 	0px 0px;
		display: block;
		float: left;
		height: 40px;
		margin-left: 20px;
		}

	a:hover#lien-facebook{
		background			:	transparent url(../images/facebook.png) no-repeat;
		background-position	: 	-80px 0px;
		width 				:	90px;
		}





/* = Eléments spécifiques
============================================================================== */		
		
	/* = Placements des éléments de page
	-------------------------------------------------------------------------- */
	
	
	#bloc-content{
		width:970px;
		height:480px;
		margin:0 0 0 10px;
		}
		
	#flashcontent{
		width:990px;
		height:480px;
		}
		
	#content {
		color: #FFFFFF;
		width: 600px;
		height: 400px;
		position: absolute;
		margin: 60px 0 0 0;
		}
		
	#content p{
		color: #FFFFFF;
		font-size:12px;
		margin:0 0 0 80px;
		line-height:2em;
		text-align: left;
		}
		
	#content-situation {
		color: #FFFFFF;
		width: 400px;
		height: 400px;
		position: absolute;
		margin: 60px 0 0 80px;
		}
		
	#content-situation p{
		color: #FFFFFF;
		font-size:12px;
		margin:0 0 0 0;
		line-height:1.7em;
		text-align: left;
		}		
		
	#col-left{
		width:600px;
		height:480px;
		float: left;
		}
		
	#col-left-situation{
		width:400px;
		height:480px;
		float: left;
		}
		
	#col-right{
		width:350px;
		height:480px;
		float: right;
		}
		
	#col-right-situation{
		width:450px;
		height:400px;
		float: right;
		padding-top: 80px;
		}
		
	.img-cadre{
		padding: 5px;
		margin-left: 20px;
		margin-top: 20px;
		width: 270px;
		}	
	
	span#langues{margin-left : 30px;}
	span#langues img{margin-left : 10px;}
	
	#wifi{
		display:block;
		width:100px;
		height:85px;
		background:url(../images/wifi.png) top left no-repeat;
		margin-bottom:60px;
		position: absolute;
		bottom: 0px;
		margin-left: 20px;
		}
	
	
	/* = Titres
	-------------------------------------------------------------------------- */	

	#titre{
		width : 500px;
		height : 60px;
		top : 40px;
		position: relative;
		margin-left: 80px;
		}
	
	/*	= Version FR	*/
		
	#titre.lieu{
		background:url(../images/titres.png) top left no-repeat;
		background-position	: 0px 0px;
		}
		
	#titre.carte{
		background:url(../images/titres.png) top left no-repeat;
		background-position	: 0px -60px;
		}
		
	#titre.privatisation{
		background:url(../images/titres.png) top left no-repeat;
		background-position	: 0px -120px;
		}	
		
	#titre.reservation{
		background:url(../images/titres.png) top left no-repeat;
		background-position	: 0px -180px;
		}	
		
	#titre.situation{
		background:url(../images/titres.png) top left no-repeat;
		background-position	: 0px -240px;
		}	
		
	#titre.partenaires{
		background:url(../images/titres.png) top left no-repeat;
		background-position	: 0px -300px;
		}	
		
	/*	= Version UK	*/	
	
	#titre.lieu-uk{
		background:url(../images/titres-uk.png) top left no-repeat;
		background-position	: 0px 0px;
		}
		
	#titre.carte-uk{
		background:url(../images/titres-uk.png) top left no-repeat;
		background-position	: 0px -60px;
		}
		
	#titre.privatisation-uk{
		background:url(../images/titres-uk.png) top left no-repeat;
		background-position	: 0px -120px;
		}	
		
	#titre.reservation-uk{
		background:url(../images/titres-uk.png) top left no-repeat;
		background-position	: 0px -180px;
		}	
		
	#titre.situation-uk{
		background:url(../images/titres-uk.png) top left no-repeat;
		background-position	: 0px -240px;
		}	
		
	#titre.partenaires-uk{
		background:url(../images/titres-uk.png) top left no-repeat;
		background-position	: 0px -300px;
		}	

		
	/* = Styles des textes
	-------------------------------------------------------------------------- */	
		
	h1{
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
		}
		
	h2{
	font-size: 1em;
	font-weight: normal;
		}
	

	/* = Formulaire de contact
	-------------------------------------------------------------------------- */


	#bloc-form{
		margin:10px 0 0 80px;
		}

	#frm-contact label{
		display 			:	block;
		position 			:	relative;
		border-bottom 		:	1px solid;
		border-bottom-color:#795B46;
		padding: 4px 0;
		}
		
	#frm-contact label span{
		font-size 			:	1em;
		display 			:	inline-block;
		color: #FFFFFF;
		}
		
	#frm-contact input, #frm-contact textarea{
		border		 		:	none;
		padding 			:	2px 0;
		color: #FFFFFF;
		background: transparent;
		margin-left: 10px;
		}

		
	#frm-contact textarea{
		background 			:	#000;
		overflow			:	hidden;
		margin-top 			:	5px;
		width 				:	450px;
		color 				:	white;
		}
	
	#frm-contact span.horaire{
	margin-left: 80px;

		}
		
	#frm-contact input#btn-submit{
		float 				:	right;
		width 				:	75px;
		color 				:	white;
		border 				:	none;
		background-color: #bbad96;
		margin-top: 10px;
		}
	
	#frm-contact input#btn-submit:hover{
		color 				:	#FFFFFF;
		background-color: #FF9900;
		}
	
	#frm-contact .caldate{
		color 				:	#FFFFFF;
		background-color: transparent;
		background-image: url(../images/calendar.png);
		background-repeat: no-repeat;
		padding-left: 20px;
		}
		
	#frm-contact label.error{
		border				:	none;
		color 				:	#ff0000;
		font-size 			:	1em;
		padding 			:	0;
		margin 				:	0;
		color				:	#CC0000;
		}
		
	#loading{
		display 			:	none;
		}
		
	#frm-newsletter{
		border 				:	none;
		color: #FFFFFF;
		width: 450px;
		margin: 20px;
		}

	#frm-newsletter label{
		display 			:	block;
		padding 			:	4px 0;
		border-bottom 		:	1px solid;
		border-bottom-color:#FFFFFF;
		position: relative;
		}
		
	#frm-newsletter label span{
		font-size 			:	1em;
		width 				:	80px;
		display 			:	inline-block;
		color: #FFFFFF;
		}

	#frm-newsletter input, #frm-newsletter textarea{
		border		 		:	none;
		background 			:	transparent;
		padding 			:	2px 0;
		color: #FFFFFF;
		width: 350px;
		}
		
	#frm-newsletter textarea{
		background 			:	#000;
		overflow			:	hidden;
		margin-top 			:	5px;
		width 				:	450px;
		color 				:	white;
		}
		
	#frm-newsletter input#btn-submit{
		float 				:	right;
		width 				:	75px;
		color 				:	white;
		cursor 				:	pointer;
		border 				:	none;
		background-color: #bbad96;
		}
	
	#frm-newsletter input#btn-submit:hover{
		color 				:	#FFFFFF;
		background-color: #FF9900;
		}
		
	#frm-newsletter label.error{
		border				:	none;
		color 				:	#ff0000;
		font-size 			:	1em;
		padding 			:	0;
		margin 				:	0;
		}
		
	#loading{
		display 			:	none;
		}

	a.lien{
		color: #D8CFB4;
		text-decoration: none;
		}
		
	a.lien:hover{
		color: #D8CFB4;
		text-decoration: underline;
		}
	a.lienbloc{
	display:block;
	width:200px;
	height:25px;
	background-color:#824c22;
	color: #D8CFB4;
	text-decoration: none;
	padding: 0;
	text-align:center;
	line-height: 2;
		}
		
	a.lienbloc:hover{
		background-color: #673C1B;
		color: #FFFFFF;
		}
		
	a.lienbloc-uk{
	display:block;
	width:150px;
	height:25px;
	background-color:#824c22;
	color: #D8CFB4;
	text-decoration: none;
	padding: 0;
	text-align: center;
	line-height: 2;
		}
		
	a.lienbloc-uk:hover{
		background-color: #673C1B;
		color: #FFFFFF;
		}

		
/* = Globales classes
============================================================================== */

	.clear         { clear:both; }
	.float-left    { float:left; }
	.float-right   { float:right; }
	 
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	 
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.highlight     { background:#ffc; }
	 
	.img-left      { float:left;margin:4px 10px 4px 0; }
	.img-right     { float:right;margin:4px 0 4px 10px; }
	 
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }