@charset "UTF-8";
/* CSS Document */
/* By Louis Lamarre et Daniel COLIN */


body{
	background:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:0.8em;
	margin:0;
	}
	
img{ /* aucune bordure sur toute les images présente dans le site. A redefinir si l'on souhaite faire un autre style de rendu */
	border:none;
}

div#cache{ /* Div blanche opaque servant à empêcher la visibilité du texte quand il remonte */
	background-color:#FFF;
	position:fixed;
	height:35px;
	width:100%;
}

	div#cache h1{
		display:none;
		padding:0;
		margin:0;
	}
	
	
/* 

###
### Propriétés en classe utilisable n'importe où.
###

*/

span.color-red{ /* celle ci bien évidemment uniquement sur une propriété span */
	color:#900;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.hidden{
	display:none;
}

.clear{
	clear:both;
}

acronym{
	border-bottom:1px dotted #CCC;
}
	acronym:hover{
		color:#C1272D;
	}

/* 

###
### CSS des titres
###

*/

h2{
	font-size:1.4em;
	border-bottom:1px solid #666;
	margin-bottom:0;
	margin-top:0;
}

h3{
	font-size:1.3em;
	font-weight:500;
	color:#C1272D;
	border-left:20px solid #CCC; /*#C1272D*/
	margin:auto auto 0 auto;
	padding-top:2px;
	text-indent:10px;
}



div#site { /* Div englobant le site et permettant de le centrer */
	width: 1015px;
	padding:35px 0 0 0;
	margin-right: auto;
	margin-left: auto;
	} 
	
	
/* 

###
### CSS du menu
###

*/

div#menu {
	width: 310px;
	position: fixed;
	} 

	div#menu div#logo {
		width: 310px;
		height: 264px;
		} 
		
		div#menu div#logo a {
			display:block;
			margin:0;
			width: 310px;
			height: 264px;
			background-image: url(menu/logo.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
			
		div#menu div#logo a:hover { 
			background-position: -310px 0;
		}

		div#menu ul#menu {
			margin:0;
			padding: 0;
			width: 310px;
			list-style: none;} 
		div#menu ul#menu li {
			display:block;
			float:left;
			margin:0;
			padding: 0;
			width: 310px;}
		div#menu ul#menu li a {
			display:block;
			width: 310px;
			background-image:url(menu/menu.gif);
			background-repeat: no-repeat;}
		
		
		div#menu ul#menu li#menu_evenement a:hover			{background-position:-310px -263px;}
		div#menu ul#menu li#menu_programme a:hover			{background-position:-310px -319px;}
		div#menu ul#menu li#menu_fanfares a:hover			{background-position:-310px -362px;}
		div#menu ul#menu li#menu_gmba a:hover				{background-position:-310px -407px;}
		div#menu ul#menu li#menu_fas a:hover					{background-position:-310px -431px;}
		div#menu ul#menu li#menu_contact a:hover				{background-position:-310px -476px;}
		div#menu ul#menu li#menu_photos a:hover				{background-position:-310px -526px;}
		div#menu ul#menu li#menu_soutiens a:hover			{background-position:-310px -553px;}
		div#menu ul#menu li#menu_actu a:hover			{background-position:-310px -603px;}
		
		
		div#menu ul#menu span.hidden {display:none;}

/* 

###
### CSS de la partie contenant les informations du site.
###

*/


div#ie_warn{
	color:red;
	border:solid red;
	border:1px 10px 1px 10px;
	text-align:center;
}


div#contenu {
	float:left;
	width: 400px;
	margin-left:350px;
	padding-bottom:10px;
} 
	div.contenu_index{
		min-height:500px;
	}

div#contenu_images {
	float:right;
	width:240px;
	padding-top:260px;
	padding-bottom:10px;
} 

	div#contenu_images table{
		width:100%;
		text-align:center;
	}

	div#contenu_images img, div#contenu_images div#images img {
		width:240px;
	}
	
	div#contenu_images div#images img{
		margin-top:20px;
	}
	
	div#contenu_images div#images img:first-child {
		margin-top:0;
	}
	
		div#contenu_images img.fixed {
			position:fixed;
	}
	
	div#contenu_images ul li{
		list-style:none;
	}

p.titre {
	margin:0;
	position:fixed;
	top:35px;
	}
	
	
div#contenu div#texte{ /* Déplacement du texte pour qu'il s'aligne au niveau du début du menu */
	margin-top:260px;
	}
	
div#contenu div#texte_index{
	margin-top:30px;
}
	
	div#contenu div#texte p img, div#contenu div#texte_index p img{
		width:400px;
	}
	
	div#contenu div#texte p:last-child{
		margin-bottom:0;
	}
	
	div#contenu_images a{
		text-decoration:none;
		padding-left:5px;
		padding-right:5px;
		color:black;
	}
		
	
	div#texte a, div#texte_index a, div#conteneur div.left a {
		text-decoration:none;
		background-color:#CCC;
		padding-left:5px;
		padding-right:5px;
		color:black;
	}
	
	div#texte a.special, div#conteneur div.left a.special{
		background:none;
		border-top:1px solid #CCC;
	}
	
	div#texte a.special2, div#conteneur div.left a.special2{
		background:none;
		border-bottom:1px solid #CCC;
	}
	
		div#texte a:hover, div#texte_index a:hover, div#conteneur div.left a:hover, div#contenu_images a:hover{
			color:#C1272D;
		}

	div#texte p, div#conteneur div.left p {
		text-align:justify;
		/*text-indent:50px;*/ /* Alinéa sur les paragraphes */
	
	}
		div#texte p.center, div#conteneur div.left p.center {
			text-align:center;
		}
		
		div#texte p.right, div#conteneur div.left p.right {
			text-align:right;
		}
		
		
	blockquote.attention{
		border:1px dotted #CCC;
		text-align:center;
	}



/* 

###
### CSS Pages contact.php et contact_envoi.php
###

*/



div#texte form p{
	text-align:left;
}




form input, form textarea{
	border:1px solid #666;
}

	form input:hover, form textarea:hover{
		background-color:#999;
	}
	
	form input:focus, form textarea:focus{
		background-color:#CCC;
	}
	
div.redirection{
}
	div.redirection p{
		text-align:left;
	}
	
	
/* 

###
### CSS Pages soutiens.html
###

*/

table{
	width:100%;
	margin:5px 0 0 0;
}

table.soutien tr td{
	vertical-align:middle;
	text-align:right;
}

table.soutien tr td:first-child{
	text-align:left;
}

table.soutien tr td img{
	width:150px;
}
	
/* 

###
### Refonte des imbrications de div pour les pages photos.html, programme.html et pour les pages de présentation des fanfares en lice.
###

*/

div#conteneur{
	width: 660px;
	margin-left:350px;
}

	div#conteneur div#titre_masque{
		position:fixed;
		top:35;
	}
	
		div#conteneur div#titre_masque p{
			margin:0;
		}
	
		div#conteneur div#titre_masque img{
			border:none;
			margin:0;
		}

		div#conteneur div.titre_left{
			float:left;
		}
	
		div#conteneur div.titre_right{
			float:right;
			margin-left:20px;
		}
		
	div#conteneur div.ligne{
		clear:both;
		margin:20px 0 0 0;
	}
	
	div#conteneur div.ligne:first-child{
		margin:0;
	}
	
		div#conteneur div.left{
			float:left;
			width:400px;
		}
		
		div#conteneur div.right{
			float:right;
			width:240px;
		}
			div#conteneur div.right img{
				width:240px;
				margin-top:20px;
			}
			
			div#conteneur div.right img:first-child{
				margin:0;
			}
			
	div#conteneur div#lignes{
		padding-top:260px;
	}
	
			
div#conteneur object{
	margin:5px 0 5px 0;
}