html,body{
	width:100%;margin:0;padding:0;font-size:100%
}
body{
	font-size:.9em;font-family:Verdana,Helvetica,sans-serif;text-align:center;
	background:#fff url("images/background.gif") fixed no-repeat 100% 100%;line-height:144%
}
img,a img{
    max-width:100%;height:auto;border:0
}
a{
	color:#069;text-decoration:none;font-weight:600
}
a:hover{
	color:#333;text-decoration:underline
}
header{
	padding:7px 0;margin:0
}
header:after{
	content:" (archives du site @Vtt)";font-size:80%
}
h1,h2,h3,header{
	font-size:130%;font-family:Arial,Helvetica,sans-serif
}
h1,h2,h3{
	color:#333;padding:10px 0
}
h2,h3{
	font-size:120%
}
ul{
	margin:0;padding:0
}
li{
	list-style-type:none;padding-left:23px;margin:7px 0;background:url("images/puce.gif") no-repeat 0 50%
}
#principal{
	clear:both;margin:2% 7%;border:1px solid #ccc;min-width:350px
}
#corps{
	clear:both;position:relative;text-align:center;padding-top:7px
}
#corps p,#corps ul,#corps table,#corps h1,#corps h3{
	text-align:justify;margin:10px 5%
}
#corps .droite{
	float:right;margin:5px 0 5px 10px
}
#corps .gauche{
	float:left;margin:5px 10px 5px 0
}
.txt li,.deuxcolonnes ul li{
	background:url("images/arrow.gif") no-repeat 0 50%
}
.txt li{
	background-position:0 1%
}
#description{
	position:absolute;display:none
}
.petit{
	font-size:80%
}
.jau{
	background:#fc0;color:#000
}
.rou{
	background:#c00;color:#fff
}
body#ble h1{
	color:#c00
}
.ble{
	background:#30c;color:#fff
}
body#ble h1{
	color:#30c
}
.ver{
	background:#090;color:#fff
}
.mau{
	background:#909;color:#fff
}
.trA {
	background:#000
}
.tdA {
	width:40px; color:#fff
}
.tdB {
	width:40px; background:#FFE26F
}
.tdC, .tdCwrap {
	background:#ff9
}
.tdD {
	background:#000; color:#fff
}
.tdE {
	background:#fc3
}
#menu{
	margin-top:7px
}
#menu option{
	font-size:110%
}
.deuxcolonnes{
	margin:0 7%
}
#grid{
	margin:1% 2%
}
#grid .comment{
	font-size:80%
}
.grid-tab{
	float:left;margin:8px 5px;width:220px;height:140px;padding:5px 2px
}
.techno{
	min-width:315px;min-height:290px;border:0;margin:8px auto;padding:5px 4px
}
.index #grid .grid-tab{
	border:0;margin:5px;width:auto;height:auto;padding-bottom:7px;width:100%;padding:0
}
.index #grid .uno img{
	max-width:77%
}
.index #grid .dos img{
	max-width:33%
}
.index #grid .tres ul{
	margin:0 auto;width:250px
}
.index #grid .google form *{
	vertical-align:middle
}
.index #grid .google form img{
	max-width:100px
}
#retour{
	text-align:center;clear:both
}
.galerie,.galerie p{
	float:left;margin:2% 0
}
.galerie img{
	margin-left:1%;width:330px;max-height:400px
}
.imgintro img{
	margin-top:5px
}
.imgintro span{
	margin:0 2%
}
.pneus_ust .imgintro span, .mavic_crossroc .imgintro span
	margin:0 4%
}
.lexique #corps p{
	text-align:justify;line-height:150%
}
.abecedaire a{
	display:block;width:33px;height:30px;border:1px solid #ccc;font-size:18px;float:left;margin:0 7px 3px 0;text-align:center;padding-top:7px
}
.abecedaire a:hover{
	background:#ccc;text-decoration:none
}
/* cf. javascript */
#myBtn {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index:99;
	font-size:18px;
	border:none;
	outline:none;
	background-color:#c00;
	color:white;
	cursor:pointer;
	padding:13px;
	border-radius:4px;
}
#myBtn:hover {
	background-color:#333;
}
@viewport {
   width:device-width;
   zoom:1;
}
@media screen and (min-width:1600px) {
	#principal{
		margin:5% 10%;border:1px solid #ccc
	}
	#grid{
		margin:3% 9%
	}
}