/* CSS des pages intérieures : pages d'accueil sur 2 colonnes + pages de contenus */

body  { background-image: url(../images/interne/fd_body.gif); }
a { color: #004D5A; }
a:hover { text-decoration: none; }
#container { overflow: hidden; width: 990px; min-height: 573px; background-image: url(../images/interne/fd_container.gif); background-repeat: repeat-x; background-position: 0 141px; }

	/* HEADER */
	#h { position: absolute; z-index: 2; width: 323px; margin-left: 540px; }
		#h h1 { width: 323px; height: 181px; background-image: url(../images/interne/logo.png); background-repeat: no-repeat; }
		#h h1 a { height: 181px; position: relative; outline: none; }
		#h #links { position: absolute; top:0; margin-left: -535px; font-size: 80%; }
		#h #links a { float: left; text-decoration: none; margin-right: 20px; padding: 3px 0 0 20px; }
		#h #links a:hover { text-decoration: underline; }
		#h #links a#lang { background-repeat: no-repeat; background-position: 0 2px; }
		#h #links a#link-home { background-image: url(../images/interne/ico_accueil.gif); background-position: 0 1px; background-repeat: no-repeat; }
		#h #links a#photo { background-image: url(../images/interne/ico_photo.gif); background-position: 0 1px; background-repeat: no-repeat; }
		
	/* BODY */
	#container .a-b-c { margin-top: 61px; overflow: hidden; font-size: 85%; }
	
		/* Colonne 1 : navigation / rubriques */
		#container .a-b-c .a { margin-top: 80px; width: 185px; /*z-index: 1; overflow: hidden; */}
		.a-b-c .a h2 { display: none; }
		.a-b-c .a ul#navigation { margin:0; padding:0; }
		.a-b-c .a ul#navigation li { list-style: none; width: 185px; height: 77px; margin-bottom: 2px; }
		
		.a-b-c .a ul#navigation li { text-indent: -9000em; }
		.a-b-c .a ul#navigation li a { display: block; width: 185px; height: 77px; background-position: 0 0; outline: none; }
		.a-b-c .a ul#navigation li a:hover { background-position: 0 -77px; }
	
		/* Colonne 2 : vignettes photos */
		#container .a-b-c .b { width: 214px; }
		#container .a-b-c .b .gallery { margin: 0; padding: 0; list-style-image: none; list-style-position: outside; list-style-type: none; }
		.gallery li { position: relative; width: 214px; height: 164px; }
		.gallery li span { 
			position: absolute;
			top: 0;
			left: 0;
			display:block;
			width: 214px;
			height: 164px;
			overflow: hidden;
			background:transparent url(../images/interne/masque_vignettes.png) no-repeat scroll 0 0;
			cursor: default;
		}
		.gallery li .photo { overflow: hidden; width: 200px; height: 150px; }
		.gallery img { padding: 17px 0 0 17px; }

		/* Colonne 3 : Content */
		#container .a-b-c .c { width: 591px; }

		#top-content { padding-top: 30px; height: 91px; background-image: url(../images/interne/content-top.png); background-repeat: no-repeat; }
		#top-content ul li { margin: 0 40px; padding-left: 20px; height: 15px; list-style: none; font-size: 95%; width: auto; background-position: 0 0; background-repeat: no-repeat; }
			li#acces-link { float: left; background-image: url(../images/interne/ico_acces.gif); }
			li#contact-link { float: right; background-image: url(../images/interne/ico_contact.gif); }
			#top-content a { text-decoration: none; }
			#top-content a:hover { text-decoration: underline; }
			
		#content { width: 581px; padding-right: 10px; background-image: url(../images/interne/fd_content.png); background-repeat: repeat-y; }
			#content .standard { width: 576px; margin: 0 0px 0 35px; height: 472px; overflow: auto; }
			*:first-child+html #content .standard { width: 560px; height: 480px; }
			
			#content .jScrollPaneContainer ul { margin: 10px 35px; }
			#content .jScrollPaneContainer li { padding: 2px; list-style: disc; }
			
		/* Liens horizontaux */
		#content .jScrollPaneContainer .inline-links { overflow:hidden; margin: 0 0 5px 0; padding: 0; border: 1px solid white; }
		#content .jScrollPaneContainer .inline-links li { float: left; padding: 0 10px 3px 10px;  border-right: 1px solid black; list-style: none; }
		
		/* ************************************************ Slideshow ******************************************* */
		.glidecontentwrapper{
			clear: both;
			position: relative; /* Do not change this value */
			width: 500px;
			height: 360px; /* Set height to be able to contain height of largest content shown*/
			overflow: hidden;
			top: 15px;
		}
		.glidecontentwrapper h4 { margin: 0 0 5px 0; }
		/*
			Total wrapper width: 350px+5px+5px=360px
			Or width of wrapper div itself plus any left and right CSS border and padding
			Adjust related containers below according to comments
		*/

		.glidecontent { /*style for each glide content DIV within wrapper.*/
			position: absolute; /* Do not change this value */
			background: white;
			margin: 0 0 10px 0;
			visibility: hidden;
			width: 460px;
			text-align: center; 
		}

		/*
		 Total glidecontent width: 330px+10px+10px=350px
			Or width of wrapper div itself (not counting wrapper border/padding)
		*/

		.glidecontenttoggler { /*style for DIV used to contain toggler links. */
			width: 100%;
			/*margin-top: 6px;*/
			text-align: center; /*How to align pagination links: "left", "center", or "right"
			background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
		}
		/*
		 Total contenttoggler width: 350px+5px+5px=360px
			Or total width of wrapper div (counting wrapper border/padding)
		*/

		.glidecontenttoggler a { /*style for every navigational link within toggler */
			display: -moz-inline-box; display: inline-block; color: #7FA4AB; padding: 1px 3px; margin-right: 3px; font-weight: bold; text-decoration: none; }

		.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
			background: #7FA4AB; background-color: #7FA4AB; color: white; }

		.glidecontenttoggler a:hover { background: #D3E0E1; color: black; }

		.glidecontenttoggler a.toc { /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
		}

		.glidecontenttoggler a.prev, .glidecontenttoggler a.next { /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
		}

		.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover { background: #7FA4AB; color: white; }
		/* ********************************************* FIN Slideshow ******************************************* */
		

		#bottom-content { clear: both; overflow: hidden;height: 40px; background-image: url(../images/interne/content-bottom.png); background-repeat: no-repeat; }			
			#bottom-content #legals { text-align: center; padding-top: 6px; font-size: 85%; color: #B2B2B8; }

		
	/* FOOTER */
	#copyright, #realisation { font-size: 85%; }
	#copyright { margin-right: 300px;  float: right; }
	#realisation, #realisation a { color: #B2B2B8; }
	#realisation { margin-right: 60px; float: right; }