/* button styles */
a.button, a.buttonDis {
	display: block;
	background-color: transparent;
	background-image: url(medias/global/buttonBackground.gif);
	background-repeat: no-repeat;
	width: 132px;
	height: 28px;
	margin: 5px auto;
	padding: 5px 0 0 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
}

a.button:link, a.button:visited {
	color: #002577;
}

a.button:hover, a.button:active {
	background-position: 0 -36px;
	color: #FF7200;
}

a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
	background-position: 0 -72px;
	color: #5F5F5F;
	cursor: default;
}

.icon {
	display: inline-block;
	background-repeat: no-repeat;
	padding: 0 0 5px 18px;
}

a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(medias/global/ok.gif);
}
#buttonCancel .icon {
background-image: url(medias/global/cancel.gif);
}
#buttonImport .icon {
background-image: url(medias/global/import.gif);
}




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


.impressionPlan {
	width: 0px;
	height: 0px;
	visibility: hidden;
}

.impressionImage {
	width: 0px;
	height: 0px;

}

.coordonnees {
  float: left;
  width: 86%;
  margin-top: -6px !important;
  margin-top: 0; /* hack pour IE qui ne tient pas compte de !important */
  
}
.coordonneesImpression {
  margin-left: 80%;
  margin-top: 10px;
  margin-bottom: -20px;
}

.photosTypesObjets {
  float: left;
  width: 200px;
	margin: 20px 0px 10px 20px !important;
  margin: 20px 0px 10px 10px; /* hack pour IE qui ne tient pas compte de !important */
     /* background-color: #efefef;  */
}

.photosRealisations {
  float: left;
  width: 200px;
	margin: 0px 0px 5px 20px !important;
  margin: 0px 0px 5px 10px; /* hack pour IE qui ne tient pas compte de !important */

	/*   background-color: #efefef;  */

}

.photosRealisations.hauteur {
  height: 158px;

  }

.legende {
	font-size: 80%;	
	margin: 0px 0px 0px 0px;
}


.boutons {
	position: absolute;	
	top: 570px !important;
	top: 595px; /* hack pour IE qui ne tient pas compte de !important */  
	left: 10px !important;
	left: 20px; /* hack pour IE qui ne tient pas compte de !important */
	
}
  
.bouton1, .bouton2, .pagination {
 height: 50px;
	position: absolute;	
	top: 570px !important;
	top: 595px; /* hack pour IE qui ne tient pas compte de !important */

}


.bouton1 {

	left: 50px;
	
}


.bouton2 {
	left: 150px;

}

.pagination {

	left: 320px;

}







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

.tableau1sur3 {
  float: left;
  width: 250px;
  /* background-color: #efefef; */
}
.tableau2sur3 {
float: left;
  width: 200px;
  /*background-color: #c4c4c4; */
}
    
.tableau3sur3 {
  float: left;
  width: 150px;
  /*background-color: #33ff66; */
}





body {
	background-color: #f5f5f5;
	background-image: url(medias/global/fond_inox.jpg);
	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;
}

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;
}

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

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;
	visibility: hidden; /* zepitt */
}

.enteteGauche {
	position: absolute;
	top: 1.5em;
	left: 5px;
	width: 290px;
	visibility: hidden; /* zepitt */
}

.enteteDroite {
	position: absolute;
	margin: 0 0 0 520px;
	top: 0.8em;
	width: 240px;
	visibility: hidden; /* zepitt */
}

.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, .colGaucheReal {
  float: left;
  width: 60%;
  /* height: 100%; */
  height: 550px;
  margin: 0;
  padding: 1em;
  background-color: #ccc;
}
.colGaucheReal { /* uniquement pour la page des réalisations */
  height: 750px;
}

.colCentre, .colCentreReal {
	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, .colCentreReal.clairon {
	background-color: #999;
	padding: 0 1em 0 1em;
  height: 300px;
	background-image: url(medias/global/fond_bord2.gif);
	background-repeat: repeat-y;
}
.colCentreReal.clairon {
  height: 500px;
}

.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: #7B513B;
}

.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;
}



/**************************************************************************/
/* <input type=""> */

.zoneCont,.zoneLib {
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	margin: 0 0 -1px 0;
}

.email {
	color: #7f513a;
	text-decoration: none;
}