html, body 
{
	background: #5f8f25 url(/images/fond.gif) repeat;
	height: 100%;
	margin: 0;
	font-family: arial, verdana, sans-serif;
}
div#global 
{
	min-height: 100%;
	width: 980px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
}
a
{
	text-decoration: none;
	border: none;
	color : black;
}
a:visited
{
	color : black;
}
a img
{
	border: none;
	color: transparent; 
} 
div#header 
{
	height : 179px;
	width : 980px;
	margin : 0 auto; 
	color: #fff;
	position: relative;
}
a#header_ccpn
{
	background: transparent url(/images/entete_logo_sansfocus.png) no-repeat;
	width: 173px;
	height: 179px; 
	border: none; 
	cursor: pointer;
	display: block; 
	float: left;
	color: transparent; 
}
a#header_ccpn:hover
{
	background: transparent url(/images/entete_logo_avecfocus.png) no-repeat;
	text-decoration: none;
}
div#header_logo
{
	background: transparent url(/images/entete.gif) no-repeat;
	height : 179px;
	width : 800px;
	margin-top: 6px;
	float: left;
}
div#center 
{
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 50px; 
	margin-left: auto;
 	margin-right: auto;
	/*overflow: auto;*/
}
/************************
*SECTION Menu de gauche
*/
div#menu_gauche 
{
	float: left;
	width: 166px;
	height: 301px;

}
a#menu_accueil
{
	width: 171px;
	height: 69px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_accueil_sansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_accueil:hover
{
	background: url("/images/menu_accueil_avecfocus.png") no-repeat left;
}
a#menu_randos
{
	width: 171px;
	height: 50px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_randosansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_randos:hover
{
	background: url("/images/menu_randoavecfocus.png") no-repeat left;
}
a#menu_agenda
{
	width: 171px;
	height: 54px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_agendasansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_agenda:hover
{
	background: url("/images/menu_agendaavecfocus.png") no-repeat left;
}
a#menu_services
{
	width: 171px;
	height: 51px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_servicessansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_services:hover
{
	background: url("/images/menu_servicesavecfocus.png") no-repeat left;
}
a#menu_festival
{
	width: 171px;
	height: 65px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_festivalsansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_festival:hover
{
	background: url("/images/menu_festivalavecfocus.png") no-repeat left;
}
div#contenu
{
	background: transparent;
	float: left;
	width: 648px;
	position: relative;
}
div#contenu_grand
{
	background: transparent url(/images/cadre_fixe_grand.png) no-repeat;
	width: 388px;
	height:579px;
	float: left;
}
a.lien_lire_suite
{
	width: 90px;
	height: 27px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/lirelasuite_nonvisite.png") no-repeat left;
	color: transparent; 
}
a.lien_lire_suite:hover
{
	background: url("/images/lirelasuite_visite.png") no-repeat left;
}
div#separation_cadre
{
	background: transparent;
	width: 4px;
	height:579px;
	float: left;
}
div#contenu_petit
{
	background: transparent url(/images/cadre_fixe_petit.png) no-repeat;
	width: 256px;
	height:579px;
	float: left;
}
/***********************
*SECTION Menu droit
*/
div#menu_droit 
{
	float: right;
	width: 166px;
	height: 301px;
}
a#menu_hebergements
{
	width: 173px;
	height: 69px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_hebergementsansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_hebergements:hover
{
	background: url("/images/menu_hebergementavecfocus.png") no-repeat left;
}

a#menu_territoire
{
	width: 173px;
	height: 50px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_territoiresansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_territoire:hover
{
	background: url("/images/menu_territoireavecfocus.png") no-repeat left;
}
a#menu_liens
{
	width: 173px;
	height: 54px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_lienssansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_liens:hover
{
	background: url("/images/menu_liensavecfocus.png") no-repeat left;
}
a#menu_minigolfs
{
	width: 173px;
	height: 51px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_minigolfsansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_minigolfs:hover
{
	background: url("/images/menu_minigolfavecfocus.png") no-repeat left;
}
a#menu_contacts
{
	width: 173px;
	height: 65px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/menu_contactsansfocus.png") no-repeat left;
	color: transparent; 
}
a#menu_contacts:hover
{
	background: url("/images/menu_contactavecfocus.png") no-repeat left;
}
div#footer 
{
	background: transparent url(/images/rando_07.gif) no-repeat;
	width: 672px;
	height: 84px;
	float: left;
	margin-top : 4px;
}
.a_la_une
{
	position: relative;
}
.fleche
{
	float: left;
	width : 347px;
	height: 42px;
	margin-top : 10px;
}
div#separateur
{
	float : left;
	width : 388px;
	text-align:center;

}
#separateur img
{

	width : 240px;
	height: 2px;
	display:inline;
}
img#image_principale
{
	float: left;
	width : 100px;
	height: 138px;
	margin-top: 10px;
	margin-left: 15px;
}
div#corps_principale
{
	float: left;
	width : 230px;
	margin-top: 10px;
	margin-left: 10px;
}
div#titre_principale
{
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight:bold;
	font-family: arial, verdana, sans-serif;
}
div#texte_principale
{
	margin-top: 10px;
	font-size: 0.9em;
	font-family: arial, verdana, sans-serif;
	font-weight:normal;
	text-align: justify
}
img.image_secondaire
{
	float: left;
	width : 80px;
	height: 110px;
	margin-top: 10px;
	margin-left: 15px;
}
.corps_secondaire
{
	float: left;
	width : 250px;
	margin-top: 10px;
	margin-left: 10px;
}
.titre_secondaire
{
	margin-bottom: 5px;
	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	font-weight:bold;
}
.texte_secondaire
{
	margin-top: 10px;
	font-family: arial, verdana, sans-serif;
	font-size: 0.9em;
	font-weight:normal;
	text-align: justify
}
.lire_suite
{
	float: right;
	font-family: arial, verdana, sans-serif;
	font-weight:bold;
	font-size: 0.9em;
	margin-top: 15px;
	margin-right: 20px;
}
/************************
*Section Newsletter
*/
div#newsletter
{
	margin-top: 5px;
}
input#inscription
{
	background: url("/images/champs_newsletter.png" ) no-repeat;
	padding: 8px;
	width : 180px;
	height: 30px;
	border:none;
}
input#inscription_valider
{
	width: 49px;
	height: 31px; 
	border: none; 
	cursor: pointer; 
	background: url("/images/bouton_newsletter_sansfocus.png") no-repeat left;
}
input#inscription_valider:hover
{
	background: url("/images/bouton_newsletter_avecfocus.png") no-repeat left;
}

/************************
*Section News
*/
div#liste_news
{
	height: 180px;
	margin-left: 20px;
}
.titre_new
{
	font-family: arial, verdana, sans-serif;
	font-size: 0.7em;
}
.titre_new:hover
{
	text-decoration: underline ;
}
/************************
*Section Videos
*/
div#video
{
	width : 240px;
	height: 225px;
 	margin-left: auto;
 	margin-right: auto;
	position: relative;
}
div#clip_video
{
	width : 240px;
	height: 155px;
	float: left;
	text-align: center
}
div#titre_video
{
	width : 240px;
	height: 20px;
	float: left;
	font-family: arial, verdana, sans-serif;
	font-size: 0.8em;
	text-align: center
}
img#fleche_petite
{
	float: left;
	width : 240px;
	height: 35px;
	margin-top : 7px;
	margin-bottom: 8px;
}
a#lien_video
{
	width: 90px;
	height: 27px; 
	border: none; 
	cursor: pointer;
	display: block; 
	background: url("/images/+devideosnonvisite.png") no-repeat left;
	color: transparent; 
}
a#lien_video:hover
{
	background: url("/images/+devideosvisite.png") no-repeat left;
}