/* CSS Document */
body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
		font-size: 10px;
        background-color: #FFFFFF;
        }
img {
    border: none;
	padding:0;
	margin:0;
}
a {
    text-decoration: none;
	color:#006699;
}
a:hover  {
	text-decoration:underline;
}
h2 {
    font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.2em;
	text-transform:uppercase;
    color:#006600;
	margin:0px 0px 8px 0px;
	padding:4px;
	background-color:#CCF2D9;
	width:99%;
	border-bottom:#000000 1px solid;
}
h2 img {
	float:left;
	margin-right:20px;
}

/* structure */
div#global {
	width: 1000px;
	margin: 6px auto;
	position: relative;
	background:#FFffff;
	border:#000000 1px solid;
	}
div#header {
	clear:both;
	overflow: auto;
	height:120px;
	text-align:center;
	}
div#content {
	overflow: auto;
	background-color:#33ccff;
	margin:0px 2px;
	border:#000000 1px solid;
	}
/* Fix IE. 6 \*/
* html #content { overflow: visible; height: 1%; }
/* End */
div#footer {
	clear:both;
	width: 98%;
	height:24px;
	padding:10px 0px 0px 20px;
	background-color:#CCF2D9;
	border-top:#000000 1px dashed;
	}
div#menu {
	clear:both;
	height:34px;
	width:988px;
	margin-left:2px;
}
	
/*- menu ------------------------- */
#menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li {
	float:left;
	text-align:center;
}
#menu li a.actif {
	background:#33CCFF url(../images/onglet_actif.jpg);
}
#menu li a.vert {
	background:#33CCFF url(../images/onglet_vert.jpg);
}
#menu li a.orange {
	background:#33CCFF url(../images/onglet_orange.jpg);
}
.gratuit {
	position:absolute;
	top:110px;
	left:320px;
	margin:0;
	padding:0;
}
#menu li a{
	display:block;
	padding:5px 6px 0px 2px;
	width:93px;
	height:29px;
	background:#33CCFF url(../images/onglet.jpg);
	color:#ffffff;
	font:bold 110% Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#menu li a:hover {
	text-decoration:none;
	background:#33CCFF url(../images/onglet_actif.jpg);
}
#lien_space {
	position:absolute;
	top:115px;
	right:1px;
	background-color:#ffffff;
	padding:3px;
}
#lien_space a {
	color:#006699;
	font-size:11px;
}
#lien_space a:hover {
	color:#0099FF;
	text-decoration:none;
	font-weight:bold;
}
#lien_space form {
margin:0;
padding:0;
}

/********** contenu *******************/

#message {
    font: bold 140% Verdana, Arial, Helvetica, sans-serif;
	margin:90px 0px 40px 140px;
	color:#006699;
	background-color:#6EDBFF;
	border:#000000 2px dotted;
	padding:20px;
	width:550px;
}
#message a {
color:#3399cc;
}
.message2 {
    font: normal 120% Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0px 20px 140px;
	color:#006699;
	background-color:#6EDBFF;
	border:#000000 2px dotted;
	padding:10px;
	width:400px;
}
.message_erreur {
	text-align:center;
	color:#FFffff;
    font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
}
.smallfont {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/*identification*/
#identification {
	position:relative;
	float:right;
	top:0px;
	right:0px;
	width:242px;
	height:157px;
	text-align:right;
	padding:6px 4px;
	margin:0;
	background-image:url(../images/zone_identification.gif);
}
#identification form {
	margin-top:30px;
	margin-bottom:4px;
}
#identification input {
margin-bottom:2px;
}
#connexion {
	position:relative;
	float:right;
	top:0px;
	right:0px;
	width:242px;
	height:128px;
	text-align:right;
	padding:6px 4px;
	margin:0;
	background-image:url(../images/zone_connexion.gif);
}
#connexion input {
margin:6px 10px 0px 0px;
}

/*recherche*/
div#recherche, #recherche_marchand {
	height:143px;
	padding:17px 8px 2px 12px;
	margin:2px 0px 0px 70px;
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
div#recherche {
	background-image:url(../images/fond_recherche.jpg);
	width:552px;
	height:143px;
}
#recherche_marchand {
	background-image:url(../images/fond_recherche_marchand.jpg);
	width:440px;
	height:90px;
	padding-top:30px;
}
#recherche input, #recherche select{
margin:2px 0px;
}
td.jaune {
	color:#FFFFCC;
}

/*- bas de page  ------------------------- */
#footer a{
        text-decoration: none;
		color:#003366;
		FONT-SIZE: 10px; 
		font-weight:bold;
		letter-spacing:0.1em;
  }

#footer a:hover  {
	text-decoration:underline;
}
#compteur {
	position:absolute;
	bottom:6px;
	right:10px;
	font:bold 100% Verdana, Arial, Helvetica, sans-serif;
	border:#000000 1px solid;
	padding:3px;	
}
#compteur img {
	vertical-align:middle;
}

#promotion {
position:absolute;
top:40px;
right:100px;
}