/* Feuille de style rebeachclub17 */

/* Hack Css ie7 
*+html 
*/

/* Hack Css Firefox 
html:not([lang*=""])
*/

body {
background-color: #fff;
margin: 0;
text-align: center; 
color: #000;
}

a img {
border: none;
}

a:link, a:hover, a:visited, a:visited:hover {
color: #009900;
text-decoration: none;
font-weight: bold;
}

h1 {
margin-top: 0px;
padding-left: 24px;
padding-bottom: 2px;
margin-bottom: 8px;
font-size:15px;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
color: #009900;
background: url(images/h1.png) no-repeat left;
}



.boutique {
margin-top: 0px;
padding-left: 24px;
padding-bottom: 2px;
margin-bottom: 8px;
font-size:15px;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
color: #009900;
background: url(images/h1.png) no-repeat left;
text-align: left;
}

h2 {
padding-left: 0px;
padding-bottom: 0px;
font-size:13px;
font-family: tahoma, arial, helvetica, sans-serif;
font-weight:bold;
color: #009900;
}

.green_bold {
font-size:15px;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
color: #009900;
}

p {
margin: 0;
padding: 5px;
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif ;
color: #000;

}

/* General Layout */

#container {
width: 947px;
min-height: 600px;
margin: 10px auto;
padding: 0 !important;
line-height: 1.1em;
text-align: left;
background: url(images/mainbackground.jpg) repeat-y;
overflow: hidden;
}

/* Header */

#header {
display: block;
width: 947px;
overflow: hidden;
margin: 0px;
}

#topheader {
display: block;
float: left;
width: 947px;
height: 47px;
background: url(images/topheader.jpg) no-repeat;
}

#date{
color: #000;
font-size: small;
text-align: right;
padding-right: 65px;
padding-top: 25px;
}

#banner {
display: block;
float: left;
height: 125px;
width: 909px;
background-color: #000;
margin-left: 19px;
}

#logo {
display: block;
float: left;
width: 220px;
height: 124px;
background: url(images/logo.jpg) no-repeat;
}

#pub_banner {
display: block;
float: left;
margin-left: 113px;
margin-top: 12px;
height: 100px;
width: 450px;
background-color: #4c4c4c;
}

/* Mael & Loic */

.mael {
display: block;
float: left;
height: 79px;
width: 92px;
background: url(images/mael.png) no-repeat;
position: relative;
top: -60px;
left:250px;
z-index: 1;
}


.loic {
display: block;
float: left;
height: 79px;
width: 92px;
background: url(images/loic.png) no-repeat;
position: relative;
top: -60px;
left: 720px;
z-index: 1;
}


/* Navbar */

#navbar {
display: block;
float: left;
margin-top: -58px;
margin-left: 19px;
padding: 0px;
height: 40px;
width: 909px;
color: #fff;
background-color: #000;
}


#navbar ul {
display: block;
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 0.9em;
margin: 0px;
padding: 0 0px 0px;
text-align: center;
height: 40px;
}



#navbar ul li {
list-style-type: none;
display: inline;
margin-left: 35px;
line-height: 40px;
}


#navbar ul li a, #navbar ul li a:link, #navbar ul li a:visited {
text-decoration: none;
background: url(images/ballon_off.png) no-repeat left center;
padding: 5px 15px 10px 35px;
color: #fff;
font-weight: bold;
}

#navbar ul li a:hover, #navbar ul li a.current {
background:url(images/ballon_on.png) no-repeat left center;
text-decoration: none;
padding: 5px 15px 10px 35px;
color: #009900 ;
font-weight: bold;
}


/* Sous rubriques */

#sousrub {
display: block;
float: left;
padding: 0px;
height: 40px;
width: 660px;
margin-top: 10px;
}


#sousrub ul {
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align: left;
height: 40px;
}



#sousrub ul li {
list-style-type: none;
display: inline;
}


#sousrub ul li a:link, #sousrub ul li a:visited {
text-decoration: none;
background: url(images/ballon_off2.png) no-repeat left center;
padding: 5px 15px 10px 20px;
color: #000;
font-weight: bold;
}


#sousrub ul li a:hover, #sousrub ul li a.current {
background:url(images/ballon_on2.png) no-repeat left center;
text-decoration: none;
padding: 5px 15px 10px 20px;
color: #009900 ;
font-weight: bold;
}


.spip_logos {
margin: 0px;
padding: 0px;
display: block;
}


/* Main content */

.maincontent {
display: block;
float: left;
margin-top: 5px;
margin-left: 21px;
overflow: hidden;
width: 907px;
}



.leftcontent {
display: block;
float: left;
width: 220px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
text-align: center;
overflow: hidden;
}

.rightcontent {
display: block;
float: left;
width: 640px;
padding-right: 10px;
padding-left: 15px;
padding-bottom: 10px;
min-height: 200px;
}

.rub13 {
display: block;
float: left;
height: 18px;
min-width: 610px;
width: 610px;
margin-bottom: 2px;
}

.date {
float: left;
display: block;
min-width: 80px;
height: 18px;
margin: 0px;	
}

.events {	
float: left;
display: block;
height: 18px;
margin-left: 10px;
}


#annonce {
display: block;
float: left;
width: 222px;
height: 106px;
background: url(images/annonce.png) no-repeat;
padding-left: 0px;
padding-top: 33px;
text-align: center;
color: #009900;
font-size: 13px;
font-weight: bold;
margin-right: 100px;
}

#institution {
display: block;
float: right;
width: 222px;
height: 106px;
padding-left: 0px;
padding-top: 33px;
text-align: center;
color: #009900;
font-size: 13px;
font-weight: bold;
margin-right: 100px;
margin-top: -15px;
}


#partners {
display: block;
float: right;
margin-top: 20px;
margin-right: 90px;
width: 200px;
height: 71px;
margin-bottom: 15px;
}

#agenda {
display: block;
float: left;
width: 220px;
padding: 6px;
color: #009900;
font-weight: bold;
font-size: 13px;
text-align: left;
margin-bottom: 10px;
}

#agenda a, #agenda a:link, #agenda a:visited {
text-decoration: none;
color: #000;
font-size: 13px;
}

#agenda a:hover {
text-decoration: underline;
color: #000;
font-size: 13px;
}



/* footer */
#footer {
clear: both;
display: block;
float: left;
margin-left: 0px;
height: 129px;
width: 947px;
background: url(images/footer.jpg) no-repeat;
}

#contentfooter {
display: block;
float: right;
margin-top: 44px;
margin-right:40px;
line-height: 40px;
}

#contentfooter a:link, #contentfooter a:visited {
text-decoration: none;
color: #fff;
font: normal 1em verdana, arial, helvetica, sans-serif;
background: url(images/ballon_off.png) no-repeat left center;
padding: 5px 15px 10px 35px;
}

#contentfooter a:hover {
background:url(images/ballon_on.png) no-repeat left center;
text-decoration: none;
padding: 5px 15px 10px 35px;
color: #fff;
font: normal 1em verdana, arial, helvetica, sans-serif;
}


/* SPIP Styles*/
p.spip {
margin: 0 0 10px;
padding: 0px;
}


hr.spip {
color:  #009900;
background-color:  #009900;
height: 1px;
border: 0;
}

table.spip {
border-spacing:1px;
font:10px 'Verdana', Arial, Helvetica, sans-serif;
background:#E7E7E7;
color:#666666;
}

/* Table Styles*/
table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #92C428;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  text-align: left;
  background: #4591AD;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #03476F;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #AEE239;
  }
tbody tr:hover {
  background: #FFD800;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }