/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #368b31; color: #fff; text-shadow: none; }
::selection { background: #368b31; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Maxime Lafontaine (Nurun)
   ========================================================================== */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 5, 2012 11:05:04 AM America/New_York */

@font-face {
    font-family: 'Amaranth';
    src: url('font-face/Amaranth-webfont.eot');
    src: url('font-face/Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/Amaranth-webfont.woff') format('woff'),
         url('font-face/Amaranth-webfont.ttf') format('truetype'),
         url('font-face/Amaranth-webfont.svg#AmaranthRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Amaranth';
    src: url('font-face/Amaranth-Italic-webfont.eot');
    src: url('font-face/Amaranth-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/Amaranth-Italic-webfont.woff') format('woff'),
         url('font-face/Amaranth-Italic-webfont.ttf') format('truetype'),
         url('font-face/Amaranth-Italic-webfont.svg#AmaranthItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Amaranth';
    src: url('font-face/Amaranth-Bold-webfont.eot');
    src: url('font-face/Amaranth-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/Amaranth-Bold-webfont.woff') format('woff'),
         url('font-face/Amaranth-Bold-webfont.ttf') format('truetype'),
         url('font-face/Amaranth-Bold-webfont.svg#AmaranthBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Amaranth';
    src: url('font-face/Amaranth-BoldItalic-webfont.eot');
    src: url('font-face/Amaranth-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/Amaranth-BoldItalic-webfont.woff') format('woff'),
         url('font-face/Amaranth-BoldItalic-webfont.ttf') format('truetype'),
         url('font-face/Amaranth-BoldItalic-webfont.svg#AmaranthBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;

}


/* MISE EN PAGE */

.largeur{ width:960px; margin:0 auto; }
.largeur-logo{ position:relative;}

#page:before, #page:after, .largeur:before, .largeur:after, .colonnesPied:before, .colonnesPied:after, .calendrier-evenements:before, .calendrier-evenements:after, .calendrier-evenements li:before, .calendrier-evenements li:after, .onglets:before, .onglets:after, .ligneForm:before, .ligneForm:after, aside.social:before, aside.social:after, .pagination:before, .pagination:after, .calendrier:before, .calendrier:after { content: ""; display: table; }
#page:after, .largeur:after, .colonnesPied:after, .calendrier-evenements:after, .calendrier-evenements li:after, .onglets:after,.ligneForm:after, aside.social:after, .pagination:after, .calendrier:after { clear: both; }
#page, .largeur, .colonnesPied,.calendrier-evenements, .calendrier-evenements li, .onglets, .ligneForm, aside.social, .pagination, .calendrier { zoom: 1; }

#contenuPrincipal{ width: 440px; float:left; margin:0 20px 1px; padding-bottom:30px; }
#contenuSecondaire, #menuPrincipal{ width:240px; float:left; margin-bottom:1px; }
#page-contenu{ float:right; }

.colonnesPied{ margin-top:30px; }
.colonnesPied .colonne{ float:left; margin-right:10px; }
.colonnesPied .derniere-colonne{ margin-right:0; }
.colonnesPied .colonne{ width:240px; }
.colonnesPied .colonne-petite{ width:210px; }

/* STYLES GÉNÉRIQUES */
/* backgrounds */

body{ background:#eee; background:url(../img/bruit.png) repeat #eee; min-width:970px; }
.zone-mediasSociaux{ background: #ffffff; background: url(../img/bruit.png) repeat, linear-gradient(top, #ffffff 0%,#cccccc 100%); border-bottom:1px solid #ddd; }
.zone-entete, .calendrier-header, .trouverUneCommissionScolaire, footer, .trouverUneCommissionScolaire{ background:#222;  background: url(../img/bruit.png) repeat, linear-gradient(top, #555555 0%,#222222 100%); }
.menuPrincipal, .calendrier-corps{background:#2c7228; background: linear-gradient(top, #368b31 0%,#20541d 100%);}
.bloc-twitter p, .bloc-collaborations, .proposerUnEvenement, aside.social, .pagination, .formSpecial{ background: url(../img/bruit.png) repeat #ddd; }
.bloc-collaborations-contenu{background: url(../img/bruit.png) repeat #eee;}
.bloc-collaborations-contenu blockquote { margin: 0; }
.bloc-blogue, .bloc-rss, .bloc-texte, .calendrier-evenements{ background:#fff; }


/* Styles de base */

body{ color:#333; font-family: Arial, sans-serif; font-size:0.875em; line-height:1.286em; }

#main{padding-bottom: 105px;}
html, body, #wrap { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}

h1,h2,h3,h4,h5,h6{ font-family:"Amaranth", serif; font-weight:bold; color:#222; }
h1, h2{ font-size:1.286em; margin:1.389em 0 0; line-height:1.136em; }
.lt-ie7 h1, lt-ie7 h2{ padding:0; }
h3{ font-family:"Amaranth", serif; font-weight:normal; font-size:1.143em; margin:1.563em 0 -0.625em; }
h4{}
h2 + h3{margin-top:0.5em}


#pageTitle{ background:url(../img/h1.png) top left no-repeat; margin:-6px 0 1.2em -15px; }
#pageTitle h1{ margin:0 0 0 15px; font-size:1.571em;  padding:19px 40px 25px 30px; background:url(../img/separateur-blanc.png) left bottom repeat-x; }


a, a:visited{ color:#368b31; }
a:hover, a:active{ color:#222; }

p{ margin: 1em 0 0;}

ul, ol{  margin-top:0.357em; margin-bottom:0;}
ul{ list-style-image: url(../img/puce.gif);padding-left:20px; }
li{ margin: 0.714em 0 0;}

:-moz-placeholder {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}

table{ font-size:0.929em; margin:1em 0 0; }
table th, table td{ text-align:left; border:1px solid #BBB; padding:4px; }
table p{ padding:0.25em 0; margin:0;}
table th{ background:#DDD;}

address{ font-style:normal }

a.rss{ min-height:9px; background:url(../img/rss.png) right center no-repeat; display:inline-block; padding-right:15px; font-size:0.714em; color:#999; text-decoration:none; float:right; padding:2px 15px 2px 2px; }
a.rss:hover, a.rss:focus{ text-decoration:underline; color:#666; }

img{ vertical-align: text-top; border:1px solid #ddd; border-radius:3px; overflow:hidden; box-shadow: 0px 1px 0px 0px #ffffff;  }
DIV.csc-textpic IMG{ border-color:#ddd;}
a:hover img, a:focus img{ border-color:#999; }
img.raw{ border:none; border-radius:0; box-shadow:none; }
.csc-textpic-caption{font-size:0.786em; color:#777;}

.btn, .btn2{ padding:5px 20px;  border-width:1px; border-style:solid; border-radius:4px; line-height:1em;  }
.lt-ie8 .btn, .lt-ie8 .btn2{ margin-right:5px;}
.btn:focus, .btn2:focus{ outline:1px dotted #555; outline-offset:1px; }
.btn:hover, .btn:focus{ background:#515151; background: linear-gradient(top, rgba(124,124,124,1) 0%,rgba(97,97,97,1) 50%,rgba(81,81,81,1) 51%,rgba(58,58,58,1) 100%); border-color:#444444 #525252 #555555; }
.btn, .btn:active{ background:#2e2e2e; background: linear-gradient(top, rgba(77,77,77,1) 0%,rgba(57,57,57,1) 50%,rgba(46,46,46,1) 51%,rgba(30,30,30,1) 100%);  border-color:#252525 #363636 #555555; color:#FFF; font-weight:bold; }

.btn2:hover, .btn2:focus{ background:#d9d9d9; background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(225,225,225,1) 50%,rgba(217,217,217,1) 51%,rgba(203,203,203,1) 100%); border-color:#d2d2d2 #d8d8d8 #c0c0c0; color:#222; }
.btn2, .btn2:active{ background:#c8c8c8; background: linear-gradient(top, rgba(219,219,219,1) 0%,rgba(208,208,208,1) 50%,rgba(200,200,200,1) 51%,rgba(186,186,186,1) 100%);  border-color:#c1c1c1 #c7c7c7 #aeaeae; color:#444; }


.separateur{ display:block; width:100%; height:2px; background:url(../img/separateur-blanc.png) top left repeat-x; margin:1em 0; }

i.externe{display: inline-block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; line-height:1px; height:11px; width:17px; background:url(../img/lien_externe.gif) right top no-repeat; vertical-align:middle; }

.majuscules {text-transform:uppercase}


/* MODULES DE PAGES */
#logo{ position:absolute; top:0; left:20px; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; background:url(../img/logo_fcsq.png) top left no-repeat; width:240px; height:149px;  z-index:2;}
#logo a { display: block; }
#logoMore{ position:absolute; top:-1px; left:-9980px; display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; background:url(../img/logo_suite.png) top left repeat-x; width:10000px; height:149px;  z-index:5;}

/* Zones */
.zone-mediasSociaux{ padding:7px 0 4px; }
.zone-entete{ padding:5px 0; }
footer{ padding:15px 0 0px 0; margin:0px 0 0;  
  position: relative;
  margin-top: -85px; /* negative value of footer height */
  height: 90px;
  clear:both;}

/* Menu Médias Sociaux */
.mediasSociaux{ float:right; font-size:0.786em; text-transform:uppercase; margin-right:-5px; }
.mediasSociaux li{ float:left; margin:0 0 0 5px; padding:0; }
.mediasSociaux a{ cursor:pointer; text-decoration:none; line-height:25px; min-height:25px; margin:0; padding:3px 34px 0 5px; position:relative; }
.mediasSociaux a:hover, .mediasSociaux a:active, .mediasSociaux a:focus{ text-decoration:underline; }
.mediasSociaux .icon{ display:inline-block; width:24px; height:25px; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-12px; right:5px; }

.mediasSociaux .icon-bulletin{ background-position:-120px 0; }
.mediasSociaux .icon-blogue{ background-position:0 0; }
.mediasSociaux .icon-twitter{ background-position:-24px 0;}
.mediasSociaux .icon-youtube{ background-position:-48px 0;}
.mediasSociaux .icon-rss{ background-position:-72px 0; }
.mediasSociaux .icon-facebook{ background-position:-96px 0; }
.mediasSociaux .icon-linkedin{ background-position:-144px 0; }

.mediasSociaux a:hover .icon-bulletin, .mediasSociaux a:focus .icon-bulletin{ background-position:-120px -25px; }
.mediasSociaux a:hover .icon-blogue, .mediasSociaux a:focus .icon-blogue{ background-position:0 -25px; }
.mediasSociaux a:hover .icon-twitter, .mediasSociaux a:focus .icon-twitter{ background-position:-24px -25px;}
.mediasSociaux a:hover .icon-youtube, .mediasSociaux a:focus .icon-youtube{ background-position:-48px -25px;}
.mediasSociaux a:hover .icon-rss, .mediasSociaux a:focus .icon-rss{ background-position:-72px -25px; }
.mediasSociaux a:hover .icon-facebook, .mediasSociaux a:focus .icon-facebook{ background-position:-96px -25px; }
.mediasSociaux a:hover .icon-linkedin, .mediasSociaux a:focus .icon-linkedin{ background-position:-144px -25px; }

.mediasSociaux a:active .icon-bulletin{ background-position:-120px -50px;}
.mediasSociaux a:active .icon-blogue{ background-position:0 -50px; }
.mediasSociaux a:active .icon-twitter{ background-position:-24px -50px;}
.mediasSociaux a:active .icon-youtube{ background-position:-48px -50px;}
.mediasSociaux a:active .icon-rss{ background-position:-72px -50px; }
.mediasSociaux a:active .icon-facebook{ background-position:-96px -50px; }
.mediasSociaux a:active .icon-linkedin{ background-position:-144px -50px; }

header .mediasSociaux .icon{ background-image:url(../img/social-header.png);}
header .mediasSociaux a{ color:#666; }
header .mediasSociaux a:hover, header .mediasSociaux a:active, header .mediasSociaux a:focus{ color:#222;}

footer .mediasSociaux .icon{ background-image:url(../img/social-footer.png);} /* Changer l'image pour footer */
footer .mediasSociaux a{ color:#999; }
footer .mediasSociaux a:hover, footer .mediasSociaux a:active, footer .mediasSociaux a:focus{ color:#FFF;}


/* Menu Raccourcis */
.menuRaccourcis{ float:left; margin:0 0 0 -5px; padding:0; font-size:0.929em; text-transform:uppercase; }
.menuRaccourcis li{ float:left; margin:0 6px 0 0; padding:0; }
.menuRaccourcis a{ display:inline-block; padding:5px; text-decoration:none; color:#999; }
.ie .menuRaccourcis a, .lt-ie8 .menuRaccourcis a { padding: 6px 5px 4px; }
.menuRaccourcis .actif a{ color:#FFF; }
.menuRaccourcis a:hover, .menuRaccourcis a:focus{ color:#FFF; text-decoration:underline;}
.menuRaccourcis a:active{ color:#999;}

.zone-entete .menuRaccourcis { margin-left:215px; position:relative; z-index:10;}

/* Outils */
.outils{ float:right; padding:2px 0; }
/* Formulaire recherche */
  #formRecherche{ float:left; width:259px; }
  #input-rechercher{ vertical-align:top; width:225px; padding:5px 4px 3px; border:0; font-size:0.786em; border:1px solid #FFF; border-radius: 3px; background:#FFF; background: linear-gradient(top, #eeeeee 0%,#ffffff 76%); margin-right:10px; box-shadow: 0px 1px 0px 0px #555555; }
  .lt-ie8 #formRecherche{ width:269px;}
  #input-rechercher:focus{ box-shadow: 0px 0px 3px 3px #72c46e; }
  .btn-recherche{ overflow:hidden; text-indent:-999px; vertical-align:top; border:0; padding:0; margin:0; width:24px; height:25px; background:url(../img/recherche.png) top left no-repeat; }
  .btn-recherche:hover, .btn-recherche:focus{ background-image:url(../img/recherche-hover.png); }
  .btn-recherche:active{ background-image:url(../img/recherche-actif.png)}

  /* Bouton taille du texte */
  #tailleDuTexte{ float:left; background:url(../img/separateur-vertical.gif) left center repeat-y; padding-left:12px; margin-left:10px;}
 .btn-tailleDuTexte {overflow:hidden; text-indent:-999px; display:block; vertical-align:middle; border:0; padding:0; margin:0; width:24px; height:25px; background:url(../img/tailleTexte.png) top left no-repeat; }
   .btn-tailleDuTexte:hover, .btn-tailleDuTexte:focus{ background-image:url(../img/tailleTexte-hover.png); }
  .btn-tailleDuTexte:active{ background-image:url(../img/tailleTexte-actif.png)}

/* Copyright (pied de page) */
footer .copyright{ clear:both; color:#999; font-size:0.857em }

/*  Fil d'ariane */
.filAriane{position:relative; z-index:10; font-size:0.857em; margin:23px 0 20px 184px;}
.filAriane a, .filAriane strong{ display:inline-block; padding:5px; text-decoration:none; }
.filAriane a:hover, .filAriane a:focus{ text-decoration:underline; }
.filAriane .icon{  vertical-align:middle; text-indent:-99999px; display:inline-block; width:6px; height:10px; overflow:hidden; background:url(../img/puce.gif) top center no-repeat; }
.lt-ie8 .filAriane .icon{ vertical-align: text-top;}


/* Menu principal */
.menuPrincipal{ line-height:1em; font-family:"Amaranth", serif; padding:7px 0 23px; border-radius:3px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2); margin:0 0 15px; }
.menuPrincipal li{ margin:0 20px; background:url(../img/separateur.png) bottom left repeat-x; padding-bottom:2px;}
.menuPrincipal ul, .menuPrincipal a{ margin:0 -20px; }
.menuPrincipal a{ position:relative; display:block; padding:14px 38px 10px 20px; color:#FFF; text-decoration:none; }
.menuPrincipal a{color:#FFF; font-size: 1.077em;}
.menuPrincipal a:hover, .menuPrincipal a:focus, .menuPrincipal .ouvert > a, .menuPrincipal .actif > a{ background-color:#22591f; background-color:rgba(0,0,0,.3); }
.menuPrincipal a:hover, .menuPrincipal a:focus{ text-decoration:underline; }
.menuPrincipal a .icon{ width:8px; height:8px; display:block; position:absolute;  bottom:9px; right:25px; background:url(../img/menu-fermer.gif) top right no-repeat;}
.lt-ie8 .menuPrincipal a .icon { bottom: 13px;}
.lt-ie7 .menuPrincipal a .icon{  top:1.5em; right:4px; }
.menuPrincipal .ouvert > a .icon{ background-image:url(../img/menu-ouvert.gif) }
.menuPrincipal .ouvert  a .icon{ background-image:url(../img/menu-ouvert.gif) }
.menuPrincipal .ouvert ul{ margin-bottom:-2px;}
.menuPrincipal ul{ font-size:0.929em; background:#FFF; font-family:Arial,sans-serif; padding-bottom:10px; position:relative; }
.menuPrincipal > li > ul:before{background: linear-gradient(top, rgba(127,127,127,0.5) 0%,rgba(127,127,127,0) 100%); content:""; display:block; width:100%; height:5px; position:absolute; top:0; pointer-events: none; }
.menuPrincipal > li > ul:after{background: linear-gradient(top, rgba(127,127,127,0) 0%,rgba(127,127,127,0.5) 100%); content:""; display:block; width:100%; height:5px; position:absolute; bottom:0; pointer-events: none; }
.menuPrincipal ul li{ background-image:none; padding-bottom:0; border-bottom:1px solid #eee; }
.menuPrincipal ul a{ color:#368b31; padding:0.615em 20px 0.692em 36px; background:url(../img/puce.gif) 20px 0.95em no-repeat; margin-bottom:-1px; }
.menuPrincipal ul a:hover, .menuPrincipal ul a:focus{ color:#222; }
.menuPrincipal ul a:hover, .menuPrincipal ul a:focus, .menuPrincipal ul .ouvert > a, .menuPrincipal ul .actif > a{ background-color:#e5e5e5; background-color:rgba(0,0,0,.1); color:#222; }
.menuPrincipal ul .actif > a{ background-image:url(../img/puce-actif.gif); }
.menuPrincipal ul ul{ font-size: 0.923em; padding:0; }
.menuPrincipal ul ul li{ border:none; }
.menuPrincipal ul ul a{ padding-left:52px; background-position:36px 0.78em; margin-bottom:0; padding:0.417em 20px 0.417em 50px; }
.menuPrincipal ul ul a:hover, .menuPrincipal ul ul a:focus, .menuPrincipal ul ul .ouvert > a, .menuPrincipal ul ul .actif > a{ background-color:#f5f5f5; background-color:rgba(0,0,0,0.075); color:#222; }
.menuPrincipal ul ul ul{ font-size: 0.923em; padding:0; }
.menuPrincipal ul ul ul li{ border:none; }
.menuPrincipal ul ul ul a{ padding-left:52px; background-position:52px 0.78em; margin-bottom:0; padding:0.417em 20px 0.417em 64px; }
.menuPrincipal ul ul ul a:hover, .menuPrincipal ul ul ul a:focus, .menuPrincipal ul ul ul .ouvert > a, .menuPrincipal ul ul ul .actif > a{ background-color:transparent; color:#222; }
.menuPrincipal ul .ouvert > a{ margin-bottom:0; }


/* Styles générique pour bouton spécial */
.trouverUneCommissionScolaire, .proposerUnEvenement{ position:relative; display:block; font-family:"Amaranth", serif; text-decoration:none; padding:17px 20px 17px 60px; line-height:1.1em; }
.trouverUneCommissionScolaire span, .proposerUnEvenement span{ display:block; text-transform:uppercase; font-family:"Amaranth", serif; font-weight:bold; }
.trouverUneCommissionScolaire:hover, .trouverUneCommissionScolaire:focus, .proposerUnEvenement:hover, .proposerUnEvenement:focus{ text-decoration:underline; }
.trouverUneCommissionScolaire .icon, .proposerUnEvenement .icon{ background-position:0 0; background-repeat:no-repeat; width:32px; height:33px; display:block; position:absolute; top:50%; left:20px; margin-top:-17px; }
.trouverUneCommissionScolaire:hover .icon, .trouverUneCommissionScolaire:focus .icon, .proposerUnEvenement:hover .icon, .proposerUnEvenement:focus .icon{ background-position: 0 -33px; }

a.trouverUneCommissionScolaire{ border-radius:3px; color:#FFF; border-top:1px solid #434343; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2); }
.trouverUneCommissionScolaire .icon{ background-image:url(../img/btn-trouver.png); }
.proposerUnEvenement .icon{ background-image:url(../img/btn-evenement.png); }
a.proposerUnEvenement{ color:#222; box-shadow: inset 0px 30px 10px -30px rgba(0, 0, 0, .2);  }
a.proposerUnEvenement span{ color:#368b31; background:url(../img/plus-noir.gif) center right no-repeat; padding-right:13px;}
a.proposerUnEvenement:hover span, a.proposerUnEvenement:focus span{ color:#222; }

.bulletinFCSQ span { font-size:1.286em; color:#368b31; font-family:"Amaranth", serif; font-weight:bold;  text-decoration: underline; }
.bulletinFCSQ .icon{ background-position:0 0; background-repeat:no-repeat; width:240px; height:73px; display:block;  }
.bulletinFCSQ .icon{ background-image:url(../img/gros-bouton.png); }

.formationFCSQ span { font-size:1.286em; color:#368b31; font-family:"Amaranth", serif; font-weight:bold;  text-decoration: underline; }
.formationFCSQ .icon{ background-position:0 0; background-repeat:no-repeat; width:240px; height:73px; display:block;  }
.formationFCSQ .icon{ background-image:url(../img/bouton-final.png); }
/*a.bulletinFCSQ { border-radius:3px; color:#FFF }*/

/* blocs */

.calendrier, .bloc-blogue, .bloc-rss, .bloc-texte { border-radius: 3px; margin-bottom:15px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);  }


/* Calendrier */
.calendrier-fin{ border-radius:0 0 3px 3px; }
.calendrier-header{border-radius:3px 3px 0 0; position:relative; text-align:center; padding:16px 10px 16px; }
.calendrier header h1{ font-size:1.143em; font-family:"Amaranth", serif; font-weight:normal; text-transform:uppercase; line-height:1em; margin:0; padding:0 29px; color:#FFF; }
.calendrier header h1 a{ color:#FFF; text-decoration:none; }
.calendrier header h1 a:hover, .calendrier header h1 a:focus{ text-decoration:underline; }
.calendrier-btnPrecedent, .calendrier-btnSuivant{ position:absolute; top:12px; left:10px; text-indent:-99999px; width:24px; height:25px; border:none; background:url(../img/btn-PrecedentSuivant.png) 0 0 no-repeat; }
.calendrier-btnSuivant{ background-position:-24px 0; left:auto; right:10px; }
.calendrier-btnPrecedent:hover, .calendrier-btnPrecedent:focus {background-position:0 -25px; }
.calendrier-btnSuivant:hover, .calendrier-btnSuivant:focus{ background-position:-24px -25px; }
.calendrier-corps{ padding:16px 10px; }
.calendrier-corps select{ width:100%; padding:2px 3px; border-radius:3px; border:1px solid #2e752b; box-shadow: 0px 1px 0px 0px #51a74c; color:#666; }
.calendrier-corps table{font-size:1em; margin:10px 0 0; width:100%; color:#c9eec7; text-align:center; line-height:1em; }
.calendrier-corps thead{ font-weight:bold; color:#FFF; }
.calendrier-corps table td, .calendrier-corps table th{ border:none; text-align:center;  width:14%; padding:0; }
.calendrier-corps table th{ background:url(../img/separateur.png) left bottom repeat-x; padding-bottom:0.5em; }
.calendrier-corps span, .calendrier-corps a{ display:block; border:1px solid transparent; padding:0; line-height:1.3em; max-width:27px; margin:2px auto; }
.calendrier-corps .evenement a, .calendrier-corps .evenement span{ border:1px solid #1c1c1c; font-weight:bold; color:#FFF; background:#1c1c1c; background: linear-gradient(top, rgba(68,68,68,1) 0%,rgba(0,0,0,1) 100%); text-decoration:none; }
.calendrier-corps .evenement a:hover, .calendrier-corps .evenement a:focus{ border-color:#75da6f }
.calendrier-corps .aujourdhui span, .calendrier-corps .aujourdhui a{ border:1px solid #FFF; font-weight:bold; color:#FFF; }

table{ font-size:0.929em; margin:1em 0 0; width:100%; }
table th, table td{ text-align:left; border:1px solid #BBB; padding:4px; }
table p{ padding:0.25em 0; margin:0;}
table th{ background:#DDD;}

/* Événements à venir */
.calendrier-evenements{ padding:0 10px 0;}
.calendrier-evenements h2{ margin:0 2.2em 0 0; line-height:1em; font-size:1.214em; }
.calendrier-evenements header{ padding: 16px 0 12px; margin-bottom:12px; background:url(../img/separateur-blanc.png) left bottom repeat-x; position:relative; }
.lt-ie7 .calendrier-evenements header{ padding-top:0 }
.calendrier-evenements .rss{ position:absolute; bottom:0; right:0; margin-bottom:8px;}

.calendrier-evenements ul{ margin:0 0 12px; padding:0; font-family:"Amaranth", serif; }
.calendrier-evenements li{ list-style:none; margin:0 0 0 3.5em; padding:0.3em 0 5px;}
.calendrier-evenements .date{
  padding:0.4em 0;
  line-height:1.3em;
  font-weight:normal;
  display:block;
  min-width:2.8em;
  float:left;
  margin-left:-3.5em;
  text-transform:uppercase;
  text-align:center;
  background:#222;
  background: linear-gradient(top, rgba(84,84,84,1) 0%,rgba(35,35,35,1) 100%);
  border-radius:3px;
  color:#FFF;
  margin-top:-0.3em;
}
.calendrier-evenements .date span{ font-size:1.429em; display:block; }
.calendrier-evenements a{ text-decoration:none; }
.calendrier-evenements a:hover, .calendrier-evenements a:focus{ text-decoration:underline; color:#222; }
.calendrier-evenements a .icon{ display:inline-block; padding-left:0.4em; width:8px; height:7px; background:url(../img/plus.gif) right center no-repeat; vertical-align: middle;}
.lt-ie8 .calendrier-evenements a .icon{ display:inline; zoom: 1;}
.calendrier-evenements .aucun{ margin-bottom:17px;}

/* Blocs*/

.bloc{ color:#555; margin-bottom:15px; }
.bloc h2{ font-weight:normal; margin:0; padding:0;  }
.bloc a{ text-decoration:none; }
.bloc a:hover, .bloc-blogue a:focus, .bloc-rss a:focus, .bloc-texte a:focus{ text-decoration:underline; }
.bloc p{ font-size:0.929em; }

.bandeau{ background:url(../img/bandeau.png); position:absolute; bottom:5px; width:100%; }
.bloc-collaborations header, .bloc-carrieres header{ position:relative; min-height:133px; border:1px solid #ddd; background: top right no-repeat;}
.bloc-carrieres h1,  .bloc-collaborations h1{ margin:3px 8px; color:#FFF;}
.lt-ie7 .bloc-carrieres h1, .lt-ie7  .bloc-collaborations h1{ padding:0; }
.lt-ie7 .bloc-carrieres h1{ padding-left:30px;}
.bloc-carrieres h1 a, .bloc-collaborations h1 a{ color:#FFF; }


/* Bloc blogue, rss */
.bloc-blogue, .bloc-rss, .bloc-texte{ padding:0 10px 15px; }
.bloc-blogue header, .bloc-rss header, .bloc-texte header{ padding: 12px 0 12px; margin-bottom:12px; background:url(../img/separateur-blanc.png) left bottom repeat-x; position:relative; }
.bloc-blogue header h1, .bloc-rss header h1, .bloc-texte header h1{ margin:0 2.2em 0 0; min-height:32px; line-height:1em; font-size:1.214em; padding-left:40px; background:
  url(../img/icon-blogue.png) left center no-repeat; }
.lt-ie7 .bloc-blogue header h1, .lt-ie7 .bloc-rss header h1, .lt-ie7 .bloc-texte header h1{ padding:0;}
.lt-ie7 .bloc-rss header h1, .lt-ie7 .bloc-blogue header h1, { padding-left:40px;}
.bloc-rss header h1{ background: url(../img/icon-rss.png) left center no-repeat; }
.bloc-texte header h1{ background: none; min-height:0; padding-left:0;}
.bloc-blogue header h1 a, .bloc-rss header h1 a, .bloc-texte header h1 a{ color:#222; }
.bloc-blogue .rss{ position:absolute; bottom:0; right:0; margin-bottom:8px;}
.savoirPlus .icon{ display:inline-block; padding-left:0.4em; width:8px; height:7px; background:url(../img/plus.gif) right center no-repeat; vertical-align: middle;}
.savoirMoins .icon{ display:inline-block; padding-right:0.4em; width:8px; height:7px; background:url(../img/precedent.gif) left center no-repeat; vertical-align: middle;}
.lt-ie8 .savoirPlus .icon, .lt-ie8 .savoirMoins .icon { display: inline; zoom: 1;}
.lt-ie8 .bloc-blogue header h1{ width:143px }

/* Bloc Twitter */
.bloc-twitter p{ border-radius:3px; border-bottom:1px solid #FFF; padding:15px; box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, .05);  }
.twit {
    background: url("../img/bulle_twitter.png") no-repeat scroll left top transparent;
    height: 32px;
    margin-top: -1px;
    width:88px;
  float:left;
}
.bloc-twitter .author{
  float:left;
  font-family: Amaranth, sans-serif;
  color:#222;
  padding:10px 5px 0 0;
  font-size:1.2em;
}


/* Bloc Carrières */
.bloc-carrieres header{ background-image:url(../img/jobs.jpg);}

.bloc-carrieres h1{ margin:3px 8px; padding-left:30px; color:#FFF; background:url(../img/icon-collaboration.png) 0 center no-repeat; }
.bloc-carrieres h1 a{ color:#FFF; }
.bloc-carrieres .rss{ position:absolute; margin-right:5px; bottom:0; right:0; color:#FFF; }
.bloc-carrieres .rss:hover, .bloc-carrieres .rss:focus{ color:#FFF; }

/* Bloc Collaboration */
.bloc-collaborations{ padding:10px; border-radius:3px; border-bottom:1px solid #FFF; box-shadow: inset 0px 3px 4px 0px rgba(0, 0, 0, .05); }
.bloc-collaborations-contenu{ padding:10px; border-radius:3px; }
.bloc-collaborations header{ background-image:url(../img/collaboration.jpg); min-height:113px; }
.bloc-collaborations .bandeau{ background-position: right center;}
.bloc-collaborations h1{ margin-right:32px;}


/* Articles News*/
article.nouvelle{ background:url(../img/separateur-blanc.png) bottom left repeat-x; padding-bottom:1.25em; }
.lt-ie7 article.nouvelle{ background:none; border-bottom:1px solid #ddd}
article.nouvelle h2{ font-weight:normal; margin-top:0.833em; }
.lt-ie7 article.nouvelle h2{ padding:0;}
article.nouvelle h2 a{ text-decoration:none; }
article.nouvelle h2 a:hover, article.nouvelle h2 a:focus{ text-decoration:underline; }
.listeNouvelles article.nouvelle .date{ color:#777; font-size:0.857em; }
.listeNouvelles article.nouvelle p{ margin-top:0.25em; }

.surtitre{ font-weight:normal; display:block; font-family:Arial, sans-serif; font-size:0.72em; font-style: italic }
.soustitre{ display:block; font-family:Arial, sans-serif; font-weight:bold; margin-bottom:0.5em; font-size:0.78em; }

#pageTitle .soustitre{ margin-bottom:-0.5em;}

/* Articles Fichiers Complexe*/
article.fichierComplexe h2{ font-size:1.2em; font-weight:normal; margin-top:0.833em; }
article.fichierComplexe{ background:url(../img/separateur-blanc.png) bottom left repeat-x; padding-bottom:1.25em; }

/* Onglets */
.avecOnglets{ margin-bottom:1.5em;}
.grpOnglets{ padding-bottom:2px; background:url(../img/separateur-blanc.png) bottom left repeat-x; }
.onglets{ overflow:hidden; list-style:none; margin:1em 0 0; padding:0;font-family:"Amaranth", serif; font-weight:normal; }
.onglets li{ position:relative; line-height:1em; margin:0 24px 0 -4px; float:left; background:url(../img/onglets.png) left -80px no-repeat; padding:18px 0 12px 16px; cursor:pointer; color:#FFF; }
.onglets li.actif{ background-position:left 0; color:#333; }
.onglets li:hover{ text-decoration:underline; }
.onglets li span{ display:block; width:51px; height:50px; position:absolute; top:0; right:-51px; background:url(../img/onglets.png) right -80px no-repeat; pointer-events: none; }
.onglets li.actif span{ background-position: right 0;}


/* Onglet ie7 et moins */
.lt-ie8 .onglets li span{ display:none; }
.lt-ie8 .onglets li { background:#2c7228; padding:12px 12px 10px; margin:0 5px 0 0 }
.lt-ie8 .onglets li.actif{ background:#FFF;}

/* Spécial Présidente */
#presidente{ background:url(../img/separateur-blanc.png) bottom left repeat-x; }
.presidente-contenu{padding-right:225px; min-height:205px;background:url(../img/presidente.png) right bottom no-repeat; padding-bottom:1em; }

/* Formulaires */
.ligneForm{ margin-left:125px; margin-top:1em; }
.lt-ie8 .ligneForm{ zoom:0;}
.ligneForm label, .ligneForm .label{ float:left; margin-left:-125px; margin-top:0.3em; width:117px;  }
.ligneForm .input{ padding:0.3em 5px; line-height:1em; border-radius:3px; border:1px solid #ddd; color:#999; background: linear-gradient(top, #eeeeee 0%,#ffffff 76%); box-shadow: 0px 1px 0px 0px #FFF; font-family:Arial, sans-serif; margin-right:5px; max-width: 295px; }
.ligneForm .input:focus{ border-color:#4bab46; color:#666; }
.ligneForm .input-large{ width:295px; }
.ligneForm .input-medium{ width:139px; }
.ligneForm .input-petit{ width:87px; }
.ligneForm .aide{ display:block; color:#777; margin-top:0.3em; font-size:0.857em }
.ligneForm .loading img, .ligneForm .success img, .ligneForm .error img { border: none; box-shadow: none; border-radius: none; -moz-box-sizing: none;}

.formVertical label, .formVertical .label{ width:auto; float:none; display:block; margin-left:0; margin-bottom:0.2em; }
.formVertical .ligneForm{ margin-left:0;}

label.choice{ float:none; margin-left:20px; display:block; width:auto; }
label.choice-inline{ width:auto; margin-right:1.3em; display:inline-block;}
label.choice input{ vertical-align: text-top; margin:1px 0 0 -20px;}
.ie label.choice input{vertical-align:baseline;}

.boutonsDroite{ text-align:right; }

input, select, textarea, .ligneForm .input{ max-width:100% !important;  box-sizing: border-box; }


legend{ font-size:1.286em; font-family:"Amaranth", serif; font-weight:bold; }


/* Tirroirs */
.avecTirroirsJs .titreTirroir{ min-height:17px; padding-left:25px; font-size:1em; font-family:Arial, sans-serif; font-weight:bold; color:#368b31; cursor:pointer; }
.avecTirroirsJs .titreTirroir:hover{ color:#222; text-decoration:underline; }
.avecTirroirsJs .titreTirroir .icon{ width:16px; height:17px; display:inline; float:left; margin-left:-25px; background:url(../img/tirroirs.png) top left no-repeat;}
.avecTirroirsJs .ouvert .icon{ background-position:0 -17px;}
.avecTirroirsJs .contenuTirroir{ margin-top:-1em;}
.avecTirroirs { padding-bottom:0.8em; margin-top:1em; background:url(../img/separateur-blanc.png) bottom left repeat-x;  }
.avecTirroirs .titreTirroir{ background:url(../img/separateur-blanc.png) top left repeat-x; margin-top:0.8em; padding-top:0.7em; }

/* Barre d'outils sociaux */
aside.social{ border-top:1px solid #d6d6d6; border-bottom:1px solid #FFF; padding:0 10px 7px; margin:1em 0; }
aside.social div{ float:left; margin-top:7px;}
.imprimer{ font-size:0.857em; }
.imprimer a{ color:#222; text-decoration:none; display:inline-block; min-height:16px; background:url(../img/imprimer.png) left center no-repeat; padding:2px 0 2px 24px; }
.imprimer a:hover, .imprimer a:focus{ text-decoration:underline; }



/* Pagination */

.pagination{ margin:1em 0;border-top:1px solid #d6d6d6; border-bottom:1px solid #FFF; padding:7px 5px;}

.pagination ul{ margin:0; padding:0; list-style:none; text-align:center; }
.pagination li{ display:inline; margin:0; }
.pagination a, .pagination span{ display:inline-block; padding:2px 7px; text-decoration:none; }
.pagination span.more{ padding:2px 2px; }
.pagination a:hover, .pagination a:focus{ text-decoration:underline; }
.pagination li.actif{ font-weight:bold; }
.pagination li.precedent{ background:url(../img/separateur-vertical-blanc.gif) right top repeat-y; padding-right:5px; float:left; }
.pagination li.suivant{ background:url(../img/separateur-vertical-blanc.gif) left top repeat-y; padding-left:5px; float:right; }
.pagination li.suivant, .pagination li.precedent{ color:#999; }
.pagination li.suivant .icon, .pagination li.precedent .icon{ display:inline-block; width:8px; height:8px; background-repeat:no-repeat; background-position:top left; vertical-align: middle;}
.lt-ie8 .pagination li.suivant .icon, .lt-ie8 .pagination li.precedent .icon{ display:inline; zoom: 1;}

.pagination li.precedent .icon{background-image:url(../img/precedent.gif); margin-right:5px; }
.pagination li.suivant .icon{ background-image:url(../img/plus.gif); margin-left:5px; }

.lt-ie8 .pagination li.suivant, .lt-ie8 .pagination li.precedent{ float:none; }

/* Erreur */
.erreurs{ color:#ea4d4d; margin:1em 0;  }
.erreurs h2{ color:#dc2929; font-weight:normal; }
.erreurs ul li{ margin:0;}
.erreurs ul li a{ color:#ea4d4d;}
.erreur .input{ border-color:#ea4d4d}


/* Formulaire spécial */
.formSpecial{ padding:1px 15px 1em; margin:1em 0 1em;}
.lt-ie8 .formSpecial{ padding-top:15px;}
.formSpecial fieldset{ margin:1em 0; }
.formSpecial .separateur{ background:none; height:0; border-top:1px solid #d3d3d3; border-bottom:1px solid #FFF; }

/* Photo entête */
.photoEntete{ margin-bottom:20px; background-color:#eeeeee; background-position:center center; background-repeat:no-repeat; border-bottom:1px solid #FFF; }
.photoEnteteOver{ min-height:319px; background:url(../img/overEntete.png) bottom center no-repeat; box-shadow: inset 0px 15px 10px -10px rgba(0, 0, 0, 0.4);  }


/* Appel à l'action */
.appelAction{float:right; width:480px; margin-top:20px; }
.titreAppelAction{ background:#222; border-radius:3px; background:rgba(0,0,0,0.7); color:#FFF; padding:10px 10px 13px 30px; font-size:1.429em; font-style:italic;font-family:"Amaranth", serif; line-height:1.3em; text-indent:-20px; }
a.lienAppelAction:link,a.lienAppelAction:visited,a.lienAppelAction:active{ color:#FFF; display:block; background:url(../img/appelAction.png) left bottom no-repeat; width:280px; padding: 9px 90px 19px 30px; color:#FFF; text-decoration:none; }
a.lienAppelAction:hover, a.lienAppelAction:focus{ text-decoration:underline; }
a.lienAppelAction .icon{ width:8px; height:9px; display:inline-block; background:url(../img/menu-fermer.gif) right center no-repeat; padding-left:0.4em; }

/* Magazine */
table.magazine{ margin-top:0.5em;}
table.magazine td{ background:url("http://dev.fcsq.qc.ca/fileadmin/templates/fcsq/css/../img/separateur-blanc.png") repeat-x scroll left bottom transparent; }
table.magazine p{ margin: 0.5em 0;}
table.magazine td.page{ padding:0.5em; width:2.5em; text-align:right;  }

/* Override TYPO3 */
div.csc-textpic div.csc-textpic-single-image img{ margin-bottom:0; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img, div.csc-textpic-border div.csc-textpic-single-image img{ border:1px solid #ddd; }
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image a:hover img, div.csc-textpic-border div.csc-textpic-single-image a:hover img, div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image a:focus img, div.csc-textpic-border div.csc-textpic-single-image a:focus img{ border-color:#999; }


/* Sondage */
.tx-jkpoll-pi1 {
}
  .tx-jkpoll-pi1 .poll .field {
    margin: 0 0 9px;
  }
    .tx-jkpoll-pi1 .poll .field label {
      float: left;
      display: block;
      font: 1em/1em Arial;
      text-align: left;
      margin: 0 6px 0 6px;
      width: 5em;
    }

    .tx-jkpoll-pi1 .poll .field input,
    .tx-jkpoll-pi1 .poll .field .label,
    .tx-jkpoll-pi1 .poll .field .bar,
    .tx-jkpoll-pi1 .poll .field .percentage {
      float: left;
      display: block;
      font: 1em/1em Arial;
    }

    .tx-jkpoll-pi1 .poll .field .label {
      width: 5em;
    }

    .tx-jkpoll-pi1 .poll .field .bar {
      overflow: hidden;
      margin: 0 0 0 4px;
      width: 5em;
    }
      .tx-jkpoll-pi1 .poll .field .bar div {
        background-repeat: repeat-x;
        background-position: 0 50%;
        height: 14px !important;
      }

    .tx-jkpoll-pi1 .poll .field .percentage {
      margin: 0 0 0 4px;
      text-align: right;
      width: 3.5em;
    }


  .tx-jkpoll-pi1 .actions {
      text-align: center;
  }
    .tx-jkpoll-pi1 .actions .jk_poll_link_to_poll {
        font-size: 0.929em;
    }
.tx-jkpoll-pi1 .poll-choices{ margin-top:0.7em; margin-left:6px}


/* Inscription intranet */

form#intranet-subscription {
  margin: 1em 0 0;
}

/* Offres d'emploi */
.offresEmplois dd{ margin:0 0 1em; }
.offresEmplois dt{font-family:"Amaranth", serif; font-weight:normal; font-size:1.143em; margin:0 0 0.3em }

/* Liste des RSS */
.listeRss .label-rss{ display:block; margin:0 0 0.2em; }
.listeRss .icon-rss{ text-decoration:none !important; background:url(../img/rss.png) right center no-repeat; display:inline-block; margin-right:0.5em; height:14px; width:14px; vertical-align:text-bottom; }
.listeRss .ligneForm .input-large{ width:430px;}

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.align-left{ text-align:left; }
.align-center{ text-align:center; }
.align-right{ text-align:right; }

/* ==|== media queries ====================================================== */

/* Small screen */
@media only screen and (max-width: 1000px) and  (min-width: 768px)  {
  body{ min-width:740px}
  .largeur{ width:740px; margin:0 auto; }
  #logo{ left:5px; }
  #formRecherche{ width:184px; }
  .lt-ie8 #formRecherche{ width:194px;}
  #logoMore{ left:-9995px }
  .filAriane{ margin-left:169px; }
  #input-rechercher { width: 150px; }
  .zone-entete .menuRaccourcis{ margin-left:200px;}
  .menuRaccourcis li{ margin-right: 2px; }
  .mediasSociaux li{ margin-left:2px;}
  .titreAppelAction{ font-size:1.2em; }
  .appelAction{ width:410px; }
  #contenuSecondaire, #menuPrincipal{ width:190px;}
  #contenuPrincipal{ margin:0 10px; width:335px;}
  .trouverUneCommissionScolaire, .proposerUnEvenement{ padding:13px 10px 13px 50px; }
  .trouverUneCommissionScolaire .icon, .proposerUnEvenement .icon{ left:10px; }

  .onglets li{ padding:18px 6px 12px 12px; margin-right:6px; background-image:url(../img/onglets-carre.png); }
  .onglets li span{ background-image:url(../img/onglets-carre.png); width:6px; right:-6px;}

  #pageTitle{ background-image:url(../img/h1-smaller.png); margin:-6px 0 0 -10px; }
  .colonnesPied .colonne{ width:185px; margin-right: 8px; overflow: hidden;}
  .colonnesPied .derniere-colonne{ margin-right:0; }
  .colonnesPied .colonne-petite{ width:160px; }
  .bloc-collaborations .bandeau{ background-position:left center; }


  .presidente-contenu{ background-image:url("../img/presidente-smaller.png"); padding-right:140px; }
  .photoEnteteOver{ min-height:280px; }

  .listeRss .ligneForm .input-large{ width:325px;}
}

@media only screen and (max-width: 1000px)  {
  .pagination .precedent, .pagination .suivant{ display:none; }
  .onlyNextPrevious .precedent, .onlyNextPrevious .suivant{ display:inherit; }
  .ligneForm label, .ligneForm  .label{ float:none; display:block; margin-left:0; margin-bottom:0.2em; }
  .ligneForm{ margin-left:0;}

  label.choice{ float:none; margin-left:20px; display:block; width:auto; }
  label.choice-inline{ width:auto; margin-right:1.3em; display:inline-block;}
  label.choice input{ vertical-align: text-top; margin:1px 0 0 -20px;}
  .mediasSociaux{ margin-right:0;}
}

/* smaller than Tablet */
@media only screen and (max-width: 767px) {
  body{ min-width:inherit;}
  .zone-mediasSociaux, header .menuRaccourcis, .photoEntete, #logoMore, #tailleDuTexte, #menuPrincipal .trouverUneCommissionScolaire, .colonnesPied, .filAriane{ display:none;}
  .largeur, #contenuPrincipal, #contenuSecondaire, #menuPrincipal, .colonnesPied .colonne, #page-contenu, .outils, #formRecherche { width:auto; float:none;  }
  #logo{ position: relative; background:none; height:auto; width:auto; left:auto; overflow:visible; text-indent:0; top: auto; }
  #logo img{ border:none; box-shadow:none; padding:5px 10px; }
  #contenuPrincipal, #contenuSecondaire{ margin:0 10px; }
  .colonnesPied .colonne{ margin:0;}
img{ box-sizing: border-box; max-width:100%; }

  .zone-entete .largeur{ margin:0 auto; }
  .outils { margin:2px 39px 2px 10px;}
  #input-rechercher{ margin-right:0; width:100%; box-sizing: border-box; }
  .outils .btn-recherche{ float:right; margin-right:-29px;}
  .menuPrincipal{ padding:0 0 5px; }
  #menuPrincipal{ padding:5px 10px; }

  .menuRaccourcis{ margin:0 10px; clear:both; float:none; }
  .mediasSociaux{ float:none; padding-top:10px; clear:both; }
  .mediasSociaux a{ width:0; overflow:hidden; text-indent:-9999px; display:block;}
  .copyright{ margin:15px; padding-top:10px; }

  #main { padding-bottom: 137px; }
  footer{ padding:5px 0 0; margin-top:10px;  position: relative; height:137px; margin-top:-105px; clear:both;}

  #presidente{ background:none; }
  .presidente-contenu{ padding:0; background:none; min-height:0; }
  .calendrier-corps span, .calendrier-corps a{ max-width:80px; line-height:2em; }

  .bloc-collaborations header, .bloc-carrieres header{ background:none; min-height:0; border:0; }
  .bandeau{ position:relative; padding:3px 0; }

  #pageTitle{ background-image:url(../img/h1-elastic.png); margin:0; background-position: -15px top; }
  #pageTitle h1{ padding-right:10px; margin:0; }
  

  #menuPrincipal{ margin-top:15px;}
}


/* Mobile */
@media only screen and (max-width: 480px) {
  input, select, textarea, .ligneForm .input{ width:100%; }
  input.btn, input.btn2, .choice input{ width:auto; }
  .ligneForm .input-large, .ligneForm .input-medium. .ligneForm .input-petit{ width:100%;}

  .avecOnglets .grpOnglets{ display:none;}
  .avecOnglets .contenuOnglet{ display:block !important; }
  .avecOnglets .titreOnglet{ height:auto; clip:none;  overflow:visible; padding:inherit; position:relative; width:auto; margin:1.389em 0 0; font-size:1.35em; background:url(../img/separateur-blanc.png) bottom left repeat-x; padding-bottom:10px; }
  footer{ height:200px; margin-top: -105px;}
}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

table.noborder, table.noborder tr, table.noborder td { border: 0 none !important;}