/****************************************************/
/******** RELAIS DE LA FORET : MAIN CSS  *************/
/****************************************************/
@import url("balises.css");
@import url("cms.css");

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: center;
	width: 880px;
	margin: 0px auto 0px auto;
	 text-align: center
	}
	
/*	HEADER	*/
#header, #nav1, #centre { text-align: left
	}
#header {
	background: url(../images/bgHeader.jpg) no-repeat left top;
	height: 200px;
}
#header h1 { padding: 18px 18px 18px 22px; margin: 0; float: left; font-size: 1em; background: none; border: none}
#header p { padding: 0; margin: 0; text-align: center}

#header a {
	}

/* MAIN	*/
#centre {
	background: url(../images/bgCentre.gif) repeat-y 0 0;
	clear: both;
	}
#bgLeft {background: url(../images/bgLeftHome.jpg) no-repeat; margin-left: 2px }
#left, #leftHome {
	width: 252px;
	float: left; margin-top: 0px; !important; margin-left: 1px;
}
#left {  padding-top: 50px;}
#leftHome { height: 500px; padding-top: 300px }
#logoFriends { }

#main { 
	float: right;
	width: 620px;}
#contact { background: #E4F1EE; margin: 0 3px}
#contact  #content { margin: 0 100px;padding: 3em 2em 2.5em 2em; border: 1px solid #98C9BE; border-top: none; background: #FFF}
#content {
	margin: 0px 1.9em 0px 1.9em; clear: left; font-size: 13px; padding-top:3em; padding-bottom: 2.5em
	}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 0 1em; height: 20px; 
}
#up img { vertical-align: middle; margin-right: 0.5em;
	}
#up p { float: left; padding: 0.6em 0; margin: 0 }

#up p a { font-weight: bold}
#footer {
	text-align: center;
	color: #5C463B; background: #FFE4C6;background: #FFE4C6 url(../images/bgFooter.gif) no-repeat; padding: 26px 0.7em 0 0.7em
}
#footer a { font-weight: bold }

/*******	PAVES HOME	*******/
.paveHome { }
.paveHome h1 {  }
.paveHome .titPave{
	margin-bottom: 0.4em; padding: 0 0 0 1.4em; background: url(../images/puceH1.gif) no-repeat left center; border-bottom: 1px dotted #028363; 
}
.paveHome img{ float: right; margin: 0 0 1em 1em}
.paveHome .bot{ clear: both}

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
div#nav1 {
	font-weight: bold;
	height: 37px;
	background: #FFFFFF url(../images/bgNav1.gif) repeat-x left bottom; margin: 0 3px
}
div#nav1 ul{
	margin: 0px 0px 0px 0;
	padding: 0px;
	
	}
div#nav1 li {
	list-style-type: none;
	background: url(../images/puceNav1Li.gif) no-repeat right center;
	margin: 0px 0px 0px 0px;
	padding: 0 10px 0 0;
	height: 37px;
	line-height: 250%; 	text-align: center;
	float: left;
	}
div#nav1 li a {
	display: block; font-size: 1em;
	padding: 0 1.4em 0 1.4em; height: 100%;
	float: left;
	}
#nav1 li a:hover {
}
#nav1 li.on {  background: url(../images/puceNav1LiOn.gif) no-repeat right bottom;
}
#nav1 li.on a { color: #FFF; background: url(../images/puceNav1LiOn.gif) no-repeat left bottom; 
}

/************ NAV2************/

#nav2  { 
}
/* Niveau 1 */
#nav2 ul{
	margin: 0px 6px 0px 4px;
	padding: 0px 0px 0px 0px;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0; font-size: 1em;
	list-style-type: none; background: #E5F1EF; height: 100%; border-bottom: 1px dotted #008463;
}
#nav2 a, #nav2 span{
	display: block; 
	padding: 0.8em 0.5em 0.8em 2.1em; height: 100%;background: url(../images/puceNav2Li.gif) no-repeat 0em center;
}
#nav2 a:hover{background-image: url(../images/puceNav2LiOn.gif)
	}
#nav2 li.on { font-weight: bold;background: #C6E1DB}
#nav2 .on a, #nav2 .on a:hover { color: #005440 ; background-image:url(../images/puceNav2LiOn.gif)}
#nav2 .on a:hover {}
	
/* LVL1 */
#nav2 li.lvl1 {  background: none }
#nav2 li.lvl1 ul { padding: 0; margin: 0}
#nav2 li.lvl1 ul li { border: none; background: none }
#nav2 li.lvl1 ul li a {  padding: 0.6em 0.5em 0.6em 3em; background: url(../images/puceNav2Lvl1Li.gif) no-repeat 2em center }
#nav2 li.lvl1 ul li a:hover { background-image: url(../images/puceNav2Lvl1Li.gif) }
#nav2 li.on1 { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; }
	
/* NEWSHOME */
#newsHome { }
#newsHome h2{ color: #FFF; font-weight: bold; font-size: 16px; padding: 0px 0px 0px 15px; margin: 0px }
#newsHome div.newsBox {
	border: 1px solid #AE9D88; background: #FFF; padding-top: 7px;
	width:250px; margin-bottom: 10px
}
#newsHome .tiny, #newsHome .date, #newsHome .view { padding: 6px 9px 6px 13px} 
#newsHome .tiny { font-size: 10px}
#newsHome h3 {
	font-size: 13px;
	font-weight: bold;
	padding: 6px 9px 6px 10px;
	background: url(../images/bgTitNewsHome.gif) repeat-x 0 center;
	color: #ADAD14
}
#newsHome h3 span { background: #FFF; padding: 4px}

#newsHome p { }
#newsHome div img{ float: right; margin: 0 0 4px 4px
	}
#newsHome .date {
	font-style: italic; margin: 0;
	font-size: 10px;
}
#newsHome .view {
	text-align: right;
	clear: both; margin: 0; 
}
#newsHome .view a { }


/***************************************************************/
/**************       CLASSES GENERIQUES         *****************/
/***************************************************************/

/*****		GESTION DES IMAGES		*****/
table.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	padding: 10px;
	background: #FFFFFF;
	width: 100%
}
div.preview {
	text-align: center;
	margin-bottom: 20px;
	background: #FFFFFF; }
.preview td{
	text-align: center
	}
img.imgToRight, .imgToRight img{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC; padding: 2px; background: #FFF
}
img.imgtoLeft, .imgToLeft img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC; padding: 2px; background: #FFF
}
.toRight { float: right; 
	margin-left:10px;
	margin-bottom:10px;}

.toLeft { float: left;
	margin-left:10px;
	margin-bottom:10px;}
.imgToCenter { text-align: center}
 
img.photo, .preview td img, .imgToCenter img, .toLeft img, .toRight img {
	border: 1px solid #CCCCCC; padding: 2px; background: #FFF
}
a.photo { border: 1px solid #CCCCCC; padding: 2px; background: #FFF;}
a.photo:hover {border: 1px solid #AF2623;}

div.photo { }
div.photo p { padding: 0px; margin: 0 0 0.2em; font-size: 0.8em; text-align: center}

 
/* Divers */
.icon { vertical-align: middle; margin-right: 0.2em}
.date{ font-size: 10px; font-weight: normal }
.error {
	background: #FFF7B9; 
}
div.error { padding: 16px; margin-bottom: 10px; border: 1px dashed #FFCC33; text-align: center; font-weight: bold}

.gras {
	font-weight: bold; font-size: 0.9em
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#FF0000;
}
.noLine {
	border: none; background: none
}

.back { margin-bottom: 4px; padding: 3px}
.bot { clear: both; height: 3px; font-size: 1%;}



/* */
div.download {
	padding: 1px; border: 1px solid #028363
	}
div.download h4{ color: #FFF; background: #028363 url(../images/download.gif) no-repeat 3px center; padding: 0.5em 0.3em 0.5em 23px; margin: 0px; font-size:1em; }
div.download p{ padding: 0.5em 0.5em; margin: 1px;
	border: 1px solid #E4F1EE; }

/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #FFFFFF;
}
.line1 {
	background-color: #FEF4D6;
}

tr.champs th{
	padding: 4px 5px 4px 5px;
	color: #EEF3F9;
	background: #666666;
	border: 1px solid #FFFFFF;
}
.tablo caption {
	border-bottom: 1px solid #FFF;
	color: #24486C;
	padding: 3px 6px 3px 13px;
	background:  url(../images/puceTit.gif) no-repeat 2px 8px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

/*Detail d'un item*/
div.detail {padding: 1px;
	margin-bottom: 14px;}


/*************  contact  ******************************/ 
table.formContact{
	margin: 8px auto 0px auto
}
.formContact td {
	padding: 4px;
	border-bottom: 1px solid #FFF;
}
.formContact tr{ border-bottom: 1px solid #FFCC33}
.formContact th {
	font-size: 11px;
	font-weight: normal;
	width: 150px;
	padding: 4px;
	text-align: right;
	border-bottom: 1px solid #FFF;
}

.answerMail {
	width: 350px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
	text-align: center;
}
.answerMail p { margin-bottom: 12px}


/* Liste et detail  */


/********	PAGINATION		******/

ul#pagine{ background: none; margin: 0px; padding: 0px; text-align: center}
ul#pagine li{ display: inline; background: none; margin: 0px; padding: 2px}
ul#pagine li.on { font-weight: bold; text-decoration: underline;}
ul#pagine li.on { font-size: 14px}

/***	CONTACT	****/
#formContact {
	margin: 0 0 30px 0;
	border: 1px solid #E4F1EE;
	padding: 1px 1px 0.5em 1px;
}
#formContact form {
	padding: 0 0 0 0; margin: 0; 
}
#formContact h3{ background: #008463; color: #FFF; border: none; padding: 6px; margin: 0  }
#formContact label {
	display: block; float: left;
	width: 25%;
	background: none; padding: 0.3em 1em 0.4em 0.4em; text-align: right
}
#formContact p {
	clear: both; margin: 0; padding:2px;}
#formContact fieldset { border: none; padding: 0; margin: 0 }
#formContact h3 { }
#formContact p.btn {
	padding: 2px 2px 2px 170px;
}
	
#formContact textarea { width: 350px; height: 100px }

/* Liste de contacts sur la page contact */
.coords {
	 }
.coords p{ margin-bottom: 6px;
	line-height: 150%;
	font-size: 1em;
}
.coords dd span { font-weight: bold}