@import 'style-sitra.css';

html, body {height: 100%; }
body {	padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#262626; }
#page{width:100%; float:left; }
.page{margin:0 auto; width:995px; }
#header{float:left; width:100%; position:relative;}

div, a, p, td, li{font-size:12px; color:#262626;}
sup{font-size:8px;}
p{text-align:justify;} img{border:0;} a{text-decoration:none;}
a:hover{text-decoration:underline;}
h1{ font-family:"myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6B3D8D; font-size:18px; margin:0 0 10px 0}
h2{ color:#6B3D8D; font-size:14px; font-weight:bold; border-bottom:1px dotted #C6C6C6; padding-bottom:3px}
h3{ color:#AD9337; font-size:13px; font-weight:bold; }
h4{ font-size:12px; font-weight:bold; }
#z_contenu a{color:#6B3D8D; text-decoration:underline;}
#z_contenu a:hover{text-decoration:none}
#z_contenu ul{display:table; margin-top:0}
.lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #vous-etes-ici{font-size:10px;color:#fff;}
.legende{display:none; font-size:10px; color:#6B3D8D; margin-top:2px; text-align:center;}
.image_ombree{width:auto;}
.width100pc{width:100%;}
.invisible{display:none;}
.right{float:right}
ul.enligne, #nuagedetags ul, #Liens_profils ul{ margin:0; padding:0; list-style-type:none; }
ul.enligne li, #Liens_profils li{ list-style-type:none; margin:0; padding:0; display:inline; }
.lien_menu{clear:both; float:left; margin-left:5px; }
#pagination{margin:5px 0; text-align:center; font-size:14px; color:#333; font-weight:bold; }
#pagination a{ padding:2px; font-size:13px; color:#8F8F8F; margin-left:3px; }
#pagination a:hover{text-decoration:underline; color:#333; }
.rss{height:14px; width:15px; display:block; float:right; background:url(../charte/pictos.png) -305px -3px;}
.bouton{background: url(../charte/boutons.png) no-repeat -199px -88px; padding-left:5px; margin:0 2px}
.bouton div{background:url(../charte/boutons.png) no-repeat right top; margin-left:5px; height:31px; padding:5px 10px 5px 0px}
.bouton, .bouton a{text-align:center; display:block; color:#AD9337; text-transform:uppercase; font-size:12px; font-weight:bold}
.bouton2{background: url(../charte/boutons.png) no-repeat -199px -136px; padding-left:5px; margin:0 2px}
.bouton2 div{background:url(../charte/boutons.png) no-repeat right -48px; margin-left:5px; height:31px; padding:3px 10px 4px 0px}
.bouton2, .bouton2 a{text-align:center; display:block; color:#fff; text-transform:uppercase; font-size:12px; font-style:italic; font-weight:bold}
.titre-colo{background-color:#AF821B; font-size:13px; text-transform:uppercase; font-weight:bold; font-family:"myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; padding:3px 2px 3px 10px; color:#FFF}
.titre-colo a{font-size:13px !important; color:#FFF}

/*fiche commune*/
.detail_commune_titre{font-weight:bold; float:left; margin-right:5px; color:#AF821B; }
.fiche_lei_elmt{font-size:13px;}
.detail_commune_titre h2{width:515px}

/* header */
#logo{float:left}
.sep{display:none; float:left; background:url(../charte/sep.png) no-repeat center center; height:46px; width:10px}
#espace-pro, #carnet, #profils, #moteur{float:left; width:auto; margin-top:3px}
#espace-pro, #carnet{line-height:31px; }
#espace-pro a{background:url(../charte/pictos.png) -330px -98px no-repeat; padding-left:17px}
#carnet a{background:url(../charte/pictos.png) -290px -122px no-repeat; padding-left:20px}
#profils{display:none;margin-top:8px; color:#777; font-size:12px}
#profils select{width:125px}
#moteur{ margin-top:9px; width:155px; background:url(../charte/pictos.png) no-repeat -88px top; height:30px; }
#affiche-moteur{ width:100%; float:left; height:30px;}
input.moteur{ margin-left:8px; margin-top:6px; border:none #fff; width:115px; font-style:italic; color:#666; font-size:12px; float:left;}
input.ok{margin-top:5px; float:left;}

/*barreh*/
#barreH{float:left; width:100%; height:36px; background-color:#AD9337;  }
#barreH .page{position:relative}
#menuH{float:left; width:895px; margin-left:5px; z-index:200; position:relative;}
#langues{ position:absolute; z-index:210; right:0; margin-top:5px }
#langues a{float:left; display:block; height:24px; width:22px; background-image:url(../charte/pictos.png); background-repeat:no-repeat;}
.modele-de #langues a, .modele-nl #langues a{width:21px}
#langues a#malvoyant{/**/ height:22px; width:24px; background-position:-250px -3px;  }
.modele-nl #langues a#malvoyant{}
.modele-de #langues a#malvoyant{}
#langues a#meteo{background-position:-275px -3px; width:25px}
#fr{background-position:-11px -5px;} #fr:hover, #fr.active{background-position:-11px -30px;}
#en{background-position:-35px -5px; } #en:hover, #en.active{background-position:-35px -30px;}
#de{background-position:-57px -5px;} #de:hover, #de.active{background-position:-57px -30px;}
#nl{background-position:-240px -105px;} #nl:hover, #nl.active{background-position:-240px -129px;}

.modele-fr #langues a.active, .modele-en #langues a.active, .modele-de #langues a.active, .modele-nl #langues a.active{display:none}
.modele-fr a#nl, .modele-fr a#de, .modele-en a#nl, .modele-en a#de{}

#bandeau{float:left; width:100%; height:180px;}
.bandeau{background-repeat:no-repeat; background-position:center top; background-image:url(../charte/bandeau.jpg)}
#page.bandeau{background-position:center 90px;}
/* zone centrale zc*/
#bg-zone-centrale{position:relative; z-index:30;clear:both; float:left; width:100%; background: url(../charte/bg-degr-zc.png) repeat-x center top}
#zc{ float:left; width:100%; padding-top:10px;     z-index: 10;     position: relative; }
.page-accueil #zc{ float:left; width:100%; padding:0;}
#haut-zc{ float:left; width:100% }
#haut-zc{background-color:#3F3F3F; height:37px;}
#colG{float:left; width:230px; margin:-80px 0 12px 5px; min-height:300px;   }
#menuLat{background-color:#714194; padding:30px 20px 15px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px}
#z_contenu{ width:512px; margin:-22px 0 20px 10px; float:left;  }

#fil-ariane{float:left; width:710px; margin-left:245px }
.page-accueil #fil-ariane{float:left; width:710px; margin-bottom:10px; }
#vous-etes-ici, #div_lien_yahoo{float:left; width:auto;}
#vous-etes-ici{margin-right:3px; padding-left:28px; background:url(../charte/pictos.png) no-repeat -386px 0; line-height:25px;}
#div_lien_yahoo{padding-top:5px;}

/*pictos*/
#pictos{ width:auto; float:right; margin:0 3px 10px 0}
#pictos a{ float:left; display:block; height:19px ;width:19px; background-image:url(../charte/pictos.png); background-repeat:no-repeat; margin:0 3px}
#diminuer{background-position: -251px -40px;}
#augmenter{background-position: -275px -40px;}
#pictos a#imprimer{background-position: -297px -40px;}
#pictos a#contact{ background-position:-321px -40px;}
#plan-site{background-position: -344px -40px;}
#pdf{background-position: -366px -40px;}
#home{background-position: -390px -40px;}

/*colD*/
#colD{ float:right; clear:right; width:194px; padding-bottom:10px }
.bg-colD{background:url(../charte/cold.png) repeat-y right top; float:left; width:100%;}
#haut-colD{float:left; width:100%; height:12px; background:#fff url(../charte/pictos.png) no-repeat -0px -63px}
#affiche-colD{margin:5px 10px}
.bloc-colD{margin-bottom:15px; clear:both; }
.affiche-contenu{clear:both; color:#878787; font-size:11px}
.titre-colD, .titre-colD a, #newsletter a{ background-position:-1000px -1000px; background-image:url(../charte/pictos.png); background-repeat:no-repeat; float:left; font-size:13px; text-transform:uppercase; font-weight:bold; font-family:"myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#AD9337; padding:0px 2px 3px 10px;}
#disponibilites .titre-colD a, #newsletter a{color:#8B64A3}
#bons-plans .titre-colD{ background:url(../charte/bon-plan-picto.png) left top no-repeat !important;}
#colD .moteur_resa{clear:both; display:block;}

#agenda .titre-colD{background-position:-43px -82px}
.modele-de #agenda .titre-colD a{font-size:10px; line-height:15px}
#disponibilites .titre-colD{background-position:-21px -106px}
#videos .titre-colD{background-position:0px -130px}
#newsletter{ margin:0 auto; width:144px;} #newsletter a{background-position:-365px -66px; padding-left:20px; }
.modele-de #newsletter{width:170px} .modele-de #newsletter a{padding-left:23px;}
#colD .img-image-ombree img{max-width:160px}

/*FOOTER*/
#bg-footer{background-color:#464646; clear:both; float:left; width:100% }
#footer{ padding-bottom:20px }
#footer ul, #footer li{list-style-type:none; margin:0; padding:0;}

#col-1{float:left; width:280px}
#col-1 .col{float:left; margin:10px 15px 0 5px}
#footer, #footer li a{font-size:11px; color:#fff;}
#partager, #inscr-newsletter{float:left; width:100%; margin:20px 0 0 5px;}
#inscr-newsletter{margin:-3px 0 0 5px}
#inscr-newsletter .titre-colo{background-color:#383838; padding:5px 0 0 10px}
#form-newsletter form{margin:3px 15px 10px;}
.cadre-gris-footer, #pictos-partager{ background-color:#383838; float:left; width:100%; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px}
#pictos-partager ul.enligne{margin:2px 5px 40px 5px;}
#pictos-partager a{height:24px; width:24px; display:block; float:left; margin:5px 10px; background-image:url(../charte/pictos.png);}
#facebook{background-position:-90px -35px;}
#twitter{background-position:-115px -35px;}
#google{background-position:-140px -35px;}
#flikkr{background-position:-165px -35px;}
#delicious{background-position:-190px -35px;}
#rss{background-position:-215px -35px;}
#madewith{margin-top:10px; display:block}

#col-2{float:right; width:635px;}
#contact-ot{  float:left; width:100%; position:relative;}
#carte{position:absolute; top:0px; right:0; width:235px}
#col-2 .col p{margin:10px 0}
#contact-ot strong a{text-transform:uppercase; color:#b0831c; font-size:12px}
#contact-ot p{color:#fff; font-size:11px}
#col-2 .bloc_isole{width:350px}
#bloc-meteo{width:100px; clear:both; color:#333; background: url(../charte/boutons.png) no-repeat -120px -88px; padding-left:5px; margin:0 2px}
.affiche-meteo{background:url(../charte/boutons.png) no-repeat right top; margin-left:5px; height:31px; padding:5px 10px 5px 0px}
#bloc-meteo .vignette{float:left;}
#bloc-meteo .vignette img{max-height:33px}
#bloc-meteo .degre{font-weight:bold; font-size:13px; margin:0px 0 0 8px;margin-left:40px}
#bloc-meteo .plus-dinfo{margin-left:40px}
#bloc-meteo .degre, #bloc-meteo .plus-dinfo a{color:#666; display:block}
#bloc-meteo .plus-dinfo a{text-decoration:underline; font-style:italic}
#btn-contact{position:absolute; top:20px; right:200px; width:100px; float:left}
#mentions-legales{color:#fff; font-size:11px; float:left; margin-top:20px}
#mentions-legales span{margin:0 3px 0 0}
span.immat, span.garantie-fin{border-right:1px solid #aaa; padding-right:6px}

/*modele large*/
.page-large #z_contenu{width:720px;}

/*ACCUEIL*/
.page-accueil #bandeau{height:435px; position:relative; z-index:10;}
.page-accueil .bandeau{background-image:url(../charte/bandeau-accueil.jpg)}
.page-accueil #diaporama{display:none; max-height:435px; overflow:hidden;}
.page-accueil #masque-bandeau{z-index:15; position:absolute; top:0; left:0; height:435px; width:100%; background:url(../charte/masque-bandeau-accueil.png) repeat-x left bottom;}
/* cf anythingslider.css */
.page-accueil #fil-ariane{float:left; width:940px; margin-left:10px }
.page-accueil #fil-ariane *{color:#333 !important}
.page-accueil #fil-ariane #pictos{margin-top:5px}
.page-accueil #z_contenu{width:940px; float:left; margin:0; padding:0 10px;}

.bloc-accueil{ width:220px; margin:0 10px 15px; float:left; padding-top:3px; font-size:11px; color:#333}
.bloc-accueil h1{margin:0 0 5px;}
.bloc-accueil h1 a{display:block; color:#898989; font-size:15px; text-transform:uppercase;padding:3px 0; border-top:3px solid #714193;}
#accueil-agenda.bloc-accueil h1 a, #accueil-bons-plans.bloc-accueil h1 a{border-top:3px solid #AF821B;}
#accueil-agenda{position:relative;}
#accueil-agenda .rss{position:absolute; top:12px; right:3px;}

a#bt-agenda{ float:right; width:110px; height:22px;  margin:3px 10px 0 0;}
#bt-agenda img{ width:110px; height:22px; }

#titre-dispo, #titre-bons-plans, #titre-grandrdv, #titre-mediatheque{width:220px; margin:0 auto;}
#titre-dispo h1 a, #titre-bons-plans h1 a, #titre-grandrdv h1 a, #titre-mediatheque h1 a{display:block; color:#898989; font-size:15px; text-transform:uppercase; padding:3px 0; border-top:3px solid #714193; text-decoration:none;}
#titre-dispo h1 a, #titre-bons-plans h1 a{border-top:3px solid #AF821B;}
#titre-dispo h1 a, #titre-bons-plans h1 a, #titre-grandrdv h1 a{ }
#titre-dispo{position:relative;}
#titre-agenda a.rss{position:absolute; top:8px; right:0;}

.bloc_accueil{ width:220px; margin:0 auto; padding:0; font-size:11px; color:#333}
#accueil-slider5 .News_titre, #accueil-slider6 .News_titre{color:#AF821B; }
#accueil-slider7 .News_titre{color:#714193; }
.bloc_accueil .chevron{color:#714194; font-weight:bold;}
#accueil-slider5.bloc_accueil .chevron, #accueil-slider6.bloc_accueil .chevron{color:#AF831C;}
.bloc_accueil .jFlowSelected, #myController-ala-une span:hover, #myController-agenda span:hover, #myController-bons-plans span:hover, #myController-disponibilites span:hover{background:url(../charte/pictos.png) no-repeat -337px 0px !important; }
.bloc_accueil .jFlowPrev, .bloc_accueil .jFlowNext{display:none !important;}
.bloc_accueil .jFlowSelected, #myController5 span:hover, #myController6 span:hover, #myController7 span:hover{background:url(../charte/pictos.png) no-repeat -337px 0px !important; }
.bloc_accueil .slide-details { width:100%; margin:0; }
.bloc_accueil .slide-details a{ text-decoration:none !important;}
.bloc_accueil .slide-thumbnail { float: left;  max-height: 72px;  overflow: hidden; text-align:center; width: 220px; margin-bottom:7px;}
.bloc_accueil .slide-thumbnail img {max-width:220px; max-height:220px; width: expression(Math.min(parseInt(this.offsetWidth), 380 ) + "px"); }
.bloc_accueil .slide-wrapper{ padding:0;}
.bloc_accueil .lien-plus a{color:#464646 !important; font-weight:bold; text-decoration:none !important;}
.bloc_accueil .plusdinfo a{ color:#464646 !important;}
.bloc_accueil .Manif_commune{ font-weight:bold; font-size:13px;}

#album_redirect{ width:220px; margin:0 auto; padding:0; font-size:11px; color:#333; position:relative; }
#album_redirect img{ width:220px; margin:0; float:left; padding:0; font-size:11px; color:#333; height: 72px;}
#album_redirect .lien-plus{ border-top:1px solid #C8C8C8; padding:5px 0; margin:10px 0; }
#album_redirect .lien-plus a{color:#464646 !important; font-weight:bold; text-decoration:none !important;}
#album_redirect .chevron{color:#714194; font-weight:bold;}
.photosredirect_resume{ clear:both; color:#714193; font-weight:bold; padding-top: 5px; height:123px; font-size:15px;}

.News_titre, .News_titre a{font-weight:bold; color:#714193; font-size:15px; margin-top:3px}
#accueil-agenda .News_titre, #accueil-agenda .News_titre a, #accueil-bons-plans .News_titre, #accueil-bons-plans .News_titre a{color:#AF821B}
.News_resume{color:#777; font-size:11px; }
.lien-plus{border-top:1px solid #C8C8C8; padding:5px 0; margin:10px 0;}
.bloc-accueil .chevron{color:#714194; font-weight:bold;}
.lien-plus a{font-size:11px;}
#accueil-agenda.bloc-accueil .chevron, #accueil-bons-plans.bloc-accueil .chevron{color:#AF831C;}
.News_suite{color:#464646; font-size:11px;}
.Manif_commune{color:#464646;  font-size:14px;}
.Manif_dates{color:#464646; margin:3px 0;}
#myController-ala-une, #myController-agenda, #myController-bons-plans, #myController-disponibilites{float:right;}
#myController-ala-une span, #myController-agenda span, #myController-bons-plans span, #myController-disponibilites span{ font-size:0 !important; background:url(../charte/pictos.png) no-repeat -360px 0px; cursor:pointer; height:20px; width:12px; display:inline-table; overflow:hidden;}
.bloc-accueil .jFlowSelected, #myController-ala-une span:hover, #myController-agenda span:hover, #myController-bons-plans span:hover, #myController-disponibilites span:hover{background:url(../charte/pictos.png) no-repeat -337px 0px !important; }
.bloc-accueil .jFlowPrev, .bloc-accueil .jFlowNext{display:none !important;}

/* MOTEUR dispo accueil */
.page-accueil .englobe_moteur_sitra{ width:220px; max-width:220px; margin:0 auto; position:relative; margin-bottom:10px; font-size:11px !important;}
.page-accueil .englobe_moteur_sitra *{ font-size:11px !important; }
.page-accueil .englobe_moteur_sitra{ width:215px !important;}
.page-accueil tr.datedebut{ width:100px !important; float:left;}
.page-accueil tr.datedebut input{ width:62px !important; }
.page-accueil tr.datefin{ width:100px !important; float:right;}
.page-accueil tr.datefin input{ width:62px !important; }
.page-accueil .moteur_resa{ position:relative; left:-5px;}
.page-accueil .englobe_moteur_sitra table{ width:215px !important; font-size:11px !important;}
.page-accueil .libelle_dispo, .page-accueil .img_dispo_sitra{ display:none}
.page-accueil .englobe_moteur_sitra fieldset{ border:none; padding:0; font-size:11px !important; width:215px !important;}
.page-accueil .englobe_moteur_sitra fieldset form{ margin:0; padding:0; width:215px !important;}
.page-accueil .choix_commune, .page-accueil .tarifmax,  .page-accueil .MoteurHebergement{ font-weight: bold; margin-bottom:10px;}
.page-accueil .libelle_pere, .page-accueil .libelletarif, .page-accueil .libelle_commune{ font-weight: bold; width:100%; float:left; text-align:left;}
.page-accueil .moteur_resa{clear:both; display:block;}
.page-accueil #moteur_dispo .libelle_pere {margin-top:0px !important;}
.page-accueil .liste_classement, .page-accueil .liste_critere{ list-style-type: none; margin-left: 5px; padding: 0; float:left; margin-bottom:5px; }
.page-accueil ul.liste_critere{ width:48%; height:100px; float:left}
.page-accueil .choix_commune select, .page-accueil .tarifmax input{ margin: 0;}
.page-accueil .choix_commune select, .page-accueil .choix_commune{  width:215px;}
.page-accueil .valider_formulaire{ width: 80px; text-align: center; float:right; height:100px; margin:0; position: relative;}
.page-accueil .valider_formulaire input{ width:100%; height:20px; position: absolute; bottom: 5px; right:0; }

/* MOTEUR dispo colD */
#colD .englobe_moteur_sitra{ width:194px; max-width:194px; margin:0 auto; position:relative; margin-bottom:10px; font-size:11px !important;}
#colD  .englobe_moteur_sitra *{ font-size:11px !important; }
#colD  .englobe_moteur_sitra{ width:184px !important; clear:both;}
#colD  tr.datedebut{ width:100% !important; float:left;}
#colD  tr.datedebut input{ width:62px !important; }
#colD  tr.datefin{ width:100%!important; float:right;}
#colD  tr.datefin input{ width:62px !important; }
#colD  .moteur_resa{ position:relative; left:-5px;}
#colD  .englobe_moteur_sitra table{ width:184px !important; font-size:11px !important;}
#colD  .libelle_dispo, #colD  .img_dispo_sitra{ display:none}
#colD  .englobe_moteur_sitra fieldset{ border:none; padding:0; font-size:11px !important; width:215px !important;}
#colD  .englobe_moteur_sitra fieldset form{ margin:0; padding:0; width:215px !important;}
#colD  .choix_commune, #colD  .tarifmax, #colD .MoteurHebergement{ font-weight: bold; margin-bottom:10px;}
#colD  .libelle_pere, #colD  .libelletarif, #colD  .libelle_commune{ font-weight: bold; width:184px; float:left; text-align:left;}
#colD #moteur_dispo .libelle_pere {margin-top:0px !important;}
#colD  .liste_classement, #colD  .liste_critere{ list-style-type: none; margin-left: 5px; padding: 0; float:left; margin-bottom:5px; }
#colD  #TypeHebergement select, #colD  #TypeHebergement{  width:170px;}
#colD  ul.liste_critere{ width:190px; float:left; margin: 0 ;padding:0;}
#colD  ul.liste_critere li{width:48%; float:left}
#colD  ul.liste_critere li input{ margin-left:0;}
#colD  .choix_commune select, #colD  .tarifmax input{ margin: 0;}
#colD  .choix_commune select, #colD  .choix_commune{  width:170px;}
#colD  .valider_formulaire{ width: 180px; text-align: center; margin:0; }
#colD  .valider_formulaire input{ width:80px; height:20px; margin-top:5px;}

/*jflow sitra 5 agenda : 6 bons plan */
#myController5, #myController6, #myController7{float:right;}
#myController5 span, #myController6 span, #myController7 span{ font-size:0 !important; background:url(../charte/pictos.png) no-repeat -360px 0px; cursor:pointer; height:20px; width:12px; display:inline-table; overflow:hidden;}
.bloc-accueil .jFlowSelected, #myController5 span:hover, #myController6 span:hover, #myController7 span:hover{background:url(../charte/pictos.png) no-repeat -337px 0px !important; }

/* illicomag */
.illicomag{float:left; width:100%; margin:10px 0;}
.illicomag_vignette{float:left;text-align:center;}
.illicomag_vignette img{border:1px solid #ccc;}
.illicomag_info{float:left;width:210px;}
.illicomag_titre {font-weight:bold;}
.illicomag_flip{background:url(../images/librairie/feuilleter1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_pdf{background:url(../images/librairie/pdf1_sm.jpg) no-repeat  #FFFFFF ; padding-left:30px;height:30px;}
.illicomag_flip a, .illicomag_pdf a{font-size:11px; line-height:27px;}

/*album photo*/
#miniature_fleches{float:left; height:90px; width:100%; position:relative; margin:10px 0;}
#miniature_fleches img#gauche{position:absolute; left:0; top:25px; height:32px; width:32px;}
#miniature_fleches img#droite{position:absolute; right:0; top:25px; z-index:2; height:32px; width:32px; }
#bloc_miniatures{height:90px; overflow:hidden; position:relative; height:90px; margin-left:35px; margin: 0 auto; width:85%}
#liste_miniatures{position:absolute; top:0; left:0; height:80px; width:3000px}
#liste_miniatures img{height:80px; margin:2px; border:2px solid #e7e7e7;}
.light{opacity:0.5; }
.origin{opacity:1; }

.image-brochure{text-align:center;}
.texte-brochure{text-align:center;}

#z_contenu #meteo{position:relative }
#meteo{ width:100%; float:left;}
#meteo .ville{width:70%; float:left;}
#meteo .degre{font-size:22px;text-align:center;font-weight:600; color:#1E1F21;float:right; width:100%;}
#meteo h1{ font-size:17px; color:#0076A0;}
#meteo h2{ border-bottom:none; color:#898989; margin-bottom:0;}
#meteo .condition, .infos-compl{width:100%; float:right; text-align:center;}
.tempsactuel{width:28%; float:right; text-align:center; }

/*.tempsactuel{display:none;}*/
.temperatureactuelle{float:left; clear:both; text-align: center; width: 49%; margin-top:20px;}
.temperatureactuelle .jour{font-size:12px;width:100%;float:left;font-weight:bold;}
.temperatureactuelle .vignette .temp{width:100%;text-align:center;margin-bottom:2px;font-size:11px;}
.temperatureactuelle .vignette img{padding:3px; border:1px solid #ccc;}

#previsions{float:right; clear:block; text-align: center; width: 49%; margin-top:20px; }
#previsions .ville, #previsions .condition{width:auto; font-size:12px;}
#previsions .ville h1{display:none;}
#previsions .date{margin:3px 0; padding:0; font-size:11px; color:#000; font-weight:bold; }
#previsions .degre{position:absolute; right:5px; top:0;width:auto;font-size:18px;text-align:center;margin-top:5px;font-weight:600;color:#1E1F21;}
#previsions .vignette{width:auto;float:left;}
#previsions .vignette img{padding:3px; border:1px solid #ccc;}
#previsions .temperatureactuelle{display:none;}
#previsions .TitrePrevision,#previsions .tempsactuel{display:none;}
#previsions .prevision{/*float:left;width:80px;*/text-align:center;}
#previsions .prevision .jour{font-size:12px;width:100%;float:left;font-weight:bold;}
#previsions .prevision .vignette, #previsions .prevision .temp{width:100%;text-align:center;margin-bottom:2px;font-size:11px;}

/*Tableau sitra */
.tarifmin{font-weight:bold;} .tarifmax{font-weight:bold;}

/* Carnet */
.vide_carnet{ width:100%; float:left;  margin:10px 0;}
.vide_carnet a{ background-color:#714194; color: #fff !important; text-decoration :none !important; padding:3px 8px; text-align:center; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px}
.Favoris{ border:1px solid #AD9337; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:10px; position:relative;}
.Favoris tr{ float:left;}
.titre_tableau{ color:#3F3F3F; font-size: 14px; width:100%;}
.titre_tableau th{  width:100%;}
tr.nom_fiche{ border-top:1px dotted #AD9337 !important; margin:10px 0 0 0; clear:block; width:100%; padding-top:10px;}
.nom_fiche td{width:100%; color:#714194; font-weight:bold; font-size: 13px; }
tr .action{ text-align:right; width:100px; position: relative; right: 0;}
.action{ }
.action a{ background-color:#AD9337; color: #fff !important; text-decoration :none !important; padding:1px; margin:2px; float:left; width:90px; text-align:center; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px}

.englobe_calendrier_dispo{ position:absolute; z-index: 1000; top: -27px; right:160px;}
.englobe_fermeture img{ max-width: 21px !important; max-height: 21px !important; border: none !important; position: relative; left: -5px; top: 3px; cursor:pointer; }
.MultimediaSitraPrincipal{ position:relative;}
.englobe_lien_dispo{ background-color:#F3EFE1; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:1px solid #ddd; text-align:center; padding:2px; margin-top:5px; color:#262626; cursor:pointer; }
.englobe_lien_dispo:hover{ background-color:#EAE6DA;}

.DetailSitra{ position: relative; }
.DetailSitra .TitreSitraHebergement img{ max-height:28px;}
.dispo, .peu_dispo, .non_dispo, .inconnu{ height: 5px; width: 160px; position: absolute; top: 46px; right: 0; background-color: #eee;}
.dispo img{ background-color: #1DC90E !important; height: 5px; width: 100%; position: relative; left: 0;}
.peu_dispo img{ background-color: #E8820D!important; height: 5px; width: 66%; position: relative; left: 0;}
.non_dispo img{ background-color: #FF0000 !important; height: 5px; width: 33%; position: relative; left: 0;}
.inconnu img{ background-color: none !important; height: 5px; width: 33%; position: relative; left: 0;}

.DetailFicheSitra #Carte_lei{float:right; width:250px; margin:0 12px 15px 0;}

#fiche_lei_photo{float:left; width:230px; height:170px; margin-right:10px; background:url(http://www.paysdedieulefit.eu/charte/masque-img-desc-fiche.png) no-repeat left top;}
.DetailFicheSitra #fiche_lei_photo{height:auto; }
#fiche_lei_photo1{float:left; width:230px; height:153px; overflow:hidden; position:relative; background-color:#3F3F3F;}
#fiche_lei_photo1 img{max-width:230px; z-index:5; max-height:153px; }
.masque_fiche_lei_photo1{display:none;}
#fiche_lei_photo_suite{margin:5px 0 0 0; float:left; height:auto;}
#fiche_lei_photo_suite a{float:left;  height:auto;}
#fiche_lei_photo_suite img{ margin-bottom:4px; max-width:55px; float:left; max-height:40px; margin-right:5px; border:1px solid #AD9337;}
#fiche_lei_photo_suite img:hover{border:1px solid #714194;}

/*----- GED -----*/
.documentGED{float:left; margin-bottom:0px; width:100%;}
.gedlast5{float:left;margin-bottom:10px;}
.nombre-docs{ font-size:12px; margin-bottom:20px;}
.page-docs{     font-size:12px; color:#333; margin-top:20px; }
.theme-docs{    font-size:14px; font-weight:bold;  }
.gedfichier{float:left; width:25px;margin-top:3px;}
.gedfichier img{height:25px;position:relative;}
.gedinfo{float:left; width:85%;margin:5px 0 5px 10px;}
.gedtitre{text-decoration:none;font-weight:bold;font-size:12px;color:#333;}
.geddate{font-size:10px;color:#8F8F8F;margin-left:5px;}
.gedobservation{margin-left:30px;float:left;}
.documentGED .visualiser-doc{float:left; width:100%;}

/* Carnet de voyage SITRA2*/
.liste-carnet{ width:100%; float:left}
.vide-carnet{ width:100%; float:left; margin-bottom:10px}
.vide-carnet a{ float:left; padding:5px 25px; background:#F1C135; color:#000000 !important;text-decoration:none !important; font-weight:bold}
.bloc-carnet{ width:95%; float:left; border:1px dotted #F1C135; padding:10px 2%; margin:5px 0;}
.fiche-carnet{ width:50%; float:left; }
.info-fiche-carnet{font-weight:bold; font-size:1.2em;}
.fiche-carnet .VilleHebergement{ font-size:1.1em}
.action-carnet{ width:20%; float:left; margin-left:1%;}
.bt-carnet a{ width:100%; float:left; text-align:center; margin-bottom:10px;padding:3px 0; text-decoration:none !important}
.bt-carnet a.supp-carnet{ background:#F1C135; color:#000000 !important;}
.bt-carnet a.lien-carnet{ background:#424242; color:#ffffff !important;}
.photo-carnet{ width:28%; float:right; overflow:hidden; }
#z_contenu .photo-carnet .MultimediaSitraPrincipal{width:100% !important; float:left; margin:0;background:#222222 }
#z_contenu .photo-carnet .MultimediaSitraPrincipal img{ border:none }

/* Formulaire sejours packages */
.erreur-form-packages { padding: 0 1% 0 1%; margin-bottom: 5px; clear:both; display:block; width:98%; border: 1px solid red; background-color: #FFDDCC; }
.succes-form-packages { padding: 0 1% 0 1%; margin-bottom: 5px; clear:both; display:block; width:98%; border: 1px solid green; background-color: #D0FFCC; }

/**/
#bloc-meteo{ float:left; padding:0}
.affiche-meteo{margin-left:0}
#mentions-legales{ width:100%; padding-bottom:10px}
a.nf{ float:left; margin:0 0 0 30px}
a.qt{ float:left; margin:0 12px}