/* style_index */

/*  ---------------------Mise en page générale---------------------- */

body{
	margin: 0; padding: 0;
	behavior: url(csshover.htc); /*WinIE behavior call*/
	background-color: #F0FFF0;

	h1, h2, h3, h4, h5, h6 p{	font-family: Verdana,Arial,sans-serif; 	margin: 0px; 	padding: 0px;}
	h1{font-size: 30px;  color: #334d55;}
	h2{font-size: 24px;  color: #006699;}
	h3{font-size: 20px;  color: #334d55;}
	h4{font-size: 16px; color: #333333;}
	h5{font-size: 12px;  color: #334d55;}
	h6{font-size: 10px;  color: #334d55;}
	p{font-size: 12px;  color: #334d55;}
	a{font-size: small;  color: #006699;}
}
/* ---------------- Mise en page du bandeau -------------- */

#bandeau {
  display: block;
	position: absolute;
	top: 5px; left: 1%;
	height: 120px; width: 98%;
	padding: 0px;	margin: 0px;
	background: url(../association08/images_association08/fond_bandeau_assoc08); 	background-repeat: no-repeat;



	}
	/*

background-color: #000080;
	background: url(../association08/images_association08/fond_bandeau_assoc08);
	 background-color: #99CCFF;
	background: url(../association08/images_association08/fond_bandeau_association.jpg); 	background-repeat: no-repeat;
		border: 1px #666666 solid; */


#bandeau h2{
	position: absolute;
	font-style: italic; font-size: 24px; font-weight: normal; color: white;
	height: 1em;  width: 450px;
	padding: 0; 	margin: 0;
	top: 25px; left: 25px;
}
#bandeau h4{
	position: absolute;
	font-style: normal; font-size: 20px; font-weight: normal; color: #ABE8F9;
	height: 1em; width: 450px;
	padding: 0;	margin: 0;
	top: 60px; left: 25px;
}
#entete {
	float: left; position: absolute; top: 10px; right: 2%;
}
#liens_horizontaux {
	position: absolute;
	height: 1.6em;
	margin: 0; padding: 0px;
	left: 25px; width: auto; bottom: 5px;
	padding-left: 10px;
	list-style-type: none;
	color: white;
 	padding-bottom: 0.2em;
}
#liens_horizontaux li{
	position: relative; top: 0.5em;
	display: inline;
	font-family: "Lucida Grande", Arial, sans-serif; 	font-size: small; 	height: 1.8em; font-weight: bolder;
	margin: 0;
	padding-left: 0.2em; padding-right: 0.8em; padding-bottom: 2px;
}
#liens_horizontaux a{
	color: #33CCFF;
}


/* ---------------- Mise en page de la partie centrale -------------- */


#contenu {
	margin: 0; padding: 0;
	position: absolute;
	left: 230px; top: 135px; width: 73%; height: auto; /*	border: 1px #666666 solid;*/
	color: #F0F8FF;
	padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 4px;
	background-color: #F0FFFF;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-style: normal; line-height: normal; text-align: left;
	margin-right: 30px; 	margin-left: 30px;
}

#image {
padding: 0; margin: 0;
position: relative; top: 0; align: left;
width: auto; hight: auto;

}

#texte {
	position: relative; text-align: left;
	font-family: "Lucida Grande", Arial, sans-serif;
	}
#texte p {
	font-size: 14px;
	color: #000066;
	text-indent: 0px;
}

#texte h5 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000066;
	padding-left: 20px;
	text-align: left;
	text-indent: 0px;
}

#texte h4 {
margin: 0; padding: 0;
	font-size: 12px;
	font-style: normal;
	line-height: 0.8em;
	color: #000066;
	/*font-weight: bold;*/
	text-align: left;
	text-indent: 0px;
}

#texte h3 {

	font-size: 16px;
	font-style: normal;
	line-height: 0.8em;
	color: #000066;
	/*font-weight: bold;*/
	text-align: left;
	text-indent: 0px;
}

#texte h2 {
	font-size: 20px;
	font-style: normal;
	line-height: normal;
	color: #FF7F50;
	font-weight: bold;
	text-align: left;
	text-indent: 0px;
}

#texte h6 {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #FF7F50;
	font-weight: bold;
	text-align: left;
	text-indent: 0px;
}




/* ---------------- Mise en page du bandeau gauche -------------- */

#navette {
	Position: absolute; top: 130px;
	width: 200px; height: auto;
	left: 10px;
}
#infocan {
	Position: relative;
	width: 200px; height: auto;
	left: 0px;
	padding: 0 2px 0 5px; margin: 0 0 5px 0;
}
#infocan h4{
	Position: relative;
	height: 0.8em; width: 190px;
	top: 5px; 	left: 5px;
	color: #191970;
	text-align: left;
	margin: 0;
	padding: 0.3em 0 0.6em 0;
	}

}
#infocan h5{
	Position: relative;
	height: 0.8em; width: 190px;
	top: 2px; 	left: 10px;
	color: #191970;
	text-align: left; font-size: 14px;
		margin: 0;
	padding: 0.3em 0 0.6em 0;
	}

#infocan ul{
	position: relative;
	margin: 0; padding: 0;
	height: auto;
	left: 15px; top: 5px; width: 175px;
	font-family: "Lucida Grande", Arial, sans-serif; 	font-size: small; font-weight: bolder;
	margin-top: 0em; margin-right: 0; margin-bottom: 0; margin-left: 0;
}
#infocan li{
	list-style-type: none;
	padding: 0; margin: 0;
	width: 175px; height: 1.5em;
	color: white;
}
div#infocan li:hover {background: #FFC0CB;}
#infocan li a{	color: #708090;}

#sousmenu {
	Position: relative;
	width: 200px; height: auto;
	left: 0px;
	padding: 0 2px 0 5px; margin: 0 0 5px 0;
}

#sousmenu h4{
	Position: relative;
	height: 0.8em; width: 190px;
	top: 5px; 	left: 5px;
	color:  #FF6347;
	text-align: left;
	margin: 0;
	padding: 0.3em 0 0.6em 0;
	}

#sousmenu h5{
	Position: relative;
	height: 0.8em; width: 190px;
	top: 2px; 	left: 10px;
	color: #FF8C00;
	text-align: left; font-size: 14px;
		margin: 0;
	padding: 0.3em 0 0.6em 0;
	}

#sousmenu ul{
	position: relative;
	margin: 0; padding: 0;
	height: auto;
	left: 15px; top: 5px; width: 175px;
	font-family: "Lucida Grande", Arial, sans-serif; 	font-size: small; font-weight: bolder;
	margin-top: 0em; margin-right: 0; margin-bottom: 0; margin-left: 0;
}
#sousmenu li{
	list-style-type: none;
	padding: 0; margin: 0;
	width: 175px; height: 1.5em;
	color: white;
}
div#sousmenu li:hover {background: #FFC0CB;}
#sousmenu li a{	color: #696969;}