body
{
	background-color: white;
	margin: 10px; /* Pour ne pas que les cadres soient collés au bord de la fenêtre du navigateur */
	min-width: 1180px; /* délimite la taille du cadre avant que la barre de scroll apparaîsse */
	overflow: auto; /* Pour faire apparaitre la barre de scroll */
}

#en_tete
{
	height: 160px;
	border: green solid 2px;
	text-align: center;
	margin-right: 215px; /* permet de laisser la place pour le cadre des news taille = 200 + 15px */
	background-color: #9cd341;
   /* Commandes permettant de faire des cadres arrondis sur les différents navigateurs sauf IE avant IE9*/
	-moz-border-radius: 45px; 
    -webkit-border-radius: 45px; 
    border-radius: 45px;         
    -khtml-border-radius: 45px;
	-o-border-radius: 45px;
	-ms-border-radius: 45px;
}
table
{
	margin: auto; /* permet de centrer le titre du site et le logo ard-vd */
}

#news /*  CADRE des NEWS + MISE EN FORME DU CONTENU DU CADRE  */
{
	background-color: white;
	float: right;
	width: 200px;
	border: green solid 2px;
	font-family: Arial, "Times New Roman", Verdana, serif;
	/* Commandes permettant de faire des cadres arrondis sur les différents navigateurs sauf IE < IE9*/
	-moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    border-radius: 15px;         
    -khtml-border-radius: 15px;
	-o-border-radius: 15px;
	-ms-border-radius: 15px;
	
}

.titre  /* style du titre "Actualités" */
{
	
	margin-top: 0;
	font-weight: bold;
	text-align: center;
	font-size: 0.9em;
	color: #8b0000;
	background-color: white;
	border-bottom: green solid 3px;
	border-top: green solid 3px;
	position: relative;
		top: -45px;
}
.news_texte /* style du texte des NEWS*/
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.sous_titres_news
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #a52a2a;
	border-bottom: green solid 2px;
	border-top: green solid 2px;
	text-align: center;
	padding: 2px;
}
.titre_formation
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	
	color: #cc2678;
	padding-left: 0px;
	padding-right: 10px;
	
}
#corps_index
{
	background-color: white;
	background-image: url("../images/frise.png");
	
	background-attachment: scroll;
	background-repeat: no-repeat; /* La frise ne sera pas répétée */
	min-height: 640px;
	height: auto;
	border: green solid 2px;
	margin-top: 15px; /* Pour éviter de coller avec le head */
	margin-right: 215px; /*Pour laisser la place au cadre des news taille = 200 + 15px*/
	margin-bottom: 50px;/* Pour éviter de coller avec le pied de page*/
	margin-bottom: 100px;/* Pour éviter de coller avec le pied de page*/
	padding-top: 50px;
	padding-left: 130px;  /*Pour laisser la place au menu de gauche qui fait 100px + 15px de marge de chaque coté*/
	padding-right: 15px;	/*Pour éviter que le texte colle la bordure droite*/
	padding-bottom: 50px;  /* Pour laisser un peu de place entre la fin du texte et le cadre*/
		-moz-border-radius: 45px; 
        -webkit-border-radius: 45px; 
        border-radius: 45px;         
        -khtml-border-radius: 45px;
		-o-border-radius: 45px;
		-ms-border-radius: 45px;
}
#corps
{
	background-color: white;
	background-image: url("../images/frise.png");
	
	background-attachment: scroll;
	background-repeat: repeat-y; /* La frise ne sera pas répétée */
	min-height: 610px;
	height: auto;
	border: green solid 2px;
	margin-top: 15px; /* Pour éviter de coller avec le head */
	margin-right: 215px; /*Pour laisser la place au cadre des news taille = 200 + 15px*/
	margin-bottom: 50px;/* Pour éviter de coller avec le pied de page*/
	margin-bottom: 100px;/* Pour éviter de coller avec le pied de page*/
	padding-top: 50px;
	padding-left: 130px;  /*Pour laisser la place au menu de gauche qui fait 100px + 15px de marge de chaque coté*/
	padding-right: 15px;	/*Pour éviter que le texte colle la bordure droite*/
	padding-bottom: 150px;  /* Pour laisser un peu de place entre la fin du texte et le cadre*/
		-moz-border-radius: 45px; 
        -webkit-border-radius: 45px; 
        border-radius: 45px;         
        -khtml-border-radius: 45px;
		-o-border-radius: 45px;
		-ms-border-radius: 45px;
}

/* Barre des menus déroulants */

#menuDeroulant
{
	width: 770px;
	list-style-type: none;
	line-height : 15px;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
		top: 200px;
		left: 150px;
}
#menuDeroulant li
{
	float: left;
	width: 110px;
	margin: 0;
	padding: 0;
	border: 0;
}			
#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}	

#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}
			
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	color: black;
	background: #9cd341;
	margin: 0;
	padding: 4px 4px;
	border-right: 2px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	/*font-weight: bold;*/
	color: black;
	text-decoration: underline; 
	background: #c8f694;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	color: black;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
 {
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	color: black;
	text-decoration: underline; 
	background: #c8f694;
 }
#menuDeroulant li:hover .sousMenu 
{
	display: block; 
}	

#menu /*Cadre des liens gauches de navigation*/
{
	width: 100px;
	border: green solid 2px;
	
	position: absolute;
		left: 20px;
		top: 365px;
	background-color: #9cd341;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
		-moz-border-radius: 15px; 
        -webkit-border-radius: 15px; 
        border-radius: 15px;         
       -khtml-border-radius: 15px;
	   -o-border-radius: 15px;
	   -ms-border-radius: 15px;
}
#menu li:hover
{
background: #c8f694;

}

.element_menu ul
{
	list-style-type: none;
	text-align: center;
	padding: 5px 0px;
	margin: 0;
}
.element_menu li
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: white solid 1px;
	border-top: white solid 1px;
	
}
.element_menu a:link, .element_menu a:visited
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color: black; /* Les liens seront en noir */
}
.element_menu a:hover
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	text-decoration: underline;
	color: black;
	/*font-weight: bold;*/
}

a img /* Toutes les images contenues dans un lien */
{
	border: none; /* Pas de bordure sur les liens de la page d'accueil*/
}
/* position texte "devient" de la première page */
.devient
{
font-size: 1.5em;
position: relative;
   left: 0px;
   bottom: 45px;
}
.texte2/* Texte de la page d'accueil */
{
	
	margin-top: 20px;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 1em;
	color: black;
	text-align: center;
}
.texte
{
	margin-top: 10px;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	color: black;
	text-align: justify;
	text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
}
.souligne
{
   text-decoration: underline; /* permet de souligner un bout de texte*/
}
.liste
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	color: black;
	text-align: justify;
	padding-bottom: 15px;
	list-style-position: outside;
}
.liste_contact
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	color: black;
	text-align: justify;
	padding-bottom: 15px;
	list-style-position: outside;
	 list-style-type: square;
}
.puce
{
padding-bottom: 15px;
}
table.personnel td
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	color: black;
	text-align: justify;
}

/* Mise en page du tableau des formations*/
table.tab_formations
{
	border-collapse: collapse;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	color: black;
	text-align: center;
	margin-bottom: 20px;
}
table.tab_formations td
{
	border-collapse: collapse;
	border: 1px solid black;
	padding: 2px;
}
table.tab_formations th
{
	background-color:#e4e2e2;
	text-transform: uppercase;
	border-collapse: collapse;
	border: 1px solid black;
	padding: 5px;
}
a.lien_pdf:link, a.lien_pdf:visited
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 1em;
	color: #008000;
	font-weight: bold;
}
a.lien_pdf:hover
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 1.1em;
	color: #034103;
	font-weight: bold;
}

.ligne_tab
{
height:90px;
text-align: justify;
}
.td1
{
height:45px;
}
.td2
{
height:30px;
}

.lieu
{
width: 120px;

}
.sessions
{
width: 150px;
}

.tarif
{
width: 50px;
}

h2
{
	width: 250px;
	margin-left: 70px;
	font-size: 0.8em;
	font-family: Verdana, "Comic Sans MS", Georgia, "Times New Roman", serif;
	color:#8b0000;
	border-bottom:#8b0000 ridge 2px;
	padding-bottom: 3px;
	padding-top: 25px;
}

h3
{
	font-size: 0.8em;
	font-family: Verdana, "Comic Sans MS", Georgia, "Times New Roman", serif;
	color:#008080;
	font-variant: small-caps;
}

a.go_top:link, a.go_top:visited, a.lien_web:link, a.lien_web:visited, a#impression:link, a#impression:visited
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.9em;
	color: black;
}
a.go_top:hover, a.lien_web:hover, a#impression:hover
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.9em;
	color: black;
	font-weight: bold;
}
.renseignements
{
	text-align : center;
}
a.renseignements:link, a.renseignements:visited
{
  width:150px; 
  height:30px; 
  text-decoration:none; 
  color:#8b0000;
  text-align:center; 
  font-weight:bold; 
  border-style: outset;
  border-width: 2px;
  background-color:#CCCCCC;
  padding:5px
}
a.renseignements:hover
{
  width:150px; 
  height:30px;
  text-decoration:none; 
  color:blue; 
  text-align:center;
  font-weight:bold;
  border-style: outset;
  border-width: 2px;
  background-color:#CCCCCC;
  padding:5px
}
#impression, .deconnexion /* position du lien pour imprimer la page */
{
float: right;
position: relative;
	top: -10px;
}
.deconnexion /* position du lien pour déconnecter de la page adhérents*/
{

position: absolute;
	top: 270px;
	left: 480px;
}

/* Positionnement des images du site */

img.grappe, img.bache, img.bulletins ,img.logo_oilb, img.court-noue, img.biodiversite, img.papillon, img.formation/* Positionnement de l'image à droite du texte*/
{
		float: right;
		margin-left: 30px;
		margin-bottom: 15px;		
}

img.rang_vigne, img.surveillance, img.flavescence, img.diagnostic, img.biodivine /* Positionnement de l'image à gauche du texte*/
{
		float: left;
		margin-top: 15px;
		margin-right: 30px;
		margin-bottom: 15px;
}

.logo-part img /* Positionnement des logo membres*/
{

	margin-left: 20px;
	margin-top: 30px;
}
.membres
{
	text-align: center;
}
img.piege_trianglue, img.carto /* Positionnement de l'image piege trianglué, image des missions et du tableau des missions au centre de la page*/
{
	display: block; 
	margin: auto;
}
img.tableau
{
	display: block; 
	margin: auto;
	/*padding-left: 135px;*/
}

.contact
{
	font-weight: bold;
	font-size: 0.8em;
	font-family: Arial, "Times New Roman", Verdana, serif;
	padding-left: 40px;
	margin: auto;
}
.legende_tab /* style des légendes des figures et tableaux */
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	color: black;
	text-align: center;
	font-style: italic; 
}
table.membres
{
	
	margin: auto; /* Centre le tableau */
	border-collapse: collapse; /* Colle les bordures entre elles */
}
table.membres img
{
vertical-align: midle;
text-align: center;
border: black ridge 2px;

}
/*MISE EN FORME DU FORMULAIRE D'ACCÈS MEMBRES*/
#secured
{
		font-family: Verdana, "Comic Sans MS", Georgia, "Times New Roman", serif;
		font-size: 0.9em;
		background: #ece9d8;
		color: black;
		width: 470px;
	
		padding: 15px;
		border: #0364ca ridge 3px;
		position: relative;
			top: 45px;
}
.form_acces
{
		width: 470px;
		text-align: left;
		font-size: 0.8em;
		margin: auto;
}
.msg_section
{
		font-weight: bold;
		font-family: Verdana, "Comic Sans MS", Georgia, "Times New Roman", serif;
		font-size: 0.8em;
		text-indent: 30px;
		margin-top: 50px;
		color: red;
}
.acces_section
{
		
		font-family: Verdana, "Comic Sans MS", Georgia, "Times New Roman", serif;
		font-size: 1.2em;
		color: red;
		font-weight: bold;	
}

.bouton_envoie
{
		text-align: center;
		font-weight: bold;
}


#plan_site .texte
{
	text-align: left;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	text-decoration: underline;
}
#menu_plan
{
	width: 990px;
	height: 180px;
	padding: 5px;
	margin: auto;
	margin-bottom: 10px;
	text-align: center;
}
#menu_plan li
{
	float: left;
	width: 140px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#menu_plan .sousMenu_plan
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}	

#menu_plan .sousMenu_plan li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menu_plan li a:link, #menu_plan li a:visited
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 4px 4px;
	text-decoration: none;
}
#menu_plan li a:hover
{
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.7em;
	font-weight: bold;
	color: black;
	text-decoration: underline; 
}

#menu_plan .sousMenu_plan li a:link, #menu_plan .sousMenu_plan li a:visited
{
	display: block;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.6em;
	color: black;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menu_plan .sousMenu_plan li a:hover
 {
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.6em;
	color: black;
	text-decoration: underline; 
 }
 
#pied_de_page
{
	text-align: center;
	font-family: Arial, "Times New Roman", Verdana, serif;
	font-size: 0.8em;
	color: black;
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}