/*---------------------------------------------------------------------------------

Feuille CSS du site : www.domaine-des-forges.fr

Auteur : SARL IP Moteur

Date de création : Mars 2006

-----------------------------------------------------------------------------------*/

/*=======================================================
				Général
=======================================================*/
body {
background-color: #fff;
font-family: arial, sans-serif; 
}

fieldset{
width: 450px;
border: solid 1px #CCCCCC;
margin-left: 25px;
min-height: 80px;
padding-left: 3px;
}

legend{
color: #666666;
font-size: 1.5em;
}

/*=====================================================
			Mise en page générale
=======================================================*/
/*div générale renfermant toutes les autres */
#conteneur {
margin-top: -5px;
margin-left: auto;
margin-right: auto;
width: 954px;
height: 600px;
background-color:#FFFFFF;
border: 1px solid #000;
position: relative;
}

/*  Bandeau supérieur    */
#haut {
height:133px;
width:954px;
background: url(images/haut.jpg);
background-repeat: no-repeat;
}

/*  Rubrique qui apparaitra en haut   */
#rub{
width: 350px;
margin-left: 140px;
padding-top: 100px;
font-family: arial, sans-serif; 
font-weight: bold;
text-transform: uppercase;
font-size: 1.3em;
color: #665448;
}

/* Texte + images  */
#contenu{
width: 760px;
float:right;
overflow: auto;/* gère le scroll automatiquement sur les FF mais pb avec IE */
overflow-y: auto;/*  on met cette ligne uniquement pour IE pour corriger pb !!!  */
overflow-x: hidden;/*  on met cette ligne uniquement pour IE pour cacher le scroll horizontal */
position: static;
height: 411px;
text-align: justify;
font-size: 0.9em;
padding-right: 20px;
}

/* Menu gauche  */
#menu {
height:411px;
width:169px;
background: url(images/menu.jpg);
background-repeat: no-repeat;
}

/* bandeau bas en gris */
#bas {
height:45px;
width:954px;
background: url(images/bas.jpg);
background-repeat: no-repeat;
background-color: #CCCCCC;
padding-top: 8px;
padding-bottom: 3px;
bottom: 0px;
font-size: 0.7em;
}

#key{
position: absolute;
margin-top: 566px;
margin-left: 340px;
font-size: 0.55em;
color: #616161;
width: 400px;
}

/*=======================================================
			Menu
=======================================================*/
#accueil a{
float: right;
margin-right: 67px;
color: #FFFFFF;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
}

#accueil a:hover{
color: #665448;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
}

#sejours a{
float: right;
margin-right: 82px;
color: #FFFFFF;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
margin-top: 40px;
}

#sejours a:hover{
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #665448;
}

#fetes a{
float: right;
text-align: right;
color: #FFFFFF;
margin-right: 85px;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
margin-top:40px;
}

#fetes a:hover{
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #665448;
}

#seminaires a{
float: right;
color: #FFFFFF;
margin-right: 77px;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
margin-top:40px;

}

#seminaires a:hover{
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #665448;
}

#ressourcement a{
float: right;
text-align: right;
color: #FFFFFF;
margin-right: 65px;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
margin-top:40px;
}

#ressourcement a:hover{
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #665448;
}

#loisirs a{
float: right;
text-align: right;
color: #FFFFFF;
margin-right: 45px;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
margin-top:40px;
}

#loisirs a:hover{
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #665448;
}

#visitez a{
float: right;
text-align: right;
color: #FFFFFF;
margin-right: 35px;
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
margin-top:45px;
}

#visitez a:hover{
font-family: arial,sans-serif;
font-size: 0.9em;
text-decoration: none;
color: #665448;
}
/*=======================================================
				Textes
=======================================================*/
#texte {
font-family: arial,sans-serif;
font-size: 0.8em;
padding-top: 25px;
width: 490px;
height: 380px;
float: right;
text-align: justify;
padding-right: 5px;
}
#textebis {
font-family: arial,sans-serif;
font-size: 0.8em;
float: right;
text-align: justify;
padding-right: 5px;
}
#textebis a{
color: #D4892E;
text-decoration: none;
}
#textebis a:hover{
color: #CCCCCC;
text-decoration: none;
}

/*  Actus  */
#texte_actu {
font-family: arial,sans-serif;
font-size: 0.8em;
padding-top: 25px;
width: 730px;
height: 380px;
float: right;
text-align: justify;
padding-right: 5px;
}

/* lien lire la suite */
a#lien_actu{
color: #D4892E;
}
a#lien_actu:hover{
color: #CCCCCC;
}

#images {
width: 240px;
float:left;
margin-top: 25px;
text-align: center;
}

/*intertitre orange */
.titre_heb{
font-weight: bold;
color: #D4892E;
}

/* police en gras dans le texte  */
.heb{
font-weight: bold;
}

/* Police italique de description des hébergements  */
.desc_heb{
font-style: italic;	
}

#ligne {

}

#picto {

}

h1{
font-size: 2em;
color: #D4892E;
}

/*========================================================
			 Bandeau du bas
========================================================*/
#plan{
background-color: transparent;
width: 190px;
color: #616161;
margin-left: 170px;
padding-top: 20px;
position:absolute;
float:left;
}

#plan2 {
background-color: transparent;
color: #616161;
text-decoration: none;
width: 190px;
}

/*
#plan  {
background-color: transparent;
color: #616161;
font-size: 0.7em;
float: left;
text-decoration: none;
}
#plan a:hover {
background-color: transparent;
color: #FFFFFF;
font-size: 1em;
}
*/
#plan2  a {
background-color: transparent;
color: #616161;
font-size: 1em;
text-decoration: none;
}

#plan2 a:hover {
background-color: transparent;
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
}

#adresse{
text-align: right;
color: #616161;
font-size: 1em;
width: 180px;
float: right;
}