section,  header, footer, nav {background-image:linear-gradient(to right,#000000, #604040 );color:#ffffff;}
.bateau,.equipement{min-width:80% !important;padding:2em;}
.bateau img,.equipement img{display:block;min-width: 70%;}
a {color:#ffffff;}
section{color:#543838;}

article{width:90%;margin:auto;}
.utilisation {color:#404040;}
.boitebas{width:60%;margin:auto;border-bottom:1px solid #ffffff;}
.titre_equipement{color:#404040;text-shadow: 2px 2px 1px #a0a0a0;}
section img{ border: 2px solid;border-radius: 10px;box-shadow: 10px 10px 5px #a0a0a0;}
img.ph_rub{max-width:530px}

.boitebas{width:80%;}
.htitre h2{font-size:1.5em;}
.htitre h3{font-size:1em;}
.bateau:hover,.bateau a:hover,.equipement:hover,.equipement a:hover{
   background:#8c7341;
	color:#ece9e3;border-radius:20px;
	transform: scale(1,1);
	-ms-transform: scale(1,1); /* IE 9 */
	-webkit-transform: scale(1,1); /* Safari and Chrome */
}
.text-zoom{width:90%;margin:auto;}
a.bouton1 {border:4px outset #745919;width:20em;margin:auto;border-radius:5px;text-align:center;font-size:150%;padding:0.5em}
a.bouton{width:15em;margin-top:1em;margin-bottom:1em;padding:1em;}
a.bouton:hover{width:15em;margin-top:1em;margin-bottom:1em;padding:1em;}
/*@media only screen and (max-width: 70em) {
	article{width:95%;margin:auto;}
	.bateau,.equipement{min-width:90% !important;padding:2em;}
}
@media only screen and (max-width: 70em) {
	article{width:95%;margin:auto;}
	.bateau,.equipement{min-width:100% !important;padding:2em;}
}
@media only screen and (max-width: 50em) {
	article{width:100%}
	.bateau,.equipement{min-width:100% !important;padding:.1em;}
}*/
@media only screen and (max-width: 70em) {
	article{width:95%;margin:auto;}
	.bateau,.equipement{min-width:90% !important;padding:2em;font-size:1.4em;}
}
@media only screen and (max-width: 70em) {
	article{width:95%;margin:auto;}
	.bateau,.equipement{min-width:100% !important;padding:2em;font-size:1.3em;}
}
@media only screen and (max-width: 50em) {
	article{width:100%}
	.bateau,.equipement{min-width:100% !important;padding:.1em;font-size:1.2em;}
}
@media only screen and (max-width: 40em) {
	article{width:100%;}
	img.ph_rub{width:95%;}
	a.bouton1{width:90%;}
	.bateau,.equipement{width:100% !important;padding:.1em;font-size:1.1em;}
}
@media only screen and (max-width: 30em) {
	article{width:100%}
	img.ph_rub{width:95%;}
	.bateau,.equipement{min-width:100% !important;padding:0em;font-size:1em;}
}