/* propriétés générales de la page */
@IMPORT URL(overlib.css);
@IMPORT URL(calendar.css);
 
body {
  background:#8f3022;
  font-family: verdana, arial;
	font-size: 12px;
	margin:0px;
	
		}

p  {
text-align:justify;
	text-indent:15px;

	}
	
.textadroite {
	font-size:8px;
	text-align:right;
	color:#708090;
	clear:both
	}
.textenblanc
	{
	color:#FFFFFF;	
	font-weight:bold
	}
	

a{
color:#8f3022;
font-weight:bold
}

.main {
list-style-image: url(main.png)
}

/*lienblanc a
{
color:#FFFFFF;
font-weight:bold
}*/

/* gestion des tables */


td {
	padding:5px;
		
	}		
	  
.table2 {
	margin:0px;
	padding:10px;
	table-layout:auto;
	border: 0px solid red;
		
	  }
	  
/*Cellules à fond gris, texte blanc*/	  
	  
.td2 { 
	margin:0px;
	table-layout:auto; 
	border: 1px solid white; 
	color:#FFFFFF;
	text-align:left;
	background-color:#696969;
	}

	
.td2 a:link	{color:#FFD700;}
.td2 a:hover {color:#FFD700;}
.td2 a:active {color:yellow;}
.td2 a:visited	{color:#FFFFFF;}

.table3 {background-color:#FFDAB9;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	font-size:11px;
	table-layout:fixed
	}

/*aspect des titres*/
.th3	{
	background-color :#8f3022;
	color:#fff;
	padding:10px;
	font-variant:small-caps
}

.td3 { 
	margin:0px;
	table-layout:auto; 
	border: 1px solid black; 
	color:#000000;
	text-align:left;
	background-color:#F4A460;
	}
/*.td3:hover { background-color:#FFDAB9;}*/

.td3 a:link	{color:white;}
.td3 a:hover {color:#FFD700;}
.td3 a:active {color:yellow;}
.td3 a:visited	{color:#FFFFFF;}	
	  
.td4 { 
	margin:0px;
	table-layout:auto; 
	border: 1px solid black; 
	color:#000000;
	text-align:left;
	background-color:#FFA07A;
	}
/*.td3:hover { background-color:#FFDAB9;}*/

.td4 a:link	{color:white;}
.td4 a:hover {color:#FFD700;}
.td4 a:active {color:yellow;}
.td4 a:visited	{color:#FFFFFF;}	
	  
/*gestion des images*/

/* cas général */
img { border:none;
	margin: 5px;
	
	}
/* placement de l'image */
		
.adroite	
	{ float:right;
	margin-left:10px
			}
				
.adroiteredim	
	{ float:right;
	width:175px;
	margin: 5px 20px
	}
.agauche
	{float:left;
	margin:10px
	}
.agaucheredim
	{float:left;
	width:175px;
	margin: 15px
	}
	
/* cas du logo*/		
.logo 
	{
	width:160px;

	}

	

	
/* gestion de la titraille */

h1 {text-align:center;
	font-size:24px;
	color:#9c2c1e
	}
h2 {
	color:#708090
	}
.gold {
  color:#FFD700
}

.grey {
  color:#708090
}
.retape {
 color:#8f3022;
 font-size:8px
}
		
/* pour le gros titre */		
.fantaisie {font-size:42px;
						
	}
	

h2 {
	font-size:20px;
	clear:both
	}
/*lignes de séparation*/
hr {
clear:both
}
/*espace*/
br {
clear:both
}
  
/*gestion des liens*/
a {text-decoration:none;}  
  
/* propriétés de la bannière */  
#banniere	{
 background:url(banniere3.gif);
	height:120px;
	font-size:14px	
		
	}

/* propriétés du menu horizontal */
#menu_horizontal {
  background:url(decor.gif);
  height:100px;
  background-color:transparent;
  padding:10px;
	text-align:right;
	border:1px black solid;
	z-index:100
	
	
	
	}
/* propriété de la rubrique avertissement*/	
 #avertissement
 {
 
 border:0px solid #FFD700;
 margin-left:200px;
 padding:20px;
 color:yellow;
 text-align:center
  }
 
 
 
	
/* propriétés du chemin de fer */
#chemin_fer {	
	padding: 5px;
	
		}
/*propriétés du petit diaporama initial*/

.slide {
	right:20px;
	top:250px;
	position:absolute;
	border:#808080 0px outset;
	z-index:1;
	padding: 0px;
	background-color:transparent;
	clear:both
		
		}
		

	
/* propriétés du menu vertical */
#menu_vertical {
	position:absolute;
	background-color:transparent;
	width:165px;
	left:5px;
	margin-top:60px;
	padding:10px;
	z-index:1;
	font-size:11px;
	border: black 0px inset				
	}
/* couleur et aspect des puces du menu vertical*/	
#menu_vertical li {
color:#FFD700;
list-style-type: disc
}

#colgauche {
float:left;
background-image:url(coin.gif);
background-repeat:no-repeat;
width:55px;
height:55px;
margin:-15px;
background-color:transparent

}	

#coldroite {
float:right;
margin:-15px;
background-image:url(coin_droit.gif);
background-repeat:no-repeat;
width:55px;
height:55px;
background-color:transparent

}		
/* propriétés du contenu */
#contenu {
  width:77%;
  top:280px !important;
  top :310px;
  background-image:url(coin_droit.gif);
  background-position: top right;
  background-repeat:no-repeat;
	position:absolute;
	background-color:white;
	margin-left:215px;
	padding:15px;	

	}

#contenu a:link, a:visited a:hover, a:active   {
	color:#8f3022;
	
	}
	
#contenu a:visited {
color:#996666;
}
		
.toutcentrer {
	text-align:center
		}
	
	
	
	
/* propriétés du pied de page */
#pied_page {
	position:relative;
	height:130px;
	text-align:center;
	padding:10px;
	clear:both;
	font-size:10px;
	color:#9c2c1e;
	margin:15px
	
		
		}
/* comportement de la liste dans le bloc menu_horizontal */
#menu_horizontal li {
	
    padding:10px 10px;
    height:32px;
    list-style-type: none;
    display: inline;
    background-image:url(bouton2.gif); 
    border:1px black solid;
    
	}
#menu_horizontal li:hover 
  {
    right:0px;
    background-color:#8f3022;
    background-image:url(bouton.jpg);
    border:1px black inset
}		
 
   
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_horizontal */
#menu_horizontal 
  {
	font-weight:bold;
	text-decoration:none;
	font-variant:small-caps;
	position:relative
	}
	
	/* propriétés des liens contenus dans le bloc menu_horizontal */
#menu_horizontal a:link, a:visited	
	{
		color:#ffffff;
		
		}

#menu_horizontal a:hover, a:active   {
	color:#FFD700;
	
	}
		
	
/* propriétés des liens de base et déjà visités) contenus dans le bloc chemin_fer */
#chemin_fer a:link, #chemin_fer a:visited {
	color:#000;
	font-weight:bold
	}

/* propriétés des liens déjà visités contenus dans le bloc chemin_fer */	
	
#chemin_fer a:visited
		{
	color:#808080;
	font-weight:bold	
	}
#recherche	{
background-color:#FDF5E6;
border: dotted 1px #8f3022; 
padding: 10px;
}
/* propriétés des liens  contenus dans le bloc chemin_fer */
#chemin_fer a:hover, #chemin_fer a:active {
	color:#9c2c1e;}
	
/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_vertical */
#menu_vertical a:link, #menu_vertical a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}
/* propriétés des liens contenus dans le bloc menu_gauche */
#menu_vertical a:hover, #menu_vertical a:active {
	color:yellow
	}

/*Met à niveau les autres fonds */
.fondvide {
float:left;
padding:5px;
margin:5px;
border:0px green dotted;
}
/* mise en valeur du texte en utilisant un fond coloré*/
.fondcouleur0
		{
		background:transparent;
		/*background-image:url(pin2.gif);
		filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;*/
		margin:0 15px;
		width:100%;
		
		}
		
.fondcouleur1
		{
		float:left;
		background:#63e749;
		background-image:url(pin.gif);
		background-repeat:no-repeat;
		background-position: top left;
		border: black 1px outset;
		padding:10px;
		padding-left: 45px;
		margin:10px;
		margin-right:25px;
		width:40%
		}
.fondcouleur1 a:visited

{

text-align:left;
color:#8f3022
}		
		
		
.fondcouleur2
		{
		float:left;
		background:#5bc6e7;
		background-image:url(pin2.gif);
		background-repeat:no-repeat;
		background-position:top left;
		border: black 1px outset;
		padding: 10px;
		margin:10px;
		margin-right:25px;
		/*margin-bottom: -10px;*/
		padding-left: 45px;
		
		width:40%
		}
		
.fondcouleur2 a:visited
{
color:#8f3022
}			

.fondcouleur3
		{
		float:left;
		background:#ffff42;
		background-image:url(pin3.gif);
		background-repeat:no-repeat;
		background-position:top left;
		border: black 1px outset;
		padding: 10px;
		padding-left: 45px;
		margin:10px;
		margin-right:25px;
		width:40%
		}
		
.fondcouleur3 a:visited
{
color:#8f3022
}			

/* coin de page pour fond de couleur*/

.coin1
{
float:left;
width:44px;
height:44px;
margin:-11px ;
margin-left:-46px; 
background-image:url(coin_de_page_1.png);

}
.coin2
{
float:right;
width:44px;
height:44px;
background-image:url(coin_de_page_2.png);
margin-top:-11px;
margin-right:-11px;
}
.coin3
{
float:right;
width:44px;
height:44px;
margin-top:-11px;
margin-right:-11px;
background-image:url(coin_de_page_3.png);
}


/*  police fantaisie pour les textes */
.fantaisie2
	{
	border: 0px #808080 outset;
	font-weight:bold;
	color:black;
	padding:10px;
	margin:2px
	}
.fantaisie3
	{
	border: 1px #808080 outset;
	font-weight:bold;
	background-color:#8f3022;
	color:#FFD700;
	padding:10px;
	margin:7px
	}
.magenta
	{
	color: #FF00FF;
	font-weight:bold;
}
	
.rouge
	{
	color: #FF6347;
	font-weight:bold;
}
		
/* personnalisation des listes à puce */
	.pdf	{
	list-style-image:url(picto_pdf.gif)
			}
			
	.film	{
	list-style-image: url(film.gif)
		}
		
		.courrier	{
	list-style-image: url(courrier.jpg)
		}
		.tel	{
	list-style-image: url(tel.jpg)
		}
		.email	{
	list-style-image: url(email.gif)
	
		}
/*		.son	{
	list-style-image: url(son.gif)
	
		}*/

/* Lien vers le haut de la page*/		
.o2paj	a:link, a:visited {
	text-align:center;
	/*color:#9c2c1e;
	font-weight:bold;
	text-decoration:none;*/
	

}
.o2paj	a:active {
color:#FFD700;
}