@font-face{font-family:"Liberation Sans Narrow"; src:local("Liberation Sans Narrow"),local("Liberation-Sans-Narrow"); font-weight:normal; font-style:normal; src:url("Police_Liberation_Sans_Narrow_Regular.woff2") format("woff2"),url("Police_Liberation_Sans_Narrow_Regular.woff") format("woff"),url(Police_Liberation_Sans_Narrow_Regular.ttf) format("truetype");}

@font-face{font-family:"Liberation Sans Narrow"; src:local("Liberation Sans Narrow"),local("Liberation-Sans-Narrow"); font-weight:bold; font-style:normal; src:url("Police_Liberation_Sans_Narrow_Bold.woff2") format("woff2"),url("Police_Liberation_Sans_Narrow_Bold.woff") format("woff"),url(Police_Liberation_Sans_Narrow_Bold.ttf) format("truetype");}

@font-face{font-family:"Liberation Sans Narrow"; src:local("Liberation Sans Narrow"),local("Liberation-Sans-Narrow"); font-weight:normal; font-style:italic; src:url("Police_Liberation_Sans_Narrow_Italic.woff2") format("woff2"),url("Police_Liberation_Sans_Narrow_Italic.woff") format("woff"),url(Police_Liberation_Sans_Narrow_Italic.ttf) format("truetype");}

@font-face{font-family:"Liberation Sans Narrow"; src:local("Liberation Sans Narrow"),local("Liberation-Sans-Narrow"); font-weight:bold; font-style:italic; src:url("Police_Liberation_Sans_Narrow_Bold_Italic.woff2") format("woff2"),url("Police_Liberation_Sans_Narrow_Bold_Italic.woff") format("woff"),url(Police_Liberation_Sans_Narrow_Bold_Italic.ttf) format("truetype");}

html{background:#f3f3f3;}

body{font-family:"Liberation Sans Narrow",Arial,sans-serif;}

body,h3,.normal{font-size:11pt;}

h1,h2,footer,.centre{text-align:center;}

.droite{text-align:right;}

h1{background:url(Images/Logo.svg) no-repeat; background-size:35px;}

h1 a{color:#000; padding-left:55px; text-decoration:none;}

h3{font-size:13pt; background:#a9a9a9; padding:10px;}

h3,.souscategorie,.date{border-radius:3px;}

h4{font-size:12pt; margin:0;}

body,header,header div,.pageconnexion{margin:auto;}

body{max-width:97%;}

.gras,.bouton,.bouton,.souscategorie,.date{font-weight:bold;}

ul{list-style-type:none; margin:0; padding:0;}

li{border-bottom:1px #808080 solid; padding-bottom:5px; margin-left:0px; margin-top:20px; margin-bottom:10px;}

header{justify-content:space-between;}

header,li div,li span,.titre,.formulaire_bloc{display:flex;}

footer{margin-top:20px; margin-bottom:15px;}

main,.pageconnexion,.sommaire,.large{width:100%;}

.titre{margin-bottom:10px;}

.titre,.formulaire_bloc{flex-wrap:wrap;}

.souscategorie,.date,.bouton{font-size:10pt;}

.souscategorie,.date,.formulaire_bloc{justify-content:center;}

.souscategorie{background:#333; color:#fff; padding:3px; min-width:100px; max-height:16px; margin-left:5px; margin-right:5px;}

.date{background:#ccc; padding:3px; min-width:70px; max-width:70px; max-height:16px; margin-left:10px;}

.contenu{margin-left:22px; margin-right:22px; word-break:break-word; display:block;}

.lien{margin-left:10px; height:16px;}

.lien img{width:20px; height:20px; margin-top:2px;}

.formulaire{max-width:1000px; padding:10px; margin-bottom:5px;}

.pageconnexion,.apropos,.formulaire,.formulaire_bouton{margin:auto;}

.formulaire input,.formulaire textarea,.formulaire select{margin:10px; margin-right:20px;}

.formulaire .notes div, .formulaire .infos div{width:100%;}

.formulaire .notes div textarea{width:90%;}

.formulaire .infos div input{width:70%;}

.long,.long input{min-width:70%;}

.formulaire #id{width:50px;}

.bouton{background:#dbdbdb; padding:3px; border-radius:5px; text-decoration:none; margin-right:3px; color:#333; white-space:nowrap; max-height:16px;}

.bouton:hover{background-color:#c0c0c0;}

.titre .bouton{margin-left:10px;}

.bouton[href*="Ajout.php"],.bouton[href*="Modification.php"],.boutonlien,.deconnexion,.aide{background-position:5px center; background-size:20px; padding-left:30px; background-repeat:no-repeat;}

.bouton[href*="Ajout.php"]{background-image:url(Images/Icone_Ajout.svg);}

.bouton[href*="Modification.php"]{background-image:url(Images/Icone_Modification.svg);}

.boutonlien{background-image:url(Images/Icone_Liens.svg);}

.aide{background-image:url(Images/Icone_Aide.svg);}

.deconnexion{background-image:url(Images/Icone_Deconnexion.svg);}

.pageconnexion{width:25%; max-width:300px; border:1px solid #c0c0c0; padding:10px; color:#404040;}

.pageconnexion p{margin-bottom:6px;}

.pageconnexion{border-radius:10px;}

.apropos{max-width:500px;}

.espace{margin-bottom:10px;}

p{margin-bottom:1px; margin-top:2px;}

h3.prioritaire{background:#ff6961;}

h3.nonprioritaire{background:#b0f2b6;}

h3.recurrente{background:#fdfd96;}

h3.attente{background:#79d2e6;}

h3.noncategorisee{background:#303030; color:#fff;}

/*Priorité*/
.pastille{float:left; height:12px; width:12px; border-radius:6px; margin-right:4px; margin-top:4px; border:1px #808080 solid;}

.Basse{background:#0f0;}

.Modérée{background:#ffa500;}

.Importante{background:#f00;}

.Critique{background:#000;}

.Aucune{background:#fff;}

/*Mobile & petits écrans*/

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

nav,main,.pageconnexion,.sommaire{width:100%;}

h3,h4{text-align:center;}

.titre,.souscategorie,.boutons,.dates{justify-content:center;}

.titre{flex-direction:column;}

.titre div{margin-bottom:6px;}

.bouton:first-child,.boutonlien:first-child{margin-left:0;}

.souscategorie{margin:auto; width:90%;}

}

/*Impression*/

@media print{

@page{size:landscape;}

header{display:none;}

}