/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;}

/* INIT HTML & BODY */
body { font-family: Arial, "Helvetica", sans-serif; background: #fff; }
.clear { clear: both; }
/* MAIN WRAPPERS STYLES */
#mainWrapper { width: 990px; margin: 0 auto; }

/* HEADER STYLES */
#header { height: 336px; width: 990px; background: url(../images/bg-header2.jpg) no-repeat; position: relative; }
#header div { position: absolute; }
#logo { left:77px; top: 34px; }
#logo h1 a { display: block; text-indent: -20000px; background: url(../images/logo-petiteacademie-transparent-new.png) no-repeat; width: 138px; height: 127px; }
#slogan { top: 30px; left: 242px; width: 300px; font-size: 24px; }
#slogan span { margin:0; padding:0; color: #00437e; }
#slogan span.xlarge { font-size: 50px; }
#slogan span.large { font-size: 29px; display: block; }

#headerRandomImages { width: 362px; height: 282px; left: 630px; top:19px; z-index: 0; }
#headerRandomImages img {width: 362px; height: 282px;}

/* NAVIGATION STYLES */
#quickNav { right:0; top: 0; width: 895px; height: 65px; background: url(../images/bg-quicknav.png) no-repeat; padding: 10px; z-index: 2; }
#quickNav ul { position: absolute; right: 25px; top:5px; font-size: 13px; }
#quickNav ul li, #mainNav ul li { float: left; }
#quickNav ul li { padding: 0 8px; }
#quickNav ul li a, #mainNav ul li a { color: #fff; text-decoration: none; }
#quickNav ul li a:hover { color: #acd464; }

/* Main Nav */
#mainNav { width: 880px; height: 50px; background: #cd1141 url(../images/bg-mainnav.png) no-repeat right center; right: 18px; bottom: 27px; padding: 0;
z-index: 3; }
#mainNav ul { padding-left: 13px; }
#mainNav ul li { padding: 0 4px; }
#mainNav ul li a { font-size: 19px; height: 50px; padding: 0 8px; display: block; }

/* Main nav avec separators */
#mainNav ul li span.separator { color: #fff; font-size: 19px; height: 34px; padding: 0 8px; padding-top: 15px; cursor: pointer; display: block; }
#mainNav ul li span.separator:hover { background: #9e1936;  }
#mainNav ul li a:hover { background: #9e1936; }
#mainNav ul li span.separator.navActive { background: #9e1936; }
#mainNav ul li a span { display: block; padding-top: 15px; }
#mainNav ul li ul { display: none; position: absolute; margin:0; padding:10px; width: 180px; background: #9e1936; }
#mainNav ul li ul li { padding: 4px; float: none; }
#mainNav ul li ul li a { font-size: 13px; height: auto; padding:0; }
#mainNav ul li ul li a:hover { color: #f8bbc8; }
#mainNav ul li ul li a span { padding:0; }

/* CONTENT STYLES */
#content { color: #000; width: 865px; padding-left: 100px; }

/* Breadcrumbs */
#breadcrumbs { padding: 20px 0 40px 0; font-size: 14px; color: #97BF0D; }
#breadcrumbs strong { float: left; padding-right: 10px; color: #004B85; }
#breadcrumbs span a { color: #004B85; text-decoration: none; color: #004B85;}

/* Content General */
#page, .blog { width: 530px; }
#page h2, div.componentheading, h1.componentheading, #page h2.contentheading a, h2.componentheading { color: #97BF0D; font-size: 34px; }
#page h2.contentheading a { margin:0; padding:0; display: block; }
#page p.articleinfo { font-size: 12px; font-style: italic; color: #004b85; }
#page h3 { font-size: 19px; color: #f3971b; padding: 12px 0 0 0; }
#page h4, .blog h2, .blog h2.contentheading a { font-size: 15px; color: #004b85; padding: 12px 32px 4px 0; }
#page h6 { font-size: 11px; color: #777; font-style: italic; font-weight: normal; border-top: 1px dotted #ccdbe7; padding: 12px; margin-top: 6px; }
#page h6.noTopBorder { border-top:0; padding: 0 12px 12px 12px; margin-top: -10px; }
#page p { padding: 8px 50px 8px 0; font-size: 14px; color: #777; line-height: 20px; word-spacing: -1px; }
#page p.imageParagraph { margin:0; padding:0; }
#page p strong { color: #004b85; }
#page p strong.strongCufon { color: #004b85; font-size: 19px; }
#page p span.smallText { font-size: 12px; }
#page p img.imgCenter { position: relative; left: 10%; }
#page span.createdate, .blog p.iteminfo { font-style: normal; font-size: 11px; display: block; border-bottom: 1px dotted #BEE2F7; text-transform: uppercase;
letter-spacing: 0.04em; word-spacing: 1px; padding-bottom: 10px; color: #5e97c4; }
.green { color: #97BF0D; }
.blue { color: #f3971b; }
.red { color: #de353a; }
#page img.floatLeft { float: left; margin: 4px 14px 2px 0; border: 0; }
#page img.floatLeftLarge { float: left; margin: 4px 14px 120px 0; border: 0; }
#content a { text-decoration: none; }
#page p a, #page ul li a { outline: none; text-decoration: none; color: #de353a; }
#page p a:hover, #gMap span a:hover, .xmap ul li ul li a:hover, #breadcrumbs span a:hover, #page ul li a:hover { background: #004b85; color: #fff; }
#page ul { font-size: 13px; padding-left: 30px; padding-right: 40px; padding-bottom: 10px; }
#page ul li { padding: 3px 0; list-style: circle; color: #e35256; line-height: 16px; }

#page ul li span { color: #888; }
#page blockquote { padding: 20px; width: 490px; margin: 10px auto 10px auto; background: url(../images/bg-blockquote-left.png) no-repeat 10px 10px;
border: 1px dotted #ccdbe7; }
#page blockquote p { padding-left: 50px; font-size: 13px; color: #004b85; background: url(../images/bg-blockquote-right.png) no-repeat bottom right; }
#page blockquote p strong { font-size: 24px; line-height: 14px; }
#page a.boutonLink1  { background: url(../images/bouton-voir-calendrier.png) no-repeat; color: #fff; font-size: 14px; text-align: center; padding-top: 7px;
width: 150px; height: 27px; display: block; }
#page a.boutonLink1:hover  { background: url(../images/bouton-voir-calendrier.png) no-repeat; color: #004b85; }

.blog { padding-top: 20px; }
.blog h2.contentheading a { color: #cd1141; font-size: 19px; line-height: 19px; margin:0; padding:0; display: block; }
.blog h2.contentheading a:hover { color: #004b85; }
.blog p { padding-top: 10px; font-size: 14px; color: #777; line-height: 20px; word-spacing: -1px; font-weight: normal; }
.blog p.iteminfo { padding:0; margin:0; font-weight: bold; color: #5e97c4; }

/* Table styles */
#page table.table { font-size: 13px; color: #888; width: 530px; margin: 20px 0; }
#page table.table tr th { text-align: left; font-size: 15px; color: #004b85; }
#page table.table.withBg tr td { padding: 4px; border-bottom: 1px dotted #f9cccd; background: url(../images/icon-star.png) no-repeat 0 6px; padding-left: 22px; padding-top: 5px; }
#page table.table tr td.noBg, #page table.activites table.noBg tr td { background: none; padding-left: 0; }
#page table.activites tr td.noBorder { border:0; }
#page table.activites { margin:0; padding:0; height: 340px; width: 85%; margin: 10px auto; }
#page table.activites td { font-size: 11px; font-weight: bold; }
#page table.activites td strong { color: #97BF0D; font-size: 12px; }
#page table.activites td a { color: #cd1141; }
#page table.activites td a:hover { color: #97BF0D; }
#page table.activites table.noBg tr td { border:0; }
#page table.table tr td.empty { border:0; background: none; }
#page table.activites td { vertical-align: top; line-height: 16px; }

/* Table styles 4ans */
#page table#horaireTable { margin: 20px 0; }
#page table#horaireTable tr td { color: #999; font-size: 11px; font-weight: bold; vertical-align: top;  line-height: 14px;background: none; padding: 10px; border-bottom: 1px dotted #bee2e6; border-right: 1px dotted #bee2e6; }
#page table#horaireTable tr td.logoTable { background: url(../images/bg-logo-table.png) no-repeat top center; width: 58px; height: 58px; }
#page table#horaireTable tr td.jour { vertical-align: bottom; text-align: center; font-weight: bold; padding: 10px; font-size: 17px; background: #e6f0c5; border-right: 1px dotted #8eb1cc; color: #004b85;  }
#page table#horaireTable tr td.heure { font-weight: bold; font-size: 13px; background: #bee2e6; text-align: center; border-bottom: 1px dotted #8eb1cc; border-left: 1px dotted #8eb1cc; color: #004b85; vertical-align: middle; text-align: right; }
#page table#horaireTable tr td.heure span.hourDots { text-indent: -10000px; font-size: 14px; background: url(../images/bg-td-hour.png) no-repeat center center; padding:0; margin:0; display: block; }

/* Styles propres à la page d'accueil */
#content.accueil div.homeDivs { width: 231px; float: left; color: #333; border-right: 1px dotted #BEE2F7; padding: 20px; padding-top:0; height: 300px; }
#content.accueil div.homeDivs.first { padding-left:0; padding-right: 25px; }
#content.accueil div.homeDivs.last { border:0; }

#content.accueil ul.horiz { padding-top: 20px; }
#content.accueil div.homeDivs h3, #content.accueil #calendrier h4 { color: #97bf0d; font-size: 24px; text-align: right; }

#content.accueil div#cycles ul li { padding: 8px 0; }
#content.accueil div#cycles ul li a { color: #006699; font-size: 15px; padding-left: 70px; width: 140px; height: 50px; display: block; }
#content.accueil div#cycles ul li a strong { padding-left:0; }
#content.accueil div#cycles ul li a:hover { color: #f3971b; }

#content.accueil div.homeDivs ul li a { padding-left:0; color: #006699; font-size: 15px; }
#content.accueil div.homeDivs ul li p { font-size: 12px; }
#content.accueil div.homeDivs ul li strong { display: block; font-size: 24px; color: #6B422A; padding-left: 70px; }
#content.accueil div.homeDivs ul li#prescolaireArts { background: url(../images/icon-prescolaire-arts.png) no-repeat; }
#content.accueil div.homeDivs ul li#premierCycle { background: url(../images/icon-premier-cycle-musique.png) no-repeat; }
#content.accueil div.homeDivs ul li#deuxiemeCycle { background: url(../images/icon-deuxieme-cycle-sante.png) no-repeat; }
#content.accueil div.homeDivs ul li#troisiemeCycle { background: url(../images/icon-troisieme-cycle-info.png) no-repeat; }
#content.accueil div.accederLinks { width: 265px; height: 68px; padding: 0 0 20px 0; float: left; }
#content.accueil div.accederLinks.first { padding-left:0; }
#content.accueil div.accederLinks span { margin: 20px 0; display: block; }
#content.accueil div.accederLinks span a { padding: 13px 0 0 80px; font-size: 19px; display: block; color: #6B422A; }
#content.accueil div.accederLinks span.homeDivsButton a { background: url(../images/bouton-acceder-a-mes-courriels.png) no-repeat; width: 254px; height: 68px; }
#content.accueil div.accederLinks span.homeDivsButton a:hover { color: #97bf0d; }
#content.accueil div#portailPersonnel span.homeDivsButton a { background: url(../images/bouton-acceder-portail-personnel.png) no-repeat;
width: 264px; height: 73px; }
#content.accueil div#portailPersonnel span.homeDivsButton a:hover { color: #004b85; }
/*#content.accueil div#portailPersonnel span.homeDivsButton a:hover { background: url(../images/bouton-acceder-portail-personnel-hover.png) no-repeat; }*/
#content.accueil div#calendrier h1,
#content.accueil div#cycles h1,
#content.accueil div#actualite h1 { text-indent: -10000px; }

#content.accueil div#calendrier h1 { background: url(../images/titre-calendrier.png) no-repeat; width: 161px; height: 65px; }
#content.accueil div#cycles h1 { background: url(../images/titre-noscycles.png) no-repeat; width: 160px; height: 37px; }
#content.accueil div#actualite h1 { background: url(../images/titre-actualite.png) no-repeat; width: 160px; height: 37px; }

/* Calendrier right column */
#content.accueil div#calendrier h1,
#content div#calendrier h1,
#rightColumn h1 { background: url(../images/titre-calendrier.png) no-repeat; width: 161px; height: 65px; text-indent: -10000px; }

#content.accueil div#actualite { position: relative; }
#content.accueil div#actualite p { color: #97BF0D; padding: 5px 0; }
#content.accueil div#actualite p a { color: #006699; text-decoration: none; font-weight: bold; }
#content.accueil div#actualite span#toutesLesNouvelles a,
#content.accueil div#calendrier span#calendrierComplet a { color: #fff; font-size: 13px; text-align: center; padding-top: 8px; width: 150px;
height: 27px; display: block; }
#content.accueil div#calendrier span#calendrierComplet a { bottom:100px; background: url(../images/bouton-voir-calendrier.png) no-repeat; }
#content.accueil div#calendrier span#calendrierComplet a:hover { color: #6b422a; }
#content.accueil div#actualite span#toutesLesNouvelles a { background: url(../images/bouton-toutes-les-nouvelles.png) no-repeat; margin-top: 0; }
#content.accueil div#actualite span#toutesLesNouvelles a:hover { color: #de353a; }

/* PLACE HERE */
#content.accueil div.mod_placehere { padding-top: 10px; }
#content.accueil div.mod_placehere div span { display: block;}
#content.accueil div.mod_placehere div { height: 80px; font-size: 12px; color: #777; line-height: 13px; }
#content.accueil a.contentpagetitle { color: #cd1141; font-size: 16px; margin:0; padding:0; display: block; }
#content.accueil a.contentpagetitle:hover { color: #97BF0D; }
#content.accueil a.spacerLink, #content.accueil p.buttonheading { display: none; }
#content.accueil p.articleinfo { margin:0; padding:0; }
#content.accueil span.createdate { font-size: 11px; font-weight: bold; letter-spacing: 0.01em; line-height: 11px; color: #5e97c4; position: relative; top: -6px; }

/* PAGE ACCUEIL MESSAGE INTRODUCTION */
#content.accueil div#introMessage { width: 100%; height: 170px; margin-bottom: 20px; background: #f3971b url(../images/bg-intro-message.png) bottom right no-repeat; padding: 10px; }
#content.accueil div#introMessage div#introTitle { float: left; padding: 10px; }
#content.accueil div#introMessage div#introTitle h2, #content.accueil div#introMessage div#introTitle h3 { width: 260px; } 
#content.accueil div#introMessage div#introTitle h2 { font-size: 30px; color: #fff; }
#content.accueil div#introMessage div#introTitle h3 { font-size: 14px; font-weight: bold; color: #cd1141; padding-top: 10px; }
#content.accueil div#introMessage p { margin-left: 290px; color: #6b422a; font-size: 16px; padding: 10px 80px 5px 23px; line-height: 19px; }

/* Content Right Column */
#rightColumn { float: right; width: 280px; border-left: 1px dotted #BEE2F7; padding-left: 20px; padding-bottom: 40px; margin-bottom: 20px; }
#rightColumn #calendrier h1 { padding-bottom: 10px; }
#rightColumn span#calendrierComplet { display: block; padding-bottom: 20px; }
#rightColumn span#calendrierComplet a { background: url(../images/bouton-voir-calendrier.png) no-repeat; color: #fff; font-size: 13px; text-align: center; padding-top: 8px; width: 150px; height: 27px; display: block; }
#rightColumn span#calendrierComplet a:hover { color: #6b422a; }

#rightColumn ul.menu { font-size: 14px; padding: 10px 10px 20px 10px; }
#rightColumn ul.menu li { padding: 5px 0; background: url(../images/icon-rightColumn-list.png) no-repeat 0 6px; padding-left: 30px; }
#rightColumn ul.menu li.printThis a { color: #00437e; }
#rightColumn ul.menu li.printThis a:hover { color: #de353a; }
#rightColumn ul.menu li a { color: #97bf0d; list-style: inside; }
#rightColumn ul.menu li a:hover { color: #00437e; list-style: inside; }

#rightColumn .accederLinks { width: 264px; }
#rightColumn .accederLinks span { display: block; }
#rightColumn .accederLinks span a { padding: 17px 0 0 80px; font-size: 19px; display: block; color: #6B422A; }

#rightColumn #accederCourriels a { background: url(../images/bouton-acceder-a-mes-courriels.png) no-repeat; width: 254px; height:49px; margin-left: 4px; }
#rightColumn #accederCourriels a:hover { color: #97bf0d; }
#rightColumn #downloadCalendar span a { background: url(../images/bouton-download-calendrier.png) no-repeat; width: 264px; height: 57px; margin-left: -4px; }
#rightColumn #downloadCalendar span a:hover { color: #97bf0d; }
#rightColumn #portailPersonnel span a { background: url(../images/bouton-acceder-portail-personnel.png) no-repeat; width: 264px; height: 56px; }
#rightColumn #portailPersonnel span a:hover { color: #004b85; }

/* Légende calendrier + dates importantes */
#rightColumn h1 { padding-bottom: 10px; }
#rightColumn h4 { color: #97bf0d; font-size: 24px; text-align: right; padding-right: 60px; }
#rightColumn h4.small { text-align: left; font-size: 23px; color: #cd1141; padding: 10px 0 10px 0; margin:0; }
#rightColumn .paddingBottom20 { padding-bottom: 20px; }
#rightColumn ul#datesImportantes { width: 264px; padding-bottom: 10px; }
#rightColumn ul#datesImportantes li { color: #999; font-size: 13px; padding: 5px 0 5px 30px;
background: url(../images/icon-rightColumn-list.png) no-repeat 0 7px; }
#rightColumn ul#datesImportantes li strong { color: #999; font-size: 14px; color: #004b85; }

/* Légende rightColumn */
#rightColumn table#calendarLegend { padding: 5px; width: 254px; float: none; background: #ffffff; border: 1px dotted #def0be; } 
#rightColumn #calendarLegend { font-size: 11px;  }
#rightColumn #calendarLegend td { vertical-align: middle; padding: 5px 5px 5px 0; }
#rightColumn #calendarLegend td.dateTd { margin:0; padding: 0; }
#rightColumn #calendarLegend td strong { padding-bottom: 10px; padding-left: 10px; display: block; padding-top: 10px; color: #004b85; }
#rightColumn #calendarLegend td span { display: block; padding: 7px 0 0 7px; width: 21px; height: 21px; font-weight: bold; font-size: 12px; }

/* Accordions */
#page #slideMe { padding-top: 20px; }
#page #slideMe h5 { font-size: 15px; cursor: pointer; padding: 8px 0; border-bottom: 1px dotted #def0be; color: #004b85; background: url(../images/bg-h5-slides.png) no-repeat 0 5px; padding-left: 24px; }
#page #slideMe h5.active { background: url(../images/bg-h5-slides-active.png) no-repeat 0 5px; }


#parascolaire {width: 530px;}
#parascolaire ul, #parascolaire ul li { margin: 0; padding: 0; }
#parascolaire li h4 { font-size: 15px; cursor: pointer; padding: 8px 0; border-bottom: 1px dotted #def0be; color: #004b85; background: url(../images/bg-h5-slides.png) no-repeat 0 5px; padding-left: 24px; }
#parascolaire li h4.active { background: url(../images/bg-h5-slides-active.png) no-repeat 0 5px; }
#parascolaire table.table { font-size: 13px; color: #888; width: 530px; margin: 20px 0; }
#parascolaire table.table tr th { text-align: left; font-size: 15px; color: #004b85; }
#parascolaire table.table.withBg tr td { padding: 4px; border-bottom: 1px dotted #f9cccd; background: url(../images/icon-star.png) no-repeat 0 6px; padding-left: 22px; padding-top: 5px; }
#parascolaire table.table tr td.noBg, #parascolaire table.activites table.noBg tr td { background: none; padding-left: 0; }
#parascolaire table.activites tr td.noBorder { border:0; }
#parascolaire table.activites { margin:0; padding:0; height: 340px; width: 85%; margin: 10px auto; }
#parascolaire table.activites td { font-size: 11px; font-weight: bold; }
#parascolaire table.activites td strong { color: #97BF0D; font-size: 12px; }
#parascolaire table.activites td a { color: #cd1141; }
#parascolaire table.activites td a:hover { color: #97BF0D; }
#parascolaire table.activites table.noBg tr td { border:0; }
#parascolaire table.table tr td.empty { border:0; background: none; }
#parascolaire table.activites td { vertical-align: top; line-height: 16px; }
#parascolaire span.article_separator { display: none; }




/* FORMS STYLES */
/* Contact & Inscription Form */
.form, .login_form, .logout_form { font-size: 12px; width: 530px; }
.form div, .login_form div, .logout_form div { padding: 10px 0; float: none; position: relative; }
.logout_form div p { color: #777; }
.form div label, .login_form div label, .logout_form div label { width: 140px; display: block; float: left; text-align: right; padding-right: 20px; padding-top: 8px; color: #777; font-weight: bold; }
.form div label.error { position:absolute; right:0; top: 11px; color: #fff; background: url(../images/bg-label-error.png) no-repeat 0 -1px; font-weight: bold; width: 156px; height: 22px; text-align: left; font-size: 11px; padding-left: 18px; padding-top: 6px; }
.form div.writeMessage label.error { top: 12px; }
.form div input, .login_form div input, .logout_form input { width: 260px; padding: 3px; font-family: Arial, "Helvetica", sans-serif; border: 1px dotted #97bf0d; height: 18px; font-weight: bold; color: #004b85; }
.form div input#graduation { width: 30px; }
.form div textarea { width: 260px; height: 200px; padding: 3px; font-family: Arial, "Helvetica", sans-serif; font-size: 12px;
border: 1px dotted #97bf0d; color: #004b85; }
.form div#submit button, .login_form div#submit button, .logout_form div#submit button { font-size: 17px; width: 270px; cursor: pointer; position: absolute; right: 102px; background: #004b85; border: 1px dotted #97bf0d; height: 30px; color: #fff; }
#message h5 { color: #004b85; font-size: 17px; font-weight: normal; }

/* Contact Page */
p.coordsFloatLeft { float: left; width: 26%; margin-right: 20px; border-right: 1px dotted #d6e0b5; }

/* CALENDARS STYLES */
/* Navigation Calendriers */
div#menuCalendrierScolaire { background: #000; color: #333; }
div#menuCalendrierScolaire ul li { float: left; padding: 0 4px; }
/* Calendriers */
table.calendar { margin: 3px 0; font-size: 12px; width: 230px; }
table.calendar tr td, table.calendar tr th { padding: 2px; }
table.calendar tr th { color: #DE353A; font-size: 16px; }
table.calendar tr td { width: 20%; cursor: default; }
table.calendar tr td span { background: url(../images/bg-calendrier-day.png) no-repeat; display: block; width: 28px; height: 20px; color: #fff;
font-weight: bold; text-align: center; padding-top: 7px; }
#calendarLegend td span.date { background: url(../images/bg-calendrier-day.png) no-repeat; color: #fff; }
table.calendar td.previous, table.calendar td.next { color: #ccc; visibility: hidden; }
table.calendar tr td span.pedagogique, table#calendarLegend span.pedagogique { background: url(../images/bg-calendrier-pedagogique.png) no-repeat; color: #fff; }
table.calendar tr td span.finEtape, table#calendarLegend span.finEtape { background: url(../images/bg-calendrier-finetape.png) no-repeat; color: #fff; }
table.calendar tr td span.conge, table#calendarLegend span.conge { background: url(../images/bg-calendrier-conge.png) no-repeat; color: #fff; }
table.calendar tr td span.conge div, table#calendarLegend span.conge div { color: #fff; background: url(../images/bg-tooltip-conge.png) no-repeat; }
table.calendar tr td span.finEtape div, table#calendarLegend span.finEtape div { color: #fff; background: url(../images/bg-tooltip-finetape.png) no-repeat; }
table.calendar tr td span.majeur, table#calendarLegend span.majeur { background: url(../images/bg-calendrier-majeur.png) no-repeat; color: #fff; }
table.calendar tr td span.majeur div, table#calendarLegend span.majeur div { color: #fff; background: url(../images/bg-tooltip-majeur.png) no-repeat; }
table.calendar tr td span.pedagogiqueFinEtape, table#calendarLegend span.pedagogiqueFinEtape { border: 2px dotted #333; background: #336699; color: #fff; }
table.calendar.noSchool tr td span,
table.calendar tr td span.noSchool,
table.calendar tr td.weekend span,
table#calendarLegend span.noSchool { background: url(../images/bg-calendrier-noschool.png) no-repeat; color: #aaa; }
table.calendar.noSchool tr td span div,
table.calendar tr td span.noSchool div,
table.calendar tr td.weekend span div {
background: url(../images/bg-tooltip-noschool.png) no-repeat;}

/* Page Calendrier complet */
#fullCalendarDisplay { width: 550px; } 
#fullCalendarDisplay div.contentCalendar { width: 266px; float: left; height: 276px; }
#fullCalendarDisplay div table { padding: 10px; background: #fff; border: 1px dotted #def0be; } 

/* Légende Calendriers */
#calendarLegend { padding: 16px; float: none; width: 512px; clear: both; background: #ffffff; border: 1px dotted #def0be; margin-bottom: 16px; } 
#calendarLegend { font-size: 12px;  }
#calendarLegend td { vertical-align: middle; padding: 5px 0; }
#calendarLegend td strong { padding-bottom: 10px; padding-left: 10px; display: block; padding-top: 10px; color: #004b85; }
#calendarLegend td span { display: block; padding: 7px 0 0 7px; width: 21px; height: 21px; font-weight: bold; }

#fullCalendarDisplay h3 { margin:0; padding:0; position: relative; }
#fullCalendarDisplay h3 a { float: right; font-size: 14px; position: absolute; padding-top: 6px; top: 0; right: 10px; color: #fff; background: #cd1141; background: url(../images/bg-h3-pdfdownload.png) no-repeat; display: block; width: 38px; height: 25px; padding-left: 5px; }

/* MENUS STYLES */
/* Menu cafeteria */
table.menu { background: #f9feff; }
table.menu tr th { color: #004b85; font-size: 24px; background: #e5f6fb; height: 60px; vertical-align: middle; border: 1px dotted #9ab7ce; }
table.menu tr td { padding: 0; font-size: 11px; font-weight: bold; padding: 4px; color: #888; line-height: 14px; }
table.menu tr td strong { color: #8bcce2; display: block; width: 110px; }
table.menu tr td.cafeSemaine { width: 100px; }
table.menu tr td.cafeJour { text-align: right; font-weight: bold; font-size: 17px; color: #97bf0d; padding-right: 20px; vertical-align: middle; border-right: 1px dotted #c8e957; }
table.menu table table { border-bottom: 1px dotted #BEE2F7; padding: 10px 0; }
table.menu table table.last { border:0; }
table.menu tr td.menuDay { font-size: 14px; font-weight: bold; vertical-align: middle; }

/* JS PLUGINS STYLES */
/* Tooltip */
.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background: url(../images/bg-tooltip-pedagogique.png) no-repeat; padding: 7px; font-size: 12px; font-weight: bold; color: #fff; height: 38px; }

/* GOOGLE MAP */
#gMap { padding: 20px 0; }
#gMap iframe { border: 1px dotted #ccdbe7; }
#gMap span { display: block;  padding: 6px 18px; text-align: right; } 
#gMap span a { font-size: 12px; color: #004b85; font-weight: bold; padding-right: 30px; }

/* XMAP SITEMAP */
.xmap { width: 560px; }
div.componentheading { padding: 6px 0; } 
div.contentpaneopen { padding: 16px 0; }
div.contentpaneopen div ul { padding-left: 30px; } 
div.contentpaneopen div.borderXmap { border-right: 1px dotted #d6e0b5; }
div.contentpaneopen div.borderXmap ul { padding-left: 0; }
.xmap ul li { list-style-type: circle; padding: 6px 0; font-weight: bold; color: #97bf0d; }
.xmap ul li a { font-size: 15px; outline: none; text-decoration: none; color: #004b85; }
.xmap ul li ul { margin-top: 4px; }
.xmap ul li ul li { list-style-type: disc; color: #97bf0d; }
.xmap ul li ul li a { font-weight: normal; font-size: 13px; }
.xmap ul li span { color: #004b85; }

/* FRONTEND EDITOR */
form.editor { margin: 20px auto; }
form.editor legend { font-size:21px; font-weight:normal; color: #666; }
form.editor div label { font-size: 12px; color: #666; width: 200px; }
form.editor select { font-size: 12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding: 2px; color: #666; background: #fff;
border: 1px solid #d6e2ef; }
form.editor div.wrap { height: 4px; }
form.editor div input { border:solid 1px #d6e2ef; padding: 2px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
form.editor fieldset { padding:12px 0; margin:10px 0; border-bottom:1px solid #ccc; }
form.editor .publishing label { float:left; font-weight:normal; }
form.editor textarea#text { padding: 4px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width: 300px; }
form.editor .publishing div { margin:2px 0; }
form.editor .publishing .radio label { float:none; }
form.editor .publishing .radio input { float:none; width:20px; }
form.editor .publishing .radio label span { float:left; width: 200px; }
form.editor fieldset.metadata label { font-size: 12px; color: #666; float:none !important; display:block; font-weight:normal; }
.save { text-align:left; padding:10px 0; }
form.editor div.save button { color: #fff; cursor: pointer; outline: none; width:102px; background: #004b85; border: 1px solid #5f9cb6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding: 4px; }
fieldset.metadata textarea { margin-bottom: 20px; border: 1px solid #d6e2ef; padding: 3px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; }
div.advcode_toggle { display: none; }
#editor-xtd-buttons { padding: 5px; display: none; }
div.tool-tip { background: #e1f8b9; border: 1px dotted #acd464; color: #529747; padding: 10px; font-size: 12px; }


/* FOOTER STYLES */
#footer { clear: both; font-size: 12px; padding: 20px; background: url(../images/bg-footer.png) no-repeat; margin-left: 100px; width: 860px;
margin: 0 auto; }
#footer p { color: #fff; padding-top: 29px; font-size: 13px; line-height: 16px; }
#footer p a { color: #fff; text-decoration: none; }
#footer p a:hover { color: #f3971b; }
#footer p strong { color: #F3971B; }
#footer p#credits { color: #6B422A; padding-top: 14px; }
#footer p#credits strong { color: #6B422A; }

#footer ul li { float: left; padding-right: 6px; border-right: 1px solid #6B422A; }
#footer ul li.item78 { padding-left: 6px; margin-right: 6px; color: #ff0000; }
#footer p span, #footer p span a { color: #6B422A; text-decoration: none; }
#footer ul li a { color: #6B422A; text-decoration: none; }
#footer ul li a:hover {color: #fff; background: #6B422A;}
#footer p span a:hover { color: #fff; background: #6B422A; }

#footer span#optimization {color: #6B422A; }
#footer span#optimization a { color: #6B422A; text-decoration: none; }
#footer span#optimization a:hover { color: #fff; background: #6B422A; }

/* Add Articles Link */
#addArticle { padding-bottom: 10px; height: 24px; }
#addArticle li { padding: 5px 0; float: left; margin-right: 20px; }
#addArticle a { background:url(../images/add.png) no-repeat; padding: 2px 0 2px 20px; line-height: 18px; }
#addArticle li.item90 a { background: url(../../../images/M_images/edit.png) no-repeat; }

/*********
Pagination
*********/
p.counter { padding: 0; margin: 0; padding: 5px; margin-right: 2px; color: #626992; }
ul.pagination { list-style: none; height: 20px; width: 460px; }
ul.pagination li { float: left; background: #cd1141; padding: 5px 10px; margin-right: 1px; margin-bottom: 4px; color: #fff; font-size: 11px; }
ul.pagination li.activePage { background: #f3971b; }
ul.pagination li strong { }
ul.pagination li a { color: #fff;  }
ul.pagination li a:hover { text-decoration: underline; color: #f3971b; }