/* 
1colstd.css
par Alain BARBIER
écrit en novembre 2025
*/
#corps
{
	width:100vw;
	margin-left: auto;
	margin-right: auto;
}
header, footer
{
	width:60vW;
	margin-left:19vw;
	border: 1px grey solid; /*bordure grise de 2 pixels*/
	border-radius: 15px; /*angles arrondis de 15 pixels*/
	margin-bottom:5px;
	font-family: arial, verdana, sans-serif;
	color: navy;
	text-shadow:8px 8px 8px grey;
	font-size: 2em;
	font-weight: normal; 
	font-style:normal;
	text-align: center; 
}
.descriptif
{
	font-size: 0.8em;
	text-align: center; 
}
.italique
{
	font-size: 0.8em;
	font-style:italic;
	margin-left:1vw;
	margin-right:1vw;
}
.texte
{
	font-size: 1.5em;
	font-style:normal;
	margin-left:1vw;
	margin-right:1vw;
}
section
{
	width:60vw;
	margin-left:19vw;
}
.encart
{
	width:60vw;
	height: auto;
	border: 1px grey solid; /*bordure grise de 2 pixels*/
	border-radius: 15px; /*angles arrondis de 15 pixels*/
	margin-bottom:5px;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	padding-right:0px;
	padding-top:5px;
}
.liens
{
	margin-top:0px;
	margin-left:10px;
	margin-right:10px;
	text-align: center;
	font-size: 1.75em
}
.hist
{
	text-align: left;
	margin-left:3vw;
	margin-right:1vw;
	font-size: 1.5em
}
input
{
	text-align: left;
	margin-left:5vw;
	font-size: 8em
}
.basdepage
{
	text-align: center;
	padding-top: 50px;
}
h1
{
	font-family: arial, verdana, sans-serif;
	color: navy;
	text-shadow:8px 8px 8px grey;
	font-size: 2em;
	font-weight: normal; 
	font-style:normal;
	text-align: center;
}
h2
{
	font-family: arial, verdana, sans-serif;
	color: navy;
	text-shadow:8px 8px 8px grey;
	font-size: 2.5em;
	font-weight: normal; 
	font-style:normal;
	text-align: left;
	margin-left:3vw;
}
h3
{
	font-family: arial, verdana, sans-serif;
	color: navy;
	text-shadow:8px 8px 8px grey;
	font-size: 1.5em;
	font-weight: normal; 
	font-style:normal;
	text-align: left;
	margin-left:3vw;
}
.notes
{
	text-align: left; 
	font-family: arial, verdana, sans-serif;
	font-size: 0.7em;
	font-weight: normal; 
	font-style: italic;
}
video
{
	width:55vw;
	margin-top: 0.1vw;
	margin-bottom: 0.1vw;
}
.image
{
	width:25vw;
	border:0px;
}
.imagehauteur
{
	height:25vw;
	border:0px;
}
.photo
{
	width:55vw;
	border:0px;
}
.photomilieu
{
	width:55vw;
	border:0px;
	margin-left:2.5vw;
}
.demiphoto
{
	width:45vw;
	border:0px;
}
.demiphotomilieu
{
	width:45vw;
	border:0px;
	margin-left:4vw;
}
.tiersphoto
{
	width:30vw;
	border:0px;
}
.tiersphotomilieu
{
	width:30vw;
	border:0px;
	margin-left:13vw;
}
.quartphoto
{
	width:20vw;
	border:0px;
}
.quartphotomilieu
{
	width:18vw;
	border:0px;
	margin-left:18vw;	
}
.toutehauteur
{
	border:0px;
	height:100vh;
}
.vertical
{
	width:20vw;
	border:0px;
}
.arrow
{
	width:6vw;
	vertical-align:middle;
}
.joker
{
	width:10vw;	
	vertical-align:middle;
}
.num
{
	font-family: arial, verdana, sans-serif;
	color: navy;
	text-shadow:8px 8px 8px grey;
	font-size: 2em;
	font-weight: normal; 
	font-style:normal;
	text-align: middle;
	margin-bottom:3vw;
}
.couleur1
{
	color: navy; /*bleu foncé*/
	font-style:italic;
}
.couleur2
{
	color: #B9121B; /*rouge*/
	font-style:italic;
}
.couleur3
{
	color: #1D702D; /*vert*/
	font-style:italic;
}
/*liens en rouge sombre, non soulignés, 
deviennent rouge vif et gras au survol du mulot*/
a{
text-decoration:none;
color:blue;
}
a:link{
font-size: 1.1em;
color:blue;
}
a:visited {
font-size: 1.1em;
color:blue;
}
a:hover{
font-size: 1.1em;
color:yellow;
}
/*-------------------------------------------------*/
/*-------- pour les écrans < 1500 pixels ----------*/
/*-------------------------------------------------*/
@media all and (max-width:1500px)
{
header, footer
{
	width:80vW;
	margin-left:9vw;
}
section
{
	width:80vw;
	margin-left:9vw;
}
.encart
{
	width:80vw;
	font-size: 0.8em;
}	
input
{
	margin-left:5vw;
	font-size: 10em
}
video
{
	width:75vw;
}
.image
{
	width:35vw;
}
.photo
{
	width:75vw;
}
.photomilieu
{
	width:75vw;
}
.demiphotomilieu
{
	margin-left:14vw;
}
.tiersphotomilieu
{
	margin-left:26vw;
}
.quartphotomilieu
{
	margin-left:25vw;	
}
.vertical
{
	width:30vw;
}
.arrow
{
	width:8vw;
	vertical-align:middle;
}
.joker
{
	width:12vw;	
	vertical-align:middle;
}
}	
/*-------------------------------------------------*/
/*-------- pour les écrans < 1100 pixels ----------*/
/*-------------------------------------------------*/
@media all and (max-width:1100px)
{
header, footer
{
	width:90vW;
	margin-left:4vw;
	font-size: 1.8em;
}
section
{
	width:90vw;
	margin-left:4vw;
}
.encart
{
	width:90vw;
	font-size: 0.7em;
}
video
{
	width:85vw;
}
.photo
{
	width:85vw;
}
.photomilieu
{
	margin-left:7vw;
}
.demiphotomilieu
{
	margin-left:19vw;
}
.tiersphotomilieu
{
	margin-left:30vw;
}
.quartphotomilieu
{
	margin-left:30vw;	
}
.vertical
{
	width:40vw;
}
.arrow
{
	width:10vw;
	vertical-align:middle;
}
.joker
{
	width:14vw;	
	vertical-align:middle;
}
}
/*-------------------------------------------------*/
/*-------- pour les écrans < 750 pixels ----------*/
/*-------------------------------------------------*/
@media all and (max-width:750px)
{
header, footer
{
	width:97vW;
	margin-left:0vw;
	font-size: 1.6em;
}
section
{
	width:97vw;
	margin-left:0vw;
}
.encart
{
	width:97vw;
	font-size: 0.6em;
}
input
{
	margin-left:5vw;
	font-size: 6em
}
video
{
	width:91vw;
}
.photo
{
	width:92vw;
}
.photomilieu
{
	margin-left:10vw;
}
.demiphotomilieu
{
	margin-left:22vw;
}
.vertical
{
	width:60vw;
}
.arrow
{
	width:12vw;
	vertical-align:middle;
}
.joker
{
	width:16vw;	
	vertical-align:middle;
}
}