/*
 * Bootstrap gallery v1.1
 * https://github.com/ludovicscribe/bootstrap-gallery
 * https://ludovicscribe.fr/blog/galerie-images-bootstrap
 *
 * Copyright 2016, Scribe Ludovic
 * https://ludovicscribe.fr/
 */
body
{
    background: #bbb;
	/*background-repeat: no-repeat;
	background-attachment: fixed;
	background-position-x: center;*/
    font-family: Helvetica, Arial, sans-serif;	/* par default c'est la 1ere police mais si elle n'est pas reconnue il prend la 2eme etc...*/
    color: #2d2d2d;
	padding-top: 0px;							/* defini une marge interieure dans le div */
	}
	/*header h1{
	max-width: 100%;
	display: table-cell;
	padding: 15px;
	font-family: arial;
	color:	#A9A9A9;
	text-align:center;
	text-shadow: 3px 3px 8px  black;
	}
	h1.data { 
	clear:both; 
	}
	h1.data span { 
	float:left; 
	}
	.leftpart { 
	width:750px; 
	}*/
/*header{
		background: #262626;
		color:#bbb;
		
		padding-top:20px;
		padding-bottom:30px;}*/
		


#orange {
	color:#FDAF7E;	
	}
	
#synthesevocale{
	display: none; 				
	}
	
h1{
	text-shadow:2px 2px 5px #4d4d4d;
	color:#FF9900;
	}
h2{
	text-shadow:2px 2px 5px #4d4d4d;
	color:#006699;
	padding-bottom:20px;
}
h3{
	text-shadow:2px 2px 5px #4d4d4d;
	color:white;
}
h4{
	text-shadow:2px 2px 5px #4d4d4d;
	color:#006699;
}
h5{
	color:#006699;
}

.thumbnail 
	{
	box-shadow:2px 2px 5px #4d4d4d;
	}
.image-table
	{
		width:50px;
		height:50px;
		box-shadow:2px 2px 5px #4d4d4d;
		Border-radius:3px;
		border: 2px solid white;
		margin-right:15px;
		vertical-align: top;
	}
.carousel {
  height: auto;
  margin-top:-20px;
  margin-bottom: 40px;
  
}
.carousel h1 {
	font-family: Arial;
	color:#FDAF7E,/*#ffffff;*/;
	text-shadow: 3px 3px 4px #333333;   
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }
.carousel-caption p {
	font-family: Tempus sans ITC;
    margin-bottom: 350px;
    font-size: 34px;
    line-height: 1;
	color:#003333; /*#4d4d4d;*/
  }
.texte {
	font-size: 40px; 
}

#onclick{ position:absolute;
	right:0;
	top:0;
}
		
#bootstrap-gallery .modal-dialog {
	margin-left: auto;
	margin-right: auto;
}

#bootstrap-gallery .modal-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#bootstrap-gallery .modal-header {
	padding: 5px 10px;
}

#bootstrap-gallery .modal-body {
	padding: 0;
}

#bootstrap-gallery .modal-body img {
	width: 100%;
}

#bootstrap-gallery .modal-body  .carousel-control {
	background-image: none;
}

#bootstrap-gallery .modal-header  a.modal-button {
	float: right;
	font-size: 18px;
	line-height: 1;
	color: #FFFFFF;
	margin-left: 5px;
}

#bootstrap-gallery .modal-header  a.modal-button:hover {
	text-decoration: none;
	color: #808080;
}

footer
	{	
	background-color:#2d2d2d;
	text-align:center;
	margin-top: 30px;
	padding-top:10px;
	padding: center;
	color:#d2d2d2;
	width: 100%;				
	font-size: 0.8em;
	}
footer img 
	{
	opacity:0.6;
	cursor:pointer;
	border-radius:6px;
	margin:2px;
	box-shadow:2px 2px 2px black;
}
footer img:hover
{
	opacity:1;
	border:0px solid #bbb;
}

footer a
	{
	color: 	#FDAF7E;
	text-decoration: none;
	}

footer ul 
	{
	list-style-type: none;
	border-style: none; 		/*trait continu*/
	border-width: 0px 0; 		/*ligne haut, bas = 1mm; gauche, droite = 0mm */
	border-color: #bbb;
	}

footer li
{   
	text-decoration: none;
	display: inline-block;
	margin: 5px 45px 5px 0px;
	}
	
@media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }