.pageimg1{margin:0 auto;max-width:980px}
div.calendar2{padding-top:16px}
@media screen and (min-width:700px){.pageimg{background:url(time.png) no-repeat;background-size:256px 256px;min-height:256px;padding-left:270px}}
@media screen and (min-width:800px){
div.calendar1{margin:0 auto}
div.calendar2{margin:0 auto}}
#add{max-width:420px;margin:0 auto}
.addl,#meetings,.time0{text-align:center}
.addl img{height:20px;margin-right:8px;vertical-align:middle;width:20px}
.time{width:300px}
#time{font-weight:bold}
#caldav,#zone{display:none}
#zone select{margin:8px}
@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:silver;color:white}
table.calendar td.active{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}

#meetings table{border-collapse:collapse;margin-bottom:16px;table-layout:fixed;width:100%}
#meetings table tr{cursor:pointer;vertical-align:top}
#meetings table tr:nth-child(even){background-color:#ffffff}
#meetings table tr:nth-child(odd){background-color:#f7f9ff}
#meetings table td{padding:8px 6px}
#meetings table td.date{width:80px}
#meetings table td.dateedit img{float:right;height:16px;width:16px}
#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}

@media screen and (min-width:1020px){
div.calendar{overflow:auto}
div.calendar1{float:left;width:550px}
div.calendar2{float:left;padding:10px 0 0 20px;width:410px}
table.calendar,table.calendar_tableau{width:100%}
.calendar_tableau td{height:70px}
#add{max-width:none;margin:0}
.addl,#meetings,.time0{text-align:left}}