/*
  Theme Name:       Brompton
  Theme URI:        http://ecolesecondairebromptonville.com/
  Author:           Sept24
  Author URI:       http://sept24.com
  Description:      Theme pour le site http://ecolesecondairebromptonville.com/
  Version:          1.0
  Text Domain:      brompton
  Domain Path:      /languages/
*/


@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,900');

#wpadminbar{top: -32px!important}
/* GENERAL */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent;text-decoration:none}a:focus{outline:thin dotted;text-decoration:none}a:active,a:hover{outline:0;text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:'\201C' '\201D' '\2018' '\2019'}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{margin:0 2px;padding:.35em .625em .75em;border:1px solid silver}legend{padding:0;border:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}


/* GENERAL CUSTOM */

main.general button,
main.general input[type='button'],
main.general input[type='reset'],
main.general input[type='submit']{font-weight: 700!important;cursor:pointer;padding:10px!important;font-size:12px!important;display:inline!important;text-transform:uppercase!important;color:#fff!important;background:#092E6E!important;border:0;-webkit-appearance:button;border:0!important;border-radius:0!important;transition: all ease .3s;}

main.general button:hover,
main.general input[type='button']:hover,
main.general input[type='reset']:hover,
main.general input[type='submit']:hover {background:#222!important;}


hr.divider {margin:4rem 0;background-color:#c7c7c7}
hr.divider.noborder {background:transparent}

button[disabled],html input[disabled]{cursor:default}
input[type='checkbox'],input[type='radio']{box-sizing:border-box;padding:0}
input[type='search']{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto;vertical-align:top}
table{border-spacing:0;border-collapse:collapse}
html{font-size:62.5%;height:100%;max-height:100%}
body{
  overflow-x: hidden;
  font-size:15px;
  font-family: 'Lato', sans-serif;
  text-rendering:optimizeLegibility;

}
::-moz-selection{color:#222;background:#d6edff;text-shadow:none}
::selection{color:#222;background:#d6edff;text-shadow:none}
hr.blank_divide {background: transparent;border:0;height:60px;width:100%;margin:0;}
hr.blank_divide.small {height:40px;}
hr.blank_divide.large {height:80px;}
h1,h2,h3,h4,h5,h6{line-height:1;margin-top:0;text-rendering:optimizeLegibility}
h1,.h1{font-size:40px;line-height:50px;margin:0 0 .37em;font-weight:400;font-style:normal;text-transform:inherit}
h2{color:#454545;font-size:2.3em;line-height:120%;margin:0 0 .5em 0;font-weight:400;font-style:normal;}
h3{font-size:1.45em;line-height:120%;margin:0 0 .5em;font-weight:700;font-style:normal;text-indent:0;letter-spacing:0;color:#454545}
h4{font-size:1.2em;margin-bottom:25px;font-weight:500;font-style:normal}
h5{margin-bottom:25px;font-style:normal;font-weight:400}
h6{font-weight:400;margin-bottom:25px}

.general {margin-top:3em}
.general-container {margin-top:3em}
.general p, .blocshome p, .textwidget p {font-size: 1.2em;line-height: 180%;color:#454545;padding:0 1em 1em 0}
.general p a {color:rgba(153,16,26,1);}
.general a{color: #212c54; transition: background-color .3s ease-in-out}
.general .petit-paragraphe p {font-size:.95em;}
.textwidget ul {margin:1em;padding-left:2em}
.textwidget ul li {font-size: 1.1em;line-height: 180%;color:#454545;padding:0 1em .25em 0}
a{transition:all ease .3s;color:#092e6e}
a:hover{color:#57a3e8}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#111}
p,ul,ol,dl{margin:0}
ol ol,ul ul,ul ol,ol ul{margin:0}
#content{padding-top:20px}
#content ol li,#content ul li{margin:10px 0}

dl dt{font-weight:700;float:left;clear:left;overflow:hidden;width:180px;margin-bottom:1em;text-align:right;white-space:nowrap;text-overflow:ellipsis}
dl dd{margin-bottom:1em;margin-left:200px}
blockquote{-moz-box-sizing:border-box;box-sizing:border-box;margin:1.6em 0 1.6em -2.2em;padding:0 0 0 1.6em;border-left:#4a4a4a .4em solid}
blockquote p{font-style:italic;margin:.8em 0}
blockquote small{font-size:.9em;display:inline-block;margin:.8em 0 .8em 1.5em;color:#ebeaef}
blockquote small:before{content:'\2014 \00A0'}
blockquote cite{font-weight:700}
blockquote cite a{font-weight:400}
mark{background-color:#ffc336}
code,tt{font-family:Inconsolata,monospace,sans-serif;font-size:.85em;padding:1px 3px;white-space:pre-wrap;border:1px solid #e3edf3;border-radius:2px;background:#f7fafb}
pre{font-family:Inconsolata,monospace,sans-serif;font-size:.9em;overflow:auto;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:1.6em 0;padding:10px;white-space:pre;border:1px solid #e3edf3;border-radius:3px;background:#f7fafb}
pre code,tt{font-size:inherit;padding:0;white-space:-moz-pre-wrap;white-space:pre-wrap;border:none;background:transparent}
kbd{font-size:.9em;font-weight:700;display:inline-block;margin-bottom:.4em;padding:1px 8px;color:#666;border:#ebeaef 1px solid;border-radius:4px;background:#f4f4f4;box-shadow:0 1px 0 rgba(0,0,0,.2),0 1px 0 0 #fff inset;text-shadow:#fff 0 1px 0}
table{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;margin:1.6em 0;background-color:transparent}
table th,table td{line-height:20px;padding:8px;text-align:left;vertical-align:top;border-top:1px solid #efefef}
table th{color:#000}
table caption + thead tr:first-child th,table caption + thead tr:first-child td,table colgroup + thead tr:first-child th,table colgroup + thead tr:first-child td,table thead:first-child tr:first-child th,table thead:first-child tr:first-child td{border-top:0}
table tbody + tbody{border-top:2px solid #efefef}
table table table{background-color:#fff}
table tbody > tr:nth-child(odd) > td,table tbody > tr:nth-child(odd) > th{background-color:#f6f6f6}
table.plain tbody > tr:nth-child(odd) > td,table.plain tbody > tr:nth-child(odd) > th{background:transparent}
iframe,.fluid-width-video-wrapper{display:block;margin:1.6em 0}
.fluid-width-video-wrapper iframe{margin:0}
.hidden{display:none;visibility:hidden;text-indent:-9999px}
.vertical{display:table-cell;vertical-align:middle}
.clear{clear:both;height:1em;margin:0;padding:0}
.clear-simple{clear:both}

hr{height:1px;margin:20px 0;border:0;background-color:#eaeaea;clear: both}
hr.separate {background:transparent}
hr.separate.small {margin:5px 0}
ul,ol{margin:0 0 1.5em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
img{max-width:100%;height:auto}
figure{margin:0}
table{width:100%;margin:0 0 1.5em}
th{font-weight:700}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
input[type='search']{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type='search']::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type='text'],input[type='email'],input[type='url'],input[type='password'],input[type='search']{padding:3px}
textarea{overflow:auto;width:98%;padding-left:3px;vertical-align:top}
input[type='submit']{padding:10px;font-size:12px;display:inline;text-transform:uppercase;color:#fff;background-color:#092E6E;border:0}
input[type='submit']:hover{background-color:rgba(208,17,43,1)}
.site-main .comment-navigation,.site-main .paging-navigation,.site-main .post-navigation{overflow:hidden;margin:0 0 1.5em}
.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%}
.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next{float:right;width:50%;text-align:right}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px)}
.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{font-size:14px;font-weight:700;line-height:normal;z-index:100000;top:5px;left:5px;display:block;clip:auto!important;width:auto;height:auto;padding:15px 23px 14px;text-decoration:none;color:#21759b;border-radius:3px;background-color:#f1f1f1;box-shadow:0 0 2px 2px rgba(0,0,0,.6)}
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{display:table;content:''}
.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}

.alert-bar {background:#002f6a;height:70px;color:#fff;width:100%;display: flex;align-items: center;justify-content: center; position: relative;flex-direction:row;flex-wrap: nowrap}
.alert-bar p {margin:0 20px 0 0;padding:0;line-height: 30px;width:100%;height:30px;}
.alert-bar p strong {text-transform: uppercase;font-size:13px;}
.barcontent {float:left;height:30px;/*display:table;*/}
.barcontent:last-of-type {border-left:1px solid rgba(255,255,255,0.4);margin-left:15px;padding-left:15px;}
.barcontent div {float:left;/*display:table-cell;vertical-align:middle*/}
.barcontent svg {width:30px;height:30px;fill:#fff}
i.fa {font-size:33px;}
.alert-bar a {background:white;color:#002f6a;display: block;padding:6px 11px;border:1px solid #fff;text-transform: uppercase;font-size:13px;font-family: 'ralewaybold', sans-serif;line-height: 13px;}
.alert-bar a:hover {background:transparent;color:#fff}
hr.clearbar {clear:both;background:transparent;border:0}

.slideout-menu #bs-example-mobile-navbar-collapse-2 {height: auto;}

.widget{margin:0}
.widget select{max-width:100%}
.widget_search .search-submit{display:none}

.error404 .imageintro {display: none}
.error404 .separate {margin-top:45px;}

.sticky{content:''}
.byline,.updated{display:none}
.single .byline,.group-blog .byline{display:inline}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none}
.comment-content a{word-wrap:break-word}
.bypostauthor{content:''}
.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.wp-caption{max-width:100%;margin-bottom:1.5em;border:1px solid #ebeaef}
.wp-caption img[class*='wp-image-']{display:block;max-width:98%;margin:1.2% auto 0}
.wp-caption-text{text-align:center}
.wp-caption .wp-caption-text{margin:.8075em 0}
.site-main .gallery{margin-bottom:1.5em}
.gallery-caption{content:''}
.site-main .gallery a img{max-width:90%;height:auto;border:none}
.site-main .gallery dd,.site-main .gallery figcaption{margin:0}
embed,iframe,object{max-width:100%}

.erreur404 {padding-top:60px;padding-bottom: 60px;min-height:60vh;display:flex;align-items: center;}
.erreur404 .big-button-nav {margin-top:30px;}

a.bouton {background:#212c54;font-weight: 700; display: inline-block;color:#fff;padding:0 1em;height:40px;line-height: 40px;margin-top:1em}
a.bouton:hover {color:#fff;background-color: rgba(186,23,37,.85);}

/* HEADER */
.imageintro {padding-left:0;padding-right:0;position:relative;}
.texture{background:#fff url(img/bg-header.png)}
.blog-logo{text-decoration:none;color:#fff;display: block;max-width: 320px;padding:20px;margin-top: -55px;position: absolute;z-index: 2;left:0}
.blog-description{font-size:1.8rem;font-weight:400;line-height:1.5em;margin:0;letter-spacing:0;text-shadow:0 1px 3px rgba(0,0,0,.15)}
#navmobi{display: none}
.toggle-menu{transition: margin-right .5s ease-in-out}
.mobi-menu{display: none}

/* HEADER MENUS */
.right-col-nav {display: flex;justify-content: flex-end;align-items: center}
.sec-menu-right {display: flex;justify-content: flex-end}
.main-navigation ul,#menu-top ul{list-style:none;}
#menu-top ul {margin:0;padding:0;}
#menu-top li {position:relative;float:left;}
#menu-top li a {padding:0 .5em;margin:0 .15em;height: 42px;line-height: 42px}
#menu-top li.tel a, #menu-top li.courriel a {font-weight: 700; color:#fff}
#menu-menu-principal-1 {flex-direction: row}
.main-navigation a.nav-link {line-height: normal; display:block;padding:1em .75em;font-weight:800;text-transform:uppercase;color:#212c54;font-size:.8em;}
.main-navigation a:hover {background:#002f6a;color: #fff}
.main-navigation ul ul a {color:#002f6a;font-size: 1.5em;text-transform: none;padding: .5em 1em}
.main-navigation ul ul a:hover {background:#002f6a;color:#fff}
.top-menu-mobile li a{color:#002f6a;font-size: 1.85em;text-transform: none;padding: .5em 1em}
.top-menu-mobile li a:hover{background:#002f6a;color:#fff}
.dropdown-menu {border: 0;}
.fa-facebook-square {font-size:2em;margin-top:.35em}
.main-navigation .logo-mobile {display: none}
.main-navigation .logo-mobile:hover{background-color: transparent}


.big-button-nav {text-align: center; background: #ba1725;color:#fff;font-size:1.25rem;display:inline-block;padding:20px 10px;font-weight:700;text-transform:uppercase;position: relative}
.big-button-nav:hover {background:#2c2a2a;color:#fff}

/* Clean todo */
#menu-top{background:#2c2a2a;height:42px}
#menu-top ul li{height:42px;line-height: 42px;}
#menu-top ul li a{font-weight:500;display:block;color:#bdbbbb;font-size:12px}
#menu-top ul li.facebook{margin-top:0}
#menu-left,#menu-right{width:375px}
#menu-left{text-align:left;float:left}
#menu-right{text-align:right!important;float:right!important}
#menu-right li{float:right}


.dropdown:hover>.dropdown-menu {display: block;position: absolute;top:99%}

/* Titres de sections */
.section-title {background:rgba(22,22,22,.05);}
.section-title h1 {position: relative;z-index: 2;margin-left:-30px;margin:0;background:#fff}
.section-title span {background:rgba(22,22,22,.5);padding:.5em 1.25em;color:#fff;display: inline-block;font-weight:900;font-size: .9em}
.section-title.home-title span {font-weight:300;}
.section-title.intro {position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);}
.section-title.intro span {background:rgba(22,22,22,.4);}



/* Titres de sections v2 */
.section-title-new {padding:0}
.section-title-new h2 { text-align: center;border-bottom: 1px solid #c8c8c8;padding-bottom: .5em}
.section-title-new h2 span {display: inline-block;position: relative;  font-size: 1.4em ;font-weight: 900}

.section-titre .so-widget-sow-editor h2 {display: inline-block;text-align: center;border-bottom: 1px solid #c8c8c8;padding-bottom: .15em;position: relative;font-size: 2.7em;font-weight: 300;margin-bottom: .25em}
.section-titre .panel-grid-cell {padding-bottom: 5px;}

.titre-bleu p {background:#002f6a;color:#fff;text-align: center;padding:.5em 0;margin:0;font-weight: 700;font-size:1.35em}
.titre-rouge p {background:#ba1725;color:#fff;text-align: center;padding:.5em 0;margin:0;font-weight: 700;font-size:1.35em}



.big_message {position: absolute;bottom:-30px;left:50%;transform:translateX(-50%);}
.big_message .message {background: rgba(33,44,84,.9);padding:2rem;text-align: center;max-width: 400px;}
.big_message h1 {font-weight: 300;margin:0;padding:0;color:#fff;text-transform: uppercase;font-size:2rem;line-height: 160%}
.big_message h1 span {font-weight: 700;display: block;font-size:2.7rem;}
.big_message i {margin:0;padding:0;color:#fff;font-size: 6rem;margin:1rem 0}
.big_message p {margin:0;padding:0;color:#fff;font-size: 2.1rem}
.big_message p strong {font-size:3.1rem}


.general .bloc_rencontres h3 {margin:0;padding:0 90px 0 0;line-height: 130%;font-size:3rem;}
.general .bloc_rencontres h4 {margin:0;padding:0;line-height: 150%;font-size:1.95rem;}
.general .bloc_rencontres p {margin-top:30px;margin-bottom:30px;}
.general .bloc_rencontres a.ow-button-hover {margin-top:30px;margin-bottom: 30px;width:100%}

.menu-rencontres-virtuelles-container .menu li {width:24%;margin-right: 10px;float:left;list-style: none;border-bottom:1px solid #c7c7c7;padding:5px 0}

.liste_profils {margin-top:30px;}
.liste_profils p {line-height: 140%;font-size:1em;padding-top:5px;text-align: center}

/* ALERT BAR */
.alert-bar {background:#002f6a;height:70px;color:#fff;width:100%;display: flex;align-items: center;justify-content: center; position: relative;flex-direction:row;flex-wrap: nowrap}
.alert-bar p {margin:0 20px 0 0;padding:0;line-height: 30px;width:100%;height:30px;}
.alert-bar p strong {text-transform: uppercase;font-size:13px;}
.barcontent {float:left;height:30px;}
.barcontent:last-of-type {border-left:1px solid rgba(255,255,255,0.4);margin-left:15px;padding-left:15px;}
.barcontent div {float:left;}
.barcontent svg {width:30px;height:30px;fill:#fff}
i.fa {font-size:33px;}
.alert-bar a {background:white;color:#002f6a;display: block;padding:6px 11px;border:1px solid #fff;text-transform: uppercase;font-size:13px;font-weight: 700;
line-height: 13px;}
.alert-bar a:hover {background:transparent;color:#fff}
hr.clearbar {clear:both;background:transparent;border:0}


.main-slider{position:relative;width:100%;height:38vw;min-height:8vw;margin-bottom:0px;opacity:0;visibility:hidden;transition:all 1.2s ease}

@media(min-width: 769px) {
  .main-slider{position:relative;width:100%;height:38vw;min-height:8vw;opacity:0;visibility:hidden;transition:all 1.2s ease}
}


.main-slider.slick-initialized{opacity:1;visibility:visible}
.slick-slide{position:relative;height:100%}
.slick-slide::before{background-color:#000;opacity:.3;z-index:1}
.slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.slick-slide iframe{position:relative;pointer-events:none}
.slick-slide figure{position:relative;height:100%}
.slick-slide .slide-image{opacity:0;height:100%;background-size:cover;background-position:center;transition:all .8s ease}
.slick-slide .slide-image.show{opacity:1}
.slick-slide .image-entity{width:100%;opacity:0;visibility:hidden}
.slick-slide .loading {position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width: 48px;height: 48px;}
.slick-slide .slide-media{-webkit-animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1);animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1)}
.slick-slide.slick-active{z-index:1}
.slick-dots {position: absolute;bottom: 10px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dotted.slick-slider { margin-bottom:0;}

.slick-list,
.slick-track {
  height: 100%;
}

.gen-slider .slick-slide .slide-image {opacity:1;}
.gen-slider .slick-slide .caption {opacity: 0}
.gen-slider .slick-slide.slick-active .caption {position: absolute;width:100%;bottom: 0;}
.gen-slider .slick-slide.slick-active .caption p {padding: 0;color:#fff}
.gen-slider .slick-prev, .gen-slider .slick-next {z-index: 9}
.gen-slider .slick-prev {left:25px;}
.gen-slider .slick-next {right:25px;}
.gen-slider .slick-prev:before, .gen-slider .slick-next:before {font-size: 30px}



/* ?? TRASH ?? */
.slick-slide.slick-active .slide-media{-webkit-animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1);animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1)}
.slick-slide.slick-active .caption {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s}



.captions {margin:-6vw auto 0 auto;display: flex;justify-content: center;max-width:1100px; z-index: 4;}
.captions-2 {margin:1.5vw auto 0 auto;}

@media(max-width: 768px) {
  .captions {margin:auto;display: flex;justify-content: center;max-width:1100px; z-index: 4;}
}

.caption {display: flex;flex-direction: column;width:100%;padding:2em 1.5em;color:#fff;margin:0 1em;z-index:1;}


.captions .caption h1 {color:#fff;font-size: 1.9em;margin:0;padding:0 0 .75em 0;line-height: 120%;font-weight: 900}
.captions .caption h2 {color:#fff;font-size: 1.8em;margin:0;padding:0 0 .75em 0;line-height: 120%;font-weight: 900}
.captions .caption h3 {color:#fff;font-size: 1.6em;margin:0;padding:0 0 .75em 0;line-height: 120%;font-weight: 900}
.captions .caption h4 {color:#fff;font-size: 1.4em;margin:0;padding:0 0 .75em 0;line-height: 120%;font-weight: 900}
.captions .caption h5 {color:#fff;font-size: 1.2em;margin:0;padding:0 0 .75em 0;line-height: 120%;font-weight: 900}
.captions .caption h6 {color:#fff;font-size: 1.0em;margin:0;padding:0 0 .75em 0;line-height: 120%;font-weight: 900}


.captions .caption p {font-size: 1em;margin: 0;padding: 0 0 .5em 0}
.captions .caption a {margin:1em auto 0 auto;display: block;height:45px;line-height: 43px;padding:0 1em;font-weight: 700;font-size:.85em;text-align: center;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;width: 100%}
.captions .caption a:hover {background:#fff;color:rgba(33,44,84,1);}

@media(max-width: 768px) {
  .captions .caption a {margin:1em 5% 0 5%; width: calc(90%);}
}

.slick-dots{text-align:center;padding-top:15px}
.slick-dots li{display:inline-block;vertical-align:top;margin:0 8px;width:10px;height:10px;}
.slick-dots li button{width:10px;height:10px;border:none;cursor:pointer;border-radius:50%;box-shadow:0 0 0 0 transparent;vertical-align:middle;color:#fff;background-color:#fff;transition:all .3s ease;opacity:.4}
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover{opacity:1}
.slick-dots li.slick-active button{border-color:#2d3042;box-shadow:0 0 0 2px #fff;opacity:1}
.slick-dots li button:before{font-family:'slick';font-size:13px;line-height: 10px;position:absolute;top:0;left:0;width:10px;height:10px;content:'•';text-align:center;opacity:.25;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before {opacity: .75;color: #fff;}
.bg-rouge {background:#ba1725;}

.bg-bleu {background:#212c54;/*padding-top:1.5em;padding-bottom: 1.5em;margin-top:1.5em;margin-bottom: 1.5em;*/ color:#fff}
.bleubg {background:#ebeaef}


/* ACCUEIL */
.blocshome h2 {color:#fff;font-weight: 400;font-size: 1.9em;line-height: 110%;padding-bottom: .5em}
.blocshome h2.brdbtm {border-bottom: 2px solid #212c54;margin-left: -15px;padding-left: 15px;}
.blocshome h2.ttuppercase {text-transform: uppercase;letter-spacing: .05em}
.blocshome h2.fw700 {font-weight: 700}
.whitebg h2 {color:#333}


.blocshome a {background:#212c54;font-weight: 700; display: inline-block;color:#fff;padding:0 1em;border:0;border-radius: 0;}
.so-widget-sow-button .ow-button-base a.ow-button-hover {background:#212c54;font-weight: 700; display: inline-block;color:#fff;padding:1em;border:0;border-radius: 0;}
.blocshome .hover-red a {background:#ba1725}
.blocshome a:hover, .so-widget-sow-button .ow-button-base a.ow-button-hover:hover {
color:#fff;background: rgba(186,23,37,.85);}
.blocshome h2.whitebrd {border-bottom: 1px dotted #212c54;margin-left: -30px;padding-left: 30px;}
.blocshome .bg-bleu a {color:#212c54;background:#fff}
.blocshome .bg-bleu a:hover {color:#fff;background: transparent}
.blocshome .bg-bleu .imgborder {border:1px dotted rgba(255,255,255,1);padding:.5em}
.blocshome .bg-bleu h2.whitebrd {border-bottom: 1px dotted #fff;margin-left: -30px;padding-left: 30px;}

.blocshome {padding-left:0;padding-right:0;}
.twoblocs_wrapper {padding:1.5em;position: relative;height: 100%;display: flex;flex-direction: column;justify-content: space-between;background:rgba(255,255,255,.8)}
.hover-blue.bg-lightgray {justify-content: flex-end;background-position: left center}
.hover-blue .twoblocs_wrapper {background:rgba(186, 23, 37, .7);}
.hover-red .twoblocs_wrapper {background:rgba(33, 44, 84, .7);}
.blocshome.twoblocs h2 {font-size: 1.4em;}
.blocshome.twoblocs p {font-size:2.3em;}
.blocshome.twoblocs a {font-size:1em;padding:0 1em;height:35px;line-height: 35px;}
.bg-lightgray {background:#ebeaef;cursor: pointer;min-height:260px;background-repeat:no-repeat;background-size:contain;background-position:right center}
.blocshome.twoblocs .bg-lightgray h2 {text-transform: uppercase;color:#676767;font-weight: 700;margin-bottom: 0;font-size:1em;padding-bottom: .5em;text-align: left;border-bottom: 1px solid #c8c8c8;}
.blocshome.twoblocs .bg-lightgray h3 {font-size:1.5em;color:#676767;font-weight: 700;padding:.25em 0 .5em 0;margin:0;}
.blocshome.twoblocs .bg-lightgray p {font-size:1.2em;color:#676767;font-weight: 400;line-height: normal;padding:0;margin:0;}
.bg-lightgray.hover-red .twoblocs_wrapper  {background:#ebeaef;}
.bg-lightgray.hover-blue .twoblocs_wrapper {background:#ebeaef;}
.bg-lightgray.hover-red:hover .twoblocs_wrapper  {background:rgba(186, 23, 37, 1);}
.bg-lightgray.hover-blue:hover .twoblocs_wrapper {background:rgba(33, 44, 84, 1);}
.twoblocs_container {padding-left:0;padding-right: 0}

.blocshome.twoblocs .bg-lightgray.hover-red h2, .blocshome.twoblocs .bg-lightgray.hover-blue h2 {color:#676767;}
.blocshome.twoblocs .bg-lightgray.hover-red h3, .blocshome.twoblocs .bg-lightgray.hover-blue h3 {color:#2f2e2e;}
.blocshome.twoblocs .bg-lightgray.hover-red p, .blocshome.twoblocs .bg-lightgray.hover-blue p {color:#676767;}
.blocshome.twoblocs .bg-lightgray.hover-red:hover h2, .blocshome.twoblocs .bg-lightgray.hover-blue:hover h2 {color:#fff;}
.blocshome.twoblocs .bg-lightgray.hover-red:hover h3, .blocshome.twoblocs .bg-lightgray.hover-blue:hover h3 {color:#fff;}
.blocshome.twoblocs .bg-lightgray.hover-red:hover p, .blocshome.twoblocs .bg-lightgray.hover-blue:hover p {color:#fff;}
.blocshome.twoblocs .bg-lightgray.hover-red:hover a {color:#ba1725;background:#fff}
.blocshome.twoblocs .bg-lightgray.hover-blue:hover a {color:#212c54;background:#fff}
.texte-blanc h3, .texte-blanc h4, .texte-blanc h5, .texte-blanc p {color:#fff}

/* 7 raisons */
.raisons {position: relative;padding-top:1em;padding-bottom: 1em;border-top:2px solid #99101a;border-bottom: 2px solid #99101a;background-attachment: fixed;
 background-position: center;background-repeat: no-repeat;background-size: cover;}
.raisons:after {content: "";top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: 0; background-color: rgba(186,23,37,.85);-webkit-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);}
.reasonsarrow {transform: rotate(180deg);width:15px;margin-right:.5em}
.septraisons {display: flex;justify-content: flex-start;align-items: center;font-family: 'Lato', sans-serif;z-index: 2}
.sevenreasons {font-size: 7em;font-weight: 700;margin-right: .25em;color:rgba(186,23,37,1);background: #fff;margin-left:-15px;padding-left:15px;padding-right:.25em}
.septraisons h3 {font-weight: 400;text-transform: uppercase;line-height: 130%;font-size: 1.2em;color:#fff}
.septraisons h3 span {font-size: 1.5em;line-height: 110%;font-weight: 700;padding-top: .25em;display: inline-block;}
.liste-raisons {z-index: 2}
.liste-raisons .row {padding-top:1.5em;padding-bottom: 1.5em}
.liste-raisons h4 {font-size:1.4em;font-weight: 400; margin:0;padding:0 0 .5em 0;color:#fff}
.liste-raisons p {font-size:.95em;margin:0;padding:0 .5em 0 0;font-family: 'Lato', sans-serif;color:#fff}

/* Bloc Information */
.bloc-infos {position: relative;background-size: cover; padding-top:1em;padding-bottom: 1em;border-top:2px solid #212c54;border-bottom: 2px solid #212c54}
.bloc-infos:after {content: "";top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: 0; background-color: rgba(33,44,84,.85);-webkit-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);}
.bloc-infos .sevenreasons{font-size: 8em;font-weight: 700;margin-right: .25em;color:#212c54;background: #fff;margin-left:-15px;padding-left:15px;padding-right:.25em}
h3.bigtitle {font-size: 2.2em;line-height: 100%;font-weight: 400}

/* Bloc Argumentaire */
.bloc-argu{position: relative;background-size: cover; padding-top:1em;padding-bottom: 1em;border-top:2px solid #2f2e2e;border-bottom: 2px solid #2f2e2e}
.bloc-argu:after {content: "";top: 0;left: 0;bottom: 0;right: 0;position: absolute;z-index: 0; background-color: rgba(47, 46, 46,.85);-webkit-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 20px -5px rgba(0,0,0,0.75);}
.bloc-argu .sevenreasons{font-size: 6em;font-weight: 700;margin-right: .25em;color:#fff;background: transparent;margin-left:-15px;padding-left:15px;padding-right:.25em}

.bigbloc h3 {font-size:2.6em;font-weight:900;border-bottom: 1px solid #c8c8c8;padding-bottom: .5em;}
.bigbloc p {font-size:1em;line-height:150%;padding-bottom:.5em;padding-right:3em;opacity:.8;padding-left:0;margin-left:0}
.features-item {position: relative}
.features-caption {cursor: pointer;position: absolute;top:0;left:0;height: 100%;max-height: 100%;width:100%;color:#fff;}
.features-content {position: absolute;top:0;opacity: 0; padding: 1.5em;transition: opacity .25s ease-in;height: 100%}
.features-caption .overlay {width: 100%;height:15%;position: absolute;bottom:0;background:rgba(33,44,84,1);transition: height .2s ease;}
.features-caption.red .overlay {background:rgba(153,16,26,1);}
.features-item .features-caption h5 {font-size: 1em;margin:0;padding:0 1.5em;font-weight: 900;position: absolute;bottom: 0; z-index: 2;width:100%;height: 15%;display: flex;align-items: center;justify-content: space-between;background: rgba(33,44,84,1);}
.features-item .features-caption.red h5 {    background: rgba(153,16,26,1);}
.features-item .features-caption h5 span {display: block}
.features-item .features-caption h5 span.plus {font-weight: 700;font-size: 1.75em;}
.features-item .features-caption .features-content p {padding:0 1em 0 0;margin:0 0 .5em 0;font-size: 1em;color:#fff;line-height: 170%}
.features-caption a {display: inline-block;background:#fff;text-align: center;height:35px;line-height:35px;padding:0 2em;position: absolute;
bottom: 25%;font-weight: 700}
.features-item:hover .features-caption .overlay {height:100%;background:rgba(33,44,84,.7);}
.features-item:hover .features-caption.red .overlay {height:100%;background:rgba(153,16,26,.7);}
.features-item:hover .features-content {opacity: 1;}
.features-caption a:hover {background:rgba(153,16,26,1);color:#fff}
.features-caption.red a:hover {background:rgba(33,44,84,1);}

/* GENERAL */
.list-image {margin-bottom: 1.5em}
.general h3{font-size:1.55em;line-height:120%;margin:1em 0 1.5em 0;font-weight:700;color:#454545}

/* BLOGUE ? FLUSH ? */
.post-wrap{position:relative;margin:4rem auto;word-break:break-word;hyphens:auto}
.circle-in-border{position:absolute;bottom:-5px;left:50%;display:block;width:7px;height:7px;margin-left:-5px;content:'';border:#e7eef2 1px solid;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#fff;box-shadow:#fff 0 0 0 5px}
.error-404 article{margin-bottom:20px;padding-top:20px;border-top:#ebf2f6 1px solid}
.hentry{position:relative;word-break:break-word;hyphens:auto}
.post-title{margin:0;border-bottom:1px solid #eaeaea;padding-bottom:26px}
.post-title a{text-decoration:none}
.post-excerpt p{font-size:.9em;line-height:1.6em;margin:1.6rem 0 0}
.post-meta{font-size:1.5rem;display:inline-block;margin:0 0 5px;color:#9eabb3}
.post-meta a{text-decoration:none;color:#9eabb3}
.post-meta a:hover{text-decoration:underline}
.user-meta{position:relative;min-height:77px;padding:.3rem 40px 0 100px}
.user-image{position:absolute;top:0;left:0}
.user-name{font-weight:400;display:block}
.user-bio{font-size:1.4rem;line-height:1.5em;display:block;max-width:440px}
.publish-meta{position:absolute;top:0;right:0;padding:4.3rem 0 4rem;text-align:right}
.publish-heading{font-weight:400;display:block}
.publish-date{font-size:1.4rem;line-height:1.5em;display:block}
article.post{margin-top:20px;position:relative}
article.post img.attachment-thumbnail{width:150px;padding:9px 10px 10px 0;float:left}
article.post .b-article{float:left;width:790px}
article.post .b-article h2{line-height:40px}
article.post .b-article .post-excerpt p{margin-top:5px}
.post-template .post{margin-top:0;padding-bottom:0;border-bottom:none}
.post-template .post:after{display:none}
.post-template .post-header{padding:60px 0;text-align:center}
.post-header img{display:block;max-width:100%;height:auto;margin:0 auto;padding-top:1rem}
.post-template .blog-title{display:inline-block;padding:2.5rem 0}
.post-content.futurs-etudiants{font-size:20px}
.post-content img{display:block;max-width:100%;height:auto}
.post-footer{position:relative;margin:4rem 0 0;padding:4rem 0 0;border-top:#ebf2f6 1px solid}
.post-footer h4{font-size:1.8rem;margin:0}
.post-footer p{font-size:1.4rem;line-height:1.6em;margin:1rem 0}
.post-footer .author{margin-right:180px;margin-bottom:3rem}
.post-footer .author a{text-decoration:none}
.post-footer .share{position:absolute;top:4rem;right:0;width:140px}
.post-footer .share a{font-size:1.8rem;display:inline;margin:1.4rem 0 1.6rem 1.6rem;text-decoration:none;color:#bbc7cc}
.post-footer .share a:hover{color:#50585d}
.gist table{font-size:1.4rem;margin:0}
.gist .line-number{font-size:1.1rem;min-width:25px}
.social-icons{margin-top:15px}
.social-icons a{font-size:1.3em;margin:0 5px;text-decoration:none;color:#fff}
.blog-title a:hover,.social-icons a:hover{color:#57a3e8}
.comments-area{margin:4rem auto;padding-bottom:4rem}
.comment-form-comment label{display:inline-block;width:100%}
.form-allowed-tags{font-size:1.3rem;float:right;width:80%;margin:-1rem;color:#9eabb3}
.comment-subscription-form{clear:both;margin-top:1rem}
.widget-area{font-size:1.3rem;margin:4rem auto;padding-bottom:4rem;color:#9eabb3}
.widget-area h1{font-size:2.5rem}
.widget-area aside{float:left;overflow:hidden;width:30%;height:260px;padding:2rem 1.5%}
.search-submit{display:inline-block;padding:15px;transition:border ease .3s;text-decoration:none;border:#ebf2f6 2px solid;border-width:3px;border-radius:30px;background:none}
.search-submit:hover,.form-submit #submit:hover{border-color:#9eabb3}
.pagination{font-size:1.3rem;position:relative;margin:4rem auto;text-align:center;color:#9eabb3}
.pagination a{color:#9eabb3}
.older-posts,.newer-posts{position:absolute;display:inline-block;padding:0 15px;transition:border ease .3s;text-decoration:none;border:#ebf2f6 2px solid;border-radius:30px}
.older-posts{right:0}
.page-number{display:inline-block;padding:2px 0}
.newer-posts{left:0}
.older-posts:hover,.newer-posts:hover{border-color:#9eabb3}

/* PERSONNEL */
.membres .membres-card{width: 75%; padding: 0 1em; margin:0 auto; display: flex;flex-direction: column;align-items: center; justify-content: flex-start;}

/* SLIDER RESPONSIVE SLIDES FLUSH EVENTUEL */
body.home #slider .rslides_tabs {left:390px}
body.home .rslides .caption {left:0;margin-left:0}
body.home .rslides_nav.prev,body.home .rslides_nav.next {display:none}
#slider{position:relative;margin-bottom:-20px}
#slider.wrap ul li img{height:530px!important}
#slider-etudiants #slider{background:#000;height:530px}
#slider-etudiants #slider ul li{position:relative;height:530px}
#slider-etudiants #slider ul li img{width:auto!important;height:auto!important;max-width:940px!important;max-height:530px!important;float:none!important;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
#slider img{max-height:952px;max-width:1920px;width:100%;height:auto}
.slider-wrap{position:absolute;left:50%;margin-left:-470px;bottom:0;margin-bottom:60px}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides .caption{display:block;position:relative;z-index:2;max-width:460px;text-align:left;left:50%;margin-left:-230px}
.rslides,.rslides a{color:#000}
.rslides .description{font-size:15px;margin-top:16px}
.rslides .description strong{font-style:italic}
.rslides .caption .description,.rslides .caption h2,.rslides_tabs{background:url(img/bg-trans.png);padding:15px 20px}
.rslides .caption h2{display:inline;font-size:40px}
.rslides_nav.prev,.rslides_nav.next{position:absolute;z-index:4;top:50%;margin-top:-25px}
.rslides_nav.next{right:10px}
.rslides_nav.prev{left:10px}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.rslides_tabs{list-style:none;padding:0;font-size:8px;padding:8px 10px;display:inline;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;position:relative;z-index:4;top:-50px}
.rslides_tabs li{display:inline;float:none;margin-right:1px}
.rslides_tabs a{font-family:Arial,sans-serif;width:auto;padding:0 4px;height:auto;background:transparent;display:inline;background:#2f2e2e;margin:0 6px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.rslides_tabs li.rslides_here a{background:#ba0f26}
.rslides_tabs li:first-child{margin-left:0}

/* NAV SECONDAIRES INTERIEUR PAGES */
#secondary{width:220px;margin-right:10px;padding-right:0}
#sub-nav.services{max-height:none;background:transparent;border-top:8px solid #092e6e}
#sub-nav.services ul{padding:0;text-align:left}
#sub-nav.services ul li{display:block}
#sub-nav.services ul li a{color:#111;display:block;border-bottom:1px solid #cbcbcb;padding:10px}
#sub-nav.services ul li.current_page_item a{color:#fff;background:#092e6e;font-weight:400}

/* MEMBRES */
.membres h3{color:#2f2e2e;padding:21px 0 21px 0;margin:0;line-height:110%;text-align: center}
.membres .poste{text-align: center;margin:0 0 17px;line-height:130%;padding:0}
.membres .coordonnees{display:block;font-size:14px}
.membres .coordonnees strong{color:#092e6e}
.membres .courriel a{font-weight:700}

/* ???? A CLASSER */
#etudiant-actuel,#futur-etudiant{text-align:center;border-bottom:1px solid #eaeaea;padding:20px 20px 26px}
.ligne{background:url(img/ligne.png) right no-repeat}
.bordertop{border-top:1px solid #eaeaea}
a.linkblock{display:block}
.img100 img{width:100%;height:auto!important}
#nouvelles-accueil,#evenements-accueil{padding-top:12px}
#nouvelles-accueil p,#evenements-accueil p{height:108px!important}
#nouvelles-accueil a h3{color: #fff}
#nouvelles-accueil a:hover h3{color: #212c54}
#nouvelles-accueil .card{border-color: #212c54}
.post-content.italic em{font-style:italic;color:#adabab}
.bouton {padding-top:1em}
.bouton a{padding:9px 10px 8px;margin:0 0 1.5em 0;font-size:13px;display:inline-block;text-transform:uppercase;color:#fff;font-weight: 700}
.bleu a{background-color:rgba(9,46,110,1)}
.bleu a:hover{background-color:rgba(208,17,43,1)}
.bloc{padding-top:20px;margin-top:7px}
.underline{border-bottom:1px solid #eaeaea}
.bloc h2{border-top:1px solid #eaeaea;padding:9px 0 6px}
.service-title{border-top:1px solid #eaeaea;margin-top:7px;padding-top:10px}
.aside-content{width:700px;margin-left:10px;padding-left:0}

#gobuttons {align-items: center;display: flex;justify-content: flex-end;}
#gobuttons a {margin-bottom: 0}
#gobuttons .bouton.bleu{float:left;margin-left:10px;padding-top:0}

h3.event-title {border-bottom: 1px solid rgba(22,22,22,.05)}
h3.event-title a {color:rgba(9,46,110,1);}
.eventdate{float: right; font-weight:400;font-size:13px;color:rgba(9,46,110,1);line-height:100%;font-weight: 700;text-transform: uppercase}

/* TEMOIGNAGES */
#temoignages {background:#fff;padding:50px 0;margin-top:1em}
#temoignages h2{padding:15px 0;}
#temoignages h3{color:#2f2e2e;padding-top:20px}
#temoignages h3,#temoignages .reference{margin:0}
#temoignages p.texte{font-style:italic;line-height:22px;padding:0 10px;font-size:14px}
#temoignages .reference{color:#b5b3b3}

/*FAQ : https://tympanus.net/codrops/2012/02/21/accordion-with-css3/ */
.faq-item h2{background:#f7f7f7;cursor: pointer;transition: all 0.3s ease;margin:0;padding:.5em 0 .5em 1em;margin:.25em 0;font-size: 1.35em;
display: block}
.faq-item h2:hover, .faq-item h2.show {background:#212c54;color:#fff;}
.faq-item .faq-reponse {padding:.5em 0 0 1.5em; overflow: hidden;display: none;}

/* FORMS */
input[type='text'],input[type='email'],input[type='url'],input[type='password'],input[type='search'],textarea{border-radius:0!important;border:1px solid #ebeaef;padding:10px;width:100%}
.nousjoindre p,.wpcf7 p{margin:0}
.wpcf7-text,.wpcf7-textarea{margin-bottom:15px}
div.wpcf7-validation-errors{border:0!important}
div.wpcf7-response-output{margin:2em 0 1em!important;padding:.2em 0!important;font-weight:700!important}
#field_3_24 .gfield_required {display:none}
.gform_confirmation_wrapper p a img {padding-bottom:20px}
.gform_wrapper .gf_progressbar_wrapper {visibility:hidden}
.form-submit #submit {font-size:1.3rem;display:inline-block;float:left;max-width:18%;padding:15px;transition:border ease .3s;text-decoration:none;color:#9eabb3;border:#ebf2f6 3px solid;background:none}
.wpcf7-form h4 {margin:0;padding:0 0 .5em 0;}


/* FLASH INFOS HEADER */
#flash{float:left;width:300px;height:190px;display:table;text-align:left}
#flash #flashin{display:table-cell;vertical-align:middle}
#flash span{display:block;text-align:left;color:#072f75}
#flash span.event{font-size:32px;font-weight:800;line-height:32px;text-transform:uppercase}
#flash span.date{font-size:18px;font-weight:600;line-height:24px;color:#CF112B}
#flash span.heure{font-size:14px;font-weight:800;line-height:24px}
#flash .bouton{margin-top:30px;float:none}
#flash .bouton a{font-size:10px;font-weight:700}
#flashtwo{float:right;width:300px;height:190px;display:table;text-align:right}
#flashtwo #flashintwo{display:table-cell;vertical-align:middle;width:201px;height:71px}
#flashtwo span.event{font-size:24px;font-weight:800;line-height:32px;text-transform:uppercase}
#flashtwo .date{font-size:18px;font-weight:600;line-height:24px;color:#CF112B}
#flashtwo .bouton{margin-top:30px;float:none}
#flashtwo .bouton a{font-size:10px;font-weight:700}

/* FEATURES */
.so-widget-sow-features .sow-features-list .sow-icon-container.sow-container-round {color:#072f75}
.so-widget-sow-features .sow-features-list h5 {font-size: 1.2em;line-height: 150%}
.so-widget-sow-features .sow-features-list .sow-features-feature p.sow-more-text a {font-weight:700;border-top:1px solid #c8c8c8;padding-top:.5em}

/* SCROLLTOP */
.scrollToTop{width:30px;height:30px;text-decoration:none;position:fixed;bottom:75px;right:40px;display:none;color: #fff; z-index:40;background:#444;display: flex;align-items: center;justify-content: center;cursor: pointer}
.scrollToTop:hover{text-decoration:none}
input[type=tel] {padding:10px;}

/* FOOTER */
.otherlinks {margin-top: 1em}
.footer-big-links {font-size: 1.1em;text-transform: uppercase;display: block;color:#fff;:.5em 0}

/* Clean todo */
.site-footer{font-size:1.3rem;line-height:1.7em;position:relative;margin:0;padding:40px 0 0;color:#bdbbbb;background:#2f2e2e}
body.page-template-template-futurs-etudiants-php .site-footer{margin-top:-18px}
.site-footer ul{list-style:none;padding:0 10px 0 0}
.site-footer ul li ul.children{padding:0;margin:0}
.site-footer h3,.site-footer .c1 li a{list-style:none;padding:0;margin:0;font-size:15px;color:#bdbbbb;text-transform:uppercase;font-weight:500}
.site-footer .c1{text-align:center}
.site-footer .c1 ul{margin:24px 0 0}
.site-footer .c1 li{margin:10px 0 0}
.site-footer .c1 li img{margin:5px 0 0}
.site-footer a.logo-footer img{margin-bottom:24px}
.site-footer a{text-decoration:none;color:#bdbbbb}
.site-footer a:hover{color:#50585d}
.site-footer .c1{width:140px}
.site-footer .c2{width:710px}
.site-footer .widget{width:175px;float:left}
.site-footer .ligne-footer{height:2px;width:100%;background:url(img/ligne-footer.png) repeat-x left}

/* Slick Footer */
.slick-argu, .slick-infos{width: 95%; margin: 0 auto}
.slick-argu .slick-slide, .slick-infos .slick-slide {height:250px;padding: 2em}
.slick-slide img {max-height:300px}
.slick-slide .loading img {height:auto}

/* MOBILE MENU */

#menu{display: none; background-color: #ebeaef; padding: 2em; transition: display .3s ease-in-out}
#menu span{padding: 0 .75em}
#menu hr{background-color: #212c54;height: 1px}
.sec-menu-mobile-right{display: none}
.slideout-menu {position: fixed;top: 0;bottom: 0;width: 256px;min-height: 100vh;overflow-y: scroll;-webkit-overflow-scrolling: touch;
z-index: 0;display: none;}
.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel {position: relative;z-index: 1;will-change: transform;background-color: #FFF;min-height: 100vh;}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}



.toggle-button{background-color: transparent;border:0}
.toggle-button i{color: #2c2a2a}
.mobmenu-open{display: flex!important}
.menu-mobile-contact{padding: 0 .75em}
.copyright{padding: 4em 0 2em 0;opacity: .4}
.main-navigation ul ul{padding:0!important}
.services h3{padding: 1.5em 0 .5em;color: #454545;font-size: 24px}
.services h4{padding: .5em 0;color: #545454;font-size: 20px}
.cd-timeline {background-color:#f7f7f7}
.cd-timeline__content {box-shadow: 0 1px 0 #ebeaef;font-family: 'Lato', sans-serif;}
.cd-timeline__content p {font-size:1.4em}
.cd-timeline__content::before {top: 10px;}
.cd-timeline__img {width: 30px;height: 30px;margin-left: calc(5% - 15px);box-shadow:none;border:1px solid #ebeaef}
.cd-timeline__container::before {background:#ebeaef;width:1px}
.cd-timeline__block:nth-child(even) .cd-timeline__img {margin-right: calc(5% - 15px);}
.cd-timeline__img--picture {background: #fff}
.cd-timeline__date {line-height: 100%; font-size: 2.4em;font-weight:700;top:0;color: #072f75}
.backupimage {display: none}


.gform_wrapper .description, .gform_wrapper .gfield_description, .gform_wrapper .gsection_description, .gform_wrapper .instruction {font-size: 1em!important}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {font-size:1em!important;max-width: none!important}
/* RESPONSIVE */



.sow-video-wrapper iframe { margin-top: -60px;}


@media only screen and (max-width: 1366px) {
    .bigbloc p{font-size: 1.1em}
}

@media only screen and (max-width: 1150px) {
    #site-navigation li a, .big-button-nav{font-size: .7em}
    .sixreasons, .sevenreasons{font-size: 6.5em}
    .blocshome.twoblocs .bg-lightgray h2 {font-size:.85em}
    .blocshome.twoblocs .bg-lightgray h3 {font-size:1.3em;margin-bottom: .1em}
    .blocshome.twoblocs a {bottom:1em;font-size: .85em}
}

@media only screen and (max-width: 1024px) {
    #navmobi{display: block}
    #navdesk{display: none}
    .sec-menu-right{display: none}
    .sec-menu-mobile-right{display: block}
    .mobi-menu{display: block}
    #site-navigation li a, .big-button-nav{font-size: 1.7rem}
    .big-button-nav{padding: 10px 9px}
    .main-navigation a.nav-link{font-size: .75em; padding: .5em .75em}
    .main-navigation ul ul a{font-size: 1.2em; padding: .5em .75em}
}

@media only screen and (max-width: 992px) {
  .twoblocs_container {padding-right:0}
  .bg-lightgray {min-height: initial;background-size:cover}
  .hover-blue .twoblocs_wrapper {padding-left:2.5em}
  .bg-lightgray.hover-red .twoblocs_wrapper, .bg-lightgray.hover-blue .twoblocs_wrapper {background:rgba(235,234,239,.9)}
  .blocshome.twoblocs .bg-lightgray p {font-size:1em;padding-bottom: 1em}
  .cd-timeline__block:nth-child(even) .cd-timeline__img {margin-right:0}
  .cd-timeline__date {font-size: 1.1em;margin-top:1em;background:#2f2e2e;color:#fff;padding:.65em;position: absolute;right:15px;top:0}
  .cd-timeline h2 {font-size:1.75em;max-width: 65%}
  .cd-timeline__content p {font-size: 1.1em;margin-top:2em}
  .captions {margin-bottom: 0;}
  .sixreasons, .sevenreasons{font-size: 6em}
}

@media only screen and (max-width: 768px) {
  .captions {flex-direction: column;position: relative}
  .caption {background: rgba(33,44,84,.9);border: 1px solid #fff;padding: 1.25em .5em;color: #fff;z-index: 1;margin-left:0;margin-top: 1em}
  .captions .caption h3 {font-size: 1.75em;padding:0;}
  .captions .caption p {font-size: 1em;}
  .sliderwrap .captions .caption a {margin: .5em auto 0 auto;font-size: .85em;}
  .section-title span {padding: 0 1.25em;font-size: .5em;}
  .liste-raisons p {padding-bottom: 1em;padding-left:1.85em}
  .footer-menu{padding-top: 1em}
  .raisons {padding-top:2em;}
  .liste-raisons {padding-left: 4em;padding-right: 4em}
  .cd-timeline h2 {font-size: 1em;}
  .cd-timeline__date {font-size:.9em}
  .item.video video {display: none!important}
  .slick-slide img.backupimage {display: block;max-height: none}
  .big_message {bottom:30px;top:0}
  .big_message .message {background: rgba(33,44,84,.45);max-width: none;}
  .big_message h1 {font-size: 1.6rem;}
  .big_message i {font-size: 3rem;}
  .big_message h1 span {font-size: 2rem;}
  .big_message p strong {font-size: 2.7rem;}
}
@media only screen and (max-width: 480px) {

  .big_message h1 {font-size: 1.4rem;}
  .big_message i {font-size: 2rem;}
  .big_message h1 span {font-size: 1.7rem;}
  .big_message p strong {font-size: 2.3rem;}
}
@media only screen and (max-width: 360px) {
  .sliderwrap .captions {position: relative;padding-left:0;padding-right:0;max-width:none}
  .sliderwrap .captions .caption {display: block;padding-left:0;padding-right:0;margin:0}
  .sliderwrap .captions .caption a {display:inline-block}
}

/* Custom slider */
.slide-prev {
  display: none;
  z-index:9999;
  align-items: center;
  justify-content: center;
  width: 4vw;
  height: 4vw;
  position: absolute;
  left: 5%;
  top: 45%;
  cursor:pointer;
  background-color: #ba1725;
  border-radius: 50%;
  fill: #fff
}

/* @media(min-width: 769px) {
  .slide-prev {
      top: calc(40vw + 11em);
  }
}

@media(min-width: 992px) {
  .slide-prev {
    top: calc(40vw + 11em);
  }
}

@media(min-width: 1200px) {
  .slide-prev {
      top: 40%;
      right: unset;
      left: 2em;
  }
} */

.slide-prev svg {
  width: 1.5vw;
  height: 1.5vw;
}

/* @media(min-width: 768px) {
  .slide-prev svg {
      margin-left: -5px;
  }
} */

.slide-next {
  display: none;
  z-index:9999;
  align-items: center;
  justify-content: center;
  width: 4vw;
  height: 4vw;
  position: absolute;
  right: 5%;
  top: 45%;
  cursor:pointer;
  background-color: #ba1725;
  border-radius: 50%;
  fill: #fff
}

/* @media(min-width: 769px) {
  .slide-next {
      top: calc(40vw + 11em);
  }
}

@media(min-width: 992px) {
  .slide-next {
      top: calc(40vw + 11em);
  }
}

@media(min-width: 1200px) {
  .slide-next {
      right: 2em;
      left: unset;
      top: 40%;
  }
} */

.slide-next svg {
  width: 1.5vw;
  height: 1.5vw;
}

/* @media(min-width: 768px) {
  .slide-next svg {
      margin-right: -5px;
  }
} */

.slide-legend {
  position: absolute;
  z-index: 9999;
  top: 2.75em;
  padding: 0.5em 1em;
}

@media(max-width: 768px) {
  .slide-legend {
    font-size: .75em;
  }
}

.slide-legend-center {
  left: 50%;
  transform: translate(-50%, 0);
}

.slide-legend-left {
  left: 2em;
}

.slide-legend-right {
  right: 2em;
}

@media(min-width: 768px) {
  .slide-legend {
      padding: 1em 3em;
  }
}

@media(max-width: 768px) {
  .cols-width {
    width: 100% !important;
  }
}
