/*-----------------------------------------*/
/* Auteur : Eric Le Bihan                  */  
/* Date de création : 07/12/2006           */
/* Styles communs à tout le site           */
/*-----------------------------------------*/

html{height:100%;}
body{height:100%;margin:0;padding:0;font-family:arial,sans-serif;font-size:100%;background:#efe4d5 url(images/cercles_fond-beige.gif) 0 195px repeat-x;}
ul, li{margin:0;padding:0;list-style-type:none;}
dl, dt, dd{margin:0;padding:0;}
img{border:0;}
a{cursor:pointer;}
form,fieldset{margin:0;padding:0;border:0;}
textarea{padding:2px;}
.flr{float:right;}
.image-intext{margin-left:20px;}
.spacer-left{clear:left;}
.spacer-right{clear:right;}

#global-container {position:relative;width: 800px;margin:0 auto;}

/* navigation accessibilité */
#acces{margin:0;text-indent:-9999px;}

/* Colonne de gauche */
#col-left{position:absolute;top:0;left:0px;width:180px;}
#col-left #logo-arthous3{position:absolute;top:10px;left:0;}
#col-left #logo-landes{position:absolute;top:144px;left:0;}

/* Colonne de droite */
#col-right{position:absolute;top:0;left:180px;width:600px;background:#fff url(images/cerclesdroits.gif) 0 104px no-repeat;}
#circles{padding-top:15px;background:url(images/ombre-portee.gif) 0 0 repeat-y;}
#col-right #retour-top{width:30px;height:30px;position:absolute;bottom:80px;left:585px;z-index:1;}
#col-right #send-email{width:30px;height:30px;position:absolute;top:95px;left:585px;z-index:1;}
#col-right #print-page{width:30px;height:30px;position:absolute;top:130px;left:585px;z-index:1;}
#col-right #dossier-parcours{width:30px;height:30px;position:absolute;top:250px;left:585px;z-index:1;}
#col-right #mon-dossier{width:30px;height:30px;position:absolute;top:180px;left:585px;z-index:1;}
#col-right #compteur{width:16px;height:16px;position:absolute;top:210px;left:593px;background:url(images/icones/rond-numeros.gif) 0 0 no-repeat;z-index:1;}
#col-right #compteur span{display:block;width:16px;height:16px;padding-top:1px;padding-left:6px;font-size:11px;color:#fff;}


/* Navigation gauche */
#col-left #nav-left{position:absolute;top:195px;left:0;width:180px;height:auto !important;height:360px;min-height:360px;padding-bottom:10px;}
#col-left #nav-left dl{padding-top:15px;}
#col-left #nav-left dt a{display:block;padding-left:15px;font:bold 15px arial, sans-serif;text-decoration:none;color:#fff;}
#col-left #nav-left dd a{display:block;padding-left:35px;font:normal 12px arial, sans-serif;text-decoration:none;color:#fff;}

/* formulaire */
#col-right .valider{display:block;}
#col-right .valider a{float:left;margin-top:5px;padding:2px 10px;font-weight:normal;font-size:12px;text-transform:uppercase;color:#fff;background-color:#999;}

/* Styles par rubrique */

/* Pays d'Orthe */
#page-orthe #col-left #nav-left{background:#ef567c url(images/menu_cercles_rub1.gif) 0 0 no-repeat;}
#page-orthe #col-left #nav-left dd.current a{color:#333;background:url(images/menu_poincon_rub1.gif) 0 0 no-repeat;}
#page-orthe #col-left #nav-left dd a:hover{color:#333;}
#page-orthe #col-right .valider a:hover{color:#fff;background-color:#ef567c;}

/* Abbaye */
#page-abbaye #col-left #nav-left{background:#ff9e05 url(images/menu_cercles_rub2.gif) 0 0 no-repeat;}
#page-abbaye #col-left #nav-left dd.current a{color:#333;background:url(images/menu_poincon_rub2.gif) 0 0 no-repeat;}
#page-abbaye #col-left #nav-left dd a:hover{color:#333;}
#page-abbaye #col-right .valider a:hover{color:#fff;background-color:#ff9e05;}
#page-abbaye .evt{float:right;width:170px;margin:0 0 0 30px;}

/* Evenement */
#page-evenement #col-left #nav-left{background:#99cc00 url(images/menu_cercles_rub3.gif) 0 0 no-repeat;}
#page-evenement #col-left #nav-left dd.current a{color:#333;background:url(images/menu_poincon_rub3.gif) 0 0 no-repeat;}
#page-evenement #col-left #nav-left dd a:hover{color:#333;}
#page-evenement #col-right .valider a:hover{color:#fff;background-color:#99cc00;}


/* Activites */
#page-activites #col-left #nav-left{background:#ff6b05 url(images/menu_cercles_rub4.gif) 0 0 no-repeat;}
#page-activites #col-left #nav-left dd.current a{color:#333;background:url(images/menu_poincon_rub4.gif) 0 0 no-repeat;}
#page-activites #col-left #nav-left dd a:hover{color:#333;}
#page-activites #col-right .valider a:hover{color:#fff;background-color:#ff6b05;}

/* Services */
#page-services #col-left #nav-left{background:#40cfc2 url(images/menu_cercles_rub5.gif) 0 0 no-repeat;}
#page-services #col-left #nav-left dd.current a{color:#333;background:url(images/menu_poincon_rub5.gif) 0 0 no-repeat;}
#page-services #col-left #nav-left dd a:hover{color:#333;}
#page-services #col-right .valider a:hover{color:#fff;background-color:#40cfc2;}

/* Pratique */ 
#page-pratique #col-left #nav-left{background:#b3a899 url(images/menu_cercles_rub6.gif) 0 0 no-repeat;}
#page-pratique #col-left #nav-left dd.current a{color:#333;background:url(images/menu_poincon_rub6.gif) 0 0 no-repeat;}
#page-pratique #col-left #nav-left dd a:hover{color:#333;}
#page-pratique #col-right .valider a:hover{color:#fff;background-color:#b3a899;}

/* Langues */
#col-right #langues{float:left;width:300px;margin-left:10px;display:inline;}
#col-right #langues a{font:italic 11px arial, sans-serif;text-decoration:none;color:#666;}
#col-right #langues a:hover{color:#333;}
#col-right #langues a.current{color:#999;}

/* Moteur de recherches */
#col-right #recherche{margin-left:300px;}
#col-right #recherche label{float:left;padding:4px 20px 3px 2px;font:bold 11px arial, sans-serif;text-transform:uppercase;color:#666;background-color:#f0eeeb;display:inline;}
#col-right #recherche input{float:left;margin-right:1px;}
#col-right #recherche a{float:left;width:22px;height:22px;background:url(images/boutons/go.gif) 0 0 no-repeat;}
#col-right #recherche a:hover{background-position:0 -22px;}
#col-right #recherche a span{display:none;}


/* Style généraux pour le contenu */
#contenu{clear:left;min-height:548px;height:100%;padding:106px 30px 20px 30px;}
#contenu .endroit{display:block;margin-top:5px;line-height:12px;font-size:11px;}
#contenu .legende{display:block;margin-top:5px;line-height:12px;font-size:10px;}
#contenu .credits{display:block;margin-bottom:20px;line-height:12px;font-size:10px;}
#contenu h1{margin:0;padding-bottom:24px;font:normal 25px arial, sans-serif;color:#333;}
#contenu h2{font-size:14px;Line-height:16px;margin-bottom:10px;}
#contenu p{font-size:12px;margin-top:0;margin-bottom:20px;}
#contenu a{font-weight:bold;font-size:12px;text-decoration:none;color:#333;}
#contenu a.pdf{display:block;line-height:17px;margin-bottom:10px;padding:3px 0 0 18px;background:url(images/icones/pdf_off.gif) 0 0 no-repeat;}
#contenu a.pdf:hover{background-image:url(images/icones/pdf_roll.gif);}
#contenu a.arrow{display:block;line-height:17px;padding:0 0 0 18px;background:url(images/icones/fleche.gif) 0 3px no-repeat;}
#contenu #logos-region{display:block;margin-top:30px;}
#contenu .conteneur-ombre1{margin-bottom:20px;padding-right:3px;background:#d6d6d6 url(images/three-pix.gif) top right no-repeat;}
#contenu .conteneur-ombre2{padding-bottom:3px;background:#d6d6d6 url(images/three-pix.gif) bottom left no-repeat;}

/* Styles par rubrique */
/* Parcours audio et vidéo */
#parcours-fiche{position:relative;border:1px solid #b3a899;background-color:#f0eeeb;height:1%;}
.video{position:relative;border:1px solid #b3a899;background-color:#f0eeeb;}
.video div.content,
.audio div.content{margin:15px;}
#parcours-fiche h2,
.video h2{color:#333 !important;}
.audio h2{margin:0 !important;padding:0 !important;color:#333 !important;}
#parcours-fiche .legende,
#parcours-fiche .credits,
.video .legende,
.video .credits,
.audio .legende,
.audio .credits{color:#333 !important;}
#parcours-fiche .duree,
.video .duree,
.audio .duree{font-weight:bold;font-size:12px;}
#parcours-fiche img.img-main,
.video img.img-main{float:left;width:350px;margin-right:15px;}
#parcours-fiche .notes,
.video .notes{margin-left:350px;}
#parcours-fiche .controles,
.video .controles,
.audio .controles{position:absolute;bottom:15px;right:15px;width:145px;height:20px;}
#parcours-fiche .controles .rewind,
.video .controles .rewind,
.audio .controles .rewind{position:absolute;top:0;left:0;}
#parcours-fiche .controles .play,
.video .controles .play,
.audio .controles .play{position:absolute;top:0;right:0;}
#parcours-fiche .controles .barre-fond,
.video .controles .barre-fond,
.audio .controles .barre-fond{display:block;width:107px;height:1px;font-size:1px;position:absolute;top:10px;left:19px;background-color:#b3a899;}
#parcours-fiche .controles .curseur,
.video .controles .curseur,
.audio .controles .curseur{display:block;width:25px;height:3px;font-size:1px;position:absolute;top:9px;left:19px;background-color:#8f867a;}
.audio{position:relative;width:170px;margin-left:20px;padding-bottom:30px;border:1px solid #b3a899;background-color:#f0eeeb;}

#preinscription{clear:right;}
#preinscription label{display:block;font-size:12px;color:#333;}

/* Pays d'Orthe */
#page-orthe #contenu{background:url(images/carre_1rose.gif) 0 129px no-repeat;}
#page-orthe span.commande,
#page-orthe span.publication, #page-orthe span.moderation
#page-orthe span.choix{display:block;}
#page-orthe span.publication a{color:#EF567C; float:left;height:22px;margin:0 0 20px 0;padding:0 0 0 25px;background:url(images/icones/parcours-internautes.gif) 0 100% no-repeat;}
#page-orthe span.publication a span{color:#EF567C; display:block;margin:0 5px;padding:2px 4px;line-height:18px;color:#fff;background-color:#999;}
#page-orthe span.publication a:hover span,
#page-orthe span.publication a.current span{background-color:#ef567c;}

#page-orthe .parcours-internautes{margin-bottom:20px;}
#page-orthe .parcours-internautes h2{margin-bottom:0 !important;padding-bottom:0 !important;}
#page-orthe .parcours-internautes h2 a{display:block;height:18px;line-height:18px;margin:0 20px 0 0;padding:0 0 0 25px;font-size:12px;color:#ef567c;background:url(images/icones/parcours-moi.gif) 0 50% no-repeat;}
#page-orthe .parcours-internautes p{margin:0;padding:0 0 0 25px;}
#page-orthe .parcours-internautes p.catcher{padding-left:0;}
#page-orthe span.commande a{float:left;height:18px;margin:0 20px 20px 0;padding-left:25px;background:url(images/icones/parcours-moi.gif) 0 100% no-repeat;}
#page-orthe span.commande a span{display:block;margin:0 5px;padding:2px 4px;line-height:16px;color:#fff;background-color:#999;}
#page-orthe span.commande a:hover span,
#page-orthe span.commande a.current span{background-color:#ef567c;}
#page-orthe span.choix{display:block;}
#page-orthe span.choix a{float:left;margin:0 5px 20px 0;}
#page-orthe span.choix a span{display:block;padding:1px 4px;color:#333;border:1px solid #ef567c;}
#page-orthe span.choix a:hover span,
#page-orthe span.choix a.current span{color:#fff;background-color:#ef567c;}
#page-orthe #contenu label,
#page-orthe #contenu h2,
#page-orthe #contenu .legende,
#page-orthe #contenu .credits,
#page-orthe #contenu a:hover{color:#ef567c;}
#page-orthe #contenu label{display:block;padding-bottom:5px;}
#page-orthe #contenu #parcours-fiche{padding:10px;border:1px solid #b3a899;background-color:#f0eeeb;}
#page-orthe #contenu #commentaires-parcours fieldset{padding:10px;border:1px solid #b3a899;background-color:#f0eeeb;}
#page-orthe #contenu #parcours-fiche h2{margin-top:0;}
#page-orthe #contenu #vignettes{position:relative;width:540px;height:85px;overflow:auto;white-space:nowrap;}
#page-orthe #contenu #vignettes .content{float:left;display:inline;text-align:center;}
#page-orthe #contenu #vignettes .content a img{margin-right:1px;border:1px solid #fff;}
#page-orthe #contenu #vignettes .content a:hover img{border:1px solid #333;}
#page-orthe #contenu #vignettes .content a.current img{border:1px solid #ef567c;}
#page-orthe #contenu #vignettes #vignettes-precedent{position:absolute;top:25px;left:0;cursor:pointer;}
#page-orthe #contenu #vignettes #vignettes-suivant{position:absolute;top:25px;right:0;cursor:pointer;}
#page-orthe #contenu #grande-carte{width:543px;height:543px;margin-bottom:20px;}


/* Formulaire carte*/
#formulaire-carte-acces{margin-top:10px;/*position:absolute;top:196px;left:30px;*/width:538px;height:139px;border:1px solid #b3a899;background-color:#fff;visibility:visible;}
#acces-parcours{margin-left:15px;}
#acces-parcours label{font-size:12px;color:#000;}
#acces-parcours #field5 input{float:left;margin-right:1px;background-color:#f0eeeb;}
#acces-parcours a{float:left;width:22px;height:22px;background:url(images/boutons/go.gif) 0 0 no-repeat;}
#acces-parcours a:hover{background-position:0 -22px;}
#acces-parcours a span{display:none;}
#acces-parcours span{display:block;margin-bottom:5px;padding:5px 0 0 35px;line-height:30px;font-size:16px;font-weight:bold;background:url(images/icones/parcours-moi_off.gif) 0 100% no-repeat;}

#formulaire-carte-creer{margin-top:10px;/*position:absolute;top:195px;left:30px;*/width:538px;height:230px;border:1px solid #b3a899;background-color:#fff;visibility:visible;}
#creer-parcours{margin-left:15px;}
#creer-parcours label{font-size:12px;color:#000;}
#creer-parcours #field3 input{float:left;margin-right:1px;background-color:#f0eeeb;}
#creer-parcours a{float:left;width:22px;height:22px;background:url(images/boutons/go.gif) 0 0 no-repeat;}
#creer-parcours a:hover{background-position:0 -22px;}
#creer-parcours a span{display:none;}
#creer-parcours span{display:block;margin-bottom:5px;padding:5px 0 0 35px;line-height:30px;font-size:16px;font-weight:bold;background:url(images/icones/parcours-moi_off.gif) 0 100% no-repeat;}

#acces-parcours label,
#creer-parcours label{display:block;padding-bottom:5px;}

#page-orthe #contenu #acces-parcours label,
#page-orthe #contenu #creer-parcours label{color:#000}

#TB_closeWindowButton .croix{margin:0;border:none;}

/* Abbaye */
#page-abbaye #contenu{background:url(images/carre_2orange.gif) 0 129px no-repeat;}
#page-abbaye #contenu .endroit,
#page-abbaye #contenu .legende,
#page-abbaye #contenu .credits,
#page-abbaye #contenu h2,
#page-abbaye #contenu a:hover{color:#ff9e05;}

/* evenement */
#page-evenement #contenu{background:url(images/carre_3vert.gif) 0 129px no-repeat;}
#page-evenement #contenu .endroit,
#page-evenement #contenu .legende,
#page-evenement #contenu .credits,
#page-evenement #contenu h2,
#page-evenement #contenu a:hover{color:#99cc00;}
#page-evenement .evt{float:right;width:170px;margin:0 0 0 30px;}
#page-evenement .evt div.elt{margin-bottom:20px;}
#page-evenement .evt div.elt img{display:block;}
#page-evenement .evt div.elt img.img-lt{margin-left:85px;}
#page-evenement .evt .audio{float:none;margin:0;}
#page-evenement .date-evt{display:block;margin-bottom:30px;font-size:16px;}
#page-evenement .accroche{color:#99cc00;}

/* Activites */
#page-activites #contenu{background:url(images/carre_4rouge.gif) 0 129px no-repeat;}
#page-activites #contenu .endroit,
#page-activites #contenu .legende,
#page-activites #contenu .credits,
#page-activites #contenu h2,
#page-activites #contenu a:hover{color:#ff6b05;}

/* Services */
#page-services #contenu{background:url(images/carre_5bleu.gif) 0 129px no-repeat;}
#page-services #contenu .endroit,
#page-services #contenu .legende,
#page-services #contenu .credits,
#page-services #contenu h2,
#page-services #contenu a:hover{color:#40cfc2;}

/* Pratique */
#page-pratique #contenu{background:url(images/carre_6marron.gif) 0 129px no-repeat;}
#page-pratique #contenu .endroit,
#page-pratique #contenu .legende,
#page-pratique #contenu .credits,
#page-pratique #contenu h2,
#page-pratique #contenu a:hover{color:#b3a899;}

/* Footer */
#page-abbaye #footer,
#page-evenement #footer,
#page-activites #footer,
#page-activites #footer,
#page-activites #footer{margin-top:40px;}

#footer{position:relative;padding-bottom:20px;}
#footer #logo-conseilgeneral{display:none;position:absolute;top:0;left:-180px;}
#footer ul{margin-left:10px;}
#footer ul li{display:inline;}
#footer ul li a{float:left;width:115px;height:15px;margin-right:2px;font-size:11px;text-decoration:none;color:#666;text-align:center;}		
#footer ul li a{font-weight:normal;color:#666;background-color:#f0eeeb;}
#footer ul li.fond-ecran a:hover,
#footer ul li a:hover{font-weight:bold;background-color:#89867a;color:#fff;}
#footer ul li.current a{font-weight:bold;color:#fff;background-color:#b3a899;}
#footer p{margin:0 0 0 10px;padding:25px 0 0 0;font-size:11px;color:#666;}

input{font-size:12px;}
#floraSearchDiv{
	padding:20px;
	background-color:#F0EEEB;
	font-size:11px;
}
#floraSearchDiv input{font-size:11px;}
#floraSearchDiv select{font-size:11px;}

/* calendrier */
#calendrier{
font-style:normal;
line-height:1.5ex;
}

#calendrier #mois a{
display:inline;
font-size:10px !important;
}

#calendrier td{
padding:20px 10px 10px 5px;
font-size:25pt;
width:85px;
vertical-align:text-top;
border: solid #ccc 1px;
}

#calendrier a{
font-size:10px !important;
display:block;
margin-top:10px;
padding:0px;
}

#calendrier strong{
font-weight:lighter;
}
/* envoyer ami */
fieldset{
font-size:12px;
font-weight:bold;
line-height:3ex;
}

fieldset div{
padding:0px;
margin-bottom:10px;
}

#envoi a {
color:#666!important;
}

#envoi a:hover {
color:#000!important;
}

/* readspeaker */
div#readspeaker {
  position: absolute;
  top: 100px;
  right: 40px;
  width: 250px;
  text-align: right;
  font-size: 10px;
}