/* 
Site : FUAJ
CSS  : v1.0
Date : 03/05/2007
Design : Churchill
*/

*{margin:0;padding:0;}
img{border:0;}
body{background:#2982AE;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:62.5%;text-align:center;color:#333;}

.hide{display:none;}
.clear{clear:both;font-size:0;height:0;}
.clearRight{ clear:right}

.accessibilite{width:720px;margin:0 auto;color:#fff;list-style-type:none;text-align:right;}
.accessibilite li{display:inline;}
.accessibilite a{color:#fff;}
.accessibilite a:hover{text-decoration:none;}

/* Home */
#page{width:771px;margin:5px auto;background:url('../img/page-bg.gif') repeat-y right #fff;text-align:left;}

#head{margin-bottom:15px;}
#head h1{font-size:1px;position:relative; z-index:99;}
#head .spip_logos{position:absolute;top:0px;right:0px;z-index:100;}

#menu{background:url('../img/menu-bg.gif') no-repeat top left;list-style-type:none;margin:-3px 0 0;padding-left:0;height:27px;}

/* AJOUT YMV  */
#menu li{float:left;position:relative;z-index:10;}
#menu li img{position:relative;z-index:10;}
#menu li ul{position:absolute;top:34px;left:0;background-color:#F59E00;padding:6px 3px 0px 2px;width:150px; }
#menu li ul li{display:block;width:100%;padding:4px 0;z-index:50; border-bottom:1px solid #ED9901;}
#menu li ul li a{ text-decoration:none; font-size:11px; text-transform:capitalize; padding:2px;}
#menu li ul li a:hover{ background:white; color:#F59E00;}
#menu a{color:#FFFFFF; text-decoration:none}
#menu .menu_langues img{margin-right:-4px;}

#left{float:left;width:184px;padding-left:5px;clear:left;}
#left .reserver{height:50px;padding-top:8px;}
#left .reserver img{opacity:0.5;filter:alpha(opacity=50);}
#left .btAdherent{margin:14px 0;}
#left ul{margin:0 0 55px 0;padding-left:4px;list-style-type:none;}
#left ul li{padding:8px 0;background:url('../img/pointille-gris.gif') repeat-x;}
#left ul ul{margin:0;padding:0 0 0 21px;}
#left ul ul li{padding:3px 0 0 10px;background:url('../img/left-puce-ssmenu.gif') no-repeat 0px 3px;}
#left div.actus{position:relative;margin-right:12px;border:1px solid #D8D8D8;}
#left div.actus h2{position:relative;margin-top:-22px;}
#left div.item{margin:-1px 8px 0 8px;padding:10px 0;background:url('../img/pointille-gris.gif') repeat-x;zoom:1;clear:both;}
#left div.item img{float:left;margin:0 8px 8px 0;border:1px solid #E3E3E3;}
#left div.item p{font-size:1.1em;font-weight:bold;}
#left div.item p.plus a{padding-left:12px;background:url('../img/puce-plus.gif') no-repeat 0px 4px;color:#E56305;font-weight:normal;text-decoration:none;}

#center{float:left;width:389px;margin:15px 10px 0 0;}
#center.fiche{width:369px;padding:0 15px;}
#center p.fil{margin-bottom:13px;}
#center p.fil a{color:#1B89C7;font-weight:bold;text-decoration:none;}
#center p.fil .chevron{color:#CA4800;}
#center h2{margin-bottom:17px; margin-left:8px;}
#center h3{color:#CA4800;}
#center h3.spip{font-size:1.2em;}
#center h4{margin:0 0 17px 0;}
#center p{margin-bottom:1em;}
#center p.top{padding:10px 30px;background:url('../img/pointille-gris.gif') repeat-x 50%;text-align:right;}
#center a{color:#CA4800;text-decoration:none;}
#center a:hover{text-decoration:underline;}
#center div.auberge{position:relative;margin-top:10px;padding:10px 8px 10px 12px;background:url('../img/auberge-bg.gif');border:1px solid #D8D8D8;border-bottom-width:4px;}
#center div.auberge h3{padding:0 0 0 20px;background:url('../img/auberge-puce-titre.gif') no-repeat;font-size:1.8em;}
#center div.auberge h4{margin:7px 0 10px 0;}
#center div.auberge ul{list-style-type:none;color:#7F7F7F;}
#center div.auberge li{margin-bottom:2px;zoom:1;}
#center div.auberge li.tel{padding:2px 0 2px 21px;background:url('../img/ico-tel.gif') no-repeat;}
#center div.auberge li.fax{padding:2px 0 2px 21px;background:url('../img/ico-fax.gif') no-repeat;}
#center div.auberge li.mail{padding:2px 0 2px 21px;background:url('../img/ico-mail.gif') no-repeat;}
#center div.auberge li.tarif{padding:2px 0 2px 21px;background:url('../img/ico-tarifs.gif') no-repeat;position:relative;z-index:1;height:16px;}
#center div.auberge li.plan{padding-left:12px;background:url('../img/puce-grise.gif') no-repeat;position:relative;}
#center div.auberge .photo{float:left;position:relative;margin:12px 12px 0 0;}
/* AJOUT YMV  */
#center div.auberge li.pdf{padding-left:12px;background:url('../img/puce-grise.gif') no-repeat;}
#center div.auberge img.picto{float:right;margin-left:5px;position:relative;}
#center div.auberge .item{float:left;width:40px;height:40px;font-size:8px;position:relative;}
#center div.auberge .item img{position:relative;}


#center div.auberge .popup{display:none;top:0.5em;left:2em; position:relative;}
#center div.auberge .popupContent{position:absolute;left:0px;top:0;z-index:80; width:118px;}
#center div.auberge .popupHaut{background:url('../img/infobulle/infobulle_item_haut.gif') no-repeat top left; height:20px;}
#center div.auberge .popupTexte{background-color: #ca4800;color:#FFFFFF;font-size:1.2em;padding:5px;z-index:80; margin-left:3px;text-align:center;}
#center div.auberge li.tarif .popupTexte{font-size:1em;}
#center div.auberge .popupBas{background:url('../img/infobulle/infobulle_item_bas.gif') no-repeat top left; height:11px;z-index:80; margin-left:3px;}

#center div.auberge .spip_logos{float:left;position:relative;margin:12px 12px 0 0;}

/* par defaut, la map est placée hors de la fenetre de manière à la cacher au chargement de la page (top:-1000;left:-1000;)*/
#center div.auberge div#pre_map{text-align:right;width:440px;height:440px;position:absolute;top:-1000em;left:-1000em;background:url('../img/fond-carte.gif') no-repeat 0 0;z-index:60;}
#center div.auberge div#pre_map a{text-decoration:none; color:#FFF; font-size:1.3em; font-weight:bold;}/*lors d'un survol */
#center div.auberge div#pre_map a:hover{text-decoration:none; color:#FBBE22; font-size:1.3em; font-weight:bold;}/*lors d'un survol */
#center div.auberge div#pre_map p{margin:0.2em 1.2em 0 0;background:url('../img/croix.gif') no-repeat  87% 50%;}/*petit x pour le fermer */

#center div.auberge div#map{width:400px;height:400px;position:absolute;top:2em;left:2em;}
#center div.auberge div#map #google_infobulle{text-align:left;}
#center div.auberge div#map #google_infobulle ul{ padding-left:10px;}
#center div.auberge div#map #google_infobulle img{float:right;}

/*SEJOURS*/
#center div.sejour div.plus{text-align:right;margin-right:15px;}
#center div.sejour div.plus a{padding-left:12px;background:url('../img/puce-plus.gif') no-repeat 0px 4px;color:#E56305;font-weight:normal;text-decoration:none;}
/*
	#center div.sejour #blocPapier{position:relative;margin-top:10px;padding:10px 8px 10px 12px;background:url('../img/auberge-bg.gif');border:1px solid #D8D8D8;border-bottom-width:4px; margin-bottom:20px;}
	#center div.sejour .scotch{position:absolute;left:45%;top:-8px;}
*/
#center div.sejour .bprix{ font-size:1.1em; }
#center div.sejour .bdates{ margin-top:1em; font-size:1.1em;}
#center div.sejour .prix{  padding:2px; }
#center div.sejour .spip_logos{ float:right; border:1px solid #666;}

/*GROUPES*/
#center div.groupe .tarif{margin-top:25px;font-size:1.1em;font-weight:bold;}
#center div.groupe .compris{padding-top:40px;margin-top:25px;background:url('../img/sejour-compris.gif') no-repeat 0px 4px;}
#center div.groupe .non_compris{padding-top:40px;margin-top:25px;background:url('../img/sejour-non-compris.gif') no-repeat 0px 4px;}
#center div.groupe .options{padding-top:40px;margin-top:25px;background:url('../img/sejour-options.gif') no-repeat 0px 4px;}
#center div.groupe .suggestions{padding-top:40px;margin-top:25px;background:url('../img/sejour-suggestions.gif') no-repeat 0px 4px;}
#center div.groupe .logo{float:right;}


#center div.documents{margin-top:20px;}
#center div.documents .item{float:left;width:120px; height:12em;margin:0.2em;text-align:center; font-size:0.9em;}
#center div.documents .item a{font-weight:bold;font-size:1.1em;}

#center div.article .spip_logos{float:left;margin:0 0.5em 0.5em 0;}
#center div.article .chapo{text-align:justify;margin:0.5em 0.5em 2em 0.5em;font-style:italic;}

#center div.plan ul{list-style-type:none;margin:0 0 20px 10px;}
#center div.plan ul ul{margin:0 0 5px 10px; }
#center div.plan h2{ margin:0 0 8px 10px;}

/* SEJOURS ET GROUPES */
#center #blocPapier{position:relative;margin-top:10px;padding:10px 8px 10px 12px;background:url('../img/auberge-bg.gif');border:1px solid #D8D8D8;border-bottom-width:4px; margin-bottom:20px;}
#center .scotch{position:absolute;left:45%;top:-8px;}

/* AJOUT YMV  */
#center #listeAuberge{text-align:center;}
#center #listeAuberge select{margin:5px 0;font-size:1em;border:1px solid #B1B0B0;}
#center #listeAuberge .rubrique{ font-weight:bold;}

/*AJOUT TG*/
#center #listetypesejour{text-align:center;}
#center #listetypesejour select{margin:5px 0;font-size:1em;border:1px solid #B1B0B0;display:inline;}
#center #listetypesejour  option{padding-right:10px;}
#center #listetypesejour  #recherche_hiver{float:left;margin:0 10px 0 50px}
#center #listetypesejour  #recherche_activite_hiver{float:left;}


#center div.auberge .scotch{position:absolute;left:45%;top:-8px;}
#center .ssmenu{margin-bottom:19px;padding:6px 0 8px 10px;background:url('../img/pointille-gris.gif') repeat-x bottom;}
#center .ssmenu li{display:inline;margin-right:7px;}
#center div.etranger{float:left;width:186px;margin-right:9px;padding-bottom:10px;background:url('../img/etranger-arr-bas.gif') no-repeat bottom #F8F8F8}
#center div.etranger h2{margin:0 -5px 0 0/*IE6*/;background:#fff;}
#center div.etranger h2 img{position:relative;left:-5px;}
#center div.etranger p{margin:3px 6px;font-size:1em;}
#center div.etranger p a{padding-left:12px;background:url('../img/puce-vert.gif') no-repeat 0px 0px;color:#5D911A;font-weight:bold;text-decoration:none;}
#center div.coup2coeur{float:left;width:182px;margin:4px 4px;padding-bottom:9px;background:url('../img/coup-coeur-arr-bas.gif') no-repeat bottom #F8F8F8}
#center div.coup2coeur h2{margin:0px -2px 0 0/*IE6*/;background:#fff;}
#center div.coup2coeur h2{position:relative;left:-6px;}
#center div.coup2coeur div.bg{padding-bottom:20px;background:url('../img/coup-coeur-photo-bg.gif') no-repeat;text-align:center;}
#center div.coup2coeur p{margin:3px 4px;font-size:1em;}
#center div.coup2coeur p a{padding-left:12px;background:url('../img/puce-rose.gif') no-repeat 0px 0px;color:#C70071;font-weight:bold;text-decoration:none;}

#center small{ text-align:right;background:#E17300; color:white; padding:0px 2px;}
#center .right{ float:right; padding-left:6px;}

#center .pagination{text-align:right;}

/*	AJOUT YMV - 07-11-20
	Gestion de l'affichage des pictos de transport
*/
.pictoTransport{vertical-align:middle;padding-right:2px;}
.intertitreInfos{display:block;padding:10px 0;}


/*	AJOUT YMV - 07-05-31
	Gestion de l'affichage des listes de resultat des recherches (recherche.html et recherche_criteres.html)
*/
.recherche_resultat ul{margin:10px 10px 0 10px;}
.recherche_resultat li{margin-top:10px;padding-bottom:10px;list-style-image:url('../img/puce-plus.gif');list-style-position:inside;background:url('../img/pointille-gris.gif') repeat-x bottom;}
.recherche_resultat li a{font-size:1.2em;font-weight:bold;}
.recherche_resultat .presentation{padding:5px 0 0 15px;text-align:justify;}
.recherche_resultat .presentation img{float:right;margin-left: 5px;}
#center div.information{text-align:center; margin-bottom:20px; color:#CA4800;}

#search{padding-bottom:12px;background:url('../img/recherche-bg.gif') no-repeat bottom;}
#recherche{width:105px;margin-left:10px;border:0;background:transparent;font-size:1em;}
#search label{margin-left:1px;}
#search .btOk{vertical-align:middle;}

#multi{width:157px;margin:2em 0 4px;background:url('../img/rech-multi-bg.gif') no-repeat 0px 57px #F59E00;position:relative;}
#multi fieldset{border:0;padding:0 9px 7px 11px;margin:0;background:url('../img/rech-multi-bas.gif') no-repeat bottom;}
#multi fieldset p img{margin:-13px -15px 13px -11px;}
#multi label{display:block;margin-bottom:2px;color:#5F2200;font-weight:bold;}
#multi select{width:100%;margin-bottom:7px;font-size:1em;border:1px solid #B1B0B0;}
#multi .btValider{margin-left:auto;}

#right{float:left;display:inline;width:161px;margin-top:-44px;}
#right div.bonsPlans{background:url('../img/bons-plans-bg.gif') repeat-y right #E8E8E8;}
#right div.bonsPlans h2{margin:-5px -10px 10px -13px;}
#right div.bonsPlans h3{margin-top:5px;margin-bottom:7px;color:#0079B6;font-size:1.1em;}
#right div.bonsPlans p{text-align:justify;padding:0 0 -13px 0;}
#right div.bonsPlans a{text-decoration:none;}
#right div.bonsPlans .bg{padding:10px;background:url('../img/bons-plans-bg2.gif') no-repeat 0px 45px;height:1%;}
#right div.bonsPlans .bas{position:relative;margin:0 -10px -12px -10px;}
#right div.bonsPlans .sep{background:url('../img/pointille-gris.gif') repeat-x 50%;}
#right div.galerie{float:left;padding-bottom:20px;background:url('../img/galerie-bas.gif') no-repeat bottom #D4D4D4;text-align:center;}
#right div.galerie div.vignette{display:inline;float:left;margin:0 0 11px 10px;padding:4px;background:#fff;border:1px solid #C5C5C5;clear:left;}
/*	AJOUT YMV */
#right p.plus a{padding-left:12px;background:url('../img/puce-plus-bleu.gif') no-repeat 0px 4px;color:#0079B6;font-weight:normal;font-size:1.1em;text-decoration:none;}


#foot-logo{padding:10px 20px 0 0;background:url('../img/foot-logo-bg.gif') no-repeat left bottom;text-align:right;clear:both;}
#foot-logo img{margin-left:8px;}

#foot{padding-left:8px;clear:both;background:url('../img/foot-bg.gif') no-repeat;min-height:33px;height:auto !important;height:33px;}




/*****generique fait par thomas****/
p.spip{color:#000; font-size:1em;text-align:justify;margin:0.5em 0.5em;}
ul.spip{margin-bottom:1.2em;margin-left:1.5em}
ul.spip li{list-style-image:url("../img/puce-orange.GIF");font-size:1em;width:98%;text-align:justify;}
/* AJOUT YMV  */
ol.spip li{margin-left:25px;}



/*****pour les titre h2 stylé*****/

#center .titre_style{
font-family :arial, helvetica, sans-serif ;
font-size:2em;
font-weight:bold;
width:360px;
color:#3F93C1;
}
/* Images typographiques (via image_typo) */
.format_png { behavior: url(win_png.htc); }
