@font-face {
  font-family: 'Oswald-Regular';
  src: url('../fonts/Oswald-Regular.eot');
  src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Oswald-Regular.woff') format('woff'),
       url('../fonts/Oswald-Regular.ttf') format('truetype'),
       url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
}

body{
font-family: 'Helvetica';
  font-weight: 200;
  color: #000;
}



/*---------------------------------*/

@media (max-width: 991px) {
#navbar-collapse-1 {
  margin-right: 15px;
  margin-left: 15px;
}
}

.container>.navbar-header{
  margin-right: 0;
  margin-left: 0;
}

#blackbar{
display:block;
height:45px;
background:#3e3e40;
}

#blackbar .col-md-12{
height:45px;
}

#blackbar .navbar-brand {
padding:0px;
padding-top:13px;
text-transform: uppercase;
height: 40px;
}

h1.h1blackbar {
color:#777;
  font-family: 'Oswald-Regular', 'Helvetica';
  font-size:16px;
  font-weight:normal;
  margin-top:0;
}

#blackbar #menu_lang {
    list-style: none outside none;
    float: right;
    margin-top: 13px;
    margin-right: 200px;
    position: absolute;
    right: 120px;
}

#blackbar #menu_lang a {
    color: #666;
}
#blackbar .labels {
position: absolute;
    right: 0px;
}

#header{
display:block;
height:auto;
padding-bottom:0px;
}

.jumbotron{
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-bottom: 50px;
background:#fff;
font-size: 15px;
}

.jumbotron p { 
font-size: 15px;
}

.jumbotron.intro {
text-align:right;
}




#zapette{
position: fixed;
display:block;
right:0;
top: 0;
background-color: #fff;
width: 70px;
height: auto;
z-index:3999;

}

@media (min-width: 1380px){
#zapette{
right:3%;
}}
@media (max-width: 1290px){
#zapette{
display:none;
}}

#zapetteMobile{
border-bottom: 2px dotted #ccc; border-top: 2px dotted #ccc; margin-bottom:3px;
}

#recherchemobile {
border-top: 2px dotted #ccc; margin-bottom:3px;height:30px;
}

#recherchemobile .formsearch input.form-control{background-color:transparent;   color: #8c8b8d; height: 30px; border: none;}
#recherchemobile .formsearch button.btn {
  background-color: #e1007a;
  color: #FFF;
  height: 30px;
  width: 30px;
  border: none;
}
#recherchemobile .navbar-form {margin:0;padding:0;}

#recherchemobile .formsearch {
  position: relative;
  left: 5%;
  width: 95%;
}

#zapetteMobile .spip_logos{
float: inherit;
margin:0;
}

.zapetteMobile a{
  text-align: center;
  DISPLAY: BLOCK;
  position: relative;
  float: left;
}


.text-zapette{
font-size:10px;
font-family:'Helvetica';
text-transform: uppercase;
}

#zapette ul.nav {
width:70px;}

#zapette ul.nav  li{
width:100%;
height:50px;
}

#zapette img{
padding:0;
margin:0;
}

#zapette ul.nav a{
width:100%;
height:100%;
}
#zapette ul.nav a:hover{
background-color: #ccc;
color: #fff;
}

#zapette  ul.nav  li.black{
display: block;
background: #3e3e40;
color: #fff;
font-family: 'Oswald-Regular', 'Helvetica';
font-size: 12px;
text-align:center;
height:45px;
padding-top:5px;
}

.tooltip{
    position:absolute;
    z-index:1020;
    display:block;
    visibility:visible;
    padding:5px;
    font-size:11px;
    opacity:0;
	width:100px;
}
.tooltip-inner {
background-color: #e1007a;

}

.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:5px solid #e1007a;
}


h2{
margin:2px;
padding:2px;
font-family: 'Oswald-Regular', 'Helvetica';
font-size: 20px;
text-transform: uppercase;
}
.marg-bot{
margin-bottom:10px;
}
form.navbar-form{
width:250px;
  float: right;
  text-align: right;
  padding-top: 5px;
}
.formsearch {
position: absolute;

}

.formsearch input.form-control{
height:20px;
background-color: #000;
border-radius:0;
border:1px #555 solid;
color:#fff;
right: 23px;
position: absolute;
}
.formsearch button.btn{
height:20px;
background-color: #555;
padding:0;
padding-right:4px;
padding-left:4px;
border:2px;
border-radius:0;
width:24px;
color:#ccc;
position: absolute;
right: 0;
}

#texte .media:first-child {
    margin-top: 15px;
}

#calendar h2.menu-titre{
display:none;
}

#navbar{
background-color:#fff;
z-index:3998;
margin-bottom: 10px;
/*border-top:1px solid #CCCCCC;
-webkit-background-clip:padding-box;
 -webkit-box-shadow:rgba(0, 0, 0, 0.172549) 6px 6px 12px;*/
}

@media (max-width: 991px) {
	#navbar.affix{
		position: static;
		top: 0;
		width: 100%
	}
}

@media (min-width: 991px) {
	#navbar.affix{
		position: fixed;
		top: 0;
		width: 100%
	}
}

img.logoRub{
  margin-left: -60px;
  margin-top: 0px;
  display:none;
  position: absolute;
}

@media (min-width: 1200px) {
img.logoRub{
  margin-left: -60px;
  margin-top: 0px;
  display:block;
  position: absolute;
}
}

a{
color:#e1007a;
}

a:hover{
color:#e1007a;
}

.ps a{
color:#3e3e40;
}

.ps a:hover{
color:#3e3e40;
}

#navbar a ,#zapette a, .col-md-3 a {
color:#8c8b8d;
}

#navbar ul{
padding-left: 4px;
border-left:1px #ccc solid;
margin-bottom: 0px;
}

#navbar ul ul{
padding-left:10px;
}


#navbar ul li {
border-right:1px #ccc solid;
  min-width: 113px;
  text-align: center;
}

#navbar ul li ul li,#navbar ul ul{
border: none;
list-style :none;
text-align: left;
width: 100%;
}

#navbar ul li ul li ol li ul{
  margin-bottom: 5px;
  DISPLAY: inline-block;
  width: 100%;
}
#navbar ul li ul li ol li ul li {
  width: 100%;
}


#navbar li a.secteur {
/*color:#333;*/
text-decoration:none;
font-family: 'Oswald-Regular', 'Helvetica';
font-size:14px;
font-weight:normal;
text-transform: uppercase;
padding-top: 15px;
padding-bottom: 15px;
}

.navbar-wrapper .navbar {
    border-radius: 0px;
}

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

#navbar .navbar-toggle:hover{
  background-color:#ccc;
}

.navbar-inverse .navbar-toggle {
  background-color:#ccc;
}

.navbar-inverse .navbar-brand ,.navbar-inverse .navbar-nav > li > a {
  color:#FFFFFF;
}

.navbar-inverse .navbar-nav > li > a:hover {
font-weight:bolder;
background-color:#999;
}

.navbar-inverse .navbar-nav > li.open{
background-color:#999;
}


#navbar span.nav-rubrique,#navbar a.nav-rubrique{
font-family: 'Oswald-Regular', 'Helvetica';
text-transform: uppercase;
}





/*.spip_logos {margin-top:-15px;margin-right:-15px;}*/

input#recherche{
margin:0;
padding:0;
padding-left:5px;

}
.row {

}


@media ( min-width: 767px ) {

.columns {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
}
}

#header .thumbnail {
display: block;
margin-bottom: 0px;
line-height: 1.42857143;
background-color: transparent;
border: none;
border-radius: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
padding:0px;
}


img.titre-header{
position:absolute;
}

@media (max-width: 991px) {
img.titre-header{
position:absolute;
  left: 10px;
  top: 10px;
}
}

/******************************Slider************************************/
section{
margin-top:10px;
}

.carousel{
 /** height: 450px;*/
  height: 100%;
}
.carousel .item {
 /** height: 450px;*/
height: 60%;
  background-color: #FFF;
}

#myCarousel  .thumbnail, .boite_marge .thumbnail{
  padding: 0px;
  border: none;
  border-radius: 0px;

}

.raz-thumbnail{
  padding: 0px;
  border: none;
  border-radius: 0px;
  margin: 10px;
  background:none;
}

#myCarousel ol.carousel-indicators{
  position: absolute;
  /*bottom: 150px;*/
  bottom: 1%;
  left:0%;
  right: 1%;
  width: 100%;
  padding-left: 0;
  margin-left: 0%;
  padding-right: 1%;
  text-align:right;
}

#myCarousel ol.carousel-indicators li {
	border: 1px solid #e1007a;
}

#myCarousel ol.carousel-indicators .active{
	background-color: #e1007a;
}

.carousel-caption {
  text-align:left;
  /*padding-top:60px;
  height:200px;*/
  height:40%;
  position:relative;
  width: 99%;
  left:1%;
  color: #000;
  text-shadow:none;
  padding-bottom: 0px; 
}
.carousel-caption p {
margin-bottom: 0px;
}

.carousel-caption  h3{
font-family: 'Oswald-Regular', 'Helvetica';
text-transform: uppercase;
}

.carousel-control.right , .carousel-control.left {
  z-index:15;
  height: 100%;
  text-shadow:none;
  opacity:0.5;
  width:10%;
}

.carousel-control.left {
  background-image: none;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
}

.carousel-caption  a {
	z-index:16;
	margin-left: 10%;
	font-weight: bold;
}

.carousel-caption  a:hover {
	text-decoration:underline;
}

.new-text{
/*position: absolute;
top: 50%;
left: 1%;*/
text-align:left;
}

.separ-sectionAccueil{
	height: 30px;
}

.separ-section{
	height: 30px;
	margin-bottom:10px;
}

.colUne{
  min-height: 300px;
}


.container .boutonstexte {
  margin-top: 10px;
  position: absolute;
  right: 0px;
  z-index: 60;
  margin-right: 20px;
}

h2.titre-article, h2.titre-rubrique, h3.titre-rubrique{
font-family: 'Oswald-Regular', 'Helvetica';
text-transform: uppercase;
margin-bottom: 15px;
}

h3.titre-rubrique{
font-size: 15px;
}

h3.listeFilm{
  background-color: #93117d;
  font-family: 'Oswald-Regular', 'Helvetica';
  color: #fff;
  display: block;
  padding: 4px 4px 4px 15px;
  margin: 0;
  text-transform: uppercase;
  font-size:18px;
}

div.filmJour {
  background-color: #f2e2ef;
  margin-bottom: 10px;
}

a.film span{
color : #93117d;
font-family: 'Helvetica';
text-transform: uppercase;
}

a.film span:hover{
font-weight:bold;
}

/*-------------------------------------------------------------------------*/
.ps{
margin-top :10px;
  padding-top: 10px;
}

.floatright{
float:right;}

#droite .nav>li>a, #droite .nav>li.liCitea  {
  position: relative;
  display: block;
  padding: 10px 0 5px 0 ;
  border-bottom: 2px dotted #ccc;color:#8c8b8d;
}
a.film>.spip_logo{
  float: left;
}

.remarqueSeance{color:#8c8b8d;}

.nav>li>a {
  position: relative;
  display: block;
  padding: 0px 15px;
}

ul.nav{
margin-bottom: 20px;
}

.m-citea .spip_logos {
margin: 0 2px 0 0;
padding:0;
}

.m-citea a{
margin-bottom:2px;
}
.bold{
font-weight:bold;
}



.article-ev{
background-color:#efe9ee;
}
h2.titre-ev{
background-color:#bda1b8;
color:#fff;
height:auto;

}


.separEv{
margin-bottom:15px;
}

/*----------------------------Pied de page --------------------------------*/

.ariane-dot{
border-bottom:dotted 2px #ccc;
}

@media (min-width: 768px) {
	.art-dot{
	border-left:dotted 2px #ccc;
	}
}

.boite_marge h3, h4.titreCatEV {
  margin-top: 5px;
  margin-bottom: 5px;
  color:#fff;
  font-family: 'Oswald-Regular', 'Helvetica';
	text-transform: uppercase;
	padding-top: 5px;
	font-size:18px;
}
.boite_marge p {
  color:#000;
}

.img-left{
float:left;
margin-right: 5px;
margin-bottom: 5px;
width: 50%;
height: 50%;
}

.boite_marge .btn{
  font-weight:bold;
}

.text-article{
margin-bottom:10px;
}

.margbt50{
margin-bottom:50px;
}

.picto-footer{
float:right;

}

#footer {
  height: 50px;
  background-color: #414141;
font-size:9px;
}

#footer.affix{
    position: fixed;
    bottom: 0px;
    width: 100%;
	
}

#footer a {
  color:#efefef;
}
#footer .nav a {
	color:#414141;
}
#footer img {
  margin: 0;
  padding: 0;
  margin-right : 15px;
  float:left;
}

#footer .picto-footer img{
  margin: 0 0 0 5px;
}

#dropdownMenu2{
cursor: pointer;
}

#footer ul.accessibilite a{
color:#414141;

}

#footer ul.accessibilite{
left:-95px;
}

#footer .picto-footer a i.glyphicon{
font-size:24px;
  margin: 0 0 0 5px;
}

#footer .nav > li > a:hover,
#footer .nav > li > a:focus {
  text-decoration: none;
  background-color:#414141;
}

.scroll-top .glyphicon {
	color:#fff;
}

.scroll-top a:link,.scroll-top a:visited {
  color:#222;
} 
.scroll-top >li>a { 
padding-left:12px;
width:28px;
height:25px;
}

fieldset {
    min-width: 0;
    border-left: 3px solid #000;
    padding-left: 10px;
    margin-top: 15px;

}
label.label {
    margin: 5px;
    padding-top: 15px;
    font-size: 14px;
    display: inline-block;
}

label{
margin: 5px;}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 2px solid #e5e5e5;
}

 .choix{
	 margin-left : 20px;
	 
 } 
 
.dotted {
  background-image: -webkit-repeating-radial-gradient(center center, rgba(255,255,255,1), rgba(255,255,255,1) 1px, transparent 1px, transparent 60%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(255,255,255,1), rgba(255,255,255,1) 1px, transparent 1px, transparent 60%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(255,255,255,1), rgba(255,255,255,1) 1px, transparent 1px, transparent 60%);
  background-image: repeating-radial-gradient(center center, rgba(255,255,255,1), rgba(255,255,255,1) 1px, transparent 1px, transparent 60%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
  }

  
 .boite_coin_plie, boite_coin_plieG{
display: block;
position: relative;
} 

.newsMarge{padding-bottom:10px;}


 
.boite_coin_plie:before{
content: "";
position: absolute;
right: 0px;
border-color: #FFF #FFF #E5CF33 #E5CF33;
border-style: solid;
border-width: 0px 20px 20px 0px;
height: 0px;
width: 0px;
display: block;
/*-moz-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-moz-border-radius: 0pt 0pt 0pt 5px;
-webkit-border-radius: 0pt 0pt 0pt 5px;
border-radius: 0pt 0pt 0pt 5px;*/
border-color: #FFFFFF #FFFFFF #E5CF33 #E5CF33;
border-width: 10px;
}

.boite_coin_plieG:before{
content: "";
position: absolute;
left: 0px;
border-color: #FFF #FFF #E5CF33 #E5CF33;
border-style: solid;
border-width: 0px 20px 20px 0px;
height: 0px;
width: 0px;
display: block;
/*-moz-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0pt 2px 1px rgba(0, 0, 0, 0.2), -2px 1px 1px rgba(0, 0, 0, 0.1);
-moz-border-radius: 0pt 0pt 0pt 5px;
-webkit-border-radius: 0pt 0pt 0pt 5px;
border-radius: 0pt 0pt 0pt 5px;*/
border-color: #FFFFFF #FFFFFF #E5CF33 #E5CF33;
border-width: 10px;
}

.boite_marge{
margin: 5px; padding:0 0 5px 0;
float: none;
margin-bottom:30px;
}

/*.display-table{display: table;}*/
.padding-nul{padding:0;}
.margin-nul{margin:0;}

.h2span{
padding: 0.2em 0.4em 0.2em 0.4em; color:#fff;

}
.arrondi{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}  

#documents_portfolio h2 {
margin-bottom:15px;
}

#documents_portfolio li div.thumbnail{
border:none;
}


label {
  /*display: block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;*/
}

.label {
color:#000;
}

.label span{
padding-bottom:5px;
}

.cadre_documents{
display:block;
width:100%;
float: left;
}
.spip_documents_left {
  float: left;
  margin-right: 5px;
  clear: none;
}

input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
}

input[type=submit] {
width: inherit;
  float: right;
}

input[type=radio], input[type=checkbox] {
width: inherit;
float:left;
margin:0px;
  MARGIN-TOP: 5PX;
}

.formulaire_spip li {
list-style:none;
}

img{  vertical-align: inherit;}


div.onlytext {
  text-align: left;
  font-size: 2em;
}
.boutonstexte {
  float: right;
  position: absolute;
  right: 25%;
  z-index:6000;
}
.typesMots{
margin-bottom : 2px;

}
/*---------------TESTS------------------*/

@media print { 
    .col-print-12 { width: 100% ;}	
	.col-print-6 { width: 30%; }
}


#grille{margin:2em 0 0;font-size:1.1em;border-right:1px solid #A48555}
#grille a{color:#384461;text-decoration:none}
#grille div:not(.ligne){display:table-cell;vertical-align:middle}
#grille .titre{width:250px;height:50px;text-align:right;font:1.2em globers}
#grille .legende .titre,#grille .legende .colonne{height:30px;font:1.1em globers}
#grille .legende .colonne{border-top:1px solid #A48555}
#grille .titre span:not(.tooltipster-icon){display:inline-block;width:215px}
#grille .titre img{margin:0 5px;vertical-align:middle}
#grille .colonne{width:100px;height:50px;border-left:1px solid #A48555;text-align:center}