body {
	font: normal 11px verdana;
	text-align:center; 
	color:#460000; /*un brun presque noir*/
    background-color:#fff;/* blanc*/
	margin:0px;
	padding:0px;
	}

/* MENU DEROULANT debut */
#nav, #nav ul { /* all lists */
	float: left;
	padding: 0px;
	margin: 0px;
	text-align:center; 
	list-style: none;
	/*line-height: 1.1;*/
	background: transparent;/*#FFFFC0;jaune clair*/
	font-weight: bold;
/*margin: 0 0 1em 0;*/
	width:775px;/*795*/
	  font-size:12px;/*13*/
	  }

#nav a {
	display: block;
	width: 145px; /* 10 em*//*955divisepar6=159*/
	text-decoration:none;
	color: #dd5500;/*couleur police orange*/
	background: transparent; /* IE6 Bug */
	padding: 5px;
	 border-right:1px solid #FFFFC0;/*ffcc00;*/
}

#nav li { /* all list items */
	float: left;
	/*width: 100px; /* width needed or else Opera goes nuts decale les menus à droite*/
}

#nav li ul { /* second-level lists */
	position: absolute;
	/*font-weight: normal;*/
	text-align:left;
	width: 145px;/*nrp*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li li {
border:1px solid #FFFFC0;
	/*padding-right: 4px;/*position du ss menu  */
/*	padding-left: 5px;/*2*/
	/*padding-top: 4px;*/
}
#nav li ul a {/* largeur ss menu signal vert*/
	width: 145px;/*13*/
	/*w\idth: 125px;/*9*/
	/* border-left:1px solid #ffcc00;*/
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #ffcc00;/*dd5500;*/
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/*ul li a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */
/*li ul li a { padding: 0px 0px; } /* Sub Menu Styles */
li:hover ul, li.over ul { display: block; } /* The magic */
/*****************************/
/* End fin MENU DEROULANT*/
/***************************/
/* style des boites*/
/*****************/
/* accueil*/
/*****************/

#txt_accueil/*txt page accueil*/
{
margin-left:16px;
margin-top:10px;/*13*/
width:220px;/*210*/
background-color: transparent;
color: #a60303;
font-size:12px;/*13*/
font-weight: bold;
}
#actu_accueil/*actu page accueil*/
{
margin:0px;
padding:0px;
position:relative;
left:300px;/*430*/
top:-15px;/*557*/
width:570px;/*540*/
background-color: transparent;
font-size:13px;
font-weight: bold;
border:0px solid #FFFFC0;
color: #2f3c4c;
}
#actu_accueil a:hover/*actu page accueil*/
{
font-size:12px;
font-weight: bold;
padding:0px;
margin:0px;
}
#icone_accueil
{
margin-left:13px;
width:160px;/*155*/
background-color: transparent;
/*border:1px solid #ffffc0;*/
padding:0px;/*2*/
margin:0px 0px 0px 10px;
}

#contenu_ac 
{/*comprend le div menu, et les contenus toute la largeur et le pied de page*/
width:946px;/*950*/
height:428px;/*428*/
margin-left:7px;
margin-top:0px;
background-image:  url(images/visuel_matour8.jpg );
background-repeat:no-repeat;
background-position:top left;
padding:0px;
}
#contenu_ac p {
margin:10px 0px 0px 0px;/*10 5 5 1 */
text-align:justify;
padding:0px;
}
#contenu_ac h1 {/*titre  de la pagetxt accueil */
display:inline; 
font-size:13px;/*14*/
color:#dd5500;
padding:0px;
font-weight: bold;
margin:0px;
  /* parce que à cote h2 */
}
#contenu_ac h2 {/*sous menu*/
display:inline;
font-size:20px;
color:#dd5500;
font-weight: normal;
margin:0px;
padding:0px;
  /* parce que à cote h1 */
}
#contenu_ac a {
	font-weight: normal;
	color:#a60303;
	text-decoration:none;
	background-color: transparent;
	padding:0px;
}
#contenu_ac a:hover {
  font-weight: bold;
  color:#a60303;
  text-decoration:none;
  background-color: none;
  padding:0px;
}

/*** style pour les boxes***/
#box_nav_2 {/*vous etes  ici*/
width:955px;
background-color:transparent;
padding:0px;
margin-right:10px;
text-align:right;
color: #a60303;
font-size:10px;
z-index: 2;
background-position:top left;
}
#box { /*contient toute la page = body>*/
width:955px;
/*height:600px;*/
text-align:justify;
background: transparent;
margin:0 auto;/*permet de centrer le site Mozilla firefox*/
background-image:  url(images/titre03ligneFond8_.gif);
background-repeat:no-repeat;
background-position:top left;
z-index:100;
padding:0px;
}
#box_head { /*contient le bandeau*/
width:955px;
/*height:110px;/*115*/
text-align:right;
background:transparent;
background-image:  url(images/il_y_a4.gif);
background-repeat:no-repeat;
background-position:bottom left;
z-index:3;
padding:0px;
}

#home_ {/* lien home accueil, cale le menu*/
background-color:transparent;
width:85px;
height: 22px;
float :left;
padding-top:4px;
padding-right:1px;
z-index:1;
margin-top:2px;
border-right:1px solid #FFFFC0;
}
#box_menu {
background-color:#FFcc00;
width:850px;
float :left;
margin-top:3px;
margin-bottom:10px;
z-index:90;
padding:0px;
}
#drapeau_ {/*  drapeau version anglaise et fr*/
background-color:#FFcc00;
float :right;
margin:0px;
padding:0px;
z-index:1;
}
/************************/
/********************/
#contenu_ {/*comprend le div menu, et les contenus toute la largeur sauf le pied de page*/
background-color:transparent;
width:955px; 
padding:0px;
margin: 0 auto ;
}
#contenu_ p {
 margin:10px 0px 0px 0px;/*10 5 5 1 */
text-align:justify;
	padding:0px;
}
#contenu_ h1 {/*titre  de la page ex : enseigement*/
display:inline; 
font-size:25px;/*30*/
text-align:left;
color:#dd5500;
margin-left:16px;
padding:0px;
font-weight: bold;
  /* parce que à cote h2 */
}
#contenu_ h2 {/*sous menu*/
display:inline;
font-size:20px;
color:#dd5500;
 font-weight: normal;
 margin:0px;
padding:0px;
  /* parce que à cote h1 */
}
#contenu_ a {/*aussi style du menu = ne pas modifier !*/
	font-weight: bold;
	color:#a60303;
	text-decoration:none;
	background-color: #ffcc00;
	padding:2px;
}
#contenu_ a:hover {/*menu*/
  font-weight: bold;
  color:#ffcc00;
  text-decoration:none;
  background-color: #a60303;
  padding:2px;
}

/************************/
#contenu {/*comprend le div contenu texte et le div image attractive*/
background-color:transparent;
width:745px; /*730*/
padding:0px;
float :left;
z-index:80;
margin: 0px 0px 0px 8px;
}
#contenu a {
	font-weight: bold;
	color:#a60303;
	text-decoration:none;
	background-color: #fff;
	padding:2px;
}
#contenu a:hover {
  font-weight: bold;
  color:#ffcc00;
  text-decoration:none;
  background-color: #a60303;
  padding:2px;
}
/****************************/
/********logo, telechargement*/
#contenu_2 {
width:160px;
/*height:250px;*/
background-color:transparent;
float :left;
margin-top:12px;
margin-left:10px;
padding:0px;
text-align:left;
font-size:10px;
background-image:  url(images/bordure.gif);
background-repeat:no-repeat;
background-position:top right;
}
#contenu_2 a {
	font-weight: bold;
	color:#a60303;
	text-decoration:underline;
	background-color: #fff;
	padding:0px;
	 font-size:11px;
}
#contenu_2 a:hover {
  font-weight:bold;
  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
  padding:0px;
  margin:0px;
   font-size:11px;
}
#contenu_2 p {/*page bienvenue par exemple*/
  padding:0px;
  margin:0px;
text-align:left;
font-size:10px;
}
#contenu_2 h1 {/*telechargement*/
  font-size:13px;
  text-align:left;
  padding:5px 0px 5px 0px;
  margin:0px;
  font-weight: bold;
  color:#dd5500;/*a60303;*/
}
/*********************/
/*****************/
/*****************/
/*****************/
#ss_menu_ {/*span sous menu*/
background-color:transparent;
padding:0px;
text-align:left;
margin:0px;
}
#ss_menu_ a {
	font-weight: bold;
	color:#a60303;
	text-decoration:underline;
	background-color: #fff;
  padding:0px;
  margin:0px;
 font-size:12px;
}
#ss_menu_ a:hover {
  font-weight: bold;
  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
  padding:0px;
  margin:0px;
   font-size:12px;
}

/**********************/
/*****************/
/*****************/
#contenu_droite {/*en fait se trouve au centre = contenu principal txt*/
background-color:transparent;
float :left;
padding:0px;/*2*/
margin:0px;/*10*/
width:535px;/*525*/

}
#contenu_droite h1 {/*mise en avant de certaine partie du texte*/
  font-size:12px;
  color:#dd5500;
  padding:0px;
  margin:0px;
  font-weight: bold;

}
#contenu_droite a {
	font-weight: bold;
	color:#a60303;/*dd5500;*/
	text-decoration:underline;
	background-color: #fff;
  padding:0px;
  margin:0px;

}
#contenu_droite a:hover {
  font-weight: bold;
  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
  padding:0px;
  margin:0px;
}
/***************/
#contenu_droite_tou {/*pour les 3 rubriques tourimes chalets gites et campign*/
background-color:transparent;
float :left;
padding:0px;/*2*/
margin:0px;/*10*/
width:745px;/*525*/

}
#contenu_droite_tou img{/*pour les 3 rubriques tourimes chalets gites et campign*/
float :right;
padding:0 0 10px 15px;
margin:0px;
}
#contenu_droite_tou h1 {/*mise en avant de certaine partie du texte*/
  font-size:12px;
  color:#dd5500;
  padding:0px;
  margin:0px;
  font-weight: bold;

}
#contenu_droite_tou a {
	font-weight: bold;
	color:#a60303;/*dd5500;*/
	text-decoration:underline;
	background-color: #fff;
  padding:0px;
  margin:0px;

}
#contenu_droite_tou a:hover {
  font-weight: bold;
  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
  padding:0px;
  margin:0px;
}
/***************/
#requete {
background-color:transparent;
float :left;
padding:0px;/*2*/
margin:0px;/*10*/
width:745px;/*525*/
 /*border-bottom:0px solid #ccc;*/

}
#requete img{
float :right;
padding:0 0px 0px 15px;
margin:0px;
}
#requete h1 {/*mise en avant de certaine partie du texte*/
  font-size:12px;
  color:#dd5500;
  padding:0px;
  margin:0px;
  font-weight: bold;

}
#requete a {
	font-weight: bold;
	color:#a60303;/*dd5500;*/
	text-decoration:underline;
	background-color: #fff;
  padding:0px;
  margin:0px;

}
#requete a:hover {
  font-weight: bold;
  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
  padding:0px;
  margin:0px;
}
#contenu_drt {/* photo attactive*/
background-color:transparent;
float :right;
  padding:0px;
  margin:0px;
width:200px;
font: normal 10px verdana;
text-align:center;

}
/*****************/
/* style du pied*/
/*****************/
#pied 
{
 width:946px;
clear : both;
background-color:transparent;
font-size:10px;
text-align:left;
color:#999;
 padding-top:130px;
 margin:0px;
margin-left:7px;
border-bottom:1px solid #ffcc00;
}
#pied a
{
font-size:10px;
font-weight: normal;
color:#999;
text-decoration:none;
background-color: #ffffff;
}
#pied a:hover
{
font-size:10px;
font-weight: normal;
color:#a60303;
text-decoration:none;
background-color: #ffffff;
}
#pied_index
{
clear : both;
background-color:#ffcc00;
font-size:10px;
text-align:left;
color:#fff;
 padding:0px;
 margin-top:0px;
 width:946px;
margin-left:7px;
}
#pied_index a
{
font-size:10px;
font-weight: normal;
color:#fff;
text-decoration:none;
background-color:#ffcc00;
}
#pied_index a:hover
{
font-size:10px;
font-weight: normal;
color:#a60303;
text-decoration:underline;
background-color:#ffcc00;
}
/*****************/
/* style divers*/
/*****************/
.titre_salle { /*libelle des salles loues par locations salles et titre vie pratique*/
 color:#dd5500;
margin:10px 5px 5px 0px;
text-align:justify;
text-decoration:none;
font-weight: normal;
font-size:20px;
  padding:0px;
}

/******************/
/*pour photothèque et pro  prend toute la page*/
/******************/
/*******************/
#contenu_ph{/*1 boite qui prend toute la largeur */
background-color:transparent;
width:900px; 
float :right;
  padding:0px;
  margin:0px;
}
#contenu_ph a {
	font-weight: bold;
	color:#a60303;
	text-decoration:none;
	background-color: #ffcc00;
	padding:3px;
  margin:0px;
}
#contenu_ph a:hover {
  font-weight: bold;
  color:#ffcc00;
  text-decoration:none;
  background-color: #a60303;
  padding:3px;
  margin:0px;
}
#contenu_ph p {
 margin:10px 5px 5px 1px;
text-align:justify;
  padding:0px;
}
#contenu_ph h1 {
display:inline;
  font-size:25px;
  text-align:left;
  color:#ffcc00;
  padding: 0px;
  margin:0px;
  font-weight: bold;
}
#contenu_ph h2 {
display:inline;
  font-size:20px;
  text-align:left;
  color:#ffcc00;
  padding:0 0 20px 0;
  margin:0px;
  font-weight: bold;
}
/******************/
/******************/
/******************/

#contenu_droite_ph {/*pour photothèque centrage des photos*/
background-color:transparent;
float :left;
margin-left:25px;
margin-top:20px;
padding:0px;
width:900px; /*930*/
}
.photo {/* div affichage des photo dans la phototheque*/
color:#dd5500;/*a60303;/*;/*3a5b6a;*/
margin:0px ;
padding:0px;
text-decoration:none;
font-weight: bold;
background-color:transparent;
width:280px; height:240px;
float : left;
text-align:center;
}
/******************/
/*pour  pro   photo 150 à gauche*/
/*******************/
#contenu_droite_pro {
background-color:transparent;
float :left;
margin:0px;
padding:0px;
width:769px; 
}
#contenu_droite_pro h1 {/*intitule des structures*/
margin:0px;
padding:0px; 
  font-size:12px;/*14*/
  color:#dd5500;
  font-weight: bold;
}

#contenu_droite_pro a {/*lien mail etc page pro*/

	color:#a60303;
	text-decoration:underline;
	background-color: #fff;
margin:0px;
padding:0px; 

}
#contenu_droite_pro a:hover {

  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
margin:0px;
padding:0px; 
}

/****************/
/*pages pro*********/
/****************/
.photo_pro
{
float : left;
}
.txt_pro
{
float : left;
}
/*****************/
/* gites ruraux*/
/*****************/
.gite_ruraux {/* div affichage des gites ruraux 1 colonne*/
margin-left:7px ;
margin-top:0px ;
padding:0px; 
text-decoration:none;
background-color:transparent;
width:500px; height:90px; 
float :left;
}

/*****************/
/* pro agriculture*/
/*****************/
.agri {/* div affichage des pro 2 colonne*/
margin-left:10px ;
padding:0px; 
text-decoration:none;
background-color:transparent;
width:345px; height:90px; /*70 153px;*/
float :left;
/*line-height: 15px;*/
}
/*****************/
/* pro entreprise*//*c'est la hauteur qui change*/
/*****************/
.entreprise {/* div affichage des pro 2 colonne*/
margin-left:7px ;
padding:0px; 
text-decoration:none;
background-color:transparent;
width:365px; height:153px; 
float :left;

}
.sivu{
 color:#dd5500;
margin:0px;
padding:0px; 
}
.maj
{
text-transform:uppercase;
}
/*****************/
/* structure */
/*****************/
.structure_gauche {/* div affichage structure contenu bdd*/
margin-bottom:30px ;
padding:0px; 
text-decoration:none;
background-color:transparent;
width:465px; height:auto; /*153px;*/
float :left;
/*line-height: 15px;*//*a cause de titre association plus grand en taille*/
}

.structure_droite {/* div affichage structure photo*/
margin-left:5px ;
margin-top:30px ;
margin-bottom:0px ;
padding:0px; 
text-decoration:none;
background-color:transparent;
width:265px; height:auto; /*153px;*/
float :right;
}

#contenu_his {
background-color:transparent;
width:925px; 
padding:0px;
margin: 0 auto ;
}
#contenu_his h1 {/*intitule des structures*/
margin:0px;
padding:0px; 
  font-size:12px;/*14*/
  color:#dd5500;
  font-weight: bold;
}

#contenu_his a {/*lien mail etc page pro*/

	color:#a60303;
	text-decoration:underline;
	background-color: #fff;
margin:0px;
padding:0px; 

}
#contenu_his a:hover {

  color:#a60303;
  text-decoration:none;
  background-color: #ffcc00;
margin:0px;
padding:0px; 
}
.img_histoire 
{
float:left; 
width:350px; 
border: 1px solid #ffcc00;
margin-left:40px;
margin-top:20px;
}
#resa{
border: 1px solid #ccc; 
text-align:left;
padding:10px;
margin:0
}
#resa img{
float:left; 
}