p, h1, h2, h3, h4, h5, li {font-family:"Trebuchet MS", Arial, sans-serif; color:#505050}
a, a:hover, a:visited, a:active, a:focus {text-decoration:none; outline:none; font-family:"Trebuchet MS", Arial, sans-serif}

#content {font-family:"Trebuchet MS", Arial, sans-serif; font-size: 13px;}

#content h1 {color:#59bcde; font-size:2.2em; font-weight:normal}
#content h2 {margin-bottom:.5em; color:#063a79}
#content h3 {padding-right:150px; margin-bottom:.5em; margin-top:1.3em}
#content h4 {padding-right:150px; font-weight:bold}
#content p {padding-right:150px; margin-bottom:0}
#content img {border:1px solid #CACACA; padding:10px; background-color:#FFF}
#content p a, #content h3 a, #content h4 a, #content a strong {text-decoration:underline; color:#063a79}
#content p a:hover, #content h3 a:hover, #content h4 a:hover {text-decoration:underline; color:#303030}
#content hr {width:690px; height:1px}

#content .frame {background-color:#EEE; padding:20px 20px 0 20px; width:640px; margin:0}
#content .frame2 {background-color:#EEE; padding:20px 20px 0 40px; width:640px; margin:0}
#content .image_left  {float:left; margin-right:20px}
#content .image_right {float:right; margin-left:20px}
#content .legend {font-size:1em; font-weight:bold}
#content .legend_short {font-size:1em; font-weight:bold; width:600px}
#content .highlight {color:#59bcde; font-size:1.1em; background: transparent;}
#content .clear {clear: both}
/*#content .warning_text {display:block; margin-bottom:5px; padding:3px 5px; font-weight:bold; text-align:center; text-transform:uppercase; color:#fff; background-color:#F59331;}
*/
/* Horaires */
#content #horaires h2 {margin:1em 0 .5em 0; font-size: 1.2em; text-transform: uppercase; clear:both;}
#know-more {float:right; width:480px; margin-top:-40px}
#know-more img {border:none; padding:0; vertical-align:bottom;}
#horaires #gmaps, #qr_wrapper {float:left}
#horaires #gmaps {width:637px}
#qr_wrapper {width:190px; height:230px; margin:60px 0 0 0; padding:20px 10px 10px 10px; background: #fff url('../images/qrcode-box.png') no-repeat}
#qr_wrapper > p {color:#063A79; padding:0; margin:0; line-height:1.2em; text-align:center}
#content #qr_wrapper img {border:none; margin:0 0 0 20px; padding:0}

#content ul.boxes {padding:0;}
#content ul.boxes li {display:inline-block; float: left; list-style:none; border-left:1px dashed #6ce; padding-left:5px; margin-right: 20px}
#content ul.boxes li h3 {display:inline; background:#d9efff; font-size:1.1em; color:#39b; padding:1px 10px; margin:0 0 3px -5px}
#content ul.boxes li p {padding:0;}