html,body { width:100%; height:100%; padding:0px; margin:0px; }
h1,h2,h3,h4,h5,h6,p,form,ul,li { padding:0px; margin:0px; }
* { outline:none !important; }

.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop {  }
.mobile { display:block; }

.columns { display:flex; list-style-type:none; }
.columns > .column { flex:1; }
.columns > li { flex:1; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type="number"] { -moz-appearance:textfield; }

.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }


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

body {
	min-width: 320px;
	background: white;
	font-family: 'Gotham', sans-serif !important;
	font-size: 16px;
}

.container { width:1000px; max-width:100%; min-width:320px; }
.container > .columns { /* margin-left:-15px; margin-right:-15px; */ }
.container > .columns > .column { padding:0px 15px; box-sizing:content-box; }


header { margin-bottom:0px; padding:0px !important; }
header > .container { position:relative; background:#fff; width:100%; /* 1366px; */ max-width:100%; height:768px; padding-bottom:0px; /* 47%; */ background-size:cover !important; background-repeat:no-repeat !important; background-position:top center !important; }
header .logo-lnc { position:absolute; top:45px; left:50%; width:292px; margin-left:-146px; }

header .columns > .column { height:100px; line-height:100px; }
header .columns > .column:first-child { max-width:230px; }
header .columns > .column:last-child { text-align:center; }
header .img-responsive { display:inline-block; max-width:100%; max-height:100%; }
header .baseline { font-weight:bold; font-size:1.3vw; /* 21px; */ color:#a40356; display:inline-block; vertical-align:middle; text-align:center; text-transform:uppercase; }
header .baseline strong { font-weight:bold; }

header #quick-search { width:800px; max-width:calc(100% - 30px); height:300px; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; background:rgba(255,255,255, 0.9); padding:50px 30px; border-radius:8px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
header #quick-search h1 { font-size:24px; color:#A10554; margin-bottom:30px; text-align:center; }
header #quick-search form { width:300px; margin:auto; }
header #quick-search .form-group .control-label { display:none; }
header #quick-search .btn-search { display:block; height:50px; line-height:50px; width:250px; text-align:center; font-size:18px; font-weight:bold; color:#fff; background:linear-gradient(to right, #5A002E, #9B1935); text-decoration:none; border-radius:25px; margin:auto; border:none; margin-top:30px; }


main {  }
main > section { position:relative; overflow:visible; margin-bottom:30px; }
main > section hr { max-width:60px; border-top:solid 3px #42145f; }
main > section h2 { /* font-family:'FuturaStd-Light', sans-serif; font-size:40px; color:#42145f; text-transform:uppercase; text-align:center; */ }
main > section h3 { /* font-family:'FuturaStd-Book', sans-serif; font-size:22px; text-align:center; text-transform:uppercase; margin-bottom:50px; */ }

#programmes { padding-top:60px; }
.programme { display:block; margin-bottom:50px; }
.programme .programme-visuel { }
.programme .programme-visuel .carousel-inner { width:100%; height:0px; padding-bottom:55%; }
.programme .programme-visuel .carousel-inner > .item { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#eee; background-size:cover !important; background-repeat:no-repeat !important; }
.programme .programme-visuel .carousel-text { position:absolute; right:20px; bottom:0px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:#e4157e; padding:0px 20px; text-transform:uppercase; }
.programme h3 { font-size:16px; font-weight:bold; color:#000; margin-bottom:20px; }
.programme h3 strong { font-size:24px; font-weight:bold; color:#a40356; }
.programme .programme-infos { padding:20px; box-shadow:0px 0px 10px rgba(0,0,0, 0.3); }
.programme .programme-infos .resume { font-size:16px; margin-bottom:20px; line-height:1.2em; }
.programme .programme-infos .descriptif { overflow:hidden; margin-bottom:10px; transition:all 0.4s ease; }
.programme .programme-infos .descriptif p { font-size:14px; transition:all 0.4s ease; max-height:64px; overflow:hidden; line-height:1.2em; }
.programme .programme-infos .descriptif.active p { height:auto; max-height:none; }
.programme .programme-infos .descriptif a.more,
.programme .programme-infos .descriptif a.less { float:right; margin-top:10px; font-size:14px; font-weight:bold; color:#000; text-decoration:none; }
.programme .programme-infos .descriptif a.more { display:block; }
.programme .programme-infos .descriptif a.less { display:none; }
.programme .programme-infos .descriptif.active a.more { display:none; }
.programme .programme-infos .descriptif.active a.less { display:block; }
.programme .programme-infos .descriptif.active a.less > .glyphicon { background:#333; color:#fff; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; }
.programme .btn-documentation { display:block; height:50px; line-height:50px; width:250px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:linear-gradient(to right, #5A002E, #9B1935); text-decoration:none; border-radius:25px; margin:auto; }
#programmes p.mentions { font-size:14px; text-align:justify; line-height:1.2em; }


footer { background:#eeede8; font-size:13px; padding:40px 80px; }
footer p { font-size:15px; line-height:1.1em; color:#000; }
footer a { color:#000; text-decoration:underline !important; }
footer a:hover { color:#5d0030; }
.links_item { }
.links_item .links_icon { width:18px; height:18px; }
footer .columns > .column { text-align:center; }
footer .columns > .column:first-child { text-align:left; }
footer .columns > .column:last-child { text-align:right; }
footer .social { display:inline-block; margin-left:5px; }
footer .social > img { width:23px; }
footer .row { margin-bottom:20px; }


#navbar-top { position:fixed; left:0px; top:-100%; right:0px; height:60px; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.3); opacity:0; transition:all 0.8s ease; border-radius:0px; border:none; }
body.navbar-active #navbar-top { top:0px; opacity:1; }
#navbar-top > .container { }
#navbar-top .columns > .column { height:60px; line-height:60px; text-align:center; padding:0px 15px; }
#navbar-top .columns > .column:first-child { text-align:left; }
#navbar-top .columns > .column:last-child { text-align:right; }
#navbar-top .columns > .column .logo-lnc { display:inline-block; vertical-align:middle; max-height:30px; }
#navbar-top .columns > .column .logo-lnc > img { max-height:30px; }
#navbar-top .columns > .column > form { line-height:1em; height:40px; display:inline-block; margin-top:10px; width:300px; }
#navbar-top .form-group { margin:0px; border-radius:6px; overflow:hidden; }
#navbar-top .form-group .control-label { display:none; }
#navbar-top .form-group .control { /* height:60px; line-height:60px; */  background:#eeede8; }
#navbar-top .form-group .control .input-group { height:40px; line-height:40px; }
#navbar-top .form-group .control .form-control { height:40px; line-height:40px; display:inline-block; vertical-align:middle; background:transparent; border:none !important; outline:none !important; }
#navbar-top .icon-search { color:#fff; font-weight:bold; background:linear-gradient(to right, #5A002E, #9B1935); border:none; border-radius:6px; text-decoration:none !important; }


.modal { /* margin-right:-17px; */ }
.modal > .modal-dialog { width:80%; height:60%; margin:10% auto 0px auto; }
.modal > .modal-dialog > .modal-content { height:100%; display:flex; flex-direction:column; }
.modal > .modal-dialog > .modal-content > .modal-header { position:relative; flex:1; max-height:60px; height:60px; line-height:60px; padding:0px 20px; box-shadow:0px 0px 10px #777; }
.modal > .modal-dialog > .modal-content > .modal-header .modal-title { height:60px; line-height:60px; font-family:'Gotham'; font-size:18px; color:#42145f; }
.modal > .modal-dialog > .modal-content > .modal-header .btn-close { position:absolute; right:-10px; top:-10px; width:40px; height:40px; line-height:40px; text-align:center; background:#42145f; color:#fff; opacity:1; }
.modal > .modal-dialog > .modal-content > .modal-body { flex:1; overflow-y:auto; font-size:14px; padding:40px; }
.modal-body h5 { font-weight:bold; margin-bottom:15px; }
.modal-body p { margin-bottom:15px; }
.modal-body ul li { margin-bottom:15px; margin-left:20px; }

.modal-dialog#documentation { position:relative; width:640px; max-width:100%; height:auto; max-height:auto; background:#fff; color:#5D0030; border-radius:8px; overflow:hidden; /* position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; */ }
.modal-dialog#documentation .modal-content { border-radius:0px; padding:40px; overflow:hidden; overflow-y:auto; }
#documentation h5 { font-weight:normal; font-size:25px; text-transform:uppercase; color:#AB2566; text-align:center; margin-bottom:30px; }
#documentation button.close { position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; color:#000; opacity:1; }
#documentation .form-group { margin-bottom:10px; }
#documentation .form-group .control-label { display:none; }
#documentation .form-group .form-control { color:#5D0030; border:solid 1px #5D0030; height:40px; }
#documentation .form-group .form-control::placeholder { color:#5D0030; }
#documentation .form-group#civilite .control,
#documentation .form-group#projet .control { text-align:center; }
#documentation .form-group#optin1 label { font-size:12px; font-weight:normal; line-height:1.1em; }
#documentation .mentions { text-align:center; color:#5D0030; margin-bottom:20px; }
#documentation .btn-send { display:block; height:50px; line-height:50px; width:250px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:linear-gradient(to right, #5A002E, #9B1935); text-decoration:none; border-radius:25px; margin:auto; text-transform:uppercase; border:none; }
#documentation a { text-decoration:underline; color:#5D0030; }
.form-group.error .form-control { border:solid 1px #ff0000 !important; }
.form-group.error .checkbox-inline, .form-group.error .checkbox-inline label { color:#ff0000 !important; }


@media (max-width: 640px) {
		
		header .logo-lnc { width:200px; margin-left:-100px; top:30px; }
		header #quick-search { padding:30px 20px; height:240px; }
		header #quick-search h1 { font-size:5vw; }
		header #quick-search form { max-width:100%; }
		
		main.container-fluid { padding-left:0px; padding-right:0px; }
		
		#programmes { padding-top:30px; }
		.programme { margin-left:0px; margin-right:0px; margin-bottom:30px; }
		.programme .columns { display:block; }
		.programme .columns > .column { display:block; }
		.programme .programme-infos { box-shadow:none; }
		.programme { box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
		
		#navbar-top .columns > .column { max-width:40%; }
		#navbar-top .columns > .column:first-child { display:none; }
		#navbar-top .columns > .column:last-child { max-width:60%; }
		#navbar-top .columns > .column > form { width:100%; }
		#navbar-top .columns > .column .logo-lnc { margin-right:-15px; }
		
		footer.container-fluid { padding-left:0px; padding-right:0px; }
		footer .row { text-align:center; margin-bottom:20px; }
		footer .columns { display:block; }
		footer .columns > .column { display:block; text-align:center !important; }
		footer .logo-lnc { max-height:30px; margin:auto; }
		
}

/****** 20190905 // IDF >> CFH ******/
header > .container { background-position:center !important; }
header #quick-search { top:160px; /* 90px; */ bottom:auto; background:rgba(255,255,255, 0.75); text-align:center; padding:30px; }
header #quick-search .logo-lnc { position:relative; left:auto; top:auto; margin:0px auto 20px auto; max-height:90px; width:auto; margin-top:-42px; box-shadow:0px 0px 2px rgba(0,0,0,0.4); }
header #quick-search h1 { margin-bottom:20px; color:#024f98; }
header #quick-search .btn-search { background:linear-gradient(to right, #4872B2, #024f98); }
.programme h3 strong { color:#024f98; }
.programme .programme-visuel .carousel { height:100%; }
.programme .programme-visuel .carousel-inner { height:100%; }
.programme .programme-visuel .carousel-inner > .item { background-position:center !important; }
.programme .programme-infos .descriptif { padding-bottom:10px; }
#navbar-top .columns > .column .logo-lnc { max-height:46px; }
#navbar-top .columns > .column .logo-lnc > img { max-height:46px; /* box-shadow:0px 0px 2px rgba(0,0,0,0.4); */ }
#navbar-top .icon-search { border-radius:0px 6px 6px 0px; }
#navbar-top .telephone { max-height:40px; max-width:210px; }
footer .logo-lnc { margin-bottom:10px; max-width:230px; max-height:60px; }
footer a:hover { color:#024f98; }
.programme .btn-documentation,
#navbar-top .icon-search,
#documentation .btn-send { background:linear-gradient(to right, #4872B2, #024f98); }
.modal-dialog#documentation { color:#024f98; }
#documentation h5,
#documentation .mentions,
#documentation a,
#documentation .form-group .form-control::placeholder { color:#024f98; }
#documentation .form-group .form-control { color:#024f98; border:solid 1px #024f98; }


@media (max-width: 640px) {
	header > .container { background-size:cover !important; }
	header #quick-search { height:auto; top:38%; padding:15px; }
	header #quick-search { background:rgba(255,255,255, 0.9); }
	header #quick-search .logo-lnc { display:block; }
	header #quick-search h1 { font-size:3.3vw; font-weight:bold; margin-bottom:15px; }
	header #quick-search .btn-search { margin-top:0px; height:40px; line-height:40px; width:auto; padding:0px 25px; font-size:4vw; }
	.programme .programme-visuel .carousel-inner { height:0; padding-bottom:60%; }
	.programme .programme-visuel .carousel-inner > .item { background-size:100% auto !important; }
}