@import url("themes.css"); 
@import url("select.css");

*, html { margin:0; padding:0;}
img { border:none; }
a { outline: none; }
.clear { visibility:hidden; clear:both; }

.image_gauche {float: left;border:0;margin:10px;}
.image_droite {float: right;border:0;margin:10px;}

.label { float:left; border:0; margin:0 5px 0 0;}

.highlight { background-color: yellow; }

body.rien { background:#F0F0F0;}
body.artouste { background:#286090 url(../image/background/fond_station_artouste_ski.jpg) top left repeat-x;}
body.pta { background:#a41334 url(../image/background/fond_petit_train_artouste.jpg) top left repeat-x;}
body.thermes { background:#2c8991 url(../image/background/fond_thermes_des_eaux_chaudes.jpg) top left repeat-x;}
body.nature, body.carto { background:#63822e url(../image/background/fond_activites_de_nature.jpg) top left repeat-x;}
body.terroir { background:#8a5b1e url(../image/background/fond_culture_et_terroir.jpg) top left repeat-x;}

/* CONTENT */
#content { font-size:12px; width:1000px; margin:0 auto; background:url(../image/bg_content.png) 1px 0 repeat-y; font-family:"Arial"; }

/* TOP HEADER */
#topHeader { font-size:12px; margin:0 auto; width:1000px; height:100px; background:url(../image/top_header2.png) top left no-repeat;font-family:"Arial";}
a.logo { display:block; width:356px; padding:20px 0 0 60px; float:left;}
a.logo img { width:290px;}
p.coordonnee { width:140px; float:left; margin:30px 3px 0 30px; color:#959595; font-size:0.9em; line-height:1em;}
p.coordonnee span.tel { font-size:1.2em;}
ul.langue { padding:36px 0 0 0; list-style-type:none;}
ul.langue li { float:left;}
ul.langue li a { display:block; float:left;}
#rechercher {float:left; margin:0 0 0 15px;}
#rechercher label { color:#57a7e3; font-size:1em;}
#rechercher input {  width:133px; height:23px; padding:4px 0 0 10px; font-size:0.9em; background:url(../image/bg_recherche.jpg) top left no-repeat; border:none; }
a.espacePro { float:left; display:block; margin:2px 0 0 10px; color:#57a7e3; font-size:1em;}
a:hover.espacePro { text-decoration:underline;}

/* HEADER */
#header { width:1000px; height:244px;}

/* BREADCRUMB */
#breadcrumb { padding:10px 0 0 255px;height:30px; position:relative; z-index:2;}
#breadcrumb ul { list-style-type:none;}
#breadcrumb ul li { float:left; margin:0 3px 0 3px;}
#breadcrumb ul li a { text-decoration:none; font-size:1em; color:#747474;}
#breadcrumb ul li a:hover { color:#999999; text-decoration:underline;}

/* FOOTER */
#footer { width:1000px; margin:0 auto; height:52px; background:url(../image/footer.png) top left no-repeat;}
#footer ul.footMenu { list-style-type:none; font-family:Arial, Helvetica, sans-serif; margin:0 0 0 230px; line-height:35px;}
#footer ul.footMenu li { color:#FFFFFF; margin:0 3px 0 0; float:left;}
#footer ul.footMenu li a { color:#FFFFFF; text-decoration:none; font-size:0.8em;}
#footer ul.footMenu li a:hover { text-decoration:underline;}

/* COLONNAGE */
#colonneGauche {width:223px; float:left; padding:0 5px 0 28px;}
#contenuCentrale {width:480px; float:left; height:auto;}
#colonneDroite {width:224px; float:right; padding:0 24px 0 5px;}

/* LEFT SIDEBAR */
#infos_pratiques {width:223px; height:auto;background:url(../image/block_infos_pratiques.jpg) top left no-repeat;}

/* PAGE TYPE ACCUEIL */
#encoreChaud { width:155px; height:270px; float:left; padding:0 0 0 5px; }
#articles_accueil { clear:both; width:490px; height:262px; background:#fff url(../image/fond_article_accueil.jpg) top left no-repeat; }

/* RIGHT SIDEBAR */
#newsletter { width:220px; height:82px; margin:15px 0 15px 0; background:#fff url(../image/block_newsletter.jpg) top left no-repeat;}
#newsletter span.txt_checkbox {color:#fff; display:inline-block; margin:0 0 0 5px; position:relative; top:-2px;}
#hebergement { width:220px; margin:0 0 15px 0; background:#ffb345 url(../image/hebergement/blocfond_hebergement.jpg) 0 0 no-repeat;}
#meteo { width:220px; height:150px; background:#fff url(../image/bloc_meteo.jpg) top left no-repeat;}
#info_hiver { width:205px; min-height:82px; padding:10px 0 0 15px;margin:0 0 10px 0; background:url(../image/bloc_info_neige.jpg) top left no-repeat;}

a.neige_un { display:block; width:100px; height:12px; background:url(../image/lien_info_neige.png) 0 0 no-repeat;}
a:hover.neige_un { background:url(../image/lien_info_neige.png) 0 -18px no-repeat;}

a.neige_deux { display:block; width:175px; height:13px; background:url(../image/lien_info_neige.png) 0 -36px no-repeat;}
a:hover.neige_deux { background:url(../image/lien_info_neige.png) 0 -54px no-repeat;}

#info_hiver div ul { margin:5px 0 0 0;list-style-type:none;}
#info_hiver div ul li { color:#1287cb; font-size:0.9em; margin:0 0 5px 0;}
#info_hiver div ul li img {position:relative; top:2px;}
#info_hiver div p {color:#1287cb; font-size:0.9em; margin:5px 0 0 0;}
span.ok { color:#28a107; background:url(../image/puce_ok.png) 0 2px no-repeat; padding:0 0 0 27px;}
span.notok { color:#de0a23; background:url(../image/puce_pasok.png) 0 2px no-repeat; padding:0 0 0 27px;}
span.notrealyok {color:#f49001; background:url(../image/puce_notrealyok.png) 0 2px no-repeat; padding:0 0 0 27px;}

/* EVENEMENT FOOTER */
#evenement {width:480px; height:132px; margin:30px 0 0 0;background:url(../image/block_evenement.jpg) top left no-repeat;}
.even {float:left; width:150px; margin:50px 0 0 10px;}
.even h5.type_evenement, .type_evenement { font-size:1.1em; font-weight:bold; color:#48a9ec;}
.even h5.titre_even, .titre_even {font-size:1.3em; font-weight:bold; color:#673d8e;}
.even p.date_evenement  {font-size:1em; color:#393939;}
.even a { display:block; margin:4px 0 0 -2px;}

.event_listing {margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:1px dashed #CCCCCC;}
.info_evenement { margin:5px 0; color:#333333; font-weight:bold;}
.adresse_evenement { margin:5px 0;}

.z1 { background:#F9F8FA;}
.z2 { background:#fff;}

#calendrier {
	width:180px; height:74px;
	padding:50px 20px 20px 20px;
	background:url(../image/bloc_evenement_acceuil.jpg) top left no-repeat;
}

#calendrier a.mois {
	display:block; width:59px; height:21px;
	text-align:center; font-size:0.8em; color:#b188d7;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; line-height:21px;
	float:left;
	background:url(../image/btn_mois.png) 0 -20px no-repeat;
}

#calendrier a:hover.mois, #calendrier a.selected  {
	color:#fff;
	background-position: 0 0;
}

/* LISTE INFOS */
#infos_pratiques p {padding:50px 0 0 15px; color:#408a3c; font-weight:bold;}
ul.info {padding:15px 0 0 15px;list-style-type:none;}
ul.info li {margin:0 0 2px 0;}
ul.info li a { color:#408a3c; text-decoration:none; font-size:1em;}
ul.info li a:hover { text-decoration:underline;}

/* NAVIGATION LISTE */
#titreMenu {width:300px; display:block; font-size:0.9em;}
.navigation {margin:0 0 0 -28px; position:relative; z-index:5;}
.navigation .rouge, .navigation .rouge a {color:#70051d; text-decoration:none;}
.navigation .bleu, .navigation .bleu a {color:#015995; text-decoration:none;}
.navigation .vert, .navigation .vert a {color:#558508; text-decoration:none;}
.navigation .turquoise, .navigation .turquoise a {color:#076a73; text-decoration:none;}
.navigation .marron, .navigation .marron a{color:#5d3604; text-decoration:none;}
.navigation .vert_rando, .navigation .vert_rando a {color:#175e13; text-decoration:none;}

.navigation div { display:block; width:229px; height:67px; padding:7px 0 0 25px;font-size:1.5em;}
.navigation span.descriptionTitre {display:block;font-size:0.65em; line-height:1em; width:210px; font-weight:normal; color:#FFFFFF;}

.navigation .bleu { background:url(../image/onglets/station_artouste.png) 7px 0 no-repeat;}
.navigation .rouge { background:url(../image/onglets/pta.png) 7px 0 no-repeat;}
.navigation .vert { background:url(../image/onglets/nature.png) 7px 0 no-repeat;}
.navigation .turquoise { background:url(../image/onglets/thermes.png) 7px 0 no-repeat;}
.navigation .marron { background:url(../image/onglets/terroir.png) 7px 0 no-repeat;}
.navigation .vert_rando { background:url(../image/onglets/menu_cartographie.png) 7px 0 no-repeat;}

/* MENU SECONDAIRE */
#menu_secondaire {width:187px; margin:-17px 0 25px -8px; padding:10px 0 0 15px;}
#menu_secondaire ul { list-style-type:none;}
#fond_menu {width:212px; height:4px; margin:0 0 0 -15px;}

/*A NE PAS RATER */
#aNePasRater { width:310px; height:261px; float:left; margin:0 0 0 3px; padding:5px;}
#aNePasRater .image_evenement .masque {margin:20px 12px 12px 14px;display:block;width:280x; height:113px; overflow:hidden;}
#aNePasRater .image_evenement img.marginMe {margin:-20px 0 0 0;}
#aNePasRater #ct { width:295px; margin:15px 0 0 11px;}
#aNePasRater h4 {color:#FFFFFF; font-size:1.5em; font-weight:bold;}
#aNePasRater p a {font-size:1em; font-weight:bold; text-decoration:none;}
#aNePasRater p a:hover { text-decoration:underline;}
#aNePasRater h1 {text-indent:2px;}

/* ARTICLE ACCUEIL */
#articles_accueil h2 {padding:20px 0 10px 15px; font-size:1.7em;}
#articles_accueil .min_art { width:220px; height:85px;float:left; margin:0 5px 15px 15px;}
#articles_accueil .min_art .img_accueil {width:86px; height:60px; float:left;background:url(../image/bg_img_article.png) top left no-repeat;}
#articles_accueil .min_art .img_accueil .masque {margin:9px 4px 0 5px;display:block;width:69px; height:41px; overflow:hidden;}
#articles_accueil .min_art .img_accueil img { }
#articles_accueil .min_art h5.titre_article_accueil {float:left; margin:0 0 3px 5px;width:128px;font-size:1.2em; font-weight:bold;}
#articles_accueil .min_art p a {font-size:0.9em; text-align:justify; color:#393939; text-decoration:none;}
#articles_accueil .min_art p a:hover {color:#999999;}

/* ENCORE CHAUD */
#encoreChaud {width:145px; margin:0 0 0 5px;}
#encoreChaud h2 { width:150px;font-size:2em; line-height:0.8em;}
#encoreChaud p.annonce {font-size:0.9em; font-weight:bold; margin:5px 0 5px 0; line-height:1em;}
#encoreChaud .image_actu {width:150px; height:76px;}
#encoreChaud .image_actu .masque {padding:9px 10px 10px 10px;display:block; width:130px; height:40px; overflow:hidden;}
#encoreChaud .image_actu .masque img {}
#encoreChaud h5.titreActu {font-size:1.6em; line-height:1em; margin:0 0 5px 0;}
#encoreChaud p a {font-size:0.9em; color:#393939; text-decoration:none;}
#encoreChaud p a:hover {color:#999999;}

/* HEBERGEMENT TABBED */
ul.tabnav {list-style-type:none; height:90px;}
ul.tabnav li a { float:left; display:block; text-indent:-9999px;}
ul.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {}
.tabdiv {}    
.ui-tabs-hide {display: none;}

a.boutonHbergement {width:135px; height:86px; background:url(../image/hebergement/bouton_hebergement.jpg) 0 -86px no-repeat;}
a.boutonIdeeSejour {width:85px; height:86px; background:url(../image/hebergement/bouton_hebergement.jpg) -135px 0px no-repeat;}

a:hover.boutonHbergement, .tabnav li.ui-tabs-selected a.boutonHbergement { background-position:0 0px;}
a:hover.boutonIdeeSejour, .tabnav li.ui-tabs-selected a.boutonIdeeSejour {background-position:-135px -86px;}

#rs_hebergement, #sejour { margin:5px 0 0 10px;}

#type_sejour_input { padding:0 0 0 -150px;}

.tourinsoft-submit { float:right;margin:0 9px 0 0;}

/* NEWSLETTER */
#formNewsletter{padding:13px 0 0 10px;}
#formNewsletter input#email { width:160px; border:none; font-size:1em; color:#015995;font-weight:bold;}
#formNewsletter input#btn_newsletter { position:relative; top:6px; left:5px;}

/* METEO */
#meteo #dsp_meteo {padding:25px 0 0 15px; }
#meteo #dsp_meteo p {color:#dfba0a;}
#meteo #dsp_meteo p span.lieu_meteo {color:#815f04; padding:0 5px 0 0;}
#meteo #dsp_meteo p img {padding:5px 3px 0 3px; position:relative; top:9px;}
.meteoListe { list-style-type:none; margin:50px 0 0 15px;}
.meteoListe li { margin:0 0 5px 0;}
.meteoListe li a { text-decoration:none; padding:0 0 0 10px; color:#815f04; background:url(../image/puce_meteo.jpg) 0 3px no-repeat;}
.meteoListe li a:hover {text-decoration:underline;}
a.meteo3jours { clear:both; display:block; margin:10px 0 0 10px;}

/* CINEMA */
#cinema { margin:0 0 15px 0; }
.listingCinema { width:470px; margin:0 0 15px 0;}
.listingCinema p { width:300px; margin:0 0 8px 10px; text-align:justify; }
.listingCinema h5.titre_film { width:390px; height:45px; line-height:50px; font-size:1.3em; color:#FFFFFF; background:url(../image/mini_bandeau_cinema.jpg) top left no-repeat; padding:0 0 0 90px; margin:0 0 10px -10px;}
.img_cinema { width:130px; float:left;}
.info_cinema { width:330px; margin:0 0 0 10px; float:right;}
.info_cinema h5.seance { margin:0; text-indent:-9999px; background:url(../image/seance_cinema.jpg) top left no-repeat; width:117px; height:17px;}
.info_cinema h5.synopsis { margin:0; text-indent:-9999px; background:url(../image/synopsis_cinema.jpg) top left no-repeat; width:80px; height:17px;}
.video {margin:10px 0 0 0;}
a.afficher_video{display:block; margin:5px 0 0 0; color:#FF6600; text-decoration:none;}
a:hover.afficher_video {text-decoration:underline;}

a.cinema_plus_info { text-indent:-9999px;display:block; background:url(../image/plusdinfos_cinema.jpg) top left no-repeat; width:127px; height:30px;}

/* WEBCAM */
#webcam{ margin:0 0 15px 0; }

/* ARTICLES */
.article {width:465px; margin:0 0 0 15px;}
.article a {color:#808080; font-weight:bold;}
.titre_article {background:url(../image/bandeau_article.jpg) top left no-repeat; width:480px; height:104px;}

#tt_article {width:300px;float:left; margin:0; padding:0;}
.titre_article .hArticle { width:300px;line-height:1em; font-size:1.6em;padding:35px 0 0 0; text-indent:0;background:none; font-variant:normal; margin:0;}
.article_publication {color:#b3b3b3; font-size:0.8em;}

#img_article {float:left; margin:0 0 0 5px; width:130px; height:50px; margin:28px 0 0 30px;}
#img_article .masque {display:block; overflow:hidden; width:130px; height:50px;}

.introduction {width:457px; font-size:1.1em; text-align:justify; margin:0 0 15px 0; font-weight:bold;}
.ct_article { width:457px;color:#393939; font-size:1em; text-align:justify; margin:0 0 15px 0;}

.ct_article p { margin:0 0 15px 0;}



ul.liste_generique {margin:10px 0 0 25px; list-style-type:none;}
ul.liste_generique li {margin:0 0 5px 0; line-height:1em;height:20px;background:url(../image/puce_generique.gif) 0 7px no-repeat;padding:0 0 0 15px;}
ul.liste_generique li a { color:#333333; text-decoration:none; font-weight:bold;}
ul.liste_generique li a:hover { text-decoration:underline;}

.article h4, .article h5 {
	background:url(../image/fond_h1.jpg) top left no-repeat;
	height:26px; line-height:27px;
	font-variant:small-caps;
	font-size:1.2em;
	text-indent:40px;
	margin:20px 0 10px 0;
	color:#666;
}

.article ul {margin:5px 0 5px 25px; list-style-type:none;}

/* Listing Hebergement */
#hebergement input { color: #BE6401;}
#hebergement_listing {width:460px; margin:0 0 0 10px;}
#hebergement_listing h4.titre_hebergement {background:url(../image/hebergement/mini_bandeau_hebergement.jpg) top left no-repeat; width:405px; height:45px; color:#FFFFFF; font-size:1.4em; line-height:48px; margin:0 0 10px -10px; padding:0 0 0 80px;}

#hebergement_listing h4.titre_sejour { background:url(../image/hebergement/mini_bandeau_sejours.jpg) top left no-repeat; width:405px; height:45px; color:#F49006; font-size:1.2em; line-height:48px; margin:0 0 10px -10px; padding:0 0 0 80px;}

.heb { background:url(../image/hebergement/fond_hebergement.jpg) top left no-repeat; width:460px; height:142px; margin:0 0 20px 0;}
.heb_g { float:left;width:305px; margin:10px 0 10px 10px;}
.heb_d { float:right;width:105px; margin:10px 15px 0 0;}
p.descriptif_location {color:#393939; font-size:1em; margin:0 0 5px 0; text-align:justify;}
.heb .contact_hebergement_listing a { font-size:0.9em; color:#C16F09;}
.heb .contact_hebergement_listing a:hover { color:#C15009;}
a.plus_de_detail { display:block; float:left; background:url(../image/hebergement/plusdedetails_hebergement.png) top left no-repeat; width:105px; height:29px; margin:5px 0 0 0;}
.heb_d .image { width:103px; height:103px; background:url(../image/hebergement/fond_image.jpg) top left no-repeat;}
.heb_d .image img { margin:12px;}
.reservationResanet { display:block; background:url(../image/hebergement/reserver_hebergement.png) top left no-repeat; width:121px; height:52px; position:relative; z-index:2; margin:-43px 0 0 0;}
span.label_resanet { display:block; font-style:italic; font-weight:bold; color:#753E00;margin:10px 0 0 0;}

.icones1 {padding:10px 0 0 0; float:left; margin:0 0 0 10px;}
.icones2 {padding:10px 0 0 0; float:left; margin:0 0 0 5px;}
.icones {padding:10px 0 0 0; float:left; margin:0 0 0 15px; width:90px;}

.etoile1 {display:inline-block;width:58px; height:9px; margin:0 0 0 10px;background:url(../image/hebergement/Icones/etoiles.png) 0 0px no-repeat;}
.etoile2 {display:inline-block;width:58px; height:9px; margin:0 0 0 10px;background:url(../image/hebergement/Icones/etoiles.png) 0 -9px no-repeat;}
.etoile3 {display:inline-block;width:58px; height:9px; margin:0 0 0 10px;background:url(../image/hebergement/Icones/etoiles.png) 0 -18px no-repeat;}

.etoile1, .etoile2, .etoile3 { position:relative; top:-5px;}

/* Galerie */
#galerie { margin:0 0 20px 0; widdth:480px;}
ul#galerie_mini { list-style-type:none; width:485px; margin:0;}
ul#galerie_mini li a.horizontal { float:left; display:block;width:69px; height:52px; padding:2px; border:1px solid #CCCCCC; margin:0 2px 0 0;}
ul#galerie_mini li a.vertical { float:left; display:block; height:52px; padding:2px; border:1px solid #CCCCCC; margin:0 2px 0 0;}
ul#galerie_mini li a.horizontal img { height:52px; width:69px;}
ul#galerie_mini li a.vertical img { height:52px;}
dl#photo { width:455px; margin:10px 0 0 0;height:auto; padding:2px 2px 0px 2px;border:1px solid #CCCCCC;}
dl#photo img {}

/* Listing Articles */
.article_listing { width:472px; height:128px; margin:0 0 15px 0;background:url(../image/fond_article_listing.jpg) top left no-repeat;}

.article_listing .alg { float:left; width:240px; height:128px;background:none;}
.article_listing .alg h2 {font-size:1.3em; font-weight:bold; margin:0 0 10px 0;}
.article_listing .alg p { color:#393939; font-size:1em;}

.article_listing .ald {float:left; margin:0 0 0 5px; width:130px; height:50px; margin:32px 0 0 61px;}
.article_listing .ald .masque {display:block; overflow:hidden; width:130px; height:50px;}

a.lirePlusListing { display:block; position:relative; top:-8px; right:12px;text-indent:-9999px;background:url(../image/lire_plus_article_listing.png) top left no-repeat; width:175px; height:49px;}


/* Mise en page details Hbergement */
.hebergementDetail {width:470px; margin:0 0 0 15px;}
.titre_hebergement {width:480px; height:45px;background:url(../image/hebergement/mini_bandeau_hebergement.jpg) top left no-repeat; margin:0 0 0 -20px;}
.titre_hebergement h4 { font-size:1.4em; line-height:47px; text-indent:80px; color:#FFFFFF;}

.hebergementDetail p.descriptif_hebergement, div.descriptif_hebergement{ color:#393939; width: 325px;margin:15px 0 0 5px; text-align:justify;float:left;}
.img_hebergement { width: 100px; float:left;margin:17px 0 0 15px; padding:5px; border:1px solid #CCCCCC;}

#detailsHeb { margin:20px 0 20px 5px; width:450px;}
#detailsHeb ul { list-style-type:none;}
#detailsHeb ul li { float:left; margin:0 10px 0 0;}
#detailsHeb ul li a { height:22px; padding:2px 4px 2px 4px; color:#FFFFFF; background-color:#f49001; font-size:1.1em; font-weight:bold; font-family:Arial; text-decoration:none;}
#detailsHeb ul li a:hover, #detailsHeb ul li a:active, #detailsHeb ul li.ui-tabs-selected a {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #fff;
	color:#f49001;
	background-color:#FFFFFF;
	
}

#propose, #coordonnees, #tarifs, #contactOffice {margin:2px 0 0 0;color:#393939;border:1px solid #CCCCCC;}
#propose p, #coordonnees p, #tarifs p, #contactOffice p {padding:15px 5px 5px 5px;}

.displayHL label { color:#FFFFFF; font-weight:bold;}

img.t { margin:-15px 0 0 -5px;}
img.t2 { margin:-30px 0 5px -10px;}
img.t3 {margin:-30px 0 5px -15px;}

p.introduction_sejour { color:#FF9900; margin:15px 0 10px 5px; font-weight:bold;}

/* Bouton options */
.boutonOption { padding:0 10px 0 10px;}

.boutonOption a.boutonHaut {float:right;text-indent:-9999px; display:block;width:100px; height:20px;background:url(../image/boutons_back.png) 0 0 no-repeat;}
.boutonOption a:hover.boutonHaut { background-position:0 -19px;}

.boutonOption a.boutonRetour, a.boutonRetour {float:left;text-indent:-9999px; display:block; width:60px; height:20px;background:url(../image/boutons_back.png) -100px 0 no-repeat;}
.boutonOption a:hover.boutonRetour, a:hover.boutonRetour { background-position:-100px -19px;}

/* recherche */
h5.titre_recherche {
	width:480px; height:47px;
	line-height:45px; color:#FFFFFF;
	font-variant:normal; font-weight:normal;
	margin:0 0 0 -25px; padding:0 0 0 40px;
	background:url(../image/mini_bandeau_recherche.jpg) top left no-repeat;
}

.reponse_recherche h4 {color:#333333;}
p.motclef { border:1px dashed #CCCCCC; padding:5px;}

/* Pagination */
.numbers { word-spacing: 4px; margin:20px 0; text-align:center;}
.numbers a { width:10px; height:5px; font-size:10px;text-decoration:none; color:#666666; border:1px solid #CCCCCC; padding:1px 2px;}
.numbers a:hover, .numbers a.selected { background:#FF9900; color:#FFFFFF; border:1px solid #FF9900;}

/* Pagination evenement */
.numbers_evenement { word-spacing: 4px; margin:20px 0; text-align:center;}
.numbers_evenement a { width:10px; height:5px; font-size:10px;text-decoration:none; color:#673d8e; border:1px solid #673d8e; padding:1px 2px;}
.numbers_evenement a:hover, .numbers_evenement a.selected { background:#673d8e; color:#FFFFFF; border:1px solid #673d8e;}


/* Mto */
.meteo3jours { float:left;}
h5.titre_meteo { margin:0 0 5px -20px; padding:0 0 0 50px;color:#FFFFFF; line-height:48px; width:480px; height:45px; background:url(../image/mini_bandeau_meteo.jpg) top left no-repeat;}
.picto_meteo { float:left; margin:0 15px 20px 0;width:131px; height:70px; background:url(../image/cadre_meteo.jpg)top left no-repeat;}
.picto_meteo span.picto { width:66px;display:block; float:left; padding:22px 0 0 0; text-align:center;}
.picto_meteo span.meteoPicto { width:65px;display:block; float:left; font-size:1.6em;  font-weight:bold;color:#FFFFFF;padding:22px 0 0 0; text-align:center;}

p.contenuInfoMeteo { float:left; }

h4.titreOT { width:480px; height:45px; line-height:48px; color:#2C672F; padding:0 0 0 50px; margin:0 0 0 -20px; background:url(../image/mini_bandeau_infopratique.jpg) top left no-repeat;}

.formulaire { color:#666666; font-size:1em; margin:10px 0 40px 0;}
.formulaire input, .formulaire textarea {padding: 5px; width: 320px;margin: 0px 0px 10px 0px;border: 1px solid #ccc;}
.formulaire select {padding: 5px; width: 332px;margin: 0px 0px 10px 0px;border: 1px solid #ccc;}
.formulaire textarea {height: 90px;}
.formulaire textarea:focus, .formulaire input:focus {border: 1px solid #006600;}
.formulaire input.submit-button {width: 69px; height:28px; border:none; float: right; margin-right:10px;}
.formulaire label {float: left; text-align: left;margin-right: 15px;width: 100px;padding-top: 5px;font-size: 1.2em;}
.notice, .success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
label.error {
	display: inline-block;
	float:none;
	width:250px;
	text-align:center;
	color: #8a1f11;
	border:1px dashed #FBC2C4;
	padding:5px;
	margin:-5px 0 15px 115px;
	font-size: 1.1em;
}
.obligatoire { margin:0 2px 0 2px; color:#990000;}

.gmnoprint span { visibility:hidden;}


#tooltip {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	font-size: 12px;
	max-width: 200px;
	padding: 1em;
	position: absolute;
	border:2px solid #CCCCCC;
	z-index:10000;
}

.rounded {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}