/*
 Theme Name:     Divi Child for rubika-edu.com
 Theme URI:      https://www.teo-web.com    
 Description:    Themes enfant du theme Divi pour le site rubika-edu.com 
 Author:         Bruno JACQUART
 Author URI:     https://www.teo-web.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* DESKTOP Theme customization starts here
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
*/

/* TEMPORAIRE MONTAGE */
 /*#main-header {display:none!important;}*/
/* 
********************************************************************************
*/


 /*CSS Christophe*/

h1, h2, h3, h4, h5, h6 {
    padding-bottom: 10px;
    line-height: 1em;
}

.et_pb_module {
    -webkit-animation-duration: .05s;
    -moz-animation-duration: .05s;
    -o-animation-duration: .05s;
    animation-duration: .05s;
}

.teo-pg-animation h1 span, .teo-pg-animation h2 span, .teo-pg-animation h3 span, .teo-pg-animation h4 span, .teo-pg-animation h5 span, .teo-pg-animation h6 span {
    color: inherit;
}

/*FOTTER - Image oblique */
.teo-footer-top-img.teo-footer-slinks-oui {
    display: none;
}
#teo-rlink-wrapper {
    padding-bottom: 40px;
}
.teo-footer-top-img.teo-footer-slinks-non {
    display: none;
}

/* Tableau page Inscriptions */
.teo-specialite-design .teo-inscription-bachelor table tr td, .teo-specialite-design .teo-inscription-master table tr td {
    font-size: 13px;
    padding: 15px 10px 20px 18px;
}
.teo-specialite-design .teo-inscription-bachelor table {
    width: 95%!important;
    margin: 0 auto!important;
    /* float: right; */
}
.teo-specialite-design .teo-inscription-bachelor table tr td h5, .teo-specialite-design .teo-inscription-master table tr td h5 {
    font-size: 18px;
}
.teo-inscription-infos li, .teo-inscription-conditions li {
	/*font-size:97%;*/
}

/*PAGES PROGRAMMES */

@media (min-width: 981px) {
	.et_pb_gutters1 .et_pb_column_1_3, .et_pb_gutters1.et_pb_row .et_pb_column_1_3 {
   	 width: 32.333%;
	}
	.blocs_equipes .et_pb_gutters1 .et_pb_column_1_4, .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
    	width: 24%;
	}
	.blocs_equipes .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column {
    	margin-right: 4px;
	}
}

.minimal-light .esg-navigationbutton {
    margin-top: 25px;
}


/*Icones page formation */
.titre_icon_left .et_pb_blurb_container {
    vertical-align: middle;
}

.btn_popup, .btn_popup:hover {
	background-color:#ffd300;
	color:#000000;
	border:none;
}

.teo-specialite-design .teo-inscription-bachelor table tr:last-child td, .teo-specialite-design .teo-inscription-master table tr:last-child td {
    height: 225px!important;
}

.objectifs_formation .et_pb_module_header {
	text-transform:none;
}

/*Page formations */
.pilier .et_pb_blurb_container {
    display:inherit;
	padding-left: 0;
}
.esg-navigationbutton.esg-loadmore {
	padding-top: 35px;
}

/* ANNUAIRE DIPLOMES*/

#tablepress-2 {
	font-size:89%;
}
.dip {
	
}
.dip .tablepress tfoot th, .tablepress thead th {
    background-color: #ffd300;
}
.dip .tablepress tfoot th:hover, .tablepress thead th:hover {
    background-color: #ffd300;
}
.dip .tablepress .row-hover tr:hover td {
    background-color: #fff9df;
}
.dip .entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 6px 10px;
}
.dip .entry-content thead th, .dip .entry-content tr th, .dip body.et-pb-preview #main-content .container thead th, .dip body.et-pb-preview #main-content .container tr th {
    padding: 9px 10px;
}

/* Page Protect form */
.post-password-required .et_password_protected_form {
    margin: 10px auto;
    width: 50%;
    text-align: center;
}
.et_password_protected_form p input {
    width: 20%!important;
}
.et_password_protected_form .et_submit_button {
    float: none;
}

 /*END CSS Christophe*/

.entry-content #section_form_contact tr td {
    border-top: 0!important;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #ffd300;
    background: #ffd300;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    max-width: 50%;
    margin: -15em auto 0 auto;
    z-index: 9999999;
    position: relative;
    text-align: center;
-moz-box-shadow: 5px 5px 50px 0px #cccccc;
-webkit-box-shadow: 5px 5px 50px 0px #cccccc;
-o-box-shadow: 5px 5px 50px 0px #cccccc;
box-shadow: 5px 5px 50px 0px #cccccc;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=50);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;    
}

#teo-grid-actus-accueil.minimal-light .esg-navigationbutton * {
    color: #ffd300;
}
#teo-grid-actus-accueil.minimal-light .esg-navigationbutton {
    border: 1px solid #ffd300;
}

#actus_ess_grid .esg-filter-wrapper.eg-search-wrapper {
    display: inline-block!important;
    width: 310px!important;

}
#actus_ess_grid .esg-filter-wrapper.eg-search-wrapper input {
    display: inline-block!important;
    width: 220px!important;
    margin-right: 10px!important;
    margin-bottom: 20px!important;    
}

.esg-filter-wrapper {
    display: inline-block!important;
    visibility: visible!important;
}

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #ffffff;
}

.lower-title h6,
.lower-title h5,
.lower-title h4,
.lower-title h3,
.lower-title h2,
.lower-title h1 {text-transform: none!important;}

.et_pb_blurb_content, .et_pb_circle_counter, .et_pb_contact_main_title, .et_pb_countdown_timer_container, .et_pb_counter_title, .et_pb_gallery_item, .et_pb_newsletter_description, .et_pb_number_counter, .et_pb_portfolio_item, .et_pb_post, .et_pb_pricing_content, .et_pb_pricing_heading, .et_pb_promo_description, .et_pb_slide_description, .et_pb_tab, .et_pb_tabs_controls, .et_pb_team_member, .et_pb_testimonial_description_inner, .et_pb_text, .et_pb_toggle_content, .et_pb_toggle_title, .et_pb_widget, .product {
    word-wrap: normal!important;
}

.single .et_pb_post {
    margin-bottom: 0;
}

#top-header {
    z-index: 99999;
}

.esg-filter-wrapper.teo-filter-annee {visibility: visible;}
.esg-filter-wrapper.teo-filter-cycle {visibility: visible;}
.esg-filter-wrapper.teo-filter-awards {visibility: visible;}

/* MENU POINT FLOTTANT 
-------------------------------------------------------------------------------- */
ul.et_pb_side_nav {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: 0;
    width: 40px;
    padding: 10px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    opacity: 0;
    background: rgba(255,255,255,.4);
    border: 1px solid rgba(0,0,0,0.2);
}
ul.et_pb_side_nav .side_nav_item a {
    display: block;
    width: 7px;
    height: 7px;
    margin-right: 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color: rgba(39,39,39,.3);
    text-indent: -9999px;
}
ul.et_pb_side_nav .side_nav_item a.active {
    background-color: #000!important;
}

/* \\\\ MENU POINT FLOTTANT 
-------------------------------------------------------------------------------- */
.word-cut {
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;    
}
.nocut {
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -o-hyphens: none;
    hyphens: none;
}

#main-header {
    background-color: transparent!important;
    margin-top: 45px; 
}
#top-menu-nav {
    background-color: rgba(39,39,39,0.85)!important;
    padding: 0 0 0 0;
    width: 85%;
}



/* MENU HEADER 2
-------------------------------------------------------------------------------- */
.teo-menu-brochure {
    background-color: #ffd300;
}
#top-header .teo-menu-brochure a{
    color: #042E47!important;
}
.teo-menu-montreal {
    background-color: #009fdf;
}
#top-header .teo-menu-montreal a{
    color: #ffffff!important;
}


#et-info, #et-secondary-menu>ul>li a {
    display: block;
    padding: .5em;
}
#top-header .container {
    padding-top: 0;
    font-weight: 600;
}

/* menu top */
#top-menu {
    display: inline-block;
}
#top-menu li {
    display: inline-block;
    /*padding-right: 22px;*/
    padding-right: 0px;
    font-size: 14px;
}
#top-menu li a, .et_search_form_container input {
    font-weight: 400!important;
    letter-spacing: 0.02em!important;
}

.et_header_style_centered .et-search-form input, .et_header_style_centered span.et_close_search_field {
    top: 0%;
}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    position: absolute;
    top: 0;
    right: 0;
    font-family: ETmodules;
    font-size: 16px;
    font-weight: 800;
    content: "";
}

/* MENU SUITE SCROLL */
.et_header_style_centered nav#top-menu-nav {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.teo-logo-menu {
    display: inline-block;
    width: 0px; 
    -webkit-transition: width 0.5s;
    transition: width 0.5s;    
    background-color: #fff;   
}
#main-header.teo_fix_block .teo-logo-menu img {
    border: 0;
    max-width: 100%;
    width: 100%;
    height: auto;
}

#main-header.teo_fix_block .teo-logo-menu {
    width: 217px; 
    height: 47px;
}

#main-header.teo_fix_block {
    top: 10px!important;
    margin-top: 45px;
}

#main-header.teo_fix_block #top-menu li a {
    font-size: 15px;
}


#top-menu li.current-menu-item>a {
    color: #ffffff;
}
#top-menu li.current-menu-ancestor>a {
    color: #ffffff;    
}

#section_form_nletter p {
    text-align: left;
}
#section_form_nletter a {
    color: #1D1D1B;
    text-decoration: underline;
}


/*LES BLOCS DE PAGES 
-------------------------------------------------------------------------------- */
.et_pb_row {
    position: relative;
    width: 90%;
    max-width: 1180px; /* soit 50px de marge chaque coté*/
    margin: auto;
}
.container {
    position: relative;
    width: 90%;
    max-width: 1180px; /* soit 50px de marge chaque coté*/
    margin: auto;
}


#teo-header-page-a {
    max-width: 2500px;
    margin: 0 auto;
    padding-top: 0!important;
}


.anim-type-fractal {
    z-index: 9999;
    margin-top: -250px;    
}
#teo-header-page-a .rev_slider li.tp-revslider-slidesli {
    border: 3px solid #fff;
}

/* GESTION DES COULEURS 
***************************************************************************************************************************************************************************************
**************************************************************************************************************************************************************** GESTION DES COULEURS */

/* LES DIFFERRENTES SECTIONS 
******************************************************************************** */
#teo-header-page-a {} /* mob ok */
#teo-chiffres-cle {} /* mob ok */
#teo-cursus {} /* mob ok */
#teo-plan-formation {} /*mob ok */
#teo-bachelor {} /* mob ok */
#teo-expert {} /* mob ok */ 
#teo-inscription {} /*mob ok */
#teo-temoignage {} /* mob ok */
#teo-relation-pro {} /* mob ok */
#teo-partenaires {} 
#teo-galerie {} /* mob ok  */


#teo-social-link {}

.teo-pg-animation {}
.teo-pg-design {}
.teo-pg-jeu-video {}
.teo-pg-standard {}

.page-template-page-animation {}
.page-template-page-jeu-video {}
.page-template-page-design {}
.page-template-page-standard {}

/* \\\ LES DIFFERRENTES SECTIONS 
******************************************************************************** */

/* COULEUR DES MENUS 
-------------------------------------------------------------------------------- */

.page-template-page-animation #top-menu li.current-menu-ancestor>a {border-bottom: 4px solid #179fdb;}
.page-template-page-jeu-video #top-menu li.current-menu-ancestor>a {border-bottom: 4px solid #94c23c;}
.page-template-page-design #top-menu li.current-menu-ancestor>a {border-bottom: 4px solid #d72525 ;}
.page-template-page-standard #top-menu li.current-menu-ancestor>a {border-bottom: 4px solid #ffd300;}

/* \\ COULEUR DES MENUS 
******************************************************************************** */



/* COULEUR DU FOOTER
******************************************************************************** */

#main-footer {
    background-color: transparent!important;
}

.teo-footer-slinks-oui {}
.teo-footer-slinks-non {}

.teo-footer-top-img.teo-footer-slinks-non {
    background: transparent;
}
.teo-footer-top-img.teo-footer-slinks-oui {
    background: #e7e7e7;
}
.teo-footer-top-img img {display: block; width: 100%; height: auto; margin: 0; padding: 0; overflow: hidden;}

.teo-footer-sidebar {background-color: #272727!important;}

/* \\ COULEUR DU FOOTER
******************************************************************************** */



/* COULEUR PAGES STANDARDS (ex : accueil)
******************************************************************************** */

/* les titres */
.teo-pg-standard h1 span, .teo-pg-standard h2 span, .teo-pg-standard h3 span, .teo-pg-standard h4 span, .teo-pg-standard h5 span, .teo-pg-standard h6 span {
    color:#ffd300;
    font-weight: 600;    
    text-decoration: none!important;
}
.teo-pg-standard h1 sup, .teo-pg-standard h2 sup, .teo-pg-standard h3 sup, .teo-pg-standard h4 sup, .teo-pg-standard h5 sup, .teo-pg-standard h6 sup {
    color: #ffd300;
    font-weight: 700;
    font-size: 47px;
    display: inline-block;
    bottom: 0.25em;
    left: 0.2em;
}
h3.cw-actu-standard {
    color:#ffd300;
    font-weight: 800;    
    text-decoration: none!important;
	padding-bottom:25px;
	padding-top:35px;
}
h3.cw-actu-standard.first {
	padding-top:0;
}
/* les puces et numaero */
.teo-pg-standard .puce-number .et_pb_text_inner p {
    color: #ffd300;
    border: 2px solid #ffd300;
}

/* les onglets */ 
.teo-pg-standard .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active,
.teo-pg-standard .onglet-programme .et_pb_all_tabs,
.teo-pg-standard .onglet-programme .et_pb_tab {
    background-color: #ffd300; 
    color: #ffffff; 
    border-right: 1px solid #ffd300;
    border-top: 1px solid #ffd300;
    border-bottom: 1px solid #ffd300; 
}

/* les séparateus */
.teo-pg-standard .teo-polygone-bloctop .teo-polygone-color-bottom {background-color: #ffd300;}
.teo-pg-standard .teo-polygone-blocbottom .teo-polygone-color-bottom {background-color: #ffd300;}

/* relation pro bloc texte */
.teo-pg-standard #teo-relation-pro .et_pb_blurb_description {
    background-image: url('img/bg-top-relation-pro-anim.png');
}

/* les social link */
.teo-pg-standard .teo-rlink-bloc div.teo-rlink a:hover span{
    background-color: #ffd300;
    background-position-y : -92px;
}

/* les galeries */
.teo-pg-standard .teo-sous-titre-galerie h6 {color: #ffd300!important;}

/* les boutons + de texte */
.teo-pg-standard .teo-btn {background-color: #ffd300;}

/* titre programme */
.teo-pg-standard .bachelor-col-left.et_pb_blurb h6.et_pb_module_header {color: #ffd300!important;}

/* \\ COULEUR PAGES STANDARDS (ex : accueil)
******************************************************************************** */

/* COULEUR PAGE ANIMATION 
******************************************************************************** */

/* les titres */
.teo-pg-animation h1 span, .teo-pg-animation h2 span, .teo-pg-animation h3 span, .teo-pg-animation h4 span, .teo-pg-animation h5 span, .teo-pg-animation h6 span {
    color:#179fdb;
    font-weight: 600;    
    text-decoration: none!important;
}
.teo-pg-animation h1 sup, .teo-pg-animation h2 sup, .teo-pg-animation h3 sup, .teo-pg-animation h4 sup, .teo-pg-animation h5 sup, .teo-pg-animation h6 sup {
    color: #179fdb;
    font-weight: 700;
    font-size: 47px;
    display: inline-block;
    bottom: 0.25em;
    left: 0.2em;
}
h3.cw-actu-animation {
    color:#179fdb;
    font-weight: 800;    
    text-decoration: none!important;
	padding-bottom:25px;
	padding-top:35px;
}
h3.cw-actu-animation.first {
	padding-top:0;
}
/* les puces et numaero */
.teo-pg-animation .puce-number .et_pb_text_inner p {
    color: #179fdb;
    border: 2px solid #179fdb;
}

/* les onglets */ 
.teo-pg-animation .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active a,
.teo-pg-animation .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active,
.teo-pg-animation .onglet-programme .et_pb_all_tabs,
.teo-pg-animation .onglet-programme .et_pb_tab {
    background-color: #179fdb; 
    color: #ffffff!important; 
    border-right: 1px solid #179fdb;
    border-top: 1px solid #179fdb;
    border-bottom: 1px solid #179fdb; 
}

/* les séparateus */
.teo-pg-animation .teo-polygone-bloctop .teo-polygone-color-bottom {background-color: #179fdb;}
.teo-pg-animation .teo-polygone-blocbottom .teo-polygone-color-bottom {background-color: #179fdb;}

/* relation pro bloc texte */
.teo-pg-animation #teo-relation-pro .et_pb_blurb_description {
    background-image: url('img/bg-top-relation-pro-anim.png');
}

/* les social link */
.teo-pg-animation .teo-rlink-bloc div.teo-rlink a:hover span {
    background-color: #179fdb;
    background-position-y : -92px;
}

/* les galeries */
.teo-pg-animation .teo-sous-titre-galerie h6 {color: #179fdb!important;}

/* les boutons + de texte */
.teo-pg-animation .teo-btn {background-color: #179fdb;}

/* titre programme */
/*.teo-pg-animation .bachelor-col-left.et_pb_blurb h6.et_pb_module_header {color: #179fdb!important;}*/

/* puces pour compétences */
.teo-pg-animation .bachelor-col-right ol {color: #179fdb;}

/* boutons 4 et 5eme année */
.teo-pg-animation .teo-btn-year-on {background-color: #179fdb;}

/* tableau inscription */
.teo-pg-animation .teo-inscription-bachelor table tr:first-child td { background-color: #179fdb;}
.teo-pg-animation .teo-inscription-bachelor table tr td h5 {color: #179fdb;}
.teo-pg-animation .teo-inscription-bachelor table tr td p span {color: #179fdb;}
.teo-pg-animation .teo-btn-inscription-bachelor table tr td {color: #706F6F;}
.teo-pg-animation .teo-btn-inscription-bachelor {background-color: #179fdb!important;}
.teo-pg-animation .teo-inscription-bachelor table tr:last-child td {border-top: 1px solid #042e47;}

.teo-pg-animation .teo-inscription-master table tr:first-child td { background-color: #022e47;}
.teo-pg-animation .teo-inscription-master table tr td h5 {color: #022e47;}
.teo-pg-animation .teo-inscription-master table tr td p span {color: #022e47;}
.teo-pg-animation .teo-inscription-master table tr td {color: #706f6f;}
.teo-pg-animation .teo-btn-inscription-master { background-color: #022e47!important;}
.teo-pg-animation .teo-inscription-master table tr:last-child td {border-top: 1px solid #042e47;}

/* BG relation pro */
#teo-relation-pro.et_pb_section.teo-pg-animation {background-color: #179fdb!important;}

 
/* \\ COULEUR PAGE ANIMATIONS
******************************************************************************** */

/* COULEUR PAGE DESIGN 
******************************************************************************** */

/* les titres */
.teo-pg-design h1 span, .teo-pg-design h2 span, .teo-pg-design h3 span, .teo-pg-design h4 span, .teo-pg-design h5 span, .teo-pg-design h6 span {
    color:#d72525;
    font-weight: 600;    
    text-decoration: none!important;
}
.teo-pg-design h1 sup, .teo-pg-design h2 sup, .teo-pg-design h3 sup, .teo-pg-design h4 sup, .teo-pg-design h5 sup, .teo-pg-design h6 sup {
    color: #d72525;
    font-weight: 700;
    font-size: 47px;
    display: inline-block;
    bottom: 0.25em;
    left: 0.2em;
}
h3.cw-actu-design {
    color:#d72525;
    font-weight: 800;    
    text-decoration: none!important;
	padding-bottom:25px;
	padding-top:35px;
}
h3.cw-actu-design.first {
	padding-top:0;
}

/* les puces et numaero */
.teo-pg-design .puce-number .et_pb_text_inner p {
    color: #d72525;
    border: 2px solid #d72525;
}

/* les onglets */ 
.teo-pg-design .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active,
.teo-pg-design .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active a,
.teo-pg-design .onglet-programme .et_pb_all_tabs,
.teo-pg-design .onglet-programme .et_pb_tab {
    background-color: #d72525; 
    color: #ffffff!important; 
    border-right: 1px solid #d72525;
    border-top: 1px solid #d72525;
    border-bottom: 1px solid #d72525; 
}

/* les séparateus */
.teo-pg-design .teo-polygone-bloctop .teo-polygone-color-bottom {background-color: #d72525;}
.teo-pg-design .teo-polygone-blocbottom .teo-polygone-color-bottom {background-color: #d72525;}

/* relation pro bloc texte */
.teo-pg-design #teo-relation-pro .et_pb_blurb_description {
    background-image: url('img/bg-top-relation-pro-anim.png');
}

/* les social link */
.teo-pg-design .teo-rlink-bloc div.teo-rlink a:hover span {
    background-color: #d72525;
    background-position-y : -92px;
}

/* les galeries */
.teo-pg-design .teo-sous-titre-galerie h6 {color: #d72525!important;}

/* les boutons + de texte */
.teo-pg-design .teo-btn {background-color: #d72525;}

/* titre programme */
/*.teo-pg-design .bachelor-col-left.et_pb_blurb h6.et_pb_module_header {color: #d72525!important;}*/

/* puces pour compétences */
.teo-pg-design .bachelor-col-right ol {color: #d72525;}

/* boutons 4 et 5eme année */
.teo-pg-design .teo-btn-year-on {background-color: #d72525; color:#fff!important}

/* tableau inscription */
.teo-pg-design .teo-inscription-bachelor table tr:first-child td { background-color: #d72525;}
.teo-pg-design .teo-inscription-bachelor table tr td h5 {color: #d72525;}
.teo-pg-design .teo-inscription-bachelor table tr td p span {color: #d72525;}
.teo-pg-design .teo-btn-inscription-bachelor table tr td {color: #706F6F;}
.teo-pg-design .teo-btn-inscription-bachelor {background-color: #d72525!important;}
.teo-pg-design .teo-inscription-bachelor table tr:last-child td {border-top: 1px solid #d72525;}

.teo-pg-design .teo-inscription-master table tr:first-child td { background-color: #62190d;}
.teo-pg-design .teo-inscription-master table tr td h5 {color: #62190d;}
.teo-pg-design .teo-inscription-master table tr td p span {color: #62190d;}
.teo-pg-design .teo-inscription-master table tr td {color: #706f6f;}
.teo-pg-design .teo-btn-inscription-master { background-color: #62190d!important;}
.teo-pg-design .teo-inscription-master table tr:last-child td {border-top: 1px solid #62190d;}

/* BG relation pro */
#teo-relation-pro.teo-pg-design.et_pb_section {background-color: #d72525!important;}
 
/* \\ COULEUR PAGE DESIGN
******************************************************************************** */

/* COULEUR PAGE JEU VIDEO 
******************************************************************************** */

/* les titres */
.teo-pg-jeu-video h1 span, .teo-pg-jeu-video h2 span, .teo-pg-jeu-video h3 span, .teo-pg-jeu-video h4 span, .teo-pg-jeu-video h5 span, .teo-pg-jeu-video h6 span {
    color:#94c23c;
    font-weight: 600;    
    text-decoration: none!important;
}
.teo-pg-jeu-video h1 sup, .teo-pg-jeu-video h2 sup, .teo-pg-jeu-video h3 sup, .teo-pg-jeu-video h4 sup, .teo-pg-jeu-video h5 sup, .teo-pg-jeu-video h6 sup {
    color: #94c23c;
    font-weight: 700;
    font-size: 47px;
    display: inline-block;
    bottom: 0.25em;
    left: 0.2em;
}
h3.cw-actu-jeu-video {
    color:#94c23c;
    font-weight: 800;    
    text-decoration: none!important;
	padding-bottom:25px;
	padding-top:35px;
}
h3.cw-actu-jeu-video.first {
	padding-top:0;
}

/* les puces et numaero */
.teo-pg-jeu-video .puce-number .et_pb_text_inner p {
    color: #94c23c;
    border: 2px solid #94c23c;
}

/* les onglets */ 
.teo-pg-jeu-video .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active a,
.teo-pg-jeu-video .onglet-programme .et_pb_tabs_controls li.et_pb_tab_active,
.teo-pg-jeu-video .onglet-programme .et_pb_all_tabs,
.teo-pg-jeu-video .onglet-programme .et_pb_tab {
    background-color: #94c23c; 
    color: #ffffff!important; 
    border-right: 1px solid #94c23c;
    border-top: 1px solid #94c23c;
    border-bottom: 1px solid #94c23c; 
}

/* les séparateus */
.teo-pg-jeu-video .teo-polygone-bloctop .teo-polygone-color-bottom {background-color: #94c23c;}
.teo-pg-jeu-video .teo-polygone-blocbottom .teo-polygone-color-bottom {background-color: #94c23c;}

/* relation pro bloc texte */
.teo-pg-jeu-video #teo-relation-pro .et_pb_blurb_description {
    background-image: url('img/bg-top-relation-pro-anim.png');
}

/* les social link */
.teo-pg-jeu-video .teo-rlink-bloc div.teo-rlink a:hover span {
    background-color: #94c23c;
    background-position-y : -92px;
}

/* les galeries */
.teo-pg-jeu-video .teo-sous-titre-galerie h6 {color: #94c23c!important;}

/* les boutons + de texte */
.teo-pg-jeu-video .teo-btn {background-color: #94c23c;}

/* titre programme */
/*.teo-pg-jeu-video .bachelor-col-left.et_pb_blurb h6.et_pb_module_header {color: #94c23c!important;}*/

/* puces pour compétences */
.teo-pg-jeu-video .bachelor-col-right ol {color: #94c23c;}

/* boutons 4 et 5eme année */
.teo-pg-jeu-video .teo-btn-year-on {background-color: #94c23c;}

/* tableau inscription */
.teo-pg-jeu-video .teo-inscription-bachelor table tr:first-child td { background-color: #94c23c;}
.teo-pg-jeu-video .teo-inscription-bachelor table tr td h5 {color: #94c23c;}
.teo-pg-jeu-video .teo-inscription-bachelor table tr td p span {color: #94c23c;}
.teo-pg-jeu-video .teo-btn-inscription-bachelor table tr td {color: #706F6F;}
.teo-pg-jeu-video .teo-btn-inscription-bachelor {background-color: #94c23c!important;}
.teo-pg-jeu-video .teo-inscription-bachelor table tr:last-child td {border-top: 1px solid #042e47;}

.teo-pg-jeu-video .teo-inscription-master table tr:first-child td { background-color: #487827;}
.teo-pg-jeu-video .teo-inscription-master table tr td h5 {color: #487827;}
.teo-pg-jeu-video .teo-inscription-master table tr td p span {color: #487827;}
.teo-pg-jeu-video .teo-inscription-master table tr td {color: #706f6f;}
.teo-pg-jeu-video .teo-btn-inscription-master { background-color: #487827!important;}
.teo-pg-jeu-video .teo-inscription-master table tr:last-child td {border-top: 1px solid #487827;}

/* BG relation pro */
#teo-relation-pro.teo-pg-jeu-video.et_pb_section {background-color: #94c23c!important;}
 
/* \\ COULEUR PAGE JEU VIDEO
******************************************************************************** */

/* COULEUR PAGE STANDARD
******************************************************************************** */
.teo-pg-standard .teo-sous-titre-galerie h6 {
    color: #ffd300!important;
}

/* \\ COULEUR PAGE JEU VIDEO
******************************************************************************** */


.teo-pg-standard .big-first p span {color: #ffd300!important;}
.teo-pg-jeu-video .big-first p span {color: #94c23c!important;}
.teo-pg-design .big-first p span {color: #d72525!important;}
.teo-pg-animation .big-first p span {color: #179fdb!important;}

.teo-pg-jeu-video #projet-etudiant-presentation h3 span  {color: #ffffff!important;}
.teo-pg-design #projet-etudiant-presentation h3 span {color: #ffffff!important;}
.teo-pg-animation #projet-etudiant-presentation h3 span {color: #ffffff!important;}


@media (min-width: 981px) { 
    .et-db .teo-pg-jeu-video #et-boc .et-l .et_pb_row {padding: 0 0;}
    .et-db .teo-pg-design #et-boc .et-l .et_pb_row {padding: 0 0;}
    .et-db .teo-pg-animation #et-boc .et-l .et_pb_row {padding: 0 0;}
}

.et-db #et-boc .et-l  #projet-etudiant-recompense .et_pb_blurb_position_left .et_pb_main_blurb_image,
.et-db #et-boc .et-l #projet-etudiant-recompense .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: table-cell;
    width: 60px;
    line-height: 0;
}   

.et-db #et-boc .et-l #projet-etudiant-recompense .et_pb_blurb h4 {
    font-size: 38px!important;
}


.center-blockquote p{display: inline-block;}
.center-blockquote p:before {
    content: url(img/quote-left.png);
    width: 45px;
    height: 45px;
    display: inline-block;
    float: left;
    vertical-align: middle;
    margin-right: 15px;    
}
.center-blockquote p:after {
    content: url(img/quote-right.png);
    width: 45px;
    height: 45px;
    display: inline-block;
    float: right;
    vertical-align: middle;
    margin-left: 15px;
}



#teo-galerie .esg-navigationbutton {
    padding: 10px;
    float: right;
    margin-top: 20px;
    color: #272727;
    font-size: 30px;
    font-weight: 300;
    border-radius: 50%;
    line-height: 0.6em;
    border: none;
}
#teo-galerie.teo-pg-animation .esg-navigationbutton {background-color:#179fdb;}
#teo-galerie.teo-pg-design .esg-navigationbutton {background-color:#d72525;}
#teo-galerie.teo-pg-jeu-video .esg-navigationbutton {background-color:#94c23c;}
#teo-galerie.teo-pg-standard .esg-navigationbutton {background-color:#ffd300;}



/* \\\ GESTION DES COULEURS 
***************************************************************************************************************************************************************************************
***************************************************************************************************************************************************************************************
*********************************************************************************************************************************************************** END GESTION DES COULEURS */

.teo-pg-design .bachelor-col-right .et_pb_main_blurb_image,
.teo-pg-design .bachelor-col-left .et_pb_main_blurb_image,
.teo-pg-jeu-video .bachelor-col-right .et_pb_main_blurb_image,
.teo-pg-jeu-video .bachelor-col-left .et_pb_main_blurb_image,
.teo-pg-animation .bachelor-col-right .et_pb_main_blurb_image,
.teo-pg-animation .bachelor-col-left .et_pb_main_blurb_image {
    width: 48px!important;
    height: 41px!important;
}




/* puce-number-animation PUCE CERCLE ET CHIFFRE INTERIEUR */
.puce-number .et_pb_text_inner p {
    text-decoration: none;
    padding: 0;
    border-radius: 50%;
    font-weight: 400;
    background-color: #ffffff;
    display: inline-block;
    font-size: 25px;
    line-height: 1.7em;
    /* display: inline-block; */
    width: 50px;
    height: 50px;
}


/* puce col left bachelor 2 colonne */
.bachelor-col-right h6,
.bachelor-col-left h6 {
    padding-bottom: 0.5em;    
    padding-top: 0.3em;    
}

.bachelor-col-right ol {
    font-weight: 700;
}
.bachelor-col-right ol li {
    padding-bottom: 16px;
}
.bachelor-col-right ol li span {
    color: #706F6F;
    text-decoration: none!important;
    padding-left: 10px;
    font-weight: normal;
}


/* CHIFFRES CLE 
-------------------------------------------------------------------------------- */
/* .teo-mod-chiffres-cle h6 {padding-top: 1.2em;}*/

.et_pb_number_counter .percent {
    position: relative;
    height: 85px;
}

.table-c-cle-type1 table {
    margin-top: 12px;
}
.table-c-cle-type1 table,
.table-c-cle-type1 table tr,
.table-c-cle-type1 table td {
    border: 0;
    padding: 0;
    vertical-align: top;
}
.teo-c-cles-1,
.teo-c-cles-2 {font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;}
    
.teo-c-cles-3,
.teo-c-cles-4 {font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;}

.teo-c-cles-5 {font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;}

.teo-c-cles-1,
.teo-c-cles-2,
.teo-c-cles-3,
.teo-c-cles-4 {color: #3F3F3D}
.teo-c-cles-5 {color: #706F6F}

.teo-c-cles-1 {font-size: 110px; line-height: 0.8em; letter-spacing: 0px; font-weight: 700;}
.teo-c-cles-2 {font-size: 27px; line-height: 1em; letter-spacing: 1px; font-weight: 700; text-transform: uppercase;}
.teo-c-cles-3 {font-size: 25px; line-height: 1em; letter-spacing: -1px; font-weight: 500; text-transform: uppercase;}
.teo-c-cles-4 {font-size: 25px; line-height: 1em; letter-spacing: 4px; font-weight: 500; text-transform: uppercase;}
.teo-c-cles-5 {font-size: 14px;
    line-height: 2em;
    letter-spacing: 2.2px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
    padding-right: 1em!important;
    padding-left: 1em!important;
}

#chiffres-accueil-col2 table {width: 320px; margin: 0 auto;}
#chiffres-accueil-col2 .teo-c-cles-1 {padding-right:10px; text-align: right;}
#chiffres-accueil-col2 .teo-c-cles-2 {line-height: 1.2em; letter-spacing: 0px;}
#chiffres-accueil-col2 .teo-c-cles-3 {line-height: 1.2em; letter-spacing: 4px;}
#chiffres-accueil-col2 .teo-c-cles-4 {line-height: 1.2em; letter-spacing: 0px;}

/* \\\ CHIFFRES CLE 
-------------------------------------------------------------------------------- */              

/*
.btn-plus-left {
    position: absolute;
    bottom: 9px;
    left: 400px;   
}
.btn-plus-right {
    position: absolute;
    bottom: 9px;
    right: 400px;   
}*/

.teo-specialisation {margin-bottom: 0!important;}
.teo-specialisation  {margin-bottom: 0!important;}



/* CURSUS */
#teo-cursus .teo-specialisation .et_pb_blurb_content {
    border: 1px solid #ababab;
    min-height: 530px;
}
#teo-cursus .teo-specialisation .et_pb_blurb_description {
    padding: 0 15px 25px 15px;
    position: relative;
}

#teo-cursus #teo-specialisation-col1.teo-specialisation .et_pb_blurb_description,
#teo-cursus #teo-specialisation-col2.teo-specialisation .et_pb_blurb_description,
#teo-cursus .teo-specialisation .et_pb_blurb_description {
    height: 197px;
    overflow: hidden; 
    -webkit-transition: height 2s; /* Safari */
    -moz-transition: height 2s; /* Safari */
    transition: height 2s;    
}

#teo-cursus .teo-specialisation .et_pb_main_blurb_image {
    margin-bottom: 0;
}

#teo-cursus.teo-pg-jeu-video li {
    padding: 0.7em 0;
}

.teo-btn {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    font-size: 50px;
    border-radius: 50%;
    color: #fff;
    line-height: 0.9em;
    cursor: pointer;
}


/* GESTION DES ONGLETS */
.onglet-programme tab,
.onglet-programme tab tr,
.onglet-programme tab tr td,
.onglet-programme ul,
.onglet-programme ul.et_pb_tabs_controls:after,
.onglet-programme.et_pb_tabs {
    border: none;
}

.onglet-programme tr td {
    padding: 6px 18px;
    border-top: 0;
    border-right: 1px dotted #ffffff;
    vertical-align: top;
}
.onglet-programme table:last-child tr td {
    padding: 6px 18px;
    border-top: 0;
    border-right: 0;
}

.onglet-programme table tr:first-child td {
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    height: 48px;
}

.onglet-programme table tr td ul {
    margin-top: 20px;
    margin-left: 20px;
}
.onglet-programme table tr td ul li{
    padding: 7px 0;
}

.onglet-programme .et_pb_tabs_controls li {
    border-right: 1px dotted #575757;
    border-top: 1px dotted #575757;
    border-bottom: 1px dotted #ffffff;
    background-color: #fff;
}

.et_pb_tabs_controls li:not(.et_pb_tab_active):first-child {
    border-left: 1px dotted #575757;
    border-bottom: 1px dotted #ffffff;
}
.et_pb_tabs_controls li:not(.et_pb_tab_active):last-child {
    border-right: 1px dotted #575757;
    border-bottom: 1px dotted #ffffff;
}

.onglet-programme ul.et_pb_tabs_controls {
    background-color: transparent!important;
}
.et_pb_tab_active a {
    color: #fff!important;
}

.onglet-programme .et_pb_tab {
    padding: 50px 25px 15px 25px;
}

.onglet-programme table {
    height: 550px;
}

.onglet-programme .et_pb_tabs_controls li a,
.onglet-programme .et_pb_tabs_controls li {
    font-weight: 300!important;
}
/* \\GESTION DES ONGLETS */



/* VOUS AVES DES QUESTIONS */
.teo-des-questions .et_pb_blurb_content {
    max-width: 385px;
    border: 1px #ccc dotted;
    padding-bottom: 20px;
}
.teo-des-questions .et_pb_main_blurb_image {margin: 0!important;}
.teo-des-questions .et_pb_module_header {padding: 10px 0 10px 30px;}
.teo-des-questions .et_pb_blurb_description {padding-left: 30px;}
.teo-des-questions .et_pb_blurb_description a {color: #1d1d1b!important;font-size: 80%;}
.teo-des-questions .et_pb_blurb_description img {vertical-align: middle; margin: 2px 5px 7px 0px; }
.teo-des-questions .et_pb_blurb_description p:first-child {padding-bottom: 0.8em!important; }
.teo-des-questions .et_pb_blurb_description p:last-child  {font-size: 19px; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-weight: normal;}

/* \\\ LES BLOCS DE PAGES 
-------------------------------------------------------------------------------- */


/* RELATION PRO 
-------------------------------------------------------------------------------- */
#teo-relation-pro .et_pb_blurb_description {
    padding: 50px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto; 
    background-color: #fff;
}

#teo-relation-pro.teo-pg-design .et_pb_blurb_description {
    padding: 50px 50px;
}

#teo-relation-pro.teo-pg-animation h6.et_pb_module_header {
    position: absolute;
    left: -109%;
    top: 15%;
}
#teo-relation-pro.teo-pg-design h6.et_pb_module_header {
    position: absolute;
    left: -109%;
    top: 7%;
}
#teo-relation-pro.teo-pg-jeu-video h6.et_pb_module_header {
    position: absolute;
    left: -109%;
    top: 13%;
}

#teo-relation-pro .et_pb_blurb_description p {}
#teo-relation-pro .et_pb_blurb_description p span {
font-size: 100px;
    display: block;
    float: left;
    vertical-align: top;
    text-decoration: none!important;
    line-height: 79px;
    padding-right: 5px;
    margin-left: -10px;
    color: #000;
}

.teo-relation-pro-texte {
    /*word-wrap: break-word;*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;      
}
/* \\\ RELATION PRO 
-------------------------------------------------------------------------------- */


/* INSCRIPTION
-------------------------------------------------------------------------------- */

/* bachelor */
.teo-inscription-bachelor table {width: 85%!important; margin: 0 auto!important; /*float: right;*/}
.teo-inscription-bachelor table tr:first-child td{color: #fff; padding: 15px 10px 20px 10px;}
.teo-inscription-bachelor table tr:first-child td h3 {color: #fff; font-weight: 600; font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif; font-size: 25px; text-transform: uppercase; line-height: 1.7}
.teo-inscription-bachelor table tr:first-child td p {color: #fff; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-size: 22px; text-transform: uppercase;}
.teo-inscription-bachelor table tr:first-child td p sup {
    bottom: 0.5em;
    text-transform: none;
    font-size: 16px;
}

.teo-inscription-bachelor table tr td {
    background-color: #fff;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 17px;
    padding: 15px 10px 20px 18px;
    line-height: 1.5;
}
.teo-inscription-bachelor table tr td p span { text-decoration: none!important;}
.teo-inscription-bachelor table tr td h5 { font-weight: 600; font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif; font-size: 25px; text-transform: uppercase; line-height: 1.7}

.teo-inscription-bachelor table tr:last-child td {
    height: 270px!important;
    vertical-align: top;
}


/* madter */
/* #042e47 */
.teo-inscription-master table {width: 85%!important; margin: 0 auto!important; /*float: left;*/}
.teo-inscription-master table tr:first-child td{ color: #fff; padding: 15px 10px 20px 10px;}
.teo-inscription-master table tr:first-child td h3 {color: #fff; font-weight: 600; font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif; font-size: 25px; text-transform: uppercase; line-height: 1.7}
.teo-inscription-master table tr:first-child td p {color: #fff; font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif; font-size: 22px; text-transform: uppercase;}
.teo-inscription-master table tr:first-child td p sup {
    bottom: 0.5em;
    text-transform: none;
    font-size: 16px;
}

.teo-inscription-master table tr td {
    background-color: #fff;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 17px;
    padding: 15px 10px 20px 18px;
    line-height: 1.5;
}
.teo-inscription-master table tr td p span  {text-decoration: none!important;}
.teo-inscription-master table tr td h5 { font-weight: 600; font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif; font-size: 25px; text-transform: uppercase; line-height: 1.7}

.teo-inscription-master table tr:last-child td {
    height: 270px!important;
    vertical-align: top;
}

.teo-btn-inscription-master,
.teo-btn-inscription-bachelor { 
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 23px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;
}


.list-mod-display ol {
    list-style-position: outside;
}


/*body #page-container .et_pb_button_0 {
    color: #ffffff!important;
    border-width: 0px!important;
    border-radius: 0px;
    letter-spacing: 1px;
    font-size: 25px;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif!important;
    text-transform: uppercase!important;
    background-color: #179fdb;
}*/


/* \\\ INSCRIPTION
-------------------------------------------------------------------------------- */





/* TEMOIGNAGE 
-------------------------------------------------------------------------------- */
#teo-temoignage img {
    border-radius: 50%;
}
    
/* \\\ TEMOIGNAGE 
-------------------------------------------------------------------------------- */



/* GESTION DES LANGUES */

#flags_language_selector {
    width: 10%;
    float: left;
    padding: 7px 0 0 10px;
}
#flags_language_selector img{
      margin:1px 10px 1px 1px;
      border:none;
}
#flags_language_selector img:first-child{
      margin:1px 4px 1px 1px;
      border:none;
}

/* \\ GESTION DES LANGUES */


/* PAGE FAQ 
-------------------------------------------------------------------------------- */

/* sur accueil */
#teo-faq-wrapper {
    padding-top: 80px;
    padding-bottom: 60px;
}

#teo-faq-wrapper h3 {
font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    /* text-decoration: underline; */
    font-size: 40px;
    letter-spacing: 4px;
    line-height: 1em;
    color: #272727;
    padding-bottom: 14px;
    border-bottom: 3px solid #272727;
    width: 95px;
    margin: 0 auto;
    text-align: center;
}

#menu-menu-faq-page-accueil {
    margin-top: 30px;
}
#menu-menu-faq-page-accueil li {
    
}
#menu-menu-faq-page-accueil li a {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    /*font-size: 25px;*/
    font-size: 22px;
    letter-spacing: 3px;
    line-height: 2.7em;
    color: #272727;
    display: inline-block;
    width: 100%;   
}
#menu-menu-faq-page-accueil li a:hover {
    background-color: #ffd300;
}

/* détail de la page */
#teo-article-faq h3 {margin-bottom: 0.5em;}

#teo-article-faq .et_pb_text_inner h3 span { 
    font-size: 33px;
    font-weight: bold;
}

/* \\ PAGE ACCUEIL FAQ 
-------------------------------------------------------------------------------- */

/* PAGE CAMPUS
-------------------------------------------------------------------------------- */

.teo-picto-campus .et_pb_main_blurb_image {
    margin-bottom: 10px;
}
.teo-picto-campus  .et_pb_blurb .et_pb_blurb_description p {
    line-height: 1.3em;
}
.teo-picto-campus .et_pb_module.et_pb_blurb {
    padding: 15px 0px;
}

.teo-texte-bg-jaune p {
    background-color: #ffd300;
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 1em;
}

.teo-objectif-bde .et_pb_text_inner p span {
    text-decoration: none!important;
    color: #ffd300!important;
    font-weight: bold;
}

#slider-campus-logement a {color: #706F6F!important; text-decoration: none!important;}

#troisfilieres .campus-photo-centrale-t1 {
    color: #fff;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 35px;
    letter-spacing: 0.07em;
    line-height: 1em;
    font-weight: normal;
    padding: 14px 40px;
    background-color: rgba(39,39,39,0.85);
    text-transform: uppercase;
    text-align: right!important;
    display: inline-block;
    float: right;
    clear: both;
    border-right: 4px solid #ffd300;
    /* border-right: 1px solid rgba(255,255,255,0.85); */
    margin-right: 50%;
}

#troisfilieres .campus-photo-centrale-t2 {
    color: #ffffff;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 35px;
    letter-spacing: 0.07em;
    line-height: 1em;
    font-weight: 600; 
    padding: 14px 40px;
    background-color: rgba(39,39,39,0.85);
    text-transform: uppercase;
    text-align: left!important;
    display: inline-block;
    float: left;    
    clear: both;
    border-left: 4px solid #ffd300;
    margin-left: 49.7%;
}


   .campus-titre-seloger.et_pb_text h5 {
        font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
        text-transform: uppercase;
        font-size: 28px;
        color: #272727!important;
        line-height: 1.5em;
        text-align: center;
        display: inline-table;
    }
    .campus-titre-seloger .et_pb_text_inner {
        position: relative;
        text-align: center;
    }    
    .campus-titre-seloger.et_pb_text h5 img {
        vertical-align: bottom;
        margin-right: 15px;
    }    


    #teo-grid-slider-residence .eg-skin-logement-element-0 {
        min-height: 50px;
    }
    #teo-grid-slider-residence .eg-skin-logement-element-6:before {
        
    }
    #teo-grid-slider-residence .eg-skin-logement-element-24-a:before {
        
    }
/* \\ PAGE CAMPUS
-------------------------------------------------------------------------------- */



/* PAGE ECOLE
-------------------------------------------------------------------------------- */
#motdirecteur img {
    margin-bottom: 0.8em;
}


.teo-ecole-text-rubika.et_pb_text h6 {
    margin-bottom: 0.7em;
}

.teo-ecole-picto-l2-c3 {
   /* width: 0%!important; */
}

#grid-campus {
    z-index: 99999;
}

#teo-grid-les-campus .eg-skin-campus-blanklink-element-36,
#teo-grid-les-campus .eg-skin-campus-nolink-element-36,
#teo-grid-les-campus .eg-skin-campus-element-36 {
    text-align: justify!important;
}
#teo-grid-les-campus .esg-media-cover-wrapper {cursor: pointer;}
/* \\ PAGE ECOLE
-------------------------------------------------------------------------------- */


/* CONTACT
******************************************************************************** */
#section_form_nletter .entry-content table, body.et-pb-preview #main-content .container table,
#section_form_contact .entry-content table, body.et-pb-preview #main-content .container table {
    width: 100%;
    margin: 0 0 15px 0;
    border: 0;
    text-align: left;
}
#section_form_nletter input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=confirm_email], select, textarea,
#section_form_contact input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=confirm_email], select, textarea {
    padding: 10px 5px;
    border: 0;
    color: #000;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    font-size: 15px;
}
#section_form_nletter .entry-content tr td, body.et-pb-preview #main-content .container tr td,
#section_form_contact .entry-content tr td, body.et-pb-preview #main-content .container tr td {
    padding: 6px 24px;
    border-top: 0;
}

#section_form_nletter table,
#section_form_contact table {
    width: 80%!important;
    margin: 0 0 15px 0;
    border: 0;
    text-align: left; 
    margin: 0 auto;
}

#wpcf7-f2656-p90-o1.wpcf7 table tr td,
#wpcf7-f5-p310-o1.wpcf7 table tr td {
    vertical-align: top;
}
#wpcf7-f2656-p90-o1.wpcf7 table tr td label,
#wpcf7-f5-p310-o1.wpcf7 table tr td label{
    color: #1d1d1b;
}

#wpcf7-f2656-p90-o1.wpcf7 td.form-titre-select span{
    font-size: 25px;
    color: #FFD300;
    vertical-align: middle!important;
    font-weight: bold;
}
#wpcf7-f2656-p90-o1.wpcf7 td.form-titre-select {
    font-size: 25px;
    color: #1d1d1b;
    vertical-align: middle!important;
}

#wpcf7-f5-p310-o1.wpcf7 table tr td textarea{
    height: 419px;
}
div.wpcf7 a {
    color: #706f6f;
    text-decoration: underline;
    font-size: 12px;    
}

#wpcf7-f5-p310-o1 div.wpcf7 table  {
    width: 80%;
    margin: 0 auto;  
}


span.wpcf7-list-item {
    display: block;
    margin: 0 0 0 1em;
}

.rgpd span.wpcf7-list-item.first.last {
    display: inline-block;
    padding-right: 10px;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=confirm_email], select, textarea {
    padding: 10px 5px;
    border: 1px solid #bbb;
    color: #000;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    font-size: 15px;
}

input[type=submit] {
    padding: 10px 5px;
    border: 1px solid #bbb;
    color: #1b1b1d;
    background-color: #FFD300;
    width: 150px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: uppercase;
    float: right;
    cursor: pointer;
    margin: 20px auto 0 auto;
}
span.wpcf7-form-control.wpcf7-radio {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;    
}

.teo-intro-form {
    display: block;
    width: 80%;
    padding: 10px 0 10px 0!important;
    font-size: 15px;
    margin: 0 auto;
    text-align: justify;
    line-height: 1.4em;
}
.teo-bloc-code-border {
    border-radius: 10px;
}

.teo-table-adresse {
    margin: 0!important;
}


#teo-brochure-telechargement a {
    font-size: 40px;
    color: #1d1d1b;
    vertical-align: middle!important;
    display: inline-block;
    padding: 20px;
    background-color: #FFD300;
    border-radius: 10px;
    text-transform: uppercase;
}

#teo-brochure-telechargement.animation a {
    font-size: 40px;
    color: #1d1d1b;
    vertical-align: middle!important;
    display: inline-block;
    padding: 20px;
    background-color: #179fdb;
    border-radius: 10px;
    text-transform: uppercase;
}
#teo-brochure-telechargement.design a {
    font-size: 40px;
    color: #1d1d1b;
    vertical-align: middle!important;
    display: inline-block;
    padding: 20px;
    background-color: #d72525;
    border-radius: 10px;
    text-transform: uppercase;
}
#teo-brochure-telechargement.jeuvideo a {
    font-size: 40px;
    color: #1d1d1b;
    vertical-align: middle!important;
    display: inline-block;
    padding: 20px;
    background-color: #94c23c;
    border-radius: 10px;
    text-transform: uppercase;
}

.gform_wrapper input[type=email],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=text],
.gform_wrapper input[type=url] { 
    padding: 10px 5px!important;
    border: 1px solid #bbb!important;
    color: #000!important;
    background-color: #fff!important;
    width: 90%!important;
    border-radius: 5px!important;
    font-size: 15px!important;
}

.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right {
    width: 100%!important;
}
.gform_wrapper .ginput_complex .ginput_right {
    display: block!important;
    margin-left: 0!important;
}
.gform_wrapper #input_1_6_other {width: 87%!important;}
.gform_wrapper textarea.medium {
    height: 15em!important;
    width: 90.5%!important;
}
/* \\\ CONTACT
******************************************************************************** */


/* PAGE EVENEMENTS & AGENDA
-------------------------------------------------------------------------------- */
#ajax-wrapper {
    text-align: center;
}

#teo-wrapper-filter {
    margin: 10px auto 65px auto;
    height: 2em;
    display: inline-table;
}

.teo-list-filter li {float: left}
.teo-list-filter li a {
    color: #706F6F;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 1.5em;    
    padding: 10px 20px;
}

/* import mds */
.teo-first {}
.teo-last {}
.teo4 {width: 28%;}
.teo6 {width: 48%;}
.teo8 {width: 68%;}
.teo12 {width: 98%;}

.teo-pagination {
    clear: both;
}
.teo-clear {clear: both; display: table;}
.teo-row {display:block; width: 100%; margin: 15px 0; padding: 0; clear: both; box-sizing: border-box;}
.teo-col {display: inline-table; margin: 0 2% 0 2%;}

.teo-load-ajax {
    background: url('img/ajax_loader.gif');
    background-position: center center;
    width: 100%;
    height: 120px;
    clear: both;
    background-repeat: no-repeat;    
}

.wrapper-article {
    -moz-box-shadow: 2px 2px 10px 2px #ccc;
    -webkit-box-shadow: 2px 2px 10px 2px #ccc;
    -o-box-shadow: 2px 2px 10px 2px #ccc;
    box-shadow: 2px 2px 10px 2px #ccc;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=134, Strength=10);
    border: 0px solid #fff;
    padding: 0 0;
    margin-bottom: 30px;
    max-height: 600px;
    background-image: url('img/picto-calendar-evenement.jpg');
    background-position-x: 92%;
    background-position-y: 6%;
    background-repeat: no-repeat;
    text-align: left;
    
}
.wrapper-article:hover span.mask{
    padding: 10px 0;
    margin-bottom: 30px;
}

.wrapper-article .et_pb_post {
    margin: 0;
}

.wrapper-article p {
    padding-bottom: 0;
}

.wrapper-article .et_pb_post .entry-content {
    padding: 0;
    position: relative;
}
.wrapper-article .et_pb_post .entry-content h2 {
    margin-top: 0;
    font-size: 17px;
    margin-bottom: 0;
}


.wrapper-article .date_freindly a {
    color: #000;
    text-decoration: none;    
}
.wrapper-article .date_freindly {
    color: #000;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 35px;
    letter-spacing: 1px;
    line-height: 1em;
    padding: 0;
    margin: 33px 0 15px 15px;
    text-decoration: none;
}

.wrapper-article .photo_evenement {
    
}

.wrapper-article .titre_evenement a {
    color: #272727;
    text-decoration: none;
}
.wrapper-article .titre_evenement {
    color: #272727;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 21px;
    letter-spacing: 0.08em;
    line-height: 1em;
    font-weight: 600;
    margin: 25px 30px 10px 15px;
    text-transform: uppercase;
    min-height: 2.5em;
}

.wrapper-article .teo_adresse_evenement,
.wrapper-article .teo_horaires_line2,
.wrapper-article .teo_horaires_line1 {
    color: #3f3f3d;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1em; 
    font-weight: 300;
}
.wrapper-article .teo_horaires_line1 {margin: 10px 30px 0 15px;}
.wrapper-article .teo_horaires_line1:before {
    content: url(img/picto-time-events.png);
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 0.7em;
}
.wrapper-article .teo_horaires_line2 {margin: 0 30px 4px 15px;}
.wrapper-article .teo_horaires_line2:before {
    content: '';
    display: inline-block;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-right: 0.7em;
}

.wrapper-article .teo_adresse_evenement {margin: 0 30px 15px 15px;}
.wrapper-article .teo_adresse_evenement:before {
    content: url(img/picto-geoloc-events.png);
    display: inline-block;
    width: 19px;
    height: 50px;
    vertical-align: top;
    margin-right: 0.7em;
    float: left;  
}

.wrapper-article .teo-article-cta {
    color: #272727;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 1em;
    display: inline-block;
    padding: 8px 18px;
    background-color: #ffd300;
    text-transform: uppercase;
    margin: 15px 0 15px 15px;
    clear: both;
    float: left;    
}
.wrapper-article .teo-article-cta-mask {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 19px;
    letter-spacing: 1px;
    line-height: 1em;
    display: inline-block;
    padding: 8px 18px;
    text-transform: uppercase;
    margin: 15px 0 15px 30px;
    clear: both;
    float: left;     
}

#ajax-wrapper span.page-numbers.current {
    color: #1D1D1B;
    font-weight: bold;
}
#ajax-wrapper a.page-numbers {
    color: #706F6F;
    font-weight: normal;    
}

#ajax-wrapper a.next.page-numbers {
}
/* \\ import mds */

.page-template-page-evenements #main-content {
    margin-top: 0px!important;
}



/* événements inscriptions bloc DIVI */
#header-inscription .teo-inscription-t1 {
    color: #fff;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 50px;
    letter-spacing: 0.08em;
    line-height: 1em;
    font-weight: 600; 
    padding: 14px 40px;
    background-color: rgba(39,39,39,0.7);
    text-transform: uppercase;
    text-align: right!important;
    display: inline-block;
    float: right;    
    clear: both;
    border-bottom: 1px solid #ffd300;
    border-right: 1px solid rgba(255,255,255,0.85);
    margin-right: 158px;
}

#header-inscription .teo-inscription-t2 {
    color: #ffd300;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-size: 50px;
    letter-spacing: 0.08em;
    line-height: 1em;
    font-weight: normal; 
    padding: 14px 40px;
    background-color: rgba(39,39,39,0.7);
    text-transform: uppercase;
    text-align: right!important;
    display: inline-block;
    float: right;    
    clear: both;
    border-right: 1px solid rgba(255,255,255,0.85);
    margin-right: 158px;
}


#texte-general-inscription h6 {text-transform: none;}
#texte-general-inscription .teo-inscription-texte-01 {}
#texte-general-inscription .et_pb_text_inner p {}
#texte-general-inscription .et_pb_text_inner p span {
    font-size: 100px;
    display: block;
    float: left;
    vertical-align: top;
    text-decoration: none!important;
    line-height: 79px;
    padding-right: 5px;
    margin-left: -10px;
    color: #000;
}

.teo-inscription-texte-01 {
    /*word-wrap: break-word;*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;      
}


#teo-cta-inscription .et_pb_promo_description {
    margin-bottom: 40px;
}
#teo-cta-inscription .et_pb_promo_description h6{
    text-transform: none!important;
}

#teo-pg-inscription table {
    background-color: #fff;
    border: 1px solid #fff;
}
#teo-pg-inscription table thead {
    background-color: #ffd300;
}

#teo-pg-inscription table ul {
    margin: 20px 0;
}
#teo-pg-inscription table ul li{
    padding: 5px 0;
}

.et-db #et-boc #header-inscription .et_pb_row_0 {
    background-position: right 300px!important;
}



/* Agenda block home page */
.event-home-tab {border:none!important;}
.event-home-tab tr {border:none!important;}
.event-home-tab td {border:none!important;}
.event-home-tab .event-content table {border:none!important;margin: 0 !important; height: 100%;}
.event-home-tab.tableft {background-color: #ffd300;}
.event-home-tab.tableft td.event-content {padding: 85px 0;}
.event-home-tab.tabright {background-color: #e7e7e7;}
.event-home-tab.tabright td.event-content{padding: 25px 0;}
.event-home-tab .event-content td {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    color: #272727;
    text-transform: uppercase;
}


.event-home-tab .event-content td.event-day {
    font-size: 48px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 0px;
    padding: 0 15px 0 15px!important;
    border-right: 1px solid #272727!important;
}
.event-home-tab .event-content td.event-month {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 600;
    padding: 0 15px 0 15px!important;
    border-right: 1px solid #272727!important;
}
.event-home-tab .event-content td.event-title {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 600;
    letter-spacing: 0px;  
    padding: 0 15px 0 30px!important;
}

.event-home-tab .event-content td.event-place {
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: 0px;  
    padding: 5px 15px 0 30px!important;
    
}
.event-home-tab .event-content td.event-place em {
    display: inline-block;
    padding: 5px 11px;
    background-color: #3e3e3c;
    color: #fff;
    font-style: normal;
}
.event-home-tab .event-content td.event-link {
    padding: 0 15px 0 30px!important;
    text-transform: none;
}
.event-home-tab .event-content td.event-link a{
    text-decoration: underline;
    color : #272727;
}



/* \\ PAGE EVENEMENTS & AGENDA 
-------------------------------------------------------------------------------- */


/* PAGE PROJETS ETUDIANTS 
-------------------------------------------------------------------------------- */
#projet-etudiant-presentation .et_pb_row.et_pb_row_3 {
    padding-top: 30px!important;
}

#projet-etudiant-presentation .et_pb_row_1 .et_pb_blurb_0 .et_pb_main_blurb_image .et_pb_image_wrap img,
#projet-etudiant-presentation .et_pb_row_1 .et_pb_blurb_0 .et_pb_main_blurb_image .et_pb_image_wrap {
/*    width: 39px!important;
    height: 54px!important;*/
}
#projet-etudiant-presentation .et_pb_row_1 .et_pb_blurb_1 .et_pb_main_blurb_image .et_pb_image_wrap img,
#projet-etudiant-presentation .et_pb_row_1 .et_pb_blurb_1 .et_pb_main_blurb_image .et_pb_image_wrap {
/*    width: 35px!important;
    height: 37px!important;*/
}
#projet-etudiant-presentation .et_pb_row_1 .et_pb_blurb_0 .et_pb_main_blurb_image .et_pb_image_wrap img,
#projet-etudiant-presentation .et_pb_row_1 .et_pb_blurb_1 .et_pb_main_blurb_image .et_pb_image_wrap img { 
    max-width:none;
    height: auto;    
}


.et-db.single-galeries #main-content {
    margin-top: 80px;
}

.single-galeries h2 {
    font-size: 40px;
    text-align: center;
    padding: 80px 0 40px 0;
}

#projet-etudiant-video .et_pb_module.et_pb_video {
    border: 4px solid #fff;
    border-radius: 6px;
}

.et-db.single-galeries #main-content.teo-pg-animation #et-boc #projet-etudiant-recompense.et_pb_section,
.et-db.single-galeries #main-content.teo-pg-animation #et-boc #projet-etudiant-video.et_pb_section {
    background: url('img/slider-animation.png') center bottom no-repeat;
    background-size: contain;
}
.et-db.single-galeries #main-content.teo-pg-design #et-boc #projet-etudiant-recompense.et_pb_section,
.et-db.single-galeries #main-content.teo-pg-design #et-boc #projet-etudiant-video.et_pb_section {
    background: url('img/slider-design.png') center bottom no-repeat;
    background-size: contain;
}
.et-db.single-galeries #main-content.teo-pg-jeu-video #et-boc #projet-etudiant-recompense.et_pb_section,
.et-db.single-galeries #main-content.teo-pg-jeu-video #et-boc #projet-etudiant-video.et_pb_section {
    background: url('img/slider-jeu-video.png') center bottom no-repeat;
    background-size: contain;
}


.et-db.single-galeries #main-content.teo-pg-animation #et-boc #projet-etudiant-galerie.et_pb_section,
.et-db.single-galeries #main-content.teo-pg-animation #et-boc #projet-etudiant-presentation.et_pb_section {
        background-color: #179fdb!important;
}
.et-db.single-galeries #main-content.teo-pg-design #et-boc #projet-etudiant-galerie.et_pb_section,
.et-db.single-galeries #main-content.teo-pg-design #et-boc #projet-etudiant-presentation.et_pb_section {
        background-color: #d72525!important;
}
.et-db.single-galeries #main-content.teo-pg-jeu-video #et-boc #projet-etudiant-galerie.et_pb_section,
.et-db.single-galeries #main-content.teo-pg-jeu-video #et-boc #projet-etudiant-presentation.et_pb_section {
        background-color: #94c23c!important;
}

.projet-titre-galerie {}
.et-db.single-galeries #main-content.teo-pg-jeu-video .projet-sous-titre-galerie.et_pb_text h6 {color: #94c23c!important;}
.et-db.single-galeries #main-content.teo-pg-design .projet-sous-titre-galerie.et_pb_text h6 {color: #d72525!important;}
.et-db.single-galeries #main-content.teo-pg-jeu-animation .projet-sous-titre-galerie.et_pb_text h6 {color: #179fdb!important;}
.projet-galerie {}

.et-db.single-galeries #main-content .projet-photo-etudiant span {position: relative;}
.et-db.single-galeries #main-content .projet-photo-etudiant span.et_pb_image_wrap:before {
    content: url('img/projet-over-etudiant.png');
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    opacity: 0;
}
.et-db.single-galeries #main-content .projet-photo-etudiant a:hover span.et_pb_image_wrap:before {
    opacity: 1;
}

.et-db #et-boc .et_pb_blurb_position_left .et_pb_main_blurb_image,
.et-db #et-boc .et_pb_blurb_position_right .et_pb_main_blurb_image {
    display: table-cell;
    width: auto;
    max-width: 100%;
    line-height: 0;
}

.teo-btn-projet-left,
.teo-btn-projet-right {
    width: 35px;
    height: 35px;
    margin: 0 15px 0 0;
    font-size: 35px;
    border-radius: 50%;
    color: #1D1D1B;
    line-height: 0.9em;
    cursor: pointer;
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
}    
.teo-btn-projet-tirets {
    color: #1D1D1B;
    line-height: 1em;
    display: inline-block;
    font-size: 30px;
}

.projet-texte-recompense-left p:nth-child(1n+4),
.projet-texte-recompense-right p:nth-child(1n+4) {
    display: none;}

.et-db.single-galeries .minimal-light .esg-navigationbutton {
    padding: 10px;
    float: right;
    margin-top: 20px;
    font-size: 30px;
    color: #272727;
    font-weight: 300;
    border-radius: 50%;
    line-height: 0.6em;
    border: none;
}

.et-db.single-galeries #main-content.teo-pg-animation .minimal-light .esg-navigationbutton {background-color: #179fdb;}
.et-db.single-galeries #main-content.teo-pg-design .minimal-light .esg-navigationbutton {background-color: #d72525;}
.et-db.single-galeries #main-content.teo-pg-jeu-video .minimal-light .esg-navigationbutton {background-color: #94c23c;}

.single-galeries .projet-photo-etudiant h4 { 
    margin-bottom: 7px;
}
.single-galeries .projet-photo-etudiant .et_pb_blurb_description { 
    font-weight: 300!important;
}



/* \\ PAGE PROJETS ETUDIANTS
-------------------------------------------------------------------------------- */

/* PAGE ACTUALITES 
-------------------------------------------------------------------------------- */
.teo-sidebar-btn-actus a {
    display: block;
    width: 180px;
    padding: 10px;
    margin: 0 auto;
    background-color: #FFD300!important;
    text-align: center;
    border-radius: 5px;
    font-weight: 600;
    color : #1D1D1B!important;
    letter-spacing: 1px;
}


#galerie-actualites-01 .minimal-light .esg-navigationbutton {
    padding: 10px;
    /*float: right;*/
    margin-top: 20px;
    /*background-color: #ffd300!important;*/
    color: #272727;
    font-size: 30px;
    font-weight: 300;
    border-radius: 50%;
    line-height: 0.6em;
    border: none;
}

#galerie-actualites-01 .minimal-light .esg-filterbutton {
    color: #272727;
    margin-right: 4px;
    cursor: pointer;
    padding: 0px 10px;
    border: none;
    line-height: 28px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    background: #fff;
    margin-bottom: 5px;
}

.single-post #main-content {
        margin-top: 0!important;
}

#teo-single-actu-header {}
#teo-single-actu-header .header-img{margin-bottom: 15px;}
#teo-single-actu-header .header-title{}
#teo-single-actu-header .header-cat{margin-bottom: 15px;}

#teo-single-actu-header .header-cat p.et_pb_title_meta_container:before {
    content: url('img/picto-single-actus.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: bottom;
}
#teo-single-actu-header .header-text{}

#teo-single-actu-header .header-sidebar {}
#teo-single-actu-header .header-sidebar .widget_recent_entries li:before { 
    content: url('img/picto-single-actus.png');
    display: inline-block;
    width: 15px;
    height: 21px;
    margin-right: 10px;
    margin-top: 3px;
    float: left;
}
#teo-single-actu-header .header-sidebar .widget_categories li:before { 
    content: url('img/picto-single-actus.png');
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: 3px;
    float: left;
}

#teo-single-actu-header .header-sidebar .et_pb_widget {
    margin-bottom: 35px;
}

#teo-single-actu-header .header-sidebar .et_pb_widget.widget_categories,
#teo-single-actu-header .header-sidebar .et_pb_widget.widget_recent_entries {
    margin-bottom: 35px;
    padding: 10px 10px 10px 25px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#teo-single-actu-header .header-sidebar .et_pb_widget.widget_categories h4.widgettitle,
#teo-single-actu-header .header-sidebar .et_pb_widget.widget_recent_entries h4.widgettitle {
    margin: -5px -5px 15px -20px;
    background-color: #ececec;
    padding: 10px 0 10px 25px;
    font-weight: 600;
}

#teo-single-actu-header a {
    color: #272727;
    text-decoration: none;
}
/* \\ PAGE ACTUALITES 
-------------------------------------------------------------------------------- */


/* \\ LES PAGES INSCRIPTIONS 
-------------------------------------------------------------------------------- */

div#teo-inscription-filieres-first {
    padding-top: 170px!important;
}

/* \\ LES PAGES INSCRIPTIONS 
-------------------------------------------------------------------------------- */


/* FOOTER 
-------------------------------------------------------------------------------- */
#footer-bottom {
    padding: 15px 0 5px;
    background-color: #272727;
}

.teo-polygone-blocbottom,
.teo-polygone-bloctop,
#teo-polygone-main {
    position: relative;
    width: 100%;
    height: 138px;
}

/* sep footer */
.teo-polygone-color-footer {}

.teo-polygone-footer {
    position: relative;
    z-index: 10000;
    display : inline-block;
    height : 0;
    width : 0;
    border-bottom : 138px solid #272727;  
}
.teo-polygone-color-footer {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;    
}
/* \ sep footer */

/* sep page */

.teo-polygone-color-top {
    position: absolute;
    width: 100%;
    height: 50%;
    top: 0;
}
.teo-polygone-bloctop .teo-polygone-color-top {background-color: transparent;}
.teo-polygone-blocbottom .teo-polygone-color-top {background-color: #090909;}
.teo-polygone-color-bottom {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
}
.teo-polygone-page-top {
    position: relative;
    z-index: 10000;
    display : inline-block;
    height : 0;
    width : 0;
    border-bottom : 138px solid #090909;  
}
.teo-polygone-page-bottom {
    position: relative;
    z-index: 10000;
    display : inline-block;
    height : 0;
    width : 0;  
    border-bottom : 138px solid #e7e7e7;
}
/* \ sep page */


#main-footer  #footer-widgets {
    padding: 50px 0;
}

#main-footer .custom-html-widget,
#main-footer .footer-widget h4 {
    color: #fff!important;
}


#main-footer .footer-widget h4 {
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    font-size: 20px; 
    line-height: 1.7em;
    font-weight: 500;
    letter-spacing: 2px;
}

#main-footer .custom-html-widget {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: 0px;
    
}

#main-footer .footer-widget #custom_html-2 {float: left;}
#main-footer .footer-widget #custom_html-3 {float: right;}
#main-footer .footer-widget #custom_html-4 {float: right;}
.map-marker-footer {vertical-align: middle;}

.teo-logo-footer {width: 16%; float: right; }
.teo-copyright-rubika {width: 16%; float: left;}

.bottom-nav {
    padding: 0 0 15px 0;
    float: left;    
}

.teo-copyright-rubika,
.bottom-nav a {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
}
.bottom-nav li {
    display: inline-block;
    padding-right: 70px;
    font-size: 14px;
    font-weight: 600;
}
.bottom-nav li:last-child {
    padding-right: 0;
}

#et-footer-nav {
    background-color: #272727;
    min-height: 40px;
}

/* \\\ FOOTER 
-------------------------------------------------------------------------------- */


/* Bloc réseaux sociaux 
-------------------------------------------------------------------------------- */
#teo-rlink-wrapper {
    text-align: center;
    height: auto;
    background-color: #e7e7e7;
    padding-top: 0px;
}

#teo-rlink-wrapper h3 {
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    font-size: 40px;
    color: #1d1d1b!important;
    letter-spacing: 4px;
    line-height: 1.2em;
    text-align: center;
    padding-top: 30px;    
}



.teo-rlink-bloc div.teo-rlink a{
    display: block;
    background-color: transparent;
    text-align: center; 
    background-repeat: no-repeat;
    background-position: center top;
}

.teo-rlink-bloc div.teo-rlink a span {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}

.teo-rlink-bloc div.teo-rlink a img {
    margin-top: 4px;
}

.teo-rlink-bloc div.teo-rlink a.fb-e span,
.teo-rlink-bloc div.teo-rlink a.fb-yt span,
.teo-rlink-bloc div.teo-rlink a.fb-linked span,
.teo-rlink-bloc div.teo-rlink a.fb-vim span,
.teo-rlink-bloc div.teo-rlink a.fb-pint span,
.teo-rlink-bloc div.teo-rlink a.fb-twitt span,
.teo-rlink-bloc div.teo-rlink a.fb-link span { 
    background-position-x: center;
    background-position-y: top;
}

.teo-rlink-bloc div.teo-rlink a.fb-link span{background-image: url('img/picto-facebook-hover.png');}
.teo-rlink-bloc div.teo-rlink a.fb-twitt span{background-image: url('img/picto-twitter-hover.png');}
.teo-rlink-bloc div.teo-rlink a.fb-pint span{background-image: url('img/picto-pinterest-hover.png');}
.teo-rlink-bloc div.teo-rlink a.fb-vim span{background-image: url('img/picto-vimeo-hover.png');}
.teo-rlink-bloc div.teo-rlink a.fb-linked span{background-image: url('img/picto-linkedin-hover.png');}
.teo-rlink-bloc div.teo-rlink a.fb-yt span{background-image: url('img/picto-youtube-hover.png');}
.teo-rlink-bloc div.teo-rlink a.fb-e span{background-image: url('img/picto-e-hover.png');}

.teo-rlink-bloc div.teo-rlink {
    display: inline-grid;
    vertical-align: top;
    margin: 0px 2% 0px 2%;
}

.teo-rlink-bloc {
    padding-top: 30px;
}
/* \\\ Bloc réseaux sociaux  
-------------------------------------------------------------------------------- */



/* BLOC SLIDER ACTUS ACCUEIL
-------------------------------------------------------------------------------- */
.teo-excerpt-actu-home {
    text-align: justify!important;
}

#teo-pg-accueil-actus #rev_slider_6_2 .metis.tparrows:before {
    font-family: "revicons";
    font-size: 40px!important;
    color: #B2B2B2!important;
    display: block;
    line-height: 40px;
    text-align: center;
    font-weight: 200;
}
/* \\\ BLOC SLIDER ACTUS ACCUEIL
-------------------------------------------------------------------------------- */









/* BOUTONS << PROGRAMME >> POUR LE ONGLETS
-------------------------------------------------------------------------------- */

.teo-btn-year {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 25px!important;
    border-right: 1px dotted #575757;
    border-top: 1px dotted #575757;
    border-bottom: 1px dotted #575757;
    padding: 16px 19px 16px 18px!important;
    line-height: inherit;
    vertical-align: middle;
    text-decoration: none;
    cursor: pointer;
    float: left;
    /* color par défaut */
    background-color: #fff;
    color: #3f3f3d!important; 
    font-weight: 600;
}

.teo-btn-year-on {
    background-color: #179fdb;
    color: #fff!important;   
}

.onglet-programme {
    clear: both;
}

.onglet-programme.onglet-year1 ul.et_pb_tabs_controls,
.onglet-programme.onglet-year2 ul.et_pb_tabs_controls,
.onglet-programme.onglet-year3 ul.et_pb_tabs_controls,
.onglet-programme.onglet-year4 ul.et_pb_tabs_controls,
.onglet-programme.onglet-year5 ul.et_pb_tabs_controls {
    min-height: 52px!important;
}

.onglet-programme.onglet-year2,
.onglet-programme.onglet-year3,
.onglet-programme.onglet-year5 {
    display: none;
}

/* \\\ BOUTONS << PROGRAMME >> POUR LE ONGLETS
-------------------------------------------------------------------------------- */





/* BLOC TOP ET BOTTOM 2 COULEURS 
-------------------------------------------------------------------------------- */
.top-bloc-2color {
    
}

.bottom-bloc-2color {
    
}

/* \\\ BLOC TOP ET BOTTOM 2 COULEURS 
-------------------------------------------------------------------------------- */



/* QUAD MENU
-------------------------------------------------------------------------------- */
.et_header_style_centered #et_top_search {
    display: block!important;
    float: right;
    position: relative;
    width: 18px;
    margin: 0 0 0 0;
}
.et_header_style_centered #et_search_icon:before {
    top: -45px;
    left: 35px;
}

#top-menu-nav #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li > a {
    padding-bottom: 25px!important;
    padding-top: 25px!important;    
    
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}

#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav > li.quadmenu-item > a, #quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav > li.quadmenu-item > form {
    font-family: Lato;
    font-size: 18px!important;
    font-weight: 400!important;
    font-style: normal;
    letter-spacing: 1px;
}
#top-menu-nav #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li > a:hover {
    color: #FFD300!important;
}

#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover, #quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link.open {
    background-color: inherit!important;
}

#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-design-t2 > a > .quadmenu-item-content > .quadmenu-icon {
    color: #706f6f;
}
#quadmenu.quadmenu-divi_primary_menu.quadmenu-is-horizontal .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item:not(.quadmenu-item-type-tab):not(:last-child):not(:only-child) > a {
    border-color: rgba(0, 0, 0, 0.05);
    border-style: solid;
    border-width: 0 0 0 0!important;
}


.teo-menu-anim-t1 span.quadmenu-text,
.teo-menu-jeu-t1 span.quadmenu-text,
.teo-menu-sejours-t1 span.quadmenu-text,
.teo-menu-design-t1  span.quadmenu-text {
    font-family: Lato;
    font-size: 17px!important;
    font-weight: 400!important;
    font-style: normal;
    letter-spacing: 1px;
    text-transform: uppercase
}
.teo-menu-anim-t1 span.quadmenu-text,
.teo-menu-jeu-t1 span.quadmenu-text,
.teo-menu-sejours-t1 span.quadmenu-text,
.teo-menu-design-t1 span.quadmenu-text {
    display: inline-block!important;
    margin-top: -27px!important;
    vertical-align: middle;
}
.teo-menu-design-t1 span.quadmenu-text {color:#d72525;}
.teo-menu-sejours-t1 span.quadmenu-text{color:#ffc615;}
.teo-menu-jeu-t1 span.quadmenu-text{color:#94c23c;}
.teo-menu-anim-t1 span.quadmenu-text{color:#179fdb;}

.teo-menu-design-t1-i:before {
    content: url('img/menu/menu-puce-design.png');
    float: left;
    width: 40px!important;
    height: 40px!important;
}
.teo-menu-anim-t1-i:before {
    content: url('img/menu/menu-puce-animation.png');
    float: left;
    width: 40px!important;
    height: 40px!important;
}
.teo-menu-jeu-t1-i:before {
    content: url('img/menu/menu-puce-jeu-video.png');
    float: left;
    width: 40px!important;
    height: 40px!important;
}
.teo-menu-sejours-t1-i:before {
    content: url('img/menu/menu-puce-sejours.png');
    float: left;
    width: 40px!important;
    height: 40px!important;
}

.teo-menu-design-t2 {}
.teo-menu-anim-t2 {}
.teo-menu-jeu-t2 {}
.teo-menu-sejours-t2 {}

.teo-menu-sejours-t2 .quadmenu-text, 
.teo-menu-jeu-t2 .quadmenu-text,
.teo-menu-anim-t2 .quadmenu-text,
.teo-menu-design-t2 .quadmenu-text {
    font-size: 17px;
    border: 0;
    color: #1b1b1d;
    letter-spacing: 2px;
    padding: 5px 10px 5px 10px;
    line-height: 0.9em;    
}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-jeu-t2 > a > .quadmenu-item-content > .quadmenu-icon,
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-anim-t2 > a > .quadmenu-item-content > .quadmenu-icon,
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-sejours-t2 > a > .quadmenu-item-content > .quadmenu-icon,
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-design-t2 > a > .quadmenu-item-content > .quadmenu-icon {
    padding: 5px 0 0 20px!important;
    display: inline-block;
    margin-right: 25px;
}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-design-t2 > a > .quadmenu-item-content > .quadmenu-icon {
    color: #d72525!important;}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-anim-t2 > a > .quadmenu-item-content > .quadmenu-icon {
    color: #179fdb!important;}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-jeu-t2 > a > .quadmenu-item-content > .quadmenu-icon {
    color: #94c23c!important;}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-sejours-t2 > a > .quadmenu-item-content > .quadmenu-icon {
    color: #ffc615!important;}

#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-design-t2 > a > .quadmenu-item-content,
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-anim-t2 > a > .quadmenu-item-content,
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-jeu-t2 > a > .quadmenu-item-content,
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-sejours-t2 > a > .quadmenu-item-content {
    padding: 6px 15px;
}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-design-t2 > a:hover .quadmenu-text {
   background-color: #d72525;
   color: #ffffff;
}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-jeu-t2 > a:hover .quadmenu-text {
   background-color: #94c23c;
   color: #ffffff;
}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-anim-t2 > a:hover .quadmenu-text {
   background-color: #179fdb;
   color: #ffffff;
}
#quadmenu.quadmenu-divi_primary_menu .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.teo-menu-sejours-t2 > a:hover .quadmenu-text {
   background-color: #ffc615;
   color: #ffffff;
}

/*********************************************************************************************************************/
.teo_fix_block #et_search_icon:before {
    top: -35px;
}

.et-fixed-header #top-menu-nav #quadmenu .quadmenu-navbar-nav > li > a > .quadmenu-item-content,
.teo_fix_block #top-menu-nav #quadmenu .quadmenu-navbar-nav > li > a > .quadmenu-item-content {
    color: #ffffff!important;
}

.teo_fix_block #top-menu-nav #quadmenu.quadmenu-is-horizontal .quadmenu-navbar-nav > li > a {
    padding-bottom: 14px!important;
    padding-top: 13px!important;
}


.teo-wrapper-slide-menu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}



/* \\ QUAD MENU
-------------------------------------------------------------------------------- */



/*UBER MENU
-------------------------------------------------------------------------------- */

.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target .ubermenu-target-title.ubermenu-target-text {
    font-size: 19px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px
}
.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target .ubermenu-target-title.ubermenu-target-text {
    font-size: 19px;
    color: #ffd300;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
}

.ubermenu-skin-minimal #menu-item-1762 .ubermenu-item-level-3 .ubermenu-target{
    padding: 15px 20px 0px 20px;
}
.ubermenu-skin-minimal #menu-item-1762 .ubermenu-item-level-3 span.ubermenu-target-title.ubermenu-target-text {
    min-height: 30px;
}

.ubermenu-skin-minimal.ubermenu-responsive-toggle {
    background: rgba(0,0,0,0.85)!important;
    font-size: 14px!important;
    text-transform: none;
    font-weight: normal;
    padding: 10px 5%!important;
    color: #fff!important;
}

/* \\ UBER MENU
-------------------------------------------------------------------------------- */


/* LES GALERIES
-------------------------------------------------------------------------------- */
.teo-titre-galerie .et_pb_blurb_description p {
    border: 1px solid #1b1b1d;
    display: inline-block;
    padding: 0.4em 1.8em;
    margin-top: 20px;
}

.esg-pagination .esg-navigationbutton {
    border-radius: 50%!important;    
}

.minimal-light .esg-filterbutton.selected,
.esg-pagination .esg-navigationbutton selected {
    background-color: #FFD300!important;
}
.teo-showimage {
    border: none;
    background-color: rgba(0,0,0,0.3);
    display: inline-block;
    padding: 15px 20px !important;
    color: #fff;
}
/*#galerie-actualites-01 .minimal-light .esg-navigationbutton {
    padding: 10px;
    float: right;
    margin-top: 20px;
    background-color: #ffd300 !important;
    color: #272727;
    font-size: 30px;
    font-weight: 300;
    border-radius: 50%;
    line-height: 0.6em;
    border: none;
}*/

/* \\ LES GALERIES
-------------------------------------------------------------------------------- */


/* LES PAGES INSCRIPTIONS
-------------------------------------------------------------------------------- */

.teo-txt-fr-metropole h6 {text-transform: none!important}
.tab-inscription {
    max-width:1090px!important;
    width: 100%!important;
    margin: 0 auto!important;
}

.tab-inscription .bg-color-on {
    background-color: #FFD300!important;
}

.tab-inscription th {
    text-transform:uppercase;
    font-size: 23px!important;
    color: #3f3f3d!important;
    padding: 15px!important;
    border-left: 4px solid #fff!important;
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    box-sizing:border-box!important;
    font-weight:normal!important;
}
.tab-inscription.tab-inscription-1 th:last-child { 
    border-right: 4px solid #FFD300!important;
}
.tab-inscription.tab-inscription-1 th:first-child {
    border-left: 4px solid #FFD300!important;
}

.tab-inscription.tab-inscription-1 td {
    width:25%!important;
}
.tab-inscription.tab-inscription-2 td {
    width:50%!important;
}
.tab-inscription td {
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
    font-size:25px!important;
    color: #3f3f3d!important;
    padding: 15px!important;
    border-bottom: 4px solid #FFD300!important;
    border-left: 4px solid #FFD300!important;
    box-sizing:border-box!important;
}

.tab-inscription.tab-inscription-2 td:first-child {
    letter-spacing: -1px!important;
}
.tab-inscription.tab-inscription-2 th {
    border-bottom: 4px solid #FFD300!important;
    border-left: 4px solid #FFD300!important;
}
.tab-inscription.tab-inscription-2 tr:first-child th {
    border-top: 4px solid #FFD300!important;
}
.tab-inscription.tab-inscription-2 tr:first-child td {
    border-top: 4px solid #FFD300!important;
}
.tab-inscription td:last-child {
    border-right: 4px solid #FFD300!important;
}


/* mega menu */
.menu-inscription th,
.menu-inscription tr,
.menu-inscription td,
.menu-inscription tbody,
.menu-inscription {border: 0!important; }
.menu-inscription {margin:0 0 20px 0!important; background: url('img/bg-inscr-menu-225x195.png') no-repeat top center; height: 185px!important}
.menu-inscription-l1 {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 21px!important;
    letter-spacing: 0px;    
    color: #000!important;
    height: 41px!important;
    padding: 0 0 0 15px!important;
    vertical-align: middle;    
}
.menu-inscription-l2 {
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
    font-size:14px!important;
    letter-spacing: 0px; 
    color: #000!important; 
    line-height: 1.3em;
    height: 30px;
    padding: 0 22px 3px 25px!important;    
}
.menu-inscription-l4,
.menu-inscription-l3 {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 11px!important;
    letter-spacing: 1px;    
    color: #000!important;
    line-height: 1.3em;   
}

.menu-inscription-l4 {
    /*height: 15px;*/
    padding: 0 0 0 25px!important;      
}
.menu-inscription-l3 {
    height: 15px;
    padding: 6px 0 0 25px!important;      
}
.menu-inscription-l3:before {
    content: url('img/menu-time.png');
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    float: left;
}
.menu-inscription-l4:before {
    content: url('img/menu-loc.png');
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 10px 0;
    float: left;    
}
.menu-inscription-l5 {
    height: 10px!important;
    padding: 12px 0 0 0!important;    
}
.menu-inscription-l5 a {
    display: block;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px!important;
    width: 110px;
    padding: 5px 10px;
    margin: 5px 0 0 15px;
    background-color: #FFD300!important;
    text-align: center;
    border-radius: 0;
    font-weight: 400;
    color: #1D1D1B!important;
    letter-spacing: 0px;
    text-transform: uppercase;
}

/* mega menu */
.menu-agenda th,
.menu-agenda tr,
.menu-agenda td,
.menu-agenda tbody,
.menu-agenda {border: 0!important; }
.menu-agenda {margin:0 0 20px 0!important; background: url('img/bg-agenda-menu-225x195.png') no-repeat top center; height: 185px!important}
.menu-agenda-l1 {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 21px!important;
    letter-spacing: 0px;
    color: #000!important;
    height: 45px!important;
    padding: 0 0 0 0px!important;
    vertical-align: middle; 
}
.menu-agenda-l2 {
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 14px!important;
    letter-spacing: 0px;
    color: #000!important;
    line-height: 1.3em;
    height: 30px;
    padding: 0 0px 0px 0px!important;
    text-align: center;   
}
.menu-agenda-l4,
.menu-agenda-l3 {
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 11px!important;
    letter-spacing: 1px;    
    color: #000!important;
    line-height: 1.3em;   
}

.menu-agenda-l4 {
    /*height: 15px;*/
    padding: 0 0 0 25px!important;      
}
.menu-agenda-l3 {
    height: 15px;
    padding: 6px 0 0 25px!important;      
}
.menu-agenda-l3:before {
    content: url('img/menu-time.png');
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    float: left;
}
.menu-agenda-l4:before {
    content: url('img/menu-loc.png');
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 10px 0;
    float: left;    
}
.menu-agenda-l5 {
    height: 10px!important;
    padding: 6px 0 0 0!important;  
    text-align: center;
}
.menu-agenda-l5 a {
    display: block;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px!important;
    width: 110px;
    padding: 5px 10px;
    margin: 0 auto;
    background-color: #FFD300!important;
    text-align: center;
    border-radius: 0;
    font-weight: 400;
    color: #1D1D1B!important;
    letter-spacing: 0px;
    text-transform: uppercase;
}


/* UBERMENU */
.ubermenu-skin-minimal.ubermenu-main {
    background-color: rgba(27,27,27,0.85)!important;
}

.ubermenu-skin-minimal .ubermenu-submenu li.teo-voir-tout-agenda a.ubermenu-target{
    display: block;
    font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px!important;
    width: 100%;
    padding: 10px 10px 10px 10px!important;
    margin: 0 auto;
    background-color: #474747!important;
    text-align: center;
    border-radius: 0;
    font-weight: 400;
    color: #fff!important;
    letter-spacing: 0px;
    text-transform: uppercase;   
}


.ubermenu-skin-minimal .ubermenu-submenu li.teo-voir-tout-agenda {
    padding-bottom: 15px!important;
}

li.ubermenu-item,
li.ubermenu-item a {
    cursor: pointer!important;
}

li.ubermenu-item-level-0 .ubermenu-sub-indicator {
    /*visibility: hidden!important;*/
}
li.ubermenu-item-level-0 .ubermenu-sub-indicator-close {
    /*visibility: hidden!important;*/
}

.mega-design-title {}
.mega-design-content {}

li.ubermenu-item-level-1.mega-title > a span.ubermenu-target-title.ubermenu-target-text {
    padding: 4px 0 0 55px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.2em;    
}

.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target {
    border-bottom: none!important;
}
ul.ubermenu-submenu-id-2740 {padding-bottom: 10px!important;}
li.ubermenu-item-level-1.mega-title > ul {padding: 7px 0 10px 15px;border-right: 0.5px solid #ddd;}

li.ubermenu-item-level-1.mega-design > a span.ubermenu-target-title.ubermenu-target-text {color: #d72525;}
li.ubermenu-item-level-1.mega-anim > a span.ubermenu-target-title.ubermenu-target-text {color: #179fdb;}
li.ubermenu-item-level-1.mega-video > a span.ubermenu-target-title.ubermenu-target-text {color: #94c23c;}
li.ubermenu-item-level-1.mega-sejours > a span.ubermenu-target-title.ubermenu-target-text {color: #ffd300; padding-top: 5px!important;}
li.ubermenu-item-level-1.mega-inscription > a span.ubermenu-target-title.ubermenu-target-text {
	font-size: 18px;
    line-height: 1.1em;
	color: #ffd300;
}

li.ubermenu-item-level-2 span.ubermenu-target-title.ubermenu-target-text {
    font-size: 18px;
    line-height: 1.1em;
    /*color: #1d1d1b!important;*/
}
li.ubermenu-item-level-2.mega-design-content  a i.ubermenu-icon {color: #d72525;}
li.ubermenu-item-level-2.mega-anim-content  a i.ubermenu-icon {color: #179fdb;}
li.ubermenu-item-level-2.mega-video-content  a i.ubermenu-icon {color: #94c23c;}
li.ubermenu-item-level-2.mega-sejours-content  a i.ubermenu-icon {color: #ffd300;}
li.ubermenu-item-level-2.mega-inscription-content  a i.ubermenu-icon {color: #ffd300;}

li.ubermenu-item-level-2.mega-design-content.ubermenu-current-menu-item:hover  a span.ubermenu-target-title.ubermenu-target-text,
li.ubermenu-item-level-2.mega-design-content:hover  a span.ubermenu-target-title.ubermenu-target-text {color: #fff!important;}

li.ubermenu-item-level-2.mega-anim-content.ubermenu-current-menu-item:hover  a span.ubermenu-target-title.ubermenu-target-text,
li.ubermenu-item-level-2.mega-anim-content:hover  a span.ubermenu-target-title.ubermenu-target-text {color: #fff!important;}

li.ubermenu-item-level-2.mega-video-content.ubermenu-current-menu-item:hover  a span.ubermenu-target-title.ubermenu-target-text,
li.ubermenu-item-level-2.mega-video-content:hover  a span.ubermenu-target-title.ubermenu-target-text {color: #fff!important;}

li.ubermenu-item-level-2.mega-sejours-content.ubermenu-current-menu-item:hover  a span.ubermenu-target-title.ubermenu-target-text,
li.ubermenu-item-level-2.mega-sejours-content:hover  a span.ubermenu-target-title.ubermenu-target-text {color: #fff!important;}

li.ubermenu-item-level-2.mega-inscription-content.ubermenu-current-menu-item:hover  a span.ubermenu-target-title.ubermenu-target-text,
li.ubermenu-item-level-2.mega-inscription-content:hover  a span.ubermenu-target-title.ubermenu-target-text {color: #fff!important;}

li.ubermenu-item-level-2.mega-design-content.ubermenu-current-menu-item:hover  a,
li.ubermenu-item-level-2.mega-design-content:hover  a {background-color: #d72525;}

li.ubermenu-item-level-2.mega-anim-content.ubermenu-current-menu-item:hover  a,
li.ubermenu-item-level-2.mega-anim-content:hover  a {background-color: #179fdb;}

li.ubermenu-item-level-2.mega-video-content.ubermenu-current-menu-item:hover  a,
li.ubermenu-item-level-2.mega-video-content:hover  a {background-color: #94c23c;}

li.ubermenu-item-level-2.mega-sejours-content.ubermenu-current-menu-item:hover  a,
li.ubermenu-item-level-2.mega-sejours-content:hover  a {background-color: #ffd300;}

li.ubermenu-item-level-2.mega-inscription-content.ubermenu-current-menu-item:hover  a,
li.ubermenu-item-level-2.mega-inscription-content:hover  a {background-color: #ffd300;}

/*.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
    color: #111;
    background: transparent;
}*/



/*li#menu-item-3890 li.mega-inscription span.ubermenu-target-title.ubermenu-target-text {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #1d1d1b!important;
}*/

li#menu-item-116 li.mega-campus span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-2093 li.mega-ecole span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-2697 li.mega-inter span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-13533 li.mega-montreal span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-13534 li.mega-montreal span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-13548 li.mega-montreal span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-2814 li.mega-galerie span.ubermenu-target-title.ubermenu-target-text {
    font-size: 15px;
    letter-spacing: 0.5px;
    color: #fff!important;
    text-transform: uppercase;
}

li#menu-item-1762 li.mega-agenda span.ubermenu-target-title.ubermenu-target-text {
    font-size: 14px;
    letter-spacing: 0.5px;
    color: #1d1d1b!important;
}

li#menu-item-116 li.mega-campus:hover span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-2093 li.mega-ecole:hover span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-2697 li.mega-inter:hover span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-13533 li.mega-montreal:hover span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-13534 li.mega-montreal:hover span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-13548 li.mega-montreal:hover span.ubermenu-target-title.ubermenu-target-text,
li#menu-item-2814 li.mega-galerie:hover span.ubermenu-target-title.ubermenu-target-text {
    color: #FFD300!important;
}

.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop.ubermenu-submenu-id-116,
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop.ubermenu-submenu-id-2093,
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop.ubermenu-submenu-id-2697,
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop.ubermenu-submenu-id-13533,
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop.ubermenu-submenu-id-13534,
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop.ubermenu-submenu-id-2814 {
    background-color: rgba(27,27,27,0.85);
    border: none;
}
.ubermenu li.mega-galerie .ubermenu-item-layout-image_left>.ubermenu-target-text {
    padding-left: 35px;
    padding-top: 2px;
}

li.ubermenu-item.ubermenu-item-level-0.ubermenu-current-menu-item > span.ubermenu-target,
li.ubermenu-item.ubermenu-item-level-0.ubermenu-current-menu-item > a.ubermenu-target,
li.ubermenu-item.ubermenu-item-level-0.ubermenu-current-menu-parent > span.ubermenu-target,
li.ubermenu-item.ubermenu-item-level-0.ubermenu-current-menu-parent > a.ubermenu-target {
    border-bottom: 3px solid #FFD300;
    padding-bottom: 12px;
}


.lg-menu-link {/*width: 25px;*/}
.lg-menu-link a{color: rgba(255,255,255,0)!important;}
.en-link {background: url('img/en-drapeau.png') center center no-repeat;}
.fr-link {background: url('img/fr-drapeau.png') center center no-repeat;}

.menu-agenda-l2 {
    height: 40px;
}
/* \\ LES PAGES INSCRIPTIONS
-------------------------------------------------------------------------------- */

/* PAGE INTERNATIONAL
-------------------------------------------------------------------------------- */

.teo-echanges-inter .et_pb_module_header {
    padding-bottom: 10px;
}

/* \\ PAGE INTERNATIONAL
-------------------------------------------------------------------------------- */


/* POPPIN COOKIES
-------------------------------------------------------------------------------- */
.cn-button.bootstrap {
    font-family: sans-serif;
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-right: .3em;
    margin-bottom: 0;
    *margin-left: .3em;
    line-height: 20px;
    color: rgba(27,27,27,1);
    text-align: center;
    text-shadow: none;
    font-style: normal;
    vertical-align: middle;
    cursor: pointer;
    background-color: #ffd300;
    background-image: -moz-linear-gradient(top,#ffd300,#ffd300);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffd300),to(#ffd300));
    background-image: -webkit-linear-gradient(top,#ffd300,#ffd300);
    background-image: -o-linear-gradient(top,#ffd300,#ffd300);
    background-image: linear-gradient(to bottom,#ffd300,#ffd300);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    border-color:none;
    box-shadow: none;
    padding: 2px 10px;
    font-size: 12px;
    text-decoration: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: none;
}
.cn-button.bootstrap:hover {
    color:  rgba(27,27,27,1);
    background-color: #ffd300;
    *background-color: #ffd300;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

/* \\ POPPIN COOKIES
-------------------------------------------------------------------------------- */


/* LES PAGES INSCRIPTIONS SUITE
-------------------------------------------------------------------------------- */
#teo-titre-onglet-standard h6 {
    padding-top: 15px;
}

#teo-onglet-standard ul li {
    padding: 5px 0;
}

#teo-onglet-standard  ul.et_pb_tabs_controls li:not(.et_pb_tab_active):first-child {
    border-left: none;
    border-bottom: none;
}
#teo-onglet-standard ul.et_pb_tabs_controls {
    background-color: #ffffff!important;
}


.teo-tab-onglet-standard th,
.teo-tab-onglet-standard td,
.teo-tab-onglet-standard tr,
.teo-tab-onglet-standard tbody,
.teo-tab-onglet-standard {border: none!important}
.teo-tab-onglet-standard tbody td {border-left: 1px solid #fff!important; }
.teo-tab-onglet-standard tbody td:first-child {border-left: 0!important;}
.teo-tab-onglet-standard thead td {background-color: #fff; border:4px solid #ffd300!important}

/* \\ LES PAGES INSCRIPTIONS SUITE
-------------------------------------------------------------------------------- */


/* LES PAGES INTERNATIONAL SUITE
-------------------------------------------------------------------------------- */

.link-ffd300 a {
    color : #ffd300!important;
}

/* \\ LES PAGES INTERNATIONAL SUITE
-------------------------------------------------------------------------------- */

/* LA PAGE SEARCH
-------------------------------------------------------------------------------- */
.entry.teo-search-noresult {
    text-align: center;
    padding: 200px 0;
    
}
.entry.teo-search-noresult h5 {
    font-size: 30px;
    line-height: 1.4;
}


/* article de page */
article.teo-search-article {
    width: 280px;
    float: left;
    margin: 1em 1em;
    min-height: 420px;
    border: 1px solid #cfcfcf;
-moz-box-shadow: 1px 1px 8px 2px #cfcfcf;
-webkit-box-shadow: 1px 1px 8px 2px #cfcfcf;
-o-box-shadow: 1px 1px 8px 2px #cfcfcf;
box-shadow: 1px 1px 8px 2px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=8);    
}
.teo-wrapper-search-txt{
    padding: 10px 20px;
}
article.teo-search-article .teo-search-link a {
    font-size: 13px;
    line-height: 20px;
    color: #272727;
    font-weight: 600;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 0px 0px 0px;
    background: #ffd300;
    z-index: 2 !important;
    display: block;
    text-transform: uppercase;
    text-align: center;
    margin: 15px 0;
}

.teo-search-img {
    height: 130px;
    background-position: center center;
    overflow: hidden;
}
.teo-search-title {
    min-height: 80px;
}
.teo-search-title h2 {
    font-size: 20px;
    line-height: 25px;
    color: #363839;
    font-weight: 600;
    display: block;
    text-align: center;
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 2 !important;
    text-transform: capitalize;
}
.teo-search-objet {text-align: center; color: #ffd300; font-weight: 600; min-height: 25px;}
.teo-search-resume {min-height: 100px;}



/* \\ LA PAGE SEARCH
-------------------------------------------------------------------------------- */


/* MENU TOP HEADER MOBILE
-------------------------------------------------------------------------------- */
ul#teo-topmenu-mobile {
    float: right;
}

ul#teo-topmenu-mobile li {
    float: left;
}

ul#teo-topmenu-mobile li a {
    vertical-align: middle;
    padding: 6px 6px 2px 6px;
    text-transform: uppercase;
    display: inline-block;
}

ul#teo-topmenu-mobile li:first-child a {
    background: #ffd300;
    color: #272727;
    margin-right: 5px;
}

/* \\ MENU TOP HEADER MOBILE
-------------------------------------------------------------------------------- */


.et_pb_section_0.et_pb_section {
    padding-top: 78px!important;
}


#projet-etudiant-video.et_pb_section_0.et_pb_section {
    padding-top: 0!important;
}



/* Responsive Theme customization starts here
----------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* VIA MIN WIDTH ***************************************************************
******************************************************************************** */
@media only screen and (min-width: 576px) {}

@media only screen and (min-width: 768px) {}

@media only screen and (min-width: 981px) {
    
    .et_header_style_centered #et-top-navigation nav>ul>li>a,
    .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding: 25px 18px!important;
    }    
    
    .et_header_style_centered #main-header.teo_fix_block #et-top-navigation nav>ul>li>a,
    .et_header_style_split #main-header.teo_fix_block #et-top-navigation nav>ul>li>a {
        padding: 17px 12px!important;
    }   
    #top-header-mobile {
        display: none;
    }
    #main-content .container:before {
        position: absolute;
        top: 0;
        width: 0px;
        height: 100%;
        background-color: #e2e2e2;
        content: "";
    }    
}


@media (min-width: 981px) { 
    .et-db #et-boc .et-l #projet-etudiant-video.et_pb_section {
        padding: 0!important;
    }
}





@media only screen and (min-width: 1280px) {
    #menu-menu-faq-page-accueil li a {
        font-size: 22px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }    
}
/* \\\ VIA MIN WIDTH ***********************************************************
******************************************************************************** */


/* VIA MAX WIDTH ***************************************************************
******************************************************************************** */

@media only screen and (max-width: 1490px) {
    .single-inscriptions.et-db #et-boc #teo-pg-inscription .et_pb_row {
        max-width: 65%!important;
        width: 65%;
    }
    #menu-menu-faq-page-accueil li a {
        font-size: 22px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }    
    
}


@media only screen and (max-width: 1280px) {
    .bottom-nav li {
        display: inline-block;
        padding-right: 35px;
    }    
    
    .et_header_style_centered #et-top-navigation nav>ul>li>a,
    .et_header_style_split #et-top-navigation nav>ul>li>a {
        padding: 15px 12px!important;
    }
    
    #top-menu li a {
        font-size: 15px!important;
    } 
    #menu-menu-faq-page-accueil li a {
        font-size: 20px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }     
    
}


@media (min-width: 980px) and (max-width:1190px) {
    .et_pb_gutters2 .et_pb_column_1_3, .et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
        width: 33.333%;
    }
    .et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column {
        margin-right: 0%;
    }

    .bottom-nav li {
        display: inline-block;
        padding-right: 10px;
    }  
    
    /* LES CHIFFRES CLES */
    .et_pb_number_counter_1.et_pb_number_counter .percent p,
    .et_pb_number_counter_0.et_pb_number_counter .percent p {font-size: 90px!important;}  
    
    .teo-inscription-bachelor table tr:first-child td h3,
    .teo-inscription-master table tr:first-child td h3 {font-size: 22px;}
    .teo-inscription-bachelor table tr:first-child td p,
    .teo-inscription-master table tr:first-child td p {font-size: 20px;}
    .teo-inscription-bachelor table tr:first-child td p sup,
    .teo-inscription-master table tr:first-child td p sup {font-size: 16px;}
    .teo-inscription-bachelor table tr td,
    .teo-inscription-master table tr td {font-size: 17px;}
    .teo-inscription-bachelor table tr td h5,
    .teo-inscription-master table tr td h5 {font-size: 22px;}  
    
    .onglet-programme table {
        width: 50%!important;
        height: auto;
        min-height: 400px;
    }
    .onglet-programme table:nth-child(even) tr td {
        padding: 6px 18px;
        border-top: 0;
        border-right: 0;
    }   
    
    .single-inscriptions.et-db #et-boc .et_pb_row {
        max-width: 75%!important;
        width: 75%;
    }  
    .single-inscriptions.et-db #et-boc .teo-inscription-texte-02.et_pb_text {
        max-width: 100%;
    }
    
    .page-template-page-evenements .teo4 {
        width: 35%;
    }
    .page-template-page-evenements .teo-col {
        display: inline-table;
        margin: 0 5% 35px 5%;
    }
    
    #teo-events-title {padding-top: 190px!important;} 
    
    .page.et_pb_pagebuilder_layout #main-content .container {padding-top: 28px;}
    .page.et_pb_pagebuilder_layout #teo-wrapper-filter {margin: 10px auto 45px auto;}
    
    .ubermenu-sub-indicators .ubermenu-item-has-children>.ubermenu-target.ubermenu-noindicator {
        padding-right: 0px!important;
    }    
}


@media (max-width: 980px) { 
    #menu-menu-faq-page-accueil li a {
        font-size: 19px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }    
    #top-menu {
        display: none;
    }
    #top-header-mobile {
        display: block;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        background-color: #272727;
        z-index: 100000;
    }
    
    .single-inscriptions.et-db #et-boc .et_pb_column .et_pb_module {
        margin-bottom: 0;
    }
    
    .et_header_style_centered #main-header .mobile_nav {
        display: block;
        padding: 0px 10px 20px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color: rgba(39,39,39,0.85);
        text-align: left;
    }
    .et_header_style_centered .mobile_nav .select_page,
    .et_header_style_split .mobile_nav .select_page {
        display: inline-block;
        color: #666;
        font-size: 14px;
        width: 100%;
        text-align: right;
        padding-right: 44px;
        margin-top: 5px;
    }    
    
    .mobile_menu_bar:before,
    .et_overlay:before {color: #ffffff!important;}
    
    #main-header {
        background-color: transparent!important;
        margin-top: 20px;
    }
    .et_header_style_centered #et_mobile_nav_menu {
        position: fixed;
        top: 15px;
        left: 10px;
        right: 10px;
    }  
 

    #main-header.teo_fix_block .teo-logo-menu,
    .teo-logo-menu {
        display: inline-block;
        background-color: #fff;
        padding: 0;
        margin: 0;
        position: fixed;
        width: 217px;
        height: 47px;
        left: 10px;
        top: 35px;
        z-index: 100000;
    }
    
    #top-header-mobile #flags_language_selector {
        width: 50%;
        float: left;
        padding: 7px 0 0 10px;
    }    
    
    .et_header_style_centered #main-header {
        padding: 0;
    }    
    .teo-pg-animation h1 sup, .teo-pg-animation h2 sup, .teo-pg-animation h3 sup, .teo-pg-animation h4 sup, .teo-pg-animation h5 sup, .teo-pg-animation h6 sup {
        font-size: 35px;
        bottom: 0.25em;
        left: 0.2em;
    }   
    .onglet-programme .et_pb_tab_content table {
        width: 50%!important;
        border-collapse: collapse;
        border-style: none;
    }  
    .onglet-programme .et_pb_tab {
        padding: 35px 25px 15px 25px;
    }    

    .teo-logo-footer {width: 100%; float: none; text-align: center; }
    .teo-copyright-rubika {width: 100%; float: none; text-align: center;}

    .bottom-nav {
        padding: 0 0 15px 0;
        width: 100%;
        float: none;    
        text-align: center;
    }   
    
    .bottom-nav li {
        display: block;
        padding: 15px 0;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }
    
    #main-footer #footer-widgets {
        text-align: center;
    }
    #main-footer .footer-widget #custom_html-2,
    #main-footer .footer-widget #custom_html-3,
    #main-footer .footer-widget #custom_html-4 {
        float: none;
        display: inline-block;
        margin: 40px auto;
        max-width: none;
        text-align: center;
    }    
    
    .et_pb_gutters1 .footer-widget:nth-child(n) {
        width: 100%!important;
        margin: 0!important;
    }
    
    .teo-polygone-blocbottom,
    .teo-polygone-bloctop,
    #teo-polygone-main {
        position: relative;
        width: 100%;
        height: 90px;
    }
    .teo-polygone-footer {border-bottom : 90px solid #272727;}
    .teo-polygone-page-top {
        border-bottom : 90px solid #090909;  
    }
    .teo-polygone-page-bottom {
        border-top : 90px solid transparent;
    }
    
    /* inscription */
    .teo-inscription-bachelor table {width: 65%!important; float: none; margin: 0 auto 40px auto!important;}
    .teo-inscription-master table {width: 65%!important; float: none; margin: 40px auto 0 auto!important;}
    #teo-inscription .et_pb_button_0_wrapper {margin-top: -70px!important;}

    
    /* bloc header et bottom 2 couleurs */
    .bottom-bloc-2color {
        padding: 0 0;
    }
    .bottom-bloc-2color .et_pb_column .et_pb_row_inner, .et_pb_row {
        padding: 0 0;
    }
    
    .anim-type-fractal {
        z-index: 9999;
        margin-top: -160px;
    }    
    
    
    .puce-number .et_pb_text_inner p {
        text-decoration: none;
        padding: 0;
        border-radius: 50%;
        font-weight: 400;
        background-color: #ffffff;
        display: inline-block;
        font-size: 20px;
        line-height: 1.7em;
        /* display: inline-block; */
        width: 40px;
        height: 40px;
    }
    
    #teo-relation-pro h6.et_pb_module_header,
    #teo-relation-pro.teo-pg-design h6.et_pb_module_header,
    #teo-relation-pro.teo-pg-jeu-video h6.et_pb_module_header,
    #teo-relation-pro.teo-pg-animation h6.et_pb_module_header {
        position: relative;
        left: auto;
        top: -40px;
    }   
    
    .onglet-programme table {
        width: 50%!important;
        height: auto;
        min-height: 400px;
    }
    .onglet-programme table:nth-child(even) tr td {
        padding: 6px 18px;
        border-top: 0;
        border-right: 0;
    }     
    .et_pb_tabs.onglet-programme .et_pb_tabs_controls li[class^="et_pb_tab"],
    .et_pb_tabs.onglet-programme .et_pb_tabs_controls li[class^="et_pb_tab"] a {
        font-size: 25px!important;
    }   
    
    .single-inscriptions.et-db #et-boc #teo-pg-inscription .et_pb_row {
        max-width: 50%!important;
        width: 50%;
    }  
    .single-inscriptions.et-db #et-boc .teo-inscription-texte-02.et_pb_text {
        max-width: 100%;
    }  
    
    #header-inscription .teo-inscription-t1,
    #header-inscription .teo-inscription-t2 {
        /*margin-right: 0;
        font-size: 35px*/        
    }      
    
    .et-db #et-boc #header-inscription .et_pb_row_0 {
        background-position: right 150px!important;
    }    
    
    .page-template-page-evenements .teo4 {
        width: 40%;
    }
    .page-template-page-evenements .teo-col {
        display: inline-table;
        margin: 0 4% 35px 4%;
    }
    
    #teo-events-title {padding-top: 120px!important;padding-bottom: 0!important;} 
    .page.et_pb_pagebuilder_layout #main-content .container {padding-top: 28px;}
    .page.et_pb_pagebuilder_layout #teo-wrapper-filter {margin: 10px auto 45px auto;}    

    .event-home-tab.tableft td.event-content {
        padding: 25px 0;
    }
    
    #main-header,
    #main-header.teo_fix_block {
    top: 0 !important;
    margin-top: 35px;
    }
    #main-header > .container,
    #main-header.teo_fix_block > .container{
        width: 100%;
    }    
    
} /* end980 */


@media (max-width: 767px) { 
    #menu-menu-faq-page-accueil li a {
        font-size: 18px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }   
    .teo-pg-animation h1 sup, .teo-pg-animation h2 sup, .teo-pg-animation h3 sup, .teo-pg-animation h4 sup, .teo-pg-animation h5 sup, .teo-pg-animation h6 sup {
        font-size: 19px;
        bottom: 0.25em;
        left: 0.2em;
    } 
    .teo-mod-chiffres-cle h6 {
        padding-top: 0em;
    }
    .onglet-programme .et_pb_tab_content table {
        width: 90%!important;
        border-collapse: collapse;
        border-style: none;
    }   
    .onglet-programme table {
        height: fit-content!important;
        min-height: fit-content;
    }    
    .onglet-programme tr td {
        border-right: 0;
    }   
    .onglet-programme .et_pb_tab {
        padding: 25px 25px 15px 25px;
    }    
    .teo-des-questions .et_pb_blurb_description p:last-child {
        font-size: 20px;
        font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
    }    
    
    .anim-type-fractal {
        z-index: 9999;
        margin-top: -105px;
    }  

    /* LES CHIFFRES CLES */
    .et_pb_number_counter_1.et_pb_number_counter .percent p,
    .et_pb_number_counter_0.et_pb_number_counter .percent p {font-size: 80px!important;line-height: 1.5em;}     
  
    .table-c-cle-type1 table {width: 225px!important; margin: 0 auto!important;}
    .teo-c-cles-1 {font-size: 100px!important;}
    .teo-c-cles-2 {font-size: 30px!important;}
    .teo-c-cles-3 {font-size: 26px!important;}
    .teo-c-cles-4 {font-size: 26px!important;}
    .teo-c-cles-5 {font-size: 11px!important; letter-spacing: 0.2em!important; padding: 0!important;} 
    #teo-chiffres-cle .et_pb_text_1.table-c-cle-type1 {
        margin-bottom: 0!important;
    }
    
    
    
    /* old sur premier essai
    #teo-cursus .et_pb_row_5 .et_pb_column {
        width: 100%!important;
        margin: 0 2% 0 2%;
        text-align: center;
    }*/
    
    .teo-inscription-bachelor table tr:first-child td h3,
    .teo-inscription-master table tr:first-child td h3 {font-size: 18px;}
    .teo-inscription-bachelor table tr:first-child td p,
    .teo-inscription-master table tr:first-child td p {font-size: 16px;}
    .teo-inscription-bachelor table tr:first-child td p sup,
    .teo-inscription-master table tr:first-child td p sup {font-size: 13px;}
    .teo-inscription-bachelor table tr td,
    .teo-inscription-master table tr td {font-size: 14px;}
    .teo-inscription-bachelor table tr td h5,
    .teo-inscription-master table tr td h5 {font-size: 18px;}   
    
    
    .teo-btn-inscription-master,
    .teo-btn-inscription-bachelor {font-size: 16px}
    
    .teo-inscription-master table tr:last-child td,
    .teo-inscription-bachelor table tr:last-child td {height: 200px;}
    .teo-inscription-master table tr td,
    .teo-inscription-bachelor table tr td {padding: 15px 10px 20px 25px;}
    
    .et_pb_side_nav.et-visible {display: none!important;}  
    
    .et_pb_tabs.onglet-programme .et_pb_tabs_controls li[class^="et_pb_tab"],
    .et_pb_tabs.onglet-programme .et_pb_tabs_controls li[class^="et_pb_tab"] a {
        font-size: 20px!important;
    }     
    .onglet-programme table tr:first-child td {
        font-size: 25px;
        text-transform: uppercase;
        text-align: left;
        height: 34px;
    }  
    .onglet-programme table tr td ul {
        margin-top: 10px;
        margin-left: 10px;
    }    
    .onglet-programme table tr td ul li {
        padding: 5px 0;
        font-size: 18px;
    } 
    .onglet-programme table {
        width: 100%!important;
        height: fit-content;
        min-height: fit-content;
    }   
    
    
    .et-db #et-boc #header-inscription .et_pb_row {
        background-size: initial;
        background-position: initial ;
        background-image: none ;
    }    
    
    #header-inscription .teo-inscription-t1,
    #header-inscription .teo-inscription-t2 {
        margin-right: 0;
        font-size: 20px
    }   
       
    .page-template-page-evenements .teo4 {
        width: 50%;
    }
    .page-template-page-evenements .teo-col {
        display: inline-table;
        margin: 0 5% 35px 5%;
    }
    
    #troisfilieres .campus-photo-centrale-t1 {
        color: #fff;
        font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
        font-size: 30px;
        letter-spacing: 0.07em;
        line-height: 1em;
        font-weight: normal;
        padding: 14px 30px;
        background-color: rgba(39,39,39,0.7);
        text-transform: uppercase;
        text-align: right!important;
        display: block;
        float: none;
        clear: both;
        border-right: 4px solid #ffd300;
        /* border-right: 1px solid rgba(255,255,255,0.85); */
        /* margin-right: 50%; */
        width: 310px;
        max-width: 310px;
        margin: 0 auto;
    }    
    
    #troisfilieres .campus-photo-centrale-t2 {
        color: #ffffff;
        font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
        font-size: 30px;
        letter-spacing: 0.07em;
        line-height: 1em;
        font-weight: 600;
        padding: 14px 30px;
        background-color: rgba(39,39,39,0.7);
        text-transform: uppercase;
        text-align: left!important;
        display: block;
        float: none;
        clear: both;
        border-left: 4px solid #ffd300;
        /* margin-left: 49.7%; */
        width: 310px;
        max-width: 310px;
        margin: 20px auto 0 auto;
    }    
    
    .single-galeries h2 {
        font-size: 30px;
        text-align: center;
        padding: 40px 0 0px 0;
        margin-bottom: 0;
    }    
    #teo-header-page-a {
        padding-top: 72px !important;
    }    
} /*end768*/

@media (max-width: 560px) {
    .single-inscriptions.et-db #et-boc #teo-pg-inscription .et_pb_row {
        max-width: 70%!important;
        width: 700%;
    } 

    .page-template-page-evenements .teo4 {
        width: 70%;
    }
    .page-template-page-evenements .teo-col {
        display: inline-table;
        margin: 0 auto 35px auto;
    }    
    #teo-events-title .et_pb_text h2 {font-size: 30px;} 
    .page-template-page-evenements .teo-list-filter li a {font-size: 15px;}
    .page-template-page-evenements .teo-list-filter li {float: none}
    #menu-menu-faq-page-accueil li a {
        font-size: 17px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }  
    
    #motdirecteur img.alignleft {
        display: block;
        float: none;
        margin: 0 auto 0.8em auto!important;      
    }   
    #teo-bg-relation-pro {
        background: none!important;
    }
    .entry.teo-search-noresult {
        text-align: center;
        padding: 120px 0;

    }
    .entry.teo-search-noresult h5 {
        font-size: 20px;
        line-height: 1.4;
    }   
    
}

@media (max-width: 475px) {
    #menu-menu-faq-page-accueil li a {
        font-size: 16px;
        letter-spacing: 3px;
        line-height: 2.7em; 
    }       
    .et_header_style_centered .mobile_nav .select_page,
    .et_header_style_split .mobile_nav .select_page {
        text-align: left;
    }
    
    .anim-type-fractal {
        z-index: 9999;
        margin-top: 0px;
    }
    
    #teo-specialisation-col1, #teo-specialisation-col2 {
        float: none;
        margin: 0 auto;
        width: 90%;
    }  
    /* inscription */
    .teo-inscription-bachelor table {width: 85%!important; float: none; margin: 0 auto 40px auto!important;}
    .teo-inscription-master table {width: 85%!important; float: none; margin: 40px auto 0 auto!important;}
    #teo-inscription .et_pb_button_0_wrapper {margin-top: -70px!important;}  
    .teo-btn-inscription-master,
    .teo-btn-inscription-bachelor {font-size: 16px}
    
    #teo-cursus .teo-specialisation h4.et_pb_module_header a,
    #teo-cursus .teo-specialisation h4.et_pb_module_header {
        font-size: 20px!important;
    }
    #teo-cursus .teo-specialisation div.et_pb_blurb_description {
            font-size: 16px!important;
    }  
    .single-inscriptions.et-db #et-boc #teo-pg-inscription .et_pb_row {
        max-width: 80%!important;
        width: 80%;
    }    
    
    .et-db #et-boc #teo-pg-inscription .et_pb_text h3 {
        font-size: 19px;
        letter-spacing: 1px;
    }    
    .et-db #et-boc #teo-pg-inscription .et_pb_text {
        font-size: 15px;
    }
    .page-template-page-evenements .teo4 {
        width: 90%;
    }
    .page-template-page-evenements .teo-col {
        display: inline-table;
        margin: 0 auto 35px auto;
    } 
    .campus-titre-seloger.et_pb_text h5 {
        font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
        text-transform: uppercase;
        font-size: 20px;
        color: #272727!important;
        line-height: 1.5em;
        text-align: center;
        display: inline-table;
    } 
    .campus-titre-seloger.et_pb_text h5 img {
        vertical-align: bottom;
        margin-right: 10px;
        width: 25px;
    }    
    #teo-rlink-wrapper h3 {
        font-size: 25px;
        letter-spacing: 2px;
        line-height: 1.2em;
        padding-top: 20px;    
    }    
    
    .event-content.mobBlock {
        display: block;
    }    
    .event-home-tab {
        width: 80% !important;
        margin: 0 auto !important;
    }    
    .event-home-tab .event-content td.event-month,
    .event-home-tab .event-content td.event-day {
        border-right: 0!important;
    }    
    .event-home-tab.tableft td.event-content {
        padding: 10px 0;
    }    
    #agenda_3 {
        margin-top: 40px!important;
    }

	#top-header-mobile #flags_language_selector {
		width: 35%;
		float: left;
		padding: 7px 0 0 10px;
	}	
} /* END MAX 475 */ 




@media (max-width: 360px) { 

    #teo-chiffres-cle .et_pb_number_counter.teo-mod-chiffres-cle {
        margin-bottom: 0!important;
        padding-bottom: 0px;
    }
    #teo-chiffres-cle .et_pb_number_counter.teo-mod-chiffres-cle .percent p {
        font-size: 75px!important;
        line-height: 1.8em;
    }

    .teo-inscription-bachelor table tr:first-child td h3,
    .teo-inscription-master table tr:first-child td h3 {font-size: 16px;}
    .teo-inscription-bachelor table tr:first-child td p,
    .teo-inscription-master table tr:first-child td p {font-size: 15px;}
    .teo-inscription-bachelor table tr:first-child td p sup,
    .teo-inscription-master table tr:first-child td p sup {font-size: 12px;}
    .teo-inscription-bachelor table tr td,
    .teo-inscription-master table tr td {font-size: 12px;}
    .teo-inscription-bachelor table tr td h5,
    .teo-inscription-master table tr td h5 {font-size: 16px;}  
    
    .teo-inscription-master table tr:last-child td,
    .teo-inscription-bachelor table tr:last-child td {height: 200px;}
    .teo-inscription-master table tr td,
    .teo-inscription-bachelor table tr td {padding: 15px 10px 20px 25px;}

    #teo-relation-pro .et_pb_blurb_description p span {
        font-size: 40px;
        display: block;
        float: left;
        vertical-align: top;
        text-decoration: none!important;
        line-height: 1.1em;
        padding-right: 5px;
        margin-left: -2px;
        color: #000;
    } 
    
    .et_pb_blurb.master-col-right h6.et_pb_module_header,
    .et_pb_blurb.master-col-left h6.et_pb_module_header,
    .et_pb_blurb.bachelor-col-right h6.et_pb_module_header,
    .et_pb_blurb.bachelor-col-left h6.et_pb_module_header {
        font-size: 20px!important;
    }
    
    .et_pb_blurb.master-col-right .et_pb_blurb_description,
    .et_pb_blurb.master-col-left .et_pb_blurb_description,
    .et_pb_blurb.bachelor-col-right .et_pb_blurb_description,
    .et_pb_blurb.bachelor-col-left .et_pb_blurb_description {
        font-size: 16px!important;
        padding-right: 0.3em;
        text-align: justify!important;
    } 
    
    .et_pb_blurb.master-col-right .et_pb_blurb_description li,
    .et_pb_blurb.bachelor-col-right .et_pb_blurb_description li { 
        text-align: left!important;
    }    
    
    .et_pb_blurb.bachelor-col-right.et_pb_blurb_position_left .et_pb_main_blurb_image, 
    .et_pb_blurb.bachelor-col-right.et_pb_blurb_position_right .et_pb_main_blurb_image,
    .et_pb_blurb.bachelor-col-left.et_pb_blurb_position_left .et_pb_main_blurb_image, 
    .et_pb_blurb.bachelor-col-left.et_pb_blurb_position_right .et_pb_main_blurb_image {
        display: table-cell;
        width: 22px;
        line-height: 0;
    }    
    
    #teo-cursus .teo-bloc-text-simple .et_pb_text_inner,
    #teo-bachelor .teo-bloc-text-simple .et_pb_text_inner,
    #teo-expert .teo-bloc-text-simple .et_pb_text_inner {
        font-size: 16px;
        text-align: justify;
        padding-left: 0.3em; 
        padding-right: 0.3em; 
    }
    #teo-cursus .teo-bloc-text-simple .et_pb_text_inner { 
        font-size: 16px;
        letter-spacing: 0px;
    }    
    
    
    #teo-cursus .et_pb_text_4 h3 {
        font-size: 28px;
        letter-spacing: 2px;
    }    

    .et_pb_blurb.teo-des-questions {
        font-size: 15px;
        width: 80%;
        margin: 0 auto;
    } 
    .et_pb_blurb.teo-des-questions h6.et_pb_module_header {
        font-size: 10px!important;
    }
    .et_pb_blurb.teo-des-questions .et_pb_blurb_description p:last-child {
        font-size: 18px!important;
        font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
        letter-spacing: 1px;
    }  
    
.wrapper-article .teo_horaires_line1 {margin: 10px 15px 0 15px;}    
.wrapper-article .teo_horaires_line2 {margin: 0 15px 4px 15px;} 
.wrapper-article .teo_adresse_evenement {margin: 0 15px 15px 15px;}
.wrapper-article .titre_evenement {font-size: 18px;margin: 30px 15px 10px 15px;}
.wrapper-article .date_freindly {font-size: 28px;margin: 40px 0 15px 15px;}
} /* end 360 */


/* \\\ VIA MAX WIDTH ***********************************************************
******************************************************************************** */