/*****************************************************************************
	Agestis - Content Management System - http://www.agestis.com 
	by ARICIA http://www.aricia.fr
*****************************************************************************
			Version:	20110712.1055
			coder:	Damien
*****************************************************************************/


HTML, BODY { margin:0; padding:0; width:100%; height:100%; overflow:auto; }
BODY { font-family:arial, verdana, sans-serif; font-size:10pt; }

/************************************
	Général - Toutes pages avec Background étirable
************************************/

#background{ position:absolute; z-index:1; width:100%; height:100%; }
#scroller { position:absolute; width:100%; height:100%; top:0; left:0;
	margin:auto; overflow:auto; z-index:2; text-align:center; }
#content { background-color:transparent; color:black;
	width:780px; height:550px; left:50%; top:50%; position:absolute;
	margin-left:-390px;  		/* half of width */
	margin-top:-275px;   		/* half of height */ }

#inner_content { background-color:white; text-align:left;
	width:780px; height:550px; padding :0; margin:0; border:1px solid #627c7c; }


/************************************
	Conteneurs internes des pages
************************************/

	/* Colonne de gauche*/
		#left { float:left; width:302px; height:550px; padding:0; margin:0;
			border:0px solid red; font:8pt Georgia; }
		
		TABLE#cont_AllLeft	{ border:0; }
		TABLE#cont_AllLeft TD { vertical-align:bottom; }

			TD#cont_logo { border:0px; }
				#Logo_interne { border:0;
					width:190px; height:80px;
					margin:56px 56px 0 56px; }

			/* Text Framboise sous logo */
			TD#cont_TexteAccroche { height:103px; padding-left:56px; overflow:hidden;
				color:#b1005c; font-size:18pt; }

			TD#cont_TexteMiddle { font-size:10pt; font-family:Georgia; font-weight:bold;
				padding-left:56px; padding-top:10px; }

			TD#cont_TexteBas { padding-left:56px; padding-top:10px; }


	/* Colonne de droite */
		#right { float:right;
			border:0px solid blue; width:478px; height:480px; padding:0; overflow:auto;
			font-family:Georgia; font-size:8pt;
		}
		#right TABLE TR TD { font-family:inherit; font-size:8pt; }
		#right TABLE { border:0;width:96%; }
		#right TD { vertical-align:top; line-height:18px; }

			/* Haut de la colone de droite */
			#righttop { float:right; width:478px; height:70px; padding:0; border:0px solid green; }

				/* conteneur du chemin de navigation */
				#cont_navigation { width:100%; border:0px solid black; }
					#cont_navigation TD { height:40px; vertical-align:bottom; }

					TD#navigation_bar { width:388px; border :0px solid black; }
					TD#retour { height:26px; line-height:26px; font-size:8pt; color:#617b7f; }

						ul.marquee { display:block; width:230px;
							padding:0; margin:0; list-style:none; line-height:1; position:relative; overflow:hidden;
							height:22px; /* height should be included to reserve visual space for the marquee */ }

						ul.marquee li { position:absolute; top:-999em; left:0; display:block;
							white-space:nowrap; padding:3px 5px;
							font:14px Arial, Helvetica, sans-serif; }

						.marquee .author { display:none; }
						.marquee-author { float:left; width:90px; text-align:right; padding:4px 5px 1px 0; }

			/* contenu textuel de la page */
			#inner_right { font-family:Georgia; font-size:8pt; text-align:left; color:Black; }
			#inner_right TABLE TR TD { font:8pt Georgia; }
			#inner_right TABLE{ width:458px; }
				.titre_bloc { font-family:Verdana; font-weight:bold; color:#b1005c;
					letter-spacing:3px; padding-bottom:15px; }

	#copyright { font:10pt Georgia; font-style:italic; color:#617b7f; word-spacing:5px; }


/**** LIENS & BOUTONS ****/
	#donwload_link{ font-family:Verdana; font-size:8pt; color:#828282; text-decoration:none; }
	#donwload_link:hover{ color:#b1005c; text-decoration:none; }

	#btn_galerie_cliquez { width:180px; height:110px; display:block;
			background: transparent url('/Ressources/boutons/btn_galerie_cliquez.png') 0 0 no-repeat; }
			#btn_galerie_cliquez:hover { background-position:0 -110px;}
			#btn_galerie_cliquez SPAN { display:none;}

	#btn_video { width: 95px; height:110px; display:block; margin-left:45px;
		background: transparent url('/Ressources/boutons/btn_video_poteau.png') top left no-repeat; }
		#btn_video:hover { background-position:-98px 0;}
		#btn_video SPAN { display:none;}


	a.navigation { text-decoration:none; color:#bcbfc5; font-size:inherit; }
	a.navigation:hover { color:#b1005c; }
	a.retour {
		float:right; display:block; padding-left:20px; padding-right:10px; height:26px;
		background:url('/Ressources/Charte_graphique/retour_sommaire.jpg') 0 -8px no-repeat;
		text-decoration:none; color:#bcbfc5; font-size:inherit; letter-spacing:2px; font-weight:bold; }
	a.retour:hover { color:#b1005c; background:url('/Ressources/Charte_graphique/retour_sommaire.jpg') 0 -58px no-repeat; }

	#inner_right a:link, #inner_right a:visited { color:#bcbfc5; text-decoration:none; }
	#inner_right a:hover{ color:#b1005c; text-decoration:none; }
	#copyright a:link, #copyright a:visited { color:#617b7f; text-decoration:none; }
	#copyright a:hover { text-decoration:underline; }

	a.LienGris:link, a.LienGris:visited { color:#617b7f; text-decoration:none; }
	a.LienGris:hover { color:#b1005c; text-decoration:underline; }

/**** Menu ****/

ul#menu { width:780px; height:25px; margin:0; padding:0; background:url('/Ressources/Charte_graphique/bg_menu.jpg') repeat-x 0 -25px;
	border:1px solid #627c7c; list-style-type:none; border-top:0; }
ul#menu li{ float:left; text-align:center;}
ul#menu li a { display:block; width:128px; line-height:25px; font-family:Arial; font-size:10pt; font-weight:bolder; letter-spacing:2px;
	color:#82848b; text-decoration:none; border-right:2px dashed #627c7c; text-transform :uppercase; }
	ul#menu li a.mini_Menu { line-height:12px; letter-spacing:1px; font-size:7pt; }
ul#menu li a:hover { color:#b1005c; background:url('/Ressources/Charte_graphique/bg_menu.jpg') repeat-x 0 0; }

/**** Divers ****/
	#right { scrollbar-face-color:white; scrollbar-arrow-color:#bcbfc5; scrollbar-track-color:#f6f6f7; scrollbar-3dlight-color:#b1005c; scrollbar-darkshadow-color:#b1005c; }

	.BgFramboise { background-color:#B1005C; color:#FFFFFF; }
	.BlocFramboise { display:block; overflow:auto; width:146px; height:146px; background-color:#b1005c; padding:3px; color:#FFF; font-size:8pt; }

/**** Racourcis Formatage ****/
	.small { font-size:small; }
	.x-small { font-size:x-small; }
	.size6 { font-size:6pt; }
	.size7 { font-size:7pt; }
	.size8 { font-size:8pt; }
	.size10 { font-size:10pt; }
	.size12 { font-size:12pt; }
	.nowrap { white-space:nowrap; }

	.Georgia { font-family:Georgia; }
	.Arial { font-family:Arial; }
	.normal { font-style:normal; }
	.italic { font-style:italic; }
	.bold { font-weight:bold; }

	.White { color:White; }
	.Black { color:Black; }
	.Framboise { color:#b1005c; }
	.Gris { color:#bcbfc5; }
	.GrisFonce { color:#617b7f; }

