body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:url(images/background.jpg) top repeat-y;
background-color:#fff;
font-size:small;
}
#centrage {
margin:0 auto;
width:780px;
}
#conteneur {
width:780px;
float:left;
background-color:#fff;
}
#header {
width:780px;
float:left;
height:220px;
border-bottom:1px dotted #000;
}
h1 {
display:none;
}
h2 {
color:#003366;
font-size:1.50em;
text-align:center;
margin:0;
padding:0;
}
h3 {
color:#000;
font-size:1.03em;
text-align:center;
margin:0;
padding:0;
font-weight:normal;
}
hr {
float:left;
height:1px;
border-top:1px dotted #000;
margin-top:10px;
margin-bottom:0px;
padding:0;
}
#filariane {
float:left;
width:760px;
font-size:0.71em;
color:#000;
padding-left:10px;
padding-right:10px;
padding-top:10px;
height:20px;
}
#filariane a {
color:#003333;
text-decoration:none;
}
#filariane a:hover {
text-decoration:underline;
}
#content {
float:left;
width:740px;
padding-left:20px;
padding-right:20px;
}
#content p {
font-size:0.88em;
text-align:justify;
}
#content ul {
font-size:0.88em;
list-style:none;
margin:0;
padding:0;
text-align:justify;
}
#content ul li {
margin-bottom:10px;
}
#footer {
float:left;
width:780px;
font-size:0.71em;
margin-top:5px;
text-align:center;
}
#footer a {
color:#0c0f2e;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
#footer p {
text-align:center;
margin-top:15px;
}
#footer p.hautpage {
text-align:right;
margin-right:20px;
}
#footer p.liseret-bas {
border-top:1px dotted #000;
background-color:#23264f;
color:#fff;
padding:10px;
}
#footer a.jnov {
color:#fff;
}
/* ---------------------------------------------- MENU -------------------------------------------- */
#menu {
float:left;
width:780px;
margin-top:10px;
border-bottom:1px dotted #000;
height:40px;
}
#menu ul {
list-style-type: none;
margin:0;
padding:0;
}
#menu ul li {
float: left;
}
#menu ul a {
float: left;
margin: 0 5px;
padding: 5px 7px;
text-align: center;
border: 1px solid #0c0f2e;
text-decoration: none;
color: #0c0f2e;
background: #fff;
font-size:0.82em;
}
#menu ul a:hover {
background: #0c0f2e;
color:#fff;
border: 1px solid #fff; 
}
/* ------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------- LOGOS -------------------------------------------- */
#logos {
float:left;
width:100%;
font-size:0.71em;
}
#logos ul {
list-style-type: none;
margin:0;
padding:0;
}
#logos ul li {
float: left;
width:110px;
text-align:center;
}
/* ------------------------------------------------------------------------------------------------ */

/* ---------------------------------------------- INDEX -------------------------------------------- */
.photo-index {
float:left;
width:246px;
height:300px;
margin-top:30px;
text-align:center;
}
.photo-index img {
border:#003333 solid 1px;
}
#index-gauche {
float:left;
width:740px;
height:275px;
}
#index-droite {
float:right;
width:190px;
height:275px;
padding-left:20px;
}
p.titre-actus {
background-color:#990033;
color:#fff;
padding:3px;
/*width:184px;*/
margin:0;
font-size:0.77em;
}
p.titre-actus-vert {
background-color:#009933;
color:#fff;
padding:0px 3px 0px 3px;
/*width:184px;*/
margin:0;
font-size:0.77em;
}
p.actus {
border:#990033 1px solid;
/*padding:5px;*/
padding:0px 5px 0px 5px;
margin:0;
font-size:10px;
}
p.actus-vert {
border:#009933 1px solid;
padding:5px;
margin:0;
font-size:11px;
}
/* ------------------------------------------------------------------------------------------------ */

#copyright {
display:none;
}
p.alignCenter {
  text-align:center;
}
img {
border:none;
}

body.bodygen h2 {
color:#003366;
font-size:1.50em;
text-align:left;
margin:0;
padding:0;
margin-top:10px;
margin-bottom:10px;
}
body.bodygen h3 {
color:#003366;
font-size:1.03em;
text-align:left;
margin:0;
padding:0;
font-weight:bold;
margin-top:15px;
margin-bottom:5px;
}
body.bodygen p.alignCenter {
  text-align:center;
}
body.bodygen #divleft {
float:left;
width:540px;
}
body.bodygen #divright {
float:right;
width:200px;
text-align:center;
}
body.bodygen #menurest {
width:740px;
}
body.bodygen #menurest ul a {
float: left;
margin: 0 5px;
padding: 5px 20px;
text-align: center;
border: 1px solid #0c0f2e;
text-decoration: none;
color: #fff;
background: #0c0f2e;
font-size:0.80em;
}
body.bodygen #menurest ul a:hover {
background: #fff;
color:#0c0f2e;
border: 1px solid #0c0f2e; 
}
body.bodygen #menurest ul.actif {
background: #0c0f2e;
color:#fff;
border: 1px solid #fff; 
}
body.bodygen #menurest ul li {
display:inline;
}

body.bodygen #menusem {
width:740px;
}
body.bodygen #menusem ul a {
float: left;
margin: 0 5px;
padding: 5px 16px;
text-align: center;
border: 1px solid #0c0f2e;
text-decoration: none;
color: #fff;
background: #0c0f2e;
font-size:0.80em;
}
body.bodygen #menusem ul a:hover {
background: #fff;
color:#0c0f2e;
border: 1px solid #0c0f2e; 
}
body.bodygen #menusem ul.actif {
background: #0c0f2e;
color:#fff;
border: 1px solid #fff; 
}
body.bodygen #menusem ul li {
display:inline;
}

body.bodygen #menurando {
width:740px;
}
body.bodygen #menurando ul a {
float: left;
margin: 0 5px;
padding: 5px 20px;
text-align: center;
border: 1px solid #0c0f2e;
text-decoration: none;
color: #fff;
background: #0c0f2e;
font-size:0.80em;
}
body.bodygen #menurando ul a:hover {
background: #fff;
color:#0c0f2e;
border: 1px solid #0c0f2e; 
}
body.bodygen #menurando ul.actif {
background: #0c0f2e;
color:#fff;
border: 1px solid #fff; 
}
body.bodygen #menurando ul li {
display:inline;
}
/* ---------------------------------------------- GOOGLEMAP -------------------------------------------- */
#map {
}
#message {
}
v\:* {
      behavior:url(#default#VML);
    }
.googlemap img {
	margin-right: 10px;
	margin-bottom: 1px;
	padding:2px;
}

.googlemap {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
	width:450px;
}
.tit-map {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}

div .encart-rando {
float:left;
width:246px;
height:280px;
margin-top:15px;
text-align:center;
font-size:0.77em;
}
div.encart-cyclo {
float:left;
width:370px;
margin-top:15px;
text-align:center;
font-size:0.77em;
}
.img-rando {
float:left;
margin-right:10px;
}

div .photo-ref {
float:left;
width:246px;
height:175px;
margin-top:30px;
text-align:center;
}
.references { float:left; width:740px; }

fieldset { padding:10px; font-size:12px; margin-bottom:20px; }
legend { font-size:12px; color:#003366; font-weight:bold; }
input, select, button { font-size:12px; }