/*	           CSS Front	Ma	Cabane	               	*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background: url(../images/fond/f-bofy.gif) left top repeat-x;  }

h1 a 		{   width: 253px; height: 138px; display:block; text-indent: -999em; overflow: hidden; }
h2   		{ margin: 0 0 20px 0; padding: 3pt 0pt 0pt 10px; font: normal 18px "Trebuchet MS"; color: #898998; 
     		  background: url(../images/fond/f-h2.gif) left 3px no-repeat;  }
h3  		{ margin: 20pt 0pt 14px 0; font: bold 15px "Trebuchet MS"; color: #fd7419 }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #7D7A7A }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #7D7A7A }

p    		{ font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left ; color: #686566 }

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }
select   { font: normal 11px arial;  color: #686566  } 

ul li 				{ list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px; color: #686566 }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/p.gif) left 5px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
ul.floatListe    			{  overflow: auto;  } 
ul.floatListe li 			{ float: left; margin: 0 0 0 15px  } 
ul.floatListe li input  { position:relative; top: 3px; left: -4px;   } 

ul.floatPuced    { margin: 0 0 0 25px; overflow: auto;    } 
ul.floatPuced li { float: left; margin: 0 10px 0 0;   } 
 

ul.puced3 li 				{ list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px; color: #686566 }
ul.puced3 li 		      { list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 17px; background: url(../images/puce/p2.gif) left 3px no-repeat }
ul.puced3 li ul   		{ margin-top:0; padding: 0;   }
ul.puced3 li ul li		{ list-style: none; margin: 0 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/p.gif) left 5px no-repeat }

a img    { border: none; text-decoration: none }
a        { color: #969798; text-decoration: none; font: normal 11px arial }
a:hover  { color: #969798; text-decoration: underline }
a.lien2        { color: #969798; text-decoration: underline; font: normal 11px arial }
a.lien2:hover  { color: #969798; text-decoration: none }

abbr    { cursor: help;  } 

.format     { width: 533px; min-height: 340px; margin: 7px auto 0 auto; padding: 0 15px;  background: url(../images/fond/format2.gif) left top no-repeat;   } 
.format2    { width: 533px; min-height: 340px; margin: 7px auto 0 auto; padding: 0 15px;  background: #fff url(../images/fond/format2.gif) left top no-repeat;   } 

#purchase .format3 h3   { margin: 20pt 0pt 14px 20px; } 
.format3 p              { padding: 0 15px  } 

p.marges    { margin: 0 0 0 23px;   } 
strong      { color: #7d7a7a  } 
.adradr     {  position:relative; top: 0; left: 7px;   } 

a.popup-empruntis    { background-color: #fe8f45; border: 1px solid #d75a06; color: #ffffff; padding: 1px 4px ; font-weight: bold; margin: 0 10px 0 0px;  } 
a.popup-empruntis:hover    { background-color: #fe8f45; border: 1px solid #d75a06; color: #ffffff; padding: 1px 4px ; font-weight: bold; margin: 0 10px 0 0px;  } 

/* Options de tri */
/*
p.triOptions             { padding: 0 0 6px 20px; } 
p.triOptions  a          { background-color: #fe8f45; border: 1px solid #d75a06; color: #ffffff; padding: 1px 4px ; font-weight: bold; font: bold 11px arial; margin: 0 5px;   } 
p.triOptions  span       {  font-weight: bold;   } 
p.triOptions  strong     { color: #fd7114; font-weight: bold; padding: 0 7px 0 0; font: bold 13px arial;   } 
*/
p.triOptions             { padding: 0 0 6px 20px; } 
p.triOptions  a          { color: #949494; padding: 1px 4px; font: bold 13px arial; margin: 0 5px;   } 
p.triOptions  span       {  font-weight: bold; } 
p.triOptions  strong     { color: #fd7114; font-weight: bold; padding: 0 7px 0 0; font: bold 13px arial;   } 


/* Tabber colonne gauche Recherche */ 
div#searchTabs        {   } 
ul.tab-menu           { margin: 0; padding: 0;   } 

ul.tab-menu li        {  float: left;   margin: 0 0 5px 0;  } 

form.tab-container    { clear: both;   } 

.tab-wrapper     h3   {  font: bold 14px "Trebuchet MS"; color: #616161; margin: 0 0 1px 0;  padding: 8px 0 3px 0;   } 

a#achatButton    {   } 

ul.tab-menu li a { display: block; height: 23px; text-indent: -5000px; overflow: hidden } 

ul.tab-menu li.purchase a          { width: 36px; background: url(../images/menu/achat2.gif) left top no-repeat;   }
ul.tab-menu li.purchase a:hover    { width: 36px; background: url(../images/menu/achat2_on.gif) left top no-repeat;   } 
ul.tab-menu li.purchase-on  a           { width: 36px; background: url(../images/menu/achat2_on.gif) left top no-repeat;  } 

ul.tab-menu li.rent a              { width: 49px; background: url(../images/menu/location2.gif) left top no-repeat;   } 
ul.tab-menu li.rent  a:hover       { width: 49px; background: url(../images/menu/location2_on.gif) left top no-repeat;  } 
ul.tab-menu li.rent-on a              { width: 49px; background: url(../images/menu/location2_on.gif) left top no-repeat;  } 

ul.tab-menu li.exchange a          { width: 50px; background: url(../images/menu/echange2.gif) left top no-repeat;   } 
ul.tab-menu li.exchange a:hover    { width: 50px; background: url(../images/menu/echange2_on.gif) left top no-repeat;  } 
ul.tab-menu li.exchange-on  a          { width: 50px; background: url(../images/menu/echange2_on.gif) left top no-repeat;  } 

ul.tab-menu li.vacation a          { width: 50px; background: url(../images/menu/vacances2.gif) left top no-repeat;   } 
ul.tab-menu li.vacation a:hover    { width: 50px; background: url(../images/menu/vacances2_on.gif) left top no-repeat;  } 
ul.tab-menu li.vacation-on  a          { width: 50px; background: url(../images/menu/vacances2_on.gif) left top no-repeat;  } 

 
/*  */
#searching               {  width: 416px; padding: 7px 7px 4px 24px;  margin: 14px auto;  border: 1px solid #e0dfdf; background-color: #f7f7f7 } 
#searching label         { color: #686566 ; font-weight: bold; padding: 0 4px 0 0;   } 
#searching  input.ch     {  border: 1px solid #9e9a9b }
#searching  input.valid  { position:relative; top: 2px; left: 5px;  }


/* Paiement   */ 
form.paymentForm    { margin: 0 0 0 15px;   } 
form.paymentForm ul li { float: left; margin: 14px 0 0 10px  } 
form.paymentForm ul li input { position:relative; top: 3px; left: 0;  } 

/* Order confirm */
dl.adresseDL    {  margin: 10px 0 12px 15px;  padding: 0;   } 
dl.adresseDL dt {  margin: 0; padding: 0;  } 
dl.adresseDL dd {   margin: 0; padding: 0;  } 

/* 		Resultats de recherche     */

p.actuellement    {    } 
.aucun            { text-align: center; font-weight: bold;   } 

/* Tableaux  */

table.full   				 { width: 100%; margin: 0 0px;    } 
table.full  caption 		 {  text-align: left;  font: bold 15px "Trebuchet MS"; color: #fd7419 ; margin: 0 0 0 10px;   } 
table.full  thead 		 {  height: 22px;  background: url(../images/fond/f-thead.gif) left top repeat-x;  } 
table.full  thead th 	 {  text-align: center; color: #ffffff;  } 
table.full  td 			 {  padding: 3px 5px; color: #686566  } 


table.full tr.gray td    			{  background-color: #f7f7f7 } 
table.full tr.white td  			{  background-color: #fff } 

/* ////////////////////			Page Détail produit : annoucement							 */


/*         Messages flash           */
.flash		   { width: 70%; margin: 0 auto 14px auto; padding: 12px 15px 12px 55px;  font-size: bold; background-color: #fdfcfc; border: 1px solid #bababa }
.flash ul	   { margin: 0; padding: 0 }
.flash ul li	{ padding: 0 0 0 21px; line-height: 14px; font-weight: bold;  }


h3#detailTitle            {  color: #4d6c80; font: bold 15px "Trebuchet MS"; padding: 0 0 0 10px; margin: 0 0 10px 0;     } 

table.mainDetail          {   } 
table.mainDetail td.one   {   } 
table.mainDetail td.two   { padding: 0 0 0 18px;   } 


table.f-pict-big      {   } 
table#mainTable table.f-pict-big td   { width: 218px; height: 151px; background: url(../images/fond/f-pict-big.gif) left top no-repeat; text-align: center; vertical-align: middle  } 
table#mainTable table.f-pict-big td  img { position:relative; top: 0; left: 4px;  } 

p.reserver    { text-align :right; padding: 0 20px 0 0;   } 
p.city        { font: bold 13px "Trebuchet MS"; color: #f97217   } 
p.prix        { font: bold 13px "Trebuchet MS"; color: #f97217   } 


.tab-wrapper           {   } 

h5#purchase-toggler,
h5#rent-toggler,
h5#exchange-toggler,
h5#vacation-toggler    {  color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0; margin: 15px 0pt 10px 0; cursor: pointer } 

 h5#purchase-toggler{ text-decoration:underline;}

.littlePictBloc    { padding: 14px 10px 0 10px; margin: 0 0 10px 0;  border-top: 1px dotted #b5b4b4  } 

table.littlePict    { float: left; margin: 0 7px 10px 0;   } 
table#mainTable table.littlePict td { text-align: center; vertical-align: middle; width: 141px; height: 99px; background: url(../images/fond/f-table-actu2.gif) left top no-repeat;  } 


.contactPart          { padding: 0 10px; margin: 0 0 10px 0;  border-top: 1px dotted #b5b4b4  } 
.contactPart h3       { margin-top: 5px } 
.contactPart  strong  { display: block; float: left; width: 180px;   } 
 
/* ////////////////////			Page Purchase							 */

#purchase       { width: 555px; min-height: 340px; margin: 7px auto 0 auto; padding: 0 4px ;  background: url(../images/fond/format.gif) left top no-repeat;   } 
#purchase5      { width: 767px; min-height: 340px; margin: 7px 0 0 7px; padding: 0 ;  background: url(../images/fond/cadre.gif) left top no-repeat;   } 
#purchase2      { width: 555px; min-height: 340px; margin: 7px auto 0 auto; padding: 0 4px ;  background: url(../images/fond/format.gif) left top no-repeat;   } 
#purchase2 h3   { margin: 20px 0 15px 25px;  }


.editoTxt   { padding: 0 15px; margin: 0 0 12px 0; font-weight: bold }

#purchase5 table.mainRent               { width: 730px; margin: 0 auto; } 
#purchase5 table.mainRent  td.two       { width: 146px  } 
#purchase5 table tr td         			{ padding: 12px 0;  } 
#purchase5 table tr.gray td    			{  background-color: #f7f7f7 } 
#purchase5 table tr.white td  			   {  background-color: #fff } 

.nbAnnonces        { padding: 0 0 0 20px   } 
.nbAnnonces span   { font-weight: bold;   } 

#purchase          {   } 
#purchase  h3      { margin: 0; padding: 0;   } 

#purchase5 table td.decsTD               { padding: 12px 15px;  } 
#purchase5 table td.decsTD  h3           { font: bold 14px "Trebuchet MS"   } 
#purchase5 table td.decsTD  h3 span      { font: italic normal 11px "Trebuchet MS";  color: #686566; padding: 0 0 0 10px;    } 
#purchase5 table td.decsTD  p.type       {    } 
#purchase5 table td.decsTD  p.prix span  { font: bold 14px "Trebuchet MS" ; color: #fd7419     } 

						  #purchase5 table.visuTD     {  margin: 0 0 0 7px;  margin: 0 auto;  } 
table#mainTable    #purchase5 table.visuTD td   { text-align: center; vertical-align: middle; width: 141px; height: 99px; background: url(../images/fond/f-table-actu2.gif) left top no-repeat;   } 

#purchase5 table td.decsTD  p.detail            { text-align :right; padding: 0 15px 0 0;    } 

/*	////////////////////			Conteneurs generaux 					*/	

table#mainTable                { width: 983px; margin: 0 auto; text-align: left;   } 
table#mainTable                {   } 
table#mainTable  td#intro      { width: 983px; height: 0px; background: url(../images/fond/header4.jpg) left top no-repeat; position:relative; top: 0; left: 0;} 
table#mainTable  td            { vertical-align: top  } 
table#mainTable  td#colLeft    { width: 209px;  } 
table#mainTable  td#colCenter  { width: 571px; background-color: #fff;  }
table#mainTable  td#colRight   { width: 201px;   } 
div#testbaner    {  position:absolute; width: 728px; height: 90px;  margin: 5px 0px 0px 245px;}
table#mainTable #colRight2    { background-color: #fff;   }  
/*	//////			Colonne gauche					*/
 
table#mainTable  td#colLeft          { width: 209px; background: #fff left top repeat-y;  } 
table#mainTable  td#colLeft label    {  color: #7d7a7a  }   

div.recherchee-bot              { width: 209px; margin: 0 0 0 1px;  background: url(../images/fond/recherchee-bot.gif) left bottom no-repeat;  } 
div.recherchee-top              {  min-height: 220px;   padding: 17px 10px 10px 10px;  background: url(../images/fond/recherchee-top.gif) left top no-repeat;  } 
div.recherchee-top form         { width: 190px;    } 
div.recherchee-top p            { margin: 0 0 10px 0;  }  
div.recherchee-top label        { display: block; font: bold 13px arial }  
div.recherchee-top input.ch,input.ch     {  border: 1px solid #9e9a9b } 
div.recherchee-top input.ch2    { width: 181px;  border: 1px solid #9e9a9b } 
div.recherchee-top input.ch3    { width: 156px;  border: 1px solid #9e9a9b } 
div.recherchee-top select       { width: 184px;  border: 1px solid #9e9a9b } 
div.recherchee-top span.legend  { font: normal 10px arial; color: #7d7a7a   } 
div.recherchee-top p.valid      { text-align :right; padding: 0 15px 0 0;  } 

/*  */
div.conseil-bot                 { width: 209px; margin: 0 0 0 1px;  background: url(../images/fond/conseil-bot.gif) left bottom no-repeat;  } 
div.conseil-top                 { width: 209px; min-height: 147px;   padding: 34px 0 10px 0;  background: url(../images/fond/conseil-top.gif) left top no-repeat;  } 
div.conseil-top h3              { color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0; margin: 16px 0pt 9px 0 /*cursor: pointer */ }
div.conseil-top h4              { color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0 0 0 17px; margin: 8px 0pt 5px 0; cursor: pointer; background: url(../images/puce/p.gif) left 7px no-repeat;  }
div.conseil-top ul.mainUL       { padding: 0 15px;  }
div.conseil-top ul li           { margin: 0 0 6px 0; padding: 0;  }
div.conseil-top ul li ul li     { padding: 0 0 0 15px; background: url(../images/puce/p.gif) left 5px no-repeat;  }

/*  */
div.service-bot                 { width: 209px; margin: 0 0 0 1px;  background: url(../images/fond/service-bot.gif) left bottom no-repeat;  } 
div.region-top                 { width: 209px; min-height: 70px;   padding: 37px 0 10px 0;  background: url(../images/fond/recherche_region.gif) left top no-repeat;  } 
div.region-top h4              { color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0 0 0 17px; margin: 8px 0pt 5px 0; cursor: pointer; background: url(../images/puce/p.gif) left 7px no-repeat;  }
div.region-top h4 a   	        { color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0; margin: 15px 0pt 5px 0; cursor: pointer }

/*  */
div.service-bot                 { width: 209px; margin: 0 0 0 1px;  background: url(../images/fond/service-bot.gif) left bottom no-repeat;  } 
div.service-top                 { width: 209px; min-height: 70px;   padding: 37px 0 10px 0;  background: url(../images/fond/service-top.gif) left top no-repeat;  } 
div.service-top h4              { color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0 0 0 17px; margin: 8px 0pt 5px 0; cursor: pointer; background: url(../images/puce/p.gif) left 7px no-repeat;  }
div.service-top h4 a   	        { color: #7d7a7a; font: bold 15px "Trebuchet MS"; padding: 0; margin: 15px 0pt 5px 0; cursor: pointer }


div.service-top h4 a 		     { text-decoration: none }
div.service-top ul.mainUL       { padding: 0 15px;  }
div.service-top ul li           { margin: 0 0 6px 0; padding: 0;  }
div.service-top ul li ul li     { padding: 0 0 0 15px; background: url(../images/puce/p.gif) left 5px no-repeat;  }

div.recherchee-top h3.title, div.conseil-top h3.title, div.service-top h3.title    { position: absolute;top: 0; left: 0; text-indent: -5000px;   }  
 
.lbleftMin       { display: block; float: left; width: 45px;    }  
input.chShort    { width: 36px;  float: left; border: 1px solid #9e9a9b } 
span.padUP       { display: block;  padding: 0 0 0 12px;  overflow: auto;  zoom:1;    } 
span.padUP2      {  display: block; padding: 3px 0 0 0 } 
 

/*	//////			Colonne centrale 					*/

table.centralHomeTable           		{   } 
table.centralHomeTable td.one        { width: 289px;   } 
table.centralHomeTable h3          	{ position: absolute;top: 0; left: 0; text-indent: -5000px;  } 



/*  */
table.centralHomeTable                   div.f-new  			  {  width: 279px; min-height: 373px;  padding: 37px 0 0 0; margin: 0 auto;   background: url(../images/fond/f-new.gif) left top no-repeat; border-bottom: 1px solid #fd7b25  } 

													  div.f-new table      { float: right; margin: 0 0 0 7px; display: inline;  } 
table#mainTable  table.centralHomeTable  div.f-new table td   { text-align: center; vertical-align: middle; width: 141px; height: 99px; background: url(../images/fond/f-table-actu2.gif) left top no-repeat;   } 
                 table.centralHomeTable  div.f-new h3         { display: block; margin: 0; padding: 0;   color: #7d7a7a; font-weight: bold; position: static; text-indent: 0; font: bold 11px arial;  } 
					  table.centralHomeTable  div.f-new h3.h3New   {  position: absolute;top: 0; left: 0; text-indent: -5000px;   } 
	                                      div.f-new p          { display: inline; color: #7d7a7a  } 					  

				                         	  .oneNewBloc          { clear: both; overflow: auto;  background-color: #f7f7f7; margin: 0 5px 5px 5px; padding: 2px 2px 2px 7px    } 
													  .oneNewBloc p.lire   { display: block;  padding: 10px 0 0 35px;   } 
/*  */
table.centralHomeTable  div.f-souhait    				   { width: 279px; padding: 37px 0 10px 0;  background: url(../images/fond/f-souhait.gif) left top no-repeat; border-bottom: 1px solid #fd7b25  } 
table.centralHomeTable  div.f-souhait ul  			   { margin: 0 0 0 14px; padding: 0;  } 
table.centralHomeTable  div.f-souhait ul li 				{ margin: 0; padding: 0;   } 
table.centralHomeTable  div.f-souhait ul li a.deposer {   } 
table.centralHomeTable  div.f-souhait ul li .consulter{   } 

/* Actu */
table.centralHomeTable  div.f-actuBloc              { width: 279px; min-height: 150px;  padding: 49px 0 0 0; margin: 5px 0 0 0px;  background: url(../images/fond/f-actuBloc.gif) left top no-repeat;  border-bottom: 1px solid #fd7b25  } 
table.centralHomeTable  div.f-actuBloc   p.aucun    { text-align: center; margin: 70px 0 0 0;  } 

.oneActu        {  margin: 0 5px; padding: 0 2px 7px 7px; height: 201px } 
.oneActu p       { display: inline;  color: #7d7a7a } 
.oneActu p.lire  { display: block;  padding: 10px 7px 0 0; text-align :right;     } 

.oneActu div.actu { height: 62px;  background-color: #f7f7f7; padding: 1px 5px 1px 5px; margin: 0; border-bottom: 5px solid #fff; }

table#mainTable .oneActu  table    { float: right; margin: 0 0 0 7px; display: inline;  } 
table#mainTable .oneActu  table td { text-align: center; vertical-align: middle; width: 141px; height: 99px; background: url(../images/fond/f-table-actu2.gif) left top no-repeat;   } 

#actu p.date    { float: right;  position:relative; top: 7px; left: -10px; } 
#actu h3 span.date    { font: normal 11px arial; padding: 0 0 0 20px;  } 
p.retourL       { padding: 10px 0 0 15px;   } 



/*  */
div.pubFooter                             {  height: 82px; margin: 5px 0 0 5px;  } 
table#mainTable div.pubFooter table       { width: 100%;   height: 82px; }  
table#mainTable div.pubFooter table td    {  text-align: center; vertical-align: middle ; }  
table#mainTable div.pubFooter table td  p {  text-align: center;  border-top: 1px solid #fff;  border-bottom: 1px solid #fff; }  
 

/*	//////			Colonne Droite 					*/

table#mainTable  td#colRight     { background: #fff right top repeat-y   } 

table#mainTable  td#colRight .perso-bot    { width: 201px;    background: url(../images/fond/f-perso-bot.gif) left bottom no-repeat;   } 
table#mainTable  td#colRight .perso    { width: 197px; min-height: 132px; padding: 45px 0 10px 3px;  background: url(../images/fond/f-perso.gif) left top no-repeat;   } 
table#mainTable  td#colRight .perso  p  {    margin: 0 0 4px 15px;  } 

div#menu-login    					 {  }
div#menu-login form					 { width: 183px;  }
div#menu-login h3     				 { position: absolute;top: 0; left: 0; text-indent: -5000px;  }
div#menu-login p    				    { margin: 0 0 10px 0;  }
div#menu-login label       		 { margin: 0; padding: 0 7px 0 0;  }
div#menu-login p.validForm        { text-align :right;    }
div#menu-login p.linkx            { font: normal 10px arial;    } 
div#menu-login p.linkx  a         { font: normal 10px arial; color: #969798; text-decoration: underline;    } 
div#menu-login input.ch 			 {  height: 17px;  border:1px solid #9E9A9B ; color: #7d7a7a; cursor: help}

input#m_email        { width: 125px;  } 
input#m_password     {  width: 84px;  } 


/*      Loginregister       */

#loginForm                 { position:relative; top: 0; left: 0;   } 
#loginForm label.lbleft    { width: 110px;  } 
#loginForm .centerValid    { position: absolute; top: 8px; left: 270px;  } 

#loginForm2                 { position:relative; top: 0; left: 0;   } 
#loginForm2 label.lbleft    { width: 110px;  } 
#loginForm2 .centerValid    { position: absolute; top: 40px; left: 270px;  } 
 

/*  */
div#menu-logged 						 { }
div#menu-logged ul    				 { margin: 0 0 0 15px; }
div#menu-logged ul li 				 { margin: 0 0 4px 0; list-style: none; padding: 0 0 0 16px; background: url(../images/puce/p.gif) left 6px no-repeat  }

div#menu-logged p.lien2 			 { }
div#menu-logged p#bonjour 			 { }
div#menu-logged a.deconnect 		 { }

.blocPub2Cont                     {  width: 201px; height: 165px; background-color:#FFFFFF;   } 
table.blocPub2                    {   } 
table#mainTable table.blocPub2 td { width: 201px; height: 165px; text-align: center; vertical-align: middle  } 

.blocPub3Cont                     {  width: 209px; height: 620px; background-color:#FFFFFF;   } 
table.blocPub3                    {   } 
table#mainTable table.blocPub3 td { width: 209px; height: 620px; text-align: center; vertical-align: middle  } 

#f-contact                       { width: 202px; height: 139px; background: url(../images/fond/f-contact.gif) left top no-repeat;   } 
#f-contact  ul#contactListe      { width: 170px;  margin: 0; padding: 62px 0 0 20px   } 
#f-contact  ul#contactListe li   { width: 170px;  margin: 0; padding: 0;  line-height: 7px } 
#f-contact  ul#contactListe li a {   }

div.bl4-bot  {  background: url(../images/fond/bl4-bot.gif) left bottom no-repeat;  } 
div.bl4-top  {  padding: 22px 0 14px 0;  background: url(../images/fond/bl4-top.gif) left top no-repeat;  } 
div.bl4-top  { text-align: center;  } 

#nletter  div.bl4-top    {    padding: 15px 0 14px 0;   }


div.bl6-bot  { width: 209px; margin: 3px 0 0 0px;  background: url(../images/fond/bl6-bot.gif) left bottom no-repeat; position:relative; top: 0px; left: 1px;  } 
div.bl6-top  { padding: 22px 0 14px 0;  background: url(../images/fond/bl6-top.gif) left top no-repeat;  } 
div.bl6-top a{ padding: 0 0 7px 0px; display: block; } 
div.bl6-top  { text-align: center;  } 

#logosPart     { text-align: center;   } 
 #logosPart a  {  padding: 0 0 7px 0px; display: block;  } 
 
 
/*	////////////////////			Footer								   */
#outro 				 { height: 27px; clear: both }
#outro p 			 { color: #7a7a7a; text-align: left; padding: 12px 0 0 0 }
#outro p a 			 { color: #7a7a7a; text-decoration: none }
#outro p a:hover   { text-decoration: underline }

/*	////////////////////			Formulaires 						  */
form.formatform                  { width: 450px;  margin: 30px auto 15px auto; padding: 0 15px 15px 15px;   } 
form.formatform p                  {  margin: 0 0 5px 15px;  } 
form.formatform  label.lbleft    { float: left; width: 160px; font: bold 13px arial; color: #7d7a7a  } 
form.formatform  input           { border: 1px solid #7cc8db;  border:1px solid #d4d4d4; color:#7D7A7A;  }
form.formatform  textarea        { border: 1px solid #7cc8db;  border:1px solid #d4d4d4; color:#7D7A7A;  }
form.formatform  select          { border: 1px solid #7cc8db;  } 
                 p.centerbut     { margin: 25px 0 10px 0; clear: both; text-align:center; } 
					  
					  
					  
/* ////////////    Register    */					  
form#register                    { width: 450px;  margin: 10px auto 15px auto; padding: 0 15px 15px 15px;  } 
form#register p                  {  margin: 0 0 5px 15px;  } 
form#register  label.lbleft      { float: left; width: 190px; font: bold 12px arial; color: #7d7a7a  } 
form#register  input.text        { width: 209px; height:17px; border:1px solid #d4d4d4; color:#7D7A7A; }
form#register  select            { width: 214px;  }
form#register  select            { border: 1px solid #7cc8db;  } 
                 p.centerbut     { margin: 0 0 10px 0;  padding: 25px 0 0 0;  clear: both; text-align:center;  } 

#nLetterForm   p.centerbut     { margin: 0 0 10px 0;  padding: 5px 0 0 0;  clear: both; text-align:center;  } 
/*  */					  
table.tableRegister              {   margin: 0 auto;   }

table.tableRegister  td.one   p,
table.tableRegister  td.two   p   {   padding: 0 10px;   }

table.tableRegister  td.two      {  width: 287px;  padding: 0 10px;  }
table.tableRegister td.one h4    {  height: 80px; margin-top: 5px;   background: url(../images/puce/bonhomme.gif) left top no-repeat; padding: 0 0 0 75px; color: #7d7a7a; font: bold 15px "Trebuchet MS";  } 
table.tableRegister td.two h4    {  height: 73px; background: url(../images/puce/maison.gif) left top no-repeat; padding: 5px 0 0 79px;   color: #7d7a7a; font: bold 15px "Trebuchet MS";  } 

table.tableRegister  td.one h4 span   {  position:relative; top: 17px; left: 0;    }

#registerPage h4   {  color: #7d7a7a; font: bold 15px "Trebuchet MS";margin: 20pt 0pt 14px 0;  } 

/* Contact */
form#contactForm                    {   } 
form#contactForm   p                  {  margin: 0 0 5px 15px;  } 
form#contactForm   label.lbleft     { width: 219px;  } 
*form#contactForm   input.text      { width: 204px;  } 
form#contactForm   textarea         { width: 419px; height: 120px; margin: 4px 0 0 0;  border: 1px solid #d4d4d4; color: #686566    } 

/* Forget */

#forgetform    {   } 
#forgetform  label  { font: bold 12px arial; color: #7d7a7a ; margin: 0 10px 0 0;  } 
#forgetform  input.text  { margin: 0 0 0 10px;   } 
#forgetform  .validButton    { position:relative; top: 4px; left: 0;   } 


/*	////////////////////			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 35px auto 10px auto; text-align: center; font: bold 12px arial; color: #969696 }
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 

/*	////////////////////			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 20px; padding: 0 0 10px 0;  color: red; font: normal 12px arial; border-bottom: 1px dotted #6e6d6d }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/puce_boule.gif) left 2px no-repeat; color: #706f6f }

/* -------------------------------    */
div.element-s    { width: 172px;  background: url(../images/fond/element-s.gif) left top repeat-y;   } 
div.element-bot  {  background: url(../images/fond/element-bot.gif) left bottom no-repeat;  } 
div.element-top  {  padding: 37px 0 10px 0;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 


/*	////////////////////			Page Mentions						   */
.inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px arial;  }	
.conformement 		   { font: normal 10px arial }
 
div.mention-bot  { width: 230px; margin: 14px 15px;  float: left;  background: url(../images/fond/mention-bot.gif) left bottom no-repeat;  border: 1px solid #e2e2e2 } 
div.mention-top  { height: 167px;	 padding: 10px ;  background: url(../images/fond/mention-top.gif) left top no-repeat;  } 

div.mention-top  h3 {  margin: 0 0 3px 0; padding: 0 0 } 

/* Bulles d aides Login */
.tool-tip    { width: 119px; height: 51px;  padding: 7px 0 0 0; color: #6d6d6d; background: url(../images/fond/tip.gif) left top no-repeat;   }
.tool-title  {    }
.tool-text   {  }

.orange { color: #F96E12 }
.bold    { font-weight: bold }
.grey-background { background-color: #F7F7F7; padding: 2px 3px }