body {

margin: 0;
padding: 0;
background-image: url("i/fond-ete.jpg");
background-position: left top;
background-repeat: repeat-y;
height: 100%;
/*New Century Schoolbook*/}

#drapeauxhiver {
display: none;
}
.rub123 a {text-decoration:none;}

#centre {
background-color: #CEE3C2;
width: 750px; /*750*/
height:auto;
position: absolute;
/*top: 254px;*/
left: 110px;
padding-left: 0px;
padding-right: 0 ;
text-align: center;
padding-top: 0;
}
#centre1 {
background-color: #CEE3C2;
width: 750px; /*750*/
height:100%;

position: absolute;
top: 250px;
left: 110px;
padding-left: 0px;
padding-right: 0 ;
text-align: left;
padding-top: 0;

}

a.back {
display: block;
width: 750px;
height: 200px;
position: relative;
top: 20px;
left: 0px;
text-decoration: none;
background-color: transparent;

}
a.backintro {
display: block;
width: 750px;
height: 200px;
position: relative;
top: 20px;
left: 0px;
text-decoration: none;
background-color: transparent;
background-image: url("i/pap/papillon.gif");

}

html>body #hiver
{
height: 100%; 
}

#hiver {
display: block;
height: 900px; 
width: 110px;
color: white;
background-image: url("i/vete.jpg");
background-position: left top;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
text-align: center;
}

.rub {
float: left;
padding: 0 0;
margin: 0 0 0 3px;
text-align: center;
/*height: 302px;*/

}
.rub123 {
float: left;
width:234px;
/*height:310px;*/
/*height:400px;*/
position: relative;
border-width: 1px;
border-color: white;
border-style: solid;
margin: 5px 0 5px 3px;
/*background-image: url("i/puceintro.png");*/
background-position: right bottom;
background-repeat: no-repeat;
background-color: #CEE3C2;
margin-top: 0;

}
.rub123 img {
border-color: #FFFFFF;
border-width: 2px;
border-style: solid;
}
.rub123 h1 {
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0;
font-size: 20px;
font-family: Sylfaen, Century Schoolbook, News Gothic MT, Times New Roman, Times, serif;
display: block;
background-color: #F1A811;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
text-decoration: none;
/*height:56px;*/
}
.rub123 span {
text-align: left;
font-size: 14px;
cursor: pointer;
line-height: 1.5em;
padding: 0 10px 0 10px;
font-family: arial;
}
.rub123 a {
display: block;
/*height: 310px;*/
/*height:400px;*/

}




#nav {
display:block;
width:750px;
height: 20px;
margin: 0;
float: left;
padding: 0;
text-align: center;
font-size: 12px;
font-family: Sylfaen, Century Schoolbook,News Gothic MT, Times New Roman, Times, serif;
}

html>#nav {
font-size: 13px;
}
#nav ul {
margin: 0;
padding: 0;
display: inline;
}

#nav li {

}
#nav li.boutons {
display:inline;
margin: 0;


}



li.boutons a {
display: block;
width: auto;
height: 16px;
padding: 0 4px;
background-color: #336600;
display:inline;
margin: 0;
color:#689c26 ;
font-weight: bold;
letter-spacing: 1px;
border-color: #C9DEFF;
border-style: solid;
border-width: 1px;
text-decoration: none;
}



li.boutons a:hover {
background-image: url("i/fond-ete.jpg");
background-repeat: repeat;
color: #336600;
text-decoration: none;
}



#news {
background-color: white;
margin : 10px 20px 10px 6px; /*9*/
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
text-align: left;
font-size: 12px;
font-family: arial, sans-serif;
width: 709px;
}
#news h1 {
background-image: url("i/actu.png");
background-repeat: no-repeat;
width: 86px;
height: 17px;
display: block;

}

#news h1.esp {
background-image: url("i/actuesp.png");
background-repeat: no-repeat;
width: 117px;
height: 17px;
display: block;

}
#news h1.fr {
background-image: url("i/actu.png");
background-repeat: no-repeat;
width: 86px;
height: 17px;
display: block;

}
#news h1.en {
background-image: url("i/actuen.png");
background-repeat: no-repeat;
width: 86px;
height: 17px;
display: block;

}



#news p {
padding-left: 15px;
background-image: url("i/pucenews.png");
background-position: left top;
background-repeat: no-repeat;	
}
#news h2 {
font-size: 14px;
}
#news h2 a {
color: #336600;
}
span.alt {
display: none;
}


#articles {
background-color: white;
margin : 8px 180px 10px 10px;
width: 565px
text-align: left;
font-size: 12px;
font-family: arial, sans-serif;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;
height: auto;
}
p.spip {
text-align: left;
padding-right: 10px;
}
#articles h2 {
font-size: 14px;
text-align: left;
color: #f1a811;
}
#articles h2 a{
font-size: 14px;
text-align: left;
color: #336600;
}
h3.spip {
color: #336600;
}

blockquote.spip {
color: #FF9900;
width: 150px;
float: right;
margin-right: -180px;
margin-top: 15px;
background-color: transparent;
font-size: 11px;
font-weight: bold;
}


li.puce {
list-style-image: url("i/pucep.png");
}
li.puce a {
color: #669933;
}

dl.event
{
margin: 5px 0;
padding: 0;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
width: 200px;
font-weight: bold;
}

.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 200px;
padding: 0 0 .5em .5em;
}
#pied {
	position: relative;
	top: 0px;
	font-size: 10px;
	text-align: center;
	font-family: Century Schoolbook, News Gothic, Times New Roman, Times, serif;
}
#pied a{
	color: #000000;
	text-decoration: none;
}



a.meteo:hover{
background-image: url("i/meteo2.gif");
background-repeat: no-repeat;
}

table.spip tr.row_first {
	background-color: #669933;
	}
th{	
font-size: 10px;
}

table.spip tr.row_odd {
	background-color: #CEE3C2;
}

table.spip tr.row_even {
	background-color: #FFF;
}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #669933;
	border-collapse:collapse;
}