html, body {

background-color: #b5a793;

font-size:14px;

font-family: Arial, SunSans-Regular, Sans-Serif;

color:#564b47;

padding:0px;

margin:0px;

}



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

a:visited {color:#b40f1b;}

a:hover {color: #564b47;text-decoration:underline;}

a:active { color:#000000;}



strong {

font-weight:bold;

}



em {

font-style:italic;

}



p {

text-align:justify;

margin:10px 0;

}





h1 {

font-size: 16px;

font-weight:bold;

padding:20px 20px;

margin:0px }



.vert {

background: url(img/carre-vert.gif) no-repeat;

background-position: 0% 50%;

}



h2 {

font-size: 16px;

font-weight:bold;

padding: 0 15px;

margin:0px;

color: #b40f1b;

}





h3 {

font-size: 16px;

font-weight:bold;

padding: 0px;

margin:0px;

color: #b40f1b;

}



#right .post-title {

background: url(img/puce-bl.gif) no-repeat;

background-position: 0% 40%;

}



.post-title {

background: url(img/puce-vert.gif) no-repeat;

background-position: 0% 40%;

}



.post-content {

padding: 0 15px 25px 15px;

}



.post-content3 {

padding: 0 15px 5px 15px;

}



.post-content2 {

padding: 0 15px 5px 15px;

font-size:12px;

}



.post-info {

padding-right:15px;

font-size: 11px;

text-align:right;

}

.suite {

font-size: 12px;

text-align:right;

padding-right:10px;

}



/* ----------container zentriert das layout-------------- */

#container {

width: 960px;

margin-bottom:0;

margin-left: auto;

margin-right: auto;

background: #b5a793 url(img/bg-310px.jpg) repeat-y;

}





/* ----------banner for logo-------------- */

#banner {

background-color: #442e30;

padding: 0px;

margin: 0px;

}





/* -----------------Inhalt--------------------- */

#content {

padding: 20px;

margin-left: 0px;

margin-right: 310px;

}

div#content { 

min-height:400px;

height:expression(this.scrollHeight > 400 ? "auto":"400px");

}





#content-large {

padding: 20px;

margin-left: 0px;

margin-right: 0px;

}

div#content-large { 

min-height:400px;

height:expression(this.scrollHeight > 600 ? "auto":"600px"); 

}







/* --------------left navigavtion------------- */

#right {

float: right;

width: 310px;

margin: 0px;

margin-left:15px;

padding: 0px;

}



/* -----------footer--------------------------- */

#footer {

clear: both;

margin:0px;

padding:5px 20px;

background:#442e30;

color:#b8ab96;

 }

 

#footer p{

font-size: 11px;

margin:0;

}



#footer a{

color:#b8ab96;

text-decoration:none;

font-weight:bold;

}





#footer a:hover{

color:#fff;

text-decoration:underline;

}



.footerdroit {

float:right;

}



/* ---------------- Menu --------------*/





#menu {
float:right;
width:618px;
height:40px;
background:#442e30;
margin:37px 50px 0 0;
padding:0;
}

#nav {
list-style:none;
height:40px;
display:inline;
overflow:hidden;
width:618px;
margin:0;
padding:0;
}

#nav li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

#nav a {
float:left;
overflow:hidden;
height:0!important;
padding:40px 0 0;
}

#nav a:hover {
background-position:0 -40px;
}

#accueil a {
width:94px;
background:url(img/accueil.jpg) top left no-repeat;
}

#qui a {
width:46px;
background:url(img/qui.jpg) top left no-repeat;
}

#quoi a {
width:60px;
background:url(img/quoi.jpg) top left no-repeat;
}

#comment a {
width:106px;
background:url(img/comment.jpg) top left no-repeat;
}

#ou a {
width:89px;
background:url(img/ou.jpg) top left no-repeat;
}

#rien a {
width:42px;
background:url(img/rien.jpg) top left no-repeat;
}

#actus a {
width:73px;
background:url(img/actus.jpg) top left no-repeat;
}

#terrains a {
width:108px;
background:url(img/terrains.jpg) top left no-repeat;
}





/* PAGE QUI */





#qui1 { 



width:260px;

float:left;

margin-right:25px;

padding:15px;

color:#442e30;

}



#qui2 { 

background: url(../../img/fd-zonequi-violet.jpg) no-repeat;

width:260px;

float:left;

padding:15px;

color:#b1101c;

}



#qui3 { 

background: url(../../img/fd-zonequi-orange.jpg) no-repeat;

width:260px;

float:left;

margin-right:25px;

padding:15px;

color:#d06f19;

}



#qui4 { 



width:260px;

float:left;

padding:15px;

color:#788b05;

}



#qui1 h1, #qui2  h1, #qui3  h1, #qui4  h1 {

text-transform:uppercase;

padding:0px;

margin:0px

}





.ouvisu { 

background: url(../../img/fd-zone-verte-ou.jpg) no-repeat;

}





.sousmenu {

margin:5px 0 0 140px;

}



.sousmenu a {

color:#f5cd6c;

}



.sousmenu a:hover {

color:#fff;

}







/* ------- TABLEAU TERRAIN -------*/



.cell-terrain {

text-align:right;

padding:10px 60px 10px 0;

border-bottom:1px solid #d8dc3f;

border-top:1px solid #d8dc3f;

vertical-align:top;

}



.cell-terrain2 {

padding:10px 0;

}



#fiche {

border:1px solid #d8dc3f;

width:585px;

padding:10px;

}



.adroite2 {

float:right;

}





.tofterrain {

border: 6px solid #fff;

}





.field-label {

float:left;

text-align:right;

font-weight:bold;

margin-top:10px;

}



.field-widgettt {

/*position:absolute;*/

margin-left:120px;

margin-top:10px;

}



.Style2 {

/*publie*/

color:#66CC00;

}



.Style3 {

/*non publie*/

color:#ccc;

}



.tabti {

padding:5px 10px;

border-bottom:1px dotted #ccc;

border-top:1px dotted #ccc;

}



.tabti2 {

padding:5px 10px;

border-bottom:1px dotted #ccc;

border-top:1px dotted #ccc;

}



.cont {

margin:15px;

}



.writeb {

margin-top:7px;

}



.etoile {

color:#ddd;

}