/*Rail-Rebecq-Rognon.eu css*/


html{
	font-size: 100%;
}

body{
width : 860px;
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
background-image: url("irrr/fond.jpg");
background-repeat: repeat;
background-repeat: repeat;
font-family : bold Verdana, Arial, "Arial Back", sherif;
color : #ffff66 ;
}

p {
font-family : bold Verdana, Arial, "Arial Back", sherif;
color : #ffff66 ;
font-weight: 14px;
text-align: justify;
}
h1 {
margin-left : auto;
margin-right : auto;
margin-top : 20px;
margin-bottom : 20px;
font-family : bold  Verdana, Arial, "Arial Back", sherif;
font-weight: 22px;
text-align: center;
font-style: small-caps;
}
h2 {
margin-bottom : 20px;
font-family : bold  Verdana, Arial, "Arial Back", sherif;
font-weight: 8px;
text-align: justify;
font-style: small-caps;
}

.leg {
text-align: center;
font-size: 14px;
font-style: italic;
}

#en_tete{
margin-left : auto;
margin-right : auto;
margin-bottom : 20px;
margin-top : 20px;
}

#ligne {
width: 860px;
margin-bottom : 50px;
margin-top : 20px;
}

#page1  /*page d'entrée*/{
width : 860px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
text-decoration : none;
color : #003300;
}
img {
text-decoration : none;
color : none;
}
a:hover{
color : none;
border-color: none;
text-decoration: none;
}
a:visited {
color : none;
border-color: none;
text-decoration: none;
}
}
img{
	margin : auto;
	margin-left : auto;
	margin-top: 5px;
	width : auto;
}

#corps1 /*corps justifié avec bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
text-align : justify;
}

#corps2/*corps justifié sans bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
text-align : justify;
}

#corps3 #corps4/*corps justifié avec bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
border-width : 1px;
border-color : ;
border-style : ridge;
text-align : justify;
}
a{
text-decoration : none;
color : #f26803;
}
a:hover{
color : #00ff00;
}
#text1,#text4,#text5#text6,#text7 #text8/*corps centré avec bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
margin-top: 50px;
padding : 20px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
text-align : center;
}

#text2 /*corps centré sans bordures*/
{
width : 820px;
margin-left : auto;
margin-right : auto;
margin-bottom: 20px;
padding : 20px;
text-align : center;
}
h2 {
text-align: center;
}
.hera1 {
float: left;
width: 140px;
margin-left: 20px;
padding-top: none;
padding-left: 10px;
}
.hera2{
margin-left: 20px;
background-color: none;
margin-right: 20px;
margin-bottom: 5px;
border: 3px ridge #ffff66;
padding-top: none;
padding-right: 10px;
padding-left: 190px;
padding-bottom: 10px
}

#pied {
width : 820px;
margin-left : auto;
margin-right : auto;
margin-top: 20px;
margin-bottom: 20px;
padding : 20px;
text-align : center;
font-size : 14px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
}

/*formulaire 1 CSS*/

input, textarea{
font-family: "Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
}
 input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */{
background-color: #fcbb74;
}
label{
color: maroon; /* Colorer tous les labels (bah oui, pourquoi pas en bleu ?) */
}
legend /* On met un peu plus en valeur les titres des fieldset */{
font-family: Verdana, Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
color: red;
font-weight: bold;
}
fieldset{
margin: 20px;
background: url("irew/fb.jpg");
border: #fa781a 3px ridge;
}

.hera1 {
float: left;
width: 140px;
margin-left: 20px;
padding-top: none;
padding-left: 10px;
}
.hera2{
margin-left: 20px;
background-color: none;
margin-right: 20px;
margin-bottom: 5px;
border: #ffff66 3px ridge;
padding-top: none;
padding-right: 10px;
padding-left: 190px;
padding-bottom: 10px
}

#menu 
#main-menu { 
margin:0; 
bottom:0; 
right:0; 
font-family: Verdana,sans-serif; 
white-space:nowrap; 
font-size: 14px; 
}

#main-menu li {
display:block;
float:left;
list-style-type:none;
margin-left: 0px;
margin:2px;
padding:0;
text-transform: uppercase; 
}

/*Les liens normaux*/
#main-menu a {
display:block;
float:left;
padding:10px 16px 10px 16px;
background:#003300;
border-bottom: 3px solid #908B72;
color: #ffff66;
font-weight: bold;
font-size: 14px; 
text-decoration: none;
}
/*Les liens au survol et rubrique en cours*/
#main-menu a:hover, #main-menu #selected a {
color:#003300;
background: #ffff66;
border-bottom: 3px solid #D1481B;
font-weight: normal;
text-decoration: none;
}


#gallery {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 50px;
text-align: center;
font-variant: small-caps;
font-size: bold 16px;
border-width : 1px;
border-color :#ffff66;
border-style : ridge;
}
:root {
	overflow:scroll;
}
#gallery {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
paddigng-bottom: 30px;
text-align: center;
font-variant: small-caps;
font-size: bold 16px;
border-width : 1px;
border-color :none;
border-style : ridge;
}
div#gallery {
}

div#thumbs {
	position: relative;
}
div#navigate {
	vertical-align: middle;
	margin: 0 auto;
}
div#navigate div#prev,
div#navigate div#up,
div#navigate div#next {
	display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 20px;
}
div#navigate div#indexpage{
  	display: inline;
 	vertical-align: middle;
  	padding: 10px;
 	font-size: .8em; 
 	text-align: center;
 	color: #000000; 
}
div#gallery a:link, 
div#gallery a:visited{
}
div#gallery a:hover{
}
div#gallery a:active{
}
div#gallery img {
 	border-width: 0;
}
div#gallery h1{
 	font-weight: bold; 
 	font-size: 2em; 
}
div#gallery h2{
 	font-weight: bold; 
 	font-size: 1.4em; 
}
div#gallery table{
	margin: 0 auto;
	border: 0;
	border-collapse: collapse;
}
div#gallery td.thumb{
	vertical-align: middle;
 	text-align: center;
	border: 0;
	padding: 5px 10px;
	margin: 50px;
}
div#gallery img.thumb{
 	margin: 0;
 	padding: 0;
 	border: none;
}
div#gallery img.thumb:hover {
 	border-color: none;
}
div#gallery img.thumb:active{
}
div#gallery img.activethumb{
 	border: none;
}
div#gallery p.thumb{
	margin: 0;
 	padding: 0;
	font-size: .8em; 
}
div#gallery #pgblk{
}
div#pgimg{
	padding: 20px;
	vertical-align: middle;
}
div#pgimg img{
}
div#pglbl{
	margin:0;
 	padding: 1em 0 0 0;
}
div#homelnk{
}

#ecu {
width: 820px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
padding:20px;
}
td {
padding: 10px;
border: none;
}
a{
text-decoration : none;
color : #f26803;
}
a:hover{
color : #00ff00;
}

#linx{
width: 840px;
margin-top:50px; 
margin:10px;
text-align:center;
font-size: bold 18px;
}
td{
padding: 10px;
text-align : center;
border-color :#ffff66;
border-width : 1px;
border-style : ridge;
}
#bou,#bou1,#bou2,#bou3,#bou4,#bou5{
height: 30px;
width: 450px;
margin-left: auto;
margin-right: auto;
border: #fa781a 3px ridge;
margin-bottom: 2px;
}
.bou {
float: left;
width: 50px;
height: 25px;
text-align: center;

}
.bou2{
height: 25px;
width: 400px;
margin-left: 35px;
padding-left: 10px;
text-align: justify;
font-size: 14px;
}