/*
NAME : GONDRES
AUTHOR : HILAIRE FRANCIS
AUTHOR URI : http://www.prometee_creation.com
CREATION DATE : 10 - 2007
COMMENTS : 
*/

/*-------------------------------General-------------------------------*/
html, body
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

body
{
	background-image:url("images/bg.gif");
	background-repeat: repeat-x;
}

h1, h2
{
	padding:0;
	margin:0;
}

h3, h5
{
	color:#e00404;
}

h4, h6
{
	color:#22af28;
	text-decoration:underline;
}

h3
{
	margin: 5px 0 5px 15px;
}

h4
{
	margin: 5px 0 5px 30px;
}

ul
{
	text-indent:0px;
	margin: 10px 0 10px 50px;
	padding: 0 0 0 10px;
	font-size:13px;
	color:#22af28;
}

ul ul
{
	margin: 10px 5px;
	color:#000;
}

a, a:link, a:visited
{
	color:#e00404;
}

a:hover
{
	color:#e04242;
	text-decoration:none;
}

.clear
{
	clear:both;
	visibility:hidden;
}

.center
{
	text-align:center;
}

.right
{
	text-align:right;
}

.left
{
	text-align:left;
}

/*-------------------------------Container-------------------------------*/
#wrapper
{
	width: 998px;
	margin: 0 auto;
}
	
#container
{
	background-image:url("images/container-bg.png");
	_background-image:url("images/container-bg.gif");
	background-repeat: repeat-y;
	background-position: top center;
}

/*--------------------------------------------------------------------*/

/*-------------------------------Languages----------------------------*/

#lang-choix ul
{
	height:25px;
	list-style-type:none;
	margin:0 20px 0 0;
	padding:0;
}

#lang-choix li
{
	float:right;
}

#lang-choix a
{
	display:block;
	height:24px;
	width:28px;
	background-color: #FFF;
	margin: 0 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	padding-top:5px;
}

#lang-choix a span
{
	display:none;
}

#lang-choix #lang-en a
{
	background: url("images/flags/en-fade.gif") #FFF center center no-repeat;
}

#lang-choix #lang-fr a
{
	background: url("images/flags/fr-fade.gif") #FFF center center no-repeat;
}

#lang-choix #lang-en a.current
{
	background: url("images/flags/en.gif") #FFF center center no-repeat;
}

#lang-choix #lang-fr a.current
{
	background: url("images/flags/fr.gif") #FFF center center no-repeat;
}

/*--------------------------------------------------------------------*/

/*-------------------------------Entete-------------------------------*/
#top-header
{
	background-image:url("images/top-bg.jpg");
	background-repeat: no-repeat;
	background-position: bottom center;
}

#header h1 a
{
	height:117px;
	width:700px;
	margin: 0 auto;
	display:block;
	background:url("images/title.gif");
	background-repeat: no-repeat;
	background-position: top center;
}

#header h1 a span
{
	display:none;
}
/*--------------------------------------------------------------------*/

/*-------------------------------Menu-------------------------------*/
#menu
{
	width:620px;
	height:80px;
	margin: 0 auto;
	padding: 0 45px;
	background:url("images/menu-bg.png");
	background-repeat: no-repeat;
	background-position: top center;
	text-align:center;
}
	#menu ul
	{
		padding:0;
		margin:0;
		height:35px;
		list-style-type:none;
	}
	#menu li
	{
		margin:0;
		padding:0;
		float:left;
	}
		#menu li a
		{
			margin:0 1px;
			padding:6px 0;
			width:98px;
			height:17px;
			display:block;
			color:#000000;
			font-size:120%;
			text-decoration:none;
			font-weight:bold;
		}
		
		#menu li a span
		{
			
		}

		#menu li.menu-1 a, #menu li.menu-2 a, #menu li.menu-3 a, #menu li.menu-4 a, #menu li.menu-5 a, #menu li.menu-6 a
		{
			background-position:bottom center;
			background-repeat:no-repeat;
			height:70px;
		}
		
		#menu li.menu-1 a
		{
			background-image:url("images/menu-1.gif");
		}
		
		#menu li.menu-2 a
		{
			background-image:url("images/menu-2.gif");
		}
		
		#menu li.menu-3 a
		{
			background-image:url("images/menu-3.gif");
		}
		
		#menu li.menu-4 a
		{
			background-image:url("images/menu-4.gif");
		}
		
		#menu li.menu-5 a
		{
			background-image:url("images/menu-5.gif");
		}
		
		#menu li.menu-6 a
		{
			background-image:url("images/menu-6.gif");
		}

/*--------------------------------------------------------------------*/

#bottom-header
{
	
}

/*--------------------------------------------------------------------*/

/*-------------------------------le contenu-------------------------------*/
#content
{
	width:700px;
	margin:20px auto;
	background-image:url("images/post-bg.png");
	_background-image:url("images/post-bg.gif");
}

#content hr
{
	clear:both;
	visibility:hidden;
}

#content table
{
	margin: 15px 0;
	text-align:center;
	vertical-align:middle;
	width:100%;
}

/*--------------------------------------------------------------------*/

/*-------------------------------partie centrale-------------------------------*/

#center
{
	
}

.page-block
{
	background-image:url("images/page-block-top-bg.png");
	_background-image:url("images/page-block-top-bg.gif");
	background-repeat:no-repeat;
	background-position:top left;
	padding: 10px;
}

.page-block h2
{
	margin: 0 0 8px 0;
}

.page-block h2 a
{
	color: #1f9423;
	text-decoration:none;
}

.page-block p
{
	margin: 10px;
	color:#000;
}

.page-block p:first-letter
{
	font-size: 14px;
	font-weight:bold;
}

.page-block img
{
	border: double 3px #e04242;
}

.page-block-bottom
{
	background-image:url("images/page-block-bottom-bg.png");
	_background-image:url("images/page-block-bottom-bg.gif");
	background-repeat:no-repeat;
	background-position:bottom right;
	height:47px;
}

.the-content
{
	min-height:400px;
	_background-color:#FFF;
}

#center-content
{
	border-right: 1px solid #B2E3B4;
	float:left;
	width: 66%;
}

#left
{
	float:right;
	width: 30%;
}

#gmap-legend
{
	list-style-type:none;
}

#itineraire-gite
{
	font-family: Verdana, Arial, sans serif;
	font-size: 11px;
	margin: 2px;
}

#itineraire-gite table.directions th
{
	background-color:#EEE;
}
	  
#itineraire-gite img
{
	color: #000;
}

#mapcanvas, #directions, #map
{
	width: 500px;
	margin:0 auto;
}

#mapcanvas, #map
{
	height:500px;
}

#directions
{
	height:100%;
}

/*--------------------------------------------------------------------*/

/*-------------------------------Le pied de page-------------------------------*/	

#footer
{
	background:url(images/footer.jpg);
	background-repeat:no-repeat;
	font-size:85%;
	clear:both;
}

#bottom-footer
{
	background:url("images/bottom-footer.png");
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:3px;
	padding: 0 0 10px 0;
}

#footer-end
{
	background:url("images/footer-end.png");
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:3px;
	height:11px;
	width:100%;
}

#copyright
{

}

#menu-footer
{
	padding:10px 0 0 0;
	text-align:center;
}

	#menu-footer ul
	{
		list-style-type:none;
		margin: 0 auto;
		text-align:center;
	}
	
	#menu-footer li
	{
		display:inline;
	}
/*--------------------------------------------------------------------*/
/*--------------------------------CONTACT-----------------------------*/

#contact, #itineraire-gite
{
	width:300px;
	margin:0 auto;
}

#contact label, #itineraire-gite label
{
	display:block;
	font-weight:bold;
	margin:0;
	padding:0;
	text-indent:0px;
}

#contact input, #contact textarea
{
	border:1px solid #AAA;
}

#contact .contact-fields input, #itineraire-gite input
{
	width:300px;
}

#contact .submit
{
	display:block;
	width:200px;
	margin:0 auto;
}

#contact textarea
{
	width:300px;
	height:300px;
}

#contact-content, #contact
{
	float:left;
	width:50%;
}