/* 
    Document   : ast67
    Created on : 10 févr. 2015, 11:08:42
    Author     : Arnaud
    Description:
        Purpose of the stylesheet follows.
*/

/*------------- POLICES DE CARACTERES ------------------*/
@font-face {
    font-family: 'nothing_you_could_doregular';
    src: url('../fonts/nothingyoucoulddo-webfont.eot');
    src: url('../fonts/nothingyoucoulddo-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nothingyoucoulddo-webfont.woff2') format('woff2'),
        url('../fonts/nothingyoucoulddo-webfont.woff') format('woff'),
        url('../fonts/nothingyoucoulddo-webfont.ttf') format('truetype'),
        url('../fonts/nothingyoucoulddo-webfont.svg#nothing_you_could_doregular') format('svg'); 
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
        url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
        url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
        url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
        url('../fonts/opensans-regular-webfont.woff') format('woff'),
        url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
        url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_bold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
        url('../fonts/opensans-bold-webfont.woff') format('woff'),
        url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
        url('../fonts/opensans-bold-webfont.svg#open_sans_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_semibold';
    src: url('../fonts/opensans-semibold-webfont.eot');
    src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
        url('../fonts/opensans-semibold-webfont.woff') format('woff'),
        url('../fonts/opensans-semibold-webfont.ttf') format('truetype'),
        url('../fonts/opensans-semibold-webfont.svg#open_sans_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans_light';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/opensans-light-webfont.woff2') format('woff2'),
        url('../fonts/opensans-light-webfont.woff') format('woff'),
        url('../fonts/opensans-light-webfont.ttf') format('truetype'),
        url('../fonts/opensans-light-webfont.svg#open_sans_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
    font-family: 'open_sansregular';
    font-size: 12px;
}

body
{
    /*    min-width: 1200px;
        margin: 0 auto;
        border: none;
        border-top: 5px solid #205796;*/
}

a.button
{
    border-radius: 5px;
    padding: 3px 10px;
    color : rgba(32, 87, 150, 0.9);
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    border-color: #dcdcdc;
    width: 90px;
}

.ui-widget-content
{
    color:black;
}

div.gauche
{
    width: 66%;
    float:left;
}

div.droite
{
    width:33%;
    float:right;
}

div.we-bar
{
    border: none;
    background: none;
    padding: 0px;
    box-shadow: none;
}

/************** Connexion *******************/
div.auth
{
    width: 400px;
    margin: 30px auto;
}

div.auth > div.legendast67
{
    float:right;
    background-color:#205796;
    padding-top: 3px;
}

fieldset#auth
{
    margin: 0px auto !important;
    border-top-color:#205796;
    padding: 35px 5px;
    width: 390px;
    border-radius: 7px !important;
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px  !important;
    position: relative;
    border-top-width: 7px;
    border-top-style: solid;
    background: white;
    /*    background-image: url(../images/background/fieldset_login.png);
        background-color: transparent;
        height: 297px;
        width: 353px;
        border: none;
        padding: 70px 0 0 !important;*/
}

div.auth:after
{
    background: url(../images/misc/ombre_login.png);
    content:"";
    width:100%;
    display: inline-block;
    height: 45px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 bottom;
}

fieldset#auth>div.borderleft, fieldset#auth>div.borderright {
    background: #205796;
    background: -moz-linear-gradient(top, #205796 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #205796 0%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #205796), color-stop(100%, #ffffff));
    background: -o-linear-gradient(top, #205796 0%, #ffffff 100%);
    background: -ms-linear-gradient(top, #205796 0%, #ffffff 100%);
    background: linear-gradient(to bottom, #205796 0%, #ffffff 100%);
}

fieldset#auth .we-form-label
{
    font-size:14px;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    color: rgba(32, 87, 150, 0.9);
    width: 48%;
}

fieldset#auth .we-form-input
{
    width: 48%;
}

fieldset#auth .we-form-element
{
    margin: 10px 0;
}

fieldset#auth input
{
    color : #ef7900;
}

fieldset#auth div.we-button-element
{
    margin: 0 10px;
}


/************* PASS PERDU ****************/
#frm-lost, #frm-change
{
    width: 400px;    
    margin: 35px auto;
}

#frm-lost .we-form-element,
#frm-change .we-form-element{
    min-height:0;
    margin: 10px 0;
}

#frm-lost div.legendast67,
#frm-change div.legendast67
{
    float: right;
    background-color:#205796;
    padding-top: 3px;
}

#fld-lost, #fld-pass
{
    margin: 0px;
    padding: 35px 5px;
    border-top-color:#205796;
    border-radius: 7px 0 7px 7px !important;
    -webkit-border-radius: 7px 0 7px 7px !important;
    -moz-border-radius: 7px 0 7px 7px !important;
    position: relative;
    border-top-width: 7px;
    border-top-style: solid;
    background: white;
}

#fld-lost .we-form-label,
#fld-pass .we-form-label
{
    font-size:14px;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    color: rgba(32, 87, 150, 0.9);
    width: 48%;
}

#fld-lost .we-form-input,
#fld-pass .we-form-input
{
    width: 48%;
}

#fld-lost input,
#fld-pass input
{
    color : #ef7900;
}

#frm-lost:after,
#frm-change:after
{
    background: url(../images/misc/ombre_login.png);
    content:"";
    width:100%;
    display: inline-block;
    height: 45px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 bottom;
}

/************** BODY **********************/
div.body
{
    border: 0px;
    background-color: transparent;    
    min-height: 10px;
}

div.main.accueil div.body
{
    overflow : auto;
    min-height: 0;
}

div.main.univers div.body
{
    margin-left: 10%;
    margin-bottom: 15px;
    position: relative;
    width: 80%;
    z-index: 4;
    padding-top: 0px;
    margin-bottom: 40px;
}

/************* POPUP *******************/
div#wAjaxPopup.we-ajax-popup
{
    min-height: 0px !important;
}

div.we-ajax-popup.popup_salarie
{
    top: 5px !important;
}

/************** MAIN **********************/
div.main
{                
    padding: 0px;
    margin:0 auto;
    border: 0px;
    position:relative;
    /*border-top: 3px solid #205796;*/
    /*background-color: white;*/
}

div.bg.login
{
    background: white url(../images/background/bg_login.png) no-repeat center top;
    position: fixed;
    width: 100%;
    height: 100%;
}

div.bg.accueil
{
    background: white url(../images/background/bg_accueil.png) no-repeat center top;
    position: fixed;
    width: 100%;
    height: 100%;
}

/************** LOADING *******************/
div.we-loading-container
{
    left: 0;
}

/************** HEADER ********************/
#enteteborder
{
    border-top: 5px solid #205796;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 2;
}

div.header
{
    padding: 1px 0 0;
    background: none;
    border: 0px;
}

div.main.univers div.header
{
    margin-left: 10%;
    width: 80%;
    position: relative;
    z-index: 3;
    min-height: 150px;
}


div.main.univers div.titre_univers {
    margin-left: 10%;
    width: 80%;
    line-height: 76px;
    margin-top: -75px;
    float:left;
    z-index: 2;
    position: relative;
}

div.main.univers div.titre_univers > div
{
    color:white;    
    text-align: center;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-right: 1px solid transparent;
    font-size: 20px;
    font-style: italic;
}

div.main.univers div.titre_univers div.droite > div
{
    line-height: normal;
    vertical-align: middle;
    display: inline-block;
    font-size: 20px;
    font-style: italic;
    padding: 0 1px;
    /*font-weight: 600;*/
    font-family: "open_sans_semibold";
}


div.header1
{
    height: 30px;
    line-height: 30px;
    margin-top: -1px;    
}

div.header1 div.droite
{
    float:left;
    width: auto;
}

div.main.univers div.header1 div.droite
{
    position:absolute;
    right: 0;
}

div.main.login div.header1 div.droite
{
    position:absolute;
    right: 10%;
}

div.main.univers div.header2 div.gauche
{    
    position:absolute;
    height:100%;
    top: 5px;
}

div.main.univers.FPE div.header2 div.gauche.grand
{
    background: url(../images/univers/fpe.png) no-repeat 130px top;
}

div.main.univers.ENQ div.header2 div.gauche.grand
{
    background: url(../images/univers/enquete.png) no-repeat 130px top;
}

div.main.univers.SAN div.header2 div.gauche.grand
{
    background: url(../images/univers/sante.png) no-repeat 130px top;
}

div.main.univers.COM div.header2 div.gauche.grand
{
    background: url(../images/univers/com.png) no-repeat 130px top;
}

div.main.univers.ADM div.header2 div.gauche.grand
{
    background: url(../images/univers/adm.png) no-repeat 130px top;
}

div.main.univers.FPE div.header2 div.gauche
{
    background: url(../images/univers/fpe_petit.png) no-repeat 130px top;
}

div.main.univers.ENQ div.header2 div.gauche
{
    background: url(../images/univers/enquete_petit.png) no-repeat 130px top;
}

div.main.univers.SAN div.header2 div.gauche
{
    background: url(../images/univers/sante_petit.png) no-repeat 130px top;
}

div.main.univers.COM div.header2 div.gauche
{
    background: url(../images/univers/com_petit.png) no-repeat 130px top;
}

div.main.univers.ADM div.header2 div.gauche
{
    background: url(../images/univers/adm_petit.png) no-repeat 130px top;
}

div.header-links
{
    margin: 0 auto;
}

div.header-links > div.links
{
    float: left;
    background-color: #205796;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 10px;
    margin-left: 0px;    
    border: 1px solid;
    border-bottom-color: white;
    border-top-color: transparent;
    border-left-color: transparent;
    border-left-width: 0px;
    border-right-color: white;
    position:relative;
    margin-left: -10px;
    -moz-box-shadow: 10px 1px 10px -5px #1F2A38;
    -webkit-box-shadow: 10px 1px 10px -5px #1F2A38;
    -o-box-shadow: 10px 1px 10px -5px #1F2A38;
    box-shadow: 10px 1px 10px -5px #1F2A38;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#1F2A38, Direction=95, Strength=10);
}

div.header-links > div.links:first-child
{
    border-bottom-left-radius: 10px;
    margin-left: 0px;
}

div.header-links > div.links:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    filter:none;
    border-right-width: 0px;
}

div.header-links > div.links > a
{
    color: white;
    text-decoration: none;
    display:block;
    padding: 0 20px;
}

div.header-links > div.links > a > img
{
    padding: 0 10px;
}

div.sub-header-links
{
    display: none;
    position: absolute;
    width:170px;
    background-color: #205796;
    border: 1px solid white;
    margin-left: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

div.header-links  > div.links:hover > div.sub-header-links
{
    display: block;
}

div.sub-header-links > a
{
    clear: left;
    float: left;
    text-decoration: none;
    color: white;
    margin: 0 25px;
}

div.header2
{
    display: inline-block;
    width: 100%;
}

div.main.login div.logo,
div.main.accueil div.logo
{
    text-align: right;
}

div.main.univers div.logo
{
    position: absolute;
    top: 0px;
}

div.main.login a.application-title,
div.main.accueil a.application-title {
    margin-right: 20%;
}

div.main.univers a.application-title
{
    height: 100%;
    margin-left: 15px;
}

a.application-title
{
    background: url('../images/logo.png') no-repeat scroll center center;
    height: 112px;
    width: 207px;    
    text-decoration: none;
    display: inline-block;
    float: none;
}

div.title span
{
    display: inline-block;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    color:rgb(238, 127, 1);
    font-size: 28px;
    font-style: italic;
}

#sub-form-etab > div.we-form-label, #sub-form-etab > div.we-form-input
{   
    padding: 2px;
    color: white;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    min-height: 18px;
}

#sub-form-etab > div.we-form-input{
    width: 17%;
}

#btn_switch_etab
{
    background-color: rgb(238, 127, 1);
    background-image: none;
    border: 1px outset rgb(182, 184, 202);
    color: white;
    font-size: 14px;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    height: 30px;
    line-height: 30px;
    padding: 1px 3px;
    position: absolute !important;
    right: 30%;
    width: auto;
}

#btn_switch_etab:hover
{
    background-color: rgb(169, 187, 211);
}

/*************** FOOTER ********************/
div.footer
{
    position: fixed;
    bottom: 0;
    width: 100%;
    border:0px;
    height: 32px;
    padding: 0px;
    background-image: none;
    background-color: rgb(18, 90, 148);
    text-align: center;
    z-index: 5;
}

div.footer div.footer-info
{
    margin: 5px 0px;
    color: white;
}

div.footer div.footer-info > a
{
    color: white;
    text-decoration:none;
}

/**************** MESSAGES ******************/
div.messages
{
    right:5%;
    top: 20px;
    z-index: 10;
}

div.we-message
{
    border-radius: 10px;
}

div.message_info
{
    color : #ef7900;
    padding: 0 20px 20px 20px;
    text-align: center;
    font-family: "open_sans_bold";
}

/*************** IMAGES PAGE UNIVERS ************************/
div.image_gauche
{
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    top:0;
    left:0;
    z-index:1;
    background: url(../images/background/bg_image_gauche.png) no-repeat left bottom;    
}

div.image_droite
{
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    top:0;
    right:0;
    z-index:1;
    background: url(../images/background/bg_image_droite.png) no-repeat right top;
}

/*************** COORDONNES LIENS VIDEOS (CLV) *************************/
div.bloc_CLV.video
{
    border-radius: 5px;
    border: 5px solid rgba(255, 255, 255, 0.50);
    text-align: center;
    background-color: white;
}

div.bloc_CLV.coordonnees
{    
    max-width: 300px;
}

div.bloc_CLV.enquetes
{
    left: 0;
    position: absolute;
    width: 100%;
}

div.label_avertissement
{ 
    font-size:13pt;
}

div.label_CLV
{
    color:rgb(240,121,1);
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    font-style: italic;
    font-size: 12pt;
    text-align: center;
}

div.bloc_CLV.coordonnees > div.label_CLV
{
    background-color: #ef7900;
    color: white;
    font-size: 18px;
    padding: 5px 0 25px;
    border-radius: 10px;
}

div.coord
{
    background: white url(../images/misc/fleche.png) no-repeat center top;
    width: 96%;
    margin: -20px 2%;
    display:inline-block;
    color:#205796;
    padding-bottom: 15px;
}

div.coord > div
{
    display: flex;
    margin: 7px 0;
}

div.coord > div:first-child
{
    margin-top: 30px;
}

div.coord div.icone
{
    width: 30%;
    float:left;
}

div.coord div.icone.adresse
{
    background: url(../images/misc/adresse.png) no-repeat center center;
}

div.coord div.icone.plan
{
    background: url(../images/misc/plan.png) no-repeat center center;
}

div.coord div.icone.tel
{
    background: url(../images/misc/telephone.png) no-repeat center center;
}

div.coord div.informations
{
    width: 68%;
    float:right
}

div#ombre_coordonnees
{
    background: transparent url(../images/misc/ombre_coordonnees.png) no-repeat left / 100% auto;
    height: 47px;
    width: 96%;
    margin-left: 2%; 
}

div.videos
{
    width: 96%;
    padding: 2%;
    background: transparent url(../images/misc/ombre_video.png) no-repeat center bottom / 100% auto;
    display: inline-block;
}

div.videos > iframe
{
    max-width: 100%;
}



/**************** FORM ******************/
div.main_accueil div.content
{
    position: absolute;
    width: 98%;
    margin-left: 1%;
    top: 300px;
    padding: 0px;
    /*background-color: white;*/
    border-radius: 10px;
}

form.we-form
{
    padding: 0px;
}

/***************** NAV ******************/
div.menu
{
    background-color: white;        
    width: 20%;
    padding: 20px 2% 0 1%;
    border-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 50%, rgba(255,255,255,1) 100%) 0 100;
    border-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 50%, rgba(255,255,255,1) 100%) 0 100;
    border-image: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(51%, rgba(227,227,227,1)), color-stop(100%, rgba(255,255,255,1))) 0 100;
    border-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 51%, rgba(255,255,255,1) 100%) 0 100;
    border-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 51%, rgba(255,255,255,1) 100%) 0 100;
    border-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 51%, rgba(255,255,255,1) 100%) 0 100;
    border-right: 3px solid rgba(227,227,227,1);
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-bottom-left-radius: 15px;
}

div.label_menu{
    color:rgb(240,121,1);
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    font-style: italic;
    font-size: 12pt;
    margin-bottom: 10px;
    text-align: center;
}

/*div.nav.we-done-menu, div.nav[we_role='menu']
{
    width: 95%;
    overflow: hidden;
}*/

div.nav
{
    background-image: none;
    background-color: transparent;
    border: 0px;

}

div.nav div.menu-item
{
    background: none;
    border: 0px;
}

div.nav div.menu-item:hover
{
    background: none;
}

div.nav div.menu-item.level1
{
    width: 100%;
    border-bottom: 1px dotted black;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    position:relative;
    /*display: table;*/
}

div.nav > div.menu-item:last-child
{
    border: 0px;
}

div.nav div.menu-item.level2
{
    border:0px
}

div.nav > div.menu-item div.menu-item
{
    width: 85%;
    border-left: 1px dotted black;
    border-bottom: 1px dotted black;
}

div.nav div.menu-item div.item
{
    font-size: 13px;
    display: table-cell;
    width: 100%;
}

div.nav div.menu-item div.item.active
{
    color:#ef7900;
    font-size: 13px;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    font-style: italic;
    text-decoration: underline;
}

div.nav div.menu-item.level1:before
{
    font-family: 'FontAwesome';
    content:"\f0da";
    font-size: 15px;
    /*
    display:table-cell; NE FONCTIONNE PAS SOUS IE*/
    float: left;
    vertical-align: middle;
    /*width: 100%;*/
    padding-top: 5px;    
}

div.nav div.menu-item.level1.active:before
{
    color:#ef7900;
}

div.nav > div.menu-item div.menu-item:last-child
{
    border-bottom:0px;
}

div.nav div.children.level1
{
    position:absolute;
    background-color: white;
    top: 0;
    width: 100%;
    margin-left: 100%;
}

div.nav div.menu-item.active div.item
{
    color : #EF7902;
    font-style: italic;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    text-decoration: underline
}

div.nav div.menu-item:hover > div.item, div.menu-item div.item:hover,
div.nav div.menu-item:hover:before
{
    color : #EF7902 !important;
}

/******** MENU UNIVERS HORIZONTAL *********/
div.smallmenu
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 60px;
    padding: 0 0 3px;
    border-left: 1px solid white;
    border-bottom: 5px solid white;
}

div.menu_smallunivers div.fleche
{
    font-family: 'FontAwesome';
    font-size : 20px;
    color: white;
    text-align: center;
    line-height: 10px;
    vertical-align: bottom;
    display: table-cell;
}

div.smallmenu > a
{
    text-decoration: none;
    padding: 0 2px;
}

div.smallmenu.selected > a > div > div
{
    font-family: "open_sans_bold";
}

div.smallmenu:hover
{
    border-left: 1px solid;
    border-bottom: 5px solid;
    border-bottom-left-radius: 5px;
    padding: 0 5px 3px 4px;


}

div.smallmenu:hover > div.fleche
{
    color:inherit;
}

div.smallmenu:hover > a > div > div
{
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    font-style: italic;
}

div.smallmenu:not(.last)
{
    background: url(../images/univers/separation.png) no-repeat right;
}

div.menu_smallunivers
{
    margin-top:2px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

/***************** DASHBOARD **************/
div.main.accueil div.dashboard
{
    min-height:0px;
}

/************ INFOS ETABLISSEMENT ********/
div.main div.etablissement
{
    margin-top: 15px;
}

div.main.univers div.etablissement
{
    padding-bottom: 85px;
}

div.main div.etablissement > div
{
    color: #205796;    
    clear: left;    
    display: inline-block;
}

/*div.main.accueil div.etablissement > div
{
    display: block;
    margin-bottom: 5px;
}*/


div.main div.etablissement label
{
    /*font-weight: 900;*/
    font-family: "open_sans_bold";
    font-size: 13px;
    color:#205796;
}

div.main #num_etablissement
{
    margin-right:30px;
}

#div_selectetab
{
    margin-top: 10px;
}

a#select_etab
{
    display: block;
    color:#ef7900;
    text-decoration: none;
    font-style:italic;    
}

a#select_etab > p
{
    font-size:14px;
    font-family: open_sans_bold;
}


/*************** ACCUEIL UNIVERS ******************/
div.accueil_title1, div.accueil_title2
{
    font-size: 17pt;
}

div.accueil_title1
{
    margin-top: 10px;
}

div.accueil_title2
{
    font-style: italic;
    /*font-weight:bold;*/
    font-family: "open_sans_bold";
    margin-bottom: 20px;
}

/*************** TITRE LISTE et PAGE **************/
div.titreliste, div.titrepage
{
    font-size: 25px;
    /*font-weight: 100;*/
    font-family: "open_sans_light";
    margin-bottom: 10px;
    padding-left: 20px;
}

h7,
div.titrepage > h7
{
    font-size: 25px;
    font-style: italic;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
}

/**************** TOOLBAR ****************/
div.we-toolbar
{
    margin-bottom: 10px;
}

div.we-toolbar, div.we-toolbar[reversed="1"]
{
    height: 35px;
    background-color: white;
    background-image: none;
    padding-left: 20px;
}

div.we-toolbar .we-title > h2
{
    color: #EF7902;
    /*font-weight: 900;*/
    font-family: "open_sans_bold";
    padding: 4px;
}

div.we-toolbar-item > div.item,div.we-toolbar-item > div.item:hover
{
    margin-top: 2px;
}

div.we-toolbar div.we-toolbar-item > div.item > div.text
{
    margin-top: 2px;
}

div.we-toolbar-item > div.item
{
    color:#EF7902;
    /*font-weight: 900;*/
    font-style: italic;
    padding:4px;
    border: 1px solid transparent;
}

div.we-toolbar-item > div.item > div.text
{
    font-family: "open_sans_bold";
}

div.we-toolbar div.we-toolbar-item:hover > div.item,
div.we-toolbar-item:hover > div.item
{    
    padding:4px;
    background: none;
    border: 1px solid transparent;
}

div.we-toolbar div.we-toolbar-item:hover > div.item > div.text,
div.we-toolbar-item:hover > div.item > div.text
{
    text-decoration: underline;
}

div.we-toolbar div.we-toolbar-item.nohover:hover > div.item
{
    background: none;
    color:#EF7902;
    padding:4px;
    cursor: default;
    border: 1px solid transparent;
}

div.we-toolbar #csvexport div.text
{
    display:none;
}

div.we-toolbar #csvexport:hover div.text
{
    display:inline-block;
}

div.we-toolbar #csvexport img.toolbar-picture
{
    background: url(../images/icons/excel_ast.png) no-repeat;
    width: 32px;
    height: 25px;
}

div.we-toolbar #csvexport:hover img.toolbar-picture
{
    background: url(../images/icons/excelhover_ast.png) no-repeat;
    width: 32px;
    height: 25px;
}




/*************** TABLE ********************/
table.we-table th
{
    /*    background-color: rgba(18, 90, 148, 0.5);*/
    background-image: none;
}

table.we-table th > div.we-th-title
{
    display: inline;    
}

table.we-table div.we-toolbox
{
    height: auto;
}


table.we-table th ul.contextmenutable li.contextmenutable-item > div.item
{
    line-height: normal;
}

table.we-table ul.contextmenutable li div.item
{
    line-height: normal;
    height: auto;
}

table div.filter
{
    display:none !important;
}

table.we-table div.paginator a.button
{
    border: 0px;
    background:none;
    font-family: 'FontAwesome';
    font-size: 20px;
}

.highlight
{
    border: 0px !important;
    background: none;
}

table a.buttonRowGrid
{
    width: 100%;
    display: table-caption;
    width: 18px;
    margin: 5px 0px;
    padding: 3px;
}

/****************CONTENT ******************/
div.partie_content
{
    width: 100%;

}

/*************** ONGLETS ******************/
div[we_role="tabs"] > div > div.we-tabs-container > ul > li:first-child > a
{
    border-top-left-radius: 10px;
}

div[we_role="tabs"] > div > div.we-tabs-container > ul > li.active a:hover,
div[we_role="tabs"] > div > div.we-tabs-container > ul > li.active a
{
    padding: 3px 10px;
}

div[we_role="tabs"] > div > div.we-tabs-container > ul > li a:hover,
div[we_role="tabs"] > div > div.we-tabs-container > ul > li > a
{
    padding: 3px 10px;
}

div[we_role="tabs"] > div > div.we-tabs-container > ul > li > a
{
    background-color : #eaeaea;
    color:#CACACA;
}

div[we_role="tabs"] > div > div.we-tabs-container > ul > li.active > a
{
    color:black;
}

div.we-tabs-container
{
    border: none;    
}

div.we-tabs-content
{
    border-top: 1px solid #ccc;
    border-radius : 0px 10px 10px 10px;
}

/****************ZONES ********************/
input, textarea, select
{
    background: rgb(246,246,246);
    border: 1px solid rgb(134,134,134);
    border-radius: 2px;
}
input[type="checkbox"] {
    margin-right: 2px;
  }

.chosen-container-single .chosen-single
.chosen-container-active.chosen-with-drop .chosen-single
{
    background: url(../images/forms/select-bg.png);
}

.chosen-container .chosen-drop
{
    background-color: rgb(246,246,246);
}

select.chosen
{
    height:25px;
    border-radius: 5px;
    border-color: rgb(170, 170, 170);
    background-color: rgba(0, 0, 0, 0);
    /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0.2, rgb(255, 255, 255)), color-stop(0.5, rgb(246, 246, 246)), color-stop(0.52, rgb(238, 238, 238)), to(rgb(244, 244, 244)));*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    color: #6C6C6C;
    padding-left: 5px;
    padding-right: 20px;
    font-family: 'open_sansregular';
    cursor: pointer;
}

select.chosen::-ms-expand {
    display: none;
}

select.chosen:focus
{
    border-radius: 4px;
}

div.we-input-readonly
{
    background: none;
    border: 0px;
    color:#6C6C6C;
}

#form-inline-create-info, #form-inline-edit-info
{
    margin-bottom: 15px;
}

#we-input-csp .chosen-results{
    max-height:120px !important;
}

.we-form-label,
.we-form-label > label
{
    /*font-weight: 600;*/
    font-family: "open_sans_semibold";
}

.we-form-input
{
    color: #6C6C6C;
}

.we-form-input > .oldvalue, div.astpro > .we-form-input
{
    color: red;
}


/******************** FIELDSET **********************/
fieldset.ast67
{
    margin-top: 0px;
    background: white;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: transparent;
    padding: 0px;
    position: relative;
}

fieldset.ast67>div.borderleft
{
    height: 50px;
    width: 2px;
    position:absolute;
    top: 0;
    left:0;    
}

fieldset.ast67>div.borderright
{
    height: 50px;
    width: 2px;
    position:absolute;
    top: 0;
    right:0;     
}



div.legendast67
{
    margin-left: 18%;
    margin-right: 5%;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    padding: 0 50px;
    font-style: italic;
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    color:white;
    border:0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

div#wAjaxPopup.we-ajax-popup div.legendast67
{
    margin-left: 180px;
}

/*------------------- ENCADRE ----------------------*/
div.encadre_univers
{
    border-radius: 20px;
    border: 5px solid rgba(255, 255, 255, 0.50);
    /*    margin: 0px auto 0;*/
    border-top: 0px;
}

div.encadre_univers > div
{
    background-color: white;
    border-top: 7px solid transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: table;
    height: 100%;
    width: 100%;
}

div.encadre_univers > div > div
{
    display: table-cell;
    vertical-align: top;
}

div.encadre_univers div.borderleft
{
    display: block;
    height:50px;    
    width:2px;
    position: absolute;
}

div.encadre_accueil
{
    border-radius: 5px;      
    padding: 5px;
    background-color: rgba(255, 255, 255, 0.50);
}

div.encadre_accueil.univers
{
    margin: 15px auto 0;
    width: 80%;
}

/* ------------------- MENU ACCUEIL -----------------------*/
div#ombre_univers
{
    background: url(../images/misc/ombre_univers.png) no-repeat bottom left / 100% auto;
    height: 51px;
    margin-top: -10px;
    width: 80%;
    margin: -15px 0 0 10%;
}

div#ombre_encadre
{
    position: absolute;
    background: url(../images/misc/ombre_univers.png) no-repeat bottom left / 100% auto;
    height: 20px;
    width: 100%;
    margin: 5px 0 0 0;
}


div.encadre_accueil.avertissement,
div.encadre_accueil.video,
div.encadre_accueil.enquetes
{
    position: relative;
    margin: 15px 0 0 0;
    /*max-width: 300px;*/
    width: 90%;
}

.encadre_accueil_alert
{
    margin-top:10px;
    padding:10px;
}

div.encadre_accueil.enquetes
{
    position: relative;
    height: 60px;
}


/*#univers_accueil
{
    display:table;
    width: 100%;
}*/

a.menu_accueil
{
    text-decoration: none;
    display:table;
    padding: 0.5px;
}

a.menu_accueil
{
    background: white;
    padding: 0px 5px;
    margin-top: -5px;
    position: relative;
}

div.cadresup_univers:first-of-type
{
    display:none;
}

a.menu_accueil:first-of-type
{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: none;
    padding-top: 5px;
    margin-top:0px;
}

a.menu_accueil:last-of-type
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 5px;
}

a.menu_accueil > div
{
    height: 93px;
    line-height: 93px;
    margin: 0px;
}

a.menu_accueil > div[id^='couleur_']
{
    display:table-cell;    
    width: 245px;
    text-align: right;        
    float: left;
    border-radius: 5px;
    text-align: right;
}

a.menu_accueil div[id^='image_']
{
    width: 234px;
    height: 93px;
    /*    background-blend-mode: luminosity;*/
    border-radius : 5px;
    border-right: 2px solid white;
}

a.menu_accueil div[id^='image_'] > div
{
    /*    width: 234px;*/
    height: 93px;
    border-radius : 5px;
    /*    display:block;*/
}

/*a.menu_accueil:hover div[id^='image_']
{
    background-blend-mode: normal;
}*/

/*a.menu_accueil:hover div[id^='image_'] > div
{
    display:none;
}*/

a.menu_accueil > div[id^='desc']
{
    display:table-cell;
    font-size: 10pt;
    vertical-align: top;
    width: 100%;
    text-align: center;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

a.menu_accueil > div[id^='desc'] > div
{
    background-color: white;
    width: 100%;
    height: 93px;
    border: none;
}

a.menu_accueil:hover > div[id^='desc'] > div
{
    background-color: transparent;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
}

a.menu_accueil > div[id^='desc'] > div > div
{
    background-color: white;
    width: 90%;
    height: 93.5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    margin-top: -0.5px;
    padding-bottom: 0.5px;
}

a.menu_accueil > div[id^='desc']> div > div:before
{
    font-family: 'FontAwesome';
    content: "\f0d9";
    color: white;
    float: left;
    font-size: 15pt;
    margin-left: -5px;
}

a.menu_accueil > div[id^='desc'] > div > div:after
{
    font-family: 'FontAwesome';
    content:"\f0da";
    color: white;
    float: right;
    font-size: 15pt;
    margin-right: -5px;
}

a.menu_accueil:hover > div[id^='desc'] > div > div
{
    width: 90%;
}

a.menu_accueil > div[id^='desc'] > div > div > div
{
    line-height: normal;
    display:inline-block;
    vertical-align: middle;
    width: 80%;
}

a.menu_accueil > div[id^='desc'] div.libelle
{
    /*font-weight: bold;*/
    font-family: "open_sans_bold";
    font-style: italic;
    font-size: 15px;
}

a.menu_accueil:first-of-type > div[id^='menu_']
{    
    border-top-left-radius: 10px;
}

a.menu_accueil:first-of-type > div[id^='cadre_']
{
    border-bottom-left-radius: 10px;
}

a.menu_accueil:last-of-type > div[id^='menu_']
{
    border-top-right-radius: 10px;
}

a.menu_accueil:last-of-type > div[id^='cadre_']
{
    border-bottom-right-radius: 10px;
}

div.cadresup_univers
{
    height: 7px;
    position: relative;
    background: white url(../images/home/separation_univers.png) no-repeat left top;
}

#image_FPE
{
    background: white url('../images/home/fpe_inactif.png') no-repeat;
}

a.menu_accueil:hover #image_FPE
{
    background: white url('../images/home/fpe.png') no-repeat;
}

#image_ENQ
{
    background: white url('../images/home/enquete_inactif.png') no-repeat;
}

a.menu_accueil:hover #image_ENQ
{
    background:white url('../images/home/enquete.png') no-repeat;
}

#image_SAN
{
    background: white url('../images/home/santetravail_inactif.png') no-repeat;
}

a.menu_accueil:hover #image_SAN
{
    background: white url('../images/home/santetravail.png') no-repeat;
}

#image_COM
{
    background: white url('../images/home/comptable_inactif.png') no-repeat;
}

a.menu_accueil:hover #image_COM
{
    background: white url('../images/home/comptable.png') no-repeat;
}

#image_ADM
{
    background: white url('../images/home/administration_inactif.png') no-repeat;
}

#image_RCEQ
{
    background: white url('../images/home/santetravail_inactif.png') no-repeat;
}

a.menu_accueil:hover #image_RCEQ
{
    background: white url('../images/home/santetravail.png') no-repeat;
}

a.menu_accueil:hover #image_ADM
{
    background: white url('../images/home/administration.png') no-repeat;
}

#image_SYS
{
    background: white url('../images/home/systeme_inactif.png') no-repeat;
    background-size: 100% 100%;
}

a.menu_accueil:hover #image_SYS
{
    background: white url('../images/home/systeme.png') no-repeat;
    background-size: 100% 100%;
}

a.logo_enquetes
{
    background: white url('../images/home/enquete_link.png') no-repeat center top;
    width: 100%;
    height: 60px;
    display: inline-block;
    background-size: 100% 100% !important;
    text-decoration: none;
}

a.logo_enquetes > div.texte_enquete
{
    background: transparent url("../images/icons/loupe_enquete.png") no-repeat scroll 10% 7px;
    padding-left: 25%;
    margin-top: 9px;
    text-align: left;
    font-size: 14px;
    color: white;
}

a.logo_enquetes > div.texte_enquete > span
{
    font-size: 14px;
    font-family: "open_sans_bold";
}

.message_vomc {
    width: 620px;
    text-align: center;
    color:blue;
}

.message_mobile {
    width: 620px;
    text-align: center;
}

.message_mail_salarie {

    width: 620px;
    text-align: center;
}

@media only screen and (max-width:980px) {

    .message_mobile {
        width: auto;
        text-align: center;
    }
    
    .message_mail_salarie {
    
        width: auto;
        text-align: center;
    }
    
    .message_vomc {
        width: auto;
        text-align: center;
    }
}

.message_sir{
    font-weight: bold;
    text-align: right;
}
i#motif{
    color:red;
}

/* ------------------- AUTRES -----------------------*/
#config
{
    width: 90% !important;
}

div#encadre_centre > #nom_centre:before
{
    background: url(../images/misc/bottom_nom_centre.png) no-repeat;
    content: '\00a0';
    width: 8px;
    height:9px;
    position: absolute;
    left: 0;
    bottom: -9px;

}

div.label_sep
{
    font-style: italic;
    font-family: "open_sans_bold";
    font-size: 18px;    
    margin-bottom: 10px;
    display: table;
    width: 90%;
}

div.label_sep:before
{
    content: '>';
    width: 10px;
    height:10px;       
    margin-right: 10px;
    color: white;
    padding: 0px 7px 0px 8px;
    border-radius: 100%;
    font-style: normal;
}


/* ------------------- LIENS --------------------*/
#ul_liens a
{
    margin: 0 20px;
    display: block;
    float: left;    
    border-radius: 5px;
    padding: 4px;
    /*    background: #F3F3F3;*/
}

div.main.login #div_liens
{
    width: 80%;
    background-color: white;
    margin: 50px auto 0;
    width: 50%;
    border: 5px solid #205796;
    border-radius: 10px;
}

div.main.login #div_liens ul
{
    display:table;
    margin-bottom: 20px;
}

div.main.login #div_liens ul > li
{
    display: table-cell;
}

/* ------------------- CREDITS --------------------*/
div.main.login #div_credits
{
    width: 80%;
    background-color: white;
    margin: 50px auto 0;
    width: 50%;
    border: 5px solid #205796;
    border-radius: 10px;
}


@media screen and (max-width: 1200px)
{
    div.we-1third .legendast67
    {
        padding: 0 35px
    }
}

@media screen and (max-width: 1120px)
{
    a.application-title
    {
        background-size: 80% auto;
    }

    div.main.univers div.header2 div.gauche
    {
        max-width: 500px;
    }

    legend.ast67
    {
        margin-left: 10%;
    }

    div.we-toolbar-item.level1
    {
        padding: 0px;
    }
}

@media screen and (max-width: 950px)
{
    a.application-title
    {
        background-size: 80% auto;        
    }

    div.main.univers div.header2 div.gauche
    {
        max-width: 520px;
    }
}

@media screen and (max-width: 900px)
{
    div.encadre_accueil.univers,
    div#ombre_univers
    {
        width: 400px;
    }

    a.menu_accueil > div[id^="couleur_"]
    {
        width: 162px;
    }

    a.menu_accueil div[id^="image_"]
    {
        width: 154px;
    }

    a.menu_accueil > div[id^="desc"]
    {
        width: 237px;
    }

    div.videos
    {
        width: 200px;
    }

    div.videos > video
    {
        width: 190px !important;
    }
}

.evenement-info
{
	height:30px;
	width:30px;
	display:inline-block;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAEcElEQVRIibWWX2xTdRTHP+fetutapvQPI3RjW5sQTVBQCC9IBBONylaLMfNBeOfBF/VlhCXYRIaGGN70xTcJLzNGt24SNcHFBE3GYow+iOBkgylzbenaDtZ/3OPDaN3ftpPsm9yHe37nns+595ycc4U61NUT220aElHkIEIAaAFM4C/gtgo/gAzstY+ORqNRq56YUu0w3DscEUv7ENm52G6z2RARisXi8mCTqvrunoax87USWBUc7om1iSkXQA4AbGpqYovPh9fnwel0YhgGAKoWuVyBVCpFMpFkNpMGBeAXMTk28F7nr3WDI71D+xXjC1Sb3W43wWAHHs/maslXlM1muXFjgnQ6AyJzWNbRwfe7BmuCI71D+9WSSwgNgcA2QqEgIlWrsUKqMDU1xcTETUAtFV6P9XV+viY43BNrE5t5BdXmUChIS0tgXcDlSiSS/Hb1KsA9Q3nmyzOdPy8+NyoZmHIB1eZAYNtDQwH8fh/Bjg5QXBb0d0f7HSvA4d7hCMgBt9tNKBSsGlAEXnqykcjTLuxm9TK0trbg8XoAduQKruMrwGJpH0Aw2FGzppsbDZ5ocbBjq53AZrOqL0AoGAQBQU4din7nrIC7emK7Edm5qampru5N3bO4fD3H2ESeW3dKNf1drkb8Pj+A/9Hi/AsVsGEaRwC2+Hw1g5T143iekas5LK3P3+/3AqBopGyzoTyLgNfnrRnA3SAc3uWq3H925W5dYK/HCwiodfA/sNCKgNPZUDOAzRTafba6YItl2kzsdjvFYqGlbDOAbTbTVhmD1ZSdt/jk+yzZXF17YIkaGuwAjZ0nhjxlsFHvdLIU0vesumu7VAsMw6nmA7DeLpaKqK7/LdajQqEAkI9Fu5IPwPI3CrlcYcOglmWVV+htEAUwFpY4pFJ3NgycSs2iqqB6uWwzQAYAkona4K2PmLT7bJVR2e6z0eKp3eXJZBIAFamsSGOvfXQUmJjNpMlms1UDHHrcSfc+Ny7HArh7n5vDuxqrPpPL54nPJBSROSmVLpbt5sjIiD524I1ZkCPz8/M0N29lrSZvtBtk5i3+ydyvXNPp+9xMrj06x//4k7m7dwXk9OAH4W/LdhvAnoax8z8V9r2TTmd23bo1RVtb66pBxibyVd9uuWZmZpiJx1FlOl80zy0+MwCi0aglJscQmZucvEkikVgXYDVlMhmuXxtXhRKmHP3mwxeXzNclHzV88quXBY0hmG3b22hv3/6/oPF4nN+vjata90VF34z1dX283GdFNcO9w68JfIri8ng9hIJBXK7qDVRWLp9n8sYkM/E4QEngrYEznR+t5rtqGx05OfyUBf3ADgT8Pj9+vxevx4tpW7r8LcsilZolmUwSn0mopZaoMo0pR2OnD19aK8k1h3R3tN+RK7iOC3IK8Je9HXYHDocdESFfKFAsFBeGAyz80ipncwXz3PKa1g2uJPB2f2PBtel5S/UVgeeAAFD+9nmBaQsuAwNSKl0cPBupPgweRp0nhjyvRr9u3jDARupfpcWpR2ZusP8AAAAASUVORK5CYII=') no-repeat;
}

.evenement-attention
{
	height:30px;
	width:30px;
	display:inline-block;
	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAADNklEQVRIiaWX32sUVxTHP+fO7GTJKlijMRtjRfxBihhbpFa0D5b2odRHrS8+iHHb/BWWSP8KMWxJQArS9K19kD4Ui4pCqCCFYIRSTTcbu2sC1aw7u3eOD6aTSUx25tovLOyP+z2fueece3ZGcNBc+YPtSPtDQftUZQBARGcVqWoY3OsfmapljSVpC6oTQwUsJVU9DRwHvA2WWoRbojoZtbrG+kemlt4KrKMn/bldtZIY+QalmHaBa1RRuFx83FOW0V/bmcFPxg5u9cVcR/jUEbg2+k3UP1Mc/v2fVPDs+OEDno1+Bvb+L+iyFJ3xxT/Ve+H+zIbgJ2MHt/rG3AX2dQrWbCj1eYsqbNlmKGw2nenCnxoGR5PNFzt09KTvG++HNCjAYj3CWogi+HdR05aDsodc+L1e/zJuzBhcfffZV6CfpEcBaxPv2xnAgMBncy+mh1eBqxNDBUQvZYoAmGSBUg/kqqWXqxNDhRiMpeR0ZBIlFQcwShEbDcchVKMzDnZMAux5LmRQldMAUrlyZJvkwiobT6Q3VKtaGi9e1zbfLWwvZrYCWG0FfUaC8KgLFMBbtWMX57Ldbx03EqnrOEQSMM93SzVAZHSfUZGdrkaTaGuTMjvWk8AWg5LtICbByR07NlccQ9CKq8lPpNfz3aEKi74izuAgL4gRQAm63HdskBnf+q17ns21gczXbgz07TRgQNxrbKMwd8cMnJ+uI9x2dfuBrEp5dsnN/pGpmgEQ1UkXq6qy9Pz1y7kz0R9heWS2Nm2+CsxmtS7UIurzlvq85dlTm25YUUVbQTkG7zp7p6HwbVZ3s7Gyz+ZS9j2L6KX/bgLj1ig+7ikr/JIlQL57paPyhWx1FuHGjsJ74/Hn5I9/XTv0Tq6pdwXZ3zGKwsvGyp9EqpSHYZ5ju889WFgXDPD0u/f3t7X9Uyo8q5SHnkanekt/PEp+/cYp7L1wf6bVJR9lTXsniXAjzHNsLXRdMMDucw8WipsGP1fha8B5sgn8LaqlHYXBL5LpXbOmsypXjnSboHlx+c7hYzo9wsBvwKS2gvJbP8Ksp9nxwR6/HZyIRPcatAcgQupG5FHbhLcHzk/Xs8Z6BQjwI2yr/aO+AAAAAElFTkSuQmCC') no-repeat;
}

/************RESPONSIVE RO INTEGRE*******/
/*=================
		LOGIN
==================*/
@media only screen and (max-width:980px) {
fieldset#auth input , #fld-lost input, #fld-pass input{height: 30px;width: 90%;padding: 0 5px;}	
form#frm-salarie .we-form-element input[type="text"]{height: 30px;width:90%!important;padding: 0 5px;}	
div#we-input-csp select {width: 90%!important;max-width:315px;height: 30px;}
 select {height: 30px;}
 textarea {min-height: 30px;width: 90%;}
 .select2-container.select2-container-disabled .select2-choice {height: 30px;}
   .we-form-input  select { width: 90%;}
     .we-form-label { margin-top: 6px;}
}
@media only screen and (max-width:767px) {
	
	body.page-login .header2 div.gauche {float: none;margin: auto;text-align: center!important;margin-top: 11px;}
	body.page-login  .header2  div.gauche a.application-title {margin-left: auto;margin-right: auto;}
	div.auth {margin-top: 0;	}
	.main.univers.SELECTETAB .header2 div.gauche {float: none;margin: auto;text-align: center!important;margin-top: 11px;width:100%;max-width: 100%;}
		.main.univers.SELECTETAB   .header2  div.gauche a.application-title {margin-left: auto;margin-right: auto;}
		div.main.univers div.titre_univers{z-index:9;line-height: 45px;margin:auto; float:none}
		div.main.univers.SELECTETAB div.header1 div.droite {right: auto;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);float: none;left: 50%;width: 100%;max-width: 450px;z-index: 99;float:none}
		div.main.univers.SELECTETAB div.header-links {margin: 0 auto;float: none;width: auto;max-width: max-content;}
		div.main.univers.SELECTETAB div.titre_univers div.droite{    float: none;max-width: max-content;margin:auto}
		#frm-lost div.legendast67, #frm-change div.legendast67{float:none}
}
	
@media only screen and (max-width:480px) {
div.auth {width: 100%;	}
fieldset#auth{width: 100%;	}
fieldset#auth .we-form-label{font-size:12px}
body.page-login  form .we-button-element a {height: auto;margin: 0;width: 100px;}
div.legendast67{font-size:15px; padding-left:30px ; padding-right:30px}
#frm-lost, #frm-change {width: 100%;}

form#frm-salarie .we-form-input {    margin-left: auto!important;display: block;float: none;position:relative}
form#frm-salarie  .select2-container, form#frm-salarie .select2-drop, .select2-search {width: 95%!important;}
div#we-input-date_emploi>div,div#we-input-date_conges>div  {margin: 0!important;width: 48%;}
form#frm-salarie .we-form-input .we-required {position: absolute;right: -3px;top: 50%;margin-top: -5px;}
form#frm-salarie .we-form-element input[type="text"]{width:95%!important}
div#we-input-date_emploi::after {display: block;content: "";clear: both;}
div#we-input-csp select {width: 95%!important  }
form#frm-salarie fieldset.ast67 {padding:0 6px}
}

/*=================
		HEADER
==================*/

@media only screen and (max-width:1080px) { 
div.main {overflow-x: hidden;overflow-y: auto;width: 100%;height: 100%;}

div.main.univers div.header {margin-left: 0;width: 100%;padding: 0 10px;}
*, *::before, *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.we-loading-container *,  .we-loading-container *::before, .we-loading-container *::after{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important;box-sizing: content-box!important;}
div.main.univers div.body {margin-left: 0;width: 100%;padding:0 10px 40px 10px;}
table a.buttonRowGrid{width:auto; height:auto}
	a.button {height: auto;}
}

@media only screen and (max-width:480px) { 
div.main.univers div.header1 div.droite {right: auto;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);float: none;left: 50%;width: 100%;max-width: 370px;z-index: 99;float:none}
div.header-links > div.links > a{padding:0 10px}
	div.header-links > div.links{    margin-left: -4px;}
		div.header-links {margin: 0 auto;float: none;width: auto;max-width: max-content;}
		div.header-links::after {display: block;content: "";clear: both;}
		.header1 .gauche{display:none}
}
@media only screen and (max-width:420px) {
div.header-links > div.links > a > img {padding: 0 4px;}

}
@media only screen and (max-width:340px) {
*{font-size:11px}	
}
@media only screen and (max-width:319px) {
div.header-links > div.links > a{padding: 0 6px;}	
}


/*=================
		BODY
==================*/
@media only screen and (max-width:1280px) {
	.titre_univers .droite{width:auto; min-width:33%; padding-left:5px; padding-right:5px}	
}
@media only screen and (max-width:1080px) {
div.main.univers div.titre_univers div.droite > div {font-size: 16px;}
	div.main.univers div.titre_univers div.droite {width:auto; padding:0 15px;margin-bottom: -2px;}	

}

@media only screen and (max-width:767px) {
div.header-links > div.links > a > img {padding: 0 4px;margin-left:0; }	
body.page-page  div.main.univers div.header2 div.gauche {background-position: 100% center!important;background-size: 100%!important;}
div.main.univers a.application-title{margin-left:0}
  a.application-title{background-size: 95% auto;width:163px}
	div.image_gauche {background-size: 28%;}
	div.image_droite {background-size: 100px;}	
	
	
}
 
@media only screen and (max-width:640px) {
div.image_droite {display: none;}	
div.footer{padding:0 4px;    height: auto;text-align:center}
div.footer div.footer-info {margin: 5px 0px;display: inline-block;vertical-align: middle;float: none;}
div.main.univers div.titre_univers div.droite > div {font-size: 14px;}
 }
 @media only screen and (max-width:400px) {
div.footer div.footer-info {font-size: 10px;}
div.main.univers div.titre_univers div.droite > div {font-size: 13px;}
}
 
 /*=================
		TABLEAU
==================*/
@media only screen and (max-width:980px) {
	
div#lst-etablissements_header_float {width: 100%!important;}
table.we-table div.we-float-header {width: 100%!important;}
table.we-table table.data > tbody > tr > td {height: auto!important;font-size: 12px;}
	 table.we-table table.data {width: 980px!important;}	
	 table.we-table .we-float-data {height: auto!important;}
	 table.we-table table.labels, table.we-table table.headers {width: 980px!important;}
	  table.we-table ul.contextmenutable li.contextmenutable-item ul.children li.contextmenutable-item {padding: 5px 0;}
 table.we-table ul.contextmenutable li.contextmenutable-item ul.children{min-width:290px}
	 td.c.la .button {height: auto;}
	 div#we-input-id-modele select {width: 100%;height: 30px;max-width:500px}

}
@media only screen and (max-width:640px) {
table.we-table div.paginator > div.nblines {position: relative;}	
}

 /*=================
		PAGE
==================*/
@media only screen and (max-width:980px) {
	 input[type='text'],  input[type='password'] {height: 30px;padding:0 10px; width:90%!important}	
/*********ENQUETE VIEW******/
form#frm-enq #div-content .legendast67, form#frm-enq #div-recap .legendast67{font-size:15px}
form#frm-enq #sub-form-div-content .legendast67 {font-size:15px}
form#frm-enq div#sub-form-div-content >table {width: 94%!important;margin: auto;}
div.legendast67{padding-top:5px!important;font-size:15px;padding-left: 10px!important;padding-right: 10px!important;min-width: 68%;}
}
@media only screen and (max-width:767px) {
body.page-page	div.smallmenu > a * {font-size: 11px;}
body.page-page div.smallmenu > a {width: 100%!important;}
/*********ENQUETE VIEW******/
form#frm-enq #div-content>table, form#frm-enq #div-recap>table{display:block;width: 100%}
form#frm-enq #div-content>table>tbody, form#frm-enq #div-content>table>tbody>tr, form#frm-enq #div-recap>table>tbody, form#frm-enq #div-recap>table>tbody>tr{display:block;width: 100%}
form#frm-enq #div-content>table>tbody, form#frm-enq #div-content>table>tbody>tr>td, form#frm-enq #div-recap>table>tbody, form#frm-enq #div-recap>table>tbody>tr>td{display:block;width: 100%; margin-bottom:10px}
form#frm-enq #div-content>table>tbody, form#frm-enq #div-content>table>tbody>tr>td fieldset.ast67,form#frm-enq #div-recap>table>tbody, form#frm-enq #div-recap>table>tbody>tr>td fieldset.ast67  {padding: 0 15px;}
form#frm-enq #div-content .legendast67, form#frm-enq #div-recap .legendast67 ,form#frm-salarie  .legendast67  {margin: auto;display: block!important;max-width: 300px;width:80%;padding-top: 5px;}
div.legendast67 {padding-top:5px;margin-bottom: -1px;font-size:15px}
}
@media only screen and (max-width:680px) {
body.page-page  div.encadre_univers > div > .menu,body.page-page  div.encadre_univers > div > .partie_content  {display: block;width: 100%;}	
body.page-page  div.menu{border-bottom:3px solid #ccc; border-right:none; border-image:none!important; padding:10px 15px; margin-bottom:5px}
}
@media only screen and (max-width:640px) {
body.page-page div.main.univers div.header2 div.gauche {float: none;width: 100%;max-width: 100%;position: relative;text-align:center;    background-position: 130px top!important;}
body.page-page div.main.univers div.header2 a.application-title{height:112px}
body.page-page div.main.univers div.header2  div.droite {width: 100%;float: none;text-align: center;padding-bottom: 0;margin-bottom:15px}	
body.page-page div.main.univers div.etablissement{padding-bottom: 0;}	
div.main.univers div.titre_univers div.droite{float:none}
body.page-page div.smallmenu > a {letter-spacing:-1px; }
/*********ENQUETE VIEW******/
.right-floating{width:100%!important}
form#frm-enq div.breadcrumbs-item a{font-size:11px}
form#frm-enq div.breadcrumbs-item > .item   {  padding-left: 14px;}
form#frm-enq  #div-content>table .we-form-label,form#frm-enq  #div-recap>table .we-form-label {width: 49%;}
form#frm-enq  #div-content>table .we-form-input ,form#frm-enq  #div-recap>table .we-form-input {width: 50%;}
div.we-toolbar, div.we-toolbar[reversed="1"] {height: auto;}
div.we-toolbar-item > div.item {height: auto;}
}
@media only screen and (max-width:480px) { 
body.page-page div.encadre_univers{border:none}
body.page-page div.smallmenu{    width: 33%!important;margin: 0 -1px;display:inline-block}
body.page-page .menu_smallunivers>div {display: block!important;text-align: center;}
body.page-page div.smallmenu:nth-child(3){background:none}
body.page-page div.smallmenu:nth-child(6){background:none}
body.page-page div.we-toolbar,body.page-page  div.we-toolbar[reversed="1"]{padding-left:0}
.test div.we-toolbar div.we-toolbar-item img.toolbar-picture{width:20px}
body.page-page div.smallmenu > a {letter-spacing:0; }
div.menu_smallunivers div.fleche{display:none}
div.smallmenu.selected > a > div > div {border-bottom: 4px solid;}
/*********ENQUETE VIEW******/
 form#frm-enq div.breadcrumbs-item a{font-size:10px}
 form#frm-enq #div-content .legendast67,  form#frm-enq #div-recap .legendast67,form#frm-enq #sub-form-div-content .legendast67 {font-size:13px}
 div.legendast67{font-size:13px; }
 div.we-toolbar div.we-toolbar-item > div.item > div.text>a {font-size: 11px;display: block;}
 form#frm-enq div.breadcrumbs-item{width: 29.5%;}
}
 


 /*=================
		INDEX
==================*/
@media only screen and (max-width:980px) {
.main.accueil .header1 .gauche{display:none}	
.main.accueil  div.header1 div.droite {float: none;margin: auto;text-align:center}
.main.accueil div.header-links{float: none;margin: auto;display:inline-block}
.main.accueil div.header-links::after {display: block;content: "";clear: both;}
	 div.main.accueil div.logo {text-align: center;width:50%; margin-top: 3%;}
	 	 div.main.accueil .header2 div.droite {width:50%}
	div.main.accueil a.application-title {margin-right: 0;}
	div.main.accueil div.droite.title span{font-size:23px}
	
.main.accueil	.body div.gauche {width:50%}
.main.accueil	.body div.droite {width:50%}
	div.main.accueil div.encadre_accueil.univers{    width: 100%;}
}
@media only screen and (max-width:767px) {
	div.main.accuei div.droite.title span{font-size:20px}
	div.main.accueil div.logo {width:100%}
		 div.main.accueil .header2 div.droite {width:100%; padding: 15px; text-align:center; background:#fff}
	.main.accueil div.header2 div.gauche {float: none;width: 100%;max-width: 100%;position: relative;}
.main.accueil div.header2 a.application-title{height:112px}
.main.accueildiv.header2  div.droite {width: 100%;float: none;text-align: center;padding-bottom: 0;margin-bottom:15px}	
.main.accueil div.etablissement{padding-bottom: 0;}	
.main.accueil	.body div.gauche {width:100%}
.main.accueil	.body div.droite {width:100%}
.main.accueil #univers_accueil a.menu_accueil {width:100%}
	.main.accueil #univers_accueil a.menu_accueil > div[id^="desc"] {width: 80%;text-align:center}
	div.encadre_accueil.video{width:100%}
		.main.accueil div.videos {width: 100%;}
		.main.accueil  div.videos > iframe {width: 100%!important;}
}
@media only screen and (max-width:640px) {
a.menu_accueil > div[id^='desc'] div.libelle{font-size: 12px;}	
a.menu_accueil > div[id^='desc'] > div > div{width: 100%;}
a.menu_accueil  .libelle + br {display: none;}
div.accueil_title1, div.accueil_title2 {font-size: 15px;}
h1 span {font-size: 16px!important;}
div.titreliste, div.titrepage {font-size: 20px;    text-align: center;padding: 0 5px;}
h7, div.titrepage > h7 {font-size: 20px;}
}
@media only screen and (max-width:420px) {
div.nav div.menu-item div.item {font-size: 12px;}	
div#filter_campagne {float: left!important;margin-right: 10px;}
}

@media only screen and (max-width:360px) { 
div.accueil_title1, div.accueil_title2 {font-size: 13px;}
h1 span {font-size: 14px!important;}	
div.titreliste, div.titrepage {font-size: 18px;}
h7, div.titrepage > h7 {font-size: 18px;}
}
@media only screen and (max-width:340px) {
a.menu_accueil > div[id^='desc'] div.libelle{font-size: 11px;}	
a.menu_accueil  div.description{font-size: 10px;}	
div.we-toolbar-item > div.item > div.text	{font-size: 10px;}	
}
 /*=================
		POPUP
==================*/
@media only screen and (max-width:980px) {

.ui-dialog.ui-widget.we-ajax-popup {left: 50%!important;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);width: 95%!important;max-width: 500px;top: 50%!important;}	
} 
/*=================
		FICHE
==================*/
@media only screen and (max-width:980px) {
	form#frm-fpe .we-1third {width: 100%;margin-bottom:15px}
	#fld-fpe > div.borderright, #fld-salarie > div.borderleft, #fld-salarie > div.borderright, #fld-emploi > div.borderleft{width:2px!important}
	form#frm-fpe .we-1third fieldset {border-top-right-radius: 7px !important;}
	#fld-fpe .we-float-data.we-done-dragscrollable{width: 980px!important;}	
	form#frm-fpe #lignes-fpe_data_float, #lignes-fpe_data_float > table.struct.data.float {overflow: auto!important;}
	form#frm-fpe .we-form-element input[type="text"]{height: 30px;width:90%!important;padding: 0 5px;}	
	form#frm-fpe .we-form-element .we-form-input {width: 58%;}
	.main .partie_content .content {overflow-y: auto!important;height:auto!important}
	fieldset#fld-modele {margin-bottom: 18px;}
}
@media only screen and (max-width:640px) {
#frm-fpe div.we-toolbar::after,form div.we-toolbar::after {display: block;content: "";clear: both;}	
.main.univers.SELECTETAB div.we-toolbar::after {display: block;content: "";clear: both;}
#toolbar.we-toolbar::after, .titreliste + .we-toolbar::after {display: block;content: "";clear: both;}
 #frm-fpe div.we-toolbar{   width: max-content;margin-left: auto;margin-right: auto;}
 form#frm-fpe #we-elem-non_expo {width: 100%;max-width:400px}
 #we-elem-non_expo #we-label-non_expo {width: 90%!important;}  
}
/*=================
NOUVEAU SALARIE
==================*/
@media only screen and (max-width:980px) {
	#frm-demp input[type='text'], #frm-demp input[type='email'] {height: 30px;width:95%!important;padding: 0 10px;}
	#frm-demp div#we-input-csp select{width:95%!important;max-width:100%}
	#frm-demp  .select2-container, #frm-demp .select2-drop, #frm-demp .select2-search {width: 95%!important;}
	#frm-demp  div#we-input-date_emploi>div  {margin: 0!important;width: 48%;}
	form#frm-demp .we-form-input {position:relative}
	form#frm-demp .we-form-input .we-required {position: absolute;right: -3px;top: 50%;margin-top: -5px;}
	div#we-elem-demp_date_recherche >.we-form-label { display: table-cell!important;vertical-align: middle!important;float: none!important;width:50%}
	 div#we-elem-demp_date_recherche >#demp_date_recherche { display: table-cell!important;vertical-align: middle!important;float: none!important;width:75%!important}
		div#we-elem-demp_date_recherche {display: table;width: 100%;position: relative;}
		div#we-elem-demp_date_recherche .we-required {position: absolute;right:5px;top: 50%;margin-top: -5px;}
		
	div#we-elem-demp_heure_recherche >.we-form-label { display: table-cell!important;vertical-align: middle!important;float: none!important;width:50%}
	 div#we-elem-demp_heure_recherche >#demp_heure_recherche { display: table-cell!important;vertical-align: middle!important;float: none!important;width:75%!important}
		div#we-elem-demp_heure_recherche {display: table;width: 100%;position: relative;}
		div#we-elem-demp_heure_recherche .we-required {position: absolute;right: 5px;top: 50%;margin-top: -5px;}
		#motif .we-form-input{    margin-bottom: 10px;width: 100%!important;}
			
		form#frm-demp 	div#we-input-SIR label,form#frm-demp 	div#we-input-SIM label , #we-input-noRisquesAutres  label , #we-input-noRisquesSIR label{display: inline-block;max-width: 90%;vertical-align: top;padding-left: 5px;}
		form#frm-demp  fieldset.ast67{margin-bottom:10px}
}
@media only screen and (max-width:767px) {
div.label_sep{font-size:16px}	
}
@media only screen and (max-width:640px) {
	form#frm-demp  div[id^='sub-form-']	{width:100%!important}
	#fld-obj-centre.read .we-form-element {margin: 5px auto;max-width: max-content;}
	.message_mobile{width:100%}
		div#we-input-message {width: 100%;margin-top: 10px;}
	#we-input-SIR > div, #we-input-SIM > div, #we-input-SIPP > div, #we-input-AUTRES > div {width: 50%!important;margin-left: 0!important;}
	 #we-input-noRisquesSIR,#we-input-noRisquesAutres{margin-left: 0!important;}
		div#motif table, div#motif tbody, div#motif tr {display: block;}
	div#motif table td {display: block;margin: 5px 0;width: 100%;font-weight: bold;}
	div#motif table td >div{margin-top:8px}
	#fld-obj-emploi, #fld_demp {padding-left: 10px!important;}
	div.label_sep{font-size:15px}	
}
@media only screen and (max-width:480px) {
	#we-input-SIR > div, #we-input-SIM > div, #we-input-SIPP > div, #we-input-AUTRES > div {width: 100%!important;}
	div.label_sep{font-size:13px}	
}
/*=================
		COMPTE
==================*/
@media only screen and (max-width:980px) {

.moncompte div.we-2third,  div.we-2third {width: 50%;}
.moncompte div.we-1third , div.we-1third {width: 50%;}
}
@media only screen and (max-width:767px) {
	
.moncompte div.we-2third,div.we-2third  {width: 100%;}
.moncompte div.we-1third ,div.we-1third  {width: 100%;margin-top:15px}
 div#legend_oblig {display: block!important;text-align: center;margin: 10px auto!important;float:none!important;}
}

@media only screen and (max-width:640px) {
.moncompte .we-form-label {width: 49%;}
.moncompte .we-form-input {width: 50%;}	
div.we-1third .we-form-label {width: 49%;}
div.we-1third .we-form-input {width: 50%;}	
.moncompte  div.we-toolbar,#frm-adherent div.we-toolbar {   width:fit-content;margin-left: auto;margin-right: auto;}
.moncompte div#we-elem-change_pass>div {width: 100%!important;text-align: center;margin-top: 5px;padding:0!important}
.moncompte  div#we-input-change_pass * {text-align: left;width: 100%!important;margin-bottom: 5px;}
.moncompte   div#we-elem-change_pass div#we-input-change_pass {padding: 10px!important;background: #f4f4f4} 
div#toolbar-reversed>* {float: left!important;}

}
@media only screen and (max-width:420px) {
	div.we-toolbar *{font-size:11px}
}
@media only screen and (max-width: 360px){
div.we-toolbar-item > div.item > div.text {font-size: 10px;}
}
/*=================
LISTE CENTRE MED
==================*/
@media only screen and (max-width:980px) {
	#encadre_centre{width:45%!important;}
}
@media only screen and (max-width:767px) {
	#encadre_centre{height: auto!important;margin-right: 15px!important;}
}
@media only screen and (max-width:480px) {
	#encadre_centre{width:100%!important;margin-right: auto!important;margin-left: auto!important;max-width:320px; float:none!important}
}
/*=================
ETABLISSEMENT
==================*/
@media only screen and (max-width:980px) {
	form#frm-etablissement>table tr td {width: 50%;}
	form#frm-etablissement >table .we-form-input{line-height: 28px;}
	form#frm-etablissement .we-form-input select{max-width:100%!important}
	form#frm-etablissement .select2-container{width:90%!important;max-width:100%!important}
	.select2-container .select2-choice{height:30px}
}
@media only screen and (max-width:767px) {
form#frm-etablissement>table>tbody>tr,form#frm-etablissement>table, form#frm-etablissement>table>tbody {display:block;width: 100%}	
form#frm-etablissement>table>tbody>tr>td {display:block;width: 100%; margin-bottom:10px}	

}
@media only screen and (max-width:640px) {
#frm-etablissement div.we-toolbar{   width:fit-content;margin-left: auto;margin-right: auto;}	
form#frm-etablissement  table .we-form-label,form#frm-etablissement   table .we-inline-label {width: 49%;margin-right:0!important; padding-right:5px}
form#frm-etablissement  table .we-form-input ,form#frm-etablissement   table .we-inline-elem   {width: 50%;}
}

/*=================
	PROFILE
==================*/
@media only screen and (max-width:1280px) {

form#frm-profile-quick .we-inline-elem select{width:100%;max-width: 100px;}
}
@media only screen and (max-width:980px) {
form#frm-profile-quick .we-inline-element{   padding-right:2px; float:none!important;    width: 100%;display: inline-block!important;margin-bottom:5px}
form#frm-profile-quick .we-inline-element >.we-inline-label{display:inline-block!important; vertical-align:middle; float:none!important;width: 45%;margin: 0 -1px!important;text-align:right; padding-right:5px}
form#frm-profile-quick .we-inline-element >.we-inline-elem{display:inline-block!important; vertical-align:middle; float:none!important;width: 50%;margin: 0 -1px!important; position:relative;max-width:100%}
form#frm-profile-quick .we-inline-elem .we-required {position: absolute;right: 2px;top: 50%;margin-top: -5px;}	
form#frm-profile-quick .we-form-input.inline .we-inline-element:nth-child(3){display:block!important; margin-top:25px; text-align:center; float:none!important; width:100%!important}
form#frm-profile-quick  div.we-form-element.inline > div.we-form-input.inline {width: 100%;    background: #f4f4f4;padding: 20px;}
form#frm-profile-quick .we-inline-elem select{max-width:90%;}
fieldset#fld-adherent .we-form-input , fieldset#fld-obj-info #we-elem-status_code .we-form-input {margin-top: 6px;line-height: normal!important;}
fieldset#fld-obj-info .we-form-element>div>.we-inline-elem>div>.we-form-input{line-height: normal!important;}
form#profiles-form .we-form-element .we-form-input {margin-top: 6px;}
}
/*=================
	USER
==================*/
@media only screen and (max-width:980px) { 
.main.univers.ADM fieldset#fld-user #we-input-change_pass > div>.we-form-input {max-width: 500px;margin: 5px auto!important;float: none!important;}
    .main.univers.ADM fieldset#fld-user #we-input-change_pass > div {width: 100%;max-width: 500px;margin: auto!important;}
fieldset#fld-user select {width: 90%!important;}
fieldset#fld-user  div#we-input-login {line-height: 28px;}	
fieldset#fld-user div#we-label-change_pass, fieldset#fld-user div#we-label-change_pass + div#we-input-change_pass {width: 100%;text-align: center;max-width: 100%;margin: 0 auto 5px auto;}
fieldset#fld-user #we-input-change_pass > div {width: 100%;}
 fieldset#fld-user div#we-label-change_pass + div#we-input-change_pass>div{float:none!important}
  fieldset#fld-user div#we-label-change_pass + div#we-input-change_pass>div::after {display: block;content: "";clear: both;}
.main.univers.ADM .moncompte  fieldset#fld-user #we-input-change_pass > div>.we-form-label {width: 35%!important;}
 .main.univers.ADM .moncompte   fieldset#fld-user #we-input-change_pass > div>.we-form-input {width: 60%!important;float:left!important; text-align:left}
 
}
@media only screen and (max-width:640px) {
#users-form div.we-toolbar{   width:fit-content;margin-left: auto;margin-right: auto;}	 	
}

/*=================
UNIVERS param sys
==================*/
@media only screen and (max-width:980px) {
	input[type='file'] {height: 30px;width: 90%;padding: 4px 10px;}
	fieldset#fld-univers {margin-bottom: 28px;}
fieldset#fld-contenu >.borderleft + div {position: relative;}
form#frm-univers fieldset#fld-contenu >.borderleft + div 	{position: relative;padding:10px ; margin:0!important} 
	fieldset#fld-contenu >.borderleft + div textarea#contenu_accueil + .we-required {position: absolute;right: 10px;top: 50%;margin-top: -15px;}
	fieldset#fld-contenu  textarea#contenu_accueil {width: 90%;margin: 15px auto;display: block;}
	div#we-input-image_lien input[type='file'] {margin-top:10px}
	div#we-input-image_lien .we-input-readonly {margin-top:6px}
	#frm-videos  .we-required {position: absolute;right: 10px;top: 50%;margin-top: -5px;}
	#frm-videos div.we-form-input {position: relative;}
	
	#frm-modeles-mail textarea#texte_mail {width: 90%;} 
}
@media only screen and (max-width:680px) {
.main.univers.SYS div.nav div.children.level1 {position: absolute;background-color: #f4f4f4;top: 100%;width: 100%;margin-left: 0;}	
}
@media only screen and (max-width:640px) {
#frm-univers div.we-toolbar, .main.univers.SYS div.we-toolbar{   width:fit-content;margin-left: auto;margin-right: auto;} 
}

/*=================
	INSTIT
==================*/
@media only screen and (max-width:980px) {
.page-page .main.univers.INDEX	ol {padding-left: 15px!important;}
.page-page .main.univers.INDEX	ul {padding-left: 25px!important;}
.main.univers.VISULIENS #ul_liens{padding:0 10px}
.main.univers.VISULIENS #ul_liens li{padding: 10px;width: 33.3333%;margin:0 0 15px 0;text-align:center; display:inline-block; vertical-align:middle; margin:0 -1px}
.main.univers.VISULIENS #ul_liens a {padding:0;margin:0;text-align:center; float:none; }
.main.univers.VISULIENS #ul_liens a img{margin:auto; display:block; max-width:100%; height:auto!important; }
.ui-dialog #frm-salarie div.we-form-input {margin-top: 6px;line-height: normal!important;}
.ui-dialog #frm-salarie div#we-input-date_emploi >div,.ui-dialog #frm-salarie div#we-input-date_conges >div  {margin-bottom: 0!important;}
.ui-dialog #frm-salarie div#we-input-date_emploi >div * ,.ui-dialog #frm-salarie div#we-input-date_conges >div * {margin-top: 0!important;} 
}
@media only screen and (max-width:640px) {
.page-page .main.univers.INDEX	#div_credits >div{padding-left:5px!important;padding-right:5px!important;}	
.page-page .main.univers.INDEX	#div_credits >div >div, .page-page .main.univers.INDEX	#div_credits >div >div>* {margin-left:10px!important}
.page-page .main.univers.INDEX	#div_credits >div >h2 {margin-left:10px!important}
.page-page .main.univers.INDEX	#div_credits >div h2>a>span>span{font-size:18px!important}
.main.univers.VISULIENS div.we-toolbar{   width:fit-content;margin-left: auto;margin-right: auto;}	
.main.univers.VISULIENS #ul_liens li {width:50%}
}
@media only screen and (max-width:480px) {
.page-page .main.univers.INDEX	#div_credits >div h2>a>span>span{font-size:16px!important}	    
}


/*=================
	POPUP
==================*/

.popup-overlay
{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: visible;
    opacity: 1;
    z-index:100;
    display:none;
}

.popup
{
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 50%;
    position: relative;
    transition: all 500ms ease-in-out;
}
  
.popup h2
{
    margin: 0 0 20px 0;
    color: #205796;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 15px;
}

.popup .close
{
    position: absolute;
    top: 10px;
    right: 10px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup .close:hover
{
    color: #205796;
}

.popup .content
{
    max-height: 30%;
    overflow: auto;
}
  
@media screen and (max-width: 700px)
{
    .popup{
        width: 70%;
    }
}

.content
{
    height:255px!important;
    overflow: inherit!important;
}

/*=================
	RECHERCHE
==================*/

#recherche_noms_1 { display:none; }
#recherche_noms_2 { display:block; }

@media screen and (max-width: 1265px)
{
    #recherche_noms_1 { display:block; }
    #recherche_noms_2 { display:none; }
}


#pswd_info { float:left;display: none; font-size: .875em;margin-top:15px }
#pswd_info h4 { margin: 0 0 10px 0; padding: 0; font-weight: normal; font-size: 1.4em; }
#pswd_info .invalid { padding-left: 22px; line-height: 24px; color: #ec3f41; }
#pswd_info .valid { padding-left: 22px; line-height: 24px; color: #3a7d34; }