body {
	background-color: #fff;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 0;
	position: absolute;	/* style global du site : ici centre sur 750px */
	left: 50%;
	top: 0;
	width: 750px;
	margin: 0 0 0 -375px;
}

input, textarea, select {
	background-color: #999;
}

h5 { /* les intertitres */
	font-size: 100%;
	font-weight: bold;
	margin: 30px 0 -10px 0;
}

.alerte {
	color: #f00;
}

.tableauGauche { /* pour formulaire sans tableau */
  float: left;
  width: 230px;
  margin: 0;
}
.tableauDroite {
}



h1, h3 { /* les entetes */
	font-size: 110%;
	font-weight: bold;
	color: #cf67ad;
}


h4, h4 a:link, h4 a:visited { /* options du menu */
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 5px;
	color: #000;
}

h4.menuCourant, h4 a:hover { 
	color: #ab3380;
}


hr {
	display: none;
}

img {
	border: 0;
}

img.border1 {
  border-width: 1px;
  border-style: solid;
  border-color: #666;
}

img.border1dashed {
  border-width: 1px;
  border-style: dashed;
  border-color: #666;
}

ul {
	margin-top: -0.6em;
}

ul.entete {
	margin-top: 0.6em;
}

li {
	list-style: disc;
}

li.entete {
	list-style: none;
}

.droite {
	text-align: right;
}

.important { /* surchage un autre style comme par exemple strong class="important" */
	font-size: 100%;
	font-weight: bold;
	color: #cf67ad;
}

.petit {
	font-size: 85%;
}


/**************************************************************************/
/* styles des div */
/* header */
.enteteCentre {
	margin: 1em 0 0.5em 370px;
	margin-top: 1em;
	width: 160px;
	text-align: center;
	
}

.enteteGauche {
	position: absolute;
	top: 1.5em;
	left: 5px;
	width: 290px;

}

.enteteDroite {
	position: absolute;
	margin: 0 0 0 520px;
	top: 0.8em;
	width: 240px;

}

.styleEnteteDroite {
	text-align: right;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

.styleEnteteDroite a:link {
	color: #333;
}

.styleEnteteDroite a:hover {
	color: #cf67ad;
}



/* pages */
/* option 1 les contenus sont regles par colonnes, sur 3 colonnes */
.container {
  width: 100%;
  margin: 0;
  padding-top: 10px;
}

.colGauche {
  float: left;
  width: 60%;
  /* height: 100%; */
  height: 550px;
  margin: 0;
  padding: 1em;
  background-color: #ccc;
}

.colCentre {
	float: left;
	/* width: 60%; */
	width: 30%;
	height: 250px;
	margin: 0;
	padding: 1em;
	background-color: #6f6f6f;
	background-image: url(medias/global/fond_bord1.gif);
	background-repeat: repeat-y;
}

.colDroite {
	float: left;
	width: 19%;
	height: 100%;
	margin: 0;
	padding-left: 0px
}

.spacer { /* force au retour à la ligne après des fenêtres float */
  clear: both;
}

.colCentre.clairon {
	background-color: #999;
	padding: 0 1em 0 1em;
  height: 300px;
	background-image: url(medias/global/fond_bord2.gif);
	background-repeat: repeat-y;
}


.photoIndex { /* photo de la page d'index*/
	padding: 1.2em 0em 1em 1em;

}


/**************************************************************************/
/* styles de la barre de navigation */

.menu, .menu a:link, .menu a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #cf67ad;
	text-align: center;
	line-height: 20pt;
}

.menu a:link, .menu a:visited {
	text-decoration: none;
}

.menu a:hover {
	color: #b53184;
}








/**************************************************************************/
/* styles de mise en forme complementaires - s'utilisent typiquement en complement dans un class */

.interligne {
	line-height: 250%;
}

.center {
	text-align: center;
}

.gras {
	font-weight: bold;
}
	
.zepitt, .zepitt a:link, .zepitt a:visited { /* copyright zepitt */
	text-align: center;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5em;
	height: 30px;
	text-decoration: none;
	color: #ab3380;
}


/**************************************************************************/
/* styles des listes */
.ligneClaire, .ligneFoncee {
	margin: 0 0 1px 0;
	text-decoration: none;
	color: #000;
}

.ligneClaire:visited, .ligneFoncee:visited {
	color: #999;
}
.ligneClaire {
	background-color: #F2EDEB;
}

.ligneFoncee {
	background-color: #E5DCD8;
}

.celluleSurvol {
	background-color: #FFFFFF;
	cursor: hand;
	color: #7B513B;
	text-decoration: none;
}


/**************************************************************************/
/* boutons */

.bouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-width: 1px;
	border-style:solid;
	padding: 2px 4px 2px 4px;
	text-decoration: none;

}

.btnGris, .btnGris:link, .btnGris:visited {
	color: #000;
	background-color: #cccacc;
	border-color:#000;
}


.btnOrange, .btnOrange:link, .btnOrange:visited {
	color: #f60;
	background-color: #fcf6e4;
	border-color:#f60;
}

.btnBleu, .btnBleu:link, .btnBleu:visited {
	color: #003366;
	background-color: #d1dbe9;
}

.btnVert, .btnVert:link, .btnVert:visited {
	color: #006633;
	background-color: #bfe3c5;
}