@charset "utf-8";
/* Design.css : css pour la mise en forme du design */

body{
background-color: #626262;
color:rgb(127,127,127);
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

img{
border:none;
text-align:center;
}
				
table{
margin:auto;
border-collapse:collapse;
}

table tr{
height:22px;
}

div{
margin:auto;
width:983px;
}

h2{
margin-left:30px;
}

h3{
margin-left:70px;
margin-bottom:10px;
font-size:18px;
}

div.globale{
background-image:url(Images/fond.jpg);
background-repeat:repeat-y;
}

div.header{
height:130px;
}

div.menu{
height:35px;
}



			/* Ceci est le code CSS du menu déroulant ! */
			
				#menu_centre /* id pour centrer le menu */
				{
					margin:auto;
					width:930px;
				}
				
			
				#menu, #menu ul /* Liste */	
				{
					padding : 0; /* pas de marge intérieure */
					margin : 0; /* ni extérieure */
					list-style : none; /* on supprime le style par défault de la liste */
					line-height : 35px; /* on défini une hauteur pour chaque élément */
					text-align : center; /* on centre le texte qui se trouve dans la liste */
				}
				
				#menu /* Ensemble du menu */
				{
					font-weight : bold; /* on met le texte en gras */
					font-family : Verdana; /* on utilise Arial c'est plus beau ^^ */
					font-size : 1.1em; /* hauteur du texte : 12 pixels */
				}
				
				#menu a /* Contenu des listes */
				{
					display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
					padding	: 0; /* aucune marge intérieure */	
					color : rgb(127,127,127); /* couleur du texte */
					text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
					width : 155px; /* largeur */
				}
				
				#menu li /* Elements des listes */	
				{ 
					float : left; 
					/* pour ie qui ne reconnait pas "transparent" */
				}
				
				#menu li ul /* Sous-listes */
				{ 
					position: absolute; /* Position absolu */
					line-height:25px;
					background:#000000;
					width: 155px; /* Largeur des sous-listes */
					display:none; /* Hop, on envoi loin du champ de vision */
					font-size:0.8em;
					border-left:1px dashed rgb(127,127,127);
					margin-left:15px;
				}
				
				
				#menu li ul ul 
				{
					margin		: -25px 0 0 150px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
					/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
				}
				
				
				#menu a:hover /* Lorsque la souris passe sur un des liens */	
				{
					color: #006699; /* On passe le texte en bleu ... */
				}
				
				/*#menu li li li a:visited /* Les liens déjà visité */
				/*{
					color:#990000;
				}*/
				
				/*#menu li li a:visited /* Les liens déjà visité */
				/*{
					color:#006699;
				}*/
				
				#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
				{
					display:none; /* On expédie les sous-sous-listes hors du champ de vision */
				}
				
				#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque 				la souris passe sur un élément de sous-liste */
				{
					display:block;
				}

			/* Ici prend fin le code CSS du menu et reviens au CSS du design */



div.corps{
clear:left;
padding:2px 5px 0px 5px;
margin-top:12px;
margin-bottom:12px;
width:889;
}
			/* Ici commence le CSS qui donnera la mise en page du contenu */
			
				div.corps a{
				text-decoration:none;
				color:rgb(127,127,127);
				}
				div.corps a:hover{
				color:#006699;
				}
				div.corps p{
				text-align:justify;
				}
					
				div.corps a:visited{
				color:#006699;
				font-weight:100;
				}
			
				.corps div{
				width:879px; /*879 mis en auto pour test*/
				}
				
					/* CSS de la galerie virtuelle */
					
						#image{
						width:750px;
						margin-bottom:35px;
						}
						
						#image h1, h2{
						margin:0;
						text-align:center:
						}
						
						#image p{
						text-align:center;
						margin-bottom:10px;
						}
						
						#image img{
						border:1px dotted gray;
						text-align:center;
						margin-bottom:15px;
						}
					
						.corps div#conteneur_image{
						margin:auto;
						width:750px;
						text-align:center;
						}
				
						.corps div.liste_image{ 
						width:150px;
						height:135px;
						margin:auto;
						text-align:center;
						float:left;
						}
						
						div.liste_image a img{
						padding: 1px;
						border: 1px dotted gray;
						}
						
						.corps div#clear{
						width:750px;
						padding-top:20px;
						clear:both;
						}
						
						#galerie{
						text-align:center;
						margin-bottom:26px;
						}
						
						/* CSS de la liste d'artiste */
												
						#liste_artiste, #liste_artiste li{
						padding-left:0;
						margin:0;
						list-style:none;
						}
						
						#liste_artiste li{
						padding-top:9px;
						padding-bottom:9px;
						}
						
						#liste_artiste li:first-child{
						padding-top:0;
						}
						
						#liste_artiste li:last-child{
						padding-bottom:0;
						}
						
						#liste_artiste a{
						font-variant:small-caps;
						}
						
						#titre_liste_artiste{
						margin-top:0;
						text-align:center;
						}
						
					/* Fin du CSS de la galerie virtuelle */
				
				div.spacer{
				width:100px;
				clear:both;
				}
				
				div.spacer2{
				width:100px;
				padding-left:10px;
				clear:both;
				}
				
				#contenant_corps{
				padding:0;
				margin-top:24px;
				margin-bottom:24px;
				}
				
				#contenant_corps table{
				margin:auto;
				}
				
				#contenant_corps h2:first-child{
				margin-top:0;				
				}
				
				.corps p, .corps table {
				font-size:14px;
				font-family:Arial, Helvetica, sans-serif;
				}
				
				/*.corps h1, h2, h3, h4, h5 {
				font-family:Arial, Helvetica, sans-serif;
				}*/
				
				.corps p:first-child{
				margin-top:0;
				}
				
				.corps p:last-child{
				margin-bottom:0;
				}
				
						/* css de la page accueil */
						
						table.accueil{
						margin-bottom:-8px;
						margin-top:-4px;
						}
						
						#height_accueil{
						height:auto;
						}
						
						*:first-child+html .list_news{ /* Hack IE7 */
						padding:50px 12px 12px 12px;
						}
						
						.list_news{
						text-align:center;
						background-image:url(Images/last_news.jpg);
						background-repeat:no-repeat;
						padding: 60px 12px 23px 12px;
						}
						
						.list_news div{
						width:291px;
						overflow:hidden;
						}
						
						*:first-child+html .list_news div.news { /* Hack IE7 */
						height:313px;
						}
						
						.list_news div.news{
						height:290px;
						}
						
						
						div.plus_news{	/*La Div affichant .:: Plus de news ::. */
						margin-top:9px;
						width:250px;
						}
						
						*:first-child+html div.plus_news{
						margin-top:-9px;
						width:250px;
						}
						
						.list_news div.plus_news a{
						color:#336666;
						}
						
						table.accueil a{
						font-weight:bold;
						}
						
						#contenant_form{
						padding:0;
						margin-top:24px;
						margin-bottom:24px;
						}
						
						#contenant_form h2:first-child{
						margin-top:0;				
						}
						
						
						/* Fin page acceuil */
				
				
			div.construction{
			padding:10px;
			width:690px;
			border:1px dashed orange;
			}	
			
			div.construction p{
			text-align:center;
			}
			
			table.alignement tr td{
			text-align:right;
			}
			
			table.alignement span{
			margin-right:7px;
			}
									/* table.alignement sert à la mise en page des tableaux, alignement du premier td à droite et du second td à gauche grace au p */
			table.alignement p{
			margin-left:3px;
			}
			p.lien_imp{
			font-variant:small-caps;
			text-align:center!important;
			}
			
						/* Css pour la page Kezako la Fanf? */
						
						table.fanf_kezako p{
						text-align:center;
						}
						
						.fanf_kezako{
						margin-left:60px
						}
						
						object{
						margin-left:50px;
						}
						
						/*Fin CSS Kezako */
						
						/* CSS des formulaires */
						
						legend{
						margin-left:5px;
						color:rgb(127,127,127); 
						font-size:20px; 
						font-weight:bold;
						}
						
						fieldset{
						border:1px solid rgb(127,127,127);
						margin-bottom:15px;
						}
						
						table.form{
						margin-left:15px; 
						margin-bottom:10px; 
						margin-top:3px;
						}
						
						table.contacter{
						margin-left:15px;
						margin-bottom:6px;
						}
						
						*:first-child+html table.contacter{
						margin-top:5px;
						margin-bottom:16px;
						}						
						
						
						/* Fin du CSS des formulaires */
						
						/* CSS du panel Admin */
						
						div#bienvenue{
						padding-left:15px;
						height:25px; 
						width:500px; 
						float:left;
						}
						
						div#deco{
						padding-right:15px;
						height:25px; 
						float:right; 
						width:150px;
						}
						
						div#deco p{
						text-align:right;
						}
						
						div.titre{
						background:rgb(127,127,127);
						color:black;
						clear:both;						
						}
						
						div.titre p{
						margin-left:10px;
						font-size:18px;
						}
						
						div.list p{
						line-height:20px;
						margin-left:30px;
						}
						
						div.list p:first-child{
						margin-top:5px;
						margin-bottom:10px;
						}
						
						div.list a:visited, div#deco a:visited{
						color: rgb(127,127,127);
						}
						
						div.list a:hover, div#deco a:hover{
						color: #006699;
						}
						
						/* Fin du CSS panel */
			
						/* CSS de la page news.php */
						
						div.sous_corps{
						margin-bottom:50px;
						}
						
						div.sous_corps:last-child{
						margin-bottom:0;
						}
						
						h2{
						margin-left:50px;
						margin-right:50px;
						margin-bottom:10px;
						font-size:24px;
						}
						
						div.h3{
						background:rgb(127,127,127);
						margin-left:25px;
						font-size:16px;
						width:855px;
						}
						
						.sous_corps h3{
						color:black;
						margin:0;
						margin-left:10px;
						}
												
						.sous_corps p.auteur_date_heure{
						margin:0;
						margin-left:100px;
						margin-bottom:30px;
						font-size:0.8em;
						}
						
						.sous_corps p{
						margin-bottom:10px;
						margin-top:10px;
						}
						
						div.titre_page{
						margin:0;
						padding:0;
						text-align:center;
						margin-top:-10px;
						margin-bottom:50px;
						}
						
						div.titre_page h1{
						margin:0;
						font-size:32px;
						}
						div.titre_page p{
						font-size:16px;
						text-align:center;
						}
						
						div.titre_page a:visited{
						color:rgb(127,127,127);
						}
						div.titre_page a:hover{
						color:#006699;
						}
						
						/* Fin CSS de news.php */
						
						/* CSS de exposition.php */
						
						div.expo_left{
						float:left;
						width:670px;
						}
						
						div.titreu{
						width:670px;
						}
						
						div.expo_left h4{
						margin:0;
						margin-top:5px;
						margin-left:75px;
						}
						
						div.expo_left p{
						margin-top:5px;
						margin-left:100px;
						margin-bottom:0;
						}
						
						div.titreu h3{
						color:rgb(127,127,127);
						font-size:24px;
						margin-left:10%;
						margin-bottom:15px;
						}
						
						div.expo_left p.last{
						margin-bottom:15px;
						}
						
						div.flyer{
						width:150px;
						padding-top:1.8%;
						margin-right:55px;
						float:right;
						}
						
						div.flyer img{
						margin:0;
						}
						
						div.description{
						vertical-align:middle;
						border:1px dotted grey;
						width:859px;
						margin-bottom:30px;
						padding-left:10px;
						padding-right:10px;
						clear:both;
						}
						
						div.description h4{
						font-size:18px;
						margin:0;
						margin-left:15px;
						margin-top:5px;
						}
						
						div.description p{
						margin-top:5px;
						padding-right:20px;
						margin-left:35px;
						padding-bottom:7px;
						}
						
						/* Fin de CSS de exposition.php */
						
						/* CSS evenement_fanfare */
						
						div.titre_fanf h3{
						color:rgb(127,127,127);
						font-size:24px;
						margin-left:30px;
						margin-bottom:15px;
						}
						
						div.lieu{
						vertical-align:middle;
						width:650px;
						margin-bottom:15px;
						padding-left:10px;
						padding-right:10px;
						}
						
						div.lieu h4{
						margin:0;
						font-size:18px;
						margin-left:15px;
						margin-top:5px;
						}
						
						div.lieu p{
						font-size:16px;
						margin-top:5px;
						padding-right:20px;
						margin-left:35px;
						padding-bottom:7px;
						}
						
						/* Fin evenement fanfare */
						
						/* CSS pour la pagination + titre gérer service ! */
						
						div.pagination{
						margin-top:30px;
						}
						
						div.pagination p{
						text-align:center;
						}
						
						div.pagination a:visited, div.pagination p a:visited{
						color:rgb(127,127,127);
						}
						
						div.pagination a:hover, div.pagination p a:hover{
						color:#006699;
						}
						
						span.titre_admin{
						text-align:center;
						}
						
						span.titre_admin a:visited{
						color:rgb(127,127,127);
						}
						
						span.titre_admin a:hover{
						color:#006699;
						}
						
						/* Fin css pagination */
			
			.centripete{
			text-align:right; /* Permet de centrer les textes que l'on souhaite sur <span>, <p> ou autre. */
			}
				
			
			/* La mise en page du contenu prend fin par ici ! */
	
div.connect{
margin-bottom:10px;
padding-right:10px;
/*border:1px ridge #990000;*/
width:860px;
height:auto;
}

.connect p{
margin:8px 0 10px 0;
text-align:center;
}

.connect a{
text-decoration:none;
color:#006699;
}
.connect a:hover{
color:#006699;
}
	
.connect a:visited{
color:990000;
}

.connect h1{
text-align:center;
margin:8px 0 5px 10px;
color:#990000;
font-size:24px;
}

div.footer{
background-image:url(Images/footer.jpg);
height:80px;
}

p.footer{
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
margin:0px;
}

*:first-child+html .decal_footer {
padding-top:12px;
padding-bottom:12px;
margin:0;
}

div.decal_footer{
padding-top:12px;
}