/**********************************************************************************/
/**********************         ICOMOS FRANCE     *********************************/
/**********************************************************************************/
@import url("balises.css");
@import url("cms.css");
@import url("htmlarea.css");

/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	text-align: center;
	width: 900px;
	margin: 0px auto 0px auto;
	background: #FFF /*url(../images/bgTout.png) repeat-y;*/
	}
	
/*	HEADER	*/
#header, #centre, #nav1 { width: 898px; margin: 0 auto; text-align: left}
#header {
}
.header_01 { background: url(../images/bandeau_01.jpg) no-repeat; }
.header_01 { background: url(../images/bandeau_02.jpg) no-repeat; }
.header_01 { background: url(../images/bandeau_01.jpg) no-repeat; }

#header h1 { padding: 0.3em; margin: 0; font: bold 14px "Times New Roman", "Georgia", Times, serif;
	color: #3C5841; clear: both; text-align: center}
#header a#logo { display: block; float: left
	}
#header h1 a#logo img {}
#header p { padding: 0; margin: 0; }

#bandeau {
	margin-bottom: 1px;
	height: 119px;
}
#bandeau img { vertical-align: bottom}

#drapeaux { height: 20px; text-align: right; margin-right: 40px}
#drapeaux img { border: 1px solid #FFF; margin-top: 4px}

/* MAIN	*/
#centre, #contact { position: relative;background: url(../images/bgCentre.png) repeat-x;
	}

#left {
	width: 258px;
	float: left;
	background: url(../images/bgLeft.gif) repeat-y;
	padding-top: 1.3em;
}

#main { 
	float: right;
	width: 640px;
	}
#contact { background: #E5EFEB; text-align: left; border-bottom: 1px solid #3C5841

	}
#contact #content {
	padding: 34px 24px 20px 24px;
	margin: 0 20%; background: #FFF url(../images/bgCentre.png) repeat-x; border-left: 1px solid #74A07B; border-right: 1px solid #74A07B;
	 }


#content {
	margin: 34px 24px 0px 34px;
	}

/*	FOOTER	*/
#up {
	clear: both;
	text-align: right;
	padding: 6px 6px 10px 6px; border-bottom: 1px solid #3C5841; margin: 0 2px 0px 2px;
	font-size: 0.9em;
}
#up img { vertical-align: middle; margin-left: 4px
	}
#up p { float: left}

#footer {
	text-align: center;
	padding: 8px 18px 8px 18px;
	color: #5C463B;
	font-size: 0.9em;
	/*background: url(../images/bgFooter.png) no-repeat left bottom;*/
	
}
#footer p { float: left; padding-left: 4px}
#footer a { font-weight: bold }

/*  Pave de la page d'accueil  */
.paveHome { margin-bottom: 1.8em;}
div.text { }
	
.titPave{
	font-size: 1.3em; 
}
.paveHome img{ float: right; margin: 0 0 1em 1em }
.paveHome .bot{ clear: both; background: url(../images/bgPaveHome.gif) no-repeat left bottom; height: 1px; font-size: 1%}

/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/

/**********    NAV TOP   ***********/
#navTop { margin-top: 20px; height: 24px; border-right: 1px solid #FFF; float: right;
	background: #3C5841;  width: 360px; }
#navTop ul, #navTop li, #navTop a {}


#navTop ul {
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-size: 11px; height: 24px;float: right
	
	}
#navTop li {
	list-style-type: none; float: left;
	margin: 1px 0px 0px 0px;
	padding: 0px;
	}
#navTop li a { display: block;
	color: #FFF;padding: 0 1em; line-height: 2em
	}
#navTop li a:hover {
}
#navTop li.on { background: #E0EBE0
}
#navTop li.on a { color: #3C5841;
}

/**********    NAV 1   ***********/
div#nav1 { height: 3.5em; background: url(../images/bgNav1.gif) repeat-x 0 bottom; padding-bottom: 3px; font-size: 10px; font-weight: bold
}
div#nav1 ul{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
	}
div#nav1 li {
	list-style-type: none;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px; background: none; height: 100%
	}
div#nav1 li + li { border-left: 1px solid #3C5841}
div#nav1 li a {
	display: block;
	padding: 0.5em 7px; text-align: center; line-height: 2.4em; color: #3C5841
	}
#nav1 li a:hover { background: #3C5841; color: #FFF
}
#nav1 li.type2 a { line-height: normal}
#nav1 li.on {
}
#nav1 li.on a { background: #3C5841; color: #FFF;
}

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

/* Niveau 1 */
#nav2 {
	margin: 34px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}
#nav2 li{
	margin: 0px 0px 3px 0px;
	padding: 0 0 0 0; font-size: 1em; border: 1px solid #88AE8E; background: #E0EBE0;
	list-style-type: none; height: 100%;
}
#nav2 li.titNav2 { background: none; padding: 0; margin: 0; border: none; }
#nav2 li.titNav2 h2{ font-size: 1.6em; padding: 0 0 0.3em 0; margin: 0 }
#nav2 a, #nav2 span{
	display: block;
	padding: 0.5em 0.5em 0.5em 28px; height: 100%; background: url(../images/puceNav2Li.gif) no-repeat 10px center; color: #3C5841
}
#nav2 a:hover{ background-color: #3C5841; background-image: url(../images/puceNav2LiOver.gif); color: #FFFFFF
	}
#nav2 li.on { font-weight: bold; border-color: #3C5841 }
#nav2 .on a, #nav2 .on a:hover { color: #FFF; background: #3C5841 url(../images/puceNav2LiOn.gif) no-repeat 10px center; }
	
/* LVL1 */
#nav2 li.lvl1 { }
#nav2 li.lvl1 ul {padding: 0.2em 0 0.2em 0; margin: 0; background-color: #FFF; border-bottom: 2px solid #3C5841 }
#nav2 li.lvl1 ul li { background: #FFF url(../images/puceNav2LiLvl1.gif) no-repeat -50px center; padding: 0; border: none; font-size: 0.9em  }
#nav2 li.lvl1 ul li img { margin-right: 0.2em}
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 38px; padding-right:0.9em; background: none; }
#nav2 li.lvl1 ul li a:hover { background-image: none; background: none; color: #AF2623 }
#nav2 li.on1 { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; background-color: #EFF5EF; color: #AF2623 }
#nav2 li.lvl1 .on1 a:hover{ font-weight: bold; background-color: #EFF5EF }


/*Lvl2*/
#nav2 li.lvl2 ul li { background: none; border: none;}
#nav2 li.lvl2 ul {padding: 0.2em 0 0.2em 0; margin: 0; }
#nav2 li.lvl2 {
	font-size: 0.8em; background-color: #EAF2EA; border-bottom: none
}
#nav2 li.lvl2 ul li a, #nav2 li.lvl2 ul li a:hover{ 
	padding-left: 6em; background: url(../images/puceNav2Li.gif) no-repeat 4.5em center; }
#nav2 .on2 {
}

#nav2 li.publication { font-size: 0.8em; /*background-color: #EAF2EA;*/ background: none; margin: 0}
#nav2 li.publication ul {padding: 0.2em 0 0.2em 0; margin: 0; }
#nav2 li.publication ul li { background: none; border: none }
#nav2 li.publication li a { border: none; padding-left: 6em; background: url(../images/puceNav2Li.gif) no-repeat 4.5em center; }
#nav2 li.publication li a:hover {  color: #AF2623 }


/* NEWSHOME */
#newsHome { margin: 0 0 0 8px; font-size: 11px; }
#newsHome dt { font-size: 1.8em; color: #3C5841; padding: 0 0.2em 0.2em 0.4em; font-weight: normal; font-family: "Times New Roman", "Georgia", Times, serif; }

#newsHome h2{ font-weight: bold; font-size: 1.1em; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.4em 0 }
#newsHome h2 a { color: #3C5841}
#newsHome img { }
#newsHome a:hover { color: #AF2623 }
#newsHome dd { background: #E0EBE0; margin: 0 0 2em 0px; width:248px; 0.8em 0; position: relative}
#newsHome dd * { }
#newsHome .tiny {}
#newsHome div.text{ margin-bottom: 0.4em }
#newsHome div.desc { padding: 0.8em 1em 0.8em 1em; position:relative }
#newsHome dd .photo{ float: right; margin: 0 0 0 0;
	}
#newsHome .bot { 
	}

#newsHome .date {
	font-size: 0.9em
}
#newsHome .view {
	font-weight: bold
}
#newsHome .view a { }
/*
.newsHome { font-size: 11px; background: #E0EBE0;  margin: 0 0 2em 0px; padding: 0.8em 1em 0 1em; width: 250px}
.newsHome h1 { font-size: 1.8em; color: #3C5841; padding: 0 0.2em 0.2em 0.4em; font-weight: normal; font-family: "Times New Roman", "Georgia", Times, serif}

.newsHome h2{ font-weight: bold; font-size: 1.1em; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.4em 0 }
.newsHome h2 a { color: #3C5841}
.newsHome img { }
.newsHome a:hover { color: #AF2623 }
.newsHome dd {width: 250px }
.newsHome dd * { }
.newsHome .tiny {}
.newsHome p { padding: 0; margin: 0 }
.newsHome .desc { }
.newsHome .photo { float: right; margin: 0 0 0 0.3em;
	}
.newsHome .bot{}
.newsHome .date {
	font-size: 0.9em
}
.newsHome .view {
	font-weight: bold
}
.newsHome .view a { }
*/
/***************************************************************/
/**************       CLASSES GENERIQUES         *****************/
/***************************************************************/

/*****		GESTION DES IMAGES		*****/
.preview {
	text-align: center;
	margin-bottom: 10px;
	font-size: 10px;
	background: #FFFFFF;
}
table.preview {
	width: 90%;
}
.preview td{
	text-align: center;
	vertical-align: top;
	}
img.imgToRight, .imgToRight img{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
}
img.imgtoLeft, .imgToLeft img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #CCC
}
.imgToCenter { text-align: center}

img.photo {
	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 { float: right}
div.photo p { padding: 0px; margin: 0 0 1em 1em; text-align: right}
div.photo p img { padding: 0px; margin: 0 0 1em 1em; border: 1px solid #CCC; padding: 2px; background: #FFF}

/* Divers */
.icon { vertical-align: middle; margin-right: 0.2em}
.date{ 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
}
.italique {
	font-style: italic;
	color: #CD5A00;
}
.legende {
	font-style: italic;
	font-size: 11px;
	padding: 3px;
}

.required {
	color:#FF6633;
}
.note { font-size: 0.9em}
.noLine {
	border: none; background: none
}

.back { margin-bottom: 4px; padding: 0.4em 0.4em 0.4em 24px; background: url(../images/back.gif) no-repeat left center}
.bot {
	clear: both;
	height: 2px;
	font-size: 0.1em;
}

.infosClient { line-height: 150%}
.infosClient span{
	font-weight: bold;
	color: #444444;
}

.view { font-weight: bold 
}
.view a { font-weight: bold}

/* */
div.download { background: /*#F5F1EF*/ url(../images/bgDownload.gif) no-repeat; margin-bottom: 10px; border: 1px solid #A98C78;
	}
div.download h4{ position: relative; top: -0.8em; left: 0.3em; background: #FFF url(../images/download.gif) no-repeat 3px center; padding: 0.4em 0.3em 0.4em 23px; margin: 0px; font-size:1em; border: 1px solid #A98C78; width: 20em }
div.download li { margin-bottom: 0}
/*********************	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: #F5F5F5;
}

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;
}
.btn {
	background: #FFF url(../images/bgBtn.png) repeat-x left bottom;
	padding: 0.1em 0.7em; border: 1px solid #000; cursor: pointer; border: 1px solid #666; font-weight: bold
}

/*Detail d'un item*/
div.detail {
	padding: 0.2em;
	margin-bottom: 1.2em;}


/*************  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-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;
	border: 1px solid #D22F2B;
}
.answerMail p { margin-bottom: 12px}


/* Liste et detail  */
.news {
	margin-bottom: 16px;
	}
.news .photo { float: right}

.titNews {
	font-family:  "Times New Roman", Georgia, Times, serif;
	font-size: 1.8em;
	padding: 0.3em 0.4em 0.4em 20px;
	font-weight: normal;
	background: #3C5841 url(../images/bgTitNews.gif) repeat-x 0 bottom ;
	color: #FFFFFF;
}
.titNews span { display: block; font: normal 11px Arial, Helvetica, sans-serif ; margin: 2px }
.titNews a { text-decoration:none; color: #FFF}
.titNews a:hover { text-decoration: underline;color: #719D78 }

.news h3:first-letter { text-transform: uppercase }
.news p {
	}

.news .date{ font-weight: bold; color: #3C5841}
.news .view {  font-weight: bold 
}
.news .view a { font-weight: bold
}
.news .bot{ clear: both; background: url(../images/bgNews.gif) no-repeat left bottom; height: 1px; font-size: 1%}




/************		LISTING		*********************/

/* Liste d'items: publication,....  */	
.listItems {
	margin-bottom: 15px;
}
.listItems .photo { float: right }
.titItem {
	background: #3C5841 url(../images/bgTitItem.gif) repeat-x 0 bottom;
	color: #FFF;
	font-family:  "Times New Roman", Georgia, Times, serif;
	font-size: 1.8em;
	padding: 0.3em 0.4em 0.4em 20px;
	font-weight: normal;
}
.titItem a { color: #FFF; display: block}
.titItem a:hover { color: #719D78}


/* Liste et detail  */
.itemDetail {
	margin-bottom: 16px;
	}
.itemDetail .photo { float: right}

/* Liste de catégories  */
.listCat {
	margin: 0 0 14px 0;
	/*border: 1px solid #F4A88E; -moz-border-radius: 8px;*/
	background: url(../images/bgListCatRight.gif) no-repeat right top;
	padding: 0;
}
.listCat dt { padding: 0.3em 0.5em 0.2em 0.5em; font-weight: bold; font-size: 1.2em; color: #AF2623; 
	background: url(../images/bgListCatTop.gif) no-repeat left top; margin-right: 10px}
.listCat dd {
	background: url(../images/bgListCatLeft.gif) no-repeat left bottom;}
.listCat ul { margin: 0 0 0 10px;  padding: 0em 0.6em 0.6em 0em; 
	background: url(../images/bgListCatBottom.gif) no-repeat right bottom;}
.listCat li {list-style-type: none; background: url(../images/folder.gif) no-repeat 0 0.5em; margin: 0 0 0 0.3em ; padding: 0.2em 0.3em 0.2em 1.4em }
.listCat a { display: block; height: 100%; padding: 0.2em 0.2em 0.2em 0.4em}
.listCat a:hover { background: #EFF5EF}


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

ul.pagine{ background: none; margin: 10px; padding: 0px; text-align: center}
.pagine li{ display: inline;  padding:0 ; margin: 0px 2px 0 0; }
.pagine li a { padding: 4px; background: #E0EBE0;}
.pagine li a:hover { background: #3C5841; color: #FFF;}
.pagine li.on span{ font-weight: bold; background: #AF2623; color: #FFF; padding: 4px}
.pagine li.action a { font-weight: bold; background: #FFF; padding: 4px 0}
.pagine li img { vertical-align: top}

/***	CONTACT	****/
#formNeteor {
	margin: 0 0 16px 0; padding: 0
}
#formNeteor table { width: 100%; color: #333;}
#formNeteor h3{ font-size: 12px; padding:8px; font-weight: bold }
#formNeteor th{
	width: 25%; padding: 0.3em 1em 0.4em 0.4em; text-align: right; font-weight: normal;
}
#formNeteor td { padding:0.2em;}
#formNeteor fieldset { padding: 1em; margin: 0 }
#formNeteor h3 { background: #91211D; color: #FFF; padding: 6px; margin: 0 }
	
#formNeteor textarea { width: 90%; height: 100px }

#map { margin-bottom: 2em; }
#acces { text-align: center; background: #FFF; border: 1px solid #CCCCCC;  }
#acces img {}
/* Liste de contacts sur la page contact */

.coords h2 { padding: 0.4em 0; margin: 0;}
.coords {
	padding: 0 0 0 0;
	line-height: 200%;
	margin-top: 14px;
}
.coords span { font-weight: bold}
.coords img { vertical-align: middle}