.lienPuce {
    background: transparent url(images/puce.png) no-repeat center left;
    padding-left: 10px;
    color:black;
}
.lienPlus {
    background: transparent url(images/enSavoirPlus.png) no-repeat center left;
    padding-left: 16px;
}
.ggMap {
    width: 100%;
    height: 300px;
    box-shadow: 3px 3px 10px #888;
    -moz-box-shadow: 3px 3px 10px #888;
    -webkit-box-shadow: 3px 3px 10px #888;
    margin: 0 10px 10px 0;
}
.header h3 {
    width:auto;
    float:left;
    margin:0 0 0 20px;
}
.header .lienPuce {
    float:right;
    margin-top:20px;
}

/* tpl_evenementALaUne */
#tpl_evenementALaUne img {
    border:0;
    padding:0;
    margin:0;
}
#tpl_evenementALaUne .imgContainer {
    position:relative;
    float:left;
    clear:both;
}
#tpl_evenementALaUne #lienPauseStart {
    position:absolute;
    top:10px;
    right:10px;
}
#tpl_evenementALaUne .evtALaUneListe {
    float:left;
    margin-left:2px;
}
#tpl_evenementALaUne .evtALaUneListe ul {
    list-style: none;
    margin:0;
    padding:0;
}
#tpl_evenementALaUne .evtALaUneListe ul li {
    border:4px solid white;
    background:none;
    padding:0;
    margin:0;
}
#tpl_evenementALaUne .evtDetail {
    background:transparent url('images/bgActuALaUneDetail.png') repeat top left;
    position:absolute;
    bottom: 5px;
    left: 0;
    padding: 2% 2% 0;
    position: absolute;
    width: 96%;
    height:30%;
}
#tpl_evenementALaUne .evtDetail h4 {
    color:#59bcff;
    float:left;
}
#tpl_evenementALaUne .evtDetail h5 {
    width:auto;
    float:left;
    margin-left:20px;
}

#tpl_evenementALaUne .evtDetail p {
    clear:both;
}

/* tpl_evenementCalendrier */
.tpl_evenementCalendrier #evtCalendarContainer {
    clear:both;
    padding:2%;
}
#evtCalendarPeriode {
    width:60%;
    float:left;
}
#evtCalendar {
    width:40%;
    float:left;

}
#evtCalendarNav {
    font-size:0.9em;
    text-align: center;
}
#evtCalendarNav a img {
    border:none;
    margin:0px 4px;
    padding:0;
    vertical-align: bottom;
}
#evtCalendar table {
    background: url('images/calendar.png') no-repeat scroll right bottom transparent;
}

/* tpl_evenement */
.tpl_evenement h3 {
    width:auto;
    display:inline;
}
.tpl_evenement.colonneDroite h3{ font-weight: normal;}
.tpl_evenement a img {
    border:0px;
    margin:0;
    padding:0;
    vertical-align: middle;
}
.tpl_evenement .description {
    margin:10px 0px;
}

.groupeQuestionInner {
    padding:1em;
}

#document form .formError label {
    float:none;
    width:100%;
}
.tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight,
.tpl_evenementListe .innerGroupeQuestionRight{ width: 50%; float : right ;  }
.tpl_evenementCollaboratifCalendrier .innerGroupeQuestionLeft,
.tpl_evenementListe .innerGroupeQuestionLeft{ width: 50%; float : left ;  }
.tpl_evenementCollaboratifCalendrier #selectable,
.avecColonneDroite .tpl_evenementListe form.recherche .groupeQuestion #selectable{ width: 52%; height: 145px; }
.tpl_evenementCollaboratifCalendrier .action,
.tpl_evenementListe .action{ position: relative;right: 2%;}
.tpl_evenementCollaboratifCalendrier .dateDebut,
.tpl_evenementListe .dateDebut{ width: 50%; float: left;}
.tpl_evenementCollaboratifCalendrier .dateFin,
.tpl_evenementListe .dateFin{ width: 50%; float: right;}
.tpl_evenementCollaboratifCalendrier .dateDebut label,
.tpl_evenementListe .dateDebut label,
.tpl_evenementCollaboratifCalendrier .dateFin label,
.tpl_evenementListe .dateFin label {
    color: #2b3941;
    min-width: 27%;
    font-size: 1.3em;
    width: 25%;
    padding-right: 5px;
    text-align: left;
    font-family: 'Roboto-light';
}
.tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight input.frm_date,
.tpl_evenementListe .innerGroupeQuestionRight input.frm_date{ width: 49%; background-image: none;}
.tpl_evenementCollaboratifCalendrier #evenementCollaboratifCalendarNav { margin : 0 ; background: #f3f3f3 ; border: 1px solid #d5d2c6;padding: 5px 0; position: relative; text-align: center; }
.tpl_evenementCollaboratifCalendrier fieldset.groupeQuestion {background: #f3f3f3;}
.TPL_EVENEMENTCOLLABORATIFLISTE form.recherche .groupeQuestion { background: #f3f3f3 ;  padding: 0; margin: 0; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evenementCollaboratifCalendarNav a { border: none; display: inline-block;margin: 0;padding: 0;vertical-align: middle;}
.TPL_EVENEMENTCOLLABORATIFCALEN table td.today { background: #d9d9d9 ; border: 1px solid #d8d8d8; font-weight: bold; }
.TPL_EVENEMENTCOLLABORATIFCALEN table tr { border: medium none!important; }
.TPL_EVENEMENTCOLLABORATIFCALEN table tr th { border-left: 1px solid #d5d2c6!important; border-right: 1px solid #d5d2c6!important; border-bottom: 1px solid #d5d2c6!important;  background: #f3f3f3!important ; border-top:none ; }
.TPL_EVENEMENTCOLLABORATIFCALEN table td.evt { background: rgba(0, 0, 0, 0) url("/images/modules/evenementCollaboratif/fleche-coin.png") no-repeat scroll right top; color: #000 !important; cursor: pointer; font-weight: bold; }
.TPL_EVENEMENTCOLLABORATIFCALEN table td.evt  div { position:relative ;}
.TPL_EVENEMENTCOLLABORATIFCALEN table td.evt a { color: #3e88c1;}
.TPL_EVENEMENTCOLLABORATIFCALEN .showEvt { z-index: 20; background: #efefef none repeat scroll 0 0; border-radius: 4px; left: 0; padding: 10px; position: absolute!important; text-align: left; width: 250px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2); }
.TPL_EVENEMENTCOLLABORATIFCALEN .showEvt > ul { margin: 0; padding: 0; }
.TPL_EVENEMENTCOLLABORATIFCALEN .showEvt li { border-bottom: 1px solid grey; padding: 10px 0; }
.TPL_EVENEMENTCOLLABORATIFCALEN .showEvt li:last-child { border: medium none; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evenementCollaboratifCalendarNav a.retourCalendrier { display: inline-block; float: left; margin: 0; padding: 4px 0 0 30px; position: absolute; vertical-align: middle; }
.TPL_EVENEMENTCOLLABORATIFCALEN .calendarBack { left: -10px; position: absolute; top: -5px; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode { width: 100% ; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul { padding: 0 ; margin: 0 ;}
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin: 20px 0; padding: 0; display: table; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li .cadre { border: none ; float: left; margin-right: 20px; padding: 0 10px; text-align: center; display: table-cell; width: 180px; position: relative; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li .cadre .date { left: 47px; position: absolute; top: 70px; width: 106px; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li { float: left; margin: 20px 0; padding: 0; width: 100%; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li .left { position: relative; display: table-cell; vertical-align: top; width: 100%; }
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li .left h4 a { font-size: 1.3em;}
.TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode p.pasEvenementCollaboratif { padding: 50px 0;text-align: center; }
.TPL_EVENEMENTCOLLABORATIFCALEN .action { bottom: -10px; position: absolute; }
.tpl_evenementCollaboratifAgenda ul.ul-fieldset { position: relative; width: 100%; padding: 0;margin: 0;}
.tpl_evenementCollaboratifAgenda ul.ul-fieldset li { cursor: pointer ; background: #bbbbbb none repeat scroll 0 0; border-radius: 5px 5px 0 0; float: left; margin-right: 5px; padding: 5px 30px; }
.tpl_evenementCollaboratifAgenda ul.ul-fieldset li:hover {background: #fff none repeat scroll 0 0; }
.tpl_evenementCollaboratifAgenda ul.ul-fieldset li.selected {background: #fff none repeat scroll 0 0; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff none repeat scroll 0 0; border-color: #bbbbbb #bbbbbb #fff; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; }
.tpl_evenementCollaboratifAgenda .fieldset {  padding: 20px; background: #fff none repeat scroll 0 0; border: 1px solid #bbbbbb;  }
.tpl_evenementCollaboratifAgenda .li-fieldset > h3 { margin: 0; padding: 10px 0; }
.tpl_evenementCollaboratifAgenda .li-fieldset.selected > h3 { padding: 9px 0; }
.avecColonneDroite #contenu { float: left; width: 79%; }
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item { min-height: 285px; position: relative; margin: 5px; border: solid 1px #bbbbbb ; padding: 0; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);}
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li .image { min-height: 134px; padding: 20px 20px 0; text-align: center;}
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li .image img { float: none; max-width: 50%; position: relative; margin: 0 auto;}
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li .image img.elu {}
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .typeElu ,
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .civilite ,
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .description ,
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .action { padding : 2px 20px ; }
.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .civilite { min-height: 55px; }

.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .typeElu { background: #bbbbbb; text-align: center; }

.TPL_EVENEMENTCOLLABORATIF #page-invites ul li.item .reponse { text-align: center;background: #000 none repeat scroll 0 0; border-radius: 0 0 25px 25px; color: #fff; padding: 2px 15px; position: absolute; right: 0; text-transform: capitalize; width: 65px; }
.tpl_evenement.colonneDroite.organisateur { margin-top: 45px; }
.tpl_evenementCollaboratifAgenda .fieldset .action a.lienPuce { color : #000 ;}
.tpl_evenementCollaboratifAgenda .fieldset .action a.lienPuce:hover { text-decoration:none ;}
.lienPuce { background: #e0e0e0 none repeat scroll 0 0; color: black; padding: 6px 10px; text-decoration: none; vertical-align: middle; display: inline-block; margin : 2px 0 ; -moz-box-shadow: 1px 1px 1px 1px #000;-webkit-box-shadow: 1px 1px 1px 1px #000;-o-box-shadow: 1px 1px 1px 1px #000;box-shadow: 1px 1px 1px 1px #000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=134, Strength=1);-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
a.lienPuce:hover { opacity: 0.7 ;}
.img_qrcode { position: relative; top: 5px; }
.tpl_evenement.colonneDroite > hr { margin: 25px 0 20px; }
.ical.lienPuce { margin-top: 10px; }
.tpl_evenementCollaboratifAgenda .fieldset .innerContact { float: right; margin-bottom: 15px; color: #000 ; }
.tpl_evenementCollaboratifAgenda .fieldset a.innerContact { color: #000 ;}
.tpl_evenementCollaboratifAgenda .fieldset a.innerContact:hover { text-decoration: none; }
.tpl_evenementCollaboratifAgenda .fieldset .success { background: #fff ; border: 1px solid #00b700; border-radius: 4px; color: #00b700; font-weight: bold; left: 50%; padding: 10px 20px; position: absolute; top: 95px; width: 40%;}
.tpl_evenementCollaboratifAgenda .fieldset .date-horaire-resume { width: 100% ;}
.tpl_evenementCollaboratifAgenda .fieldset .date-horaire-resume.demi-bloc { padding: 0 10px; width: 47%;}
.tpl_evenementCollaboratifAgenda .fieldset .date-horaire-resume div { margin-top: 10px ; margin-bottom: 10px ; }
.tpl_evenementCollaboratifAgenda .fieldset .date-horaire-resume div > span{ font-weight: bold;}
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc { }
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc p { padding: 5px 0; }
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc .ancienneReponse { color :#00b700 ; font-weight: bold;}
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc p span { font-weight: bold;}
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc  label { padding : 0 10px 0 5px ; }
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc .lienDocument img.picto { max-width: 8%; vertical-align: bottom;}
.tpl_evenementCollaboratifAgenda .fieldset .formulaire-reponse.demi-bloc .remplacant label { padding: 0 10px 0 0 ; width: 40%;}
.tpl_evenementCollaboratifAgenda .fieldset .thematique.demi-bloc li { position: relative;padding-bottom: 5px; }
.tpl_evenementCollaboratifAgenda .fieldset .thematique.demi-bloc li img { padding : 0 ;max-width: 10%; display: inline-block;  position: relative; vertical-align: middle; }
.tpl_evenementCollaboratifAgenda img { padding : 0!important; }
.tpl_evenementCollaboratifAgenda .fieldset p { margin: 0; padding: 15px 0; }
.tpl_evenementCollaboratifAgenda .fieldset .visuel img { margin: 5px 0 20px; }
.tpl_evenementCollaboratifAgenda .fieldset .localite .ggMap { width: 300px ; height: 250px;}
.tpl_evenementCollaboratifAgenda .fieldset .coordonnees span { font-weight: bold;}
.tpl_evenementCollaboratifAgenda .fieldset .coordonnees ul , .tpl_evenementCollaboratifAgenda .fieldset .coordonnees ul li ,
.tpl_evenementCollaboratifAgenda .fieldset .coordonnees ul ul , .tpl_evenementCollaboratifAgenda .fieldset .coordonnees ul ul li { padding : 0 }
.tpl_evenementCollaboratifAgenda #valideInvitation { float: right; margin-bottom: 20px; margin-right: 10px; }
.tpl_evenementCollaboratifCalendrier .dateMobileHide { display: none; }
.TPL_EVENEMENTCOLLABORATIF .thematique { background: none; }
.TPL_EVENEMENTCOLLABORATIFLISTE form.recherche .groupeQuestion legend { display: block;}
.TPL_EVENEMENTCOLLABORATIFLISTE form.recherche .groupeQuestion p.action { margin: 0 0 15px;}

.tpl_evenementListe .listeEvenement { width: 100% ; margin: 20px 0; }
.tpl_evenementListe .listeEvenement ul { padding: 0 ; margin: 0 ;}
.tpl_evenementListe .listeEvenement ul > li { background: none;  padding: 10px 20px; }
.tpl_evenementListe .listeEvenement ul li.alter1 {background: #f3f3f3;}
.tpl_evenementListe .listeEvenement ul li .extra { float: left;}
.tpl_evenementListe .listeEvenement ul li .itemInfo h4 a { font-size: 1.5em; text-transform: none; }
.tpl_evenementListe .listeEvenement ul li.item .itemInfo { margin: 0; display: inline-block; vertical-align: top;}
.tpl_evenementListe .listeEvenement ul li .itemInfo .description { font-size: 1.2em; color: #000;}

@media (max-width: 800px) {
    .avecColonneDroite #contenu,
    #colonneDroite{ float: none; width: 100%;}
    .colonneDroite .alignleft {float: none; }
    .tpl_evenement.colonneDroite h3 { display: block;}
    .ical.lienPuce { display: table; float: none; }
}
@media (max-width: 640px) {
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight,
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestionLeft,
    .TPL_EVENEMENTCOLLABORATIFLISTE form.recherche .groupeQuestion .innerGroupeQuestionRight,
    .TPL_EVENEMENTCOLLABORATIFLISTE form.recherche .groupeQuestion .innerGroupeQuestionLeft{ float: none; width: 100%;}
    .tpl_evenementCollaboratifCalendrier .dateDebut,
    .tpl_evenementCollaboratifCalendrier .dateFin,
    .tpl_evenementListe .dateDebut,
    .tpl_evenementListe .dateFin{ float: none; width: 100%; margin: 0 0 15px; }
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight label,
    .tpl_evenementListe .innerGroupeQuestionRight label{ padding-right: 24%;}
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight input.frm_date,
    .tpl_evenementListe .innerGroupeQuestionRight input.frm_date{ width: 46%;}
    .groupeQuestion .innerGroupeQuestion p label { text-align: left;}
    .TPL_EVENEMENTCOLLABORATIFLISTE form.recherche .groupeQuestion p.thematique label { float: left; min-width: 27%; text-align: left;}
    .TPL_EVENEMENTCOLLABORATIF .demi-bloc { width: 100%; float: none; }
    .tpl_evenementCollaboratifAgenda ul.ul-fieldset li { float: none;}
    .tpl_evenementCollaboratifAgenda .fieldset .localite .ggMap { width: 100%;}
    .TPL_EVENEMENTCOLLABORATIF #page-invites ul li { width: 47%; float: none; display: inline-block;}
    .TPL_EVENEMENTCOLLABORATIFCALEN .tpl_evenementCollaboratifCalendrier form p.action,
    .tpl_evenementListe form p.action{
        text-align: center;
        float: none;
        width: 100%;
        position: relative;
    }
}
@media (max-width: 480px) {
    .tpl_evenementCollaboratifCalendrier .cacheMobileHide { display: none; }
    .tpl_evenementCollaboratifCalendrier .dateMobileHide { display: table-row; }
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight label,
    .TPL_EVENEMENTCOLLABORATIFLISTE .innerGroupeQuestionRight label { width: 100%; float: left;}
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestion input[type="text"],
    .TPL_EVENEMENTCOLLABORATIFLISTE .innerGroupeQuestion input[type="text"]{ width: 80%;}
    .tpl_evenementCollaboratifCalendrier .innerGroupeQuestionRight input.frm_date,
    .TPL_EVENEMENTCOLLABORATIFLISTE .innerGroupeQuestionRight input.frm_date { width: 46%;}
    .tpl_evenementCollaboratifCalendrier #selectable,
    .avecColonneDroite .tpl_evenementListe form.recherche .groupeQuestion #selectable{ width: 83%;}
    .TPL_EVENEMENTCOLLABORATIF #page-invites ul li { width: 96%; }
    .TPL_EVENEMENTCOLLABORATIFCALEN .action { position: relative;}
    .TPL_EVENEMENTCOLLABORATIFCALEN table td.evt div { position: inherit; }
    .TPL_EVENEMENTCOLLABORATIFCALEN .showEvt { width: 95%; }
    #colonneDroite { text-align: center;}
    .ical.lienPuce { margin: 20px auto 0; }
    .tpl_evenementCollaboratifAgenda .fieldset { width: 85%;}
    .TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li { float: none; display: block; }
    .TPL_EVENEMENTCOLLABORATIFCALEN #evtCalendarPeriode ul > li .left { display: inline-block; top: 20px; }
    .TPL_EVENEMENTCOLLABORATIFCALEN #evenementCollaboratifCalendarNav a.retourCalendrier {
        float: none;
        text-align: left;
        width: 100%;
        margin-bottom: 20px;
        position: relative;
    }
}