@font-face{font-family:"Domestic Manners"; src:local("Domestic Manners"),local("Domestic-Manners"); src:url("Police_Domestic_Manners.woff2") format("woff2"),url("Police_Domestic_Manners.woff") format("woff"),url("Police_Domestic_Manners.ttf") format("truetype");}

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

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

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

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

@keyframes logo{0%{opacity:0;} 100%{opacity:1;}}

@media screen{

html{background:#fff; font-family:"Liberation Sans",Verdana,Helvetica,sans-serif; margin:auto;}

html,a[hreflang]:after,li ul,li ol,#menu_nav,.petit,.retour_haut{font-size:.8em;}

html,h4 a,.actuel a,.teste{color:#554242;}

body,#menu_neige li{border-radius:5px;}

body{background:#f0efea; width:80%; max-width:1000px; min-width:600px; margin:20px auto; box-shadow:0 3px 10px 4px #c8c8c8;}

body,tbody,th,#sites img,.tabbernav li a,.comparatif_logiciels td:first-of-type{border:solid 1px #808080;}

img{max-width:90%;}

a{text-decoration:none;}

a[hreflang]:after,.maj{text-transform:uppercase;}

a[hreflang]:after,.article span:before,.creation span:before,.autre span:before{background:#9b9b9b linear-gradient(to top,#9b9b9b,#d0d0d0); padding:1px 2px; color:#fff; border-radius:2px; font-style:normal;}

a[hreflang]:after{content:""attr(hreflang)""; margin-left:5px;}

a[hreflang^="mis"]:after{content:"Multi";}

p,ul,ol,h4,hr{margin-left:70px; margin-right:70px;}

ol{list-style:decimal-leading-zero;}

li ul{margin:3px auto 4px -35px;}

li ol{margin:3px auto 4px -10px;}

li ul,nav li,#menu_neige li,#sommaire,.sans_puce,.logo_sans_puce,.horizontale li,.tabbernav li{list-style:none;}

p{margin-bottom:15px;}

nav,h1,h2,td,#auteur,footer,.centre,.retour_haut,.licence_album,.tabbernav{text-align:center;}

nav,h1,h2,h3,h4,h5,a[hreflang]:after,#auteur span,.gras,.retour_haut,.liste_petit span,.article span:before,.creation span:before,.autre span:before,.tabbernav li.tabberactive a,.liste_gras span:first-of-type,.comparatif_logiciels td:first-of-type,.titre_redirection{font-weight:bold;}

h1,h2,h3,.titre_redirection{font-family:"Domestic Manners",sans-serif;}

h2,h3,h4,h5{text-shadow:2px 2px 3px #c8c8c8;}

h2,h3,nav a,nav a:link,nav a:visited,nav a:active,#menu_nav h5,footer,.titre_redirection a{color:#000;}

h2,h3{font-size:1.5em; margin:50px 0 20px; line-height:30px;}

h1,h1 a,nav a:hover,#menu_nav a:hover,#menu_neige a,#menu_neige a:link,#menu_neige a:visited,#menu_neige a:active{color:#fff;}

h1,#menu_neige{margin:0;}

h1{font-size:2em; text-shadow:0 1px 4px #000;}

h2{text-decoration:underline;}

h3{text-align:left; margin-left:50px;}

h5{margin-left:80px;}

h4{font-size:1em;}

img{vertical-align:middle;}

img,nav li:nth-of-type(2n),nav li:last-child,#actualite_droite{border:0;}

video{width:500px;}

ul{margin:10px 70px 15px;}

table{border-collapse:collapse; width:85%; margin:20px auto;}

table.chaines td{height:70px;}

table img{margin:2px;}

table img.sans_marge,nav ul,.horizontale{margin:0;}

th.bouquet,th.chaine,th.date,th.pays,th.type_logiciel{width:20%;}

th.invisible{background:transparent; border-top:1px solid #f0efea; border-right:1px solid #f0efea;}

th,.comparatif_logiciels td:first-of-type,tbody:hover{background:#e3e1d6;}

tbody,tbody:hover{transition:0.3s;}

th{padding:5px;}

th,#menu_neige{font-size:1.2em;}

td{border:1px dashed #808080; padding:4px; line-height:20px;}

header,footer{background:url(Images/Style_Fond.jpg) #4c79a3 no-repeat center;}

header{height:130px; display:block; padding:10px 0 8px; border-radius:5px 5px 0 0;}

th.type_materiel{width:200px;}

#logo,#logo a{height:90px;}

#logo{background:url(Images/Logo_Avatar.svg) no-repeat center center; width:81px; background-size:68px; margin:auto; animation:logo 8s 1 alternate;}

#logo a{display:block;}

main{height:1%;}

nav{background-image:url(Images/Style_Menu.svg); line-height:20px;}

nav span{margin-left:20px;}

nav a[href^="/"],nav a[href^="/"]:hover,nav a[href$="A_Propos.php"],nav a[href$="A_Propos.php"]:hover/*,nav a[href$="https://ovh.com/manager"],nav a[href$="https://ovh.com/manager"]:hover*/{background:4px center no-repeat;}

nav a[href^="/"]:hover,nav a[href$="A_Propos.php"]:hover/*,nav a[href$="https://ovh.com/manager"]:hover*/{background-color:#808080;}

nav a[href^="/"],nav a[href^="/"]:hover{background-image:url(Images/Logo_Icone_Accueil.svg);}

nav a[href$="A_Propos.php"],nav a[href$="A_Propos.php"]:hover{background-image:url(Images/Logo_Icone_A_Propos.svg);}

nav a[href^="/"],nav a[href^="/"]:hover,nav a[href$="A_Propos.php"],nav a[href$="A_Propos.php"]:hover{background-size:20px; background-position:2px;}

/*nav a[href$="https://ovh.com/manager"],nav a[href$="https://ovh.com/manager"]:hover{background-image:url(Images/Logo_Icone_Configuration.svg); background-size:16px;}*/

nav li{border-right:1px solid #808080;}

nav li:first-child{margin-left:22px;}

/*nav li:last-child,*/#menu_neige,#actualite_droite{float:right;}

nav li,#menu_neige li,.horizontale li,.tabbernav li{display:inline;}

nav a,nav a:link,nav a:visited,nav a:active,#menu_neige a,#menu_neige a:link,#menu_neige a:visited,#menu_neige a:active{padding:2px 5px;}

#menu_neige{display:none; margin-right:5px; margin-top:-20px;}

#menu_neige li{background:#9b9b9b; border:1px solid #808080; height:20px; margin-right:2px;}

#menu_nav{background:#d0d0d0; float:left; width:10%; min-width:120px; border:solid 1px #60a0a0; border-left:0; margin-top:-50px; padding-top:5px; padding-bottom:10px; border-radius:0 10px 10px 0; box-shadow:0 0 5px 2px #c8c8c8; transition:0.6s 5s;}

#menu_nav h5{margin-top:5px; margin-bottom:5px;}

#menu_nav:hover{padding:20px 20px 25px 20px; margin-top:-65px;}

nav a,#menu_nav a{transition:0.4s 0.2s;}

nav a:hover,#menu_nav a:hover{background:#808080;}

nav ul,.horizontale{padding:0;}

#sommaire{margin-left:40px;}

#sommaire a{width:560px; display:block; line-height:25px; padding:7px; border-radius:10px;}

#sommaire a,#sommaire a:hover,#sites img{transition:1s;}

#sommaire a:hover{background:#ccc;}

#sommaire img{padding-right:5px;}

#sites img{opacity:0.7;}

#sites img:hover{opacity:1;}

#actualite p{margin-bottom:40px;}

#actualite_droite{height:140px; width:200px; margin-right:10px;}

footer{line-height:15px; border-top:solid 1px #808080; margin-top:40px; clear:both; border-radius:0 0 5px 5px; text-shadow:2px 0 5px #fff;}

footer,#standard{padding:2px;}

.article span:before,.creation span:before,.autre span:before{font-variant:small-caps; margin-right:5px;}

.article span:before{content:"Article";}

.creation span:before{content:"Création";}

.autre span:before{content:"Autre";}

.italique{font-style:italic;}

.normal{font-style:normal;}

.souligne{text-decoration:underline;}

.barre{text-decoration:line-through;}

.titre_redirection{font-size:3em; margin:0;}

.rtbfbe{color:#15559c;}

.chaine_large{width:75px;}

.retour_haut{text-decoration:underline overline; margin:20px 0 20px;}

.logo_sans_puce{margin:10px; margin-left:-30px;}

.avertissement{background:url(Images/Logo_Icone_Avertissement.svg) #f6f6bb no-repeat 10px center; border-bottom:solid 1px #808080!important; padding:30px 15px 15px 60px; min-height:25px;}

.erreur{width:25px; margin-right:10px;}

.cache{display:none;}

.ddg,.yt{float:right; font-style:normal;}

.mint{max-width:400px;}

.test{color:#ff8c00;}

.moi{color:#006400;}

.rouge,.plateforme{color:#f00;}

.licence_album{width:450px; margin-left:40px;}

.fixe{position:fixed;}
}

/*Mobile & petits écrans*/

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

body,header,footer{width:100%; border-radius:0; padding:0;}

body{min-width:100px; margin:0; border:0; box-shadow:none;}

p,ul,h2,h3,h4{margin-left:5px; margin-right:5px;}

table{font-size:.8em;}

main,nav{font-size:1.4em;}

#sommaire{margin-left:0; padding-right:5%;}

#sommaire a{width:100%; display:block;}

nav{background-image:url(Images/Style_Menu.svg); background-size:40px; line-height:40px;}

nav a[href^="/"],nav a[href^="/"]:hover,nav a[href$="A_Propos.php"],nav a[href$="A_Propos.php"]:hover{background-size:30px;}

nav a,nav a:link,nav a:visited,nav a:active,#menu_neige a,#menu_neige a:link,#menu_neige a:visited,#menu_neige a:active{padding:6px 8px;}

nav span{margin-left:30px;}

#menu_neige,#standard{display:none;}

footer{height:30px; text-shadow:none;}

footer div{padding-top:10px;}

.large{width:70%;}

.article span:before,.creation span:before,.autre span:before{content:""; background:none;}
}

/*Impression*/

@media print{

html,body{background:#fff; border:0;}

a{text-decoration:none;}

a:after{content:" ("attr(href)") ";}

table{border-collapse:collapse;}

table th{border:thin solid #808080;}

table tbody{border:1px solid #808080;}

table td{border:thin dashed #808080;}

nav,#logo,#menu_neige,#standard,.retour_haut,.flocon{display:none!important;}

}