body {
    font-family: 'Open Sans', sans-serif;
}
.page {
	background-color: #F6F6F6;
	background-image: url(img/fond_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.header {
	background-image: url(img/fond_haut.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
.editer input {color:#000;}
.accueil {margin: 0;padding: 0;}
.header .spip_logos {
  float: left;
  margin: 0px 30px;
  margin-left: 0;
  margin-top: 0;
}
.header h1 {
  margin: 0;
}
.footer {
	border-top: 0px solid;
	margin-top: 0em;
	background-color: #333333;
	color: #FFFFFF;
	font-weight: normal;
}
.footer a {color: #fff;}
.footer a:hover {text-decoration: underline; background: none;}
.footer .colophon {
  padding-left: 20px;
  padding-right: 100px;
}
.footer .container {background-color: #333333;}
.form-search {margin-top: 50px;margin-right: 0;padding-right: 7px; width: 80%;margin-left: 40px;}
.form-search label {color: #666;}

#cookie-bar .cb-enable {background:#333;}
#cookie-bar .cb-enable:hover {background:#666;}
#cookie-bar .cb-policy {background:#666;}
#cookie-bar .cb-policy:hover {background:#333;}

#menu_lang {margin-top: 40px;float: right;text-transform: uppercase;}
#menu_lang a {color: #666;}
.langue_en {
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
.bas {width: 60%;margin-left: auto; margin-right: auto;}
.container {  background-color: #FFF;}
/* Fond de la barre */
#nav .navbar-inner {
    background: #666666;
    background-image: none;
    filter: none;
}

/* Premier niveau uniquement */
#nav .menu-liste[data-depth="0"] > li > a {
    color: #ffffff;
    text-shadow: none;
}

/* Premier niveau au survol */
#nav .menu-liste[data-depth="0"] > li > a:hover,
#nav .menu-liste[data-depth="0"] > li > a:focus {
    color: #ffffff;
    background-color: #444444;
    text-shadow: none;
}
#nav .menu-liste[data-depth="0"] > li {
    border-bottom: none !important;
}
#nav {margin-left: 20px;margin-right: 20px; font-family: 'Oswald', serif;font-size: 1.2em;text-transform: uppercase; color: #990000;}
#nav a {font-weight: normal;}
#nav li {
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
.main a {
    font-family: 'Open Sans', sans-serif;
}
.row {margin-left: 20px;margin-right: 20px;}
.content h1 { font-family: 'Oswald', serif;font-size: 1.8em;color: #990000;margin: 50px 0px 50px 0px; padding-left: 0;}
.content a:hover {
	background-color: #none;
	text-decoration: underline;
}
.carousel {
  margin-bottom: 0px;
  background-color: #ccc;
}
.page_sommaire .content {display: none;}
.page_sommaire .holder {display: none;}
.page_sommaire .aside {display: none;}
.page_sommaire .breadcrumb {display: none;}
.page_rubrique .acc {display: none;}
.page_rubrique .holder {display: none;}
.page_rubrique .breadcrumb {display: none;}
.page_article .acc{display: none;}
.page_article .postmeta {display: none;}
.page_article .breadcrumb {display: none;}
.page_login .acc {display: none;}
.page_login .breadcrumb {
  display: none;
}
.page_auteur .breadcrumb {display: none;}
.page_auteur .aside {display: none;}
.page_login .aside {display: none;}
.page_recherche .acc {display: none;}
.page_recherche .breadcrumb {
  display: none;
}
.page_404 .acc {display: none;}
.page_404 .breadcrumb {display: none;}
.page_404 .aside {display: none;}
.page_recherche small {color: #333;}
.span12 {margin-left: -5px;}
.produit {margin: 7px 7px 35px 7px; min-height: 270px;  border: 1px solid;padding: 0;} 

.produits {margin: 0;text-align: center;}
.produits img {margin-top: 20px;}
.produits h3 { font-family: 'Oswald', serif;font-size: 1.4em;color: #990000;text-align: left;padding: 20px 40px 0px 40px;margin: 0;}
.produits a {
	font-family: 'Oswald', serif;
	font-size: 1em;
	color: #990000;
	text-align: left;
	padding: 0px;
	margin: 0;
	background: none;
}
.produits a:hover {	text-decoration: underline;}
.produits p {font-family: 'Oswald', serif;font-size: 1em;color: #666;text-align: left;padding:0px 40px 0px;40px;margin: -15px 0px 20px 0px;}
.produits ul {margin: 0px;padding: 0;}
.produits li {padding: 0;margin-left: 5px;margin-right: 5px;list-style-type: none;}

.textes {margin: 0;text-align: left;}
.textes h4 { font-family: 'Oswald', serif;font-size: 1.5em;text-transform: uppercase;text-align: left;margin: 0;padding-top: 15px;padding-bottom: 20px;}
.textes  ul {margin: 0px;padding: 0;}
.textes  li {
	padding: 0 42px 0 41px;
	margin-left: 5px;
	margin-right: 5px;
	min-height: 180px;
	list-style-type: none;
}
.textes a {padding: 5px;}
.minilien p {float: right;}
.minilien a {font-size: 0.9em;float: right;padding-right: 70px;}
.minilien a:hover {background-color: #666;text-decoration: underline;}
.bttem {color: #FFF;font-weight: bold;background-color: #015b7e;}
.btact {color: #990000;font-weight: bold;background-color: #FFF;float: right;}

.defilement {
	margin: 20px auto 20px auto;
	float: left;
	width: 100%;
	text-align: center;
	background-color: #F2F2F2;
	margin-top: 30px;
	margin-bottom: 40px;
	border: 1px 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: 100px;margin: 0px 0px; padding: 0px;	background-color: #FFF;	list-style-type: none;}
.blocg {background-color: #666;color: #FFF;}
.blocg h4 {color: #FFF;font-weight: bold;}
.blocg ul {margin: 0;padding: 0;}
.blocg ul li {
	margin: 0;
	padding: 0;
	min-height: 50px;
	color: #FFF;
	border-bottom: 1px solid #FFFFFF;
}
.blocg p {text-align: left;padding-top: 0px;margin: 0;}
.blocd {background-color: #EAEAEA;}
.blocd h4 {color: #666666;font-weight: bold;}
.blocd img {float: right;margin: -20px 0 0 0 ;padding: 0;}
.blocd p {font-weight: bold;}

.aside {margin-top: 50px;}
.aside a {color: #000;}
.lien {margin-top: 45px;}
.lien ul {margin: 0;}
.lien li {list-style-type: none;text-align: left;margin-bottom: 10px;}
.bttemoignages {background-color: #EAEAEA;line-height: 50px;}
.bttemoignages a {color: #666;}
.lien a {font-family: 'Oswald', serif;font-size: 1.3em;text-transform: uppercase;padding-left: 10px}
.btactualites {background-color: #666;line-height: 50px;}
.btactualites a {color: #FFF;}

.holder {margin: 50px auto 20px auto;float: left;width: 100%;text-align: center;}
.holder h4 {
	font-family: 'Oswald', serif;
	font-size: 1.4em;
	text-transform: uppercase;
	background-image: url(../img/traits.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
.holder ul {margin: 0px;padding: 0;}
.holder li {margin: 7px 7px 35px 7px; min-height: 150px;  border: 1px solid;padding: 0;}

.nivo-caption {width: 45%;text-align: center;margin-left: 20px;margin-bottom: 20px;font-size: 1.2em;font-weight: bold;height: 40px;line-height:30px;}
.documents_joints {padding-top: 30px;}
.documents_joints li {background-color: #990000;}
.documents_joints li a {padding: 0px;margin: 0px;color: #FFF;font-weight: bold;font-size: 1.1em;background: none;}
.documents_joints .item {border: 0px;padding: 10px 5px 0px 20px ;margin: 0px 0px 10px 0px;}
.documents_joints .liste_items {border: 0px;}
.documents_joints h2 {
	font-family: 'Oswald', serif;
	font-size: 1.3em;
	font-weight: bold;
	background-image: url(../img/plus.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 25px;
}
.liste-items a {color: #333;}
.main a {
	color: #CC0000;
	text-decoration: underline;
}
.main a:hover {
	color: #333;
	text-decoration: none;
}
.menu-entree item {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.btn {
	background-image: url(../img/loupe.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #DFDFDF;
}
.btn:hover {
	background-image: url(../img/loupe.gif);
	background-repeat: no-repeat;
	background-position: center center;
	color: #C8C8C8;
}
/* MARKETING CONTENT
    -------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .span4 {
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .span4 p {
  margin-left: 10px;
  margin-right: 10px;
}
/* Featurettes
    ------------------------- */
.featurette-divider {
  margin: 80px 0;
  /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px;
  /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden;
  /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px;
  /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}
/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}
/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}
/* RESPONSIVE CSS
    -------------------------------------------------- */
@media (max-width: 980px) {
    .form-search {margin-top: 80px;margin-right: 0;padding-right: 30px; width: 80%;margin-left: 5px;}

  .featurette {
    height: auto;
    padding: 0;
  }
  .featurette-image.pull-left,
  .featurette-image.pull-right {
    display: block;
    float: none;
    max-width: 40%;
    margin: 0 auto 20px;
  }
    .produits li {padding: 0;margin-left: 1px;margin-right: 1px;}
.textes  li {padding: 0 22px 0 20px;margin-left: 0px;margin-right: 10px;min-height: 180px;}
.produit {margin: 7px 7px 35px 7px; min-height: 280px;  border: 1px solid;padding: 0;}
.produit img {width: 85%;}
.produits p {font-family: 'Oswald', serif;font-size: 1em;color: #666;text-align: left;padding:0px 8px 0px 8px;margin: -15px 0px 20px 0px;}
.produits h3 { font-family: 'Oswald', serif;font-size: 1.4em;color: #990000;text-align: left;padding: 20px 8px 0px 8px;margin: 0;}
.blocd img {width: 40%;}

}

@media (max-width: 767px) {
.form-search {margin-top: 50px;margin-right: 0;padding-right: 30px; width: 80%;margin-left: 5px;}
#menu_lang {margin-top: 20px;float: right;}
.textes  li {padding: 0 31px 0 29px;margin-left: 0px;margin-right: 10px;min-height: 150px;}
.produit {margin: 7px 7px 35px 7px; min-height: 275px;  border: 1px solid;padding: 0;} 
.produit img {width: 100%;}
.produits p {font-family: 'Oswald', serif;font-size: 1em;color: #666;text-align: left;padding:0px 40px 0px 40px;margin: -15px 0px 20px 0px;}
.produits h3 { font-family: 'Oswald', serif;font-size: 1.4em;color: #990000;text-align: left;padding: 20px 40px 0px 40px;margin: 0;}

}

@media (max-width: 360px) {
    .form-search {margin-top: 50px;margin-right: 0;padding-right: 30px; width: 80%;margin-left: 5px;}
    .textes  li {padding: 0 10px 0 10px;margin-left: 0px;margin-right: 10px;min-height: 240px;margin-bottom: 20px;}
.blocd img {margin: 0px 0 0 0 ;padding: 0;width: 50%;}
}