html, body {
	height: 100%;
}

body {
	behavior:url("/style/csshover2.htc");  /* for IE < v7 */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
/* 	background-color: lightgreen; */
	color: black;
/* 	border: 2px solid red; */
}

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}

a, a:visited {
	color: black;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.spacer {
  clear: both;
/*   border: 1px solid red; */
}

.centre {
	text-align: center;
}

#visitezsites {
	position: absolute;
	margin-top : 95px;
}

#visitezsites p {
	margin: 0;
	padding: 0;
	padding: 1px 20px 2px 20px;
}

#visitezsites p.texte {
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	color : #FFFFFF;
	line-height : 25px;
	padding-left : 22px;
}

#visitezsites p.boutons {
	margin-top: -12px;
}

#visitezsites img.separation {
	margin-left: 5px;
	margin-right: 5px;
}

#visitezsites img {
	vertical-align: bottom;
}

#panier {
	width: 187px;
	height: 32px;
	position: absolute;
	margin-top : 135px;
	margin-left : 625px;
}


#panier p {
	padding: 0;
	margin-top: 7px;
	margin-left: 32px;
	z-index: 1;	
}

#panier p a {
	color : #FFFFFF;
}


/* my #container */
#page {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	min-height: 100%;
	height: 100%;
/* 	border: 2px solid green; */
/* 	background-color: lightblue; */
}


/* my ##content */
#main {
	width: 800px;

/* 	clear: both; */
	margin-left: auto;
	margin-right: auto;
	min-height: 700px;
 	padding-bottom: 23px;
	/*background-color: 4A4A4A; */
	padding-top: 10px;
	background-color: #4A4A4A;
/* 	border: 2px solid orange; */
/* 	background-color: lightpink; */
}
* html div#main {
	height: 700px;
}

*+html div#main {

}

#header {
	width: 800px;
	height: 211px;
	margin-left: auto;
	margin-right: auto;
/* 	background-color: #25418F; */
	/* border: 1px solid green; */
}

#header input.champ {
	width: 137px;
	margin-right: 0;
}

input#req_password {
	margin-left: 40px;
}


#header .image_ok {
	margin-left : -48px;
	border : solid 0px;
	background : none;
}

#header input#recherche{
	margin-left: 40px;
	width: 110px;
}
* html #header input.champ {
	margin-left: 40px;
}
*html #header input#req_username {
	margin-left: -60px
}
*html input.btn_h_r_ok {
	margin-left: 465px;
	margin-top: -25px;
}
*+html #header input.champ {
	margin-left: 40px;
}
*+html #header input#req_username {
	margin-left: -60px
}
*+html input.btn_h_r_ok {
	margin-left: 465px;
	margin-top: -25px;
}
#lien-accueil {
	float: right;
	width: 435px;
	height: 100px;
	margin: 0 350px 0 0;
	padding: 0;
}

div#visitezsites p.boutons {
	margin-top: 0;
}

#lien-accueil a {
	font-size: 1px;
	padding: 0 0 100px 0;
/* 	background-color: lightgreen; */
/* 	border: 2px solid white; */
}

#lien-accueil a:hover {
	text-decoration: none;
}


#topbox {
	color : #FFFFFF;
}

#topbox p {
	margin: 0;
	padding: 0;
}

#topbox p.liens {
	margin-top: 41px;
	position : absolute;
	margin-top : 155px;
	margin-left : 22px;
	color : #FFFFFF;
}

#topbox a {
	color : #FFFFFF;
}

#topbox p.login {
	position : absolute;
	margin-top : 176px;
	margin-left : 62px;
}

#topbox div.menumembre {
	margin-left: 7px;
	margin-top: 5px;
/* 	margin-bottom: 16px; */
 	line-height: 14px; 
}

#topbox p.mp {
	margin-bottom: 2px;
}

#topbox p.mp a {
	font-weight: bold;
}

#topbox div.menumembre a {
	color: black;
}

#topbox p.minisearch {
	position : absolute;
	margin-top : 175px;
	width: 300px;
	margin-left: 600px;
}

* html #topbox p.minisearch {
	margin-left: 300px;
}
*+html #topbox p.minisearch {
	margin-left: 300px;
}

#menu {
	height: 21px;
	background-color: #666666;
	background: url("/images/menu-background-gradient.jpg") repeat-x;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top : 50px;*/
	margin-top : 30px;
}

#rubriques, #menu .sousrub {
	margin: 0;
	padding: 0;
	margin-left: 10px;
	list-style: none;
}

#rubriques li, #menu ul.sousrub li {
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	font-size: 1px;
}

#rubriques li {
	height: 21px;	
}

#menu ul.sousrub li {
	height:17px;
}

.box h2 {
	margin: 0;
	padding: 0;
	color: white;
	font-size: 15px;
	height: 22px;
}

.inbox {
	background-color: white;
	padding: 5px;
	margin: 1px;
}



/* BARRE DE NAVIGATION */
#navbar {
	height: 23px;
	background-color: #d0d0d0;
	vertical-align: middle;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}

#navbar p {
	/* 	border: 1px solid green; */
	padding: 4px 0 0 0;
	margin: 0;
/* 	line-height: 23px; */
}

#navbar a {
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}

#navbar span.on {
	font-weight: bold;
	color: #a8000c;
	background-color: white;
	border: 1px solid #a8000c;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 3px;
	margin-right: 3px;
}

#navbar img {
	margin-left: 4px;
	margin-right: 4px;
}

#navbar img.page {
	margin-left: 8px;
	margin-right: 20px;
}






#footer {
 	position: relative;
	bottom: 0;
	width: 800px;
	height: 31px;
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -15px;
	background: url(/images/bg_footer.jpg) no-repeat bottom;
}

#footer p {
	text-align:center;
	color: white;
	font-size: 11px;
}

* html div#footer p {
	margin-top: 25px;
}

*+html div#footer p {
	margin-top: 25px;
}

#footer a {
	color: white;
}


/* FORMULAIRES */
form {
	margin: 0;
	padding: 0;
}
form#rejoindre {
	margin-top: 5px;
	padding: 0;
}

input , textarea {
	vertical-align: middle;
	background-color: white;
	font: 11px Verdana, Arial;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}

input.image, input.checkbox, input.radio {
	border: none;
	padding: 0;
	background: none;
}

input#btn_rechercher{
	background-color: #4A4A4A;
	padding-top: 1px;
}

div#box_recherche {
	margin-top: 0px;
	margin-left: -20px;
}

* html div#box_recherche {
	margin-top: 50px;
	margin-right: 5px;
}

input.ok {
	width: 42px;
	height: 20px;
	background: url(/images/input_ok.gif);
}

input.bouton {
	width: 101px;
	height: 32px;
}

select {
	font: 12px Arial, Verdana;
	color: black;
}

input.btn_h_l_ok {
	background-color: transparent;
	margin-left: 0;
	height: 20px;
	width: 20px;
}

* htlk input.btn_h_l_ok {
	margin-left: -45px;
}

input.btn_h_r_ok {
	background-color: transparent;
	height: 20px;
	width: 20px;
}

option.titre {
	font-weight: bold;
}


h3.error {
	margin: 5px;
	padding: 0;
}

ul.error {
	margin: 0 0 15px 15px;
	padding: 0;
	list-style: none;	
}

ul.error li {
	margin: 0;
	padding: 2px;
}


/* INFOBULLE */
a.infobulle {
	position: relative; 
	z-index: 24;
	text-decoration: none;
}

a.infobulle:hover { 
	z-index: 25;
	background-color: #ff0;
	text-decoration: none;
}

a.infobulle span {
	display: none;
}

a.infobulle:hover span {
	display: block; 
	position: absolute;
	
	top: 2em;
	left: 2em;
	width: 250px;
	border:1px solid black;
	background-color: white;
	color: black;
	text-align: justify;
	font-weight: normal;
	padding: 1px;
	text-decoration: none;
}


/* NO FLASH */
p.noflash {
	margin: 0;
	padding: 10px;
	text-align: center;		
}

p.noflash a {
	text-decoration: underline;
}


/* SONDAGE */
#box-sondage {
	width: 145px;
	background-color: #CAC00C;
	float: left;
	margin-bottom: 7px;
}

#box-sondage .inbox {
	/*height: 145px;*/
}

#box-sondage .inbox {
	text-align: center;
	
}

#box-sondage h3, #box-sondage p {
	font-size: 11px;
	padding: 0;
	margin: 0;
}

#box-sondage ul {
	margin: 5px 0 5px 0;
	padding: 3px 0 0 0;
	font-size: 11px;
	list-style: none;
	text-align: left;
}

#box-sondage li {
	margin: 0;
	padding: 0;
	/* line-height: 15px; */
}

#box-sondage table {
	margin: 0px 0 0 0;
	height: 80%;
	width: 100%;
	border: none;
	border-collapse: collapse;
	/*	border: 1px solid red; */
}

#box-sondage tr {
	/* line-height: 12px; */
	/* background-color: #D4FFAA; */
}

#box-sondage td {
	font-size: 11px;
	padding: 1px;
	text-align: left;
/* 	border: 1px solid green; */
}

#box-sondage td.resultats {
/* 	font-size: 8px; */
	width: 65px;
/* 	line-height: 16px; */
}

#box-sondage td.resultats table {
	border: none;
	padding: 0;
	margin: 0;
	width: auto;
 	height: 16px;
	border-collapse: collapse;
}

#box-sondage td.resultats td {
	font-size: 9px;
	background: url(/images/sondage/barre_fond.gif) repeat-x;
	text-align: center;
	padding: 0;
	margin: 0;
/* 	width: 14px; */
}

#pub_large
{
	height: 90px;
	width: 728px;
	/*border:#000000 solid 1px;*/
	margin-left: auto;
	margin-right: auto;
	margin-top : 30px;
}