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

body {
  height: 100%;
  text-align:center;
  margin:0px;
  background: #fff url(images/body_fond.jpg) top left repeat-x;
}

span.hide {
	position: absolute;
	top: -5000px;
	left: -5000px;
	text-indent: -5000px;
}


#page {
  width:788px;
  height:inherit;
  margin-right:auto;
  margin-left:auto;
  margin-top:0px;
  margin-bottom:0px;
  padding:0px;
  padding-left:14px;
  padding-right:14px;
  text-align:left;
  background-image:url(images/page_ombre-trans.png) !important;
  background-repeat:repeat-y;
  background-image:url(images/page_ombre-ie-trans.png);
  top:0px;
}

/****************************** ZONE D'ENTETE *****************************/

#contentheader {
  height:218px;
}
                #header_1_1 {
                        /*background-image :url(images/header_1_1.gif);*/
                        top:0px;
                        left:0px;
                        width:286px;
                        height:165px;
                        overflow:visible;
                }

                        #home {
                                top:0px;
                                left:0px;
                                width:286px;
                                height:165px;
                                overflow:visible;
                                z-index:1;
                        }

                        #carte_index {
                                position:absolute;
                                margin-top:-55px;
                                margin-left:5px;
                                z-index:50;
                                overflow:visible;
                        }

                #header_1_2 {
                        margin-top:-165px;
                        margin-left:286px;
                        width:474px;
                        height:165px;
                }
                #header_2_1 {
                        float:left;
                        background-image :url(images/header_2_1.jpg);
                        width:227px;
                        height:53px;
                }
                #header_menuleft {
                        float:left;
                        background-image :url(images/header_menuleft.jpg);
                        width:34px;
                        height:53px;
                }
                #header_menu {
		        float:left;
		        width:470px;
		        height:53px;
		        background-image :url(images/header_22_1.jpg);
		        background-repeat: no-repeat;
		        background-position:bottom;
                }




                /********************************* MENU ***************************************/

                #zone_menu {
                position: relative;

                  margin:0;
                  padding:0 0 0 0;
                  z-index: 400;
                  height:50px;
                  visibility:visible;
                }


                ul.menu {
                  height:auto;
                  width:470px;
                  margin:0;
                  padding:0;
                  list-style:none;
                  list-style-image:none;
                  float:left;
                  overflow:visible;
                  visibility:visible;
                }

                ul.menu li {
                  margin:0;
                  padding:0;
                  background-repeat:no-repeat;
                  height:25px;
                  float:left;
                  visibility:visible;

                }

                ul.menu ul {
                  margin:0;
                  padding:0;
                  display:none;
                  position:absolute;
                  list-style:none;
                  list-style-image:none;
                  border-top:none;
                  margin-top:25px;
                  border-top:none;
                  z-index:255;
                  overflow:visible;
                  float:left;
                  visibility:none;

                }

                ul.menu li ul li {
                  /*margin:1px;*/
                  border: 1px solid white;
                  padding-bottom:0;
                  float:none;
                  height:auto;
                  background-color:#da482f;
                  color:white;
                  font-family:"Trebuchet MS", Verdana, Arial;
                  font-size:0.75em;
                  line-height:1.2em;
                  font-weight:bold;
                  text-decoration:none;
                  visibility:visible;

                }

                ul.menu ul li a {
                  width:auto;
                  max-width:150px;
                  /*height:auto;*/
                  margin:0px;
                  padding-left:15px;
                  padding-right:15px;
                  padding-top:5px;
                  padding-bottom:5px;
                  text-decoration:none;
                  display:block;
                  color:white;
                  visibility:visible;
                }

                ul.menu li ul li:hover a {
                  color:white;
                  background-color:#ed6149;
                  visibility:visible;
                }


                .menu li:hover ul {
                  display:block;
                  overflow:visible;
                  visibility:visible;
                }

                .menu_decouvrir {
                  background-image:url(images/menu_decouvrir.jpg);
                  width: 136px;
                  visibility:visible;
                  z-index: 300;
                }

                .menu_loisirs {
                  background-image:url(images/menu_loisirs.jpg);
                  width: 75px;
                  visibility:visible;
                }

                .menu_hebergement {
                  background-image:url(images/menu_hebergement.jpg);
                  width: 143px;
                  visibility:visible;
                }

                .menu_agenda {
                  /*background-image:url(images/menu_agenda.jpg);*/
                  width: 6px;
		  height: 22px;
                  visibility:visible;
                }

                #header_menuright_tourisme {
		float: right;
		margin: 0 28px 0 0;
		background :url(images/header_menuright.jpg) top right;
		width:29px;
		height:53px;
                }

                /********************************* MENU ***************************************/


                #header_menuright {
                        float:left;
                        background-image :url(images/header_menuright.jpg);
                        width:29px;
                        height:53px;
                }

                #header_ici {
                        position:absolute;
                        color:#da482f;
                        top:210px;
                        margin-left:0px;
                        width:730px;
                        text-align:right;
                        font-family:"Trebuchet MS", Verdana, Arial;
                        font-size:0.75em;
                        z-index:10;
                }
                #header_ici a {
                        text-decoration:none;
                        color:#c33;
                }

/****************************** ZONE DE CONTENU *****************************/

#middle {
        position: relative;
        width:760px;
        visibility: visible;
        background-image: url(images/page_fondlateral.gif);
        background-repeat:repeat-y;
        z-index:1;
        float:none !important;
        position:relative;
        vertical-align:top;
}

/*--------------- ZONE GAUCHE --------------------*/

                #middle #contentleft {
                        position:absolute;
                        width:227px;
                        padding:0px;
                        left:0px;
                        top:0px;
                        z-index:1;
                        min-height:700px;
                }

                        #middle #contentleft #fond_top {
                                background-image:url(images/zleft_1_1.jpg);
                                background-repeat:no-repeat;
                                height:100px;
                        }

                        #middle #contentleft #cleft_staticmenu {
                                position: relative;
                                background-image:url(images/zleft_fond_menu.gif);
                                background-repeat:no-repeat;
                                padding: 20px 0 25px 15px;
                        }

                                #middle #contentleft #cleft_staticmenu #rechercher {
                                        margin-left:20px;
                                }

                                #middle #contentleft #cleft_staticmenu #carte {
                                        margin-left:12px;
                                        margin-top:13px;
                                }
                                #middle #contentleft #cleft_staticmenu #annuaire {
                                        margin-left:17px;
                                        margin-top:12px;
                                }
                                #middle #contentleft #cleft_staticmenu #marches {
                                        margin-left:22px;
                                        margin-top:16px;
                                }
                                #middle #contentleft #cleft_staticmenu #photos {
                                        margin-left:24px;
                                        margin-top:14px;
                                }
                                #middle #contentleft #cleft_staticmenu #publications {
                                        margin-left:25px;
                                        margin-top:14px;
                                }

table.calendar {
	text-align: center;
	font-size: 0.75em;
	margin: 0.5em 0;
	font-family: "Trebuchet MS", Verdana, Arial;
	width: 100%;
	overflow:visible;
	border-collapse: separate;
	border-spacing: 2px;
}
.calendar .calendar-month {
	font-size: 1em;
	text-align: center;
	color: #c33;
}
.calendar .calendar-next, .calendar .calendar-prev {
	font-size: 1.5em;
	font-weight: bold;
}
.calendar td {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.9em;
	padding: 2px;
	/*border: 1px solid #ebf8fc;*/
}

.calendar td:hover {
	font-family: "Trebuchet MS", Verdana, Arial;
	background-color: #ebf8fc;
	color: #da482f;
}

.calendar td.cal_link {
	background-color: #fff;
	color: #fff;
}
.calendar td.cal_link a {
	color: #fff;
}
.calendar td.colspan:hover {
	background: none;
}

.calendar td.curDay {
	background: #da482f;
}

.calendar td.curDay a {
	color: #fff;
}

.calendar th {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.9em;
	font-weight: bold;
	color: #da482f;
	/*border: 1px solid #ebf8fc;*/
}

.calendar a {
	font-family: "Trebuchet MS", Verdana, Arial;
	color:#c33;
	margin-bottom:0.5em;
	text-decoration:none;
	font-weight:bold;
	z-index: 299;
}

.calendar a:hover {
	text-decoration: none;
}



#middle #contentleft #cleft_partenaires {
        background-image:url(images/zleft_part_fond.gif);
        background-repeat:no-repeat;
        margin-top:27px;
        padding-top:15px;
        height:154px;
        padding-left:20px;
}
        #middle #contentleft #cleft_partenaires .logo {
                margin-top:10px;
                float:left;
                width:90px;
                height:55px;
        }



/*--------------- ZONE PRICIPALE --------------------*/

                #middle #contentmain {
                        position: relative;
                        display: inline-block;
                        margin: 0 0 0 227px;
                        padding: 30px 0 0 5px;
                        height:700px;
                        background-image:url(images/main_1_1_sousmenu.jpg);
                        background-repeat:no-repeat;
                }

                html>body #middle #contentmain {
                        height: auto;
                        min-height: 700px;
                }

                                #middle #contentmain #textes {
                                        _float: left; /* Bug IE */
                                        font-family:"Trebuchet MS", Verdana, Arial;
                                        font-size:0.8em;
                                        color: #000;
                                        margin: 0 25px 0 0;
                                }
                                #middle #contentmain #textes p {
                                        margin-bottom:5px;
                                }
                                #middle #contentmain #textes ul {
                                        margin: 0 0 10px 20px;
					list-style: square outside;
					list-style-image: url(images/puce.gif);
                                }
                                #middle #contentmain #textes ul li ul {
                                        margin-bottom:0;
					margin-left: 2em;
					list-style: disc outside;
                                }
                                #middle #contentmain #textes strong {
                                        color:#ed6149;
                                        font-weight:bold;
                                }
                                #middle #contentmain #textes h1 {
                                        font-family:"Trebuchet MS", Verdana, Arial;
                                        font-size:2em;
                                        font-weight:bold;
                                        color:#ed6149;
                                        margin-bottom:0.5em;
                                        width:100%;
                                        border-bottom:dotted;
                                        border-bottom-color:#ed6149;
                                        border-bottom-width:thin;
                                        padding-bottom:5px;
                                }
                                #middle #contentmain #textes h1.noborder {
					border-bottom:none;
                                }								
                                #middle #contentmain #textes h2 {
                                        font-family:"Trebuchet MS", Verdana, Arial;
                                        font-size:1.4em;
                                        color:#ed6149;
                                        margin: 1.2em 0 0.5em 0;
                                        /*margin-left:-10px;*/
                                        background: url(images/fleche-h2.gif) top left no-repeat;
                                        padding: 0 0 5px 20px;
                                        line-height:1.25em;
                                        border: none;
                                        border-bottom:1px solid #8ccd3f;
                                }
                                #middle #contentmain #textes h3 {
                                        font-family:"Trebuchet MS", Verdana, Arial;
                                        font-size:1.2em;
                                        font-weight:bold;
                                        font-style:italic;
                                        color:#ed6149;
                                }
                                #middle #contentmain #textes a {
                                        font-family:"Trebuchet MS", Verdana, Arial;
                                        color:#c33;
                                        margin-bottom:0.5em;
                                        text-decoration:none;
                                        font-weight:bold;
                                }
                                #middle #contentmain #textes a:hover {
                                        text-decoration:underline;
                                }
                                
                                #middle #contentmain #textes h3 a:hover {
	                                text-decoration: none;
                                }

                                #middle #contentmain #textes div#communes p {
					margin: 5px 0;
                                }
                                #middle #contentmain #textes div#communes ul {
					list-style-position: inside;
                                }
                                #middle #contentmain #textes div#communes div.img_commune img {
					float: right;
					clear: right;
					margin: 20px 0 0 0;
                                }
                                #middle #contentmain #textes div#communes .tab_commune {
					margin: 0;
					padding: 0;
					width:300px;
					border-bottom:dotted;
	                                border-bottom-color:#CCCCCC;
	                                border-bottom-width:thin;
					padding-bottom:3px;
					padding-top:5px;					
                                }
				#middle #contentmain #textes div#communes p.img_commune {
					text-align: center;
                                }							

/*--------------- ZONE DROITE --------------------*/

                #middle #contentmain #right {
                        background: url(images/zright_fondtop.gif) top left no-repeat;
                        /*border: 1px solid yellow;*/
                        float:right;
                        width:182px;
                        padding:0px;
                        margin: 10px 0 0 10px;
                        overflow:visible;
                }
                #middle #contentmain #right h1, 
                #middle #contentmain #right h2, 
                #middle #contentmain #right h3, 
                #middle #contentmain #right h4 {
                        background: none;
                        border: none;
                        padding: 0;
                        margin: 0;
                }

                #middle #contentmain #right .fondbottom {
                        background: url(images/zright_bottom.gif) bottom left no-repeat;
                        height:46px;
                        width:181px;
                        margin:0;
                        padding: 0;
                        /*overflow:visible;*/
                }

                #middle #contentmain #right .zd_dossier{
                        margin: 0 5px 0 7px;
                        padding: 0;
                        overflow:visible;
                }

                #middle #contentmain #right .image{
                        margin: 10px 0;
                }

                #middle #contentmain #right a {
                        font-family:"Trebuchet MS", Verdana, Arial;
                        font-size:0.9em;
                        color:#c33;
                        margin-bottom:0.5em;
                        text-decoration:none;
                }

                #middle #contentmain #right a:hover {
                        text-decoration:underline;
                }
                #middle #contentmain #right .zd_titre {
                        font-family:"Trebuchet MS", Verdana, Arial;
                        font-size:0.83em;
                        color:#ed6149;
                        margin: 5px 10px 1px 10px;
                }

                #middle #contentmain #right p {
                        font-family:"Trebuchet MS", Verdana, Arial;
                        font-size:0.77em;
                        color:#000;
                        margin: 0 10px 0 10px;
                        padding:0 0 0 0;
                }
                #middle #contentmain #right ul {
                        font-family:"Trebuchet MS", Verdana, Arial;
                        font-size:0.77em;
                        color:#000;
                        list-style: circle inside;
                        margin: 0 10px 0 10px;
                        padding:0;
                }
                #middle #contentmain #right ul.legende {
                        list-style: none;
                }
                #middle #contentmain #right ul.legende li {
			text-align: center;
			margin: 5px 0;
			font-size: 0.9em;
		}


/****************************** ZONE DE PIED *****************************/

                #middle #contentmain #hautdepage {
                height:50px;
                margin-top:40px;
                width:515px;
                }

                #middle #contentfooter {
                        position:absolute;
                        height:50px;
                        margin-left:-14px;
                        width:750px;
                        padding-top:10px;
                        padding-right:100px;
                        background-image:url(images/footer_fond-trans.png);
                        background-repeat:no-repeat;
                        font-family:"Trebuchet MS", Verdana, Arial;
                        font-size:0.7em;
                        text-align:right;
                        color:#999999;
                }

                #middle #contentfooter a {
                        color:#666666;
                        text-decoration:none;
                }





/*--------------- SNIPPET RECHERCHER --------------------*/


#middle #contentleft #cleft_staticmenu #rechercher #ajaxSearch_input {
 width:146px;
 margin-top:5px;
 padding:0px;
 font-family:"Trebuchet MS", Verdana, Arial;
 font-size:0.75em;
 border: 1px solid #da482f;
}
#ajaxSearch_submit {
    display:none;
}
.ajaxSearch_result {
        margin-top:15px;
}
.ajaxSearch_resultLink {
	margin-top:15px;
	border-bottom:dotted;
	border-bottom-color:#c33;
	border-bottom-width:thin;
	width:100%;
}
.ajaxSearch_extract {
        margin-bottom:15px;
}
.ajaxSearch_highlight1 {
        background:yellow;
}

/*--------------- (ACCUEIL) STYLES ACTU --------------------*/

.NewsListingAgenda {
        position: relative;
        width:335px;
        margin-bottom:10px;
		border-bottom:1px solid #8ccd3f;
}

.NewsListingAgenda h3 *{
		/*font-family:"Trebuchet MS", Verdana, Arial;*/
		font-style: normal;
		font-size:1.2em;
		/*color:#4593c0;*/
		/*margin: 1.2em 0 0.5em 0;*/
		/*margin-left:-10px;*/
		/*background: url(images/fleche-h2.gif) top left no-repeat;*/
		padding: 0 0 5px 0px;
		margin:0px;
		
		border: none;
		/*border-bottom:1px solid #8ccd3f;*/
}




.index_actu {
        position: relative;
        width:330px;
        margin-bottom:10px;
        margin-left:5px;
        min-height:180px;
}

.margin_actus {
    min-height: 160px;
}

.margin_agenda {
    min-height: 160px;
}

.actu_title {
        font-family:"Trebuchet MS", Verdana, Arial;
        font-size:1.2em;
        line-height: 1.2em;
        color:#da482f;
        margin-top:5px;
}

.actu_longtitle {
        font-family:"Trebuchet MS", Verdana, Arial;
        font-size:1.2em;
        line-height: 1.3em;
        font-weight:bold;
        color:#da482f;
        width:220px;
        margin-bottom:4px;
        margin-top:5px;
}

.agenda_indextitle {
        font-family:"Trebuchet MS", Verdana, Arial;
        font-size:1.25em;
        line-height: 1.3em;
        font-weight:bold;
        /*color:#0163a1;*/
        width:220px;
        margin-bottom:4px;
        margin-top:0px;
}

.actu_summary {
        width:230px;
        border-bottom:1px solid #8CCD3F;
}
.actu_content {
        margin: 0.5em 0;
}

.actu_date {
  text-align: right;
  margin: -10px 0 0 0;
}

.actu_link {
        margin-top:10px;
}

.actu_thumbnail {
        position:absolute;
        top: 20px;
        right: 0;
}

.actu_thumbnail_agenda{
        position:absolute;
        top: 40px;
        right: 0px;
}

.actu_image {
        text-align: center;
        margin: 2em;
}

.actu_liensommaire {
        margin-top:4px;
}


/*--------------- STYLES PLAN DU SITE --------------------*/
.rowClass {
list-style-type: none;
}
.parentClass ul {
margin: 0 0 0.3em 1em;
}



/*--------------- STYLES ANNUAIRE --------------------*/

.annuFiche {
	width:100%;
}

.annuTable {
	width:100%;
}
.annuLabel {
	width:150px;
	font-family:"Trebuchet MS", Verdana, Arial;
	color:#da482f;
	font-weight:bold;
	border-bottom:1px dotted #CCCCCC;
	vertical-align:top;
	padding:5px;
}
.annuValeur {
	margin-left:5px;
	border-bottom:1px dotted #CCCCCC;
	vertical-align:top;
	padding:5px;
}




/*--------------- STYLES MENU BOUGER : Gites, restos... --------------------*/

div.manger_dormir {
	background-color: #fbfbf8;
	padding: 0 1em 0.1em 1em;
}

div.manger_dormir:hover {
	background-color: #f9f8e6;
	padding: 0 1em 0.1em 1em;
}

div.manger_dormir a img{
  float: right;
  margin-top: -100px;
}

div.manger_dormir h2 a img{
  float: none;
  margin-top: 0px;
}

div.manger_dormir h2 img{
  float: none;
}


/*--------------- STYLES --------------------*/
img.vignette {
border: none;
margin: 10px;
}

ul.nostyle {
list-style-type: none;
list-style-image: none;
}
ul.nostyle li {
list-style-type: none;
list-style-image: none;
}



/*--------------- STYLES Crédits & Mentions légales --------------------*/
div#cg ul {
	list-style: none;
	list-style-image: none;
}
div#cg li {
	list-style: none;
	list-style-image: none;
}

/*--------------- STYLES ANNU-GOOGLE MAP --------------------*/

ul.annuMap {
margin: 2em 0;
clear: both;
}

.annuMap li {
display: inline;
margin-right: 10px;
list-style-type: none;
}

.annuMap li img {
margin: 0 5px;
vertical-align: middle;
}

form#formAnnuMap input {
margin: 0 7px 0 0;
}

/*
p.inputOK {
text-align: center;
}

p.inputOK input,
p.inputOK button {
width: 100px;
height: 20px;
color: #da482f;
background-color: transparent;
font-weight: bold;
}*/


/*--------------- STYLES GALERIE --------------------*/
table.moduleGalerie {
	margin: 2em 0 0 0;
}
table.moduleGalerie td {
	vertical-align: top;
}
table.moduleGalerie p {
	font-size: 0.9em;
}

/*--------------- TABLEAU TRANSPORTS SCOLAIRES --------------------*/
table.transportsScolaires {
	margin: 10px 0;
	border-collapse: 2px;
	border-spacing: none;
}
table.transportsScolaires th {
	text-align: center;
	vertical-align: middle;
	color: #ed6149;
	font-size: 0.85em;
}
table.transportsScolaires tr {
/*	border: 1px solid black;
	border-left: none;
	border-right: none;*/
}
table.transportsScolaires td {
	font-size: 0.9em;
	border-top: 1px solid black;
	text-align: center;
	vertical-align: middle;
	padding: 3px 0;
}

#fondbottom{
  clear: both;
}