:root{
--container-p: 20px;
--gutter: 20px;
--red: #c1002a;
--red-hover: #a1000a;
--grey: #575756;
--grey-hover: #373736;
--grey-light: #ebeaee;
--primary-color: #c1002a;
--select2-color: var(--grey-light);
--container-mw: calc( 1360px + 2 * var(--container-p) ) ;
--half-gutter: calc( var(--gutter) / 2);
--section-padding: 5rem;
--top-menu-h: 0px;
--main-menu-h: 60px;
--main-margin: 5rem;
--half-margin: calc( var( --main-margin) / 2 );
--radius: 15px;
--radius: 8px;
--hero-h: 420px;
--text-color: var(--grey);
--title-color: #273338;
--ff-text: 'Roboto', sans-serif;
--ff-text: 'Open Sans', sans-serif;
--ff-text: 'Zen Kaku Gothic Antique', sans-serif;
--ff-text: 'Lato', sans-serif;
--ff-text: 'Raleway', sans-serif;
--ff-title: 'Raleway', sans-serif;
} .container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.5rem;margin-left:-.5rem}.row.reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-xs{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-xs{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-xs{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-xs{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}
@media only screen and (min-width: 720px){.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-sm{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-sm{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-sm{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-sm{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-sm{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-sm{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-sm{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
@media only screen and (min-width: 1024px){.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-offset-0,.col-md-offset-1,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-md-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-md-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-md-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-md-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-md{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-md{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-md{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-md{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-md{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-md{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-md{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}
@media only screen and (min-width: 1200px){.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9{box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-lg-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-lg-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-lg-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-lg-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-lg{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.end-lg{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-lg{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.middle-lg{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bottom-lg{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.first-lg{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.last-lg{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}} .container{
display: block;
position: relative;
max-width: var(--container-mw);
width: 100%;
padding: 0 var(--container-p);
}
.container.fullwidth,
.container.full{
padding: 0;
max-width: 100%;
}
.row{
margin: 0 calc(var(--half-gutter) * -1);
}
[class*="col-"]{
padding: 0 var(--half-gutter);
width: 100%;
}
.box{
min-height: 100px;
background-color: #e4e4e4;
margin: var(--half-gutter) 0;
}
.container.gutter-x2 .row{
margin: 0 calc(var(--gutter) * -1);
}
.container.gutter-x2 [class*="col-"]{
padding: 0 var(--gutter);
}
.container.gutter-x2 .box{
margin: var(--gutter) 0;
}
.container.xl{
max-width: 1660px;
}
.container.lg{
max-width: 1280px;
}
.container.md{
max-width: 1000px;
}
.container.sm{
max-width: 800px;
}
.Xflex{
display: flex; 
width: 100%;
} 
.Xflex-sb{
justify-content: space-between;
}
@media screen and (max-width: 720px) {  
.container.full-mobile{
padding: 0;
}
} section{
padding: var(--section-padding) 0;
}
section.full{
padding: 0;
}
section.full > .container{
height: 100%;
}
section.bg-white + section.bg-white{
padding-top: calc( var(--section-padding) / 2);
} body, html{
padding: 0;
margin: 0;
min-height: 100%;
overflow-x: hidden;
} body, p, i,
a, a:link, a:visited{
font-size: 17px;
font-size: 1.7rem;
font-family: var(--ff-text);
text-decoration: none;
color:  var(--text-color); 
}
h1, h2, h3, h4, h5, h6{
font-family: var(--ff-title);
font-weight: normal;
color: var(--title-color) !important;  
}
h1{
font-size: 3.6rem;
line-height: 4.6rem;
text-align: center;
font-weight: 600;
}
.box-hero h1{
margin: 5.4rem auto 0 auto;
max-width: 275px;
color: #fff;
}
h2{
font-size: 2.8rem;
line-height: 4rem !important;
font-weight: 600;
margin-bottom: 2rem;
} button{
border: none;
background-color: transparent;
}
.btn-60{
display: block;
height: 60px;
width: 60px;
background-position: center;
background-repeat: no-repeat;
} body, .site-header{
transition-delay: 0.15s;
transition: padding-top 0.3s ease, top 0.3s ease;
}
body,
body.top{
padding-top: calc(var(--top-menu-h) + var(--main-menu-h));
} body.down{
padding-top: 0;
}
body.down .site-header{
top: calc( var(--main-menu-h) * -1);
}
.site-header{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index:  1100;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}
body.top .site-header{
top: 0;
}
body.up .site-header{
top: 0;
}
.top-menu{
display: none;
height: var(--top-menu-h);
background-color: #eee;
}
.main-menu{
position: relative;
height: var(--main-menu-h);
background-color: #fff;
}
.menu-open-mobile{
display: block;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 60px;
background-position: 0 0;
background-repeat: no-repeat;
background-color: white;
}
#menu-checkbox-mobile{
display: none;
}
.header-logo{
display: flex;
height: 60px;
align-items: center;
}
.header-logo img{
width: auto;
height: 60px;
}
.site-header .main-menu-wrapper{
display: none;
position: fixed;
z-index: 1000;
top: var(--main-menu-h);
left: 0;
right: 0;
height: calc( 100vh - var(--main-menu-h) );
background-color: #fff;
overflow: auto;
padding: 60px 0;
}
.main-menu-wrapper.active{
display: block;
}
.site-header nav ul{
display: flex;
flex-direction: column;
}
.main-menu nav ul li{
padding-left: 60px;
}
.main-menu .menu-search-btn{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 60px;
background-position: -300px 0;
background-repeat: no-repeat;
}
.menu-mobile-nav-wrapper{
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
}
@media screen and (max-width: 1024px) { 
.header-logo img{
height: 40px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1329px) { 
.header-logo img{
margin-top: 15px;
}
} .home-hero{
height: var(--hero-h);
background-position: center top;
}
.home-hero h1{
color: #fff !important;
text-align: left;
}
.home-hero h1 em{
display: inline-block;
padding: 3px 11px;
background-color: #fff;
color: #11304c;
font-style: normal;
text-shadow: none;
border: 3px solid #11304c;
}
.box-hero{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
row-gap: 25px;
height: 100%;
}
.box-hero form{
margin-bottom: 10px; 
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
border-radius: var(--radius);
background-color: #fff;
box-shadow: 0px 10px 30px #5757561A;
}
.select2{
width: 100% !important;
}
.select2-selection__arrow{
display: none;
}
.box-hero .fieldset-select{
width: calc(100% - 70px);
padding-left: 25px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_search.svg);
background-position: 0 center;
background-repeat: no-repeat;
}
.box-hero form input[type=submit]{
display: block;
height: 60px;
width: 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_search_white.svg);
background-position: center;
background-repeat: no-repeat;
font-size: 0;
}
.home-featured-article{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: auto;
height: 100%;
height: 440px;
background-size: 100% auto, cover ;
background-position: left top, center right;
background-repeat: repeat-y, no-repeat;
border-radius: var(--radius);
padding: 20px;
margin-top: 70px;
padding: 20px 50px;
margin-top: 0;
width: 100%:
}
.home-featured-article *{
color: #fff !important;
}
.home-featured-article h2,
.home-featured-article p{
max-width: 850px;
}
@media screen and (max-width: 720px) { 
.col-xs-12:not(:first-of-type){
margin-top: calc( 2 * var(--gutter) );
}
form .col-xs-12:not(:first-of-type){
margin-top: inherit;
}
.home-featured-article{
background-position: center;
height: 190px;
}
}
@media screen and (max-width: 1319px) { 
.home .box-hero{
padding: var(--container-p) 0;
max-width: 600px;
margin: 0 auto;
}
.home-hero{
background-position: right 75% top;
}
.home-hero h1{
color: #fff !important;
text-align: left;
margin: 0;
}
.box-hero form{
width: 100%;
}
}
@media screen and (min-width: 1025px) and (max-width: 1319px) { 
body{
padding-top: 80px;
}
.home-hero{
height: 500px;
}
.home .box-hero{
row-gap: 3rem;
}
.home .box-hero h1{
margin: 0 !important;
}
.home .box-hero h1.hide-mt{
display: none;
}
}