@import "lettrines-mob.css";
@import "medias-mob.css";
*	
	{
	font-family: sans-serif, Arial, Helvetica, 
	}

body 
	{
	color:Indigo;
	Bacgroung-color:Cornsilk;
	font-size:17px;
	}
 
h1, h2, h3, h4, h5
	{
	font-family: Georgia, "Bookman Old Style", Bookman, "New Century  Schoolbook",
	"Bookman Antiqua", Palatino, "Utopia", "New York", "Times New Roman", Times, serif;
	text-indent:0;
	text-align: center;
	font-weight: bold;
	}

h1 	
	{
	font-variant:small-caps;
	font-size:1.8em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	}
 
h2 	{
	font-size:1.3em;
	margin-top:0.3em;
	margin-bottom: 0.3em;
	}

h3 {
 font-size:1.2em;
 margin-top:0.6em;
 margin-bottom: 0.3em;
 }

h4 {
 font-size:1em;
 margin-top:0.6em;
 margin-bottom: 0.3em;
 }

h5 {
 font-size:1em;
 margin-top:0.6em;
 margin-bottom: 0.3em;
}

h6 {
 font-size:1em;
 text-align:left;
 margin-top:0.6em;
 margin-bottom: 0.3em;
 font-weight:bold;
 }
 
hr {
 border:2px ridge #CC9933;
 height:0;
 border-top:0;
 text-indent:0;
 margin:0.2em 0 0.5em 0;
 }

img {
	border:none;
	max-width: 100%;
	height: auto;
	}
	
a:link {
 font-size:inherit;
 font-weight: bold;
 color:#9F0002;
 border-radius:5px;
 text-decoration:none;
}

a:active {
 font-size:inherit;
 font-weight: bold;
 color:#9F0002;
 border-radius:5px;
 text-decoration:none;
}

a:visited {
 font-size:inherit;
 font-weight: bold;
 color:#9F0002;
 border-radius:5px;
 text-decoration:none;
}

a:hover {
 font-size:inherit;
 font-weight:bold;
 color:#FF0000;
 background-color:#E8DAF2;
 border-radius:5px;
 text-decoration:none;
}

#conteneur-gauche
	{
	display:none;
	}
 
#conteneur-fin-gauche 
	{
	display:none;
	}
 
#conteneur-droit-img 
	{
	display:none;
	}
  
#conteneur-fin-droit 
	{
	display:none;
	}
	
#conteneur-principal {
	}
	
 html>body #conteneur-principal {	  
	}

#bas-de-page {
	clear:both;
	float:left;
	width: 100%;
	margin-bottom:0;
	font-size:1em;
	font-weight:bold;
	text-align:center;
	text-indent:0em;
	color:Crimson;
	padding-top: 0.8em;
	background-color: NavajoWhite;
	}

#bas-de-page  p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	}

#en-tete 
	{
	}
 
#logo-albige {
position:relative;
margin-left:auto;
margin-right:auto;
width:253px;
height:60px;
background: top center no-repeat url(../images/logos/albigeois-050b.png);
}

#logo-albige a {
display:block;
height:100%;
background:top center no-repeat url(../images/logos/albigeois-050a.png);
color:#000000;
}

#logo-albige a:hover { /* masquage de l'image1 au survol */
background: transparent none;
} 

.barre 
	{
	width:100%;
	border-bottom:2px ridge #CC9933;
	font-size:1em;
	margin-bottom:1em;
	}

.cadre-fleche { /* Definition du Cadre global */
position:relative;
font-size:0.8em;
text-align:center;
padding:10px 0 15px 0;
}

.cartes-situ
	{
	text-align: center;
	}

.centrage {
float:left;
margin-left:0;
margin-right:0;
text-align:center;
text-indent:0;
}

.centrage-gauche {
float:left;
width:100%;
text-align:center;
text-indent:0;
}
.centrage-droite {
float:right;
width:100%;
text-align:center;
text-indent:0;
}

.centrer 
	{
	text-align:center
	}

.gauche 
	{
	}
 
.gauche a:hover
	{
	color:White;
	background:#5B001D url(../images/fonds/briques-foncees-b.jpg);
	text-decoration:none;
	}

.en-ligne a {
  display: inline;
  border:1px ridge Goldenrod;
  margin: 0.5em 0.4% 3em 0.4%;
}

.Font08 {font-size:0.8em}

.italiques {font-style:italic;font-size:0.9em}

/* Affichage des images dans le texte */
.img-gauche {float:left;padding:1em 0 0em 0.3em}
.img-droite {float:right;padding:0.3em 0 0 1em}

.liens-bas-de-page {
	background-color:BlanchedAlmond;
	display: flex;
	align-content: flex-start;
	flex-direction: column;
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 0.4em;
	}

.liens-bas-de-page a:link, .liens-bas-de-page a:visited, .liens-bas-de-page a:active {
color:DarkRed;
border-radius:5px;
background:LemonChiffon url(../images/fonds/briques-jaunes.jpg);
font-weight:bold;
font-size:1.3em;
border-radius:5px;
border:1px solid DarkRed; 
}

.liens-bas-de-page a:hover {
color:ForestGreen;
border-radius:5px;
background:LemonChiffon url(../images/fonds/briques-jaunes.jpg);
font-weight:bold;
font-size:1.3em;
border-radius:5px;
border:1px solid DarkRed; 
}

.menu-1 p {
	margin-top: 0em;
	margin-bottom: 0.5em;
	}
	
.menu-1 {
	display: flex;
	justify-content: space-around;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: NavajoWhite;
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	}

.menu-2	{
	display:flex;
	justify-content:space-around;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: NavajoWhite;
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	}
.menu-3	{
	min-height:100vh;
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: NavajoWhite;
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	}
.menu-1 a:link, .menu-1 a:visited, .menu-1 a:active, .menu-2 a:link, .menu-2 a:visited, .menu-2 a:active,.menu-3 a:link, .menu-3 a:visited, .menu-3 a:active {
color:DarkRed;
border-radius:5px;
background:LemonChiffon url(../images/fonds/briques-jaunes.jpg);
font-weight:bold;
font-size:1.3em;
border-radius:5px;
border:1px solid DarkRed; 
}

.menu-1 a:hover,.menu-2 a:hover,.menu-3 a:hover {
color:ForestGreen;
border-radius:5px;
background:LemonChiffon url(../images/fonds/briques-jaunes.jpg);
font-weight:bold;
font-size:1.3em;
border-radius:5px;
border:1px solid DarkRed; 
}

.nota {
 background-image: url(../images/fonds/peau-orange-clair.jpg);
 }

.palabook {
 font-family: "Palatino Linotype", "Bookman Old Style",
 "Bookman Antiqua", Georgia, Bookman, "New Century Schoolbook", Palatino,
 "Utopia", "New York", "Times New Roman", Times, serif;
 color:#660000;
 margin-bottom:0.1em;
 padding:0 2px 0 2px;
 font-size:1.6em;
 font-weight:bold;
}

.spacer {clear:both;margin-bottom:-1em}
.spacer-gauche {clear:left;font-size:0}
.spacer-droite {clear:right;font-size:0}

.survol:hover {
 background-color:transparent;
 background-image:none;
}

.TabBas {
border:0;
width: 98%;
}

.TdBas {
 font-family:Verdana, "Lucida Grande", Lucida, Tahoma, 
 "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
 font-size: 0.9em;
 width: 33.33%;
 text-align: center;
 vertical-align:top;
}

.texte-droit {text-align:right}
.texte-gauche {text-align:left}

.exergue {
font-style:italic;
color:blue;
}

.albix {
color:DarkRed;
}

.StatutImage {
	Display:flex;
	justify-content:center;
	text-indent:0;
	text-align:center;
	margin-top:1em;
}
.DimImgH50 {
	width:90%;
	}
.DimImgH55 {
	width:90%;
	}
.DimImgH60 {
	width:90%;
	}
.DimImgH65 {
	width:90%;
	}
.DimImgH70 {
	width:90%;
	}

.DimImgH80 {
	width:90%;
	}
	
.DimImgH10 {
	width:90%;
	}

.DimImgH00 {
	width:90%;
	}
	
.DimImgV00 {
	width:60%;
	}
	
.DimImgV75 {
	width:75%;
	}
	
.TexteImage {
	font-size:0.9em;
	font-weight:bold;
	color:FireBrick;
	text-indent:0;
	text-align:center;
	margin-top:-10px;
	margin-bottom:1.2em;
}

.fleches-aller-retour {
clear:both;
margin-left: auto;
margin-right: auto;
width:120px;
text-align:center;
font-size:0.9em;
padding-bottom-bottom:40px;
}

.fleche-aller {	/* "Aller" conteneur */
float:right;
width:60px;
height:27px;
background: top center no-repeat url(../images/signes/fleche-cian-aller.png); /* placement de l'image 2 au second plan */
}
.fleche-aller a { /* définition du lien occupe toute la place du conteneur */
display: block;
width:100%;
height:100%;
background:top center no-repeat url(../images/signes/fleche-mauve-aller.png);	/* placement de l'image 1 au premier plan */
color: #000000;
}
.fleche-aller a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.fleche-retour {	/* "Aller" conteneur */
float:left;
width:60px;
height:27px;
background: top center no-repeat url(../images/signes/fleche-cian-retour.png); /* placement de l'image 2 au second plan */
}
.fleche-retour a { /* définition du lien occupe toute la place du conteneur */
display: block;
width:100%;
height:100%;
background:top center no-repeat url(../images/signes/fleche-mauve-retour.png);	/* placement de l'image 1 au premier plan */
color: #000000;
}
.fleche-retour a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
} 

.note, .note a, .note a:active, .note a:visited,.note a:link, .note a:hover {
	font-weight:normal;
	text-decoration:none;
	background:transparent;
}