/* CSS Document */


#wrapper
{
	width: 960px;
	margin-right:auto; /*margin-right et margin-left en auto permettent
						 d'obtenir le centrage dans l'écran*/
	margin-left:auto;
	padding-right: 1px;   /*	padding-right: 1px;*/
	background-color:#990033;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	overflow:auto;  
}

#entete1{
	float: left;
	width: 440px;
	height: 70px;
	padding: 3px 0px 3px 0px; /*marge intérieure - haut droite bas gauche (penser au sens horlogique*/
	margin: 0 0 0 0px; /*marge extérieure*/
}

#entete2{
	float: left;
	width: 517px;
	height: 70px;	
	text-align: center;
	padding: 3px 3px 3px 0px; /*marge intérieure - haut droite bas gauche (penser au sens horlogique*/
	margin: 0 0 0 0px;
	vertical-align:middle;  
}


#divers{
	float: left;
	width: 150px;
	padding: 5px 0px 4px 0px;
	margin: 0 0 0 0px;
}

#divers a{
	color: #FFFFFF;
	text-decoration: none;
}

#menu1{
	text-align: left;
	font-size: small;
	font-weight: 400;
	color: #990033; /*#FFFFFF;*/
	padding: 0px 1px 0px 10px;  /*	padding: 5px 1px 24px 10px; 5px 3px 4px 0px;*/
	border-bottom: 1px solid #8c8c8c;
	float: left;
	width: 799px;  /* 794 */
	height: 29px;
	margin: 0 0 0 0px;
	background-image: url(../Images_Applic/menu_title.jpg);
}

#menu1 ul{
	margin-bottom: 0;
	margin:6px 0 0 0;
	padding: 0 0 0 0;
	height: 29px;

}

#menu1 li{
	display: inline; /* permet de placer les entrées de menu côte à côte */
	list-style-type:none; /* pas de points d'énumération */
	margin: 0 0px 0 0;
}

#menu1 a{
	color:#990033;
	/*background-color: #d3d3d3; /*#FFFFDB;*/
	padding: 4px 2px 4px 2px;   /*	padding: 4px 5px 4px 5px; */
	/*border: 1px solid #8c8c8c;*/
}

#menu1 a:hover{
	text-decoration: none; /* désactivation du soulignement */
	color: white;
	background-color: #990033;
}

#menu1 a:active{
	background-color: white;
}

#acces_rapides
{ 
	font-size:small; 
 	background-image:url(../Images_Applic/fond.gif);
 	background-repeat:no-repeat;  
 	background-position:center;  
 	color:#990033;	
	text-align:left;  
	margin: 10px 0 0 0px;
	padding: 5px 0 0 15px;
	width: 130px;
	height: 110px; 
}

#acces_rapides a
{
	color:#990033;
	text-decoration: none;
	/*background-color: #d3d3d3; /*#FFFFDB;*/
	/*padding: 4px 2px 4px 2px;   /*	padding: 4px 5px 4px 5px; */
	/*border: 1px solid #8c8c8c;*/
}

#acces_rapides img {
	/* l'image occupe toute la place de son bloc conteneur */
	/*width : 100%;*/
	height: 100%;
}

#menu2{
	float: left;
	width: 150px;
	vertical-align: top; 
	overflow: auto;  
}



#illustration{
	float: left;
	width: 144px;
	height: 225px;
	padding-left: 3px;
	padding-right: 3px;
}

#illustration a
{
	color: #FFFFFF;
	text-decoration: none;
}


#zoneaffichage{
	float: left;
	padding-top: 0px;
	padding-left: 10px; 
	padding-right: 10px;
	padding-bottom: 0px;
	width: 790px;
	height: 550px;
	background-color: #FBFBFB;   /*#E6E6E6; #FFFFDB;*/
	color:#990033;	 
	font-size: small;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	overflow: auto;

	/*background-image:url(../Images/Logo.jpg)	*/
}

#pied{
	float: left;
	width: 960px;
	color: white;
	background-color:#990033;
	padding: 0 0 0 0px;
	}

a {
	text-decoration: none;
}
#wrapper #pied a {
	color: #FFFFFF;
	text-decoration: none;
}

h1{
font-size:18px;
}

h2{
font-size: medium; 
}

h3
{
	font-size: small;
	text-align: center;
	border-top: thin solid;
	border-bottom: thin solid;
}

.trame_grise 
{
	background-color:Silver;
}

.lien_actif {
	text-decoration: underline;
}

/* =====================
   Formulaire de contact
   ===================== */
   
/*   form{
   background-color:#eee;
   width:400px;
   margin-left:auto;
   margin-right:auto;

   
   padding: 7px;
   border: 1px solid #8c8c8c8;
   }*/
   
 /*  label{display: block;}  /*Titre placé sur une ligne à part*/
   
   #expediteur, textarea{
   width: 300px;
   border: 1px solid #8c8c8c;
   margin-bottom: 1em;
   }
   
   textarea {height: 7em;}
   
   input: focus, textarea: focus
   {
   background-color: #d9d9d9;
   }
   


form
{
  margin:0px;
  padding:0px;
}
LABEL
{
	list-style-position: outside;
	list-style-type: disc;
}

#ListePhotos
{
	float: left; 
	width: 30%;
	height: 417px; 
	margin-right:10px; 
	overflow: auto; /* met une barre de défilement horizontale ou verticale
				       si il y a dépassement de bloc(s) */
}

#DétailsPhotos
{
	float: right; 
	width: 70%;
}
a:link 
{
	color: #990033;
}
a:visited
{
	color: #990033;
}

a img {border: none;}