/*
	englobe tous les styles liés à la page d'accueil
*/

.btn, select{
	vertical-align: text-bottom;
}

#visuelHp{
	width: 260px;
	height: 26.7em;
	background-image: url("/fileadmin/ethic-etapes/images/visuel_home1.jpg");
	background-repeat: no-repeat;
	float: left;
}

#visuelHp h2{
	display: none;
}

#visuelHp2{
	width: 260px;
	height: 26.7em;
	background-image: url("/fileadmin/ethic-etapes/images/visuel_home2.jpg");
	background-repeat: no-repeat;
	float: left;
}

#visuelHp2 h2{
	display: none;
}

#visuelHp3{
	width: 260px;
	height: 26.7em;
	background-image: url("/fileadmin/ethic-etapes/images/visuel_home3.jpg");
	background-repeat: no-repeat;
	float: left;
}

#visuelHp3 h2{
	display: none;
}

#visuelHp4{
	width: 260px;
	height: 26.7em;
	background-image: url("/fileadmin/ethic-etapes/images/visuel_home4.jpg");
	background-repeat: no-repeat;
	float: left;
}

#visuelHp4 h2{
	display: none;
}

#centre h2{
	border-bottom: solid 1px #49591A;
	padding: 0.4em 0 0 0;
	font-size: 13px;
}

#centre h3, #centrebas h3{
	padding:0;
	margin: 10px 0 5px 0;
	font-size: 12px;
	clear: both;
}

#centre h2, #centre h3{
	color: #49591A;
	font-weight: bold;
	margin: 0;
}

#centre{
	padding: 0;
	margin: 0;
	height: 26.7em;
	float: left;
}

#centre .btn{
	margin-left: 0;
	margin-bottom: 3px;
}

#mer, #montagne, #campagne,#ville{
	width: 71px;
	height: 99px;
}

#centreHaut{
	background-color: #D3DD67;
	height: 19em;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

#centreBas{
	height: 7.7em;
	background-color: #CC6;
	clear: both;
	margin: 0;
}

#centreHaut, #centreBas{
	width: 335px;
	padding: 0 10px 0 10px;
}

#centreHaut, #centreBas{
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 315px;
}

#formRegion{
	width: 200px;
}

#divFormReg{
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
}

#divFormReg h3{
	padding: 5px 0 5px 0;
	margin: 0 0 0 0;
	font-size: 12px;
	clear: both;}

#formRegion select, #formRegion{
	margin: 0;
	padding: 0;
}

#formRegion select{
	margin: 7px 0 0 0;
	width: 180px;
	font-size: 9px;
}

#formRegion option{
	width: 190px;
	font-size: 9px;
}

#divMapReg{
	width: 85px;
	height: 85px;
	text-align: center;
	color: #D3DD67;
	float: right;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 100;
	/*\*//*/
	position: absolute;
	top: 125px;
	left: 65%;
  /**/
}

#divMapReg a{
	font-size: 12px;
	text-decoration: none;
	color: #666;
	font-weight: bold;
}

#divChoixThem{
	clear: both;
	color: #D3DD67;
	position: relative;
	topk: 195px;
	borderk:1px red solid;
	margin:-15px 0 0 0 ;
	padding: 0;
	/*\*//*/
	top: 12em;
  /**/
}
#divChoixThem h3{
	padding: 5px 0 5px 0;}

#divFormSej select, #divFormDest select{
	margin: 0;
	padding: 0;
	width: 120px;
}

#divFormSej, #divFormDest{
	width: 155px;
	margin: 0;
	padding: 0;
	float: left;
}

#divFormSej h3{
	padding: 5px 0 5px 0;
}

/*\*//*/
	#divFormDest{
		position: absolute;
		left: 26.5em;
		top: 21.9em;
	}
/**/

#divFormDest h3{
	padding: 5px 0 5px 0;
}

#centreBas h3{
	clear: left;
	font-size: 12px;
}

#centreBas a{
	text-decoration: none;
	color:#49591A ;
}

#centreBas a:hover{
	color: #FFF;
}

#gauche{
	width: 165px;
	height: 26.7em;
	background-color: #E0DFA2;
	margin: 0;
	padding: 0;
	float: right;
}

#gauche h2{
	background-color: #F60;
	color: #E0DFA2;	
	line-height: 0.7em;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0.5em;
	padding-left: 0.5em;
	font-size: 22px;
}

#gauche h3{
	color: #FF6600;	
	line-height: 13px;
	margin-bottom: 0;
	margin-top: 0;
	padding-top:10px;
	padding-left: 5px;
	font-size: 14px;
}

#gauche p{
	font-size: 11px;
	margin: 8px 0 5px 10px;
	color: #666;
	clear: both;
	line-height: 12px;
}

#gauche a{
	font-size: 11px;
	margin: 5px 2px 5px 10px;
	color: #FF6600;
	clear: both;
}

#gauche a{
	text-decoration: none;
}