/* CSS Document */
body, ul, li, p, h1, h2, h3, h4, a { margin: 0; padding: 0; text-decoration: none; list-style-type: none;}
body	{ background: url(../Images/fond.jpg) repeat-x top left #0e568f; margin: 0; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.5em; }
a		{ font-weight:bold; color: #074684; font-size:0.9em; }
a:hover { color: #4690c2;}
a img	{ border: 0;}
p		{ margin-bottom: 1.4em;}

#interface { width: 740px; margin: 0 auto; text-align: justify; }
#pageaccueil #interface { text-align: left; }

/* ENTETES */
#entete { height: 186px; margin-top: 8px; border: 2px solid #fff; }
#pageaccueil #entete		{ background: url(../images/ent_accueil.jpg); }
#pagesolam #entete			{ background: url(../images/ent_solam.jpg); }
#pageentrepreneur #entete	{ background: url(../images/ent_entrepreneur.jpg); }
#pagegerance #entete 		{ background: url(../images/ent_gerance.jpg); }
#pageebenisterie #entete	{ background: url(../images/ent_ebenisterie.jpg); }
#pagecoordonnees #entete 	{ background: url(../images/ent_coordonnees.jpg); }


/* NAVIGATION PRINCIPALE */
#navigation { height: 114px; background: url(../images/Logo.png) no-repeat top left #fff; border: 2px solid #fff; border-top: 0; }

#navig_sections		{ float: right; clear: right; width: 507px; }
#sections			{ height: 57px; background: url(../images/navigation.png); position: relative; }
#sections li		{ position: absolute; top: 0; }	
#sections li a		{ text-indent: -9999px; overflow: hidden; }
#navig_sections li, #sections a	{ height: 57px; display: block; }

#realisations	{ left: 0; width: 114px; }
#solam			{ left: 114px; width: 71px; }
#entrepreneur	{ left: 185px; width: 121px; }
#gerance		{ left: 306px; width: 98px; }
#ebenisterie	{ left: 404px; width: 103px; }

#realisations a:hover	{ background: transparent url(../images/navigation.png) 0 -57px; }
#solam a:hover			{ background: transparent url(../images/navigation.png) -114px -57px; }
#entrepreneur a:hover	{ background: transparent url(../images/navigation.png) -185px -57px; }
#gerance a:hover		{ background: transparent url(../images/navigation.png) -306px -57px; }
#ebenisterie a:hover	{ background: transparent url(../images/navigation.png) -404px -57px; }

#pagerealisations #realisations	{ background: url(../images/navigation.png) 0 -57px; }
#pagesolam #solam				{ background: url(../images/navigation.png) -114px -57px; }
#pageentrepreneur #entrepreneur { background: url(../images/navigation.png) -185px -57px; }
#pagegerance #gerance			{ background: url(../images/navigation.png) -306px -57px; }
#pageebenisterie #ebenisterie	{ background: url(../images/navigation.png) -404px -57px; }
#pageaccueil #accueil			{ background: url(../images/navigation_sec.png) 0 -57px; }
#pagecoordonnees #coordonnees	{ background: url(../images/navigation_sec.png) -70px -57px; }


/* NAVIGATION SECONDAIRE */
#navig_secondaire	{ float: right; width: 171px; }
#secondaire			{ height: 57px; background: url(../images/navigation_sec.png); position: relative; }
#secondaire li		{ position: absolute; top: 0; }	
#secondaire li a	{ text-indent: -9999px; overflow: hidden; }
#navig_secondaire li, #secondaire a { height: 57px; display: block; }
	
#accueil		{ left: 0; width: 70px; }
#coordonnees	{ left: 70px; width: 103px; }

#accueil a:hover	{ background: url(../images/navigation_sec.png) 0 -57px; }
#coordonnees a:hover{ background: url(../images/navigation_sec.png) -70px -57px; }


/* CONTENU */
#contenu	{ background: #fff; margin-top: 8px; border: 2px solid #fff; height: 800px; }
#textes		{ float: right; width: 482px; padding: 12px; }


/* TITRES */
h1, h2, hr { display: none; }
h3 { margin-bottom: 0.6em; }
#titre { float: left; height: 269px; width: 229px; }
#pagerealisations #titre	{ background: url(../images/ti_realisations.png); }
#pagesolam #titre			{ background: url(../images/ti_solam.png); }
#pageentrepreneur #titre	{ background: url(../images/ti_entrepreneur.png); }
#pagegerance #titre			{ background: url(../images/ti_gerance.png); }
#pageebenisterie #titre		{ background: url(../images/ti_ebenisterie.png); }
#pagecoordonnees #titre		{ background: url(../images/ti_coordonnees.png) top left no-repeat; height: 89px; border-bottom: 2px solid #fff;}
#titre span { float: left; width: 229px; height: 21em; background: url(../images/ti_degrade.png) no-repeat bottom left;}

/* ACCUEIL */
#colonne_droite, #colonne_gauche, #colonne_centre { float: left; width: 244px; padding: 60px 0; }
#colonne_droite		{ float: right; background: url(../images/acc_realisations.png) no-repeat top left; }
#colonne_gauche		{ background: url(../images/acc_solam.png) no-repeat top left; }
#colonne_centre		{ background: url(../images/acc_services.png) no-repeat top left; margin-left: 2px; }
#colonne_droite img { margin-left: 10px; }
#colonne_droite p, #colonne_gauche p, #colonne_centre p { margin: 0 10px 15px 10px;}
#colonne_droite a, #colonne_gauche a, #colonne_centre a { text-transform: uppercase; font-weight: bold; font-size: 0.9em; }

/* COORDONNEES*/ 
#pagecoordonnees p		{ float: left; width: 215px; padding: 6px 2px 6px 12px; font-size: 0.9em; line-height: 1.4em; background: #f1f1f1; border-bottom: 2px solid #fff; }
#pagecoordonnees span	{ font-size: 1.4em; font-weight: bold; }
#adresse	{ float: left; width: 229px; height: 13.2em; background: url(../images/ti_degrade.png) no-repeat bottom left;  }
#adresse a	{ font-size: 1em; }
#pagecoordonnees #textes   { width: 505px; padding: 0 0 0 1px; }
#pagecoordonnees #textes a { display: block; background: #e1e1e1; margin-bottom: 2px; }

/* RÉALISATIONS */
#navigfolio		{ float: left; background: url(../images/ti_degrade.png) bottom left no-repeat; padding-bottom: 55px; }
#navigfolio ul	{ margin-top: 61px; }
#navigfolio a	{ width: 216px; display: block;  background: #0E568F; color: #fff; padding: 12px 0 12px 13px; border-bottom: 2px solid #fff; }
#navigfolio a:hover, #navigfolio li.select a { background: #4690C2; }


/* TABLEAU */
th { padding: 3px 10px; background: #4690c2; color: #fff; font-weight: bold; font-size: 1.1em; }
td { width: 234px; padding: 3px 10px; background: #dbdbdb; }
.vide { background: none; }


/* AUTRES */
.flowfix { background: none !important; height: 1px !important; margin: 0 !important; padding:0 !important; display: block !important; overflow: hidden !important; clear: both !important; }