/* Feuille de Style Espace Inscription La Parisienne */
/* Human Beeing Consulting */
/* Michaël THIBAUT */
/* 17/12/2014 */

@font-face {font-family: 'Manus';font-weight: normal;font-style: normal;src: url('../fonts/Manus/Manus.ttf') format('truetype');} 

@font-face {font-family: 'ITC Avant Garde Gothic Std Book';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-Bk.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std Book Oblique';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-BkObl.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std Bold';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-Bold.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std Bold Oblique';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-BoldObl.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std DemiBold';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-Demi.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std DemiBold Oblique';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-DemiObl.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std Medium';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-Md.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std Medium Oblique';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-MdObl.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std ExtraLight';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-XLt.otf') format('woff');} 
@font-face {font-family: 'ITC Avant Garde Gothic Std ExtraLight Oblique';font-weight: normal;font-style: normal;src: url('../fonts/ITCAvantGardeGothic/ITCAvantGardeGothic-XLtObl.otf') format('woff');} 

@font-face {font-family: 'Chronicle Display Black';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-Black.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Black Italic';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-BlackItalic.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Bold';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-Bold.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Bold Italic';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-BoldItal.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Italic';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-Italic.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Light';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-Light.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Light Italic';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-LightItal.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display Roman';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-Roman.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display SemiBold';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-Semibold.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display SemiBold Italic';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-SemiboldItal.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display ExtraLight';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-XLight.otf') format('woff');} 
@font-face {font-family: 'Chronicle Display ExtraLight Oblique';font-weight: normal;font-style: normal;src: url('../fonts/ChronicleDisplay/ChronicleDisp-XLightItalic.otf') format('woff');} 

input, button, select, textarea {
	font-family:'ITC Avant Garde Gothic Std Book';
}


/* float clearing for IE6 */
* html .clear {
	height: 1%;
	overflow: visible; 
}

/* float clearing for IE7 */
*+html .clear {
	min-height: 1%; 
}

/* float clearing for everyone else */
.clear:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* Réglement */
.celluletxtkr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #616161;
}	

/* CCS for Login Form */
.carousel-control {
	z-index: 10;
}
.container
{
position: absolute;
top: 0px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}

.account-wall
{
	padding: 5px 0px 5px 0px;
	background-color: #f7f7f7;
	-moz-box-shadow: 0px 2px 2px 0px #656565;
	-webkit-box-shadow: 0px 2px 2px 0px #656565;
	box-shadow: 0px 2px 2px 0px #656565;
	border-radius: 10px;
	width: 330px;
	/*height: 392px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	opacity: .7;
}

.account-wall:hover
{
	opacity: .9;
}

.login-title
{
	color: #ef1f7b;
	font-family: "manus"; 
	font-size: 5em;
	display: block;
}
.profile-img
{
	width: 96px;
	height: 96px;
	margin: 0 auto 10px;
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.logo-img
{
	margin: 0px auto 0px;
	display: block;
}
.form-signin
{
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
	margin-bottom: 10px;
	margin-left: 20px;
}
.form-signin .checkbox {
	font-weight: normal;
}
.form-signin .form-control {
	position: relative;
	font-size: 1em;
	height: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.label,.glyphicon { 
	margin-right:5px; 
}
.success {
	color:green;
	text-align: center;
	padding-bottom: 5px;
	float: left;
	width: 100%;
}
.error,.errornaiss {
	color: #EF5B84;
	text-align: center;
	padding: 5px;
	margin: 5px 0px 5px 0px;
	float: left;
	width: 100%;
	font-size: 12px;
	border-color: #dca7a7;
}
.errornaiss {
width: 75%;
float: right;
}
.agreementwarning {
color: red;

}
.need-help {
	margin-top: 10px;
}
.new-account {
	display: block;
	margin-top: 10px;
}

/* Form for MultiStep */
.recapitulatif
{
border: 2px solid #bce8f1;
border-radius: 4px;
margin: 0px 0px 15px 0px !important;
text-align: left;
background-color: #d9edf7;
}
.recapitulatif label
{
padding-top: 7px;
}
html {
	height: 100%;
}
body {
	font-family: ITC Avant Garde Gothic Std Book; /* montserrat, arial, verdana; */
}

/*form styles*/
#msform {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 0px;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	
}
#msform fieldset {
	background-color: #f7f7f7;
	/* border: 1px solid #8779AD; */
	border-radius: 15px;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	padding: 20px 30px;
	box-sizing: border-box;
	width: 80%;
	margin: 0 10%;
	opacity: .9;
	
	/*stacking fieldsets above each other*/
	position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
	display: none;
}
/*buttons*/
.action-button {
	min-width: 100px;
	background: #EF5B84;	/* #27AE60; */
	font-weight: bold;
	color: white;
	border: 0 none;
	border-radius: 10px;
	cursor: pointer;
	padding: 10px 10px;
	margin: 10px 5px;
	text-align: center;
}
.action-button:hover, .action-button:focus {
	box-shadow: 0 0 0 2px white, 0 0 0 3px #8779AD;	/* #27AE60; */
}
.action-button-annuler {
    background-color: lightSlateGray;
}
.action-button-annuler:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/*headings*/
.fs-title {
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid;
	color: #EF5B84;
}
.fs-subtitle {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	margin-bottom: 20px;
	text-align: center;
}

/*progressbar*/
#progressbar {
	padding: 0px 0px 0px;
	margin-top: 50px;
	margin-bottom: 30px;
	overflow: hidden;
	/*CSS counters to number the steps*/
	counter-reset: step;
	text-align: center;
	@import url(http://fonts.googleapis.com/css?family=Montserrat);
}
#progressbar li {
	list-style-type: none;
	color: #EF5B84; /* lightgray */
	text-transform: uppercase;
	font-size: 9px;
	width: 20%;
	float: left;
	position: relative;
}
#progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: lightgray; /* ici les pastilles */
	border-radius: 3px;
	margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: lightgray; /* ici la ligne de progressbar */
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
	/*connector not needed before the first step*/
	content: none; 
}
/*marking active/completed steps pink*/
/*The number of the step and the connector before it = pink*/
#progressbar li.active:before,  #progressbar li.active:after{
	background: #EF5B84;
	color: white;
}


.progressbar-3cols  li {
	width: 25% !important;
}

.entete {
	padding-bottom: 10px;
	border-bottom: 1px solid;
	color: #8779AD;
}
.tdb {
	top: initial;
	background-image: url('/img/2.jpg');
	background-position: center center;
	background-size: cover;
}
.justify {
	text-align: justify;
}
.no-msform {
	margin-top: 50px !important;
}

.form-control {
color: black;
}

.btn-primary {
    color: #FFF;
    background-color: #EF5B84;
    border-color: #EA4E71;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #FFF;
    background-color: #E4415D;
    border-color: #DC2E41;
}
.form-control-static {
	color: #EF5B84;
}
/* TypeAhead CSS */

.twitter-typeahead
{width: 100%}
.tt-dropdown-menu,
.gist {
  text-align: left;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
}
.typeahead {
  background-color: #fff;
}
.typeahead:focus {
  border: 2px solid #0097cf;
}
.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
  color: #999
}
.tt-dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  margin-top: 12px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}
.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
}
.tt-suggestion p {
  margin: 0;
}

.country-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
 }
.submit-buy-online{
border: 0px;
padding: 0;
background: transparent;
}
.submit-buy-online span{
background: transparent url(/img/tableau_cb.png) 0 0 no-repeat;
text-indent: -9999em;
border: 0px solid;
cursor: pointer;
display: block;
height: 86px;
width: 293px;
border-radius: 5px;
}
.submit-buy-online span:hover{
background: transparent url(/img/tableau_cb.png) 0 -86px no-repeat;
}

.submit-buy-online-3x{
border: 0px;
padding: 0;
background: transparent;
}
.submit-buy-online-3x span{
background: transparent url(/img/tableau_cb_3x.png) 0 0 no-repeat;
text-indent: -9999em;
border: 0px solid;
cursor: pointer;
display: block;
height: 86px;
width: 293px;
border-radius: 5px;
}
.submit-buy-online-3x span:hover{
background: transparent url(/img/tableau_cb_3x.png) 0 -86px no-repeat;
}

.submit-buy-offline{
border: 0px;
padding: 0;
background: transparent;
}
.submit-buy-offline span{
background: transparent url(/img/tableau_cheque.png) 0 0 no-repeat;
text-indent: -9999em;
border: 0px solid;
cursor: pointer;
display: block;
height: 86px;
width: 293px;
border-radius: 5px;
}
.submit-buy-offline span:hover{
background: transparent url(/img/tableau_cheque.png) 0 -86px no-repeat;
}
.dossard {
background-image: url('/img/dossard_2019.jpg');
background-position: top;
background-repeat: no-repeat;
font-family: manus;
font-size: 40px;
height: 355px;
}

.dossard p {
padding: 130px;
font-weight: bolder;
font-variant: small-caps;
top: 90px;
position: relative;
}

.upload input{
/*	display: none;*/
margin-left: auto;
margin-right: auto;
}

.pure-button{
	margin: 5px 0;
}
.upload{
}

.certificat {
	width: 50%;
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}

.status{
	display: none;
	/*padding: 5px;
	background: #F47063;
	width: 100%;
	color: white;
	margin: 8px 0;*/
}

.progress {
	position: relative;
	/*width: 90%;
	border: 1px solid #DDD;
	padding: 5px;
	border-radius: 3px;
	height: 30px;*/
	margin: 5px;

}
.bar{
	background: #008DE6;
	height: 20px;
	width: 0%;
	/* transition animation */
	-webkit-transition: width .3s;
		-moz-transition: width .3s;
			transition: width .3s;

}
.percent {
	position: absolute;
	display: inline-block;
	top: 6px;
	left: 48%;
	color: #333;
}
.button-img {
padding: 0.5em 1.5em 0.5em;
cursor: pointer;
text-decoration: none;
background-color: #E6E6E6;
border-radius: 5px;
-moz-transition: 0.1s linear -moz-box-shadow;
-ms-transition: 0.1s linear box-shadow;
-o-transition: 0.1s linear box-shadow;
transition: 0.1s linear box-shadow;
display: inline-block;
margin-bottom: 10px;
}

.button-img:hover {
    outline: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -ms-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}

.informations {
cursor: help;
margin-bottom:5px;
}
.tooltip-inner {
  color: #fff;
  background-color: deeppink;
}

.clickable{
    cursor: pointer;   
}

.panel-heading div {
	margin-top: -18px;
	font-size: 15px;
}
.panel-heading div span{
	margin-left:5px;
}
.panel-title
{
	text-align: center;
}

.submit-button
{
min-width: 100px;
background: #EF5B84;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 10px;
cursor: pointer;
padding: 7px;
text-align: center;
}

.action-th 
{
text-align: center;
}

.pull-center
{
text-align: center;
}

.img_rotate_left {
position: absolute;
top: 1px;
left: 16px;
background: transparent url(img/rotate_left.png) center center no-repeat;
border: 0px solid #000;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 5000;
color: transparent;
}

.img_rotate_right {
position: absolute;
top: 1px;
right: 16px;
background: transparent url(img/rotate_right.png) center center no-repeat;
border: 0px solid #000;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 5000;
color: transparent;
}

.img_reject {
background: transparent url(img/reject.png) center center no-repeat;
border: 0px solid #000;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 5000;
color: transparent;
}

.img_validate {
background: transparent url(img/validate.png) center center no-repeat;
border: 0px solid #000;
width: 48px;
height: 48px;
cursor: pointer;
z-index: 5000;
color: transparent;
}

.validation-success {
color: #3c763d;
background: #dff0d8;
border: 1px solid whitesmoke;
}

.validation-softfail {
color: #3c763d;
background: #f2dede;
border: 1px solid whitesmoke;
}

.validation-fail {
color: #a94442;
background: #f2dede;
border: 1px solid whitesmoke;
}

.integration-success {
color: green;
background: whitesmoke;
}

.integration-fail {
color: red;
background: whitesmoke;
}

.alert-success {
  color:#241818;
  background-color: #d7e485;
  border-color: #d6e9c6;
}
.alert-warning {
  color: #241818;
  background-color: #ffdf68;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-info {
  color: white;
  background-color: #29b0b1;
  border-color: #bce8f1;
}