/***** General ****
*/
body       { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #fff; margin: 0; padding: 0 }
strong {font-weight:bold;}
.cadre  { background-color: #ebe6c9; background-repeat: no-repeat; display: block; margin: auto; padding: 120px 0 15px; width: 760px; height: auto; border: solid 1px #505050 }
.header_small  { display: none; margin: 0; padding: 0 }
.contenant { display: block; margin: 0 15px; padding: 0; width: auto; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000 }
.dot { margin: 6px 3px; width: auto; border-bottom: 1px dotted #838383 }
h2 { color: #366; font-size: 13px; background-color: #fff; text-align: left; text-transform: uppercase; letter-spacing: 1px; display: block; margin: 2px 2px 3px; padding: 5px 3px 2px 10px; width: auto; overflow: visible; border: solid 1px #bdac88 }
h3  { color: #99917c; font-size: 17px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-variant: small-caps; font-weight: bold; text-align: center; text-transform: capitalize; margin: 0 5px; padding-top: 5px; padding-bottom: 2px; width: auto; overflow: visible }
h4 { color: #366; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin-top: 0; margin-right: 7px; margin-bottom: 3px }
h5 { color: #366; font-size: 13px; font-weight: bold; letter-spacing: 1px; margin-top: 0; margin-right: 7px; margin-bottom: -3px }
h6 { color: #ebe6c9; font-size: 14px; font-style: italic; font-weight: bold; background-color: #366; letter-spacing: 1px; margin: 15px 10px 0; padding-top: 5px; padding-bottom: 2px; padding-left: 10px; border-left: 15px solid #bdac88 }
hr { text-align: center; margin-top: 10px; margin-right: 8px; margin-left: 18px; width: auto; border: dotted 1px }
.circuit { font-size: 12px; font-weight: bold; text-align: center; display: block; margin-top: 5px; margin-left: 5px; padding-top: 4px; padding-bottom: 2px; width: 90px; border: solid 1px #e8dcbc }
.atr { font-size: 12px; font-weight: bold; text-align: center; display: block; margin-top: 5px; margin-left: 5px; padding-top: 4px; padding-bottom: 2px; width: 90px; border: solid 1px #e8dcbc }
#footer  { color: #fff; font-size: 80%; font-family: Eurostile, Verdana, Arial, Helvetica, sans-serif; background-color: #505050; text-align: center; margin-top: auto; padding: 15px 1em 5px; width: auto; height: 30px }
/***** boutons et liens *****/
a { color: #000; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none;  margin-right: 15px; margin-bottom: 5px; padding: 5px 5px 3px }
a:hover { text-decoration: underline }
.boutons { color: #000; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-decoration: none; background-color: #fff; display: inline; margin-right: 15px; margin-bottom: 5px; padding: 5px 5px 3px; border: solid 1px #366 }
h3 a   { color: #fff; font-size: inherit; font-family: inherit; font-weight: bold; line-height: inherit; text-align: center; margin: 0; width: auto; border: none }
h2 a { color: #366; font-size: inherit; font-family: inherit; font-weight: bold; line-height: inherit; text-align: center; margin: 0; width: auto; border: none }
h2 a:hover, h3 a:hover { text-decoration: underline }
#cross a { background-image: url("../images/cross.png"); background-repeat: no-repeat; background-attachment: scroll; margin-right: 410px }
.next_page { font-size: 8px; text-align: center; padding-top: 0; padding-bottom: 2px; vertical-align: middle }
.next_page a { font-size: 14px; font-weight: normal; letter-spacing: 0; margin: 3px; border-style: none }
.activelink { background-color: #e8dcbc }
#supprimer_guide { display: block; margin-top: -15px; margin-right: 0; width: 15px; height: 15px; float: right; border-style: none }
.ajout_guide_ok { color: #fff; font-size: 11px; font-weight: normal; background-color: #366; text-align: center; margin-top: 221px; margin-left: 5px; padding-top: 4px; padding-bottom: 3px; position: absolute; width: 80px; float: left; border: outset 1px #366 }
.ajout_guide  { font-size: 11px; font-weight: normal; text-align: center; display: block; margin-top: 90px; margin-left: 10px; padding-top: 4px; padding-bottom: 3px; width: 15px; border: 1px #366 }
.ajout_guide_small   { font-size: 11px; font-weight: normal; padding-top: 2px; padding-bottom: 0; left: 5px; width: 20px; float: left; border: 1px #366 }
.ok { background-color: #ccffcc; border-color: #00cc00 }
/****** form ******/
input   { font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin-right: 0; margin-left: 15px; padding-top: 3px; padding-bottom: 1px; border: solid 1px #366 }
label      { font-size: 12px; margin-left: 3px }
.activites_input { width: 450px }
.text_form { margin-left: 15px; width: 450px; height: 100px; border: solid 1px #366 }
input.error { background: #ffcccc url("../images/puce_x.png") no-repeat left center; padding-left: 16px; width: 139px; border: solid 1px #cc0000 }
#activite_title.error { width: 435px }
#date_debut.error { background: #ffcccc url("../images/puce_x.png") no-repeat left center; padding-left: 16px; width: 139px; border: solid 1px #cc0000 }
#date_fin.error { background: #ffcccc url("../images/puce_x.png") no-repeat left center; padding-left: 16px; width: 139px; border: solid 1px #cc0000 }
#no_atr.error { background: #ffcccc url("../images/puce_x.png") no-repeat left center; padding-left: 16px; width: 25px; border: solid 1px #cc0000 }
#no_atr.ok { background: #ccffcc url("../images/tick.png") no-repeat left center; padding-left: 18px; width: 25px; border: solid 1px #00cc00 }
#dispo.error { background: #ffcccc url("../images/puce_x.png") no-repeat left center; padding-left: 16px; width: 25px; border: solid 1px #cc0000 }
#dispo.ok { background: #ccffcc url("../images/tick.png") no-repeat left center; padding-left: 18px; width: 25px; border: solid 1px #00cc00 }
#no_circuit.error { background: #ffcccc url("../images/puce_x.png") no-repeat left center; padding-left: 16px; width: 25px; border: solid 1px #cc0000 }
#no_circuit.ok { background: #ccffcc url("../images/tick.png") no-repeat left center; padding-left: 18px; width: 25px; border: solid 1px #00cc00 }
div.x { color: #6f0000; background: #ffcccc url("../../images/puce_x.png") no-repeat left center; margin-bottom: 5px; padding: 4px; position: relative; border: solid 1px #cc0000 }
input[type=image] { margin: 0 0 0 0; border: 0 }
.login { font-size: 13px; background-color: #fff; display: block; margin-top: 10px; margin-right: 8px; margin-left: 215px; padding: 7px; width: 275px; height: auto }
.coordonnees .editor_field { margin-left: 0; width: 160px }
.editor_ok_button { margin-top: 2px; margin-left: 0; padding-bottom: 0; width: 90px }
.editor_cancel { margin-top: 2px; margin-left: 2px; padding-bottom: 0; width: 90px }
.inplaceeditor-empty { color: #999; font-style: italic }
.description .editor_field { margin-left: 0 }
#table_adresse .editor_field { width: 300px }
#activite_text_div { margin-left: 16px }
#restaurationPanel { font-style: normal; margin-left: 16px }
#restauration_text_div { font-size: 12px; font-weight: normal }
#restaurationPanel iframe { background: #ffffff }
#restaurationPanel input[type=image] { background: #ebe6c9 }
.delete { color: #ff0000 }
/* boites de type d'etablissment*/
type { margin-top: 10px; margin-left: 3px }
.type span { margin-top: 0; margin-left: 6px; float: none }
.type select { font-size: 11px }
type_attraits span { margin-left: 325px }
#type_attraits { margin-top: 10px; margin-left: 0 }
#type_circuit { margin-top: 10px; margin-left: 0 }
#type_resto span { margin-left: 250px }
#type_resto { margin-left: 3px }
#form_etablissement a { background-color: #e8dcbc; border: solid 1px }
.guide input { font-size: 11px; margin-right: 15px; margin-left: 5px; padding-top: 4px; padding-bottom: 3px; vertical-align: middle }
.choix_etablissement { color: #366; font-size: 14px; font-weight: bold; letter-spacing: 1px; margin: 8px; padding-top: 2px; padding-bottom: 4px; padding-left: 12px; border: dotted 1px #838383 }
/* ****HeaderNav****

 */
div#nav_contenant  { font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; display: block; margin-top: -22px; margin-right: 0px; margin-left: 13px; padding: 0; width: 730px; height: 22px; float: left; border-bottom: 1px solid #000; _margin-right: 0px; _width: 650px }
					
ul#nav, ul#nav li { list-style-type: none; 
					display: inline; 
					margin-top: 0 }
					
ul#nav       	 { text-align: center; display: inline-table; margin: 0 0 0 1em; padding: 0; bottom: -2em; left: 0; width: 780px; height: 100% }
					
ul#nav li      	{ 	text-align: center; 
					display: inline; 
					margin-right: 0.2em; 
					margin-left: 0 }
					
ul#nav a          { color: #666; 
					text-decoration: none; 
					background: #ebe6c9; 
					text-align: center; 
					display: block; 
					margin: 0 0 0 2px; 
					padding: 5px 15px 6px;
					height: 11px;
					z-index: 3; 
					left: 0; 
					width: auto; 
					float: left; 
					border: 1px solid #000;
					border-bottom: none;
					}
					
ul#nav a:hover 	{ 	color: #fff; 
					background: #ffa826 }
					
ul#nav li.activelink a { color: #fff; 
					background: #bdac88;}
					
ul#nav li.activelink a:hover   { background-color: #ffa826;}
ul#nav li.activelink ul li a {background-color: #a9966c;}

#nav_guide, #nav_circuits, #nav_activites { 
					background-color: #bdac88; 
					text-align: left; 
					margin: -16px 0 0 -24px; 
					padding: 0; 
					border-right: 1px solid }
					
#nav_guide li, #nav_circuits li, #nav_activites li { 
					display: inline; 
					margin: 0px;
					 }
					
#nav_guide a, #nav_circuits a, #nav_activites a { 
					color: #ffffff; 
					font-size: 12px; 
					font-weight: bold; 
					background-color: #bdac88; 
					margin: -1px 0 0 -1px; 
					padding: 7px 12px 5px 12px; 
					height: 18px;
					float: left; 
					border: solid 1px #000 }
					
#nav_guide a:hover, #nav_circuits a:hover, #nav_activites a:hover { 
					text-decoration: none; 
					background-color: #ffa826; 
					border: solid 1px #000 }
					
/* ****FICHE****
 */
.fiche    		   { color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: lighter; background-color: #fff; padding-top: 0px; padding-bottom: 25px; width: auto; height: auto; min-height: 750px; border-top: 32px solid #bdac88 }
.fiche_double { display: block; width: 730px; height: 300px }
.description { font-size: 13px; line-height: 15px; background-color: #fff; display: block; margin-top: 10px; margin-right: 8px; margin-left: 215px; padding: 10px; width: auto; height: auto; border: solid 1px #bdac88 }
.coordonnees { font-size: 13px; line-height: 15px; background-color: #ebe6c9; margin: 10px 7px 0 215px; padding: 10px; width: auto }
.caracteristiques { font-size: 13px; background-color: #ebe6c9; display: block; margin-top: 10px; margin-right: 8px; margin-left: 215px; padding: 10px; width: auto }
#boite_menu { font-size: 13px; background-color: #ebe6c9; display: block; margin-top: 10px; margin-right: 10px; margin-left: 10px; padding: 10px; width: auto }
.fiche_gauche  { background-color: #fff; margin-top: 7px; margin-bottom: 7px; margin-left: 7px; padding: 2px; width: 344px; height: auto; float: left }
.fiche_droite  { background-color: #fff; margin-top: 7px; margin-right: 7px; margin-bottom: 7px; padding: 2px; width: 344px; height: auto; float: right }
.fiche_gauche table { padding: 2px 2px 5px; border: dotted 1px #366 }
.fiche_droite table { padding: 2px 2px 5px; border: dotted 1px #366 }
.coordonnees h4 { color: #366; font-size: 13px; font-weight: bold; line-height: 15px; margin-top: -3px; margin-bottom: 1px }
/******* liste ******
*/
.fiche_liste  { color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-style: normal; font-weight: lighter; background-color: #fff; margin-bottom: 0; padding-top: 0; padding-bottom: 25px; width: auto; height: auto; min-height: 750px; border-top: 32px solid #bdac88 }
.fiche_liste h3 { color: #fff; background-color: #bdac88 }
.fiche_liste img  { display: block; margin: 7px; width: 90px; height: 66px; border: solid 1px #bdac88 }
.fiche_liste img.add_guide { display: inline; margin: 0px; width: 15px; height: 15px; margin-top: -2px; border: none; }
.colonne_liste_gauche { display: block; margin: 0; padding: 0; width: 100px }
.colonne_liste_droite { width: 230px }
.description_liste   { font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 14px; text-align: left; display: block; margin: 5px; padding: 7px; height: 140px; overflow: hidden; border: solid 1px #bdac88 }
.coordonnees_liste  { font-size: 13px; line-height: 16px; background-color: #ebe6c9; text-align: left; margin: 10px 5px 0 4px; padding: 12px; height: 45px }
/* gauche FICHE
*/
#boxes      { color: #366; font-family: Eurostile, Verdana, Arial, Helvetica, sans-serif; display: block; margin: 1em 1em 0 0; padding: 0; position: relative; top: 0.5em; width: 70%; height: 100%; float: right }
#boxes ul    { display: inline; padding: 0; position: relative; top: 0; left: 0; float: left }
#boxes li    { font-weight: normal; background-color: #d4ddff; display: block; margin: 0 0 0.4em; padding: 8px 10px 5px 5px; position: relative; top: 1em; left: 0; width: auto; height: 1.5em; float: left; clear: both; border-bottom: 1px solid #366 }
#boxes p { font-size: 110%; font-family: Eurostile, Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; display: block; position: relative; top: 3em; left: 0; float: left; clear: both }
#boxes_contenant  { color: #000; display: block; position: relative; top: 0.5em; left: 0; width: 100%; float: left; border-top: 1px solid #366 }
#boxes_contenant p { background-color: #d4ddff; margin: 0; padding: 10px 6px; position: relative; top: 0; left: 0 }
/* droite FICHE
*/
#boxes2   { display: block; position: absolute; top: 4.5em; right: 0; width: 40% }
/* Photo FICHE
*/
#contenant_photo        { background-color: #ebe6c9; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; text-align: center; display: block; margin-top: 10px; margin-left: 0.5em; padding: 15px 5px 20px; position: relative; top: 0; left: 0; width: 180px; float: left; clear: both }
#photo        { background-color: #90a090; display: block; margin: 10px auto; position: relative; top: 0; left: 0; width: 155px; height: 100px; overflow: hidden; border: outset 1px #366 }
img { margin-top: 5px }
/* Dˇtails FICHE
*/
#contenant_details { display: block; position: relative; top: 0; left: 0; height: 90%; }
#details     { color: #366; font-weight: lighter; text-align: left; display: inline; margin: 0; padding: 0 10px 8px; position: absolute; top: 21em; right: 0.5em; width: 67%; height: auto; float: right }
div#details h3  { color: #366; background-color: #bdac88; text-align: center; display: block; padding-top: 6px; padding-bottom: 3px; position: relative; top: 0; right: 0; left: 0; width: 99%; height: 1.5em; float: left; overflow: visible }
#details p  { background-color: #ccc; margin: 0.5em 0; padding: 0.5em 10px }
#details li  { color: #366; font-size: 80%; font-weight: normal; background-color: #ff6; list-style-type: none; display: block; margin: 0 0 0.5em; padding: 5px 5px 1px; position: relative; top: 0; left: -10px; width: 100%; height: 1em; float: left; border-top: 1px solid #366 }
/* MENU
*/
div#menu      { color: #366; background-color: #366; text-align: left; margin: 2em 0 0 0.5em; padding: 3px 5px 5px; position: relative; z-index: 50; top: 0; left: 0; width: 180px; height: auto; float: left }
div#menu h3      { color: #fff; background-color: #bdac88; text-align: center; display: block; margin: 0.5em auto 0; padding: 7px 0 4px; z-index: 100; top: 0; left: 0; width: auto; height: 1.66em }
div#menu ul    { background-color: #e7f1f8; list-style-type: none; display: block; margin: 0; padding-bottom: 1em; position: relative; z-index: 100; top: 0; left: 0; width: auto }
div#menu li    { color: #366; font-size: 70%; font-weight: bold; background-color: #ff6; list-style-type: none; display: list-item; margin-top: 1em; margin-left: 0; padding: 0.5em; position: relative; z-index: 200; top: 0; left: -2em; width: auto; height: auto }
.none  { list-style-type: none; display: block; margin-top: 2px; margin-bottom: 0; padding-bottom: 0; border-style: none }
.none a:hover { list-style-type: none; display: block; margin-top: 2px; margin-bottom: 0; padding-bottom: 0; border: solid 1px #366 }
.activites a  { font-weight: bold; display: block; margin-top: 0; margin-bottom: 0; border-style: none }
.activites td { margin: 0; padding-top: 0; padding-bottom: 0 }
.activites_label  { font-size: 12px; text-align: left; margin: 0 }
.dates  { color: #366; font-size: 12px; font-weight: bold; margin: 0 3px }
/****** activites ******/
.activites_choix label {margin-left:0px;}
.activite_fiche  { display: block; margin: 10px; padding: 5px; width: auto; border: dotted 1px #838383 ; page-break-inside: avoid ; }
.guide_touristique { font-size: 12px; padding: 5px; position: relative; bottom: -25px; float: left; border: solid 1px #bdac88 }
.guide_touristique_uniforme { font-size: 12px; background-color: #fff; margin-top: 3px; padding: 5px; bottom: -25px; border: solid 1px #bdac88 }
.titre_activites    { color: #366; font-size: 14px; font-weight: bold; margin: 0; padding-top: 2px; padding-bottom: 0; height: 20px; vertical-align: top }
.titre_uniforme { color: #366; font-size: 14px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; width: 180px; vertical-align: top }
.activite_fiche img  { margin-top: 0; margin-right: 5px; top: -2px }
.coordonnees_activites  { font-size: 12px; line-height: 14px; background-color: #ebe6c9; padding: 5px; width: 150px; vertical-align: top }
.description_activites   { font-size: 13px; font-weight: normal; text-align: left; margin: 0; padding-top: 0; padding-right: 15px; padding-left: 15px; vertical-align: top }
.margin_activites { padding-left: 123px }
.coordonnees_uniforme  { font-size: 12px; line-height: 14px; background-color: #ebe6c9; margin: 0; padding: 5px; width: 150px; vertical-align: top }
.description_uniforme   { font-size: 13px; font-weight: normal; line-height: 15px; text-align: left; padding: 5px 15px; width: 400px; vertical-align: top }
.coordonnees_etablissement { font-size: 12px; line-height: 14px; background-color: #ebe6c9; padding: 5px; width: 150px; vertical-align: top; }
.description_etablissement { font-size: 13px; font-weight: normal; text-align: left; padding: 5px 15px; width: 400px; vertical-align: top }
.guide  { font-size: 12px; position: relative; top: -30px; right: 0; float: right }
.guide td { vertical-align: text-top }
.impression { color: #366; font-size: 14px; font-weight: bold; text-align: right; letter-spacing: 1px; margin: 8px; padding-top: 2px; padding-bottom: 4px; padding-left: 12px }
.impression a       { background-image: url("../images/printer.png"); background-repeat: no-repeat; letter-spacing: 0; padding-left: 22px; border-style: none }
.uniforme { }
.cartes img  { display: block; margin-left: 10px; width: 705px; height: 834px }
.impression span.cross a { background-image: url("../images/cross.png"); background-repeat: no-repeat; background-attachment: scroll; letter-spacing: 0; padding-left: 22px; border-style: none  }

/**** disponibilites ****/
.chambres  { font-size: 12px; text-align: center; width: 125px }
.heure  { font-size: 12px; text-align: center; width: 65px }
#date_liste_activite { color: black; font-size: 14px; font-weight: normal }