html,body,div,dl,dt,dd,ul,ol,li,pre,form,input,p,blockquote,th,td{margin:0;padding:0;}
img,body,html,table {border:0;}
/*ul,ol ,li*/ { list-style-type: none }
address,caption,cite,code,dfn,em,strong,th,var{ }

body,td {font-family: "Lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; }
body {
	color: #272727;
	text-align: center;
	background: #F3E9B8;
}
/*******************************************************/
/****************   BLOC PRINCIPAUX    *****************/
/*******************************************************/
#tout {
	width: 900px;
	margin: 0px auto 10px auto;
	text-align: left;
}
#header {
	background: #FFF url(images/bgHeader.jpg) no-repeat;
	height: 230px
}
#header h1{
	padding: 0; margin: 0 100px 0 0;
	color: #FFF;
	font-weight: normal;
	height: 210px
	}

#header h1 a { display: block; height: 100%; background: url(images/logo.gif) no-repeat 120px bottom}
#header p.slogan { padding: 0; margin: 0 0 0 120px}
#centre {
	background: #FFF url(images/bgCentre.gif) repeat-y;
}
#left {
	width: 180px;
	float: left; 
	padding-top: 24px
}
#left h2 {
}

#right {
	width:170px !important;
	width: 168px;
	float: left;
	padding-top: 24px
}


#mainHead {
	background: #F5F5F5;
	padding-top: 14px;
	border: 1px solid #FFF;
	text-align: right;
	color:#E3E3E3;
	text-transform: uppercase;
	font-size: 32px;
	padding-right: 4px;
}

#main, #mainFull {
	/*padding-top: 10px;
	margin-bottom: 20px;
	float:left;*/
}

#main {
	width: 550px;
	float: left;
	background: #FFF url(images/bgMain.png) repeat-x;
}
#content { width: 510px; margin: 34px 0px 0 20px ;
	
}

#mainFull {
	width: 620px; border-bottom: 4px solid pink}
#mainNoRight {
	width: 620px;
	margin-left: 14px;
	padding-top: 10px;
	margin-bottom: 20px; float:left
}

#up {
	clear: both;
	padding: 0px 8px 2px 8px;
	text-align: right;
	height: 30px;
	margin-right: 180px;
}
#up img{
	vertical-align: middle
	}
#footer { text-align:center; padding: 8px;
}

/*******************************************************************/
/******************    BALISES GENERALES     **********************/
/*******************************************************************/
h1,h2,h3,h4,h5,h6 {
	padding: 2px; margin: 0 0 8px 0; font-family: Georgia, "Times New Roman", Times, serif; color: #5C463B }

h2 {
	font-size: 28px;
	font-weight: normal;
	margin-bottom: 22px;
	background: url(images/puceH2.gif) no-repeat left center; padding: 2px 2px 2px 22px
}
h3 { font-size: 16px}
h4 { font-size: 14px}
h5 { font-size: 12px}
h6 { font-size: 11px}
p {
	padding: 2px;
	margin-bottom: 6px;
	line-height: 130%;
}
a {
	color: #FF5F23; text-decoration: none
}
a:hover {
	color: #5C463B; text-decoration: underline
}
ul{ margin: 4px 4px 10px 30px; padding: 4px 4px 4px 20px
	}
li { padding: 2px}
table {
	border-collapse: collapse;
}
tr {}
th {
	padding: 4px;
	text-align: right;
	font-size: 11px;
	border: 1px solid #FFF;
	font-weight: normal;
	text-align: right;
	width: 150px;
}
td {
	padding: 3px;
	border: 1px solid #FFF;
}
caption {
	text-align: left;
	padding: 3px;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}

fieldset { border: 1px solid #CCC; padding: 10px}
legend { font-weight: bold; font-size: 12px; padding: 4px}


/*******************************************************************/
/******************        NAVIGATION         **********************/
/*******************************************************************/
#drapeaux {
	width: 100px; padding: 4px; text-align: center; float: right;
}
#drapeaux img{ margin-left:10px; border: 1px solid #FFF
	}
	
/*************   NAV2   *****************/
#nav1 {
	background: #FFF url(images/bgNav1.gif) repeat-x left bottom ;  }
	
#nav1 table{ width: 100%; margin-bottom: 3px;
	background: #FFF url(images/bgNav1.gif) repeat-x top left; border-collapse: collapse
}
#nav1 td{ font-size: 10px;
	text-align: center;padding: 8px 6px; vertical-align: middle; border-left: 1px solid #CCCC00; border-right: 1px solid #CCCC00}
#nav1 td a{ display: block; font-size: 1em
}
#nav1 a:hover{
}
#nav1 td#currentPage { }
#nav1 td#currentPage a { font-weight: bold}

/************ NAV2************/
/* Niveau 1 */
#nav2 {
	margin: 0px 3px 0px 3px;
	padding: 0px 1px 1px 1px;
	background: #FFF /*url(images/bgNav2.gif) no-repeat*/;
}
#nav2 li{
	margin: 0px 0px 0px 0px;
	padding: 1px 0 0 0; font-size: 1em;
	list-style-type: none; height: 100%; background: #FFF; border-bottom: 1px dotted #D0C7B9	
}
#nav2 a, #nav2 span{
	display: block; 
	padding: 0.8em 0.5em 0.8em 1.2em; height: 100%;
}
#nav2 a:hover{ background-color: #F9F9C1;
	}
#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; }
#nav2 li.lvl1 ul { border: none; width: auto; padding: 0; margin: 0}
#nav2 li.lvl1 ul li { padding: 0  }
#nav2 li.lvl1 ul li a { padding-bottom:4px; padding-top: 4px; padding-left: 24px; background: url(images/puceNav2LiLvl1.gif) no-repeat 14px center; }
#nav2 li.lvl1 ul li a:hover { }
#nav2 li.on1 { }
#nav2 li.lvl1 .on1 a{ font-weight: bold; color: #5C463B; background-color: #F9F9C1; }

/*********************	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 }


/*	ALBUM PHOTO*/
#album { }
#album h3 {
	background: url(images/pictures.gif) no-repeat left center;
	padding: 6px 6px 6px 30px;
	margin: 0px 0px 3px 0px;
	font-size: 12px;
}
#datacontainer {
	margin: 0px 0px 10px 0px; background: #FFF url(images/bgAlbum.png) repeat-x; border: 1px solid #C8C8C8 }
	
#album ul {padding: 6px 10px; margin: 0px; 
	}
#album li {
	width: 100px; height: 100px; float:left; padding: 0px; margin:0px 8px 8px 0px; background: #FFF; list-style-type: none
		}
#album div.botAlbum { clear: both; height: 2px; font-size: 1%}
#album a {
	width: 100px;
	height: 101px;
	display: block;
	border: 1px solid #E2E2E2;
}
#album a:hover {
	border: 1px solid #ff5f23;
   }

/*********************	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 4px; font-size: 10px
}
#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}