@charset "UTF-8";
/* CSS Document */

html{
	font-size:100%;
	font: inherit;
}

body {
	font-family: 'Asap', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size: 1.2em;
	line-height: 1.6em;
	background:url(images/fond.png) top center;
	color: black;
}

footer {
	margin: 1em 0 0 0;
}

header div {
	margin: 0;
}

.modal-body{
	font-size:0.85em;
}

strong {
	font-weight:700;
}

h2 {
	font-size:2em;
	line-height:1em;
	color:#622180;
	font-weight:700;
	text-align:center;
	margin-bottom:1.5em;
	margin-top:2em;
	font-family: 'Asap', Helvetica, Arial, sans-serif;
}

h3, h4 {
	font-size:1.8em;
	color:#622180;
	font-weight:700;
	font-family: 'Asap', Helvetica, Arial, sans-serif;
}

h5 {
	font-size:1.2em;
	color:black;
	font-weight:700;
	font-family: 'Asap', Helvetica, Arial, sans-serif;
}

main{
	padding-top:1em;
	width:90%;
	margin:0 auto;
}


footer{
	text-align:center;
	font-size:0.8em;
}

form {
	font-size:0.85em;
}

fieldset {
    clear: both;
	border: 1px solid #622180;
	padding:0.8em;
margin-bottom:1em;
}

legend {
	font-size:1.5em;
	font-weight:700;
	color:#622180;
	border:none;
	margin-bottom:0;
}

label {
	margin: 0 1em 0 0;
}

#bootslider {
	top:4.1em;
}

img { 
	border: 0; 
	max-width:100%;
	height: auto;
}


figure, figcaption{
	text-align:center;
	margin:0;
}
 
a {
	color:black;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	color:#337AB7;
}


a:visited, a:active {
	text-decoration:underline;
}

.valeur   {
	text-decoration:underline;
	color:#337AB7;
}
#partenaires figure{
	aspect-ratio: 1;
	overflow: hidden;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 150px;
	padding: 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 0px 15px -6px #000000; 
	box-shadow: 0px 0px 15px -6px #000000;
	margin: 10px 0;
}
p { 
	word-wrap: break-word;
	margin:0;
	margin-bottom:1em;
	padding:0;
}

.nav ul {
	padding:0;
	margin:0;
}

.nav li a{
	color:#622180;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.75em;
	padding-left:1em;
	background-color:white;
}

.navbar-toggle {
	background-color:#622180;
}

.sr-only, .icon-bar{
	background-color:white;
}


.navbar-brand {
	text-transform:uppercase;
	padding-left:0.5em;
	color:#622180;
	font-size:1.5em;
}

nav{
	background-color:white;
	padding-top:1em;
	height:4.1em;
}

.navbar-collapse {
	margin-left:0;
	margin-top:0;
}

.navbar-text > a {
    color: inherit; 
    text-decoration: none;
}

.roundedimage {
	border-radius:100px;
	overflow:hidden;
	width:200px;
	height:200px;
}

.roundedimagepro {
	border-radius:100px;
	overflow:hidden;
	width:200px;
	height:200px;
	filter:alpha(opacity=95);
	opacity:.95;
}


.pro, .autre {
	width:200px;
	height:200px;
	display:block;
	margin-bottom:2.5em;
	margin-left:auto;
	margin-right:auto;
}


p.prolegende{
	font-weight:700;
	color:#622180;
	margin-top:0;
	text-align:center;
	font-size:1.25em;
}

p.autrelegende{
	font-weight:700;
	color:#622180;
	margin-top:0;
	text-align:center;
	font-size:1.25em;
}

.pro figcaption {
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	background-color:#622180AA;
	border-radius:100px;
	color:white; 
	opacity:0;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: all 0.15s ease-in;
}
.pro figcaption p{
	margin-bottom: 0;
}

.autre figcaption {
	width:200px;
	height:200px;
	position:absolute;
	top:0;
	background-color:#622180AA;
	border-radius:100px;
	color:white;
	opacity:0;
	display: flex;
    justify-content: center;
    align-items: center;
}

.progress {
margin-bottom:0;
}

.pro:hover figcaption, .autre:hover figcaption, a:active .pro figcaption, a:active .autre  figcaption{
	opacity:1;
}


blockquote{
	margin:0;
	font-size:0.9em;
	border:none;
}

.author{
	margin-top:-1em;
	margin-right:0em;
	text-align:right;
	font-size:1em;
	font-weight:bold;
	color:#622180;
}

.selectnav { display: none; }

.container{
	max-width:1050px;
}

.heading{
color: #622180;
font-size:1em;
font-weight: 400;
margin-top:0.4em;
}

.headingbis{
color: #622180;
font-size:2em;
font-weight: 400;
}

.moncercle{
  background:white;
  border-radius:50%;
  width:22em;
  height:22em;
  text-align:center; 
  font-size:0.7em;
  padding:4em;
  padding-top:2.8em;
  margin-top:3.5em;
  margin-left:8em;
}

.moncerclebis{
  background:white;
  border-radius:50%;
  width:15em;
  height:15em;
  text-align:center; 
  font-size:0.7em;
  padding:1em;
  padding-top:2.8em;
  margin-top:5em;
  margin-left:15em;
}

.moncercleter{
  background:white;
  border-radius:50%;
  width:15em;
  height:15em;
  text-align:center; 
  font-size:0.7em;
  padding:1em;
  padding-top:2.8em;
  margin-top:3.5em;
  margin-left:30em;
}

.navbar-nav {
    margin:0;
}

#navbar{
	margin-top:0;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top:5em;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-box-shadow:0 0 20px #000;
			-webkit-box-shadow:0 0 20px #000;
			box-shadow:0 0 20px #000;
}

@media screen and (max-width: 992px) {

    .heading {
       font-size:0.9em;
    }
    .headingbis {
       font-size:1em;
    }
    .moncercle, .moncerclebis, .moncercleter{
  width:10em;
  height:10em; 
  padding:1.5em;
  padding-top:1.3em;
  margin-top:1em;
  margin-left:3em;
}

.collapse.in {
    display: block;
    visibility: visible;
}

#sousplayer:before{
			display:none;
		}
		#sousplayer:after{
			display:none;
		}


}
@media screen and (max-width: 600px) {
 .navbar-brand{
	font-size:1em;
}

.heading {
       display:none;
    }
    .headingbis {
       font-size:1.3em;
    }
    
    .moncercle img{
    	width:85%;
    }
    .moncercle, .moncerclebis, .moncercleter{
  width:12em;
  height:12em; 
  padding:1em;
  padding-top:1.5em;
  margin-top:2em;
  margin-left:1em;
}

nav{
	padding-top:0.2em;

}

#bootslider {
	top:4.8em;
}

h2{
margin-bottom:1em;
	margin-top:1em;}

}

@media screen and (max-width: 480px) {
	
	#bootslider {
	top:4em;
	margin-bottom:1em;
}
.headingbis {
       font-size:0.85em;
    }
.moncercle img{
    	margin-top:1em;
    }
 .moncercle,  .moncerclebis,  .moncercleter{
  width:8em;
  height:8em; 
  padding:1em;
  padding-top:0.5em;
  margin-top:1em;
  margin-left:1em;
}

h2{
	margin-top:1.5em;}

}

}

.asterisque{
	font-weight:bold;
	color:#622180;
}

.contact{
	background-color:white;
}

.annotation{
	font-size:0.75em;
	line-height:0.5em;
}
.marge{
	margin-top:3em;
	margin-bottom:3em;
}