/* Feuille de style toutavelo.fr */

body {
background-color: #fff;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
color: #4b5555;
}

a img {
border: none;
}

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

h1 {
padding-left: 9px;
padding-bottom: 2px;
margin-bottom: 4px;
font-size:14px;
font-family: verdana, arial, helvetica, sans-serif ;
font-weight:bold;
color: #00a68e;
background: url(images/bulletheader.jpg) no-repeat left center;
}

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

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

}

/* General Layout */

#container {
width: 839px;
/*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 {
width: 839px;
}

#topheader {
height: 71px;
width: 839px;
background: url(images/topheader.jpg) no-repeat;
}


#flaguk {
float: right;
margin-top: 24px;
margin-left: 10px;
margin-right: 37px;
background: url(images/flaguk.png) no-repeat;
height: 32px;
width: 32px;
}

#flagfr {
float: right;
margin-top: 24px;
margin-left: 10px;
margin-right: 10px;
background: url(images/flagfr.png) no-repeat;
height: 32px;
width: 32px;
}


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

#slogan {
display: block;
float: left;
margin-left: 10px;
margin-top: 125px;
height: 28px;
width: 280px;
}

#banner {
display: block;
float: left;
margin-left: 5px;
width: 506px;
height: 164px;
background-color: #fff;
z-index: 1;
}

#compass {
position: relative;
width: 175px;
height: 169px;
left: 630px;
top: -12px;
z-index: 2;
background-image: url(images/vide.png);
}

/* Hack Css ie7 */
*+html #compass {
position: relative;
width: 175px;
height: 169px;
left: 630px;
top: -168px;
z-index: 2;
background-image: url(http://www.toutavelo.fr/squelettes/images/compass.png);
}


/* Navbar */

#navbar {
display: block;
float: left;
margin-top: 0px;
margin-left: 19px;
padding: 0px;
width: 803px;
height: 60px;
background: url(images/navbar.jpg) repeat-x;
color: #fff;
}

/* Hack Css ie7 */
*+html #navbar {
display: block;
float: left;
margin-top: -165px;
margin-left: 19px;
padding: 0px;
width: 803px;
height: 60px;
background: url(images/navbar.jpg) repeat-x;
color: #fff;
}


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

/* Hack Css ie7 */
*+html #navbar ul {
font-family: verdana, arial, helvetica, sans-serif ;
font-size: 0.9em;
margin: 6px 0 0;
padding: 5px 15px 10px 35px;
text-align: center;
/*height: 100px;*/
display: block;
}



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


#navbar ul li a:link, #navbar ul li a:visited {
text-decoration: none;
background: url(images/siloff.jpg) 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/silon.jpg) no-repeat left center;
text-decoration: none;
padding: 5px 15px 10px 35px;
color: #27598e ;
font-weight: bold;
}

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


/* Main content */


/* Hack Css ie7 */
*+html #dummyie {
display: block;
margin-top: -82px;
float: left;
width: 100%;
height: 100%;
}


.maincontent {
display: block;
float: left;
margin-top: 0px;
overflow: hidden;
width: 100%;
height: 100%;
}

/* Hack Css ie7 */
*+html .maincontent {
display: block;
margin-top: -15px;
float: left;
width: 100%;
height: 100%;
}


.leftcontent {
display: block;
float: left;
width: 250px;
margin-left: 39px;
margin-right: 5px;
margin-bottom: 10px;
margin-top: 15px;
text-align: center;
}

/* Hack Css ie7 */
*+html .leftcontent {
display: block;
float: left;
width: 250px;
margin-left: 39px;
margin-right: 5px;
padding-bottom: 20px;
margin-top: 15px;
text-align: center;
}



.rightcontent {
display: block;
float: left;
width: 485px;
padding-right: 10px;
margin-left: 30px;
margin-bottom: 10px;
}

/* Hack Css ie7 */
*+html .rightcontent {
display: block;
float: left;
width: 485px;
padding-right: 10px;
margin-left: 30px;
padding-bottom: 20px;
}

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

#contentfooter {
display: block;
float: right;
margin-top: 24px;
margin-right:40px;
font: normal 0.75em verdana, arial, helvetica, sans-serif;
color: #fff;

}

#contentfooter a:link, #contentfooter a:visited, #contentfooter a:hover {
text-decoration: none;
font: normal 0.75em verdana, arial, helvetica, sans-serif;
color: #fff;
}


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

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

/* Table Styles*/

td, th {
padding:4px;
text-align: center;
}

thead th {
text-align:center;
background:#F5F5F5;
color:#666666;
border:1px solid #ffffff;
text-transform:uppercase;
}

tbody th {
font-weight:bold;
}
tbody tr {
background:#EBF8FE;
text-align:left;
}

tbody tr.odd {
background:#ffffff;
border-top:1px solid #ffffff;
}

tbody th a:link, tbody th a:visited {
color:#666666;
padding:3px 0px 0px 18px;
}

tbody th a:hover {
color:#009900;
}

tbody tr td {
height:auto;
background:#EBF8FE;
border:1px solid #ffffff;
}

tbody tr.odd td {
background:#ffffff;
border-top:1px solid #ffffff;
}