body {  
        background-color: #FCE9A0;
	    height: 100%;	
        margin: 0px;
}
html {  
        height: 100%;
}
#bandeauhaut1 { 
        height: 70px;
     	width: 790px;
	    border: 1px solid #CCCCCC;
	    margin-right: auto;
	    margin-left: auto;
}
.bando1 { 
        border-style: none;
}
#bandeauhaut2 {
	   height: 160px;
	   width: 790px;
       border: 1px solid #B3CCB3;
	   margin-right: auto;
	   margin-left: auto;
}
.bandophoto img {
        border-style: none;
}
#navihaut {
	height: 20px;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
}
.menuhaut {
	background-color: #C6DE9D;
	height: 20px;
	width: 790px;
	margin: 0px;
	padding: 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B3CCB3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #B3CCB3;
	font-size: 10pt;
}
.menuhaut li {
	float: left;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	text-align: center;
	display: block;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9FB59F;
}
.menuhaut li a {
	text-decoration: none;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.menuhaut li a:hover {
	text-decoration: underline;
}
/* .menuhaut li.last { */
/*	margin-left: 290px; */
/*	margin-right: 0px; */
/*	background-image: url(http://www.tourisme-creonnais.fr/assets/templates/tourisme/images/us.gif);*/
/*	background-repeat: no-repeat;*/
/*	border-right-style: none;*/
/*	padding-left: 28px;*/
/*	float: right;*/
/*	background-position: 0px 5px;*/
 */}*/
.item_actif1 {
	text-decoration: underline;
        color: #333333;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 10pt;
}
.chemin {
    padding-left: 0px;
	font-size: 9pt;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3CCB3;
	margin: 0px;
	padding-right: 0px;
} 
div div.chemin a {
       text-decoration: none;
       color: #666666;
}	
div div.chemin a:hover {
       text-decoration: underline;
}
div div.chemin a:visited {
       color: #666666;
}
#contenu {
	clear: both;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F4F7E0;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #B3CCB3;
	border-right-color: #B3CCB3;
	border-left-color: #B3CCB3;
}
.contenupr {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFCA00;
	border-right-color: #F68080;
	border-bottom-color: #F68080;
	border-left-color: #FFCA00;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 560px;
	margin-left: 190px;
	margin-right: 10px;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-bottom: 5px;
	margin-top: 7px;
    text-align: justify;
    line-height: 18px;
}
.contenupr a {
	color: #0000FF;
	text-decoration: none;
}
#contenu a:hover {
	text-decoration: underline;
}
.contenupr a:visited {
	color: #E45980;
}
h1 {
	    font-size: 14pt;
	    color: #7DB831;
}
h2 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-weight: bold;  
}
h3 {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        text-decoration:underline;
        font-weight:normal;
        margin-bottom: 0px;
}
.fleche {
        margin-right: 5px;
        margin-bottom:5px;
}
.imgdroite {
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        border : 1px solid #000000;
}
.imggauche {
        margin-right: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        border : 1px solid #000000;
}
.imgpte {
        margin-left: 5px;
        margin-top: 5px;
        margin-right: 5px;
        border : 1px solid #000000;
}
.coeur {
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 11pt;
        color:#D72859;
        font-weight:bold;
        float: right;
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        border-width: 1px;
    	border-style: solid;
	    border-color: #D72859;
        margin-top: -35px;
        margin-bottom: 0px;
        text-align: left;
}
.coeur a {
       text-decoration:none;
       color:#D72859;
}
.coeur a:hover {
       text-decoration:underline;
      
}
.coeur img {
       border:none;   
       margin-right: 10px;
       margin-bottom: 5px;
       margin-left: 0px;
} 
.top {
       margin-left : 360px;
}
.top a {
       text-decoration: none;
       color: #666666;
}
.top a:visited {
       text-decoration: none;
       color: #666666;
}
.top img{
       border:none;
}
.retour a {
       text-decoration: none;
       color: #666666;
}
.retour a:visited {
       text-decoration: none;
       color: #666666;
}
.plan a {
       text-decoration: none;
       color: #000000;    
}
.plan a:visited {
       text-decoration: none;
       color: #000000;     
}
.plan li  {
    font-weight: bold;   
}
.mentions h2 {
    font-size: 10pt;
    font-weight:bold;
   	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.liens h2 {
    font-size: 10pt;
    font-weight:bold;
}
.agenda {
    text-align: left;
}
.agenda h3 a {
    color:  #000000; 
    text-decoration:none;
}
.agenda h3 a:visited {
   color:  #000000; 

}
.agenda h3 {
	font-style: italic;
	  font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      font-weight:normal;
      margin-bottom: 0px;
      text-decoration:none;
}

#infos h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #33CCCC;
	border-left-color: #33CCCC;
}
.emailform {
	width: 200px;
	text-align: left;
}
#menugauche {
    float: left;
	width: 180px;
	padding-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu a:hover {
	text-decoration: underline;
}
.menu li {
	font-size: 10pt;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 13px;
	padding-left: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -30px;
    list-style:none;    background:url(http://www.tourisme-creonnais.fr/assets/templates/tourisme/images/puce.jpg);
    background-repeat: no-repeat;
	background-position: 0px 2px; 
}
.menu li a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	display: block;
	text-align: left;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-decoration: none;	
}
.menu li li {
        background:none;
}
.menu li li a {
        color: #707267;
        margin-left:-35px;
        padding-top:5px;
        padding-right: 3px;
}

li.here {
       font-family: Geneva, Arial, Helvetica, sans-serif;
       font-size: 10pt;
       padding-left: 13px;
}
li li.here {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: underline;
padding-left: 8px;
}

li li.here a{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration: underline;
padding-left: 8px;
}
#search {
	width: 190px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 600px;
	height: 40px;
}
.menubas {
	font-size: 9pt;
	background-color: #DBE0B1;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 790px;	
}
.menubas li {
	float: left;
	margin: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B3CCB3;
	text-align: center;
	display: block;
	list-style-type: none;
}
.menubas li a {
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bolder;
	color: #7F8174;
	padding: 0px;
	margin-top: 5px;
	margin-right: 17px;
	margin-bottom: 0px;
	margin-left: 17px;
}
.menubas li.last {
	border-right-style: none;
}
.menubas li a:hover {
	text-decoration: underline;
}
.item_actif2 {
	text-decoration: underline;
        color: #333333;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-size: 9pt;
        font-weight: bolder;
	color: #7F8174;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#piedpage {
	width: 790px;
	clear: both;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 30px;
	background-color: #62645A;
	padding: 0px;
        text-align: center;
}
#pied1 {
	height: 30px;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	color: #666666;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 9pt;
	clear: both;
	background-color: #FFF0D7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B3CCB3;
	border-left-color: #B3CCB3;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
        text-align: center;
}
#pied1 a {
	text-decoration: none;
	color: #666666;
}
#pied1 a:hover {
	text-decoration: underline;
}
#pied2 {
	height: 20px;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F7F7E6;
    border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #B3CCB3;
	border-left-color: #B3CCB3;
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
    text-align: center;
    color: #666666;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding-top: 5px;
}
#pied2 a {
	text-decoration: none;
	color: #666666;
}
#pied2 a:hover {
	text-decoration: underline;
}