/* CSS Document */
/*.....Mise en page.....*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #ffcd86;
	text-align: center;
}

#conteneur {
	position: relative;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	padding: 0;
}

#bandeau {
	background: url(bandeauhrpp.jpg) no-repeat;
	height: 151px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	width: 800px;
}

#logo {
	position: absolute;
	height: 146px;
	width: 271px;
	left: 9px;
	top: 3px;
	z-index: 2;
	background: url(logorpp.jpg) no-repeat;
}
#lateral {
	width: 800px;
	height: auto;
	background: url(centrerpp.png) repeat-y;
}

#TitreaM {
	width: 640px;
	margin : 0px 2px 0px 0px;
	padding: 0 0 0 4px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#CC3300;
	text-align: left;
	font-variant: small-caps;
	background: url(tentete.png) repeat-x top;
}

#TitreaM:first-letter {
	font-size: 18px;
	color:#CC0000;
}


#corpsaM {
	padding: 0 2px 0 2px;
	margin: 0px 0px 0px 146px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 656px;
}


#TitresM {
	width: 796px;
	margin : 0px 2px 0px 0px;
	padding: 0 0 0 4px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color:#993300;
	text-align: left;
	font-variant: small-caps;
	background: url(tentete.png) repeat-x top;
}

#TitresM:first-letter {
	font-size: 18px;
	color:#990000;
}


#corpssM {
	padding: 0 2px 0 2px;
	margin: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 796px;
}

#Ztexte {
	width: 100%;
	display: block;
	padding: 8px 0;
}

#footer {
	padding-top: 5px;
	clear: both;
	font: 10px Arial, Helvetica, sans-serif;
	background: #ffcd86 url(bandeaubrpp.jpg) no-repeat;
	height: 27px;
	width: 800px;
}

#fotter1 {
	height:10px;
	background-color: #ffcd86;
}

/*....Footer........*/

#firefox {
	margin-bottom: -5px;
}

#phpmyv {
	margin-bottom: -5px;
}

#RSS1 {
	margin-bottom: -5px;
}

/*.......Menu Haut......*/
#MenuHaut dl, #MenuHaut dd {
	margin: 0;
}

#MenuHaut {
	position: absolute;
	top: 103px;
	left: 337px;
	height: 23px;
	width: 400px;
}
#MenuHaut dd {
	float: left;
	/*padding-right: 14px;
	*/border-right: 1px solid #ffcc99;
	width: 118px;
	height: 20px;
	line-height: 20px;
}

#MHAccueil, #MHProgram, #MHRando {
	padding-top: 3px;
	background-repeat: no-repeat;
	font: 16px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#MenuHaut a {
	display: block;
	clear: none;
	text-decoration: none;
	color: #993333;
}

#MenuHaut a:hover {
	color: #A43413;
	font-weight: bold;
}
#MenuHaut dd:hover {
	background: url(onglet2.jpg) no-repeat;
}

/*Menu Haut select*/
.MLSection {
	border-bottom: solid #993300;
	color: #990000;
	font: bold 12px Arial, Helvetica, sans-serif;
	padding-left: 8px;
	width: 132px;
	height: 18px;
	line-height: 18px;
}

body#Accueil #MHAccueil{
	background: url(onglet1.jpg) no-repeat;
}
body#Accueil #MHAccueil a,
body#Accueil #MHAccueil a:hover {
	color: #990000;
	font-weight:bold;
}
body#Accueil #present {
	visibility: visible;
}

body#Rando #MHRando{
	background: url(onglet1.jpg) no-repeat;
}
body#Rando #MHRando a,
body#Rando #MHRando a:hover {
	color: #990000;
	font-weight: bold;
	font-size: 14px;
}
body#Programme #MHProgram{
	background: url(onglet1.jpg) no-repeat;
}
body#Programme #MHProgram a,
body#Programme #MHProgram a:hover {
	color: #990000;
	font-weight: bold;
	font-size: 14px;
}
/*.....Menu Lateral.....*/

#menu {
	position: absolute;
	top: 160px; left: 0;
	width: 138px;
	padding: 0px;
	margin: 1px 0px 0px 1px;
	font: 11px Verdana,sans-serif;
	color: #000;
	text-align: left;
	z-index: 2;
}

#menu dl {
	margin: 0;
	padding: 0;
	display: block;
}

#menu dd {
	margin: 0;
	padding: 0;
}

#menu a {
	display: block;
	clear: none;
	text-decoration: none;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding-top: 0em;
	padding-bottom: 0.4em;
	color: #993300;
}

#menu a:hover, #menu dd:hover {
	font: 11px Verdana,sans-serif;
	background-color: #FFCC99;
	color: #990000;
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#smenu1, #smenu2, #smenu3  {
	position: relative;
	border: 1px solid #993300;
	width: 130px;
	margin: 0;
	padding: 0;
	left: 4px;
	text-align: center;
	background-color: #FF9966;
	font: 11px Verdana,sans-serif;
}

#smenu1 a,#smenu2 a,#smenu3 a{

}

#smenu2 a:hover, #smenu1 a:hover, #smenu3 a:hover{
	background-color: #990000;
	color: #FF9966;
}

/*.....Colone.....*/

#ColonneG {
	width: 458px;
	float : left;
	padding-right: 4px;
}

#ColonneD {
	width: 190px;
	float : right;
	border-left: 1px solid #000;
}

#ColonneD1 {
	width: 190px;
	float : right;
}

/**/
.annulfloat {
	clear: both;
}

/*Position images*/

.imgG {
	padding: 3px;
	float: left;
	display: block;
}
.imgD {
	padding: 3px;
	float: right;
	display: block;
}

.Miniature {
	display: block;
	float: left;
	width: 280px;
	padding: 9px;
	text-align: center;
	line-height: 50%;
	height: auto;
}

/* bloc paragraphe */
.paragraphe, .paragrapheJ, .paragrapheD, .paragrapheG, .paragraphe_p, .paragrapheG1, .paragrapheD1, .paragraphe_ign, 
.Newphotos, .Programme {
	background: #FFCC99 url(pentete.jpg) repeat-x top;
	border: 1px solid #CC3300;
	padding: 4px;
	width: 97%;
}

.paragrapheJ {
	text-align:justify;
}

.paragrapheD {
	float: right;
	width: 48%;
}

.paragrapheG {
	float: left;
	width: 48%;
}

.paragraphe ul, .paragraphe li {
	margin: 4px 4px 4px 20px;
	padding: 0;
}

.paragraphe_p {
	background: #FFCC99 url(album_photo.png) no-repeat bottom right !important;
	background: #FFCC99 url(album_photo.gif) no-repeat bottom right;/*IE Beurk*/
}

.paragrapheG1 {
	float: left;
	width: 48%;
	background: #FFCC99 url(album_photo1.png) no-repeat bottom right !important;
	background: #FFCC99 url(album_photo1.gif) no-repeat bottom right;/*IE Beurk*/
	height: 74px;
}

.paragrapheD1 {
	float: right;
	width: 48%;
	background: #FFCC99 url(blocnote1.png) no-repeat bottom right !important;
	background: #FFCC99 url(blocnote1.gif) no-repeat bottom right;/*IE Beurk*/
	height: 74px;
}

.paragraphe_ign {
	background: #FFCC99 url(carte_IGN.png) no-repeat bottom right !important;
	background: #FFCC99 url(carte_IGN.gif) no-repeat bottom right;/*IE Beurk*/
}

.ParagrapheNews {
	background: #FFCC99 url(pentete.jpg) repeat-x top;
	border: 1px solid #CC3300;
	padding: 4px;
	width: 150px;
}

.Avertissement {
	background: #FFFF66;
	border : 2px solid red;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF0000;
}

.Newphotos {
	background: #DDE3EC url(album_photo1.png) no-repeat bottom right !important;
	background: #DDE3EC url(album_photo1.gif) no-repeat bottom right;/*IE Beurk*/
	height: 74px;
}

.Programme {
	background: #DDE3EC url(../programme.jpg) no-repeat bottom right;
	height: 100px;
}

/*balises reformates*/
h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color:#CC3300;
	border-bottom: 1px dotted #C30;
	width: 651px;
}

.Ptitre {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#B03D15;
	border-bottom: 1px solid #CC3300;
	width: 99%;
}

.Ptitre:first-letter {
	font-weight: bold;
	font-size: 18px;
	color:#660000;
}

.PStitre {
	font: bold 12px Arial, Helvetica, sans-serif;
}

.Annotation {
	font: 12px Arial, Helvetica, sans-serif;
	color:#000000;
	font-style: italic;
}

/*Liens */

a.legal {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}

a.legal:hover {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}

#footer a.Mail {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

#footer a.Mail:hover {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

a.Hautpage {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 14px;
	background: url(page-up.gif) no-repeat right;
}

a.Hautpage:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	padding-right: 14px;
	background: url(page-up.gif) no-repeat right;
}

a.link {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background:  url("../shared/ico_go1.png") no-repeat right;
}

a.link:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background:  url("../shared/ico_go1.png") no-repeat right;
}

a.link1 {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
}

a.link1:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
}

a.link2 {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.link2:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #933;
	text-decoration: none;
	border-bottom: 1px solid #933;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.link3 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #009;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.link3:hover {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 12px;
	background:  url("../shared/ico_go2.png") no-repeat right;
}

a.mail {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

a.mail:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_mail.png) no-repeat right;
}

a.pdf {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_pdf.png) no-repeat right;
}

a.pdf:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_pdf.png) no-repeat right;
}

a.photo {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_photo.png) no-repeat right;
}

a.photo:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_photo.png) no-repeat right;
}

a.web {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_web.png) no-repeat right;
}

a.web:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_web.png) no-repeat right;
}

a.telecharge {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_telecharge.png) no-repeat right;
}

a.telecharge:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_telecharge.png) no-repeat right;
}

a.detail {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_detail.png) no-repeat right;
}

a.detail:hover {
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_detail.png) no-repeat right;
}
a.video {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	text-decoration: none;
	border-bottom: 1px dotted #CC3300;
	padding-right: 22px;
	background: url(ico_video.png) no-repeat right;
}

a.video:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #CC3300;
	padding-right: 22px;
	background: url(ico_video.png) no-repeat right;
}


/*tableau*/
.table1 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding : 2px;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #993333;
	text-align: center;
}

.table1 tr, .table1 td, .table1 th {
	border-collapse: collapse;
	border: 1px solid #993333;
	text-align: center;
}

.table1 th {
	background-color: #FFCC99;
}

.table2 {
	background: #FFCC99 url(../images/skin/pentete.png) repeat-x top;
	border: 1px solid #CC3300;
}

.BorderR {
	border-right: 1px solid #FFCC99;
}

.BorderL {
	border-left: 1px solid #FFCC99;
}

/*formulaire*/
#Avis input {
	font:10px Arial, Helvetica, sans-serif;
	color: #993333;
	border: 1px solid #000;
	background-color: #FFCC33;
}

#Avis textarea {
	font:10px Arial, Helvetica, sans-serif;
	color: #993333;
	border: 1px solid #000;
	background-color: #FFCC33;
}

#Avis select {
	font:10px Arial, Helvetica, sans-serif;
	color: #993333;
	border: 1px solid #000;
	background-color: #FFCC33;
}

#Avis .bouton {
	font:10px Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #FFCC99;
	background-color: #CC3300;
}

#Avis .bouton:hover {
	font:10px Arial, Helvetica, sans-serif;
	color: #993333;
	border: 1px solid #000;
	background-color: #FFCC99;
}

#Avis fieldset {
	background-color: #FFCC99;
	border: 1px solid #CC3300;
	padding: 4px;
	width: 634px;
}

#Avis legend {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #993333;
}

/*Meteo*/
.Meteo {
	border: 1px solid #000;
	border-collapse: collapse;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#ffcc99;
}

.Meteo_ville {
	font-weight: bold;
	color: #FFFFFF;
	background-color:#CC3300;
}
.Meteo_date {
	font-weight: bold;
	color: #990033;
	border-bottom: 1px solid #000;
}
.Meteo_periode {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #993333;
}
.Meteo_contour1 {
	border-bottom: 1px solid #000;
}
.Meteo_contour2 {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}  
.Meteo_contour3 {
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#RPP {
	position: absolute;
	height: 352px;
	width: 230px;
	left: 1px;
	z-index: 10;
	background:  url("../RPP.jpg") no-repeat;
}


/* Barre navigation par numero de page*/
.numpage {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}
.contour002 {
	border: 1px solid #000000;
	padding: 2px 2px 2px 2px;
}
a.lfoliot:link{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #933;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}
a.lfoliot:active{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
	}
a.lfoliot:visited{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px dotted #009;
}
a.lfoliot:hover{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #900;
}


/* Formulaires divers*/

.select1 {
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	border: 1px solid #C30;
	background-color: #FC9;
}

.bouton1 {
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #000;
	background-color: #CC3300;
}

.bouton1:hover {
	font:12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #993333;
	border: 1px solid #000;
	background-color: #FFCC99;
}