/* ############################################################################
	SITE NAME
	GITES DE FRANCE 2009
############################################################################ */

/* ############################################################################
     1. CSS RESET
############################################################################ */

/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}

/* Normalise les tailles de polices pour les entetes */
h1, h2, h3, h4, h5, h6 {font-size:100%;}

/* supprime list-style pour les listes */
ol, ul {list-style:none;}

/* Normalise les styles et graisses des fonts : font-style et font-weight sont "normal" */
adress, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* supprime les bordures dans les tableaux */
table {border-collapse:collapse; border-spacing:0;}

/* supprime les bordures des les elements  img */
img {border:0;}

/* aligne le texte a gauche dans caption et th */
caption, th {text-align:left;}

/* supprime les apostrophe double (guillement anglais) autour de q */
q:before, q:after {content:'';}

/* affiche le curseur "main" sur tous les liens */
a {cursor:hand;}

/* ############################################################################
     2. DEFAULT STYLES FOR TAGS
############################################################################ */

/* PAGE ***************************************************************** */
body{font-size:11px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; color:#333; background:#FFF; text-align:center;}

/* TITLES ***************************************************************** */
h1{margin:0 0 10px 0; font-size:24px; background:url(../images/bgd_h1.gif) repeat-x;}
h2{margin:0 0 10px 0; font-size:24px; color:#818f06; clear:both;}
	h2 strong{}
h3{font-weight:bold; font-size:20px; margin:0 0 10px 0; color:#777;}
	h3 strong{text-transform:uppercase;}
h4{font-weight:bold; font-size:16px;}
	h4 strong{text-transform:uppercase;}

/* CONTENTS ***************************************************************** */
div{text-align:left;}
strong{font-weight:bold;}
p{padding:0 0 10px 0;}

/* LISTS ***************************************************************** */
ul, ol, dl{margin:0 0 10px 0;}
	ul li{padding:0 5px 0 10px; background:url(../images/li_common.gif) no-repeat 0 5px;}
	ol li{}
dt{font-weight:bold;}
dd{}

/* LINKS ****************************************************************** */
a{text-decoration:underline; color:#64980F;}
a:hover{text-decoration:none;}

/* FORMS ************************************************************* */
form{}
fieldset{border:none; padding:0 5px 5px 0; margin:0 0 10px 0;}
	fieldset ul, fieldset ol{margin:0;}
		fieldset li{background:none; padding:0 0 8px 0; overflow:hidden;}
	fieldset fieldset{border:none; margin:0; padding:0;}
		fieldset fieldset legend{font-weight:normal; padding:0 0 3px 0; margin:0 0 0 -7px; width:150px; float:left; font-weight:bold; }
		fieldset fieldset ul{overflow:hidden; display:inline;}
		fieldset fieldset li{display:inline}
		fieldset fieldset li label{display:inline; float:none; font-weight:normal;}
		fieldset fieldset input{border:none; width:auto;}
legend{font-weight:bold; padding:0 5px 5px 5px;}
label{display:block; margin:0 0 3px 0; width:150px; float:left; font-weight:bold; }
	label span{}
input, select, textarea{border:1px solid #2A3C16; font-size:12px; padding:0 0 0 1px; width:200px;}
input{}
select{}
textarea{}

/* TABLEAU **************************************************************** */
table{border-collapse:separate; border-spacing:0; margin:0 0 10px 0;}
th{padding:2px 7px;}
td{padding:2px 7px; text-align:center;}
thead th, thead td{background-color:#818f06; color:#FFF; font-weight:bold;}
tbody th, tbody td{border-bottom:1px solid #C2C2C2;}

/* ############################################################################
     3. 4. STRUCTURAL ZONES FOR ID
############################################################################ */
#mtav_header{background:url(../images/bgd_header.gif) no-repeat #EB4901; padding:12px 10px 0 10px; font-weight:bold; color:#FFF; text-align:center;}
	#mtav_header div{width:965px; margin:auto; text-align:left; overflow:hidden;}
		#mtav_header p{float:left; width:500px;}
		#mtav_header a{color:#FFF;}
		#mtav_header p strong{text-transform:uppercase; }
		#mtav_header ul{float:right; width:400px;}
			#mtav_header li{padding:0; background:none; float:right; padding:0 5px 0 5px; border-left:1px solid #FFFFFF;}
			#mtav_header .last{border:0;}
#mtav_page{width:955px; margin:auto; clear:both;  background:url(../images/bgd_menu.gif) no-repeat #EEEDEE top right;}
	#mtav_menu1{font-weight:bold; clear:both;  background:url(../images/bgd_page.gif) no-repeat; padding:0 0 10px 10px; overflow:hidden;}
		#mtav_menu1 ul{}
			#mtav_menu1 li{background:none; float:left; font-size:12px;}
				#mtav_menu1 a{padding:15px 22px 17px 10px; margin:0 0 0 4px; display:block; color:#558E0E; text-decoration:none;}
				#mtav_menu1 a:hover{color:#EC4A00;}
			#mtav_menu1 .activated{background:url(../images/bdd_menu1_activated.gif) no-repeat left top;}
				#mtav_menu1 .activated a{color:#FFF; background:url(../images/bdd_menu1_activated_a.gif) no-repeat right top; }
				#mtav_menu1 .activated a:hover{color:#CCC;}
	#mtav_main{clear:both; margin:0 10px 0 10px; background:url(../images/bgd_main.gif) no-repeat left top #FFF; overflow:hidden;}
		#mtav_mainContent{background:url(../images/bgd_mainContent.gif) no-repeat left bottom; overflow:hidden; margin:25px 0 0 0;}
			#mtav_content{float:left; width:622px; padding:0 10px 20px 20px; margin:5px 0 0 0;}
				#mtav_content blockquote {color:#666; font-style:italic; font-size:120%; line-height:150%;	width:auto;	padding:0px 0px 5px 60px; margin:15px 0;	background: url(../images/bgd_blockquote.gif) 0 0 no-repeat;}
				#mtav_content blockquote p {padding:0 60px 10px 0; margin-top:0; background:url(../images/bgd_blockquote_p.gif) 100% 100% no-repeat;}
			#mtav_context{float:left; width:250px; padding:10px 0 20px 0; margin:10px 0 0 0;}
				#mtav_context dl{background:url(../images/bgd_context_dl.gif) no-repeat right top; margin:0 0 0 12px; padding:20px 0 15px 0; color:#FFF;}
					#mtav_context dt{font-size:13px; padding:0 0 5px 10px;}
					#mtav_context dd{background:url(../images/bgd_context_dd.gif) no-repeat right bottom; padding:0 12px 20px 12px;}
						#mtav_context .mtav_links li{background:url(../images/li_links_context.gif) no-repeat 0 5px;}
						#mtav_context a{color:#FFF;}	
	#mtav_footer{padding:10px 0 0 0; overflow:hidden; clear:both;}
		#mtav_footer a{text-decoration:none;}
		#mtav_footer a:hover{text-decoration:underline;}
		#mtav_footer dl{padding:0 0 20px 30px; width:200px; float:left;}
			#mtav_footer dt{font-size:12px; padding:0 0 5px 0;}
			#mtav_footer dd{padding:0 5px 0 0;}

/* ############################################################################
     5. SPECIFIC STYLES
############################################################################ */	

/* Common classes */
.clear{height:0; clear:both;}
.mtav_alert{color:#CC0000;}
.mtav_links{}
	.mtav_links li{padding:0 5px 5px 10px; background:url(../images/li_links.gif) no-repeat 0 3px;}
.mtav_external{padding:0 0 0 13px; background:url(../images/bgd_external.gif) no-repeat 0 1px;}
.mtav_advert{border:1px solid #DBDBDB;}
.mtav_submitForm{text-align:right; width:355px;}
.mtav_submitForm input{border:none;  background-color:#548E0E; padding:2px 5px; font-size:14px; color:#FFF; font-weight:bold;}
.mtav_path{overflow:hidden;}
	.mtav_path li{background:url(../images/li_path.gif) no-repeat 0 3px; float:left;}
	.mtav_path .first{background:none; padding:0; padding:0 5px 0 0;}

/* Home Page */
.mtav_mainHighlight{background:url(../images/bgd_mainHighlight.gif) no-repeat top right; height:242px; padding:0 0 20px 0; overflow:hidden; margin:20px 0 0 0;}
	.mtav_mainHighlight dt{width:380px; float:left; padding:5px 0 0 0;}
	.mtav_mainHighlight dd{width:200px; float:left; padding:10px 0 0 0;}
		.mtav_mainHighlight h3{font-size:17px;}
			.mtav_mainHighlight h3 a{text-decoration:none;}
			.mtav_mainHighlight h3 a:hover{text-decoration:underline;}

/* Régions */		
.mtav_highlightRegions{overflow:hidden;}
	.mtav_highlightRegions dl{clear:both;}
		.mtav_highlightRegions dt{float:left; width:115px; margin:0 0 10px 0; padding:0;}
			.mtav_highlightRegions h2{margin:0 25px 0 0;}
			.mtav_highlightRegions p{margin:0 25px 15px 0;}
		.mtav_highlightRegions dd{float:left; width:185px; margin:0 0 10px 0; padding:0 10px 0 0;}
		
/* Opération */
.mtav_imageLeft{float:left; margin:0 10px 10px 0;}
.mtav_imageCenter{clear:both; text-align:center;}

/* Blocs contextuels */
#mtav_context .advertissement{background:url(../images/bgd_advertissement.gif) no-repeat right top; margin:0;}
	#mtav_context .advertissement dd{background:none; text-align:center;}
#mtav_context .mtav_highlightContext{background-image:url(../images/bgd_highlightContext.gif);}
	#mtav_context .mtav_highlightContext dd{background-image:url(../images/bgd_hightlightContext_dd.gif);}
	
#overDiv{border:2px solid #000; padding:2px 4px; background-color:#FFF;}
	#overDiv *{margin:0; border:none;}
	#overDiv td{padding:0;}