@charset "iso-8859-1";
.font-blanc:hover{color:#fff !important;}
.font-bleu-titre{display:table-cell;color:#0071FE; font-size:12px;vertical-align:bottom !important; height:100%; font-weight:700;}
.font-9{font-size:9px;}
#inscription{background-color:#323232}
#form-inscription .form-control, #form-inscription-connexion .form-control{ background-color:#6e6e6e !important; border-color:#6e6e6e !important;  color:#fff !important; }
#form-inscription label, #form-inscription-connexion label{ color:#fff;}

#form-inscription .form-control::-webkit-input-placeholder, #form-inscription-connexion .form-control::-webkit-input-placeholder  { color: #ccc; }
#form-inscription .form-control:-moz-placeholder, #form-inscription-connexion .form-control:-moz-placeholder { color: #ccc; }
#form-inscription .form-control::-moz-placeholder, #form-inscription-connexion .form-control::-moz-placeholder { color: #ccc; }
#form-inscription .form-control:-ms-input-placeholder, #form-inscription-connexion .form-control:-ms-input-placeholder { color: #ccc; }

#form-inscription > div > div > div .form-control:focus, #form-inscription > div > div .form-control:focus {
  border-color: none !important;
  outline: 0 none !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(170, 249, 23,.075), 0 0 8px rgba(170, 249, 23, .6) !important;
          box-shadow: inset 0 1px 1px rgba(170, 249, 23,.075), 0 0 8px rgba(170, 249, 23, .6) !important;
}

#horaire > .glyphicon, #horaire > div > .glyphicon{color:inherit !important;}
.glyphicon-plus{padding-left:3px !important;}

.bloc-titre{position:relative;min-height:85px;}

.btn-bleu-collapse, .btn-vert-collapse, .btn-jour-complet, .btn-blanc-collapse{display:inline-block;border-radius:0px !important;font-size:12px !important;margin:15px 0 !important;z-index:15;}
.btn-bleu-collapse, .btn-bleu-collapse:active, .btn-bleu-collapse:visited{ border:solid 1px #0099FF !important; color:#0099FF !important;background-color:transparent !important;}
.btn-blanc-collapse, .btn-blanc-collapse:active, .btn-blanc-collapse:visited{ border:solid 1px #FFF !important; color:#FFF !important;background-color:transparent !important;}
#horaire .btn-bleu-collapse, #horaire .btn-bleu-collapse:active, #horaire .btn-bleu-collapse:visited { border:solid 1px #0071FE !important; color:#0071FE !important;background-color:transparent !important;}
.btn-vert-collapse, .btn-vert-collapse:active, .btn-vert-collapse:visited{ border:solid 1px #AAF917 !important; color:#AAF917; background-color:transparent !important;}
.btn-bleu-collapse:hover, .btn-bleu-collapse:focus{color:#0099FF !important; background-color:#e6e6e6 !important;}
.btn-blanc-collapse:hover, .btn-blanc-collapse:focus{color:#e6e6e6 !important;}
#horaire .btn-bleu-collapse:hover, #horaire .btn-bleu-collapse:focus{color:#0071FE !important; background-color:#e6e6e6 !important;}
.btn-vert-collapse:hover, .btn-vert-collapse:focus{color:#FFF !important; }
.btn-collapse, .btn-collapse-activites-complet, .btn-collapse-forfaits, .btn-collapse-formation, .btn-collapse-horaire{position:relative;height:25px;width:25px;text-align:center;padding:0 1px 2px 0 !important;top:-5px;margin-left:10px !important;}
.btn-collapse-inscription{position:relative;height:18px;width:18px;text-align:center;padding:0 0 3px 0 !important;top:-2px;margin-left:10px !important;font-size:9px !important; font-weight:normal !important; }


.btn-jour-complet,.btn-jour-forfait, .btn-jour-alacarte{width:150px;margin:30px 10px !important; font-size:18px !important;  border:none; border-radius:0px !important; color:#0071FE !important;background-color:#E0F4FF !important;}
.btn-jour-active, .btn-jour-complet:hover, .btn-jour-complet:focus, .btn-jour-forfait:hover, .btn-jour-forfait:focus, .btn-jour-alacarte:hover, .btn-jour-alacarte:focus{color:#FFF !important; background-color:#0071FE !important;}
.btn-jour-complet .glyphicon, .btn-jour-forfait .glyphicon, .btn-jour-alacarte .glyphicon{background-color:#FFF;border:solid 1px #0071FE; padding:2px; font-size:9px;position:relative; top:-2px;color:#0071FE !important;}

.soulignement-vert{;border-bottom:#AAF917 solid 3px;}
.inscription-info-add{display:inline-block;}

.couleurA{background-color:#DBFA9C;}
.couleurB{background-color:#0071FE;}
.couleurC{background-color:#414141;}
.couleurD{background-color:#E6E6E6;}
.couleurA, .couleurB, .couleurC , .couleurD {padding-top:4px;padding-bottom:4px;margin-top:7px;}
.couleurA [class*="col-"], .couleurB [class*="col-"], .couleurC [class*="col-"], .couleurD [class*="col-"]{ font-size:12px; }
.couleurB [class*="col-"], .couleurC [class*="col-"], .couleurB [class*="col-"] > a, .couleurC [class*="col-"] > a { color:#fff !important; }

.info-calendrier {position:relative;padding:20px 0px; font-size:12px; text-align:left;}
span.font-couleurA, span.font-couleurB, span.font-couleurC , span.font-couleurD {position:absolute !important;font-size:30px;top:-8px !important; left:30px !important;}
.font-couleurA{color:#DBFA9C;}
.font-couleurB{color:#0071FE;}
.font-couleurC{color:#414141;}
.font-couleurD{color:#E6E6E6;}
.details{position:relative;}

.bloc-forfait{padding-bottom:10px;}
.top-forfait, .top-forfait-confirmation{border:solid 1px #0071FE; color:#0071FE; margin-top:10px;}
.top-forfait-confirmation, .top-forfait-confirmation div{color:#AAF917 !important;background-color:#0071FE !important;}
.top-forfait:hover, .top-forfait:focus, .top-forfait-active{color:#FFF !important; background-color:#0071FE !important;}
.titre-forfait, .titre-alacarte{position:relative;display:inline-block;color:inherit;line-height:52px;border:none;border-radius:0px !important;background-color:transparent !important}
.titre-forfait .glyphicon, .titre-alacarte .glyphicon{border:solid 1px #0071FE;padding:2px;background-color:#FFF; color:#0071FE !important; position:relative; top:-7px; left:5px;}
.forfait{display:none;margin-top:10px;}

.checkbox{display:none !important;}
.checkbox + label{font-weight:normal;}
.checkbox + label span {display:inline-block !important;width:18px;height:18px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/checkbox.png) left top no-repeat;cursor:pointer;}
.checkbox:checked + label span {background:url(../images/checkbox-checked.png) left top no-repeat;}

.collapse-activites-forfait{border:solid 1px #0071FE;background-color:#fff;margin-top:20px;padding-bottom:5px;display:none;}
.selecteur-forfait{position:absolute;bottom:-70px;left:0px;right:0px;}
.selecteur-forfait span{font-size:80px;background-color:none !important;color:#0071FE;display:none;}
.activites-forfait{display:none;}
.bulle-forfait{position:relative; border:1px solid #B6F61B;height:250px;width:100%;margin:10px 5px;padding:10px 20px;}
.inscription-supplementaire{width:35px !important;height:18px !important;padding:0px !important;margin:0px !important;border-radius:0px !important;border:1px solid #000;background-color:#FFF !important;}

#lieu-google{padding-left:0 !important;padding-right:0 !important;padding-bottom:40px;}
#bloc-lieu{position:relative;}
#carte-google{width:100%;height:425px;margin-top:20px;}

.hover{position:relative;}
.tooltips{display:none;position:absolute;background-color:#B6F61B;color:#000;border:1px solid #b43117;border-radius:5px;padding:2px;top:25px;right:0px;width:auto; font-size:9px;font-family:Tahoma, Geneva, sans-serif;z-index:100;}
.hover:hover +.tooltips{display:block;}

#panier{display:none;position:fixed;top:0;right:0;margin-left:-15px;background-color:#B6F61B;color:#0071FE;z-index:100000;padding:5px 15px;font-size:60px;width:350px;height:auto;}
#voir-panier{clear:both;border-top:1px solid #fff;color:#0071FE;margin-top:10px;padding-top:5px;}

.error_politiques{  border-color:#000 solid 2px !important;-webkit-box-shadow:inset 0 2px 2px rgba(255,0,0,1),0 0 5px #ff000;box-shadow:inset 0 2px 2px rgba(255,0,0,1),0 0 5px #ff0000; outline:#000 dotted 1px !important;}
div.error {font-size:13px;color:#B6F61B;margin-top:4px; line-height:15px;}
div.error::before{content:"\e086";margin-right:5px;position: relative;
  top: 3px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.hidden{display:none !important;}
.visible{display:block !important;}

.vertical-middle{display:table-cell;vertical-align:middle;}
.margin-left-10{margin-left:10px;}
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


@media screen {
	#pageFooter {
		display: none;
	}
}
@media print {
	/*.row{width:95%; }*/
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, 
	.col-md-1, .col-ms-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
	.col-sm-12, .col-md-12 { width: 100%; }
	.col-sm-11, .col-md-11 { width: 91.66666667%; }
	.col-sm-10, .col-md-10 { width: 83.33333333%; }
	.col-sm-9, .col-md-9 { width: 75%; }
	.col-sm-8, .col-md-8 { width: 66.66666667%; }
	.col-sm-7, .col-md-7 { width: 58.33333333%; }
	.col-sm-6, .col-md-6 { width: 50%; }
	.col-sm-5, .col-md-5 { width: 41.66666667%; }
	.col-sm-4, .col-md-4 { width: 33.33333333%; }
	.col-sm-3, .col-md-3 { width: 25%; }
	.col-sm-2, .col-md-2 { width: 14%/*16.66666667%*/; }
	.col-sm-1, .col-md-1 { width: 8.33333333%; }
	
	.no-print{ display:none; }
   
   	a[href]:after { content: none !important; }

	@page { size:8.5in 11in; margin: 1.85cm; }
	
	#pageFooter {		
		position:fixed;
		display: table-footer-group;
		bottom:0px;
		width:200px;
		right:0px;
		text-align:right;
	}
	p{font-size:12px !important;}
	
	/*#pageFooter:after {
		counter-increment: page;
		content: counter(page);
	}*/
}

.check-forfait{
	transform: scale(1.5);
}

.popup_choix {
	width: 40%;
	left: 30%;
	top: 100px
}

@media (max-width: 768px) {
	.popup_choix {
		width: 40%;
		left: 5%;
		top: 15px;
		height:50%
	}

	.col-xs-12{
		text-align:center !important
	}
	.col-sm-5 .col-xs-12{
		text-align:left
	}
}