/* 1.INITIALISATION
----------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	background: url("../images/layout/bg_body.jpg") repeat;
	color : #77787B;
}
#map { margin-left:7px; }
#wrapper-repeat {
	background: url("../images/layout/bg_header_repeat.jpg") repeat-x top;
	min-height:483px;
 	height:auto !important;
  	height:483px;
}
#wrapper-fixed {
	background: url("../images/layout/bg_site.jpg") no-repeat top center;	
	min-height:483px;
 	height:auto !important;
  	height:483px;
}
#site {
	width: 916px;
	margin: 0 auto;
	min-height:600px;
 	height:auto !important;
  	height:600px;
  	position: relative;
}
marquee {
	width: 790px;
	float: left;
	padding-top:11px;	
	color: #e3c29e;
	font-size: 10px;
	margin-left:10px;
}
a {text-decoration:none;}
a:hover { text-decoration:underline; }
a:focus { outline:none;}
acronym{ border:none; }
form, input {	margin: 0;	padding: 0;	}
.none {display:none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
@font-face {
	font-family: 'TrajanProRegular';
	src: url('../styles/trajanproregular.eot');
	src: local('Trajan Pro'), local('TrajanPro-Regular'), url('../styles/trajanproregular.woff') format('woff'), url('../styles/trajanproregular.ttf') format('truetype');
}


/* 2.LAYOUT
----------------------------------------------------------------------*/
#header { width: 917px;	height: 142px; }
#header-site {
	width: 917px;
	height: 211px;
	background: url("../images/layout/header-site.jpg") no-repeat bottom;	
}
#bandeau_deroulant {
	width: 916px;
	height: 35px;
	background: url("../images/layout/bg_deroul.jpg") no-repeat top;
}
#logo {
	width: 626px;
	height: 107px;
	background: url("../images/layout/logo.jpg") no-repeat;
	float: left;
}
#logo h1, #logo a {
	width: 626px;
	height: 107px;
	margin: 0;
	padding: 0;
	display: block;
}
#terre_eure_loir,  #tourisme_handicap { width: 65px; height: 107px; float: left; }
#qualite_tourisme { width: 66px; height: 107px; float: left; }
#logis_france { width: 94px; height: 107px; float: left; }
#anim {
	width: 916px;
	height: 356px;
	background: url("../images/layout/bg_diapo.jpg") no-repeat top;
}
#flash {
	padding: 21px 0 0 28px;
	width: 861px;
	height: 339px;
}
#contenu {
	width: 896px;
	padding: 10px;
	background: url("../images/layout/bg_contenu.jpg") repeat;	
	min-height:200px;
 	height:auto !important;
  	height:200px;
  	overflow: hidden;
}
#contenu-site {
	width: 916px;
	background: url("../images/layout/bg_contenu.jpg") repeat;	
	min-height:200px;
 	height:auto !important;
  	height:200px;
  	overflow: hidden;
}
#wrapper-contenu {
	width: 545px;
	overflow: hidden;	
	float: left;
}
#contenu-editorial-bottom {
	width: 545px;
	height: 15px;
	background: url("../images/layout/bottom_contenu.jpg") no-repeat;	
}
#contenu-editorial-top {
	width: 545px;
	height: 14px;
	background: url("../images/layout/top_contenu.jpg") no-repeat;	
}
#contenu-editorial {
	width: 525px;
	background: url("../images/layout/bg_contenu_edit.jpg") repeat-y;
	min-height:461px;
	height:auto !important;
  	height:461px;
  	padding:10px;
  	color: #371A0C;
  	overflow: hidden;
}
#col-gauche {
	width: 189px;
	float:left;	
	position: relative;
}
#papillon {
	width: 142px;
	height: 120px;
	/*background: url("../images/layout/papillon.png") no-repeat;*/
	position: absolute;
	top: 630px;
	left: -50px;
	z-index: 10000;
}
#col-droite {
	width: 182px;
	float: left;
}
#cvmh {
	text-align: right;
	color: #e7dfdf;
	font-size: 10px;
	margin: 50px 6px 0 0;
	clear: both;
}
#cvmh a { color: #e7dfdf; }

/* 3.MENUS
----------------------------------------------------------------------*/
#langues {
	list-style-type: none;
	overflow: hidden;
	float:right;
	margin: 10px 20px 0 0;
	padding : 0;
}
#langues li {
	float:left;	
	margin-right: 10px;
}
#menu1-horizontal { 
	margin:5px 0 10px 7px; 
	padding:0; 
	list-style-type: none;
	overflow: hidden;
}
.btn-menu1-horizontal {
	float: left;
	background: url("../images/layout/bg_menu1.jpg") no-repeat;
	width: 177px;
	height: 46px;
	margin-right: 4px;
	padding-top : 27px;
	font-family: TrajanProRegular;
}
#menu1-vertical { 
	padding:0; 
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}
.btn-menu1-vertical {
	background: url("../images/layout/bg_menu1.jpg") no-repeat;
	width: 177px;
	height: 46px;
	margin:0 0 4px 6px;
	padding-top : 27px;
	font-family: TrajanProRegular;
}
.btn-menu1-horizontal a, .btn-menu1-vertical a {
	margin: 0 0 0 65px;
	color: #462F19;	
	font-size: 14px;
}
#menu2-horizontal { 
	margin:0 0 10px 3px; 
	padding:0; 
	list-style-type: none;
	overflow: hidden;
	clear: both;
}
.btn-menu2-horizontal {
	float: left;
	height: 28px;
	background: url("../images/layout/bg_menu2.jpg") repeat-x;
	font-family: TrajanProRegular;
	margin: 0 2px 0 2px;
	padding : 10px 20px 0 20px;
}
.btn-menu2-horizontal a {
	color: #FFFFFF;
	font-size: 14px;
}
#menu3-horizontal { 
	margin:0 0 0 2px; 
	padding:0; 
	list-style-type: none;
	overflow: hidden;
}
.btn-menu3-horizontal {
	float: left;
	margin: 0 4px 0 4px;
	padding : 0;
	text-align: center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menu3-horizontal { 
		margin:0 0 0 4px; 
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.btn-menu3-horizontal {
		margin: 0 3px 0 2px;
    }
}
.btn-menu3-horizontal a {
	color: #c8c220;
	font-size: 9px;
}
.titre-btn-menu3 {
	height: 23px;
	background: url("../images/layout/bg_menu3.jpg") repeat-x;
	width: 170px;	
	line-height: 23px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
#menu3-vertical { 
	margin: 0 auto;
	padding:0; 
	list-style-type: none;
	overflow: hidden;
	width: 170px;
}
.btn-menu3-vertical {
	padding : 0;
	text-align: center;
	margin:0 0 10px 0;
}
.btn-menu3-vertical a {
	color: #c8c220;
	font-size: 9px;
}
.titre-btn-menu3 {
	height: 23px;
	background: url("../images/layout/bg_menu3.jpg") repeat-x;
	width: 170px;	
	line-height: 23px;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

.picto_res { height: 28px; float:left; }
