/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;font-size: 14px;
	background-color: #DBCFBF;
	width:80%;
	margin-left: auto;
	margin-right: auto;
}
table,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; color: #000000;
    border:1px solid navy;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
	}
.texte {
	font-size: 14px;
	color: #000000;
	}
.texte-blanc {
	font-size: 16px;
	color: #FFFFFF;
	}
.texte-gras {
	font-size: 16px;
	font-weight: bold;
	}
.texte28 {
font-size:28px;
}
.citation {
	text-align:left;
	font-size: 14px;
	font-style: italic;
	color: #330099;
}
.citation2 {
	font-size: 12px; 
	font-style: italic;
	color: #330099;
}
.commentaire {
	font-size: 14px;
	font-style: italic;
}
.commentaire2 {
	font-size: 12px;
	font-style: italic;
}
.legende {
	font-size: 12px;
	color: #006600;
}
.lege-ita-blc {
	font-size: 14px;
	color: #FFFFFF;
	font-style: italic;
}

.consigne {
	font-size: 12px;
	color: #FF0000;
	font-style: italic;
}

.fond-vert{/* normal-rouge sur arr. plan vert pistache*/
    color: #000000;
	background-color: #00FF00;
}

.fond-bleu{/* normal-rouge sur arr. plan vert pistache*/
    color: #000000;
	background-color: #99FFFF;
}

.fond-creme{/* normal-rouge sur arr. plan vert pistache*/
    color: #0000FF;
	background-color: #FFFFCC; /* Couleur du fond jaune pale*/
}
.fond-blanc{
border:1px dashed black;
color:red;
background-color:white;
}
.bouton{
	font-size: 12px;
	color: #0000FF;
	border-color:#FFFFFF;
	background-color: #CCCCCC;
}

.titre1{ /*décoration des gros titres*/
text-align:center; font-size:28px; color:#330099;
box-shadow:0 10px 20px rgb(0,0,0,0.4);
border-radius:10px;
background: linear-gradient(180deg, #DBCFBF 70%,#AAAADD);
}

.titre2{
text-align:center; font-size: 20px; color: #330099;
box-shadow:0 10px 20px rgb(0,0,0,0.5);
border-radius:6px;
background: linear-gradient(180deg, #DBCFBF 70%,#AAAADD);
}
.ombreronde{
margin:10px;
border-radius:20px;
background-color:#555; /*666*/
padding:2px;
box-shadow:0 10px 20px rgb(0,0,0,0.4);
}
.ombresimple{
 margin:10px;
border-radius:20px;
background-color:#555; /*666*/
padding:1px;
box-shadow:0 10px 20px rgb(0,0,0,0.4);
}  
.coinrond{
border-radius:20px;
}             
.coinrond2{
border-radius:4px;
}
/*------rajout-2025---*/

.boite{ /*déco de legendes*/
border:1px solid blue;
border-radius:10px;
font-size:16px;
color:blue;
background-color:#FFFFCC;
padding:3px;
box-shadow:0 10px 20px rgb(0,0,0,0.3);
}
.border1{
border:1px solid black;
}
.larg-col{/*largeur colonne menu*/
vertical-align:top;
background:#FFFFCC;
width:158px;
}

.larg5{
width:5%;
}
.larg30{
width:30%;
}
.larg35{
width:35%;
}
.larg40{
width:40%;
}
.larg45{
width:45%;
}
.larg50{
min-width:50%;
max-width:50%;
}
.larg60{
width:60%;
}
.larg70{
width:70%;
}
.larg80{
width:80%;
}
.larg100{
width:100%;
}
.center{
text-align:center;
}
.vtop{
vertical-align:top;
}
.centrage,td{
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
padding:5px;
 }