/*En-tête de chaque page : logo, nom société, image bandeau, breadcrumbs, nom de la page */

#texte_gestionproj{
	left:80px;
}

#BreadCrumbs{
	position: relative;
	margin-left: 17px;
	padding-top: 7px;
	/*width: 882px;*/
	width: 400px;
	font: normal 11px Arial;
	: #081086;
	text-decoration: none;
	
}

#languagebutton{
	position: absolute;
	top:3px;
	margin-left: 795px;
	width:80px;
	font: normal 15px Arial;
	: #081086;
	text-align:right;
}

#image_logo{
	position:absolute;
	margin-top: 11px;
	margin-left: 15px;
	height: 110px;
	width: 180px;
	background: url(img/VaudProjets_Logo-2.png) no-repeat;	
}

#image_bandeau{
	position:absolute;
	margin-top: 5px;
	left: 195px;
	height: 99px;
	width: 840px;
	background: url(img/VaudProjets-bandeau-1b-co.jpg) no-repeat;
}

#bandeau{
	height:110px;
	width: 892px;
}

#NomPage{
	position: absolute;
	left: 15px;
	top: 155px;
	color: #081086;
	font: bold 19px sans-serif;
	text-decoration: underline;
}

body {
  width:892px;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-family: tahoma,arial,helvetica,"bitstream vera sans",sans-serif;
  color: #000000;
  background-color: #ffffff;
}

/* onglets généraux */

#en-tete {
  overflow: hidden;
  /*background-color: #dae0d2;  */
  background-image: url(img/fond.png);
  background-position: bottom;
  background-repeat: repeat-x;  

}
#en-tete ul {
  float: right;
  margin-top: 28px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;  
  cursor: pointer;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
  cursor: pointer;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(img/coin-gauche-b.png);
  background-position: 0% -250px;
  background-repeat: no-repeat;
  cursor: pointer;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 20px;
  background-image: url(img/coin-gauche-b.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 20px;
  background-image: url(img/coin-droit-b.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 20px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(img/coin-droit-b.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
  font-variant: small-caps;

}
#en-tete ul li a:hover {
 	background-position: 0% -500px;
}
#en-tete ul li a:focus {
 	background-position: 0% -500px;
}
#en-tete ul li a:hover span {
 	background-position: 100% -500px;
}
#en-tete ul li a:focus span {
	background-position: 100% -500px;
}

#PMP_seal
{
	position: absolute;
	margin-top: 300px;
	margin-left: 730px;
	height: 100px;
	width: 500px;	
	/*background: url(img/PMP-logo-post-b.jpg) no-repeat;	*/
	
	
}

#ACFE_seal
{
	position: absolute;
	margin-top: 295px;
	margin-left: 833px;
	height: 100px;
	width: 100px;
	/*background: url(img/ACFE-seal-color-b.jpg) no-repeat;	*/	
}



/* sous-titres de chaque page, texte individuels */

#sous-titre-page {
	position:relative;
	top: 40px;
	padding-left: 24px;
	font: 22px sans-serif;
	font-weight: bold;
	/*color: blue;*/
	color: #081086;
	/*text-align: center;*/
	text-align: center;
	/*text-decoration: underline;*/
}

#texte-explicatif-1 {
position: relative;
top: 80px;
padding-right: 140px;
padding-left: 140px;
text-align: justify;
font-size: 90%;
font-style: italic;
}

#texte-explicatif-2 {
position: relative;
top: 90px;
padding-right: 140px;
padding-left: 140px;
text-align: justify;
font-size: 90%;
color: blue;
}

/* Fin sous-titres de chaque page, texte individuels */

#texte-retour {
position: relative;
top: 130px;
text-align: center;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}

#texte-retour a:hover {
	font-variant: small-caps;
	font-size: 120%;
	font: bolder;
	color: white;
	background: #081086;
}

#ListeNormaleContainer {
	font: sans-serif;
	font-size: 20px;
	line-height: 210%;
	text-decoration: none;
  	color: blue;
  	text-align: left;
	padding-left: 0px;
	position: relative;
	top: 40px;
  }

#ListeNormaleContainer li {
List-style-type: square;
	}

#SubListe li {
	font-size: 78%;
	line-height: 120%;
	List-style-type: circle;
	color: black;
	text-align: justify;
}

/* Liste - boutons de première page */

#navcontainer {
	position: relative;
	top: 90px;
	background: #ffffff;
	width: 23%;
	margin: 0;
	padding: em 0;
	font-family: georgia, serif;
	font-size: 12px;
	text-align: left;
	}

ul#navlist {
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width:100%;
}

ul#navlist li {
	display: block;
	margin: 0;
	padding: 0;
}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.5em 0 0.5em 2em;
	border-width: 2px;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	/*color: yellow;*/
	color: #081086;
	text-decoration: none;
	/*background: #081086;*/
	background: #dae0d2;

}

#navcontainer ul#navlist li a {
	width: auto;
}

ul#navlist li#active a {
	background: transparent;
	color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
	/*color: orange;*/
	font-weight: bold;
	/*background: #081086;*/

	border-color: #aaab9c #fff #fff #ccc;
}

#lignevert_activites{
position:absolute;
margin-top: 106px;
margin-left: 45px;
height: 194px;
width: 3px;
background: url(img/Ligne_vert_activite.gif) no-repeat;
}

#LigneVertActiv{
	position:absolute;
	margin-top: 115px;
	margin-left: 55px;
	height: 150px;
	width: 11px;
	background: url(img/Ligne_Activity_col.png) repeat-y;	
}

#TitreEnBref{
position: absolute;
padding: 2px;
top: 270px;
left:40px;
width: 145px;
font-size: 85%;
background-color: orange;
}

#bande_vertic{
position:absolute;
margin-top: 65px;
margin-left:20px;
height: 255px;
width: 210px;
background: url(img/LinkList_Barre.png) repeat-y;

}

#ListeGauche{
	position:absolute;
	top:290px;	
	width: 200px;
	vertical-align: top;
	list-style-image: url("img/Bulle_activite.png");
}

#LigneVertActiv ul{
	position: relative;
	left: -23px;
	list-style-type: square;	
}

.ActivItems{
	position: relative;
	top: 6px;
	padding: 6px;	
	font-family: Tahoma;
	font-size: 13px;
	text-indent: 1px;	
	width: 130px;	
}

.ActivItems:hover{		
	cursor: pointer;	
	color: #081086;
	background-color: orange;	
}

#board_1{
	position:absolute;
	margin-top: 30px;	
	margin-left:230px;
	height: 260px;
	width: 660px;
	display: block;
	text-align: center;	
	/* font: bold 19px sans-serif; */
	font: 16px sans-serif;
	line-height: 150%;
	background: url(img/LinkList_board.png) repeat-y;
}

#board_2{
	position:absolute;
	margin-top: 30px;
	margin-left:230px;
	padding-right:13px;
	height: 260px;
	width: 660px;		
	background: url(img/LinkList_board.png) repeat-y;
	display:none;
	text-align: center;	
	font: 16px sans-serif;
	line-height: 150%;

	/*visibility: hidden;*/
}

#board_3{
	position:absolute;
	margin-top: 30px;
	margin-left:230px;
	height: 260px;
	width: 660px;
	display:none;
	/*visibility: hidden;*/
	background: url(img/LinkList_board.png) repeat-y;
	text-align: center;	
	font: 16px sans-serif;	
	line-height: 150%;
}



#board_mail{
	position:absolute;	
	margin-top: 30px;
	margin-left:230px;
	height: 260px;
	width: 660px;	
	background: url(img/LinkList_board.png) repeat-y;
	display:none;	


	/*visibility: hidden;*/
}

.tabform{
	position: relative;
	left: 100px;
	top: 10px;
	font-size: 13px;
	color: #081086;
}

#contactbuttons
{
	position: absolute;
	top: 215px;
	/*voice-family: "\"}\"";
	voice-family: inherit;*/
	
	margin-left: 100px;
}



h2{	
	position: relative;
	top: 5px;	
	/*margin-bottom: -10px;*/
	
}
			
h2, h3{
	text-align: center;	
	color: #081086;
}

.montext{
	position: relative;
	/*top: 1px;*/
	left: 10px;
	padding: 1px;	
	text-align: left;
	
}

important{	
	font: bold 16px sans-serif;
	color: #081086;	
}

#bordure_1{
position:absolute;
margin-top: 65px;
margin-left:20px;
height: 2px;
width: 210px;
background: url(img/point_orange.png) repeat-x;
}

#bordure_2{
position:absolute;
margin-top: 29px;
margin-left:200px;
height: 4px;
width: 690px;
background: url(img/point_orange.png) repeat-x;
}

#bordure_3{
position:absolute;
margin-top: 290px;
margin-left:230px;
height: 4px;
width: 660px;
background: url(img/point_orange.png) repeat-x;
}

#bordure_4{
position:absolute;
margin-top: 320px;
margin-left:20px;
height: 4px;
width: 210px;
background: url(img/point_orange.png) repeat-x;
}



#activites_board_2{
position:absolute;
margin-top: 30px;
margin-left:200px;
height: 35px;
width: 30px;
background: url(img/LinkList_board2.png) no-repeat;
}

#PhotoAC{
	position:absolute;
	margin-top: 55px;
	margin-left: 740px;
	height: 210px;
	width: 280px;
	background: url(img/Alain_Chamoux.jpg) no-repeat;




/* Fin Liste - boutons de page d'accueil*/

/* Début de section nom et email sur la page contact */
#CoordContact{
position: relative;
top:70px;
left: 200px;
text-align: center;
}

#CoordContact Textarea{
	background-color: #dae0d2;
}

label {
width: 10em;
float: left;
color: #081086;
text-align: left;
padding-left: 10px;
margin-right: 0.5em;
display: block
}

.submit input {
margin-left: 4.5em;
}

input {
color: #781351;
background: #dae0d2;
border: 1px solid #781351
}

.submit input {
color: white;
background: #081086;
border: 2px outset #d7b9c9
}

fieldset {
/*border: 1px solid #781351;*/
width: 30em
}

legend
{
color: #081086;
background: #dae0d2;
border: 1px solid #781351;
padding: 2px 6px
}

#checkmail_window
{
	left=200px;
	width=400px;
}



/* Fin de section nom et email sur la page contact */