body		{margin: 0 auto 10px auto; color: #333; font: 12px Arial ,Verdana; background: #fff;width:1000px }
img			{border-style: none; }
a			{text-decoration: underline;}
a:hover		{text-decoration: none;}
.clear		{clear:both;}
#all		{border: 1px solid #666666;margin:0 auto;}

/******** BANDEAU ********/
#top			{height:176px;background: #000 url(/_itn/img/top-bg.gif) top left no-repeat}
#top #logo		{float:left;padding:55px 0 0 78px;text-indent:-3000px}
#top #logo div	{width:354px;height:59px;background: #000 url(/_itn/img/snmi.gif) top left no-repeat;}
#top #mortiers	{float:right;padding:12px 72px 0 0}
#nav			{height:030px;background: #000 url(/_itn/img/nav-bg.gif) top left no-repeat;text-align:center}
#temoin			{height:70px;background: #b1b3b4}
#temoinFD		{height:70px;background: #b1b3b4 url(/_itn/img/temoin-fond.gif) top right no-repeat;}
#nav div		{padding: 6px 0 0 0 }
#nav a			{color: #fff;margin: 8px 70px 0 70px; text-decoration: none;}
#nav a:hover	{color: #FF9900;text-decoration: none;}
#nav a.selected {color: #FF9900;text-decoration: none;}

/******** SNAV ********/
h1 					{font: bold 30px Arial;color: #FFF;margin:0;padding:3px 0 0 32px}
#menu			{float:left}
#menu ul		{height: 1%; overflow: hidden; margin: 6px 0 0 60px; padding: 0; list-style: none; font-size: 12px; font-weight: bold; }
#menu ul li		{float: left; margin: 0 36px 0 0 ; display: inline; }
#menu ul a		{display: block; color: #fff; padding-bottom: 1px; text-decoration: none;}
#menu ul a.on	{color: #1a171b; padding-bottom: 0; text-decoration: none; }
#menu ul a:hover{color: #1a171b; padding-bottom: 0; text-decoration: none; }

#profession	{float:left;width:750px;margin:0 0 0 30px;font: bold 30px Arial;color:#b1b3b4;font-style: italic;}

#print		{float:right;width:80px;}

/******** TEXTE ********/
.titre			{font: bold 16px Arial;}
.Txt15			{font: bold 15px Arial;}
.Txt30			{font: bold 30px Arial;}

ul.liste		{ margin: 10px 0 0 0; padding: 0; list-style-type: none; }
ul.liste li		{ padding: 0 0 0 12px; background: url(/_itn/img/li.gif) 0 10px no-repeat ; }

.membreImg		{margin: 5px 0 5px 0}
.membre a 		{font: bold 15px Arial;color:#84817c}
.membre a:hover {font: bold 15px Arial;color:#cccccc}


/******** CADRE ********/
#data				{width:998px;padding:20px 0 20px 0;line-height: 1.6em;}

.cadreFD			{width:848px;background: url(/_itn/img/cadre-logos-fd.gif) top left repeat-y;border-top: 1px solid #bababb;}
.cadreBot			{width:848px;background: url(/_itn/img/cadre-logos-bot.gif) bottom left no-repeat;}
.cadreBot .Pad		{padding:15px 20px 15px 20px}
.cadreBot .Pad img	{float:right;padding:0 0 10px 20px}

.cadrelogos4		{float:left;padding:12px 20px 12px 40px;}


/******** FABRICANTS MORTIERS ********/
#fabricant		{float:left;width:848px;margin:0 0 0 60px}
.cadrelogos		{float:left;padding:12px;}
.ImgRight		{float:right;padding:0 0 10px 20px}


/******** ADHERENTS ********/
#adherent		{float:left;padding:10px 0 0 30px}
#adherent 		{line-height: 1;}

#adherent 	a	{color:#000}
#fabricant	a	{text-decoration:none}


#reunion a			{color:#000}	
#salon a			{color:#000}
#ongletLettre a		{color:#000}
#ongletStat a		{color:#000}
#ongletRecomm a		{color:#000}
#ongletAdherent a	{color:#000}
#ongletMembre a		{color:#000}
#ongletDelegue a	{color:#000}

#calendrier				{float:left;width:200px;margin:0 22px 0 0;display:block}
#calendrier .onglet		{font: bold 14px Arial;background: url(/_itn/img/fd-gris.gif) top right no-repeat;height:26px;padding:4px 0 0 10px;margin:0 0 2px 0}
#calendrier .cadre		{background: url(/_itn/img/fd-gris-mid.gif) top left repeat-y;width:181px;display:block;border-top: 1px solid #c5c6c7}
#calendrier .cadreBot	{background: url(/_itn/img/fd-gris-bot.gif) bottom left no-repeat;width:181px;display:block}

#reunion			{float:left;width:356px;margin:0 22px 0 0;display:block}
#reunion .onglet	{font: bold 14px Arial;background: url(/_itn/img/fd-bleu.gif) top right no-repeat;height:26px;padding:4px 0 0 10px;}
#reunion .cadre		{background: url(/_itn/img/fd-bleu-mid.gif) top left repeat-y;width:336px;display:block;}
#reunion .cadreBot	{background: url(/_itn/img/fd-bleu-bot.gif) bottom left no-repeat;width:336px;display:block}
#reunion .cadreBot .date 	{float:left;padding:10px 0 0 0;width:70px;text-align:right;display:block;}
#reunion .cadreBot .Content	{float:left; width:250px;padding:10px 0 10px 0;margin:0 0 0 14px ;display:block}
#reunion .cadreBot .Txt 	{padding:0 0 0 10px;}

#salon				{float:left;width:356px;display:block}
#salon .onglet		{font: bold 14px Arial;background: url(/_itn/img/fd-vert.gif) top right no-repeat;height:26px;padding:4px 0 0 10px;margin:0 0 2px 0}
#salon .cadre		{background: url(/_itn/img/fd-vert-mid.gif) top left repeat-y;width:336px;display:block;}
#salon .cadreBot	{background: url(/_itn/img/fd-vert-bot.gif) bottom left no-repeat;width:336px;display:block}
#salon .cadreBot .Pad	{padding: 10px 10px 0 10px}
#salon .cadreBot .date	{padding: 0 0 10px 0}
#salon .cadreBot .Txt	{padding: 0 0 10px 10px}

.cadreBot p			{padding:8px 0 14px 10px;margin:0;color: #808080}
.cadreBot p a		{ text-decoration: none; color: #808080!important; font-weight:bold}
.cadreBot p a:hover	{ text-decoration: underline; }
.cadreBot .date		{ color: #FFF; font-weight:bold }
.cadreBot .chapo 	{font: bold 14px Arial;color: #000;padding:0 0 2px 0}


#ongletAdherent			{float:left;width:292px;display:block;}
#ongletAdherent .onglet	{font: bold 14px Arial;background:#ed8008 url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:9px 0 0 10px;}
#ongletAdherent .cadre	{background:#f9d2b2 url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:252px;display:block;margin:4px 0 0 0}
#ongletAdherent .cadre p{margin:0;padding:10px;}

#ongletMembre			{float:left;width:292px;display:block;margin:0 0 0 20px;}
#ongletMembre .onglet	{font: bold 14px Arial;background:#599acb url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:9px 0 0 10px;}
#ongletMembre .cadre	{background:#ccdae6 url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:252px;display:block;margin:4px 0 0 0}
#ongletMembre .cadre p	{margin:0;padding:10px;}

#ongletDelegue			{float:left;width:292px;display:block;margin:0 0 0 20px;}
#ongletDelegue .onglet	{font: bold 14px Arial;background:#77ae20 url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:4px 0 4px 10px;}
#ongletDelegue .cadre	{background:#e2e8cd url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:252px;display:block;margin:4px 0 0 0}
#ongletDelegue .cadre p	{margin:0;padding:10px;}


#ongletCommission			{float:left;width:438px;display:block;margin:0 0 0 20px;}
#ongletCommission .onglet	{font: bold 14px Arial;background:#77ae20 url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:4px 0 4px 10px;}
#ongletCommission .cadre	{width:414px;display:block;margin:4px 0 0 0}
#ongletCommission .cadre p	{margin:0;padding:10px;}
#ongletCommission .chapo	{color:#77ae20;padding:0 0 0 10px;font-weight:bold}
#ongletCommission .on		{font: bold 18px Arial;text-decoration:underline}
#ongletCommission .snav a	{color:#77ae20;padding:0 0 0 20px;font-weight:bold;text-decoration:none}
#ongletCommission .snav a:hover	{color:#77ae20;padding:0 0 0 20px;font-weight:bold;text-decoration:underline}
#ongletCommission .Bot		{background:#dce4c3 url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:414px;display:block;margin:1px 0 0 0;height:20px}
#ongletCommission a			{color:#000}



#ongletGroupe			{float:left;width:438px;display:block;margin:0 0 0 20px;}
#ongletGroupe .onglet	{font: bold 14px Arial;background:#d8b111 url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:4px 0 4px 10px;}
#ongletGroupe .cadre	{width:414px;display:block;margin:4px 0 0 0}
#ongletGroupe .cadre p	{margin:0;padding:10px;}
#ongletGroupe .chapo	{color:#d8b111;padding:0 0 0 14px;font-weight:bold}
#ongletGroupe .on			{font: bold 18px Arial;text-decoration:underline}
#ongletGroupe .snav a		{color:#d8b111;padding:0 0 0 20px;font-weight:bold;text-decoration:none}
#ongletGroupe .snav a:hover	{color:#d8b111;padding:0 0 0 20px;font-weight:bold;text-decoration:underline}
#ongletGroupe .Bot		{background:#f4edcb url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:414px;display:block;margin:1px 0 0 0;height:20px}
#ongletGroupe a			{color:#000}


#ongletLettre			{float:left;width:292px;display:block;}
#ongletLettre .onglet	{font: bold 14px Arial;background:#caa412 url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:4px 0 4px 10px;}
#ongletLettre .cadre	{background:#efe9bf url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:270px;display:block;margin:4px 0 0 0}
#ongletLettre .cadre p	{margin:0;padding:10px;}



#ongletStat				{float:left;width:292px;display:block;margin:0 0 0 20px;}
#ongletStat .onglet		{font: bold 14px Arial;background:#599acb url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:4px 0 4px 10px;}
#ongletStat .cadre		{background:#ccdae6 url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:270px;display:block;margin:4px 0 0 0}
#ongletStat .cadre p	{margin:0;padding:10px;}

#ongletRecomm			{float:left;width:292px;display:block;margin:0 0 0 20px;}
#ongletRecomm .onglet	{font: bold 14px Arial;background:#ed8008 url(/_itn/img/adherent-onglet-fd.gif) top right no-repeat;padding:4px 0 4px 10px;}
#ongletRecomm .cadre	{background:#f4c8a3 url(/_itn/img/adherent-data-bot.gif) bottom right no-repeat;width:270px;display:block;margin:4px 0 0 0}
#ongletRecomm .cadre p	{margin:0;padding:10px;}



.pdf		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/pdf.gif);background-repeat : no-repeat;height:16px;line-height:16px;}
.doc		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/doc.gif);background-repeat : no-repeat;height:16px;line-height:16px;}
.xls		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/xls.gif);background-repeat : no-repeat;height:16px;line-height:16px;}
.ppt		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/ppt.gif);background-repeat : no-repeat;height:16px;line-height:16px;}
.zip		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/zip.gif);background-repeat : no-repeat;height:16px;line-height:16px;}
.jpg		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/jpg.gif);background-repeat : no-repeat;height:16px;line-height:16px;}
.vide		{ padding:2px 2px 4px 20px;background-image : url(/_itn/_icones/vide.gif);background-repeat : no-repeat;height:16px;line-height:16px;}

.archive	{ padding:0 0 0 40px;}


/******** CONTACT ********/
#Contact			{float:left;padding:0 0 0 60px;}
.contact			{font-size:14px; line-height:20px;}
#contact-left		{float:left; width:400px; height:480px; background:url(/_itn/img/contact-people.jpg) bottom no-repeat;}
#contact-left .pad	{padding:0 53px 0 0;}
#contact-right		{float:left; width:520px;}
#formulaire			{width:521px; height:443px; background:url(/_itn/img/bg-contact.gif) no-repeat; }
#formulaire .pad	{padding:22px 55px 0 28px;}
#formulaire .pad table tr td {height:30px;}
.nous-contacter		{color:#868789; font-weight:bold; font-size:15px;}
.red			{color:#E2001A; font-weight:bold; font-size:15px;}
a.redd			{color:#000;text-decoration:none}
a.redd:hover	{color:#000;text-decoration:underline}


/******** FOOTER ********/
#footer						{ border-top: 1px solid #666666;padding:3px 0 6px 0}
#footer ul					{ height: 1%; overflow: hidden; margin: 0; padding: 0; list-style: none; text-align: center;}
#footer ul li				{ display: inline; background: url(/_itn/img/footer-split.gif) no-repeat left; padding: 0 40px 0 40px; vertical-align: middle; }
#footer ul li:first-child	{ background: none; }
#footer ul a				{ color: #000; vertical-align: middle; text-decoration: none;}
#footer ul a:hover			{ text-decoration:underline ;text-decoration: underline;}
#footer ul img				{ vertical-align: middle; }