/*************************************************************************************************************************************************************************************/
/** GENERIC **************************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************************/

/*-- Colors ------------------------------------------------------------------*/
.btn-yellow
    {background: #F4EE43;border:1px solid #E0DA2F;}
.btn-yellow:hover
    {background: #E0DA2F;border:1px solid #F4EE43;}
.bg-yellow
    {background: #F4EE43;}
.border-yellow
    {border:1px solid #F4EE43;font-weight: normal;font-size:14px;}    
    
/*-- Home olone --------------------------------------------------------------*/
.pic1 .tp-caption.mediumbutton a
    {background:#B92025;color:white;}
.pic1 .tp-caption.mediumbutton a:hover
    {color:#B92025;background:white;}
.pic2 .tp-caption.mediumbutton a
    {background:#F4EE43;color:black;}
.pic2 .tp-caption.mediumbutton a:hover
    {color:#F4EE43;background:black;}
.background.introducing
    {background:#40A1C9;}
.background.introducing .btn.btn-white 
    {color: white;background: #B92025;}
.background.introducing .btn.btn-white:hover 
    {color: black;background: #F4EE43;}
.bodySs20 .serv-bg
    {background:white;}
.bodySs20 .bg-client
    {background:white;}
.bodySs20 .bg-client img
    {opacity:0.9}
.bodySs20 .bg-client .partnersTxt.promo-white
    {color:black;font-weight:bold;}
.slide 
    {vertical-align: middle;display: inline-block;float: none !important;}
.contact .contact-icon
    {background:#B91D24;}
.contact .contact-icon.cc2
    {background:#F7ED09;color:black}
.contact .contact-icon.cc3
    {background:#40A1C9;}
#contactForm .btn-send
    {background:#B91D24;}
#contactForm .btn-send:hover
    {border:1px solid #B91D24;background:white;color:#B91D24;}


    
/*-- Split -------------------------------------------------------------------*/
.splitlayout .logoRight
    {visibility:hidden;}
.splitlayout .open-right .logoRight
    {visibility:visible;position: fixed;left: 50%;
        -webkit-transition: visibility 0.1s 0.3s;transition: visibility 0.1s 0.3s;}
.splitlayout .userWidget
    {top:23px;right:20px;}
.splitlayout.container 
    {padding-right: 0px;padding-left: 0px;margin-right: auto;margin-left: auto;}
.splitlayout .logo
    {position: absolute;height: 65px;top: 14px;left: 0px;}
.splitlayout .intro-content h1 > span
    {font-family: 'Lato',sans-serif;}
.splitlayout .intro-content h1 > span:first-child
    {font-size: 1.2em;margin-top:15px;}
.splitlayout .intro-content h1 > span:nth-child(2)
    {font-size:0.5em;}
.splitlayout .page .cbp-hrmenu .cbp-hrsub,
.splitlayout .page .cbp-hrmenu > ul > li.cbp-hropen a, 
.splitlayout .page .cbp-hrmenu > ul > li.cbp-hropen > a:hover
    {background: #3294AF;}
/*.splitlayout .page-right .cbp-hrmenu .cbp-hrsub,
.splitlayout .page-right .cbp-hrmenu > ul > li.cbp-hropen a, 
.splitlayout .page-right .cbp-hrmenu > ul > li.cbp-hropen > a:hover
    {background: white;color:black;}*/
.splitlayout .page-left,.page-right
    {outline: 5px solid #5ABCD7;background: rgba(90, 188, 215,0.4);color: #fff;}
.splitlayout .page-left .main 
    {background: #B92025;}
.splitlayout .page-right .main
    {background: #F7F37C;color:black;}
.splitlayout .page-right .main .cbp-hrmenu > ul > li > a
    {color:black;font-size: 75%;}
.splitlayout .page .main .cbp-hrmenu > ul > li > a
    {font-size: 85%;}
.splitlayout .cbp-hrmenu,
.splitlayout .cbp-hrmenu h4,
.splitlayout .cbp-hrmenu a.splitMenu
    {font-family: 'Lato', sans-serif;font-weight: 300;}
.splitlayout .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner 
    {width: 100%;max-width: 70em;margin: 0; padding: 0 0.6em;}
.splitlayout .cbp-hrmenu .cbp-hrsub-inner > div 
    {width: 33%;float: left;padding: 0 0.5em 0;}    
.splitlayout .cbp-hrsub h4
    {padding: 0.5em 0 0.2em;}  
.splitlayout .page .cbp-hrmenu > ul > li.cbp-hropen a.menuSubTitle
    {font-weight: 300;font-size:72%;}  
.splitlayout .page .cbp-hrmenu > ul > li.cbp-hropen a.menuSubTitle
    {color: #CDFCFF;}  
.splitlayout .cbp-hrmenu .cbp-hrsub-inner > div a 
    {line-height: 1em;font-size: 72%;}
.splitlayout .cbp-hrmenu ul
    {margin-left:7px;}
.splitlayout .page-right
    {outline: 5px solid white;background: white;color: #34495e;}
.splitlayout .page-right .page-inner
    {padding:0;}
.splitlayout .page-right .page-inner section
    {margin: 2em;}
    
pagetype.newsgrid .block-content
    {font-family:"Open Sans", sans-serif;font-size:14px;font-weight:normal;}
pagetype.newsgrid .splitlayout .page-right .page-inner section
    {margin: 0;}
    
pagetype.courseDetail section
    {background:white;font-family:"Open Sans", sans-serif;font-size:14px;font-weight:normal;}
    
    
    
    
.pag-88 table
    {}
/*************************************************************************************************************************************************************************************/
/** RESPONSIVE ***********************************************************************************************************************************************************************/
/*************************************************************************************************************************************************************************************/


@media screen and (min-width: 992px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1200px) {
    .contentF
        {margin: 55px 20px 1px;background: whitesmoke;}
    #header-navbar
        {margin:20px;}
    .olpZNLFormationTypesCat .typesCatTitle h1 {font-size:70px;}
    .olpZNLFormationTypesCat .typesCatTitle h2 {font-size:50px;margin-top:25px}

    .olpZNLFormationTypesPart .partsTitle h2 {font-size:50px;margin-bottom:0px}
    .olpZNLFormationTypesPart .partsTitle h1 {font-size:70px; margin-top:15px;}
    
}
@media screen and (max-width: 767px) {
    .olpZNLFormationTypesCat .typesCatTitle h1 {font-size:45px;}
    .olpZNLFormationTypesCat .typesCatTitle h2 {font-size:30px;margin-top:-5px}
    .olpZNLFormationTypesCat .cats .formTypCat {margin-bottom:30px;padding:15px;}

    .olpZNLFormationTypesPart .partsTitle h2 {font-size:25px;margin-bottom:0px}
    .olpZNLFormationTypesPart .partsTitle h1 {font-size:45px; margin-top:-10px;}
    .olpZNLFormationTypesPart .parts .detContact {margin-bottom:30px;padding:15px;}
}