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: 70px;	
width: 780px;
background-color : white;
}

#head img {
border : none;
}


/* LOGIN "DEJA MEMBRE" :  */
#membre {position: absolute; 
z-index:10000;
top: 1px;
width: 200px;
height: 155px;
background-color: #F2EFEFFF; 
-moz-opacity:0.80;
-khtml-opacity:0.80;
-ms-filter:"alpha(opacity=80)";
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
opacity:0.80;
}

#membre h3 { color: #FE2E9A;font-variant: small-caps;letter-spacing: 4px;word-spacing: 4px;padding-left:5px;}
#membre label[for=ez-login-form-email], label[for=ez-login-form-lfpassword], label[for=ez-login-form-chId]{font-size: 14px; margin-left:6px;color:#666565;display: inline;}
/*#membre  label[for=ez-forgotten-password-form-forgotten_email] {font-size: 13px; margin-left:4px;}*/
#membre dd input.text {margin:12px 0px 0px 3px;border : 1px solid #d1d1d1;} /*grossir les inputs par des paddings*/
#membre dd input.password {margin:4px 2px 0px 3px;border : 1px solid #d1d1d1; padding-right:5px;}
#membre select  { color :#FE2E9A;border: none;margin:4px 6px 0px 3px;padding-right:350px;margin-bottom: 39px;} /* allonger select pour pousser le bouton plus à droite*/
#membre button { background : #FFD2EB;border-radius: 20px;}


#ladate {
	color: white;

position : absolute;
margin-top: -110px;


}

#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;

}

#menug a{

text-decoration: none;
color:  #4E4E4E;


}

#menug a:hover{
color: white;
background-color: #FFA1D5;

}
#menug ul,li{
font-weight: normal;
margin-top: 0px;
padding: 1px;
margin: 0px;
list-style: square;

}

#menug .gras{ font-weight: bold; 
font-size : 20px; 
font-family: Georgia;
color:  #228B22;
}


#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 #retrait { padding-left: 20px;


}


#anng img {}


#anng h1{
margin-top : 0px;
margin-bottom: 0px;
font-size: 21px;
font-weight: bold;
text-align : right;
color:#636363;
}

#anng a:class{
font-family:   Verdana;
}

#anng h2{

margin-top : 0px;
font-size: 17px;
font-weight: normal;
text-align : right;
}

/*#anng h2{


font-weight: normal;
font-size: 12px;
color : grey;
display: block;
margin-top: -12px;	
margin-bottom: 26px;
text-align : right;
font-variant : small-caps;
}
*/
#anng p{

text-align: justify;	
margin-bottom: 175px;	
font-style: italic;
}




#inscription  {
margin-left : 80px;

}





#inscription p {
background:  url(img/bouton.png) no-repeat;
height:  35px;
width : 250px;
text-align: center;	
font-weight: bold;
font-family: georgia;
font-size: 19px;
text-align: left;
text-indent : 13px;
padding-top: 12px;
margin : -150px 0 30px 0;
}


#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 ;
}





#chemin {
width : 300px;
height: 50px;

}

#chemin img {

margin: 5px;
height: 29px;
width: 110px;
border: none;}


#chemin a.h{
position: absolute  ;
top: 350px;
}

/*.webcam {background : url(http://www.rencontrea.com/img/webcam.gif);width : 57px; height:150px;border: 1px solid green;display: inline;padding:50px;}*/


#menud{
width: 200px;
margin-top: 40px;
float: right;	
clear: right;

}

#menud strong {
display: block;
background-color :   #FFA1D5;
color: white;
padding: 3px;
}

#menud a{
display:  block;
text-align: right;
color:  #4E4E4E;
background-color :  #EDEDED;
margin: 1px;
padding: 3px;
text-decoration: none;
letter-spacing: 0.75px;

}


#menud a:hover{
color: blue;
background-color :  #F8F8F8;
color: black;


}
#menud ul,li{

margin-top: 0px;
padding: 0px;
margin: 0px;
list-style: none;
}

#menud ul li a.rouge{

color: red;
}

#menud ul li a.bleu{

color: blue;
}


#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;*/

}

#foot a{
background: #F2F2F2;
text-decoration: underline;
color :  Gray;
}

#foot a.des {
display: block;
font-size: 18px;
font-weight: bold;
font-family : georgia;
text-decoration: underline;
color :  #006ED7;
margin-top: 14px;
margin-bottom: 8px;
background: white;
padding: 8px 0 25px 0;


}

#menuville {
display: inline;
width: 500px;
height: 900px;
border: 1px solid black;
margin-top: 0px;
padding: 0px;
margin: 0px;
list-style: none;
}

#menuville a{
display: inline;
font-size: 15px;
color:  #4E4E4E;
background-color :  #EDEDED;
margin: 1px;
padding: 3px;
text-decoration: none;
letter-spacing: 0.75px;

}


#menuville a:hover{
display: inline;
font-size: 15px;
color:  Fuchsia;
background-color : White;
margin: 1px;
padding: 3px;
text-decoration: none;
letter-spacing: 0.75px;

}

#membreville {
text-align: center;
margin:0px;

}

#membreville input { height: 35px;
width : 185px;
padding: 5px; 
font-size: 18px;
color :red;
font-family: georgia;
/*background-image: url(img/fondf.gif);
border: 1px solid #DEDEDE ;*/

}

#membreville input:hover { 
color :  #FF6262;
}

#membreville .go {
width : 200px;
}


.recherche {

display: block;
background-color: #FF1493;
color: white;
font-weight: bold;
padding: 3px;
}

.txtrecherche {
color:   #3D3D3D;
display : block;
padding : 9px;
background-color :  #FFFFD9;
text-align: center;
}

.flrouge {
color: red;
font-size: 13px;
}

#xiti-logo {
	margin-top:20px;
display: inline ;
border-top: 5px;
vertical-align :  baseline ;
}
#notrelien  {
color :    #999999;
}
#notrelien textarea 
{
width: 366px;
height: ;
font : 13px arial;
color :  #8F8F8F;
border :  1px solid #E8E8E8;
background:  #FCFCFC;
padding : 4px;
}

h3  {
font-weight: bold;
color : red;
display : inline;
}

#inistat8098  {
width : 88px;
height: 30px;
padding-top: 3px ;
background: url(img/inistat8098.gif) no-repeat;
margin-left: auto;
margin-right: auto;
color :  white;
}

#inistat8098 .nb {
color : #D2D2D2;
text-align : center;
padding-left: 8px;
padding-right:7px;
}

.nota {
color :    #2A2A2A;
font-size: 11px;
font-family:  Arial;
}


#facebook {padding : 0px 50px 50px 160px;}
#pcarre {height: 222px; background-color : #F4F2F2; }
#carre2 {position: fixed; top: 155px;width: 200px;}


 #carre {
position : absolute;
top: 155px;
width: 200px;
}


/* transition photos : slideing effect / fondu enchainé / dezoom / flash / apparition progressive d'un texte lettre par lettre  */
 
 #diapo {

   /*align-items: center;
display: flex;*/
position: absolute; 
height:200px;
width:200px;
 overflow: hidden; 
    
}

#diapo img {width:200px;}

/*FLASH*/
/*@keyframes flash {0% {opacity: 0;}100% {opacity: 1;}}*/
/*@keyframes flash{from{opacity:0}to{opacity:1}}
@-moz-keyframes flash{from{opacity:0}to{opacity:1}}
@-webkit-keyframes flash{from{opacity:0}to{opacity:1}}
@-o-keyframes flash{from{opacity:0}to{opacity:1}}
.fady{animation:flash 1s ;-webkit-animation:flash 1s;-moz-animation: flash 1s; -o-animation: flash 1s ; }
*/



/*SLIDING : javascript à modifier si conservé affichage photo précédente */
/*#photo{position: relative;overflow: hidden;width: 200px;height: 200px; }
.fady {position: absolute;left: -100px;width: 200px;height: 200px;-webkit-animation: slideIn 1s forwards; -moz-animation: slideIn 1s forwards;    -o-animation: slideIn 1s forwards; animation: slideIn 1s forwards;         }
@-webkit-keyframes slideIn {from {left: -100px;}to {left: 0;}}
@-moz-keyframes slideIn {from {left: -100px;}to {left: 0;}}
@-o-keyframes slideIn {from {left: -100px;}to {left: 0;}}
@keyframes slideIn {from {left: -100px;}to {left: 0;}}
*/

/*DEZOOM*/
/*@keyframes fady-animation {
   0% {transform: scale(0.9);}
   100% {transform: scale(1); }}
.fady {animation: fady-animation 1s ease; }
*/


/*DEZOOM+TRAVELLING*/
.fady {object-fit: cover; animation: zoomMove 3s cubic-bezier(0.1, 1, 0.1, 1) forwards;}
@keyframes zoomMove {0% {transform: scale(3) translateY(-25%);}
50% {transform: scale(3) translateY(0); }
100% {transform: scale(1) translateY(0); }}









#diapo a {margin:0;padding:0;}

#diapo .ville {
   z-index: 1;
background: rgba(31, 15, 0, 0.7);
color : white;font-size:16px; 
position: absolute;
top: 4px;
right : 4px;
margin-left: 4px;
padding :4px;
word-break: break-all;
}

  #diapo .pluslink { width:200px;height:200px;
position:absolute;z-index: 1;}

   #diapo .nom {
       z-index: 1;
   background: rgba(255, 255, 255, 0.7);
    color:blue;
    font-size:16px;
    position: absolute;
    top: 148px;
    padding:6px;
text-align: center;

/*word-break: break-all;*/
/* Tirets : ajouter <div class='nom' lang='fr'*/
hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;

 


}

 #diapo .nom:hover {color: red;
    transition:  2.2s ease;
    -webkit-transition:2s ease-in-out;



    opacity: 0;

 }

     

/*Ancienne versions opacity : 0.1;
    -khtml-opacity:0.1; 
    -moz-opacity : 0.1; 
    -ms-filter: "alpha(opacity=10)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10); 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter : alpha(opacity=10); */





 #diapo .vert {
 color: greenyellow;
font-size:18px;
display:inline;}

#apres {right: 0;}
#avant {left: 0;}
#avant, #apres {

    
   
 
  top:89px;


   z-index: 2;box-shadow: 1px 1px 2px grey;
   text-indent : 8px;
   border-radius:50%;
            opacity: 0.2;
            position: absolute;
            margin: 0 -10px;
            transition: opacity 0.9s ease-out;
-webkit-transition:0.9s ease-out;
font-size: 22px;
           cursor: pointer;
           width :30px;height:30px;
             background-color:  white;
            color: grey;
         }


#diapo:hover #avant,
#diapo:hover #apres {opacity: 1;}











#pls { margin-top: 18px;text-align: center;font-variant : small-caps;}
#next{padding : 15px 15px 0px 15px; /*background:#F8F8F8;*/font-size:15px;text-align: center;color : gray;margin-top: 15px;}
#next:hover { background:white;}
#next a {font-size:18px;font-family: trebuchet;}
#prev{text-align: center;color: gray;margin-top: 18px;}
#ici{font-size:12px;text-align: center;margin-top: 5px;color: gray;}

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

.cach{font-size:9px;color: #E2E2E2;display:block;}

.petites_annonces a.arr{ font-size: 18px; display:block; margin-top: 7px;}


.centrer {
   width: 200px;
   margin: auto;
}

a.cloud1 { font-family:Verdana; font-size:24px;text-decoration: none;
	
}
a.cloud1:hover { font-family:Verdana; font-size:22px;text-decoration:underline;
 }


a.cloud2 {  font-size:16px;
	color : white;
background-color: grey;
	padding:20px;
border: 1px solid pink;
float:left;

}
a.cloud2:hover { font-family:Verdana; font-size:14px;text-decoration:underline;
 }


a.cloud3 { font-family:Verdana; font-size:14px;text-decoration: none;}
a.cloud3:hover { font-family:Verdana; font-size:10px;text-decoration:underline;
 }

 a.cloud4 { font-family:Verdana; font-size:14px;text-decoration: none;}
a.cloud4:hover { font-family:Verdana; font-size:10px;text-decoration:underline;
 }

#textform p {font-size:14px;}

fieldset {border-radius: 5px;background-color: #f2f0f0;padding: 20px;border:none;}
legend { font-variant: small-caps;font-size: 18px;}

#formu input, textarea {width: 360px;padding: 10px 18px;margin: 8px 0;/*display: inline-block;*/border: 1px solid #d9d9d9;border-radius: 4px;box-sizing: border-box;font-size:16px;}
/*input:hover, textarea:hover {background-color: #F6F5E1FF;} */
textarea {height: 100px;}

label {font-size:16px;position:relative;display:block;}
label abbr {position: absolute; left: -1em;color: red;text-decoration:none;}
label strong{color:red;}

#anng input.bouton {width: 150px ;background-color: #4caf4c ;color: white;padding: 12px 18px;border: none;border-radius: 4px;cursor: pointer;font-size : 21px;float:right;}
#anng input.bouton:hover {background-color: #419c47;} 


#rang {background-color: #FBFCFDFF;/*margin:5px 0px 30px 0px;*/float: left;width: 400px;position: absolute;z-index: 5;
    top: 285px;}
/*#rang a {border:  1px solid white;}*/
#rang a:hover {-moz-opacity:0.60;-khtml-opacity:0.60;-ms-filter:"alpha(opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);filter:alpha(opacity=60);opacity:0.60;}
#anng #instant {color:  white; background-color:  #FC8ACBFF;font-size: 16px;padding: 5px 5px 5px 5px;position: absolute;z-index: 5; top: 255px; }
.contenant {position: relative;display : inline;float: left;}
.contenant img {float: left;}
.texte {background-color: #E060A6FF;color : white;position: absolute;top: 83px;left: 57px;
  /*transform: translate(-30%, -60%);*/
}





/*
#sky {margin-left:15px;top:0px;width:130px;text-align:center;}
#sky p {margin:0px;padding:0px;margin-bottom:10px;padding-top:0px;}
#sky img {border:0px;margin-top:10px;}
#sky span {background:url() repeat-x;padding:2px 0px;color:#fff;font-weight:bold;width:130px;display:block;font-size:12px;}
*/

/*<div id="rang">
<a href="#">

<img src="71499000.jpg" width="100px" height="100px" />

</a>
</div>
*/





/* -- END -- */
























































































label[for=email_expediteur]{position:absolute;top:-100px;}#email_expediteur{position:absolute;top:-100px;}label[for=confirmer_email]{display:none;}#confirmer_email{display:none;}