/* Margin, padding et border par défaut à 0 partout */
* { margin: 0px; padding: 0px; border: 0px; }

/* Corps de la page. Font size modifié pour que 1em = 10px */
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background-color: #00aade; }

/* Couche contenant le fond avec les ombres portées */
#fond { position: relative; width: auto; min-width: 760px; max-width: 965px; margin: 0px auto; text-align: center; background: url(../images/img-fond.gif) top left repeat-y;  }

/* Couche conteneur centrée et à largeur variable */
#conteneur { position: relative; width: auto; min-width: 760px; max-width: 955px; margin: 0px auto; background-color: #cccccc; text-align: left; }

/* Entête, contient logo et lien de langue */
#entete { width: 100%; }
	#entete-accueil { position: relative; width: 100%; min-width: 760px; height: 257px; background: url(../images/entete-accueil.jpg) top right no-repeat; }
	#entete-immobilier { position: relative; width: 100%; min-width: 760px; height: 257px; background: url(../images/entete-immobilier.jpg) top right no-repeat; }
	#entete-entreprise { position: relative; width: 100%; min-width: 760px; height: 257px; background: url(../images/entete-affaires.jpg) top right no-repeat; }
	#entete-succession { position: relative; width: 100%; min-width: 760px; height: 257px; background: url(../images/entete-succession.jpg) top right no-repeat; }
	#entete-famille { position: relative; width: 100%; min-width: 760px; height: 257px; background: url(../images/entete-famille.jpg) top right no-repeat; }
	#entete #logo { position: absolute; }
	#entete #langue { position: absolute; right: 90px; top: 70px; text-align: right; }
	#entete #langue a { color: #525252; text-decoration: none; font-weight: bold; font-size: 1.2em; }
	#entete #langue a:hover { text-decoration: underline; }

/* Couche contenant 2 colonnes : menu et contenu */
#principal { width: 100%; overflow: hidden; background-color: #ffffff; }

	/* Menu flottant à gauche */
	#menu { position: relative; float: left; left: 0; width: 25%; font-size: 1.2em; }
		#menu ul { list-style-type: none; }
		#menu ul p { font-size: 1em; margin: 0px; }
		#menu ul li { padding: 3px 0px 3px 30px; color: #515358; background-color: #F6D9D9; margin: 2px 0px 2px 0px; height: 100%; }
		#menu ul li.premier { background: url(../images/menu-haut.jpg) top left repeat-x; padding-left: 20px!important; padding-top: 15px; font-weight: bold; }
		#menu ul li.titre { font-weight: bold; color: #515358; background-color: #B2E0EF; padding-left: 20px!important; }
		#menu ul li.actif a { font-weight: bold; color: #00aef7!important; }
		#menu ul li.actif a:hover { font-weight: bold; color: #00aef7!important; }
		#menu ul a { color: #515358!important; text-decoration: none; }
		#menu ul a:hover { text-decoration: underline; }

	/* Couche contenant le fil d'ariane, la boite de lien flottante et le contenu principal */
	#contenu { position: relative; float: left; min-width: 360px; width: 100%; overflow: hidden; background: url(../images/img-fd-contenu.gif) top left repeat-x; }
		#contenu div.contenant { margin: 0px 0px 25px 31%; min-height: 385px; }
		* html #contenu div.contenant { height: 385px; }
		#contenu div.contenant a:link { color: #c40000; text-decoration: underline; }
		#contenu div.contenant a:visited { color: #666666; }
		
		/* Texte général de l'article */
		#contenu p { font-size: 1.4em; margin: 0px 45px 10px 0px; /* text-align: justify; */ }
		
		/* Styles pour le fil d'ariane */
		#contenu p.ariane { font-size: 1em; color: #a5a5a5;  padding-top: 20px; }
		#contenu p.ariane a:link { color: #a5a5a5; text-decoration: none; } 
		#contenu p.ariane a:hover { text-decoration: underline; }
		#contenu p.ariane span { font-weight: bold; color: #666666; }
		
		/* Listes dans le contenu */
		#contenu div.contenant ul { margin: 0px 0px 0px 20px; }
		#contenu div.contenant ul li { margin-bottom: 10px; }
		#contenu div.contenant ol { margin: 0px 0px 0px 25px; }
		#contenu div.contenant ol li { margin-bottom: 10px; }

		#contenu div.contenant ul.accueil li { margin: 0px; }
		#contenu div.contenant ul.accueil p { margin: 0px; padding: 0px; }

		/* Boite intersticielle */ 
		#contenu div.interstice { position: relative; float: right;  margin: -10px 0 0 5px; padding: 0 0 10px 10px; text-align: justify; }
		#contenu div.interstice h5 { font-size: 1.8em; margin-bottom: 5px; color: #00a9de; }
		#contenu div.interstice p { margin: 0px; font-size: 1.8em; color: #77787C; font-weight: bold; letter-spacing: 0.15em; }
		
		/* Marge de 10 pixels autour des images dans le texte */
		#contenu div.contenant img { margin: 10px; }

		/* Classe pour les lettres en exposant */
		#contenu div.contenant .sup { font-size:0.8em; position:relative; top:-0.3em; left:0; /*/*/ line-height:0; /* */ }
		
		/* Boite de liens flottante */
		#plus { float: right; width: 22%; margin: 0px 1px 5px 15px; }
		#plus #titre { width: 100%; background: url(../images/fd-titre-flotte.jpg) top left repeat-x; text-align: center; }
		#plus #titre p { margin: 0px!important; padding: 10px 0px 10px 0px; text-transform: uppercase; color: #515358; font-weight: bold; font-size: 1.1em; }
		#plus div.contenu { margin-top: 4px; background: url(../images/fd-contenu-flotte.jpg) top left repeat-x; } 
		#plus div.contenu ul { list-style-type: disc; margin: -2px 0px 5px 25px; }
		#plus div.contenu ul li { padding: 4px 5px 0px 5px; margin: 0px; }
		#plus div.contenu ul li p { font-size: 1em; margin: 0px!important; }
		#plus div.contenu ul li p a { color: #515358!important; text-decoration: none!important; }
		#plus div.contenu ul li p a:hover { text-decoration: underline!important; }
		#plus div.contenu ul li p a:visited { text-decoration: none; }	
		
	/* Styles des titres */		
	h1 { font-size: 2.4em; color: #4b4b4b; margin-bottom: 15px; }
	h2 { font-size: 1.4em; color: #c40000; } 
	h3 { font-size: 1.4em; color: #afafaf; }
	h3.accueil { font-size: 1.4em; color: #afafaf; margin-top: 15px; }	
	h4 { font-size: 1.3em; margin-top: 15px; margin-bottom: 5px; }

	/* Bas de page, par 3 colonnes par défaut */
	#basdepage { width: 100%; overflow: hidden; background:url(../images/img-fd-bas.gif) bottom left repeat-x; background-color: #c2e9f8; }
		
		/* Section comportant le titre du bas de page (nom de la section en cours */
		#basdepage div.section-titre { float: left; margin: 20px 0px 20px 0px; width: 31%; min-height: 75px; font-size: 1.4em; text-align: right; }
		* html #basdepage div.section-titre { height: 75px; }
		#basdepage div.section-titre p { font-size: 1.2em; margin-right: 15px; font-weight: bold;}

		/* Stylisation de chaque instance de colonne */
		#basdepage div.section { float: left; width: 18%; margin: 20px 0px 20px 0px; min-height: 75px; border-right: 1px solid #fff; }
		* html #basdepage div.section { height: 75px; }
		#basdepage .premier { border-left: 1px solid #fff; }
		#basdepage div.section p { margin: 0px 15px 10px 15px; font-weight: bold;font-size: 1.2em;   }

		/* Stylisation de chaque instance de colonne, si sur 2 colonnes */
		#basdepage div.section2col { float: left; width: 30%; margin: 20px 0px 20px 0px; min-height: 75px; border-right: 1px solid #fff; text-align: left; }
		* html #basdepage div.section2col { height: 75px; }
		#basdepage div.section2col p { margin: 0px 15px 10px 15px; font-weight: bold; font-size: 1.2em; }

		/* Liens spécifiques au bas de page */
		#basdepage p a { text-decoration: none; }
		#basdepage p a:hover { text-decoration: underline; }
		#basdepage p a:visited { color: #008EBB!important; }
		#basdepage p.actif { color: #666; }

	
	/* Bas de page spécifique à l'accueil */
	#basdepage-accueil { width: 100%; overflow: hidden; background:url(../images/img-fd-bas.gif) bottom left repeat-x; background-color: #c2e9f8; }
		#basdepage-accueil div.section-titre { float: left; margin: 20px 0px 20px 0px; width: 31%; min-height: 75px; font-size: 1.4em; text-align: right; font-weight: bold; }
		* html #basdepage-accueil div.section-titre { height: 75px; }
		#basdepage-accueil div.section { float: left; margin: 20px 0px 20px 0px; min-height: 75px; text-align: left; }
		* html #basdepage-accueil div.section { height: 75px; }
		
		#basdepage-accueil p { font-size: 1em; }
		#basdepage-accueil p.offert { color: #00aade } 
		#basdepage-accueil span.region { font-size: 1.2em; font-weight: bold; color: #8D161A; } 
		#basdepage-accueil span.tel { font-size: 1.2em; font-weight: bold; color: #515358; }
		
		#basdepage-accueil p a { text-decoration: none; }
		#basdepage-accueil p a:hover { text-decoration: underline; }

	/* Pied de page, avec liens légaux etc... */
	#pieddepage { width: 100%; overflow: hidden; text-align: center; min-height: 45px; background: url(../images/img-fd-pied.gif) top left repeat-x; background-color: #E0E1E3;}
	* html #pieddepage { height: 45px; }
		#pieddepage img { float: left; margin: 11px 20px; }
		#pieddepage p { float: right; margin: 15px 25px 15px 15px; font-size: 1em; font-weight: bold; }
		#pieddepage a { text-decoration: none; }
		#pieddepage a:visited { color: #00aef7!important; }

	/* Ombre portée au bas du site */
	#ombre-bas { height: 8px; line-height: 0px; width: 100%; margin: 0px auto; max-width: 960px; min-width: 765px; background: url(../images/ombre-bas.gif) top left repeat-x; background-color: #00aade; overflow: hidden; }

/******** Classes d'ordre général *********/
.flotte-altern { float: right; } /* Pour éléments flottants */
.clear { clear: both; height: 0px; line-height: 0px; } /* Pour étirer le conteneur de certaines boites flottantes */
.clear-altern { clear: right; height: 0px; line-height: 0px; }

/* Liens par défaut */
a:link { color: #00aef7; text-decoration: underline; }
a:hover { color: #666666!important; }
a:visited { color: #FF6666; }

/* Pour débuggage */
.debug { border: 1px solid #ff0000; }

/* FAQ cachée...*/
.hidden { display: none; }