/* CIFC Stylesheet */
/* font /////////////////////////// */
@font-face {
    font-family: 'sk-modernistbold';
    src: url('/fonts/sk-modernist-bold-webfont.woff2') format('woff2'),
         url('/fonts/sk-modernist-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'sk-modernistlight';
    src: url('/fonts/sk-modernist-light-webfont.woff2') format('woff2'),
         url('/fonts/sk-modernist-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'sk-modernistregular';
    src: url('/fonts/sk-modernist-regular-webfont.woff2') format('woff2'),
         url('/fonts/sk-modernist-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;}

body{
	font-family:'sk-modernistregular', helvetica, sans-serif;
	margin-bottom:150px;
}


h1, .h1, 
h2, .h2, 
p.light {
	font-family:'sk-modernistlight', helvetica, sans-serif;
}
h3, .h3 {
	font-family:'sk-modernistbold'; 
	font-weight:100;
}

span.h1 {display:block;}

p {
	-moz-font-feature-settings:"kern" 1; 
	-ms-font-feature-settings:"kern" 1; 
	-o-font-feature-settings:"kern" 1; 
	-webkit-font-feature-settings:"kern" 1; 
	font-feature-settings:"kern" 1; 
	font-kerning:normal;  

	letter-spacing:0.004em; 
	word-spacing:0.03em; 
	font-size:1.18em;
	line-height:1.7em;
	margin:0 0 14px 0;

	-webkit-font-smoothing:antialiased; /* Chrome, Safari */ 
	-moz-osx-font-smoothing:grayscale; /* Firefox */ 
	text-rendering:optimizeLegibility;
}

p strong {
	font-family: 'sk-modernistbold';
	letter-spacing:0.01em; 
}

/* styles perso*/
.blue {color:#002773;}
.blueDark {color:#002773;}
.legende {font-size:0.9em;}
.legende2 {font-size:0.8em;margin-top:-5px;display:block;}
.transparent {color:transparent;}
.img-form {padding: 0px 0px 30px 0px; margin:0px auto;}

.marginTop {margin-top:155px;}
.marginTopSmall {margin-top:50px;}
.marginTopXS {margin-top:20px;}

.marginBottomOnlyXS {margin-bottom:40px;}
.noMarginBottom{margin-bottom:0px;}
.noMarginXS{margin-bottom:10px;}
.marginBottom {margin-bottom:20px;}
.marginContainer {margin-bottom:300px;}

.mb-5 { margin-bottom:50px; }
.mt-3 { margin-top:30px; }


label.disable input[type="checkbox"] {
	cursor:not-allowed;
}
.barre, label.barre .txt {text-decoration:line-through;opacity:0.7;}

.complet {color:#FF4c33;}
.complet:after { content:" // complet"; }
.complet .glyphicon {}


/* Navigation ////////////////////////////////*/
#menu {background: rgba(242, 242, 242, 1);}
#menu a {color:#000;text-align:center;}
#menu a:active, #menu ul li.active, #menu ul li.active a {color:#002773;}
#menu ul li a:hover, #menu ul.dropdown-menu li a:hover {color:#9c9c9c;}
#menu ul.dropdown-menu li.active a {
	background-color:#002773;
	color:#fff;}
.navbar-toggle {margin-top:17px;}
.navbar-header {margin-top:-2px;}
#menu ul li, #contact ul li {font-size:1em;margin-bottom:0px;}
#menu .nav li a {display:block;float:none;}

/* responsive improvements for navigation */
#menu, #menu ul.dropdown-menu li a  {font-size:1em;}
#menu ul.navbar-nav li a {text-align:left;}
#menu ul.dropdown-menu li a {text-align:right;padding:0px 20px 10px 0px;}
#menu .nav > li > a {padding:5px 0px;}
#menu .nav > li {border-top:1px solid #ccc;}






/*IMG COVER -> img full width  */
#imgCover {
	padding: 0px;
	margin: -58px 0px 50px 0px;
	overflow:hidden;
	height:300px;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center center;}


/* Grey expert */
.greyExperts { }
.greyExperts a {display:block;}
.menuExperts {width:100%;}
.floatRight {float:right;margin-top:20px;} 

/* Lists */
ul li {margin-bottom:8px;padding-left:10px;}
ul {margin-top:0px;}

/*Glyph*/
.glyphSize {font-size:2em;margin:6px 0px 0px 0px;}
.glyphMargLeft {margin-left:10px;margin-right:5px;}


	

/* ancre */
.ancre {margin-top:-120px;padding-top:120px;width:1px;}
.ancreModules {margin-top:-60px;padding-top:60px;width:1px;}

/* ERROR //////////////////////////////////   */
div.alert {display:none;}
.errorStd, .errorInput {
	color: red;
}
.errorInput {
	margin-top:-12px;	
	position: absolute;
	right:10px;
	text-align:center;
}
.errorStd {
	text-align: left;
	margin-top:0px;
}
.errorStd,
.errorInput {
	background-color: white;
	padding: 1px 3px;
	width: 175px;
	margin-right: 10px;
}

input[type=text].error, textarea.error {border: 1px solid red;}
input[type=text]:focus, textarea:focus {border:1px solid #002773;}

div.error {border: 1px solid red;}
div.g-recaptcha.error {
	border-left:2px solid red;
	border-right:0px solid transparent;
	border-top:0px solid transparent;
	border-bottom:0px solid transparent;}
span.glyph-alert {
    font-size: 1.6em;
    padding-bottom: 20px;
	left:45%;}

#message_erreur_formation,
#message_erreur,
#message_succes {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	height:100%;
	background-color:#fff;
	color:#000;
	background-color:rgba(255,255,255,0.6);}

.innerbox-success, 
.innerbox-warning, 
.innerbox-danger {
	width:80%;
	height:30%;
	margin-left:-40%;
	position:fixed;
	top:20%;
	left:50%;	
	padding:30px;}

.innerbox-success {background-color:#00C04C;}
.innerbox-warning {background-color:#FFd401;}
.innerbox-danger {background-color:#FFd401;}

.closeBtn-screen {
	width:100%;
	height:100%;
	background-color:transparent;	
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
}
/*input */
input[type="checkbox"] {
	width:auto;
	margin-right:15px;
	padding-bottom:10px;
	outline:none;}
input[type="radio"] {
	width:auto;	
	margin:15px 15px 15px 30px;}
label {
	margin-bottom:0px;
	padding:5px 0px;
	cursor:pointer;
	font-size:1.2em;
	font-weight:100;
	display:block;}
label.inline {display:inline;}
.form h3 {margin: 5px 0px 0px 0px;}
a.linkBottom {float:left;margin-top:20px;margin-bottom:30px;display:block;}

.g-recaptcha {margin-top:15px;}

.pull-rightLeftXs {float:left; !important}
.alert .close {color:#fff;}
.alert .close:focus, .alert .close:hover {color:#fff;background-color:transparent;}

@media (min-width:768px) {
	#imgCover {height:460px;}
	.glyphSize {font-size:1.2em;}
	.grey {margin-top:0px;}
	.btnCenter {width:47%; display:inline;}
	.pull-rightLeftXs {float:right; !important}
	.marginBottomOnlyXS {margin-bottom:0px;	}
	.noMarginXS{margin-bottom:65px;}
	.innerbox-success, 
	.innerbox-warning, 
	.innerbox-danger {
		width:500px;
		margin-left:-250px;
		position:fixed;
		top:20%;
		left:50%;	
		padding:30px;}
}
@media (min-width:992px) {
	#menu {
		margin-top:0px;
		background-color:transparent;
		border-bottom:0px;}
	#menu a {color:#000;}
	#menu > ul > li > ul > li > a:focus {color:#fff;background-color:#002773;}
	#menu a:active, #menu ul li.active a {color:#002773;}
	#menu ul li a:hover {color:#002773;}
	#menu ul.dropdown-menu li a:hover {color:#fff;}
	#menu ul.dropdown-menu li.active a {background-color:#002773;color:#fff;}
	#imgCover {height:490px;}
	/*.grey a {padding-bottom:3px;}*/
	.btnCenter {width:32%;}
	
	/* responsive improvements */
	#menu, #menu ul.dropdown-menu li a  {font-size:1em;}
	#menu ul.navbar-nav li a {text-align:left;}
	#menu .nav > li > a {padding:20px 0px 18px 0px;}
	#menu .nav > li {border-top:0px solid transparent}
}
@media (min-width:1200px) {
	#imgCover {height:500px;}
	.btnCenter {width:23%;}
}

/* POP UP COOKIES */
#popupcookie {
	position: fixed;
	bottom: 0px;
	right: 0px;
	height: auto;
	width: 100%;
	max-width: 360px;
	background-color: #f9f9f9;
	padding: 20px 30px;
	z-index: 10000;
	border: 1px solid #ece6d9;
	border-radius: 4px;
}