@font-face{font-family:"Ubuntu Condensed"; src:local("Ubuntu Condensed"),local("Ubuntu-Condensed"); src:url("Police_Ubuntu_Condensed.woff2") format("woff2"),url("Police_Ubuntu_Condensed.woff") format("woff"),url("Police_Ubuntu_Condensed.ttf") format("truetype");}

@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");}

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

html{background:#f3f3f3; font-size:1em;}

html,#langue a{font-family:"Liberation Sans Narrow",Arial,sans-serif;}

html,body{color:#554242;}

body{max-width:1087px; margin:auto;}

a,a:link,a:visited,a:active{color:#0606ee; text-decoration:none;}

main,.horizontale{display:flex; flex-wrap:wrap;}

main{justify-content:space-evenly;}

header,section{min-width:345px;}

section.etroit{min-width:345px; max-width:345px;}

header{height:113px; margin-top:3px; line-height:55px; background:#d0d0d0; background:linear-gradient(#d0d0d0,#9b9b9b); justify-content:space-between;}

#logo{height:100px; width:100px; float:left; background-size:100px;}

#logo img{height:90px;}

h1{font-size:2.4em; vertical-align:middle; text-shadow:#eee 2px 2px; margin:0;}

h1,h1 a,h1 a:link,h1 a:visited,h1 a:active{color:#000;}

/*
h1 span:nth-child(1){animation:titre 0.5s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(2){animation:titre 0.5s 0.1s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(3){animation:titre 0.5s 0.2s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(4){animation:titre 0.5s 0.3s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(5){animation:titre 0.5s 0.4s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(6){animation:titre 0.5s 0.5s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(7){animation:titre 0.5s 0.6s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(8){animation:titre 0.5s 0.7s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(9){animation:titre 0.5s 0.8s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(10){animation:titre 0.5s 0.9s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(11){animation:titre 0.5s 1s 1 alternate; animation-fill-mode:backwards;}

h1 span:nth-child(12){animation:titre 0.5s 1.1s 1 alternate; animation-fill-mode:backwards;}
*/

section,h2,p,#logo{margin:5px;}

h2{background:#dbdbdb; font-size:1.1em; padding:2px;}

header,h2{font-family:"Ubuntu Condensed",Arial,sans-serif;}

header,section{border:solid 1px #808080;}

header,h2,section{border-radius:10px;}

footer{padding-bottom:20px;}

footer div{margin-top:20px; padding-top:5px; border-top:solid 1px #808080;}

.carte img{width:330px;}

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

ul{list-style:none;}

.puce{list-style:square; margin-left:20px;}

li{line-height:25px; margin:2px;}

ul,li span{padding-left:10px;}

li span.souligne{padding-left:0;}

li a[href$="pdf"]{background:url(Images/Logo_Fichier_Document_PDF.svg);}

li a[href$="odt"]{background:url(Images/Logo_Fichier_Document.svg);}

li a[href="VCard.php"]{background:url(Images/Logo_Fichier_VCard.svg);}

#langue{float:right;}

#langue a{margin-right:3px; background:#2b292e; background:linear-gradient(to top,#808080,#2b292e); padding:1px 2px; color:#fff; border-radius:2px; font-style:normal;}

.competences{width:99%;}

#sites{padding:0;}

#sites li{margin:auto; margin-bottom:10px;}

#sites img{border:solid 1px #727272; opacity:.7; transition:1s;}

#sites img:hover{opacity:1;}

.large{flex:2; max-width:1087px;}

.horizontale,.gras{font-weight:bold;}

.italique{font-style:italic;}

.horizontale li{background:#727272; width:202px; margin:10px 4px 25px 4px; line-height:16px; min-height:160px;}

.horizontale li a{min-height:125px; color:#fff; text-decoration:none;}

.horizontale span{display:block; background-size:15px; background-position:15px center; background-repeat:no-repeat; margin-left:0; padding-left:25px;}

.horizontale li:last-child{margin-right:17px;}

.communautes li{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:330px;}

.osm{background:url(Images/Logo_OpenStreetMap.svg);}

.profil{background:url(Images/Logo_Profil.svg);}

.adresse{background:url(Images/Logo_Maison.svg);}

.telephone{background:url(Images/Logo_Telephone.svg);}

.e-mail{background:url(Images/Logo_E-Mail.svg);}

.messagerie{background:url(Images/Logo_Messagerie.svg);}

footer,.petit,.horizontale{font-size:.8em;}

.icone,.sans_icone,li a[href$="pdf"],li a[href$="odt"],li a[href="VCard.php"]{background-size:18px; background-position:0 center; background-repeat:no-repeat; padding-left:25px;}

.icone{padding-top:6px; padding-bottom:6px;}

.qrcode{padding-top:10px;}

.a_propos p{padding:0 10px;}

.a_propos{flex:3;}

.grand{font-size:20pt; color:#000;}

.grand_1{margin-left:30px;}

.grand_2{margin-left:120px;}

.grand_3{margin-left:160px;}

.souligne{text-decoration:underline;}

.rouge{color:#f00}

.vert{color:#008000}

/*Mobile & petits écrans*/

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

header{min-height:110px; line-height:30px;}

header,section,footer{min-width:300px; max-width:750px; width:99%;}

.horizontale{margin:auto; width:205px; flex-direction:column;}

.carte img,footer img{width:80%;}

h1{font-size:2em;}

h2{margin:5px 0 5px 0;}

ul{padding:0; padding-left:5px; margin-right:0;}

section{min-height:auto; margin:0; border-radius:0; border:0; border-bottom:solid 1px #808080;}

#langue a{padding:5px; font-weight:bold;}
}