/**
 *	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;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}
/**
 *	Styles par défaut
*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  /* 16px x 0.75 = 12px */
  color: black;
  word-wrap: break-word;
}
.largeText {
  font-size: 87.5%;
  /* 16px x 0.875 = 14px */
}
/* TITRES */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
}
#content h1 {
  font-size: 166.67%;
  /* 20px */
  font-weight: bold;
  color: #033981;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-18-bleu-basdroite.png);
  background-position: 0 0.05em;
  padding-left: 25px;
}
#header h1 {
  font-size: 250%;
  font-weight: bold;
  color: white;
  padding-left: 15px;
  margin: 10px;
}
#header h1 a {
  color: white;
}
#header h1 a:hover {
  text-decoration: none;
}
h2 {
  font-size: 150%;
  /* 18px */
  color: #b42082;
  margin-top: 0.6em;
}
#content h1.premier,
#content h2.premier {
  margin-top: 0;
}
h3 {
  font-size: 133.33%;
  /* 16px */
  font-weight: bold;
  color: #053a80;
  margin-top: 0.6em;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-bleu-droite.png);
  background-position: 0 0.2em;
  padding-left: 20px;
}
h4 {
  font-size: 116.67%;
  /* 14px */
  color: #053a80;
  margin-top: 0.4em;
  border-bottom: 1px solid #b3b3b3;
}
h5 {
  font-size: 116.67%;
  /* 14px */
  color: #0d6cac;
  margin-top: 0.4em;
}
h6 {
  font-size: 116.67%;
  /* 14px */
  color: #b42082;
  margin-top: 0.4em;
}
.boite h2,
.secondary-content h2,
.deuxColonnes .col-droite h2,
.boite h3,
.secondary-content h3,
.deuxColonnes .col-droite h3,
.boite h4,
.secondary-content h4,
.deuxColonnes .col-droite h4,
.boite h5,
.secondary-content h5,
.deuxColonnes .col-droite h5,
.boite h6,
.secondary-content h6,
.deuxColonnes .col-droite h6 {
  font-size: 100%;
  color: black;
  font-weight: bold;
  margin: 0;
  padding: 0;
  background-image: none;
  background-position: 0 0.25em;
  border: none;
}
.boite h2,
.secondary-content h2,
.deuxColonnes .col-droite h2 {
  font-size: 108.33%;
}
.boite h3,
.secondary-content h3,
.deuxColonnes .col-droite h3 {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevrons-08-noir-droite.png);
  padding-left: 13px;
}
.boite h4,
.secondary-content h4,
.deuxColonnes .col-droite h4 {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-noir-droite.png);
  padding-left: 7px;
}
#footer h2 {
  color: white;
}
/* LISTES */
ul,
ol,
dl {
  line-height: 1.5em;
}
li {
  line-height: 1.5em;
}
ul {
  list-style: none;
}
ul ul {
  margin-bottom: 0;
}
ul li {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/puce-4-bleu-carre.png);
  background-position: 0 0.6em;
  padding-left: 8px;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-latin;
  margin-bottom: 0;
}
ol li {
  margin-left: 2em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 0 0.8em;
}
/* TEXTE */
p {
  line-height: 1.5em;
  margin: 0;
}
blockquote,
cite,
q {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
blockquote {
  margin: 0 0 0 1.6em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
big {
  font-size: 116.667%;
}
small {
  font-size: 91.667%;
}
pre,
code,
kbd,
samp,
var,
tt {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
pre {
  line-height: 1.5em;
  margin: 0 0 1em 0;
}
pre,
code,
kbd,
tt,
samp,
var {
  font-size: 100%;
}
kbd,
samp,
var,
tt {
  font-weight: bold;
}
var,
dfn {
  font-style: italic;
}
abbr,
acronym {
  border-bottom: 1px #aaa dotted;
  letter-spacing: 0.07em;
  cursor: help;
}
sub {
  position: relative;
  top: 0.3em;
  font-size: 0.8em;
}
sup {
  position: relative;
  bottom: 0.5em;
  font-size: 0.8em;
}
.anoter,
.asavoir,
.astuce,
.attention,
.echeance1,
.echeancehorloge,
.echeance2,
.echeancesablier,
.ensavoirplus,
.pourinfo,
.question,
.travaux,
.fondroseclair,
.fondbleu,
.fondgris {
  margin: 0.5em 0 0.5em 0;
  padding-left: 57px;
  background-position: left 5px;
}
.anoter {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-noter.png);
}
.asavoir {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-savoir.png);
}
.astuce {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-astuce.png);
}
.attention {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-attention.png);
}
.echeancehorloge {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-echeance1.png);
}
.echeancesablier {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-echeance2.png);
}
.ensavoirplus {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-savoirplus.png);
}
.pourinfo {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-information.png);
}
.question {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-question.png);
}
.travaux {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-travaux.png);
}
.fondroseclair {
  background-color: #f4deea;
  padding: 0.5em;
}
.fondbleu {
  background-color: #d5e4f1;
  padding: 0.5em;
}
.fondgris {
  background-color: #e9e3e9;
  padding: 0.5em;
}
.fondroseclair h2,
.fondbleu h2,
.fondgris h2,
.fondvert h2,
.fondroseclair h3,
.fondbleu h3,
.fondgris h3,
.fondvert h3,
.fondroseclair h4,
.fondbleu h4,
.fondgris h4,
.fondvert h4,
.fondroseclair h5,
.fondbleu h5,
.fondgris h5,
.fondvert h5,
.fondroseclair h6,
.fondbleu h6,
.fondgris h6,
.fondvert h6 {
  margin: 0;
}
/*
 * echeance1 a été remplacé par echeancehorloge
 * echeance2 a été remplacé par echeancesablier
 * echeance1 et echance2 gardés pour les contenus déjà créés 
*/
.echeance1 {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-echeance1.png);
}
.echeance2 {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-42-echeance2.png);
}
.texterose {
  color: #b42082;
}
.textegris {
  color: #7f7f7f;
}
.accordeon-js dt {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}
.accordeon-js dt span {
  display: block;
  float: left;
  width: 10px;
  height: 12px;
}
.accordeon-js dt .plie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-noir-droite.png);
  background-position: 0 4px;
}
.accordeon-js dt .deplie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-noir-bas.png);
  background-position: 0 6px;
}
.accordeon-js dt:hover {
  text-decoration: underline;
}
.infosTelech {
  color: gray;
}
/* LIENS */
a {
  color: #033981;
  text-decoration: none;
  /*background:transparent;*/
}
a:visited {
  color: #0d6cac;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
#content a[href^="http:"],
#content a[href^="https:"],
#content .lien-externe {
  padding-right: 16px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-12-lienexterne.png) no-repeat right 50%;
}
#content a[href^="http://www.ac-strasbourg.fr"],
#content a[href^="https://pro.ac-strasbourg.fr"],
#content a[href^="http://pedagogie.ac-strasbourg.fr"],
#content a[href^="https://pedagogie.ac-strasbourg.fr"],
#content a[href^="http://espacesreserves.ac-strasbourg.fr"],
#content a[href^="https://espacesreserves.ac-strasbourg.fr"] {
  padding-right: 0;
  background-image: none;
}
#content a[href$=".pdf"],
#content a[href$=".PDF"],
#content a[href$=".doc"],
#content a[href$=".DOC"],
#content a[href$=".docx"],
#content a[href$=".DOCX"],
#content a[href$=".xls"],
#content a[href$=".XLS"],
#content a[href$=".xlsx"],
#content a[href$=".XLSX"],
#content a[href$=".ppt"],
#content a[href$=".PPT"],
#content a[href$=".pptx"],
#content a[href$=".PPTX"],
#content a[href$=".pps"],
#content a[href$=".PPS"],
#content a[href$=".odt"],
#content a[href$=".ODT"],
#content a[href$=".sxw"],
#content a[href$=".SXW"],
#content a[href$=".ods"],
#content a[href$=".ODS"],
#content a[href$=".sxc"],
#content a[href$=".SXC"],
#content a[href$=".odp"],
#content a[href$=".ODP"],
#content a[href$=".sxi"],
#content a[href$=".SXI"],
#content a[href$=".zip"],
#content a[href$=".ZIP"],
#content a[href$=".dmg"],
#content a[href$=".DMG"],
#content a[href$=".mp3"],
#content a[href$=".MP3"] {
  padding-right: 16px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-12-lientelech.png) no-repeat right 50%;
}
#content a[href^="t3://file?"] {
  padding-right: 16px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-12-lientelech.png) no-repeat right 50%;
}
#content a.lienSansIcone,
#content .csc-textpic-image a {
  padding: 0;
  background: none;
}
/* IMAGES */
img {
  max-width: 100%;
  height: auto;
}
#aside DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.deuxColonnes .col-droite DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}
#aside DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image,
.deuxColonnes .col-droite DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 0;
}
/* SEPARATEUR */
hr {
  margin: 0;
  display: none;
}
.divider {
  margin: 0.5em 0;
  border-top: 1px solid #c8e4f2;
}
/* MEDIA */
object,
iframe {
  max-width: 100%;
}
/* TABLEAUX */
table {
  width: auto;
  border-collapse: collapse;
  margin-bottom: 0.5em;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
table.align-centre {
  margin-left: auto;
  margin-right: auto;
  text-align: inherit;
}
table.pleine-largeur {
  width: 100%;
}
table.table-agenda {
  border: none;
}
table.table-agenda th,
table.table-agenda td {
  padding: 0.2em 0.5em;
  border-bottom: none;
}
table.table-agenda th {
  width: 75px;
  color: #033981;
  /*@c-roseSoutenu;*/
  background-color: #d5e4f1;
  /*@c-roseClair;*/
  /*border-bottom-color: white;*/
}
table.table-agenda th.border-bottom,
table.table-agenda td.border-bottom {
  border-bottom: 1px solid gray;
}
table caption {
  font-variant: small-caps;
}
th,
td {
  padding: 0.5em;
}
thead th {
  border-bottom: 2px solid black;
}
tbody th {
  border-bottom: 1px solid black;
  text-align: left;
}
tbody td {
  border-bottom: 1px solid gray;
}
/* Formulaires */
form label {
  display: block;
  font-weight: bold;
}
form ol,
form ul {
  list-style: none;
}
form li {
  padding: 0 0 1em 0;
  background: none;
}
input,
textarea,
select {
  border: 1px solid #0d6cac;
}
input:focus,
textarea:focus,
select:focus {
  border: 1px solid #b42082;
}
input[type="text"],
input[type="email"],
input[type="password"] {
  width: 250px;
}
select {
  min-width: 250px;
}
#uid6 {
  min-width: 525px;
}
textarea {
  width: 525px;
  height: 200px;
}
input[type="checkbox"] {
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: text-bottom;
}
input[type="submit"] {
  color: white;
  background-color: #b42082;
  border: none;
}
fieldset {
  margin: 1em 0;
}
legend {
  white-space: normal;
  font-size: 133.33%;
  /* 16px */
  font-weight: bold;
  color: #053a80;
  margin-top: 0.6em;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-bleu-droite.png);
  background-position: 0 0.2em;
  padding-left: 20px;
}
.champObligatoire {
  color: #b42082;
}
.formulaire .caseACocher .intitule {
  font-weight: bold;
}
.formulaire .caseACocher label {
  display: inline;
  font-weight: normal;
}
.formulaire .caseACocher li {
  padding-bottom: 0;
}
.formulaire .boutonRadio .intitule {
  font-weight: bold;
}
.formulaire .boutonRadio li {
  margin-left: 2em;
  padding: 0;
  background-image: none;
}
.formulaire .boutonRadio label {
  display: inline;
  font-weight: normal;
}
.formulaire .valider {
  text-align: center;
}
.error p {
  background-color: white;
  color: #b42082;
  font-weight: bold;
}
.contact-validation-boutons {
  text-align: center;
  margin: 1.5em 0;
}
.contact-validation-modifier,
.contact-validation-envoyer {
  display: inline;
  margin: 0 1em;
}
.cacherLegend legend {
  display: none;
}
/* Classes de texte */
.align-gauche {
  text-align: left;
}
.align-droit {
  text-align: right;
}
.align-centre {
  text-align: center;
}
.align-justifie {
  text-align: justify;
}
/* Clear */
.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
/* Fonctions LESS */
/**
 *	Mise en page
 *  largeur fixe, disposition flottante
*/
body {
  background: white url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/wrapper.jpg) no-repeat center 126px;
}
.wrapper {
  width: 958px;
  margin: 0 auto;
}
/**
 *	Entête
 */
#header {
  min-width: 958px;
  /* bug visuel avec ascensceur horizontal */
}
/**
 *	Partie principale
 */
#main {
  position: relative;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/main.png) repeat-y;
}
#main .inner {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/nav.jpg) no-repeat left bottom;
}
.navFilAriane {
  padding: 0.25em 14px 0 14px;
  margin: 0 34px 1em 242px;
}
/**
	 *	Navigation
	 */
#nav {
  float: left;
  display: inline;
  width: 241px;
}
/**
	 *	Contenu
	 */
#content {
  float: left;
  display: inline;
  width: 682px;
  padding: 0 0 14px 1px;
}
#content h1 {
  margin: 0 14px 0.25em 14px;
}
#mainContent {
  position: relative;
  zoom: 1;
  /* Evite de faire disparaitre des éléments fils flottants sous IE7... */
}
#section {
  padding-left: 14px;
}
.col-gauche {
  float: left;
  display: inline;
  width: 430px;
}
#aside {
  float: right;
  display: inline;
  width: 210px;
  padding: 0 0 0 14px;
  margin: 0 14px 14px 0;
  background-color: white;
}
body.twoCols #section {
  padding-right: 14px;
}
body.twoCols #aside {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
}
.blankImgFloat {
  float: right;
  display: inline;
  width: 238px;
}
/**
	 *	Icones
	 */
#iconBar {
  float: right;
  /* pas de display: inline; sinon pb de positionnement sous IE7 */
  width: 34px;
  margin: 0;
}
/**
 *	Pied de page
 */
/**
 *	Entête = bandeau + barre
 */
#headerBanner {
  height: 98px;
}
#headerBanner .wrapper {
  position: relative;
  height: 100%;
}
.navEvitement {
  margin: 0;
  padding: 0;
  text-align: center;
}
.navEvitement li {
  display: inline;
  margin: 0;
  padding: 0 1em 0 0;
  background: none;
}
.navEvitement li a {
  color: #033981;
  font-size: 91.667%;
}
#siteLogo {
  position: absolute;
  left: 14px;
  bottom: 0;
}
#siteTitre {
  position: absolute;
  left: 241px;
  bottom: 0;
}
#headerPrint {
  display: none;
}
#headerBar {
  min-height: 28px;
  background-color: #b42082;
  color: white;
  font-size: 91.667%;
  font-weight: bold;
  /**
	 * Très important
	 */
  /******************************/
  /* Contenu menu mega drop down */
}
#headerBar p,
#headerBar ul,
#headerBar li {
  margin: 0;
  padding: 0;
  line-height: 28px;
}
#headerBar .left {
  float: left;
  display: inline;
  width: 241px;
}
#headerBar .left p {
  padding: 0 14px;
}
#headerBar .right {
  float: right;
  display: inline;
  width: 717px;
}
#headerBar .left .topnav .sub {
  width: 241px;
  margin: 0;
  padding: 0;
}
#headerBar .right .topnav .sub {
  width: 924px;
  /*@content-width - @headerBarNav-paddingLeft + @nav-width;*/
  margin: 0;
}
#headerBar .topnav li {
  width: 50%;
  display: block;
  background-image: none;
}
#headerBar .topnav span {
  width: 100%;
  display: block;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-blanc-bas-encadre.png) no-repeat 97% 50%;
}
#headerBar .topnav .sub.first ul {
  padding: 10px;
}
#headerBar .topnav .sub ul li {
  background: none;
}
#headerBar .topnav .sub.first ul li {
  width: 100%;
}
#headerBar .topnav .sub .menu-col-gauche,
#headerBar .topnav .sub .menu-col-centre,
#headerBar .topnav .sub .menu-col-droite {
  display: block;
  float: left;
  margin: 0 12px;
  width: 284px;
}
#headerBar .topnav .sub .menu-col-gauche li,
#headerBar .topnav .sub .menu-col-centre li,
#headerBar .topnav .sub .menu-col-droite li {
  width: 100%;
}
#headerBar .topnav .sub ul li a {
  float: none;
  text-indent: 0;
  height: auto;
  display: block;
  font-size: 118%;
  line-height: 1.5em;
}
#headerBar .topnav .sub.first ul li a {
  width: 100%;
}
#headerBar .topnav .sub ul li a {
  border: none;
  padding-left: 10px;
  background: none;
  color: white;
}
#headerBar .topnav .sub ul li a:hover,
#headerBar .topnav .sub ul li a:focus {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-blanc-droite.png) no-repeat left center;
}
#headerBar .topnav .sub ul li h2 {
  line-height: 1em;
  font-weight: bold;
  margin: 0.6em 0.5em 0 0.5em;
}
#headerBar .topnav .sub.first ul li:last-child a {
  border: none;
}
#headerBar .topnav li .sub {
  width: 241px;
  opacity: 0;
  z-index: -10;
  position: absolute;
  background: #FFFFFF;
  background-color: #f8f8f8 \9;
  /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */
  border-bottom: 1px solid #cbcbcb \9;
  border-left: 1px solid #cbcbcb \9;
  border-right: 1px solid #cbcbcb \9;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 0 5px 5px #666;
  -webkit-box-shadow: 0 5px 5px #666;
  box-shadow: 0 5px 5px #666;
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='@{couleur}', Direction=135, Strength=@degrade);*/
  /* IE6-8 */
  /* Désactivé car génère un bug visuel dans l'ombre du menu déroulant de l'espace pédagogique */
}
#headerBar .topnav li:hover,
#headerBar .topnav li:focus {
  background: #d891bb;
}
#headerBar .topnav li:hover span,
#headerBar .topnav li:focus span {
  font-weight: bold;
}
#headerBarNav {
  float: left;
  display: inline;
  width: 363px;
  padding-left: 9px;
}
#headerBarNav .left {
  float: left;
  display: inline;
  width: 166.5px;
}
#headerBarNav .right {
  float: right;
  display: inline;
  width: 166.5px;
}
#headerBarNav .ddm,
#headerBarNav .ddm ul {
  list-style-type: none;
}
#headerBarNav .ddm li {
  float: left;
  width: 166.5px;
  background: none;
}
#headerBarNav .ddm li span {
  display: block;
  padding-left: 5px;
  padding-right: 17px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-blanc-bas-encadre.png) no-repeat 97% 50%;
}
#headerBarNav .ddm li ul {
  width: 166.5px;
  position: absolute;
  left: -9999px;
}
#headerBarNav .ddm li ul li a {
  display: block;
  border-bottom: 1px dotted white;
  padding: 0 5px;
  background-color: #f4deea;
  color: black;
}
#headerBarNav .ddm li ul li a dfn {
  font-style: normal;
}
#headerBarNav .ddm li ul li a:hover,
#headerBarNav .ddm li ul li a:focus {
  background-color: #d891bb;
}
#headerBarNav .ddm .hover {
  background: #d891bb url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-blanc-bas-encadre.png) no-repeat 97% 50%;
  color: black;
}
#headerBarNav .ddm .hover ul {
  left: auto;
  z-index: 1;
}
#headerBarTools {
  float: right;
  display: inline;
  width: 300px;
  padding-right: 45px;
}
#headerBarTools .left {
  width: 98px;
  float: left;
  display: inline;
}
#headerBarTools .left input[type=image] {
  width: 23px;
  height: 17px;
  border: none;
  margin: 5.5px 0 0 5px;
}
#headerBarTools .left a {
  margin: 5.5px 0 0 5px;
}
#contact {
  float: right;
  display: inline;
}
#contact a {
  color: white;
}
/*
 * Colonne de navigation
 */
/* Largeur de l'image */
#nav {
  margin-bottom: 92px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/siteUrl.png) no-repeat right top;
  min-height: 202px;
}
#nav .navLvl1 {
  width: 209px;
  margin: 0;
  padding-right: 32px;
  list-style: none;
  /* background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/siteUrl.png) no-repeat right top; */
}
#nav .navLvl1 li {
  margin: 0 0 10px 9px;
  background: none;
  padding: 0;
}
#nav .navLvl1 li a,
#nav .navLvl1 li span {
  padding-left: 12px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-bleu-droite.png) no-repeat left 50%;
  color: black;
  font-weight: bold;
}
#nav .navLvl1 li span {
  color: #b42082;
}
#nav .navLvl1 li .actif {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-bleu-bas.png) no-repeat left 50%;
}
#nav .navLvl1 .rose a {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-rose-droite.png) no-repeat left 50%;
}
#nav .navLvl1 .rose .actif {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-rose-bas.png) no-repeat left 50%;
}
#nav .navLvl1 .navLvl2 {
  width: 100%;
  margin: 0;
  list-style: none;
}
#nav .navLvl1 .navLvl2 li {
  margin: 0 0 0 12px;
}
#nav .navLvl1 .navLvl2 li a,
#nav .navLvl1 .navLvl2 li span {
  padding-left: 0;
  background: none;
  color: #033981;
  font-weight: normal;
}
#nav .navLvl1 .navLvl2 li span {
  color: #b42082;
}
#nav .navLvl1 .navLvl2 .navLvl3 {
  width: 100%;
  margin: 0;
  list-style: none;
}
#nav .navLvl1 .navLvl2 .navLvl3 a {
  color: black;
}
#nav #fe-login {
  margin-left: 9px;
}
#nav #fe-login h2 {
  font-size: 116.67%;
}
#nav #fe-login input[type="text"],
#nav #fe-login input[type="password"] {
  width: 80%;
}
#pub {
  position: absolute;
  left: 20.5px;
  bottom: 11px;
}
/**
 *	Barre d'icones
 */
#iconBar {
  list-style: none;
}
#iconBar li {
  width: 23px;
  height: 23px;
  padding: 5.5px 5.5px;
  margin: 0 0 10px 0;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/iconBar-bg.png) no-repeat left top;
}
/*
 *	Pied de page
 */
#footer {
  padding-top: 13px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/footer-top.png) no-repeat left top;
  font-size: 91.667%;
  color: white;
}
#footer p {
  margin: 0;
}
#footer a {
  color: white;
}
#footer .inner {
  width: 930px;
  /* nécessaire pour IE6 & 7 : sinon ils ne prennent pas en compte le padding-top de #footer */
  padding: 0 14px 14px 14px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/footer.png) repeat-y;
}
#footer .normal {
  margin-bottom: 1em;
}
#footer .navLvl1 {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid white;
}
#footer .navLvl1 li {
  background-image: none;
  text-transform: uppercase;
  padding: 0;
}
#footer .navLvl1 .navLvl2 {
  display: inline;
  padding-left: 0.3em;
}
#footer .navLvl1 .navLvl2 li {
  display: inline;
  text-transform: none;
  padding: 0 0.3em 0 0;
}
#footerAccess {
  float: left;
  display: inline;
  width: 212px;
  padding-right: 14px;
  border-right: 1px solid white;
  background-color: #0d6cac;
  /* Accessibilité : contrastes */
}
#footerAccess .accordeon h2 {
  font-size: 100%;
  margin: 0;
  font-weight: bold;
}
#footerAccess .accordeon-js {
  margin: 0 0 14px 0;
}
#footerAccess .accordeon-js dd {
  margin: 0 0 0 10px;
}
#footerAccess .accordeon-js dt span {
  width: 10px;
  height: 10px;
}
#footerAccess .accordeon-js dt .plie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-blanc-droite.png);
  background-position: 0 2px;
}
#footerAccess .accordeon-js dt .deplie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-blanc-bas.png);
  background-position: 0 4px;
}
#cartoucheMen {
  text-align: center;
}
#footerLinks {
  float: right;
  display: inline;
  width: 688px;
  padding-left: 14px;
  background-color: #0d6cac;
  /* Accessibilité : contrastes */
}
#footerLinks .intitule {
  font-weight: bold;
}
/**
 *	Contenus spécifiques
*/
/**
 *	Boite
 */
/*#aside, .deuxColonnes .col-droite {*/
#aside .normal {
  margin-bottom: 1em;
}
#aside .boite {
  margin-bottom: 1em;
}
#aside .boite .normal {
  margin-bottom: 0;
}
.boiteDegrade {
  padding: 10px;
}
.boiteDegrade .bloc {
  padding-top: 10px;
}
.degradeBleu {
  background-color: #d5e4f1;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-bleu.png);
}
.degradeBleu h2 {
  color: #449bb7;
}
.degradeGris {
  background-color: #e8e1dd;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-gris.png);
}
.degradeGris h2 {
  color: #50505a;
}
.degradeOrange {
  background-color: #f7e5c8;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-orange.png);
}
.degradeOrange h2 {
  color: #ff9752;
}
.degradeRose {
  background-color: #f4deea;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-rose.png);
}
.degradeRose h2 {
  color: #b42082;
}
.degradeVert {
  background-color: #eef3d1;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-vert.png);
}
.degradeVert h2 {
  color: #8ba60c;
}
.boiteBordPointille {
  padding: 9px;
  border-width: 1px;
  border-style: dotted;
}
.boiteBordPointille h2 {
  padding-left: 18px;
  line-height: 17px;
  background-position: 0 0.1em;
}
.boiteBordPointille .bloc {
  padding-top: 9px;
}
.bordPointilleViolet {
  border-color: #631f63;
}
.bordPointilleViolet h2 {
  color: #631f63;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-violetclair-basdroite.png);
}
.bordPointilleVert {
  border-color: #8ba60c;
}
.bordPointilleVert h2 {
  color: #8ba60c;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-vertclair-basdroite.png);
}
.boiteEncadre {
  padding: 0;
}
.boiteEncadre h2 {
  line-height: 29px;
  max-height: 29px;
  padding: 0 10px;
  background-position: 0 0;
}
.boiteEncadre .texte {
  padding: 0 9px 9px 9px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}
.boiteEncadre .bloc {
  padding-top: 9px;
}
.encadreBleu h2 {
  color: #449bb7;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteEncadre-bleu.png);
  max-height: 100px;
}
.encadreBleu .texte {
  border-color: #d5e4f1;
}
.encadreRose h2 {
  color: #b42082;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteEncadre-rose.png);
}
.encadreRose .texte {
  border-color: #f4deea;
}
/*}*/
/**
 *	Actualité
 */
.actus-liste {
  list-style: none;
  margin: 0;
}
.actus-liste p {
  margin: 0;
}
.actus-liste li {
  margin: 0;
  padding: 0.5em 0;
  border-top: 1px solid #c8e4f2;
}
.actus-liste li:first-child {
  border-top: none;
  padding-top: 0;
}
.actus-liste li:last-child {
  padding-bottom: 0;
}
.actus-liste .infos {
  color: #7F7F7F;
  font-size: 83.33%;
}
.actus-liste img {
  float: left;
  margin: 0.4em 14px 0 0;
  border: 1px solid #DDD;
  padding: 2px;
}
.actus-liste .texte {
  /*margin-left: 85px;*/
}
.actus-liste-une-lien {
  line-height: 1em;
  text-align: right;
  border-bottom: 1px solid #c8e4f2;
}
.actus-liste-une-lien a {
  background-color: white;
}
#content .actus-liste-une h3,
#content .actus-liste h2,
#content .actus-liste-important h3,
#content .actus-liste-important h2 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  background-image: none;
}
#content .actus-liste-une h3 a,
#content .actus-liste h2 a,
#content .actus-liste-important h3 a,
#content .actus-liste-important h2 a {
  margin: 0;
}
#content .actus-liste .image a {
  background: none;
  padding-right: 0;
}
#content h2.important,
#content h1.important {
  color: #b42082;
  line-height: 25px;
  margin-top: 0;
  padding-left: 0;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-important.png);
  background-position: right bottom;
}
#content h2.important img,
#content h1.important img {
  margin-right: 5px;
}
.actus-liste-important {
  border-left: 1px solid #eecee4;
  border-right: 1px solid #eecee4;
  border-bottom: 1px solid #eecee4;
  padding: 0 0.5em 0.5em 0.5em;
  /*a { font-weight: bold; }*/
}
.actus-liste-important li {
  padding: 0;
  margin: 0;
  border-top: none;
}
.actus-liste-etab {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/bg-actus-liste-etab.png);
  background-repeat: repeat-y;
  padding: 0 5px;
}
.actus-liste-etab li {
  padding: 0;
  margin: 1em 0 0;
  border-top: none;
  font-weight: bold;
}
.actus-liste-etab li a {
  font-weight: normal;
}
.actus-liste-etab li:first-child {
  margin-top: 0;
}
.actu-detail .date {
  color: #7F7F7F;
  font-size: 83.33%;
}
.actu-detail .theme {
  color: #7F7F7F;
  font-size: 83.33%;
  border-bottom: 1px solid #7F7F7F;
  margin-bottom: 1em;
}
.actu-detail .chapeau {
  font-weight: bold;
  margin-bottom: 1.5em;
}
.actu-detail .plusInfos {
  padding: 0.5em;
  background-color: #e9e3e9;
  margin-top: 1em;
}
.actu-detail .images {
  float: right;
  display: inline;
  padding-left: 10px;
  background-color: white;
}
/**
 *	Glossaire
 */
.glossaire h3 {
  margin-top: 0;
}
.glossaire .entree {
  padding: 1.2em 0;
  border-bottom: 1px solid #c8e4f2;
}
.navGlossaire {
  width: 100%;
  list-style: none;
  padding: 0;
  text-align: center;
  background-color: #e9e3e9;
}
.navGlossaire li {
  display: inline;
  margin: 0 0;
  padding: 0 0.1em;
  font-size: 116.67%;
}
.navGlossaire .intitule {
  font-size: 100%;
}
/**
 *	Navigation
 */
.navSousPages,
.navSommaire,
.navDernieresPagesMaj ul,
.navPagesPlusConsultees ul,
.navLvl4,
.navSousSiteLvl1 {
  list-style: none;
  margin: 0;
  border-left: 4px solid #b42082;
}
.navSousPages li,
.navSommaire li,
.navDernieresPagesMaj ul li,
.navPagesPlusConsultees ul li,
.navLvl4 li,
.navSousSiteLvl1 li {
  background: none;
  margin: 0;
  padding-left: 4px;
}
#navNiveau4,
#navSousSite {
  margin-bottom: 1em;
}
#navNiveau4 h2,
#navSousSite h2 {
  color: #033981;
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-boussole.png);
  background-position: 0 50%;
}
.navLvl4,
.navSousSiteLvl1 {
  border-left-color: #d8d7e7;
}
.navLvl4 span,
.navSousSiteLvl1 span {
  color: #b42082;
}
#content .navDernieresPagesMaj h2 {
  color: #72bb38;
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-dernieresMaj.png);
  background-position: 0 50%;
}
#content .navDernieresPagesMaj ul {
  border-left-color: #b6d997;
}
#content .navPagesPlusConsultees h2 {
  color: #eb7d40;
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-plusConsultes.png);
  background-position: 0 50%;
}
#content .navPagesPlusConsultees ul {
  border-left-color: #f6c1a4;
}
.navFilAriane li {
  display: inline;
  margin: 0;
  background: none;
  padding: 0 5px 0 0;
}
.navHaut {
  float: right;
  line-height: 1em;
}
.navHaut a {
  line-height: 1em;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevrons-10-bleu-haut.png) no-repeat right 50%;
  padding-right: 13px;
}
.navRetour a {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevrons-10-bleu-gauche.png) no-repeat left 50%;
  padding-left: 13px;
}
.navPages {
  list-style: none;
  padding: 0;
  text-align: center;
  width: 100%;
}
.navPages li {
  display: inline;
  margin: 0;
  padding: 0 0.2em;
}
.navPages li a {
  display: inline-block;
  padding: 0.2em;
  border: 1px solid #c8e4f2;
}
.browsebox {
  list-style: none;
  padding: 0;
  text-align: center;
  width: 100%;
}
.browsebox li {
  display: inline;
  margin: 0;
  padding: 0 0.2em;
  background: none;
}
.browsebox li a {
  display: inline-block;
  padding: 0.2em;
  border: 1px solid #c8e4f2;
}
#navBasPage {
  margin-top: 1em;
  clear: both;
}
#navBasPage .navRetour {
  float: left;
  display: inline;
}
#navBasPage .dateMaj {
  text-align: center;
}
#navBasPage .navHaut a {
  line-height: 1.5em;
}
.navPagesSel {
  list-style: none;
  margin: 0;
}
.navPagesSel li {
  background: none;
  margin: 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #f4deea;
}
.navPagesSel li:last-child {
  border-bottom: none;
}
.navPagesSel img {
  float: left;
  display: inline;
  margin: 0 14px 0 0;
  padding: 2px;
  border: 1px solid #DDD;
}
.navPagesSel div {
  clear: left;
}
.navPlan1,
.navPlan2,
.navPlan3,
.navPlan4,
.navPlan5 {
  margin-left: 1em;
}
.navPlan1 li,
.navPlan2 li,
.navPlan3 li,
.navPlan4 li,
.navPlan5 li {
  padding: 0;
  background-image: none;
}
.navPlan1 li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted #0d6cac;
  font-weight: bold;
}
.navPlan2 li {
  margin-bottom: 0;
  padding: 0 0 0 8px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/puce-4-bleu-carre.png);
  background-position: 0 0.6em;
  border-bottom: none;
  font-weight: normal;
}
.navPlan3 li {
  padding-left: 0;
  background-image: none;
}
.navPlan4 {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #033981;
}
/*
 * Largeur divisée en 2 colonnes inégales
 * La colonne de droite a la même taille que la colonne #aside
 * Le contenu de la colonne centrale s'enroule autour du contenu de la colonne de droite
 */
.deux-colonnes-inegales .colonne-droite {
  float: right;
  display: inline;
  width: 210px;
  padding: 0 0 0 14px;
  margin: 0 14px 14px 0;
  background-color: white;
}
/*
 * Largeur divisée en 2 colonnes égales
 */
.deux-colonnes-egales .colonne {
  float: left;
  display: inline;
  width: 49%;
}
.deux-colonnes-egales .colonne-gauche {
  margin-right: 2%;
}
/*
 * Largeur divisée en 3 colonnes égales
 */
.trois-colonnes-egales .colonne {
  float: left;
  display: inline;
  width: 32%;
}
.trois-colonnes-egales .colonne-centrale {
  margin: 0 2%;
}
/**
 * Formulaires
*/
.tx-powermail fieldset .powermail_fieldwrap {
  padding: 0 0 1em;
}
.tx-powermail .parsley-errors-list li {
  color: #b42082;
  font-weight: bold;
}
.tx-powermail .btn-group {
  text-align: center;
}
.tx-powermail .btn-group form {
  display: inline-block;
}
/* Formulaire de demande de pôle bilingue */
#uid115 {
  width: 250px;
  height: 100px;
}
/**
 * Calendrier de choix de date
*/
#calroot {
  /* place on top of other elements. set a higher value if nessessary */
  z-index: 10000;
  margin-top: -1px;
  width: 198px;
  padding: 2px;
  background-color: #fff;
  font-size: 11px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 15px #666;
  -webkit-box-shadow: 0 0 15px #666;
  box-shadow: 0 0 15px #666;
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
  padding: 2px 0;
  height: 22px;
}
#caltitle {
  font-size: 14px;
  color: #FA8800;
  float: left;
  text-align: center;
  width: 155px;
  line-height: 20px;
  text-shadow: 0 1px 0 #ddd;
}
#calnext,
#calprev {
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/prev.gif) no-repeat scroll center center;
  float: left;
  cursor: pointer;
}
#calnext {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/next.gif);
  float: right;
}
#calprev.caldisabled,
#calnext.caldisabled {
  visibility: hidden;
}
/* year/month selector */
#caltitle select {
  font-size: 10px;
  min-width: 0;
}
/* names of the days */
#caldays {
  height: 18px;
  border-bottom: 1px solid #ddd;
}
#caldays span {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
}
/* container for weeks */
#calweeks {
  background-color: #fff;
  margin-top: 4px;
}
/* single week */
.calweek {
  clear: left;
  height: 22px;
}
/* single day */
.calweek a {
  display: block;
  float: left;
  width: 27px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  margin-left: 1px;
  text-align: center;
  line-height: 20px;
  color: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* different states */
.calweek a:hover,
.calfocus {
  background-color: #ddd;
}
/* sunday */
a.calsun {
  color: red;
}
/* offmonth day */
a.caloff {
  color: #ccc;
}
a.caloff:hover {
  background-color: #f5f5fa;
}
/* unselectable day */
a.caldisabled {
  background-color: #efefef !important;
  color: #ccc !important;
  cursor: default;
}
/* current day */
#calcurrent {
  background-color: #498CE2;
  color: #fff;
}
/* today */
#caltoday {
  background-color: #333;
  color: #fff;
}
/**
 *	Zoom
*/
#main #zoom h2 {
  width: 105px;
  height: 20px;
  padding-left: 5px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/bg-zoom-titre.png);
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border: none;
  color: #b42082;
}
#zoom {
  width: auto;
  margin: 1em auto 0;
  font-size: 91.667%;
}
#zoom .inner {
  width: auto;
  height: 180px;
  padding: 20px 0 10px 0;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/bg-zoom.png);
  background-repeat: repeat-x;
}
#zoom .inner .scrollable {
  width: 500px;
}
#zoom a.browse {
  display: block;
  width: 12px;
  height: 20px;
  float: left;
  display: inline;
  margin: 160px 14px 0 14px;
  cursor: pointer;
  font-size: 1px;
}
#zoom a.left {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-20-blanc-gauche.png);
}
#zoom a.right {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-20-blanc-droite.png);
  clear: right;
}
#zoom a.disabled {
  visibility: hidden !important;
}
#zoom input[type="image"] {
  width: 14px;
  height: 14px;
  margin: 3px 0 0 5px;
  border: none;
  vertical-align: text-bottom;
}
#zoom img {
  margin-bottom: 2px;
}
#zoom a {
  display: block;
  color: white;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  background-color: #b42082;
  /* Accessibilité : contrastes */
}
.scrollable {
  position: relative;
  overflow: hidden;
  width: 600px;
  height: 180px;
  float: left;
  display: inline;
}
.scrollable .items {
  width: 20000em;
  position: absolute;
  /*clear:both;*/
}
.scrollable .items li {
  float: left;
  display: inline;
  width: 180px;
  padding: 0;
  margin: 0 30px 0 0;
  background-image: none;
}
/**
 * Extension comments
 */
.tx-comments-form-top-message {
  padding-top: 0.5em;
  text-align: center;
  color: #b42082;
}
.tx-comments-form-top-message li {
  text-decoration: none;
}
.tx-comments-comment-1,
.tx-comments-comment-2 {
  margin: 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #c8e4f2;
}
.tx-comments-required-mark {
  color: #B42082;
}
.tx-comments-comment-input {
  margin: 0 0 1em 0;
}
.tx-comments-required-error {
  text-align: center;
  color: #b42082;
}
/**
 * Extension pagebrowse
 */
.tx-pagebrowse-pi1 ul li {
  background-image: none;
}
/**
* Lightbox
*/
#sbCenter {
  z-index: 1000!important;
}
#sbOverlay {
  z-index: -1 !important;
}
#sbBottom {
  background-color: white!important;
}
.lightboximg {
  cursor: pointer;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000075;
  text-align: center;
}
#lightbox .closelightbox {
  text-align: right;
  color: #fff;
  margin-right: 20px;
  margin-top: 20px;
  font-size: 12px;
}
#imglightbox {
  width: fit-content;
  margin: 0 auto;
}
#imglightbox img {
  max-height: 450px;
}
#imglightbox figcaption {
  background-color: white;
  padding: 10px;
}
.fermerlightbox {
  max-width: 20px;
}
.prevlightboximg,
.nextlightboximg {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  height: 0;
  width: 0;
}
.nextlightboximg {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 35px solid black;
  margin-left: 20px;
}
.prevlightboximg {
  border-top: 20px solid transparent;
  border-right: 35px solid black;
  border-bottom: 20px solid transparent;
  margin-right: 20px;
}
#lightbox .nbimages {
  display: inline-block;
  color: black;
  background-color: white;
  padding: 10px;
  border-radius: 50px;
}
#lightbox .navigation {
  margin-top: 10px;
}
.the-canvas {
  max-width: 100%;
}
.navigation_liseusepdf {
  text-align: center;
  padding: 10px;
}
.navigation_liseusepdf .next {
  color: white;
  background-color: #b42082;
  border: none;
  margin-left: 10px;
}
.navigation_liseusepdf .prev {
  color: white;
  background-color: #b42082;
  border: none;
  margin-right: 10px;
}
.h5p-iframe-wrapper {
  overflow: hidden;
  margin-bottom: 20px;
}
.h5p-iframe-wrapper .h5p-image-hotspots-background {
  width: 100%!important;
  height: auto!important;
}
img[src$=".pdf"],
img[src$=".PDF"] {
  height: 0px;
  width: 0px;
}

/*@headerBar-height: 30px;*/
/**
 *	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;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
}
/**
 *	Styles par défaut
*/
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 75%;
  /* 16px x 0.75 = 12px */
  color: black;
  word-wrap: break-word;
}
.largeText {
  font-size: 87.5%;
  /* 16px x 0.875 = 14px */
}
/* TITRES */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
}
#content h1 {
  font-size: 166.67%;
  /* 20px */
  font-weight: bold;
  color: #033981;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-18-bleu-basdroite.png);
  background-position: 0 0.05em;
  padding-left: 25px;
}
#header h1 {
  font-size: 250%;
  font-weight: bold;
  color: white;
  padding-left: 15px;
  margin: 10px;
}
#header h1 a {
  color: white;
}
#header h1 a:hover {
  text-decoration: none;
}
h2 {
  font-size: 150%;
  /* 18px */
  color: #b42082;
  margin-top: 0.6em;
}
#content h1.premier,
#content h2.premier {
  margin-top: 0;
}
h3 {
  font-size: 133.33%;
  /* 16px */
  font-weight: bold;
  color: #053a80;
  margin-top: 0.6em;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-bleu-droite.png);
  background-position: 0 0.2em;
  padding-left: 20px;
}
h4 {
  font-size: 116.67%;
  /* 14px */
  color: #053a80;
  margin-top: 0.4em;
  border-bottom: 1px solid #b3b3b3;
}
h5 {
  font-size: 116.67%;
  /* 14px */
  color: #0d6cac;
  margin-top: 0.4em;
}
h6 {
  font-size: 116.67%;
  /* 14px */
  color: #b42082;
  margin-top: 0.4em;
}
.boite h2,
.secondary-content h2,
.deuxColonnes .col-droite h2,
.boite h3,
.secondary-content h3,
.deuxColonnes .col-droite h3,
.boite h4,
.secondary-content h4,
.deuxColonnes .col-droite h4,
.boite h5,
.secondary-content h5,
.deuxColonnes .col-droite h5,
.boite h6,
.secondary-content h6,
.deuxColonnes .col-droite h6 {
  font-size: 100%;
  color: black;
  font-weight: bold;
  margin: 0;
  padding: 0;
  background-image: none;
  background-position: 0 0.25em;
  border: none;
}
.boite h2,
.secondary-content h2,
.deuxColonnes .col-droite h2 {
  font-size: 108.33%;
}
.boite h3,
.secondary-content h3,
.deuxColonnes .col-droite h3 {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevrons-08-noir-droite.png);
  padding-left: 13px;
}
.boite h4,
.secondary-content h4,
.deuxColonnes .col-droite h4 {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-noir-droite.png);
  padding-left: 7px;
}
#footer h2 {
  color: white;
}
/* LISTES */
ul,
ol,
dl {
  line-height: 1.5em;
}
li {
  line-height: 1.5em;
}
ul {
  list-style: none;
}
ul ul {
  margin-bottom: 0;
}
ul li {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/puce-4-bleu-carre.png);
  background-position: 0 0.6em;
  padding-left: 8px;
}
ol {
  list-style-type: decimal;
}
ol ol {
  list-style-type: lower-latin;
  margin-bottom: 0;
}
ol li {
  margin-left: 2em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 0 0 0.8em;
}
/* TEXTE */
p {
  line-height: 1.5em;
  margin: 0;
}
blockquote,
cite,
q {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
}
blockquote {
  margin: 0 0 0 1.6em;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
big {
  font-size: 116.667%;
}
small {
  font-size: 91.667%;
}
pre,
code,
kbd,
samp,
var,
tt {
  font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
pre {
  line-height: 1.5em;
  margin: 0 0 1em 0;
}
pre,
code,
kbd,
tt,
samp,
var {
  font-size: 100%;
}
kbd,
samp,
var,
tt {
  font-weight: bold;
}
var,
dfn {
  font-style: italic;
}
abbr,
acronym {
  border-bottom: 1px #aaa dotted;
  letter-spacing: 0.07em;
  cursor: help;
}
sub {
  position: relative;
  top: 0.3em;
  font-size: 0.8em;
}
sup {
  position: relative;
  bottom: 0.5em;
  font-size: 0.8em;
}
.anoter,
.astuce,
.echeance1,
.echeance2,
.echeancesablier,
.ensavoirplus,
.pourinfo,
.fondroseclair,
.fondbleu,
.fondgris {
  margin: 0.5em 0 0.5em 0;
  padding-left: 57px;
  background-position: left 5px;
}
.anoter {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-anoter.png);
}
.astuce {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-astuce.png);
}
.echeancesablier {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-echeancesablier.png);
}
.ensavoirplus {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-ensavoirplus.png);
}
.pourinfo {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-pourinfo.png);
}
.fondroseclair {
  background-color: #f4deea;
  padding: 0.5em;
}
.fondbleu {
  background-color: #d5e4f1;
  padding: 0.5em;
}
.fondgris {
  background-color: #e9e3e9;
  padding: 0.5em;
}
.fondroseclair h2,
.fondbleu h2,
.fondgris h2,
.fondvert h2,
.fondroseclair h3,
.fondbleu h3,
.fondgris h3,
.fondvert h3,
.fondroseclair h4,
.fondbleu h4,
.fondgris h4,
.fondvert h4,
.fondroseclair h5,
.fondbleu h5,
.fondgris h5,
.fondvert h5,
.fondroseclair h6,
.fondbleu h6,
.fondgris h6,
.fondvert h6 {
  margin: 0;
}
.texterose {
  color: #b42082;
}
.textegris {
  color: #7f7f7f;
}
.accordeon-js dt {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}
.accordeon-js dt span {
  display: block;
  float: left;
  width: 10px;
  height: 12px;
}
.accordeon-js dt .plie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-noir-droite.png);
  background-position: 0 4px;
}
.accordeon-js dt .deplie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-noir-bas.png);
  background-position: 0 6px;
}
.accordeon-js dt:hover {
  text-decoration: underline;
}
.infosTelech {
  color: gray;
}
/* LIENS */
a {
  color: #033981;
  text-decoration: none;
  /*background:transparent;*/
}
a:visited {
  color: #0d6cac;
}
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}
#content a[href^="http:"],
#content a[href^="https:"],
#content .lien-externe {
  padding-right: 16px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-16-lienexterne.png) no-repeat right 50%;
}
#content a[href^="http://www.ac-strasbourg.fr"],
#content a[href^="https://pro.ac-strasbourg.fr"],
#content a[href^="http://pedagogie.ac-strasbourg.fr"],
#content a[href^="https://pedagogie.ac-strasbourg.fr"],
#content a[href^="http://espacesreserves.ac-strasbourg.fr"],
#content a[href^="https://espacesreserves.ac-strasbourg.fr"] {
  padding-right: 0;
  background-image: none;
}
#content a[href$=".pdf"],
#content a[href$=".PDF"],
#content a[href$=".doc"],
#content a[href$=".DOC"],
#content a[href$=".docx"],
#content a[href$=".DOCX"],
#content a[href$=".xls"],
#content a[href$=".XLS"],
#content a[href$=".xlsx"],
#content a[href$=".XLSX"],
#content a[href$=".ppt"],
#content a[href$=".PPT"],
#content a[href$=".pptx"],
#content a[href$=".PPTX"],
#content a[href$=".pps"],
#content a[href$=".PPS"],
#content a[href$=".odt"],
#content a[href$=".ODT"],
#content a[href$=".sxw"],
#content a[href$=".SXW"],
#content a[href$=".ods"],
#content a[href$=".ODS"],
#content a[href$=".sxc"],
#content a[href$=".SXC"],
#content a[href$=".odp"],
#content a[href$=".ODP"],
#content a[href$=".sxi"],
#content a[href$=".SXI"],
#content a[href$=".zip"],
#content a[href$=".ZIP"],
#content a[href$=".dmg"],
#content a[href$=".DMG"],
#content a[href$=".mp3"],
#content a[href$=".MP3"] {
  padding-right: 16px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-16-lientelech.png) no-repeat right 50%;
}
#content a[href^="t3://file?"] {
  padding-right: 16px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-16-lientelech.png) no-repeat right 50%;
}
#content a.lienSansIcone,
#content .csc-textpic-image a {
  padding: 0;
  background: none;
}
/* IMAGES */
img {
  max-width: 100%;
  height: auto;
}
#aside DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image,
.deuxColonnes .col-droite DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}
#aside DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image,
.deuxColonnes .col-droite DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 0;
}
/* SEPARATEUR */
hr {
  margin: 0;
  display: none;
}
.divider {
  margin: 0.5em 0;
  border-top: 1px solid #c8e4f2;
}
/* MEDIA */
object,
iframe {
  max-width: 100%;
}
/* TABLEAUX */
table {
  width: auto;
  border-collapse: collapse;
  margin-bottom: 0.5em;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
table.align-centre {
  margin-left: auto;
  margin-right: auto;
  text-align: inherit;
}
table.pleine-largeur {
  width: 100%;
}
table.table-agenda {
  border: none;
}
table.table-agenda th,
table.table-agenda td {
  padding: 0.2em 0.5em;
  border-bottom: none;
}
table.table-agenda th {
  width: 75px;
  color: #033981;
  /*@c-roseSoutenu;*/
  background-color: #d5e4f1;
  /*@c-roseClair;*/
  /*border-bottom-color: white;*/
}
table.table-agenda th.border-bottom,
table.table-agenda td.border-bottom {
  border-bottom: 1px solid gray;
}
table caption {
  font-variant: small-caps;
}
th,
td {
  padding: 0.5em;
}
thead th {
  border-bottom: 2px solid black;
}
tbody th {
  border-bottom: 1px solid black;
  text-align: left;
}
tbody td {
  border-bottom: 1px solid gray;
}
/* Formulaires */
form label {
  display: block;
  font-weight: bold;
}
form ol,
form ul {
  list-style: none;
}
form li {
  padding: 0 0 1em 0;
  background: none;
}
input,
textarea,
select {
  border: 1px solid #0d6cac;
}
input:focus,
textarea:focus,
select:focus {
  border: 1px solid #b42082;
}
input[type="text"],
input[type="email"],
input[type="password"] {
  width: 250px;
}
select {
  min-width: 250px;
}
#uid6 {
  min-width: 525px;
}
textarea {
  width: 525px;
  height: 200px;
}
input[type="checkbox"] {
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: text-bottom;
}
input[type="submit"] {
  color: white;
  background-color: #b42082;
  border: none;
}
fieldset {
  margin: 1em 0;
}
legend {
  white-space: normal;
  font-size: 133.33%;
  /* 16px */
  font-weight: bold;
  color: #053a80;
  margin-top: 0.6em;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-bleu-droite.png);
  background-position: 0 0.2em;
  padding-left: 20px;
}
.champObligatoire {
  color: #b42082;
}
.formulaire .caseACocher .intitule {
  font-weight: bold;
}
.formulaire .caseACocher label {
  display: inline;
  font-weight: normal;
}
.formulaire .caseACocher li {
  padding-bottom: 0;
}
.formulaire .boutonRadio .intitule {
  font-weight: bold;
}
.formulaire .boutonRadio li {
  margin-left: 2em;
  padding: 0;
  background-image: none;
}
.formulaire .boutonRadio label {
  display: inline;
  font-weight: normal;
}
.formulaire .valider {
  text-align: center;
}
.error p {
  background-color: white;
  color: #b42082;
  font-weight: bold;
}
.contact-validation-boutons {
  text-align: center;
  margin: 1.5em 0;
}
.contact-validation-modifier,
.contact-validation-envoyer {
  display: inline;
  margin: 0 1em;
}
.cacherLegend legend {
  display: none;
}
/* Classes de texte */
.align-gauche {
  text-align: left;
}
.align-droit {
  text-align: right;
}
.align-centre {
  text-align: center;
}
.align-justifie {
  text-align: justify;
}
/* Clear */
.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
/* Fonctions LESS */
#content h1 {
  color: #02787F;
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/fleche-18-bleu-basdroite.png");
}
h2 {
  color: #D80166;
}
#content h2.important,
#content h1.important {
  color: #D80166;
}
h3 {
  color: #02787F;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/fleche-12-bleu-droite.png);
}
h4 {
  color: #50505A;
}
h5 {
  color: #02787F;
}
h6 {
  color: #D80166;
}
ul {
  list-style-type: square;
}
ul li {
  margin-left: 2em;
  padding-left: 0;
  background-image: none;
  background-position: 0% 0%;
}
ul ul {
  list-style-type: disc;
}
ul ul ul {
  list-style-type: circle;
}
ol {
  list-style-type: decimal;
}
ol li {
  margin-left: 2em;
}
ol ol {
  list-style-type: upper-alpha;
}
ol ol ol {
  list-style-type: lower-alpha;
}
.anoter,
.asavoir,
.astuce,
.attention,
.echeance1,
.echeancehorloge,
.echeance2,
.echeancesablier,
.ensavoirplus,
.pourinfo,
.question,
.travaux {
  margin: 0.5em 0 0.5em 0;
  padding-left: 55px;
  background-position: left 5px;
}
.anoter {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-anoter.png);
}
.astuce {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-astuce.png);
}
.echeancesablier {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-echeancesablier.png);
}
.ensavoirplus {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-ensavoirplus.png);
}
.pourinfo {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-40-pourinfo.png);
}
.fondroseclair {
  background-color: #F1EBF1;
  padding: 0.5em;
}
.fondbleu {
  background-color: #DBEBEB;
  padding: 0.5em;
}
.fondgris {
  background-color: #EFEFEF;
  padding: 0.5em;
}
.fondvert {
  background-color: #E9F1E6;
  padding: 0.5em;
}
input,
textarea,
select {
  border: 1px solid #02787F;
}
input:focus,
textarea:focus,
select:focus {
  border: 1px solid #D80166;
}
input[type="submit"] {
  background-color: #D80166;
  font-weight: bold;
}
/**
 *	Mise en page
 *  largeur fixe, disposition flottante
*/
body {
  background: white url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/wrapper.jpg) no-repeat center 128px;
}
.wrapper {
  width: 958px;
  margin: 0 auto;
}
/**
 *	Entête
 */
#header {
  min-width: 958px;
  /* bug visuel avec ascensceur horizontal */
}
/**
 *	Partie principale
 */
#main {
  position: relative;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/main.png) repeat-y;
}
#main .inner {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/nav.jpg) no-repeat left bottom;
}
.navFilAriane {
  padding: 0.25em 14px 0 14px;
  margin: 0 34px 1em 242px;
}
/**
	 *	Navigation
	 */
#nav {
  float: left;
  display: inline;
  width: 241px;
}
/**
	 *	Contenu
	 */
#content {
  float: left;
  display: inline;
  width: 682px;
  padding: 0 0 14px 1px;
}
#content h1 {
  margin: 0 14px 0.25em 14px;
}
#mainContent {
  position: relative;
  zoom: 1;
  /* Evite de faire disparaitre des éléments fils flottants sous IE7... */
}
#section {
  padding-left: 14px;
}
.col-gauche {
  float: left;
  display: inline;
  width: 430px;
}
#aside {
  float: right;
  display: inline;
  width: 210px;
  padding: 0 0 0 14px;
  margin: 0 14px 14px 0;
  background-color: white;
}
body.twoCols #section {
  padding-right: 14px;
}
body.twoCols #aside {
  float: none;
  position: absolute;
  right: 0;
  top: 0;
}
.blankImgFloat {
  float: right;
  display: inline;
  width: 238px;
}
/**
	 *	Icones
	 */
#iconBar {
  float: right;
  /* pas de display: inline; sinon pb de positionnement sous IE7 */
  width: 34px;
  margin: 0;
}
/**
 *	Pied de page
 */
/**
 *	Entête = bandeau + barre
 */
#headerBanner {
  height: 98px;
}
#headerBanner .wrapper {
  position: relative;
  height: 100%;
}
.navEvitement {
  margin: 0;
  padding: 0;
  text-align: center;
}
.navEvitement li {
  display: inline;
  margin: 0;
  padding: 0 1em 0 0;
  background: none;
}
.navEvitement li a {
  color: #033981;
  font-size: 91.667%;
}
#siteLogo {
  position: absolute;
  left: 14px;
  bottom: 0;
}
#siteTitre {
  position: absolute;
  left: 241px;
  bottom: 0;
}
#headerPrint {
  display: none;
}
#headerBar {
  min-height: 30px;
  background-color: #b42082;
  color: white;
  font-size: 91.667%;
  font-weight: bold;
  /**
	 * Très important
	 */
  /******************************/
  /* Contenu menu mega drop down */
}
#headerBar p,
#headerBar ul,
#headerBar li {
  margin: 0;
  padding: 0;
  line-height: 30px;
}
#headerBar .left {
  float: left;
  display: inline;
  width: 241px;
}
#headerBar .left p {
  padding: 0 14px;
}
#headerBar .right {
  float: right;
  display: inline;
  width: 717px;
}
#headerBar .left .topnav .sub {
  width: 241px;
  margin: 0;
  padding: 0;
}
#headerBar .right .topnav .sub {
  width: 924px;
  /*@content-width - @headerBarNav-paddingLeft + @nav-width;*/
  margin: 0;
}
#headerBar .topnav li {
  width: 50%;
  display: block;
  background-image: none;
}
#headerBar .topnav span {
  width: 100%;
  display: block;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-blanc-bas-encadre.png) no-repeat 97% 50%;
}
#headerBar .topnav .sub.first ul {
  padding: 10px;
}
#headerBar .topnav .sub ul li {
  background: none;
}
#headerBar .topnav .sub.first ul li {
  width: 100%;
}
#headerBar .topnav .sub .menu-col-gauche,
#headerBar .topnav .sub .menu-col-centre,
#headerBar .topnav .sub .menu-col-droite {
  display: block;
  float: left;
  margin: 0 12px;
  width: 284px;
}
#headerBar .topnav .sub .menu-col-gauche li,
#headerBar .topnav .sub .menu-col-centre li,
#headerBar .topnav .sub .menu-col-droite li {
  width: 100%;
}
#headerBar .topnav .sub ul li a {
  float: none;
  text-indent: 0;
  height: auto;
  display: block;
  font-size: 118%;
  line-height: 1.5em;
}
#headerBar .topnav .sub.first ul li a {
  width: 100%;
}
#headerBar .topnav .sub ul li a {
  border: none;
  padding-left: 10px;
  background: none;
  color: white;
}
#headerBar .topnav .sub ul li a:hover,
#headerBar .topnav .sub ul li a:focus {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-blanc-droite.png) no-repeat left center;
}
#headerBar .topnav .sub ul li h2 {
  line-height: 1em;
  font-weight: bold;
  margin: 0.6em 0.5em 0 0.5em;
}
#headerBar .topnav .sub.first ul li:last-child a {
  border: none;
}
#headerBar .topnav li .sub {
  width: 241px;
  opacity: 0;
  z-index: -10;
  position: absolute;
  background: #FFFFFF;
  background-color: #f8f8f8 \9;
  /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */
  border-bottom: 1px solid #cbcbcb \9;
  border-left: 1px solid #cbcbcb \9;
  border-right: 1px solid #cbcbcb \9;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  -moz-box-shadow: 0 5px 5px #666;
  -webkit-box-shadow: 0 5px 5px #666;
  box-shadow: 0 5px 5px #666;
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='@{couleur}', Direction=135, Strength=@degrade);*/
  /* IE6-8 */
  /* Désactivé car génère un bug visuel dans l'ombre du menu déroulant de l'espace pédagogique */
}
#headerBar .topnav li:hover,
#headerBar .topnav li:focus {
  background: #d891bb;
}
#headerBar .topnav li:hover span,
#headerBar .topnav li:focus span {
  font-weight: bold;
}
#headerBarNav {
  float: left;
  display: inline;
  width: 363px;
  padding-left: 9px;
}
#headerBarNav .left {
  float: left;
  display: inline;
  width: 166.5px;
}
#headerBarNav .right {
  float: right;
  display: inline;
  width: 166.5px;
}
#headerBarNav .ddm,
#headerBarNav .ddm ul {
  list-style-type: none;
}
#headerBarNav .ddm li {
  float: left;
  width: 166.5px;
  background: none;
}
#headerBarNav .ddm li span {
  display: block;
  padding-left: 5px;
  padding-right: 17px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-blanc-bas-encadre.png) no-repeat 97% 50%;
}
#headerBarNav .ddm li ul {
  width: 166.5px;
  position: absolute;
  left: -9999px;
}
#headerBarNav .ddm li ul li a {
  display: block;
  border-bottom: 1px dotted white;
  padding: 0 5px;
  background-color: #f4deea;
  color: black;
}
#headerBarNav .ddm li ul li a dfn {
  font-style: normal;
}
#headerBarNav .ddm li ul li a:hover,
#headerBarNav .ddm li ul li a:focus {
  background-color: #d891bb;
}
#headerBarNav .ddm .hover {
  background: #d891bb url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-blanc-bas-encadre.png) no-repeat 97% 50%;
  color: black;
}
#headerBarNav .ddm .hover ul {
  left: auto;
  z-index: 1;
}
#headerBarTools {
  float: right;
  display: inline;
  width: 300px;
  padding-right: 45px;
}
#headerBarTools .left {
  width: 98px;
  float: left;
  display: inline;
}
#headerBarTools .left input[type=image] {
  width: 23px;
  height: 17px;
  border: none;
  margin: 6.5px 0 0 5px;
}
#headerBarTools .left a {
  margin: 6.5px 0 0 5px;
}
#contact {
  float: right;
  display: inline;
}
#contact a {
  color: white;
}
/*
 * Colonne de navigation
 */
/* Largeur de l'image */
#nav {
  margin-bottom: 92px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/siteUrl.png) no-repeat right top;
  min-height: 202px;
}
#nav .navLvl1 {
  width: 209px;
  margin: 0;
  padding-right: 32px;
  list-style: none;
  /* background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/siteUrl.png) no-repeat right top; */
}
#nav .navLvl1 li {
  margin: 0 0 10px 9px;
  background: none;
  padding: 0;
}
#nav .navLvl1 li a,
#nav .navLvl1 li span {
  padding-left: 12px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-bleu-droite.png) no-repeat left 50%;
  color: black;
  font-weight: bold;
}
#nav .navLvl1 li span {
  color: #b42082;
}
#nav .navLvl1 li .actif {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-bleu-bas.png) no-repeat left 50%;
}
#nav .navLvl1 .rose a {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-rose-droite.png) no-repeat left 50%;
}
#nav .navLvl1 .rose .actif {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-10-rose-bas.png) no-repeat left 50%;
}
#nav .navLvl1 .navLvl2 {
  width: 100%;
  margin: 0;
  list-style: none;
}
#nav .navLvl1 .navLvl2 li {
  margin: 0 0 0 12px;
}
#nav .navLvl1 .navLvl2 li a,
#nav .navLvl1 .navLvl2 li span {
  padding-left: 0;
  background: none;
  color: #033981;
  font-weight: normal;
}
#nav .navLvl1 .navLvl2 li span {
  color: #b42082;
}
#nav .navLvl1 .navLvl2 .navLvl3 {
  width: 100%;
  margin: 0;
  list-style: none;
}
#nav .navLvl1 .navLvl2 .navLvl3 a {
  color: black;
}
#nav #fe-login {
  margin-left: 9px;
}
#nav #fe-login h2 {
  font-size: 116.67%;
}
#nav #fe-login input[type="text"],
#nav #fe-login input[type="password"] {
  width: 80%;
}
#pub {
  position: absolute;
  left: 20.5px;
  bottom: 11px;
}
/**
 *	Barre d'icones
 */
#iconBar {
  list-style: none;
}
#iconBar li {
  width: 23px;
  height: 23px;
  padding: 5.5px 5.5px;
  margin: 0 0 10px 0;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/iconBar-bg.png) no-repeat left top;
}
/*
 *	Pied de page
 */
#footer {
  padding-top: 13px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/footer-top.png) no-repeat left top;
  font-size: 91.667%;
  color: white;
}
#footer p {
  margin: 0;
}
#footer a {
  color: white;
}
#footer .inner {
  width: 930px;
  /* nécessaire pour IE6 & 7 : sinon ils ne prennent pas en compte le padding-top de #footer */
  padding: 0 14px 14px 14px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/footer.png) repeat-y;
}
#footer .normal {
  margin-bottom: 1em;
}
#footer .navLvl1 {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid white;
}
#footer .navLvl1 li {
  background-image: none;
  text-transform: uppercase;
  padding: 0;
}
#footer .navLvl1 .navLvl2 {
  display: inline;
  padding-left: 0.3em;
}
#footer .navLvl1 .navLvl2 li {
  display: inline;
  text-transform: none;
  padding: 0 0.3em 0 0;
}
#footerAccess {
  float: left;
  display: inline;
  width: 212px;
  padding-right: 14px;
  border-right: 1px solid white;
  background-color: #0d6cac;
  /* Accessibilité : contrastes */
}
#footerAccess .accordeon h2 {
  font-size: 100%;
  margin: 0;
  font-weight: bold;
}
#footerAccess .accordeon-js {
  margin: 0 0 14px 0;
}
#footerAccess .accordeon-js dd {
  margin: 0 0 0 10px;
}
#footerAccess .accordeon-js dt span {
  width: 10px;
  height: 10px;
}
#footerAccess .accordeon-js dt .plie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-blanc-droite.png);
  background-position: 0 2px;
}
#footerAccess .accordeon-js dt .deplie {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-08-blanc-bas.png);
  background-position: 0 4px;
}
#cartoucheMen {
  text-align: center;
}
#footerLinks {
  float: right;
  display: inline;
  width: 688px;
  padding-left: 14px;
  background-color: #0d6cac;
  /* Accessibilité : contrastes */
}
#footerLinks .intitule {
  font-weight: bold;
}
/**
 *	Contenus spécifiques
*/
/**
 *	Boite
 */
/*#aside, .deuxColonnes .col-droite {*/
#aside .normal {
  margin-bottom: 1em;
}
#aside .boite {
  margin-bottom: 1em;
}
#aside .boite .normal {
  margin-bottom: 0;
}
.boiteDegrade {
  padding: 10px;
}
.boiteDegrade .bloc {
  padding-top: 10px;
}
.degradeBleu {
  background-color: #d5e4f1;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-bleu.png);
}
.degradeBleu h2 {
  color: #449bb7;
}
.degradeGris {
  background-color: #e8e1dd;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-gris.png);
}
.degradeGris h2 {
  color: #50505a;
}
.degradeOrange {
  background-color: #f7e5c8;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-orange.png);
}
.degradeOrange h2 {
  color: #ff9752;
}
.degradeRose {
  background-color: #f4deea;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-rose.png);
}
.degradeRose h2 {
  color: #b42082;
}
.degradeVert {
  background-color: #eef3d1;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteDegrade-vert.png);
}
.degradeVert h2 {
  color: #8ba60c;
}
.boiteBordPointille {
  padding: 9px;
  border-width: 1px;
  border-style: dotted;
}
.boiteBordPointille h2 {
  padding-left: 18px;
  line-height: 17px;
  background-position: 0 0.1em;
}
.boiteBordPointille .bloc {
  padding-top: 9px;
}
.bordPointilleViolet {
  border-color: #631f63;
}
.bordPointilleViolet h2 {
  color: #631f63;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-violetclair-basdroite.png);
}
.bordPointilleVert {
  border-color: #8ba60c;
}
.bordPointilleVert h2 {
  color: #8ba60c;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/fleche-12-vertclair-basdroite.png);
}
.boiteEncadre {
  padding: 0;
}
.boiteEncadre h2 {
  line-height: 29px;
  max-height: 29px;
  padding: 0 10px;
  background-position: 0 0;
}
.boiteEncadre .texte {
  padding: 0 9px 9px 9px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}
.boiteEncadre .bloc {
  padding-top: 9px;
}
.encadreBleu h2 {
  color: #449bb7;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteEncadre-bleu.png);
  max-height: 100px;
}
.encadreBleu .texte {
  border-color: #d5e4f1;
}
.encadreRose h2 {
  color: #b42082;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/boiteEncadre-rose.png);
}
.encadreRose .texte {
  border-color: #f4deea;
}
/*}*/
/**
 *	Actualité
 */
.actus-liste {
  list-style: none;
  margin: 0;
}
.actus-liste p {
  margin: 0;
}
.actus-liste li {
  margin: 0;
  padding: 0.5em 0;
  border-top: 1px solid #c8e4f2;
}
.actus-liste li:first-child {
  border-top: none;
  padding-top: 0;
}
.actus-liste li:last-child {
  padding-bottom: 0;
}
.actus-liste .infos {
  color: #7F7F7F;
  font-size: 83.33%;
}
.actus-liste img {
  float: left;
  margin: 0.4em 14px 0 0;
  border: 1px solid #DDD;
  padding: 2px;
}
.actus-liste .texte {
  /*margin-left: 85px;*/
}
.actus-liste-une-lien {
  line-height: 1em;
  text-align: right;
  border-bottom: 1px solid #c8e4f2;
}
.actus-liste-une-lien a {
  background-color: white;
}
#content .actus-liste-une h3,
#content .actus-liste h2,
#content .actus-liste-important h3,
#content .actus-liste-important h2 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  background-image: none;
}
#content .actus-liste-une h3 a,
#content .actus-liste h2 a,
#content .actus-liste-important h3 a,
#content .actus-liste-important h2 a {
  margin: 0;
}
#content .actus-liste .image a {
  background: none;
  padding-right: 0;
}
#content h2.important,
#content h1.important {
  color: #b42082;
  line-height: 25px;
  margin-top: 0;
  padding-left: 0;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-important.png);
  background-position: right bottom;
}
#content h2.important img,
#content h1.important img {
  margin-right: 5px;
}
.actus-liste-important {
  border-left: 1px solid #eecee4;
  border-right: 1px solid #eecee4;
  border-bottom: 1px solid #eecee4;
  padding: 0 0.5em 0.5em 0.5em;
  /*a { font-weight: bold; }*/
}
.actus-liste-important li {
  padding: 0;
  margin: 0;
  border-top: none;
}
.actus-liste-etab {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/bg-actus-liste-etab.png);
  background-repeat: repeat-y;
  padding: 0 5px;
}
.actus-liste-etab li {
  padding: 0;
  margin: 1em 0 0;
  border-top: none;
  font-weight: bold;
}
.actus-liste-etab li a {
  font-weight: normal;
}
.actus-liste-etab li:first-child {
  margin-top: 0;
}
.actu-detail .date {
  color: #7F7F7F;
  font-size: 83.33%;
}
.actu-detail .theme {
  color: #7F7F7F;
  font-size: 83.33%;
  border-bottom: 1px solid #7F7F7F;
  margin-bottom: 1em;
}
.actu-detail .chapeau {
  font-weight: bold;
  margin-bottom: 1.5em;
}
.actu-detail .plusInfos {
  padding: 0.5em;
  background-color: #e9e3e9;
  margin-top: 1em;
}
.actu-detail .images {
  float: right;
  display: inline;
  padding-left: 10px;
  background-color: white;
}
/**
 *	Glossaire
 */
.glossaire h3 {
  margin-top: 0;
}
.glossaire .entree {
  padding: 1.2em 0;
  border-bottom: 1px solid #c8e4f2;
}
.navGlossaire {
  width: 100%;
  list-style: none;
  padding: 0;
  text-align: center;
  background-color: #e9e3e9;
}
.navGlossaire li {
  display: inline;
  margin: 0 0;
  padding: 0 0.1em;
  font-size: 116.67%;
}
.navGlossaire .intitule {
  font-size: 100%;
}
/**
 *	Navigation
 */
.navSousPages,
.navSommaire,
.navDernieresPagesMaj ul,
.navPagesPlusConsultees ul,
.navLvl4,
.navSousSiteLvl1 {
  list-style: none;
  margin: 0;
  border-left: 4px solid #b42082;
}
.navSousPages li,
.navSommaire li,
.navDernieresPagesMaj ul li,
.navPagesPlusConsultees ul li,
.navLvl4 li,
.navSousSiteLvl1 li {
  background: none;
  margin: 0;
  padding-left: 4px;
}
#navNiveau4,
#navSousSite {
  margin-bottom: 1em;
}
#navNiveau4 h2,
#navSousSite h2 {
  color: #033981;
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-boussole.png);
  background-position: 0 50%;
}
.navLvl4,
.navSousSiteLvl1 {
  border-left-color: #d8d7e7;
}
.navLvl4 span,
.navSousSiteLvl1 span {
  color: #b42082;
}
#content .navDernieresPagesMaj h2 {
  color: #72bb38;
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-dernieresMaj.png);
  background-position: 0 50%;
}
#content .navDernieresPagesMaj ul {
  border-left-color: #b6d997;
}
#content .navPagesPlusConsultees h2 {
  color: #eb7d40;
  padding-left: 30px;
  line-height: 25px;
  min-height: 25px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/icone-25-plusConsultes.png);
  background-position: 0 50%;
}
#content .navPagesPlusConsultees ul {
  border-left-color: #f6c1a4;
}
.navFilAriane li {
  display: inline;
  margin: 0;
  background: none;
  padding: 0 5px 0 0;
}
.navHaut {
  float: right;
  line-height: 1em;
}
.navHaut a {
  line-height: 1em;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevrons-10-bleu-haut.png) no-repeat right 50%;
  padding-right: 13px;
}
.navRetour a {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevrons-10-bleu-gauche.png) no-repeat left 50%;
  padding-left: 13px;
}
.navPages {
  list-style: none;
  padding: 0;
  text-align: center;
  width: 100%;
}
.navPages li {
  display: inline;
  margin: 0;
  padding: 0 0.2em;
}
.navPages li a {
  display: inline-block;
  padding: 0.2em;
  border: 1px solid #c8e4f2;
}
.browsebox {
  list-style: none;
  padding: 0;
  text-align: center;
  width: 100%;
}
.browsebox li {
  display: inline;
  margin: 0;
  padding: 0 0.2em;
  background: none;
}
.browsebox li a {
  display: inline-block;
  padding: 0.2em;
  border: 1px solid #c8e4f2;
}
#navBasPage {
  margin-top: 1em;
  clear: both;
}
#navBasPage .navRetour {
  float: left;
  display: inline;
}
#navBasPage .dateMaj {
  text-align: center;
}
#navBasPage .navHaut a {
  line-height: 1.5em;
}
.navPagesSel {
  list-style: none;
  margin: 0;
}
.navPagesSel li {
  background: none;
  margin: 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #f4deea;
}
.navPagesSel li:last-child {
  border-bottom: none;
}
.navPagesSel img {
  float: left;
  display: inline;
  margin: 0 14px 0 0;
  padding: 2px;
  border: 1px solid #DDD;
}
.navPagesSel div {
  clear: left;
}
.navPlan1,
.navPlan2,
.navPlan3,
.navPlan4,
.navPlan5 {
  margin-left: 1em;
}
.navPlan1 li,
.navPlan2 li,
.navPlan3 li,
.navPlan4 li,
.navPlan5 li {
  padding: 0;
  background-image: none;
}
.navPlan1 li {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px dotted #0d6cac;
  font-weight: bold;
}
.navPlan2 li {
  margin-bottom: 0;
  padding: 0 0 0 8px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/puce-4-bleu-carre.png);
  background-position: 0 0.6em;
  border-bottom: none;
  font-weight: normal;
}
.navPlan3 li {
  padding-left: 0;
  background-image: none;
}
.navPlan4 {
  margin-left: 0.5em;
  padding-left: 0.5em;
  border-left: 1px solid #033981;
}
/*
 * Largeur divisée en 2 colonnes inégales
 * La colonne de droite a la même taille que la colonne #aside
 * Le contenu de la colonne centrale s'enroule autour du contenu de la colonne de droite
 */
.deux-colonnes-inegales .colonne-droite {
  float: right;
  display: inline;
  width: 210px;
  padding: 0 0 0 14px;
  margin: 0 14px 14px 0;
  background-color: white;
}
/*
 * Largeur divisée en 2 colonnes égales
 */
.deux-colonnes-egales .colonne {
  float: left;
  display: inline;
  width: 49%;
}
.deux-colonnes-egales .colonne-gauche {
  margin-right: 2%;
}
/*
 * Largeur divisée en 3 colonnes égales
 */
.trois-colonnes-egales .colonne {
  float: left;
  display: inline;
  width: 32%;
}
.trois-colonnes-egales .colonne-centrale {
  margin: 0 2%;
}
/**
 * Formulaires
*/
.tx-powermail fieldset .powermail_fieldwrap {
  padding: 0 0 1em;
}
.tx-powermail .parsley-errors-list li {
  color: #b42082;
  font-weight: bold;
}
.tx-powermail .btn-group {
  text-align: center;
}
.tx-powermail .btn-group form {
  display: inline-block;
}
/* Formulaire de demande de pôle bilingue */
#uid115 {
  width: 250px;
  height: 100px;
}
/**
 * Calendrier de choix de date
*/
#calroot {
  /* place on top of other elements. set a higher value if nessessary */
  z-index: 10000;
  margin-top: -1px;
  width: 198px;
  padding: 2px;
  background-color: #fff;
  font-size: 11px;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 15px #666;
  -webkit-box-shadow: 0 0 15px #666;
  box-shadow: 0 0 15px #666;
}
/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
  padding: 2px 0;
  height: 22px;
}
#caltitle {
  font-size: 14px;
  color: #FA8800;
  float: left;
  text-align: center;
  width: 155px;
  line-height: 20px;
  text-shadow: 0 1px 0 #ddd;
}
#calnext,
#calprev {
  display: block;
  width: 20px;
  height: 20px;
  background: transparent url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/prev.gif) no-repeat scroll center center;
  float: left;
  cursor: pointer;
}
#calnext {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/next.gif);
  float: right;
}
#calprev.caldisabled,
#calnext.caldisabled {
  visibility: hidden;
}
/* year/month selector */
#caltitle select {
  font-size: 10px;
  min-width: 0;
}
/* names of the days */
#caldays {
  height: 18px;
  border-bottom: 1px solid #ddd;
}
#caldays span {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
}
/* container for weeks */
#calweeks {
  background-color: #fff;
  margin-top: 4px;
}
/* single week */
.calweek {
  clear: left;
  height: 22px;
}
/* single day */
.calweek a {
  display: block;
  float: left;
  width: 27px;
  height: 20px;
  text-decoration: none;
  font-size: 11px;
  margin-left: 1px;
  text-align: center;
  line-height: 20px;
  color: #666;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
/* different states */
.calweek a:hover,
.calfocus {
  background-color: #ddd;
}
/* sunday */
a.calsun {
  color: red;
}
/* offmonth day */
a.caloff {
  color: #ccc;
}
a.caloff:hover {
  background-color: #f5f5fa;
}
/* unselectable day */
a.caldisabled {
  background-color: #efefef !important;
  color: #ccc !important;
  cursor: default;
}
/* current day */
#calcurrent {
  background-color: #498CE2;
  color: #fff;
}
/* today */
#caltoday {
  background-color: #333;
  color: #fff;
}
/**
 *	Zoom
*/
#main #zoom h2 {
  width: 105px;
  height: 20px;
  padding-left: 5px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/bg-zoom-titre.png);
  margin: 0;
  font-size: 100%;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  border: none;
  color: #b42082;
}
#zoom {
  width: auto;
  margin: 1em auto 0;
  font-size: 91.667%;
}
#zoom .inner {
  width: auto;
  height: 196px;
  padding: 10px 0 10px 0;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/bg-zoom.png);
  background-repeat: repeat-x;
}
#zoom .inner .scrollable {
  width: 500px;
}
#zoom a.browse {
  display: block;
  width: 18px;
  height: 18px;
  float: left;
  display: inline;
  margin: 178px 9px 0 9px;
  cursor: pointer;
  font-size: 1px;
}
#zoom a.left {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-20-blanc-gauche.png);
}
#zoom a.right {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Commun/chevron-20-blanc-droite.png);
  clear: right;
}
#zoom a.disabled {
  visibility: hidden !important;
}
#zoom input[type="image"] {
  width: 14px;
  height: 14px;
  margin: 3px 0 0 5px;
  border: none;
  vertical-align: text-bottom;
}
#zoom img {
  margin-bottom: 2px;
}
#zoom a {
  display: block;
  color: white;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  background-color: #b42082;
  /* Accessibilité : contrastes */
}
.scrollable {
  position: relative;
  overflow: hidden;
  width: 824px;
  height: 196px;
  float: left;
  display: inline;
}
.scrollable .items {
  width: 20000em;
  position: absolute;
  /*clear:both;*/
}
.scrollable .items li {
  float: left;
  display: inline;
  width: 180px;
  padding: 0;
  margin: 0 28px 0 0;
  background-image: none;
}
/**
 * Extension comments
 */
.tx-comments-form-top-message {
  padding-top: 0.5em;
  text-align: center;
  color: #b42082;
}
.tx-comments-form-top-message li {
  text-decoration: none;
}
.tx-comments-comment-1,
.tx-comments-comment-2 {
  margin: 0;
  padding: 0.5em 0;
  border-bottom: 1px solid #c8e4f2;
}
.tx-comments-required-mark {
  color: #B42082;
}
.tx-comments-comment-input {
  margin: 0 0 1em 0;
}
.tx-comments-required-error {
  text-align: center;
  color: #b42082;
}
/**
 * Extension pagebrowse
 */
.tx-pagebrowse-pi1 ul li {
  background-image: none;
}
/**
* Lightbox
*/
#sbCenter {
  z-index: 1000!important;
}
#sbOverlay {
  z-index: -1 !important;
}
#sbBottom {
  background-color: white!important;
}
.lightboximg {
  cursor: pointer;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000075;
  text-align: center;
}
#lightbox .closelightbox {
  text-align: right;
  color: #fff;
  margin-right: 20px;
  margin-top: 20px;
  font-size: 12px;
}
#imglightbox {
  width: fit-content;
  margin: 0 auto;
}
#imglightbox img {
  max-height: 450px;
}
#imglightbox figcaption {
  background-color: white;
  padding: 10px;
}
.fermerlightbox {
  max-width: 20px;
}
.prevlightboximg,
.nextlightboximg {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  height: 0;
  width: 0;
}
.nextlightboximg {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 35px solid black;
  margin-left: 20px;
}
.prevlightboximg {
  border-top: 20px solid transparent;
  border-right: 35px solid black;
  border-bottom: 20px solid transparent;
  margin-right: 20px;
}
#lightbox .nbimages {
  display: inline-block;
  color: black;
  background-color: white;
  padding: 10px;
  border-radius: 50px;
}
#lightbox .navigation {
  margin-top: 10px;
}
.the-canvas {
  max-width: 100%;
}
.navigation_liseusepdf {
  text-align: center;
  padding: 10px;
}
.navigation_liseusepdf .next {
  color: white;
  background-color: #b42082;
  border: none;
  margin-left: 10px;
}
.navigation_liseusepdf .prev {
  color: white;
  background-color: #b42082;
  border: none;
  margin-right: 10px;
}
.h5p-iframe-wrapper {
  overflow: hidden;
  margin-bottom: 20px;
}
.h5p-iframe-wrapper .h5p-image-hotspots-background {
  width: 100%!important;
  height: auto!important;
}
img[src$=".pdf"],
img[src$=".PDF"] {
  height: 0px;
  width: 0px;
}
/**
 *	Mise en page spécifique au site
 */
/*
body { background: white url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/wrapper.jpg) no-repeat center @header-height; }
*/
body {
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/wrapper.jpg);
  color: #333;
}
a {
  color: #006f93;
}
a:visited {
  color: #004860;
}
/*#content {
	a[href^="http:"], a[href^="https:"] {
		background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-16-lienexterne.png);
		padding-right: 16px + 4px;
	}
}*/
#main .inner {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/main_accueil.png) repeat-y;
}
#footer {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/footer-top_accueil.png) no-repeat left top;
  padding-top: 12px;
}
#siteTitre {
  /*background-color: #c3045c;*/
  /* pour le contraste quand l'image n'est pas affichée */
}
#siteTitre .long {
  bottom: -6px;
}
#header h1.long {
  font-size: 220%;
}
/*
	 *	Layout de la page d'accueil de l'espace pédagogique
	*/
.peda-home #content {
  width: 566px;
  margin-right: 14px;
}
.peda-home #aside {
  float: left;
  width: 320px;
  margin-right: 0;
  padding-left: 20px;
  background-color: transparent;
}
.peda-home .secondary-content {
  width: 100%;
  margin-right: 14px;
  display: inline;
  background-color: white;
}
.peda-home #fil .date {
  display: none;
}
.peda-home .navFilAriane {
  margin-left: 0;
}
#mainFooter {
  margin-top: 1em;
}
/**
	 *	Menu central des sous-sites (ul)
	*/
#main .navSousSites {
  padding-left: 20px;
  margin-bottom: 0.6em;
  background-color: #62b3b3;
  border: 1px solid #62b3b3;
}
#main .navSousSites .inner {
  background-image: none;
  background-color: white;
}
#main .navSousSites li {
  display: block;
  float: left;
  width: 50%;
  padding: 0;
  background-image: none;
}
#main .navSousSites li a {
  display: block;
  margin: 0.2em;
  padding: 0.2em 0.2em 0.2em 10px;
  color: #62b3b3;
  font-size: 118%;
}
#main .navSousSites li a:hover,
#main .navSousSites li a:focus {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/chevron-10-bleu-droite.png) no-repeat left center;
}
/**
	 *	Menu à droite d'un sous-site (div)
	*/
#navSousSite h2 {
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-25-boussole.png");
  color: #02787F;
}
#headerBanner {
  background: white url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/header.png) no-repeat center top;
}
#siteLogo {
  left: -8px;
}
/*
	 * Menu déroulant
	 */
#headerBarNav {
  padding-left: 0;
}
/*
@lh-baseMenu: 1.3em;
@fs-base: 1.18em;
@fs-titre2: 1.5em;
*/
#headerBar {
  background: #099199 url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/headerBar-bg.png) repeat-x left center;
  font-size: 100%;
  background-size: contain;
}
#headerBar .topnav li .sub {
  top: auto!important;
}
#headerBar .header_search {
  width: 100%;
  height: 50px;
  display: inline-block;
}
#headerBar .recherchepeda {
  cursor: pointer;
  position: absolute;
  width: 30px;
  height: 30px;
  margin-left: 712px;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/search1.png);
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
}
#headerBar .form {
  z-index: 1;
  padding: 10px;
  width: 100%;
  height: auto;
  margin-left: 40px;
}
#headerBar .croix {
  content: " ";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/cross.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  cursor: pointer;
  vertical-align: middle;
  filter: invert(1);
  margin-left: 40px;
}
#headerBar .search_submit {
  height: 20px;
  width: 20px;
  background: 0 0;
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/search.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border: none;
  padding: 0;
  vertical-align: middle;
  margin-left: -35px;
}
#headerBar .input_search {
  border: none;
  margin-left: 10px;
  vertical-align: middle;
  width: 80%;
  height: 30px;
}
#headerBar #homePeda {
  width: 30px;
  padding: 0;
  float: left;
}
#headerBar #homePeda a {
  display: block;
}
#headerBar #homePeda img {
  padding: 5px 5px 5px 5px;
}
#headerBar .left .topnav {
  float: right;
  width: 211px;
}
#headerBar .topnav li:hover,
#headerBar .topnav li:focus {
  background: none;
  background-color: #62b3b3;
}
#headerBar .topnav li .sub {
  background-color: #62b3b3;
  font-weight: normal;
  padding: 15px 0;
}
#headerBar .topnav li .sub ul li {
  margin-top: 18px;
}
#headerBar .topnav li .sub ul li:first-child {
  margin-top: 0;
}
#headerBar .topnav li .sub ul li .menu-domaine-titre {
  position: relative;
  border-bottom: 1px solid #2A696C;
  height: 18px;
}
#headerBar .topnav li .sub ul li h2 {
  font-size: 120%;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 2px 4px;
  color: #2A696C;
  text-align: right;
}
#headerBar .topnav li .sub ul li a {
  line-height: 18px;
}
#headerBar .topnav li .sub .menu-col-titre {
  display: none;
}
#headerBar .topnav li .sub .menu-home {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/home.png) no-repeat 7px 50%;
}
#headerBar .topnav li .sub .menu-home a {
  padding-left: 27px;
}
#headerBar .topnav .sub.second ul li li li {
  margin: 0;
}
#headerBar .topnav > li {
  line-height: 30px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/headerBar-separator.png) no-repeat left center;
}
#headerBar .topnav > li span {
  line-height: 30px;
  background: none;
  text-align: center;
}
#headerBar #menu-sciencesexp .menu-domaine-titre {
  height: 36px;
}
#headerBar #menu-autresressources .menu-domaine-titre {
  border-bottom: 0;
}
#headerBar #menu-autresressources ul {
  background-color: #a7d4d4;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
#headerBar #menu-autresressources a {
  color: #2A696C;
}
#headerBar #menu-autresressources a:hover,
#headerBar #menu-autresressources a:focus {
  background: none;
}
#headerBar #menu-horsdomaine .menu-domaine-titre {
  display: none;
}
#headerBar #menu-horsdomaine li {
  border-top: 1px solid #2A696C;
}
#headerBar #menu-horsdomaine li:first-child {
  border-top: none;
}
#headerBar #menu-horsdomaine li a {
  line-height: 36px;
}
/* contraste quand l'image n'est pas affichée */
/*#headerBarTools input[type="image"] {
	background-color: #099199;
}*/
#searchbox input[type="submit"] {
  color: #099199;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
#searchbox input[type="text"] {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
#nav {
  /*
	min-height: 279px;
	background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/siteUrl.png) no-repeat right 10px;
	*/
  min-height: 1px;
  /* Permet de garder les autre colonnes à droite  */
  background-image: none;
  margin-bottom: 0;
}
#nav .navLvl1 {
  width: 236px;
  margin: 0 0 1em 5px;
  padding: 0 0 0.1em 0;
  background-color: #F6F4F5;
  border-bottom-right-radius: 12px;
}
#nav .navLvl1 li {
  margin-left: 10px;
}
#nav .navLvl1 li a,
#nav .navLvl1 li span {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/chevron-10-rose-droite.png) no-repeat left 50%;
}
#nav .navLvl1 li .actif {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/chevron-10-rose-bas.png) no-repeat left 50%;
}
#nav .navLvl1 li li {
  margin-left: 9px;
}
#nav .navLvl1 .commun a {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/chevron-10-bleu-droite.png) no-repeat left 50%;
}
#nav .navLvl1 .commun .actif {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/chevron-10-bleu-bas.png) no-repeat left 50%;
}
#nav #fe-login {
  padding-right: 32px;
  /* 14px */
}
#nav #fe-login h2 {
  font-size: 116.67%;
}
#nav #fe-login li {
  margin: 0 0 10px/2 9px;
  padding: 0;
}
#nav #fe-login input {
  font-size: 91.667%;
}
.espace-peda #nav {
  background: none;
}
.espace-peda #nav .navLvl1 {
  padding-right: 0;
}
/*#main .inner { background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/main.png) repeat-y; }*/
#fil {
  background-color: #F6F4F5;
  margin: 0 34px 0 5px;
}
.navFilAriane {
  background: white url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/home-ariane.png) no-repeat 10px 1px;
  margin: 0 0 0 236px;
  padding: 5px 14px 1em 25px;
}
/*
	 *	Encarts
	 */
/* comportement des contenus dans la colonne de droite */
.secondary-content {
  /* si le contenu est dans une boite, on ne met plus de marge : la boite a déjà un padding */
}
.secondary-content .c-item {
  margin: 0 0 1.2em 0;
  padding: 0 10px;
}
.secondary-content .c-item.fondroseclair,
.secondary-content .c-item.fondbleu,
.secondary-content .c-item.fondgris,
.secondary-content .c-item.fondvert {
  padding: 10px;
}
.secondary-content .c-item.cty-flexible {
  padding: 0;
}
.secondary-content .boite .c-item {
  margin: 0;
  padding: 0;
}
.secondary-content .boite .c-item.fondroseclair,
.secondary-content .boite .c-item.fondbleu,
.secondary-content .boite .c-item.fondgris,
.secondary-content .boite .c-item.fondvert {
  padding: 10px;
}
.secondary-content h2 {
  margin-bottom: 10px;
  color: #D80166;
  padding-left: 18px;
  background-position: 0 0.1em;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/fleche-12-violetclair-basdroite.png);
}
/* comportement des boites dans la colonne centrale */
#section .boite {
  margin-bottom: 1.2em;
}
/* Mise en page des encarts dans la colonne de navigation */
.nav-content {
  margin-top: 10px;
  padding: 0 9px;
}
/* Boite = encart avec bordure, contenu gridelement, peut contenir plusieurs contenus TYPO3 */
.boite {
  /*padding: @boite-padding;*/
  border-style: solid;
  border-width: 1px;
}
.boite .texte {
  margin-top: 9px;
  padding: 0;
  /* Ràz du comportement /défaut, à supprimer quand les boîtes seront uniformes */
  border-width: 0;
  /* Ràz du comportement /défaut, à supprimer quand les boîtes seront uniformes */
}
.boite .bloc {
  padding: 0;
  /* Ràz du comportement /défaut, à supprimer quand les boîtes seront uniformes */
}
/*
	 * Encarts avec fond en dégradé
	 */
.boiteDegrade {
  zoom: 1;
  /* IE5.5 à 7 : active le hasLayout nécessaire pour le dégradé */
  background: #FFFFFF;
  padding: 0;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}
.boiteDegrade .titre {
  padding: 5px;
  background: none;
}
.boiteDegrade .texte p {
  padding: 5px;
}
.degradeBleu {
  border-color: #CFE6E6;
  background: #F4F4F4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #CFE6E6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #F4F4F4 0%, #CFE6E6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#CFE6E6', GradientType=0);
  /* IE6-9 */
}
.degradeBleu .titre {
  color: #02787F;
}
.degradeGris {
  border-color: #E8E1DD;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #E8E1DD 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #E8E1DD));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #E8E1DD 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #E8E1DD 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #E8E1DD 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 0%, #E8E1DD 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E8E1DD', GradientType=0);
  /* IE6-9 */
}
.degradeGris .titre {
  color: #50505A;
}
.degradeOrange {
  border-color: #F7E5C8;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F7E5C8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F7E5C8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F7E5C8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #F7E5C8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #F7E5C8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 0%, #F7E5C8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F7E5C8', GradientType=0);
  /* IE6-9 */
}
.degradeOrange .titre {
  color: #b84900;
}
.degradeRose {
  border-color: #F4DEEA;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F4DEEA 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F4DEEA));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F4DEEA 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #F4DEEA 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #F4DEEA 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 0%, #F4DEEA 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F4DEEA', GradientType=0);
  /* IE6-9 */
}
.degradeRose .titre {
  color: #d80166;
}
.degradeVert {
  border-color: #EEF3D1;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #EEF3D1 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #EEF3D1));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #EEF3D1 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #EEF3D1 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #EEF3D1 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 0%, #EEF3D1 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEF3D1', GradientType=0);
  /* IE6-9 */
}
.degradeVert .titre {
  color: #637609;
}
.kesearch_pagebrowser a.next {
  display: none;
}
/*
	 * Encarts avec bords en pointillé
	 */
.boiteBordPointille {
  border-style: dashed;
  border-width: 1px;
}
.boiteBordPointille .titre {
  padding-left: 18px;
  background-position: 0 0.1em;
}
.bordPointilleVert {
  border-color: #8ba60c;
}
.bordPointilleVert .titre {
  color: #637609;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/fleche-12-vertclair-basdroite.png);
}
.bordPointilleViolet {
  border-color: #B42082;
}
.bordPointilleViolet .titre {
  color: #D80166;
  background-image: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/fleche-12-violetclair-basdroite.png);
}
/*
	 * Encarts avec titre prédéfinis
	 */
.boiteEncadre {
  position: relative;
  margin-top: 2.4em;
  padding: 1em 10px 10px 10px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
}
.boiteEncadre .titre {
  position: absolute;
  top: -1.2em;
  padding: 5px 10px;
  border-style: solid;
  border-width: 1px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  background: #FFFFFF;
  line-height: normal;
  /* Ràz du comportement /défaut, à supprimer quand les boîtes seront uniformes */
  max-height: none;
  /* Ràz du comportement /défaut, à supprimer quand les boîtes seront uniformes */
}
.encadreBleu {
  border-color: #A0DDD6;
}
.encadreBleu .titre {
  color: #02787F;
  border-color: #A0DDD6;
  background: #F4F4F4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F4F4F4), color-stop(100%, #CFE6E6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F4F4F4 0%, #CFE6E6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #F4F4F4 0%, #CFE6E6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#CFE6E6', GradientType=0);
  /* IE6-9 */
}
.encadreRose {
  border-color: #E8C2C9;
}
.encadreRose .titre {
  color: #D80166;
  border-color: #E8C2C9;
  background: #FFFFFF;
  /* Old browsers */
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F0DBE3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #F0DBE3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0DBE3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #FFFFFF 0%, #F0DBE3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #FFFFFF 0%, #F0DBE3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #FFFFFF 0%, #F0DBE3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F0DBE3', GradientType=0);
  /* IE6-9 */
}
/*
	 * Adaptation du style général des pages
	 */
#iconBar li {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/iconBar-bg.png) no-repeat left top;
}
#footer {
  /*background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/footer-top.png) no-repeat left top;*/
  /*padding-top: 12px; à réactiver quand validé ?*/
}
#footer .inner {
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/footer.png) repeat-y;
}
#footer .navLvl1 {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#footer .navLvl1 li {
  float: left;
  width: 32%;
  margin-right: 1%;
  text-transform: none;
}
#footer .troisColonnes .col-gauche,
#footer .troisColonnes .col-centrale,
#footer .troisColonnes .col-droite {
  margin: 0 1% 0 0;
}
#footerAccess,
#footerLinks {
  background-color: #048e96;
}
#footerLinks .clear {
  margin-bottom: 1.5em;
}
#fil .date {
  display: none;
  /* Désactivation de l'affichage de la date, le reste sera à supprimer quand ce sera validé */
  /*
	display: block;
	float: left;
	line-height: 2em;
	color: white;
	text-align: center;
	height: 36px;
	width: 241px;
	background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/header-mirroir.png) no-repeat left top;
	*/
}
/*
	 *	Redéfinition des actualités
	 */
#content .actus-liste a {
  padding: 0;
  background: none;
}
#content .actus-liste .texte a[href^="http:"],
#content .actus-liste .texte a[href^="https:"] {
  padding-right: 19px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-16-lienexterne.png) no-repeat right 50%;
}
#content .actus-liste .texte a[href^="http://www.ac-strasbourg.fr"],
#content .actus-liste .texte a[href^="https://pro.ac-strasbourg.fr"],
#content .actus-liste .texte a[href^="http://pedagogie.ac-strasbourg.fr"],
#content .actus-liste .texte a[href^="https://pedagogie.ac-strasbourg.fr"],
#content .actus-liste .texte a[href^="http://espacesreserves.ac-strasbourg.fr"],
#content .actus-liste .texte a[href^="https://espacesreserves.ac-strasbourg.fr"] {
  padding-right: 0;
  background-image: none;
}
#content .actus-liste .texte a[href$=".pdf"],
#content .actus-liste .texte a[href$=".PDF"],
#content .actus-liste .texte a[href$=".doc"],
#content .actus-liste .texte a[href$=".DOC"],
#content .actus-liste .texte a[href$=".docx"],
#content .actus-liste .texte a[href$=".DOCX"],
#content .actus-liste .texte a[href$=".xls"],
#content .actus-liste .texte a[href$=".XLS"],
#content .actus-liste .texte a[href$=".xlsx"],
#content .actus-liste .texte a[href$=".XLSX"],
#content .actus-liste .texte a[href$=".ppt"],
#content .actus-liste .texte a[href$=".PPT"],
#content .actus-liste .texte a[href$=".pptx"],
#content .actus-liste .texte a[href$=".PPTX"],
#content .actus-liste .texte a[href$=".pps"],
#content .actus-liste .texte a[href$=".PPS"],
#content .actus-liste .texte a[href$=".odt"],
#content .actus-liste .texte a[href$=".ODT"],
#content .actus-liste .texte a[href$=".sxw"],
#content .actus-liste .texte a[href$=".SXW"],
#content .actus-liste .texte a[href$=".ods"],
#content .actus-liste .texte a[href$=".ODS"],
#content .actus-liste .texte a[href$=".sxc"],
#content .actus-liste .texte a[href$=".SXC"],
#content .actus-liste .texte a[href$=".odp"],
#content .actus-liste .texte a[href$=".ODP"],
#content .actus-liste .texte a[href$=".sxi"],
#content .actus-liste .texte a[href$=".SXI"],
#content .actus-liste .texte a[href$=".zip"],
#content .actus-liste .texte a[href$=".ZIP"],
#content .actus-liste .texte a[href$=".dmg"],
#content .actus-liste .texte a[href$=".DMG"],
#content .actus-liste .texte a[href$=".mp3"],
#content .actus-liste .texte a[href$=".MP3"] {
  padding-right: 19px;
  background: url(/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-16-lientelech.png) no-repeat right 50%;
}
#content .actus-liste .texte a.lienSansIcone,
#content .actus-liste .texte .csc-textpic-image a {
  padding: 0;
  background: none;
}
#content .actus-liste .separateur,
#content .actu-detail .separateur {
  display: none;
}
.peda-home #content .actus-liste .separateur,
.peda-home #content .actu-detail .separateur {
  display: inline;
}
#content .actus-liste h2,
#content .actus-liste-une h3,
#content .actus-liste-important h3 {
  font-size: 120%;
}
#content h2.important,
#content h1.important {
  background-image: none;
  /*url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/icone-25-important.png");*/
  color: #D80166;
}
.actu-detail .theme {
  color: #7F7F7F;
  font-size: 83.33%;
  border-bottom: 1px solid #7F7F7F;
  margin-bottom: 1em;
}
.actu-detail .date {
  font-size: 100%;
}
.actu-detail .infos {
  color: #7F7F7F;
  font-size: 83.33%;
}
.texterose {
  color: #D80166;
}
.actus-liste-important {
  border: 1px solid #EECEE4;
  padding: 0.5em;
}
/*.cty-files {
	h2, h3 {
		font-size: 125%;
	}
}*/
/*
	 * Zoom sur la page d'accueil
	 */
/* 4 images / "page" */
#main #zoom {
  margin: 0 0 1em 14px;
}
#main #zoom .zoom-titre {
  padding: 3px 0 4px 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background: #A91946;
  /* Old browsers */
  background: -moz-linear-gradient(top, #A91946 0%, #D73776 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A91946), color-stop(100%, #D73776));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #A91946 0%, #D73776 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #A91946 0%, #D73776 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #A91946 0%, #D73776 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #A91946 0%, #D73776 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A91946', endColorstr='#D73776', GradientType=0);
  /* IE6-9 */
}
#main #zoom h2 {
  float: left;
  width: 50%;
  height: 18px;
  line-height: 18px;
  padding-left: 15px;
  text-align: left;
  background-image: none;
  font-size: 120%;
  color: white;
}
#main #zoom .zoom-boutons {
  float: right;
  margin-right: 15px;
}
#main #zoom .browse {
  /*margin: 1px 0 2px 0;*/
  margin: 0;
}
#main #zoom .pause {
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/zoom-pause.png");
}
#main #zoom .lecture {
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/zoom-lecture.png");
}
#main #zoom .left {
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/slider-precedant.png");
}
#main #zoom .right {
  background-image: url("/typo3conf/ext/acstra/Resources/Public/Images/Ped/slider-suivant.png");
}
#main #zoom .inner {
  background-image: none;
  background-color: #F2F2F2;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
#main #zoom .texte a {
  min-height: 30px;
  padding: 3px;
  color: black;
  background-color: #F0F0F0;
}
.scrollable {
  margin-left: 36px;
  width: 90%!important;
}
.scrollable .items li {
  margin: 5px 23px 0 5px;
  -moz-box-shadow: 1px 1px 5px #C9C9C9;
  -webkit-box-shadow: 1px 1px 5px #C9C9C9;
  box-shadow: 1px 1px 5px #C9C9C9;
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='@{couleur}', Direction=135, Strength=@degrade);*/
  /* IE6-8 */
  /* Désactivé car génère un bug visuel dans l'ombre du menu déroulant de l'espace pédagogique */
}
#zoom a {
  background-color: transparent;
}
.deuxColonnes .col-droite {
  background-color: #fbfbfb;
}
.esppeda-content {
  margin: 30px 0 30px 5px;
  padding: 0 10px;
}
.esppeda-content .title {
  margin-bottom: 5px;
  font-size: 1.4em;
  line-height: 1em;
  font-variant: small-caps;
  font-weight: bold;
  color: #02787F;
  text-align: center;
  border-bottom: 1px solid #02787F;
}
.esppeda-content h2 {
  margin-bottom: 0;
}
.secondary-content .esppeda-content .c-item {
  padding: 0;
}
#content .tx_newsslider a[href^="http:"],
#content .tx_newsslider a[href^="https:"] {
  padding: 0;
}
#content .accordeon-js .ui-accordion-header {
  background-color: #048e96;
  color: white;
  cursor: pointer;
  padding: 18px;
  text-align: left;
  font-size: 15px;
}
#content .accordeon-js .ui-accordion-header:hover {
  background-color: #046469;
}
#content .accordeon-js .ui-state-default:after {
  content: '\002B';
  /* Unicode character for "plus" sign (+) */
  font-size: 20px;
  color: white;
  float: right;
}
#content .ui-state-active:after {
  content: "\2212" !important;
}
#content .ui-state-active {
  background-color: #046469 !important;
}
#content .accordeon-js .ui-accordion-content {
  padding: 8px 10px;
  overflow: hidden;
  background-color: #f1f1f1;
  margin: 0;
}
#content .accordeon-js dt:hover {
  text-decoration: none;
}
.lightboximg {
  cursor: pointer;
}
#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000075;
  text-align: center;
}
#lightbox .closelightbox {
  text-align: right;
  color: #fff;
  margin-right: 20px;
  margin-top: 20px;
  font-size: 12px;
}
#imglightbox {
  width: fit-content;
  margin: 0 auto;
}
#imglightbox img {
  max-height: 450px;
}
#imglightbox figcaption {
  background-color: white;
  padding: 10px;
}
.fermerlightbox {
  max-width: 20px;
}
.prevlightboximg,
.nextlightboximg {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  height: 0;
  width: 0;
}
.nextlightboximg {
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 35px solid black;
  margin-left: 20px;
}
.prevlightboximg {
  border-top: 20px solid transparent;
  border-right: 35px solid black;
  border-bottom: 20px solid transparent;
  margin-right: 20px;
}
#lightbox .nbimages {
  display: inline-block;
  color: black;
  background-color: white;
  padding: 10px;
  border-radius: 50px;
}
#lightbox .navigation {
  margin-top: 10px;
}
.navigation_liseusepdf {
  text-align: center;
  padding: 10px;
}
.navigation_liseusepdf .next {
  color: white;
  background-color: #D80166;
  font-weight: bold;
  border: none;
  margin-left: 10px;
}
.navigation_liseusepdf .prev {
  color: white;
  background-color: #D80166;
  font-weight: bold;
  border: none;
  margin-right: 10px;
}
img[src$=".pdf"],
img[src$=".PDF"] {
  height: 0px;
  width: 0px;
}


.anoter,.asavoir,.astuce,.attention,.echeance1,.echeancehorloge,.echeance2,.echeancesablier,.ensavoirplus,.pourinfo,.question,.travaux{min-height:48px}