/* ---------------------------------------------------
* CSS Handheld pour Buzzee.com
* version 1.0 - Novembre 2008
* Auteur : Erwann Ser
------------------------------------------------------
*/

body {
	font: 1em/1.5 Tahoma, Geneva, Arial, Helvetica, sans-serif; 
	background: url(../images/bg.png) repeat-y 50%;
	color: #172733;
}

#content, #content_head {width: 98%;}

/*=------------------------- HEADER -----------------------------*/
#header {
	background: #11405e;
	color:#FFF;
	}
#tophead {margin-bottom: 37px; padding-left: 1%; background:#FFF}
#header #logo {margin-top: 29px}
#header .clear {margin-left:1%}

a#logo:hover, a#logo:focus {background: none;}

#access td {display:block; margin: .8em 0}
#access a {color:#11405e; background:#FFF}

#access a:hover, #access a:focus {background: #04507e !important}

#header .puces { margin: 1.5em 0 2em}
#header .puces li {margin-bottom: .3em; font-size: 1.2em}

#menu {margin-top: 10px}
#menu li {margin-right: 5px;}
#menu li a {
	display:block; 
	height: 35px;
	padding-left: .4em;
	font-size: 1.1em;
	text-decoration:none;
	line-height: 35px;
	}
#menu li a:hover, #menu li a:focus {background-position: 0 -35px !important}


.puces li {background:url(../images/puce.png) no-repeat; padding-left: 25px}

/*=------------------------ ELEMENTS COMMUNS ----------------------*/

/* ul, div {border: 1px solid #F00}*/
ul,ol,form,body {margin:0; padding:0;}
q:before,q:after{content:'';}
abbr, acronym {letter-spacing: .1em}
fieldset {
  margin: 1em 0;
  padding: 10px ;
}
li {list-style:none}
h1, h2, h3, h4, h5, h6 {margin: 1em 0 .5em;}
h2 {color:#025f9f; font-weight:normal}
h5, h6 {font-size:1em}
a img {border: none;}
strong {}
p {
	text-align:left;
	margin: 0 0 .8em;
	background: transparent;
	}
hr {
	visibility:hidden;
	clear:both;
	height: 1px;
}

.left {float:none}
.right {float:none}
.bigalt {font-size: 2em; font-weight:bold;}
.bold { font-weight:bold}
.hide {display:none}


/*CHAMPS FORMULAIRES
--------------------------------------=*/
textarea {padding: 5px;}
input {font-size: 1em}
input[type=text]:focus, textarea:focus{
	border: 2px solid;
}
label{
	cursor: pointer;
	cursor: hand; /* pour IE */
}

/*ACCESSIBILITE
=--------------------------------------=*/
img {
	max-width: 100%; 
	height: auto;
	}
.hidden {
	position:absolute;
	top:-2000em;
	left:-2000em;
	width:1px;
	height:1px;
	overflow:hidden;
	}

/*LIENS
--------------------------------------=*/
a:link {background: transparent; padding: 0 2px;}
a:hover, a:focus  {text-decoration:none; background: #04507e; color:#FFF !important}
a:active {}

/*=---------------------------- CONTENU --------------------------------*/

#sidecol {margin-left: 1%;}
#sidecol h2 {
	background:url(../images/puce_titre.png) no-repeat;
	padding-left: 35px;
	height: 3em;
	margin-top: 1.5em;
	}
#maincol {margin-left: 1%;}
#content {background:#f3f6f8}