body{background: #333333}
.invisible{display: none}
.main{margin-bottom: 50em!important}
.rouge{color:#CC0033}
.jaune{color:#FFCC00}
.page{margin-top:1em;padding: 15px}
#header{margin: 0;padding: 0}
.flag-arc img{padding: 10px; margin-bottom: 10px!important;text-align: center;background: #333}
.header-bc {margin: 0 0 10px 0;background: #FFF;border-radius: 8px;}
.info-publi{font-weight: bold!important}
.wrapper{background: #FFF;padding: 10px;border-radius: 8px;margin-bottom: 2em}
.content { min-height: 100px; }
.aside {width: 29%; background: #FFF;padding: 10px;border-radius: 8px;margin-bottom: 1em}
.footer{background: #FFF;padding: 0x;border-radius: 8px;clear: both;}
.footer p{padding: 10px;margin: 0}
.marge{min-height: 10em;margin-top: 3em!important}
#slogan{font-size: 1.2em}
h3.arch {font-size: 1.2em!important; margin: 0;padding: 5px 0 5px 0}
small{line-height: 1.2em!important}
.logobc{margin-left: auto; margin-right: auto; text-align: center!important}
.center{margin-left: auto; margin-right: auto; text-align: center!important}
.aside a{color: #000!important}
.aside a:hover{color: #555!important}
.cartouche h1 {font-size: 1.5em}
.header-bc h3{font-size: 2em}
hr{padding: 0;margin-top: 1em}
/* CSS */
.button-1 {
background-color: #CCOO33!important;
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1.1em;
  font-weight: 500;
  max-width:99%;
  line-height: 1em;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 10px 16px;
  margin-bottom: 2px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: color 100ms;
  vertical-align: baseline;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;}
.button-1:hover,
.button-1:focus {
  background-color: #FFCC00;
    color: #CC0033;}

/* Hyperliens
[fr] Signalétique des hyperliens : http://letrainde13h37.fr/43/signaletique-hyperliens/ */
a {
  background: transparent;
  color: #333;
}
a:visited {
  color: inherit;
}

.a-mot a:focus,  a:focus{
  outline: thin dotted;
  background-color: #333 !important;
  border-color: #222222 !important;
  color: #fff !important;
  text-shadow: none;
}

 .logobc a:focus {
  outline: thin dotted;
  background-color: transparent !important;
  border-color: #222222 !important;
  color: #fff !important;
  text-shadow: none;
}


a:hover {
  outline: 0;
  cursor: pointer;
  color:#fff;
}
a:active {
  outline: 0;
  color: #fff !important;
}
/* a { outline: none; }
[en] http://www.outlinenone.com
[fr] http://www.outlinenone.fr
*/
a:after,
a:before,
a small {
  font-size: 90%;
  opacity: .9;
}
a[hreflang]:after {
  content: "\0000a0[" attr(hreflang) "]";
}
/* Liens externes */
a.spip_out:after,
a.external:after {
  content: "\0000a0\279A";
}

/* largeur maximum 640px */
@media (max-width: 640px) {
 .flag-arc img{width: 20%}
 main, .main{margin-bottom: 0!important;padding-bottom: 0!important}
 .footer2{margin: 1em 0 2em 0}
.page{padding: 0 10px 0 10px;margin: 0}
.content, .aside { clear: both; float: none; width: 100%; }
#slogan{font-size: 0.7em}
h3.arch {font-size: 1em!important}
.moteur-rech{line-height: 1.1em}
.button-1 {font-size: 0.9em;padding: 7px 10px}
.aside {margin-bottom: 0em}
}