/*
* Theme Name:  FLATY
* Description: FLATY - Premium Responsive Admin Template
* Author:      ShaMSofT
* Version:     2.1.0
*/

/* ========================================================
   General
======================================================== */
.masque {
    display: none;
}

/* these styles are for the demo, but are not required for the plugin */
.zoom {
        display:inline-block;
        position: relative;
}

/* magnifying glass icon */
.zoom:after {
        content:'';
        display:block; 
        width:33px; 
        height:33px; 
        position:absolute; 
        top:0;
        right:0;
        background:url(icon.png);
}

.zoom img {
        display: block;
}

.zoom img::selection { background-color: transparent; }

#photo img:hover { cursor: url(grab.cur), default; }
#photo img:active { cursor: url(grabbed.cur), default; }


/* ========================================================
   Login
======================================================== */
body {
    background-color: #FFFFFF;
    background: url('../img/bg_header.png') top repeat-x;
    margin:0;
    font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}

.login-header {
    height: 71px;
    width: 1024px;
    margin:auto;
}
.logo {
    float:left;
    margin: 5px 0 0px 30px;
}
.menu {
    float: left;
    margin: 0px 20px 0px 20px;
    font-size: 13px;
    width: 420px;
    padding:0;
}
.menu ul {
    margin: 0px;
    padding:0;
}
.menu li:first-child {list-style: none;}
.menu li {
    float: left;
    margin: 0 10px 0 10px;
    color: #ff5700;
    height: 40px;
    padding:25px 0 0 0;
}

.active {
    background: url('../img/active.jpg') top no-repeat;
}

.menu li a {
    color: #000000;
    text-transform: uppercase;
    text-decoration:none;
}

.menu li a:hover {
    color: #ff5700;
}

h2 {text-transform: uppercase;font-size: 24px;color:#ff5700;font-weight: normal;}
h3 {text-transform: uppercase;font-size: 14px;color:#002a78;font-weight: normal;}
h3 a {color:#002a78;text-decoration: none;}

.title {
    float:left;
    margin:0 5px 0 5px;
}
.login-form {
    float:left;
    margin:3px 5px 0 25px;
}

.form-group {
    margin:2px 0 0 0;
}
.form-control {
    border:solid 1px #c7c7c7;
    color:#4c4c4c;
    width: 175px;
    font-size: 13px;
    padding:5px 5px 5px 5px;
}
.btncg {
    border:solid 1px #ff5700;
    background-color:#ff5700;
    color:#ffffff;
    width: 175px;
    text-transform:uppercase;
    font-size: 13px;
    padding:5px 5px 5px 5px;
}

.btn {
    border:solid 1px #ff5700;
    background-color:#ff5700;
    color:#ffffff;
    width: 175px;
    text-transform:uppercase;
    font-size: 13px;
    padding:5px 5px 5px 5px;
}
.btn-document {
    background-color:#f3f3f3;
    border:solid 1px #dbdcdd;
    color:#777483;
    width: 60px;
    height: 30px;
}

.btn-success {
    border:solid 1px #5cb85c;
    background-color:#5cb85c;
}

.btn-danger {
    border:solid 1px #d9534f;
    background-color:#d9534f;
}

.login {
    float:left;
    background: url('../img/bg_login.png') top no-repeat;
    height: 113px;
    width: 365px;
}

.login-subheader {
    background: url('../img/bg_subheader.jpg') top no-repeat;
    /*background: url('../img/bg_subheader_1er_avril.jpg') top no-repeat;*/
    height: 145px;
    width: 1024px;
    margin:auto;
}

.contact-subheader {
    background: url('../img/bg_subheader2.jpg') top no-repeat;
    height: 93px;
    width: 1024px;
    margin:auto;
}

.login-subheader-info-employeur {
    background: url('../img/sub_header_ie.png') top no-repeat;
    height: 93px;
    width: 1024px;
    margin:auto;
}
.login-subheader-info-intervenant {
    background: url('../img/bg_subheader3.jpg') top no-repeat;
    height: 93px;
    width: 1024px;
    margin:auto;
}

.login-content {
    background: url('../img/content.png') top no-repeat;
    height: 553px;
    width: 1024px;
    margin:auto;
}

.login-content_oasis {
    background: url('../img/content_oasis.png') top no-repeat;
    height: 553px;
    width: 1024px;
    margin:auto;
}

.trait {
    background: url('../img/bg_footer.png') top repeat-x;
    height: 10px;
    width:100%;
}
.legals {
   text-align: center;
   width:100%;
   margin: 3px 0 20px 0;
   font-size: 12px;
   color:#626262;
}

.legals a {
    font-size: 12px;
    color:#626262;
    text-decoration: none;
}

.legals a:hover {
    color:#ff5700;
}

#texte1 a, #texte2 a, #texte3 a, #texte4 a {
    color:#ff5700;
}

#texte1 a:hover, #texte2 a:hover, #texte3 a:hover, #texte4 a:hover {
    color:#4c4c4c;
}

.login-content #texte1 {
    position: relative;
    left:490px;
    top:30px;
    width:470px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}

.login-content #texte2 {
    position: relative;
    left:535px;
    top:70px;
    width:430px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}


.login-content #texte3 {
    position: relative;
    left:490px;
    top:100px;
    width:470px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}


.login-content #texte4 {
    position: relative;
    left:535px;
    top:135px;
    width:430px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}

.login-content_oasis #texte1 {
    position: relative;
    left:490px;
    top:30px;
    width:470px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}

.login-content_oasis #texte2 {
    position: relative;
    left:530px;
    top:65px;
    width:430px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}

.login-content_oasis #texte3 {
    position: relative;
    left:490px;
    top:100px;
    width:470px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}

.login-content_oasis #texte4 {
    position: relative;
    left:530px;
    top:130px;
    width:430px;
    font-size:12px;
    color: #4c4c4c;
    line-height: 18px;
}

/* INFOS EMPLOYEUR */
.content {
    width: 880px;
    margin:10px auto 10px auto;
}

.gauche {
    width: 500px;
    float: left;
    color:#4c4c4c;
}

.gauche p {
    font-size:14px;
    font-family: "Helvetica Neue", HelveticaNeue, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;
}

.droite {
    background-color: #f4f4f4;
    width: 340px;
    height: 100%;
    float: left;
    margin-left:15px;
    padding:10px;
    font-size:14px;
    color:#4c4c4c;
}

.plan {
    float:left;
}

.adresse {
    float:left;
    vertical-align: top;
    margin-left: 30px;
}

.adresse p {
    margin: 0 0 15px 0;
    line-height: 20px;
}

.adresse span {
    padding-left: 20px;
}

.mail {
    color:#4c4c4c;    
}

.clear {
    clear: both;
}


#telechargement_ccp {
    background: url('../img/page_info_employeurs2.png') top no-repeat;
    width: 360px;
    height: 475px;
}

#dl_ccp {
    margin:30px auto;
    width:340px;
    position: relative;
}

#dl_liv {
    margin:auto;
    top:125px;
    width:300px;
    position: relative;
    text-align: left;
}

.select_language {
    margin-top:5px;
    width:300px;
    text-align: center;
}

#dl_try {
    margin:auto;
    top:165px;
    width:300px;
    position: relative;
}
#dl_try button {margin:6px 0 0 90px;}

#telechargement_livret {
    background: url('../img/dl_video.png') top no-repeat;
    width: 340px;
    height: 312px;
}

.small {
    font-size: 20px;
}

hr {
    height: 1px;
    color:#c8c8cb;
}

.control-label {
    color:#4c4c4c;
    font-size: 12px;
}
.form-row {
    margin:15px 0 15px 0;
}
.large {
    width:95%;
}

.larger {
    width:100%;
}
.text-danger, .help-block {
    color:red;
    font-style: italic;
    font-size: 0.8em;
}
.text-justify {
    text-align: justify;
}
.progress{height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}
.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}