@font-face{font-family:"Inconsolata"; src:local("Inconsolata"),local("Inconsolata-Bold"); font-weight:normal; font-style:normal; src:url("Police_Inconsolata_Regular.woff2") format("woff2"),url("Police_Inconsolata_Regular.woff") format("woff"),url("Police_Inconsolata_Regular.ttf") format("truetype");}

@font-face{font-family:"Inconsolata"; src:local("Inconsolata"),local("Inconsolata-Bold"); font-weight:bold; font-style:normal; src:url("Police_Inconsolata_Bold.woff2") format("woff2"),url("Police_Inconsolata_Bold.woff") format("woff"),url("Police_Inconsolata_Bold.ttf") format("truetype");}


@media all{

body{font-family:"Inconsolata",monospace; background:#808080; font-size:1em;}

body,.projet{width:90%;}

.titre{width:100%;}

.projet{text-align:center; font-size:3em;}

body,.projet,.titre{margin:auto;}

.logo{margin-top:10px;}

.titre,.titre_etiquette,.slogan{font-weight:bold;}

.titre{width:500px;}

.titre_etiquette{margin-top:-10px; float:right; transform:rotate(-5deg);}

.slogan{margin-top:50px; margin-bottom:10px;}

}

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

.logo img, body,.projet{width:90%;}

.slogan{font-size:1em;}

}