img.annonce_zoom{
	border: 1px solid #006;
	background-color:#FFF;
	padding:10px 10px 10px 10px;
}

img.mini_annonce_zoom{
	border: 1px solid #006;
	background-color:#FFF;
	padding:2px 2px 2px 2px;
}

img.annonce{
	margin : 2px 2px 2px 0px;
	border: 1px solid #006;
	padding:2px 2px 2px 2px;
}

body{
	font-size	: 12;       
	color		: darkblue;   
	background-color: white;
	font-family	: Arial, Helvetica, sans-serif;
	text-align	: center;  
}

textarea{
	border-width:1px;
	border-style: solid;
	border-color: darkblue;
	background-color: #DDDDEE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;

	color:darkblue;
}

input{
	border-width:1px;
	border-style: solid;
	border-color: darkblue;
	background-color: #DDDDEE;
	font-family: verdana;
	font-size:12px;
	
	color:darkblue;
}


select{
	border-width:1px;
	border-style: solid;
	border-color: darkblue;
	background-color: #DDDDEE;
	font-family: verdana;
	font-size:12px;
	font-style:italic;
	color:darkblue;
}

div.annonce_test{
	float:left;
        margin-left:5px;
   	margin-right:5px;
	height: 250px;      
	width:200px;
}

div.conteneur{
	position:absolute;
	top : 1%;
	left: 2%;
	right: 2%;
	width:94%;
}

div.coin{
     	position: absolute;
	top:0px;
	left:0px;
	height: 150px;      
	width:100px;
	background-color:white;
}

div.tete{ 
    	position	:absolute;
	top		:0px;
	left		:120px;
	right		:0px;
 	background-color:white; 
	height		:180px;
	width		:auto;

	text-align	:left; 
        padding-left	:20px;  
	padding-top:30px;} 

div.le_site, div.le_blog, div.les_annonces2, div.mon_espace, div.les_annonces{
    	position	:absolute; 	background-color:white; 
	height		:180px;		top	:0px;
	text-align	:left; 	        padding-left	:0px;  	
	padding-top	:21px; 		color:white;
}
div.le_site	{left:0px;	width		:110px;}
div.mon_espace	{left:110px;	width		:138px;}
div.les_annonces{left:248px;	width		:145px;}
div.le_blog	{left:393px;	width		:100px;}
div.les_annonces2{left:248px;	width		:145px; background-color:#235f91; }

div.le_site:hover, div.le_blog:hover, div.les_annonces:hover, div.mon_espace:hover, div.les_annonces2:hover{
    	background-color:#235f91;
	
}

.le_site a{color: white;}
.le_blog a{color: white;}
.mon_espace a{color: white;}
.les_annonces a{color: white;}
.les_annonces2 a{color: white;}

div.carre{
    	position:absolute;
	top:0px;
	right:35px;
	left:872px;	


	height:132px;
	background-color:#4682B4; 
	text-align:left;
}


a.lien_type_1 {    
	color:#DDDDEE; 
} 
a.lien_type_2{    
	color:#4682B4; 
}

a{         
	color		:#789;      
      	text-decoration	: none; 
}           

a:hover{       
     	color		:dodgerblue;   
        text-decoration	:none;
}         

div.texte {
	background-color:white;  
	color:#235f91; 
	text-align:left;

    	position:absolute;
	top	:200px;
	left	:0px;
	right	:0px;

	height:auto;
	min-height:500px;
	width:auto;
     	padding-right:180px; 

}  

div.mini_cadre_ordre	{left:68px;background-image:url('images/ordre.GIF');}
div.mini_cadre_hasard	{left:20px;background-image:url('images/hasard.GIF');}

div.mini_cadre_ordre:hover	{background-image:url('images/ordre_survol.GIF');}
div.mini_cadre_hasard:hover	{background-image:url('images/hasard_survol.GIF');}

div.mini_cadre_hasard, div.mini_cadre_ordre {
	position:absolute;	bottom:10px;	width:38px;	height:17px;
}

div.mini_cadre_prec		{left:116px;	background-image:url('images/precedent.GIF');}
div.mini_cadre_suiv		{left:144px;	background-image:url('images/suivant.GIF');}
div.mini_cadre_prec:hover	{background-image:url('images/precedent_survol.GIF');}
div.mini_cadre_suiv:hover	{background-image:url('images/suivant_survol.GIF');}


div.mini_cadre_suiv, div.mini_cadre_prec{
	position:absolute;
	top:10px;
	width:18px;
	height:17px;
}
div.blabla{position:absolute; top:-20px;	right:20px;
	text-align:middle;
	width:250px;	background-color:#DDE; 	border: 1px  #006; 	float:left;
}

div.auteur_annonce, div.info{
	position:absolute;	text-align:middle;
	width:150px;	background-color:#DDE; 	border: 1px dashed #006; 	float:left;
}
div.auteur_annonce{position:absolute; top:20px;	right:20px;}
div.info{position:fixed; top:200px;	right:20px;}

div.afficher_une_annonce{
	width:auto;
	float:bottom;
	margin : 20px 20px 20px 0px;
	padding: 0px 10px 10px 10px;

	background-color:#DDE; 
	border: 1px dashed #006;
}