/* propriétés générales de la page */

html,body {

	height:100%;
	margin:0;
	font: 90% "Trebuchet MS", sans-serif;
	}
html 	{
	background: #ddd url(html.png);
	}

a {
	color: #f00;/*color: #6c0;*/
	font-weight: bold;
	text-decoration:none;
	}
a:hover {
	color: #263b7a;
	text-decoration:underline;
	}

div#footer a {
	color: gray;
	font-weight: normal;
	text-decoration:none;
	}
div #footer a:hover {
	color: gray;
	text-decoration:underline;
	}	
	
div#all {
	min-height: 100%;
	width: 785px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	/*background: #fff url(global.png) center repeat-y;*/
	background: #fff url(bann-footer2.jpg) bottom no-repeat;
	border: 1px solid #263b7a;
	}

#top 	{
	margin-top: 10px;
	/*background:  url(banniere.jpg) left no-repeat; */ /*au lieu de header.jpg */
	color: #fff;
	height: 100px;
	position: relative;
	/*border: 2px solid #263b7a;*/
	}

div#top h1 {
	margin: 0;
	position: absolute;
	/*top: 100px;*/
	left: 10px;
	bottom:10px;
	font: 5em Georgia, serif;
	color: black;
	}
div#top h4{
        margin:0;
        position: absolute;
        top: 110px;
        right: 165px;
        font: 17px "Courrier New", Georgia, serif;
        color: #263b7a;
}
div#top h2{ /*était utilisé pour le .be*/
        margin:0;
        position: absolute;
        top: 6px;
        right: 95px;
        font: 45px solid "Courrier New", Georgia, serif;
        color: #263b7a;
}



/* bloc central uniquement crée pour uniformiser les hauteurs des deux blocs contenus (menu_vertical et contenu) */

#center {
	padding-bottom: 100px;
	overflow: auto;
	}

/* propriétés du menu vertical */

#menu_vertical {
	float: left;
	width: 200px;
	}

#menu_vertical ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}

/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_vertical */

#menu_vertical ul li a {
	display: block;
	height: 30px;
	line-height: 30px;
	background: url(fond_liencontainers.PNG) no-repeat left top;
	padding-left: 10px;
	margin: 2px 0;
	border-bottom: 1px solid #263b7a;/*#7fcf2e;*/
	color: #263b7a;
	font: small-caps 1.1em/30px Georgia,serif;
	text-decoration: none;
	}

#menu_vertical ul li a:hover {
	background-position: left bottom;
	color: #263b7a; /*#390;*/
	font-weight: bold;
	}

#menu_vertical .sous_menu{
           margin-left:17px;
}

#menu_vertical .sous_menu li a{
           background:none;
           height:20px;
           line-height:20px;
           padding-left:5px;
           color: blue;
}
#menu_vertical .sous_menu li a:hover{
           color: red;
	   font: small-caps 1.1em/20px Georgia,serif;
}

div#menu_vertical h3, div#footer p, div#menu_vertical p  {
	padding: 0 10px;
	}

/* propriétés du contenu */

#contenu {
	float:right;
	width: 570px;
	margin-left: 10px;
	}

div#contenu h1 { /*h2*/
	font-size:1.5em;
	text-align:right;
	padding-right: 35px;
	/*padding-left: 35px;*/
	background: #fff url(img/titre.png) left center no-repeat;
	color: #263b7a;
	}
div#contenu h2 { /*h3*/
	font-size:1.17em;
	color: #263b7a;
	font-variant: small-caps;
	}

/* propriétés du pied de page */

#footer {
	text-align:center;
	position: absolute;
	width: 775px;
	height:115px;
	bottom: 0;
	/*background: #263b7a url(bann-footer2.jpg) bottom no-repeat;*/  /*#1e880f*/
	color: gray;
	}

div#footer p {
	margin: 2px 0;
	margin-top:97px;
	font-size: 0.9em;
	}

/* propriétés de la bannière horizontale */

#banniere_horizontale {
	}

/* propriétés du menu horizontal */

#encadre_menu_horiz{
                    margin:0px;
                    background-color:#fff;
                    border:1px solid #fff;
}
#menu_horizontal {
	text-align:center;
	/*position: absolute;*/
	/*bottom: 0;*/
	right: 30px;

	/*background-color:#c30;*/
	/*border:1px solid black;*/
	}

/* comportement de la liste dans le bloc menu_horizontal */

#menu_horizontal li {
	margin-right:80px;
    	list-style-type: none;
    	display: inline;
	}


/* propriétés des liens (de base et déjà visités) contenus dans le bloc menu_horizontal */

#menu_horizontal a:link, #menu_horizontal a:visited {
        font: small-caps 1.1em/30px Georgia,serif;
	color:red;/*#339999;*/
	font-weight:bold;
	text-decoration:none;
	}

/* propriétés des liens (au dessus et actifs) contenus dans le bloc menu_horizontal */

#menu_horizontal a:hover, #menu_horizontal a:active {
	text-decoration:underline;
	}

/* 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:#FF9933;
	font-weight:bold;
	text-decoration:none;
	}

/* propriétés des liens (au dessus et actifs) contenus dans le bloc chemin_fer */

#chemin_fer a:hover, #chemin_fer a:active {
	text-decoration:underline;
	}


/* propriétés du chemin de fer */

#chemin_fer {
	margin-top:2px;
	border-bottom: 1px solid #263b7a;
	/*border-top: 1px solid #1e880f;*/
	}


 /* --------- formulaire ---- */
 div#formulaire{
          /*position:relative;*/
          /*overflow:auto;*/
          /*height:310px;*/
          width:auto;
          /*color: #ededd5;*/
          /*margin-left:92px;
          margin-right:92px;
          margin-top:0px;*/
          padding:0px;
          border: 1px solid white;
          /*margin-top:72px;*/
          font-family:Verdana, Geneva, Arial, sans-serif;
          }

.envoi {
       text-align: right;
       margin-right: 50px;
       margin-top:0px;
}
.note {
      color:gray;
      margin-left:15px;
}

.unite {
	margin-left:5px;
	}

div#formulaire fieldset {
	margin-bottom: 0em;/*0.5em;*/
	border: 0;
	width: auto;
	margin: 0.5em;
	/*background-color:black;/*#97AF12;*/
}

div#formulaire fieldset p{
               clear:both;
               }

div#formulaire legend {
               color: #263b7a;/*#ededd5;*/
}
div#formulaire label.text {
	display: block;
	float: left;
	width: 20%;
	text-align: right;
	margin: 0 0.5em 0 0;
	padding: 0.1em;
	border-bottom: 1px solid #263b7a;
}

div#formulaire hr {
	visibility: hidden;
	clear: both;
}

div#formulaire input.text {
	width: 40%;
	/*background-color: black;/*#FFD100;*/
	border: 0;
	margin-right: 0.25em;

}
div#formulaire textarea {
        width: 70%;
	/*background-color: black;/*#FFD100;*/
	border: 1px solid #7f9db9;/*<-- bleu comme le cadre des input.text*/
	margin-right: 0.25em;
}
 /*--fin formulaire-*/
 
table 
{
	background-color: #ddd;
	/*padding:0 2px;*/
}

table caption
{
	background-color:#ddd;
	color:black;
}

table thead 
{
	background-color: black;
	color: white;
}

table tbody tr th
{
	background-color: #111;
	color: #eee;
}

table tbody tr td
{
	background-color:#d8d8d8;
	text-align:center;
}


div#galerie
{
	width: 550px ;
	/*background: #eed ;*/
	/*border: 1px solid #dcb ;*/
	padding: 5px ;
	margin: 15px 0px ;
	/*text-align: center ;*/
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
	background-color:#263b7a;
	padding: 4px 2px 5px 4px;
	color:white;
	margin:5px;
	border:1px solid black;
	text-align:center;
}

ul#galerie_mini li a
{
	margin:0;
	padding:0;
}

ul#galerie_mini li a img
{
	margin: 0; /*au lieu de 2px 2px*/
	padding:2px;
	border: 1px solid #000/*#dcb*/ ;
	background-color:white;
}

div#espace
{
	clear: both;
}