/* CSS Document pour site aiguilhe-animation.com*/
/* 30 octobre 2007 */
/*  mise à jour au 03 octobre 2008 */


* {padding:0; margin:0; }

body {
	font-size:small;
	background-color:#DDFFEE;
}
.clear{
  clear:both;
}
#FoireMiels{
background-image:url(../images/Fond_MielGris_Horiz.jpg)
}
/* +++++++++++++++++++++++++++++++++++ */
/* règles pour éléments HTML généraux  */
/* +++++++++++++++++++++++++++++++++++ */
H1 {
	font-size: 200%;
	color: #009522;
	line-height: 30px;
	padding: 10px;
	text-align:center;
	}
H2  {
	font-size:medium;
	color: #993333;
	line-height: 20px;
	padding: 5px;
	text-align:center;
	}
H3 {
	font-size:medium;
	font-weight:bold;
	color: #009522;
	line-height: 20px;
	padding: 1px;
	margin-bottom: 1px;
	text-align:center;
	}
H4  {
	font-size:small;
	font-weight:bold;
	color: #993333;
	line-height: 20px;
	padding: 5px;
	margin-bottom: 1px;
	text-decoration:none;
	}
H5  {
	font-size:medium;
	font-weight:bold;
	color: #993333;
	line-height: 20px;
	padding: 5px;
	margin-bottom: 1px;
	text-decoration:none;
	text-align: center;
	}
H6  {
	font-size:medium;
	font-weight:bold;
	color: #009522;
	line-height: 20px;
	padding: 5px;
	}



address	{
	font-size:medium;
	font-weight:bold;
	color: #000000;
	line-height: 20px;
	margin-left: 5px;
	}
.remarques {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #006666;
}


	.titreNews {
		font-size:medium;
		font-weight:bold;
		color:red;
		text-align:center;
	}
	.dateNews {
		font-size:small;
		font-weight:bold;
		color:black;
	}

	.textVignette {
			font-size:small;
			font-weight:normal;
			color:black;
	}

#body {
	background-color:#DDFFEE;
	width: 1000px;
	}


#contenant {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	background-color: #DDFFEE;
	height: auto;
	width: 1000px;
}
/* bandeau en-tête  */

#contenant #bandeau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: large; */
	font-style: normal;
	font-weight: bold;
	background-color: #DDFFEE;
	position: relative;
	height: 150px;
	width: 1000px;
}
																				/*FoireMiels*/
#FoireMiels #contenant #bandeau {
/*background-color: #FFE4B5 ;*/
background-image:url(../images/Fond_MielGris_Horiz.jpg)
}
#contenant #zone_texte_bandeau {
	position:absolute;
	left:402px;
	top:1px;
	width:600px;
	height:149px;

}
/* --------- fin bandeau ----------*/
/*----------------------------------*
/* menu_horizontal ----------------*/
#contenant #menu_horizontal {
	left:10px;
	width:1000px;
	height:25px;
/* apparences */
	text-align: right;
	background-color: #DDFFEE;		/* comme le fond */
	padding-top: 1px;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	}
																				/*FoireMiels*/
#FoireMiels #contenant #menu_horizontal {
	background-image:url(../images/Fond_Gris_Horiz.jpg)
}
#contenant #menu_horizontal ul {
	margin-bottom: 0; 		/* pas de marge inférieure */
	text-align: right;
	right: 10px;
	}
#contenant #menu_horizontal li {
	display: inline; 		/* placer li côte à côte */
	list-style-type: none; 	/* sans points d'énumération */
	margin: 0;
	color: #00711A;
	font-weight: normal;
	padding-left: 10px;
	font-size: small;
	}
#Chansons #navi_H_01,
#Liens_amis #navi_H_02 {
	background-color:#FFFFCC;
	}

#contenant  #menu_horizontal a:link {color: blue; text-decoration: none; font-size: small;}
#contenant #menu_horizontal a:visited {color: navy}
#contenant #menu_horizontal a:hover, a:focus, a:active {color: navy;}
/* -----------fin menu_horizontal --------------*/
/* ----------------------------------------------*/
/* texteDefilant -------------------------------*/
#contenant #texteDefilant {
	left: 20px;
	width: 940px;
}
/* -----------fin texteDefilant --------------*/
/* ----------------------------------------------*/
/* marge gauche : menu vertical, texte gauche--*/
	
#contenant #marge_gauche {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #DDFFEE;
	float: left;
	height: auto;
	width: 200px;
}
#dossiers #contenant #marge_gauche {										/* cossiers*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	background-color: #DDFFEE;
	float: left;
	height: auto;
	width: 230px;
}
																				/*FoireMiels*/
#FoireMiels #contenant #marge_gauche {
	background-image: url(../images/Fond_MielGris_Vert.jpg);
}
#contenant #marge_gauche #menu_vertical {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	background-color: #F0FFF8;
}
																				/*FoireMiels*/
#FoireMiels #contenant #marge_gauche #menu_vertical {
	/*background-color: #FFEFD5 ;*/
	background-color: transparent;
	min-height:900px;
}
#contenant #marge_gauche #menu_vertical ul {
	margin-bottom: 0;
	margin: 0;	
	margin-left: 10px;
    text-align:left;	
	}
#contenant #marge_gauche #menu_vertical li {
	list-style:none;		/* pas de marqueur */
	display:block;
	background-color:#DDFFEE;
	color: #00711A;
	text-decoration:none;
	font-size:small;
	font-weight:normal;
	padding-left:3px;
	line-height: 20px;
	text-align:left;
	}
																					/*FoireMiels*/
#FoireMiels #contenant #marge_gauche #menu_vertical li {
	background-color: transparent ;
}
#contenant #marge_gauche #menu_vertical ul ul {
	margin-bottom:0;
	padding-left: 0px;
	}
#contenant #marge_gauche #menu_vertical ul ul li {
	padding-left: 0px;
	text-decoration:none;
	text-align:left;
	list-style-type:none;
	display:block;
	background-color:#DDFFEE;
	color: #00711A;
	font-size:small;
	font-weight:normal;
	line-height:20px;
	}
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_01,	
#Buts_Assoc #contenant #marge_gauche #menu_vertical #navi_V_02,
#Previs_Assoc #contenant #marge_gauche #menu_vertical #navi_V_03,
#Hist_Assoc #contenant #marge_gauche #menu_vertical #navi_V_04,
#Couviges #contenant #marge_gauche #menu_vertical #navi_V_04a,
#Vignards #contenant #marge_gauche #menu_vertical #navi_V_05,
#Chansons #contenant #marge_gauche #menu_vertical #navi_V_06,
#moulins #contenant #marge_gauche #menu_vertical #navi_V_07,
#poilus #contenant #marge_gauche #menu_vertical #navi_V_08,
#FoireMiels #contenant #marge_gauche #menu_vertical #navi_V_09
 {
	background-color:#FFFFCC;
	}
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_01_C,	
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_02_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_03_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_04_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_04a_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_05_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_06_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_07_C,
#page_accueil #contenant #marge_gauche #menu_vertical #navi_V_08_C,
#FoireMiels #contenant #marge_gauche #menu_vertical #navi_V_09_C
 { text-decoration:blink;
	}

	
#contenant #marge_gauche #menu_vertical a:link {color: blue; text-decoration: none; font-size: small;}
#contenant #marge_gauche #menu_vertical a:visited {color: navy}
#contenant #marge_gauche #menu_vertical a:hover, a:focus, a:active {color: navy;}

#contenant #marge_gauche #texte_gauche {
	font-size: small;
	font-style: normal;
	font-weight: normal;
	padding-left: 10px;
}
/* -------- fin marge_gauche, menu_vertical ---------*/
/* ---------------------------------------------------*/
/*  contenu central, zone texte, texte chanson, localisation (page accueil)*/

#contenant #contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	background-color: #DDFFEE;
	height: auto;
	width: 600px;
	left: 200px;
	float: left;
}
#contenant #contenu h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}
#contenant #contenu #zone_texte p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	border: 0;
	padding: 0;
	margin: 0;
}

																				/*FoireMiels*/
#FoireMiels #contenant #contenu {
	background-image: url(../images/FoireMiels_Affiche.jpg);
	background-repeat: repeat-y;
	width: 800px;
	min-height:900px;	
}
#Hist_Assoc #contenant #contenu {
  width: 750px;
  }

#page_accueil #contenant #contenu #zone_texte {
	float: left;
	height: auto;
	width: 560px;
	padding-left: 30px;
	padding-right: 30px;
}
#page_accueil #contenant #contenu #localisation {
	float: left;
	height: auto;
	width: 560px;
	padding-left: 30px;
	padding-right: 30px;
}
#Buts_Assoc #contenant #contenu #zone_texte {
	float: left;
	height: auto;
	width: 500px;
	margin-left: 30px;
}
#Hist_Assoc #contenant #contenu #zone_texte {
	float: left;
	height: auto;
	width: 700px;
	margin-left: 30px;
}


#Hist_Assoc #contenant #contenu #zone_texte #liens  li a:link  {
color:#0000FF; 
text-decoration: none; 
font-size: small;
}
#Hist_Assoc #contenant #contenu #zone_texte  #liens a:visited {color: navy}
#Hist_Assoc #contenant #contenu #zone_texte #liens a:hover, a:focus, a:active {color: navy;}

#Hist_Assoc #contenant #contenu #zone_texte #Animations  li a:link  {
color:#000000; 
text-decoration: none; 
font-size: small;
}
#Hist_Assoc #contenant #contenu #zone_texte #Animations a:visited {color: navy;}
#Hist_Assoc #contenant #contenu #zone_texte #Animations a:hover, a:focus, a:active {color: navy;}


#FoireMiels #contenant #contenu #zone_texte   a:link,a:visited {color: navy; font-size:small}
#FoireMiels #contenant #contenu #zone_texte  a:hover, a:focus, a:active {color: navy;}

																				/*FoireMiels*/
#FoireMiels #contenant #contenu #zone_texte ul {
	margin-left: 20px;
}
																				/*FoireMiels*/
#FoireMiels #contenant #contenu #zone_texte li {
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
#FoireMiels #contenant #contenu #zone_texte li a:link {color: #0000FF; text-decoration: none; font-size: small; font-weight: bold}
#FoireMiels #contenant #contenu #zone-texte p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
#FoireMiels #contenant #contenu #zone_texte ul ul {
	padding-left: 0px;
}
#FoireMiels #contenant #contenu #zone_texte li li {
	padding-left: 20px;
}
#FoireMiels #contenant #contenu #zone_texte ul ul ul{
	padding-left: 0px;
}
#FoireMiels #contenant #contenu #zone_texte li li li {
	padding-left: 20px;
}

#Couviges #contenant #contenu #zone_texte ul {
	margin-left: 20px;
}
																				/*FoireMiels*/
#Couviges #contenant #contenu #zone_texte li {
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
}
#Couviges #contenant #contenu #zone_texte a:link {color:#0000FF; text-decoration:none; font-size:small; font-weight:bold;}
																				/*FoireMiels*/

#Previs_Assoc #contenant #contenu #zone-texte p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
}
#Previs_Assoc #contenant #contenu #zone_texte li {
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

#Previs_Assoc #contenant #contenu #zone_texte ul ul {
	padding-left: 0px;
}
#Previs_Assoc #contenant #contenu #zone_texte li li {
	padding-left: 20px;
}
#Previs_Assoc #contenant #contenu #zone_texte ul ul ul{
	padding-left: 0px;
}
#Previs_Assoc #contenant #contenu #zone_texte li li li {
	padding-left: 20px;
}

#Vignards #contenant {
	left: 0;
}
/*
#Vignards #contenant #contenu {
	float:left
	left: 200px; 
	width: 400px;
}
*/
#Vignards #contenant #contenu #zone_texte {
	float: left;
	height: auto;
	width: 400px;
	margin-left: 30px;
}
#Vignards #contenant #contenu #zone_texte p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
    text-align:left;
	border: 0;
	padding: 0;
	margin: 0;
}
#Vignards #contenant #contenu #zone_texte ul {
	text-align:left;
}

#Chansons #contenant #contenu #texte_chanson_refrain p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	padding: 0;
	border: 0;
	margin: 0;
	text-align: center;
}
#Chansons #contenant #contenu #texte_chanson_couplet p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}	
#Chansons #contenant #contenu #zone_texte #texte_chanson {
	width: 400px;
	position: absolute;
	height: auto;
	top: auto;
	right: 350px;
}
#Chansons #contenant #bandeau #zone_texte_bandeau h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	color: #009522;
	text-align: center;
	padding: 10px;
}
#Chansons #contenant #contenu #zone_texte {
	float: left;
	height: auto;
	width: 600px;
	margin-left: 30px;
}
#Chansons #contenant #contenu #zone_texte {
	float: left;
	height: auto;
	width: 600px;
	margin-left: 30px;
}

#localisation {
	background-color:#DDFFEE;
}

/* marge droite  */

#page_accueil, #Vignards, #Couviges #contenant #marge_droite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	background-color: #DDFFEE;
    float: left;
	height: auto;
	width: 200px;
    left: 600px;
	text-align: center;
}
#page_accueil #contenant  #marge_droite a {
	color:#CC3333;
}

/* fin marge_droite */

#dossiers #contenant #contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	background-color: #F0FFF8;
	height: auto;
	width: 600px;
	float: left;
	left: 225px;
}
#dossiers #contenant #contenu #sommaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-align: left;
	float:left;
	left:210px;	
	width: 620px;
}
#dossiers #contenant #contenuDossier {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	background-color: #F0FFF8;
	height: auto;
	width: 740px;
	left: 0px;
	float: left;
	padding-left: 20px;
}
#dossiers #contenant #contenu p {
	text-indent:10px;
}

#dossiers a:link, a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal;
	color:#000000;
	text-decoration:none;
}
#dossiers a:hover, a:focus, a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style:normal;
	color:#0066FF;
	text-decoration:none;
}
#dossiers ul li{
	list-style-type:square;
	list-style-position:inside;
	padding-left: 20px;
}
#dossiers ol li{
	list-style-type: decimal; 
	list-style-position:inside;
	padding-left: 20px;
}
#dossiers ul ul  li{
	list-style-type:circle;
	list-style-position:inherit;
}
#dossiers #sommaire ul {
	padding-left: 200px;
}
#dossiers #sommaire ul ul {
	padding-left: 0px;
}


#dossiers_examples #contenant #contenu {
	position: absolute;
	height: auto;
	width: auto;
	left: 2px;
	top: auto;
	margin-left: 0px;
	padding-left: 20px;
}

#archives #contenant {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	background-color: #F0FFF8;
	height: auto;
	width: 600px;
	margin-left: 100px;
}
#archives #contenant ul li{
	list-style-type:square;
	list-style-position:inside;
	padding-left: 20px;
}
#archives #contenant ul ul  li{
	list-style-type:circle;
	list-style-position:inherit;
}

/* -------------pied_de_page -----------*/
#pied_de_page {
clear: both;
float: left;
left: 20px;
}
#pied_de_page address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	font-style: italic;
	font-weight: normal;
	background-color: #DDFFEE;
	float: left;
	height: 20px;
	width: 550px;
}
 #pied_de_page #contact {
	float: left;
	left: 550px;
	width:300px;
	height:20px;
}
 #pied_de_page #mentionsLegales {
	top: 60px;
	text-align: left;
	clear: both;
	left: 10px;
}
 #pied_de_page #visiteurs {
	clear:both;
	position: relative;
	left: 10px;
	background-color: #FF9966;
	color: #000000;
	width: 250px;
	text-align: right;

}