/*
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/variables.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/mixins.less
#@/var/toutleWWW/snes/WWW/plugins-dist/extensions/bootstrap/bootstrap/css/mixins.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/buttons.less
#@/var/toutleWWW/snes/WWW/plugins-dist/extensions/bootstrap/bootstrap2spip/css/buttons.less
#@/var/toutleWWW/snes/WWW/plugins-dist/extensions/bootstrap/bootstrap/css/buttons.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/dropdown.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/modules/_page.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/modules/_formulaires.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/modules/_colonnes.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/modules/_autres.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_publicite.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_header.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_extra.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_aside.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_barrenav.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_sur-contenu.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_contenu.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_pied.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_footer.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_definitions.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_socialtags.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/sections/_readmore.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_sommaire.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_sommaire.sous-header.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_sommaire.carousel.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_sommaire.actus.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_sommaire.dossiers.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_sommaire.aside.less
#@/var/toutleWWW/snes/WWW/trunk/plugins/theme/css/templates/_rubrique_carte.less
*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#snes .titrages {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
}
#snes .titrages a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
#snes .titrages a:hover,
#snes .titrages a:focus {
  background-color: #000000;
}
#snes .degrade_gris {
  color: #ffffff;
  background: #65808b;
  background-color: #667f8c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40545f), color-stop(10px, #5d7784), to(#8aa0ab));
  background-image: -webkit-linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-image: -moz-linear-gradient(top, #40545f, #5d7784 10px, #8aa0ab);
  background-image: -o-linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-image: linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40545f', endColorstr='#ff8aa0ab', GradientType=0);
}
#snes .degrade_gris a {
  color: #ffffff;
}
#snes .degrade_gris a:hover,
#snes .degrade_gris a:focus {
  color: #000000;
}
#snes .degrade_gris a.btn-inverse:hover,
#snes .degrade_gris a.btn-inverse:focus {
  color: #ffffff;
}
#snes .degrade_gris .pagination a {
  color: #555555;
}
#snes .degrade_gris .pagination a:hover,
#snes .degrade_gris .pagination a:focus {
  color: #000000;
}
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #444444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #000000, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#444444));
  background-image: -webkit-linear-gradient(top, #000000, #444444);
  background-image: -o-linear-gradient(top, #000000, #444444);
  background-image: linear-gradient(to bottom, #000000, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff444444', GradientType=0);
  border-color: #444444 #444444 #1e1e1e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #444444;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid rgba(0, 0, 0, 0);
  *border: 0;
  border-bottom-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #444444;
  background-color: #444444;
  *background-color: #373737;
}
.btn:active,
.btn.active {
  background-color: #2b2b2b \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover,
.btn:focus {
  color: #444444;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 11px 19px;
  font-size: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}
.btn-small {
  padding: 2px 10px;
  font-size: 10.2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 1px 6px;
  font-size: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00a2c2;
  background-image: -moz-linear-gradient(top, #0091ae, #00bce1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0091ae), to(#00bce1));
  background-image: -webkit-linear-gradient(top, #0091ae, #00bce1);
  background-image: -o-linear-gradient(top, #0091ae, #00bce1);
  background-image: linear-gradient(to bottom, #0091ae, #00bce1);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0091ae', endColorstr='#ff00bce1', GradientType=0);
  border-color: #00bce1 #00bce1 #007c94;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #00bce1;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #00bce1;
  *background-color: #00a7c8;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #0091ae \9;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d79c18;
  background-image: -moz-linear-gradient(top, #ca9011, #ecad22);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ca9011), to(#ecad22));
  background-image: -webkit-linear-gradient(top, #ca9011, #ecad22);
  background-image: -o-linear-gradient(top, #ca9011, #ecad22);
  background-image: linear-gradient(to bottom, #ca9011, #ecad22);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffca9011', endColorstr='#ffecad22', GradientType=0);
  border-color: #ecad22 #ecad22 #b27f0f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ecad22;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #ecad22;
  *background-color: #e1a113;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #ca9011 \9;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #bf2e12;
  background-image: -moz-linear-gradient(top, #b4290e, #cf3517);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4290e), to(#cf3517));
  background-image: -webkit-linear-gradient(top, #b4290e, #cf3517);
  background-image: -o-linear-gradient(top, #b4290e, #cf3517);
  background-image: linear-gradient(to bottom, #b4290e, #cf3517);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb4290e', endColorstr='#ffcf3517', GradientType=0);
  border-color: #cf3517 #cf3517 #8a230f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #cf3517;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #cf3517;
  *background-color: #b82f14;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #a12912 \9;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3eb432;
  background-image: -moz-linear-gradient(top, #38a52d, #48ca3b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#38a52d), to(#48ca3b));
  background-image: -webkit-linear-gradient(top, #38a52d, #48ca3b);
  background-image: -o-linear-gradient(top, #38a52d, #48ca3b);
  background-image: linear-gradient(to bottom, #38a52d, #48ca3b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff38a52d', endColorstr='#ff48ca3b', GradientType=0);
  border-color: #48ca3b #48ca3b #319127;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #48ca3b;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #48ca3b;
  *background-color: #3eb932;
}
.btn-success:active,
.btn-success.active {
  background-color: #38a52d \9;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #56408b;
  background-image: -moz-linear-gradient(top, #4d3a7d, #624aa0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4d3a7d), to(#624aa0));
  background-image: -webkit-linear-gradient(top, #4d3a7d, #624aa0);
  background-image: -o-linear-gradient(top, #4d3a7d, #624aa0);
  background-image: linear-gradient(to bottom, #4d3a7d, #624aa0);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d3a7d', endColorstr='#ff624aa0', GradientType=0);
  border-color: #624aa0 #624aa0 #42326c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #624aa0;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #624aa0;
  *background-color: #58428e;
}
.btn-info:active,
.btn-info.active {
  background-color: #4d3a7d \9;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #000000, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#444444));
  background-image: -webkit-linear-gradient(top, #000000, #444444);
  background-image: -o-linear-gradient(top, #000000, #444444);
  background-image: linear-gradient(to bottom, #000000, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff444444', GradientType=0);
  border-color: #444444 #444444 #1e1e1e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #444444;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #2b2b2b \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #444444;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-link:hover,
.btn-link:focus {
  color: #111111;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #444444;
  text-decoration: none;
}
/* boutons admin forum */
.boutons.modererforum .submit {
  padding: 1px 6px;
  font-size: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.boutons.modererforum .poubelle .submit {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #bf2e12;
  background-image: -moz-linear-gradient(top, #b4290e, #cf3517);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4290e), to(#cf3517));
  background-image: -webkit-linear-gradient(top, #b4290e, #cf3517);
  background-image: -o-linear-gradient(top, #b4290e, #cf3517);
  background-image: linear-gradient(to bottom, #b4290e, #cf3517);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb4290e', endColorstr='#ffcf3517', GradientType=0);
  border-color: #cf3517 #cf3517 #8a230f;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #cf3517;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  color: #ffffff;
  background-image: none;
  background-color: #b4290e;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.boutons.modererforum .poubelle .submit:hover,
.boutons.modererforum .poubelle .submit:focus,
.boutons.modererforum .poubelle .submit:active,
.boutons.modererforum .poubelle .submit.active,
.boutons.modererforum .poubelle .submit.disabled,
.boutons.modererforum .poubelle .submit[disabled] {
  color: #ffffff;
  background-color: #cf3517;
  *background-color: #b82f14;
}
.boutons.modererforum .poubelle .submit:active,
.boutons.modererforum .poubelle .submit.active {
  background-color: #a12912 \9;
}
.boutons.modererforum .poubelle .submit:hover,
.boutons.modererforum .poubelle .submit:focus,
.boutons.modererforum .poubelle .submit:active,
.boutons.modererforum .poubelle .submit.active,
.boutons.modererforum .poubelle .submit.disabled,
.boutons.modererforum .poubelle .submit[disabled] {
  color: #ffffff;
  background-color: #cf3517;
  *background-color: #b82f14;
}
.boutons.modererforum .poubelle .submit:active,
.boutons.modererforum .poubelle .submit.active {
  background-color: #a12912 \9;
}
.boutons.modererforum .spam .submit {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #000000, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#444444));
  background-image: -webkit-linear-gradient(top, #000000, #444444);
  background-image: -o-linear-gradient(top, #000000, #444444);
  background-image: linear-gradient(to bottom, #000000, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff444444', GradientType=0);
  border-color: #444444 #444444 #1e1e1e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #444444;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  color: #ffffff;
  background-image: none;
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.boutons.modererforum .spam .submit:hover,
.boutons.modererforum .spam .submit:focus,
.boutons.modererforum .spam .submit:active,
.boutons.modererforum .spam .submit.active,
.boutons.modererforum .spam .submit.disabled,
.boutons.modererforum .spam .submit[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.boutons.modererforum .spam .submit:active,
.boutons.modererforum .spam .submit.active {
  background-color: #2b2b2b \9;
}
.boutons.modererforum .spam .submit:hover,
.boutons.modererforum .spam .submit:focus,
.boutons.modererforum .spam .submit:active,
.boutons.modererforum .spam .submit.active,
.boutons.modererforum .spam .submit.disabled,
.boutons.modererforum .spam .submit[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.boutons.modererforum .spam .submit:active,
.boutons.modererforum .spam .submit.active {
  background-color: #2b2b2b \9;
}
/* boutons d'admin */
body .spip-admin-bloc,
body .spip-admin-float {
  z-index: 1031;
}
.btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*
.btn-inverse {
    &:hover,
    &:focus {
        background-color:#444;
        background-image: linear-gradient(to bottom, #444, #444);
        color:white;
    }
}*/
.btn {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #000000, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#444444));
  background-image: -webkit-linear-gradient(top, #000000, #444444);
  background-image: -o-linear-gradient(top, #000000, #444444);
  background-image: linear-gradient(to bottom, #000000, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff444444', GradientType=0);
  border-color: #444444 #444444 #1e1e1e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #444444;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  color: #ffffff;
  background-image: none;
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.btn:active,
.btn.active {
  background-color: #2b2b2b \9;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.btn:active,
.btn.active {
  background-color: #2b2b2b \9;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.btn:active,
.btn.active {
  background-color: #2b2b2b \9;
}
.btn-primary {
  color: #ffffff;
  background-image: none;
  background-color: #0091ae;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #00bce1;
  *background-color: #00a7c8;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #0091ae \9;
}
.btn-warning {
  color: #ffffff;
  background-image: none;
  background-color: #ca9011;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #ecad22;
  *background-color: #e1a113;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #ca9011 \9;
}
.btn-danger {
  color: #ffffff;
  background-image: none;
  background-color: #b4290e;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #cf3517;
  *background-color: #b82f14;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #a12912 \9;
}
.btn-success {
  color: #ffffff;
  background-image: none;
  background-color: #38a52d;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #48ca3b;
  *background-color: #3eb932;
}
.btn-success:active,
.btn-success.active {
  background-color: #38a52d \9;
}
.btn-info {
  color: #ffffff;
  background-image: none;
  background-color: #4d3a7d;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #624aa0;
  *background-color: #58428e;
}
.btn-info:active,
.btn-info.active {
  background-color: #4d3a7d \9;
}
.btn-inverse {
  color: #ffffff;
  background-image: none;
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #2b2b2b \9;
}
input.submit {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #000000, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#444444));
  background-image: -webkit-linear-gradient(top, #000000, #444444);
  background-image: -o-linear-gradient(top, #000000, #444444);
  background-image: linear-gradient(to bottom, #000000, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff444444', GradientType=0);
  border-color: #444444 #444444 #1e1e1e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #444444;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  color: #ffffff;
  background-image: none;
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
input.submit:hover,
input.submit:focus,
input.submit:active,
input.submit.active,
input.submit.disabled,
input.submit[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
input.submit:active,
input.submit.active {
  background-color: #2b2b2b \9;
}
input.submit:hover,
input.submit:focus,
input.submit:active,
input.submit.active,
input.submit.disabled,
input.submit[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
input.submit:active,
input.submit.active {
  background-color: #2b2b2b \9;
}
input.submit:hover,
input.submit:focus,
input.submit:active,
input.submit.active,
input.submit.disabled,
input.submit[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
input.submit:active,
input.submit.active {
  background-color: #2b2b2b \9;
}
/*
.btn-gris_clair {
  .buttonBackground(lighten(@gris_clair, 20%), @gris_clair);
  margin:auto 0.2em;
  i.fa {
    font-size: 2em;
  }
}

.btn-vert_anis {
  .buttonBackground(lighten(@vert_anis, 20%), @vert_anis);
  margin:auto 0.2em;
  i.fa {
    font-size: 2em;
  }
}

.btn-mauve {
  .buttonBackground(lighten(@mauve, 20%), @mauve);
  margin:auto 0.2em;
  i.fa {
    font-size: 2em;
  }
}
.btn-cyan {
  .buttonBackground(lighten(@cyan, 20%), @cyan);
  margin:auto 0.2em;
  i.fa {
    font-size: 2em;
  }
}
.btn-orange {
  .buttonBackground(lighten(@orange, 20%), @orange);
  margin:auto 0.2em;
  i.fa {
    font-size: 2em;
  }
}
*/
/* Le meu déroulant :
 * collé à la barre de menus noire
 * aligné à gauche sur le bord du menu noir correspondant
 * fond légèrement transparent
 * sans aucune bordure sur le pourtour
 * chaque ligne de menu en caractères noir sur fond "univers"
 * au survol : comme le menu
 * avec un léger filet horizontal entre chaque ligne
 * une marge gauche d'environ 2em
 * voir en ligne http://projet.snes.edu/maquettes/maquette-site-2014/?variante=27
 */
.dropdown-menu {
  border: none;
  margin: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.dropdown-menu > li > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.dropdown-menu > li:last-child > a {
  border-bottom: none;
}
.test2 {
  background-color: #f4a460;
}
.navbar .nav > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu:before {
  display: none;
}
/* le body */
body {
  background-color: #e9ebea;
  /* les rayures discretes */
  /* background-image: url(../../img/bg_stripes_fade.png);
     background-repeat: repeat-x; */
  /* fond bleu pour essai */
  /*#gradient > .vertical-three-colors(#0070B2,#B3D2E7,450px,#E8EFF7);*/
  /* fond gris */
  /* les rayures discretes */
  /* background-image: url(../../img/bg_stripes_fade.png);
     background-repeat: repeat-x; */
  /* fond bleu pour essai */
  /*#gradient > .vertical-three-colors(#0070B2,#B3D2E7,450px,#E8EFF7);*/
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c1c4c6), color-stop(450px, #dcdcdc), to(#f3f3f3));
  background-image: -webkit-linear-gradient(#c1c4c6, #dcdcdc 450px, #f3f3f3);
  background-image: -moz-linear-gradient(top, #c1c4c6, #dcdcdc 450px, #f3f3f3);
  background-image: -o-linear-gradient(#c1c4c6, #dcdcdc 450px, #f3f3f3);
  background-image: linear-gradient(#c1c4c6, #dcdcdc 450px, #f3f3f3);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc1c4c6', endColorstr='#fff3f3f3', GradientType=0);
  /* l'intérieur des pages */
}
body .page {
  background-color: #ffffff;
  box-shadow: 0 3px 12px #888;
  position: relative;
  /* pour placer les social tags */
}
body abbr.snes_code_syndical {
  font-weight: bold;
  color: #ad1d28;
}
@media (max-width: 767px) {
  body {
    padding-left: 0;
    padding-right: 0;
  }
}
.formulaire_recherche {
  padding-right: 100px;
}
.formulaire_recherche label {
  font-size: .9em;
  margin-right: -95px;
  /* compenser le padding du formulaire recherche */
}
.formulaire_recherche .btn {
  color: #ffffff;
  text-shadow: none;
  background: #111111;
  font-size: 11px;
  /* em fonctionne pas */
  border-radius: none;
}
.formulaire_recherche .btn:hover,
.formulaire_recherche .btn:focus {
  background: #444444;
}
.formulaire_thematiques {
  background: transparent;
  padding: 0;
}
.formulaire_thematiques select {
  width: 100%;
}
.colonnes .colonne {
  margin-top: 1em;
}
.colonnes > div:last-child .colonne {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
@media (min-width: 768px) {
  .colonnes .colonne {
    padding-right: 2em;
    border-right: 2px dotted #555555;
    margin-right: .5em;
  }
  .colonnes > div:last-child .colonne {
    margin-left: 1em;
  }
}
/* triangle avant certains éléments */
i.triangle:before {
  content: "▶ ";
  position: relative;
  top: -1px;
  font-style: normal;
}
/* complement du plugin links */
a.spip_note,
a.spip_ancre,
a.spip_in,
a.spip_out,
a.spip_url,
a.external,
a.spip_mail {
  color: #1785de;
  border-bottom: 0.1em #1785de solid;
}
.generator a.spip_out {
  border: none;
  background-image: none;
}
/* Les bannières de publicité */
.banniere {
  text-align: right;
}
@media (max-width: 767px) {
  .banniere {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #555555;
  }
}
/* header */
.header {
  padding: 1em 2em;
}
.header .spip_logos {
  max-height: 180px;
  width: auto;
  margin-bottom: 0;
}
.header .slogan_site {
  font-size: 1.2em;
  font-weight: bold;
  max-width: 280px;
}
@media (max-width: 767px) {
  /* Écarter les boutons des navbar */
  .header .slogan_site {
    margin-right: 70px;
  }
}
/* le plan déplié */
#extra {
  min-height: 150px;
}
#extra h1 {
  margin-bottom: 0;
}
.aside {
  padding: 2em 0 1em;
}
.aside h3 {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
  font-size: 1.3em;
  margin-bottom: 0.5em;
}
.aside h3 a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
.aside h3 a:hover,
.aside h3 a:focus {
  background-color: #000000;
}
.aside .nav-list {
  padding-left: 0;
  padding-right: 0;
}
.aside .nav-list > li > a {
  padding: 1em 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.aside .nav-list > li > a.lock {
  padding-left: 1.2em;
}
.aside .nav-list > li + li {
  border-top: 2px dotted #555555;
}
.aside .nav-list .nav-list {
  margin-bottom: 10px;
}
.aside .nav-list .nav-list > li {
  list-style-type: square;
  margin-left: 15px;
}
.aside .nav-list .nav-list > li a {
  padding: 3px;
}
.aside .nav-list .nav-list > li a.lock {
  padding-left: 1.2em;
}
.aside .nav-list .nav-list > li + li {
  border-top: none;
}
/* l'aide qui se déplie dans le aside sur la page recherche */
.accordion.aide {
  margin-top: 0.5em;
}
.accordion.aide .accordion-group {
  border: none;
}
.accordion.aide .accordion-group input {
  height: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* couleurs */
.univers_dossiers .aside h3 {
  background: #ecad22;
}
.univers_metiers .aside h3 {
  background: #2aa8db;
}
.univers_actualites .aside h3 {
  background: #d82684;
}
.univers_militants .aside h3 {
  background: #b1c81e;
}
/* navigation */
.navbar {
  margin-bottom: 1em;
}
.navbar .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  padding-left: 0;
  padding-right: 0;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  box-shadow: none;
}
.navbar .dropdown-menu {
  padding: 0;
  left: auto !important;
}
.navbar .dropdown-menu .item {
  text-align: left;
}
.navbar .dropdown-menu .item a {
  border-right: none !important;
}
@media (min-width: 768px) {
  /* Colonnes de même largeur sur tout les menus */
  .navbar .nav-collapse {
    display: table;
    width: 100%;
  }
  .navbar .nav {
    display: table-row;
    float: none;
  }
  .navbar .nav > .item {
    display: table-cell;
    float: none !important;
    text-align: center;
  }
}
@media (max-width: 767px) {
  /* Décoration du mode plié */
  .navbar .nav-collapse .nav > .item > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-right: 0 !important;
  }
  .navbar .nav {
    margin-bottom: 0;
  }
  .navbar .nav > .item > a {
    border-bottom: 1px solid #444;
    margin-bottom: 0;
  }
  .navbar .nav > .item:last-child > a {
    border-bottom: none;
  }
  .navbar-inverse .nav-collapse .nav > .item > a:focus,
  .navbar-inverse .nav-collapse .nav > .item > a:hover {
    background: #888888;
  }
}
#nav {
  /* couleurs liens barre principale */
  margin-bottom: 0;
  /* caret au survol */
  /* par defaut un seul niveau de menu dans les navbar*/
}
#nav .accueil.active > a,
#nav .accueil .active > a,
#nav .accueil a:hover,
#nav .accueil a:active,
#nav .accueil a:focus {
  background: #ecad22;
}
#nav .univers_dossiers.active > a,
#nav .univers_dossiers .active > a,
#nav .univers_dossiers a:hover,
#nav .univers_dossiers a:active,
#nav .univers_dossiers a:focus {
  background: #ecad22;
}
#nav .univers_metiers.active > a,
#nav .univers_metiers .active > a,
#nav .univers_metiers a:hover,
#nav .univers_metiers a:active,
#nav .univers_metiers a:focus {
  background: #2aa8db;
}
#nav .univers_militants.active > a,
#nav .univers_militants .active > a,
#nav .univers_militants a:hover,
#nav .univers_militants a:active,
#nav .univers_militants a:focus {
  background: #b1c81e;
}
#nav .univers_actualites.active > a,
#nav .univers_actualites .active > a,
#nav .univers_actualites a:hover,
#nav .univers_actualites a:active,
#nav .univers_actualites a:focus {
  background: #d82684;
}
#nav.navbar-responsive {
  top: 10px;
  right: 70px;
}
#nav .nav > .item a {
  border-right: 1px solid #444;
}
#nav .nav > .item:last-child a {
  border-right: none;
}
#nav .dropdown-toggle {
  padding-right: 8px;
}
#nav .dropdown .caret {
  visibility: hidden;
  position: relative;
  right: -7px;
}
#nav .dropdown:hover .caret,
#nav .dropdown:focus .caret {
  visibility: visible;
}
#nav .menu-items > .item > .menu-items {
  display: none;
}
#nav .menu-items > .open > .menu-items {
  display: block;
}
#nav_metiers {
  margin-bottom: 1px;
}
#nav_metiers .nav-collapse {
  table-layout: fixed;
}
#nav_metiers .nav > .item > a {
  border-right: 1px solid #e9ebea;
}
#nav_metiers .nav > .item:last-child a {
  border-right: none;
}
#nav_metiers.navbar-responsive {
  top: 10px;
}
#nav_metiers.navbar .nav > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
}
#nav_metiers .item {
  text-align: center;
}
#nav_metiers .item .caret {
  float: right;
}
#nav_metiers .item a.dropdown-toggle {
  position: relative;
}
#nav_metiers .item .caret-grand {
  display: none;
  border-bottom: 18px solid #ffffff;
  border-left: 18px solid rgba(0, 0, 0, 0);
  border-right: 18px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  vertical-align: top;
  width: 0;
  position: absolute;
  left: 40%;
  bottom: -10px;
  z-index: 1001;
}
#nav_metiers .item.open .caret {
  border-top: 0;
  border-bottom: 4px solid #fff;
}
#nav_metiers .item.open .caret-grand {
  display: inline-block;
}
#nav_metiers .item .dropdown-menu {
  text-align: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 10px solid #00bce1;
  border-bottom: 10px solid #000000;
  margin-top: 0;
  background: #fafafa;
  box-shadow: 0 20px 20px #333;
}
#nav_metiers .item h2 {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
}
#nav_metiers .item h2 a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
#nav_metiers .item h2 a:hover,
#nav_metiers .item h2 a:focus {
  background-color: #000000;
}
#nav_metiers .item a {
  text-shadow: none;
  /*font-weight:bold;*/
}
#nav_metiers .item.metier_concours > a {
  background-color: #00bce1;
}
#nav_metiers .item.metier_concours > a:hover,
#nav_metiers .item.metier_concours > a:focus,
#nav_metiers .item.metier_concours > a:active {
  background-color: #15d9ff;
}
#nav_metiers .item.metier_concours h2 a {
  background-color: #00bce1;
}
#nav_metiers .item.metier_concours h2 a:hover,
#nav_metiers .item.metier_concours h2 a:focus,
#nav_metiers .item.metier_concours h2 a:active {
  background-color: #000000;
}
#nav_metiers .item.metier_concours .dropdown-menu {
  border-top-color: #15d9ff;
}
#nav_metiers .item.metier_enseignant > a,
#nav_metiers .item.metier_retraites > a {
  background-color: #1269b0;
}
#nav_metiers .item.metier_enseignant > a:hover,
#nav_metiers .item.metier_retraites > a:hover,
#nav_metiers .item.metier_enseignant > a:focus,
#nav_metiers .item.metier_retraites > a:focus,
#nav_metiers .item.metier_enseignant > a:active,
#nav_metiers .item.metier_retraites > a:active {
  background-color: #1785de;
}
#nav_metiers .item.metier_enseignant h2 a,
#nav_metiers .item.metier_retraites h2 a {
  background-color: #1269b0;
}
#nav_metiers .item.metier_enseignant h2 a:hover,
#nav_metiers .item.metier_retraites h2 a:hover,
#nav_metiers .item.metier_enseignant h2 a:focus,
#nav_metiers .item.metier_retraites h2 a:focus,
#nav_metiers .item.metier_enseignant h2 a:active,
#nav_metiers .item.metier_retraites h2 a:active {
  background-color: #000000;
}
#nav_metiers .item.metier_enseignant .dropdown-menu,
#nav_metiers .item.metier_retraites .dropdown-menu {
  border-top-color: #1785de;
}
#nav_metiers .item.metier_aed > a,
#nav_metiers .item.metier_nontit > a {
  background-color: #52cfe8;
}
#nav_metiers .item.metier_aed > a:hover,
#nav_metiers .item.metier_nontit > a:hover,
#nav_metiers .item.metier_aed > a:focus,
#nav_metiers .item.metier_nontit > a:focus,
#nav_metiers .item.metier_aed > a:active,
#nav_metiers .item.metier_nontit > a:active {
  background-color: #7fdcee;
}
#nav_metiers .item.metier_aed h2 a,
#nav_metiers .item.metier_nontit h2 a {
  background-color: #52cfe8;
}
#nav_metiers .item.metier_aed h2 a:hover,
#nav_metiers .item.metier_nontit h2 a:hover,
#nav_metiers .item.metier_aed h2 a:focus,
#nav_metiers .item.metier_nontit h2 a:focus,
#nav_metiers .item.metier_aed h2 a:active,
#nav_metiers .item.metier_nontit h2 a:active {
  background-color: #000000;
}
#nav_metiers .item.metier_aed .dropdown-menu,
#nav_metiers .item.metier_nontit .dropdown-menu {
  border-top-color: #7fdcee;
}
#nav_metiers .item.metier_copsy > a {
  background-color: #a7cfd6;
}
#nav_metiers .item.metier_copsy > a:hover,
#nav_metiers .item.metier_copsy > a:focus,
#nav_metiers .item.metier_copsy > a:active {
  background-color: #cae2e6;
}
#nav_metiers .item.metier_copsy h2 a {
  background-color: #a7cfd6;
}
#nav_metiers .item.metier_copsy h2 a:hover,
#nav_metiers .item.metier_copsy h2 a:focus,
#nav_metiers .item.metier_copsy h2 a:active {
  background-color: #000000;
}
#nav_metiers .item.metier_copsy .dropdown-menu {
  border-top-color: #cae2e6;
}
#nav_metiers .item.metier_cpe > a {
  background-color: #1785de;
}
#nav_metiers .item.metier_cpe > a:hover,
#nav_metiers .item.metier_cpe > a:focus,
#nav_metiers .item.metier_cpe > a:active {
  background-color: #3d9deb;
}
#nav_metiers .item.metier_cpe h2 a {
  background-color: #1785de;
}
#nav_metiers .item.metier_cpe h2 a:hover,
#nav_metiers .item.metier_cpe h2 a:focus,
#nav_metiers .item.metier_cpe h2 a:active {
  background-color: #000000;
}
#nav_metiers .item.metier_cpe .dropdown-menu {
  border-top-color: #3d9deb;
}
#nav_metiers .item ul.nav-list {
  margin-left: 0;
}
#nav_metiers .item .photos .thumbnail {
  margin-bottom: .5em;
}
#nav_metiers .item .photos .thumbnail h4 {
  margin-bottom: .5em;
}
@media (max-width: 767px) {
  /* Décoration du mode plié */
  #nav_metiers .nav > .item > a {
    border-bottom: 1px solid #ffffff;
  }
  #nav_metiers .nav > .item:last-child > a {
    border-bottom: none;
  }
}
/* MEGAMENU Yamm */
/*!
 * Yamm!
 * Yet another megamenu for Bootstrap
 * http://geedmo.github.com/yamm
 * https://github.com/geedmo
 */
.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
  position: static;
}
.yamm .navbar-inner,
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .dropdown-menu > li {
  display: block;
}
.yamm .nav.pull-right .dropdown-menu {
  right: 0;
}
.yamm .yamm-content {
  padding: 20px 30px;
  *zoom: 1;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
  display: table;
  content: "";
  line-height: 0;
}
.yamm .yamm-content:after {
  clear: both;
}
.yamm.navbar .nav > li > .dropdown-menu:after,
.yamm.navbar .nav > li > .dropdown-menu:before {
  display: none;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
  width: 100%;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .yamm .dropdown.yamm-fullwidth .dropdown-menu {
    width: auto;
  }
  .yamm .yamm-content {
    padding-left: 0;
    padding-right: 0;
  }
  .yamm .dropdown-menu > li > ul {
    display: block;
  }
}
/* sur-contenu (ariane, recherche) */
.sur-contenu {
  /*padding:1em @largeur_marge;*/
  overflow: auto;
}
.sur-contenu .breadcrumb {
  padding: 1em 2em;
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
  background: transparent;
  margin: 0;
}
.sur-contenu .formulaire_recherche {
  margin-top: 1em;
  max-width: 300px;
  float: right;
  margin-right: 2em;
}
@media (max-width: 767px) {
  .sur-contenu {
    background: url(//www.snes.edu/plugins-dist/extensions_apsulis/theme/img/bg_stripes.png) top left repeat-x;
    border-top: 1px solid #555555;
    padding: 10px 2em;
  }
  .sur-contenu .breadcrumb {
    margin-top: 1.5em;
    padding: 1em 0;
  }
  .sur-contenu .formulaire_recherche {
    margin-right: 0;
  }
}
.texte.surlignable {
  overflow: auto;
}
.contenu {
  /* marges */
  padding: 1em 2em;
}
.contenu .cartouche .titre_rubrique {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
  font-size: 2em;
  line-height: 1.2;
  padding: 0.3em;
  margin-bottom: .5em;
}
.contenu .cartouche .titre_rubrique a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
.contenu .cartouche .titre_rubrique a:hover,
.contenu .cartouche .titre_rubrique a:focus {
  background-color: #000000;
}
.contenu .cartouche .surtitre {
  color: #888888;
  font-size: 1.7em;
  padding: 0.5em 0 1em;
  margin-top: .5em;
  margin-bottom: 0;
  font-weight: bold;
}
.contenu .cartouche h1 {
  position: relative;
  line-height: 1.25em;
}
.contenu .cartouche h1 span {
  font-weight: bold;
}
.contenu .cartouche h1:before {
  content: "▶ ";
  position: absolute;
  font-style: normal;
  top: -1px;
  left: -1.2em;
  color: #888888;
}
.contenu .cartouche .soustitre {
  color: #888888;
  font-size: .8em;
  padding: 1em 0 .6em;
  display: block;
  font-weight: bold;
}
.contenu .publication {
  font-size: 1.2em;
  color: #666;
}
.contenu .cartouche h1 + .publication,
.contenu .hero-unit h1 + .publication,
.contenu .entry h1 + .publication {
  margin-top: -0.5em;
}
.contenu .main .spip_logos {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
  width: 50%;
  height: auto;
}
.contenu article {
  margin-bottom: 4em;
}
.contenu header.archive {
  background: url('//www.snes.edu/plugins-dist/extensions_apsulis/theme/img/archive_header_bg.png') no-repeat top left rgba(255, 255, 255, 0.5);
  background-size: 100% auto;
  min-height: 222px;
}
.contenu .liste {
  clear: both;
  margin-top: 2em;
  border-top: 2px dotted #555555;
  border-bottom: 2px dotted #555555;
  margin-bottom: 3em;
}
.contenu .liste h2 {
  margin-top: .8em;
  margin-bottom: .8em;
  color: #888888;
}
.contenu .liste .liste-items {
  margin-bottom: 0;
}
.contenu .liste .liste-items .item {
  border-top: 1px dotted #bbb;
  padding: 1em 0;
}
.contenu .liste .liste-items .item:last-child {
  border-bottom: none;
}
@media (max-width: 500px) {
  .contenu .main .spip_logos {
    float: none;
    display: block;
    margin: 0 auto 1em;
    text-align: center;
    width: 100%;
    height: auto;
  }
}
/* contenu */
.contenu > .row-fluid {
  border-top: 2px dashed #6f6f6f;
}
.contenu > .row-fluid .content {
  padding: 2em 2em 1em 4em;
  background: #ffffff url('//www.snes.edu/plugins-dist/extensions_apsulis/theme/img/bordure-gauche.png') top left no-repeat;
  min-height: 300px;
}
@media (max-width: 767px) {
  .contenu {
    padding: 1em 2em;
  }
  .contenu h1:before {
    left: -1em;
  }
  .contenu > .row-fluid .content {
    padding: 2em 0 1em;
    background: transparent;
    /*padding-right:4em;*/
  }
}
/* couleurs */
.univers_dossiers .contenu .titre_rubrique {
  background: #ecad22;
}
.univers_dossiers .contenu .soustitre,
.univers_dossiers .contenu .surtitre {
  color: #ecad22;
}
.univers_dossiers .contenu h1:before {
  color: #ecad22;
}
.univers_dossiers .contenu .liste h2 {
  color: #ecad22;
}
.univers_dossiers .contenu .liste h2 a {
  color: #ecad22;
}
.univers_dossiers .contenu .liste h2 a:focus,
.univers_dossiers .contenu .liste h2 a:active,
.univers_dossiers .contenu .liste h2 a:hover {
  color: #ecad22;
  background: #eee;
}
.univers_metiers .contenu .titre_rubrique {
  background: #2aa8db;
}
.univers_metiers .contenu .soustitre,
.univers_metiers .contenu .surtitre {
  color: #2aa8db;
}
.univers_metiers .contenu h1:before {
  color: #2aa8db;
}
.univers_metiers .contenu .liste h2 {
  color: #2aa8db;
}
.univers_metiers .contenu .liste h2 a {
  color: #2aa8db;
}
.univers_metiers .contenu .liste h2 a:focus,
.univers_metiers .contenu .liste h2 a:active,
.univers_metiers .contenu .liste h2 a:hover {
  color: #2aa8db;
  background: #eee;
}
.univers_actualites .contenu .titre_rubrique {
  background: #d82684;
}
.univers_actualites .contenu .soustitre,
.univers_actualites .contenu .surtitre {
  color: #d82684;
}
.univers_actualites .contenu h1:before {
  color: #d82684;
}
.univers_actualites .contenu .liste h2 {
  color: #d82684;
}
.univers_actualites .contenu .liste h2 a {
  color: #d82684;
}
.univers_actualites .contenu .liste h2 a:focus,
.univers_actualites .contenu .liste h2 a:active,
.univers_actualites .contenu .liste h2 a:hover {
  color: #d82684;
  background: #eee;
}
.univers_militants .contenu .titre_rubrique {
  background: #b1c81e;
}
.univers_militants .contenu .soustitre,
.univers_militants .contenu .surtitre {
  color: #b1c81e;
}
.univers_militants .contenu h1:before {
  color: #b1c81e;
}
.univers_militants .contenu .liste h2 {
  color: #b1c81e;
}
.univers_militants .contenu .liste h2 a {
  color: #b1c81e;
}
.univers_militants .contenu .liste h2 a:focus,
.univers_militants .contenu .liste h2 a:active,
.univers_militants .contenu .liste h2 a:hover {
  color: #b1c81e;
  background: #eee;
}
/* Surcharge des documents */
.spip_documents p {
  font-size: 10px;
  font-style: italic;
  font-weight: normal;
  text-align: left;
}
.pied {
  padding: 1em 2em 1.5em;
  /* degrades sur pied */
  color: #ffffff;
  background: #65808b;
  background-color: #667f8c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40545f), color-stop(10px, #5d7784), to(#8aa0ab));
  background-image: -webkit-linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-image: -moz-linear-gradient(top, #40545f, #5d7784 10px, #8aa0ab);
  background-image: -o-linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-image: linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40545f', endColorstr='#ff8aa0ab', GradientType=0);
}
.pied a {
  color: #ffffff;
}
.pied a:hover,
.pied a:focus {
  color: #000000;
}
.pied a.btn-inverse:hover,
.pied a.btn-inverse:focus {
  color: #ffffff;
}
.pied .pagination a {
  color: #555555;
}
.pied .pagination a:hover,
.pied .pagination a:focus {
  color: #000000;
}
.pied .colonne {
  border-color: #ffffff;
}
.pied h3 {
  margin-bottom: .5em;
  text-transform: uppercase;
  font-size: 1.2em;
}
.pied .no-link-display a.spip_out {
  border: none;
  background: none;
}
.pied .reseaux_sociaux .liens a {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  opacity: .8;
}
.pied .reseaux_sociaux .liens a:hover,
.pied .reseaux_sociaux .liens a:focus {
  box-shadow: 0 0 1px #ffffff;
  opacity: 1;
}
.pied .reseaux_sociaux .liens a:active {
  opacity: 1;
}
@media (min-width: 768px) {
  .js_img .pied .reseaux_sociaux {
    position: relative;
  }
  .js_img .pied .reseaux_sociaux .liens {
    position: absolute;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .pied h3 {
    padding-bottom: .2em;
    margin-bottom: .2em;
  }
  .pied .span3 + .span3 {
    border-top: 2px dotted #ffffff;
    padding-top: .5em;
  }
}
/* footer */
.footer {
  padding: 0 2em 10px;
  margin-top: 0;
  background-color: #000000;
}
.footer a {
  color: #ffffff;
}
.footer a:hover,
.footer a:focus {
  background: rgba(255, 255, 255, 0.3);
}
.footer .colophon {
  margin: 0 0 10px;
}
.footer .generator {
  right: 2em;
  top: 6px;
}
.footer .generator a {
  display: inline-block;
  padding: 2px;
  border-radius: 2px;
}
.footer .generator a:hover,
.footer .generator a:focus {
  background: rgba(255, 255, 255, 0.2);
}
.aide dl dt,
.aide dl dd {
  padding-left: 0;
}
div.socialtags {
  margin-bottom: 1.5em;
  /* annuler le cadenas et enveloppe du plugin links */
}
div.socialtags li {
  margin-bottom: 3px;
  margin-right: 3px;
}
div.socialtags a[href^="https://"],
div.socialtags a[href^="mailto:"] {
  padding-right: 0;
  background-image: none;
}
div.socialtags img {
  height: 32px;
}
@media (min-width: 767px) {
  div.socialtags {
    margin-bottom: 0em;
    /* un js fixe sa position en hauteur */
    position: absolute;
    right: -50px;
    top: 170px;
  }
  div.socialtags li {
    display: block;
  }
}
#content article .readmore {
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #444444;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  border: 1px solid rgba(0, 0, 0, 0);
  *border: 0;
  border-bottom-color: rgba(0, 0, 0, 0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #000000, #444444);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#444444));
  background-image: -webkit-linear-gradient(top, #000000, #444444);
  background-image: -o-linear-gradient(top, #000000, #444444);
  background-image: linear-gradient(to bottom, #000000, #444444);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff444444', GradientType=0);
  border-color: #444444 #444444 #1e1e1e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #444444;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  color: #ffffff;
  background-image: none;
  background-color: #000000;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  padding: 2px 10px;
  font-size: 10.2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ccc;
  color: #333;
  text-shadow: none;
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
}
#content article .readmore:hover,
#content article .readmore:focus,
#content article .readmore:active,
#content article .readmore.active,
#content article .readmore.disabled,
#content article .readmore[disabled] {
  color: #444444;
  background-color: #444444;
  *background-color: #373737;
}
#content article .readmore:active,
#content article .readmore.active {
  background-color: #2b2b2b \9;
}
#content article .readmore:first-child {
  *margin-left: 0;
}
#content article .readmore:hover,
#content article .readmore:focus {
  color: #444444;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
#content article .readmore:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#content article .readmore.active,
#content article .readmore:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
#content article .readmore.disabled,
#content article .readmore[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content article .readmore:hover,
#content article .readmore:focus,
#content article .readmore:active,
#content article .readmore.active,
#content article .readmore.disabled,
#content article .readmore[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
#content article .readmore:active,
#content article .readmore.active {
  background-color: #2b2b2b \9;
}
#content article .readmore:hover,
#content article .readmore:focus,
#content article .readmore:active,
#content article .readmore.active,
#content article .readmore.disabled,
#content article .readmore[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
#content article .readmore:active,
#content article .readmore.active {
  background-color: #2b2b2b \9;
}
#content article .readmore:hover,
#content article .readmore:focus,
#content article .readmore:active,
#content article .readmore.active,
#content article .readmore.disabled,
#content article .readmore[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #373737;
}
#content article .readmore:active,
#content article .readmore.active {
  background-color: #2b2b2b \9;
}
#content article .readmore:hover,
#content article .readmore:focus {
  background: #666;
  color: white;
}
#content article .main[data-readmore][aria-expanded=false] {
  position: relative;
  overflow: hidden;
}
#content article .main[data-readmore][aria-expanded=false]:after {
  background-color: rgba(255, 255, 255, 0.4);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0), #ffffff);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=0);
  content: "";
  height: 50px;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 0;
}
.page_sommaire .aside {
  padding: 1em 2em;
}
.page_sommaire .contenu {
  padding: 0;
}
.page_sommaire .recherche {
  padding: 2em 2em 1em;
}
.page_sommaire #nav_metiers {
  margin-bottom: 1em;
}
.sticky_social {
  position: fixed;
  top: 150px;
}
.sticky_social img {
  width: 32px;
  height: 32px;
}
.sticky_social a {
  display: inline-block;
  margin-bottom: 3px;
  background: none;
}
@media (max-width: 770px) {
  .sticky_social {
    display: none;
  }
}
/* sous header (sommaire uniquement) */
.sous-header {
  padding: 0 2em 0.5em;
}
.sous-header #article_edito {
  margin-bottom: 1em;
}
.sous-header h1 {
  margin-bottom: 0;
}
.sous-header .auteur,
.sous-header .article {
  padding-left: 1em;
  border-left: 2px dotted #555555;
  height: 100%;
}
.sous-header .auteur p {
  margin-bottom: 0;
}
.sous-header .nom_auteur {
  color: #d82684;
  margin-top: .5em;
  display: block;
}
.sous-header .nom_auteur i.triangle {
  margin-left: -1.2em;
}
.sous-header .edito {
  color: #d82684;
  font-size: 4em;
  line-height: 1em;
  letter-spacing: -2px;
}
.sous-header h2 {
  font-size: 2.5em;
  margin-bottom: .2em;
}
@media (min-width: 979px) {
  .sous-header .auteur {
    padding-left: 1.6em;
  }
}
@media (max-width: 767px) {
  #article_edito {
    background: url(//www.snes.edu/plugins-dist/extensions_apsulis/theme/img/bg_stripes.png) top left repeat-x;
    border-top: 1px solid #555555;
    padding-top: 10px;
  }
  #article_edito > .span2,
  #article_edito > .span6 {
    display: none;
  }
  #article_edito h1 {
    text-align: center;
    margin: 1em;
  }
  #article_edito .auteur,
  #article_edito .article {
    border: none;
  }
  #article_edito .auteur {
    text-align: center;
    border-top: 2px dotted #555555;
    padding-top: 1em;
  }
  #article_edito .article {
    margin-top: 1em;
  }
  #article_edito .article .edito,
  #article_edito .article h2 {
    text-align: center;
    display: block;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  #article_edito .span4 {
    width: 28%;
  }
  #article_edito .span2 {
    width: 20%;
  }
  #article_edito .auteur {
    padding-left: 1.6em;
    padding-right: 1em;
  }
}
/* a la une */
.page_sommaire .carousel .item {
  width: 100%;
}
.page_sommaire .carousel .item img {
  margin: 0 auto;
}
.page_sommaire .carousel .carousel-caption {
  top: 120px;
  left: 45px;
  right: auto;
  padding: 0;
  color: white;
  background: none;
}
.page_sommaire .carousel .carousel-caption .surtitre {
  background: #d82684;
  color: #ffffff;
  display: inline-block;
  padding: .3em 10px;
  font-size: 1.5em;
}
.page_sommaire .carousel .carousel-caption h3 {
  background: #000000;
  font-size: 3em;
  margin-bottom: 0;
  padding: .1em 10px;
  display: inline-block;
}
.page_sommaire .carousel .carousel-caption h3:before {
  content: "▶ ";
  position: absolute;
  left: -1em;
  color: #d82684;
}
.page_sommaire .carousel .carousel-caption h3 a {
  color: #ffffff;
}
.page_sommaire .carousel .carousel-caption h3 a:hover,
.page_sommaire .carousel .carousel-caption h3 a:active,
.page_sommaire .carousel .carousel-caption h3 a:focus {
  background: #000000;
}
.page_sommaire .carousel .carousel-caption .soustitre {
  background: #000000;
  color: #d82684;
  margin: 0;
  font-size: 2em;
  padding: .1em 10px;
}
.page_sommaire .carousel .carousel-caption .soustitre a {
  color: #d82684;
}
.page_sommaire .carousel .carousel-caption .soustitre a:hover,
.page_sommaire .carousel .carousel-caption .soustitre a:active,
.page_sommaire .carousel .carousel-caption .soustitre a:focus {
  background: #000000;
}
.page_sommaire .carousel .carousel-indicators li {
  background-color: rgba(216, 38, 132, 0.33);
  border-radius: 7px;
  display: block;
  float: left;
  height: 14px;
  margin-left: 7px;
  text-indent: -999px;
  width: 14px;
}
.page_sommaire .carousel .carousel-indicators li.active {
  background-color: #ecad22;
}
@media (max-width: 978px) {
  .page_sommaire .carousel .carousel-caption {
    top: 60px;
  }
  .page_sommaire .carousel .carousel-caption .surtitre {
    font-size: 1.3em;
  }
  .page_sommaire .carousel .carousel-caption h3 {
    font-size: 2em;
  }
}
@media (max-width: 767px) {
  .page_sommaire .carousel .carousel-indicators {
    display: none;
  }
}
@media (max-width: 640px) {
  .page_sommaire .carousel .carousel-caption {
    top: 50px;
  }
  .page_sommaire .carousel .carousel-caption .surtitre {
    font-size: 1.2em;
  }
  .page_sommaire .carousel .carousel-caption h3 {
    font-size: 1.5em;
  }
}
@media (max-width: 480px) {
  .page_sommaire .carousel {
    margin-top: 1em;
    border-top: 10px solid #000000;
  }
  .page_sommaire .carousel .carousel-caption {
    background: #000000;
  }
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.actus {
  margin-bottom: 1em;
  padding: 1em 2em;
}
.actus .colonne {
  margin-top: 0;
}
.actus .colonne > h3 {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
  background-color: #d82684;
}
.actus .colonne > h3 a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
.actus .colonne > h3 a:hover,
.actus .colonne > h3 a:focus {
  background-color: #000000;
}
.actus .colonne .item + .item {
  margin-top: 2em;
  border-top: 2px dotted #555555;
  padding-top: 1.5em;
}
.actus .colonne h4 {
  color: #000000;
  font-weight: bold;
  margin-bottom: .5em;
  position: relative;
  clear: both;
}
.actus .colonne h4:before {
  content: "▶";
  position: absolute;
  top: -1px;
  left: -1em;
  font-style: normal;
  color: #d82684;
}
.actus .colonne h4 a:hover,
.actus .colonne h4 a:active,
.actus .colonne h4 a:focus {
  color: #000000;
  background: #e3e3e3;
}
.actus .colonne .soustitre {
  font-size: 1em;
  color: #d82684;
}
.actus .colonne .spip_logos {
  width: auto;
}
.actus .colonne h4 + .soustitre {
  display: block;
  margin-bottom: 0.5em;
  margin-top: -0.6em;
}
.actus .colonne p {
  margin-bottom: .5em;
}
.actus .colonne img {
  float: left;
  margin-right: .5em;
}
@media (min-width: 768px) and (max-width: 979px) {
  .js_img .actus .colonnes h3 {
    font-size: 100%;
  }
}
@media (min-width: 768px) {
  .js_img .actus .colonne .item {
    position: relative;
    padding-bottom: 2em;
  }
  .js_img .actus .colonne .item .btn {
    position: absolute;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .actus .span4 {
    margin-top: 2em;
    border-top: 1px solid #000000;
    /*padding-left:1em;*/
    margin-left: -1em !important;
    float: none !important;
    width: auto;
  }
  .actus .colonne {
    margin-left: 1em;
    margin-right: 1em;
  }
}
/* Les dossiers, avec pagination */
.page_sommaire .dossiers_head > h2 {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
  font-size: 1.8em;
  line-height: 1.5em;
  box-shadow: 2px 5px 5px #444;
  background-color: #ecad22;
  margin-bottom: .3em;
}
.page_sommaire .dossiers_head > h2 a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
.page_sommaire .dossiers_head > h2 a:hover,
.page_sommaire .dossiers_head > h2 a:focus {
  background-color: #000000;
}
.page_sommaire .dossiers_head > h2 a {
  display: inline-block;
}
.page_sommaire .dossiers_head > h2 a:hover,
.page_sommaire .dossiers_head > h2 a:focus {
  color: white;
}
.page_sommaire .dossiers_head h3 {
  color: #ecad22;
  margin-bottom: .5em;
  font-weight: bold;
  position: relative;
}
.page_sommaire .dossiers_head h3:before {
  content: "▶";
  position: absolute;
  top: -1px;
  left: -1em;
  font-style: normal;
}
.page_sommaire .dossiers_head h3 a {
  color: #ecad22;
}
.page_sommaire .dossiers_head div.pagination {
  top: 15px;
  right: 0;
  margin: 0;
  position: absolute;
  width: 55px;
}
.page_sommaire .dossiers_head div.pagination .pager .next a,
.page_sommaire .dossiers_head div.pagination .pager .prev a,
.page_sommaire .dossiers_head div.pagination .pager .next span,
.page_sommaire .dossiers_head div.pagination .pager .prev span {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 1em;
  background: #50656d;
  color: #ffffff;
  padding: 2px 7px 2px 9px;
  border: 0;
}
.page_sommaire .dossiers_head div.pagination .pager .next a:hover,
.page_sommaire .dossiers_head div.pagination .pager .prev a:hover,
.page_sommaire .dossiers_head div.pagination .pager .next a:focus,
.page_sommaire .dossiers_head div.pagination .pager .prev a:focus {
  background: #5a727c;
}
.page_sommaire .dossiers_head div.pagination .pager .prev a,
.page_sommaire .dossiers_head div.pagination .pager .prev span {
  padding: 2px 9px 2px 7px;
}
.page_sommaire .dossiers_head div.pagination .pager .disabled span {
  opacity: .5;
}
@media (max-width: 767px) {
  .page_sommaire .dossiers_head .colonne {
    margin-top: 1.5em;
    min-height: 0;
  }
  .page_sommaire .dossiers_head .span3 + .span3 {
    margin-top: 1.5em;
    border-top: 2px dotted #dadada;
  }
}
/* degrades sur dossiers */
.dossiers {
  padding: 0 2em 1.5em;
  color: #ffffff;
  background: #65808b;
  background-color: #667f8c;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40545f), color-stop(10px, #5d7784), to(#8aa0ab));
  background-image: -webkit-linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-image: -moz-linear-gradient(top, #40545f, #5d7784 10px, #8aa0ab);
  background-image: -o-linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-image: linear-gradient(#40545f, #5d7784 10px, #8aa0ab);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40545f', endColorstr='#ff8aa0ab', GradientType=0);
}
.dossiers a {
  color: #ffffff;
}
.dossiers a:hover,
.dossiers a:focus {
  color: #000000;
}
.dossiers a.btn-inverse:hover,
.dossiers a.btn-inverse:focus {
  color: #ffffff;
}
.dossiers .pagination a {
  color: #555555;
}
.dossiers .pagination a:hover,
.dossiers .pagination a:focus {
  color: #000000;
}
.dossiers .colonne {
  border-color: #ffffff;
  min-height: 80px;
}
/* dossiers */
@media (min-width: 768px) {
  .js_img .dossiers .colonne {
    position: relative;
    padding-bottom: 2em;
  }
  .js_img .dossiers .colonne .btn {
    position: absolute;
    bottom: 0px;
  }
}
@media (max-width: 767px) {
  .dossiers {
    margin-top: 2em;
    margin-bottom: 1em;
  }
}
/* bloc d'infos du SNES */
.page_sommaire .aside {
  border-top: 2px dotted #555555;
  padding-top: 0;
}
.page_sommaire .aside #info_snes > h2 {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
  background: #2aa8db;
  font-size: 1.8em;
  line-height: 1.5em;
  margin-bottom: .3em;
}
.page_sommaire .aside #info_snes > h2 a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
.page_sommaire .aside #info_snes > h2 a:hover,
.page_sommaire .aside #info_snes > h2 a:focus {
  background-color: #000000;
}
.page_sommaire .aside .coup_oeil {
  color: #009de0;
  font-size: 1.5em;
  line-height: 1.5em;
  margin-left: 1em;
}
.page_sommaire .aside h3 {
  border-left: 4px solid #000000;
  background: #888;
  color: #ffffff;
  display: inline-block;
  background: #2aa8db;
  font-size: 1em;
  margin-bottom: 1em;
  position: relative;
}
.page_sommaire .aside h3 a {
  color: white;
  display: inline-block;
  padding: 5px 7px;
}
.page_sommaire .aside h3 a:hover,
.page_sommaire .aside h3 a:focus {
  background-color: #000000;
}
.page_sommaire .aside h3 a {
  padding: 1px 5px;
}
.page_sommaire .aside h3:before {
  content: "▶";
  position: absolute;
  top: 1px;
  left: -1.3em;
  font-style: normal;
  color: #009de0;
}
.page_sommaire .aside .colonnes p {
  margin-bottom: .5em;
}
.page_sommaire .aside .colonnes .item {
  clear: both;
}
.page_sommaire .aside .colonnes .item .spip_logos {
  float: left;
  margin: 0 10px .5em 0;
}
.page_sommaire .aside .colonnes .item + .item {
  margin-top: 1em;
}
.page_sommaire .aside .colonnes .publication {
  margin-right: 1em;
}
.page_sommaire .aside .colonnes .publication + .publication {
  margin-right: 0;
}
.page_sommaire .aside .colonnes .publication .spip_logos {
  box-shadow: 3px 3px 6px #666;
  margin-bottom: .5em;
}
@media (min-width: 768px) {
  .page_sommaire .aside .colonnes .item + .item {
    border-top: 2px dotted #555555;
    margin-top: 1.5em;
    padding-top: 1.5em;
  }
  .page_sommaire .aside .colonnes .item p {
    font-size: 90%;
    line-height: 1.3em;
  }
  .page_sommaire .aside .colonne.fsu p,
  .page_sommaire .aside .colonne.publications p {
    font-size: 90%;
    line-height: 1.3em;
  }
  .js_img.page_sommaire .aside .colonnes .item {
    position: relative;
    height: 80px;
    padding-bottom: 2em;
    /* left = taille vignette + 10px */
  }
  .js_img.page_sommaire .aside .colonnes .item .btn {
    position: absolute;
    left: 80px;
    bottom: 0;
  }
  .js_img.page_sommaire .aside .colonnes .colonne.fsu,
  .js_img.page_sommaire .aside .colonnes .colonne.publications {
    position: relative;
  }
  .js_img.page_sommaire .aside .colonnes .colonne.fsu .btn,
  .js_img.page_sommaire .aside .colonnes .colonne.publications .btn {
    position: absolute;
    bottom: 0;
  }
}
@media (max-width: 979px) and (min-width: 768px) {
  .page_sommaire .aside .colonnes .item .spip_logos {
    width: 30px;
  }
  .js_img.page_sommaire .aside .colonnes .item {
    height: 95px;
  }
  .js_img.page_sommaire .aside .colonnes .item .btn {
    left: 40px;
    left: 0px;
  }
  #info_snes .row-fluid.colonnes .span2 {
    width: 18%;
  }
  #info_snes .row-fluid.colonnes .span4 {
    width: 29%;
  }
}
@media (max-width: 767px) {
  .page_sommaire .aside .coup_oeil {
    display: block;
    margin: .5em 0 1em .5em;
  }
  .page_sommaire .aside .colonnes {
    /* finalement cacher les détails en version mobile */
  }
  .page_sommaire .aside .colonnes .colonne {
    margin-top: 0;
    margin-bottom: .5em;
    clear: both;
  }
  .page_sommaire .aside .colonnes .item {
    margin-bottom: .5em;
  }
  .page_sommaire .aside .colonnes .item + .item {
    margin-top: 0;
  }
  .page_sommaire .aside .colonnes .colonne .item:last-child {
    margin-bottom: 0;
  }
  .page_sommaire .aside .colonnes .snes_info {
    overflow: auto;
  }
  .page_sommaire .aside .colonnes .snes_info {
    display: none;
  }
  .page_sommaire .aside .colonnes .publications .row-fluid {
    display: none;
  }
}
.rubrique_carte_academies .carte {
  margin-bottom: 2em;
}
.rubrique_carte_academies .non-metropole .part {
  margin-bottom: 2em;
}
.rubrique_carte_academies .non-metropole .part a {
  display: inline-block;
}
a.spip_out,
a.spip_url,
a.external,
a.lock {
  background-position: center right;
}
/*
 * Notes:
 * La classe js_img arrive lorsque les images ont été chargées ($(window).load())
 */