/*
feuille de style - kelio.asso.fr (panel)
Auteur : Vinux (vinux at kelio.org)
*/

#global_head {
margin-left: auto; 
margin-right: auto; 
width: 980px; 
text-align: left;
margin-top: 24px;
}

#global_contenu {
background: url(../img/fond-menu.png) repeat-y 0 0;
margin-left: auto; 
margin-right: auto;
width: 980px;
text-align: left;
}

#logo {
background-image: url(../img/logo.png);
width: 168px;
height: 138px;
}

#entete {
background-image: url(../img/fond-entete.png);
width: 780px;
height: 134px;
margin-left: 168px;
margin-top: -134px;
}

#sep {
background-image: url(../img/sep.png);
width: 2px;
height: 49px;
margin-top: 1px;
}

#menu_v {
display:block;
margin-left: 2px;
margin-top: -49px;
float:left;
}

#menu_v ul {
margin: 0;
padding: 0;
list-style:none;
}

#menu_v li {
float:left;
margin: 0;
padding-top: 7px;
background: url(../img/sep.png) no-repeat right top;
padding-right: 2px;
height: 42px;
}

#menu_v a {
padding: 15px 15px;
color: white;
text-decoration: none;
}

#menu_v a:hover {
background: url(../img/fond-menu-hover.png) repeat-x;
}

#fond {
background-color: #f3f5e3;
margin-top: 0px;
margin-top: 5px !important;
}

#menu_h_g {
float: left;
width: 168px;
padding-top: 20px;
padding-bottom: 20px;
}

#menu_h_g h1 {
background-color: #e4e6d4;
width: 158px;
height: 18px;
padding-left: 8px;
padding-top: 5px;
font-size: small;
font-weight: bold;
margin-left: 2px;
}

#menu_h_g li {
list-style-image: url(../img/puce.png);
color: #5e6041;
}

#contenu {
float: right;
width: 780px;
margin-top: 10px;
background-color: #f3f5e3;
}

#pied {
background: url(../img/fond-pied.png) repeat-x;
height: 76px;
color: #8ec461;
padding-top: 17px;
clear: both;
text-align: center;
}

#pied a {
color: #8ec461;
}

#pied a:hover {
color: #000;
}

#contenu table {
border: 1px #e4e6d4 solid;
}

#contenu thead th, #contenu #accueil th {
background-color: #e4e6d4;
}

#contenu tr.special {
	background-color: #edefdc;
}

/* other elements */

.b_validate {
	text-align: center;
	padding-top: 3px;
	padding-left: 5px;
	background: url(../img/icons/valider.png) no-repeat;
	width: 100px;
	height: 24px;
}

.b_validate:hover {
	background: url(../img/icons/valider_on.png) no-repeat;
}

.box_rounded {
	border-radius: 0 10px 0 10px;
	-moz-border-radius: 0 10px 0 10px;
        -webkit-border-radius: 0 10px 0 10px;
	background-color: #BEC78D;
	padding: 5px;
	width: 250px;
	margin-top: 50px;
}

.box_rounded img {
	margin: 5px auto;
	padding: 10px;
	display: block;
	width: 200px;
	background-color: #D0D8A4;
	border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
}

.box_rounded h4 {
	margin: 0;
	padding: 15px 0 0 50px;
	color: #5e6041;
	font-weight: bold;
	background-position:left top;
        background-image: url(../img/icons/confiance.png);
        background-repeat: no-repeat;
	height: 33px;
}

.yes {
	background-image: url(../img/icons/yes.png);
	width: 16px;
	height: 16px;
	margin: auto;
}

.no {
        background-image: url(../img/icons/no.png);
        width: 16px;
        height: 16px;
	margin: auto;
}

#table_offer td {
	text-align: center;
}