/*Styles générale des pages*/
body {
	background: #ffffff; /* couleur de fond de page */
	font: 11px verdana, sans-serif;
	margin: 0;
	padding: 0;
}



/* lien sans soulignement par défaut */
	a {text-decoration: none;}

/* Bloc principal qui contient tout les autres*/ div#container {width: 900px;
		
		position:relative;
		left: 0px;
		top: 0px;
		margin: 0px auto;
		padding: 0px;
	}
	
/*Elements de page*/

	/* LA BANNIERE */
		div#header {width: 900px; height: 102px; 
				border: 0px;
				position:relative;
				left: 0px;
				top: 0px;
				margin: 0px;
				padding: 0px;
				color: #000000;
			}
			/* Titre bannière */#titreban { color: red;
					position: absolute;
					float: right;
					left: 180px;
					top: 5px;
					font-weight: bold; 
					font-size: 45px;
				}#soustitreban { color: black;
					position: absolute;
					float: right;
					left: 178px;
					top: 3px;
					font-weight: bold; 
					font-size: 45px;
				}
			/* E-mail */#email { color: black;
					position: absolute;
					left: 220px;
					top: 55px;
					font-weight: bold; 
					font-size: 20px;
				}#sousemail { color: orange;
					position: absolute;
					left: 219px;
					top: 54px;
					font-weight: bold; 
					font-size: 20px;
				}
			/* Telephone */#tel { color: black;
					position: absolute;
					left: 600px;
					top: 55px;
					font-weight: bold; 
					font-size: 20px;
				}#soustel { color: orange;
					position: absolute;
					left: 599px;
					top: 54px;
					font-weight: bold; 
					font-size: 20px;
				}

	/* LE MENU */
		div#menu { width: 100%; height: 23px;
				background-image: url(ban_menu.jpg);
				background-repeat: repeat-x;
				position: absolute; 
				top: 85px;
				left: 0px;
				margin: 0;
				padding: 0;
				float: left;
				z-index: 2;								
			}
			
			#premenu{width: 800px; height: 23px;
					background-image: url(ban_menu.jpg);
					background-repeat: repeat-x;
					list-style-type: none;
					margin: 0;
					padding: 0;
				}
			#premenu li{width: 120px;
					float: left;
					margin: 0;
					padding: 0;
					border: 0;
					font-weight: bold;
				}
			#premenu li a:link, #premenu li a:visited{
					display: block;
					height: auto;
					color: #000;
					background: none;
					margin: 0;
					padding: 4px 8px;
					border: none;
					text-decoration: none;
				}
			#premenu li a:hover { color: #F2462E; }
			#premenu li a:active { color: #5F879D; }

			#premenu .sousmenu{width: ;
					display: none;
					list-style-type: none;
					margin: 0;
					padding: 0;
					border: 0;
				}
			#premenu .sousmenu li{width: 120px;
					float: none;
					margin: 0;
					padding: 0;
					border: 1px solid black;
				}
			#premenu .sousmenu li a:link, #premenu .sousmenu li a:visited{
					display: block;
					color: #000;
					margin: 0;
					border: 0;
					text-decoration: none;
					background-color: #fff;
					background-image: url(ban_sousmenu.jpg);
					background-repeat: repeat-x;
				}
			#premenu .sousmenu li a:hover{
					background-color: #fff;
					background-image: url(ban_menuselect.jpg);
					background-repeat: repeat-x;
					background-position: bottom;
				}

/*INTER: PUB + CONTENU + NEWS */
	div#inter{ width: 900px; height: ;
		position: absolute;
		top: 108px;
		left: 0px;
		z-index: 0;
	}
	
	/* LES PUBS */
		div#pub { width: 150px; height: ;
				background-color: #ffffff;
				background-image: url();
				background-repeat: no-repeat;
				position: relative;
				top: 0;
				left: 0;
				margin: 0px;
				padding: 0px;
				border: none;
				clear: both;
				float: left;
			} .pubgauche {
				
				padding: 10px 0px 0px 0px;
				border: none;}

	/* LES NEWS */
		div#news { width: 130px; height: ;
				background-color: #ffffff;
				background-image: url();
				background-repeat: no-repeat;
				position: relative;
				top: 0;
				left: 0;
				margin: 0px;
				padding-left: 10px;
				padding-right: 10px;
				border: 0px;
				float: right;
			} #news a:link, #news a:visited {text-decoration: none; color: blue;}
			#titrenews {
				position:relative; 
				top: 10px; left:30px;
				}
	/*titres et paragraphes*/
				h1{font-size: 16px; color: red;}
				h2{font-size: 11px; font-weight: bold;}
				p{text-align: justify; text-indent: 25px;}
				.imagegauche {float: left; margin-right: 5px;}
				.textegras {font-weight: bold; color: red; border-left: 0px double #0000ff;}
				.textegras2 {font-weight: bold; color: Black; border-left: 0px double #0000ff;}
				.textegras3 {font-weight: bold; color: orange; border-left: 0px double #0000ff;}
				
				
				
				
	/* CONTENU */
		div#contenu { width: 600px; height: ;
				position: relative;  
				border: none;
				left: 0px;
				top: 0px;
				float: left;
				margin: 0px;
				padding: 0px;
				
			}
			#titrepage{ width:600px; height: 56px;/*BLOC de TITRE*/
				background-image: url(media/fond_haut.gif);
				background-repeat: no-repeat;
				background-position: center;
				position: relative;
				left: 0px;
				top: 0px;
				font-size: 18px;
				text-align: center;
				border: none;
				border-color: blue;
				padding-top: 10px;
				margin-bottom: 0px;
			}
			.page_contenu{ width: 600px; height: 100%;
				background-image: url();
				background-repeat: no-repeat;
				
			}
			.photo { width: 200px; height: ;
				position: relative;
				float: right;
				left: 10px;
				top: 5px;
				border: none;
				padding: 5px;
			} .photo img { width: 180px;}
/* Style bloc de page */.bloc { position: relative; top: 0px; left: 0px;
					border: none;
					font-size: 10px;
					float: left;
					margin: 0px 10px 0px 0px;padding: 0px;
					background-image: url(../b_images/blocB.gif);
					background-repeat: repeat-y;
					background-position: top left;
					}.blocT{height:27px;margin: 0px;
						background-image: url(../b_images/blocT.gif);
						background-repeat: repeat-x;
						background-position: top left;
					}.blocT h1, .blocT h2{height:27px; padding: 0px 0px 0px 25px;
						margin: 0px;
						display: inline;position: relative; top: 0px; left: 20px;
						background-color: #fffff;
						background-image: url(../b_images/blocTL.gif);
						background-repeat: no-repeat;
						background-position: top left;
						float:left;
					} .bloc .endtitre{width:27px; height:27px; margin: 0px;
						position: relative; top: 0px; left: 0px;
						border: none;float:left;
						background-image: url(../b_images/blocTLF.gif);
						background-repeat: no-repeat;
						background-position: top left;
					}.blocTR{height:27px;
						background-image: url(../b_images/blocTR.gif);
						background-repeat: no-repeat;
						background-position: top right;
					}.blocC{margin:0px;padding:0px 10px 0px 10px;background-image: url(../b_images/blocB.gif);
						background-repeat: repeat-y;
						background-position: right;
					}.blocB{width:100%;
						background-image: url(../b_images/blocB.gif);
						background-repeat: repeat-x;
						background-position: bottom;
					}.blocBL{height:21px; width:30px;float:left;
						background-image: url(../b_images/blocBL.gif);
						background-repeat: no-repeat;
						background-position: left;
					}.blocBR{height:21px; 
						background-image: url(../b_images/blocBR.gif);
						background-repeat: no-repeat;
						background-position: right;}
				.blocC .new p{text-align: left;}
			
		/* ACCEUIL */
			
		/* REFERENCES */
		
		/*ANIMATIONS*/
			
			.titreanim {width:600px; height: 56px;
				background-image: url(media/fond_haut.gif);
				background-repeat: no-repeat;
				background-position: center;
				position: relative;
				left: 0px;
				top: 0px;
				font-size: 18px;
				text-align: center;
				border: 0px;
				border-color: red;
				padding-top: 10px;
				margin-bottom: 5px;
				color: purple;
			}
			.page_tarif {width: 600px; height: 211px;
				background-image: url(media/fond_tarif.gif);
				background-repeat: no-repeat;
				clear: both;
			}
			.detailpratique {width: 230px; height: 120px;
				background-image: url();
				background-repeat: no-repeat;
				position: relative;
				top: 0px;
				left: 60px;
				border: none;
				padding: 5px;
				float: left;
			}
			.tarif {width: 155px; height: 100px;
				color: yellow;
				position: relative;
				top: 62px;
				left: 125px;
				border: none;
				margin: ;
				padding: 0px 0px 0px 0px;
				float: left;
				font-size: 11px;
				font-weight: bold;
			}
			/* grimage */
				
			/* ballons */
				
			/* rue */
				
			/* capitaine madgic*/
				
			/* pedagogique */
				
			/* scene */
				
		
		/* GALLERIE */
		/* Bloc de la page Galerie Photo*/
			#fond_galerie { 
				position:relative;
				top: 0;
				left: 0px;
				border: 0px;
				clear: both;}
				
				.lien_galerie , .lien_galerie  h3{text-decoration: none; color: blue; background-color: white; font-size: 10px; font-weight: bold;}
				.current{font-weight: bold; border-left: 1px solid blue;}
		/* Bloc de la page Galerie Videos*/
			#videocontent {width:  600px; 
					float: left;text-align: left;			
				}#videocontent .new{padding-bottom: 20px;}
			.blocC h2 { text-indent: 15px;}
			.video { width:425; height:350;}
				
			.texte { width: 150px; height: ;
				float: right; margin-right:5px;text-align:left;}		
				
				/*
				#gerarcimor {position: absolute;
					top: 85px;
					left: 185px;}
				#grimage {position: absolute;
					top: 122px;
					left: 250px;}
				#albumecole {position: absolute;
					top: 220px;
					left: 270px;}
				#diabolob {position: absolute;
					top: 140px;
					left: 40px;}
				#formulemad {position: absolute;
					top: 330px;
					left: 175px;}
				#pirate {position: absolute;
					top: 250px;
					left: 30px;}
				*/
			#menupage{	margin: 0px;	padding: 0px;						
		}#menupage .new { min-height:110px;
				font-size: 10px;
				line-height: 14px;
				margin: 0px;
				padding:0px 0px 5px 0px;
				display: block;
			}#menupage .vignette{
				border:0px solid orange;
				margin: 0px 5px 0px 0px ;
				float:left;
			}
		#photos{width:277px; margin: 0px 20px 25px 0px;float:left;}
		#videos{width:277px; margin: 0px 0px 25px 0px; float:left;}
		/* LIENS */
			.lien  {}
			.lien  li {color: blue; list-style-type: none;}
		
		/* NEWS */
		
/* FOOTER */
	div#footer{width: 900px; 
				border: 1px solid #ffffff;
				position:relative;
				left: 0px;
				top: 0px;
				margin: 0px;
				padding: 0px;
				color: #000000;				
				float: left;
			}
		#menu_bas {font-weight: bold; text-align: center; color: red;}
		#menu_bas a:link, #menu_bas a:visited {color: #000000;}
	.pub {padding: 10px 10px 0px 0px; border: 0px;}
#flashcontent { width: 600px; height: 590px;
			 position: relative; left: 0px; top: 0px;
			}