/* CSS Document */
body {	margin-left: auto;
     	margin-right: auto;	
		padding: 0;
		background-color:#000000;
		/*background-image:url(Images/bg.gif);
		background-repeat: repeat-x;		*/
		color:#CCCCCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;  
		text-align: justify;
		height:100%;
	  }

#hautdiv 	{
		position: relative;
		margin-left: auto;
		margin-right: auto;	
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;		
		}


#hautlien 	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 6 px;
		color: #666666;
		text-align: center;		
		}	


#divlogo 	{
			position: relative;
			z-index:100;
			width: 700px;
			margin-left: auto;
     		margin-right: auto;	
			margin-top: 0;
			margin-bottom: 0;
			text-align: center;
			}
		
#TitrePage {	border-bottom-style: double;
				border-bottom-color:#ff0000;
				border-bottom-width:thin; 
			}

#Titre {	color:#FFffff;
			font-size:12px;
			border-bottom-style: groove;
			border-bottom-width: thin; 
		}

#Plan	{	font-family: Arial, Helvetica, sans-serif;			/* Plan de sous-menu ancré, affiché en haut de page */
			font-variant:small-caps; 
			font-style:italic;
			
			color: #FF0000;
			font-size:13px; 
			text-align: center;
		}

#Date  {	font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size:12px;
			color:#666666;
		}

#Formu {	font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size:12px;
			color:#666666;
			text-align:justify;
		}

#Frombdd {	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
			text-align:justify;
		}
		
#Alert {	font-family: Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#ff0000;
			text-align:justify;
			font-weight:bold;			
		}

#Body2 {		
		color: #000000;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;  
		text-align: justify;
		}
/*
#Titrebdd {	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#666666;
			font-weight: bold; 
			text-align:justify;
		}	
*/
#Ligne {	
			border-bottom-style: groove; 
			border-bottom-width: thin; 
		}

#Memoriser {font-family: Arial, Helvetica, sans-serif;
			font-style:italic;
			color: #999999;
			font-size:10px; 
			}

#Rouge {	font-family: Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#ff0000;
			text-align:justify;
		}
		 

/* Positionnement du Menu Vertical 		**************************************************************************************************************************/
ol, li { 	margin: 0;
			padding: 0;
			list-style-type: none;
			width: 175px;
		}

#menu 	{	position: relative;
			z-index:100;
			width: 700px;
			margin-left: auto;
     		margin-right: auto;	
			margin-top: 0;
			margin-bottom: 0;
			text-align: left;
		}

#menu1 	{	
			left:-39px;
		}

#menu ul 	{	position: absolute;
				z-index:100;
				width: 700px;
				margin-left: auto;
     			margin-right: auto;	
				margin-top: 0;
				margin-bottom: 0;
				text-align: left;
			}

#menu li 	{	float: left;
				width: 175px;
				cursor: pointer;
				text-align: center;
				background-image:url(Images/Background/Calque_Menu.png);						/* Couleur de Fond du Menu */					
			}

#menu li a, #menu ol a {	width: 175px;
							color: #cccccc;      	/* Couleur Police du Menu */
							text-decoration: none;
							display: block;
							height: 100%;
						}
#menu li a:hover, #menu dt a:hover 	{	width: 175px;
										background:#ffffff; 	/* Couleur Bando de Passage du Menu */ 
										color:#333333; 			/* Couleur Police dans Bando de Passage du Menu */
										font-weight: bold;
										font-style:italic; 
										
										text-decoration: underline; 	 
									}

/*Pour le bandeau publicitaire de droite	**************************************************************************************************************************/
#BandoContenu 	{	
				position: relative;
				width: 700px;
				margin-left: auto;
				margin-right: auto;	
				margin-top: 0;
				margin-bottom: 0;
				text-align: left;		
				}
#BandoHautGauche	{	
					height: 8px;
					width:120px;
					margin-left: -125px;
					background: #000000;
					position: absolute;
					}
			
#BandoPubGauche {						/*recherche Google*/
				height: 620px;
				width:120px;
				text-align:center;
				margin-left: -130px;
				margin-top:127px;
				position: absolute;
				}
#BandoPubGauche2    {						/*2 Annonces à gauche*/
					height: 260px;
					width:120px;
					text-align:center;
					margin-left: -125px;
					margin-top:357px;
					background: #000000;
					position: absolute;
					}
#BandoPubGaucheCarre   {					/*annonce visu*/
						height: 450px;
						width:210px;
						text-align:center;
						margin-left: -210px;
						margin-top:250px;
						background: #000000;
						position: absolute;
						}

#BandoHaut	{	height: 4px;
				width:120px;
				margin-left: 825px;
				background: #000000;
				position: absolute;
			}
#BandoPub   {								/*5 Annonces à droite*/
			height: 620px;	
			width:160px;
			margin-left: 828px;
			background: #000000;
			margin-top:122px;
			position: absolute;
		    }
	
/* Couleurs des liens survolés				**************************************************************************************************************************/
a:hover {color:#FF0000;}
a:link {color:#666666;}
a:visited { color:#CCCCCC;}

a.lienfavoris:link { color:#999999;}
a.lienfavoris:visited { color: #999999;}
a.lienfavoris:active { color: #999999;}
a.lienfavoris:hover { color: #ff0000;}


a.liencompte:link { color:#ff0000;}
a.liencompte:visited { color: #ff0000;}
a.liencompte:active { color: #ff0000;}
a.liencompte:hover { color:#FFFFFF;}

a.lienmenu:link { color:#CCCCCC;}
a.lienmenu:visited { color: #CCCCCC;}
a.lienmenu:active { color: #CCCCCC;}
a.lienmenu:hover { color:#FF0000;}

a.lienhaut:link { color:#666666;}
a.lienhaut:visited { color: #666666;}
a.lienhaut:active { color: #666666;}
a.lienhaut:hover { color:#FF0000;}


/* Mise en page des vignettes et de leur contenu **********************************************************************************************************************/

#contenu_vignette	{
					margin-left: 60px;
					margin-top: 40px;
					}

#contenu_vignette1	{
					margin-left: 60px;
					margin-top: -16px;
					}
					
a.lienvignette:link { color: #ffffff;}
a.lienvignette:visited { color:#999999;}
a.lienvignette:active { color:#999999;}
a.lienvignette:hover { color: #ff0000;}

#vignetteAssociations
		 	{
			background-image:url(Images/Plan/VignetteAssociation.png);
			background-repeat:no-repeat;
			background-position:center;
			width: 409px;
			height: 149px;
			}
#vignetteEtp
		 	{
			background-image:url(Images/Plan/VignetteEtp.png);
			background-repeat:no-repeat;
			background-position:center;
			width: 409px;
			height: 149px;
			}

#vignetteFour
			{
			background-image:url(Images/Plan/VignetteFour.png);
			background-repeat:no-repeat;
			background-position:center;
			width: 409px;
			height: 149px;
			}
			
#vignetteConseils
			{
			background-image:url(Images/Plan/VignetteConseils.png);
			background-repeat:no-repeat;
			background-position:center;
			width: 409px;
			height: 149px;
			}
			
#vignetteDoc
			{
			background-image:url(Images/Plan/VignetteDoc.png);
			background-repeat:no-repeat;
			background-position:center;
			width: 409px;
			height: 149px;
			}

/* POUR CALENDRIER **********************************************************************************************************************/


.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */


/* Fonction pour la Scrollbar			**************************************************************************************************************************/
#scroll	{	height: 500px; 
			overflow: auto;  
			scrollbar-face-color: #666666; 			/* couleur pour la barre de défilement */
			scrollbar-shadow-color: #000000;		/* couleur pour les ombres claires (bord droit et le bord du bas)*/
			scrollbar-darkshadow-color: #000000; 	/* couleur pour les ombres foncées */
			scrollbar-highlight-color: #FFFFFF;		/* couleur pour le bord haut et le bord gauche */
			scrollbar-3dlight-color: #000000; 		/* couleur pour les effets de relief (3D) */
			scrollbar-track-color: #cccccc; 		/* couleur pour le dessous de la barre de défilement*/
			scrollbar-arrow-color: #ff0000;			/* couleur pour les pointeurs de défilement */
		}
		
	
/* Couleurs des liens */
/*a:link { color: #666666; font-style:italic; font-weight:bold} 		/*Propriétés par défaut au chargement de votre page NOIR*/
/*a:visited { color: #333333;}	/*liens déjà visités BLEU*/
/*a:active {color: #333333;}		/*liens actifs VERT*/
/*a:hover {color: #FF0000;}		/*liens survolés* ROUGE/