/*******************************************************************/
/****************** PONT DU GARD: MAIN CSS    **********************/
/*******************************************************************/


@import url("cms.css");
@import url("balises.css");
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	width: 900px;
	margin: 0px auto 10px auto;
	text-align: left;
}
#header {
	background: #FFF url(../images/bgHeader.jpg) no-repeat;
	height: 236px; border-left: 1px solid #666633; border-right: 1px solid #666633; border-left: 1px solid #666633; 
}
#header h1{
	padding: 0;
	margin: 0;
	font-weight: normal; font-size: 1em
	}
#header h1 a { display: block; height:160px}
#header h1 span { display: block; text-indent: -5000px
}

#centre {
	border: 1px solid #666633; border-top: none; background: url(../images/bgRight.gif) repeat-y right top;
}
#bgLeft { background: #FFF url(../images/bgLeft.gif) repeat-y -218px 0; }
#left {
	width: 180px;
	float: left; 
	padding-bottom: 2em;
	padding-top: 2em;
	/*background: #413129;
	background: #413129 url(../images/bgNavLeft.png) repeat-x right bottom; padding-bottom: 220px */}
#left h2 {
}

#right {
	width: 170px;
	float: right;
	padding-top: 1em
}

#main {
	width: 548px;
	float: left;
	background: #FFF url(../images/bgMain.png) repeat-x;
}
#content {  margin: 10px 24px 24px 24px ;
	
}

#mainFull {
	width: 620px; border-bottom: 4px solid pink}
	
#mainNoRight {
	margin-left: 180px;
	padding-top: 10px;
	margin-bottom: 20px;
}

#up {
	clear: both;
	padding: 0.7em; margin-right: 170px;
	text-align: right;
}
#up img{
	vertical-align: middle; margin-left: 0.5em
	}
#footer { text-align:center; padding: 0.6em
}




/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
#drapeaux { padding: 4px 180px 4px 4px; text-align: right; background: url(../images/bgRight.gif) repeat-y right top; border-right: 1px solid #666633 
}
#drapeaux img{ margin-left:10px; border: 1px solid #FFF
	}
	
/*************   NAV2   *****************/
#nav1 {
	background: #FFF; width: 680px; /* position: relative; top: 140px */}
	
#nav1 ul { margin: 0; padding: 0; height: 2.3em}
#nav1 ul li { background: url(../images/puceNav1Li.gif) no-repeat left center; margin: 0 1px 0 0; padding: 0; list-style-type: none; float: left; width: 112px; text-align: center; line-height: 180% }
#nav1 ul li a { display: block; color: #402D2F; padding: 0.3em; }
#nav1 ul li a:hover { background: #402D2F; color: #FFF}
#nav1 li.on a { background: #402D2F; color: #FFF }
#nav1 li.home { background: none}

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

/* Niveau 1 */
#nav2 { padding: 0.7em;  }
#nav2 ul{
	margin: 0px 3px 0px 3px;
	padding: 0;
	}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 0; font-size: 1em;
	list-style-type: none; height: 100%; border-bottom: 1px dotted #B09384;}
#nav2 a, #nav2 span{
	color: #F0ECDE;
	display: block; 
	padding: 0.6em 0.5em 0.6em 0.2em; height: 100%; 
}
#nav2 a:hover{ }
#nav2 li.on { font-weight: bold;}
#nav2 .on a /*, #nav2 .on a:hover*/ { color: #FFFFFF; background-color: #5C463B; background-image: none }
#nav2 .on a:hover {}
	
/* LVL1 */
#nav2 li.lvl1 { font-size: 0.9em; background: none }
#nav2 li.lvl1 ul {padding: 0.4em; margin: 0}
#nav2 li.lvl1 ul li { padding: 0; border: none;  }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 24px; background: url(../images/puceNav2Li.gif) no-repeat 1.3em center }
#nav2 li.lvl1 ul li a:hover { }
#nav2 li.on1 {  }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #5C463B; background-color: #F0ECDE }

/*********************	NEW CMS	*************************/
.cms {
	margin-bottom: 14px; width: 100%
}
.cms td, div.cms { padding: 0px

}

   
.preview { margin-bottom: 10px}
.imgToRight img { float: right; margin: 0px 0px 8px 8px; border: 2px solid #FFF; border-top: none}
.imgToLeft img { float: left; margin: 0px 8px 8px 0px; border: 2px solid #FFF; border-top: none }



/*********************	DONNEES TABULAIRES	*************************/
.tablo {
	margin-bottom: 14px;
	border-collapse: collapse;
	width: 100%;
	
}
.tablo td {
	vertical-align: top;
	padding: 3px 5px 3px 5px;
	border: 1px solid #C5C49A;
	font-size: 10px;
}
.champs {
	font-size: 10px;
	font-weight: bold;
	background: #E9E6D1;
}
.line1 {
	background: #F8F8F8;
}
input.btn { background: url(../images/bgBtn.png) repeat-x left bottom; border: 1px solid #5C463B; cursor: pointer; padding: 2px 6px}
/*	DIVERS	*/
#neteor {
line-height: 140%;
margin-top: 14px	
}
#neteor h2 { }

#neteor img{ vertical-align: middle }
.required {
	color: #CC0000;
	font-weight: bold;
	font-size: 0.9em;
}


/*   CLIENTS   */
#client {
	padding: 0px;
	margin: 0 0.5em 0 0.5em; font-size: 0.8em
}
#client dt{
	font-weight: bold; display: none
}
#client dd {
	margin: 0 0 8px 0; padding: 1px; background: #FFFDE0; border: 1px solid #999900;
}
#client h2{
	padding: 2px 2px 4px 4px;
	margin: 0px;
	background: #5C463B;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF; text-transform: capitalize; font-family: "lucida grande", verdana
	}
#client div{ margin: 4px}
#client ul{
	padding: 0px;
	margin: 0px;
	}
#client li{
	padding: 3px;
	list-style-type: none;
	margin: 0px;
	}

/******	CONTACT	 *************/
.answer { text-align: center}
.formContact table { margin-bottom: 14px}