/* 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;
}
#topheader a{
cursor:pointer;
}


#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: 0;
float: left;
width: 100%;
height: 100%;
}


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

/* Hack Css ie7 */
*+html .leftcontent {
padding-bottom: 20px;
}



.rightcontent {
display: block;
float: left;
width: 485px;
/*width: 70%;*/
padding-right: 10px;
margin-left: 30px;
margin-bottom: 10px;
}
#tarifs .rightcontent {width: 90%;}

/* Hack Css ie7 */
*+html .rightcontent {
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;
padding-top: 12px;
}

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

/* Table Styles*/

table.spip td,table.spip  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;
}

/*######## CSS Reservation ############*/
#form_reservation td, #tab_devis td, #tab_devis th{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4b5555;
text-align:left;
background:white;
}
#tab_devis th{background:#eefaf8; border-bottom:2px solid #28b49e;font-weight:normal;font-variant:small-caps;font-size:14px;}
.input_wrong{border:1px dashed red;}

/*####  CSS infobulle  ####### */
a.info,a.adresse_client{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none;}

a.info:hover, a.adresse_client:hover{z-index:125; background-color:#ff0}

a.info span, a.adresse_client  span{display: none;}
a.info span p, a.adresse_client  span p{color:#345256;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;}
a.info span p{color:#fff;}
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:15em;
	margin:5px;
    border:1px solid #588bb8;
    background-color:#a8bdd0; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
}

a.adresse_client:hover span{
    display:block;
    position:absolute;
    top:2em; 
	left:2em; 
	width:15em;
	margin:5px;
    border:2px solid #91b7bd;
    background-color:white;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;
}
/* /CSS infobulle */

.table_devis_velo {width:100%; border-collapse:collapse;}
.table_devis_velo td{border-bottom:1px solid silver;}

#conteneur_tab_reservations{width:100%; margin:10px 80px 70px 20px;}
.tab_gest_reservations{width:95%; border-collapse:collapse; }
.tab_gest_reservations th{
	background:url(../images/bg_bleu.gif) repeat-x; 
	font-variant:small-caps; 
	font-size:14px;
	text-align:center; 
	height:30px; 
	border-bottom:2px solid #91b7bd; 
	color:white;
}
.tab_gest_reservations td{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	padding:5px; 
	border-bottom:2px solid #ebebeb; 
	background-color:white;
}

.tr_grey td{color:silver;} /*pour les réservation annulée ou terminée*/

/*######## Admin - gestion activité ############*/

.table_identification td, .tab_periode_discount td, .tab_periode_discount th{
	border:0px solid black;
    background-color:white; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
}
.tab_periode_discount{width:90%; border-collapse:collapse; margin:15px;}
.tab_periode_discount .ajout{border-top:1px solid silver; border-bottom:1px solid silver;}
.tab_tarifs_edit{margin-top:15px; border-collapse:collapse;}
.tab_tarifs_edit td,.tab_tarifs_edit th{
	border-bottom:2px solid #ffecd3;
    background-color:white; 
	width:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:3px;
}
.tab_tarifs_edit th{/*background-color:#ebf8fe;*/background:url(../images/bg_jaune.gif) repeat-x; text-align:center; border-bottom:2px solid #ffa427; color:#567e96;}

.tab_gest_velos,.tab_ajoute_colonne_tarif{margin-top:15px;border-collapse:collapse; border-left:2px solid #e3e3e3;}
.tab_gest_velos th{
	font-variant:small-caps; 
	/*background-color:#e41717;*/
	background:url(../images/bg_rouge.gif) repeat-x;
	/*border-bottom:5px solid #f6a6a6;*/
	padding:5px;
	color:white;
	height:30px;
}
.tab_gest_velos td,.tab_ajoute_colonne_tarif td{
	background-color:white; 
	border-bottom:2px solid #e3e3e3;
	padding:8px;
}

.tab_ajoute_colonne_tarif th{
	font-variant:small-caps; 
	background:url(../images/bg_jaune.gif) repeat-x;
	padding:5px;
	color:#567e96;
	height:30px;
}

#liste_admin {margin:40px 0 120px 90px; height:140px;}
#liste_admin li{list-style:none; float:left;}
#liste_admin li:hover{position:relative; top:-5px;}


/* ############ styles destinés a la pagination  ############*/

.pagination {
	padding: 3px;
	margin: 10px;
	text-align:center;
	color:#a0a0a0;
	font-size:80%;
	position:relative;
	left:-30px;
}
.pagination a {
	border: 1px solid #8ea0a0;
	margin-right:3px;
	padding:2px 5px;
	background-image:url('http://www.toutavelo.fr/ressources/pagination/bar.gif');
	background-position:bottom;
	text-decoration: none;
	color: #c0c0c0;
}
.pagination a:hover, div.meneame a:active {
	border: 1px solid #3bc9f7;
	background-image:url(http://www.toutavelo.fr/ressources/pagination/invbar.gif);
	background-color:#709fc4;
	color: #fff;
}
.pagination span.current {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #568cb8;
	font-weight: bold;
	background-color: #709fc4;
	color: #ffffff;
}
.pagination span.disabled {
	margin-right:3px;
	padding:2px 5px;
	border: 1px solid #606060;
	color: #808080;
}
/*--------------------------*/