* {
  padding: 0px;
  margin: 0px;
  font-family: 'Titillium Web', sans-serif; }

.width_main {
  padding: 0 20px; }

body {
  color: #3A3A3A; }

h1 {
  text-align: right;
  margin: 40px 0;
  font-family: 'Titillium Web', sans-serif;
  color: #326e8c; }

h2, h3 {
  color: #FF630F;
  font-family: 'Titillium Web', sans-serif;
}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


  
#h2_cat_sujet {
  border-bottom: 1px solid;
  margin-bottom: 40px; }

.li_event_list a, .li_event_list a .fa {
  font-size: 23px;
  padding: 10px; }

 .navi{
    -webkit-animation-delay: 0.8s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.8s;
 }
 
 .naviPoll, .naviFiltre{
	padding-top:50px;
	background-color:rgb(255, 255, 255, .8);
 }


.page-header {
	margin-top:0;
	background:	transparent url(../img/arrowDown.png) no-repeat center left;
}

.navbar-default {
  font-size: 1.3em;
  border: none;
  z-index: 999 !important; 
}

.navbar-default .navbar-nav li a {
  color: #FF5B01; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #ff5b01;
    color: #fff;
}

.navbar-default .navbar-nav > .active > a:hover {
    color: #ff5b01;
}
.navbar-default .navbar-brand {
  padding-top: 0; }
.navbar-default .navbar-brand img {
  /*height: 125%;
  padding-top: 8px;*/
}


@media screen and (max-width: 650px) {
  .navbar-brand img {
    width: 230px; } 
}
div.background_header img {
  width: 100%; }

button, .input_button, .a_homepage {
  text-align: center;
  padding: 10px;
  border: 1px solid #326e8c;
  color: #326e8c;
  margin-top: 1em;
  background-color: white; }

.a_homepage {
  line-height: 5em; }
  
.texte_homepage { 
	margin: 4.5em 0 0;
}

input {
  margin-bottom: 1em; }
@media screen and (max-width: 668px) {
  input {
    width: 100%; } }

form {
  width: 50%;
  margin: auto;
  margin-top: 40px;
  padding: 2em 1em;
  }

button:hover, .input_button:hover, .a_homepage:hover {
  background-color: #326e8c;
  color: white !important; }

textarea {
  width: 100%; }

input[type=file] {
  margin: auto; }

legend {
  color: #326e8c; }

ul {
  padding: 0; }
ul li {
  list-style-type: none; }

.thumbnail {
  padding: 3em;
  border: 1px solid #326e8c;
  background-color: #F8F8F8;
  border-radius: 0; }
.thumbnail i {
  color: #FF630F;
  margin: auto;
  font-size: -webkit-xxx-large;
  width: 100%; }

.thumbnail .caption {
  overflow: overlay;
  height: 17em; }

.storyjs-embed.sized-embed {
  border-radius: 0;
  border: 1px solid #FF630F !important;
  background-color: #F8F8F8 !important; }
.storyjs-embed.sized-embed .vco-slider {
  background-color: #F8F8F8 !important; }

.leaflet-container-default {
  min-height: 300px;
  position: relative;
  width: 100%;
  margin: auto;
  padding: 1em; }

@media screen and (max-width: 668px) {
  .leaflet-container-default {
    width: 100%; } }
.panel-default {
	border: 1px solid #3A3A3A;
 }
.panel-default a {
  color: #326e8c;
  text-transform: uppercase; }
.panel-default > .panel-heading {
  color: #FFF; 
  background-color:#3A3A3A;
 }

 
 .label {
    font-family: arial;
    font-weight: 0;
    line-height: none;
	padding: 0.4em 0.6em 0.3em;
}
 
 
 
.btn-default {
  background-color: #FF5B01;
  color:#fff;
  font-size: smaller;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  background-color: #fff !important;
  color:#FF5B01;
  border:1px solid #FF5B01;
}

.btn-default.dropdown-toggle {
  background-color: #FF5B01 !important;
}

.btn-default.dropdown-toggle:hover, .btn-default.dropdown-toggle:focus {
  background-color: #fff !important;
  color:#FF5B01;
  border:1px solid #FF5B01;
}
 
 
 
 
 
 
 
 
.white-box {
  text-align: center;
  font-size: 1.5em;
  margin: 2em;
  padding: 2em;
  border: 1px solid #FF630F; }
.white-box li a {
  font-size: 20px; }

a:hover {
  color: #FF630F !important;
  text-decoration: none; }

.event_list {
  margin: 31px 0;
  border: 1px solid #326e8c;
  padding: 10px;
  background-color: #F8F8F8 !important; }

.span_event_list {
  font-size: 24px;
  color: #326e8c;
  border: 3px solid #FF630F;
  width: 19%;
  margin: auto;
  margin-top: 20px; }

#border_savoir {
  border: 1px solid #326e8c;
  margin: 0 20px;
  font-size: 18px; }

footer {
  margin-top: 2em;
  padding: 1em;
  background-color: #F8F8F8; }

.social:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1); }

.social {
  -webkit-transform: scale(0.8);
  /* Browser Variations: */
  -moz-transform: scale(0.8);
  -o-transform: scale(0.8);
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  margin-bottom: 0.4em; }

/*
Multicoloured Hover Variations
*/
#social-fb:hover {
  color: #3B5998; }

#social-tw:hover {
  color: #4099FF; }

#social-gp:hover {
  color: #d34836; }

#social-em:hover {
  color: #f39c12; }

#social-yt:hover {
  color: #f60606; }

#social-mt:hover {
  color: #42a10f; }

/*# sourceMappingURL=style.css.map */




.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
}



/* ==========================================================================
   HTML5 parallaxe
   ========================================================================== */


section#top {
	position:			relative;
	width:				100%;
	/*background:			transparent url(Title.png) no-repeat top center;
	background-attachment:fixed;
    background-size: 100%;*/
	height:				400px;
	overflow:			hidden;
    -webkit-animation-delay: 0.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.3s;
}

section#top #title {
	position:			relative;
	width:				100%;
	background:			transparent url(../img/Title.png) no-repeat top center;
	background-attachment:fixed;
    background-size: 100%;
	height:				400px;
	overflow:			hidden;
	z-index:			5;
}

section#top #bits1 {
	position:			absolute;
	top:				0%;
	left:				-27%;
	width:				100%;
	background:			transparent url(../img/bandeau_s1_full.png) no-repeat top center;
	height:				400px;
	z-index:			1;
}

section#top #bits2 {
	position:			absolute;
	top:				0%;
	left:				0;
	width:				100%;
	background:			transparent url(../img/bandeau_s2_full.png) no-repeat top center;
	height:				400px;
	z-index:			2;
}

section#top #bits3 {
	position:			absolute;
	top:				0%;
	left:				27%;
	width:				100%;
	background:			transparent url(../img/bandeau_s3_full.png) no-repeat top center;
	height:				400px;
	z-index:			3;
}


section#home {
	position:			relative;
	width:				100%;
	background:			transparent url(../img/membre.png) no-repeat center center;
	background-attachment:fixed;
    background-size: 100%;
	height:				350px;
	overflow:			hidden;
}
section#membre {
	position:			relative;
	width:				100%;
	background:			transparent url(../img/membre.png) no-repeat center center;
	background-attachment:fixed;
    background-size: 100%;
	height:				350px;
	overflow:			hidden;
}
section#solution {
	position:			relative;
	width:				100%;
	background:			transparent url(../img/solution.png) no-repeat center center;
	background-attachment:fixed;
    background-size: 100%;
	height:				350px;
	overflow:			hidden;
}
section#poll {
	position:			relative;
	width:				100%;
	background:			transparent url(../img/poll.png) no-repeat center center;
	background-attachment:fixed;
    background-size: 100%;
	height:				350px;
	overflow:			hidden;
}
section#contact {
	position:			relative;
	width:				100%;
	background:			transparent url(../img/contact.png) no-repeat center center;
	background-attachment:fixed;
    background-size: 100%;
	height:				350px;
	overflow:			hidden;
}