/* 
Vert RVB 107 188 184 
Gris 80 81 80
*/
/****************** GENERAL ********************* */
@font-face {
font-family: MuseoSansRounded-100;
src: url("MuseoSansRounded-100.otf") format("opentype");
}


* {
    font-family: MuseoSansRounded-100 ;
	font-style: normal;
	font-variant: normal;
	color:rgba(80, 81, 80,1);
	font-size:20px;
}

#img_presentation 
{
margin-bottom : 20px;
}

@media (min-width: 768px) {  
	* {
		font-family: MuseoSansRounded-100 ;
		font-style: normal;
		font-variant: normal;
		color:rgba(80, 81, 80,1);
		font-size:20px;
	}
}

@media (max-width: 768px) {  
	* {
		font-family: MuseoSansRounded-100 ;
		font-style: normal;
		font-variant: normal;
		color:rgba(80, 81, 80,1);
		font-size:12px;
	}
}

a, a > i.fa {
color:rgba(107, 188, 184 ,1);
}

a, a > i.fagris {
color:rgba(80, 81, 80,1);
}

a, a > i.fablanc {
color:rgba(255, 255, 255,1);
}

a:hover, a > i.fa:hover {
color:rgba(80, 81, 80,1);
text-decoration : none;
}

a:hover, a > i.fagris:hover, i.fablanc:hover {
color:rgba(107, 188, 184,1);
text-decoration : none;
}

.ancre {
height:55px;
border: 0px solid rgba(107, 188, 184 ,1);

}
.pied_page_1
{
color:white;
background-color:rgba(107, 188, 184,1);
height:150px;
text-align:center;
line-height:25px;
}

.pied_page_2
{
color:white;
background-color:rgba(80, 81, 80,1);
height:60px;
text-align:center;
line-height:20px;
}

.titre_section
{
color:rgba(107, 188, 184 ,1);
border-bottom-color : rgba(107, 188, 184 ,1);
border-bottom : 2px solid rgba(107, 188, 184 ,1);
font-weight: bold;
		font-size:30px;
}

.sous_titre_section
{
color:rgba(107, 188, 184 ,1);
font-weight: none;
margin-left:10%;
padding-bottom:2%;
		font-size:24px;
}

@media (max-width: 768px) {  
	.titre_section  {
		font-size:22px;
	}
	
	.sous_titre_section  {
		font-size:18px;
	}
}





/**************************** Menu Bar de naviguation */
/*.navbar-default .navbar-nav>li>a,  .navbar-default .navbar-nav> li > a > .fa, a > .fa */
.navbar-default .navbar-nav>li>a
{
/* color:white;*/
color:rgba(80, 81, 80 ,1);
}

/* a > .fa:hover,  .navbar-default .navbar-nav> li:hover > a > .fa */
.navbar-default .navbar-nav>li:hover >a
{
color:rgba(107, 188, 184,1);
}

/**************************** Menu Icon */
.thumbnail-menu:hover > .fa,
.thumbnail-menu:hover > .caption ,
a.thumbnail-menu:hover  {
background-color:rgba(107, 188, 184 ,1);
color:rgba(255,255,255,1);
text-decoration:none;
}

.thumbnail, .thumbnail .caption
{
border: 0px solid rgba(107, 188, 184 ,1);
text-align:center;
color:rgba(107, 188, 184 ,1);
}

.navbar-toggle
{
/*padding: 2px 2px;*/
}


/****************************** Masque devant photo avec texte */
.wrapper {
    position: relative;
    padding: 0;
    display:block;

}

 .text {
    position: absolute;
    top: 0px;
	left:0px;
    color:#FFF;
	width:100%;
    background-color:rgba(107, 188, 184 ,0.8);
    text-align: center;
	vertical-align: bottom;
	z-index: 10;
	}
	
.text:hover {
    opacity:1;
}

@media (min-width: 768px) {  
	.text {
		height:100%;
		padding: 50% 0 0 0;
		opacity: 0;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
}

@media (max-width: 768px) {  
	 .text {
		padding: 0 0 0 0;
		opacity: 1;
	}
}



/****************************** Custom diaporama */

h4, .modal-footer {
text-align:left;
line-height: 1;
}

.modal-backdrop {
background-color:#FFFFFF;
}

.modal-backdrop.in {
opacity : 1;
}

.carousel-control.right, .carousel-control.left {
z-index:10;
height:10px;
margin : auto;
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0) 100%);
    background-image: -o-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);	
}

@media (min-width: 768px) {
	h4, .modal-footer {
		font-size:14px;
	}
}

@media (max-width: 768px) {
	h4, .modal-footer {
		font-size:10px;
	}
}
/* Ajout pour enlever les shadow et cadre du diapo*/
.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #999;
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.5); 
	 box-shadow: 0 0px 0px rgba(0,0,0,.5);
}

.modal-header {
    padding: 15px;
    border-bottom: 0px solid #e5e5e5;
}

.modal-footer {
    padding: 15px;
    border-top: 0px solid #e5e5e5;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
     transition: opacity 0s linear; 
}