﻿.pageimg1{margin:0 auto;max-width:980px}
div.calendar2{padding:16px 0 0 20px}
@media screen and (min-width:700px){.pageimg{background:url(time.png) no-repeat;background-size:256px 256px;min-height:256px;padding-left:270px}
div.calendar{overflow:auto}
div.calendar1{float:left;max-width:340px}
div.calendar2{float:left;max-width:620px;padding:10px 0 0 20px}}
.time0{margin-top:16px;text-align:center}
.time{width:300px}
#time{font-weight:bold}
#zone{display:none;text-align:left}
#zone div{text-align:right}
#zone select{margin:4px 0}
@media screen and (max-width:360px){.time{width:220px}}

table.calendar{font-family:Arial;font-size:20px;margin:0 auto}
.calendar_titre td{font-size:18px;padding:8px 2px;text-align:center}
.calendar_titre_mois_cliquable{color:#000000;text-decoration:none}
.calendar_titre_fleche_gauche{text-align:left}
.calendar_titre_fleche_droite{text-align:right}
.calendar_titre_fleche_gauche_cliquable{color:#000000;text-decoration:none}
.calendar_titre_fleche_droite_cliquable{color:#000000;text-decoration:none}
.calendar_tableau{border:none;border-collapse:collapse;font-size:14px}
.calendar_tableau tr td{cursor:pointer}
.calendar_tableau td{border:1px solid #ddf3fe;height:42px;font-size:18px;text-align:center;width:54px}
.calendar_tableau th{border:1px solid #ddf3fe;background-color:#ddf3fe;font-weight:normal;text-align:center}
.calendar_hors_mois{color:#999999}
.calendar_hors_mois_cliquable{color:#999999;text-decoration:none}
.calendar_jour_cliquable{color:#000000;text-decoration:none}
.jourrdv{background-color:#c1e9fe;font-weight:bold}
.today{background-color:#0072c6;color:white}

#ato span,#eto span{background-color:#ededed;line-height:1.9em;padding:2px}
#ato span span,#eto span span{color:gray;cursor:pointer}
#ass_more,#ess_more{background-color:white;border:1px solid #d8d8d8;display:none;max-height:300px;overflow:auto;position:absolute;width:300px;z-index:2}

td.dateedit{padding:2px}
td.dateedit img{cursor:pointer;float:right;height:20px;margin-left:8px;width:20px}
#recurrence2 label{white-space:nowrap}

div.i{padding:2px 0}
span.i1{display:inline-block;vertical-align:top;width:100px}
span.i2{display:inline-block;width:300px}