/*=================================================
#BFD3D3 light green
#159593 dark green
#C6C1BD beige
#5e5e5e about text
==================================================*/

/*=================================================
||				1. Imports 
==================================================*/
@import url(http://fonts.googleapis.com/css?family=Roboto:100,400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);

body
{
	font-family: 'Roboto', 'Open-Sans', sans-serif;
	overflow-x: hidden;
	color: #5e5e5e;
}
a, a:link{
	color: #5e5e5e;
	text-decoration: none;
}
a:hover{
	color: #5e5e5e;
	text-decoration: underline;
}
/*Owl Carousel*/
.owl-prev, .owl-next
{
	position: absolute;
	top: 43%;
	font-size: 22px;
	padding: 5px;
}
.owl-next
{
	right: -40px;
}
.owl-prev
{
	left: -40px;
}
.owl-prev:before
{
    content: "\f3d2";
    font-family: 'ionicons';
 	/*color: #fff;*/
}
.owl-next:before
{
    content: "\f3d3";
    font-family: "ionicons";
}
/***** ** *****/

.section-background{
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
	text-transform: uppercase;
	background: url('../images/section-header.png');
	text-align: center;
	background-size: cover;
}
.page-header{
	text-transform: uppercase;
	color: #fff;
	font-weight: 200;
	border-bottom: none;
    padding-top: 85px;
    padding-bottom: 40px;
    font-size: 34px;
}
/***** ** *****/

.section-title{
	color: #5e5e5e;
	text-align: left;
	padding-bottom: 20px;
}


.section-subtitle{
	color: #583b54;
	text-align: center;
	margin-bottom: 50px;
}
.section-wrapper{
	padding-top: 20px;
	padding-bottom: 2px;
	/*	padding-top: 40px;
	padding-bottom: 40px;*/
}
.section-espace{
	padding-top: 10px;
	padding-bottom: 10px;
	/*	padding-top: 40px;
	padding-bottom: 40px;*/
}
.section-espaceA{
	padding-top: 20px;
	padding-bottom: 10px;
}
p{
	color: #969595;
}
.about-text{
	color: #5e5e5e;
	text-align: left;
}
.border-radius{
	border-radius: 0 !important;
	border-color: #60c9eb;/*bleu*/
	height: 45px;
}
p:hover{
	cursor: default;
}
.navbar-toggle {
    background-color: rgb(191,211, 211);
    border: 1px solid rgb(75, 83, 83);
    border-radius: 0;
    transition: all .4s ease-in-out;
}
.navbar-default .navbar-toggle {
    border-color: rgb(191,211, 211);
}
.navbar-default .navbar-toggle .icon-bar{
	background: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background: #fff;
}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
    background-color: rgb(75, 83, 83);
}
.form-control:focus {
    border-color: #66afe9;/*bleu marine pâle*/
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*=================================================
||				3. Header
==================================================*/
.navbar-brand {
    float: left;
    font-size: 16px;
    height: 50px;
    line-height: 32px;
    padding: 15px;
}
/*navbar*/
.navbar-default .navbar-brand{
	border: 1px solid transparent;
	color: #5e5e5e;
	font-size: 30px;
	padding: 10px 0px;
	height: auto;
	font-weight: 350;
	letter-spacing: -1px;
	text-transform: capitalize;
	padding: 20px 15px;
}
ul.nav.navbar-nav.navbar-right{
	margin-top: 10px;
}
.navbar-default .navbar-brand span{
	color: #5e5e5e;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
	color: transparent;
}
.navbar-default {
    background-color: #fff;
    border-color: transparent;
    padding: 5px 0px;
    border-radius: 0;
    text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a{
	/*color: #60c9eb;*/
	color: #5e5e5e;
    padding-right: 20px;
    padding-left: 20px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 350;
    letter-spacing: 1px;
    transition: all .4s ease-in-out;
}
.navbar-default .navbar-nav>li>a:hover{
	color: #60c9eb;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #159593; /*green*/
	/*background: #60c9eb;*/
}
.navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    display:inline-block;
     padding: 5px 0px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    color:#159593;
    border-bottom-color: #159593;
    border-left-color: 1px solid;
    border-right-color: 1px solid;

}

/*=================================================
||				page About - list content*
==================================================*/

ul.list {
      list-style-type: none;
      
}
.firstchild{
      list-style-type: none;
       color: #C6C1BD;
      margin: 20px 0 0px -37px;
} 
li.enumeration{
      list-style-type: none;
      margin-left: -37px;
} 
.enumeration.lightbeige{
      color: #C6C1BD; 
}
.enumeration.lightbeige{
      color: #C6C1BD; 
}

/*subMenu*/
.col-m{
	background-color: green;
	text-align: left;
}


ul .section-subNav {
      list-style-type: none;
}
.section-subNav{
	/*color: #313131;*/ color: #5e5e5e;
	text-align: left;
	padding-top: 10px;
	
}

.section-subNav>li>a {
    padding-top: 0px;
    margin-left:-40px;
    color: #5e5e5e;
    background-color: transparent;

}
.section-subNav>.active>a, .section-subNav>li>a:hover, .section-subNav>li>a:focus{
    padding-top: 0px;
    margin-left:-40px;
    color:#159593;
    background-color: transparent;
     text-decoration: none;
}
.header-title{
	font-size: 34px;
	font-weight: 400;
}
.header-title span{
	font-weight: 700;
}
.header-sub-title{
	font-size: 14px;
	color: #fff;
	margin: 20px auto 25px;
}
/* newsletter*/
#mc_embed_signup #mce-success-response {
    color: red;
    display: none;
}
#mc_embed_signup #mce-success-response {
    color: red;
    display: none;
}

/*=================================================
||				 Footer
==================================================*/


footer{
	text-align: center;
	padding: 20px;
	margin-top: 60px;
	background: #BFD3D3;
}
footer a{
	color: #fff;
	padding: 5px;
}
footer a:hover{
	color: #fff;
}
footer a:hover, footer a:focus{
	text-decoration: none;
	color: #fff;
}
.top {
    display: inline-block;
    float: right;
    background-color: #2F6B5A;
    border-radius: 4px;
}

/*=================================================
||				Media
==================================================*/
.legend{
   	color: #c7c5c5;
   	margin-top:15px;
   	font-size: 85%;
}
.legendDetails{
   	color: #c7c5c5;
   	margin-top:15px;
   	font-size: 75%;
}
figure {
    display: block;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
} 
/*=================================================
||				 Others News List
==================================================*/
.space{
margin-bottom: 20px;

}
.copyright{
   	color: #c7c5c5;
   	 font-size:90%;
}
.espace{margin-top:20px;}
.espace-footer{margin-top:50px;}

.enumeration{
	list-style-type: none;
margin-left:0px;
	}
.year{
	color: #c7c5c5;
	margin-top: 15px;
	}
.near{
	color: #c7c5c5;
	margin: -25px 0 30px 0;
	}
.enumDetails{
	color: #5e5e5e;;
	}
.enumTitle{
	color: #5e5e5e;
	text-transform: uppercase;
	}
.news{
	margin-bottom: 20px;
	margin-top:-5px;
}
.firstline{
	margin-bottom: 20px;
	margin-top:10px;
}
.news h3{
	color: #313131;
	padding:  0px;
	text-transform: capitalize;
}

.news-title{
	font-size: 15px;
	color: #5e5e5e;
	margin-top:-2px;
	margin-bottom:38px;
	padding: 0px;
}


.news-details{
	font-size: 13px;
	color: #5e5e5e;
	line-height: 200%;
	padding: 0 0px 10px;
}
h1{
    font-size: 20px;
    font-weight: 600;
    color: #5e5e5e;
}
h3{
    font-size: 20px;
    color: #5e5e5e;
}
/* overview */
.title-back::after {
    content: "←";
    display: inline-block;
    margin-left: 1.25em;
    text-decoration: none;
}

section-subNav .title-back {
    white-space: nowrap;
}
section-subNav .title-back {
    position: absolute;
    right: 0px;
    text-align: left;
    top: 0;
}
section-subNav .title-back {
    display: inline-block;
}
section-subNav .title-back, .text a {
    text-decoration: underline;
    }
/* end of overview */

#toggle{height:auto; background:#eee; border:1px solid #900; margin:1em;text-align:center}
#toggle p{text-align:center;padding:0}
/* disclaimer*/
.btn-primary { 
	background-color: #BFD3D3;
	border-color: #BFD3D3;
    color:#5e5e5e;
    font-size: 12px;
    }
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toogle.btn-primary{
    background-color: #BFD3D3;
    border-color:#BFD3D3;
     color:#5e5e5e;
    }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active,.btn:active:focus, .btn:focus{
    outline:none;
   	outline-offset: 0px;
 	background-color: #BFD3D3;
    border-color:#BFD3D3;	
    }

/*=================================================
||				Contact page
==================================================*/

.contact-and-map .section-title{
	font-weight: 400;
	text-align: left;
	margin-bottom: 40px;
}

.contacts{
	background: #f9f9f9;
	text-align: center;
}
.contact{
	padding: 70px 0;
	background: #fff;
	transition: all .4s ease-in-out;
}
.contact:hover{
	background: #60C9EB;
}
.contact:hover .contact-icon, .contact:hover .contact-name, .contact:hover .contact-detail{
	color: #fff;
}
.contact-icon{
	color: #60C9EB;
	font-size: 40px;
}
.contact-name{
	color: #313131;
	font-size: 15px;
	margin: 40px auto;
}
.contact-detail{
	color: #969595;
	line-height: 180%;
	font-size: 13px;
}

/*past-exhibitions */
.expo{
	color: #313131;
	font-size: 15px;
	/*padding: 5px 10px;*/
	padding: 0px 0px;
	text-transform: uppercase;
	
}
.about-text2{
	color: #5e5e5e;
	text-align: left;
	padding:0 0px 10px;
}
.line{
	/*color: #313131;*/
	
	padding: 15px 10px;
	
.expo-details{
	font-size: 13px;
	color: #969595;
	line-height: 200%;
	padding: 0 20px 10px;
}
.expo-diverse-data{
	font-size: 13px;
	color: #969595;
	line-height: 200%;
	padding: 0 10px 10px;
}
.smallfont {
  color: #969595;
  font-size: 13px;
}
.expo-img{
	width: 100%;
}

.title{
	color: #969595;
	text-align: left;
}

.subtitle{
	color: #969595;
	text-align: left;
	text-transform: uppercase;
	font-size: 11px;
}
.title-sidebar{
	margin:.67em 0;
	font-size:13px; 
	color:red;
}
.img cadre{
	border-color:1px solid red;
}
/*caroussel*/

a, a:link {
    color: #5e5e5e;
    text-decoration: none;
}
.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    top: 0;
    width: 15%;
}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    left: auto;
    right: 0;
}
a, a:link {
    color: #5e5e5e;
    text-decoration: none;
}
.carousel-control {
    bottom: 0;
    color: #fff;
    font-size: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
    top: 0;
    width: 15%;
}
.thumbnail.right-caption > img {
    float: left;
    margin-right: 9px;
}

.thumbnail.right-caption {
    float: left;
}

.thumbnail.right-caption > .caption {
    padding: 4px;
}
​
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: none;
}

#button{
	background-color: #FFFFFF;
} 


/*=================================================
||				13. Media Query
==================================================*/

@media (max-width: 480px){
	.slider-item{
		background-image: none !important;
	}
	.slide{
		height: auto;
	}
	.intro{
		max-height: 627px;
	}
	.navbar-default .navbar-nav>li>a{
		font-weight: 400;
	}
	.navbar-default .navbar-brand{
		padding-left: 15px;
	}
}
/* carousel - CSS used here will be applied after bootstrap.css */
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.thumbnail {
    padding: 0;
   text-align:center;
}


.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
    margin-bottom
    : 30px;
}