
/* doré : 9e8c64 */
/* bordeau : 9c3759 */

body {
	/*background-image: url(../img/fond.jpg) ;
	background-repeat: repeat-x ;*/
}

#main {
	background-image: url(../img/fond.jpg) ;
	background-repeat: repeat-x ;	
}

#page {
	width: 614px ;
	height: 600px ;
	background-image: url(../img/back-content.jpg) ;
	background-repeat: repeat-y ;
	margin: 0 auto ;
	overflow: visible ;
}

#header {
	position: relative ;
	
	height: 319px ;
	margin-bottom: 3px ;
	z-index: 10 ;
}

#image-header {
	padding-left: 17px ;	
}

#header p {
	width: 135px ;
	height: 54px ;
	position: absolute ;
	top: 183px ;
	right: 10px ;
	
}


.tel {
	color: #952758 ;
	font-size: 0.90em ;
}

#content {
	padding: 25px 30px ;
	padding-bottom: 80px ;
	position: relative ;
}

#footer {
	width: 563px ;
	height: 31px ;
	margin: 0 auto;
	background-image: url(../img/footer.jpg) ;
	background-repeat: no-repeat;
}

/* ************************* header */

#liens-divers {
	position: absolute ;
	top: 3px ;
	right: 10px ;
	
	color: #e7e7e7 ;
}

#liens-divers a {
	color: #e7e7e7 ;
	position: relative ;
	top: 1px ;	
}

/* ************************* Encart banniere */

#encart-banniere {
	
	width: 169px ;
	position: absolute ;
	top: 37px ;
	right: -50px ;
	
}

#top-encart {
	height: 170px ;
	background-image: url(../img/top-encart-banniere-new2.png) ;
	background-repeat: no-repeat;	
}

#contenu-encart {
	background-image: url(../img/milieu-encart-banniere.png) ;
	background-repeat: repeat-y ;	
	position: relative ;
	font-size: 0.8em ;
	line-height: 1.3; 
	text-align: left ;
}

#texte-encart {
	position: relative ;
	top: -19px ;
	padding-left: 22px ;
	padding-right: 10px ;
}

#bottom-encart {
	height: 19px ;
	background-image: url(../img/bottom-encart-banniere.png) ;
	background-repeat: no-repeat ;	
}


/* ************************** Menu */

#menu {
	height: 37px ;
	width: 565px ;
	position: relative ;
	top: -4px ;
	z-index: 5 ;
	color: white ;
	list-style-type: none;
	margin-left: 25px;
	
	background-image: url(../img/ombre-menu.png) ;
	background-repeat: repeat-x ;
		
}

.item-menu {
	background-image: url(../img/item-menu.png) ;
	background-repeat: no-repeat;
	width: 275px ;
	height: 30px ;	
	float: left ;
	padding-top: 5px ;
	text-align: center ;
}

#menu #rechercher {
	/*margin-left: 25px;*/ 
}

#menu #organiser {
	margin-left: 14px; 
}

#menu a {
	color: white ;	
	outline: none ;
}

#menu a.selec {
	color: #9e8c64 ;	
}

/* ************************** Sous-menu */

#conteneur-sous-menu,
#sous-menu {
	width: 530px ;
}

#conteneur-sous-menu {
	position: relative ;
	margin: 0 auto ;	
	height: 20px ;
}

#sous-menu {
	position: absolute ;
	top: -180px ;
	
	height: 26px ;
	padding-left: 0px ;
	padding-top: 100px ;
	list-style-type: none ;
	font-size: 0.95em ;
	text-align: center ;
	background-image: url(../img/sous-menu.jpg) ;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #947e4e ;
	color: white ;
	z-index: 1 ;
}

#sous-menu.visible {
	top: -102px ;	
}

#sous-menu li {
	display: inline ;	
}

#conteneur-sous-menu #curseur {
	width: 15px ;
	height: 8px ;
	background-image: url(../img/curseur-sous-menu.jpg) ;
	background-repeat: no-repeat;
	position: relative ;
	left: 28px;
	bottom: -16px ;
	z-index: 20 ;
	display: none ;
}

#sous-menu a {
	color: white ;	
}


/* ******************************************************** Accueil */

#intro img {
	float: right ;	
	/*position: relative ;
	top: -40px ;*/
	padding-left: 20px ;
	padding-right: 15px ;
}


#intro form {
	margin-top: 9px;
	margin-bottom: 20px ;	
}

/* ******************************************************** Contenu */

#texte {
	
	width: 336px ;
	width: 350px ;
}

#texte p {
	text-align: inherit;
}

#images {
	float: right ;	
}


.item-abcdaire {
	padding-bottom: 1.5em ;	
}

.item-abcdaire span {
	color: #9c3759 ;
	font-style: italic;
	font-weight: bold ;
}

.item-abcdaire span.lettre-grand {
	font-size: 1.6em ;
	line-height: 0 ;
}

#texte h3 {
	color: #952758 ;
	font-size: 1em ;
	padding-bottom: 0 ;
	margin-bottom: 0 ;
	margin-top: 10px ;
	font-style: italic;
	position: relative ;
	top: 2px ;
}

#texte #ampoule {
	background-image: url(../img/contenu/ampoule.jpg) ;	
	background-repeat: no-repeat;
	background-position: 0 -1px ;
	padding-left: 23px ;
	padding-top: 3px ;
	color: #9e8c64 ;
	font-weight: bold ;
	
	position: absolute ;
	left: -6px ;
	top: -3px ;
}

#texte #idee-theme {
	padding-left: 76px ;
	padding-bottom: 18px ;	
	color: #585857 ;
	position: relative ;
	top: 3px ;
	left: 4px ;
}

#texte p#theme {
	padding-bottom: 0 ;	
}

#texte-memo {
	width: 360px ;	
}

#texte-memo a img {
	margin-top: 20px ;
	margin-left: 25px ;
}

#haut-page {
	float: right;
	padding-left: 23px ;
	padding-top: 2px ;
	background-image: url("../img/contenu/haut-page.jpg");
	background-repeat: no-repeat;
	margin-top: 30px ;
}

.no-padding {
	padding: 0 ;	
}

img#jeu-cocher {
	margin-top: 15px ; 
}

/* ******************************************************** Rechercher un etablissement */

/* ************************** Formulaire */

#form-recherche {
	margin-bottom: 0px ;	
}

#form-recherche select {
	border: solid 1px #989697 ;
	background-color: #f5f7f8 ;
}

#form-recherche .ligne-form {
	padding-top: 20px ;	
	height: 25px ;
	position: relative ;
	z-index: 10 ;
}

#form-recherche .ligne-form-dep {
	height: 20px ;	
}

#form-recherche .ligne-form-nomen {
	z-index: 100 ;	
}

#form-recherche .zone-texte {
	width: 300px ;
	font-size: 0.9em ;
	padding:2px ;
	border: solid 1px #989697 ;
	background-color: #f5f7f8 ;
	color: gray;
	font-style: italic;
}

#form-recherche .ligne-form .label-form {
	color: #952758 ;	
	padding-right: 10px ;
	font-size: 1.1em ;
}

.choix-dep {
	padding-right: 7px ;	
}

.label-ville {
	display: block ;
	float: left ;
	min-width: 35px ;	
}

#form-recherche .ligne-form-ville {
	z-index: 99 ;	
}

/* ************************** Checkboxes */

label.checkbox span.holder { 
	height: 61px; 
	background: transparent url('../img/checkbox.jpg') repeat scroll 0% 0%; 
	/*-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous;*/ 
}

label.checked span.holder, 
label.checked span.holder, 
label.checked:hover span.holder, 
label.checked:hover span.holder { 
	top: -42px !important; 
}

input.hiddenCheckbox { 
	/*left: -999px; 
	position: absolute;*/
	display: none ; 
}

label.prettyCheckbox span.holderWrap { 
	display: block ;
	overflow: hidden; 
	float: left; 
	position: relative; 
	
}

label.prettyCheckbox span.holder { 
	display: block; 
	position: absolute; 
}


label.checked span.holder, 
label.checked span.holder, 
label.checked:hover span.holder, 
label.checked:hover span.holder { 
	top: -42px !important; 
}

label.checkbox:hover span.holder, 
label.radio:hover span.holder { 
	/*top: -21px ! important;*/ 
	top: -21px !important;
}


label.checked span.holder, 
label.checked span.holder, 
label.checked:hover span.holder, 
label.checked:hover span.holder { 
	top: -42px !important; 
}


.label-dep {
	float: left ;	
}

.choix-dep {
	float: left ;	
	position: relative ;
}

.choix-dep label {
	float: left ;
	/*margin-right: 9px ;*/
	position: relative ;
}

.choix-dep input {
	float: left ;	
}

span.holderWrap {
	margin-right: 2px ;
}


/* ************************** Select */

.label-nomen {
	float: left ;	
}

ul.selectReplacement {
  	margin: 0;
  	padding: 0;
  	height: 1.65em;
 	 width: 396px;
 	float: left ;
 	/*border: solid 1px #989697 ;*/
 	position: relative ;
 	z-index: 100 ;
}

ul.selectReplacement li {
  	background: #f5f7f8;
  	color: #9e8c64;
  	cursor: pointer;
  	display: none;
  	list-style: none;
  	margin: 0;
 	 padding: 1px 12px;
  	height: 17px ;
 	z-index: 100 ;
 	position: relative ;
}
ul.selectOpen li {
  	display: block;
  	z-index: 10 ;
}

ul.selectOpen li:hover {
  	color: #9e8c64;
}

ul.selectOpen li {
  	display: block;
  	overflow: hidden ;
}
ul.selectReplacement li.selected {
  	color: #9e8c64 ;
  	display: block;
  	background-image: url(../img/fleche-select.jpg) ;
  	background-position: top right ;
  	background-repeat: no-repeat;
  	border: solid 1px #989697 ;
}

ul.selectOpen li.selected {
  	display: block;
  	border: none ;
}

ul.selectOpen li,
ul.selectOpen li.selected {
	border-left: solid 1px #989697 ;
	border-right: solid 1px #989697 ;
}

ul.selectOpen li:hover,
ul.selectOpen li.selected:hover {
  	color: #952758;
}

ul.selectOpen li.selected {
	color: #952758;
	background-image: none ;
}

#new-select-nomenclature {
	float: left ;	
	position: relative ;
}

#one-option {
	height: 17px ;
	width: 370px ;
	float: left ;
	padding: 1px 12px;
	background-image: url(../img/fleche-select.jpg) ;
  	background-position: top right ;
  	background-repeat: no-repeat;
  	border: solid 1px #989697 ;
	background-color: #f5f7f8;
	cursor: pointer;
	color: gray ;
}

#all-options {
	display: none ;
	width: 396px ;
	height: 190px ;
	overflow-y: scroll ;
	overflow-x: hidden ;
	position: absolute ;
	top: 21px ;
	left: 0px ;
	border-bottom: solid 1px #989697 ;
}



/* ************************** Autocompletion */

#form-recherche #autocomplete-commune {
	position: absolute ;
	top: 39px ;
	left: 45px ;
	z-index: 100 ;
	border: solid 1px #989697 ;
	background-color: #F5F7F8 ;
	color: #9E8C64 ;
	width: 304px ;
	padding-bottom: 7px ;
}

#form-recherche #autocomplete-commune ul {
	list-style-type: none ;	
}

#form-recherche #autocomplete-commune ul li {
	padding: 2px 5px ;	
	/*border-bottom: solid 1px #F5F7F8 ;*/
}

#form-recherche #autocomplete-commune ul li.hover {
	cursor: pointer;
	/*border-bottom: solid 1px #952758 ;*/
	color: #952758 ;
}

#recherche-ville {
	color: #9E8C64 ;	
}

/* ******************************************************** Liste etablissements */

/* ************************** Liens haut page */

#liens-haut-page {
	position: absolute ;
	top: 3px ;
	right: 35px ;
}


/* ************************** Pagination */

#pagination {
	/*float: right ;*/
	position: absolute ;
	top: 25px ;
	right: 35px ;	
}

#pagination-bas-page {
	width: 470px ;	
	float: right ;
	margin-top: 10px ;
}

#pagination-bas-page a {
	color: #952758 ;	
}

#pagination-bas-page img {
	position: relative ;
	top: 4px ;
}


/* ************************** Item etablissement */

.item-etab {
	height: 54px ;	
}

.item-etab .infos {
	float: right ;
	width: 470px ;
	/*border-bottom: solid 6px #c7b998 ;*/
	border-bottom: solid 6px #cabd9d ;
	padding-top: 18px ;
	padding-bottom: 7px ;
	font-size: 0.90em ;
}

.item-etab .nom {
	font-weight: bold ;
	float: left ;
}

.item-etab .cp {
	padding-right: 10px ;	
}

.item-etab .adresse {
	float: right ;	
	margin: 0 ;
	padding: 0 ;
	text-transform: uppercase;
}

.item-etab .more {
	float: right ;	
	margin-right: 17px ;
}

.item-etab a.premium {
	color: #952758 ;
}

/* ************************** Boite de dialogue */

.ui-dialog .ui-dialog-content {
	padding: 5px 10px ;
}

.ui-widget {
	font-family: Arial, Helvetica, FreeSans, sans-serif; 
  	font-size: 0.9em; 
  	line-height: 1.4 ;
}

.ui-dialog {
	padding: 0 ;	
	min-width: 550px ;
}

.ui-widget-header {
	background-image: none ;
	background-color: #952758 ;
}

.ui-corner-all {
	-moz-border-radius: 0px ;
}

.ui-widget-content {
	border: none ;	
	background-image: none ;
	background-color: white ;
	/*min-width: 550px ;*/
}
.ui-widget-overlay {
	background: #000; 
	opacity: 0.5 ;	
}

.ui-dialog .ui-dialog-titlebar-close,
.ui-dialog .ui-state-hover {
	float: right; 
	padding: 0; 
	margin: 0 ;
	width: 50px;
	font-weight: normal;
	
	position: absolute ;
	top: 2px ;
	right: 5px ;
}

.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover {
	color: white ;
}

.ui-dialog .ui-state-hover,
.ui-dialog .ui-state-focus {
	background: none ;	
	border: none ;
	color: white ;
}

.ui-dialog .ui-dialog-titlebar-close span {
	display: inline ;
	margin: 0 ;	
}

.ui-dialog-titlebar {
	height: 1em !important ;	
}

 #ui-dialog-title-dialog-etab {
	display: none ;	
}

/* ************************** Recherche alphabetique */

#recherche-alpha {
	float: right; 
	height: 38px ;
	margin-top: 30px ;	
	list-style-type: none;
	
	padding: 0 13px ;
	
	background-image: url(../img/back-recherche-alpha.jpg) ;
	background-repeat: no-repeat;
	background-position: left bottom ;
}

#recherche-alpha li {
	float: left ;
	text-align: center ;
}


#recherche-alpha li a,
#recherche-alpha li a:hover {
	display: block ;
	font-size: 0.95em ;
	width: 9px;	
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 6px ;
	padding-bottom: 15px ;
}

#recherche-alpha li a {
	color:  #585857 ;
}

#recherche-alpha li a:hover,
#recherche-alpha li a.hover {
	color: white ;	
	background-color: #952758 ;
}


/* ******************************************************** Boite de dialogue (fiche) */

#fiche-etab {
	padding: 17px 10px ;	
}

#image-fiche-etab {
	padding-top: 5px ;	
}

#image-fiche-etab {
	float: left ;	
	padding-right: 30px ;
}

#fiche-etab h2 {
	color: #952758 ;	
	font-size: 1.3em ;
	border: none ;
	margin-bottom: 10px ;
}

#fiche-etab #adresse {
	font-style: italic;	
}

#fiche-etab #cp-ville {
	text-transform: uppercase;	
}

#fiche-etab #activite {
	background-image: url(../img/puce.jpg) ;
	background-repeat: no-repeat;
	background-position: 130px 0 ;
	padding-left: 148px ;
	margin-top: 5px ;
}

#fiche-etab #contact {
	padding-top: 3px ;
	padding-left: 160px ;
}	

#fiche-etab #contact a {
	color: #9e8c64 ;
}


#infos-complement {
	margin-top: 15px ;
	margin-left: 148px ;	
}

#liens-fiche-etab-js {
	margin-right: 10px ;
}

#liens-fiche-etab-js a {
	margin-bottom: 10px ;	
}

#fiche-etab #pub-etab {
	margin-top: 15px ;	
}

/* ******************************************************** Fiche sans javascript */

.bouton-fiche {
	float: right ;	
	margin-left: 10px ;
}


/* ******************************************************** Publicite */

#pub-entete {
	padding: 10px 0 ;	
	background-color: #a18e64 ;
	width: 100% ;
	float: left ;
}

#pubs-pied a img,
#pubs-pied img {
	padding-bottom: 25px ;
}

.pubs {
	width: 615px ;
	margin: 0 auto ;	
}

/* ******************************************************** Plan du site */

ul.liste-plan {
	/*list-style-type: none;*/	
	margin-left: 50px ;
}


#plan-site h3 {
	margin-top: 20px ;	
}

