/*Css document*/

/*language: français - créateur: HANSEN Laurent- format: text/CSS*/

/*styles appliqués aux balises*/

*
{
margin:0px;
padding:0px;
}

body 
{
top:0;
bottom:0;
margin:0;
font-size:12px;
background-color:#E5E5E5;
color:black;
font-family: Verdana,sans-serif;
padding:8px;
}

img 
{
border:0px;
}


/*styles de l'interface*/

div#page
{
width:765px;
min-height:600px;
margin:0 auto 5px;
position:relative;
}

div#politiqueacces
{
	height:15px;
	width:100%;
	color:#adc0c7;
	text-align:center;
	text-decoration:none;
	font-size:12px;	
	margin: 0 auto 3px;
}
			
	div#politiqueacces a, #copyright a
{
	color:#adc0c7;
	background-color:#E5E5E5;
	text-decoration:none;
	font-size:12px;
}
			
	div#politiqueacces a:hover
{
	color:#788185;
	background-color:#E5E5E5;
	text-decoration:underline;
	font-size:12px;
}

	div#politiqueacces ul
{
	text-align: center;
	margin: 0 auto;
}

	div#politiqueacces li
{
	list-style-type:none;
	display: inline;	
}

	div#cadre
{
	width:765px;
	min-height:600px;
	background-color:#FFFFFF;
	color:black;
	border:1px solid #98AAB1;
	padding:10.5px;
	margin:0 auto;
}

/*Bannière*/

		div#banniere
	{	
		width:760px;
		height:116px;
		top:0;
		left:0;
		right:0;
	}

		div#banniere img
	{
		width:98%;
	}
		
/*BOX principal*/
	
		div#box
	{
		width:100%;
		margin-top:0px;
	}
			
/*Menu horizontal*/
			
			div#menuhorizontal
		{
			width:765px;
			height:30px;
			background:url(../img/barmenu.jpg) 100% 100%;
			color:white;
			background-color:#006600;
			text-decoration:none;
			margin-bottom:6px;
			
		}
			
			div#menu
		{
			padding-left:140px;
			padding-top:7px;
		}
				
				div#menu ul
			{
				margin:0;
				padding: 0;
				list-style-type: none;
			}
				
					div#menu li 
				{
					margin:0;
					padding:0;
					margin-left:40px;
					list-style-type: none;
					display: inline;
				}
					
/* dimensions et définitions des boutons */

					div#menu li a 
				{ 
					color:#FAFAFA;
					text-decoration:none;
					text-align:center;
					font-size:12px;
					font-weight:bold;
				}

/*Menu de gauche*/
			
			div#boxgauche 
		{
			position:absolute;
			width:155px;
			/*height:100%;*/
			left:0;
			margin-left:10.5px;
			margin-top:2px;
			padding: 0;
		}
				
				div#coinhaut
			{
				width:155px;
				height:6px;
				background:url(../img/hautmenu.bmp) no-repeat top left;
				margin: 0;
			}
				div#coinbas
			{
				width:155px;
				height:6px;
				background:url(../img/basmenu.bmp) no-repeat top left;
			}
				
				div#menugauche
			{
				width:135px;
				background:url(../img/ombrage.jpg) bottom right;
				padding:20px 0 20px 20px;
				margin: -8px 0 0;
			}
				
				/* hack pour firefox - force */
				
				html>body div#menugauche
			{
				width:135px;
				background:url(../img/ombrage.jpg) bottom right;
				padding:20px 0 20px 20px;
				margin: 0 0 0;
			}
				
				div#menugauche ul
			{
				list-style-type:square;
				color:white;
				font-weight:bold;
			}
			
				div#menugauche li
			{
				color:white;
				font-weight:bold;
				text-decoration:none;
				margin-left:6.5px;
			}
				
				div#menugauche a
			{
				color:white;
				font-weight:bold;
				text-decoration:none;
			}
				
				div#menugauche a:hover
			{
				color:white;
				font-weight:bold;
				text-decoration:none;
			}
					
					.menu
				{
					padding-top:10px;
					padding-left:0px;
				}
					
					.menu1
				{
					padding-top:7px;
					list-style-type:none;
				}
					
					.menu2
				{
					padding-top:7px;
					padding-bottom:5px;
					list-style-type:none;
				}
					
/*48fm*/
				div#radio 
			{
				width:100%;
				padding-top:18px;
				padding-left:25px;
				padding-bottom:30px;
			}

				div#radio img
			{
				width:71%;
			}
				
/*Validation*/		
				
				div#validation 
			{
				width:80px;
			}

				div#validation img
			{
				width:80px;
				margin-left:38px;
				margin-top:3px;
			}
			
				div#validation a
			{

			}

				div#validation a:hover
			{

			}

				div#administration
			{
				width:100%;
				font-size:10px;
				text-align:center;
				margin-top:25px;
			}
				
				div#administration a
			{
				color:white;
				text-decoration:none;
			}
				
				div#administration a:hover
			{
				color:black;
				text-decoration:none;
			}
			
				div#compteur
			{
				margin-left:40px;
			}
			
			

/*Box de droite*/
	
		div#boxdroite
	{	
		width:594px;
		margin-left:163px;
	}
	
			div#cadrecontenu
		{	
			width:100%;
			border-right:3px solid #060;
			border-left:3px solid #060;
		}
			
			div#coincontenu
			{
				width: 600px;
				height: 13px;
				margin: 0 0 -2px;
				background: url(../img/hautcontenu.bmp) no-repeat top left;
			}

				div#coincontenu2
			{
				width:600px;
				height:13px;
				margin: -2px 0 0;
				background: url(../img/bascontenu.bmp) no-repeat top left;
			}
				div#contenu
			{
				min-height:550px;
				border-left:2px solid #048c04;
				border-right:2px solid #048c04;
				padding-top:15px;
				padding-left:10px;
				padding-right:18px;
			}

				div#texte
			{
				padding-left:35px;
			}
			
				div#texte2
			{
				padding-left:0px;
			}

				div#texte2 a
				{
					color:black;
					text-decoration:none;
				}

					div#texte2 a:hover
				{
					color:#FFA34F;
					text-decoration:underline;
				}
				
				
				div#textehauteurfixe   /*Pour une hauteur de cadre suffisante^pour les pages à contenu moindre*/
			{
				padding-left:25px;
				padding-right:20px;
				height:550px;
			}

					div#texte a
				{
					color:black;
					text-decoration:none;
				}

					div#texte a:hover
				{
					color:#FFA34F;
					text-decoration:underline;
				}

					div#entravaux img
				{
					width:25%;
				}

				/*Style particulier par pages*/
				
				
				/*page Index*/

					.floata
				{
				float:left;
				margin-right:5px;
				width:30%;
				}

					div#adresse
				{
					margin-top:10px;
					margin-left:25px;
					margin-right:20px;
					padding-top:10px;
					padding-bottom:10px;
					border-top:1px solid #75cc6d;
					text-align:center;
				}

				/*page Agenda*/

					div#agenda
				{
					padding-left:35px;
					padding-right:20px;
					background:url(../img/fondagenda.jpg) no-repeat 50% 50%;
					min-height:450px;
				}

					.annonce
				{
					margin-top:20px;
				}
				

				/*page Chronique*/

					div#chronique img
				{
					width:30%;
				}


				/*page  Le Cercle Actuel*/

					div#cercle
				{
					padding-left:25px;
					padding-right:20px;
				}

					div#cercle a
				{
					color:black;
					text-decoration:none;
				}

					div#cercle a:hover
				{
					color:#FFA34F;
					text-decoration:underline;
				}

					div#photos img
				{
					width:9%;
				}

					div#croquis 
				{
					left:25%;
					text-align:center;
				}

					div#croquis img
				{
					width:75%;
				}

				/*page  Programme*/

					div#programme
				{
					padding-left:25px;
					padding-right:20px;
					background:url(../img/fondagenda.jpg) no-repeat 50% 20%;
					min-height:500px;
				}

					div#programme a
				{
					color:black;
					text-decoration:none;
				}

					div#programme a:hover
				{
					color:#FFA34F;
					text-decoration:underline;
				}


/*css général*/

.justify
{
text-align:justify;
}

.centrer
{
text-align:center;
}

.souligne
{
text-decoration:underline;
}

.title
{
Text-align:center;
font-size:14px;
font-weight:bold;
text-decoration:underline;
}

.float
{
float:left;
}

.a
{
color:black;
text-decoration:none;
}

.a:hover
{
color:#FFA34F;
text-decoration:underline;
}

.lien
{
color:black;
text-decoration:none;
}

.lien:hover
{
color:#FFA34F;
text-decoration:underline;
}

#copyright
{
	height:15px;
	width:100%;
	color:#adc0c7;
	text-align:center;
	text-decoration:none;
	font-size:12px;	
	margin: 7px auto 10px;
}