html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
overflow-x:hidden;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*****************************************************************************************/
/********************* GLOBAL CSS FOR PHYTOSYNTHESE **************************************/
/*****************************************************************************************/
body { font-family:"proxima-nova"; font-size:14px; line-height:1.2; background:#222222; color:#ffffff; }
a { color:#ff8711; }
a:hover, a:focus { color:#ff8711; outline:0; text-decoration:none; }
p { line-height:1.5; }
p strong { font-weight:600; }
p .exerg { color:#ff8711; }
.animated { transition:all cubic-bezier(0,0.5,0.5,1) 1s; -webkit-transition:all cubic-bezier(0,0.5,0.5,1) 1s; -ms-transition:all cubic-bezier(0,0.5,0.5,1) 1s; }
.animated.long { transition:all cubic-bezier(0,0.5,0.5,1) 10s; -webkit-transition:all cubic-bezier(0,0.5,0.5,1) 10s; -ms-transition:all cubic-bezier(0,0.5,0.5,1) 10s; }
.animated.opacity { opacity:0; }
.animated.blur { filter:blur(10px); opacity:0; }
.animated.left { transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); }
.animated.right { transform:translateX(100%); -webkit-transform:translateX(100%); -ms-transform:translateX(100%); }
.animated.top { transform:translateY(-100%); -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); }
.animated.bottom { transform:translateY(100%); -webkit-transform:translateY(100%); -ms-transform:translateY(100%); }
.animated.scale { transform:scale(0.3); -webkit-transform:scale(0.3); -ms-transform:scale(0.3); }
.container { padding-right:20px; padding-left:20px; }
.row { margin-left:-10px; margin-right:-10px; }
.row > * { padding-left:10px; padding-right:10px; }
.row.nm { margin-left:0; margin-right:0; }
.row.nm > * { padding-left:0; padding-right:0; }
.navbar-toggle { background:#292929; margin-top:33px; margin-left:20px; padding:11px 14px; float:left;}
.navbar-toggle:hover { background:#333; }
.navbar-toggle .icon-bar { background:#fff; width:40px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top:7px; }
@media (min-width: 1200px) {
.container {
width: 1240px;
}
}
.breadcrumb { clear:none; background:none; border:0; padding:0; overflow:hidden; font-size:13px; margin-bottom:10px; font-family:Lora; font-style:italic; }
.breadcrumb li { float:left; }
.breadcrumb li a { font-size:13px; color:#6d6d6d; }
.breadcrumb li a:hover { color:#ff8711; }
.breadcrumb li+li:before {
padding: 0 5px;
color: #6d6d6d;
font-family: 'FontAwesome';
content: "\f105";
}
.big-title { font-size:50px; font-weight:bold; text-transform:uppercase; letter-spacing:15px; color:#233249; margin-bottom:15px; }
#page .big-title { border-bottom:1px solid #f7f7f7; font-size:36px; font-weight:300; text-transform:none; letter-spacing:0; color:#333; padding-bottom:15px; margin:0; }
.baseline { font-size:24px; line-height:1.3; color:#233249; }
@media (max-width:1400px) {
.baseline, .big-title { margin-left:120px; }
}
.link-it { cursor:pointer; }
header { position:relative; z-index:210; margin-bottom:40px;overflow:hidden; }
#logo { padding:20px 20px 20px 30px; float:left; width:300px; }
#top-nav { width:100%; max-width:550px; padding:15px 25px; background:#282828; overflow:hidden; }
#top-nav { float:left; }
#top-nav li { border-bottom:1px solid #3e3e3e; }
#top-nav li:last-child { border:none; }
#top-nav a { transition:all ease 0.3s; display:block; font-size:13px; display:block; padding:8px 6px; color:#ababab; }
#top-nav a:hover { color:#ccc; background:#222; }
#top-nav a i { float:right; color:#ff8711; }
#top-nav #top-search { position:relative; font-size:12px; color:#999; border-radius:2px; margin-right:10px; }
#top-nav #top-search input { background:#222222; line-height:15px; border-radius:4px; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.2); border:0; padding:13px; width:100%; }
#top-nav #top-search button { height:32px; border-radius:3px; color:#4d4d4d; width:32px; box-shadow:1px 1px 1px #181818; padding:0; background:#282828; border:0; position:absolute; top:5px; right:5px;}
#top-nav #top-search button:hover { background:#ff8711; color:#222 }
#top-nav .search { font-size:12px; color:#999; background:#fff; padding:5px; border-radius:2px; float:left; margin-right:10px; }
#top-nav .search i { margin-left:10px; }
#top-nav .search:hover { background:#ff8711; color:#fff; }
#logo-ifa { max-width:92px; position:relative; z-index:9999; float:left; margin:0 10px -50px 0; }
#logo-baseline { padding-left:20px; line-height:1.2; float:left; margin-top:26px; margin-bottom:3px; display:block; font-size:13px; font-weight:600; color:#ffffff; background:url(../images/ifa-baseline-arc.png) no-repeat 0 0; }
.top-social { padding:30px 50px 0 0; float:right; }
.top-social div { float:left; font:italic 14px Lora; color:#888; margin-right:15px; margin-top:12px; }
.top-social ul { float:left; }
.top-social li { float:left; }
.top-social li a { display:block; border-radius:3px; border:1px solid #4e4e4e; height:40px; width:40px; color:#a9a9a9; text-align:center; padding-top:10px; margin:0 3px; }
.top-social li a:hover { color:#ff8711; }
.top-social .icon { display:block; height:30px; width:30px; background:url(../images/social-icons.png) no-repeat 5px -8px; text-indent:-10000px; overflow:hidden; }
.top-social .icon.viadeo { background-position:5px -8px; }
.top-social .icon.snapchat { background-position:-27px -7px; }
.top-social .icon.viadeo:hover { background-position:5px -38px; }
.top-social .icon.snapchat:hover { background-position:-27px -37px; }
#main-nav:after { clear:both; display:table; content:''; }
#main-nav .navbar-nav { padding:28px 0 27px; float:none; }
#main-nav .container { position:relative; }
#main-nav #formations-dropdown { width:100%; padding:0 20px; padding-top:30px; box-shadow:none; border:0; background:none; }
#main-nav #formations-dropdown > div { background:#268bdd; padding:20px; box-shadow:0 2px 2px rgba(0,0,0,0.5); }
@media(min-width:992px) { #main-nav #formations-dropdown { margin-top:-30px; }}
#main-nav .dropdown-menu .formations { margin-top:15px; }
#main-nav .dropdown-menu .formations a { position:relative; font-size:18px; color:#fff; display:block; padding:14px 20px; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); }
#main-nav .dropdown-menu .formations a i { position:absolute; font-size:34px; top:50%; margin-top:-17px; right:20px; }
#main-nav .dropdown-menu .formations a:hover { background:rgba(0,0,0,0.05)!important;}
#main-nav .dropdown-menu .formations a:hover i { right:15px; }
#main-nav .dropdown-menu .formations span { display:block; font-weight:bold; }
#main-nav .dropdown-menu .grid-item { width:auto; max-width:100%; height:280px; }
#main-nav .dropdown-menu .dark-item .title { font-size:28px; }
#main-nav .dropdown-menu .dark-item.light { background:#1168af; }
#main-nav .dropdown-menu .dark-item.light .small-title { color:#222; }
#main-nav .dropdown-menu .row { margin-left:-5px; margin-right:-5px; }
#main-nav .dropdown-menu .row > * { padding-left:5px; padding-right:5px; }
#main-nav .navbar-nav > li { position:unset; border-bottom:1px solid #393939; }
#main-nav .navbar-nav > li:first-child { border-top:1px solid #393939; }
#main-nav .navbar-nav > li > a { transition:all ease 0.3s; padding:12px; position:unset; color:#ffffff; font-weight:bold; font-size:16px; }
#main-nav .navbar-nav a:hover { background:#1c1c1c!important; }
#main-nav .navbar-nav li:first-child a { box-shadow:none; }
#main-nav .dropdown-menu { position:relative; float:none; box-shadow:none; border:0; }
#main-nav .dropdown-menu .dropdown-menu { box-shadow:0 0 4px #111; border-radius:0; }
/*#main-nav .navbar-nav > li > ul { display:none; }
#main-nav .navbar-nav > li.active > ul { display:block; }
#main-nav .navbar-nav > li.active > ul ul { display:none; }*/
.nav>li>a:focus, .nav>li>a:hover { background:#222; }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background:#1c1c1c!important; }
#main-nav .info { padding:70px 20px; }
#main-nav .info a { color:#fff; }
#main-nav .info a:hover { color:#ff8711; background:none!important; }
#main-nav .info .title { font:15px Lora; }
#main-nav .info .tel { font:bold 18px Lora; margin:5px 0; display:block; color:#ff8711; }
#main-nav .info p { font-size:13px; }
#page .section-content { margin-left:320px; max-width:1260px; }
.light-section { background:#282828; padding-bottom:125px; margin-bottom:-40px; }
.grid-item { float: left; height: 300px; width: 300px; overflow: hidden; position: relative; margin-bottom:20px; }
/*.grid-item > div { cursor:pointer; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -ms-transition:all ease 0.3s; position:relative; background: #ffffff; height:100%; overflow:hidden; padding:40px 20px 20px 40px; }*/
.grid-item--width2 { width: 620px; }
.grid-item--height2 { height: 620px; }
.dark-item { padding:40px; background:#2a2a2a; }
.dark-item:hover { background:#2f2f2f; }
.dark-item a { position:absolute; right:15px; bottom:20px; font-size:13px; color:#fff; }
.dark-item a i { margin-left:5px; }
.dark-item a:hover {color:#2393ef; }
.dark-item a:hover i { margin-left:10px; }
.dark-item .small-title { margin-bottom:7px; color:#2393ef; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; }
.dark-item .title { color:#ffffff; font-size:30px; letter-spacing:0.5px; }
.tri-links ul { display:block; height:100%; }
.tri-links li { height:33.333%; position:relative; }
.tri-links li a { transition:all ease 0.5s; padding:31px 15px; box-shadow:inset 0 1px 0 #3e3e3e; text-transform:uppercase; background:#282828; color:#ffffff; font-size:16px; letter-spacing:0.5px; display:block; height:100%; margin-bottom: 20px;}
.tri-links li a:hover { background:#1e1e1e; box-shadow:inset 0 1px 0 rgba(0,0,0,0.1); }
.tri-links li a strong { display:block; font-weight:bold; }
.tri-links li a i { color:#ff8711; position:absolute; font-size:16px; top:50%; margin-top:-8px; right:20px; }
.formation-links li a { padding-left:70px; }
.formation-links li a i { font-size:40px; left:20px; right:auto; margin-top:-21px; }
.partners-title {
font-size: 18px;
margin-bottom: 5px;
color: #ff8711;
font-weight: bold;
line-height: 1.1;
margin-bottom:30px;
}
.partner { overflow:hidden; margin-bottom:15px; }
.partner .logo {text-align:center; line-height:180px; float:left; width:200px; height:200px; background:#ffffff; overflow:hidden; border-radius:100px; }
.partner .logo img { max-width:94%; vertical-align:middle; display:inline-block; margin:0 auto; }
.partner .content { position:relative; margin-top:30px; margin-left:220px; background:#282828; border:0; color:#fff; }
.partner .content:before { content:''; display:block; position:absolute; width:20px; height:20px; background:#282828; transform:rotate(45deg); left:-10px; top:60px; }
.partner .content h2 { font-size:18px; font-weight:bold; }
.btn-default { float:right; background:#ff8711; color:#ffffff; border:0; text-transform:uppercase; font-weight:bold; letter-spacing:0.5Px; }
.formation-ad { position:relative; margin-bottom:20px;}
.formation-ad > div {
position: absolute;
right: 0;
bottom: 80px;
z-index: 20;
}
.formation-ad .small-title {
position: relative;
z-index: 21;
float: right;
background: #ffffff;
font-size: 18px;
font-weight: bold;
color: #333;
text-transform: uppercase;
line-height: 1;
font-size:13px;
padding: 10px 40px 10px 20px;
margin-bottom: -10px;
}
.formation-ad .title {
max-width: 500px;
clear:both;
float: right;
background: #ff8711;
font-size: 26px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
line-height: 1;
padding: 20px 40px;
text-align:right;
}
.contact-map { position:relative; margin-bottom:20px;}
.contact-map > div {
position: absolute;
left: 0;
bottom: 80px;
z-index: 20;
}
.contact-map .small-title {
position: relative;
z-index: 21;
float: left;
background: #ffffff;
font-size: 18px;
font-weight: bold;
color: #333;
text-transform: uppercase;
line-height: 1;
font-size:13px;
padding: 10px 20px 10px 40px;
margin-bottom: -10px;
}
.contact-map .title {
max-width: 500px;
clear:both;
float: left;
background: #ff8711;
font-size: 26px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
line-height: 1;
padding: 20px 40px;
text-align:left;
}
#contact-link { min-height:300px; margin-bottom:20px; }
#contact-link .title { color:#222; font-size:13px; text-transform:uppercase; }
#contact-link .title strong { font-size:20px; }
.bg { position:absolute; top:0; left:0; width:100%; }
.btitle { font-size:16px; text-transform:uppercase; font-weight:bold; margin-bottom:10px;}
.offer { background:#f1f1f1; padding:15px 15px 5px; position:relative; margin-bottom:0;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;}
.offer .head:after { clear:both; content:''; display:table; }
.offer .head i { position:absolute; right:20px; top:15px; }
.offer .head .fa-minus-square-o { display:block; }
.offer .head .collapsed .fa-minus-square-o { display:none; }
.offer .head .fa-plus-square-o { display:none; }
.offer .head .collapsed .fa-plus-square-o { display:block; }
.offer .head .title {
font-size: 15px;
color:#ff8711;
font-weight: bold;
margin-bottom:10px;
}
.offer .head .title a {color:#ff8711; display:block; }
.offer .head .title a.collapsed {color:#333; display:block; }
.offer .head .title a:hover {color:#ff8711; }
.offer .wrapper { border:1px solid #ddd; }
.entry-content h1 {
font-size: 24px;
font-weight: bold;
color: #ff8711;
color: #333333;
margin-bottom: 20px;
}
.entry-content h2 {
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
color: #ff8711;
}
.entry-content span { color:#ff8711;}
.entry-content h3 {
margin-bottom:10px;
font-weight: bold;
color: #333333;
}
.entry-content img { max-width:100%; }
.entry-content ul { line-height:1.5; }
.entry-content strong {
font-weight: bold;
}
.entry-content a:hover { text-decoration:underline; }
.entry-content h4 {
margin-bottom:5px;
font-weight: bold;
}
.entry-content ol > li:before{ display:none; }
.entry-content ol > li { margin-bottom:20px; }
.entry-content ol {
margin-left:20px;
list-style-type: upper-roman;
}
.entry-content ol ol{ list-style-type:decimal; }
.entry-content ol ol li { margin-bottom:10px; }
.entry { background:#2a2a2a; padding:15px 15px 10px; min-height:300px; position:relative; margin-bottom:10px; }
.entry .head:after { clear:both; content:''; display:table; }
.entry .head .title {
padding-top:20px;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.entry .date { float:left; font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; margin-right:20px; margin-bottom:-20px; }
.entry .date span { display:block; font:50px/1.1 Oswald; }
.result-title { font: 30px proxima-nova; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; margin-right:0; margin-bottom:20px; border-radius:5px; border:1px solid #333; }
.result-title span {
font: bold 18px Lora;
margin: 5px 0;
display: block;
color: #ff8711; }
#result-list .item { margin-bottom:20px; cursor:pointer; border-bottom:1px solid #ccc; }
#result-list .item h2 { font-size:18px; font-weight:bold; margin-bottom:10px; }
#result-list .item h2 a { color:#333; }
#result-list .item:hover h2 a { color:#ff8711; }
#result-list .no-result { border-radius:5px; border:1px solid #ccc; padding:100px 20px; color:#666; font-weight:bold; text-align:center; }
#job-head { margin-bottom:20px; border-bottom:1px solid #1a1a1a; box-shadow:0 1px 0 rgba(255,255,255,0.05); padding-bottom:0; overflow:hidden; }
#job-head .offers { font: 26px proxima-nova; line-height:1.1; color:#ff8711; margin-bottom:10px; }
#job-head .offers span { font:40px/1.1 Oswald; }
#job-head p { margin-bottom:20px; }
#job-head a { margin-bottom:20px; display:block; }
.job-aside { text-transform:uppercase; margin-bottom:10px; color:#666; font-size:13px; }
.event-item { background:#ff8711; padding:35px; min-height:300px; position:relative; }
.event-item .date { font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; margin-bottom:20px; }
.event-item .date span { display:block; font:50px/1.1 Oswald; }
.event-item .small-title { color:#333; margin-bottom:3px; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; }
.event-item .title { font-size:20px; margin-bottom:5px; color:#ffffff; font-weight:bold; text-transform:uppercase; line-height:1.1; }
.event-item a { font-size:13px; font-weight:600; color:#222; position:absolute; bottom:20px; right:15px; }
.event-item a i { margin-left: 10px; }
.event-item a:hover { color:#fff; text-decoration:underline; }
.big-sentence{ min-height:104px; font-size:44px; color:#fff; max-width:940px; margin:50px auto 60px; text-align:center; }
.formations-menu { margin: 0 -10px 375px; overflow:hidden;}
.formations-menu > li { width:16.666%; padding:10px; float:left; }
.formations-menu > li a span { line-height:1; font-size:25px; position:absolute; bottom:0; left:0; width:100%; padding:16px; }
.formations-menu > li a { position:relative; display:block; height:200px; color:#fff; }
.cmc { background:#ff8711; }
.cga { background:#e31f21; }
.bf { background:#f1264a; }
.rh { background:#814390; }
.al { background:#03a2bf; }
.vae { background:#318c4f; }
form .control-label { font-size:15px; font-weight:600; }
input.form-control, textarea.form-control { background:#fcfaf7; border:0; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.1); padding:7px 12px; height:36px; }
textarea.form-control { height:100px; }
.form-horizontal .label-title { font-size:15px; font-weight:bold; margin-bottom:10px; display:block; text-align:left; }
.formation-block { margin-bottom:10px; background:#fff; overflow:hidden; }
.formation-block img { max-width:100%; display:block; }
.formation-block .shadow { position:absolute; left:0; bottom:0; height:270px; }
.formation-block .formation-sector { font-weight: bold; font-size:15px; text-transform:uppercase; position:absolute; left:0; bottom:0; width:100%; padding:15px;}
.formation-block .formation-sector a { display:block; line-height:1; font-weight: bold; font-size:15px; color:#fff; }
.formation-block .formation-sector strong {
font-size: 30px;
display: block;
text-transform: none;
line-height: 1;
}
.formation-block .wrapper { padding-bottom:0; }
@media (min-width:992px) {
.formation-block .wrapper:after {
display:block;
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #ffffff transparent transparent;
position:absolute; top:30px; left:-10px;
z-index:200;
}
}
.formation-block > div { padding:0; }
.formation-block .wrapper ul { margin-left:0; }
.formation-block .wrapper ul li { margin-bottom:15px; }
.formation-block .wrapper li:before { display:none; }
.formation-block li { margin-bottom:20px; }
.formation-block a { color:#2a2a2a; }
.formation-block a span { font-size:15px; color:#ff8711; display:block; font-weight:bold; }
.formation-block a strong { font-size:15px; display:block; font-weight:bold; }
.post-formation { margin-bottom:20px; background:#fff; overflow:hidden; }
.post-formation img { max-width:100%; display:block; }
.post-formation .title { font-size:20px!important; text-transform:uppercase; }
.post-formation a { color:#ff8711!important; font-weight:bold; }
.post-formation .formation-sector { font-size:20px; text-transform:uppercase; position:absolute; left:0; bottom:0; width:100%; padding:25px;}
.post-formation .formation-sector strong { display:block; font-weight:bold;}
.post-formation .wrapper { padding-bottom:0; }
@media (min-width:992px) {
.post-formation .wrapper:after {
display:block;
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #ffffff transparent transparent;
position:absolute; top:30px; left:-10px;
z-index:200;
}
}
.post-formation > div { padding:0; }
.post-formation li { margin-bottom:20px; }
.post-formation a { color:#2a2a2a; }
.post-formation a span { font-size:15px; color:#ff8711; display:block; font-weight:bold; }
.post-formation a strong { font-size:15px; display:block; font-weight:bold; }
.section-content.black { padding-bottom:100px; background:#2a2a2a; }
.section-content nav { text-align:center; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:#ff8711; border-color:#ff8711; }
.pagination>li { display:inline-block; margin:0 1px; }
.pagination>li>a, .pagination>li>span { padding:8px 14px; color:#666; background-color:#2a2a2a; border:none; }
.pagination>li>a:hover, .pagination>li>a:focus { color:#ff8711; background-color:#1e1e1e; border-color:#2a2a2a; }
#ifa-presentation { max-width:520px; margin:-233px auto 100px; }
#ifa-presentation .title { font-size:44px; max-width:245px; margin-bottom:20px; }
#ifa-presentation .subtitle { font-size:30px; max-width:245px; margin-bottom:60px; }
#ifa-presentation p { line-height:1.8; text-align:justify; }
#big-ifa { margin:0 auto 30px; margin-top:-233px; position:relative; overflow:hidden; max-width:529px; max-height:409px; }
#big-ifa .mask { position:relative; max-width:100%; z-index:2; display:block;}
#big-ifa .parallax { left:0; top:0; position:absolute; }
#home-medias { background:url(../images/medias.jpg) no-repeat 0 0; background-size:cover; }
#home-medias .subtitle { margin:80px 0 10px; text-align:center; font:italic 17px Lora; color:#fff; }
#home-medias .title { font-weight:600; font-size:30px; color:#fff; text-align:center; }
#home-medias .title a { color:#fff; }
#home-medias:hover .title a { color:#ff8711; }
#home-medias .title i { display:block; font-size:14px; margin:20px auto; color:#ff8711; }
#home-vv { background:url(../images/visite-virtuelle.jpg) no-repeat 0 0; background-size:cover; }
#home-vv .subtitle { margin:80px 0 10px; text-align:center; font:italic 17px Lora; color:#222; }
#home-vv .title { font-weight:600; font-size:30px; color:#222; text-align:center; }
#home-vv .title i { display:block; margin:20px auto 10px; color:#ff8711; font-size:60px; }
#home-amphi { background:url(../images/amphi.jpg) no-repeat 0 0; background-size:cover; }
#home-amphi .subtitle { margin:80px 0 10px; text-align:center; font:italic 17px Lora; color:#222; }
#home-amphi .title { font-weight:600; font-size:30px; color:#222; text-align:center; }
#home-amphi .title a {color:#222; }
#home-amphi:hover .title a { color:#ff8711; }
#home-amphi .title i { display:block; font-size:14px; margin:20px auto; color:#ff8711; }
@media (min-width:992px) { .polaroid { min-height:300px; } }
.polaroid { overflow:hidden; position:relative; margin-bottom:20px; }
.polaroid .hover { position:relative; z-index:20; transition:all ease 0.3s; opacity:0; text-align:center; overflow:hidden; height:260px; margin:20px; background:rgba(255,255,255,0.9); }
.polaroid:hover .hover { opacity:1; }
.polaroid .subtitle { display:block; margin:80px 0 10px; text-align:center; font:italic 15px Lora; color:#222; }
.polaroid img { max-width:180px; position:absolute; top:40px; left:50%; margin-left:-90px; z-index:2; }
.polaroid a { font-weight:bold; font-size:30px; color:#222; text-align:center; }
.polaroid a i { display:block; font-size:14px; margin:10px auto; color:#ff8711; }
.polaroid-1 { background:url(../images/polaroid-1.jpg) no-repeat center 0 #f7f7f7; }
.polaroid-1 img { transform:rotate(1deg); margin-left:-90px; }
.polaroid-2 { background:url(../images/polaroid-2.jpg) no-repeat center 0 #f7f7f7; }
.polaroid-2 img { transform:rotate(-1.1deg); margin-left:-90px; }
.intervenant-link { background:#f1264a; overflow:hidden; min-height:300px; }
.intervenant-link .title { display:block; margin-top:70px; font-weight:600; font-size:30px; color:#ffffff; text-align:center; }
.intervenant-link .title:hover i { color:#222; }
.intervenant-link .title i { display:block; font-size:14px; margin:20px auto; color:#ffffff; }
#amphi-slide a { display:block; }
.permanent-link { background:#ff8711; overflow:hidden; min-height:300px; }
.permanent-link .title { display:block; margin-top:70px; font-weight:600; font-size:30px; color:#ffffff; text-align:center; }
.permanent-link .title:hover i { color:#222; }
.permanent-link .title i { display:block; font-size:14px; margin:20px auto; color:#ffffff; }
.permanent a, .permanent a i { color:#ff8711; }
.intervenant a, .intervenant a i { color:#f1264a; }
.promo-link { background:#e31f21; }
.promo-link .title { display:block; margin-top:90px; font-weight:600; font-size:30px; color:#ffffff; text-align:center; }
.promo-link .title:hover i { color:#222; }
.promo-link .title i { display:block; font-size:14px; margin:20px auto; color:#ffffff; }
.promo a, .promo a i { color:#e31f21; }
.testimony-link { background:#ff8711; }
.testimony-link .title { display:block; margin-top:90px; font-weight:600; font-size:30px; color:#ffffff; text-align:center; }
.testimony-link .title:hover i { color:#222; }
.testimony-link .title i { display:block; font-size:14px; margin:20px auto; color:#ffffff; }
.testimony a, .testimony a i { color:#ff8711; }
#home-slide .slide { height:620px; position:relative; }
#home-slide .slide > div { position:absolute; left:0; bottom:80px; z-index:20; }
#home-slide .slide img { width:auto; }
#home-slide .slide .small-title { position:relative; z-index:21; float:left; background:#ffffff; font-size:18px; font-weight:bold; color:#333; text-transform:uppercase; line-height:1; padding:10px 20px 10px 40px; margin-bottom:-10px; }
#home-slide .slide .title { max-width:500px; float:left; background:#ff8711; font-size:26px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:1; padding:20px 40px; }
#home-slide .owl-controls { position:absolute; right:30px; bottom:30px; }
#home-slide .owl-controls .owl-dot{ width:42px; height:2px; background:#282828; float:left; margin:0 10px 0 0;}
#home-slide .owl-controls .owl-dot.active { background:#ff8711;}
#home-school > * { position:relative; z-index:2; }
#home-school > .parallax {position:absolute; top:-300px; left:0; width:auto; max-width:unset; z-index:0; }
#home-school .title { float:left; background:#1682da; font-size:22px; color:#fff; line-height:1.2; padding:10px 30px; margin-top:50px; z-index:30; max-width:490px; }
#home-school .content { float:left; width:96%; background:rgba(255,255,255,0.8); font-size:15px; color:#333; line-height:1.4; padding:20px 30px; margin-top:-5px; }
#home-school .content strong { font-weight:bold; color:#1682da; }
#home-school a { font-size:13px; position:absolute; right:0; bottom:0; padding:10px 20px; background:rgba(33,33,33,0.8); color:#ffffff; }
#home-school a:hover { background:rgba(33,33,33,1); }
#home-school a i { margin-left:5px; }
#home-formations { background:#ef7b08; }
#home-formations .small-title { padding:10px; color:#268bdd; background:#ffffff; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; }
#home-formations .small-title i { color:rgba(0,0,0,0.2); margin-right:8px; }
#home-formations li a { display:block; color:#fff; padding:30px 27px;}
#home-formations li a:hover { box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
#home-formations li.cat a { background:#ff8711; font-size:24px; }
#home-formations li.cat.dark a { background:#1665a6; }
#home-formations li.formation a { border-bottom:1px solid #3488cc; font-size:18px; font-weight:600; }
#page #home-formations .small-title {
border-left: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
}
#page.actualite .content { border-bottom:1px solid #f7f7f7; }
#page.actualite .fb-page { margin-bottom:60px; }
#home-actu { background:#fff; }
#home-actu .owl-controls { position:absolute; right:15px; bottom:15px; }
#home-actu .owl-controls .owl-dot{ width:20px; height:20px; background:#282828; float:left; margin:0 0 0 14px;}
#home-actu .owl-controls .owl-dot.active { background:#ff8711;}
#home-actu .actu { width:100%; }
#home-actu .actu > .image { position:relative; height:300px; width:310px; float:left; margin-left:10px; }
#home-actu .actu > .content { position:relative; padding:30px; height:300px; width:300px; float:left;}
#home-actu .actu > .content a { position:absolute; right:15px; bottom:20px; font-size:13px; color:#222; font-weight:600; }
@media (max-width:992px) { #home-actu .actu > .content a { right:initial; left:30px; } }
#home-actu .actu > .content a i { margin-left:10px; }
#home-actu .actu > .content a:hover { color:#ff8711; }
#home-actu .actu .small-title { color:#333; margin-bottom:3px; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; }
#home-actu .actu .title { font-size:20px; margin-bottom:5px; color:#ff8711; font-weight:bold; text-transform:uppercase; line-height:1.1; }
#home-actu .actu p { color:#2a2a2a; line-height:22px; }
#aside-actu { background:#fff; overflow:hidden; margin-bottom:20px; }
#aside-actu .owl-controls { position:absolute; right:15px; bottom:15px; }
#aside-actu .owl-controls .owl-dot{ width:20px; height:20px; background:#282828; float:left; margin:0 0 0 14px;}
#aside-actu .owl-controls .owl-dot.active { background:#ff8711;}
#aside-actu .actu { width:100%; }
#aside-actu .actu > .image { position:relative; height:300px; width:50%; float:left; margin-left:0; }
#aside-actu .actu > .content { position:relative; padding:30px; height:300px; width:50%; float:left;}
#aside-actu .actu > .content a { position:absolute; right:15px; bottom:20px; font-size:13px; color:#222; font-weight:600; }
@media (max-width:1200px) { #aside-actu .actu > .image, #aside-actu .actu > .content { width:100%; } }
@media (max-width:992px) { #aside-actu .actu > .content a { right:initial; left:30px; } }
#aside-actu .actu > .content a i { margin-left:10px; }
#aside-actu .actu > .content a:hover { color:#ff8711; }
#aside-actu .actu .small-title { color:#333; margin-bottom:3px; font-size:13px; font-weight:bold; text-transform:uppercase; letter-spacing:0.5px; }
#aside-actu .actu .title { font-size:20px; margin-bottom:5px; color:#ff8711; font-weight:bold; text-transform:uppercase; line-height:1.1; }
#aside-actu .actu p { color:#2a2a2a; line-height:22px; }
.video-item:hover { cursor:pointer; }
.video-item:hover > .fa-youtube-play { color:#1682da; }
.video-item > .fa-youtube-play { color:#222; font-size:70px; position:absolute; left:50%; top:100px; margin-left:-35px;}
.video-item > div { position:absolute; bottom:0; left:0; width:100%; }
.video-item .title { margin-bottom:-5px; clear:both; float:left; font-weight:bold; text-transform:uppercase; color:#333; background:#fff; padding:5px 30px; font-size:14px; }
.video-item .title i { color:#1682da; }
.video-item .legend { clear:both; color:#fff; background:#1682da; padding:15px 30px; font-size:14px; }
.video-item .legend a { color:#fff; }
.modal-title { color:#222; font-size:18px; font-weight:600; }
#home { clear:both; }
.w-blogpost-meta { background:#268bdd; color:#fff; margin-bottom:20px; padding:5px 10px; }
#footer-contacts { background:#222222; padding:40px 0 50px; margin-top:40px; border-top:1px solid #282828; }
#footer-contacts .row > *:first-child{ box-shadow:none; }
#footer-contacts .row > * { padding:20px 35px 0; box-shadow:inset 1px 0 0 #2a2a2a; }
#footer-contacts .title { font-size:30px; margin-bottom:30px; }
#footer-contacts .fa-phone { margin-right:10px; border-radius:50px; border:2px solid #434343; width:32px; height:32px; text-align:center; padding-top:7px; }
#footer-contacts .tel { float:left; font-weight:bold; font-size:15px; margin-right:15px;}
#footer-contacts .map { float:left; padding:8px 20px; border-radius:2px; margin-left:10px; color:#fff; }
#footer-contacts .map:hover { background:#ef7b08; }
#footer-contacts strong { font-size:19px; font-weight:600; }
#footer-contacts p { margin-bottom:15px; }
#footer-contacts .form-group { position:relative;}
#footer-contacts input { position:relative; background:#1e1e1e; border:0; height:44px; }
#footer-contacts button { padding:8px 20px; border-radius:2px; background:#ff8711; z-index:2; position:absolute; top:3px; right:3px; }
#footer-contacts button:hover { background:#ef7b08; color:#fff; }
#footer-contacts .social li { margin:5px; float:left; }
#footer-contacts .social li:nth-child(5) { clear:left; }
#footer-contacts .social a { text-align:center; display:block; height:50px; width:50px; color:#fff; }
#footer-contacts .social a i { line-height:50px; font-size:32px; }
#footer-contacts .social a:hover { color:#ff8711; }
#footer-contacts .social .icon { display:block; height:50px; width:50px; background:url(../images/social-icons-big.png) no-repeat 0px 0px; text-indent:-10000px; overflow:hidden; }
#footer-contacts .social .icon.viadeo { background-position:0px 0px; }
#footer-contacts .social .icon.snapchat { background-position:-50px 0px; }
#footer-contacts .social .icon.viadeo:hover { background-position:0px -50px; }
#footer-contacts .social .icon.snapchat:hover { background-position:-50px -50px; }
/*.col-20 { padding-left:10px; padding-right:10px; width:20%; float:left; }*/
.col-20 { padding-left:10px; padding-right:7px; width:16.6%; float:left; }
#footer { font-size:13px; background:#1e1e1e; padding:30px 0 50px; }
.footer-links { border-bottom:1px solid #2c2c2c; padding:15px 0 35px; margin-bottom:30px; }
.footer-links a { transition:all ease 0.5s; text-transform:uppercase; color:#ffffff; font-size:14px; letter-spacing:0.5px; display:block; height:100%; margin-bottom:20px;}
.footer-links a:hover { background:#1e1e1e; }
.footer-links a strong { font-size:16px; display:block; font-weight:bold; }
.footer-links a i { color:#ff8711;font-size:30px; float:left; margin-right:10px; }
#footer .logo-ifa { max-width:57px; }
#footer .title { color:#ffffff; padding:10px; margin-bottom:3px; font:bold 15px Lora; letter-spacing:0px; border-bottom:1px solid #242424; }
#footer #footer-menu { overflow:hidden; margin-bottom:20px;}
#footer #footer-menu li { padding:5px 10px; }
#footer #footer-menu li a { color:#fff; opacity:0.8; }
#footer #footer-menu li a:hover { opacity:1; }
#footer .copyright { float:left; margin-top:30px; margin-bottom:30px; }
#footer .logos { float:right; }
#footer .logos li { position:relative; float:left; border-top:1px solid #222; padding:15px 30px; margin-left:10px; }
#footer .logos li span { background:#ef7b08; display:block; padding:5px; position:absolute; left:30px; top:-13px; font-size:12px;}
@media (max-width:670px) {
.grid-item { width: 100%; }
.grid-item--width2 { width: 100%; }
}
#aside-formation .aside-links a { position:relative;color:#fff; display:block; padding:20px; background:#268bdd; }
#aside-formation .aside-links a:hover { box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
#aside-formation .aside-links > li a i { position:absolute; font-size:50px; top:50%; margin-top:-25px; right:20px; }
#aside-formation .aside-links > li:first-child a { line-height:1; font-size:26px; background:#ff8711; }
#aside-formation .aside-links > li:nth-child(2) a { font-size:14px; background:#ef7b08; }
#aside-formation .aside-links > li:nth-child(2) a i { font-size:30px; margin-top: -15px;}
#aside-formation .aside-links > li:nth-child(3) a { font-size:14px; background:#1665a6; }
#aside-formation .aside-links > li:nth-child(3) a i { font-size:30px; margin-top: -15px;}
#aside-formation .share { font-size:16px; color:#2889da; background:#f6f7f9; padding:20px 0 20px 30px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
#aside-formation .share div { float:left; line-height:28px; margin-right:15px; }
#aside-formation .share ul { overflow:hidden; }
#aside-formation .share li { float:left; margin:0 5px; }
#aside-formation .share li a { color:#2889da; font-size:28px; line-height:1; display:block; }
.summary { background:#f9f9f9; padding:30px 20px; }
.summary ul { list-style:disc; color:rgba(0,0,0,0.2); margin-left:10px;}
.summary a {
font-size:14px;
display:block;
padding:5px 0;
color:#268bdd;
font-weight:600;
padding-left: 35px;
margin-left: -35px;
margin-right: -20px;
padding-right: 20px;
}
.summary a:hover { color:#333; }
.summary .active a { background:#268bdd; color:#ffffff; }
#page.vie-etudiante .content { border-top:0; padding-top:0; }
#page.vie-etudiante .content section:first-child { margin-top:0; }
.content { color:#333; font-size:14px; line-height:1.6; padding:40px 50px; border-left:1px solid #f7f7f7; border-top:1px solid #f7f7f7; }
#page.vie-etudiante .content .small-title { font-size:16px; font-weight:600; margin-top:40px; margin-bottom:15px; }
.content .title { font-size:24px; margin-bottom:25px; line-height:1.3; }
.content a { color:#ff8711; }
.content a:hover { color:#ff8711; text-decoration:underline; }
.content p { margin-bottom:15px; }
.content p span { color:#268bdd; font-weight:600; }
.content strong { font-weight:bold; }
.content section.dark a:hover { text-decoration:underline; }
.content ul { list-style:disc; margin-left: 20px; margin-bottom:20px; }
.content ol { list-style:upper-roman; margin-left: 20px; margin-bottom:20px; }
#page .content img { max-width:100%; display:block; margin-bottom:40px; }
#page .content > .image-left { max-width:110%; display:block; margin:50px 0 50px -50px; }
#page .content section { margin-bottom:20px; }
#page .content section:after { content:''; display:table; clear:both; }
#page .content section.dark { background:#268bdd; margin:20px -50px 50px -50px; padding:40px 50px; color:#fff; }
#page .content .wrap.dark { background:#268bdd; margin:20px 0; padding:20px 30px; color:#fff; }
#page .content section.dark a { color:#fff; }
.exerg { font-weight:bold; color:#ff0000; }
#bottom-formation .aside-links a { position:relative;color:#fff; display:block; padding:20px; background:#268bdd; }
#bottom-formation .aside-links a:hover { box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
#bottom-formation .aside-links > li a i { position:absolute; font-size:50px; top:50%; margin-top:-25px; right:20px; }
#bottom-formation .aside-links > li:first-child a { line-height:1; font-size:26px; background:#ff8711; }
#bottom-formation .aside-links > li:nth-child(2) a { font-size:14px; background:#ef7b08; }
#bottom-formation .aside-links > li:nth-child(2) a i { font-size:30px; margin-top: -15px;}
#bottom-formation .aside-links > li:nth-child(3) a { font-size:14px; background:#1665a6; }
#bottom-formation .aside-links > li:nth-child(3) a i { font-size:30px; margin-top: -15px;}
#bottom-formation .share { font-size:16px; color:#2889da; background:#f6f7f9; padding:20px 0 20px 30px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
#bottom-formation .share div { float:left; line-height:28px; margin-right:15px; }
#bottom-formation .share ul { overflow:hidden; }
#bottom-formation .share li { float:left; margin:0 5px; }
#bottom-formation .share li a { color:#2889da; font-size:28px; line-height:1; display:block; }
#chiffres { text-align:left; width:100%; }
#chiffres td { padding-bottom:20px; }
#chiffres strong { font-size:16px; color:#268bdd; line-height:1; }
#chiffres span {
margin-bottom:5px;
display:block;
font: 70px/70px Georgia;
font-style: italic;
}
#page .container { position:relative; }
#page .gbttop { font-weight:600; position:absolute; bottom:0; right:50px; color:#268bdd; line-height:50px; }
#page .gbttop i { width:50px; margin-right:10px; text-align:center; font-size:40px; line-height:50px; border-radius:3px; background:#268bdd; color:#fff; float:left; }
#page .gbttop:hover i { animation:moveArrow infinite 2s ease; }
@keyframes moveArrow {
0% { transform:translateY(0); }
33% { transform:translateY(-5px); }
66% { transform:translateY(5px); }
0% { transform:translateY(0); }
}
.teachings-title { text-align:center; font-weight:bold; background:#1e7ac7; color:#fff; }
.table thead { border-radius:3px 3px 0 0; overflow:hidden;}
.table th { background:#268bdd; color:#fff; font-weight:600; }
.teachings .teaching { font-weight:bold; }
.teachings .subject { background:#f0f6fa; }
.teachings .ue { font-weight:bold; }
.teachings .total { background:#f7f7f7; font-weight:bold; }
@media(max-width:768px) {
#page .content { padding:20px; }
#home-school { height:auto; background-color:#0b1b01; }
#home-school .content { margin-bottom:40px;}
}
@media(max-width:992px) {
#aside-formation, #page.formation .gbttop { display:none; }
#main-nav .dropdown-menu .grid-item { height:auto; }
#navbar-collapse-1 {
float: none!important;
clear: both;
background: #fff;
}
#navbar-collapse-1 .navbar-nav > li > a { text-align:center; }
#main-nav .dropdown-menu { padding:0; }
#home .container { max-width:640px; }
}
/* L ECOLE */
#page.school .breadcrumb { background:#268bdd; }
#page.school .content .title:after { background:#268bdd; }
#page.school .summary a { color:#268bdd; }
#page.school .summary .active a { background:#268bdd; color:#ffffff; }
#page.school .summary a:hover { color:#222; }
#page.school .content section.dark { background:#268bdd; }
#aside-school .aside-links a { position:relative;color:#fff; display:block; padding:20px; background:#268bdd; }
#aside-school .aside-links a:hover { box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
#aside-school .aside-links > li a i { position:absolute; font-size:50px; top:50%; margin-top:-25px; right:20px; }
#aside-school .aside-links > li:first-child a { line-height:1; font-size:26px; background:#268bdd; }
#aside-school .share { font-size:16px; color:#268bdd; background:#f6f7f9; padding:20px 0 20px 30px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
#aside-school .share div { float:left; line-height:28px; margin-right:15px; }
#aside-school .share ul { overflow:hidden; }
#aside-school .share li { float:left; margin:0 5px; }
#aside-school .share li a { color:#268bdd; font-size:28px; line-height:1; display:block; }
/* ADMISSION */
#page.admission .breadcrumb { background:#55b83a; }
#page.admission .content .title:after { background:#55b83a; }
#page.admission .summary a { color:#55b83a; }
#page.admission .summary .active a { background:#55b83a; color:#ffffff; }
#page.admission .content .dark { background:#55b83a; }
#page.admission .table th { background:#55b83a; }
#page.admission .table tbody td { padding-left:10px; border:1px solid #f7f7f7; border-bottom:1px solid #ddd; }
#page.admission .table tbody td:first-child { background:#fafafa; }
.download-link {
position: relative;
color: #fff;
display: block;
padding: 20px;
background: #55b83a;
line-height: 1;
font-size: 26px;
color:#fff!important;
}
.download-link:hover { text-decoration:none!important; box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
.fee-title { font-weight:bold; padding:8px 10px; background:#56a440; color:#fff; }
#page.admission #bottom-formation .aside-links a { background:#55b83a; }
#page.admission #bottom-formation .share { color:#55b83a; }
#page.admission #bottom-formation .share li a { color:#55b83a; }
#aside-admission .aside-links a { position:relative; color:#fff; display:block; padding:20px; background:#55b83a; }
#aside-admission .aside-links a:hover { box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
#aside-admission .aside-links > li a i { position:absolute; font-size:50px; top:50%; margin-top:-25px; right:20px; }
#aside-admission .aside-links > li:first-child a { line-height:1; font-size:26px; background:#55b83a; }
#aside-admission .share { font-size:16px; color:#55b83a; background:#f6f7f9; padding:20px 0 20px 30px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
#aside-admission .share div { float:left; line-height:28px; margin-right:15px; }
#aside-admission .share ul { overflow:hidden; }
#aside-admission .share li { float:left; margin:0 5px; }
#aside-admission .share li a { color:#55b83a; font-size:28px; line-height:1; display:block; }
#page .content a { color:#ff8711; }
#main-nav { float:left; width:300px; }
#main-nav .navbar-nav > li { float:none; }
#main-nav .navbar-nav > li > a { font-family:Lora; }
#page .content section #adm-timeline { margin:40px 0 40px 10px; border-left:2px solid #ccc; }
#adm-timeline > li { position:relative; padding-left:60px; margin-bottom:20px; }
#adm-timeline img { position:absolute; display:block; top:-15px; left:-60px; }
/* ENTREPRISES ff8702*/
#page.entreprises .breadcrumb { background:#2a2a2a; }
#page.entreprises .content .title:after { background:#2a2a2a; }
#page.entreprises .summary a { color:#2a2a2a; }
#page.entreprises .summary .active a { background:#2a2a2a; color:#ffffff; }
#page.entreprises .content section.dark { background:#2a2a2a; }
#entreprise-links { background:#333; padding:10px 10px 0; }
#entreprise-links li { margin-bottom:10px; }
#entreprise-links a { background:#2a2a2a; display:block; padding:20px; color:#fff; }
#entreprise-links a:hover { background:#333; }
#aside-entreprises .aside-links a { position:relative; color:#fff; display:block; padding:20px; background:#2a2a2a; }
#aside-entreprises .aside-links a:hover { box-shadow:inset 0 250px 0 rgba(0,0,0,0.1); }
#aside-entreprises .aside-links > li a i { position:absolute; font-size:50px; top:50%; margin-top:-25px; right:20px; }
#aside-entreprises .aside-links > li:first-child a { line-height:1; font-size:26px; background:#2a2a2a; }
#aside-entreprises .share { font-size:16px; color:#2a2a2a; background:#f6f7f9; padding:20px 0 20px 30px; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; }
#aside-entreprises .share div { float:left; line-height:28px; margin-right:15px; }
#aside-entreprises .share ul { overflow:hidden; }
#aside-entreprises .share li { float:left; margin:0 5px; }
#aside-entreprises .share li a { color:#2a2a2a; font-size:28px; line-height:1; display:block; }
#page .content a { color:#ff8711; }
#main-nav { position:relative; z-index:200; }
#main-nav .navbar-nav > li { position:relative; }
#main-nav .navbar-nav > li li a {
position: relative;
font-size: 13px;
line-height:1.2;
color: #ccc;
display: block;
padding: 10px 20px;
white-space: normal;
word-wrap: break-word;
/*min-width:250px; padding-right:50px;*/
font-weight:600;
}
#main-nav .navbar-nav > li li li a {
min-width:250px; padding-right:50px;
}
/*
#main-nav .navbar-nav > li li a i {
position: absolute;
font-size: 24px;
top: 50%;
margin-top: -12px;
right: 20px;
}
*/
.dropdown-menu { background:#1c1c1c; }
#main-nav .navbar-nav > li .active { color:#ff8711; }
#main-nav .navbar-nav > li li a i { color:#ff8711; }
#main-nav .navbar-nav > li li a.sub:before { font-family: 'FontAwesome'; content: "\f105"; display:block; position:absolute; left:20px; top:9px; color:#ff8711; }
#main-nav .navbar-nav > li li a.sub { position:relative; padding-left:30px; }
#main-nav .navbar-nav > li li a:hover { color:#fff; }
#main-nav .navbar-nav > li > ul > li { position:relative; }
#main-nav .navbar-nav .dropdown-submenu:hover > ul { display:block; }
#main-nav .navbar-nav > li > ul > li > ul { background:#222; position:absolute; left:100%; top:0; }
#page.metiers .level { transform:rotate(6deg); margin-right:50px;float:right; background:#ff8711; color:#fff; text-align:center; font-weight:600; width:120px; height:120px; border-radius:100px; padding-top:35px;}
#page.metiers .level strong { font-weight:bold; display:block; font-size:22px; }
#page.metiers .big-title { padding:0; border:0; }
#page.metiers .back { font-size:13px; color:#ff8711; padding:10px 0; display:block; }
#contact-form { background:#F1F1F1; padding:80px 40px 40px 40px; }
#contact-form .title { color:#1682da; font-weight:bold; font-size:26px; text-transform:uppercase; margin-bottom:20px; }
#contact-form label { font-weight:600; color:#222; }
#contact-form textarea { min-height:120px; }
#contact-form button { float:right; background:#ff8711; color:#fff; border:0; border-radius:0; padding:10px 30px; text-transform:uppercase; }
#postulate { padding-bottom:60px; }
#postulate-info { background:url(../images/bg-postulate.jpg) no-repeat right top; color:#333; }
#postulate-info .title { margin-top:60px; color:#ff8711; font-weight:bold; font-size:26px; text-transform:uppercase; margin-bottom:20px; }
#postulate-info p {
margin-bottom: 15px;
}
#postulate-form { background:#ff8711; padding:80px 40px 40px 40px; }
#postulate-form .w-form-row { overflow:hidden; }
#postulate-form .w-form-label { float:left; width:33.333%; text-align: right; padding-right: 20px; }
#postulate-form .w-form-field { float:left; width:66.666%; }
#postulate-form .wpcf7-form-control { font-size:14px; }
#postulate-form .wpcf7-file { box-shadow:none; color:#fff; }
#postulate-form hr { border-top:1px solid rgba(0,0,0,0.1); }
#postulate-form .title { color:#ffffff; font-weight:bold; font-size:26px; text-transform:uppercase; margin-bottom:20px; }
#postulate-form label { font-weight:600; color:#ffffff; font-size:14px; }
#postulate-form textarea { min-height:120px; }
#postulate-form button { float:right; background:#333; color:#ff8711; border:0; border-radius:0; padding:10px 30px; text-transform:uppercase; }
#contact-adress { background:#1682da; color:#fff; }
#contact .small-title { text-transform:none; font-size:18px; font-weight:600; color:#fff; margin-bottom:30px; }
#contact-adress p { margin-bottom:30px; }
#contact-adress { padding-top:60px; }
#contact .fa-phone { margin-right:10px; border-radius:50px; border:2px solid #51a1e3; width:26px; height:26px; text-align:center; padding-top:4px; }
#contact .tel { float:left; font-weight:bold; font-size:15px; margin-right:15px;}
#stay-connected { background:#ff8711; padding:60px 40px 40px 40px; text-align:center; }
#contact .social { margin: 0 auto; max-width:180px; overflow:hidden; }
#contact .social li { margin: 0 15px; float: left;}
#contact .social a { color: #fff;}
#contact .social a i { font-size: 32px;}
#contact-list img { transition:all ease 0.5s; position:absolute; left:0; top:0; opacity:0.1; }
#contact-list .dark-item .title { transition:all ease 0.2s; }
#contact-list .dark-item:hover .title { opacity:0; }
#contact-list .dark-item:hover a { color:#ff8711; }
#your-navigation { z-index:3333; position:fixed; top:200px; right:0; }
#your-navigation .title { color:#ff8711; padding:4px 10px 5px 0; text-align:center; text-transform:uppercase; font-weight:bold; font-size:12px; }
#your-navigation .title:after { clear:both; display:block; content:"\f0d7"; font-family: 'FontAwesome'; }
#your-navigation li { height:56px; position:relative; margin-bottom:10px; }
#your-navigation i {
font-size: 36px;
vertical-align: middle;
width: 50px;
text-align: center;
}
#your-navigation a { box-shadow:1px 1px 4px #b8cad9; transition:all ease 0.8s; text-transform:uppercase; font-weight:bold; letter-spacing:1px; font-size:13px; position:absolute; right:-116px; width:170px; color:#fff; padding:5px; border-radius:50px 0 0 50px; display:block; }
#your-navigation li.fast a { transition:all ease 0.2s; }
#your-navigation a:hover { right:0; }
#your-navigation a i { line-height:45px; margin-right:10px; }
#your-navigation li.animate a { right:0; }
#your-navigation .lyceen a { background:#ffffff; color:#55b83a; }
#your-navigation .lyceen a i { width:45px; height:45px; border-radius:45px; color:#fff; background:#55b83a; }
#your-navigation .etudiant a { background:#ffffff; color:#ff8711; }
#your-navigation .etudiant a i { width:45px; height:45px; border-radius:45px; color:#fff; background:#ff8711; }
#your-navigation .entreprise a{ background:#ffffff; color:#2a2a2a; }
#your-navigation .entreprise a i { width:45px; height:45px; border-radius:45px; color:#fff; background:#2a2a2a; }
@media(max-width:992px) {
#bottom-formation { display:none;}
#your-navigation {display:none;}
#main-nav .navbar-nav > li li a { width:auto!important; }
}
.w-form-row { margin-bottom:10px; }
.w-form-label { margin-bottom:3px; }
.wpcf7-form-control {
color:#333;
padding:8px 10px;
border:0;
border-radius:3px;
box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);
width: 100%;
}
.formation-list > li {
font-size: 15px;
color: #ff8711;
display: block;
font-weight: bold;
}
.formation-block .wrapper .formation-list > li > ul > li {list-style:disc; color:#ccc; margin-left:15px; margin-bottom:7px; }
.formation-block .wrapper .formation-list > li > ul { margin-top:7px; }
.formation-list > li a:hover {
color: #ff8711;
}
#formations-list { padding:30px 30px 10px; background:#f7f7f7; }
#formations-list > div { margin-bottom:20px; padding:30px; background:#fff; color:#333; }
#formations-list .title { margin-bottom:20px; font-size:22px; }
#formations-list .title a { color:#333; }
#formations-list .title a:hover { color:#268bdd; }
#formations-list .title span { font-weight:bold; display:block; }
#formations-list .title:after {
display: block;
content: "";
height: 2px;
width: 50px;
margin-top: 7px;
vertical-align: top;
position: relative;
background: #429be5;
}
#formations-list p { line-height:1.4; margin-bottom:20px; }
#formations-list .btn:hover { box-shadow:0 1px 2px rgba(0,0,0,0.3); }
#formations-list .btn {
font-size: 16px;
line-height: 30px;
padding:5px 30px;
border-radius: 3px;
background: #268bdd;
color: #fff;
}
#logement-link .small-title { margin-top:150px; position:relative; z-index:21; float:left; background:#ffffff; font-size:18px; font-weight:bold; color:#333; text-transform:uppercase; line-height:1; padding:10px 20px 10px 40px; margin-bottom:-10px; }
#logement-link .title { position:relative; z-index:20; max-width:500px; float:left; background:#ef7b08; font-size:26px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:1; padding:20px 40px; }
#interview { background:#f9f9f9; padding:30px 20px; }
#interview .big-title { font-size:30px; }
.interview-title { color:#268bdd; text-transform:uppercase; font-weight:bold; }
#interview .wrapper { padding:40px; clear:both; background:#fff; color:#333; }
#interview .wrapper p { line-height:1.4; margin-bottom:15px; font-size:14px; }
#interview .wrapper p strong { font-weight:600; }
#interview .wrapper hr.big { background:#268bdd; height:2px; border:0; }
.wrapper { background:#fff; padding:35px; color:#333; margin-bottom:10px; }
.wrapper .subtitle { font-size:13px; font-weight:bold; color:#2a2a2a; text-transform:uppercase; }
.wrapper .title { font-size:30px; font-weight:bold; color:#ff8711; margin-bottom:20px; }
.wrapper .smalltitle { margin-bottom:15px; font-size:16px; font-weight:bold; color:#2a2a2a; }
.wrapper p { margin-bottom:20px; }
.wrapper ul { margin-left:15px; list-style:15px; margin-bottom:25px; }
.wrapper li { position:relative; margin-bottom:5px; }
.wrapper li:before { content:''; display:block; border-radius:5px; top:4px; left:-15px; position:absolute; display:block; height:5px; width:5px; background:#ff8711; }
.wrapper .entry-content li:before { top:9px; }
.wrapper table { width:100%; }
.wrapper table th { font-size:14px; letter-spacing:0.5px; padding:6px 15px; background:#222222; color:#fff; }
.wrapper table td { font-size:14px; padding:6px 15px; background:#f1f1f1; color:#222; }
.wrapper table tr:nth-child(odd) td { background:#fff; }
.panel-group { margin:0 -20px 40px; }
.panel-heading { padding:0; }
.panel-title { margin-bottom:0!important; }
.panel-title > a { font-size:14px; letter-spacing:0.5px; padding:10px 15px; display:block; background:#222; color:#ff8711; }
.panel-title > a.collapsed { background:#f1f1f1; color:#333; }
.panel-title > a:hover { background:#222; color:#ff8711; }
.panel-title strong { font-weight:bold; text-transform:uppercase; }
.interview-links { max-width:540px; margin-bottom:20px; background:#f7f7f7; padding:20px; overflow:hidden; }
.interview-links > a { font-size:22px; }
.interview-links ul { margin-left:0; list-style:none; }
.interview-links li { padding:10px; width:25%; float:left; }
.interview-links li .itw-student-image { max-width:100%; display:block; margin:0!important; }
.interview-links li a:hover .itw-student-image { border-color:#ef7b08; }
#interview > div { margin-bottom:30px; }
#interview .interview-links { margin:0 auto; padding-top:0; background:none; }
.itw-student { color:#333; padding:30px; }
.itw-student-image {
max-width:100%;
border-radius: 300px;
display: block;
margin: 0 auto 40px;
max-width: 200px;
border: 5px solid #fff;
box-shadow: 0 5Px 5px rgba(0,0,0,0.2);
}
.itw-student-infos { font-weight:600; }
.itw-student-infos li { margin-bottom:20px; font-size:14px; line-height:1.4; }
.itw-question {
font-weight: bold;
font-size: 16px;
margin-bottom: 20px;
color: #268bdd;
}
.itw-student-name {
font-size: 30px;
margin-bottom: 20px;
}
#responsive-nav img { display:block; margin:20px auto ; max-width:87px; }
#responsive-nav .navbar-nav > li > a.small i { float:right; color:#ff8711 }
#responsive-nav .navbar-nav > li > a.small { padding:8px 12px; font-size: 14px;
font-family: proxima-nova;
font-weight: 400;
}
#responsive-wrap {
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
}
#responsive-wrap.open-left {
-webkit-transform: translateX(290px);
-moz-transform: translateX(290px);
-ms-transform: translateX(290px);
-o-transform: translateX(290px);
transform: translateX(290px);
}
#responsive-wrap.open-left:after { content:''; display:block; position:absolute; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.4); z-index:2000; }
#responsive-nav.hide-left {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
#responsive-nav {
position: fixed;
top: 0;
width: 290px;
height: 100%;
background: #222222;
box-shadow:inset -3px 0 10px rgba(0,0,0,0.2);
padding:15px;
z-index: 600000;
overflow-y: auto;
overflow-x: hidden;
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-ms-transition: -ms-transform .5s;
-o-transition: -o-transform .5s;
transition: transform .5s;
}
#responsive-nav .inner {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
#responsive-nav .navbar-nav { float:none; margin:0; }
#responsive-nav .navbar-nav > li { float:none; position:relative; position: unset; border-bottom: 1px solid #393939; }
#responsive-nav .navbar-nav > li:first-child { border-top: 1px solid #393939; }
#responsive-nav .navbar-nav > li > a:hover { background:none; color:#ff8711; }
#responsive-nav .navbar-nav > li > a {
font-family:Lora;
transition: all ease 0.3s;
padding: 12px;
position: unset;
color: #ffffff;
font-weight: bold;
font-size: 16px;
}
#responsive-nav .navbar-nav > li > ul { display:none; }
#responsive-nav .navbar-nav > li li a {
position: relative;
font-size: 13px;
line-height:1.2;
color: #ccc;
display: block;
padding: 10px 20px;
white-space: normal;
word-wrap: break-word;
min-width:250px; padding-right:50px;
font-weight:600;
}
#responsive-nav .navbar-nav > li li a i {
position: absolute;
font-size: 24px;
top: 50%;
margin-top: -12px;
right: 20px;
}
#responsive-nav .navbar-nav > li > ul > li { position:relative; }
#responsive-nav .navbar-nav > li > ul > li > ul { display:none; background:#333; }
#responsive-nav .navbar-nav .info { padding:10px 20px; }
.entry-title h3 { font-weight:bold; color:#ff8711; }
#actu-list .item { margin-bottom:1px; padding:10px; background:#282828; }
#actu-list .item .row { margin:0; background:#ffffff; }
#actu-list .item .row > * { position:relative; padding:0; }
#actu-list .item .row .col-md-12 { padding:30px; color:#333; }
#actu-list .item .row .col-md-9 { padding:30px; color:#333; }
#actu-list .item .row .col-md-8 { padding:30px; color:#333; }
#actu-list .item .row .col-md-6 { color:#333; }
#actu-list .item .title { font-size:18px; font-weight:bold; margin-bottom:15px; }
#actu-list .item p { margin-bottom:15px; }
#actu-list .item strong { font-weight:bold; }
#actu-list .item ul { line-height:1.5; list-style:disc; margin-left:20px; margin-bottom:15px; }
#actu-list .item .date { position:absolute; top:20px; right:-10px; font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; }
#actu-list .item .date span { display:block; font:50px/1.1 Oswald; }
#actu-list .item .more { float:right; font-weight:600; }
#actu-list .item:hover .title { color:#ff8711}
#event-list .item { margin-bottom:1px; padding:10px; background:#282828; }
#event-list .item .row { margin:0; background:#ff8711; }
#event-list .item .row > * { position:relative; padding:0; }
#event-list .item .row > .chapeau { padding:30px; color:#fff; }
#event-list .item .row > div:last-child { padding:30px; color:#fff; }
#event-list .item .title { font-size:18px; font-weight:bold; margin-bottom:15px; }
#event-list .item p { margin-bottom:15px; }
#event-list .item strong { font-weight:bold; }
#event-list .item ul { line-height:1.5; list-style:disc; margin-left:20px; margin-bottom:15px; }
#event-list .item .date { position:absolute; top:20px; right:-10px; font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; }
#event-list .item .date span { display:block; font:50px/1.1 Oswald; }
#permanent-title { position:relative; overflow:hidden; height:300px; background:#ff8711; color:#fff; }
#permanent-title.wrapper .title { color:#fff; }
#permanent-title i { font-size: 296px; position: absolute; right: 0; bottom:0; line-height: 1; opacity: 0.1; }
#intervenants-title { position:relative; overflow:hidden; height:300px; background:#f1264a; color:#fff; }
#intervenants-title.wrapper .title { color:#fff; }
#intervenants-title i { font-size: 296px; position: absolute; right:0; bottom:0; line-height: 1; opacity: 0.1; }
#actu { margin-bottom:14px; padding:30px; background:#ffffff; color:#333; }
#actu .title { font-size:18px; font-weight:bold; margin-bottom:15px; }
#actu p { margin-bottom:15px; }
#actu strong { font-weight:bold; }
#actu ul { line-height:1.5; list-style:disc; margin-left:20px; margin-bottom:15px; }
#actu .date { position:absolute; top:20px; right:-10px; font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; }
#actu .date span { display:block; font:50px/1.1 Oswald; }
.btn-primary:hover { background:#f17c09; }
.btn-primary {
padding: 8px 20px;
border-radius: 2px;
background: #ff8711;
z-index: 2;
border:0;
}
header .navbar-toggle { display: block; }
/*ajout mag 12/01/2016*/
.logo-lorweb { vertical-align: bottom; }
#dossier-link { min-height:300px; margin-bottom:20px; }
#dossier-link .title { color:#222; font-size:13px; text-transform:uppercase; }
#dossier-link .title strong { font-size:20px; }
#actu-list .item .row > .chapeau { padding: 30px; }
#event-list .more { color: #333333; float:right }
.title-actus { color: #ffffff; font-size: 26px; font-weight: bold; margin-bottom: 20px; }
#event-details { margin-bottom:14px; padding:30px; background:#ff8711 ; color:#ffffff; }
#event-details .title { font-size:18px; font-weight:bold; margin-bottom:15px; }
#event-details p { margin-bottom:15px; }
#event-details strong { font-weight:bold; }
#event-details ul { line-height:1.5; list-style:disc; margin-left:20px; margin-bottom:15px; }
#event-details .date { position:absolute; top:20px; right:-10px; font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; }
#event-details .date span { display:block; font:50px/1.1 Oswald; }
#medias a img { margin-bottom: 20px; }
.button-right-coeur { position:relative; border-top:1px solid #3e3e3e; background: #282828; font-size: 24px; line-height: 1; margin-bottom: 20px; min-height: 180px; padding: 30px; display:block; color:#ffffff; cursor:pointer;transition:all ease 0.8s }
.button-right-coeur:hover { background: #ff8711; color:#fff; }
.button-right-coeur:hover i { color:#fff;}
.button-right-coeur i { color:#ff8711; display:block; font-size:48px; position : absolute; bottom:30px;}
#photo-classe { padding:25px; }
#gazetta h1 { font-size: 24px; color: #ffffff; }
#gazetta .panel-group { margin:0 0 40px; }
#gazetta .panel-group .panel+.panel { margin-top:10px; }
#gazetta .panel-default { background:none; border:0; }
#gazetta .panel-default> .panel-heading { background:none; border:0; }
#gazetta .panel-body { padding:20px 0; }
#gazetta .panel-body > .row { margin:0 -5px; }
#gazetta .panel-body > .row > *{ padding:0 5px; }
#gazetta .panel-body a { padding:20px; display:block; background:#fff; color:#222; font-size:18px; text-transform:none; font-weight:600; }
#gazetta .panel-body a:hover { background:#ff8711; color:#fff; }
#gazetta .panel-title { border-bottom:1px solid #3e3e3e; height:20px; }
#gazetta .panel-title > a { background:none; position:relative; font-size:16px; color:#ff8711; font-family:oswald; font-weight:300; }
#gazetta .panel-title > a i { color:#666; background:#222; display:none; position: absolute; right: 10px; top: 12px; padding:0 10px; }
#gazetta .panel-title > a i.fa-caret-up { display:block; }
#gazetta .panel-title > a.collapsed i.fa-caret-down { display:block; }
#gazetta .panel-title > a.collapsed i.fa-caret-up { display:none; }
#gazetta .panel-title > a span { background:#222; display:inline-block; padding:0 10px; }
#gazetta .panel-title > a.collapsed { background:none; border:0; }
#gazetta .panel-default>.panel-heading+.panel-collapse>.panel-body { border:0; }
#membres-ifa a img { margin-bottom: 20px; }
.wrapper .contact-list {margin-left:0;}
.wrapper .contact-list i {color:#ff8711;}
.wrapper .contact-list li:before {content:none;}
.wrapper #evenements-passes a img { margin-bottom: 20px; }
.wrapper #evenements-passes .social li:before {content:none;}
#evenements-passes .social .icon { display:block; height:50px; width:50px; background:url(../images/social-icons-big-2.png) no-repeat 0px 0px; text-indent:-10000px; overflow:hidden; }
#evenements-passes .social a {color:#333333;font-size: 32px; text-align:center;}
#evenements-passes .social a:hover {color:#ff8711;}
#evenements-passes .social .icon.viadeo { background-position:-50px 0px; margin-top:-5px; }
#evenements-passes .social .icon.snapchat { background-position: 0px 0px; margin-top:-6px;}
#evenements-passes .social .icon.viadeo:hover { background-position:-50px -50px;}
#evenements-passes .social .icon.snapchat:hover { background-position: 0px -50px;}
#evenements-passes .social > li { display: inline-block; max-width: 25% !important; vertical-align: top; width: 13%; text-align:left; }
#evenements-passes .social > li i { padding-left:5px; }
blockquote { border: 1px dotted #cecece; color: #999; font-family: lora; font-style: italic; margin-bottom: 25px; padding: 15px 15px 5px; }
#aside.fiche-metier { background: #ffffff none repeat scroll 0 0; color: #333333; }
#aside.fiche-metier .title { color: #333333; font-size: 28px; font-weight: bold; margin-bottom: 20px; }
#aside.fiche-metier .wrapper li::before { background: transparent; content: ""; left: -25px; top: 0px; font-family: fontawesome; color:#ff8711; }
#aside.fiche-metier .wrapper ul { margin-bottom: 25px; margin-left: 25px; }
#aside.fiche-metier .wrapper ul a { color:#333333; font-weight:700;}
.fancybox .hidden { display: none; }
.fancybox-title a { color: #fff;}
.fancybox > img { min-height: 130px; width: 100%; margin-bottom:15px; }
.fancybox { display: block; overflow: hidden; }
#photo-classe .fancybox .hidden { display: none; }
#photo-classe .fancybox-title a { color: #fff;}
#photo-classe .fancybox > img { min-width: 200px; width: 100%; margin:0; }
#photo-classe .fancybox { display: block; overflow: hidden; }
#photo-classe .title { font-size:14px; color:#222; }
#medias .row { margin:0 -3px; }
#medias .row > * { padding:0 3px; }
#medias a img { margin-bottom:5px; }
#actu-list.temoignages .item .more { float: left; }
#actu-list.temoignages .item .title { margin-bottom: 8px; }
.role { background: #ff8711; border-radius: 3px; color: #ffffff; display: inline-block; font-size: 12px; font-weight: 700; padding: 5px; text-transform: uppercase; margin-top:-25px; margin-bottom:20px; }
#temoignages { margin-bottom:14px; padding:30px; background:#ffffff; color:#333; }
#temoignages .title { font-size:18px; font-weight:bold; margin-bottom:15px; }
#temoignages p { margin-bottom:15px; }
#temoignages strong { font-weight:bold; color:#ff8711; }
#temoignages ul { line-height:1.5; list-style:disc; margin-left:20px; margin-bottom:15px; }
#temoignages .date { position:absolute; top:20px; right:-10px; font:bold 12px proxima-nova; text-transform:uppercase; line-height:1.1; text-align:center; background:#222222; color:#fff; padding:12px; width:75px; }
#temoignages .date span { display:block; font:50px/1.1 Oswald; }
#aside .wrapper { background: #333333; color: #ffffff; }
#aside .title { color: #ff8711; font-size: 28px; font-weight: bold; margin-bottom: 20px; }
#aside hr { border-color: #444444;}
.offer { min-height:290px; color:#333; margin-bottom:20px; }
.offer:hover { background:#fff; }
.offer .date { font-weight:600; margin-bottom:10px; font-size:13px; font-weight:bold; }
.offer h2 { margin-bottom:15px; font-size:26px; font-weight:600; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.offer p { margin-bottom:15px; }
.offer a.link-it-target {
position: absolute;
right: 15px;
bottom: 20px;
font-size: 13px;
color: #222;
font-weight: 600;
}
.offer a.link-it-target:hover { color:#ff8711; }
.offer a.link-it-target i {
margin-left: 10px;
}
#chiffres .hidous { opacity:0; transform:translateX(-100px); -webkit-transform:translateX(-100px);}
#chiffres > div { transition:all 1.5s ease; -webkit-transition:all 1.5s ease; margin:40px 0;font-size:20px; font-weight:200; }
#chiffres i { font-size:18px; position:absolute; left:0; top:3px; color:#ff8711; }
#chiffres li { display:block; margin-bottom:10px; position:relative; padding-left:24px; }
#chiffres strong { font-size:24px; font-weight:bold; color:#ffffff; }
#evenements-passes img { width:100%; }
#evenements-passes h2 a { display:block; min-height:58px; color:#333; border:1px solid #cccccc; padding:10px 15px; border-top:0; }
#evenements-passes .link-it:hover a { color:#ff8711; }
/*END ajout mag 12/01/2016*/
@media (max-width:768px) {
#footer-menu .col-20 { width:100%; margin-bottom:20px; }
#main-nav { height:85px; }
}
@media (min-width:1200px) {
header .navbar-toggle { display: none; }
}
@media (min-width:1200px) and (max-width:1300px) { .top-social div { display:none; } } }
@media (max-width:1200px) {
#page { margin:0 20px; }
#main-nav { display:none; }
#page .section-content { margin:0; }
.top-social > div { display:none; }
#page.home .section-content { margin:0 auto; }
header { max-width:1260px; margin:0 auto 30px; }
.top-social { padding-right:20px; }
#top-nav { max-width:480px; }
}
@media (min-width:1200px) and (max-width:1600px) {
#page .section-content { margin-left:220px; }
#main-nav{ display:block; width:210px; }
}
@media (max-width:1200px) {
#top-nav, #main-nav { display:none; }
#page .section-content { margin:0; }
.top-social > div { display:none; }
#page .section-content { margin:0 20px; }
#page.home .section-content { max-width:940px; margin:0 auto; }
header { max-width:940px; margin:0 auto 30px; }
#page .section-content { margin:0; }
.formations-menu > li a { height:180px; }
.formations-menu > li a span { font-size:18px; }
}
@media (min-width:1200px) {
#responsive-wrap {
-webkit-transform: translateX(0)!important;
-moz-transform: translateX(0)!important;
-ms-transform: translateX(0)!important;
-o-transform: translateX(0)!important;
transform: translateX(0)!important;
}
#responsive-nav {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@media (max-width:992px) {
#home-slide .slide, .grid-item--height2 { height:400px; }
.top-social { margin-left:250px; margin-right:20px; float:none; overflow:auto; overflow:hidden; overflow-x:auto; }
.top-social ul { width:322px; }
#ifa-presentation { margin-top:0; }
#logo { width:auto; margin:0; padding:20px 20px 0; }
#logo #logo-ifa{ margin:0; }
#logo-baseline { display:none; }
#page.home .section-content { max-width:620px; margin:0 auto; }
#footer-contacts .row > * { padding-bottom:20px; clear:both; box-shadow:inset 0 1px 0 #2a2a2a; overflow:hidden; }
#footer-contacts .social li:nth-child(5) { clear:none; }
.formations-menu { margin-left:0; margin-right:0; }
.formations-menu > li { padding:0; float:none; margin-bottom:10px; width:auto; }
.formations-menu > li a { height:auto; }
.formations-menu > li a span { margin:0; display:block; position:relative; left:auto; bottom:auto; }
}
@media (max-width:992px) and (min-width:768px) {
#aside-actu .actu > .content {
width: 50%;
float: left;
}
#aside-actu .actu > .image {
width: 50%;
float: left;
}
}
#actu-list.temoignages .col-md-4 { background:#f7f7f7; }
.item .polaroid { min-height:200px; background-size:100%; }
.item .polaroid .hover { height:200px; }
.item .polaroid img { max-width:140px; top:34px; margin-left:-70px; }
#actu-list.temoignages .panel-group { margin:0 0 40px; }
#actu-list.temoignages .panel-group .panel+.panel { margin-top:10px; }
#actu-list.temoignages .panel-default { background:none; border:0; }
#actu-list.temoignages .panel-default> .panel-heading { background:none; border:0; }
#actu-list.temoignages .panel-body { padding:20px 0; }
#actu-list.temoignages .panel-body > .row { margin:0 -5px; }
#actu-list.temoignages .panel-body > .row > *{ padding:0 5px; }
/*#actu-list.temoignages .panel-body a { padding:20px; display:block; background:#fff; color:#222; font-size:18px; text-transform:none; font-weight:600; }
#actu-list.temoignages .panel-body a:hover { background:#ff8711; color:#fff; }*/
#actu-list.temoignages .panel-body .col-md-8 a { color:#222; }
#actu-list.temoignages .panel-body .col-md-8 a:hover { color:#ff8711; }
#actu-list.temoignages .panel-body .polaroid { margin:0; }
#actu-list.temoignages .panel-body .polaroid .subtitle { margin-top:63px; }
#actu-list.temoignages .panel-title { border-bottom:1px solid #3e3e3e; height:20px; }
#actu-list.temoignages .panel-title > a { background:none; position:relative; font-size:16px; color:#ff8711; font-family:oswald; font-weight:300; }
#actu-list.temoignages .panel-title > a i { color:#666; background:#222; display:none; position: absolute; right: 10px; top: 12px; padding:0 10px; }
#actu-list.temoignages .panel-title > a i.fa-caret-up { display:block; }
#actu-list.temoignages .panel-title > a.collapsed i.fa-caret-down { display:block; }
#actu-list.temoignages .panel-title > a.collapsed i.fa-caret-up { display:none; }
#actu-list.temoignages .panel-title > a span { background:#222; display:inline-block; padding:0 10px; }
#actu-list.temoignages .panel-title > a.collapsed { background:none; border:0; }
#actu-list.temoignages .panel-default>.panel-heading+.panel-collapse>.panel-body { border:0; }
#btn-alternance{padding: 8px 20px; border-radius: 2px; background: #ff8711; color:white !important; margin-bottom:10px;}
#btn-alternance i{color:white !important;}