*{
	margin: 0px; /* pour éviter les marges */
	padding:0px auto;
	}
	html {
	 overflow-y:scroll;
	}
	
	body {
	margin: 0px; /* pour éviter les marges */
	padding:0px auto;
    text-align: center; 
    font-family:verdana;
    font-size:13px;
    color:black;
    background-image:url(../template/graphisme/fond.png);
	}
	
	div#encadrant {
		
		position: relative;
		margin-left: auto;
   		margin-right: auto;
		width:760px;
		top:0px;
   		text-align:left;
		}
	
		div#contour_haut {
			width:760px;
			height: 30px;
			float:left;
			position: relative;
			text-align:center;	
			background-image:url(../template/graphisme/contour_h.png);
			background-repeat:no-repeat;
			}
			
		div#contour_partiecentrale {
			width:700px;
			height:auto;
			float:left;
			padding-left:30px;
			padding-right:30px;
			position: relative;
			text-align:justify;	
			background-image:url(../template/graphisme/contour_m.png);
			background-repeat:repeat-y;
	
		}
		
			div#entete {
				float:left;
				width:700px;
				height: 120px;
				position: relative;
				}
				div#entete_g {
					width:200px;
					height: 120px;
					float:left;
					position: relative;
					text-align:center;	
					background-image:url(../template/graphisme/entete_g.png);
					background-repeat:no-repeat;
				}
				div#entete_d {
					width:500px;
					height: 120px;
					float:left;
					position: relative;
					text-align:center;	
					background-image:url(../template/graphisme/entete_d.png);
					background-repeat:no-repeat;
				}
				
			div#menu {
				height:auto;
				min-height:40px;
				float:left;
				width:200px;
				padding:0px;
				position: relative;
				text-align:justify;
				}
				div#menu_h {
					width:200px;
					height: 40px;
					float:left;
					position: relative;
					background-image:url(../template/graphisme/menu_h.png);
					background-repeat:no-repeat;
				}
				div#menu_m {
					width:170px;
					height: auto;
					float:left;
					padding-top:50px;
					padding-bottom:50px;
					padding-left:15px;
					padding-right:15px;
					position: relative;
					background-image:url(../template/graphisme/menu_m.png);
					background-repeat:repeat-y;
				}
				div#menu_b {
					width:200px;
					height: 30px;
					float:left;
					position: relative;
					background-image:url(../template/graphisme/menu_b.png);
					background-repeat:no-repeat;
				}
				
			div#contenu {
				height:auto;
				float:left;
				width:500px;
				position: relative;
				text-align:justify;	
				}	
				div#contenu_h {
					height:20px;
					width:500px;
					float:left;
					position: relative;
					text-align:justify;	
					background-image:url(../template/graphisme/contenu_h.png);
					background-repeat:no-repeat;
					}	
				div#contenu_m {
					height:auto;
					width:460px;
					float:left;
					padding-left:20px;
					padding-right:20px;
					position: relative;
					text-align:justify;	
					background-image:url(../template/graphisme/contenu_m.png);
					background-repeat:repeat-y;
					}	
				div#contenu_b {
					height:20px;
					width:500px;
					float:left;
					position: relative;
					text-align:justify;	
					background-image:url(../template/graphisme/contenu_b.png);
					background-repeat:no-repeat;
					}	
				
			div#pieddepage {
				width:700px;
				position: relative;
				float:left;
				height:20px;
				padding-top:20px;
				padding-bottom:0px;
				text-align:center;
				}	
		
		div#contour_bas {
			width:760px;
			height: 30px;
			float:left;
			margin-top:0px;
			position: relative;
			text-align:center;	
			background-image:url(../template/graphisme/contour_b.png);
			background-repeat:no-repeat;
			}
	
/********************************* fin des styles des divs ******************/		
		
		a {
			color:black;
		}

		/*** menu ****/
		ul.menugauche {
			margin-left:0px;
			padding-left:0px;
			line-height:20px;
			color:black;
			list-style-type:none;
			vertical-align:middle;
		}
		ul.menugauche li {
			margin-left:0px;
			padding-left:0px;
		}
		
		li.accueil_actuel {
			
		}
		li.accueil_normal {
		
		}
		li.rubrique_actuelle {
		
		}
		li.rubrique_normale {
		
		}
					
			ul.page {
			margin-left:20px;
			padding-left:0px;
			list-style-type:none;
			}
			li.page_actuelle {
			
			}
			li.page_normal {
			
			}
			
			
		ul.menugauche a {
		color:black;
		
		}
		
		
		h1 {
		color:black;
		font-size:20px;
		text-align:center;
		padding-bottom:15px;
		width:460px;
		
		}
		
		h2 {
		color:blue;
		text-align:center;
		padding-bottom:15px;
		width:460px;
		}
		
		
		/**** contenu ***/
		div.bloccontenu {
		float:left;
		width:460px;
		position:relative;
		padding-bottom:10px;
		}
		
		h2.titreparagraphe {
		color:black;
		text-align:center;
		padding-bottom:5px;
		width:460px;
		font-size:15px;
		}
		
		div.bloccontenu  h1{
		width:auto;
		}
		div.bloccontenu  h2{
		width:auto;
		}
		
		p.imageparagraphe {
		text-align:center;
		}
		
		
		img.imageparagraphe {
		float:left;
		border:0px;
		}
		
		img.imageparagraphegauche {
		float:left;
		padding-right:10px;
		padding-bottom:10px;
		border:0px;
		}
		img.imageparagraphedroit {
		float:left;
		padding-left:10px;
		padding-bottom:10px;
		border:0px;
		}
		
		/** galerie photo **/
		div.blocgalerie {
			position:relative;
			float:left;
			width:100%;
		
		}
		div.blocimagettesgalerie {
			display:block;
			float:left;
			position:relative;
			padding:5px;
			width:90px;
			min-height:140px;
		}
		
		div.encadrantgalerie {
			border:1px solid black;
			padding:5px;
		}
		
		span.gras {
		font-weight:bold;
		}
		
		a img {
			text-decoration:none;
			border:0px;
		}
		
		/* visionneuse et popup */
		
		div#encadrantpopup {
		
		}
		div#encadrantvisionneuse {
		
		}
		
		/*module reservation */
		div#affichagecalendrier {
		text-align:center;
		position:relative;
		margin-left:auto;
		margin-right:auto;
		}
		
		p.calendrier {
			text-align:center;
			width:460px;
		}
		
		span.legende {
		font-style:italic;
		}
		
		
		table.calendrier {
		text-align:center;
		border:0px;
		border-spacing:0px;
		}
		table.calendrier tr.ligneespace{
		height:10px;
		}
		table.calendrier td {
		width:18px;
		height:18px;
		}
		
		table.tableautarifs {
		text-align:left;
		border:0px;
		}
		
		table.tableautarifs td.tarifgauche{
		width:30px;
		text-align:center;
		}
		
		table.calendrier td.nonoccupe {
		filter:alpha(opacity=50);/*IE*/
		-moz-opacity:0.50;/*navig basé sur mozilla*/
		opacity:0.50;/*autre*/
		}
		table.calendrier td.occupe {
		border:0px;
		padding:0px;
		border-spacing:0px;
		}
		table.calendrier td.occupe img {
		display:block;
		}
		
		/**/
		
		
		/*** contact ****/
		
		label.contact {
			padding-top:3px;
			height:15px;
			font-style:italic;
			width:130px;
			display:block;
			float:left;
			position:relative;
		}
		
		label.contactradio {
			
			font-style:italic;
			width:160px;
			display:block;
			float:left;
			position:relative;
		}
	
		input.contact {
			float:left;
			position:relative;
			
		}
		/***/
			
			
			
		label.login {
			padding-top:3px;
			height:15px;
			width:200px;
			display:block;
			float:left;
			position:relative;
		}
		
		input.login {
			float:left;
			position:relative;
		}
		
		label.admin {
			padding-top:3px;
			height:15px;
			width:120px;
			display:block;
			float:left;
			position:relative;
		}
		
		
		
		p.mentionslegales {
		text-align:justify;
		
		}
		
		
		
		/*news */
		
		
		span.titre_actualite {
		font-weight:bold;
		float:left;
		}
		
		span.date_nouvelle {
		font-style:italic;
		float:right;
		}
		span.date_parution {
		color:orange;
		
		}
		
		
		
		
/********************* admin **************************/
		/*menu admin*/
		ul.menuadmin {
			margin-left:0px;
			padding-left:0px;
			line-height:20px;
			color:black;
			list-style-type:none;
			vertical-align:middle;
		}
		ul.menuadmin li {
			margin-left:0px;
			padding-left:0px;
		}
		ul.menuadmin a {
			color:black;
		} 
		ul.menuadmin img {
			vertical-align:middle;
		} 
		
		
		/* tableau de l'admin */
		span img {
			vertical-align:middle;
		} 
		
		
		span.n0 a {
			color:gray;
		}
		
		span.n1_visible  {
			margin-left:100px;
			text-align:left;
		}
		span.n1_invisible {
			margin-left:100px;
			text-align:left;
			
		}
			
		span.n1_invisible a {
			color:red;
		}
		span.n1_visible a {
			color:black;
		}
		
		span.n2_visible {
			margin-left:200px;
			text-align:left;
			
		}
		span.n2_invisible {
			margin-left:200px;
			text-align:left;
		}
		
		span.n2_visible a {
			color:black;
		}
		span.n2_invisible a {
			color:red;
		}
		
		
		span.sautligne{
			height:25px;
			text-align:left;
		}
		
		span.ajoutpagen1 {
			margin-left:100px;
			text-align:left;
		}
		span.ajoutpagen1 a {
			color:green;
			
		}
		span.ajoutpagen2 {
			margin-left:200px;
			text-align:left;
		}
		span.ajoutpagen2 a {
			color:green;
			
		}
		
		select.actionSurN1 {
			margin-left:100px;
		
		}
		select.actionSurN2 {
			margin-left:200px;
		
		}
		
			
			
			
			
			
		p.ajout {
			padding-bottom:10px;
			margin-top:0px;
			margin-bottom:0px;
		}
		p.ajout img {
			vertical-align:middle;
		}
		
		p.edition {
			padding-bottom:10px;
		}
		p.edition img {
			vertical-align:middle;
		}
		
		img.imagealignee {
			vertical-align:middle;
		}
		
		p.obligatoire {
			font-weight:bold;
		}
		
		p.justifie {
			text-align:justify;
		}
		
		
		div.erreur {
			padding:10px;
			position:relative;
			float:left;
			border:1px solid red;
			margin-bottom:10px;
		}
			div.erreurimage {
				position:relative;
				float:left;
				width:36px;
				min-height:36px;
			}
			div.erreurtexte {
				padding-left:15px;
				width:300px;
				position:relative;
				float:left;
				min-height:36px;
			}
			
		div.resultat {
			padding:10px;
			position:relative;
			float:left;
			border:1px solid green;
			margin-bottom:10px;
		}
		
		
		div.filariane {
			position:relative;
			float:left;
			text-align:left;
			height:60px;
			width:100%;
		}
		
		div.filariane img {
			vertical-align:middle;
			text-align:left;
		}
		
		div#filarianeavecapercu {
			position:relative;
			float:left;
			height:40px;
			text-align:left;
		}
		div#filarianeavecapercu img {
			vertical-align:middle;
		}
		
		div#allersurlapage {
			position:relative;
			float:right;
			height:40px;
		}
		
		div#allersurlapage img {
			vertical-align:middle;
		}
		
		div.gestioncorps {
			float:left;
			position:relative;
			margin-top:15px;
		}
		
		div.effectueraction {
			float:left;
			position:relative;
			padding-top:15px;
			width:100%;
			padding-bottom:10px;
			clear:left;
		}
		
		
		
		
		
		
		
		
		
		
		fieldset.affichagecontenu {
		
		}
		
		fieldset.proprietespage {
			
		}
		
		fieldset.contenu {
			
		}
		
		fieldset.configuration {
			
		}
		
		fieldset.arborescence {
			
		}
		
		fieldset.creationpage {
			
		}
		img.imagefieldset {
			vertical-align:middle;
		}
		
		fieldset {
			margin-bottom:10px;
			border:1px solid black;
			padding:10px;
			width:440px;
		}
		legend {
			border:1px solid black;
		}
		
		
		option.selectionnez {
			color:gray;
			font-weight:bold;
		}
		
		
		img.attention {
			vertical-align:middle;
		
		}
		
		/* */
		table.gestionemail {
		text-align:left;
		}