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

html,body {

	height:100%;
	margin:0;
	font: 90% Arial, "Trebuchet MS", sans-serif;
	}
html 	{
	background: #888 url(background.jpg) top repeat-x;
	}

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

div#footer a {
	color: #fff;
	font-weight: normal;
	text-decoration:none;
	}
div #footer a:hover {
	color: #fff;
	text-decoration:underline;
	}	
	
div#all {
	min-height: 100%;
	width: 875px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
	background: url(global.png) center repeat-y;
	background:url(background-new-york2.jpg) center top repeat-y;
	}

#top 	{
	background:  url(background-head.jpg) left no-repeat; /*au lieu de header.jpg */
	color: #fff;
	height: 166px;
	position: relative;
	}

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



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

#center {
	width:875px;
	padding-bottom: 20px; /*50px*/
	overflow: auto;
	/*background-color: white;*/
	/*background:url(background-new-york2.jpg) left top repeat-y;*/ /*url(fond.JPG) left repeat-y;*/
	
	}

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

#menu_vertical {
	float: left;
	width: 233px;
	height: 400px; /*680px*/
	background:  url(background-left-side-bak.jpg) left top no-repeat; /*bottom*/
	}

#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: 15px;
	margin: 2px 12px;
	margin-right:15px;
	border-bottom: 1px solid #f23a06/*#1e880f*/;/*#7fcf2e;*/
	color: #fff;/*#3c6090;*//*#f23a06;*//*#1e880f;*/
	font: small-caps 1.1em/30px Georgia,serif;
	text-decoration: none;
	}

#menu_vertical ul li a:hover {
	background-position: left bottom;
	color: white;/*#f23a06;*//*#1e880f;*/ /*#390;*/
	font-weight: bold;
	}

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

#menu_vertical .sous_menu li a{
           background:none;
           height:20px;
           line-height:20px;
           padding-left:0px;
           color: white;/*blue;*/
}
#menu_vertical .sous_menu li a:hover{
           color: white;/*red;*/
		   font-weight:bold;/*normal;*/
}

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

/* propriétés du contenu */

#contenu {
	float:right;
	width: 642px;
	/*margin-left: 10px;*/
	/*padding-left:10px;*/
	padding-bottom:20px;
	/*height:244px;*/
	/*background: url(new-york.jpg) left top no-repeat;*/
	}

div#contenu p {
	font: 1em Arial, Times, Helvetica, Verdana, Univers, "MS Trebuchet", sans-serif;
	font-weight: 600;
	margin-right:5px;
}

div#contenu h1 {
	text-align:right;
	padding-right: 35px;
	/*padding-left: 35px;*/
	background: url(img/titre.png) left center no-repeat;
	color: #f23a06;/*#1e880f;*/
	}
div#contenu h2 {
	color: #f23a06;/*#1e880f;*/
	font-variant: small-caps;
	}
	
div#bloc {
	height:600px;
	overflow: auto;
	width:642px;
}

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

#footer {
	text-align:center;
	position: absolute;
	width: 875px;
	bottom: 0;
	height:35px;
	background: url(fond-pied3.JPG) left top no-repeat;
	
	color: #fff;
	margin-top:0px;
	}

div#footer p {
	margin: 2px 0;
	margin-top:6px;
	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 #f23a06/*#1e880f*/;
	/*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: #f23a06/*#1e880f*/;/*#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 #f23a06/*#1e880f*/;
}

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-*/
 
 /* début galerie */

div#galerie
{
	width: 615px ;
	/*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 ;
}

ul#galerie_mini li a img
{
	margin: 5px 5px ; /*au lieu de 2px 2px*/
	border: 1px solid #000/*#dcb*/ ;
}

div#espace
{
	clear: both;
}

/* fin galerie */

div#image_acceuil
{
	margin-left: 150px;
}
div#image_acceuil img
{
	border: black solid 1px;
}