/*
=================
table des matières:
1. propriétés globales (reset et généralités)
2. section gauche (logo et navigation)
3. section droite (visuel et contenu)
4. pied de page
5. classes autres
=================
*/

/*
=================
1. propriétés globales (reset et généralités)
=================
*/

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #CAEBFF;
	background-image: url(images/bg_body5.jpg);
	background-repeat: repeat-x;
}

img {
	border: 0;
	padding-right: 0.5em;
}


a:link 		{color: #5c8a21; text-decoration: underline;}
a:visited 	{color: #5c8a21; text-decoration: underline;}
a:hover 	{color: #5c8a21; text-decoration: none;}
a:active 	{color: #5c8a21; text-decoration: underline;}


div#site {
	width: 47em;
	max-width: 90%;
	min-width: 740px;
	margin: 0 auto 1em auto;
	background-color: #FFFFFF;
	border-right: 1px solid #007EC4;
	border-bottom: 1px solid #007EC4;
	border-left: 1px solid #007EC4;
}


/*
=================
Section gauche (logo et navigation)
=================
*/


div#navigation	{margin-top:2em}
div#gauche 		{float: left; width: 28%;}
img#logo_erv 	{float: left; margin-top: 1em; margin-bottom: 1em; margin-left: 0.5em; text-align: center;}


/*
=================
Bouton participation
=================
*/
ul#participation 					{clear: both; font-weight:bold; font-size:1.1em; margin-bottom: 0.9em; list-style-type: none; text-align:center}
ul#participation  .notice			{font-weight:normal; font-size:0.7em;}
ul#participation li a 				{display: block; width: 100%; background: #eee79c; border:0.05em solid #fadd80; padding:0.5em 0;}
ul#participation li a:hover 		{background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}
ul#participation li.actif	 		{color: #715a2f; width: 100%; border:0.05em solid #fadd80; padding:0.5em 0; background-color: #fff9cb;}
#participation a:link 				{color: #715a2f; text-decoration: none;}
#participation a:visited 			{color: #715a2f; text-decoration: none;}
#participation a:hover 				{color: #715a2f; text-decoration: none;}
#participation a:active 			{color: #715a2f; text-decoration: none;}


/*
=================
Menu
=================
*/
ul#menu 				{list-style-type: none;}
ul#menu li 				{margin: 0 0 0.7em 0;}
ul#menu li a 			{display: block; width: 100%; line-height: 2em; color: #fff; text-indent: 0.5em; text-decoration: none; background: #007EC4;}
ul#menu li a:hover 		{background: #007EC4 url(images/bg_menu.jpg) repeat-x;}

/*
=================
Sous-menus
=================
*/
ul#menu li.actif ul#sm_info 				{list-style-type: none;}
ul#menu li.actif ul#sm_info li 				{margin: 0; letter-spacing: -0.07em;}
ul#menu li.actif ul#sm_info li a 			{color: #3f712f; background: #d5e7a3;}
ul#menu li.actif ul#sm_info li a:hover 		{background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}

ul#menu li.actif ul#sm_equipe 				{list-style-type: none;}
ul#menu li.actif ul#sm_equipe li 			{margin: 0; letter-spacing: -0.07em;}
ul#menu li.actif ul#sm_equipe li a 			{color: #3f712f; background: #d5e7a3;}
ul#menu li.actif ul#sm_equipe li a:hover 	{background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}

ul#menu li.actif dl#sm_etudes 				{list-style-type: none;}
ul#menu li.actif dl#sm_etudes dt 			{color: #56712f; background: #e7e1a3; font-style: normal; font-weight: bold; padding-left: 0.5em; border-top: 0.05em solid #56712f; border-bottom: 0.05em solid #b8cf98;}
ul#menu li.actif dl#sm_etudes dd 			{margin: 0; padding: 0; letter-spacing: -0.07em;}
ul#menu li.actif dl#sm_etudes dd a 			{color: #3f712f; background: #d5e7a3;}
ul#menu li.actif dl#sm_etudes dd a:hover 	{background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}


/*
=================
Logos
=================
*/
ul#logos 			{text-align: center;}
ul#logos li 		{margin: 1em 0 10px 0; list-style-type: none;}
div#entete img 		{width: 6.1em;}


/*
=================
Section droite (visuel et contenu)
=================

=================
Contenants
=================
*/
div#droite{
	float: right;
	width: 68.75%;
	background-color: #FFFFFF;
}
div#visuel {
	height: 200px;
	background-image: url(images/img_v2.jpg);
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 0 10px;
}
div#contenu {
	margin-top: 0.5em;
}

/*
=================
Balises
=================
*/
p {
	color: #007EC4;
	background-color: #FFFFFF;
	margin-bottom: 0.5em;
	padding-right: 0.5em;
}
h2 {
	color: #3f712f;
	background-color: #d5e7a3;
	height:48px; /* Valeur fixe pour débordement */
	line-height:2em;
	text-indent: 0.2em;
	margin-top: 1.4em;
	margin-bottom: 0.5em;
	border-left: 0.2em solid #a7c977;
}

/* === Débordement vert après le H2 === */ 
h2:after{
	content:url(images/h1_bout.png);
	display:block;
	margin-top:-2em;
	margin-left:21.14em;
}


h3 {
	color: #3f712f;
	border-bottom: 0.2em solid #d5e7a3;
	text-indent: 0.2em;
	background-color: #FFFFFF;
	margin-bottom: 0.5em;
}
h4 {
	color: #007EC4;
	border-bottom: 0.1em solid #d5e7a3;
	text-indent: 0.3em;
	background-color: #FFFFFF;
	margin-bottom: 0.5em;
}
h5 {
	font-weight: bold;
	color: #3f712f;
	background-color: #FFFFFF;
	font-size: 1em;
}
h6#nom_etude_participation {
	font-size: 1em;
}

dl 		{color: #007EC4; background-color: #FFFFFF;}
dt 		{font-style: italic; padding-right: 0.5em;}
dd 		{margin-bottom: 0.5em; padding-right: 0.5em;}

ol {
	color: #007EC4;
	background-color: #FFFFFF;
	margin-left: 2em;
	margin-bottom: 1em;
}

table {
	border-collapse: collapse;
	color: #007EC4;
}
table td {
	vertical-align: top;
	border: 1px solid #007EC4;
	padding: 0.1em;
}
fieldset {
	border: none;
}

/*
=================
Autres
=================
*/
div#contenu ul 								{margin-left: 2em; margin-bottom: 0.5em; color: #007EC4; background-color: #FFFFFF;}
div#contenu ul li 							{list-style-type: square;}
div#contenu dl#membres dt 					{font-style: normal; font-weight: bold;}
div#contenu dl#membres dd 					{margin-bottom: 0; margin-left: 0.5em;}

div#contenu ul.fiche_membre img 			{float: right; margin-left: 1em; margin-bottom: 0;}
div#contenu ul.fiche_membre 				{margin-left: 0;}
div#contenu ul.fiche_membre li 				{list-style-type: none;}
div#contenu ul.fiche_membre h5 				{float: left;}
div#contenu ul.fiche_membre p 				{clear: left;}

div#contenu ul#participants 				{margin-left: 0;}
div#contenu ul#participants li 				{list-style-type: none;}
div#contenu ul#participants li h6 			{background-color: none; margin-left: 5em;}
div#contenu ul#participants li p 			{background-color: none; margin-left: 5em;}
div#contenu ul#participants ul li 			{list-style-type:square;margin-left:4em;}

ul#menu li.actif a 							{background: #007EC4 url(images/bg_menu.jpg) repeat-x;}
ul#menu li.actif ul#sm_info li.sm_actif a 	{color: #3f712f; background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}
ul#menu li.actif ul#sm_equipe li.sm_actif a 	{color: #3f712f; background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}
ul#menu li.actif dl#sm_etudes dd.sm_actif a {color: #3f712f; background: #fff9cb url(images/bg_part_jaune.jpg) repeat-x;}

ul#annees li 								{display: inline; background-color: #F0F9FF;margin-right:15px;}
div#contenu .etudes dt 						{font-style: normal; font-size:1.1em;}
ul#categoriemaladies li 					{display: inline;background-color: #F0F9FF;margin-right:15px;}



/*
=================
Pied de page
=================
*/

div#pied {
	margin: 0 auto;
	width: 80%;
	clear: both;
	text-align: center;
	border-top: 0.05em solid #007EC4;
	font-size: 0.8em;
}
div#pied p {
	margin-bottom: 0;
}


/*
=================
Menu
=================
*/
ul#navigation_pied 		{margin-top: 0.3em; margin-bottom: 0;}
ul#navigation_pied li 	{display: inline; color: #007EC4;}



/*
=================
Classes
=================
*/

.adresse 				{margin: 0;}
.aligner_centre 		{text-align: center;}
.categorie_lien 		{margin-top: 1em; margin-left: -1.5em;}
.clear 					{clear: both;}
.courriel_envoi 		{background-image: url(images/email.gif); background-repeat: no-repeat; padding-left: 2em; margin-left: 0.5em; background-position: left 50%;}
.derniereligne 			{padding-bottom: 0.5em;}
.droite 				{float: right;}
.erreur 				{color: #CC0000; background-image: url(images/error.gif); background-repeat: no-repeat; padding-left: 2em; margin-left: 0.5em; background-position: left 50%;}
.espacement 			{margin: 0.5em;}
.etudes 				{margin-left: 3em;}
.etudes h4 				{margin-left: -2em; padding-left: 1em; font-size:1.1em; background-image: url(images/etudes.jpg); background-repeat: no-repeat; background-position: left center;}
.gauche 				{float: left;}
.hidden 				{display: none;}
.homologue 				{padding: 0.2em; background-color:#fdf1c8; border:1px solid #fadd80;}
.icone 					{margin-right: -0.3em; text-decoration: none;}
.info 					{width: 90%;}
.infomal 				{width: 20%;}
.infomaladies dt 		{font-style: normal; font-weight: bold; background-image: url(images/infomaladies.jpg); background-repeat: no-repeat; background-position: left bottom; padding-left: 1.5em;padding-top: 0.7em;}
.infomaladies dd 		{padding-left: 1.5em;}
.largeur50 				{width: 45%; margin-right: 1em;}
.marge 					{margin-top: 1em;}
.note 					{font-size: 0.8em; margin-top: 3em;}
.participant_femme 		{background-image: url(images/part_femme.jpg); background-repeat: no-repeat; background-position: left 2.3em;}
.participant_homme 		{background-image: url(images/part_homme.jpg); background-repeat: no-repeat; background-position: left 2.3em;}
.participant_enfant 	{background-image: url(images/part_enfant.jpg); background-repeat: no-repeat; background-position: left 2.3em;}
.participant_autre 		{background-image: none;}
.publications 			{margin-top: 1em;}
.retour 				{font-size: 0.8em; text-align: right; margin-bottom: 2em;}
.sidebox 				{width: 27%; background: #d5e7a3; margin-left: 0.5em; padding: 0.5em; margin-right: 0.5em; clear: right;}
.sidebox ol 			{margin-bottom: 0; margin-left: 0; list-style-type: none;}
.sidebox li 			{background: #d5e7a3;}
.sidebox h5 			{background: #d5e7a3;}
.sidebox a:link 		{color: #5c8a21;}
.sidebox a:visited 		{color: #5c8a21;}
.sidebox a:hover 		{color: #5c8a21;}
.sidebox a:active 		{color: #5c8a21;}
.sidebox_actif 			{font-style: italic;}
.tempo 					{margin: 1em;}