/* CSS Document */
/* 
	Ici on défini les bases du site :
	- La structure des pages
	- Les menus (nav principale, nav du footer, sous-menus déroulants ...)
	- Le bouton de rappel
	- Le H1 (remplacement par le logo du site)
	- Les différents éléments du footer (powered, hcard ...)
*/


/* Structure du site */

	body {
		background: url(../images/interface/pre/body.jpg) repeat-x top left #FCF0A4;
	}
	
	#global {
		width: 940px;
		position: relative; /* pour positionnement les différentes zones du site si besoin */
			/* pour centrer le site dans la page*/
		margin-left: auto;
		margin-right: auto;
	}
	
	#nav {
		bottom: 0;
		width: 620px;
		height: 39px;
		padding: 10px 0 0 0;
		position: absolute; /* pour positionner le menu en bas de header */
		top: 103px;
		left: 320px;
	}
	
	#headerElements #nav { display:none;}
	
	#center {
		width: 940px;
		height: 523px;
		padding: 0 0 0px 0;
		background: url(../images/interface/pre/header.jpg) no-repeat top center;
		position:relative;
	}
	#pre_accueil_en #center {
		width: 940px;
		height: 523px;
		padding: 0 0 0px 0;
		background: url(../images/interface/pre_en/header.jpg) no-repeat top center;
		position:relative;
	}
	
	
	#center #content #menu2 { position:absolute; height: 40px; top: 292px; left: 134px;}
	#center #content #menu2 img { float:left; border: 0px; }
	
	#center #content #menu1 { position:absolute; height: 40px; top: 165px; left: 232px;}
	#center #content #menu1 img { border:0;}
	
	#footer {
		clear: both; /* permet d éviter le chevauchement avec les éléments flotants */
		width: 658px;	/* largeur du site - le padding (20px x2) */
		padding: 20px 20px 0 20px;
	}
	
	#footer {
		clear: both; /* permet d'éviter le chevauchement avec les éléments en float */
		width: 880px;	/* largeur du site - le padding (20px x2) */
		bottom: 0;
		padding: 15px 30px 0 30px;
	}

/**/


/* Les différents éléments de #center */

	#content { }

/**/


/* Bouton de rappel */

	#header #headerElements #wcb {
		position: absolute;
		top: 27px;
		left: 26px;
	}
	#header #headerElements #wcb #boutonappel {
		text-indent : -9999px;
		height: 106px;
		width: 192px;
		overflow: hidden;
		display: block;
		cursor: pointer;
	}

	
/**/


/* H1 */

	#center  h1 {
		position: absolute;	
		height: 158px;
		width: 167px;
		background-image:url(../images/interface/pre/logo.jpg);
		top: 0;
		right: 90px;
 	}
	#center  h1 a {
		text-indent : -9999px;
		height: 158px;
		width: 167px;
		overflow: hidden;
		background-image:url(../images/interface/pre/logo.jpg);
		display: block;
		cursor: pointer;
 	}

/**/


/* Menu de navigation principal */

	#nav li {
		float: left;
		position: relative;	/* pour que les éléments du menu se refere au li */
		list-style: none;
	}
	#nav a {
		color: #FFFFFF;
		text-decoration: none;
		font-size: 1em;
		font-weight: normal;
		/**/
		float: left; /* A ajouter si affichage du menu en ligne (horizontal) */
		margin: 0 15px 0 15px;
	}
	#nav a:hover 		{ color: #9A936B; }
	#nav li.mentions 	{ margin-top: -99999px; margin-left: -99999px; } /* Permet de cacher le bouton */
	
	/* Boutons actifs */
	#accueil #nav li.accueil a,
	#contact #nav li.contact a { color: #9A936B; }

/**/


/* Menu de navigation du footer */

	#footer #footerElements ul { height: 30px; text-align:center;}
	#footer #footerElements li {
	display:inline;
		position: relative;
		list-style: none;
	}
	#footer #footerElements li a {
		color: #000;
		text-decoration: none;
		text-align: center;
		font-size: 0.9em;
		text-indent: 4px;
		font-weight: normal;
		margin: 0 15px 0 0;
	}
	#footer #footerElements li a:hover { color: #9A936B; }

	/* Boutons actifs */
	#accueil #footer li.accueil a,
	#contact #footer li.contact a,
	#mentions #footer li.mentions a { color: #9A936B; }

/* */


/* Elements du footer */

	#footer #footerElements a				{ color: #000; text-decoration: underline; }

	#footer #footerElements .vcard 			{ font-size: 0.9em; margin: 0 0 10px 0; color: #000; text-align: center; padding-bottom:10px;}	
	#footer #footerElements .vcard .type, .sepTel, .sepSir	{ display: none; } /* ne pas supprimer */ 

	#footer #footerElements .vcard .value,
	#footer #footerElements .vcard .org	 	{ font-weight: bold; } /* ne pas supprimer */ 

	#footer #footerElements .vcard .adr,
	#footer #footerElements .vcard .siret	{ display: block; } 
	
/* */


/* Autres elements */

	/* Alignement des images */
	.left 		{ float: left; margin: 0 15px 0 0; }
	.right 		{ float: right; margin: 0 0 0 15px; }
	
	.colunm		{ width: 435px; }
	
	.clear		{ clear: both; }

/* */


/* Photo gallery */
/*Just add <div id="gallery"> </div> around your photos in ul list*/

	#gallery 		{ padding: 1.9em; margin-bottom: 20px; }
	#gallery img	{ border: 1px solid #FFF; }
	#gallery ul li	{ margin: 0; padding: 0; }
	#gallery ul li	{ display: inline; margin: 0 7px 0 0; }
	
/* */


/* Figure for photos */
/*Just add <div id="figure"> </div> around your single photo with infos*/	

	#figure 				{ background: #FFF; font-size: 0.8em; }
	#figure img				{ border: 1px solid #FFF; }
	#figure p 				{ margin: 2px; width: auto; color: #333; }
	#figure p.credit 		{ text-align: right; margin-bottom: 10px; }
	#figure .credit cite 	{ font-style: inherit; font-weight: bold; }
	#figure p.caption 		{ text-align: left; font-style: normal; line-height: 1em; }
	#figure .title 			{ font-weight: bold; font-style: normal; }
	#figure.fig1 			{ float: right; margin: 0 0 10px 10px; width: 141px; }

/* */


		#lang{ position:absolute; top:500px; left:420px;}
		
		#lang ul li{ float:left; }
		
		#lang ul li a{  float:left; margin-left:30px; }