/**
 * Framework CSS
 */

body	{margin: 0px;}
img 	{border: 0px;}
form	{margin: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.conteneur	{overflow: auto; height: 1%;}
.red				{color: red;}
.underline	{text-decoration: underline;}
.italic     {font-style: italic;}
.right{text-align: right;}

/**
 * General
 */
body	{background: url(../images/bground.jpg) #808080 repeat-x top left; font: normal 12px verdana, sans-serif; color:#000;}
#general{width: 980px; margin:auto;} 
#header	{height: 165px; background: url(../images/logo.jpg) transparent no-repeat top left; position: relative;}
#header a{display: block; height: 165px; text-indent: -9999px;}
#conteneur{background: url(../images/bg_conteneur.png) transparent repeat-y top left;}
h3{font-size: 20px; font-weight: normal; color: #fff; background: #5b401c; margin: 0 0 5px 0; padding: 2px 2px 2px 20px;}
h4{font-size: 14px; font-weight: bold; color: #5b401c; margin: 10px 0 ;}

a{color: #5b401c; text-decoration: underline;}
a:hover{text-decoration: none;}


/**
 * Colonne de gauche
 */
#colgauche{
	float: left;
	width: 185px;
	background: #7d5c31;
	z-index: 200;
}

#colgauche_bottom{padding: 10px;}

	/**
	 * Menu
	 */
	/* #paddingmenu{padding: 10px; background: url(../images/bg_menu.jpg) transparent repeat-y top left;} */
	#paddingmenu{padding: 10px; background: #5b401c;}
	
	ul#menu{position: relative; margin: 0; padding: 0; list-style-type: none; width: 165px;z-index: 200;}
	ul#menu li{position: relative; z-index: 200;}
	ul#menu li a{display: block; width: 135px; height: 14px; background: url(../images/bg_listemenu.png) transparent no-repeat top left; color: #000; text-decoration: none; text-align: right; padding: 4px 30px 3px 0; font-weight: bold;}
	ul#menu li a:hover{background-position: 0px -21px;}
	ul#menu li a.more{background-position: top right;}
	ul#menu li a.more:hover{background-position: bottom right;}
	
	ul#menu li ul{position: absolute; margin: 0; padding: 0; list-style-type: none; border: 1px solid #5b401c; border-top: none; display:none; z-index: 200;}
	ul#menu li ul li {z-index: 200;}
	ul#menu li ul li a{width: 270px; border-top: 1px solid #5b401c; background: #f4f1e8; color: #000; text-align: left; padding: 4px 5px 0 10px; height: 16px; z-index: 200;}
	ul#menu li ul li a:hover{background: #5b401c; color: #fff;}

#basket{margin: 10px 0; text-align:center;}
#compteclient ul{margin: 0; padding: 0 0 0 15px; list-style-type: none;}
#compteclient ul li{padding: 1px 0 1px 12px; background: url(../images/fleche_compte.png) transparent no-repeat 0px 5px;}
#compteclient ul li a{color: #fff; text-decoration: none;}
#compteclient ul li a:hover{text-decoration: underline;}


/**
 * Colonne de droite
 */
#coldroite{
	float: left;
	margin-left: 5px;
	border: 1px solid #7d5c31;
	width: 768px;
	background: #fff;
	padding: 10px;
}

#coldroite h2{color: #7d5c31; background: url(../images/fleche_h2.png) transparent no-repeat 15px 7px; padding-left: 40px; font: normal normal 25px arial, sans-serif; border-bottom: 1px solid #7d5c31; margin: 0 0 15px 0;}


/**
 * Pub
 */
#pub{margin-bottom: 20px; text-align: center; z-index: 1; position: relative;}

/**
 * Footer
 */
#footer{
	height: 45px;
	background: #fff;
	font-size: 11px;
	color: #5b401c;
	position: relative;
	margin-top: 5px;
}

ul#footerlinks{
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 15px;
	left: 10px;
}

ul#footerlinks li{display: inline; padding: 0 5px; border-right: 1px solid #5b401c;}
ul#footerlinks li.end{border-right: none;}

#powered{
	position: absolute;
	top: 15px;
	right: 15px;
}

#powered a{font-weight: bold;}

/**
 * Warning
 */
.warning, .error{
	background: url(../images/warning.png) #c70000 no-repeat center left;
	padding: 18px 5px 18px 55px;
	color: #fff;
	font-weight: bold;
}

.warning a{color: yellow;}

.info {
	background: url(../images/warning.png) transparent no-repeat center left;
	padding: 18px 5px 18px 55px;
	font-weight: bold;
}

/**
 * Page des pilotes
 */
#bloc_pilote_gauche{float: left; width: 598px;}
#bloc_pilote_droit{float: left; width: 160px; margin-left: 10px;}
/*#bloc_pilote_gauche h3{font-size: 20px; font-weight: normal; color: #fff; background: #0c4592; margin: 0 0 5px 0; padding: 2px 2px 2px 20px;}*/

ul#palmares{margin:0; padding:0; list-style-type: none;}
ul#palmares li{background: #F4F1E8; margin-bottom: 5px; padding: 10px; font: bold 18px verdana; overflow: auto; height: 1%;}
ul#palmares li ul{list-style-type: none; margin: 0; padding: 0; float: right; width: 450px;}
ul#palmares li ul li{font: normal 12px verdana; padding: 2px 2px 2px 15px; margin:0; background: url(../images/puce_palmares.png) transparent no-repeat 0px 7px;}

/**
 * Navigation
 */
#navpages{
	margin-top: 15px;
	text-align: right;
	font-weight: bold;
	color: #000;
}

#navpages a{
	color: #5b401c;
	text-decoration: underline;
	font-weight: normal;
}

#navpages a:hover{
	text-decoration: none;
}

#navpages span{
	padding: 0 2px 0 2px;
}

#navpages img{
		vertical-align: -5px;
}

/**
 * Formulaires
 */
form p{padding-top: 2px; margin-bottom: 10px;}
form p label{display: block; width: 150px; float: left;}
form p input, form p select, form p textarea{border: 1px solid #000; background: #eef0f1; padding: 2px; width: 250px;}
form p input:focus, form p select:focus, form p textarea:focus{background: #dbdbdb;}
.submit{font-weight: bold; width: 150px; margin-left: 150px;}

/**
 * Google map
 */
#map{width: 379px; height: 378px; z-index:1;}