/* CSS Document */

.header {
  position: relative;
}
.header .accueil a {
  color: inherit;
}
.header .spip_logos {
  float: left;
  margin: 18px 36px;
}
#logo_site_spip {
  line-height: 1em;
  margin: 0;
}

#slogan_site_spip {
  display: block;
}
.header .formulaire_menu_lang {
  width: 100%;
}
.header .formulaire_menu_lang select {
  width: 100%;
}
.hero-unit .postmeta {
  clear: both;
}
.formulaire_recherche,
.secondary .formulaire_recherche {
  padding-right: 70px;
}
/* provisionner la largeur du bouton+padding sur le input.search */
.formulaire_recherche form .input-append {
  width: 100%;
}
.formulaire_recherche form input.search {
  width: 100%;
}
.footer {
  *zoom: 1;
  margin-top: 4em;
  padding-top: 2em;
  border-top: 0px solid;
  padding-bottom: 2em;
  margin-bottom: 0;
  text-align: left;
  position: relative;
  background-color: #999;
  color: #FFF;
}
.footer a {
	color: #FFF;
	text-decoration: underline;
}
.footer a:hover {
	color: #FFF;
	text-decoration: none;
	background: none;
}
.footer:before,
.footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.footer:after {
  clear: both;
}
.footer .colophon {
  padding-right: 100px;
}
.footer .generator {
  position: absolute;
  top: 2em;
  right: 0;
  max-width: 100px;
}
.cartouche {
  margin-bottom: 1.33333333em;
}
.content.primary {
  min-height: 320px;
}
.content .postmeta .tags .inline {
  display: inline;
}
.page_sommaire .breadcrumb {
  display: none;
}
.page_rubrique .acc2 {
  display: none;
}
.page_rubrique .zone {
  display: none;
}
.page_rubrique .main h3 {text-align: left;}
.page_article .acc2 {
  display: none;
}

.page_article .zone {
  display: none;
}
.page_article .main h3 {text-align: left;}
.page_404 .zone {
  display: none;
}
.page_404 .acc2 {
  display: none;
}
.page_plan .zone {
  display: none;
}
.page_plan .acc2 {
  display: none;
}
.page_plan .main h2 {text-align: left;}
.page_login .zone {
  display: none;
}
.page_login .acc2 {
  display: none;
}
.aside {margin-left: 35px;}
.acc {min-height: 200px;}
.acc2 {
	min-height: 250px;
	text-align: center;
}
.reponse_formulaire_erreur {color: #FFF;}
.reponse_formulaire_ok {color: #FFF;}
.acc2 h4 {font-size: 2em;font-weight: bold;color: #FF9933;margin-top: 20px;}
.acc2 li {
	list-style-type: none;
}
.acc2 a {color: #000;font-size: 1.4em;font-weight: bold;}
.acc2 a:hover {font-size: 1.4em;font-weight: bold;background: none;}

.breadcrumb {background-color: #FFF;}
.breadcrumb a {background: none; color: #ccc;text-decoration: underline;}

.competences {border-bottom: 1px solid #CCCCCC;min-height: 320px;margin-bottom: 40px;}
.main h2 {text-align: center;color: #FF9933;}
.main h3 {text-align: center;}
.zones {border-top: 1px solid #CCCCCC;min-height: 320px;margin-top: 40px;margin-bottom: 40px;text-align: center;}
.zones h3 {margin-top: 20px;color: #607189;}
.tel {color: #FF9900;font-size: 1.6em;margin-top: 30px;text-align: right;}
.well h4 {color: #607089;font-weight: bold;font-size: 1.4em;text-align: center;margin-bottom: 20px;}
.well h5 {font-weight: bold;font-size: 1em;margin-bottom: 20px;margin-bottom: 0px}
.well ul {padding: 0;}
.well li {border-bottom: 1px solid #444F5E;padding-bottom: 10px;padding-top: 5px;}
.well li a {margin-top: 5px;margin-left: 0px;}
.dateactu {font-size: 0.9em;}
.well a {background-color: #444F5E;width: 35%;text-align: center;color: #FFF;border-radius: 5px;}
.liengal {text-align: right;margin-top: 10px;}
.liengal a {background: none;color: #444F5E;}
.liste-items {margin-top: 50px;margin-bottom: 40px;}
.item a {color: #607089;}
.infos {
	background-color: #FF9933;
	color: #FFF;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 20px;
	margin-left: 45px;
	border-radius: 5px;
}
.infos p {padding-top: 18px;padding-bottom: 8px;line-height: 25px;}
.infos a {color: #FFF;}
.infos a:hover {color: #000;background: none;}
.infosint {
	background-color: #FF9933;
	color: #FFF;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 20px;
	border-radius: 5px;
  text-align: center;
}
.infosint p {padding-top: 15px;padding-bottom: 15px;line-height: 25px;}
.infosint a {color: #FFF;}
.infosint a:hover {color: #000;background: none;}
#nav > .navbar-inner {
	padding-left: 0;
	padding-right: 0;
	border: 0px solid;
	text-transform: uppercase;
	font-weight: bold;
}
#nav a:hover {border-radius: 10px;}
#nav a {padding: 5px 10px 5px 10px; margin-right: 10px;border-radius: 10px;}
	.nav > .active > a,
	.nav > .active > a:hover {
	border-color: transparent;
		background-color: @orange;
		.box-shadow(none);
		color: @textColor;
	border-radius: 10px;
	}

.profil li {
	text-align: center;
	margin-top: 30px;
  padding-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 30px;
	border: 1px solid #CCCCCC;
	list-style-type: none;
}
.profil a {color: #000;font-size: 1.1em;font-weight: bold;margin-bottom: 20px;}
.profil a:hover {background: none;color: #999;}

  /* Carousel base class */
    .carousel {
      margin-bottom: 0px;
      background-color: #999;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 10px;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
    }

    .carousel .item {
      min-height: 330px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
    }

    .carousel-caption {
      background-color: #FF9900;
      opacity: 0.9;
      position: static;
      max-width: 550px;
      padding: 10px 20px;
      margin-top: 200px;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.25;
      color: #fff;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }
.carousel-fade .carousel-inner .item {
  opacity: 0;
  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;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.defilement {
	margin: 20px auto 20px auto;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 0px;
	border: 0px solid #E6E6E6;
}
.defilement h4 {
	font-family: 'Oswald', serif;
	font-size: 1.4em;
	text-transform: uppercase;
	padding-top: 20px;
}
.defilement ul {
	background-color: #FFF;
	margin: 0px 9px 20px 6px;
	padding: 5px 5px 5px 5px;
	min-height: 70px;
	border-width: 1px;
	border-color: #E6E6E6;
}
.defilement2 {margin: 0 30px 0 30px;}
.defilement li {display: inline;line-height: 160px;margin: 0px 0px; padding: 0px;	background-color: #FFF;	list-style-type: none;}

@media (max-width:767px){
  .header img {}
  .tel {text-align: center;margin-top: 0;}
  #nav {padding-left: 0;margin: 50px -30px;z-index: 999;}
  #nav a {padding: 5px 10px 5px 10px; margin-right: 0px;border-radius: 0px;}
    .nav > .active > a,
    .nav > .active > a:hover {
    border-color: transparent;
        .box-shadow(none);
        color: @textColor;
    border-radius: 0px;
    }
.nav li {background-color: #ccc;margin: 0;}
  .carousel .item {
      min-height: 68px;
    }
  .acc {min-height: 70px;}
    .competences img {width: 20%;float: left;margin-right: 10px;}
  .competences ul {margin-left: 0;}
.competences li {text-align: left;min-height: 80px;}
  .well li {border-bottom: 1px solid #444F5E;padding-bottom: 10px;padding-top: 5px;background: none;}
  #aside {margin: 0;}
    .infos {
	margin-left: 0px;
}
  .footer .colophon {
  padding: 10px 10px 20px 10px;
    text-align: center;
}
}
@media (min-width:768px) and (max-width:979px){

#nav {z-index: 999;}
  #nav a {padding: 5px 10px 5px 10px; margin-right: 0px;border-radius: 0px;}
    .nav > .active > a,
    .nav > .active > a:hover {
    border-color: transparent;
        .box-shadow(none);
        color: @textColor;
    border-radius: 0px;
    }
.nav li {background-color: #ccc;margin: 0;}
  .carousel .item {
      min-height: 190px;
    }
  .competences img {width: 80%;}
  .competences ul {margin: 0;}
  .competences li {text-align: center;padding-left: 7px;padding-right: 7px;}
}
@media (min-width:980px) and (max-width:1199px){

  .carousel .item {
      min-height: 230px;
    }
	.competences li {text-align: center;padding-left: 7px;padding-right: 7px;}
}