﻿p, a, span, h1, h2, h3, input{
	font-family: arial;
	font-size: 12px;
	padding-top: 0px;
	margin: 0 0;
}
a{
	color: #d5d5d5;
	text-decoration: none;
	/*outline: none;*/
}
h1{
	color: #ffffff;
	font-size: 21px;
	letter-spacing:1px;
	margin: 0 0;
	width: 100%;
	height: 47px;
	padding-top: 10px;
	padding-left: 17px;
	margin-bottom: -7px;
}
span.title{
	color: #000000;
	font-size: 21px;
}
h2{
	color: #000000;
	font-size: 17px;
	letter-spacing:1px;
	margin: 0 0;
	/*width: 100%;*/
	/*font-weight: normal;*/
	text-align: left;
	padding-top: 8px;
	padding-left: 38px;
}
h3{
	color: #000000;
	font-size: 15px;
	letter-spacing:1px;
	margin: 0 0;
	text-align: left;
	/*width: 100%;*/
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: normal;
	width: 169px;
}
img{
	border: 0px;
}

html, body {
	height: 100%;
	background: #ffffff url(../bkg/bkg.jpg) repeat-x;
	margin:0 0;
	width: 100%;
	border: solid 0px #ffffff;
	padding: 0 0;
}
table{
	border-collapse: collapse;
}
/* --------------------- centrer le site -------------------- */
div#global{
	position: relative;
	/*height: 610px;*/
	width: 824px;
/* 	margin-left: -412px;
	left: 50%; */
	margin-left: auto;
	margin-right: auto;
	border: 0px solid #c4c4c4 ;
}
table#tableGlobal{
	width: 824px;
}
/*------------------------------------------------------------*/
/*------------------------- bordures -------------------------*/
td#left{
	width: 12px;
	border: 0px solid #ffffff ;
	background: transparent url(../bkg/shadow-left.png) repeat-y;
}
td#middle{
	height: 600px;
	width: 800px;
	background-color:#ffffff;
	border: 0px solid #ffffff ;
}
td#right{
	width: 12px;
	border: 0px solid #ffffff ;
	background: transparent url(../bkg/shadow-right.png) repeat-y;
}
div#bottom{
	margin-top: 0px;
	height:1px;
	background: transparent url(../bkg/bottom.jpg) top center no-repeat;
}
/*----------------------------------------------------------*/
/* ------------------------ entete -------------------------*/
div#header{
	border: 0px solid;
	width: 800px;
	height: 130px;
	background-color: #3983ff;
}
/*----------------------------------------------------------*/
/* ----------------------------- foot --------------------- */
div.foot{
	margin-left: 0px;
	width: 824px;
	height: 41px;
	background:transparent url(../bkg/foot.png) 0 0 no-repeat;
 }
table.foot{
	margin-left: 12px;
	width: 800px;
	border-collapse: collapse;
	height: 30px;
}
td.foot{
	text-align: center;
}
p.foot{
	color: #ffffff;
	font-weight: bold;
}
/*----------------------------------------------------------*/
/* ----------------------------- menu --------------------- */
ul.niveau1{
	margin: 0 0;
	padding: 0 0;
	list-style-type:none;
}
div.menu{
	width: 800px;
	height:21px;
	background: transparent url(../bkg/menu-bkg.jpg) 0 0 no-repeat;
	border: 0px solid;
}
table.menu{
	width: 800px;
	height: 21px;
	padding: 0 0;
	margin: 0 0;
	border: 0px solid;
	list-style-type: none;
}
td.menu{
	border: 0px solid;
	vertical-align: middle;
	text-align: center;
}
td.menuD{
	border: 0px solid;
	vertical-align: middle;
}
td.menu:hover{
background: transparent url(../bkg/menu-hover.png) 0px 0px repeat;
}
li{
	border-right: 0px solid #c8c8c8;
}
li.menuActivated:hover{
	/*background: transparent url(../bkg/menu-hover.png) 0px 0px repeat;*/
}
li.menuActivated{

}
a.menu{
	/*height: 10px;*/
	display: block;
	color: #ffffff;
	font-variant: small-caps;
	font-family: "arial";
	font-size: 13px;
	letter-spacing:1px;
	font-weight: bold;
	margin-top: -2px;
	line-height: 22px;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 0px;
}
a.menu:hover{
	color: #ffffff;
	/*background: transparent url(../bkg/menu-hover.png) 0px 0px repeat;*/
}
li.menuActivated:hover ul.niveau2{
	display: block;
}
span#menuDeactivated{
	display: block;
	font-size: 12px;
	color: #c7c7c7;
	margin-top: 0px;
	text-align: center;
}
ul.niveau2{
	position: absolute;
	top: 150px;
	border: 0px solid;
	padding-right: 0px;
	text-align: left;
	display:none;
	list-style-type:none;
}
div.smTop{
	height: 6px;
	margin-left: -41px;
	border: 0px solid;
	background: transparent url(../bkg/smenu-bkg-top.png) 0 0 no-repeat;
}
a.smenu1, a.smenu{
	display: block;
	width: 137px;
	border: solid 0px;
	color: #2f2f2f;
	font-size: 13px;
	padding-left: 5px;
	font-weight: bold;
}
a.smenu{
	background: transparent url(../bkg/smenu-bkg-sep.png) 0 0 no-repeat;
}
li.smenu{
	border: solid 0px;
	margin-left: -40px;
	width: 142px;
	padding-left: 4px;
	background: transparent url(../bkg/smenu-bkg.png) 0 0 repeat-y;
}
li.smenu:hover{
	background: transparent url(../bkg/smenu-bkg-hover.png) 0 0 repeat-y;
}
div.smBottom{
	height: 6px;
	margin-left: -41px;
	border: 0px solid;
	background: transparent url(../bkg/smenu-bkg-bottom.png) 0 0 no-repeat;
}
/*----------------------------------------------------------*/
/* -------------------------- contenu --------------------- */
div#content{
	width: 800px;
	/*height:582px;*/
}
/*----------------------------------------------------------*/
/* --------------------------- contenu -------------------- */
/*------------------- page 1 -------------------*/
div#accueil{
	height:582px;
	width: 100%;
	margin-top: 0px;
	background: transparent url(../bkg/bkg1.jpg) 0 0 no-repeat;
}
table.textAccueil{
	border: 0px solid;
	height: 515px;
	width: 520px;
}
div.cadre{
	background: transparent url(../bkg/cadreAccueil.png) no-repeat;
	width: 204px;
	height: 189px;
	border: 0px solid;
	margin-left:auto;
	margin-right:auto;
	margin-top: 30px;
	padding: 4px 4px;
/*	position: relative;*/
}
div.img{
	width: 204px;
	height: 153px;
}
div.textAccueil{
	width: 204px;
	height: 55px;
	background: transparent url(../bkg/cadreAccueilTextBkg.png) no-repeat;
	position: relative;
	bottom: 19px;
	padding-left: 2px;
	padding-right: 0px;
}
p.textAccueil{
	font-weight: bold;
	color: #ffffff;
	letter-spacing: 1px;
	padding-left: 20px;
	padding-top: 1px; 
	height: 18px;
}
a.textAccueil{
	display: block;
	color: #ebebeb;
	letter-spacing: 0px;
	font-size: 12px;
	margin-left: 2px;
	margin-right: 4px;
	padding-top: 2px;
}
a.textAccueil:hover{
	text-decoration: underline;
}
/*----------------------------------------------*/
/*------------------- pages -------------------*/
div#page{
	max-height:570px;
	min-height:420px;
	width: 766px;
	padding-top: 16px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 12px;
	background: transparent url(../bkg/bkgPage.jpg) 0 0 no-repeat;
}
table.pageContent{
	width: inherit; /* div#page */
	border: 0px solid;
	border-collapse: collapse;
	vertical-align: top;
}
td.pageContent{
	padding: 0 0;
	vertical-align: top;
}
div.pageSepTitle{
	height: 1px;
	margin-left: -17px;
	background: transparent url(../bkg/pageSepTitle.jpg) 0 0 no-repeat;
}
p.textPage, p.textSPage{
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
	text-indent: 23px;
}
p.textSPage{
	padding-left: 38px;
	padding-top: 8px;
}
p.particulier{
	text-indent: 25px;
	text-align: justify;
	width: 215px;
}
div.pageMenu{
	border: 0px solid;
}
table.pageMenu{
	width: inherit; /* div#page */
	border: 0px solid;
	border-collapse: collapse;
	margin-top: 7px;
}
td.pageMenu{
}
div.pageItemMenu{
	border: 1px solid;
	width: 187px;
	height: 32px;
	padding-top: 0px;
	text-align: center;
}
a.pageItemMenu{
	border: 0px solid #000000;
	display: block;
	height:26px;
	width: 187px;
	margin-top: 5px;
	padding-top: 8px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: transparent url(../bkg/pageItemMenu.png) 0 0 no-repeat;
}
a.pageItemMenu:hover{
	background: transparent url(../bkg/pageItemMenuHover.png) 0 0 no-repeat;
}
a#dl, a.dl2{
	color: #000000;
	text-decoration: underline;
	height: 23px;
	display: block;
	padding-left: 30px;
	padding-top: 5px;
	background: transparent url(../bkg/dl.png) 0 0 no-repeat;
}
a.dl2{
	margin-left: 35px;
}
img.illust{
	border: 1px solid #c1c1c1;
}
/*----------------------------------------------*/
/*----------------------------------------------------------*/

#map  div  span{
	position: absolute;
	top: -250px;
	left: -150px;
	font-size: 10px;
	color: white;
}
div#newDiv{
	position: absolute;
	background-color: #171717;
	width:400px;
	border:solid 1px #000000;
	top: 50%;
	left: 50%;
	margin-left: -200px;
	margin-top:-165px;
}
div#newDiv2{
	position: absolute;
	background-color: #171717;
	width:250px;
	border:solid 1px #000000;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top:-75px;
}
a.smLink:hover{
	text-decoration: underline;
}
/*----------------------------------------------*/
/*-------------------- form --------------------*/
table.form{
	border-collapse: collapse;
}
td.form{
	padding: 0 0;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
p.formTitle{
	text-align: right;
	padding-right: 20px;
}
textarea.form{
	width: 199px;
	border: 1px solid #c1c0c0;
	height: 160px;
}
input.form{
	width: 199px;
	border: 1px solid #c1c0c0;
}
input.radio{
	margin-top:0px;
}
input.boutonStyle{
	background-color: #ffffff;
	border: 1px solid #c1c0c0;
	width: 98px;
	font-size: 13px;
	padding: 0px 5px;
}
