body {
	background-image: url(images/fond.png);
/*	background-image: url(images/fond.gif);
	background-image:url(images/fond_charte.gif);*/
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f3f3f;
	background: #ffd400 /*#bababa url(images/fond_charte.jpg) 50% 0 no-repeat;*/
	background-attachment:fixed;
}

.only_print {
display:none;
}
img{
	border:none;
}

a{
	color:#FF7F00;
	
	
	text-decoration: none;

}

a:hover{
	color:#0154A2;
	
	
	text-decoration: underline;	

}

h1{
	color:#fdd64a;
	font-size:30px;
	margin-left:20px;
	margin-bottom:5px;
	margin-top:0px;
}



h2{
	color:#7C7C7C;
	font-size:13px;
	margin-left:20px;
	
}

h3{
	color:#00549C ;
	font-size:18px;
	
}

p{
	
	margin-left:20px;
}


ul{
	list-style-type: none;
}


.bold{
 	font-weight:bold;
}

hr{
 	visibility:hidden;
	 clear:left;
}



/*------------------------------------------------------------
							CONTENEUR
--------------------------------------------------------------*/

#container{
	margin:0 auto;
	width:770px;
	height:100%;
	
	
	
}

/*#fond_charte {
position:absolute;
background-image:url(images/fond_charte.gif);
width:990px;
height:500px;
margin-left:-100px;
}/*

	/*------------------------------------------------------------
								HEADER
	--------------------------------------------------------------*/


	#header {
	width:770px;
	height:286px;
	
	/*background-image:url(images/header.jpg);
	background-repeat: no-repeat;	*/
	}
	
	#logo{
		margin:0;
		padding:0;
	}
	
	#barre_coloree{
		float:left;
		background-color:#FDCC18;
		width:770px;
		height:10px;
		margin:0;
	}
	
	
	/*------------------------------------------------------------
								CONTENU
	--------------------------------------------------------------*/
	
		
				/*------------------------------------------------------------
											CONTENU_PLANNING
				--------------------------------------------------------------*/
		
		#contenu_planning{
			width:770px;
			background-color:#fff;
		/*	background-image:url(images/arrondi_planning.gif);*/
			background-repeat:no-repeat;
		}
		
					/*------------------------------------------------------------
											Activités
				--------------------------------------------------------------*/
		
		#contenu_act{
			width:770px;
			background-color:#fff;
			background-image:url(images/arrondi_act.gif);
			background-repeat:no-repeat;
		}
		
		#liste_act h1{
		font-size:14px;
		color:#fdd64a;
			
		}
		
		#contenu_ins{
			width:770px;
			background-color:#fff;
			background-image:url(images/arrondi_ins.gif);
			background-repeat:no-repeat;
		}
		
		#rub_divers{
			width:770px;
			background-color:#fff;
			
		}
		
				/*------------------------------------------------------------
											parteniars
				--------------------------------------------------------------*/
		
		#partenaires{
			width:770px;
			background-color:#fff;
			background-image:url(images/arrondi_partenaires.gif);
			background-repeat:no-repeat;
		}
		
		/*------------------------------------------------------------
											ACCUEIL
				--------------------------------------------------------------*/
		
		
		#contenu_accueil {
		width:770px;
			background-color:#F4F4F4;
			
		}
		
		#centre_accueil {
		clear:both; 
		margin-top:40px;
		}
		
		#presentation_accueil {
		float:left; 
		width:471px; 
		height:550px; 
		padding-right:20px;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		}
		
		#actu_accueil {
		float:right; 
		width:234px;
		min-height:462px;
		height:462px; 
		background-image:url(images/fond_actu_accueil.gif); 
		background-repeat: no-repeat; 
		background-color: #FFFFFF; 
		padding: 15px 20px 10px 10px;
		color:#142261;
		font-size:11px;
		height:100%
		}
		
		#actu_accueil p {
		color:#142261;
		font-size:11px;
		margin:0px;
		padding:0px;
		}
		
	
				/*------------------------------------------------------------
											CONTENU_SALLES
				--------------------------------------------------------------*/
		
		#contenu_salles{
			width:770px;
			background-color:#fff;
			/*background-image:url(images/arrondi_planning.gif);*/
			background-repeat:no-repeat;
		}



				/*------------------------------------------------------------
									MENU PRINCIPAL
			--------------------------------------------------------------*/
			
#menu{
	width:770px;
	height:54px;
}

	
	
	#principal {
	margin:0;
	padding:0;
	position: relative;
	/*top: 2em; 
	 /* positionnement du menu, */
	 /* que vous pouvez changer à loisir */
	/*left: 3em;
	/*width: 100%; /* précision pour Opera */
	width:770px;
}

#principal li{
	float: left;
}

#principal a {       
 /* définition de chaque bouton du menu */
/*width: 100px;	*/   
 /* largeur du bouton, que vous pouvez changer à loisir */
/*height: 20px;*/
	display: block;
	text-align: center;
	color: #000;
}

#principal a:hover {
	color: #411;
	border-bottom: 0px;
	color: #fff;
	display: block;
}

#principal a span.disparition_image {     
 /* définition de la balise <span> incluse dans <a> */
	display: none;
}

#principal a:hover span.disparition_image {   
 /* définition de la balise <span> au survol */
	display: block;
	position:absolute;
	top: 30px;
	left: 0;
	width: 340px; 
	height:54px;
	z-index:1;
	
	

     
 /* largeur de la zone de commentaires, */
 /*selon la taille du menu */
	text-align: left;
	
	color: #000;
}

			/*------------------------------------------------------------
								BOUTONS MENU PRINCIPAL ACTIVE
			--------------------------------------------------------------*/

		#principal span.disparition_image_active {   
		 /* définition de la balise <span> en actif */
			display: block;
			position:absolute;
			top: 30px;
			left: 0;
			width: 340px; 
			height:54px;
		
			
			 
			 
		 /* largeur de la zone de commentaires, */
		 /*selon la taille du menu */
			text-align: left;
			
			color: #000;
		}

			/*------------------------------------------------------------
								BOUTONS MENU PRINCIPAL
			--------------------------------------------------------------*/
			.disparition_texte{
				position:absolute;
 				left: -5000px;	
			}
			
					/*------------------------------------------------------------
								BOUTONS MENU PRINCIPAL - OFF
					--------------------------------------------------------------*/
			
			
			#lessalles{
				background-image: url(images/lessalles.gif);
				width:126px;
				height:20px;			
			}
			
			#lesactivites{
				background-image: url(images/lesactivites.gif);
				width:124px;
				height:20px;			
			}
			
			#lespartenaires{
				background-image: url(images/lespartenaires.gif);
				width:124px;
				height:20px;			
			}
			
			#revuedepresse{
				background-image: url(images/revuedepresse.gif);
				width:125px;
				height:20px;			
			}
			
			#lanewsletter{
				background-image: url(images/lanewsletter.gif);
				width:271px;
				height:20px;			
			}
			
					/*------------------------------------------------------------
								BOUTONS MENU PRINCIPAL - HOVER
					--------------------------------------------------------------*/
			
			a:hover#lessalles{
				background-image: url(images/lessalles.gif);
				width:126px;
				height:20px;			
			}
			
			
			
			a:hover#lesactivites{
				background-image: url(images/lesactivites.gif);
				width:124px;
				height:20px;			
			}
			
			a:hover#lespartenaires{
				background-image: url(images/lespartenaires.gif);
				width:124px;
				height:20px;			
			}
			
			a:hover#revuedepresse{
				background-image: url(images/revuedepresse.gif);
				width:125px;
				height:20px;			
			}
			
			a:hover#lanewsletter{
				background-image: url(images/lanewsletter.gif);
				width:271px;
				height:20px;			
			}
			
			
			
					/*------------------------------------------------------------
								BOUTONS MENU PRINCIPAL - ON
					--------------------------------------------------------------*/
			
			#lessalles_active{
				background-image: url(images/lessalles.gif);
				width:126px;
				height:20px;			
			}
			
			#lesactivites_active{
				background-image: url(images/lesactivites.gif);
				width:124px;
				height:20px;			
			}
			
			#lespartenaires_active{
				background-image: url(images/lespartenaires.gif);
				width:124px;
				height:20px;			
			}
			
			#revuedepresse_active{
				background-image: url(images/revuedepresse.gif);
				width:125px;
				height:20px;			
			}
			
			#lanewsletter_active{
				background-image: url(images/lanewsletter.gif);
				width:271px;
				height:20px;			
			}
			
	/*------------------------------------------------------------
								FIN DE MENU PRINCIPAL 
	--------------------------------------------------------------*/
	
	
	
	/*------------------------------------------------------------
								COLONNE GAUCHE
	--------------------------------------------------------------*/
							

	#retouraccueil{	
		
		margin:50px 50px 0 10px;
		float:left;
	}
					/*------------------------------------------------------------
								MENU SALLES COLONNE GAUCHE
					--------------------------------------------------------------*/
						#colonne_gauche{
							width:150px;
							margin: 0;
							background-image:url(images/col_gauche.gif);
							background-repeat:no-repeat;
							background-color:#fff;
							float:left;
						}
						
						
						ul#accueil_salles{
							margin-top:40px;				
						}
						
						ul#accueil_salles li{
							margin:0 0 0 -30px;
							padding:0;	
						}
						
						ul#accueil_salles a{
								
							font-weight:bold;
							color:#00549C;
							display: block;	
							margin:10px 0 0 20px;
							padding:0;
						}
						
						ul#accueil_salles a:hover{
							color:#FF7F00;
							display: block;
								
						}
						
					
					
					
					
					/*------------------------------------------------------------
								FIN MENU SALLES COLONNE GAUCHE
					--------------------------------------------------------------*/
					
					
					/*------------------------------------------------------------
								COLONNE MILIEU
					--------------------------------------------------------------*/
							#colonne_milieu{
								width:400px;
								margin: 0;
								float:left;
								
							}
							
							#paragraphe_1{							
								
								background-repeat:no-repeat;
								background-color:#fff;
								color:#666666;
								margin:60px 0 0 10px;
								padding:0 10px 0 10px;
							}
							
							#paragraphe_2{
								margin-top:5px;
							}
							
							#paragraphe_2 p{
								color:#142261;
								margin-top:5px;
							}
													
							.lien{
								margin:20px;
							}
							
							#grande_photo{
								margin-left:20px;
							}
							
							#photos_miniatures{
								margin-left:20px;
							}
							
							.miniature{
							
								margin:10px 0 0 7px;
							}
							
							
							
							
					/*------------------------------------------------------------
								FIN COLONNE MILIEU
					--------------------------------------------------------------*/
			
			
					/*------------------------------------------------------------
								COLONNE DROITE
					--------------------------------------------------------------*/
							#colonne_droite{
								width:220px;
								margin: 0;
								float:left;
								
								margin-top:30px;
								color:#00549C;
								font-size:11px;
								font-weight:bold;
							}
							
							#colonne_droite h1{
							margin:0px;
							padding:0px;
							font-size:14px;
							color:#FDCC18;
								
							}
							
							#colonne_droite td{
								width:100%;
								
								
								
							}
							
								#colonne_droite a{
														font-size:13px;
							}
							
							#plan_acces{
								margin-top:30px;
								background-image:url(images/plan_acces_grammont.gif);
							}
							
							#container #contenu_salles #colonne_droite #plan_acces a {
								padding: 130px 0 20px 20px;
								font-weight:bold;
								text-decoration:underline;
							}
							
							#lien_planning{
								height:23px;			
								margin-top:20px;
								background-image:url(images/bande_fleche.gif);
							}
							
							#lien_planning a{
								font-weight:bold;
								font-size:13px;
								margin-left:50px;
								padding-top:5px;
							}
							
							#lien_equipe{
								height:23px;
								margin-top:20px;
								background-image:url(images/bande_fleche.gif);
							}
							
							#lien_equipe a{
								font-weight:bold;
								font-size:13px;
								margin-left:50px;
								padding-top:5px;
							}
							
							#lien_horaires{
								height:81px;
								margin-top:20px;
								background-image:url(images/horaires_col_droite.gif);
							}
							
							#lien_horaires h3{
								color:#FDCC18;
								font-weight:bold;
								font-size:12px;
								margin-left:50px;
								
							}
							
							#lien_horaires p{
								color:#00549C;
								font-weight:bold;
								font-size:11px;
								margin-left:50px;
								
							}
							
					
							.icones a {
							margin-right: 7px;
							}
							
							.icones_gauche {
							width: 340px;
							}
							
							.icones_int {
							margin: auto;
							width: 300px;
							}
							
							.icones_int a {
							margin-right: 20px;
							}
							
							
							
							
					/*------------------------------------------------------------
								FIN COLONNE DROITE
					--------------------------------------------------------------*/
			
	
	#velo{
		padding:40px 0 0 30px;
		float:left;
	}
	
	
	#titre_planning{
		padding:100px 0 0 0px;
		text-align:center;
		float:left;
		font-size:14px;
	}
	
	#titre_planning h1{
		
		font-size:14px;
	}
	
	#titre_salles{
		padding:100px 0 0 20px;
		text-align:center;
		float:left;
	}
	
	
	#telecharger_pdf{
		margin:0px 0 0 390px;
		width: 200px;
	}
	
	.h1_puce{
		padding:50px 50px 0 30px;
		font-size:18px;
		
	}
	
	
	
	
	/*------------------------------------------------------------
								TABLEAUX PLANNING
		--------------------------------------------------------------*/
	#tableaux{
		margin:0 0 0 35px;
		width:700px;
		
		
	}
	
	
	#tableaux .titre{
		font-variant: small-caps;
		font-weight:bold;
		font-size:14px;
		color:#00549C;
		text-align:center;
		
		
	}
	
	table{
		
		border:0;
		margin:0; 
		padding:0;
	}
	
	#tableaux td{
	font-size:10px;
		
		text-align:center;
		width:90px;
		height:26px;
	}
	
	
	
	.colonne_couleur{
		background-color:#F4F4F4;
	}
	
	.cellule_croisement{
		background-color:#D3D3D3;
	}
	
	.ligne_couleur{
		background-color:#E0E0E0;
	}
	
	#tableaux .horaires{
		width:40px;
		font-weight:bold;
		
	}
	
	

	
	#bande_logo{
		padding:100px 150px 60px 0;
		margin:0;
	}
	
			
		
	
	
	
	
	
	/*------------------------------------------------------------
								FOOTER
	--------------------------------------------------------------*/
	#footer{
		color:#00549C;
		margin:10px 2px 0 0;
		font-size:11px;
		font-weight:bold;
		text-align:center;
		width:770px;
		height:35px;		
		background-image: url(images/footer.png);
		background-repeat:no-repeat;
	}
	#inner_footer {
		padding: 10px 0 0 0;
	
	}
		#inner_footer a {
			color:#00549C;
			font-size:11px;
			font-weight:bold;
		}
		
		#inner_footer a:hover {
			color:#FF7F00;
			font-size:11px;
			text-decoration:underline;
		}


/*MOI*/
#liste_act{clear:both; padding:20px 90px 0 10px; font-size:12px; }	

#liste_act td  { font-size:12px;}

#activites {
clear:both; 
padding:30px 50px 0 90px;
}

#activites  a {
color:#FFFFFF;
font-size:13px;
}

#tableaux_partenaires {
padding:20px 40px 0 0px;
font-size:16px;
}

#tableaux_partenaires td {

font-size:12px;
}



/*DIAPORAMA*********************/

	#dhtmlgoodies_slideshow{
		width:371px;	/* Total width of slideshow */


	}
	
	#previewPane{
		
		
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 262px;	/* IE 5.x */
		height/* */:/**/250px;	/* Other browsers */
		height: /**/250px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	display:none;
	color:#FFFFFF;
	}
	#galleryContainer{
		
		height:40px;	/* Height of the images + 2 */
		
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 49px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/45px;	/* Other browsers */
		height: /**/49px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:40px;
		left:0px;
		width:371px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px 9px 1px 1px;
		
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:130px;
		top:130px;
		background-color:#FFF;
		
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
		color:#FFFFFF;
	}
	

.form_key {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

	font-weight:bold

}



/* Valeur de formulaire */

.form_value {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #000000;

}
.obj_taille_fixe { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; WIDTH: 95%; BACKGROUND-COLOR:#edf3fe }
.obj_select_taille_fixe { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 95%; background-color: #edf3fe; background-position: center bottom; float: none; color: #000000}
.obj_select_taille_indefini { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #edf3fe; background-position: center bottom; float: none; color: #000000}
.obj_taille_indefini { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; BACKGROUND-COLOR: #edf3fe }

/**************** ID TOTEM *************************/
	
#totem {
text-align:center;
}

#totem h2 {
text-align:center;
font-size:11px;
color:#000000;
font-weight:normal;
margin:0px;
padding:0px;
}

#totem a {
font-size:11px;
color:#000000;
text-decoration:none;
}

#totem span  {
color:#F29400;
font-size:14px;
font-weight:bold;
}
	
/*****************************************/