/ * Paysage de la tablette * /
@media  écran  et ( max - largeur : 1060 px ) {
    #primary { width : 67 % ; }
    #secondaire { largeur : 30 % ; marge - gauche : 3 % ;}  
}
/ * Tabled Portrait * /
@media  écran  et ( max - largeur : 768 px ) {
    #primary { width : 100 % ; }
    #secondaire { largeur : 100 % ; marge : 0 ; bordure : aucune ; }
}
@media ( min - périphérique - largeur : 600 px ) {
    img [ données - src - 600 px ] {
        contenu : attr ( données - src - 600 px , url );
    }
}
@media ( min - périphérique - largeur : 800 px ) {
    img [ données - src - 800 px ] {
        contenu : attr ( données - src - 800 px , url );
    }
}
. video - conteneur {
position : relative ;
rembourrage - bas : 56,25 % ;
Rembourrage - dessus : 30 px ;
hauteur : 0 ;
débordement : caché ;
}
. vidéo - conteneur  iframe ,  
. video - objet conteneur  ,  
. vidéo - conteneur  embed {
position : absolue ;
en haut : 0 ;
gauche : 0 ;
largeur : 100 % ;
hauteur : 100 % ;
}
#map{
	height:600px;
	}
legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

.output {
    font: 1rem 'Fira Sans', sans-serif;
}

input {
    margin: .4rem;
}
.bouton5 {
	border-radius:12px 0 12px 0;
	background: #d34836;
	border:none;
	color:#fff;
	font:bold 12px arial;
	padding:6px 0 6px 0;
}
p {
    font: Arial, Verdana, sans-serif; 
    font-size: 0.8em;
    color:#000;
    text-align: left;
}
.imgfloat {
    float:left;
}
.imgdessous {
    clear: both;
}
#info {
    font-family:arial,Verdana,sans-serif;
	color:white;
	font-size:larger;
    background-image: url(../images/carb.jpg);
    margin-right:5px;
	border-radius:5px 5px 5px 5px;
}