*,::after,::before{background-repeat:no-repeat;box-sizing:border-box;padding: 0;margin: 0;}::after,::before{text-decoration:inherit;vertical-align:inherit}html{cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.15;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}hr{height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none}pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Oxygen Mono,Liberation Mono,monospace;font-size:1em}small{font-size:80%}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical}[type=checkbox],[type=radio]{padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}details{display:block}dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute} :root{
--social-icon-size: 60px;
}
@media screen and (min-width: 1025px) {	
:root{
--container-p: 40px;
--gutter: 40px; --half-gutter: calc( var(--gutter) / 2);
--section-padding: 10rem;
--top-menu-h: 60px;
--main-menu-h: 80px;
--main-margin: 8rem;
--half-margin: calc( var( --main-margin) / 2 );
--hero-height: 490px;
}
} .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:var(--select2-color)}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//www.cnam.re/site/wp-content/themes/smade/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} @media screen and (max-width: 1024px) {
}
@media screen and (max-width: 720px) {	
} html{
font-size: 62.5%;
}
h1, h2, h3, h4, h5, h6,
p{
margin: 0;
padding: 0;
}
body, p{
line-height: 3rem;
}
h3{
font-size: 2.4rem;
line-height: 3.6rem;
margin-bottom: 2rem;
}
li h3{
margin-bottom: 0;
} .btn,
input[type=submit]{
display: inline-block;
height: 6rem;
line-height: 6rem !important;
padding: 0 3rem !important;
color: #fff !important;
background-color: var(--red) !important;
border-radius: 10px !important;
width: max-content;
border: none !important;
cursor: pointer;
}
.btn:hover,
input[type=submit]:hover{
background-color: var(--red-hover) !important;
}
.btn-grey{
background-color: var(--grey) !important;
}
.btn-grey:hover{
background-color: var(--grey-hover) !important;
}
.btn-yellow{
background-color: var(--yellow) !important;
}
.btn-yellow:hover{
background-color: var(--yellow-hover) !important;
}
.btn-grey-dark{
background-color: var(--grey-dark) !important;
}
.btn-grey-dark:hover{
background-color: var(--grey-dark-hover) !important;
}
.btn-line{
color: var(--red) !important;
border: 1px solid var(--red);
background-color: transparent;
}
.btn-line:hover{
background-color: var(--red);
color: #fff !important;
}
p + .btn{
margin-top: var(--gutter);
}
.btn + .btn{
margin-left: var(--half-gutter);
}
.btn-icon-round{
display: inline-block !important;
width: var(--social-icon-size) !important;
height: var(--social-icon-size) !important;
border-radius: 100% !important;
border: 1px solid #fff !important;
line-height: 60px !important;
color: #fff !important;
text-align: center !important;
background-size: auto calc( var(--social-icon-size) * 2 ) !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/sprite_social_network.svg) !important;
}
.btn-icon-round:hover{
background-color: white !important;
}
.btn-icon-round.li  			{background-position: calc( var(--social-icon-size) * -0 ) 0 !important;}
.btn-icon-round.li:hover  {background-position: calc( var(--social-icon-size) * -0 ) calc(var(--social-icon-size) * -1) !important;}
.btn-icon-round.tw    		{background-position: calc( var(--social-icon-size) * -1 ) 0 !important;}
.btn-icon-round.tw:hover  {background-position: calc( var(--social-icon-size) * -1 ) calc(var(--social-icon-size) * -1) !important;}
.btn-icon-round.fb  			{background-position: calc( var(--social-icon-size) * -2 ) 0 !important;}
.btn-icon-round.fb:hover  {background-position: calc( var(--social-icon-size) * -2 ) calc(var(--social-icon-size) * -1) !important;}
.btn-icon-round.in  			{background-position: calc( var(--social-icon-size) * -3 ) 0 !important;}
.btn-icon-round.in:hover  {background-position: calc( var(--social-icon-size) * -3 ) calc(var(--social-icon-size) * -1) !important;}
.arrow-link{
display: inline-block;
width: max-content;
Xpadding-right: 30px;
Xbackground-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_suivant.svg);
background-repeat: no-repeat;
background-position: right center;
color: var(--red) !important;
text-decoration: underline !important;
Xmargin: 0 auto;
}
.box-article p a{
color: var(--red) !important;
}
.box-article p a: hover{
text-decoration: underline;
}
@media screen and (max-width: 720px) {	
.btn-full-m{
width: 100%;
text-align: center;
}
} .bg-grey-light{
background-color: var(--grey-light);
}
.bg-white-i{
background-color: #fff !important;
}
.red{
color: var(--red) !important;
} ul{
margin: 0;
padding: 0;
}
li{
list-style: none;
} figure{
padding: 0 !important;
}
figure img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .menu-mobile-nav{
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
}
.menu-mobile-nav.active{
display: flex;
justify-content: space-between;
}
.menu-close-mobile{
background-color: var(--red);
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 60px;
background-position: -60px 0;
background-repeat: no-repeat;
}
.menu-mobile-panel{
position: relative;
padding-left: 60px;
line-height: 60px;
opacity: 0.5;
font-weight: 600;
}
.menu-mobile-panel::before{
content: '';
position: absolute;
top: 0;
left: 0;
height: 60px;
width: 60px;
background-size: auto 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-position: -120px 0;
background-repeat: no-repeat;
}
.menu-mobile-panel.start::before{
display: none;
}
.main-menu nav ul li a{
display: block;
line-height: var(--main-menu-h);
Xfont-family: var(--ff-title);
font-size: 1.6rem;
padding: 0;
border-bottom: 1px solid #e2e1e5;
}
.sub-menu{
position: fixed;
left: 100%;
top: 60px;
width: 100vw;
min-height: calc(100vh - 60px);
background-color: #fff;
transition: left 0.25s ease;
padding-top: 60px;
padding-bottom: 60px;
}
.sub-menu.active{
left: 0;
} fieldset{
padding: 0;
border: none;
}
.select2-container--default .select2-selection--single{
border: none;
}
.select2-search--dropdown{
display: none;
}
.select2-container .select2-selection--single .select2-selection__rendered{
max-height: 30px;
max-width: calc(100vw - 165px);
}
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below{
border: none;
box-shadow: 0px 10px 10px #5757565A;
left: -45px;
width: calc(100vw - 40px) !important;
border-radius: 5px;
overflow: hidden;
border: 1px solid #ccc;
}
.select2-container--open .select2-dropdown--above{
margin-bottom: 6rem;
}
.select2-container--open .select2-dropdown--below{
margin-top: 4.6rem;
}
.select2-container--default .select2-results>.select2-results__options{
max-height: 280px;
}
.select2-results__option--selectable{
line-height: 2.5rem;
padding: 1rem;
padding-left: 55px;
Xbackground-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_search.svg);
background-repeat: no-repeat;
background-position: 20px center;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
background-color: var(--red);
color: #fff;
} .site-footer{
background-color: var(--grey-dark);
background-color: var(--grey-light);
border-top: 1px solid #d5d5d5;
}
.site-footer .col-xs-12{
margin-top: var(--half-gutter);
}
.footer-logo{
display: block;
}
.footer-logo img{
width: auto;
height: 40px;
margin: 0 auto;
}
.social-icon{
display: inline-block;
height: 50px;
width: 50px;
border-radius: 5px;
background-color: var(--red);
background-size: auto 170px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/sprite_social_network.svg);
}
.social-icon:hover{
background-color: var(--red-hover);
}
.site-footer .social-icon{
margin-top: 8px;
}
.social-icon.fb  {background-position: -188px -101px;}
.social-icon.in  {background-position: -273px -101px;}
.social-icon.lk  {background-position: -17px -101px;}
.site-footer nav li a{
padding: 0 20px;
line-height: 4rem;
display: block;
color: #fff;
color: var(--text-color);
}
.footer-copyright{
margin-top: 4rem;
text-align: center;
}
.footer-copyright li,
.footer-copyright li a{
font-size: 1.4rem;
color: #fff;
color: var(--text-color);
}
.footer-contact-widget .wp-block-image{
text-align: center;
}
.footer-contact-widget .wp-image-145{
width: 110px;
height: auto;
}
.footer-social a{
display: inline-block;
}
.footer-social img{
height: 50px;
width: auto;
margin: 4rem auto;
}
.footer-map img{
display: none;
}
.footer-copyright{
margin-top: var(--section-padding) !important;
}
.footer-col-content.accordion-content{
border: none !important;
} .accordion-title{
position: relative;
line-height: 60px;
background-color: #fff;
font-weight: 600;
cursor: pointer;
padding: 0 20px;
font-family: var(--ff-title);
padding-right: 70px;
}
.accordion-title::after{
content: '';
position: absolute;
top: 0;
right: 0;
height: 60px;
width: 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_accordeon_sprite.svg);
background-position: 0 0;
background-size: 200%;
}
.accordion-title.active::after{
background-position: -60px 0;
}
.accordion-content{
display: none;
padding: 20px;
background-color: #fff;
border-top: 1px solid #ebeaee;
}
nav.accordion-content{
padding-left: 0;
padding-right: 0;
}
.accordion-title.active::after{
background-position: -60px 0;
}
.accordion-content.active{
display: block;
}  .owl-carousel .owl-stage-outer{
overflow: visible;
}
.owl-carousel.owl-success .owl-stage-outer,
.owl-carousel.owl-une .owl-stage-outer{
overflow: hidden;
}
.owl-carousel.owl-success .owl-stage-outer{
padding-left: 20px;
margin-left: -20px;
}
.owl-stage{
padding-bottom: 20px;
}
.owl-box{
width:  calc( 100% - var(--half-gutter) );
}
.owl-nav{
text-align: center;
margin-top: 40px;
}
.owl-nav button{
height: 40px;
width: 40px;
border: 1px solid #eee !important;
}
.owl-dots{
text-align: center;
margin-top: 30px;
}
.owl-dots button{
height: 16px;
width: 16px;
border: 1px solid #eee !important;
margin: 0 5px;
border-radius: 100%;
}
.owl-dots button.active{
background-color: #eee;
} .owl-carousel .owl-stage{display: flex;}
.owl-box {
display: flex;
flex: 1 0 auto;
height: auto;
position: relative;
overflow: hidden;  display: flex;
flex-direction: column;
align-items: stretch;
}
@media screen and (min-width: 1025px) {
.owl-box {
height: 100%;
}
}   .box-text{
margin-bottom: 2rem;
}
.box-text p{
Xtext-align: justify;
}
.box-text h2{
position: relative;
padding-left: var(--gutter);
margin-left: calc( var(--gutter) * -1);
margin-bottom: 2rem;
}
.box-text h2::before{
content: '';
position: absolute;
top: 1px;
left: 0;
height: 4rem;
width: 4px;
background-color: var(--red);
}
.box-text h2.yellow::before{
background-color: var(--yellow);
}
.box-text h2.basic::before{
display: none;
} .box-number span{
display: block;
color: var(--red);
font-size: 5rem;
line-height: 6rem;
} .box-figure.full{
width: 100%;
}
.box-figure.full img{
width: 100%;
height: auto;
}
.box-figure.full img{
width: 100%;
height: auto;
} body.home .box-guide{
margin-top: 100px;
} .box-offre{
} .wrapper-success{
display: flex;
flex-direction: column;
}
.box-success{
border-radius: var(--radius);
display: flex;
flex-direction: column;
overflow: hidden;
height: auto;
box-shadow: var(--shadow) !important;
}
.box-success{
margin-top: 30px;
}
.box-success:not(.box-success--full):hover{
box-shadow: var(--shadow-hover) !important;
}
.box-success-content{
position: relative;
flex: 1;
padding: 30px;
background-color: #fff;
border-radius: 0 0 var(--radius) var(--radius);
}
.owl-item .box-success-content{
padding-bottom: 110px;
}
.box-success-content h3{
margin-bottom: 2rem;
font-weight: bold;
color:  var(--red);
margin-bottom: 1rem;
}
.box-success-content h4{
margin-bottom: 2rem;
font-weight: normal;
text-transform: uppercase;
font-size: 1.6rem;
}
.box-success__title{
display: flex;
justify-content: space-between;
margin-bottom: 3rem;
}
.box-success__portrait{
display: block;
height: 72px;
width: 72px !important;
min-width: 72px;
border-radius: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.box-success__title h3{
margin-top: 2rem;
}
.box-success__fonction{
display: flex;
flex-direction: column;
}
.box-success__formation b{
color:  var(--red);
}
.box-success__citation{
margin: 25px 0 20px 0;
padding-top: 10px;
padding-bottom: 10px;
min-height: 60px;
padding-left: 25px !important;
background-position: left center !important;
background-repeat: no-repeat !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_temoignage.svg) !important;
background-size: 7px auto;
font-style: italic;
font-size: 2rem;
}
.box-success__extrait{
font-size: 1.5rem;
line-height: 2.8rem;
}
.box-success-more{
position: absolute;
bottom: 40px;
right: 40px;
height: 40px;
padding-right: 50px;
text-align: right;
color:  var(--red);
margin-top: 40px;
line-height: 40px;
}
.box-success-more::after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_slider_sprite.svg);
background-size: auto 40px;
background-position: 0 0;
}
.box-success:hover .box-success-more::after{
background-position: -40px 0;
}
.box-success__date{
display: block;
font-size: 1.33rem;
margin-top: 1.5rem;
}
@media screen and (min-width: 1025px) {
.box-success-content{
padding: 40px;
}
.box-success__title{
margin-bottom: 0;
}
.box-success__portrait{
height: 100px;
width: 100px !important;
}
} .box-post{
display: block;
border-radius: var(--radius);
box-shadow: 0px 20px 30px #5757561A;
height: 100%;
}
.box-post-figure{
position: relative;
padding-bottom: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
border-radius: var(--radius);
}
.box-post-content{
padding: 20px;
padding-top: 35px;
margin-top: -15px;
background-color: #fff;
border-radius: 0 0 var(--radius) var(--radius);
}
.box-post-content .post-date{
font-style: italic;
margin-bottom: 1rem;
}
.box-post-content h3{
margin-bottom: 2rem;
font-weight: bold;
color:  var(--red);
margin-bottom: 0;
} .partners__wrapper{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 30px;
}
.owl-partners .owl-stage-outer{
overflow: hidden;
}
.box-partner{
display: block;
text-align: center;
width: 50%;
}
.owl-item .box-partner{
display: flex;
width: auto;
align-items: center;
justify-content: center;
overflow: hidden;
}
.box-partner img{
display: inline-block !important;
height: 120px;
width: auto !important;
margin: 0 auto;
}
.box-partner.fixe img{
height: 138px;
}
.box-partner .owl-item img{
height: 80%;
}
.section--home-partners .owl-partners,
.section--home-partners .col-full{
padding: 0;
margin-top: 0;
}
@media screen and (min-width: 1025px) {
.partners__wrapper{
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.box-partner{
width: auto;
}
.owl-item .box-partner{
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
} .pl-o,
.box-text,
.owl-carousel{
padding-left: var(--gutter);
}
main{
background-repeat: no-repeat;
background-position: center bottom;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg);
background-size: 50px auto;
}
.main--grey-light{
background-color: var(--grey-light);
} .home-numbers{
display: flex;
flex-wrap: wrap;
}
.home-numbers .box-number{
flex: 50%;
margin-bottom: 2rem;
}
.home-offre .box-text{
margin: 0 auto;
}
.home-offre .box-text h2{
width: 100%;
}
.home-offre .box-text h2::before{
background-color: transparent;
}
.home-offre .box-text h2 + p,
.home-actus .box-text h2 + p{
max-width: 800px;
font-size: 2rem;
line-height: 3rem;
margin: 40px auto;
}
.scrolling-banner{
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
background-color: var(--red);
border-top: 1px solid #a1002a;
}
.scrolling-banner__scroll p{
color: #fff;
text-align: center;
}
@media screen and (min-width: 1025px) {
.scrolling-banner{
overflow: hidden;
position: relative;
min-height: 60px;
padding: 10px;
}
.scrolling-banner__content {
width: 100%;
animation: move-right-to-left linear 30s infinite;
padding-left: 100%;
}
.scrolling-banner__scroll{
white-space: nowrap;
padding: 0 80px;
}
.scrolling-banner__scroll p{
text-align: left;
}
@keyframes move-right-to-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-225%);
}
}
} .pt0		{padding-top: 0;}
.mt0 		{margin-top: 0;}
.mt0-i 	{margin-top: 0 !important;}
.mt3 		{margin-top: 3rem;}
.tac 		{text-align: center;}
.flex 	{display: flex;}
.wp-block-spacer {height: 4rem !important;}
@media screen and (max-width: 720px) {	
.hide-m{
display: none !important;
}
.box-figure.full.pc-130-m img{
width: 130%;
margin-left: -15%;
} .btn-full-m{
width: 100%;
text-align: center;
}
.btn-block-m{
display: block
}
.btn-block-m + .btn-block-m{
margin-top: 2rem;
margin-left: 0;
}
}
@media screen and (min-width: 721px) {	
.hide-td,
.hide-dt{
display: none !important;
}
}
@media screen and (min-width: 1025px) {	
.hide-d{
display: none !important;
} .select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below{
width: 920px !important;
} h2{
font-size: 3.6rem;
line-height: 4.8rem;
font-weight: 600;
margin-bottom: 3.2rem;
}
h2 + .owl-carousel{
margin-top: 5.2rem
}
}
@media screen and (min-width: 1320px) {	
.home-hero{
height: 700px;
}
} .main-partners{
display: flex;
justify-content: center;
height: auto;
flex-direction: column;
row-gap: 20px;
align-items: center;
margin-top: 20px;
box-shadow: none;
padding: 0;
}
.main-partners a{
display: block;
}
.main-partners img{
height: auto;
}
.main-partners img:first-of-type{
width: 220px;
}
.main-partners img:last-of-type{
width: 140px;
}
@media screen and (max-width: 720px) {
.main-partners img:first-of-type{
margin-left: 20px;
}
.main-partners img:last-of-type{
margin-right: 45px;
}
}
@media screen and (min-width: 721px) {
.main-partners{
flex-direction: row;
column-gap: 40px;
}
}
@media screen and (min-width: 1320px) {	
.main-partners{
z-index: 10;
position: relative;
column-gap: 90px;
padding: 25px 80px;
background-color: #fff;
width: max-content;
border-radius: var(--radius);
margin: 0 auto;
margin-top: -50px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
}
.main-partners img{
height: 150px;
width: auto !important;
}
}.home .owl-carousel{
display: block;
}
.home-hero{
position: relative;
display: flex;
justify-content: center;
}
.home-hero > .container{
z-index: 3; 
display: flex; 
position: absolute; 
bottom: 0; 
height: 145px !important;   
}
.slider-hero{
width: 100%;
height: 100%;
padding: 0;
}
.slider-hero .owl-stage-outer,
.slider-hero .owl-stage,
.slider-hero .owl-item{
height: 100%;
padding-bottom: 0;
}
.slider-hero .owl-item{
min-width: 100vw;
width: 100vw !important;
}
.box-slider-hero{
position: relative;
display: flex;
padding-left: 20px;
padding-top: 30px;
height: 100%;
}
.box-slider-hero__title{
z-index: 2;
max-width: 300px;
width: 100%;
xpadding-bottom: 100px;
}
.box-slider-hero__bg,
.box-slider-hero__mobile_bg{
z-index: 1;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
xbackground-size: 100% auto;
background-position: right 75% top;
}
.box-slider-hero__bg{
display: none;
}
.home-hero h1 em ,
.home-hero h2 em {
display: inline-block;
padding: 3px 11px;
background-color: #fff;
color: #11304c;
font-style: normal;
text-shadow: none;
border: 3px solid #11304c;
}
.home-hero .box-hero{
width: 100%;
max-width: 100%;
}
@media screen and (max-width: 1024px) {
.box-slider-hero.inv{
flex-direction: row-reverse;
padding-right: 20px;
padding-left: 0;
}
.box-slider-hero.inv .box-slider-hero__mobile_bg{
transform: scaleX(-1);
}
.box-slider-hero.inv .box-slider-hero__title h1,
.box-slider-hero.inv .box-slider-hero__title h2{
text-align: right;
}
}
@media screen and (min-width: 1025px) {
.home-hero > .container{
height: 160px !important; 
max-width: 700px;
}
.box-slider-hero{
justify-content: center;
align-items: center;
height: 100%;
}
.box-slider-hero__bg,
.box-slider-hero__mobile_bg{
background-size: 100% auto;
background-position: center bottom;
}
.box-slider-hero__title{
max-width: 620px;
padding-bottom: 160px;
}
.home .box-slider-hero h1,
.home .box-slider-hero h2{
max-width: 560px;
text-align: left;
xtext-shadow: 0 0 6px rgba(0,0,0, 0.55);
font-size: 4.5rem;
line-height: 6.5rem !important;
}
.box-slider-hero__mobile_bg{
display: none;
}
.box-slider-hero__bg{
display: block;
}
}
@media screen and (min-width: 1320px) {
.home-hero{
height: 620px;   
}
.home-hero > .container{
height: 300px !important;  
max-width: 880px; 
}
.slider-hero .owl-item{
min-width: unset;
width: 100vw !important;
}
.slider-hero .owl-item.widthFix{
min-width: 100vw !important;
}
.box-slider-hero__title{
max-width: 800px;
width: 800px;
padding-bottom: 225px;
}
}
@media screen and (min-width: 1600px) {
.home-hero{
height: 700px;   
}
}
.scrolling-banner{
margin-top: 80px;
background-color: #eee;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.scrolling-banner p{
color:  inherit;
}
@media screen and (min-width: 1920px) {
.home-hero{
height: 830px;   
}
.box-slider-hero__bg{
xbackground-size: 1920px auto;
xbackground-position: center bottom;
}
} .owl-carousel{
padding-left: 0;
}
.owl-posts .owl-stage{
column-gap: 30px;
}
.owl-posts .owl-stage::after{
display: none;
}
.owl-posts .box-post{
width: 100%;
height: 100%;
}
.owl-posts .owl-dots{
margin-top: 70px;
}
.owl-carousel .owl-dots button.owl-dot{
background-color: #fff;
border: none !important;
height: 10px;
width: 10px;
}
.owl-carousel .owl-dots button.owl-dot.active{
background-color: #c1002a;
}
@media screen and (max-width: 720px) { 
.owl-posts .owl-stage{
column-gap: 0px;
}
}
@media screen and (min-width: 721px) { 
}
@media screen and (min-width: 1025px) { 
.owl-posts .box-post{
height: calc(100% - 80px);
}
} .owl-une{
padding-left: 0;
}
.owl-une .owl-nav {
right: 0px;
}
.home-featured-article{
display: block;
height: auto;
opacity: 0.95;
transition: all 0.25s ease;
}
.home-featured-article:hover{
opacity: 1;
transform: translateY(10px);
}
.home-featured-article.mobile{
width: 100%;
aspect-ratio: 600/1000;
}
.home-featured-article.desktop{
width: 100%;
aspect-ratio: 1200/400;
}
@media screen and (max-width: 520px) { 
.home-featured-article.desktop{
display: none;
}
}
@media screen and (min-width: 521px) { 
.home-featured-article.mobile{
display: none;
}
}:root{
--yellow: #f8a528;
--yellow-opacity: #f8a52833;
--yellow-hover: #d88508;
--green-light: #d2f3ef;
--green: #20C2AF;
--green-opacity: #20C2AFDD;
--blue: #20C2AF;
--blue-opacity: #20C2AF33;
--purple:  #512e82;
--red-opacity:  #c1002a33;
--grey-dark: #273338;
--grey-dark-hover: #172328;
--grey-light-hover: #e2e1e5;
--shadow:  0px 10px 30px #5757565A;
--shadow:  0px 3px 16px #5757564A;
--shadow-hover:  0px 3px 16px #5757567A;
} h4{
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 600;
}
.et_pb_text h4{
margin-top: 3rem !important;
font-weight: 600 !important;
}
blockquote{
border: 0 !important;
}
blockquote p{
font-size: 1.7rem;
line-height: 3.2rem;
font-style: italic;
}
blockquote p strong{
display: block;
margin-top: 2rem !important;
font-size: 1.6rem;
line-height: 1.6rem;
color: var(--primary-color) !important;
}
@media screen and (min-width: 1025px) {
blockquote p{
font-size: 2.2rem;
line-height: 3.6rem;
font-style: italic;
}
} .btn-white{
background-color: white !important;
color: var(--red) !important;
}
.btn-white:hover{
background-color: rgba(255, 255, 255, 0.8) !important;
color: var(--red) !important;
}
.btn-recherche-m{
position: fixed;
left: 20px;
right: 20px;
bottom: 20px;
z-index: 1000;
width: calc(100% - 40px);
text-align: center;
}
.btn.white{
color: #fff !important;
} .preload{
position: fixed; 
left: 200vw; 
top: 0;
} .menupop{
display: none;
z-index: 2000;
position: fixed;
top: 0;
left: 0;
min-height: 100vh;
width: 100vw;
Xjustify-content: space-between;
flex-direction: column;
background-color: rgba(255, 255, 255, .99);
Xbackdrop-filter: blur(30px);
}
.menupop.active{
display: flex;
}
.menupop-header{
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
padding: 0;
}
.menupop-header .header-logo{
height: 0;
overflow: hidden;
}
.close-menupop{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-position: -60px 0;
background-size: auto 60px;
}
@media screen and (max-width: 767px) {
.close-menupop{
border-radius: 0 !important;
}
} .menupop-acces{
background-size: cover;
background-image: url(https://www.cnam.re/site/wp-content/uploads/cnam_access.jpg);
}
.menupop-header{
background-color: #fff;
}
.menupop-acces__content{
background-color: rgba(255, 255, 255, 0.92);
Xdisplay: flex;
Xalign-items: center;
Xjustify-content: center;
min-height: calc(100vh - 120px);
height: calc(100vh - 120px);
overflow:  auto;
background: #FFFFFF;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.92) 21%, rgba(255, 255, 255, 0.92) 100%);
}
.menupop-acces__box-wrapper{
Xdisplay: flex;
Xflex-direction: column;
width: 100%;
}
.menupop-acces__box{
padding: 0 40px;
margin-bottom: 60px;
}
.menupop-acces__box h3{
padding-left: 50px;
margin-bottom: 2.4rem;
background-position: left center;
background-repeat: no-repeat;
text-transform: uppercase;
}
.menupop-acces__box li a{
display: block;
padding: 16px 0 16px 50px;
font-family: var(--ff-title);
background-position: left 16px;
background-repeat: no-repeat;
font-size: 2rem;
}
.menupop-acces__box li a:hover{
color: var(--red);
}
.menupop-acces__eleves        {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_eleves.svg);}
.menupop-acces__espace-eleve  {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_connexion.svg);}
.menupop-acces__espace-tuteur {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_connexion.svg);}
.menupop-acces__enf           {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_enf.svg);}
.menupop-acces__enf-tuto      {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_enf-tuto.png); background-size: 32px;}
.menupop-acces__plannings     {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_planning.svg);}
.menupop-acces__examens       {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_resultats.svg);}
.menupop-acces__tuteurs       {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_tuteurs.svg);} .menupop-search__content{
height: calc(100vh - 120px);
display: flex;
justify-content: center;
align-items: center;
}
#menupop-search__form{
display: flex;
justify-content: center;
max-width: 600px;
margin-top: -120px;
padding: 0 var(--gutter);
}
#menupop-search__form input[type="text"]{
font-size: 3rem;
line-height: 3rem;
height: 60px;
margin-top: 0;
margin-right: 2rem;
border-bottom:  1px solid #ddd !important;
}
#menupop-search__form input[type="text"]::placeholder{
font-size: 2.4rem;
line-height: 2.4rem;
}
#menupop-search__form input[type="text"]:focus{
border: 0 !important;
border-bottom:  1px solid #ddd !important;
}
#menupop-search__form input[type="submit"]{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_search_white.svg);
background-size: 24px;
background-position: center;
} .menupop-diplomes__content{
height: calc(100vh - 120px);
}
.menupop-diplomes__content .row{
height: 100%;
position: relative;
}
.menupop-diplomes__content-col-1{
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: flex-end;
padding-top: 60px;
}
.menupop-diplomes__content-col-1 figure{
display: none;
margin-top: 50px;
border-radius: 0 var(--radius) 0 0;
width: 100%;
height: 300px;
background-size: cover;
}
.menupop-diplomes__content-col-1 figure.active{
display: block;
}
.menupop-diplomes__content-col-2{
position: relative;
display: flex;
flex-direction: column;
flex-wrap: wrap;
max-height: calc(90vh - 120px);
max-height: 100%;
padding-top: 60px;
padding-bottom: 30px;
overflow: auto;
}
.menupop-diplomes__content-col-2__btns{
position: absolute;
bottom: 30px;
left: calc(66.666% - 100px);
width: 200px;
display: none;
justify-content: center;
}
.menupop-diplomes__content-col-2__btns button{
height: 39px;
width: 39px;
background-size: auto 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_detail_sprite.svg);
margin: 0 10px;
cursor: pointer;
}
.menupop-diplomes__content-col-2__btns button.inactive{
opacity: 0.33;
cursor: default;
}
.menupop-diplomes__content-col-2__btns button:first-of-type{
transform: rotate(180deg);
}
.menupop-diplomes__content-col-2__btns button:not(.inactive):hover{
background-position: -39px 0;
}
.menupop-diplomes__content-col-2__btns.active{
display: flex;
}
.menupop-diplomes__content-col-2 ul{
Xwidth: 50%;
}
.menupop-diplomes ul.level-1{
max-width: 85%;
}
.menupop-diplomes ul.level-1 li{
Xpadding-left: 45px;
background-repeat: no-repeat;
background-position: left top;
background-image: none !important;
}
.menupop-diplomes ul.level-1 h3{
position: relative;
font-size: 2.2rem;
margin-bottom: 2.4rem;
font-weight: 400;
cursor: pointer;
line-height: 3.2rem;
padding-left: 10px;
border-left: 1px solid transparent;
}
.menupop-diplomes ul.level-1 .active h3{
border-color: var(--red);
}
.menupop-diplomes ul.level-1 .active h3::after{
Xcontent: '>';
position: absolute;
top: -1px;
right: 0;
color: var(--red);
font-size: 2.2rem;
}
.menupop-diplomes ul.level-1 li:hover h3,
.menupop-diplomes ul.level-1 .active h3{
color: var(--red) !important;
}
.menupop-diplomes ul.level-2{
margin-bottom: 3rem;
padding: 0 40px;
max-width: 50%;
}
.menupop-diplomes ul.level-2 li a{
position: relative;
display: block;
padding: 1rem 0;
color: var(--grey-dark);
line-height: 2.4rem
}
.menupop-diplomes__titre{
display: block;
color:  var(--red);
text-transform: uppercase;
font-size: 1.3rem;
line-height: 1.8rem;
margin-top: 3px;
}
.menupop-diplomes ul.level-2 li.menupop-diplomes__diplome a::before{
content:  'Bac+3';
position: absolute;
top: 13px;
left: 0;
font-size: 1rem; 
text-transform: uppercase; 
display: inline-block; 
background-color: white; 
color: var(--red); 
color: #444; 
border-radius: 3px; 
padding: 0 2px;
line-height: 17px;
border: 1px solid var(--red);
border: 1px solid #aaa;
}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-4 a::before{content: 'Bac+1'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-5 a::before{content: 'Bac+1'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-6 a::before{content: 'Bac+2'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-7 a::before{content: 'Bac+2'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-8 a::before{content: 'Bac+3'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-9 a::before{content: 'Bac+3'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-10 a::before{content: 'Bac+4'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-11 a::before{content: 'Bac+4'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-12 a::before{content: 'Bac+5'}
.menupop-diplomes ul.level-2 li.menupop-diplomes__niveau-sortie-13 a::before{content: 'Bac+5'}
.menupop-diplomes ul.level-2 li a:hover{
color: var(--red);
text-decoration: underline;
}
.menupop-diplomes ul.level-2 li a:hover::before{
text-decoration: none;
}
.menupop-diplomes ul.level-2 li.filiere-titre a{
display: block;
font-size: 1.7rem;
line-height: 2.8rem;
font-weight: 600;
font-family: var(--ff-title);
margin-bottom: 1rem;
padding: 0;
padding-top: 2px;
background-repeat: no-repeat;
background-position: left top;
text-transform: uppercase;
}
.menupop-diplomes ul.level-2 li a,
.menupop-diplomes ul.level-2 li.filiere-titre a{
padding-left: 45px;
}
.menupop-diplomes ul.level-2{
display: none;
}
.menupop-diplomes ul.level-2.active{
display: block;
} .checkbox-list li label{
padding: 0.75rem   0;
}
.ue-liste{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
margin-top: 40px;
}
.ue-liste tr{
padding: 4px 0;
border-bottom: 5px solid white;
}
.ue-liste tr.split{
height: 5px;
}
.ue-liste td,
.ue-liste th{
padding: 16px;
text-align: center;
font-weight: normal;
}
.ue-liste td:first-of-type,
.ue-liste th:first-of-type{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.ue-liste td:last-of-type,
.ue-liste th:last-of-type{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.ue-liste td.tal,
.ue-liste th.tal{
text-align: left;
}
.ue-liste th{
white-space: nowrap;
background-color: var(--grey-dark);
color: #fff;
}
.ue-liste td{
background-color: var(--grey-light);
}
.ue-liste td:not(.tal){
white-space: nowrap;
}
.ue-liste tr.ue-liste__annee td{
background-color: var(--red);
color:  #fff;
text-transform: uppercase;
cursor: pointer;
}
.ue-liste tr.ue-liste__annee td::after{
content: '';
display: inline-block;
height: 39px;
width: 39px;
background-size: auto 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_accordeon_sprite_white.svg);
background-position: 0 0;
}
.ue-liste tr.ue-liste__annee.active td::after{
background-position: -39px 0;
}
.ue-liste__annee{
position: relative;
border-radius: var(--radius);
padding: 1.5rem;
color:  #fff;
background-color: var(--red);
margin-bottom: 10px;
cursor: pointer;
font-size: 1.6rem;
text-transform: uppercase;
}
.ue-liste__annee::after{
content: '';
position: absolute;
right: 24px;
top: calc(50% - 16px);
height: 32px;
width: 32px;
background-size: 32px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/fleche-droite-blanc.svg);
transform: rotate(90deg);
}
.ue-liste__annee.active::after{
transform: rotate(-90deg);
}
.ue-liste__ue .box-ue__diplomes{
display: none;
}
.ue-liste__ue{
display: none;
}
.ue-liste__ue a:hover{
color: var(--red);
text-decoration: underline;
}
.ue-liste__ue td:first-of-type{
white-space: nowrap;
}
.ue-liste__ue.active{
display: flex;
flex-direction: column;
}
.single-diplome__header{
background-color: var(--red);
color:#fff;
padding: 20px;
font-size: 2rem;
}
.single-diplome__banner{
height: 350px;
background-size: cover;
background-position: center;
}
.single-diplome__intro{
display: flex;
justify-content: space-between;
column-gap: 40px;
flex-direction: column;
margin-bottom: 30px;
.
}
.single-diplome__intro__logo{
display: flex;
align-items: center;
}
.single-diplome__intro__logo img{
display: block;
width: 120px;
height: auto;
}
.single-diplome__intro__logo img + img{
margin-left: 15px;
}
.single-diplome__intro__logo img.img--ecoles{
width: 200px;
}
.single-diplome__code{
display: block;
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 600;
color: var(--red) !important;
}
.single-diplome h2{
margin-bottom: 0;
margin-top: 0;  
}
.single-diplome h2.h2-titre{
margin-top: 1rem; 
margin-bottom: 20px;
color: var(--red);
font-size: 2rem;
line-height: 2.6rem;
}
.single-diplome__tags{
display: flex;
flex-wrap: wrap;
margin-top: 25px;
margin-bottom: 35px;
}
.single-diplome__tags .tag{
margin-right: 10px;
} 
.single-diplome .tag-admission, 
.single-diplome .tag-experience{
display: inline;
}
.single-diplome__niveaux{
display: none;
margin-bottom: 30px;
}
.single-diplome__anchors{
margin-bottom: 4rem;
}
.single-diplome aside{
margin-bottom: 4rem;
}
.single-diplome aside .aside__header{
text-align: center; 
padding: 10px 5px;  
border-radius:  5px 5px 0 0;
background-color:  var(--medium-grey);
}
.single-diplome aside .aside__content{
border-radius:  0 0 5px 5px;
padding: 1rem;
background-color:  var(--light-grey);
}
.single-diplome .composante a{
color: var(--red);
}
.single-diplome .composante a:hover{
text-decoration: underline;
}
.single-diplome .box-article .list__bullet{
position: static;
vertical-align: 3px;
}      
.single-diplome__more-trigger{
display: block;
margin: 40px 0;
font-family: var(--ff-title);
color: var(--red);
font-size: 1.8rem;
font-weight: 600;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/);
background-repeat: no-repeat;
background-position: left center;
cursor:  pointer;
}
.single-diplome__more-trigger::before{
content: '';
display: inline-block;
margin-right: 10px;
height: 39px;
width: 39px;
border-radius: 100%;
background-color: var(--red);
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_accordeon_sprite_white.svg);
background-size:  auto 39px;
background-position: 0 0;
vertical-align: -11px;
}
.single-diplome__more-trigger.active::before{
background-position: -39px 0;
}              
.single-diplome__more{
display: none;
}
.single-diplome__info-libre{
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #ddd;
font-size: 1.4rem;
width: max-content;
}
.single-diplome__more.active{
display: block;
}
.single-diplome__programmation{
margin: 40px 0;
}
.single-diplomes__legende{
display: none;
font-size: 1.4rem;
background-color: var(--light-grey);
border: 1px solid var(--medium-grey);
}
.Xsingle-diplomes__legende .picto{
display: inline-block;
text-align: center;
width: 40px;
}
.single-diplome__partners{
display: flex;
display: none;
justify-content: space-between;
margin: 6rem 0 4rem 0;
}
.single-diplome__partners img{
height: 110px;
width: auto;
}
.btn.btn-big{
display: flex;
width: 100%;
text-align: center;
font-size: 2.4rem;
padding: 14px !important;
height: auto;
line-height: 3rem !important;
place-content: center;
}
.btn.btn-big + .btn.btn-big{
margin-top: 20px;
margin-left: 0;
}
@media screen and (max-width: 1024px) {
.single-diplome__main{
order: 1;
}
.single-diplome__aside{
order: 2;
margin-top: 60px;
}
.single-diplome__aside .btn-big{
max-width: 550px;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media screen and (min-width: 1025px) {
.single-diplome__intro{
flex-direction: row;
}
.single-diplome__intro__logo{
flex-direction: column;
align-items: flex-end;
}
.single-diplome__intro__logo img{
margin-bottom: 0;
}
.single-diplome__intro__logo img + img{
margin-top: 15px;
margin-left: 0;
}
.single-diplome__intro__logo img.img--ecoles{
width: 220px;
}
} .img-text-illustration{
padding: 30px !important;
margin-top: 10px !important;
}
.img-text-illustration .et_pb_image_wrap {
display: block !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_square_background_image_top_red.svg) !important;
padding-bottom: 30px !important;
border-radius: var(--radius) !important;
background-size: cover !important;
background-position: right top !important;
}
.img-text-illustration img{
border-radius: var(--radius) !important;
margin-left: -30px !important;
margin-top: -30px !important;
width: 100% !important;
}
.object-fit-contain img{
object-fit: contain !important;
}
.et_pb_row:not(.et_pb_row_1) h2,
.et_pb_row:not(.et_pb_row_0) h3,
.et_pb_row:not(.et_pb_row_1) h3,
.et_pb_row:not(.box-testimonial-divi) .et_pb_text + .et_pb_text,
.et_pb_row:not(.et_pb_row_0) h2{
margin-top: 5rem !important;
}
.et_pb_section_0 .et_pb_row_0 .box-article__intro h2,
.box-article .et_pb_section_0 .et_pb_row_0 h2,
.box-article .et_pb_section_0 .et_pb_row_0 #s0{
margin-top: 0 !important;
}
.et_pb_section_0,
.et_pb_section_0 .et_pb_row_0{
padding-top: 0 !important;
margin-top: 0 !important;
}
.et_pb_text_inner a,
.et_pb_accordion_item a{
color: var(--red) !important;
}
.et_pb_text_inner li a,
.et_pb_accordion_item li a{
color: var(--text-color) !important;
color: var(--red) !important;
}
#et-boc .et-l .et_pb_text_inner a:not(.btn):link:hover,
#et-boc .et-l .et_pb_accordion_item a:not(.btn):link:hover{
text-decoration: underline !important;
}
.et-db #et-boc .et-l .et_pb_row{
padding: 0 !important;
}
.divi-last-section,
.et-db #et-boc .et-l .et_pb_section.last-section{
margin-top: 0px !important;
padding-top: 0 !important;	
}
.divi-last-section.empty{
padding: 0 !important;
}
.divi-last-section .et_pb_text h2{
margin-bottom: 55px !important;
}
@media (min-width: 767px) and (max-width: 1025px){
.et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_1_3, .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
width: 29.6667%;
}
}
@media screen and (min-width: 1025px) {
.divi-last-section{
margin-top: 75px !important;
}
.et_pb_row:not(.et_pb_row_1) h2,
.et_pb_row:not(.et_pb_row_0) h3,
.et_pb_row:not(.et_pb_row_1) h3,
.et_pb_row:not(.box-testimonial-divi) .et_pb_text + .et_pb_text,
.et_pb_row:not(.box-testimonial-divi) .et_pb_text + .et_pb_video,
.et_pb_row:not(.et_pb_row_0) h2{
margin-top: 7rem !important;
}
} .et_pb_video{
border-radius: var(--radius) !important;
overflow: hidden !important;
} .et_pb_row.box-contact-divi{
border-radius: var(--radius) !important;
background-color: var(--red) !important;
background-color: var(--grey-light-hover) !important;
background-color: var(--grey-light) !important;
padding: 20px !important;
padding: 10px !important;
display: flex;
width: 85% !important;
margin-top: 7.5rem !important;
}
.box-contact-divi .et_pb_column{
float: none !important;
width: 50% !important;
background-color: #fff !important;
padding: 20px !important;
padding-top: 48px !important;
margin: 0 !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important;
background-position: 20px top !important;
}
.box-contact-divi .et_pb_column:first-of-type{
border-radius: var(--radius) 0 0 var(--radius) !important;
}
.box-contact-divi .et_pb_column:last-of-type{
border-radius: 0 var(--radius) var(--radius) 0 !important;
}
.box-contact-divi h4{
margin-bottom: 2rem !important;
font-weight: 600 !important;
}
.box-article .box-contact-divi .et_pb_text_inner li{
padding-left: 0 !important;
}
.box-contact-divi li::before{
display: none !important;
}
.box-contact-divi li a{
display: block;
padding-left: 29px !important;
color: var(--text-color) !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_link.svg) !important;
background-size: 29px !important;
background-repeat: no-repeat !important;
background-position: -5px 0 !important;
line-height: 2.4rem !important;
}
.box-contact-divi li a:hover{
color: var(--red) !important;
} .box-page-link-divi{
border-radius: var(--radius) !important;
background-color: var(--red) !important;
background-color: var(--grey-light-hover) !important;
background-color: var(--grey-light) !important;
display: flex;
margin-top: 3rem !important;
box-shadow: var(--shadow) !important;
padding: 0 !important;
width: 85% !important;
}
.box-page-link-divi:hover{
box-shadow: var(--shadow-hover) !important;
}
.box-page-link-divi .et_pb_module{
height: 100%;
}
.box-page-link-divi .et_pb_image_wrap{
overflow: hidden;
height: 100%;
width: 220px;
}
.box-page-link-divi .et_pb_column:first-of-type{
float: none !important;
width: 140px !important;
border-radius: var(--radius) 0 0 var(--radius) !important;
overflow: hidden;
margin-right: 0 !important;
}
.box-page-link-divi .et_pb_image_wrap img{
object-fit: cover;
object-position: center;
width: 100% !important;
height: 100% !important;
transition: all 0.2s linear !important;
}
.box-page-link-divi:hover img{
Xtransform: scale(1.15);
}
.box-page-link-divi .et_pb_column:last-of-type{
float: none !important;
position: relative;
display: flex;
border-radius: 0 var(--radius) var(--radius) 0 !important;
overflow: hidden;
background-color: #fff !important;
width: 100% !important;
height: 120px;
align-items: center;
padding-right: 60px !important;
padding-left: 30px !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important;
background-position: 30px top !important;
}
.box-page-link-divi .et_pb_column:last-of-type{
height: 140px;
}
.box-page-link-divi .et_pb_column:last-of-type p{
font-weight: 600;
font-size: 2rem !important;
line-height: 2.7rem;
font-family: var(--ff-title) !important;
}
.box-page-link-divi .et_pb_column:last-of-type::after{
content: '';
position: absolute;
top: 30px;
top: 40px;
right: 40px;
height: 60px;
width: 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 60px;
background-repeat: no-repeat;
background-position: -180px;
transition: all 0.15s ease;
}
.box-page-link-divi .et_pb_column:last-of-type:hover::after{
right: 30px;
} .et-db #et-boc .et-l .et_pb_row.box-testimonial-divi{
border-radius: var(--radius) !important;
background-color: var(--red) !important;
background-color: var(--grey-light-hover) !important;
background-color: var(--grey-light) !important;
display: flex;
width: 100% !important;
margin-top: 3rem !important;
cursor: pointer;
box-shadow: var(--shadow) !important;
}
.et-db #et-boc .et-l .et_pb_row.box-testimonial-divi > .et_pb_column{
Xpadding-right: 60px !important;
}
.box-testimonial-divi .et_pb_image_wrap{
overflow: hidden;
height: 120px;
width: 120px;
}
.box-testimonial-divi .et_pb_column:first-of-type{
float: none !important;
width: 140px !important;
border-radius: var(--radius) 0 0 var(--radius) !important;
overflow: hidden;
margin-right: 0 !important;
}
.box-testimonial-divi .et_pb_image_wrap img{
object-fit: cover;
object-position: center;
width: 100% !important;
height: 100% !important;
transition: all 0.2s linear !important;
}
.box-testimonial-divi:hover img{
Xtransform: scale(1.15);
}
.box-testimonial-divi p{
text-align: left !important;
}
.box-testimonial-divi .et_pb_column:last-of-type{
float: none !important;
position: relative;
display: flex;
flex-direction: column;
border-radius: 0 var(--radius) var(--radius) 0 !important;
overflow: hidden;
background-color: #fff !important;
width: 100% !important;
min-height: 120px;
padding: 0;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/quotes_red.svg) !important;
background-repeat: no-repeat !important;
background-size: auto 23px !important;
background-position: 30px 12px !important;
}
.box-testimonial-divi .et_pb_column:last-of-type .et_pb_text:first-of-type{
margin-bottom: 0 !important;
padding: 0 10px;
}
.box-testimonial-divi .et_pb_column:last-of-type .et_pb_text:first-of-type .et_pb_text_inner{
display: flex;
align-items: center;
height: 120px;
}
.box-testimonial-divi .et_pb_column:last-of-type p{
font-weight: 600;
font-size: 2rem !important;
line-height: 2.7rem;
font-family: var(--ff-title) !important;
padding-left: 64px !important;
}
.box-testimonial-divi.active .et_pb_column:last-of-type .et_pb_text:last-of-type{
background-color: var(--grey-light) !important;
padding: 14px 20px !important;
}
.box-testimonial-divi .et_pb_column:last-of-type .et_pb_text:last-of-type p{
display: none;
font-family: var(--ff-text) !important;
font-size: 1.6rem !important;
line-height: 2.7rem;
font-weight: normal;
padding: 0 !important;
margin: 10px 0 !important;
}
.box-testimonial-divi .et_pb_column:last-of-type .et_pb_text:last-of-type p em{
display: block;
margin-bottom: 2rem !important;
}
.box-testimonial-divi .et_pb_column:last-of-type .et_pb_text:last-of-type p em strong{
color: var(--red) !important;
}
.box-testimonial-divi .et_pb_column:last-of-type .et_pb_text:last-of-type p > strong{
display: block;
margin-top: 2rem !important;
text-align: right !important;
}
.box-testimonial-divi.active .et_pb_column:last-of-type .et_pb_text:last-of-type p{
display: block;
}
.box-testimonial-divi .et_pb_column:last-of-type::after{
content: '';
position: absolute;
top: 30px;
right: 20px;
height: 60px;
width: 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 60px;
background-repeat: no-repeat;
background-position: -180px;
transition: 0;
transform: rotate(90deg);
}
.box-testimonial-divi.active .et_pb_column:last-of-type::after{
transform: rotate(270deg);
}
.box-testimonial-divi .et_pb_column:last-of-type:hover::after{
}
@media screen and (min-width: 1025px) {
.et-db #et-boc .et-l .et_pb_row.box-testimonial-divi{
width: 75% !important;
}
} h5.et_pb_toggle_title{
font-size: 1.8rem;
line-height: 2.6rem !important;
}
.et_pb_accordion > .et_pb_accordion_item:first-of-type{
display: none !important;
}
.et-db #et-boc .et-l .et_pb_toggle_close{
Xbackground-color: var(--grey-light) !important;
}
.et_pb_accordion_item{
position: relative !important;
padding: 0 !important;
border: 1px solid var(--grey-light-hover) !important;
border-radius: var(--radius) !important;
background-color: #fff !important;
}
.et_pb_accordion_item:hover,
.et_pb_accordion_item.et_pb_toggle_open{
box-shadow: var(--shadow) !important;
}
.et_pb_accordion_item::after{
content: '';
display: block;
position: absolute;
top: 25px;
right: 20px;
height: 39px;
width: 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 39px;
transform: rotate(90deg); 
background-position: -117px 0;  
}
.et_pb_accordion_item.et_pb_toggle_open::after{
transform: rotate(270deg);
}
.et_pb_accordion_item h5{
padding: 20px !important;
padding-bottom: 15px !important;
background-color: #fff !important;
border-radius: var(--radius) !important;
}
.et_pb_accordion_item h5::before{
display: none !important;   
}
.et_pb_accordion_item h5::after{
content: '';
display: inline-block;
height: 50px;
width: 240px;
background-size: auto 50px;
vertical-align: middle;
margin-left: 25px;
background-position: left center;
}
.et-db #et-boc .et-l .et_pb_toggle_content{
padding: 24px !important;
padding-bottom: 0 !important;
}
.page-id-11 .et_pb_accordion_item_1   h5::after{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/logos/cnam_partenaire_mcf.png);}
X.et_pb_accordion_item_3  h5::after{background-image: url(https://travail-emploi.gouv.fr/IMG/png/france_relance.png);}
X.et_pb_accordion_item_5  h5::after{background-image: url(https://travail-emploi.gouv.fr/IMG/png/cofinancement4.png);background-size: auto 85px;}
X.et_pb_accordion_item_6  h5::after{background-image: url(https://alternancepro.com/wp-content/uploads/2019/12/cropped-logo-1.png);background-size: auto 40px;}
.page-id-11 .et_pb_accordion_item_7   h5::after{background-image: url(https://travail-emploi.gouv.fr/IMG/jpg/cep.250.jpg);}
.page-id-11 .et_pb_accordion_item_8   h5::after{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/logos/cnam_partenaire_mcf.png);}
.page-id-11 .et_pb_accordion_item_10  h5::after{background-image: url(https://www.agefiph.fr/themes/custom/agefiph/logo-mobile.svg);background-size: auto 24px;}
X.et_pb_accordion_item_12   h5::after{background-image: url(https://travail-emploi.gouv.fr/IMG/jpg/cep.250.jpg);}
.page-id-11 .et_pb_accordion_item_14  h5::after{background-image: url(https://regionreunion.com/IMG/images/logo-region-reunion-institutionnel-02.png);background-size: auto 52px;} @media screen and (min-width: 1025px) {
aside.sticky-box{
Xtransition: all 0.2s linear;
padding-bottom: 80px !important;
}
body.up .sticky-box.element-is-sticky{
top: 180px !important;
}
} .checkbox-list{
max-height: 45vh;
overflow: auto;
}
.checkbox-list li{
padding:  3px 0;
}
.fieldset-checkbox,
.fieldset-devis-pe{
margin-top: 20px;
}
.checkbox-list li label,
.fieldset-checkbox label.checkbox{
display: flex;
line-height: 3rem;
cursor: pointer;
font-weight: normal;
}
.icheckbox{
height: 30px;
padding-left: 45px;
}
.icheckbox::before{
content: '';
position: absolute;
top: 0;
left: 0;
height: 30px;
width: 30px;
border-radius: 100%;
border: 1px solid #e2e1e7;
border: 1px solid #bbb;
}
.icheckbox.checked::after{
content: '';
position: absolute;
top: 8px;
left: 8px;
height: 14px;
width: 14px;
border-radius: 100%;
background-color: var(--red);
}
input[type="email"],
input[type="text"],
textarea{
border: none;
border-radius: 5px;
background-color: #fff;
width: 100%;
padding: 6px 12px;
margin-top: 2rem;
Xborder: 1px solid transparent;
border: 1px solid #ddd !important;
font-size: 1.4rem;
}
input[type="email"]::placeholder,
input[type="text"]::placeholder,
textarea::placeholder{
font-family: var(--ff-text);
font-size: 1.5rem;
line-height: 1.8rem;
color: #000 ;
opacity: 1;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: #000;
opacity: 0.6;
}
input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus{
outline: none;
border: 1px solid #bbb !important;
}
input[type="email"].error,
input[type="text"].error,
textarea.error{
outline: none;
border: 1px solid var(--red) !important;
}
form p.label{
display: none;
}
textarea{
height: 200px;
}
body:not(.home) .select2-container--default .select2-selection--single{
height: 44px;
line-height: 44px;
margin-top: 2rem;
}
body:not(.home) .select2-container .select2-selection--single .select2-selection__rendered{
position: relative;
height: 44px;
line-height: 43px;
font-size: 1.4rem;
}
body:not(.home) .select2-container .select2-selection--single .select2-selection__rendered::after{
content: 'v';
position: absolute;
top: 1px;
right: 22px;
opacity: 0.7;
transform: scaleX(1.5);
font-size: 12px;
}
body:not(.home) .select2-container--open .select2-dropdown--above, 
body:not(.home) .select2-container--open .select2-dropdown--below {
left: 0;
max-width: 630px;
width: 100%;
}
body:not(.home) .select2-container--open .select2-dropdown--below {
margin-top: 1.6rem;
}
body:not(.home) .select2-results__options{
box-shadow: 0px 20px 30px #5757561A;
}
body:not(.home) .select2-results__option--selectable{
padding-left: 1rem;
font-size: 1.4rem;
background-image: none;
}
body:not(.home) .fieldset-select .select2-results__option--selectable{
background-image: none;
}
body:not(.home) .select2-container .select2-selection--single .select2-selection__rendered{
white-space: normal;
text-overflow: "…";
}
.contact-form .icheckbox{
padding-left: 40px;
display: inline;
}
.contact-form .icheckbox::before{
border-color: #bbb;
}
.contact-form label.checkbox{
display: flex;
padding-top: 25px;
align-items: center;
font-size: 1.4rem;
}
.fieldset-checkbox label{
cursor: pointer;
}
.start-quote__wrapper{
display: none; 
background-color: var(--grey-light); 
border-radius: var(--radius);
padding: 30px; 
margin: 0 auto; 
}
.start-quote__wrapper #form-submit{
margin-top: 30px;
}
#formation-form-contact{
position: relative;
}
#formation-form-contact.disabled{
opacity: 0.5;
}
#formation-form-contact.disabled::before{
z-index: 50;
content: '';
position: absolute;
top: 0px;
left: -11px;
bottom: 0px;
right: -11px;
background-color: #000;
opacity: 0;
}
#formation-form-contact-result{
display: none;  
text-align: center; 
background-color: white; 
border-radius: 5px; 
margin-top: 30px; 
padding: 20px;
}
@media screen and (min-width: 1025px) {
.start-quote__wrapper{
margin-left: 30%; 
margin-top: -120px;
}
} .pb0            {padding-bottom: 0 !!important}
.pt0            {padding-top: 0 !!important}
.pbt0,.ptb0     {padding-bottom: 0 !!important; padding-top: 0 !!important} .single-post h4{
margin-top: 20px;
margin-bottom: 30px;
}
.single-post figure{
border-radius: var(--radius);
overflow: hidden;
margin-bottom: 40px;
}
.single-post figure img{
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.single-post--nav{
display: flex;
justify-content: space-between;
}
.single-post--nav a{
display: block;
max-width: 40%;
font-weight: bold;
font-style: italic;
font-size: 1.8rem;
}
.single-post--nav a:hover{
text-decoration: underline;
} .box-article .box-article__intro{
margin-left: -2px !important;
padding-left: 12px !important;
border-left: 3px solid var(--red) !important;
margin-bottom: 60px !important;
}
.box-article .box-article__intro h2,
.et_pb_text h2{
font-weight: 600 !important;
margin-bottom: 2.5rem !important;
}
.box-article .box-article__intro.quote{ 
border: none !important;
padding-left: 15px !important;
background-position: left center !important;
background-repeat: no-repeat !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_temoignage.svg) !important;
background-size: auto !important;
}
.box-article .box-article__intro.quote h2{
margin-left: 10px !important;
} 
.box-article h3{
font-size: 2.8rem !important;
line-height: 3.6rem !important;
font-weight: 600 !important;
margin-bottom: 0.5rem !important;
margin-top: 6rem !important;
}
.box-article h3:first-of-type{
margin-top: 0;
}
.box-article ul{
margin: 0 0 20px 0 !important;
}
.box-article ul li:not(.box-diplome):not(.box-ue):not(.box-summary__anchor){
position: relative;
list-style: none !important;
padding-left: 15px !important;
}
.box-article .list__bullet,
.box-article ul li:not(.box-diplome):not(.box-ue):not(.box-summary__anchor)::before{
content: '';
position: absolute;
left: 0;
top: 12px;
display: inline-block;
height: 6px;
width: 6px;
border-radius: 100%;
background-color: var(--red);
margin-right: 10px;
}
.box ul li::before{
top: 8px !important;
}
@media screen and (min-width: 1025px) {
.box-article .box-article__intro{
margin-left: -15px !important;
}
.box-article .box-article__intro.quote h2{
margin-left: 0 !important;
} 
}  .page-hero{
padding: 0;
height: 200px;
background-size: 100% auto, cover;
background-repeat: repeat-y, no-repeat;
background-position: center, center bottom;
}
body:not(.home) .box-hero{
display: flex;
justify-content: center;
text-align: left;
Xpadding: 0 var(--gutter);  
}
.page-hero .box-hero h1{
text-align: left;
color: #fff !important;
margin: 0;
max-width: none;
max-width: 600px;
}
.page-hero .box-hero h1 p{
text-align: left;
color: #fff;
font-size: 2.4rem;
line-height: 3.4rem;
font-weight: 600;
font-family: var(--ff-title);
}
@media screen and (min-width: 768px) {
.page-hero{
height: 300px;
}
} .intro-repartition .et_pb_text_inner{
position: relative !important;
max-width: 800px !important;
padding-bottom: 40px !important;
margin: 0 auto -30px auto !important;
}
.intro-repartition .et_pb_text_inner::after{
content: '';
display: block;
position: absolute;
bottom: 0;
left: calc(50% - 100px);
width: 200px;
height: 3px;
background-color: var(--red);
} h4.nombre-diplomes,
h4.nombre-ue{
padding: 30px 0;
} body.search h2:not(:first-of-type){
margin-top: 7.5rem;
} .parcours{
background-color: #fff;
}
.parcours__wrapper{
display: flex;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
padding: 15px 15px 7px 15px !important;
margin-bottom: 3rem !important;
background-color: #fff;
}
.parcours__step{
position: relative;
display: block;
width: 25%;
}
.parcours__line{
display: block;
height: 1px;
background-color: var(--grey-light) !important;
margin-top: 16px !important;
}
.parcours__step::before{
content: '';
position: absolute;
top: 0;
left: calc(50% - 16px);
display: block;
width: 32px;
height: 32px;
border-radius: 100%;
border:  1px solid var(--grey-light);
background-color: #fff;
}
.parcours__step::after{
content: '';
position: absolute;
top: 8px;
left: calc(50% - 8px);
display: block;
width: 16px;
height: 16px;
border-radius: 100%;
background-color: var(--grey-light);
}
.parcours__step h4{
padding-top: 26px !important;
text-align: center !important;
line-height: 2.4rem !important;
color: var(--text-color) !important;
font-weight: normal;
padding-bottom: 10px;
}
.parcours__step::before,
.parcours__step::after,
.parcours__step h4{
transition: all 0.25s linear;
}
.parcours__step.active::before,
.parcours__step.done::before,
.parcours__step:hover::before{
border-color: var(--red);
}
.parcours__step.active::after,
.parcours__step.done::after,
.parcours__step:hover::after{
background-color: var(--red);
}
.parcours__step.active .parcours__line,
.parcours__step.done .parcours__line{
background-color: var(--red) !important;
}
.parcours__step.active h4,
.parcours__step:hover h4{
color: var(--red) !important;
}
.parcours.clone{
z-index:  999;
position: fixed;
right: calc( (100vw - 1430px) / 2 + 20px);
width: 990px;
padding-left: 20px;
box-shadow: 0 65px 50px rgba(255,255,255, 0.95);
box-shadow: 0 16px 20px rgba(255,255,255, 0.5);
}
.parcours.clone .parcours__wrapper{
margin-bottom: 0 !important;
}
.sticked:not(.clone){
display: none;
}  @media screen and (min-width: 768px) and (max-width: 1024px) {
.page-id-7.et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_1_3, .et-db #et-boc .et-l .et_pb_gutters3.et_pb_row .et_pb_column_1_3{
width: 56.667%;
float: none;
margin: 0 auto !important;
}
.page-id-7.et-db #et-boc .et-l .et_pb_row .et_pb_column.et-last-child, 
.page-id-7.et-db #et-boc .et-l .et_pb_row .et_pb_column:last-child, 
.page-id-7.et-db #et-boc .et-l .et_pb_row_inner .et_pb_column.et-last-child, 
.page-id-7.et-db #et-boc .et-l .et_pb_row_inner .et_pb_column:last-child{
margin-right: auto !important;
}
}    
@media screen and (max-width: 1024px) {
.mt0-m{margin-top: 0 !important;}
.pt0-m{padding-top: 0;}
}
@media screen and (min-width: 721px) {  .box-guide{
padding: 40px !important;
background-size: 650px auto, cover !important;
background-position: right center, center !important;
}
.box-guide h3{
max-width: 550px;
line-height: 5rem !important;
font-weight: 600 !important;
margin-bottom: 3.2rem !important;
}
.box-guide p,
.box-guide span{
max-width: 515px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 1024px) {
.box-summary.element-is-sticky{
display: block !important;
}
} .wrap--basic-table{
max-width: 100%;
overflow-x: auto;
}
.basic-table{
border-collapse: collapse;
width: 200vw;
margin-top: 2rem;
}
body:not(.page-id-591) .basic-table{
margin-bottom: 3rem;
}
.basic-table th {
font-weight: 600;
font-family: var(--ff-title);
}
.basic-table th, .basic-table td {
border: 1px solid #ccc;
padding: 10px;
}
.basic-table th{
background-color: var(--grey-light);
}
.basic-table tr:first-of-type th{
border-color: var(--red);
background-color: var(--red);
color: #fff;
text-align: center;
Xborder-radius: 5px 5px 0 0;
}
.basic-table span{
margin-left: 15px;
}
@media screen and (min-width: 768px) {
.basic-table{
width: 125vw;
}
}
@media screen and (min-width: 1025px) {
.basic-table{
width: 100%;
}
}
@media screen and (min-width: 768px) {
.ul-2-cols{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ul-2-cols li{
width: 50%;
}
.ul-2-cols div{
width: 48%;
}
.ul-2-cols div li{
width: 100%;
}
}
@media screen and (min-width: 1025px) { .order-1      {order: 1;}
.order-2      {order: 2;}
.order-3      {order: 3;}
.aic-d{
display: flex;
align-items: center;
}
.aic-cd{
display: flex;
flex-direction: column;
justify-content: center;
} main{
background-size: 100px auto;
} h1{
font-size: 5rem;
line-height: 7rem;
}
.box-text h2{
padding-left: var(--half-gutter);
margin-left: calc( var(--half-gutter) * -1);
}
.box-text h2::before{
top: 0px;
}
h4{
font-size: 1.8rem;
line-height: 2.4rem;
font-weight: 600;
} .home .box-hero{
justify-content: center;
}
.home .box-hero h1{
margin: 0 0 70px 0;
max-width: 560px;
text-align: left;
text-shadow: 0 0 6px rgba(0,0,0, 0.55);
}
.home .box-hero form{
margin-bottom: 0;
}
.home .box-hero form input[type="submit"]{
font-size: 1.6rem;
background-image: none;
width: max-content;
}
.page-hero{
height: 33.3333vw;
max-height: 600px;
}
.page-hero .box-hero{
background-repeat: no-repeat;
background-position: 0 bottom;
background-size: 100px auto;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_blanc.svg);
padding: 0;
}
.page-hero .box-hero h1 p{
font-size: 5rem;
line-height: 7rem;
} .ul-3-cols{
display: flex;
flex-wrap: wrap;
}
.ul-3-cols li{
width: 33.333333%;
}
.ul-4-cols{
display: flex;
flex-wrap: wrap;
}
.ul-4-cols li{
width: 25%;
}  .home-hero{
background-position: center;
background-size: cover;
}
.home-featured-article{
}
.home-featured-article p,
.home-featured-article h2{
Xmax-width: 520px;
} .owl-une .owl-nav{
width: max-content;
position: absolute;
right: 30px;
top: -62px;
margin-top: 0;
}
.owl-une .owl-nav button.owl-prev,
.owl-une .owl-nav button.owl-next{
height: 40px;
width: 40px;
background-size: auto 40px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_slider_sprite.svg);
background-position: -80px 0;
border: none !important;
margin-left: 10px;
}
.owl-une .owl-nav button.owl-prev{
transform: rotate(180deg);
}
.owl-une .owl-nav button.owl-prev:hover,
.owl-une .owl-nav button.owl-next:hover{
background-position: -120px 0;
}
.owl-une .owl-nav button span{
display: none;
}
.owl-une .owl-item{
transition: opacity 0.33s linear;
opacity: 0.7;
}
.owl-une .owl-item.active{
opacity: 1;
} .owl-offres{
padding-left: 0;
}
.owl-offres .owl-stage{
flex-wrap: wrap;
}
.owl-offres .owl-item{
Xflex: 50%;
margin: var(--half-gutter) 0;
padding: 0 calc( var(--half-gutter) * 0.5 );
}
.owl-offres .owl-item:nth-child(even){
Xpadding-left: var(--half-gutter);
}
.owl-offres .owl-item:nth-of-type(odd){
Xpadding-right: var(--half-gutter); 
} .owl-posts-nav-wrapper{
display: flex;
justify-content: flex-end;
}
#owl-posts-nav button{
height: 60px;
width: 60px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_slider_sprite.svg);
cursor: pointer;
}
#owl-posts-nav button.owl-prev{
transform: rotate(180deg);
margin-right: 15px;
margin-left: 30px;
}
#owl-posts-nav button:hover{
background-position: -60px 0;
}
#owl-posts-nav button span{
display: none;
}
.owl-posts-nav-wrapper a{
margin-top: 15px
} .owl-carousel-nav-wrapper{
display: flex;
justify-content: flex-end;
}
.owl-carousel-nav button{
height: 60px;
width: 60px;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_slider_sprite.svg);
cursor: pointer;
}
.owl-carousel-nav button.owl-prev{
transform: rotate(180deg);
margin-right: 15px;
margin-left: 30px;
}
.owl-carousel-nav button:hover{
background-position: -60px 0;
}
.owl-carousel-nav button span{
display: none;
}
.owl-carousel-nav-wrapper a{
margin-top: 15px
} h4.nombre-diplomes{
padding-top: 3rem;
padding-bottom: 1rem;
font-size: 3rem;
text-align: center;
}
.liste-diplomes__filiere{
margin-top: 6rem;
}
} @media screen and (min-width: 1025px) and (max-width: 1920px) {
.home-hero{
background-position: center bottom;
background-color: var(--red);
background-size: 100% auto;
}
}
@media screen and (min-width: 1320px) { .menu-search-btn-mobile,
.menu-toggle-mobile{
display: none;
}
body.down{
padding-top: calc(var(--main-menu-h));
}
body.down .site-header{
top: calc( var(--top-menu-h) * -1);
}
#top-menu-nav{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/conservatoire-national.png);
background-repeat: no-repeat;
background-position: left center;
}
.site-header nav ul{
flex-direction: row;
}
.top-menu{
display: block;
height: var(--top-menu-h);
background-color: var(--grey-light);
}
.top-menu-mobile{
display: none
}
.top-menu-list{
justify-content: flex-end;
}
.site-header .main-menu-wrapper{
display: block;
position: static;
top: auto;
left: auto;
right: auto;
height: 100%;
padding: 0;
background-color: transparent;
}
.main-menu-wrapper{
height: auto;
}
.main-menu .header-logo{
height: var(--main-menu-h);
}
.main-menu .header-logo img{
height: 60px;
}
.menu-search-btn a{
font-size: 0 !important ;
}
.main-menu .menu-search-btn{
width: var(--main-menu-h);
height: 100%;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_search.svg);
background-position: center;
background-size: auto;
}
.main-menu nav ul li{
padding: 0;
}
.main-menu nav ul li a{
padding: 0 1.4rem;
line-height: var(--main-menu-h);
border-bottom: none;
}
.top-menu nav ul li a{
display: block;
line-height: var(--top-menu-h);
padding: 0 15px;
font-family: var(--ff-title);
font-size: 1.5rem;
}
.top-menu .menu-acces-trigger{
display: flex;
align-items: center;
padding-left: 2rem;
}
.top-menu .menu-acces-trigger a{
display: block;
padding: 4px 15px;
background-color: var(--red);
color:  #fff;
border-radius: 5px;
opacity: 1;
line-height: inherit;
}
.top-menu .menu-acces-trigger a:hover{
color: #fff;
background-color: var(--red-hover);
}
.main-menu nav ul li a:hover,
.top-menu nav ul li a:hover{
opacity: 1;
color: var(--red);
} .menupop-header{
height: 120px;
padding: 0 calc(30px + var(--half-gutter));
}
.menupop-header .header-logo{
height: inherit;
overflow: inherit;
}
.close-menupop{
border-radius: 10px;
}
#menupop-search__form input[type="text"]::placeholder{
font-size: 3rem;
line-height: 3rem;
} .menupop-acces__content{
display: flex;
align-items: center;
justify-content: center;
}
.menupop-acces__box-wrapper{
display: flex;
justify-content: space-around;
Xflex-direction: column;
}
} Xmain.theme-yellow .box-page-link-divi,
main.theme-yellow .box-article .list__bullet,
main.theme-yellow .basic-table tr:first-of-type th,
main.theme-yellow .box-article li::before,
main.theme-yellow .box-summary__content .sub-anchor::before{
background-color: var(--yellow) !important;
}
main.theme-yellow .basic-table tr:first-of-type th,
main.theme-yellow .box-article .box-article__intro{
border-color:  var(--yellow) !important;
}
main.theme-yellow .box-page-link-divi .et_pb_column_2,
main.theme-yellow .box-link-square .et_pb_text_inner p:last-child,
main.theme-yellow .box-contact-divi .et_pb_column{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_jaune.svg) !important;
}
main.theme-yellow .et_pb_text:not(.box) .et_pb_text_inner a, 
main.theme-yellow .et_pb_accordion_item a,
main.theme-yellow .box-color .btn{
color: var(--yellow);
}
main.theme-blue .box-article .box-article__intro{
border-color: var(--blue) !important;
} .fixed-links{
display: none;
}
@media screen and (min-width: 1200px) {
.fixed-links{
z-index: 1800;
position: fixed;
right: 0;
top: 25%;
display: flex;
flex-direction: column;
row-gap: 8px;
}
.fixed-links a{
display: flex;
align-items: center;
height: 50px;
width: calc(50px + 150px);
margin-right: -150px;
padding-left: 50px;
transition: all 0.15s ease;
border-radius: 5px 0 0 5px;
font-size: 1.4rem;
color: #fff;
background-repeat: no-repeat;
background-position: 11px center;
background-size: 28px;
opacity: 0.8;
}
.fixed-links:hover a{
margin-right: 0;
}
.fixed-links a:hover{
opacity: 1;
}
.fixed-links a.bg-red{
background-color: var(--red);
}
.fixed-links a.bg-grey{
background-color: var(--grey);
}
.fixed-links a.bg-yellow{
background-color: var(--yellow);
}
.fixed-links a.fixed-link--inscription{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/inscription.svg);
}
.fixed-links a.fixed-link--offres-stages{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/accompagnement_white.svg);
}
.fixed-links a.fixed-link--devis{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/devis.svg);
}
.fixed-links a.fixed-link--planning{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_planning_blanc.svg);
}
} #syn_iframe{
display: none !important;
}
@media screen and (min-width: 1200px) {
#syn_iframe{
display: block !important;
left: auto !important;
z-index: 1900 !important;
}
} .mt-sm          {margin-top: 2rem}
.mt-h2          {margin-top: 8rem}
.tar            {text-align: right}
.mt0            {margin-top: 0 !important}
.mbn            {margin-bottom: -8rem !important;}
.hidden					{display: none !important;}
.op0            {opacity: 0;}
@media screen and (min-width: 1025px) {
.divi-first-section{
z-index: -1;
width: 100%;
padding-left: 30% !important;
}
.divi-first-section > .et_pb_row_0{
Xheight: 0
}
.page-layout__aside-col{
z-index: 20;
width: 22.5%;
float: left;
padding: 0;
}
.divi-last-section .et_pb_row h2{
margin-top: 0 !important;
}
}
@media screen and (max-width: 1024px) {
.op0mt           {opacity: 0;}
.hide-mt,
.hide-tm{
display: none !important;
}
.main-menu .container{
padding: 0;
}
#menu-item-65{
display: none;
}
}.box{
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
margin-top: 60px !important;
}
.box a{
color: var(--red) !important;
}
main.theme-yellow .box a{
color: var(--yellow) !important;
}
.box li a,
main.theme-yellow .box li a{
color: var(--text-color) !important;
}
.box li a:hover{
color: var(--red) !important;
}
main.theme-yellow .box li a:hover{
color: var(--yellow) !important;
}
.box-grey-light{
box-shadow: none !important;
background-color: var(--grey-light) !important;
}
.box.box-grey-light h3{
margin: 0 0 30px 0 !important;
} .box-cpf-full{
display: block;
padding: 0;
margin: 0;
}
.box-cpf-full img{
display: block;
padding: 0;
margin: 0;
width: 114%;
height: auto;
margin-left: -16%;
}
@media screen and (max-width: 1024px) {
.box-cpf-full img{
margin-left: -40px;
max-width: 300px;
}
} @media screen and (max-height: 900px) {
.box-aside__financement-de img,
.box-aside__financement-de img + br {
display: none;
}
}
@media screen and (max-width: 1150px){
.box-aside__financement-de img,
.box-aside__financement-de img + br {
display: none;
}
} .box--offre-stage{
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px;
background-color: #fff;
border-radius: var(--radius);
margin-bottom: 20px;
column-gap: 40px;
}
.box--offre-stage:hover{
box-shadow: var(--shadow);
}
.box--offre-stage h3{
margin-top: 10px;
margin-bottom: 10px;
}
.box--offre-stage__duree{
display: flex;
flex-direction: column;
}
.box--offre-stage__details{
display: none;
}
@media screen and (min-width: 1025px) {
.box--offre-stage__duree{
flex-direction: row;
column-gap: 40px;
}
.box--offre-stage__details{
display: block;
height: 40px;
min-width: 40px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_slider_sprite.svg);
background-size: auto 40px;
background-position: 0 0;
}
.box--offre-stage:hover .box--offre-stage__details{
background-position: -40px 0;
}
} .box-offre{
border-radius: var(--radius);
background-color: #ddd;
overflow: hidden;
background-size: 150% auto;
background-position: center top;
Xwidth: calc(100% - var(--gutter));
transition: all 0.15s linear;
}
.box-offre figure{
height: 200px;
object-fit: cover;
object-position: center;
width: 100%;
margin-bottom: 0;
}
.box-offre figure img{
height: 100%;
width: 100%;
}
.box-offre:hover{
background-size: 170% auto;
box-shadow: var(--shadow);
}
.box-offre__content{
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
background-size: 100px auto, cover;
padding: 40px 40px 10px 40px;
width: 100%;
text-align: center;
Xcolor: #fff;
background-color: #fff;
background-position: center top;
background-repeat: no-repeat;
background-size: auto 20px;
}
.box-offre-more{
position: relative;
padding-right: 55px;
line-height: 40px;
margin: 20px auto;
width: max-content;
font-weight: bold
}
.box-offre-more::after{
content: '';
position: absolute;
right: 0;
top: 0;
display: block;
height: 40px;
width: 40px;
background-size: auto 40px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_detail_sprite.svg);
background-position: 0 0;
}
.box-offre:hover .box-offre-more::after{
background-position: -40px 0;
}
.box-offre h3{
text-align: center;
max-width: 190px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}
.box-offre__content p{
line-height: 2.6rem;
min-height: 104px;
}
.box-offre.box-offre-1 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg)}
.box-offre.box-offre-2 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_jaune.svg)}
.box-offre.box-offre-3 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_violet.svg)}
.box-offre.box-offre-4 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_vert.svg)}
X.box-offre.box-offre-1 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_home_formation_alternance.png)}
X.box-offre.box-offre-2 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_home_formation_distance.png)}
X.box-offre.box-offre-3 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_home_formation_presentiel.png)}
X.box-offre.box-offre-4 .box-offre__content{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_home_formation_vae.png)}
.box-offre.box-offre-1 h3{color: var(--red) !important;}
.box-offre.box-offre-2 h3{color: var(--yellow) !important;}
.box-offre.box-offre-3 h3{color: var(--purple) !important;}
.box-offre.box-offre-4 h3{color: var(--green) !important;} .box-post{
display: flex;
flex-direction: column;
height: auto;
height: 100%;
}
.box-post-figure{
padding-bottom: 75%;
}
.box-post-content{
position: relative;
padding: 32px;
padding-top: 32px;
flex: 1;
}
.box-post-content h3{
margin-bottom: 2rem;
}
.box-post-more{
position: absolute;
bottom: 40px;
right: 40px;
height: 40px;
padding-right: 50px;
text-align: right;
color:  var(--red);
margin-top: 40px;
line-height: 40px;
}
.box-post-more::after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-position: right center;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_slider_sprite.svg);
background-size: auto 40px;
background-position: 0 0;
}
.box-post:hover{
box-shadow: var(--shadow-hover) !important;
}
.box-post:hover .box-post-more::after{
background-position: -40px 0;
}
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 1025px) {
.box-post{
Xheight: 100%;
}
.box-post-content{
padding-bottom: 110px;
}
} .box-bloc_competences{
margin-top: 30px;
padding: 20px;
border-radius: var(--radius);
background-color: var(--grey-light);
}
.box-bloc_competences a{
position: relative;
display: block;
text-transform: uppercase;
margin-bottom: 10px;
padding-left: 24px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_link.svg);
background-size: auto 29px;
background-repeat: no-repeat;
background-position: -7px top;
}
.box-bloc_competences a:hover{
text-decoration: underline;
} .box-page-link{
position: relative;
display: flex;
height: 120px;
align-items: center;
background-color: #fff;
margin-bottom: 2rem;
border-radius: var(--radius);
padding-right: 60px;
font-family: var(--ff-title) !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg);
background-repeat: no-repeat;
background-size: auto 20px;
background-position: 150px top;
font-weight: 600;
font-size: 2rem !important;
line-height: 2.7rem;
overflow: hidden;
}
.box-page-link::after{
content: '';
position: absolute;
top: 30px;
right: 40px;
height: 60px;
width: 60px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 60px;
background-repeat: no-repeat;
background-position: -180px;
transition: all 0.2s linear;
}	
.box-page-link figure{
height: 120px;
width: 120px;
margin-right: 30px;
background-color: var(--bg-grey-light);
overflow: hidden;
}
.box-page-link figure img{
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
transition: all 0.2s linear;
}
.box-page-link:hover{
box-shadow: var(--shadow) !important;
}
.box-page-link:hover img{
transform: scale(1.10);
}
.box-page-link:hover::after{
right: 20px;
} .box-link-square{
position: relative;
padding-top: 230px !important;
background-size: auto 240px !important;
padding-top: 220px !important;
Xbackground-size: 100% auto !important;
background-position: top center !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
overflow: hidden !important;
transition: all 0.15s linear !important;
}
.box-link-square:hover{
background-size: auto 260px !important;
Xbackground-size: 107% auto !important;
}
.box-link-square::after{
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 20px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important;
background-position: 24px top !important;
}
main.theme-yellow .box-link-square::after{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_jaune.svg) !important;
}
.box-link-square .et_pb_text_inner p > a{
display: block;
padding: 24px !important;
padding-right: 72px !important;
background-color: #fff !important;
text-align: left !important;
font-family: var(--ff-title) !important;
color: var(--text-color) !important;
font-size: 19px !important;
line-height: 28px !important;
font-weight: 600 !important;
color: var(--title-color) !important; 
}
.box-link-square .et_pb_text_inner p > a::after {
content: '';
display: block;
position: absolute;
right: 24px;
top: 20px;
height: 39px;
width: 39px;
background-size: auto 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_detail_sprite.svg);
background-position: 0 0;
}
.box-link-square:hover .et_pb_text_inner p > a::after {
background-position: -39px 0;
}
.box-link-square .et_pb_text_inner p > a:link:hover,
.et-db #et-boc .et-l .et_pb_module.box-link-square a:hover{
text-decoration: none !important;
}
@media screen and (max-width: 1024px) {
.box-link-square,
.box-video{
max-width: 320px;
margin-left: auto !important;
margin-right: auto !important;
}
.et-db #et-boc .et-l .et_pb_video_0.box-video{
margin-top: 0 !important
}
} .box-link-square-icon{
background-position: center 50px !important;
background-size: 45% !important;
}
.box-link-square-icon:hover{
background-size: 50% !important;
}
.box-link-square-icon::after{
background-image: none !important;
}
.box-link-square-icon.red{
background-color: var(--red) !important;
}
.box-link-square-icon.yellow{
background-color: var(--yellow) !important;
} .box-link-line{
position: relative;
padding-left: 0px !important;
background-size: 220px auto !important;
background-position: left center !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
overflow: hidden !important;
transition: all 0.15s linear !important;
margin-left: auto !important;
margin-right: auto !important;
}
.box-link-line:hover{
background-size: 240px auto !important;
}
.box-link-line::after{
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 20px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important;
background-position: 40px top !important;
}
.theme-yellow .box-link-line::after{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_jaune.svg) !important;
}
.box-link-line .et_pb_text_inner p > a{
display: flex;
justify-content: center;
flex-direction: column;
padding: 50px 40px !important;
padding-right: 80px !important;
background-color: #fff !important;
text-align: left !important;
font-family: var(--ff-title) !important;
color: var(--text-color) !important;
font-size: 20px !important;
line-height: 28px !important;
font-weight: 600 !important;
color: var(--title-color) !important;
min-height: 140px;
}
.box-link-line .et_pb_text_inner p > a i{
font-weight: normal !important;
font-size: 16px;
}
.box-link-line .et_pb_text_inner p > a::after {
content: '';
display: block;
position: absolute;
right: 24px;
top: calc(50% - 39 / 2);
height: 39px;
width: 39px;
background-size: auto 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_detail_sprite.svg);
background-position: 0 0;
}
.box-link-line:hover .et_pb_text_inner p > a::after {
background-position: -39px 0;
}
.box-link-line .et_pb_text_inner p > a:link:hover,
.et-db #et-boc .et-l .et_pb_module.box-link-line a:hover{
text-decoration: none !important;
}
@media screen and (min-width: 1025px) {	
.box-link-line{
padding-left: 220px !important;
max-width: 80% !important;
}
.box-link-line::after{
background-position: 260px top !important;
}
} .box-link-line-icon{
background-position: 45px center !important;
background-size: auto 65% !important;
}
.box-link-line-icon:hover{
background-size: auto 70% !important;
}
.box-link-line-icon.red{
background-color: var(--red) !important;
}
.box-link-line-icon.yellow{
background-color: var(--yellow) !important;
}
.box-link-line-icon.green{
background-color: var(--green) !important;
} .box-color{
border-radius: var(--radius) !important;
overflow: hidden;
padding: 40px !important;
background-repeat: no-repeat !important;
background-position: right top !important;
background-size: 100% auto !important;
background-size: cover !important;
}
.box-color .et_pb_text_inner{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box-color h5{
color: #fff !important;
font-size: 3.6rem !important;
line-height: 6rem !important;
margin-bottom: 40px !important;
text-align: center !important	;	
}
.box-color .btn{
padding-left: 80px !important;
padding-right: 80px !important;
}
.box-color.yellow .btn{
color: var(--yellow) !important;
}
.et-db #et-boc .et-l .box-color .et_pb_text .btn:hover{
text-decoration: none !important;	
}
.box-color.red 									{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg) !important;}
.box-color.yellow								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_yellow.jpg) !important;}
.box-color.blue 								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_blue.jpg) !important;} .box-page-bottom{
Xbox-shadow: var(--shadow) !important;
padding: 30px !important;
padding-top: 40px !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg) !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important;
background-position: 30px top !important;
border-radius: var(--radius) !important;
}
.box-page-bottom ul li a{
line-height: 2.25rem !important;
}
.box-page-bottom p{
text-align: left !important;
}
main.theme-yellow .box-page-bottom{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_jaune.svg) !important;
}
.box-page-bottom h5{
text-transform: uppercase !important;
font-weight: 600 !important;
margin-bottom: 1.6rem !important;
font-size: 1.6rem !important;
}
.box-page-bottom ul{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.box-page-bottom li{
margin: 6px 0 !important;
line-height: 2.4rem !important;
}
.box-page-bottom li{
line-height: 2.4rem !important;
padding-bottom: 0 !important;
}
.box-page-bottom:not(.box-grey-light) li a:not(.email){
display: block;
}
.box-page-bottom li br{
Xdisplay: none !important;
}
.box-page-bottom-guide{
display: flex !important;
align-items: center;
padding: 30px !important;
border-radius: var(--radius) !important;
background-color: var(--red) !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_diplome_guide.png) !important;
background-repeat: no-repeat !important;
background-position: right -30px center !important;
background-size: 260px !important;
height: 200px !important;
box-shadow: var(--shadow) !important;
}
.box-page-bottom-guide:hover{
box-shadow: var(--shadow-hover) !important;
}
.box-page-bottom-guide h5{
text-transform: uppercase !important;
font-weight: 600 !important;
color: white !important;
font-size: 3.6rem !important;
max-width: 240px !important;
line-height: 5rem !important;
font-family: var(--ff-title) !important;
} .box-contact{
border-radius: var(--radius) !important;
overflow: hidden;
padding: 40px !important;
background-repeat: no-repeat !important;
background-position: right top !important;
background-size: cover !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg) !important;
}
.box-contact .et_pb_text_inner{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; 
}
.box-contact p{
padding-bottom: 0 !important;
}
.box-contact h5{
width: 100%;
color: #fff !important;
font-size: 3.6rem !important;
line-height: 6rem !important;
margin-bottom: 40px !important;
}
.box-contact .btn{
padding-left: 20px !important;
padding-right: 20px !important;
margin-right: 40px !important;
}
.box-contact .btn-icon-round{
margin-left: 30px !important;
}
.et-db #et-boc .et-l .box-contact .et_pb_text .btn:hover{
text-decoration: none !important;	
}
@media screen and (max-width: 767px) {	
.box-contact h5{
text-align: center
}
.box-contact p{
display: flex;
flex-direction: column;
row-gap: 20px;
}
.box-contact a{
width: 100%;
text-align: center !important;
}
}
@media screen and (min-width: 1025px) {	
.box-contact{
background-size: 100% auto !important;
}
} .box-parcours{
display: block;
border-radius: var(--radius);
background-color: var(--grey-light);
margin-bottom: 6rem;
box-shadow: var(--shadow);
}
.box-parcours__inner{
display: flex;
flex-direction: column;
border-radius: var(--radius);
background-color: #fff;
overflow: hidden;
min-height: 300px;
background-position: 40px bottom;
background-repeat: no-repeat;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg);
background-size: auto 30px;
}
@media screen and (min-width: 1025px) {
.box-parcours__inner{
flex-direction: row;
}
}
.box-parcours__content{
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
width: 100%;
padding: 70px 100px 70px 40px;
}
.box-parcours__content::after{
content: '';
display: block;
position: absolute;
right: 40px;
top: calc(50% - 19px);
height: 39px;
width: 39px;
background-size: auto 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_detail_sprite.svg);
background-position: 0 0;
}
.box-parcours__number{
display: block;
color: var(--red);
font-size: 12rem;
line-height: 7rem;
margin-bottom: 5rem;
font-weight: 600;
}
.box-parcours h2{
margin-bottom: 0;
font-size: 3rem;
line-height: 4rem;
}
.box-parcours__inner figure{
display: none;
overflow: hidden;
margin: 0;
}
.box-parcours__inner figure img{
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
transition: all 0.15s linear;
}
.box-parcours:nth-of-type(2n) .box-parcours__content{
order: 2;
}
.box-parcours:nth-of-type(2n) .box-parcours__inner{
background-position: calc(50% + 90px) bottom;
}
.box-parcours:hover img{
transform: scale(1.11);
}
.box-parcours:hover .box-parcours__content::after{
background-position: -39px 0;
}
@media screen and (min-width: 1025px) {
.box-parcours__content{
width: 50%
}
.box-parcours__inner figure {
width: 50%;
display: block;
}
} .wrapper__box-repartition{
display: flex;
justify-content: center;
column-gap: var(--gutter);
flex-wrap: wrap;
}
.box-repartition{
display: block;
width: 100%;
Xpadding: 20px;
Xbackground-color: var(--grey-light);
border-radius: var(--radius);
overflow: hidden;
margin-top: 4rem;
box-shadow: var(--shadow);
}
.box-repartition__inner{
position: relative;
height: 100%;
border-radius: var(--radius);
overflow: hidden;
background-color: #fff;
}
.box-repartition__inner::after{
content: '';
position: absolute;
display: block;
height: 40px;
width: 40px;
bottom: 40px;
left: calc(50% - 20px);
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_detail_sprite.svg);
background-size: auto 40px;
background-position: 0 0;
}
.box-repartition figure{
overflow: hidden;
height: 200px;
border-radius: var(--radius) var(--radius) 0 0;
}
.box-repartition figure img{
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
transition: all 0.2s linear;
}
.box-repartition__content{
background-color: #fff;
padding: 80px 40px 110px 40px;
border-radius: 0 0 var(--radius) var(--radius);
background-position: center top;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_hachure_rouge.svg);
background-size: auto 25px;
}
.box-repartition__content h2{
font-size: 2.4rem;
line-height: 3.6rem;
margin-bottom: 0;
text-align: center;
}
.box-repartition__content p{
text-align: center;
margin-top: 2rem;
font-size: 1.5rem;
line-height: 2.2rem; 
}
.box-repartition:hover .box-repartition__inner::after{
background-position: -40px 0;
}
.box-repartition:hover figure img{
transform: scale(1.15);
}
@media screen and (min-width: 768px) {
.box-repartition{
width: calc(49% - var(--half-gutter));
}
}
@media screen and (min-width: 1025px) {
.box-repartition{
width: calc(32% - var(--half-gutter));
}
} .box-ue{
display: none;
border-radius: var(--radius);
background-color: #fff;
margin-bottom: 20px;
cursor: pointer;
}
.box-ue:hover{
box-shadow: var(--shadow) !important;
}
.box-ue.active{
display: block;
}
.box-ue__inner{
display: flex;
padding: 20px;
position: relative;
}
.box-ue__inner::after{
content: '';
position: absolute;
display: block;
top: 20px;
right: 20px;
height: 39px;
width: 39px;
border-radius: 100%;
border: 1px solid var(--red);
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-size: auto 73px;
background-size: auto 39px;
background-position: -310px -19px;
background-position: -156px -1px;
transform: rotate(90deg);
}
.box-ue__inner.active::after{
transform: rotate(270deg);
}
.box-ue__aside{
padding-right: 30px;
line-height: 2.2rem;
white-space: nowrap;
Xwidth: 60px;
}
.box-ue__icone{
display: block;
height: 24px;
width: 24px;
background-size: auto 24px;
background-position: center;
margin-bottom: 15px;
opacity: 0.9;
}
.box-ue__credits{
display: block;
font-size: 2.2rem;
font-family: var(--ff-title);
line-height: 2.6rem;
font-weight: 600;
margin-bottom: 5px;
white-space: nowrap;
}
.box-ue__content{
Xflex: 0 0 100%;
padding-right: 50px;
}
.box-ue__descriptif{
font-size: 1.3rem;
line-height: 2.2rem;
margin-top: 15px;
}
.box-ue h3{
font-size: 1.8rem;
line-height: 2.6rem;
font-weight: 600;
margin-bottom: 15px;
}
.box-ue h4{
font-size: 1.5rem;
line-height: 2rem;
color:  var(--red);
font-family: var(--ff-text);
font-weight: normal;
}
.box-ue .tag-wrapper{
display: flex;
flex-wrap: wrap;
column-gap: 10px;
padding-top: 10px;
}
.box-ue.cpf .tag-cpf,
.box-ue.alternance .tag-alternance,
.box-ue.admission .tag-admission,
.box-ue.experience .tag-experience,
.box-ue.bloc_competences .tag-bloc{
display: block;
}
.box-ue__more{
display: flex;
flex-direction: column;
margin-top: 30px;	
border-top: 2px solid var(--grey-light);
row-gap: 22px;
font-size: 1.4rem;
padding: 20px;
display: none;
cursor: default;
}
.box-ue__more b{
display: block;
text-transform: uppercase;
font-weight: normal;
font-size: 1.3rem;
color: var(--red);
}
.box-ue__more .box-ue__periode{
flex: 2;
}
.box-ue__more .box-ue__examens{
flex: 2;
}
.box-ue__more .box-ue__fiche{
flex: 1;
}
.box-ue__more .box-ue__fiche a{
font-size: 1.4rem;
text-decoration: underline;
}
.box-ue__more .box-ue__fiche a:hover{
color: var(--red);
}
.box-ue__more .box-ue__diplomes{
flex:  0 0 100%;
}
@media screen and (min-width: 1025px) {
.box-ue__more{
flex-direction: row;
flex-wrap: wrap;
margin-top: 30px;	
column-gap: 30px;
padding: 20px 80px 20px 100px;
display: none;
}
.box-ue__more b{
margin-bottom: 10px;
}
.box-ue__more .box-ue__diplomes{
margin-top: 20px;
}
}
.box-ue__diplome{
position: relative;
display: block;
margin-top: 5px;
padding: 20px;
padding-right: 50px;
border-radius: var(--radius);
background-color: var(--grey-light);
}
.box-ue__diplome::after{
content: '';
display: block;
position: absolute;
right: 20px;
top:  calc(50% - 19.5px);
height: 39px;
width: 39px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_menu_sprite.svg);
background-position: -117px 0;
background-size: auto 39px;
}
.box-ue__diplome:hover{
background-color: var(--grey-light-hover);
}
.box-ue__diplome .specialite{
display: block;
font-family: var(--ff-title);
font-size: 1.6rem; 
color:  var(--grey-dark);
font-weight: 600;
}
.box-ue__diplome .titre{
color: var(--red);
font-size: 1.3rem;
}
.box-ue__inner.active + .box-ue__more{
display: flex;
} .box-ue.batiment-genie-civil-travaux-publics .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/btp.svg);
}
.box-ue.commerce---marketing .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/commerce-marketing.svg);
}
.box-ue.comptabilite-et-gestion-financiere .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/comptabilite.svg);
}
.box-ue.droit .box-ue__icone,
.box-ue.droit-et-aspects-juridiques .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/droit.svg); 
}
.box-ue.electronique-energie-electrique-automatique-et-mesure .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/electronique.svg); 
}
.box-ue.expressions-et-cultures-au-travail .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/communication.svg); 
}
.box-ue.formation-des-adultes .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/formation.svg); 
}
.box-ue.informatique-generale .box-ue__icone,
.box-ue.informatique .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/informatique.svg); 
}
.box-ue.langues .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/langues.svg); 
}
.box-ue.management-et-gestion-dentreprise .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/management.svg); 
}
.box-ue.mathematiques .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/mathematiques.svg); 
}
.box-ue.sante-travail-social-et-mediation .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/accompagnement.svg); 
}
.box-ue.systemes-et-reseaux .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/systeme-reseaux.svg); 
}
.box-ue.web-et-programmation .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/informatique.svg); 
}
.box-ue.psychologie-du-travail .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/psychologie.svg); 
}
.box-ue.transports-logistique .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/camion.png); 
}
.box-ue.tourisme-loisirs .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/tourisme.svg); 
}
.box-ue.criminologie .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/criminologie.svg); 
}
.box-ue.entrepreneuriat .box-ue__icone{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/entrepreneuriat.svg); 
} .box-diplome{
display: none;
border-radius: var(--radius);
background-color: #fff;
margin-bottom: 20px;
}
.box-diplome:hover{
box-shadow: var(--shadow) !important;
}
.box-diplome.active{
display: block;
}
.box-diplome a{
display: block;
padding: 20px;
}
.box-diplome h3{
font-size: 1.8rem;
line-height: 2.6rem;
font-weight: 600;
margin-bottom: 10px;
}
.box-diplome h4{
font-size: 1.3rem;
line-height: 2rem;
color:  var(--red);
}
.box-diplome .tag-wrapper{
display: flex;
flex-wrap: wrap;
column-gap: 10px;
padding-top: 10px;
}
.tag{
position: relative;
border-radius: 15px;
border-width: 1px;
border-style: solid;
padding: 4px 10px;
padding-left: 23px;
vertical-align: 2px;
font-size: 1.4rem;
margin-top: 10px;
line-height: 2.2rem;
}
.tag::before{
content: '';
position: absolute;
left: 9px;
top: 12px;
display: inline-block;
height: 7px;
width: 7px;
margin-right: 7px;
border-radius: 100%;
background-color: var(--grey);
}
.tag-niveau-sortie{
color: var(--grey);
border-color: var(--grey);
}
.tag-niveau-sortie-1{
display: none;
}
.tag-niveau-sortie::before{
background-color: var(--grey);
}
.tag-alternance{
display: none;
color: #f8a528;
border-color: #f8a528;
background-color: #F8A52533;
}
.tag-alternance::before{
background-color: var(--yellow);
}
.tag-cpf{
display: none;
color: var(--red);
border-color: var(--red);
background-color: var(--red-opacity);
}
.box-ue .tag-cpf{
display: inline;
}
.tag-cpf::before,
.tag-prerequis::before{
background-color: var(--red);
}
.box-diplome .tag-admission{
display: none;
}
.tag-vae{
display: none;
color: var(--green);
border-color: var(--green);
background-color: var(--green-light);
}
.tag-prerequis{
color: var(--red);
border-color: var(--red);
background-color: var(--red-opacity);
}
.tag-bloc{
display: none;
}
.box-ue .tag-examen{
display: inline;
}
.tag-vae::before{
background-color: var(--green);
}
.box-diplome.cpf .tag-cpf,
.box-diplome.alternance .tag-alternance,
.box-diplome.admission .tag-admission,
.box-diplome.bloc_competences .tag-bloc,
.box-diplome.vae .tag-vae,
.box-diplome.experience .tag-experience,
.single-diplome.cpf .tag-cpf,
.single-diplome.alternance .tag-alternance,
.single-diplome.admission .tag-admission,
.single-diplome.bloc_competences .tag-bloc,
.single-diplome.vae .tag-vae,
.single-diplome.experience .tag-experience{
display: block;
}
.box-close-tag{
display: none;
padding: 15px 40px 25px 40px;
}
.box-close-tag.active{
display: flex;
flex-wrap: wrap;
}
.tag-close{
display: block;
color: var(--red);
border-color: var(--red);
background-color: var(--red-opacity);
cursor: pointer;
padding-left: 27px;
background-position: 10px 11px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_tag_close.svg);
background-size: 10px;
margin-right: 10px;
}
.tag-close::before{
display: none;
} .box-filter{
background-color: #fff;
overflow: auto;
}
.box-filter.active{
display: block !important;
width: 100% !important;
}
.box-filter-header{
display: none;
padding: 25px 40px;
border-bottom: 1px solid #e2e1e7;
}
.box-filter-content{
padding: 40px;
padding-top: 0;
}
.box-filter-content .accordion-title{
line-height: inherit;
border-top: 1px solid #e2e1e7;
padding: 14px 60px 15px 0;
}
.box-filter-content .accordion-title:first-child{
margin-top: -1px
}
.box-filter-content.active .accordion-title::after{
background-position: -60px center;
}
.box-filter-content .accordion-content{
padding-left: 0;
padding-right: 0;
padding-top: 0;
border-top: none;
}
.box-filter-list-wrapper{
font-weight: bold;
line-height: 6rem;
border-top: 1px solid #e2e1e7;
}
@media screen and (max-width: 1024px) {
.box-filter{
z-index: 2000 !important;
position: fixed !important;
top: 60px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
border-radius: 0;
overflow: auto;
right: 0 !important;
}
.box-filter.active{
display: block !important;
width: 100% !important;
}
}
@media screen and (min-width: 1025px) {
.box-filter{
position: static;
border-radius: var(--radius);
bottom: auto; 
}
.box-filter-header{
display: block;
}
} .box-guide{
display: flex;
flex-direction: column;
padding: 40px !important;
border-radius: var(--radius) !important;
background-color: var(--red);
Xbackground-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_diplome_guide.png), url(//www.cnam.re/site/wp-content/themes/smade/Ximg/bg/cnam_diplome_guide_background.png) !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_diplome_guide.png), url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg) !important;
background-repeat: no-repeat !important;
background-size: 250px auto, cover !important;
background-position: right -70px bottom -60px, center !important;
}
.box-guide h3{
color: white !important;
font-size: 2.8rem !important;
line-height: 4rem !important;
font-weight: 600 !important;
margin-bottom: 2rem !important;
margin-top: 0 !important;
}
.box-guide p,
.box-guide span{
display: block !important;
margin-bottom: 0px !important;
color: white !important;
}
.box-guide .btn{
margin-top: var(--gutter) !important;
}
@media screen and (min-width: 768px) {
.box-guide{
background-size: 340px auto, cover !important;
}
}
@media screen and (min-width: 1025px) {
.box-guide{
background-size: 520px auto, cover !important;
}
} .box-summary{
background-color: var(--grey-light);
background-color: #fff !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
}
.page-id-12 .box-summary{
display: none;
}
.page-id-12 .box-summary + .box-aside__link{
margin-top: 0 !important;
}
.box-summary__header{
padding: 20px 30px !important;
border-bottom: 1px solid #ddd !important;
font-size: 2rem !important;
font-weight: 600 !important;
}
.box-summary__content{
padding: 30px !important;
padding-top: 0 !important;
}
.box-summary__content li a{
display: block !important;
position: relative !important;
padding: 24px 0 10px 0 !important;
line-height: 2.2rem !important;
}
.box-summary__content li.active a{
Xfont-weight: 600;
color: var(--theme-color) !important;
}
.box-summary__content li a::before{
content:  '';
display: block !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
height: 1px !important;
width: 100% !important;
background-color: #ddd !important;
}
.box-summary__progression-bar{
display: block !important;
position: absolute !important;
left: 0 !important;
bottom: -1px !important;
height: 3px !important;
height: 1px !important;
bottom: 0 !important;
max-width: 100% !important;
width: 0;
background-color: var(--theme-color) !important;
border-radius: 3px !important;
}
.box-summary__content li.upscreen .box-summary__progression-bar{
width: 100% !important;
}
.box-summary__content li.downscreen .box-summary__progression-bar{
width: 0% !important;
}
.box-summary__sub-anchor{
display: none;
}
.box-summary__content .sub-anchor a{
position: relative !important;
padding-left: 20px !important;
}
.box-summary__content .sub-anchor a::before{
content: '';
display: block !important;
position: absolute !important;
top: 27px !important;
left: 0 !important;
height: 6px !important;
width: 6px !important;
border-radius: 100% !important;
background-color: var(--red) !important;
}
.box-summary.element-is-sticky{
display: none !important;
}
.sticky-element-placeholder.sticky-element-active{
height: 0 !important;
} .box-planning{
background-color: var(--grey-light);
background-color: #fff !important;
border-radius: var(--radius) !important;
box-shadow: var(--shadow) !important;
}
.box-planning__header{
padding: 20px 30px !important;
border-bottom: 1px solid #ddd !important;
font-size: 2rem !important;
font-weight: 600 !important;
}
.box-planning__content{
padding: 30px !important;
padding-top: 0 !important;
}
.box-planning__content li{
display: block !important;
position: relative !important;
padding: 10px 0 10px 0 !important;
line-height: 2.2rem !important;
}
.box-planning__content li::before{
content:  '';
display: block !important;
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
height: 1px !important;
width: 100% !important;
background-color: #ddd !important;
}
.box-planning .font-16{
font-size: 1.6rem;
line-height: 1.6rem;
font-weight: bold;
padding: 18px 0 !important;
}
.box-planning .font-14 li a{
font-size: 1.4rem;
}
.box-planning .font-14 li a::before{
content: '';
display: inline-block;
width: 5px;
height: 5px;
border-radius: 100%;
background-color: var(--red);
margin-right: 7px;
vertical-align: 3px;
}
.box-planning .font-12{
display: block;
font-size: 1.2rem;
font-style: italic;
} .box-aside{
border-radius: var(--radius);
background-color: var(--grey-light);
margin-top: 30px;
}
.box-aside--red{
background-color: var(--red);
color: #fff;
}
.box-aside--white{
background-color: #fff;
border: 1px solid #ddd;
}
.box-aside__header{
padding: 27px;
border-bottom: 1px solid #ddd;
font-size: 1.8rem;
font-weight: normal;
font-family: var(--ff-title);
text-transform: uppercase;
}
.box-aside--red .box-aside__header{
border-color: #a00000;
}
.box-aside__content{
padding: 24px;
}
.box-aside__content li.cpf{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/logos/cnam_partenaire_mcf.png);
background-position: right center;
background-repeat: no-repeat;
background-size: 64px;
}
.box-aside__content li:not(:first-child){
padding-top: 10px;
}
.box-aside__content li:not(:last-child){
padding-bottom: 10px;
}
.box-aside__content li > a{
position: relative;
padding-left: 36px;
display: block;
line-height: 2.7rem;
}
.box-aside__content li > a::before{
content: '';
display: inline-block;
position: absolute;
left: 0;
top: 1px;
height: 29px;
width: 29px;
background-size: 29px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/cnam_icones_link.svg);
margin-right: 8px;
}
.box-aside__content li > a.diplome::before{
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icone_list_diplome.png);
background-size: 20px;
top: 4px;
opacity: 0.66;
}
.box-aside__content li a:hover{
color:  var(--red);
}
a.box-aside__basic-link{
color: #fff !important;
display: block !important;
text-transform: uppercase !important;
font-size: 1.4rem !important;
}
a.box-aside__basic-link:hover{
text-decoration: underline !important;
}
.box-aside__video{
margin-top: 30px !important;
border-radius: var(--radius) !important;
overflow: hidden;
height: 150px;
}
.box-aside__link{
display: block;
border-radius: var(--radius) !important;
padding: 22px !important;
background-position: center !important;
background-size: cover !important;
text-align: center !important;
margin-top: 30px !important;
font-family: var(--ff-title);
color: #fff !important;
font-size: 2rem !important;
line-height: 3rem !important;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg);
background-color: var(--red) !important;
background-repeat: no-repeat !important;
}
.box-aside__link a.btn + .box-aside__basic-link{
margin-top: 1rem !important;
}
.box-aside__link a.btn{
width: 100% !important;
margin-top: 25px !important;
height: 4.5rem !important;
line-height: 4.5rem !important;
color: var(--red) !important;
}
.box-aside__link a.btn:hover{
color: var(--red) !important;
}
.box-aside__link.box-aside__guide-formation a.btn,
X.box-aside__link.box-aside__enf a.btn{
margin-top: 120px !important;
font-size: 1.4rem;
}
.box-aside__alternance{	
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_yellow.jpg) !important;
background-color: transparent !important;
}
.box-aside__link.box-aside__guide-formation{	
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_diplome_guide.png), url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg) !important;
background-position: right -86px bottom -32px, center !important;
}
.box-aside__link.box-aside__guide-formation-footer{	
display: flex;
flex-direction: column-reverse;
max-width: 260px;
height: 250px;
background-position: right 0px bottom 46px, center !important;
line-height: 2.5rem !important;
}
X.box-aside__link.box-aside__enf{	
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_diplome_guide.png), url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg) !important;
background-position: right -86px bottom -32px, center !important;
}
.box-aside__alternance a.btn{
color: var(--yellow) !important;
}
.box-aside__alternance a.btn:hover{
color: var(--yellow) !important;
}
.box-article ul.box-aside__list-icon{
margin-bottom: 0 !important;
}
.box-aside__list-icon li{
text-align: left !important;
}
.box-aside__list-icon li::before{
display: none !important;
}
.box-aside__list-icon li a{
display: block !important;
line-height: 2.4rem !important;
padding: 8px 0 8px 32px !important;
background-position: left 10px !important;
background-repeat: no-repeat !important;
background-size: auto 20px !important;
}
.box-article #et-boc ul.box-aside__list-icon li a:hover{
text-decoration: underline !important;
}
.box-aside__list-icon li.planning a 	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icon-planning.svg) !important;}
.box-aside__list-icon li.enf a 				{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icon-enf.svg) !important;}
.box-aside__list-icon li.reglement a 	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icon-reglement.svg) !important;}
.box-aside p img{
max-width: 100%;
height: auto;
}
@media screen and (max-width: 1024px) {
.box-aside__link{
position: fixed;
bottom: 20px;
left: 20px;
right: 20px;
z-index: 1000;
padding: 0 !important;
}
.box-aside__link.box-aside__guide-formation{
padding: 10px !important;
background-image: none !important;
background-color: transparent !important;
}
.box-aside__link a.btn,
.box-aside__link.box-aside__guide-formation a.btn{
margin-top: 0 !important;
border-radius: var(--radius) !important;
background-color: var(--red) !important;
color: #fff !important;
}
.box-aside__link a.btn:hover,
.box-aside__link a.btn:focus,
.box-aside__link.box-aside__guide-formation a.btn:hover,
.box-aside__link.box-aside__guide-formation a.btn:focus{
background-color: var(--red-hover) !important;
color: #fff !important;
}
.box-aside__alternance a.btn{
background-color: var(--yellow) !important;
}
.box-aside__alternance,
.box-bg-blue.box-aside__vae{
background-image: none !important;
}
.box-aside__alternance a.btn:hover,
.box-aside__alternance a.btn:focus{
background-color: var(--yellow-opacity) !important;
}
.box-bg-blue.box-aside__vae a.btn{
background-color: var(--green) !important;
color: #fff !important;
}
.box-bg-blue.box-aside__vae:hover,
.box-bg-blue.box-aside__vae:focus{
background-color: transparent !important;
}
.box-bg-blue.box-aside__vae a.btn:hover,
.box-bg-blue.box-aside__vae a.btn:focus{
background-color: var(--green-opacity) !important;
color: #fff !important;
}
} .box-questions{
border-radius: var(--radius);
overflow: hidden;
background-color: var(--grey-light);
margin-top: 60px;
}
.box-questions__form{
padding: 40px; 
background-image: url();
}
.box-questions__form h2{
margin-bottom: 40px; 
}
.box-questions form fieldset{
padding: 5px 10px;
}
.box-questions form input:not([type=submit]),
.box-questions form textarea{
width: 100%;
border:  none;
background-color: white;
border-radius: 5px;
padding: 5px 10px;
}
.box-questions form input::placeholder,
.box-questions form textarea::placeholder{
opacity: 0.5;
}
.box-questions form input[type=submit]{
width: max-content;
padding-left: 80px !important;
padding-right: 80px !important;
height: 5rem !important;
line-height: 5rem !important;
margin-top: 2rem;
}
.box-questions form input[type=submit]:hover{
background-color: var(--red-hover) !important;
}
.box-questions figure{
background-position: right -140px top; 
background-size: auto 980px; 
background-repeat: no-repeat;
margin-bottom: 0;
} .box-icon{
width: 50px;
height: 50px;
background-position: center;
background-size: auto 100%;
}
.box-icon.box-icon-demo 						{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/demo_mobile.svg);}
.box-icon.box-icon-event 						{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/event_mobile.svg);}
.box-icon.box-icon-fix_wings_uav 		{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/fix_wings_uav_mobile.svg);}
.box-icon.box-icon-helicopter_uav 	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/helicopter_uav_mobile.svg);}
.box-icon.box-icon-multirotor_uav 	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/multirotor_uav_mobile.svg);}
.box-icon.box-icon-resseller 				{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/resseller_mobile.svg);}
@media screen and (min-width: 1025px) {
.box-icon{
width: 68px;
height: 68px;
}
.box-icon.box-icon-demo 						{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/demo_desktop.svg);}
.box-icon.box-icon-event 						{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/event_desktop.svg);}
.box-icon.box-icon-fix_wings_uav 		{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/fix_wings_uav_desktop.svg);}
.box-icon.box-icon-helicopter_uav 	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/helicopter_uav_desktop.svg);}
.box-icon.box-icon-multirotor_uav 	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/multirotor_uav_desktop.svg);}
.box-icon.box-icon-resseller 				{background-image: url(//www.cnam.re/site/wp-content/themes/smade/css/img/items/resseller_desktop.svg);}
} .box-bg-red		{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_red.jpg) !important;}
.box-bg-red a.btn,
.box-bg-red a.btn:hover{
color: var(--red) !important;
}
.box-bg-blue		{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/bg/cnam_box_background_blue.jpg) !important;}
.box-bg-blue a.btn,
.box-bg-blue a.btn:hover{
color: var(--blue) !important;
}.footer-labels{
display: flex;
justify-content: center;
padding: 30px 0 20px 0;
background-color: #fff;
margin-top: 60px !important;
}
.footer-labels ul{
display: flex;
justify-content: center;
flex-direction: column;
row-gap: 40px;
}
.footer-labels ul li{
display: flex;
flex-direction: column;
row-gap: 20px;
align-items: center;
justify-content: center;
max-width: 450px;
}
.footer-labels ul li p{
text-align: center;
}
.footer-labels ul li figure{
margin-bottom: 0;
margin-right: 30px;
}
.footer-labels ul li figure img{
height: 110px;
width: auto;
}
.footer-labels ul li.footer-labels__qualipopi figure img        {height: 140px;}
.footer-labels ul li.footer-labels__region-reunion figure img   {height: 120px;}
.footer-labels ul li.footer-labels__handicnam figure img        {height: 100px;}
.footer-labels ul li a,
.footer-labels ul li p{
font-size: 1.4rem;
line-height: 1.8rem;
}
.footer-labels ul li a{
color: var(--red) !important;
}
.footer-labels ul li a:hover{
text-decoration: underline !important;
}
@media screen and (min-width: 1025px) {
.site-footer{
padding-bottom: 0;
}
.footer-first-row{
Xpadding-bottom: 10rem;
margin-bottom: 8rem;
}
.footer-labels ul{
flex-direction: row;
row-gap: 0;
column-gap: 90px;
}
.footer-labels ul li{
flex-direction: row;
row-gap: 0;
}
.footer-labels ul li p{
text-align: left;
}
.footer-logo.tac{
text-align: left;
}
.footer-col-title{
padding-left: 0;
font-size: 1.8rem;
line-height: 1.8rem;
margin-bottom: 4rem;
background-color: transparent;
cursor: default;
color:  #fff;
color:  var(--text-color);
}
.footer-col-title::after{
display: none;
}
.footer-col-content{
display: block;
padding: 0;
background-color: transparent;
}
.site-footer nav li a{
padding-left: 0;
line-height: 3rem;
}
.footer-col-content a:hover{
Xfont-weight: bold;
color:  var(--red);
}
.footer-contact-widget figure{
display: none;
}
.footer-contact-widget p{
text-align: left !important;
color: #fff;
color:  var(--text-color);
}
.footer-contact-widget p a{
color: var(--red);
}
.footer-contact-widget p a:hover{
text-decoration: underline;
}
.footer-logo img{
height: 60px;
margin-top: 10px;
}
.footer-social img{
margin: 0
}
.footer-map img{
display: block;
height: 80px;
width: auto;
margin: 0 auto;
}
.footer-copyright{
padding-top: 40px;
padding-bottom: 40px;
margin-top: 20px !important;
}
.footer-copyright ul{
display: flex;
margin: 0 auto;
width: max-content;
}
.footer-copyright li{
padding-left: 10px;
padding-right: 10px;
}
}.section-diplomes{
Xpadding-bottom: calc(var(--section-padding) * 2);
} .section-cta{
border-top: calc( var(--section-padding) * 2 ) solid var(--grey-light);
} 
.section-cta h2{
margin-bottom: 60px;
} .masonry{
display: flex;
flex-direction: column;
flex-wrap: wrap;
row-gap: 20px;
}
.masonry .box{
height: auto;
margin: 0 !important;
}
@media screen and (min-width: 768px) {
.masonry{
flex-direction: row;
column-gap: 20px;
}
.masonry-3 .box{
max-width: calc(50% - 10px);
}
}
@media screen and (min-width: 1025px) {
.masonry-3 .box{
max-width: calc(33% - 10px);
}
}.da-overlay.evr_fb_popup_modal{
backdrop-filter: none !important;
background-color: rgba(0, 0, 0, 0.5) !important;
cursor: pointer;
}
.popup_outer_wrap{
padding: 0;
max-width: 960px !important;
}
.popup-divi{
padding: 15px !important;
background-color: #fff !important;
border-radius: var(--radius) !important;
overflow: hidden !important;
overflow: auto !important;
max-height: 96vh;
max-width: 680px !important;
width: 100% !important;
z-index: -1 !important;
}
.popup-divi .et_pb_row{
margin: 0 !important;
}
.da-close{
box-shadow: none !important;
height: 40px !important;
line-height: 40px !important;
width: 40px !important;
border-radius: 0 var(--radius) 0 var(--radius) !important;
transform: none !important;
}
.da-close:hover{
transform: none !important;
box-shadow: none !important;
background-color: var(--grey-light) !important;
}
@media screen and (min-width: 1025px) {
.popup-divi{
padding: 40px !important;
}
}.liste-diplomes__filiere{
padding-left: 40px;
background-repeat: no-repeat;
background-position: left top 4px;
background-size: auto 30px;
}
.liste-diplomes__filiere[data-id="4"]{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/psychologie.svg)}
.liste-diplomes__filiere[data-id="1"], 
.menupop-diplomes ul.level-2 li.accompagnement-social-et-professionnel a,
X.menupop-diplomes ul.level-1 .menupop-diplomes__pole.ts  								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/accompagnement.svg);}
.liste-diplomes__filiere[data-id="2"], 
.menupop-diplomes ul.level-2 li.formation-des-adultes a  								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/formation.svg);}
.liste-diplomes__filiere[data-id="3"],
.menupop-diplomes ul.level-2 li.ressources-humaines a  									{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/rh.svg);}
.liste-diplomes__filiere[data-id="4"],
.menupop-diplomes ul.level-2 li.psychologie-du-travail a 								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/psychologie.svg);}
.liste-diplomes__filiere[data-id="8"],
.menupop-diplomes ul.level-2 li.gestion-dentreprises a  								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/entreprises.svg);}
.liste-diplomes__filiere[data-id="9"],
.menupop-diplomes ul.level-2 li.transport--logistique a  								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/camion.png);}
.liste-diplomes__filiere[data-id="10"],
.menupop-diplomes ul.level-2 li.assurance a 														{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/assurance.svg);}
.liste-diplomes__filiere[data-id="11"],
.menupop-diplomes ul.level-2 li.commerce-marketing-vente a  						{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/commerce-marketing.svg);}
.liste-diplomes__filiere[data-id="12"],
.menupop-diplomes ul.level-2 li.immobilier-construction-habitat-ich a  	{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/immobilier.svg);}
.liste-diplomes__filiere[data-id="13"],
.menupop-diplomes ul.level-2 li.entrepreneuriat-cne a										{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/entrepreneuriat.svg);}
.liste-diplomes__filiere[data-id="14"],
.menupop-diplomes ul.level-2 li.comptabilite a													{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/comptabilite.svg);}
.liste-diplomes__filiere[data-id="16"],
.menupop-diplomes ul.level-2 li.web-et-developpement-informatique a			{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/informatique.svg);}
.liste-diplomes__filiere[data-id="17"],
.menupop-diplomes ul.level-2 li.systemes-et-reseaux a  									{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/systeme-reseaux.svg);}
.liste-diplomes__filiere[data-id="21"],
.menupop-diplomes ul.level-2 li.energies-renouvelables a 								{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/energies-renouvelables.svg);}
.liste-diplomes__filiere[data-id="20"],
.menupop-diplomes ul.level-2 li.batiment-travaux-publics a 							{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/btp.svg);}
.liste-diplomes__filiere[data-id="24"],
.menupop-diplomes ul.level-2 li.criminologie a 													{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/criminologie.svg);}
.liste-diplomes__filiere[data-id="25"],
.menupop-diplomes ul.level-2 li.tourisme-loisirs a  										{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/tourisme.svg);}
.liste-diplomes__filiere[data-id="26"],
.menupop-diplomes ul.level-2 li.electronique-automatique a							{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/electronique.svg);}
.liste-diplomes__filiere[data-id="28"],
.menupop-diplomes ul.level-2 li.culture-et-communication a							{background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/culture-communication.svg);}
.liste-diplomes__filiere[data-id="29"],
.menupop-diplomes ul.level-2 li.ergonomie a                             {background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/icones-formations/ergonomie.svg);}  .single_diplome .fieldset-select-devis-choix-diplome{
display: none;
}:root{
--popup-transition: opacity .3s linear;
}
.popup{
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
overflow: hidden;
cursor: pointer;
}
.popup.active{
width: 100vw;
height: 100vh;
}
.popup__background{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.75);
opacity: 0;
transition: var(--popup-transition);
}
.popup.active .popup__background{
opacity: 1;
}
.popup__wrapper{
position: relative;
padding: 40px;
background-color: #fff;
cursor: default;
opacity: 0;
transition: var(--popup-transition);
max-height: 92vh;
overflow-y: auto;
}
.popup.active .popup__wrapper{
opacity: 1;
}
.popup__btn-close{
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 40px;
background-image: url(//www.cnam.re/site/wp-content/themes/smade/img/items/close.svg);
background-repeat: no-repeat;
background-size: 16px;
background-position: center;
cursor: pointer;
}
main[data-popupbg="0"] #popup-main{
background-color: transparent !important;
}
main[data-popupbg="0"]  .da-close{
background-color: #c1002a !important;
border-radius: 100% !important;
opacity: 1 !important;
top: 70px !important;
right: 20px !important;
color: #eee !important;
}
main[data-popupbg="0"]  .da-close:hover{
background-color: #a1001a !important;
} .popup.small{
padding: 10px;
}
.popup.small .popup__wrapper{
max-width: 600px;
border-radius: var(--radius);
}
.popup.small .popup__content{
display: flex;
flex-direction: column;
align-items: center;
row-gap: 10px;
}
.popup.small .popup__content p{
text-align: center;
}
.popup.small form{
display: flex;
flex-direction: column;
align-items: center;
max-width: 400px;
}
.popup.small form i{
display: block;
margin: 15px;
margin-bottom: 5px;
font-size: 12px;
}
.popup.small form .form-submit{
margin-top: 30px;
}.table--resultats-examens{
border-collapse: collapse;
min-width: 600px;
}
.table--resultats-examens tr{
}
.table--resultats-examens th{
padding: 10px;
border: 1px solid #bbb;
background-color: #ddd;
white-space: nowrap;
}
.table--resultats-examens td{
border: 1px solid #ddd;
padding: 10px;
text-align: center;
}
.table--resultats-examens td:not(:first-of-type){
}input[type="email"].alert, 
input[type="text"].alert,
textarea.alert{
border: 1px solid red !important;
}
.hpt{
position: fixed !important;
top: -300% !important;
left: -300% !important;
height: 0 !important;
width: 0 !important !important;
overflow:  hidden !important;
}