/******************************
  CSS Vert Plateau
  	Agence iti 2007
	  www.iti-conseil.com
*******************************/

@import url("css/thickbox.css");
@import url("css/contact.css");

/**
  Liens
**/
a.lien_s {
	font-size:12px;
	color:#ff890a;
	text-decoration:underline;
}
a.lien_s:hover {
	text-decoration:none;
}
a.lien_ns {
	color:#000000;
	text-decoration:none;
}
a.lien_ns:hover {
	color:#666666;
}
a.lien_b {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
a.lien_b:hover {
	text-decoration:underline;
}
a.texte {
	color:#000000;
	text-decoration:none;
}
a.texte:hover {
	color:#666666;
}
a.vert {
	color:#48651c;
	font-weight:bold;
	text-decoration:underline;
}
a.vert:hover {
	text-decoration:none;
}

* {
	margin:0;
	padding:0;
}
img {
	border:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background:#697d71 url(images/fond.gif) repeat-x top;
}

#master {
	position:relative;
	width:974px;
	margin:0 auto;
}
#entete {
	position:absolute;
	top:0;
	left:0;
	width:974px;
	height:171px;
	background:#ecfacc url(images/header.jpg) no-repeat top;
}
#entete .activites {
	position:absolute;
	left:325px;
	top:126px;
	width:450px;
	font-size:12px;
	color:#ff8400;
}
#entete .activites a {
	color:#155931;
	font-weight:bold;
	text-decoration:none;
}
#entete .activites a:hover {
	text-decoration:underline;
}
#entete .activites a.select {
	color:#ffffff;
	text-decoration:underline;
}
#entete .activites a.select:hover {
	text-decoration:none;
}
#menu {
	position:absolute;
	top:171px;
	left:50px;
	height:44px;
}
#menu a {
	display:block;
	float:left;
	height:44px;
	background-position:0 0;
}
#menu a span {
	display:none;
}
#menu .separateur {
	float:left;
	/*width:22px;*/
	width:2px;
	padding:0;
	height:34px;
	text-align:center;
	color:#107a50;
	font-size:16px;
	padding-top:10px;
}
#menu a.btn_accueil {
	width:89px;
	background:url(images/menu/btn-accueil.gif) no-repeat top left;
}
#menu a.btn_site {
	width:89px;
	background:url(images/menu/btn-site.gif) no-repeat top left;
}
#menu a.btn_animations {
	width:199px;
	background:url(images/menu/btn-animations.gif) no-repeat top left;
}
#menu a.btn_guide {
	width:156px;
	background:url(images/menu/btn-guide.gif) no-repeat top left;
}
#menu a.btn_actualites {
	width:114px;
	background:url(images/menu/btn-actualites.gif) no-repeat top left;
}
#menu a.btn_liens {
	width:89px;
	background:url(images/menu/btn-liens.gif) no-repeat top left;
}
#menu a.btn_contacts {
	width:103px;
	background:url(images/menu/btn-contacts.gif) no-repeat top left;
}
#menu a:hover {
	background-position:0 -88px;
}
#menu a.select {
	background-position:0 -44px;
}
#smenu {
	position:absolute;
	top:215px;
	left:67px;
	padding:3px 0 0 0;
	color:#FFFFFF;
	font-size:11px;
}
#smenu a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#smenu a:hover {
	text-decoration:underline;
}
#smenu a.select {
	color:#333333;
}
#fond {
	position:absolute;
	top:239px;
	left:0;
}
#contenu {
	position:relative;
	width:914px;
	padding:0 30px;
	background:#ffffff url(images/fond_c.gif) repeat-y left;
	min-height:350px;
	height:auto;
	_height:350px;
}
#contenu .chemin {
	width:894px;
	height:17px;
	padding:3px 0 0 20px;
	background:url(images/fond_chemin.gif) repeat-x top;
	font-size:10px;
	color:#ff8400;
}
#contenu .chemin a {
	color:#000000;
	text-decoration:none;
}
#contenu .chemin a:hover {
	text-decoration:underline;
}
#contenu .contenu_gauche {
	float:left;
	width:640px;
	padding:10px 0 10px 20px;
}
#contenu .contenu_droite {
	float:right;
	width:210px;
	padding:10px 20px 10px 0;
}
#contenu .contenu_droite img {
	border:0;
	margin:10px 0;
}
#contacter {
	position:relative;
	height:39px;
	padding:10px 20px 0 20px;
}
#contacter a {
	display:block;
	float:left;
	width:214px;
	height:37px;
	background-position:0 0;
}
#contacter a span {
	display:none;
}
#contacter .btn_appel {
	background:url(images/btn-appel.gif) no-repeat top left;
	margin:0 0 0 0;
}
#contacter .btn_rappel {
	background:url(images/btn-rappel.gif) no-repeat top left;
	margin:0 0 0 5px;
}
#contacter .btn_message {
	background:url(images/btn-message.gif) no-repeat top left;
	margin:0 0 0 5px;
}
#contacter .btn_resa {
	background:url(images/btn-resa.gif) no-repeat top left;
	margin:0 0 0 5px;
}
#contacter a:hover {
	background-position:0 -37px;
}
#pied {
	position:relative;
	width:874px;
	padding:15px 50px 0 50px;
	color:#FFFFFF;
	font-size:10px;
}
#pied .gauche {
	float:left;
	width:350px;
}
#pied .droit {
	float:right;
	width:350px;
	text-align:right;
}
#pied .droit a {
	color:#FFFFFF;
	text-decoration:none;
}
#pied .droit a:hover {
	text-decoration:underline;
}

/**
  Accueil
**/
.colonne_g {
	float:left;
	width:310px;
}
.colonne_d {
	float:left;
	width:310px;
	padding:0 0 0 20px;
}
.img_accueil {
	margin:0 0 15px 0;
}
a.btn_environnement {
	display:block;
	width:310px;
	height:58px;
	margin:5px 0 5px 0;
	background:url(images/accueil/btn-environnement.jpg) no-repeat top left;
}
a.btn_vtt {
	display:block;
	width:310px;
	height:58px;
	margin:5px 0 5px 0;
	background:url(images/accueil/btn-vtt.jpg) no-repeat top left;
}
a.btn_handicap {
	display:block;
	width:310px;
	height:58px;
	margin:5px 0 5px 0;
	background:url(images/accueil/btn-handicap.jpg) no-repeat top left;
}
a.btn_environnement span, a.btn_vtt span, a.btn_handicap span {
	display:none;
}

/*
  ACTUALITES
*/
a.titre_a {
	font-size:14px;
	font-weight:bold;
	color:#456319;
	text-decoration:none;
}
a.titre_a:hover {
	text-decoration:underline;
}
.image_a {
	float:left;
	width:150px;
	margin:0 10px 0 0;
	padding:13px 0 0 0;
	background:url(images/fond-img.gif) repeat-x top;
}
.contenu_a {
	float:left;
	width:380px;
}
a.btn {
	float:right;
	display:block;
	width:80px;
	font-size:9px ;
	font-weight:bold ;
	text-align:left;
	text-decoration:none;
	/*clear:both ;*/
	margin-top:15px ;
	padding:3px 0px 3px 5px;
	border:0 ;
	color:#FFFFFF;
	border:1px solid #48651c ;
	background:#48651c ;
}
.bloc_a {
	height:130px; 
	margin:0 0 20px 0;
}
.reflected {
	margin:0 0 1px 0;
}

/** Naturaliste et expos **/
.img_naturaliste {
	float:left;
	width:130px;
	margin:0 10px 0 0;
}
.texpo {
	font-size:14px;
	font-weight:bold;
	color:#456319;
}

/** Comptes rendus **/
.galerie_cr {
	width:500px;
}
.galerie_cr a {
	float:left;
	padding:10px 10px 0 0;
	border:0;
	overflow:hidden;
}

/**
  Styles généraux
**/
h2.titre {
	/*width:290px;*/
	width:auto;
	height:33px;
	padding:7px 0 0 20px;
	margin:0 0 15px 0;
	background:url(images/fd-titre.jpg) no-repeat top left;
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#00704a;
}
h2.titre_m {
	width:192px;
	height:22px;
	padding:4px 0 0 15px;
	margin:0 0 10px 0;
	background:url(images/fd-titre_m.jpg) no-repeat top left;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#00704a;
}
.paragraphe {
	font-size:11px;
	color:#000000;
}
.titre_vert {
	font-weight:bold;
	font-style:italic;
	font-size:16px;
	color:#00704a;
}
.liseret {
	height:20px;
	border-bottom:#cccccc 1px dotted;
	margin:0 0 20px 0;
	clear:both;
}
.stitre {
	font-weight:bold;
	font-size:11px;
	font-style:italic;
	color:#ff8400;
}
.chapo {
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}
.gras {
	font-size:12px;
	font-weight:bold;
	color:#ff8400;
}
.galerie_p {
	height:180px;
}
.galerie_p a {
	float:left;
	padding:0 2px;
	border:0;
}

/**
  Bidouilles diverses
**/
.spacer {
	clear:both;
}
.droite {
	text-align:right;
}
.centrer {
	text-align:center;
}
.justifier {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.interligne {
	width:auto;
	height:15px;
}
.interligne_double {
	width:auto;
	height:30px;
}
.noir {
	color:#000000;
}
.ct {
	position:relative;
	text-align:justify;
	padding:0 50px 0 50px;
}
.margtop20 {
	margin-top:20px;
}
.mb {
	margin-bottom:7px;
}
.paragraphe_t {
	font-size:14px;
	font-weight:bold;
	color:#025424;
}
ul.l_sejours {
	magrin:0;
	padding:0;
	list-style-type:none;
}
ul.l_sejours li {
	margin:0;
	padding:0 0 0 20px;
	background:url(images/animations/puce_plus.gif) no-repeat top left;
}
ul.l_sejours li a.li_titre {
	color:#ff8400;
	font-weight:bold;
	text-decoration:none;
}
ul.l_sejours li a.li_titre:hover {
	text-decoration:underline;
}
ul.l_sejours li a.li_date {
	font-size:10px;
	color:#000000;
	text-decoration:none;
}
ul.l_sejours li a.li_date:hover {
	text-decoration:underline;
}
.img_stages {
	float:left;
	margin:0 10px 0 0;
	border:0;
}
#xiti {
	position:relative;
	width:874px;
	padding:0 50px 0 50px;
	text-align:center;
}