/*

Pour qu'un style css ne soit appliqué exclusivement qu'à IE6, il suffit de mettre le signe - ou _ devant .
Ex : -margin : 5px ; 

Pour qu'un style css ne soit appliqué exclusivement qu'à IE6 et IE7, il suffit de mettre le signe /, ? ou *devant .
Ex : /margin : 7px ; 

Pour qu'un style css ne soit appliqué qu'à FireFox (NB : et presque tous les autres navigateurs comme NETSCAPE ou OPERA qui ont une part de marché moindre), il suffit de mettre le commentaires !important après.
Ex : margin : 9px !important ; 


*//*-------------------------------------------------- LES BALISES GENERIQUES------------------------------------------------------*/
body, td   {
	margin             : 0;
  padding            : 0;
	font-family        : Trebuchet,Arial,Helvetica,sans-serif,Tahoma,Consolas,Verdana,Geneva;    
	font-size          : 13px; 
	letter-spacing     : 1px;  
	color              : #000000;
	position           : relative;
	background         : #eeeeee url(images/bg.png) repeat-y center;
}
/*---------------------------------------------------------------- LE BANDEAU HAUT------------------------------------------------------*/
div#promo {
  font-family        : Trebuchet,Arial,Helvetica,sans-serif,Tahoma,Consolas,Verdana,Geneva;    
	font-size          : 15px; 
	font-weight        : bold;
	color              : white;
	background         : #005482;
	text-align:center;
}
#promo span{
 font-family        : Trebuchet,Arial,Helvetica,sans-serif,Tahoma,Consolas,Verdana,Geneva;    
	font-size          : 17px; 
	font-weight        : bold;
	color              : #ff4545;

}
div#bandeau {
  background-image   : url("images/fond_1.gif");
  width              : 1000px;
  min-height         : 130px;
}

div#logo    {
	float              : left;
	margin-top         : 25px;
  width              : 280px;
  text-align         : center;
}

.banniere   {
	padding-top        : 10px;
  text-align         : center;
}

.deposer    { 
  padding-left       : 10px;
	padding-top        : 10px;
}

.adeposer   {
  vertical-align     : 40%; 
  font-size          : 23px; 
	letter-spacing     : 1px;  
	color              : #fff;
	font-weight        : bold;
}

div#fond2   {
  background-image   :  url("images/fond2.gif"); 
  background-repeat  :  repeat-x; 
  min-height         :  50px;
	clear              :  both;
	width              :  1000px;
	text-align         :  center;	
	 
	} 

div.logo    {
  padding-top        :  0px;
  padding-left       :  10px;
  font               :  36px  Arial, Helvetica, sans-serif; 
  font-weight        :  bold;
  float              :  left;
}

div.haut    {
width                :  430px;
float                :  left;
/*border: 1px dotted red; */
} 

.titreMoteur{
font-size:15px;
padding-left:17px;
padding-top:5px;
padding-bottom:2px;
font-weight:bold;
}

.fl{
 float:left;
}
.clearboth{
clear:both;
}

.texteSimple{
font-weight:normal;
}

         
div.identification {
margin-top:15px;
width:250px;
height:120px;
padding-top:20px;;
/*border: 1px dotted red; */
float:left;
background: url(images/votre_compte.gif) no-repeat;
}

div.identification a{
color: midnightblue;
font-weight:normal;
}

div.logo a {
text-decoration:none;
}

/*------------*/	
h1 {
  color:black;
  font-size:12px; 
  display:inline;
}
/*----------LES H2----------*/
h2 {
  margin:4px;
  color:#ff6413;
  font-size:12px;
  font-weight:bold; 
  display:inline;
}

h2.titre {
  margin:4px;
  color:#ce101c;
  font-size:22px;
  font-weight:bold; 
  display:inline;
}

h2.description {
  margin:4px;
  color:#000000;
  font-size:16px;
  font-weight:bold; 
  display:inline;
}

span.ast{
	color : #bd0000;
	font-size:15px;
}

span.verticalAlign3{
vertical-align:3px;
}


span.bleu{
color : #000088;
}

span.rouge{
color : #c90000;
}


.bold{
font-weight:bold;
}

div.titrePage{
 margin-top:10px;
 margin-bottom:10px;
 text-align:center;
 color : #e90004;
 font-size: 17px;
 font-weight:bold;
 
}
/*---------------------------------*/
div.message{
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  padding-top:5px;
  padding-bottom:5px;
  width:65%;
  font-weight:bold;
  border: 1px dotted #e90004;
  background-color:#FFFFFF;
	color : #e90004;
	text-align:center;
}

a.deconnection{
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  margin-bottom:10px;
  padding-top:5px;
  padding-bottom:5px;
  width:90%;
  font-weight:bold;
  border: 1px dotted #e90004;
  background-color:#FFFFFF;
	color : #e90004;
	text-align:center;
}
 /*style des sessions d'erreurs*/
div.erreur{
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
  padding-right:10px;
  width:45%;
  border: 1px dotted #e90004;
  background-color:#FFFFFF;
	color : #e90004;
	font-weight:bold;
	font-size: 12px;
	text-align:center;
}
div.ident{
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  padding-top:5px;
  padding-bottom:5px;
  width:45%;
  /*border: 1px dotted red;  */
  background-color:#FFFFFF;
	color : #FF0000;
	font-weight:bold;
	font-size: 10px;
	text-align:center;
}

div.header {
  padding-top:10px;
  width:1000px;
  min-height:130px;

}

.ligne1{
border-top : 1px dotted #000000;
height:1px;
margin-top:10px;
margin-bottom:10px;
clear:both;
}

.ligneSeparation{
/*border-top : 1px dotted #000000; */
height:1px;
/margin-top:10px;

clear:both;
}

.lignerouge{
background: url(images/fondLigne.gif) repeat-x;
height:3px;
margin-top:3px;
margin-bottom:5px;
clear:both;
}

div.moteur {  
  margin-left:auto;
  margin-right:auto;
  padding-bottom:3px;
  min-height:110px;
	width:900px;
	text-align:left;
	background-color:#f8f8f8;
	border : 1px dotted #000000; 
	
	
}

div.moteurDroit {
  margin-top:20px;
  /*float:left; */
	width:200px;
	text-align:right;
}






div.gestionAnnonce {
  margin-top:14px;
  min-height:100px;
	width:430px;
	text-align:right;
}

div.gestionAnnonce a.lienBleu{
  margin-top:2px;
  font: 14px Arial, Helvetica, sans-serif;
  color:#5d779c;
  font-weight:bold;
  /*border: 1px dotted red; */ 
	} 
	
	
div.moteur div.typeBien1{
padding-top:0px;
font-weight:bold;
}

div.moteur div.lieu1{
text-align:left;
padding-top:15px;
float:left;
font-weight:bold;
}

div.moteur div.bouton1{
padding-left:15px;
float:left;
width:120px;
text-align:right;
}

div.moteur div.prix1{
clear:both;
padding-top:5px;
padding-bottom:10px;
font-weight:bold;

}


div.moteur div.contrat{
float:left;
width:400px;
}
div.moteur div.lieu{
float:left;
width:490px;
text-align:right;
}
div.moteur div.typeBien{
float:left;
width:350px;
padding-top:10px;
}
div.moteur div.pieces{
float:left;
width:300px;
padding-top:3px;
}
div.moteur div.option{
padding-top:10px;
float:left;
width:200px;	
}
div.moteur div.prix{
float:left;
padding-top:10px;	
}
div.moteur div.surface{
padding-top:10px;
padding-bottom:10px;
float:left;
width:450px;
text-align:right;
}

div.formheader{
  text-align:right;
  color : #7f8083;
	font-weight:bold;
	
}

div.contenu {
/*Contient INSERTION ET MENU*/
	display:table;
	width:1000px;
	text-align:center;
	border: 0px dotted red; 
	}
	
div.annonces {
  background: #ffffff;
  float:left;
	margin-bottom:5px;
	padding-top:5px; 
	padding-left:5px;
	width:670px;
	text-align:left;
	border: 0px dotted red; 
	}
  
div#menu { 
/*Contient LE MENU*/
	margin:0px;
	margin-left:10px;
	padding-top:10px;
	float:left; 
	width:300px;
	text-align:left;
	border: 0px dotted red; 
	}	
	
div.menugauche{ 
  background:#ffffff;
  float:left; 
	margin-left:0px;
	margin-top:0px;
	margin-right:10px;
	width:200px;
	text-align:left;
	border-width: 1px;
	border-style: solid;
	border-color: #000088;
	
}
div.menudroit{ 
  background:#ffffff;
  float:left; 
	margin-left:10px;
	margin-top:0px;
	margin-right:5px;
	margin-bottom:20px;
	width:300px;
	border: 1px dotted #000000;
	text-align:left;
}

div.dernieresAnnonces{
  width:170px;
  text-align:center;
  margin:auto;
  border: 1px dotted #000000;
  margin-top:3px;
  margin-bottom:3px;
  padding-top:5px;
  padding-bottom:5px;
  background: #eeeeee;
}
div.dernieresAnnonces div.titre{
  width:170px;
  text-align:center;
  margin:auto;
}
div.dernieresAnnonces div.photo{
  width:170px;
  text-align:center;
  margin:auto;
}
div.dernieresAnnonces div.dep{
  width:170px;
  text-align:center;
  margin:auto;
}  
 

  /*----------Fiche Produit-----------*/
  div.fiche div.ligne{
  height:2px;
  border-bottom: 1px solid silver;
  margin-top:10px;
  margin-bottom:10px;
  }
  
  div.fiche {
	width:660px;
	display:table;
  text-align:left;
	margin:0px;
	padding:5px;
	margin-bottom:0px;
	border: 1px solid silver; 
	}
	
	div.fiche div.titrefiche{
	background-color: #b5cdf1;
  border: 1px solid #6d9dd7;
  color: #1f314b;
	padding-top:7px;
	padding-bottom:5px;
	padding-left:8px;
  font: 20px Arial, Helvetica, sans-serif;
  width:650px;
  font-weight:bold;
  
  /*border: 1px dotted red;*/ 
	} 
	
	div.fiche div.milieu{
	
  color:#5d779c;
  width:658px;
  border-bottom: 1px solid #6d9dd7;
  border-left: 1px solid #6d9dd7;
  border-right: 1px solid #6d9dd7;
  display:table;
  margin-bottom:10px;
  }
	
	div.milieu div.grandePhoto{
  float:left;
  width:500px;
  min-height:400px;
  margin-left:10px;
  /*border: 1px solid silver; */
	} 
	
  div.fiche div.prixDateHaut{
  padding-top:5px;
  height:25px;
  border-top: 1px solid silver;
  margin-top:10px;
  }
  
  div.fiche div.prixDateBas{
  width:650px;
  height:25px;
  border-bottom: 1px solid silver;
  margin-bottom:10px;
  padding-left:8px;
  padding-top:5px;
  }  
	
	div.fiche div.fichePrix{
  float:left;
  width:49%;
	}
	
  div.fiche div.ficheDate{
  float:left;
  text-align:right;
  
	} 
	
	div.fiche span.fichePrix{
  color:#e90004;
  font-weight:bold;
  font-size: 18px;
	}
	
	div.fiche  span.ficheDate{
  font-weight:bold;
  color:#5d779c;
	}
	
	div.milieu div.petitePhoto {
	
  border: 0px dotted red; 
  display:table;
  text-align:center;
  
	}
	
	div.fiche span.texteGras{
  color: #1f314b;
  font-weight: bold;
  line-height:20px;
	}
	
	div.fiche div.titreTableau{
	background-color: #b5cdf1;
  border: 1px solid #6d9dd7;
  color: #1f314b;
  font-weight: bold;
  padding: 2px;
	}
	
	div.fiche div.informations{
	margin-bottom:10px;
	border-bottom: 1px solid #6d9dd7;
  border-left: 1px solid #6d9dd7;
  border-right: 1px solid #6d9dd7;
  font: 12px Verdana, Helvetica, sans-serif;
	}
	
	div.fiche div.titreTableau2{
	background-color: #8ed146;
  border: 1px solid #6ba929;
  color: #354500;
  font-weight: bold;
  padding: 2px;
	}
	
	div.fiche div.informations2{
	margin-bottom:10px;
	border-bottom: 1px solid #6ba929;
  border-left: 1px solid #6ba929;
  border-right: 1px solid #6ba929;
  font: 12px Verdana, Helvetica, sans-serif;
  color: #415a00;
	}
	div.fiche div.titreTableau3{
	background-color: #ce0303;
  border: 1px solid #d21403;
  color: #fff;
  font-weight: bold;
  padding: 2px;
	}
	
	div.fiche div.informations3{
	margin-bottom:10px;
	border-bottom: 1px solid #d21403;
  border-left: 1px solid #d21403;
  border-right: 1px solid #d21403;
  font: 12px Verdana, Helvetica, sans-serif;
  color: #c10202;
  background-color: #fefbfb;
	}
	
	
	div.fiche div.titreTableau4{
	background-color: #fff574;
  border: 1px solid #ffd003;
  color: #000;
  font-weight: bold;
  padding: 2px;
	}
	
	div.fiche div.informations4{
	margin-bottom:10px;
	border-bottom: 1px solid #ffd003;
  border-left: 1px solid #ffd003;
  border-right: 1px solid #ffd003;
  font: 12px Verdana, Helvetica, sans-serif;
  color: #7c2300;
	}
	
	div.fiche div.lienActions{
  width:48%;
  float:left;
  font-weight: bold;
	}
	
	div.fiche span.lienActions{
  font-weight: bold;
  vertical-align:3px;
  color: #7c2300;
  }
	
	
	
	div.fiche img.photo{
	border-style:outset;
	border-color: black;
	border-width:1px;
	
	}
	
	
	

  /*----------Vignettes-----------*/
div.vignette {
	width:665px;
	min-height:90px;
  text-align:left;
	background-color:#EDECEC;
	margin:5px;
	margin-bottom:20px;
	border: 1px solid #008; 
	}
	
	div.vignette div.vignCol1{
    float: left;
    height: 80px;
    overflow: hidden;
    text-align: center;
    width: 95px;
    /*border: 1px dotted red; */
}

      div.vignette div.lignePhoto{
      float:left;
      width:95px;
      padding:0px;
      text-align:center;
      font: 10px Arial, Helvetica, sans-serif;
      /*border: 1px dotted red; */
    }

div.vignette div.vignCol2{
    float: left;
    height: 80px;
    width: 360px;
    padding-left:5px;
    /*border: 1px dotted red; */
}

     div.vignette a.vignTitre{
      font: 14px Arial, Helvetica, sans-serif;
      color:#055D8B;
      font-weight:bold;
      padding-top:3px;
      /*border: 1px dotted red; */
    	}	
    	
    	div.vignette div.vignDescription{
    	  padding-top:5px;
        clear:both;
        color:#000;
        font-weight:normal;
        text-align:left;
        font: 12px  Helvetica, sans-serif;
         /*border: 1px dotted red; */
      }

div.vignette div.vignCol3{
    float: left;
    height: 80px;
    padding-top:3px;
    text-align: right;
    width: 195px;
    /*border: 1px dotted red; */
}

    div.vignette div.vignDate{
      font: 12px Arial, Helvetica, sans-serif;
      font-weight:bold;
      color:#000;
      text-align:right;
      width:193px; 
      /*border: 1px dotted red; */
    }
    div.vignette div.vignLieu{
      padding-top: 3px;
      font: 11px Arial, Helvetica, sans-serif;
      font-weight:bold;
      color:#000;
      text-align:right;
      width:193px; 
      /*border: 1px dotted red; */
    }
    div.vignette div.vignCat{
      padding-top:3px;
      text-align:right;
    	color:black;   
    	font-size:12px;
      font-weight:normal; 
    	/*border: 1px dotted red; */
    }
    div.vignette div.vignPrix{
      padding-top:15px;
      text-align:right;
    	color:#e90004;   
    	font-size:18px;
      font-weight:bold; 
    	/*border: 1px dotted red; */
    }
	

	







div.vignette div.ligneInfos{
  float:left;
  width:600px;
  margin:3px;
  text-align:center;
 /*border: 1px dotted red; */
}

div.vignette div.ville{
  float:left;
  margin-top:5px;
  text-align:left;
  font: 13px Arial, Helvetica, sans-serif;
  color:#000;
  font-weight:bold;
  width:260px;
  /*border: 1px dotted red; */
}

div.vignette div.departement{
  float:left;
  margin-top:5px;
  color:#000;
  width:325px;
  text-align:right;
  font-weight:bold;
  
  /*border: 1px dotted red; */
}




div.vignette div.details{
  float:left;
  padding-left:10px;
  width:260px;
  text-align:left;
  /*border: 1px dotted red; */
}

div.vignette div.details a {
  font-weight:bold;
  font-size:12px;
  color:#5d779c;
  vertical-align:-4px;    
}

div.vignette div.titre a {
  font-weight:bold;
  font-size:14px;
  color:#5d779c;
      
} 



div.vignette div.prixnousconsulter{
  float:left;
  width:200px;
  text-align:right;
	color:#055d8b;   
	font-size:11px; 
	font-weight:bold;
	/*border: 1px dotted red; */
}


div.vignette div.puce{
  float:left;
}




.petitePhotoHauteur{
	height:100px;
	margin-bottom :3px;
	margin-top : 3px;
	border-style:outset;
	border-color: black;
	border-width:1px;
}

.petitePhotoLargeur{
	width:120px; 
	margin-top : 4px ;
	margin-bottom : 4px ;
	margin-left : 3px ;
	border-style:outset;
	border-color: black;
	border-width:1px;
}

.petitePhotoHauteurVignette{
	height:80px;
	margin-bottom :3px;
	margin-top : 3px;
	border-style:outset;
	border-color: black;
	border-width:1px;
}

.petitePhotoLargeurVignette{
	width:80px; 
	border:0px;
	margin-top : 4px ;
	margin-bottom : 4px ;
	margin-left : 3px ;
	border-style:outset;
	border-color: black;
	border-width:1px;
}
/*----------fiche de l'annonce-------------*/

div.haut_annonce{
  background: url(images/fiche1.jpg);
  padding-top:15px;
  width:691px;
  height:40px;
}

div.milieu_annonce{
  background: url(images/fiche2.jpg) repeat-y;
  width:691px;
  display:table;
  padding:5px;
  }
  

  
  
div.milieu_annonce div.premierepartie{
  margin-top:10px;
  margin-left:auto;
  margin-right:auto;
	width:650px;  
	
	} 
div.premierepartie div.photo{
  margin-left:auto;
  margin-right:auto;
  width:500px; 
  
  }
  
div.premierepartie img.taillePhoto1{
	width:500px;
}
div.premierepartie img.taillePhoto2{
	width:500px;
}	

  
div.milieu_annonce div.deuxiemepartie{
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
	width:650px;
	}
  
div.deuxiemepartie div.description2{
  margin-top:20px;
  width:650px;
	min-height:200px;
	padding-left:5px; 
	text-align:left;
	display:table;
	}
	
div.milieu_annonce div.troisiemepartie{
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
	width:650px;
	}
  
.grasRouge{
  color:#ce101c;
  font-weight:bold; 
}

.grasBleu{
  color:#5d779c;
  font-weight:bold; 
}
      
div.bas_annonce{
  background: url(images/fiche3.jpg);
  width:691px;
  height:25px;
}

span.titre{
  padding-bottom:5px;
  text-align:left;
  font-weight:bold;    
	font-size:18px; 
	color:#FFFFFF;
}




span.date{
  padding-left:220px;
  font-weight:bold;    
	font-size:12px; 
	color:#FFFFFF;
}

span.prix{
  margin-left:100px;
  font-weight:bold;    
	font-size:15px; 
	color:#FFFFFF;
}

	
div#fiche_haut{ 
	width:670px;
	height:20px;
	padding-top:4px; 
	background-color:#ff6413;
	border-width: 1px;
	border-style: solid;
	border-color: #000088;
	border-top-width:0;
	border-left-width:0;
	border-right-width:0; 
	}

div#fiche_contact{
	width:370px;
	margin-left: auto;
  margin-right: auto;
  margin-top:15px;
	margin-bottom:30px;
	padding-top:5px; 
	padding-left:25px;
	background-color:#ffcf5f;
	text-align:left;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000088; 
	display:table; 
	}
	
	
	
div#fiche_droite{
	float:left;
	width:430px;
	margin-top:20px;
	margin-left:10px;
	text-align:center;
	}
	

	
div#fiche_genre{
	text-align:right;
	width:100px;
	float:left;
	font-weight:bold;
	}

div#fiche_option{
	width:195px; 
	padding-top:5px;
	padding-left:5px;
	margin-top:5px; 
	margin-bottom:10px; 
	background-color:#fff;
	text-align:left;	
	font-weight: bold;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000088; 
	}
	

	

	
div#fiche_titre{ 
	text-align:left;
	width:500px; 
	float:left;
	font-weight:bold;
	} 
	



select { 
	 color: #000000; 
	}
div{ 
	margin:0px;
	}
a { 
	text-decoration:none;color:#000; 
	}   
a:hover{ 
	text-decoration:underline;
	} 
img {
border:0px;
}




/*---------------------------------------------------------------- LA MISE EN PAGE------------------------------------------------------*/
.bandeauHaut
{
/*bandeau gris avec mot cle*/
background-image: url("images/fond_bandeau.gif");
margin-top:0;
margin-left:auto;
margin-right:auto;
width:1000px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: #000000;
border-right-width: 1px;
border-right-color: #000000;  
border-right-style: solid;
text-align:center;
}	 
div#cadre{
/*Englobe la page*/
	border-width: 1px;
	border-style: solid;
	border-color: #000000; 
	border-top-width:0;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	background-color:#FFF;
	}
div#bandeaugris{
/*2eme element de la page*/
  
  background-image: url("images/fond_bandeau.gif");
  width:1000px;
	margin-bottom:10px;
	padding-top: 1px;
	padding-bottom: 2px;
	font-family:Verdana;
	font-weight:bold;
	font-size:12px;
	min-height:16px;
	
   
	}

	


div#piedpage {
/*Contient EN DESSOUS DE CONTENU*/
  background-image: url("images/bandeau.gif"); 
	text-align:center;
	font-size:10px; 
	letter-spacing:0px;
	color : #000000;
	
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	width:990px;
	height:20px;
	color:#000; 
	clear:both;
	}
/*---------------------------------------------------------------- LE BANDEAU HAUT------------------------------------------------------*/


	
	
	
div#logo{
	float:left;
	margin-top:25px;
  width:280px;
  text-align:center;
}

.bann{
	padding-top:10px;
  text-align:center;
}

.deposer { 
  padding-left:10px;
	padding-top:10px;
}
	
.gerer { 
padding-left:10px;
padding-top:5px;
}

div#liens_haut{
	float:left;	
	margin:0px;
	width:710px;
	text-align:center;
}
		
div#rech2 {
  float:left;	
	padding-top:15px;
	padding-bottom:15px;
	width:1000px;
	text-align:center;	
	 
	}
 

/*---------------------------------------------------------------- LES BALISES DIV ------------------------------------------------------*/
.afficheAnnonceVendeur {
width:667px;
text-align:center;
border-width: 1px;
border-style: solid;
border-color: #000088;
padding:3px;
display:table;
background-color:#eeeeee;
}

.vignetteAfficheAnnonceVendeur{
width:110px;
height:115px;
float:left;
text-align:center;
border-width: 1px;
border-style: solid;
border-color: #000088;
padding:5px;
margin:2px;
background-color:#fff;

}

.annonce {
	width:665px;
	height:90px;
    text-align:left;
	border-width: 1px;
	border-style: solid;
	border-color: #000088;
	background-color:#EDECEC;
	margin:5px;
	}
	

.annonce_col1{
	text-align:center;
	float:left;
	width:95px;
	height:80px;
	overflow: hidden; 
	}
	
.annonce_col2{ 
	float:left;
	padding-left:5px;
	width:360px;
	height:80px;
	} 
	
.annonce_col3{
	padding-top:5px;
	text-align:right;
	float:left;
	width:195px; 
	height:80px; 
	} 


div#bandeau_rech {
	width:830px;
	height:20px;
	background-color:#e7e7e7;
	display:table; 
	}	

	
.center{
  margin-left: auto;
  margin-right: auto;
  width:80%;
}



	
div#gerer{
	padding-top:20px;
	width:630px;
	min-height:75px;
	padding-bottom:50px;
    text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: #000088;
	}
	
p#googleSearchTexte{
	text-align:center;
	font-weight:bold;
	color: #000088;
	font-size:15px;
	margin-left: auto;
    margin-right: auto;
    width:100%;  
}
p#googleSearchTexte2{
	text-align:center;
	font-weight:bold;
	color: #000088;
	font-size:13px;
	margin-left: auto;
  margin-right: auto;
  width:100%;  
}

div#googleSearch{
	text-align:center;
	margin-left: auto;
  margin-right: auto;
  width:100%;

}

.hautDroit{
float:left;

}	

.margin10{
	margin: 10px;
}	
div#mdp { 
	width:645px;
	height:500px;
	background-color:#fff;
	text-align:center;	
	}
	
.menuRef{ 
	font-size:9px;
	color:#00008c;
	}

	
div#menubas {
	width:150px;
	height:200px; 
	background-color:#ffffff;
	}
	
div#menuhaut {

	width:150px;
	background-color:#ffffff;
	}
	
div#menumilieu { 
	width:150px;
	height:200px; 
	background-color:#ffffff;
	}
div#besoin { 
	background-color:#e6e6fa;
	border-width: 1px;
	border-style: solid;
	border-color: #7c0090;
	}
.messageHaut{
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	background-color:#e6e6fa;
	border-width: 1px;
	border-style: solid;
	border-color: #7c0090; 
}

.partenaires{
	float:left;
	margin:3px;
}

	

	
.petitePhotoVide{
	width:90px; 
	height:75px;
	
}

	
div#plan{ 
	text-align:left; 
	width:550px;
	margin-left: auto;
	margin-right: auto;
	padding-top:0px; 
	padding-bottom:25px; 
	padding-left:10px;
	padding-right:10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000088; 
	display:table;
	}
	
div#plan-droit{ 
	float:left;
	text-align:left; 
	width:245px;
	padding-top:0px; 
	padding-bottom:25px; 
	padding-left:10px;
	padding-right:10px;	
	display:table;
	}
	
div#plan-gauche{ 
	float:left;
	text-align:left; 
	width:245px;
	padding-top:0px; 
	padding-bottom:25px; 
	padding-left:10px;
	padding-right:10px;
	display:table;	
	}	



.texteRouge{
	color : #dc0000; 
}

.tags{
	padding-left:10px;
	color : #b50a0a;
	font-weight:bold;
	font-size:15px;
}



.datevign{
    font-weight:bold;
	font-size:12px;
	color:#000;
}


.poserquestion{
    font-weight:bold;
	font-size:16px;
	color:#000;
}

.sabonnerrss{
    font-weight:bold;
	font-size:16px;
	color:#000;
}	
/*---------------------------------------------------------------- LES BALISES <P>  ------------------------------------------------------*/

p#centerG{
  margin-left:30px;
  font-weight:bold;
	}
	
p#contactv{ 
    margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	width:200px;
	height:18px;
	background-color:#ffffff;
	text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: #000088; 
	font-weight: bold;
	}
#inserer p
{
	margin: 2px 0;
}	
p#lienPartenaire{ 
	font-size:10px; 
	letter-spacing:0px;
	color : #000000;
	position:relative;
	}

p#message{ 
	text-align:center; 
	width:550px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	padding-top:25px; 
	padding-bottom:25px; 
	padding-left:10px;
	padding-right:10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000088; 
	}
	
p#pop{ 
	text-align:center; 
	width:550px;
	height:50px;
	margin-left: auto;
	margin-right: auto;
	margin-top:20px;
	padding-top:25px; 
	padding-bottom:25px; 
	padding-left:10px;
	padding-right:10px;
	padding-right:10px;
	border-width: 1px; 
	border-style: solid; 
	border-color: #000088; 
	}

/* LES BALISES TABLE  - TR -TD */	

table.gerer{
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
	width: 580px;  
	}
.texte{
  width:800px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
	border-width: 1px;
	border-style: solid;
	border-color: #ababab;
	clear:both;
}
	
td.gerer1{
  background-color:#e6e6fa;
  border: 1px solid #6495ed;   
	padding:3px;
	}	
	
td.gerer2{
  border: 1px solid #6495ed;   
	background-color:#eae1e2; 
  padding:3px; 
	}

	

 
	

		
	/* -------------------------------------AFFICHAGE DE LA GRANDE PHOTO -----------------------------------*/

 a.pop {
     position:relative;
     text-decoration:none;
     text-align:center;
     font-size:11px;
   }
   
   a.pop:hover {
      background: none;
      z-index: 50;
   }
   
   a.pop span {
     display: none;
   }
   
   a.pop:hover span {
      display: block;
      position: absolute;
      top: -150px;
      left: 40px;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:500px;
      background: white;
      padding: 5px;
      border: 1px solid #000000;
  
   }
   /*-------------------STYLE POUR BORDS ARRONDIS----------------*/
   
  .conteneur-arrondi{
    padding:0;
    width:160px;/* determine la largeur de la boite contenue */
    float:left;
    margin:1%;
}
.un      {
    margin:0 4px;
    height:1px;
    background-color:#e6e6fa;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #e6e6fa;
    border-top:0;
	border-bottom:0;
	}

.deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #e6e6fa;
    border-top:0;
	border-bottom:0;}

.trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #e6e6fa;
    border-top:0;
	border-bottom:0;}

.quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #e6e6fa;
    border-top:0;
	border-bottom:0;}
	
.centrearrondi {
    border:1px solid #e6e6fa;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2em;
    min-height:150px;/* avec eventuellement une hauteur mini */
    height:auto;
    height:150px;

}



#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:4px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
} 

#pagination-digg li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;
margin-right:2px;
}
#pagination-digg a{
border:solid 1px #9aafe5;
margin-right:2px;
}
#pagination-digg .previous-off,
#pagination-digg .next-off {
border:solid 1px #DEDEDE;
color:#888888;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding:3px 4px;
}
#pagination-digg .next a,
#pagination-digg .previous a {
font-weight:bold;
}
#pagination-digg .active{
background:#2e6ab1;
color:#FFFFFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-digg a:link,
#pagination-digg a:visited {
color:#0e509e;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-digg a:hover{
border:solid 1px #0e509e
}

.tdPagination{
border:solid 1px #0e509e	;
color:#0063e3;
text-align:center;
}

.tdPaginationactive{
background:#2e6ab1;
color:#FFFFFF;
text-align:center;
}

.precedente{
color:#0063e3;
font-weight:bold;
text-align:center;
}

.precedenteGris{
font-weight:bold;
text-align:center;
color:#DDDDDD;
}

.suivante{
color:#0063e3;
font-weight:bold;
text-align:center;
}

.suivanteGris{
font-weight:bold;
color:#DDDDDD;
text-align:center;
}

/*STYLE FORMULAIRE*/

form.form1{
     margin-left    : auto;
     margin-right   : auto;
     margin-top     : 20px;
     margin-bottom  : 50px;
     width          : 500px;
     border         : 0px solid #999;
}
form.form2{
     margin-left    : auto;
     margin-right   : auto;
     margin-top     : 5px;
     margin-bottom  : 5px;
     border         : 0px solid #999;
}

div.bouttonForm{
     padding-top    : 20px;
     padding-left   : 215px;
}

input[disabled ] {
    background: #ccc;
  }

label
{
    display        : block;
    padding-right  : 5px;
    float          : left;
    /*background     : #fff;*/
    margin-right   : 3px;
    width          : 200px;
    text-align     : right;
    font-weight    : bold;
}

fieldset
{
    border         : 0px solid #999;
    margin-top    : 5px;
    margin-bottom : 5px;
    /margin-left:30px;
    
}



#conteneurInput div
{
    background     : #f8f8f8;
    position       : relative;
    border         : 1px solid #999;
    text-align     : center;
    float          : left; 
}

#conteneurInput label
{
    padding-top    : 5px;
}

#conteneurInput input
{
    background     : none;
    border         : 0;
    padding        : 0 6px;
    width          : 200px;
    padding-top    : 5px;
    padding-bottom : 5px;
}

#conteneurTextarea div
{
    background     : #f8f8f8;
    position       : relative;
    border         : 1px solid #999;
    text-align     : center;
    float          : left;
}

#conteneurTextarea textarea
{
    background     : none;
    border         : 0;
    padding        : 0 6px;
    width          : 240px;
    overflow       : auto;
} 

	
#conteneurInputSearch div
{
    background     : #f8f8f8;
    position       : relative;
    border         : 1px solid #999;
    text-align     : left;
    float          : left; 
}

#conteneurInputSearch label
{
    border : 0px dotted #000000;
    display        : block;
    padding-right  : 5px;
    float          : left;
    /*background     : #fff;*/
    margin-right   : 0px;
    text-align     : right;
    font-weight    : bold;
    width          : 100px;

}

#conteneurInputSearch input
{
    background     : WHITE;
    border         : 0;
    padding        : 0 3px;
    width          : 270px;
    padding-top    : 0px;
    padding-bottom : 0px;
}



#conteneurInputCheck div
{
    background     : #f8f8f8;
    position       : relative;
    border         : 1px solid #999;
    text-align     : left;
    float          : left; 
}

#conteneurInputCheck label
{
    border : 0px dotted #000000;
    display        : block;
    padding-right  : 5px;
    float          : left;
    /*background     : #fff;*/
    margin-right   : 3px;
    text-align     : left;
    font-weight    : bold;
    width          : 130px;

}

#conteneurInputCheck input
{
    background     : WHITE;
    border         : 0;
    padding        : 0 2px;
    width          : 15px;
    padding-top    : 0px;
    padding-bottom : 0px;
}

span.top-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top	           : -1px;
    left           : -1px;
    background     : url("images/top-left.gif");
}

span.bottom-left
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    left           : -1px;
    background     : url("images/bottom-left.gif");
}

span.bottom-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    bottom         : -1px;
    right          : -1px;
    background     : url("images/bottom-right.gif");
}

span.top-right
{
    position       : absolute;
    width          : 4px;
    height         : 4px;
    overflow       : hidden;
    top            : -1px;
    right          : -1px;
    background     : url("images/top-right.gif");
}

div.fileinputs {
	position: relative;
}

div.fakefile {

	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {

	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

img.fileImg{
   vertical-align:-11px;
}