/* Start of CMSMS style sheet 'tourisme' */
/*	CSS office de tourisme du Pays des Essarts
	Création Agence Grain de Sel le 10/05/2009 */

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

html {
	font-size:9pt;
}

body{
  	font-size:1em;
        text-align : center;
 	font-family:Arial,  Verdana, Helvetica, sans-serif;
	color:#544d43;
	background-color:#dedebe;
	padding-bottom:40px;

}

#conteneur{
 	margin : 0 auto;
	position:absolute;
	width:966px;	
	text-align:left; 
	background:url("../images/office-tourisme-essarts/bkg.gif") 40px 0 repeat-y;
	margin-top:12px;

left:50%;
margin-left:-485px;
_margin-left:-485px;
 }
#bandeau{
	background:url("../images/office-tourisme-essarts/bkg-bandeau.jpg") 0 0 no-repeat;
	height:431px;
 }

#imgDefilement{
	float:left;
 }

.logo {	
	text-decoration:none;
	font-size:12px;
	margin-left:348px;
	background:url("../images/office-tourisme-essarts/logo.jpg") 0 0 no-repeat;
	height:41px;
	width129px;
	color:#000;
	display: block;
	padding-top:204px;
	padding-left:489px;
}

/** lienutile **/
#lienutile{
	margin-left:348px;
	list-style-type: none;
	width :247px;
	background:url("../images/office-tourisme-essarts/liens-utiles.jpg") 0 0 no-repeat;
	background-color:#fff;
	height:65px;
	padding-left:371px;
}
	
#lienutile li {
	float:left;
	text-decoration:none;
	display:block;
	height:65px;
	}

#lienutile a {	
	color:#fff;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	height:40px;
	display:block;
}

.rss {	
	width:25px;
	margin-right:15px;
}

.lienAccessibilite {	
	width:30px;
	margin-right:23px;
	_margin-right:18px;
}

.contact {	
	width:30px;
	margin-right:23px;
	_margin-right:18px;

}



.plan {	
	width:30px;
	margin-right:25px;
	_margin-right:25px;
}

.mention {	
	width:25px;
}


/** accessibilite **/
#accessibilite{
	list-style-type: none;
	width :40px;
}
	
#accessibilite li {
	text-decoration:none;
	display:block;
	height:25px;
	width:30px;
	}

#accessibilite a {	
	color:#fff;
	text-decoration:none;
font-size:14px;
	font-weight:normal;
	display:block;
	height:22px;
	width:23px;
	padding-left:7px;
	padding-top:3px;
}

/** formulaire recherches **/
#cntnt01moduleform_1 {
	padding:0;
	margin-top:63px;
	margin-left:60px;
	_margin-left:40px;
	width:205px;
	_width:245px;
float:left;
}

.chpTxt {
font-size:12px;
	height:20px;
	background-color: #fff; 
	padding-left:3px; 
	padding-top:5px;
	margin:0;
	width: 163px;
	color:#544d43;
	border:1px solid #847b6c;
	float:left;
}

.btnRecherche {	
font-size:10px;
	text-decoration:none;
	color:#544d43;
	background:url("../images/office-tourisme-essarts/trefle.gif") 0 0 no-repeat;
	height:22px;
	width:23px;
margin-top:-30px;
	display:block;
	margin-left:240px;
	_margin-left:17px;
	padding-top:9px;
	padding-left:9px;
float:right;

}


.btnRecherche:hover {	
	text-decoration:underline;
}



/** actu **/
 #actualite {
	width:419px;
	height:99px;
	background:url("../images/office-tourisme-essarts/actu.gif") 0 14px no-repeat;
	float:right;
	margin-right:17px;
font-family:Arial,  Verdana, Helvetica, sans-serif;
 }

#actualite h2{
	color:#7e7464;
	font-size:12px;
	text-transform:uppercase;
	margin-top:4px;
	margin-left:56px;
	}
#contenuActu {
margin:5px;
}

#actualite p{
	color:#7e7464;
	font-size:11px;
	width:380px;
	height:57px;
padding-right:30px;
	margin-left:10px;
	}
#actualite a{
	color:#7e7464;
	text-decoration:none;
}

#actualite a:hover{
	text-decoration:underline;
}

.pArticle strong {
line-height:2em;
}

#gauche {
text-align: justify;
	width:629px;
	float:left;
	margin-left:40px;
	_margin-left:20px;
	background:url("../images/office-tourisme-essarts/bkg-texte.gif") 47px 0px repeat-y;
	padding-bottom:45px;
}

/** agenda **/
 #agenda {
	width:333px;
	height:135px;
	background:url("../images/office-tourisme-essarts/agenda.gif") 0 9px no-repeat;
	margin-left:9px;
_margin-left:5px;
	float:left;
overflow:hidden;
}

#agenda h2 {
	color:#7e7464;
        text-align:left;
	font-size:12px;
	text-transform:uppercase;
	margin-left:52px;
}

.TEXTEagenda{
	color:#7e7464;
	font-size:10px;
	width:280px;
	height:85px;
	overflow:hidden;
	margin-left:12px;
}

 #agenda a {
	color:#55a3b0;
	text-decoration:none;
       	font-size:10px;
	}

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

/** carte **/
 #carte {
	width:241px;
	height:124px;
	background:url("../images/office-tourisme-essarts/carte.gif") 0 0 no-repeat;
	margin-left:375px;
	padding-top:30px;

 }

#carteInterne{
font-size:11px;
	width:169px;
	height:108px;
background:url("../images/office-tourisme-essarts/carte-interne.gif") 0 0 no-repeat;
margin-left:500px;
margin-top: -35px;
padding-bottom: 50px;
}

#carteInterne a
{
display:block;
color:white;
padding-top:17px;
width: 80px;
padding-left: 15px;
font-weight:bold;
text-decoration:none;
}

#carteInterne a:hover{
text-decoration:underline;
}


.carte{
	margin-left:27px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	display:block;
	}
.carte:hover{
	text-decoration:underline;
	}

.situer{
	margin-left:13px;
	color:#534d43;
	text-decoration:none;
	font-size:11px;
	display:block;
	margin-top:17px;
	}
.situer:hover{
	text-decoration:underline;
	}

.pays{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	display:block;
	margin-left:172px;
	margin-top:-75px;
	}
.pays:hover{
	text-decoration:underline;
	}

/** blocTexte **/
#blocTexte {
	width:563px !important;
	margin-left:58px;
	text-align:left;
	/*text-align:justify;*/
	margin-top:20px;
        /*overflow:scroll;*/
}

.texte08 {font-size:0.8em;}
.texte09 {font-size:0.9em;}
.texte10 {font-size:1em;}
.texte11 {font-size:1.1em;}
.texte12 {font-size:1.2em;}
.texte13 {font-size:1.3em;}
.texte14 {font-size:1.4em;}
.texte15 {font-size:1.5em;}

#blocTexte h1{
	color:#55a3b0;
	font-size:1em;
	text-transform:uppercase;
	margin-bottom:10px;
	}

#blocTexte p{
	color:#544d43;
padding:1px;
text-align:justify;
	}

#blocTexte a{
	color:#55a3b0;
	text-decoration:none;
	}

#blocTexte a:hover{
	text-decoration:underline;
	}

 #droite {
position:relative;
	width:221px;
	margin-left:745px;
_margin-left:742px;
	/*background:url("../images/office-tourisme-essarts/img-menu.jpg") 0 0px no-repeat;*/
	min-height:331px;
	_height:331px;

 }

/** menu **/
#blocMenu {
	position:absolute;
	left:50%;
	top:0;
}
#systeMenu{
	position:absolute;
	margin:0;
	padding:0;
	/*left:797px;*/
	/*left:445px;*/
        left:262px;
	top:430px;
	margin:0;
	padding:0;
	width:173px;
	background:url("../images/office-tourisme-essarts/bkg-menu.gif") 0 0 repeat-y;
width:240px !important;

	/*border:1px solid #f00; */

}

ul{

list-style-type: none ;
}

#systeMenu a{
	display:block;
}

#menu{
	width:180px;
	background:url("images/office-tourisme-essarts/typo-menu.gif") 0 0 no-repeat;
	padding-left:38px;
	padding-top:2px; 
	min-height:200px;
	_height:200px;
text-align:right;
padding-bottom:7px; 
list-style-type: none ;
}


	


#menu a, #menu li{
color: #fff;
font-size: 12px;
padding-top:5px;

}


#menu li{
width:147px;
vertical-align: middle !important;
}

#menu a{
width:147px;
padding-top:4px !important;
padding-bottom:4px;
}

#menu a, #menu li, #menu h5 {	
	text-decoration:none;
	display:block;
	padding-right:20px;
	min-height:15px;
	_height:15px;
}





.menuactive{
font-size:12px !important;
width: 157px;
color:#55a3b0;
font-weight: normal;
}


#menu a:hover {

font-size:12px;
	display:block;
padding-top:4px !important;
padding-bottom:4px;
	background:url("../images/office-tourisme-essarts/puce-menu.gif") 87% 50% no-repeat;
	color:#544d43;
	background-color:#dedebe;
	text-transform:uppercase;
padding-right:40px;
	width:127px;
	min-height:12px;
	_height:12px;
vertical-align : center ;
}


#menu h5, #menu .onglet_act
{
display:block;
padding-top:4px;
padding-bottom:4px;
color:#544d43 !important;
text-transform:uppercase;
font-size: 12px;
padding-right:40px;
width:127px;
background:url("../images/office-tourisme-essarts/puce-menu.gif") 87% 50% no-repeat;
background-color:#dedebe !important;
margin-top:0px;
margin-bottom:2px;
font-weight: normal;
}


#sousMenu a{
padding-top:0px !important;
padding-bottom:0px;

}

#sousMenu .onglet_act{
font-size:12px !important;
width: 157px;
color:#55a3b0;
font-weight: normal;
}

#sousMenu li{
vertical-align:middle !important;
background-color:#dedebe;
color:#544d43 !important;
padding-bottom:2px;
}

#sousMenu li a{
color:#544d43 !important;
}

#sousMenu a:hover, #sousMenu .menuactive, #sousMenu li h5{
background:none !important;
text-transform:none;
padding-top:0px !important;
padding-bottom:0px;
color:#55a3b0 !important;
width:147px !important;
	min-height:15px;
	_height:15px;
}




#sousmenu{
position:absolute;
margin-top: -40px;
	list-style-type:none;
	width:563px;
	text-align:left;
background-color:white;
white-space:nowrap;
}

#sousmenu li {
	display:block;
float:left;
padding-right :10px;

}

#sousmenu li a {
	font-size:12px;
	text-decoration:none;
	color:black;
}

#sousmenu li a:hover {
color:#55a3b0 !important;
test-decoration:none;
}

#sousmenu a:active{
color:#55a3b0 !important;
} 

#sousmenu li a.activeparent{
color:#55a3b0 !important;
} 

#sousmenu h3{
font-weight: normal;
font-size: 12px;
}

#sousmenu li.currentpage
{
color:#55a3b0 !important;
font-weight: normal;

}



#footer{
margin-top:40px;
	width:970px;	
	background:url("../images/office-tourisme-essarts/footer.gif") 348px bottom no-repeat;
	min-height:140px;
	_min-height:142px;
 }

#adresse{

	width:600px;
	margin-left:87px;
	_margin-left:120px;
	font-size:12px;
	color:#7e7464;
 }

/** menuFooter **/
#menuFooter{
	list-style-type: none;
	margin-left:56px;
	margin-top:98px;
	float:left;
}
	
#menuFooter li {
	float:left;
	text-decoration:none;
	display:block;
	margin-right:15px;
	}

#menuFooter a {	
	color:#7e7464;
	text-decoration:none;
	font-size:12px;
	/*display:block;*/
}

#menuFooter a:hover {	
	text-decoration:underline;
}

/** menuLogo **/
#menuLogo{
	list-style-type: none;
	margin-left:752px;
	height:67px;
	/*margin-top:-50px;*/
margin-top:50px;
}
	
#menuLogo li {
	float:left;
	text-decoration:none;
	display:block;
	margin-left:50px;
	_margin-left:20px;
}

#menuLogo a {	
	color:#7e7464;
	text-decoration:none;
	font-size:9px;
	display:block;
}

#menuLogo a:hover {	
	text-decoration:underline;
}
#txtPictos {
position:absolute;
top:300px;
left:50%;
margin-left:-485px;
width:970px;
font-size:12px;
}
#txtFluxRSS {
font-size:12px;
position:absolute;
left:710px;
display:none;
}
#txtContact {
position:absolute;
left:805px;
display:none;
font-size:12px;
}
#txtPlanSite {
position:absolute;
left:847px;
display:none;
font-size:12px;
}
#txtMentions {
position:absolute;
left:870px;
display:none;
font-size:12px;
}


#meteo {
	padding:0;
	width:175px;
	height:99px;
	margin-left:353px;
	_margin-left:333px;
_margin-top: -45px;
text-align:center;
}

/** Ajout LG **/
/* Meteo */
#cont_da2df6c78c1716e8fe0b8c0d72a15f71 a {
color:#7e7464;
text-decoration:none;
font-size:12px;
font-weight:bold;
}


.slider {position:relative; overflow:hidden; border:2px solid #9ac1c9; height:225px; background-color:#f3f6ed; margin-bottom:20px;font-family:Arial,  Verdana, Helvetica, sans-serif;}
.slidercontent {position:absolute}
.slidercontent .upper {border-bottom:1px solid #9ac1c9}
.section {padding:10px}
.newsslider {position:relative; overflow:hidden; height:95px; width:295px;padding-left:10px; margin-bottom:20px;margin-top:10px;}
.newsslidercontent {position:absolute;}
.newsslidercontent .upper {border-bottom:1px solid #9ac1c9;}
.newssection {padding:10px;height:75px}
.newsslider strong{padding-top:3px;}
#newsslider div{_margin-top:10px;height:100px;}

#agenda strong {
padding-left:2px;
	color:#7e7464;
	font-size:10px;
	margin-left:12px;
	.margin-left:11px;
line-height:2em;
	}

#agenda a{
	color:#55a3b0;
	text-decoration:none;
	font-size:11px !important;
}


 
ul.clearfix, ul.clearfix ul {
list-style-type: none;
margin-left:30px;
	list-style-type:none;
}

.ContactChamp{
margin-top: 15px;
width:250px;
}

.ContactChamp label{
color:black;
}


input{
margin-top:4px;
background-color:white;
border:1px solid #85847d;
color:black;
font-size:10px;
font-family:Arial,  Verdana, Helvetica, sans-serif;
padding-bottom:2px;
padding-top:2px !important;
}

.Champ input{
width:250px !important;
}


#m4fbrp__21{
background-color:white !important;
border:1px solid #85847d !important;
color:black;
font-size:1em;
width:250px !important;
font-family:Arial,  Verdana, Helvetica, sans-serif;
}

#m3fbrp__21{
width:250px;
border:1px solid #85847d;
}

.fbsubmit{
width:50px;
color:black;
background-color:transparent;
border:none;
text-align:left;
margin-left: 200px;
}

.fbsubmit:hover{
color:#55a3b0;
}


#menumtctl_main div {
width: 80px !important;
}


.caseCocher{
height:80px;
width: 80px;
float:left;

margin-right:20px;

}

.caseCocher input{
position:absolute;
margin-left:50px;
}

#Coord{
float:right;
}

#imgListe{
float:left;
margin-right:20px;
}

#pictoFiche
{
margin-right: 20px;
}


.PictoListe{

margin-top:10px;

}

.PictoListe img{
float:left;
padding-right:30px;
display:block;
}

.txtpicto1, .txtpicto2, .txtpicto3, .txtpicto4, .txtpicto5{
float:left;
}

/*
.txtpicto1{
padding-right:75px;
}

.txtpicto2{
padding-right:50px;
}

.txtpicto3{
padding-right:30px;
}

.txtpicto4{
padding-right:15px;
}

*/
#barre{
width :500px;
height:  2px;
border-top: 1px solid #7e7464;
margin-left: 30px;
margin-top: 50px;
margin-bottom: 50px;
}


#imgDefilementBas{
height:391px;
position:relative;
margin-left:90px;
_margin-left:42px;
width:391px;
float:left;
}

#contenu1{
min-height:100px;
margin-bottom:20px;
}

#contenu2{
width:260px;
min-height:200px;
float:left;
margin-bottom:20px;
}

#contenu3{
width:260px;
min-height:200px;
margin-left: 300px;
margin-bottom:20px;
}

#contenu4{
min-height:100px;
margin-bottom:20px;
}

#contenu5, #contenuHautFiche {
background-color:white;
min-height:30px;
margin-bottom:20px;
padding :5px;
}

#contenuHautFiche {
background:url("../images/office-tourisme-essarts/bkg-picto.jpg")  top repeat-x;
background-color:white;
}

#contenuHautFiche img {
float:left;
margin-right:30px;
}

#contenu6{
width:260px !important;
float:left;
padding-right:20px;
/*min-height:200px;*/
margin-bottom:20px;
border-right: 1px solid #7e7464; 
}


#contenu7{
width:260px;
min-height:200px;
margin-left: 300px;
margin-bottom:20px;
}


#Typo{
display:inline;
position:absolute;
}


#FilAriane{
margin-left:90px;
font-size:10px;
color:#544d43;
padding-bottom:3px;
}

#FilAriane a{
color:#544d43;
text-decoration:none;
}

#FilAriane a:hover{
text-decoration:underline;
}

.lastitem{
font-weight:bold;
}


.separateur{ 
	 display: block;
	 height: 0;
	 margin: 0;
	 _margin:-7px 0;
	 padding: 0;
	 border: 0;
	 visibility: hidden;
	 clear:both;
}

#dteJour {
width:200px;
position:absolute;
margin-left:60px;

.margin-left:-205px;
margin-top:35px;
font-weight:bold;
}




/* End of 'tourisme' */