.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: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgba(51, 51, 51, 0.4);
  border: 1px solid rgba(33, 33, 33, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-large {
  padding: 24px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.well-small {
  padding: 9px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* 
Ceci est le fichier CSS du  
Layout Gala No 33
de  
http://blog.html.it/layoutgala/ 
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}
*/
/* 
Ceci est le fichier CSS du  
Layout Gala No 35
de  
http://blog.html.it/layoutgala/ 
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:700px;margin:0 auto}
div#content{float:left;width:500px}
div#navigation{float:right;width:200px}
div#extra{float:left;width:500px}
div#footer{clear:both;width:100%}
*/
/*
Ceci est le fichier CSS du
Layout Gala No 27
de
http://blog.html.it/layoutgala/
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#navigation{float:left;width:50%}
div#extra{float:left;width:49.9%}
div#footer{clear:left;width:100%}
*/
/*
Ceci est le fichier CSS du
Layout Gala No 28
de
http://blog.html.it/layoutgala/
*/
/*
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
p{margin:0 10px 10px}
a{display:block;color: #006;padding:10px}
div#header{position:relative}
div#header h1{height:80px;line-height:80px;margin:0;
padding-left:10px;background: #EEE;color: #79B30B}
div#header a{position:absolute;right:0;top:23px}
div#content p{line-height:1.4}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#navigation{float:right;width:50%}
div#extra{float:right;width:49.9%}
div#footer{clear:right;width:100%}
*/
body {
  background: #000000 url('//www.arrouedouglas.brokerne.eu/themes/Arrouedouglas/css/img/map_nue.jpg') no-repeat top left;
}
.pager li > a,
.pager li > span {
  padding: 2px 10px;
}
.main,
.cartouche,
.conteneur_map,
.extra .liste-oeuvres,
.aside .liste-oeuvres,
.footer,
.documents_annexes {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgba(51, 51, 51, 0.4);
  border: 1px solid rgba(33, 33, 33, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.main blockquote,
.cartouche blockquote,
.conteneur_map blockquote,
.extra .liste-oeuvres blockquote,
.aside .liste-oeuvres blockquote,
.footer blockquote,
.documents_annexes blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.has_logo {
  position: relative;
  overflow: auto;
}
.has_logo h1,
.has_logo h2 {
  position: absolute;
  left: 0;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
}
.has_logo h1 {
  padding: .1em .3em;
  top: 30%;
  font-size: 3em;
}
.has_logo h2 {
  top: 60%;
  padding: .4em;
  font-size: 2em;
  display: block;
}
.formulaire_menu_lang label {
  display: none;
}
.formulaire_spip .boutons {
  background: rgba(77, 77, 77, 0.4);
  border-color: #555555;
}
ul.liste-items .item,
ul.liste-items .item:last-child {
  border-color: #555555;
}
h3,
.h3,
.h3-like,
.secondary h3,
.secondary .h3 {
  font-weight: bold;
  font-size: 1.5em;
}
h2,
.h2,
.h2-like,
.secondary h2,
.secondary .h2 {
  font-weight: bold;
  font-size: 2em;
}
.container {
  padding: 1em;
  margin: 2em auto;
}
.chapo {
  font-weight: lighter;
  color: #ffffff;
}
.liste-items .item,
.liste-items .item:last-child {
  border-color: #eeeeee;
}
.info.info_geoloc {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: rgba(51, 51, 51, 0.4);
  border: 1px solid rgba(33, 33, 33, 0.4);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #333333;
}
.info.info_geoloc blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
ul.thumbnails,
.liste.documents_portfolio {
  margin-bottom: 0;
}
.thumbnails .caption {
  color: #eeeeee;
}
.thumbnail {
  background: rgba(77, 77, 77, 0.7);
}
.breadcrumb {
  background: rgba(77, 77, 77, 0.4);
  color: #eeeeee;
}
.breadcrumb > li {
  text-shadow: 0 1px 0 #000;
}
.thumbnail {
  border-color: #555555;
}
.thumbnails > li.on a {
  background-color: #f2f2f2;
  color: #a46324;
  text-decoration: none;
  border-color: #d58940;
}
.thumbnails li img {
  max-width: 100%;
}
.main .media {
  margin-top: 1.42857143em;
  margin-bottom: 1.42857143em;
}
.entry.document .spip_logos {
  max-width: 100px;
}
#logo_site_spip {
  font-size: 3em;
  line-height: 2em;
  margin: 0;
  padding: 0.5em 0;
}
dl.spip_documents {
  padding: .5em;
  border: 1px solid #ddd;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  background: rgba(77, 77, 77, 0.7);
  border-color: #555555;
}
aside,
footer {
  clear: both;
}
/* par defaut : 2 colonnes en largeurs fixes */
#container {
  margin: 0 auto;
}
#wrapper {
  float: none;
  width: 100%;
  margin-left: 0;
}
#content,
#aside,
#extra,
#footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#content {
  float: left;
  width: 620px;
  margin-left: 0;
  margin-right: 0;
}
#aside {
  float: right;
  width: 300px;
  margin-left: 0;
}
#extra {
  float: right;
  clear: right;
  width: 300px;
  margin-left: 0;
}
#footer {
  clear: both;
  width: 100%;
}
.carte_gis {
  min-height: 450px;
  margin: 0 0 1em 0;
}
.marker-clusterer div {
  color: #fff;
  text-align: center;
  font: bold 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
  background-color: #d58940;
  border: 3px solid #ffffff;
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;
  line-height: 20px;
  padding: 5px 0;
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: rgba(51, 51, 51, 0.9);
  color: #eeeeee;
}
.leaflet-container a {
  color: #d58940;
}
.rubrique_schedule #container {
  margin: 0 auto;
}
.rubrique_schedule #wrapper {
  float: none;
}
.rubrique_schedule #content,
.rubrique_schedule #aside,
.rubrique_schedule #extra,
.rubrique_schedule #footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.rubrique_schedule #content {
  float: none;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.rubrique_schedule #aside {
  clear: both;
  float: right;
  width: 50%;
  margin: 0;
}
.rubrique_schedule #extra {
  clear: none;
  float: left;
  width: 49.9%;
  margin: 0;
}
.rubrique_schedule #footer {
  clear: both;
  width: 100%;
}
.rubrique_oeuvres .row-fluid [class*="span"]:last-child,
.row-fluid [class*="span4"]:last-child {
  float: left;
  margin-left: 2.12765957%;
}
.thumbnail h3,
.thumbnail .caption {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.footer {
  border: none;
}
.spip_documents dt a:hover {
  background-color: transparent;
}
/* largeur>1200px : 3 colonnes en largeurs fixes sur les ecrans larges */
@media (min-width: 1200px) {
  #container {
    margin: 0 auto;
  }
  #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #content,
  #aside,
  #extra,
  #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content {
    float: left;
    width: 570px;
    margin-left: 0;
    margin-right: 0;
  }
  #aside {
    float: right;
    width: 570px;
    margin-left: 0;
  }
  #extra {
    float: right;
    clear: right;
    width: 570px;
    margin-left: 0;
  }
  #footer {
    clear: both;
    width: 100%;
  }
  .rubrique_oeuvres #container {
    margin: 0 auto;
  }
  .rubrique_oeuvres #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .rubrique_oeuvres #content,
  .rubrique_oeuvres #aside,
  .rubrique_oeuvres #extra,
  .rubrique_oeuvres #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .rubrique_oeuvres #content {
    float: left;
    width: 870px;
    margin-left: 0;
    margin-right: 0;
  }
  .rubrique_oeuvres #aside {
    float: right;
    width: 270px;
    margin-left: 0;
  }
  .rubrique_oeuvres #extra {
    float: right;
    clear: right;
    width: 270px;
    margin-left: 0;
  }
  .rubrique_oeuvres #footer {
    clear: both;
    width: 100%;
  }
  .page_sommaire #container {
    margin: 0 auto;
  }
  .page_sommaire #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .page_sommaire #content,
  .page_sommaire #aside,
  .page_sommaire #extra,
  .page_sommaire #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page_sommaire #content {
    float: left;
    width: 570px;
    margin-left: 0;
    margin-right: 0;
  }
  .page_sommaire #aside {
    float: right;
    width: 570px;
    margin-left: 0;
  }
  .page_sommaire #extra {
    float: left;
    clear: none;
    width: 1170px;
    margin-left: 0;
  }
  .page_sommaire #footer {
    clear: both;
    width: 100%;
  }
  .rubrique_oeuvres .row-fluid [class*="span4"]:nth-child(3n+1),
  .row-fluid [class*="span4"]:nth-child(3n+1) {
    margin-left: 0;
  }
  .container {
    background: transparent url('//www.arrouedouglas.brokerne.eu/themes/Arrouedouglas/css/img/map_points.png') no-repeat right 200px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  #container {
    margin: 0 auto;
  }
  #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #content,
  #aside,
  #extra,
  #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content {
    float: left;
    width: 460px;
    margin-left: 0;
    margin-right: 0;
  }
  #aside {
    float: right;
    width: 460px;
    margin-left: 0;
  }
  #extra {
    float: right;
    clear: right;
    width: 460px;
    margin-left: 0;
  }
  #footer {
    clear: both;
    width: 100%;
  }
  .rubrique_oeuvres #container {
    margin: 0 auto;
  }
  .rubrique_oeuvres #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .rubrique_oeuvres #content,
  .rubrique_oeuvres #aside,
  .rubrique_oeuvres #extra,
  .rubrique_oeuvres #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .rubrique_oeuvres #content {
    float: left;
    width: 700px;
    margin-left: 0;
    margin-right: 0;
  }
  .rubrique_oeuvres #aside {
    float: right;
    width: 220px;
    margin-left: 0;
  }
  .rubrique_oeuvres #extra {
    float: right;
    clear: right;
    width: 220px;
    margin-left: 0;
  }
  .rubrique_oeuvres #footer {
    clear: both;
    width: 100%;
  }
  .page_sommaire #container {
    margin: 0 auto;
  }
  .page_sommaire #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .page_sommaire #content,
  .page_sommaire #aside,
  .page_sommaire #extra,
  .page_sommaire #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page_sommaire #content {
    float: left;
    width: 460px;
    margin-left: 0;
    margin-right: 0;
  }
  .page_sommaire #aside {
    float: right;
    width: 460px;
    margin-left: 0;
  }
  .page_sommaire #extra {
    float: left;
    clear: none;
    width: 940px;
    margin-left: 0;
  }
  .page_sommaire #footer {
    clear: both;
    width: 100%;
  }
  .extra .span3,
  .extra .span6 {
    width: auto;
    float: none;
  }
  .rubrique_oeuvres .row-fluid [class*="span4"]:nth-child(3n+1),
  .row-fluid [class*="span4"]:nth-child(3n+1) {
    margin-left: 0;
  }
}
/* entre 768px et 979px : 2 colonnes en largeurs fixes, mais grille plus etroite*/
@media (min-width: 768px) and (max-width: 979px) {
  #container {
    margin: 0 auto;
  }
  #wrapper {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #content,
  #aside,
  #extra,
  #footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #content {
    float: left;
    width: 724px;
    margin-left: 0;
    margin-right: 0;
  }
  #aside {
    float: right;
    width: 724px;
    margin-left: 0;
  }
  #extra {
    float: left;
    clear: none;
    width: 724px;
    margin-left: 0;
  }
  #footer {
    clear: both;
    width: 100%;
  }
  .rubrique_oeuvres .row-fluid [class*="span4"]:nth-child(3n+1),
  .row-fluid [class*="span4"]:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
  }
}
/* largeur < 767px : content en pleine largeur, aside et extra en 2 colonnes en dessous */
@media (max-width: 767px) {
  #logo_site_spip {
    font-size: 2em;
    line-height: 1em;
  }
  .has_logo h1 {
    padding: .1em .3em;
    top: 15%;
    font-size: 1.8em;
  }
  .has_logo h2 {
    top: 50%;
    padding: .4em;
    font-size: 1em;
    display: block;
  }
}
/* largeur < 450px : on garde le layout de dessus, mais on verticalise tout (content puis aside puis extra) */
@media (max-width: 450px) {
  #content,
  #aside,
  #extra {
    width: 100%;
  }
  #descriptif_site_spip {
    font-size: 1.2em;
  }
  body {
    background: #000000 url('//www.arrouedouglas.brokerne.eu/themes/Arrouedouglas/css/img/map_nue-300.jpg') no-repeat top left;
  }
}