@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');

body {
    background-color :rgba(52, 132, 132, 0.279);
    color : black;
    overflow:hidden;
}

.titreActivite:hover, .texteCv span:hover, #accroche span:hover, #titrepage span:first-child:hover   {
    color : darkred;
}

#printimg {
    display: none;
}


#titrepage {
    color : black;
}

#infosgen {
    color : black;
}

#accroche {
    background-color : rgba(38, 188, 215, 0.774);
}

#optionsCv {
    background-color : grey;
}

#competences {
    background-color :rgba(99, 199, 202, 0.58);  
}

#atouts {
    background-color :rgba(230, 145, 49, 0.58);    
}

table {
    background-color :rgba(102, 156, 158, 0.562); 
}

th {
    background-color : rgba(49, 174, 196, 0.605);
}

table tr:nth-child(even) {    
    background-color : rgb(171, 201, 214);
}

tr td:nth-of-type(2) a {
    color :black;
}


#texteBas {
    position:absolute;
    margin-top:6px;
    bottom :3px;
    width : 100%;
    text-align:center;
    font-family : Helvetica, Arial, sans-serif;
    font-size : 10px;
    color : black;
}

@media screen and (min-width:950px) {

    header {
        height:250px;
    }

    header img {
        max-height : 240px;
        max-width : 400px;
        min-height : 230px;
        min-width : 360px;
    }

    #cliquerimage {
        position : fixed;
        top : 260px;
        left : 100px;
        font-size:10px;
        font-family :Arial, Helvetica, sans-serif;    
        display:none;  
    }

    #cvclassique {
        position : absolute;
        width:99%;
        text-align:right;
        top : 5px;
        font-size : 12px;
        font-weight : bold;
        font-family :Arial, Helvetica, sans-serif; 
    }

    #titrepage {
        text-align: center;
        font-family :'Lucida Grande','Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
        font-size : 22px;
        padding-left: 420px;
        padding-right : 420px;
        max-height : 250px;
        min-width : 287px;
    }

    #titrepage span:first-child {
        font-family : 'Abril Fatface', 'Lucida Grande', 'Lucida Sans';
        font-size: 46px;
    }

    #infosgen {
        margin-top:5px;
        min-width : 236px;
        font-size : 14px;
    }

    #fenetreimage {
        position : absolute;
        margin-top : 10px;
        margin-left :20px;
        width : 25%;
        min-width : 300px ;
        max-width : 600px;
        height : 25%;
        min-height : 200px;
        max-height : 250px;
    }

    #accroche {
        margin-left : 45%;
        min-width : 400px;
        max-width : 50%;
        margin-top : 20px;
        margin-bottom : 20px;
        padding-left : 10px;
        padding-right : 10px;
        padding-bottom : 10px;
        padding-top : 10px;
        font-size : 14px;
        font-family : Helvetica, sans-serif;
        border : outset ;
        border-width : 2px;
    }

    #accroche span:first-child {
        font-size : 14px;
        font-family : Helvetica, sans-serif;
        font-weight : bold;
    }    

    .centrage {
        padding-top:10px;
        width : 100%;
    }

    #optionsCv {
        margin-top : 10px;
        margin-bottom : 10px;
        width : 640px;
        margin-left : auto;
        margin-right : auto;
        text-align : left;
        font-family :Arial, Helvetica, sans-serif;
        font-size : 12px;
        border : outset ;
        padding-left : 8px;
        border-width : 2px;    
    }

    .rubriquecv {
        width : 90%;
        margin-left:auto;
        margin-right:auto;
    }

    #defilement {
        height : auto;
        overflow-y : auto;
    }

    #atoutcomp {
        position : relative;
        width : 100%;
        height : 190px;
        margin-bottom: 10px;
    }

    #competences {
        position: absolute;
        top:0px;
        margin-left : 15%;
        width : 35%;
        min-width : 460px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:16px;
        font-style: italic;      
        padding-left : 5px;
        padding-right : 5px;
        border : outset;
        border-width : 2px;
        margin-bottom : 10px;
    }

    #atouts {
        position : absolute;
        margin-top : 10px;
        margin-left : 67%;
        width : 15%;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:17px;
        font-style: italic;
        font-weight : bold; 
        padding-left : 5px;
        padding-right : 5px;
        border : outset;
        border-width : 2px; 
        margin-bottom : 10px;          
    }

    table {
        border: 1px solid;
      }

    tr, td {  
        padding : 6px;
    }  

    th {
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:18px;
        font-weight:bold;  
    }

    tr td:first-child {
        width:30%;
    }

    tr td:nth-of-type(2) {
        width:12%;
        font-size : 14px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';       
    }

    .titreActivite {
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:18px;
        font-weight:bold;       
    }

    .sub {
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size : 12px;
    }

    .date {
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size : 16px;
        font-weight : bold;
    }

    .texteCv {
        font-family : Helvetica, Arial, sans-serif;
    }

    .grand {
        font-size:16px;
    }

    .petit {
        font-size:14px;
    }

    .texteCv span {
        font-weight:bold;
    }
}

@media screen and (min-width:580px) and (max-width:950px) {

    header {
        min-height : 205px;
        max-height : 250px;
    }

    header img {
        height : 200px;
        max-width : 265px;
    }

    #cliquerimage {
        position : absolute;
        top : 216px;
        left : 60px;
        font-size:10px;
        font-family :Arial, Helvetica, sans-serif;    
        display:none;  
    }


    #cvclassique {
        position : absolute;
        width:99%;
        text-align:right;
        font-size : 12px;
        font-weight : bold;
        font-family :Arial, Helvetica, sans-serif; 
    }

    #titrepage {
        padding-top : 10px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size : 24px;
        padding-left: 280px;
        padding-right : 280px;
        text-align : center;
        min-width : 218px;
        max-height : 246px;
    }

    #titrepage span:first-child {
        font-size: 36px;
        font-family : 'Abril Fatface', 'Lucida Grande', 'Lucida Sans';
    }

    #infosgen {
        margin-top:3px;
        min-width : 270px;
        font-size : 11px;
    }

    #fenetreimage {
        position : fixed;
        margin-top : 10px;
        margin-left : 10px;
        width : 30%;
        min-width : 120px ;
        max-width : 260px;
        height : 30%;
        min-height : 200px;
        max-height : 200px;
    }

    #accroche {
        margin-left : 5%;
        min-width : 180px;
        max-width : 85%;
        margin-top : 15px;
        margin-bottom : 15px;
        padding-left : 5px;
        padding-right : 5px;
        padding-bottom : 5px;
        padding-top : 5px;
        font-size : 12px;
        font-family : Helvetica, sans-serif;
        border : outset ;
        border-width : 2px;
    }

    #accroche span:first-child {
        font-size : 12px;
        font-family : Helvetica, sans-serif;
        font-weight : bold;
    }

    .centrage {
        padding-top:7px;
        width : 100%;
    }

    #optionsCv {
        margin-top : 10px;
        margin-left : auto;
        margin-right : auto;
        text-align : left;
        font-family :Arial, Helvetica, sans-serif;
        width : 590px;
        font-size : 10px;
        border : outset ;
        border-width : 2px;      
    }

    .rubriquecv {
        width : 95%;
        margin-left:auto;
        margin-right:auto;
    }

    #defilement {
        height : auto;
        overflow-y : auto;
    }

    #atoutcomp {
        position : relative;
        width : 100%;
        height : 225px;
        margin-bottom: 10px;
        margin-top : 10px;
    }

    #competences {
        position: absolute;
        top:0px;
        margin-left : 5%;
        width : 40%;
        min-width : 260px;
        max-width : 400px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:13px;
        font-style: italic;      
        padding-left : 3px;
        padding-right : 3px;
        border : outset;
        border-width : 2px;
        margin-bottom : 8px;
    }

    #atouts {
        position : absolute;
        margin-top :20px;
        margin-left : 65%;
        width : 20%;
        min-width:160px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:15px;
        font-style: italic;
        font-weight : bold; 
        padding-left : 3px;
        padding-right : 3px;
        border : outset;
        border-width : 2px;
        margin-bottom : 8px;    
    }

    table {
        border: 1px solid;
      }

    tr, td {  
        padding : 6px;
    }  

    th {
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:16px;
        font-weight:bold;  
    }


    tr td:first-child {
        width:30%;
    }

    tr td:nth-of-type(2) {
        width:12%;
        font-size : 14px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';       
    }

    .titreActivite {
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
        font-size:18px;
        font-weight:bold;       
    }

    .sub {
        font-size : 10px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
    }

    .date {
        font-size : 14px;
        font-weight : bold;
    }

    .texteCv {
        font-family : Helvetica, Arial, sans-serif;
    }

    .grand {
        font-size:14px;
    }

    .petit {
        font-size:12px;
    }

    .texteCv span {
        font-weight:bold;
    }
}

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

    header {
        min-height : 205px;
        max-height : 250px;
    }

    header img {
        height : 190px;
        max-width : 260px;
    }

    #cliquerimage {
        position : absolute;
        top : 207px;
        left : 60px;
        font-size:10px;
        font-family :Arial, Helvetica, sans-serif;    
        display:none;  
    }

    #cvclassique {
        position : absolute;
        text-align : right;
        width:99%;
        top : 5px;
        font-size : 10px;
        font-weight : bold;
        font-family :Arial, Helvetica, sans-serif; 
    }


    #titrepage {
        font-family :'Lucida Grande','Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif;
        font-size : 16px;
        padding-left: 280px;
        min-width : 161px;
        max-height : 246px;
        padding-top : 10px;
    }

    #titrepage span:first-child {
        font-size: 26px;
        font-family : 'Abril Fatface', 'Lucida Sans';
    }

    #infosgen {
        margin-top:3px;
        min-width : 270px;
        font-size : 11px;
    }

    #fenetreimage {
        position : fixed;
        margin-top : 10px;
        margin-left : 10px;
        width : 30%;
        min-width : 120px ;
        max-width : 260px;
        height : 30%;
        min-height : 200px;
        max-height : 200px;
    }

    #accroche {
        margin-left : 3%;
        min-width : 150px;
        max-width : 80%;
        margin-top : 12px;
        margin-bottom : 12px;
        padding-left : 3px;
        padding-right : 3px;
        padding-bottom : 5px;
        padding-top : 5px;
        font-size : 12px;
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        border : outset ;
        border-width : 2px;
    }

    #accroche span:first-child {
        font-size : 12px;
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        font-weight : bold;
    }

    .centrage {
        padding-top:5px;
        width : 100%;
    }

    #optionsCv {
        margin-top : 10px;
        margin-bottom: 10px;
        margin-left : auto;
        margin-right : auto;
        text-align : left;
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        font-size : 12px;
        border : outset ;
        border-width : 2px;  
        display : grid;  
        overflow-y : auto;  
        width : 50%;
        height : 60px;
    }

    .rubriquecv {
        width : 98%;
        margin-left:auto;
        margin-right:auto;
    }

    #defilement {
        height : auto;
        overflow-y : auto;
    }

    #atoutcomp {
        position : relative;
        width : 100%;
        height : 225px;
        margin-bottom: 10px;
    }

    #competences {
        position: absolute;
        top:0px;
        margin-left : 5%;
        width : 40%;
        min-width : 220px;
        max-width : 300px;
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        font-size:12px;
        font-style: italic;       
        padding-right : 5px;
        padding-left : 3px;    
        padding-top :3px;
        padding-bottom: 3px;
        margin-bottom : 10px; 
        border : outset;
        border-width : 2px;
    }

    #atouts {
        position : absolute;
        margin-top :20px;
        margin-left : 65%;
        width : 20%;
        min-width:120px;
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        font-size:15px;
        font-style: italic;
        padding-right : 5px;
        padding-left : 3x;    
        padding-top :3px;
        padding-bottom: 3px;
        margin-bottom : 6px;
        border : outset ;
        border-width : 2px;            
    }

    table {
        border: 1px solid ;
      }

    tr, td {  
        padding : 6px;
    }  

    th {
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        font-size:15px;
        font-weight:bold;  
    }

    tr td:first-child {
        width:30%;
    }

    tr td:nth-of-type(2) {
        width:12%;
        font-size : 14px;
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;      
    }

    .titreActivite {
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
        font-size:16px;       
    }

    .sub {
        font-size : 10px;
        font-family :'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande';
    }

    .date {
        font-size : 14px;
        font-weight : bold;
    }

    .texteCv {
        font-family : 'Arial Narrow','Franklin Gothic Medium', sans-serif;
    }

    .grand {
        font-size:14px;
    }

    .petit {
        font-size:12px;
    }

    .texteCv span {
        font-weight:bold;
    }
}

/* Antoine Cani, 2022 ; Font Origin par Titanvex */