/* **** // EE19 CSS File for NO JAVASCRIPT // **** */

/* // Return to top NO JS // */

a#return-to-top, button#return-to-top, span#return-to-top {
    display: block;
  	position: fixed;
    z-index: 10;
    right: 25px;
    bottom: 100px;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    border-radius: 180px;
    border: solid 2px #bbbbbb;
    width: 50px;
    height: 50px;
    background-image: url("../images/fleche_rond.svg");
    background-repeat: no-repeat;
    background-position: center -41px;
    background-size: 40%;
    text-indent: -999em;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1.0;
    animation: 0.6s ease-out 0s 1 slideInFromBottom;
    -webkit-animation: 0.6s ease-out 0s 1 slideInFromBottom;
    -moz-animation: 0.6s ease-out 0s 1 slideInFromBottom;
}
@media screen and (min-width: 0px) and (max-width: 749px){
	 a#return-to-top, button#return-to-top, span#return-to-top {
        display: block;
        position: fixed;
        z-index: 10;
        bottom: 20px;
        left: 50%;
        margin-left: -25px;
        -webkit-border-radius: 180px;
        -moz-border-radius: 180px;
        border-radius: 180px;
        border: solid 2px #bbbbbb;
        width: 50px;
        height: 50px;
        background-image: url("../images/fleche_rond.svg");
        background-repeat: no-repeat;
        background-position: center -41px;
        background-size: 40%;
        text-indent: -999em;
        cursor: pointer;
        -webkit-transition: all .2s ease-out;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        transition: all .2s ease-out;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        opacity: 1.0;
        animation: 0.6s ease-out 0s 1 slideInFromBottom;
        -webkit-animation: 0.6s ease-out 0s 1 slideInFromBottom;
        -moz-animation: 0.6s ease-out 0s 1 slideInFromBottom;
    }
}

/* // Sliding panels NO JS // */

.answer-panel {
    display: block;
}
h2.title-collapsed-panel button svg {
    display: none;
    visibility: hidden;
    opacity: 0;
}
.wrapper section.main .main-container h2.title-collapsed-panel button {
    color: #0C70D3;
    cursor: auto;
}

/* // display select box if JS is disabled // */

/* // Menu HOMEPAGE // */

.top #menu .list .form select{
    display: 					inline-block;
    width: 						calc(100% - 65px);
    min-width:                  180px;
    box-sizing: 				border-box;
    padding-top:                8px;
    padding-right:              15px;
    padding-bottom:             8px;
    padding-left:               5px;
    background-color:           transparent;
    -webkit-appearance:         none;
    -moz-appearance:            none;
    appearance:                 none;
    color:                      #ffffff;
    font-size:                  0.8em;
    font-weight:                bold;
    border:                     solid 2px #ffffff;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    background-image:           url("../images/fleche.png");
    background-repeat:          no-repeat;
    background-position:        right center;
    background-size:            15%;
    cursor:                     pointer;
}
.top #menu .list .form button{
    display: 					inline-block;
    width: 						60px;
    padding: 					10px;
    box-sizing: 				border-box;
    font-weight:                bold;
    background-color: 			#0C70D3;
    color:                      #ffffff;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    border:                     solid 2px transparent;
    cursor:                     pointer;
    -webkit-transition:         all .2s ease-out;
    -moz-transition:            all .2s ease-out;
    -o-transition:              all .2s ease-out;
    transition:                 all .2s ease-out;
}
.top #menu .list .form button:hover{
    background-color: 			#ffffff;
    color:                      #0C70D3;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    border:                     solid 2px #ffffff;
    cursor:                     pointer;
}
.top .custom-language {
    border: 0;
    background-image: none;
}
.top .custom-language select {
    display: none;
}
.top select option:select {
    font-weight: bold;
}
/* // End Menu HOMEPAGE // */

/* // Menu PAGES // */
.topNav .main-menu .menu-pages .list .form select{
    display: 					inline-block;
    width: 						calc(100% - 65px);
    box-sizing: 				border-box;
    padding-top:                10px;
    padding-right:              10px;
    padding-bottom:             10px;
    padding-left:               10px;
    background-color:           transparent;
    -webkit-appearance:         none;
    -moz-appearance:            none;
    appearance:                 none;
    color:                      #0C70D3;
    font-size:                  0.8em;
    font-weight:                normal;
    border:                     solid 2px #0C70D3;
    -webkit-border-radius:      4px;
    -moz-border-radius:         4px;
    border-radius:              4px;
    background-image: url("../images/fleche_footer.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 15%;
}
.topNav .main-menu .menu-pages .list .form button{
    display: 					inline-block;
    width: 						60px;
    padding: 					10px;
    box-sizing: 				border-box;
    font-weight:                bold;
    background-color: 			#0C70D3;
    color:                      #ffffff;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    border:                     solid 2px transparent;
    cursor:                     pointer;
    -webkit-transition:         all .2s ease-out;
    -moz-transition:            all .2s ease-out;
    -o-transition:              all .2s ease-out;
    transition:                 all .2s ease-out;
}
.topNav .main-menu .menu-pages .list .form button:hover{
    background-color: 			#ffffff;
    color:                      #0C70D3;
    -webkit-border-radius:      3px;
    -moz-border-radius:         3px;
    border-radius:              3px;
    border:                     solid 2px #0C70D3;
    cursor:                     pointer;
}
.topNav .main-menu .custom-language {
    position: relative;
    border: 0;
    margin-top: 10px;
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.topNav .custom-language {
    border: 0;
}
.topNav .custom-language select {
    display: none;
}
.topNav select option:select {
    font-weight: normal;
}
header.topNav .main-menu nav {
    margin-top: 5px;
}
.topNav .main-menu .menu-pages .title > span, .topNav .main-menu .menu-pages .access button, .topNav .main-menu .menu-pages .access a {
    font-size: 0.9em;
    font-weight: bold;
    letter-spacing: normal;
}

/* // End Menu PAGES // */


/* // Footer lang menu // */

.lang-footer-selector #menu .list .form select{
    display: 					inline-block;
    box-sizing: 				border-box;
    min-width:                  180px;
    height:                     40px;
    padding-top:                0px;
    padding-right:              0px;
    padding-bottom:             0px;
    padding-left:               10px;
    background-color:           transparent;
    -webkit-appearance:         none;
    -moz-appearance:            none;
    appearance:                 none;
    color:                      #0C70D3;
    font-size:                  0.8em;
    font-weight:                bold;
    border:                     solid 1px #0C70D3;
    -webkit-border-radius:      4px;
    -moz-border-radius:         4px;
    border-radius:              4px;
    background-image: url("../images/fleche_footer.png");
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.lang-footer-selector #menu .list .form button{
    display: 					inline-block;
    width: 						60px;
    padding: 					10px;
    box-sizing: 				border-box;
    font-weight:                bold;
    background-color: 			#0C70D3;
    color:                      #ffffff;
    -webkit-border-radius:      4px;
    -moz-border-radius:         4px;
    border-radius:              4px;
    border:                     solid 2px transparent;
    cursor:                     pointer;
    -webkit-transition:         all .2s ease-out;
    -moz-transition:            all .2s ease-out;
    -o-transition:              all .2s ease-out;
    transition:                 all .2s ease-out;
}
.lang-footer-selector #menu .list .form button:hover,
.lang-footer-selector #menu .list .form button:focus{
    background-color: 			#ffffff;
    color:                      #0C70D3;
    -webkit-border-radius:      4px;
    -moz-border-radius:         4px;
    border-radius:              4px;
    border:                     solid 2px #0C70D3;
    cursor:                     pointer;
}
.lang-footer-selector .custom-language {
    color: #000000;
}
.lang-footer-selector .custom-language select {
    display: block;
    color: #000000;
}

.lang-footer-selector .custom-language div {
    display: none;
}

/* // End footer lang menu // */