/* ==================================================================

	INFORMATIONS :
		Nom					: style.css
		Version				: 1.0 (19/06/2009) 
		Site				: http://www.lafermelardeur.com 
		Auteur				: Cerrato Claudia

	STRUCTURE : 
		Orientation		   	: Site vertical - 2 colonnes
		Largeur de la page 	: 960px - centré
		
	ORDRE DES ATTRIBUTS :
		width | height | margin | padding |
		font | background | border |
		display | position
	
	INDEX :
		_Reset				: Remise à 0 de balises
		_Base				: Mise en page générale
		_Header				: En-tête
		_Content			: Menu, contenu des pages
				~Page			: Contenu de la page
		_Footer				: Copyright et mentions
				~Contacts		: Coordonnées et formulaire
		_Textes				: Titres, liens, ...

	
================================================================== */
	
/*		_Reset			*/
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,td
{ 
	margin				: 0;
	padding				: 0;
}

table
{
	border-collapse		: collapse;
	border-spacing		: 0;
}

img
{ 
	border				: 0;
}

ul
{
	list-style			: none;
}

a
{
	outline				: none;
	text-decoration		: none;
}

h1,h2,h3,h4,h5,h6
{
	font-size			: 100%;
	font-weight			: normal;
}

/*		_Base			*/

html
{
	width 				: 100%;
	font-size			: 100%;
}

body
{
	width 				: 100%;
	font-family			: arial, sans-serif;
	font-size			: 0.85em;
	color				: #35070E;
	line-height			: 20px;
	text-align			: center;
	background			: #7d838a url('../images/header_fond.jpg') repeat-x top left;
	position			: absolute;
}

#container
{
	width 				: 960px;
	margin				: 0 auto;
	text-align			: justify;
}

/*		_Header			*/

#header
{
	width 				: 960px;
	height				: 179px;
	margin				: 0 auto;
	text-align			: justify;
	background			: url('../images/header.png') no-repeat top center;
	position			: relative;
}

#header-bottom
{
	width 				: 960px;
	height				: 48px;
	background			: url('../images/menu.png') no-repeat;
	position			: relative;
}

#accueil
{
	padding-top			: 40px;
	padding-left		: 40px;
	float				: left;
}

#baseline
{
	
	padding				: 150px 100px 0px 0px;
	font-size			: 1.2em;
	color				: #bc1523;
	text-align			: right;
}

/*		_Page			*/

#content
{
	width				: 960px;
	min-height			: 690px;
	font-size			: 1em;
	text-align			: justify;
}

#content p
{
	width				: 680px;
}

#menu
{
	width				: 235px;
	float				: right;
}

#menu2
{
	width				: 235px;
	float				: right;
}

.back_button
{
	width				: 680px;
	margin-right		: 25px;
	text-align			: right;
}

/*		_Footer			*/



#credits
{
	width				: 960px;
	background-color	: #7d838a;
	margin-bottom		: 10px;
	margin-top			: 60px;
	font-size			: 0.8em;
	text-align			: right;
}


/*		_text			*/


h1
{
	margin-bottom		: 15px;
	margin-top			: 30px;
	font-size			: 1.5em;
	font-weight			: bold;
	font-style			: italic;
	color				: #f4e08a;
	text-align			: left;
}

h2
{
	margin-top			: 20px;
	font-size			: 1.2em;
	font-weight			: bold;
	color				: #f4e08a;
	text-align			: left;
	text-indent			: 20px;
}

a
{
	color				: #bc1523;
}

#content ul
{
	padding				: 5px 300px 5px 80px;
	list-style-type		: disc;
}

.table
{
	width				: 700px;
	border-spacing		: 5px 5px;
	text-align			: center; 
}

.table-border
{
	border				: 1px solid #f4e08a;
}

q,q:before,q:after
{
	font-style			: italic;
}

/*		_slideshow			*/

#slideshow
{
	width 				: 450px;
	margin-left			: 120px;
}

.slideshowContainer 
{
	width				: 450px;
	height				: 600px;
	margin-bottom		: 5px;
	border				: 1px solid #f4e08a;
}

.loading 
{
	background			: url(images/loading.gif) center no-repeat;
}

.slideshowThumbnail 
{
	outline				: none;
}

.slideshowThumbnail img 
{
	border				: 1px solid #f4e08a;
}

a:hover.slideshowThumbnail img 
{
	border				: 1px solid #dfdfdf;
}

.current img 
{
	padding				: 5px;
	border				: 1px solid red;
}

.outline 
{
	border				: 1px solid #bc1523;
	z-index				: 0;
	position			: absolute;
}

#thumbnails 
{
	/*width				: 130px;
	float				: left;*/
}

#slideshow2
{
	width 				: 225px;
	margin-left			: 200px;
}

#slideshow2 .slideshowContainer 
{
	width				: 225px;
	height				: 300px;
	margin-bottom		: 5px;
	border				: 1px solid #f4e08a;
}


#slideshow2 .slideshowThumbnail 
{
	display				: none; 
}

/*        googlemap        */

#map_google
{
    width            	: 680px;
	height           	: 500px;
	margin-top			: 10px;	
	text-align       	: center;	
	border           	: 1px solid #f4e08a;
}

#itineraire_google
{
	width				: 680px;
	margin-top			: 20px;
    text-align       	: right;
}


html div#map_google img 
{ 
	behavior			: none; 
}