body {font-family: 'Open Sans', helvetica, Arial, sans-serif;font-weight: 300;line-height: 1.6em; background-color: #f1f1f1;}
.nav-item {cursor: pointer;}
.navbar-toggler-icon {color: #FFFFFF;}
.container-fluid {padding: 0;}
.head {height: 40px;background-color: #ffffff;}
.head hr {margin-top: 0px;}
.headerup {height: 40px;background-color: #666666;}
.AdresseEmail p {font-size: 14px;text-align: center;padding-top: 10px;color: #ffffff;}
.datejours {font-size: 12px;text-align: center;padding-top: 10px;color: #ffffff;}
.social-network {list-style: none;padding-top: 5px;}
.social-network li {margin: auto;display: inline;border: 1px solid #ffffff;border-radius: 50%;font-size: 17px;height: 30px;width: 30px;display: inline-block;padding: 4px 4px;padding-top: 2px;}
.social-network li a {text-decoration: none;color: #ffffff;padding: 20%;}
.social-network li:hover {background: #FFA500 none repeat scroll 0 0;color: #fff;}
.headerdown {height: 90px;margin-top: 1px;margin-bottom: 1px;}
.textpresentation img {padding: 5px;}
.armoirie img {float: left;}
.logodspsheader img {float: right;}
#navbar {background-color: #008000; z-index: 999;}
.sticky {position: fixed;top: 0;height: 50px;width: 100%;}
.menuprincipale #btn {background: #2e7d32;border: 1px solid #ffffff;}
.menuprincipale .nav-link {font-size: 17px;border-left: 1px solid #ffffff;}
.menuprincipale .lastmenu {font-size: 17px;border-right: 1px solid #ffffff;}
.dropdown-menu {width: 350px;margin-top: 12px;border-radius: 0;border: 0px;background: #ffffff;padding: 0;box-shadow: 0 0 10px rgba(0, 0, 0, .3)}
.dropdown-menu a {border-bottom: 1px solid #f1f1f1;}
.dropdown-menu a:hover {background: #FFA500;color: #fff;}
.textedefilant {margin-top: 10px;height: 35px;background-color: #ffffd2;}
.flashinfos {background-color: #FFA500;height: 35px;border-bottom-right-radius: 15px;border-top-right-radius: 15px;}
                
                .flashinfos h4 {
                    font-size: 17px;
                    text-align: center;
                    height: 35px;
                    line-height: 35px;
                    color: #ffffff;
                    text-decoration: blink;
                }
                
                #boxe_defil {
                    background-color: #ffffd2;
                    height: 35px;
                }
                
                .textinfo {
                    height: 35px;
                    line-height: 35px;
                }
                
                .bodycontent {
                    padding: 0px;
                    margin-top: 30px;
                    margin-bottom: 50px;
                }
                
                .contentaccueil {
                    padding: 0px;
                    margin-top: 20px;
                }
                
                .contentinscription {
                    padding-top: 50px;
                }
                
                .contentaccueil h4 {
                    text-align: center;
                    width: 100%;
                }
                
                #sliderssite p {
                    font-size: 20px;
                    text-align: center;
                    font-weight: bold;
                    padding: 20px;
                    color: #f1f1f1;
                    width: 500px;
                    line-height: 27px;
                    text-shadow: -3px 0px 6px rgba(0, 0, 0, 0.5);
                    background: rgba(0, 0, 0, 0.5);
                }
                
                .presentationdirecteur {
                    background-color: #ffffff;
                    height: 100%;
                    padding: 10px;
                }
                
                .photodirecteur img {
                    width: 100%;
                }
                
                .textpresentation h3 {
                    font-size: 20px;
                    padding-top: 20px;
                    text-align: center;
                    color: #2e7d32;
                    font-weight: bold;
                }
                
                .textpresentation .fonction {
                    font-size: 17px;
                    padding-top: 10px;
                    text-align: center;
                }
                
                .presentationdirecteur a {
                    text-decoration: none;
                    color: #FFA500;
                    font-size: 15px;
                }
                
                .titrearticle {
                    background-color: #45a049;
                    width: 20%;
                    text-align: center;
                    padding: 3px;
                    font-size: 20px;
                    color: #ffffff;
                }
                
                .titrearticleautres {
                    width: 33%;
                    text-align: left;
                    padding: 3px;
                    font-size: 20px;
                    color: #45a049;
                }
                
                .lignetitrearticle {
                    background-color: #45a049;
                    width: 100%;
                    height: 1px;
                    margin-bottom: 20px;
                }
                
                .card-content {
                    background: #ffffff;
                    border: 4px;
                }
                
                .actualitesmenetfp {
                    margin-top: 30px;
                    cursor: pointer;
                }
                
                .zoomimg img {
                    transform-origin: 95% 95%;
                    transition: transform 1s, filter .5s ease-out;
                }
                
                .zoomimg:hover img {
                    transform: scale(1.2);
                }
                
                .zoomimg {
                    overflow: hidden;
                }
                
                .card-img {
                    position: relative;
                    overflow: hidden;
                    border-radius: 0;
                    z-index: 1;
                }
                
                .card-img img {
                    width: 100%;
                    height: auto;
                    display: block;
                }
                
                .card-img span {
                    position: absolute;
                    top: 6%;
                    left: 9%;
                    background: #eb0505;
                    border-radius: 0px;
                    padding: 6px;
                    color: #fff;
                    font-size: 12px;
                    border-radius: 4px;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    -ms-border-radius: 4px;
                    -o-border-radius: 4px;
                    transform: translate(-50%, -50%);
                }
                
                .card-img span h4 {
                    font-size: 12px;
                    margin: 0;
                    padding: 10px 5px;
                    line-height: 0;
                }
                
                .card-desc {
                    padding: 1.25rem;
                }
                
                .card-desc h3 {
                    color: #000000;
                    font-weight: bold;
                    font-size: 17px;
                    line-height: 1.3em;
                    margin-top: 0;
                    margin-bottom: 5px;
                    padding: 0;
                }
                
                .card-desc p {
                    color: #666666;
                    font-size: 14px;
                    font-size: 1em;
                    line-height: 1.5;
                    margin: 0px;
                    margin-bottom: 20px;
                    padding: 0;
                }
                
.btn-card {
                    background-color: #FFA500;
                    color: #fff;
                    padding: .84rem 2.14rem;
                    font-size: .81rem;
                    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
                    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
                    -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
                    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
                    margin: 0;
                    border: 0;
                    -webkit-border-radius: .125rem;
                    border-radius: .125rem;
                    cursor: pointer;
                    text-transform: uppercase;
                    white-space: normal;
                    word-wrap: break-word;
                    color: #fff;
                }
                
                .btn-card:hover {
                    background: #45a049;
                }
                
                a.btn-card {
                    text-decoration: none;
                    color: #fff;
                }
                
                .nbrevue {
                    height: 100px;
                    margin-top: 4px;
                    width: 255px;
                }
                
                .nbrevue h6 {
                    background-color: #333333;
                    text-align: center;
                    padding: 7px;
                    border-radius: 5px;
                    color: #ffffff;
                }
                
                .nbrevue {
                    padding-left: 20px;
                    font-size: 17px;
                }
                
                .nbrevue p strong {
                    font-weight: bold;
                }
                
                .inscriptionenligne {
                    margin-top: 10px;
                }
                
                .inscriptionenligne h5 {
                    font-weight: bold;
                    padding-top: 10px;
                }
                
                .contentinscription img {
                    width: 100%;
                    padding: 30px;
                }
                
                img.prestation:hover {
                    border: 0.5px solid #32cd32;
                }
                
                .reseauxbox {
                    padding-top: 10px;
                }
                
                .reseauxbox iframe {
                    width: 500px;
                }
                
                .facebook {
                    background-color: #4267B2;
                    width: 340px;
                    padding: 5px;
                    color: #fff;
                }
                
                .liensutilessites img {
                    padding: 10%;
                }
                
                .contenubodypagesite {
                    padding-bottom: 60px;
                    padding-top: 30px;
                }
                
                .contenubodyiframe {
                    padding-top: 30px;
                }
                
                .bc-icons-2 .breadcrumb-item+.breadcrumb-item::before {
                    content: none;
                }
                
                .breadcrumb {
                    background: transparent;
                    text-transform: capitalize;
                    margin-bottom: 0px;
                }
                
                .breadcrumb a {
                    text-decoration: none;
                    color: #455a64;
                }
                
                .breadcrumb a:hover {
                    color: #35cb13;
                }
                
                .pagetitle {
                    font-size: 30px;
                    padding-top: 30px;
                    padding-left: 10px;
                    padding-bottom: 10px;
                    color: #666666;
                }
                
                .ecriveznous {
                    padding: 20px;
                }
                
                #inputlarge {
                    min-height: 150px;
                    resize: none;
                }
                
                .autrescontacts {
                    background-color: #ffffff;
                    padding-top: 20px;
                    color: #666666;
                }
                
                .autrescontacts iframe {
                    padding-top: 20px;
                }
                
                .contenubodyiframe .pagetitle {
                    text-align: center;
                }
                
                .connexionappdsps {
                    border-top: 1px dashed #999999;
                    padding: 0px;
                    margin-bottom: 50px;
                }
                
                .connexionappdsps iframe {
                    width: 100%;
                    height: 1000px;
                    margin-top: 0px;
                }
                
                .fichetransfert {
                    margin-top: 20px;
                    padding-bottom: 20px;
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                }
                
                .typetransfert {
                    margin-bottom: 30px;
                }
                
                .fichetransfert a {
                    background: #999;
                    border-radius: 10px;
                    padding: 7px;
                    text-decoration: none;
                    color: #fff;
                    font-size: 14px;
                }
                
                .fichetransfert i {
                    background: #fff;
                    border-radius: 30px;
                    padding: 14px;
                    color: #666;
                    margin-left: -9px;
                    border: 1px solid #666;
                    margin-bottom: 0px;
                }
                
                .fichetransfert a:hover {
                    color: #fff;
                    background: #ffa700;
                }
                
                .texthead {
                    font-size: 20px;
                    text-align: center;
                    color: #000000;
                    font-weight: 700;
                }
                
                .reponses {
                    text-align: center;
                    color: #ff4500;
                    font-style: italic;
                }
                
                .texthead {
                    margin: 140px auto;
                    width: 45%;
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                    background: #FFA500;
                    padding-top: 17px
                }
                
                .cardform {
                    padding: 17px;
                    background: #ffffff;
                }
                
                .connexion {
                    border: 2px solid #2e7d32;
                    border-radius: 10px;
                    margin-bottom: 14px;
                    cursor: pointer;
                    text-align: center;
                    font-size: 23px;
                    padding: 4px;
                }
                
                .connexion a {
                    text-decoration: none;
                    color: #FFA500;
                }
                
                .documentsstatistiques {
                    margin-top: 20px;
                }
                
                .cardredocstat .card-text {
                    background-color: #2e7d32;
                    text-align: center;
                }
                
                .cardredocstat .card-text a {
                    color: #ffffff;
                    text-decoration: none;
                    font-size: 12px;
                    font-weight: bold;
                }
                
                .regional {
                    margin-top: 60px;
                    padding-bottom: 30px;
                }
                
                .regional img {
                    padding-left: 22%;
                }
                
                .regional img {
                    cursor: pointer;
                }
                
                .regional h1 {
                    padding-top: 2%;
                    padding-bottom: 3%;
                    color: #666;
                    text-align: center;
                    font-size: 27px;
                }
                
                .regional span {
                    color: #f1f1f1;
                    font-size: 50px;
                    background-color: #FFA500;
                    padding: 20px;
                    border-radius: 50px;
                }
                /* Pied de page */
                
                .piedpage {
                    padding-top: 30px;
                    padding-bottom: 5px;
                }
                
                .piedpage p,
                a {
                    color: #999;
                    font-size: 14px;
                }
                
                .piedpage a:hover {
                    color: #FFA500;
                }
                
                .piedpage h4 {
                    color: #ffffff;
                    color: #999;
                }
                
                .partie {
                    border-right: 1px solid #666666;
                }
                
                .partie a {
                    text-decoration: none;
                }
                
                .inputlarge {
                    min-height: 140px;
                    resize: none;
                }
                
                .detailpostition {
                    margin-top: 20px;
                    color: #999;
                    cursor: pointer;
                }
                
                #social .fa {
                    color: #f1f1f1;
                    font-size: 22px;
                    padding: 10px 15px;
                    background: #999;
                }
                
                .formindentification input[type=text],
                select,
                textarea {
                    width: 100%;
                    padding: 12px;
                    border: 1px solid #ccc;
                    border-radius: 4px;
                    box-sizing: border-box;
                    margin-top: 6px;
                    margin-bottom: 16px;
                    resize: vertical;
                }
                
                .formindentification input[type=submit] {
                    background-color: #4CAF50;
                    color: #ffffff;
                    padding: 5px 5px;
                    border: none;
                    border-radius: 4px;
                    cursor: pointer;
                }
                
                .formindentification input[type=submit]:hover {
                    background-color: #45a049;
                }
                
                .copyright p {
                    text-align: center;
                    padding-top: 10px;
                    cursor: pointer;
                }
                
                .back-to-top {
                    position: relative;
                    z-index: 2;
                }
                
                .back-to-top .btn-dark {
                    width: 35px;
                    height: 35px;
                    border-radius: 50%;
                    padding: 0;
                    position: fixed;
                    bottom: 20px;
                    right: 20px;
                    background: #2e7d32;
                    border-color: #2e7d32;
                    display: none;
                    z-index: 999;
                    -webkit-transition: all 0.3s linear;
                    -o-transition: all 0.3s linear;
                    transition: all 0.3s linear;
                }
                
                .back-to-top .btn-dark:hover {
                    cursor: pointer;
                    background: #35cb13;
                    border-color: #35cb13;
                }
                
                @media screen and (max-width: 600px) {
                    .head {
                        visibility: hidden;
                        height: 0px;
                    }
                    .textpresentation,
                    .armoirie {
                        visibility: hidden;
                    }
                    .flashinfos {
                        width: 20%;
                    }
                    .flashinfos h4 {
                        font-size: 12px;
                    }
                    .textinfo {
                        width: 77%;
                    }
                    .sticky {
                        position: relative;
                        top: 0;
                        height: 50px;
                    }
                    .menuprincipale .nav-link {
                        border-left: 0px solid #ffffff;
                        border-bottom: 1px solid #ffffff;
                    }
                    .menuprincipale .lastmenu {
                        border-right: 0px solid #ffffff;
                    }
                    .dropdown-menu {
                        width: 100%;
                        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
                        background-color: #2e7d32;
                    }
                    #sliderssite p {
                        font-size: 15px;
                        text-align: center;
                        padding: 10px;
                        width: 250px;
                        line-height: 27px;
                    }
                    .textpresentation .fonction {
                        font-size: 10px;
                        padding-top: 10px;
                        text-align: center;
                    }
                    .presentationdirecteur {
                        visibility: hidden;
                        height: 0px;
                    }
                    .titrearticle {
                        width: 60%;
                    }
                    .reseauxbox .facebook,
                    .reseauxbox iframe {
                        width: 0%;
                        visibility: hidden;
                        height: 0px;
                    }
                }
                
                .champ_resultat p {
                    text-align: center;
                    font-size: 25px;
                }
                
                .champ_resultat {
                    font-size: 20px;
                    text-align: center;
                    color: #000000;
                    font-weight: 700;
                }
                
.champ_resultat {margin: 50px auto;width: 87%;background: #ffffff;}
.note_infos_cafop{margin: 50px auto;width: 90%;}
.note_infos_cafop h5{text-align:center;color:#dc143c;}
.note_infos_cafop p{font-size:17px;}
.champ_resultat form {padding:30px;}
.card_position_carte_eleve {padding: 50px;}
.reponse_cafop {padding-top: 30px;padding-bottom: 50px;}
.connexionappdsps .lien_retour { background-color: #008000;padding: 15px 80px;text-align: center;color: #ffffff;font-size: 17px;text-decoration: none;}
.header_recherche_resultat{ background:#ffa500;padding:20px;margin-top:20px;}
.etablissement_cible p{ font-size:18px;}