/* Feuille de style du site de L'Epinaye des Templiers. Copyright Christelle Bérenger 2009 - 2012 */

html {
padding:0;
margin:0;
} 

* html {
padding:0;
margin:0;
} 

body {
}


.blanc {
background-color:#FFFFCC;
}

.cheminetang {
background-image:url(4seasons/back.php);
}

#accueil {
position:absolute;
width:1000px;
height:auto;
left: 50%;
margin-left: -500px;
}

#top {
float:left; 
width:1000px; 
height:auto;
}

#logo {
float:left; 
margin-left:10px; 
width:auto; 
height:auto;
}

#logo a img{
border:none;

}

#banniere {
float:right;
margin-left:auto;
margin-right:auto;
width:760px; 
height:200px;
margin-top:0;
}

#titre {
width:560px;
height:10px;
float:left;
}

#titre h1{
visibility:hidden; 
padding:0; margin:0; 
line-height:10px;
height:10px;
}

#backmenu {
margin-top:auto;
float:left; 
margin-left:0; 
width:750px; 
height:auto;
text-align:center;
}

#menu {
margin-left:auto;
margin-right:auto;
width:auto; 
height:60px;
}

#menu ul {
float:left;
list-style-type:none;
margin:0;
padding:0;
}

#menu ul li {
float:left;
background-image:url(images/ecriteau2.png);
background-repeat:no-repeat;
width:150px;
height:50px;
margin-left:auto;
margin-right:auto;
}

* html #menu ul li {
background-image:url(images/ecriteau2.gif);
}

#menu ul li a {
display:block;
width:150px;
height:50px;
font-family:Lucida Calligraphy,"Times New Roman", Times, serif;
font-weight:bold;
color:#000000;
text-decoration:none;
font-size:14px;
padding-top:17px;
}


#contact {
float:left; 
width:200px; 
font-family:Lucida Calligraphy,"Times New Roman", Times, serif;
font-weight:bold;
}

#contact a {
color:#000000;
text-decoration:none;
}

#contact a img {
border:none;
}


.spacer {
clear:both;
width:100%;
height:2px;
float:left;
padding:0;
display:block;
}



#content {
float:left; 
margin-left:0; 
width:750px; 
height:auto;
font-family:Lucida Calligraphy,"Times New Roman", Times, serif;
margin-top:20px;
}

#middle {
width:700px; 
height:600px; 
background-image:url(images/parchemin-contact.gif); 
background-repeat:no-repeat; 
margin-right:auto;
margin-top:0;
}

#middle h2 {
padding-top:30px;
text-align:center;
margin-top:auto;
}

#middle .contenu {
width:610px;
margin-left:auto; 
margin-right:auto;
padding-left:10px;
}

#middle .contenu .liste {
font-size:smaller;}

.contenu h4 {
text-align:center;
line-height:1.5em;
padding-top:0;
margin-top:5px;
margin-bottom:5px;

}

.fotosdetail {
width:100%;
float:left;
}

.fotosdetail td{
text-align:center;
}


#club {
float:left; 
margin-top:0;
width:350px;
}

#club h2 {
text-align:center;
font-size:17px;
line-height:normal;
margin-top:0;
margin-bottom:0;
}

#club ul {
margin-top:0;
margin-bottom:0;
}


#club ul li{
margin-top:5px;
margin-bottom:5px;
}

#club ul li h3{
font-size:16px;
margin-top:0;
margin-bottom:0;
line-height:18px;
}


#logoclub {
width:350px;
text-align:center;
}


#elevage {
float:right; 
margin-top:0; 
margin-right:auto;
width:400px;
}

#elevage h2 {
text-align:center;
font-size:17px;
line-height:normal;
margin-top:0;
margin-bottom:0;
}

#elevage ul {
margin-top:0;
margin-bottom:0;
}

#elevage ul li{
margin-top:5px;
margin-bottom:5px;
}

#elevage ul li h3{
font-size:16px;
margin-top:0;
margin-bottom:0;
line-height:18px;
}


#logoelevage {
width:400x;
text-align:center;
}

#rightcol {
float:right; 
margin-right:0; 
width:250px; 
height:auto;
}

.menutabs {
float:right; 
margin-right:0; 
width:190px; 
height:auto;
margin-top:30px;
}

.tabs {list-style:none; padding:0 0 0 0; margin:10px 0 30px 0; width:190px; background:inherit;}

*html .tabs {margin:20px -10px 30px 0; width:180px; }

.tabs li {display:block; margin:0 0 14px -1px; text-align:center;}

.tabs li a {display:block; width:190px; height:36px; text-decoration:none; background:url(images/pierre2.jpg); font-size:14px; text-decoration:none; color:#000; font-weight:bold; font-family:Lucida Calligraphy,"Times New Roman", Times, serif; line-height:34px; text-indent:15px; }

.tabs li a:hover {background:url(images/pierre.jpg); color:#CCCCCC; }
.tabs li a.selected, .tabs li a.selected:hover {background:url(images/pierre.jpg); color:#fff;}






#evenements {
margin-top:20px;
margin-left:auto; 
margin-right:auto; 
width:250px; 
height:273px; 
background-image:url(images/parchemin-event.gif);
font-family:Lucida Calligraphy,"Times New Roman", Times, serif;
text-align:center;
}

#evenements h2 {
text-align:center; 
margin:0; 
line-height:normal; 
padding-top:10px; 
}

#evenements ul {
list-style-type:none;
margin-left:20px;
margin-right:20px;
padding-left:0;
padding-right:0;
}

#evenements ul li{
margin-left:20px;
margin-right:20px;
line-height:18px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}

#evenements ul li a {
font-weight:bold;
}

.prioritaire {
font-size:1.3em;
text-decoration:underline;
color:#660000;
line-height:1.2em;

}

.normal {
text-decoration:none;
color:#000000;
}

.bcd {
width:250px;
height:auto;
margin-top:20px;
position:relative;
float:right;
margin-bottom:auto;
text-align:center;
}

.bcd_actu {
width:150px;
height:auto;
margin-top:20px;
position:relative;
float:right;
margin-bottom:auto;
text-align:right;
}



#contentcontact {
float:left; 
margin-left:0; 
width:1000px; 
height:auto;
font-family:Lucida Calligraphy,"Times New Roman", Times, serif;
text-align: center;
}

#coordonnees {
width:700px; 
height:600px; 
background-image:url(images/parchemin-contact.gif); 
background-repeat:no-repeat; 
margin-left:auto; 
margin-right:auto; 
text-align:center;
}

#coordonnees h2 {
padding-top:50px;
}

#coordonnees ul {
list-style-type:none;
}

#mentions {
width:650px; 
height:600px; 
background-image:url(images/parchemin-contact.gif); 
background-repeat:no-repeat; 
margin-left:auto; 
margin-right:auto; 
text-align:center;
}

#mentions h2 {
padding-top:50px;
}

#mentions ul {
list-style-type:none;
font-size:0.8em;
}

#mentions li {
margin:5px;
padding:0;
}

#mentions li h4 {
padding:0;
line-height:1em;
margin-bottom:2px;
}

#contentactu {
float:left; 
margin-left:0; 
width:1000px; 
height:auto;
font-family:Lucida Calligraphy,"Times New Roman", Times, serif;
text-align: center;
}

#actu {
width:700px; 
height:600px; 
background-image:url(images/parchemin-contact.gif); 
background-repeat:no-repeat; 
margin-left:auto; 
margin-right:auto; 
text-align:center;
padding-left:10px;
margin-top:20px;
}

#actu h2 {
padding-top:50px;
}

#actu ul {
list-style-type:none;
}

.photos {
float:left;
width:100%;
height:auto;
margin-top:20px;
}

.photos a{
color:#02391c;
}

#footer {float:left; text-align:center; width:1000px; height:auto; margin-top:40px;
}

#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

.backmenubas {
float:left;
background-color:0;
height:15px;
width:100%;
margin-left:auto;
margin-right:auto;
text-align:center;
}


.menub {
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
height:15px;
background:none;
font-family:Arial, Helvetica, sans-serif;
}

.menub ul{
list-style-type:none;
padding:0;
margin:0 0 0 0px;
width:100%;
height:100%;
background:0;
margin:0 0 0 20px;
}

.menub li{
float:left;
background:0;
}

.menub a {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

.titremenub {
border-right: solid 1px #02391c;
}

.finmenub{
border:0;
}

.menub a:hover {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

.menub a:active {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

.menub a:visited {
display:block;
text-decoration:none;
color:#02391c;
font-size:11px;
font-style:normal;
font-weight:normal;
line-height:15px;
padding-left:5px;
padding-right:5px;
background:0;
}

#footer .webdesigner {
margin-top:20px;
margin-bottom:2px;
float:right;
margin-right:0;
width:auto;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
background:inherit;
}

#footer .webdesigner a {
color:#ffffff;
}

#footer .visits {
float:right;
margin-left:auto;
margin-right:auto;
width:auto;
height:auto;
}