/* CSS Document */
/* (c) FFME / Mansiot  */
/****************************************************************************************/

/*body : toute la page
document
page

introhaute
menuNavigationHaut
pieddepage
*/
body {
width : 100%;
align : center ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: green;
	padding: 0;
	margin: 0;display: block;
		background-color: #03378c;
}

#document {
	 clear: both;
float:none; 
text-align: left;
	width : 860px;
min-height: 800px;
	height: 100%;
	padding: 3px 6px 7px 6px ;
	margin: 0px;
	border: 1px solid gray;
display: inline-block;
	background-color: #FFFFFF;
	color: red;

}

.pageEntete {
max-width: 860px;

	background-color: #FFFFFF;
   display: flex;
    align-items: center;
    justify-content: center;

float : center ;
text-align : left;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px ;
	color:#0000dd;
	
}
.page {
max-width: 860px;
/* 800 changement 2024 */
	background-color: #FFFFFF;
display:block;
text-align : left;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 10px 20px 15px;
padding: 0px ;
	color:#000000;

font-size: 13px;
	
}
#pageLarge {
width: 780px;
display:block;
text-align : left;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px 10px 20px 15px;
	color:#000000;
	
font-size: 13px;
	
}

#bandeauHaut {}
/* page :  */

.menuNavigationHaut { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:white;
	margin: 0px 0px 0px 10px;
}

.menuNavigationHaut a { color: white;
	text-decoration: none;
}
.menuNavigationHaut a:hover {
	color: #B3D0ED;
	text-decoration: underline;
}


/**************/
/* texte et bases
/**************/
#small p {
	font-size: 10px;
}

#small td {
	font-size: 11px;
}

h2 {
color : #CC3300;
margin: 10px 0px 0px 0px ;
padding: 0px 0px 0px 0px;
}
h3 {
color : black;
margin: 10px 0px 3px 0px ;
padding: 0px 0px 0px 0px;
}
p {
color : black;
font-size: 13px;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#intro {
font-style : italic;
}

#introhaute {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
text-align : center;
}

#pieddepage {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: grey;
text-align : center;}

#zoneactu h2 {
margin:Opx;
padding:0px;
}
#zoneactu p {
margin:Opx;
padding:0px;
	font-size: 12px;
	text-align : left;
font-color:#999999;
border-bottom-style : dotted;
border-bottom-color:#999999;
border-width:1px;
}
#chemin p {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	margin: 20px 0px 0px 0px;
}
#menu-droit {
font-size: 11px;
display:block;
}

.boite {
  background: #f0f0f0 url('include/boiteBeigeHG.gif'); /* La couleur de fond de la boite... */
  	padding: 0px 0px 0px 0px;
  margin: 0px 10px 0px 0px;; /* ... ainsi que la marge de la boite se définissent dans le bloc le plus externe */
} 

.boite div {
  background: url('include/boiteBeigeBG.gif') 0 100% no-repeat;
}

.boite div div {
/*  background: url('include/boiteBeigeHD.gif') 100% 0 no-repeat;*/
}

.boite div div div {
  background: url('include/boiteBeigeBD.gif') 100% 100% no-repeat;
  padding: 3px 10px 10px 13px; /* L'espacement intérieur de la boite se définit dans le bloc le plus interne */
}
.boite div div div div {
  background: none; /* Si la boite contient elle-même des div, éviter que ceux-ci aient cadre-bas-droite.png comme image de fond... */
  padding: 0;       /* ... et qu'elles aient un padding, définit dans la règle ci-dessus */
}
#datepublication p{
color: #CCCCCC;
font-size: 10px;
}
	#auteur p{

		align: right;
	text-align: right;
	font-weight: bold;	
	}
		#auteurphoto {
	margin: 0px ;
	padding: 0px;
	text-align: right;
	font-size: 9px;	
	}
		#legendephoto {
	margin: 0px ;
	padding: 0px;
	text-align: right;
	font-size: 11px;
	font-style: italic ;	
	}
	#tableau {
	font-size: 11px;
	}
/*  2022 */

.tabTitre {
	background-color:  #21428e;
	font-style: bold;
	color: white;
	padding: 2px,2px,2px,2px;
	}
	.tabSousTitre {
	background-color:  #85c3da;
font-weight:bold;
	color: black;
	padding: 2px,2px,2px,2px;
	}
	h4 {
color : white;
text-align: center;
	font-size: 20px;
margin: 10px 0px 5px 0px ;
padding: 0px 0px 0px 0px;
}

.skialpi {
	font-size: 62px;
	color:#39C;
	margin-bottom: 0;
}
.grandtitre {
	font-size: 52px;
	color:#039;
	margin: 18px, 10px, 7px, 10px;
}

em {
	  font-size: 2em;
}

#navigationInterne {
	padding: 4px;
	background-color: #dfe7fb;
/*	background-color: #fbdfe2;
background-color:  #dcedf5;*/
	}
	
	#navigationInterne  a:visited {
  color: #0000FF;
}

/* lien coureur */
.tabResultat a {
  font-weight: bold;
  color: #0a79ac;
  text-decoration:none;
  border-bottom: 1px dotted;
}

.tabResultat a:visited {
  font-weight: bold;
  color: #0a79ac;
  text-decoration:none;
  border-bottom: 1px dotted;
  
}

.tabResultat a:hover {
  font-weight: bold;
  color: red;
  text-decoration:none;
  border-bottom: 1px solid;
}