/* CSS Document */

* {
border:0;
margin:0;
padding:0;
}

a {
	text-decoration:none;
	color:#000;
}

body {
	background:#e6e6e6 url('../media/img/interface/fondBandeBleu.gif') repeat-x 0 50px;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

#mainOmbres {
	width:944px;
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:0 5px 0 5px;
	background: url('../media/img/interface/ombresCotes-trans.png') no-repeat top left;
}

#main {
	width:944px;
	position:relative;
	float:left;
	padding:0 0 40px 0;
	background:#FFFFFF url('../media/img/interface/fondBandeBleuCourt.gif') repeat-x 0 50px;
}

#valleeDuDoux {
	width:100%;
	height:107px;
	background:#1158a2;
	position:absolute;
	top:220px;
	right:50%;
	margin-right:94px;
	z-index:9;
	text-align:right;
}

#lienResa {
	width:944px;
	height:50px;
	position:relative;
	margin:0;
	*float:left;
	z-index:10;
}

#lienResa a{
	display:block;
	background: #c2e521 url('../media/img/top_resa.jpg') no-repeat top left;
	width:100%;
	height:100%;

}

#lienResa a strong{
	display:none;
}

#tetiere {
	width:944px;
	height:295px;
	position:relative;
	margin:0 0 0 0;
	*float:left;
	z-index:1;
	background:url('../media/img/photoFemme.jpg') no-repeat top left;
}

#tetiere #photosFlash {
	width:490px;
	height:295px;
	position:absolute;
	right:0;
}

#tetiere #edito {
	width:253px;
	height:221px;
	position:absolute;
	top:74px;
	left:378px;
	background: url('../media/img/edito-trans.png') no-repeat top left;
}

#tetiere #decor {
	width:566px;
	height:189px;
	position:absolute;
	top:-31px;
	left:12px;
	background:url('../media/img/decor-trans.png') no-repeat top left;
}

#situation {
	display:none;
	width:302px;
	height:230px;
	position:absolute;
	top:635px;
	left:341px;
	z-index:1000;
}

#videoPlayer {
	display:none;
	width:302px;
	height:240px;
	position:absolute;
	top:695px;
	left:14px;
	z-index:1000;
}

/************************ ENTREES POUR LES 3 VILLAGES *****************************/

ul#villages {
	width:920px;
	_width:920px;
	position:relative;
	float:left;
	text-indent:0;
	padding:19px 12px;
	list-style:none;
}
#villages h2{
	 font-size:20px;
}

ul#villages li {
	float:left;
	/*width:260px;*/
	width:194px;
	padding:0 15px;
	border-left:1px solid #a2ba1c;
}

ul#villages li:first-child {
	border-left:0;
}

ul#villages li img {
	margin:5px 0 5px 0;
}

ul#villages li p {
	/*width:260px;*/
	width:194px;
	font-size:0.75em;
	text-align:justify;
}

ul#villages li a img {
	/*clear:both;*/
	margin:15px 0 0 0;
	float:right;
}

ul#villages li a img.diapo {
	/*clear:both;*/
	margin:15px 0 0 0;
	float:left;
}


/********************* FIN ENTREES POUR LES 3 VILLAGES **************************/


/************************ MENU HAUT DROITE *****************************/

ul#hautDroite {
	position:absolute;
	display:none;
	top:32px;
	right:10px;
	float:left;
	text-indent:0;
	list-style:none;
}

ul#hautDroite li {
	float:left;
	border-right:1px solid #000000;
	padding:0 4px;
	font-size:0.75em;
	line-height:0.8em;
}

ul#hautDroite li a {
	color:#000000;
	text-decoration:none;
}

ul#hautDroite li a:hover {
	color:#1c83ed;
}

/************************ FIN MENU HAUT DROITE *************************/


#basPage {
	width:872px;
	position:relative;
	float:left;
	padding:8px 35px;
}

#basPage #agenda {
	position:relative;
	width:290px;
	height:305px;
	padding:18px 0;
	float:left;
	background:#e9f5bb url('../media/img/bg_bloc_left_h.gif') no-repeat top left;
}

#basPage #agenda img#grandsRDV {
	margin:0 0 0 16px;
}

.agendaMenu img {
	padding:2px;
	vertical-align:middle;
	display:inline-block;
}

.agendaMenu  {
	padding:6px 0;
}

.agendaTitre {
	font-weight:bold;
	padding:0 10px;
	float:left;
	width:158px;
	padding:5px 10px 0 8px;
}

.nomVille {
	font-weight:bold;
	color:#6a8007;
}

.bt_agenda {
	background: url('../media/img/bt_agenda.gif') no-repeat top left;
	float:right;
	position:relative;
	top:-40px;
	margin:10px;
}

.bt_agenda a {
	font: bold normal 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	height:13px;
	width:120px;
	padding:2px 6px;
}

#agenda ul#listeAgenda {
	list-style:none;
	font: normal normal 11px Arial, Helvetica, sans-serif;
	margin:0;
	padding:8px;
	min-height:280px;
	_height:280px;
	background: url('../media/img/bg_bloc_left_b.gif') no-repeat bottom left;
}

#agenda ul#listeAgenda li{
	margin:0 0 8px 0;
	float:left;
	width:100%;
	padding:0 10px 0 10px;
}

#agenda ul#listeAgenda p{
	width:90%;
}

#agenda ul#listeAgenda li strong {
	font-size:12px;
}

#agenda ul#listeAgenda li a {
	text-decoration:none;
}

#agenda ul#listeAgenda li a:hover {
	text-decoration:underline;
}

ul#bannieres {
	position:relative;
	width:944px;
	padding:5px 0 0 9px;
	list-style:none;
}

ul#bannieres li {
	float:left;
	margin:0 18px 18px 18px;
	line-height:14px;
}

ul#bannieres li  a.lienResaVallee {
	color:#1770CC;
	font-size:12px;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
}

ul#bannieres li  a.lienResaVallee:hover {
	text-decoration:underline;
}

ul#bannieres li.first {
	float:left;
	margin:13px 18px 18px 18px;
}

#basPage #situation {
	position:relative;
	width:320px;
	height:260px;
	float:left;
}

#basPage #map {
	position:relative;
	width:574px;
	height:342px;
	float:right;
}

#basPage #mapNav {
	position:relative;
	width:574px;
	height:26px;
	float:left;
	background: url('../media/img/bg_nav_map.gif') no-repeat top left;
	margin:0 0 3px 0;
	font:normal bold 12px Arial, Helvetica, sans-serif;
	color:#FFF;
}

#mapNav a {
	color:#FFF;
	border-right:solid 1px #FFF;
	height:26px;
	float:left;
	padding:4px 30px;
	margin:0 10px;
}

#mapNav .acces {
	background: url('../media/img/ico_acces-trans.png') no-repeat left 6px;
}

#mapNav .video {
	background: url('../media/img/ico_video-trans.png') no-repeat left 4px;
}

#mapNav .zoom {
	background: url('../media/img/ico_zoom-trans.png') no-repeat left 4px;
	border:none;
	float:right;
	padding:4px 0 4px 30px;
}

#basPage #mapContent {
	position:relative;
	width:574px;
	height:314px;
	float:left;
	background: url('../media/img/bg_bloc_right.gif') no-repeat top left;
}

#basPage #videos {
	position:relative;
	width:304px;
	height:260px;
	float:left;
	background:#FFFFFF url('../media/img/fondAnnexe.gif') repeat-x top left;
}

#basPage #player {
	position:absolute;
	top:-5px;
	left:38px;
	width:243px;
	height:235px;
	background:url('../media/img/ardecheTV.png') no-repeat top left;
}

ul#partenaires {
	position:relative;
	left:25px;
	float:left;
	padding:16px 0 0 22px;
	list-style:none;
}

ul#partenaires li {
	float:left;
	margin:0 10px 0 0;
}

#footer {
	clear:both;
	position:relative;
	width:872px;
	float:left;
	padding:20px 35px;	
}

#footer p {
	float:left;
	width:100%;
	font-size:11px;
	margin:8px 0 0 0;
}

#footer p strong {
	color:#1770cc;
	font-weight:normal;
}

.footer_titre {
	color:#1770cc;
	text-transform:uppercase;
}

.bloc-footer, .bloc-footer-last {
	display:none;
}

.bloc-footer h2, .bloc-footer-last h2 {
	font: normal normal 15px Arial, Helvetica, sans-serif;
	margin:5px 0;
}

div.bloc-footer  {
	width:200px;
	float:left;
	padding-right : 20px;
}

div.bloc-footer-last  {
	width:200px;
	float:left;
	padding-right : 0;
}


div.bloc-footer li,div.bloc-footer-last li {
	background:url('../media/img/puce.gif') no-repeat 5px 5px;
	list-style:none;
	border:none;
	text-indent:0;
	margin:0 0 0 0;
	padding:0 0 0 15px;
	font-size:11px;
	line-height:16px;
}


#footer .item-footer {
	margin:20px 0;
}

#footer .item-footer li {
	list-style:none;
	color:#000;
	float:left;
	height:26px;
	width:36px;
	line-height:14px;
	padding-left:30px;
	margin-left:0px;
}

#footer .item-footer li a {
	vertical-align:bottom;
}

#footer .voir  {
	background: url('../media/img/puce_avoir.gif') no-repeat 0 0;
}

#footer .siteweb   {
	background: url('../media/img/puce_www.gif') no-repeat 0 0;
}

#footer .contact  {
	background: url('../media/img/puce_contact.gif') no-repeat 0 0;
}

/** Panoramio **/
iframe {
	padding:8px 8px 12px 8px;
}

/**** Lightbox ***/

div.imagewrapper {
	position:relative;		
}

div.button-holder {
	display:inline;
	position:absolute;
	z-index:1002;
	width:18px;
	height:18px;
	top:0;
	left:0;
	background-color:transparent;	
}

#labelBoucieu {
	z-index:10;
	position:absolute;
	left:388px;
	top:364px;
	width:62px;
	height:39px;
	background:url(../media/img/villageDeCaractere-trans.png) no-repeat top left;
}

#labelDesaignes {
	z-index:10;
	position:absolute;
	left:838px;
	top:364px;
	width:62px;
	height:39px;
	background:url(../media/img/villageDeCaractere-trans.png) no-repeat top left;
}