/*////////////////////////////////////////////////////////

//														//

//						NAVBAR							//

//														//

////////////////////////////////////////////////////////*/



.navbar-inverse {

	background-color: #252525;

  	border: 0;

}



.navbar-inverse .navbar-nav>li>a {

	color: #fff;

	font-size: 14px;

	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

  	text-transform: uppercase;

    letter-spacing: 1px;

}



.navbar-inverse .navbar-nav>li>a {

	color: #ddd;

}



.navbar-inverse .navbar-nav>li>a:hover,

.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.active>a:hover,

.navbar-inverse .navbar-nav>.active>a:focus,

.navbar-inverse .navbar-nav>.open>a,

.navbar-inverse .navbar-nav>.open>a:hover, 

.navbar-inverse .navbar-nav>.open>a:focus{

	background-color: #252525;

	color: #fff;

}



.dropdown-menu {

	padding: 0;

	border-radius: 0;

	top: 49px;

}



.dropdown-menu .divider {

	margin: 0;

}



.dropdown-menu>li>a,

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{

	padding: 10px 20px;

}



.dropdown-menu>li>a:hover,

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {

	background-color: #eee;

}



.dropdown-header {

	color: #000;

	font-size: 16px;

	padding: 0;

}



.navbar-inverse .navbar-toggle {

  background-color: #fff;

  border-color: #fff;

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-transform: uppercase;

  color: #000;

  font-size: 12px;

}



.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {

    background-color: #eee;

}



.nav .glyphicon {

	margin-right: 8px;

}



.nav .caret {

	margin-left: 8px;

}



.bg-light-gray {

    background-color: #eee;

}



@media (max-width: 767px){

	.navbar-nav .open .dropdown-menu{

		background-color: #fff;

	}



	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,

	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{

		background-color: #eee;

		color:#000;

	}



	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

	    color: #000;

	    padding: 10px 37px;

	}



	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {

	    padding: 0;

	}

}





/**

 * ACCUEIL

 */

.index {

	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

}

header {

  background-image: url(../img/site/mountain.jpg);

  background-repeat: no-repeat;

  background-attachment: scroll;

  background-position: center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  text-align: center;

  color: white;

}

header .intro-text {

  padding-top: 100px;

  padding-bottom: 50px;

}

header .intro-text .intro-lead-in {

  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-style: italic;

  font-size: 22px;

  line-height: 22px;

  margin-bottom: 25px;

}

header .intro-text .intro-heading {

  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-transform: uppercase;

  font-weight: 700;

  font-size: 45px;

  line-height: 50px;

  margin-bottom: 25px;

}

@media (min-width: 768px) {

  header .intro-text {

    padding-top: 240px;

    padding-bottom: 220px;

  }

  header .intro-text .intro-lead-in {

    font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-style: italic;

    font-size: 40px;

    line-height: 40px;

    margin-bottom: 25px;

  }

  header .intro-text .intro-heading {

    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: uppercase;

    font-weight: 700;

    font-size: 65px;

    line-height: 75px;

    margin-bottom: 50px;

  }

}



section {

  	padding: 80px 0;

}

section h2.section-heading {

	font-size: 35px;

	margin-top: 0;

	margin-bottom: 15px;

	color: #ff3636;

	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

	  text-transform: uppercase;

	  font-weight: 700;

}

section h3.section-subheading {

  font-size: 16px;

  font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;

  text-transform: none;

  font-style: italic;

  font-weight: 400;

  margin-bottom: 75px;

}

@media (min-width: 768px) {

  section {

    padding: 150px 0;

  }

}



.btn-xl {

    border-radius: 3px;

    font-size: 18px;

    padding: 20px 40px;

    margin: 10px;

    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;

    text-transform: uppercase;

    font-weight: 700;

}



.btn-xl-white {

	color: #ff3636;

    background-color: #fff;

    border-color: #fff;

}



.btn-xl-white:hover, .btn-xl-white:focus {

	color: #ea2b2b;

}



.btn-xl-red {

	color: #fff;

    background-color: #ff3636;

    border-color: #ff3636;

}



.btn-xl-red:hover, .btn-xl-red:focus {

	color: #fff;

	background-color: #ea2b2b;

	border-color: #ea2b2b;

}



footer{

	padding: 25px 0;

    text-align: center;

    background-color: #222;

}



.text-primary, section a, section a:hover, section a:focus {

    color: #ff3636;

}



section a:hover {

	text-decoration: underline;

}



p {

  font-size: 14px;

  line-height: 1.75;

}

p.large {

    font-size: 16px;

    margin: 0;

    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;

    margin-bottom: 10px;

}



/*////////////////////////////////////////////////////////

//														//

//					NAVIGATION ETAPES					//

//														//

////////////////////////////////////////////////////////*/

.navbar-etape{

	position: fixed;

	top: 50px;

	left: 0;

	right: 0;

	height: 40px;

	background-color: #fff;

	border-bottom: 1px solid #e9e9e9;

	z-index: 500;

	/*display: none;*/

	/*box-shadow: 0 0 10px rgba(0,0,0,.5);*/

	/*font-family: "Times New Roman", Serif;*/

}



#nav-etapes

{

   margin:0;

   padding:0;

   width:100%;

   text-align: center;

}

 

#nav-etapes li {

	color: #555;

	display:inline;

	padding:0;

	margin:0;

	font-size: 16px;

	width: 10%;

	transition: 0s;

}



#nav-etapes li.etapes{

 	padding: 9px 0;

   	border-right: 1px solid #e9e9e9;

}



#nav-etapes li a

{

	color: #333;

	font-size: 18px;

	float:left;

	padding: 10px 0;

	width: 100%;

	border-right: 1px solid #e9e9e9;

	transition: 0s;

}



#nav-etapes li:first-child a{

	border-left: 1px solid #e9e9e9;

	/*display: block;*/

}



#nav-etapes li a:hover, #nav-etapes li.active a {

	background-color: #fff;

	color: #d73736;

  	padding: 8px 0;

	border-bottom: 4px solid #d73736;

}



#nav-etapes a:focus{

	background-color: transparent;

}



@media (max-width: 767px) {

	#nav-etapes li a, #nav-etapes li.etapes

	{

	   width: 10%;

	   display: inline-block;

	}



	#nav-etapes li

	{

	   border: 0px;

	}



	#nav-etapes .active,

	#nav-etapes>li.active>a{

	   	background-color: #fff;

		border-bottom: 4px solid #d73736;

	}

}



@media (max-width: 992px){

	.navbar-etape .container{

		padding: 0;

	}

}



.tab-content{

	text-align: left;

	margin-top: 15px;

}



/*////////////////////////////////////////////////////////

//														//

//						ACCUEIL							//

//														//

////////////////////////////////////////////////////////*/



#accueil{

	background-color: #fff;

	text-align: justify;

}



.intro {

	padding-top: 50px;

	height: 600px;

	color: #fff;

}



.btn-accueil{

	font-size: 18px;

	font-weight: 600;

	padding: 16px 26px;

}



#logos{

	text-align: center;

	/*border-top: 1px solid #080808;*/

	padding: 20px 0 60px 0; 

}



#objectif{

	text-align: center;

	color: #444;

	padding: 80px 20px;

	background-color: #f4f4f4;

}

#objectif p{

	color: #515457;

}



#accueil h2{

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	font-size: 30px;

	margin: 0 0 15px 0;

}



#accueil h2{

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	font-size: 30px;

	margin: 0 0 15px 0;

}



#accueil h3{

	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

	font-size: 28px;

	margin: 15px 0;

	color: #333;

}



section{

	color: #444;

}



.section-hr{

	float: left;

    width: 200px;

    border-top: 3px solid #e7e7e7;

}



.group-buttons .btn{

	margin: 0 10px;

	border-radius: 5px;

}



#pied{

	background-color: #fff;

	height: 100px;

}



@media (max-width: 767px) {

	#chu{

		width: auto;

		height: 50px;

	}

	#epgv{

		width: auto;

		height: 60px;

	}

	#sna{

		width: auto;

		height: 45px;

	}

	

	#objectif{

		font-size: 15px;

		padding: 50px 0;

	}



	h2{

		font-size: 20px;

	}



	#objectif p{

		font-size: 17px;

	}

}



@media (min-width: 767px) {

	#chu{

		width: auto;

		height: 60px;

	}

	#epgv{

		width: auto;

		height: 70px;

	}

	#sna{

		width: auto;

		height: 60px;

	}

}





/*////////////////////////////////////////////////////////

//														//

//						COMPTE							//

//														//

////////////////////////////////////////////////////////*/



#compte{

	background: url(../img/site/mountain.jpg) no-repeat top center fixed;

	background-size: cover;

	padding-top: 100px;

}



#compte #entete{

	padding: 0;

	background-color:#fff;

	border-bottom: 1px solid #e9e9e9;

}



#content{

	padding: 20px;

	background-color: #fff;

}



#compte h1{

	font-size: 20px;

	color:#333;

	margin: 0;

	padding: 15px 30px;

	text-transform: capitalize;

	font-weight: normal;

}



#compte h2{

	font-size: 16px;

	margin: 30px 0 10px 0;

	color: #ff3636;

}



#compte label{

	color: #000;

	font-weight: normal;

}



#compte .row{

	margin-bottom: 5px;

}



#compte .btn{

	margin-top: 10px;

}



@media (max-width: 767px) {

	#compte{

		padding-top: 50px;

	}

	#compte #bloc{

		margin: 10px;

	}

}





/*////////////////////////////////////////////////////////

//														//

//					REINITIALISATION					//

//														//

////////////////////////////////////////////////////////*/



#reinitialisation #entete{

	padding: 0;

	background-color:#fff;

	border-bottom: 1px solid #e9e9e9;

}



#reinitialisation .row{

	margin-bottom: 5px;

}



#reinitialisation .btn{

	margin-top: 10px;

}



@media (max-width: 767px) {

	#reinitialisation{

		padding-top: 50px;

	}

	#reinitialisation #bloc{

		margin: 10px;

	}

}



/*////////////////////////////////////////////////////////

//														//

//						ALERT							//

//														//

////////////////////////////////////////////////////////*/



.alert{

	font-size: 14px;

	text-align: center;

}



.alert-danger{

	background-color: #ff3838;

	border: #ff3838;

}



.alert-danger, .alert-success{

	padding: 2px 0;

	margin: 0 0 15px 0;

	color: #fff;

}



.alert-success{

	background-color: #4caf50;

	border: #4caf50;

}



.alert-warning{

    background-color: #f2dede;

    border-color: #ebccd1;

	color: #a94442;

}



#questionnaire .alert-info,#questionnaire .alert-warning{

	padding: 3px 5px;

	margin: 0 10px 5px 10px;

	/*vertical-align: bottom;*/

	border-radius: 2px;

}



#slide4 .alert-warning{

	margin: 0 0 0 15px;

	border-radius: 2px;

	font-size: 14px;

}



#warning {

	margin: 10px 0;

}



.flash{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	border-radius: 0;

	margin: 0;

	padding: 10px 5px;

	color: #fff;

	font-size: 14px;

	text-align: center;

	z-index: 2000;

	 -moz-box-shadow: 0px 2px 10px 0px #656565;

	-webkit-box-shadow: 0px 2px 10px 0px #656565;

	-o-box-shadow: 0px 2px 10px 0px #656565;

	box-shadow: 0px 2px 10px 0px #656565;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);

}



.flash .glyphicon{

	margin-right: 5px;

}



.white{

	color: #fff;

    text-shadow: 0 0 0 #000;

    opacity: 1;

    margin-right: 5px;

}



.white:focus, .white:hover {

    color: #fff;

    opacity: .9;

}





@media (min-width: 768px) {

	.alert-danger, .alert-success{

		padding: 5px 0;

	}



	/*#slide4 .alert-warning{

		margin: 0;

		border-radius: 5px;

	}*/

	

	.flash{

		padding: 10px;

	}

}





/*////////////////////////////////////////////////////////

//														//

//						HORLOGE							//

//														//

////////////////////////////////////////////////////////*/

.piechart{

	margin: 15px 0;

	background-color: transparent;

}



.piechart .panel-heading{

	font-size: 14px;

	padding: 5px;

	border: 0;

	font-weight: bold;

}



.piechart .panel-body{

	background-color: rgba(0,0,0,.6);

	padding: 0;

}



.piechart-content{

	position: relative;

	width: 700px;

	height: 180px;

	margin: 0;

	/*background-color: rgba(0,0,0,.5);

	/*border: 1px solid #999;*/

}



.clock, .horloge{

	position: absolute;

	top: 36px;

	left: 193px;

	border-radius: 50%;

	width: 110px;

	height: 110px;

}



.horloge {

  background: url(../img/site/horloge.png) no-repeat center;

  background-size: 100%;

}



.clock {

  background: #fff;

}



.clock.simple:after {

  background: #000;

  border-radius: 50%;

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 4%;

  height: 4%;

  z-index: 10;

}



.chart_div {

	position: absolute;

	top: 0px;

	left: 0px;

	width: 700px;

	height: 180px;

}



@media (max-width: 767px) {

	.piechart-content{

		position: relative;

		width: 290px;

		height: 150px;

		margin: 0;

	}



	.clock, .horloge{

	  position: absolute;

	  top: 30px;

	  left: 63px;

	  border-radius: 50%;

	  width: 92px;

	  height: 92px;

	}



	.chart_div, .chart_div_black {

	  position: absolute;

	  top: 0px;

	  left: 0px;

	  width: 290px;

	  height: 150px;

	}

}



/*////////////////////////////////////////////////////////

//														//

//						SLIDES							//

//														//

////////////////////////////////////////////////////////*/

/*.glyphicon-menu-right:before {

    content: "";

}*/



#bilan{

	padding-top: 50px;

}



#bilan .element{

	padding-bottom: 30px;

	

	background-color: #fff;

}



#bilan .panel-body{

	font-size: 16px;

}



#bilan .panel-body2{

	font-size: 11px;

}



#bilan h1{

	font-size: 30px;

	color: #ff3636;

	text-transform: none;

	text-align: left;

}



#bilan h2{

	display: inline-block;

}



#bilan h3{

	text-transform: none;

}



#bilan #entete{

	padding: 0;

	border-bottom: 1px solid #888;

}



#bilan .panel-title{

	text-align: center;

}



.page-header {

    padding-bottom: 9px;

    margin: 15px 0 20px;

    border-bottom: 1px solid #eee;

}



.huge {

    font-size: 40px;

}

#bilan .pannel-footer a {

    color: #337ab7;

    text-decoration: none;

}



.panel-yellow {

    border-color: #f0ad4e;

}

.panel-yellow > .panel-heading {

    border-color: #f0ad4e;

    color: white;

    background-color: #f0ad4e;

}

#bilan .panel-yellow > a {

    color: #f0ad4e;

}

#bilan .panel-yellow2 > a {

    color: #f0ad4e;

    font-size: 14px;

}



.panel-green {

    border-color: #5cb85c;

}

.panel-green > .panel-heading {

    border-color: #5cb85c;

    color: white;

    background-color: #5cb85c;

}

#bilan .panel-green > a {

    color: #5cb85c;

}



.bilan-container {

	position: relative;

}

 

.bilan-content {

	position:absolute;

	top:-70px;

}



#bilan .glyphicon{

	margin-right: 5px;

}



#bilan .panel-heading {

	font-size: 15px;

	letter-spacing: 1px;

}



#bilan .panel-success, #bilan .panel-info, .table-tr {

	cursor: pointer;

}



.table-info {

	background-color: #fcf8e3;

}



hr {

	margin-top: 0;

}







.material-icons.md-48 { 

	font-size: 68px; 

}



#piechart-bilan {

    width:100%;

    height:250px;

}



@media (min-width: 768px) {

	#piechart-bilan {

	    height:300px;

	}

}

@media (min-width: 992px) {

	#piechart-bilan {

	    height:400px;

	}

}

@media (min-width: 1200px) {

	#piechart-bilan {

	    height:500px;

	}

}







    

/*////////////////////////////////////////////////////////

//														//

//						SLIDES							//

//														//

////////////////////////////////////////////////////////*/

body {

	font-family: "Trebuchet MS", Arial;

}



#connexion, #inscription, #reinitialisation{

	background: url(../img/site/sport.jpg) no-repeat top center fixed;

	background-size: cover;

	padding-top: 100px;

}



h5{

	text-align: center;

	color: #333;

	text-transform: none;

	margin: 30px 0 15px;

}



#merci{

	color: #fff;

	background-color: #333;

    font-size: 30px;

    padding: 50px 0;

    margin: 0;

}



/*.slide{

	-moz-box-shadow: inset 0px 100px 80px -50px #000,

				inset 0px -100px 80px -50px #000;

	-webkit-box-shadow: inset 0px 100px 80px -50px #000,

				inset 0px -100px 80px -50px #000;

	-o-box-shadow: inset 0px 100px 80px -50px #000,

				inset 0px -100px 80px -50px #000;

	box-shadow: inset 0px 100px 80px -50px #000,

				inset 0px -100px 80px -50px #000;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=180, Strength=80);

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=80);

}*/



.intro-quest{

	-moz-box-shadow: inset 0px -100px 80px -50px #000;

	-webkit-box-shadow: inset 0px -100px 80px -50px #000;

	-o-box-shadow: inset 0px -100px 80px -50px #000;

	box-shadow: inset 0px -100px 80px -50px #000;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=80);

}



/*#slide10{

	-moz-box-shadow: inset 0px 100px 80px -50px #000;

	-webkit-box-shadow: inset 0px 100px 80px -50px #000;

	-o-box-shadow: inset 0px 100px 80px -50px #000;

	box-shadow: inset 0px 100px 80px -50px #000;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=80);

}*/



.adulte #slide1{

	background: url(../img/adulte/inches.jpg) no-repeat center center fixed;  /* right top */

	background-size: cover;

}



.adulte #slide2{

	background: url(../img/adulte/clock.jpg) no-repeat center center fixed;

	background-size: cover;

}



.adulte #slide3{

	background: url(../img/adulte/analog.jpg) no-repeat 80% 0% fixed;

	background-size: cover;

	/*position: relative;*/

}



.adulte #slide4{

	background: url(../img/adulte/wheat.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.adulte #slide5{

	background: url(../img/adulte/cyclists.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.adulte #slide6{

	background: url(../img/adulte/kitchen.jpg) no-repeat left 50% fixed;

	background-size: cover;

}



.adulte #slide7{

	background: url(../img/adulte/watering.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.adulte #slide8{

	background: url(../img/adulte/phone.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.adulte #slide9{

	background: url(../img/adulte/boardwalk.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.adulte #slide10{

	background: url(../img/adulte/cycling.jpg) no-repeat center 0 fixed;

	background-size: cover;

}





.enfant #slide1{

	background: url(../img/enfant/inches.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide2{

	background: url(../img/enfant/swimmers2.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide3{

	background: url(../img/enfant/hour.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide4{

	background: url(../img/enfant/apple.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide5{

	background: url(../img/enfant/pens.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide6{

	background: url(../img/enfant/still-life.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide7{

	background: url(../img/enfant/basket.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide8{

	background: url(../img/enfant/computer.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide9{

	background: url(../img/enfant/ballon.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



.enfant #slide10{

	background: url(../img/enfant/peak.jpg) no-repeat center 0 fixed;

	background-size: cover;

}



/*////////////////////////////////////////////////////////

//														//

//						AVATAR							//

//														//

////////////////////////////////////////////////////////*/



.avatar {

	position: absolute;

	display: none;

}



/*position*/

.avatar-bottom {

	bottom: 0px;

}



/*taille*/

.avatar-sm {

	width: 220px;

	height: 220px;

}



.avatar-lg {

	width: 300px;

	height: 300px;

}



/*position*/

.avatar-left {

	left: 0px;

}



.avatar-left-lg {

	left: 0px;

}



.avatar-right-sm {

	right: 0px;

}



.avatar-right {

	right: 0px;

}



#avatar-name {

	color: #444;

	font-size: 23px;

	top: 32px;

	width: 200px;

	font-weight: bold;

	font-family: Comic Sans MS, cursive;

	line-height: 1.5;

}



@media (min-width: 768px) {

  	.avatar-left{

		left: 10px;

	}



	.avatar-left-lg {

		left: 10px;

	}



	.avatar-right-sm {

		right: 0px;

	}



	.avatar-right {

		right: 10px;

	}

}

@media (min-width: 992px) {

	.avatar {

		display: block;

	}



	.avatar-lg {

		display: block;

	}



  	.avatar-left{

		left: 10px;

	}



	.avatar-left-lg {

		left: 30px;

	}



	.avatar-right-sm {

		right: 0px;

	}



	.avatar-right {

		right: 10px;

	}



	#avatar-name {

		left: 120px;

	}

}

@media (min-width: 1200px) {

  	.avatar-left{

		left: 50px;

	}



	.avatar-left-lg {

		left: 100px;

	}



	.avatar-right-sm {

		right: 0px;

	}

	

	.avatar-right {

		right: 50px;

	}



	#avatar-name {

		left: 190px;

	}

}







.collapse, #question-cachee, #categ-cachee{

	display: none;

}



#actif, #passif{

	padding-top: 15px;

}



.indication{

	color: #00edff;



}



.indication2{

	color: #00edff;

	font-size: 20px;

/*On force la taille de ce texte sinon c'est le bordel*/

}



.precision{

	text-decoration: underline;

}

.precision2{

	text-decoration: underline;

}



.signe{

	margin: auto 15px;

}



.checkbox-inline{

	font-size: 18px;

	padding-right: 50px;

	margin-left: 30px;

}



.increase {

    width:18px;

    height:18px;

}



.alter-bouton{

	padding-top: 10px;

	margin-bottom: 0;

}



h6{

	margin: 0 0 15px;

	font-size: 20px;

}



h4 small, h6 small{

	color: #ddd;

}



#connexion #entete, #inscription #entete, #reinitialisation #entete{

	padding: 0;

	border-bottom: 1px solid #888;

}



#connexion h1, #inscription h1, #reinitialisation h1{

	text-transform: initial;

	padding: 15px 15px;

	margin: 0;

	font-size: 20px;

	font-weight: normal;

}



.info{

	margin-bottom: 30px;

}



.window-top, #connexion #entete, #inscription #entete, #reinitialisation #entete{

	background-color: rgba(0, 0, 0, 0.6);

}



.window-top{

	padding-top: 15px;

}



.window-bottom{

	background-color: rgba(0, 0, 0, 0.8);

	padding: 0;

}



.invalide,.invalide:focus{

	border: 2px solid red;

}



.valide{

	border: 1px solid green;

}



/*input[type="time"], input[type="number"]{

	min-width: 70px;

}*/



.transport{

	text-align: left;

}



.transport .form-group{

	text-align: center;

}



/*.questionnaire .panel{

	border: 0;

    border-radius: 0;

}*/



.questionnaire .btn{

	font-size: 14px;

}



.btnLg{

	font-size: 16px;

}



.questionnaire .panel>.list-group:first-child .list-group-item:first-child,.questionnaire  .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {

    border-top: 0;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}



.questionnaire .panel-body .form-inline{

	padding: 0;

}



.deplacements .panel-body{

	padding: 5px 10px;

}



.deplacements .form-group{

	margin-bottom: 5px; 

}



.deplacements label{

	font-size: 14px;

}



.questionnaire .list-group-item{

	text-align: left;

	color: #fff;

	background-color: #337ab7;

    border: 1px solid #08586b;

}



.deplacements .list-group-item{

	text-align: left;

	color: #444;

	background-color: #eee;

    border: 1px solid #bbb;

}



.questionnaire .list-group-item.active, .questionnaire .list-group-item.active:focus, .questionnaire .list-group-item.active:hover{

	color: #fff;

	/*background-color: #269892;*/

	background-color: #337ab7;

	border-color: #08586b;

}



.btn-etape{

	background-color: #fff;

	color: #000;

	font-size: 16px;

	border: 1px solid #ccc;

	border-radius: 2px;

	margin-top: 10px;

}



.precedent{

	padding: 5px 16px 5px 12px;

}



.suivant{

	padding: 5px 12px 5px 16px;

}



.btn-etape:hover, .questionnaire  .btn-etape.active, .questionnaire .btn-etape:active, .questionnaire .btn-etape:focus, .questionnaire .btn-etape.active.focus, .questionnaire .btn-etape.active:focus, .questionnaire .btn-etape.active:hover, .questionnaire .btn-etape:active.focus, .questionnaire .btn-etape:active:focus, .questionnaire .btn-etape:active:hover{

    -moz-box-shadow: 0px 5px 15px 0px #000;

	-webkit-box-shadow: 0px 5px 15px 0px #000;

	-o-box-shadow: 0px 5px 15px 0px #000;

	box-shadow: 0px 5px 15px 0px #000;

	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=180, Strength=15);

}



.btn:focus,

.btn:active:focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn.active.focus {

  outline: 0;

}



.adulte #slide5 .form-group {

     margin-bottom: 10px; 

}



.modal{

	top: 50px;

}



.modal-content {

	border-radius: 0px;

}



.modal-title{

	padding: 0;

	color: #333;

	font-weight: normal;

	letter-spacing: 0;

}



.form-control[disabled], fieldset[disabled] .form-control, .btn.disabled, .btn[disabled], fieldset[disabled] .btn {

	cursor: default;

}



.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,

.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {

	color: #fff;

    background-color: #ff6e6e;

    border-color: #ff6e6e;

}



.bloc{

	box-shadow: 5px 5px 5px black;

	margin: 5px;

	padding: auto;

}



.bloc-titre{

	padding: 15px 0;

	background-color: rgba(211, 19, 18, .6);

	border: 1px solid #111;

	border-bottom: 0;

}



.bloc-content{

	padding-top: 15px;

	padding-bottom: 15px;

	background-color: rgba(0, 0, 0, .6);

	border: 1px solid #111;

}



.content {

	position: relative;

}



.question{

	min-width: 171px; 

}



@media (max-width: 767px){

	.btn-etape{

		font-size: 14px;

	}

	.question{

		min-width: 146px; 

	}

}



.questionnaire .list-group label{

	color: #444;

	font-size: 14px;

}



.questionnaire label.btn.active {

	color: #fff;

}



label{

	font-weight: normal;

}



.btn-group{

	margin-top: 10px;

}



/*////////////////////////////////////////////////////////

//														//

//					MEDIA QUERIES						//

//														//

////////////////////////////////////////////////////////*/



@media (max-width: 767px) {

	.btn-blue{

		font-size: 16px;

		padding: 12px 22px;

	}



	.slide{

		min-height: 800px;

		padding: 20px 0 30px 0;

	}



	.content-section{

		padding-top: 80px;

	}



	h3{

		font-size: 21px;

		margin-bottom: 0;

		text-transform: uppercase;

	}



	h6 small{

		font-size: 8px;

	}



	h4{

		font-size: 14px;

	}



	.questionnaire label, .questionnaire .list-group-item{

		font-size: 13px;

	}



	.list-group-item {

	    padding: 8px 12px; 

   	}



	.indication{

		font-size: 16px;

	}

	.indication2{

		font-size: 20px;

	}

	/*.slides .form-group {

		padding-bottom: 0;

	}*/



	.form-control {

		height: 30px;

	    padding: 5px 10px;

	    font-size: 12px;

	    line-height: 1.5;

	    border-radius: 3px;

	}



	h4{

		font-size: 22px;

	    margin: 15px 0 15px;

	}



	.window-top{

		margin: 0 10px;

	}



	.window-bottom{

		margin: 0 10px;

	}



	.valider{

		padding: 5px 0 10px 0;

	}



	.alternative{

		padding: 20px 0;

		color: #eee;

	}



	.checkbox-inline{

		font-size: 16px;

		padding-right: 50px;

		margin-left: 20px;

	}



	.increase {

	    width:16px;

	    height:16px;

	}



	.left{

		padding-right: 8px;

	}



	.right{

		padding-left: 8px;

	}



	h5{

		font-size: 20px;

	}



	.questionnaire .list-group label{

		font-size: 12px;

	}



	/*.gauche, .centre{

		padding-right: 5px;

	}



	.droit, .centre{

		padding-left: 5px;

	}*/



	.form-inline .form-control{

		display: inline-block;

		width: auto;

		padding: 0 8px;

	}



	.signe{

		margin: auto 4px;

	}



	#connexion, #inscription, #reinitialisation{

		padding-top: 61px;

	}



	#connexion #entete, #inscription #entete, #reinitialisation #entete{

		margin: 0 10px;

	}



	.textLabel{

		margin-top: 7px;

		padding: 0px;

		text-align: left;

	}

}



@media (min-width: 768px) {

	.intro-body .brand-heading {

		font-size: 50px;

		color: #fff;

	}



	.slide{

		min-height: 1000px;

		padding-top: 40px;

	}



	.content-section{

		padding-top: 80px;

	}



	.questionnaire label, #connexion label, #inscription label, #reinitialisation label{

		font-size: 16px;

	}



	.indication{

		font-size: 20px;

	}



	h3{

		font-size: 26px;

		margin-bottom: 0;

	}



	h4{

		font-size: 20px;

		padding-top: 15px;

	}



	.window-bottom{

		margin-bottom: 10px;

	}



	.valider{

		padding: 10px 0;

	}



	.alternative{

		padding: 20px 0 10px 0;

		color: #eee;

	}



	h5{

		font-size: 30px;

	}



	#slide4 .form-inline {

		text-align: left;

	}

}



/*

@media (min-width: 1920px) {

	.form-horizontal label, .signe{

		margin-top: 8.5px;

	

	.textLabel {

		margin-top: 16px;

	.form-control {

		height: 46px;

		padding: 10px 16px;

		font-size: 18px;

		line-height: 1.3333333;

		border-radius: 6px;

	.btnLg {

		padding: 10px 16px;

		font-size: 18px;

		line-height: 1.3333333;

		border-radius: 6px;

	}

}

*/



@media (min-width: 768px) {

	.bloc {

	    width: 750px;

	    margin: auto;

	}

}

@media (min-width: 992px) {

  .bloc {

    width: 970px;

  }

}

@media (min-width: 1200px) {

  .bloc {

    width: 1170px;

  }

}



/*.tooltip.in{

	opacity: 1;

	filter: alpha(opacity=100);

}*/



.tooltip {

	letter-spacing: 1.1px;

}



.tooltip-inner{

	max-width: 100%;

}



.popover {

  	max-width: 100%;

  	text-align: center;

}



.popover-content {

  padding: 4px 7px;

}



.rythme div{

	font-size: 14px;

	display: inline-block;

}



.sport-content{

	padding: 10px 30px;

	margin-top: 0;

	margin-bottom: 15px;

	background-color: rgba(0,0,0,.6);

}



#sport-add, #sport-remove{

	cursor: pointer;

}



.absence-reponse{

	margin: 20px 0;

}



#questionnaire {

	margin-top: 70px;

}



#nom {

	text-transform: uppercase;

}

#nom::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  text-transform: capitalize;

}

#nom:-moz-placeholder { /* Firefox 19+ */

  text-transform: capitalize;

}

#nom:-ms-input-placeholder { /* IE 10+ */

  text-transform: capitalize;

}

#nom::-moz-placeholder { /* Firefox 18- */

  text-transform: capitalize;

}



#prenom {

	text-transform: capitalize;

}