@charset "utf-8";
/* CSS Document */

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	color: #3399CC;
	background-image: url(images/fond-hauteur.png);
	background-repeat: repeat-x;
	background-color:#EEEEEE;
}
p {
	margin: 0 0 10px 0;
}

/*strong {
	text-decoration: underline;
}*/

a img {
	border: none;
}

table {
	/* centrage des tables, nécessite un width sur chaque table */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

form {
	margin: 0;
}

form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

form fieldset .label_titre {
	display: inline;
	font-size: small;
	font-weight: bolder;
}

form fieldset .label_choice {
	font-size: small;
}

/* BLOCS */

#header {
	height: 70px;
	/*background-color: #EEEEEE;*/
	width: 800px;
	/*display:table-cell;*/
	vertical-align:middle
}

#conteneur {
	position: absolute;
	width: 100%;
	/*background-color:#EEEEEE;*/
}
#news_div {
	/*height: 100px;
	margin-left: 180px;
	margin-right: 180px;
	float: left;
	clear: left;*/ /* pour descendre de la ligne du logo */
}
#centre {
	/*background-color:#9999CC;*/
	/*padding-top: 50px;*/
	margin-left: 180px;
	margin-right: 180px;
	/*min-width: 200px;
	min-height: 200px;*/
}
#gauche {
	float:left;
	clear: left; /* pour descendre de la ligne header */
	width: 170px;
	text-align:justify;
	padding: 5px 5px 5px 5px;
}
#droite {
	float:right;
	width: 170px;
	text-align:justify;
	padding: 5px 5px 5px 5px;
}
#pied {
	clear:both;
	height: 30px;
	background-color: #78c859;
	padding-left: 10px;
}

#menuhaut {
	list-style-type: none;
	margin: 0;
	padding:0px;
	text-align: center; /* Centre le menu */
}

#menudroit {
	list-style-type: none;
	margin: 0;
	padding:0;
}

/* DANS LES BLOCS */
#logo a img {
	/*width: 400px;*/
	display:block;
	float: left;
	padding: 10px 10px 10px 10px;
}
#catchphrase {
	float: left;
	width: 350px; /* Dû au float du logo, comprend la largeur du logo */
	/*min-width: 650px;*/
	padding: 15px 15px 15px 15px;
	font-size: smaller;
	text-align: justify;
}

#menuhaut li {
	display: inline;

}
#menuhaut li a {
	margin: 0 2px;
	color: #3333ff;
	font-size: medium;
	font-weight:bolder;
	/*background-color: #78c859; */
	text-decoration: none;
	/*padding: 0px 2px 0px 2px; */
}

#menudroit li {
	margin-bottom: 5px;
}

#menudroit a, .classic_button {
	margin: 0 2px;
	color: #3333CC;
	background-color: #33CC66;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
}

#menudroit a:hover, .classic_button:hover { 
	color: #0066CC;
	background-color: #00FF00; 
}

.problem_button {
	margin: 0 2px;
	color: #3333CC;
	background-color: #FF9900;
	text-decoration: none;
	padding: 1px 4px 1px 4px;
}

.problem_button:hover { 
	color: #FF6666;
	background-color: #00FF00; 
}

#table_stats, #table_annonces {
	border: 2px solid #78c859;
	border-collapse: collapse;
	font-size: xx-small;
}

#table_stats td, #table_stats th, #table_annonces td, #table_annonces th {
	border: 1px solid #78c859;
}

#table_recherche .td_label {
	font-size: small;
	padding-bottom: 10px;
	/*text-decoration: underline;*/
}

#table_recherche .td_input {
	text-align: right;
}

#gglayers, .background_cadre {
	padding: 0px 10px 0px 10px;
	color: #3399CC;
	border: 2px solid;
	background-color: #ddeeaa;
}

/* WIDTH des tables centrées */
#table_partenaires, #table_boutons {
	width: 350px
}

ul li.large_interligne {
	margin: 10px 0px 10px 0px;
}

/* CLASSES DIVERSES */

#news {
	/*border: 1px solid #000;*/
	padding: 3px;
	margin: 0;
	list-style-type: none;
	height: 50px;
}

#news .li_hidden {
	display: none;
}

#news li a {
	text-decoration: none;
	color: #889944;
}
.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.red {
	color: #FF9900;
}

.green {
	color: #339900;
}

.capture_ecran {
	width: 50px;
	height: 50px;
}

.custombutton {
	width: 18px;
	height: 18px;
	border: none;
	background: #3399CC;
}

h2 {
	display: block;
	background-image: url(images/menu.gif);
	font-size: small;
	font-weight: bold;
	width: 140px;
	height: 25px;
	text-align:center;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	color: #FFCC00;
	margin-bottom: 5px;
}

.centerblock {
	margin-left: auto;
	margin-right: auto;
	width: 430px;
	text-align: center;
}

.largeblock {
	background-image: url(images/largeblock.gif);
	font-size: small;
	width: 430px;
	height: 20px;
	padding-left: 10px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
}

.largeblock .titre {
	font-weight: bold;
	/*text-decoration: underline;*/
	color: #3366CC;
}

.largeblock .contenu {
	font-weight: bold;
	/*color: #f3c303;*/
}

.largetextblock {
	font-size: small;
	width: 430px;
	/*height: 420px;*/
	border:1px solid #2b8fa3;
	background: #EEEEEE;
	padding-left: 10px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	/*color: #f3c303;*/
}

#formemail {
	margin-left: auto;
	margin-right: auto;
	width: 430px;
}

.inputemail {
	width: 430px;
	height: 200px;
	font-family: Tahoma, sans-serif;
	border:2px solid #2b8fa3;
	background: #EEEEEE;
}

.small_ads {
	font-size: 8px;
	font-weight: bold;
}

.small_ads td a {
	text-decoration: none;
}

.newfield_depose {
	text-decoration: underline;
	font-size: small;
	font-weight: bold;
}

#center_map {
	font-size: smaller; 
	padding-bottom: 5px
}

.larger_font {
	font-size: medium;
}

/**********
* FORMS
**********/
span.checkbox {
   width: 19px;
   height: 25px;
   padding: 0px 5px 0px 0;
   background: url(/images/forms/checkbox.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.radio {
   width: 19px;
   height: 25px;
   padding: 0 5px 0 0;
   background: url(images/forms/radio.gif) no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.select {
   position: absolute;
   width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
   height: 21px;
   padding: 0 24px 0 8px;
   color: #fff;
   font: 12px/21px arial,sans-serif;
   background: url(select.gif) no-repeat;
   overflow: hidden;
}

/************
* MENU
************/
#menu1 {
	width: 160px;
	margin: 5px;
	border-style: solid solid none solid;
	/*border-color: #3D261D;*/
	/*border-size: 1px;*/
	border-width: 1px;
}

#menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu1 li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 18px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #889944;
	display: block;
	background:  url(/images/menus/menu11.gif);
	padding: 8px 0 0 25px;
}
	
#menu1 li a:hover {
	color: #889944;
	background:  url(/images/menus/menu11.gif) 0 -32px;
	padding: 8px 0 0 27px;
}	
