.nettoyeur, .clear { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 0px; font-size: 1px; }
.spip-admin-bloc, .spip-admin-float {
    position: fixed;
    right: 20%;
    top:0px;
    white-space: nowrap;
    z-index: 10000;
}
#spip-admin {
z-index:1100;
/* display:none; */
}

.slabtexted .slabtext{display:-moz-inline-box;display:inline-block;white-space:nowrap}
.slabtextinactive .slabtext{display:inline;white-space:normal;font-size:1em !important;letter-spacing:inherit !important;word-spacing:inherit !important;*letter-spacing:0 !important;*word-spacing:0 !important;}
.slabtextdone .slabtext{display:block;line-height:0.9;}

body { 
padding-top: 0px; 
padding-bottom: 0px;
 font-family:'Roboto', sans-serif; 
/* font-family : Georgia, "Times New Roman", Times, serif; */
font-variant: normal;
/* font-weight: 400;*/
background-color:#ffffff; 
}

body.pages, body.page_breve, body.page_404, body.page_plan {
padding-top: 0px; 
}

// Class
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-prev.slick-arrow {
    z-index: 100;
}
.slick-prev {
    left: 25px;
}
.slick-next.slick-arrow {
    z-index: 100;
}
.slick-next {
    right: 25px;
}
.bottommarron {border-bottom: 8px solid #6f4a38;}

.slick-prev::before, .slick-next::before {font-size: 46px;}
.slick-prev, .slick-next {width: 40px;height: 40px;}

.static-banner {
display:none;
  position: absolute;
  left: 10px;
  top: 10px;
  padding: 10px 30px;
  color: white;
  background: #A2C;
  font-size: 22px;
  z-index: 2; /* above items */
}

.grid {margin-bottom:0px;}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* fluid 5 columns */
body.sommaire .grid-sizer,
body.sommaire .grid-item { width: 50%; }

body.galerie .grid-sizer,
body.galerie .grid-item { width: 25%; }

/* 2 columns */
.grid-item--width2 { width: 80%; }

.grid-item:nth-child(2n+1) {padding-right:1px;}
.grid-item:nth-child(2n+2) {padding-left:1px;}

.grid-item-content {margin-bottom:3px;}


header {
background: #fff;
}

#google_translate_element {margin-top:-10px;margin-bottom:6px;}

p#logo {padding:20px 0px 20px 0px;}

#menu {
  background-color:#e6e6e6;
  color:#322e2f;
}
.titreslide {position:absolute;margin-left: 10px; bottom:16%; padding:10px 10px;background-color:#000;opacity:0.5;color:#fff;}
.titreslide a,.titreslide a:hover {color:#ffffff!important;font-size:1.2em;}

.accueil {margin-top:-30px;}

#bandegrise {height:50px;background:#e6e6e6;}

#contact {
 margin-bottom: 20px;
    margin-top: 20px;
    }

.navbar-default {
border-color: #414738;
}

.navbar {
/* min-height: 160px;  */
margin-top:0px;
margin-bottom: 0px;
border: 0px solid #f3f0ec;
/* background-image: none; */

}

.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-fixed-bottom {
	background: #3c3c3c;
	color: #ffffff;
}

.navbar-header {

}

#bloc_meme_rubrique {border: 1px solid #e6e6e6;}
.vasque {margin-top:-20px;}
.bande-couleurs {padding:0px 20px;}
.meme_rubrique {padding:20px 20px;}

.cycle-overlay { 
 color: #ffffff;	
font-size: 26px;	
 text-shadow:1px 2px 0 #414738;
    position: absolute;
     bottom: 0;
     width: 100%; 
    z-index: 600;
    background: black; 
     padding: 15px; 
     opacity: 0.5;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
background-color: #333333;
 color: #ffffff;
}
.btn-primary {
    background-color: #db8d08;
  background-image:-moz-linear-gradient(bottom,#f6be60,#db8d08);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#f6be60),to(#db8d08));
  background-image:-webkit-linear-gradient(bottom,#f6be60,#db8d08);
  background-image:-o-linear-gradient(bottom,#f6be60,#db8d08);

    background-image: linear-gradient(to bottom, #f6be60 0px, #db8d08 100%);
    background-repeat: repeat-x;
    border-color: #bfbfbf;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #db8d08;

  background-image:-moz-linear-gradient(bottom,#db8d08,#f6be60);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#db8d08),to(#f6be60));
  background-image:-webkit-linear-gradient(bottom,#db8d08,#f6be60);
  background-image:-o-linear-gradient(bottom,#db8d08,#f6be60);

    background-image: linear-gradient(to bottom, #db8d08 0px, #f6be60 100%);


background-position: 0 -50px;
    border-color: #a7120d;
}


.navbar-default .navbar-nav > li > a {
color:#322e2f;
font-size: 1.0em;
opacity: 1;
text-shadow:none;
white-space: nowrap;
/* text-transform: uppercase; */
padding: 10px 12px;
}
.navbar-default .navbar-nav > li > a.lienactif {
background-color:#6f4a38;
color:#333333;
}
ul#main-menu li ul li {
border-top: 1px solid #c5c5c4;
border-bottom: 1px solid #c5c5c4;
}
ul#main-menu li ul li ul li {
  border-top: none;
  border-bottom: none;
}


ul#main-menu li ul li:first-child
  border-top: none;
 border-bottom: none;
}
 
ul#main-menu li ul li:last-child {
  border-top: none;
 border-bottom: none;
}

ul#main-menu li ul li.un,
ul#main-menu li ul li.deux,
ul#main-menu li ul li.pano {
  border-top: none;
 border-bottom: none;
}
ul#main-menu li ul li.pano {padding-top:6px;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #6f4a38;
    color: #fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #c1b497;
    color: #000;
}
.navbar-nav>li>.dropdown-menu {
  margin-top: 20px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.navbar-default .navbar-nav > li > a {
  width: auto;
  font-weight: bold;
 
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}
.navbar-nav .dropdown-menu > li > a {
    clear: both;
    color: #000;
    display: block;
   /* font-weight: 400; */
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap!important;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent ;
    background-image: none ;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-image: none ;
    background-color: transparent ;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #c1b497;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color:#333;
}
.navbar-default .sm-collapsible .open .dropdown-menu > li > a {
color:#fff;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
 background-color:transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color:#fff;
}


b.caret {
color:#fff;
}


ul.sm-collapsible li a b.caret {
color:#fff;
}
ul.sm-collapsible li a.lienactif b.caret {
color:#000;
border-color:#000;
}
.navbar-nav > li >.dropdown-menu {
  margin-top: 20px!important;
  border-top-left-radius: 4px!important;
  border-top-right-radius: 4px!important;
}


.mega-dropdown {
  position: static !important;
 width: auto; 
}

.mega-dropdown-menu {
  padding: 20px 0px!important;
  margin-left:0px!important;
  width: 100%!important;
  box-shadow: none;
  -webkit-box-shadow: none;
  max-width:100%!important;
}

.mega-dropdown-menu:before {
  content: "";
  border-bottom: 15px solid #fff;
  border-right: 17px solid transparent;
  border-left: 17px solid transparent;
  position: absolute;
  top: -15px;
  left: 60px;
  z-index: 10;
}

.mega-dropdown-menu:after {
  content: "";
  border-bottom: 17px solid #ccc;
  border-right: 19px solid transparent;
  border-left: 19px solid transparent;
  position: absolute;
  top: -17px;
  left: 60px;
  z-index: 8;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 0;
}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: normal;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
  text-decoration: none;
  color: #444;
  background-color: #f5f5f5;
}

.mega-dropdown-menu .dropdown-header {
  color: #000;
  font-size: 15px;
  font-weight: bold;
}

.mega-dropdown-menu form {
  margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
  margin-bottom: 3px;
}

.jain_container .navbar-default {
    position: absolute;
    top: 20px;
    background-color: rgba(255, 255, 255, 0.72);
    background-image:none;
    height:110px;
 border-top: 1px solid #6f4a38;    
/*border-bottom: 1px solid #6f4a38; */   
}


.medias {margin-top:10px;}
.medias .fa {margin-top:7px;}
.medias ul {
    padding: 0px;
    margin: 0px;
    list-style:none;
}
.medias ul li {
    display: inline;
    padding: 7px 0px;
}
.medias ul li a {
    height: 34px;
    width: 34px;
    border: 1px solid #fff;
    line-height: 34px;
    background: #6f4a38;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #528a33;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.cellule_cours {display:block;cursor:pointer;width:100%;height:100%;padding:1.2em;}
.cellule_cours:hover {background:#e8e8e8;cursor:pointer;}
/* évènements */

table.evenements {
    border-collapse: collapse;
}
table.evenements td.dates {
    border-right: 1px solid #a93c25 ;
    text-align: right;
    font-weight: bold;
    width: 120px;
	color: #528a33 !important;
	vertical-align:middle;
}

table.evenements td.lieu {  color: #6f4a38;}

table.evenements tr.lien_ligne:hover {background:#e8e8e8;cursor:pointer;}

table.evenements td.lien a {display:block;width:100%;height:100%;padding:1.2em;text-decoration: underline dotted;}
table.evenements td.lien a:hover {color:#528a33!important;}
table.evenements tr td {
    padding: 1.2em 6px 1.5em 6px;
}

.evenements-dates {
    color: #4aa43e;
}
table.evenements td.dates {
    text-align: right;
}

.evenements-lieu {
    font-weight: bold;
}

a.evenements-titre {
    border-bottom: 1px dotted #000;
    color: #9a7128;
    text-decoration: none;
}

.spectacles .spip_documents {margin-bottom:0px;}
.spectacles .spip_documents img {float:left; padding:12px;}

.carousel-caption {
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
#nom_tel {
padding: 50px 0px 0px 0px;	
}
ul#menu_gauche {
margin-top:20px;
}

.dropdown-toggle {
font-variant: normal;
 /* font-size: 16px;
font-weight: 400;
*/
}

.dropdown-menu > li > a {
font-size: 1.2em;
}

.caret {
margin-left:6px;
}

.bs-docs-header {
 margin-top:14px; 
}


h1, .h2 {
color: #6f4a38;	
font-size: 26px;	
}
h1 {
  padding: 0 0 0px 0px;
/* font-variant: small-caps; */
 margin-bottom: 15px;
    margin-top: 15px;
}

.h1 {
color: #6f4a38;	
font-size: 30px;	
/* font-variant: small-caps; */
 padding: 0px 0px 0px 0px;
 display:inline-flex;
/* 	white-space: nowrap; */
 	height:60px; /**/
 	overflow:hidden;
}
h2.spip {
color:#6f4a38;
/*font-size: 26px; change par manu car certains h3 sont maintenant des h2 */
font-size: 20px;
margin-top: 26px;
/* font-variant: small-caps; */
}
h2 {
font-size: 26px;	
color: #6f4a38;	
/* font-variant: small-caps; */
 margin-bottom: 15px;
    margin-top: 15px;
}
.h2 {
font-size: 30px;	
color: #6f4a38;	
/* font-variant: small-caps; */
 margin-bottom: 15px;
    margin-top: 15px;
}

.social h2 {
padding:15px;
color:#6f4a38;
font-size: 26px;
/*border-top:1px solid #6f4a38; */
}
.background {background-color:#f0ece1;}

.introduction h2 a {
font-size:22px;
}
h3 {
color:#6f4a38;
font-size: 15px;
/* font-variant: small-caps; */
}
.h3 {
color:#6f4a38;
font-size: 22px;
/* font-variant: small-caps; */
}

.texte {
font-size: 1.0em;
}
.texte p {
font-size: 1.2em;
}
.espace {height:30px;}
p.arbo {display:none;}

p.lead {
color:#333333;

}

p, p.spip {
font-size: 1.2em;
color:#333333;
}

.texte table.spip tr td {
font-size: 1.2em;
color:#333333;

}

footer p, footer p.spip {
font-size: 1.1em;
color:#333333;
}
.small {font-size:0.8em;}
div.web2premier ul li a {
color : #333333;
font-size : 15px;
 text-align : left;
 font-weight : normal;	
  text-decoration : none;	
}

#footer .h2 {
font-size : 18px;
	font-weight : bold;
	font-style : normal;
	color : #2b659d;
	margin: 0px auto 10px auto;
	display: inline;
}

.bloc_listing_bas {
	margin: 8px 20px 0px 0px;
	border-left: 1px dotted #ffffff;
	padding-left: 4px;
}
ul#plan_rss li {
	float: left;
	margin-right: 8px;
}

.texte_footer_sup p {
color : #645d55;
 padding-top: 12px;
 	margin: 0px 0px 20px 0px;
}

ul#slider_actu li a {
font-size: 1.2em;
}

.menu_breves {
border-left:1px solid #c5c5c4;
padding-left:4px;
}


b, strong {
color: #333333;	
}


.logo_rubrique, .video {
	height: 320px;
/*	display: inline-block;*/
}
.breadcrumb a {
color:#bfbfbf;
}
a, a:hover, a:focus {
color:#333333; 
text-decoration:none;
}
a.spip_out,
a.spip_mail,
.col2 a,
.info p a {text-decoration:underline;text-decoration-style:dotted;}



a.pdf {
color:#817353;

}

a.link_more {
display:block;
margin-bottom:16px;
font-size: 16px;	
color: #00438e;	
font-variant: small-caps;
}
h2 a, h2 a:hover {
color: #333333;	
text-decoration:none;
}
.carousel-caption .h2 {
color: #333333;	

}

.featurette-divider {
border-color:#d0c6b8;
}

.home-page {
min-height:280px;
margin-top:50px;
}
.introduction {
min-height:380px;
}

.descriptif {
margin:10px 0px 20px 0px;
}

.descriptif-rubrique {
margin:10% 0 0 0;
}

.descriptif li {
    border-bottom: 1px solid #f5f5f5;
    list-style: outside none none;
line-height: 38px;
font-size: 1.1em;
}

.descriptif h2 {
border-bottom: 2px solid #f5f5f5;
}

#category_description_short {padding-top:20px;}

aside {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
text-align:center;
padding: 5px;
}
.texte li {
    list-style: outside none none;
font-size: 1.2em;
}

.accueil div li {
    list-style: outside none none;
font-size: 1.2em;
padding-left:10px;
}
.accueil div ul#slider_actu li {
font-size: 1.0em;

}
ul.spip {
    list-style: outside none none;
    margin: 0;
    padding: 6px 0px 6px 0px;
    width: 100%;
}

.pagination a {
    background: #f0ece1;
    text-decoration: none;
}
.pagination a, .pagination .on {
    padding: .5em;
    margin: 0em;
    border-radius: .25em;
color : #a93c25 !important;
}

.pagination .sep {
    visibility: hidden;
}
#pagination_reactions {display:none;}
.pagination .disabled {display:none;}

body.mission .photo,
body.rub .photo,
body.formations #photo{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

#actions h3.spip:hover {cursor:pointer;}

body.personnes .col1, body.personnes .col2 {
    float: left;
}
body.personnes .col1 {
    width: 75%;
    padding-right: 10px;
}
body.personnes .col1, body.personnes .col2 {
    float: left;
}
body.personnes .col2 {
    background-color: #6f4a38 !important;
}
body.personnes .col2 p {color:#fff;}
body.personnes .col2 {
    width: 25%;
    padding: 10px 10px 0 10px;
    text-align: center;
}

body.personnes .col2 h3.spip,
body.personnes .col2 h3.spip strong,
body.personnes .col2 h3.spip i {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}
body.personnes .col2 strong {color: #fff;}
body.personnes .col2 a {color: #fff;text-decoration:underline;text-decoration-style:dotted;}

.featurette .logo {
padding-right:0!important;
    position: relative;
}

.featurette .logo::after {
    border-color: transparent transparent transparent #f3f0ec;
    border-style: solid;
    border-width: 24px 0 24px 16px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: -1px;
    top: 40%;
    width: 0;
}

.categorie .logo {
padding-right:0!important;
    position: relative;
}
.categorie .logo::after {
    border-color: transparent #f3f0ec transparent transparent ;
    border-style: solid;
    border-width: 36px 26px 36px 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 10px;
    top: 44%;
    width: 0;
}
.introduction .logo{
    position: relative;
}
.introduction .logo::after {
    border-color: transparent transparent #f3f0ec transparent ;
    border-style: solid;
    border-width: 26px 36px 26px 36px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    left: 40%;
    bottom: -6px;
    width: 0;
}


ul#actualites {
	padding: 0px 0px 0px 0px;	
	list-style: none;	
}

ul#actualites li a {
line-height:28px;
}

#bloc_slider_actu {
	display : block;
	width : 100%;	
	height: 280px;
	overflow: hidden;	
}
#bloc_slider_actu ul#slider_actu {
	padding: 0px 0px 0px 0px;	
	list-style: none;
}
#bloc_slider_actu ul#slider_actu li {
	height: 280px;
	width : 100%;	
	padding-top: 10px;
	overflow: hidden;
}
#bloc_slider_actu ul#slider_actu li a,
#bloc_slider_actu ul#slider_actu li p{
font-size: 1.1em;
}

.liens_utiles {
width:50%;
float:left;
}
/* MENU Gauche */

.sidr-class-closemenu {
text-align:right; 
float:right;
font-size:1.2em;
margin-right:16px;
}

.sidr li {
list-style: none;
padding-left:6px;
}
.sidr li a {
color:#ffffff;
}

iframe {margin-bottom:20px;}

.on {border-color: #6f4a38!important; color:#fff!important;font-weight:bold;}
.on:hover {border-color: #6f4a38!important; color:#fff!important;}
#filAriane .on {color:#a93c25!important;}
.btn {
}

.btn-default {
    background-color: #528a33;
    border-color: #528a33;
    color: #ffffff;
    text-shadow:none;
background-image: none;
}
.btn-default:hover {
    background-color: #528a33;
    border-color: #528a33;
    color: #ffffff;
    text-shadow:none;
background-image: none;
}

.marron {background-color: #6f4a38;}
.vert {color:#528a33;}

.btn-default:focus, 
.btn-default:hover {
    background-color: #a93c25;
    color: #ffffff;
}

.input-group-addon {
    background-color: #333333;
    color: #ffffff;
}
.form-control {
background-color: #f5f5f5;
color:#000;
font-size:18px;
}


.form-group button {
float:right;
}
#formulaire_contact ul {
	list-style: none;
}
#formulaire_contact ul li {
    font-size: 15px;
    margin-bottom: 10px;
}
#formulaire_contact ul li input.text {
   background-color: #f5f5f5;
    border: 1px solid #c7c7c7;
    color: #807572;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    padding: 4px 12px;	
}
#formulaire_contact ul li textarea {
    background-color: #f5f5f5;
    border: 1px solid #c7c7c7;
    color: #807572;
    font-size: 15px;
    height: 120px;
    padding: 5px;	
}

a.list-group-item-info {
    background-color: #333333;
    color: #ffffff;
}

.breadcrumb {
    background-color: #ebebeb;
    border-radius: 4px;
    list-style: none outside none;
    margin-bottom: 20px;
    padding: 8px 15px;
}

p.arbo {
margin-top:12px;
}

.breadcrumb > li + li:before {
    color: #454f2f;
    content: "/ ";
    padding: 0 5px;
}
.breadcrumb > .active {
    color: #454f2f;
}

.jumbotron {
	background: transparent;
	color: #ffffff;
	border: 1px solid #bfbfbf;
   padding-bottom: 10px;
    padding-top: 10px;
}
.jumbotron p {
font-size: 15px;
margin-bottom: 0px;
color:#333333;
}


.logo {
margin-top:0px;
margin-bottom:16px;
/* padding-left:0px; */
vertical-align: top;
}


form {
    margin: 0 0 20px;
}

.reseau {border: 0px solid #6f4a38;margin-top:15px;}

.icone-social {
    margin: 6px 0px 20px 0px;
    width: 100%;
}
.icone-social a {
    width: 24px;
    height:24px;
    display: block;
    float: left;
    margin-right: 3px;
}
a.glyphicons-facebook {
	background: url(../bootstrap/glyphicons_social/png/glyphicons_social_30_facebook.png) no-repeat;
}
a.glyphicons-twitter {
	background: url(../bootstrap/glyphicons_social/png/glyphicons_social_31_twitter.png) no-repeat;
}
a.glyphicons-google-plus {
	background: url(../bootstrap/glyphicons_social/png/glyphicons_social_02_google_plus.png) no-repeat;
}




.color-red {
    color: #ff0000;
}
.color-green {
    color: #07bb00;
}
.color-light-blue {
    color: #bb00bb;
}
.color-blue {
    color: #0052ff;
}
.color-blue2 {
    color: #a5d2da;
}
.color-soleil {
    color: #f8ea17;
    margin-top:12px;
}
.color-brown {
    color: #eb8f2d;
}
.color-black {
    color: #000000;
}
.bk-color-red {
    background-color: #ff0000;
}
.bk-color-green {
    background-color: #07bb00;
}
.bk-color-light-blue {
    background-color: #bb00bb;
}
.bk-color-blue {
    background-color: #0052ff;
}
.bk-color-brown {
    background-color: #eb8f2d;
}
.bk-color-black {
    background-color: #000000;
}


.color-facebook {
    color: #000;
    background-color: #fff;
/*     border: 6px solid #fff; */

border-color:#fff;
border-style: solid;
border-width: 6px 20px 6px 20px;
}
.color-twitter {
    color: #00aced;
}
.color-google-plus {
color: #000;
background-color: #fff;
border-color:#fff;
border-style: solid;
border-width: 6px 5px 6px 5px;
}
.color-linkedin {
    color: #007bb6;
}
.color-pinterest {
    color: #cb2027;
}

.color-youtube {
color: #000;
background-color: #fff;
border-color:#fff;
border-style: solid;
border-width: 6px 14px 6px 14px;
}
.bk-color-green {
    background-color: #07bb00;
}
.small-icons {
    border-radius: 100%;
    color: #e2ab6f;
    display: inline-block;
    font-size: 24px;
    height: 40px;
    line-height: 45px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 0;
    text-align: center;
    width: 40px;
}

body h3.spip i,
body.forums #contenu .reactions h3,
.formulaire_forum h3,
#formulaire h3,
body.rub .unelement h3{
font-size:18px;
font-weight:bold;
text-transform:none;
color:#528a33 !important;
margin:10px 0;
font-style:italic;
}

.photo em img {float:left;}

.txt a,
#filAriane a,
a.photoAll,
a.spip_in,
.txt table td h3 a {color:#a93c25 !important;}

.panel-body .info {float:left;width:60%;}
.panel-body .videos {float:right;width:40%;}
.infoLarge ul li a {}

body.agenda .panel-body .info em {
    display: block;
    margin-top: 5px;
font-weight: bold;
font-style: normal;
font-size:15px;
}
body.unevent .info {float:left;width:60%;}
body.unevent .videos {float:right;width:40%;}

img.puce {
    height: 6px !important;
}
a.photoAll {
clear:both;
display:block;
text-align:right;
margin-bottom:20px;
}

/*Galerie*/

.galeries {list-style:none;}

.galerie ul.galeries li{
float:left;
 height: 128px; 
left:0;
margin:0 16px 25px 0;
overflow: hidden; 
position:relative;
text-align: center;
top:0;
width:170px;
}


.galerie ul.galeries li.galerie1{
clear:both;
}
.galerie ul.galeries li.galerie0{
margin-right:0;
}

.galerie ul.galeries li span{
background-color:#528a33;
color:#fff;
bottom:0;
height:24px;
left:0;
overflow:hidden;
padding:3px 0 0 5px;
position:absolute;
width:170px;
z-index:2;
}


.galerie ul.galeries li img,.toutesLesimages img{
opacity: 0.8;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
filter: alpha(opacity=80);
}

.galerie ul.galeries li img:hover,.toutesLesimages img:hover{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}


/*Une Gallerie*/
.toutesLesimages{
margin-top:35px;
padding-left: 7px;
}

.toutesLesimages p{
float:left;
height:80px;
margin-bottom: 12px;
margin-right:11px;
overflow:hidden;
width:120px;
}

.toutesLesimages p a{
display:block;
height:80px;
overflow:hidden;
width:120px;
}

.toutesLesimages p.photo0{
margin-right:0;
}

.formulaire_menu_lang{
display:none;
}

div.unelement {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px dotted #999900;
}
div.unelement:last-child {
    border-bottom: 0px dotted #999900;
}

.unelement1 {border-bottom: 0px dotted #999900!important;}

.infosVoyageleft, .infosSupVoyage{
	float:left;	
	}

.infosVoyageleft{
margin-bottom:20px;
}

.infosSupVoyage{
	background-color: #6f4a38;
	padding:10px 15px;
	color:#fff;
margin-bottom:20px;
}
.infosSupVoyage p {color:#fff;font-size: 1.1em;}
.infosSupVoyage a {color:#fff;font-size: 1.1em;text-decoration:underline;text-decoration-style:dotted;}
.infosSupVoyage p strong {color:#fff;}

.infosSupVoyage ul li a,
.infosSupVoyage a.spip_in,
.infosSupVoyage a.spip_out
 {
    color: #fff!important;
}
.txt table td h3 a {
    color: #a93c25!important;
	text-decoration: underline dotted;
}

/*AJOUT MAI 2014*/

body h3.spip i,
body.forums .reactions h3,
.formulaire_forum h3,
#formulaire h3,
body.rub .unelement h3 {
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    color: #528a33 !important;
    margin: 10px 0;
    font-style: italic;
}

body.forums.artForm .reactions {
    width: 66.66%;
    float:left;
/*    margin: 20px 20px 0 0; */
padding-right:20px;
}
body.forums div.zone_formulaire_forum {
    width: 33.33%;
    float:left;
}

body.forums div.unereaction {
    border-bottom: 2px dotted #648C02;
    padding-bottom: 10px;
}

#formulaire_forum ul {list-style:none;}

fieldset.moderation_info{display:none; }

fieldset.qui legend,
fieldset.session_qui legend {display:none; }

span.videoSPIP{

display:inline-block;
text-align: center;	
width:100%;
}
#pied ul li {
    display: inline-block;
    padding-left: 5px;
}
.translate {
    position: absolute;
    top: 0;
    left: 0px;
    width: 200px;
}

/* Tableaux SPIP */
table.spip { width: 100%; }
table.spip caption {}
table.spip tr.row_first th {}
table.spip tr.odd td {}
table.spip tr.even td {}

/* Tableaux */
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 90%;
}
table.table tbody tr td:hover {background:none;}
table.spip {
margin: 22px 0px;
}
.tarifs table.spip tr td {
width: 80%;
}
.table caption, table.spip caption,
.table th, table.spip th,
.table td, table.spip td  {
  padding: 0.375em;
}
.table caption, table.spip caption {
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid;
}
.table th, table.spip th {
  font-weight: bold;
}
.table th, table.spip th,
.table td, table.spip td {
/*  border-bottom: 1px solid; */
}
.table thead th, table.spip thead th {
  vertical-align: bottom;
}
.table tbody tr:hover td {
 /* background-color: rgba(34, 34, 34, 0.050000000000000044);*/
}
.table tfoot {
  font-style: italic;
}
.table tfoot td {
  border-bottom: 0;
  vertical-align: top;
}

tr.row_even {
 background-color:#f5f5f5;
}

.scrollup{
z-index:9999;
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url(../img/icon_top.png) no-repeat;
}

a.scrollup:focus {
outline:none;
}

h2.panel-title a,
h2.panel-title a em {font-style:normal;}

.type_evenement {color: #a93c25 !important;
font-style: normal !important;
text-transform: none;}

body.formulaires #formulaire {padding-bottom:40px;}
body.formulaires #formulaire label span,
body.formulaires #formulaire span.erreur {
    font-style: italic;
    text-transform: none;
    font-size: 10px;
    color: #a93c25;
}



@media screen and (max-width: 1366px) {


ul#menu_gauche {
    margin-top: 0px;
    margin-right:0px;
}
}

@media (max-width: 1280px) {

body.pages, body.page_404 {
/*    padding-top: 160px!important;*/
}

.carousel-caption {
    bottom: 70%;
}
h1 {
font-size: 1.4em;
}

.h1 {
height:50px;
}
.navbar-brand {
}

.categories_home {
    height: 30px;
    margin: 1px auto 0;
    width: 30px;
}
#main-menu {padding-left:60px;}

.navbar-nav {
/* float:none;
font-size: 1.2em; */
margin-right:0px;
margin-top: 0px;
}

ul#menu_gauche {
margin-top:0px;
}
.navbar-nav.navbar-right:last-child {
	margin-right:10px;
}
.dropdown-toggle {
font-size: 12px;

}
.navbar-default .navbar-nav > li > a {
font-size: 1.0em;
padding: 4px 6px;
}
.dropdown-menu > li > a {
    font-size: 1.0em;
}
.dropdown-toggle {
font-size: 1.1em;
}

ul.nav {
/* float:left; */
}

.affix, .affix-top {
width:180px;
}
.logo {
margin-bottom:16px;
}
#nom_tel {
    padding: 50px 0px 0px 0px;
}
.carousel-caption .btn {
font-size: 1.6em!important;
}

}


@media (max-width: 1024px) {

body.pages, body.page_404 {
}

.navbar-header {
max-width:50%;
    float: none;
}
.jain_container .navbar-default {top:0px;}

.navbar-collapse {
}
.mega-dropdown-menu > li > ul > li > a {font-size:0.95em;}

.h1 {
height:40px;
}
.navbar-brand {
}
#slogan {
font-size: 13px;
}

h1 {
font-size: 1.7em;
}
.navbar-nav {
float:left;
font-size: 1.2em;
margin-top: 0px;
}

.navbar-default .navbar-nav > li > a {
font-size: 0.85em;
padding: 10px 4px;
}

.dropdown-toggle {
font-size: 1.0em;
}

ul.nav {
 float:none; 
}
ul#menu_gauche {
margin-top:-26px;
}

ul.navbar-nav li {
/*float:left;*/
}

ul.navbar-right {
margin-top:40px;

}
.navbar-nav.navbar-right:last-child {
	margin-right:10px;
}
.dropdown-menu > li > a {
font-size: 14px;
}


.affix, .affix-top {
width:200px;
}
.logo {
margin-bottom:16px;
}
#nom_tel {
    padding: 50px 0px 0px 0px;
}
.carousel-caption .btn {
font-size: 1.1em!important;
}
carousel-caption h2 {
font-size: 1.1em!important;
}

.titreslide a, .titreslide a:hover {
    color: #ffffff !important;
    font-size: 0.8em;
}
.slick-prev, .slick-next {top: 50%!important;}

}
@media screen and (max-width: 1024px) {


h1 {
 font-size:1.8em; 
}

h2 {font-size:1.6em;}
.navbar-brand {height:80px;}
 a.navbar-brand img {
    width: 80%;
}

.navbar-header {
    float: none;
}
.navbar-default .navbar-collapse {margin-left:1.5em;}
.navbar-default .navbar-nav > li > a {font-size: 0.8em;padding: 4px 6px;}

}



@media (min-width:460px) and (max-width: 779px) {

body.pages, body.page_404 {
padding-top: 110px!important; 
}
header#top .container {
}
.navbar-header {
max-width:100%;
}

#slogan {
padding: 0px 0px 0px 0px;
font-size: 11px;
}

.categories_home {display:none;}

b {
    color: #ffffff;
}
.h1 {
height:26px;
}
h3 {
font-size:16px;
}
h1.headerh1 {
text-align:center;
font-size: 1.1em;
}


h1 {
font-size: 1.4em;
}

.navbar-brand {
margin-left:0px!important;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    left: 0;
/*    position: relative; */
    right: 0;
    z-index: 1030;
}
.navbar-collapse {
width:100%;
margin:0px;
}
.traitements img {
float:left;
}
.traitements a.btn {
float:right;
}
.medias ul li a {
    height: 20px;
    width: 20px;
    border: 1px solid #fff;
    line-height: 20px;
    background: #6f4a38;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 10px;
}
.navbar-nav {
margin-top:0;
font-size: 0.8em;

}

.navbar-default .navbar-nav > li > a {
font-size: 0.9em;
padding: 10px 6px;
}
.titreslide a, .titreslide a:hover {
    color: #ffffff !important;
    font-size: 0.7em;
}
.slick-prev, .slick-next {top: 50%!important;}

ul.navbar-nav li {
/*float:left;*/
}
li.closemenu {
display: none;
}
navbar-header{
 float:left;
}
ul.nav {
/* float:left; */
}
ul#menu_gauche {
margin-top:0px;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
}
.navbar-nav {
float:none;
/* width:100%; */
}
ul.navbar-right {
    margin-top: 0px;
    float: right;
}
.videos {position:relative; top:0px; padding:30px 20px 0px 20px;background-color:#fff;height:140px;}
.accueil { margin-top: 0px;}

.jain_container .navbar-collapse {background-color:#fff;padding:0px 0px 15px 0px;border-bottom:4px solid #528a33;margin-left:0px;}
.navbar-default .navbar-nav > li > a {font-size:1.1em;}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-left: 0px;
    margin-right: 15px;
    color: #e2ab6f;
    background-color: transparent;
z-index:999;
}
.sousmenu {padding-left:0px;padding-right:0px;}
.navbar-default .navbar-brand {z-index:999;}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
#nom_tel {
    padding: 0;
}
ul.navbar-nav li {
/*    float: none;*/
}

.carousel-caption .btn {
font-size: 1.0em!important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {

body.pages, body.page_404 {
}

h1.headerh1 {
text-align:center;
font-size: 1.3em;
}


.jain_container .navbar-collapse {background-color:transparent!important;padding:0px 0px 0px 0px;border-bottom:0px solid #528a33;margin-left:0px;}
.navbar-default .navbar-nav > li > a {font-size:0.9em!important;padding: 4px 6px !important;}

 a.navbar-brand img {
/*    width: 60%; */
}

.navbar-header {
    float: left;
}
.categories_home {display:none;}

}

@media screen and (min-width:780px) {
li.closemenu {
display: none;
}
}

@media (min-width: 780px) and (max-width: 980px) {

.navbar-default .navbar-nav > li > a {
font-size: 0.6em;
padding: 4px 2px;
}

.categories_home {display:none;}

.navbar-nav {
float:left;
}

ul.navbar-right {
    margin-top: 0px;
    float: right;
}


}

@media (max-width: 640px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    margin-bottom: 1.5em;
  }
  .table-responsive table {
    width: 100%;
    margin-bottom: 0;
  }
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive tfoot,
  .table-responsive tr,
  .table-responsive th,
  .table-responsive td {
    white-space: nowrap;
  }
}


#documents_portfolio {
	width: 100%; 
}

#documents_portfolio ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
}
#documents_portfolio ul li {
	float: left;
	margin-right: 6px;
}
#cboxLoadedContent {
    margin-bottom: 59px;
    margin-top: 0;
    max-height: none;
    padding: 0;
}
#colorbox,  #cboxContent,  #cboxLoadedContent { 
     -moz-box-sizing: content-box;      
     -webkit-box-sizing: content-box;     
      box-sizing: content-box; 
       }

 /*pour "corriger un bug d'affichage des images du portfolio ??? */  
 #colorbox {    height: 100% !important;    width: 100% !important;   }/*  */


#map {
    height: 400px;
    margin-top: 80px;
}

#footer {
  background-color: #ffffff; 
border-top: 8px solid #6f4a38;
   margin-top: 0;
   padding:  14px 0px 4px 0px;
color: #ffffff;
    }
#footer a {
	color: #333333;
}
.traitements img {
margin-right:1.1em;
}
.traitements a.btn {
float:right;
}
.traitements img {
float:left;
}
.affix, .affix-top {
width:240px;
}


@media (max-width: 459px) {

body.pages, body.page_404 {
padding-top: 118px!important; 
}

p, p.spip {font-size:1.0em;}
.social h2 {font-size:1.0em;}

h2 a, h2 a:hover {font-size:0.75em;}
.panel-title a, .panel-title a:hover {font-size:0.78em;}


.titreslide a, .titreslide a:hover {
    color: #ffffff !important;
    font-size: 0.8em;
}
.slick-prev, .slick-next {top: 50%!important;}
.jain_container .navbar-collapse {background-color:#fff;padding:0px 0px 15px 0px;border-bottom:4px solid #528a33;}


.navbar-toggle {
margin-right:0px;
}

.navbar-nav {
width:100%;
float:none;
}
#barre_nav_sup {
text-align:center;
font-size: 11px;
    font-weight: bold;
}

#barre_nav_sup a {
color:#ffffff;	
padding: 0 0.8em 0 0.8em;
 font-size: 11px;
 font-weight: bold;
}
.categories_home {display:none;}


#slogan {
padding: 0px 0px 0px 0px;
font-size: 11px;
}

.container1 {padding:0px 6px!important;}
h1 {
font-size: 0.92em;
}
h1.headerh1 {
font-size: 0.82em;
text-align:center;
margin-bottom:0px;
}
.carousel-caption .btn {
font-size: 0.7em!important;
}

.videos {position:relative; top:0px; padding:30px 20px 0px 20px;background-color:#fff;height:140px;}
.accueil { margin-top: 0px;}

.h1 {
font-size: 1.6em;
margin :0px 0px 0px 0px;
}

h2, .h2 {
font-size: 1.2em;
margin-top:0;
}

body h3.spip i,
body.forums #contenu .reactions h3,
.formulaire_forum h3,
#formulaire h3,
body.rub .unelement h3{
font-size:15px;
margin:10px 0;
}

header#top .container {
 padding:0; 
}
header#top .sousmenu {
 padding:0px 0px 0px 9px; 
}
.navbar-header {
max-width:100%;
}

.navbar {
    border: 0px solid #efdac8;
    height: auto;
    margin-bottom: 0;
    margin-top: 0;
}
.navbar-nav {
float:none;
margin-top:0;
font-size: 0.8em;
border-color: transparent;
}
.dropdown-menu > li > a {
    font-size: 1.0em;
color:#ffffff;    
}
.navbar-default .navbar-nav > li > a {
font-size:1.2em;
padding: 4px 6px;
    color: #000;
text-shadow:none;    
}
#nom_tel {
    padding: 0;
}
ul.navbar-nav li {
    float: none;
}
a.navbar-brand  {
height:74px;
}
.navbar-brand img {width:70%;}

.navbar-nav > li >.dropdown-menu {margin-top:0px!important; padding-top:0px!important;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:2px 15px 2px 15px;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #528a33;color: #fff;background-image:none;}


.scrollup{
    bottom:30px;
    right:30px;
}

.navbar-default .navbar-collapse {margin-left:0px;}
.navbar-default .navbar-nav > li > a {font-size: 1.2em;padding: 4px 6px;}

.navbar-nav{margin:0px;}





}


@media (max-width: 359px) {

body.pages, body.page_404 {
padding-top: 110px!important; 
}
.navbar-brand img {width:70%;}

header#top .container {
    padding: 0;
}
navbar-collapse {
width:100%;
}
.jain_container .navbar-collapse {background-color:#fff;padding:0px 0px 15px 0px;border-bottom:4px solid #528a33;}

#slogan {padding: 0px 0px 0px 0px;font-size: 11px;}
.categories_home {display:none;}

h1 {
font-size: 0.92em;
}


.accueil p {
	font-size: 1.0em!important;
}
.navbar-brand {
}
.carousel-caption .btn {
font-size: 0.7em!important;
}
}

/**********/
.spip_modele { float: right; display: block; width: 25%; margin: 0 0 1.5em 1.5em; padding: 1.5em; background-color: #EEE; }


/* Logos, documents et images */
.spip_logos {
 float: left; 
margin: 0 10px 18px 0;
padding: 0; 
border: none; 
}

.accordion-toggle .spip_logos {margin: 0 10px 0px 0; }



.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { 
clear: both; 
display: block; 
width: 100%; 
}
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.accueil .spip_documents_right { float: right; margin-left: 0; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }

/* Modeles par defaut */

.titre_slogan {
	font-size: 1.4em;
	font-weight: 400;
}

.accueil p {
	font-size: 1.2em;
	margin-bottom:20px;
}
table.spip tr td {
padding: 8px;
}
table.spip tr td h2 {
	font-size: 1.2em;	
}
.information {
	border-bottom: 1px dotted black;
	padding: 6px 0px 12px 0px;
	margin-bottom: 10px;
}
.pointille {
	border-left: 1px dotted black;
}
ul#liste {
	padding: 0px 0px 0px 12px;	
}
ul#liste li {
	list-style: url(../arrow.png);
}
ul#liste li a {
	
}

.NFClass {
background-color: transparent;
}