/*ANNONCES FLOUES*/
.petites-annonces{padding-top: 0px;	}

.petites_annonce a {
color: #3F7EEC;}

.petites-annonces .profils{
background-color : #FFC8E6;
font-weight: bold;
color: #B00061;
padding: 3px;}

.petites_annonce .descriptions{

font-weight: bold;
color: #B00061;
display : block;
background-color: #ECECE8 ;
padding: 4px;
}

.petites-annonces b{
color:      #646464;
}


.petites-annonces .cadres{
background-color:   #FCFCED;
padding: 12px 12px 1px 12px;

}

.petites_annonce .cadres a {
color: black;
text-decoration: none;

}


.petites-annonces img{
float: left;
margin-right: 7px;
margin-bottom : 25px;
border: 0px;
}

.cadre {/*position: relative;*/

    background-color:#FCFCED;padding: 12px;}


.cadre p {  

    position: relative;
    z-index: -1;

    color : black;display: inline;word-break: break-all;}



.cadre i {

   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-style: italic;
    text-align: center;
   
   /*.petites_annonces .cadre i {}*/



}













/*.cadre p {
    position: relative;
    min-height: 50px;
}

.cadre i.ct {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    background: white;
    font-style: normal;
}
*/

.description a.desc {text-decoration: none;color : grey;}

/*FLOU online 06/2017####################*/
/*CSS + script php blur filter + javascript dynamicdrive html.+ soluce url externe hack stackoverflow*/
/*PB COMPATIBILTE IE+/microsoft edge et OPERA superieur, safari anciennes versions. No solution pour le moment*/

#pict {height:100px;width:115px;margin-bottom : 15px;
}

#pict a{
 text-decoration:none;
}



#pict img {
width:100px;height:100px;
border : 1px solid grey;
}

 
#pict img.ftr{ 
/* hack blur dynamichtml javascript/php stackoverflow*/
filter : blur (url:http://www.rencontrea.com/css_blur_module/css.php?c=rencontrea) ;
filter:blur(add==1,direction_y=0,strength_z=10);
filter: .blur(4px);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Blur=4)";
     filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');

	

}

#plus { width:100px; height:100px;
/*background-color: white;*/
background: url(../img/2coeurs.gif);
border : 1px solid pink;
}

    #pict #box {
width:100px; height:100px;
border: 1px solid pink;
background-color: white;
}

/*END*/







body {
margin: 0 auto;
padding: 0 auto;
color: #000;
background:#fff url(img/fond.jpg) repeat-x;
font-family: Verdana;
 
}



#global{

font-size: 12px;
width: 780px;
/*margin-left: auto;
margin-right: auto;*/
 margin : 0 auto;
}


#head{
margin-top: 22px;
height: 92px;	
width: 780px;
background-color : white;
}

#head img {
border : none;}


#contg{
width: 570px;	
margin-top: 40px;
float: left;
clear: left;
}

#menug{

width: 139px;
margin-top: 0px;
padding-left: 0px;
display : block;
float: left;	
clear: left;

}

#anng{ /*position : absolute;*/
border-left: 1px solid #FF1493;
width: 400px;
margin-top: 0px;
padding-left: 10px;
padding-right: 20px;
float: right;
clear: right;
}




#anng .gras{ font-weight: bold; 
font-size : 20px; 
font-family: Georgia;
padding-bottom: 50px;
color : #DB0079; 
}


#anng strong{

font-weight: normal;
}

#anng textarea  {

background-color : #FAFAD2 ;
}
#anng textarea:hover{

background-color :  #FBFCEF ;
}

#anng input {

background-color : #FAFAD2 ;
}

#anng input:hover{

background-color :  #FBFCEF ;
}

#anng input .submit{

background: none ;
}



#bas{
font-size: 10px;
width: 780px;
margin-left: auto;
margin-right: auto;

}

#foot{/*background: #F2F2F2;*/
background-image: url(img/backgr.png);
width:100%;
float: left;
clear: left;
margin-top: 15px;
padding-top: 12px;
padding-bottom: 5px;
text-align: center;
/*border-top: 1px solid #D2D2D2;*/

}


#id{font-size:10px;color: #9E9E9E;}