@charset "UTF-8"

/*définition des tailles des pages*/
    @page {
        size: A4;
        margin: 1cm  
    }

    

@media print {
    
    /*permet d'afficher le logo avant le body de la page*/
    body::before {
    content: url("https://cep-socotic.com/img/bloc-print.jpg");
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    }

    /*définition du corps de la page (police, taille, espacement de ligne, background)*/
    body {
        font : Georgia, "Times New Roman", Times, serif;
        font-size : 15px;
        background-color : #fff !important;
        color : #000;
        line-height : 1.5;
        margin : 0 
    }

    /*couleur du texte dans les p*/
    p {
        margin-bottom: 0.2cm;
        color : #000;
        overflow: visible;
    }
    
    /*permet de ne pas avoir une image qui se coupe en deux à la fin de la page et de centrer les images*/
    img {       
        display: none !important;
         max-width: 800px;
    }
    
    /*désactive les formulaires*/
    form {
        display: none !important
    }

    /*disparition des hr*/
    hr {
        display: none !important
    }
    
    /*enleve les souligner*/
    a {
        text-decoration : none !important
    }
    
    /*désactive les soulignés sur les balises u*/
    u {
        text-decoration: none !important
    }

    /*affichage du titre*/
    h1 {
        font-size: 32px;
    }

    /*affichage des sous-titres*/  
    h2 {
        font-size: 26px;
        color: #273c75;
    }

    h3,h4 {
        font-size: 19px;
        color: #273c75;
    }
    
    /*désactive le footer*/
    footer{
        display: none !important
    }
    
    /*Réduit l'espacement entre les section*/
    section{
        padding: 10px 0;
    }
    
    /*disparition des vidéo*/
    video{
        display: none !important
    }
    
    /*disparition de l'ombre du header*/
    .head-shadow {
        display: none !important
    }

    /*disparition de la navbar*/
    .navbar {
        display : none !important
    }
    
    /*disparition des liens de navigation*/
    .nav-link {
        display: none !important
    }

    /*disparition du footer*/
    .bas-footer {
        display:none !important
    }

    /*disparition de la div eco-responsable*/
    .div-ecoresponsable { 
        display:none !important
    }

    /*disparition des boutons*/
    .bouton {
        display: none !important
    }

    /*disparition de la flèche */
    .fa-angle-up {
        display: none !important
    }

    /*enlève la bar de progression*/
    .progress {
        display: none !important
    }
    
    /*met les row en colonne*/
    .row {
        display: flex;
        flex-direction: column;
    }
    
    /*enlève la div item dans la page index.html*/
    .item {
        display: none !important
    }
    
    /*enlève l'id realisation-site dans la page web.html*/
    #realisation-site {
        display: none !important
    }
    
    /*désactive les cards en bas*/
    .card {
        display: none !important
    }
    


}