/* feuille de style principale de pebblelings.com version 2025 provisoire*/

/* BLOCKS */
/* blocks principaux */
body{
background-color:#ddeeff;
margin:0;
padding:0;
}
div.header{
position:relative;
width: 800px;
padding:0;
margin-bottom:-2px;
margin-left:auto;
margin-right:auto;
float:none;
}
div.background{
position:relative;
width: 800px;
padding:0;
margin-left:auto;
margin-right:auto;
float:none;
background-color:#99cccc;
-moz-border-radius:18px 18px 0 0;
z-index:0;
overflow:hidden;
}

div.backgroundbottom{
position:relative;
width: 800px;
height:200px;
padding:0;
margin-left:auto;
margin-right:auto;
float:none;
background-color:#99cccc;
-moz-border-radius:0 0 18px 18px;
background-image:url("images/biofondfoot.gif");
background-repeat:repeat-x;
background-position:bottom left;
background-attachment:scroll;
z-index:0;
}
div.container{
margin-left:auto;
margin-right:auto;
width:750px;
padding-top:5px;
padding:8px;
float:none;
background-color:#ddeeff;
border-bottom: 5px solid #79b; 
border-right:3px solid #9bd;
background-image:url("images/fondcontainer0101.gif");
}
div.logoblock{

margin-left:auto;
margin-right:auto;
width:800px;
background-color:#ddeeff;
}
div.menusite{
position:relative;
z-index:2;
float:none;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:5px 5px 15px 5px;
width:450px;
background-color:#ddeeff;
text-align:center;
-moz-border-radius:0 0 50px 50px;
}
div.menusite a{
color:#714dc6;
}
div.menusite a:hover{
background-color:#714dc6;
text-decoration:none;
color:#ffffff;
}
div.imagebig{
margin-top: -110px;

position:relative;

float:left;
z-index:3;

}

/* blocks flottants*/
div.article{
position:relative;
float:right;
width:550px;
padding:5px 5px 10px 15px;
margin-top:15px;
margin-left:0;
margin-right:10px;
background-color:#ffffff;
opacity:1;
-moz-border-radius:0 50px 0 50px;
z-index:0;
}

div.articlebottom{
width:500px;
height:80px;
padding:5px 5px 10px 15px;
margin:0 5px 5px 5px;
float:right;
background:url("images/feuilles1.png");
}
div.float{
position:relative; 
width:300px;
padding:5px;
margin:5px 5px 5px 5px;
float:right;
background-color:#ffffff;
-moz-border-radius:0 18px 0 18px ;
} 
div.float p{
text-align:center;
}
div.floatbis{
margin:0 100px 0 0;
position:relative;
float:right;
}
div.floatter{
width:300px;
float:right;
padding:5px;
margin:3px 3px 7px 3px;
} 
div.floatter p{
text-align:right;
}
div.floatg{
padding:5px; 
margin:5px 5px 5px 200px;
float:left;
}
div.floatk{
float:right;
margin:0px 0px 0px 30px;
}
div.pluntlogo{
position:relative;
float:right;
margin-top:-100px;
margin-right:-100px;
z-index:2;
}
div.floatcenter{
margin-left:auto;
margin-right:auto;
width:700px;
}
#menucolonne{
position:relative;
float:left;
width:200px;
}
div.inscription{
position:relative;
background:#fff86a url("images/fondmenu202.gif") repeat-x bottom left;
float:left;
margin-top:10px;
margin-right:0px;
padding:5px 5px 20px 5px;
width:200px;
text-align:right;
-moz-border-radius: 0 40px 0 0;
z-index:2;
}
div.inscription p{
font-style:arial;
color:#a0410d;
}
div.inscription a{
font-style:arial;
color:#000000;
}
div.connect{
float:left;
text-align:center;
margin:-50px -50px 0 10px;
padding:0;
}
div.talen{
position:relative;
background:#c79d6c url("images/automnefond.gif") repeat-x bottom left;
float:left;
margin-top:5px;
margin-left:0px;
padding:5px 5px 50px 25px;
width:100px;
text-align:left;
opacity:0.7;
-moz-border-radius:0 40px 0 0;
z-index:4;
}
div.talen a{
font-style:arial;
color:#fedfbe;
}
div.talen a:hover{
font-style:arial;
color:#fedfbe;
background-color:#a46b39;
}
div.firefoxlogo{
position:relative;
float:left;
margin-top:-140px;
margin-left:-25px;
width:130px;
text-align:center;
z-index:2;
}
div.firefoxlogo a{
text-decoration:none;
}
/* fin BLOCKS */

/* SPECIAL*/
div.spacer{
clear: both;
}
#nuages{
position:absolute;
top:0;
left:0;
width:1920px;
height:150px;
background: url(images/headerfont4.png) no-repeat top left;
-moz-border-radius:18px 18px 0 0;
z-index:0;
}
/* fin SPECIAL */

/* TEXTES*/
/* titres */
h1{
font-family:arial;
font-stretch:wider;
letter-spacing:-3px;
color:#3cb878;
font-size:28pt;
z-index:3;
}
h2{
font-family:arial;
color:#336666;
text-align:center;

}
h4{
float:left;
text-align:center;
color:#000000;
font-family:arial;
} 
/* paragraphes */
p{
color:#000000;
font-size:12pt;
font-family:arial;
opacity:1;
} 
/* liens*/
a:link{
font-style:normal;
font-family:arial;
color:#006;
text-decoration:none;
} 
a:visited{
font-style:normal;
font-family:arial;
color:#006;
text-decoration:none;
}
a:active{
font-style:normal;
font-family:arial;
color:#000000;
text-decoration:none;
}
a {
	color: #300;
	text-decoration: none;
	}

a:hover {
	color: #009;
	text-decoration: underline;
	}
/* decorations de texte */
.evun{
font-weight:bold;
}
.evbis{
font-weight:bold;
text-decoration:underline;
}
.evter{
font-style:italic;
}
.evquater{
font-style:italic;
text-decoration:underline;
}
/* centrer texte ou image */
.centrer{
text-align:center;
}
div.centreimg{
margin-left:auto;
margin-right:auto;
width:50px;
}
div.centreimgbig{
margin-bottom:-50px;
margin-left:auto;
margin-right:auto;
width:500px;
z-index:0;
}
div.img{
opacity:1;
float:none;
position:absolute;
z-index:1;
}
/* styles de texte */

.footertxt{
padding:5px;
font-family:arial;
width:800px;
margin-left:auto;
margin-right:auto;
}
/* fin TEXTE */