/*----------------------------------------------------------

	Feuille de style de base, avec initialisation 
	des principaux lments HTML.

----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html, body {
	text-align: center;
	 height:100%;
	_height:100%;
}

h1 { font-size: 2em; padding: 0.67em 0; }
h2 { font-size: 1.3em; padding: 0.83em 0; }
h3 { font-size: 1.17em; padding: 1em 0; }
h4 { font-size: 1em; padding: 1.33em 0; }
h5 { font-size: 0.83em; padding: 1.67em 0; }
h6 { font-size: 0.67em; padding: 2.33em 0; }

p { margin:0; padding:0 0 1em 0; line-height: 1.6; }

ul, ol {
	display: block;
	margin:0;
	padding:0 0 0 1em;
	list-style-position: inside;
}

li {
	display: list-item;
	line-height: 1.4em;
}

dl {
	display: block;
	padding: 1em 0 0 0;
}

dd {
	display: block;
	padding-left: 1.5em;
}

dt { }

img { 
	border: none;
}

hr { }

code, pre {
	font-size: 1.1em;
}

table {
	border-collapse:collapse;
}
th {
	border-bottom: 0px solid;
	white-space: nowrap;
}
td {
	border-width: 0;
}

input { }

textarea { }

em { font-style: italic; }

strong { font-weight: bold; }

/*----------------------------------------------------------

	Structure de la page.

----------------------------------------------------------*/

body { background:#FFFFFF url(../images/fond.jpg) repeat-x top; }

#page{ margin:0 auto; width:1009px; background:url(../images/fond-contenu-intro.jpg) no-repeat top left; }

#entete{ width:1009px; }
#entete *{ vertical-align:top; }

#principale{ float:left; width:100%;  }

#colonneDroite{ position:relative; top:-35px; margin-bottom:-35px; float:right; width:390px; height:353px; text-align:left; }
#colonneDroite *{ vertical-align:top;}

#centre{ float:left; text-align:justify;   }

#menu{ width:579px; height:45px; overflow:hidden; padding:0 15px;}
#menu h1{ display:block; padding:0; margin:8px 0 3px 0; font-size:0.8em; width:168px; height:13px; background:#73A7BD url(../images/partenaires.gif) no-repeat top left; }
#menu h1 span{ display:none; }
#menu ul li{ display:inline; list-style:none outside none; padding:0 7px; border-left:#073359 2px solid; font-size:0.9em; font-weight:bold;}
#menu ul li a{ color:#073359; text-decoration:none;}
#menu ul li a:hover{ color:#FFFFFF;}

#encartrecherche{ position:relative; float:left; height:267px; padding:0 0 10px 22px;}
#encartrecherche h2{ float:left; display:block; width:273px; height:48px; padding:0; margin:0 0 20px 0; background:url(../images/recherche.jpg) no-repeat top left; }
#encartrecherche h2 span{ display:none; }
#encartrecherche form{ width:393px; float:left; overflow:hidden; padding-right:15px;}
#encartrecherche input{ border:1px inset; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#074777;}
#encartrecherche select{ width:218px; border:1px inset; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#074777;}
#encartrecherche label{ padding-left:40px; float:left;}
#encartrecherche p{ font-weight:bold; color:#074777;}
#anim{float:right; width:188px; height:260px;}
#anim *{ vertical-align:top;}

#contenu{ display:block; clear:both; padding:5px; background:#FFFFFF; text-align:justify;}

#lienBas { width:100%; clear:both; padding-top:15px; font-size:0.8em; }
/*Item*/

.item{ padding: 2px;}
.item span{ display:block; height:100px;}
#contenu ul.rubrique li {
     list-style:none;
     display:block;
     width:31%;
     float:left;
	 margin:0 1em 1em 0;
	 text-align:left;
	 font-size:10px;
}
#contenu .rubrique a{
	color:#074777;
	text-decoration:none;
}