/*************************************** PLAN FEUILLE CSS

I/ MISE EN FORME
	1/ GABARIT (Mise en forme global)
		a/ HEADER
		b/ MENU
		c/ CORP
		d/ FOOTER
		e/ PAGE SPECIAL (page aillant besoin d'une mise en forme unique
		BOX
		MENULEFT
		BODY INTRO
		
II/ STYLE DE TEXTE
	1/ GABARIT (Style de texte global)
		a/ HEADER
		b/ MENU
		c/ CORP
		d/ FOOTER
		e/ PAGE SPECIAL (page aillant besoin d'une mise en forme unique
		
********************************************************************
http://www.garibook.com *******************************************/


/******************
*******************
I/ MISE EN FORME
*******************
******************/

/* 
	1/ GABARIT
******************/

html{
	
}

body{
	background: url(images/bgbody.jpg) repeat-x #d8d8d8;
	margin:0px;
	z-index:0;
	font-size:12px;
	font-family:"Times New Roman", Times, serif;
}

#page{
	margin:auto;
	width:940px;
	background-color:none;
}


/* 
		a/ HEADER
******************/

#header{
	
}

/* 
		b/ MENU
******************/

#menu{
	
}

/* 
		c/ CORP
******************/

#corp{
	margin-top:20px;
}

/* 
		d/ FOOTER
******************/

#footer{
	background:url('images/bgfooter.png') no-repeat center;
	height:61px;
	width:940px;
	margin:auto;
	padding-top:7px;
}

/* 
		e/ PAGE SPECIAL
******************/

/*BOX*/

.box{
	width:585px;
	max-width:585px;
	margin:0;
	padding:0;
}

.box .head{
	height:12px;
	font-size:12px;
}

.box .corp{
	background:#bebdbd;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;



}

.box .corpcadre{
	background:#abaaaa;
	border: 2px #000000;
	padding: 5px;
}

.box .foot{
	height:12px;
	font-size:0px;
}


/*HOME*/

.linkh{
	font-size:12px;
	color:#000000;
	text-decoration:none;	
}


/*MENULEFT*/

#menuleft{
	background:url(images/menuleft.png) no-repeat;
	width:225px;	
	float:left;
	
}

#menuleft a:hover{
	background:#0CF;
	color:#006;
}

#menuleft .head{
	font-size:0px;
}

#menuleft .corp{
	padding:5px;
	color:#0066FF;
	font-size:12px;
}

#menuleft .hr_00{
	color:#0033FF;	
}

#menuleft .euro{
	font-size:9px;	
}

#menuleft .rechsimpl{
	font-size:12px;	
}


#menuleft .foot{
	font-size:0px;
}

/*BODYINTRO*/

body#intro{
	background:#a4a4a4;
}

.footintro{
	background:#A5A5A5;
}

/* AFFAIRE DE LA SEMAINE */

#indexaffaire{
}

#indexaffaire h2{
		display:inline;
}
 
#isitbg{
	/*height:868;*/
	background:url(images/bgisitcorp.png) no-repeat #bebdbd;
	width: 700px;
	margin-left: 7px;
	margin-top: 20px;
}
#isitcorp {
	/*overflow:auto;
	height:868;
    scrollbar-face-color: #a9a9a9;
    scrollbar-shadow-color: #8A8A8A;
    scrollbar-highlight-color: #BEBCBC;
    scrollbar-3dlight-color: #E4DCDC;
    scrollbar-darkshadow-color: #939393;
    scrollbar-track-color: #c5c5c5;
    scrollbar-arrow-color: #4797FF;*/
}

.rechrapi {
	background: /*url(images/bgrechercherapide.png)*/ #FFFFFF;
}

#bgform{
	background:url(images/bgform.jpg) no-repeat;
	width:650px;
	height:650px;
	margin-top: 20px;
}

.headformtitre{
	font-size:36px;
	text-align:left;
	color:#666666;
}


/*RECHERCHE RAPIDE HORIZONTALE*/

#rechhor{
	width:700px;
}

#rechhorentete{
	background:url(images/bgrechhorentete.png) top left no-repeat;
	padding-left:10px;
}

#rechhorcorp{
	background:/*#8d8d8d*/#757575;
	height:110px;
	padding-left:20px;
	margin:0px;
}


.divh2{
	background:url(images/bgdivh2.png) left top no-repeat;
}
/*************************************
**************************************
II/ STYLE DE TEXTE
**************************************
*************************************/

/* 
	1/ GABARIT
******************/

html{
	
}

body{

}

#page{

}


/* 
		a/ HEADER
******************/

#header{
	
}

/* 
		b/ MENU
******************/

#menu{
	text-align:center;
	font-size:14px;
}

#menu a{
	color:#EEEEEE;
	font-weight:bold;
	text-decoration:none;
}

#menu a:hover{
	color:#201c75; /*#0099FF;*/
	background-color:#7dc0df;
}

/* 
		c/ CORP
******************/

#corp{
	
}

/* 
		d/ FOOTER
******************/

#footer{
	
}

/* 
		e/ PAGE SPECIAL
******************/




/*-------------------    formulaire    --------------------*/
legend {
  background:#DED983;
  color:#345071;
  font-size:1em;
  border:1px outset #DED983;
}

fieldset { 
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
 /* border: inset #000000;*/
}

table#sample td {
font-size:12px;
color:black;
background-color:#6699FF;
}



table#annonce td {
font-size:14px;
color:#330000;
background-color:#D8D7D6;
}

table#rech td {
font-size:12px;
color:#330000;

}
/*-------------------    index    --------------------*/
#loader {
  width: 320px;
  margin-left: auto;
  margin-right: auto;
}

#loader td {
  padding: 3px;
  background: #ffffff;
}

#loader p {
  border: 3px solid #339900;
  padding: 10px;
  margin: 0;
  background: #FFFFFF;
  text-align:center;
  vertical-align:middle;
  color:#FF0000;
}

#loader img {
  float: left;
  margin-right: auto;
  margin-top: auto;
}

#loader strong {
  display: block;
  margin-bottom: 3px;
}

#loaderContainer {
	/*background-image: url(images/loading_back.gif);*/
  position: absolute;
  width: 100%;
  height: expression(screen.height + 'px');
  top: auto;
  left: auto;
 /*expression(document.documentElement.clientHeight+'px');*/
}

#loaderContainer td {
	padding-top: 250px;
	vertical-align: top;
	text-align: center;
	
}

#loaderContainer td td {
	padding-top: 3px;
	text-align: left;
	
}
.table{
	border-color:#000000;
	border-width:1px;
	border-style:solid;
	display:none;
	border-collapse:collapse,

}
.bar{
	text-align:left;
	vertical-align:top;
	position: relative;
	left:200px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	

	
}
.boxHeading{
	background-color:#FFFFFF;

}

.boxContent{
background-color:#FFFFFF;
border-right-color:#000000;
border-right-style:solid;
border-right-width:1px;
border-left-color:#000000;
border-left-style:solid;
border-left-width:1px;
text-align:center;
vertical-align:bottom;

}

.affichage_gauche{
	
	
	

}
.affichage_droite{

	

}

.left-column{
	border-right-color:#E9CB95;
	border-right-width:1px;
	border-right-style:solid;
	background-image:url(nego/images/left.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top: 25px;
 	
	
	
	

}

.chapeau{
	
}

.nouveautes{
	font-size:x-small;
	color:#FF9900;
	font-weight:bold;
}

.textForm{
	padding:5px;
	color:#0E0058;
	font-size:12px;
	font-weight:bold;
}

.textForm2{
	padding:5px;
	font-weight:bold;
}

.header_annonce{
	background-color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border-top-color:#FFCC00;
	border-top-width:1px;
	border-top-style:solid;
	border-bottom-color:#FFCC00;
	border-bottom-width:1px;
	border-bottom-style:solid;
}

.body_annonce{
	background-color:#FFFFFF;
	font-size:x-small;
	border-bottom-color:#000066;
	border-bottom-width:1px;
	border-bottom-style:solid;
	
}

.body_annonce2{
	background-color:#FFFFFF;
	font-size:x-small;
	color:#000066;
}

.footer_annonce{
	background-color:#FFFFFF;

}

.header_entreprise{
	background-color:#CACAFD;
	color:#FFFFFF;
}

.body_entreprise{
	background-color:#FFFFCC;
}

.footer_entreprise{
	background-color:#FFFFCC;
}


.description_entreprise{
	color:#0E0058;
	
	font-size:12px;
	text-align:justify;
	font-weight:bold;
}


.formulaire{
	border-color:#999999;
	border-width:1px;
	border-style:solid;
}
.indications{
background-color: #FFFFFF;
	font-size:12px;
	
	color:#000000;
	padding:5px;

}
.question{
background-color: #FFFFFF;
	font-size:14px;
	font-weight:bold;
	color:#ff0000;
	padding:5px; 
	text-align:center;

}
.annonceTable{
	background-color: #FFFFFF;
	border-color:#339900;
	border-width:1px;
	border-style:solid;
	width:600px;
	
	
}
.annonceTitre{
	background-color: #FFFFFF;
	font-family:"Times New Roman";
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	padding:5px;
}
.annonceAccroche{
	background-color: #FFFFFF;
	font-family:"Times New Roman";
	font-size:14px;
	font-weight:bold;
	color:#000000;
	padding:5px;
}
.annoncePhoto{
	background-color: #FFFFFF;
	font-family:"Times New Roman";
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	vertical-align:middle;
	width:100px;
}
.annonceDescription{
	background-color: #FFFFFF;
	font-family:"Times New Roman";
	font-size:14px;
	font-weight:bold;
	color:#339900;
	padding:5px;
	vertical-align:top;
	width:300px;
}
.link{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	font-size:12px;
}

.linkmenu{
	color:#CCCCCC;
/*	font-weight:bold;*/
	text-decoration:none;
	/*padding:10px;*/
	margin-left:10px;
	font-size:12px;
}

.linkmenu:hover{
	text-decoration:underline;
}


.link2{
	color: #3333CC;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	font-size:12px;

}

.link3{
	color: #336600 ;
	font-weight:bold;
	text-decoration:none;
	padding:10px;
	font-size:12px;
}

.link4{
    color : black;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	font-size:12px;

}

categorie {
font-size:20px;
color: #663333;
}

categorie2 {
font-size:12px;
color: #330000;
}
.categorie3
{
font-family: Arial Black; 
 
color: #474A5E;

}

.phrasepg9{
	padding:20px 10px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}

.phrasepg9 a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:#000000;
	margin-top:10px;
	font-size:14px;
}
.phrasepg9 a:hover{
	color:#000000;
	background:#FFFFFF
}
.phrasepg93{
	padding:20px 10px;
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
}

.phrasepg93 a{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.phrasepg93 a:hover{
	color:#000000;
}
.phrasepg92{
	padding:20px 10px;
	font-size:12px;
	color:#000000;
	text-align:center;
}

.button {
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	text-align : center;
	border : 1px solid #b2b2b2;
	cursor:hand;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#FCFCFC,endcolorstr=#CECECE);
}

.input {
	color: #000000;
	font-size : 11px;
	border : 1px solid #ACACAC;
	width: 196px; 
	padding : 1px 0px 0px 1px;
	margin : 0px;
}
select {
	color: #000000;
	font-size : 11px;
	border : 1px solid #ACACAC;
	width: 200px; 
	padding : 1px 0px 0px 1px;
	margin : 0px;
}

select#homeid {
	color: #000000;
	font-size : 11px;
	border : 1px solid #ACACAC;
	width: 150px; 
	padding : 1px 0px 0px 1px;
	margin : 0px;
}

.hr_00 {
	font-size: 12px;
	font-weight:bolder;
	color:#0000CC;
}

.bodytext {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

.bodytext3 {
	font-size: 12px;
	text-decoration: none;
}

.bodytext4 {

	font-size: 10px;
	text-decoration: none;
}

.bodytext2 {
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}
.bodytextbold {
	font-size: 12px;
	color: #682d2d;
	line-height: 16px;
	font-weight: bold;
}
.bodytextboldred {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #682d2d;
}

a.propertytitle {
    color: #000000;
	font-size: 12px;
	font-weight: bold;
}
a.propertytitle:hover {
    color: #001EFF;
	font-size: 12px;
	font-weight: bold;
}

.listeProduit{
	font-size:16px !important;
	font-weight:bold;
}

.listeProduit a{
	text-decoration:none;
	color:#00C;
}
.titleHeads {
		line-height: 18px;
		background-color: #F1F1F1;
		border: 1px solid;
		border-top-color: white;
		border-right-color: #CCCCCC;
		border-left-color: white;
		text-align: center;		
		padding-left: 5px;
		cursor: pointer;
		color: black;
}
	
.titleHeads span {
	float: left;
	font-weight: bold;
}
.titleHeads img {
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}

.mailTxt {
	padding-left: 5px;
	white-space: nowrap;
}

.nonLus {
    line-height: 22px;
	background-color: #FBF5EE;
	font-weight: bold;
	}
	
.mailPictos {
	text-align: center;
}

table#bien td {

}

.smallText {

  font-size: 9px;
  color:#666666;
  text-decoration:none;
}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #9BD1FA}
.r1{margin: 0 9px}
.r2{margin: 0 6px}
.r3{margin: 0 5px}
.r4{margin: 0 4px; height: 15px}