@font-face {
	font-family: 'one47';
	src: url('../fonts/one47.eot');
	src: local('one47'), local('one47'), url('../fonts/one47.woff') format('woff'), url('../fonts/golong.ttf') format('truetype');

}

body {
	margin: 0;
	padding:0;
	text-align: center;
	background: #89cce6;
	padding-bottom: 50px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 20px;
	color: #4e4e4e;
}

img {
	border: 0px;
}

H1,H2,H3,H4{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	margin: 0;
	padding:0;
	margin-top:    10px;
	margin-bottom: 10px;
	color: #4d6c86;
}

H2{
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica;
	font-size: 13px;
	color: #7290B3;
	margin-top: 0px;
	color: #4d6c86;
}
H3{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #5f6c86;
}
H4{
	font-size: 12px;
	font-weight: bold;
	font-weight: normal;
	color: Black;
	margin-bottom: 0;
	color: #4d6c86;
}

img {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	border: 0px;
}
img.cadre {
	border: 5px solid #d5d5d5;	
}
p.indicatif img {
	border: 5px solid #d5d5d5;	
}

#cadreAccueil {
	width: 1000px; 
	margin : auto; 
	background: url("../../images/cadreDegradeGrand.gif") repeat-y;
}

#cadreAccueilCentre {
	width: 970px;
	margin : auto;
	background: #FFFFFF;
	text-align: left;
}

#banniere {
	background: #88a7ba;
	border-bottom: 5px #4d6c86 solid;
	text-align: left;
	height: 80px;
	padding: 0px;
	color: #FFFFFF;
}

#banniere h1 {
	color: #FFFFFF;	
}

#banniere .gauche {
	width: 40%;
	padding-top: 5px;
	padding-left: 20px;
	float: left;
}
#banniere .droite {
	width: 50%;
	float: right;
	text-align: right;
	padding-right: 20px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
}

#banniere a {
	text-decoration: none;
	color: #ffffff;	
}

#banniere a:hover {
	text-decoration: underline;
}

#cadreAccueilCentre .contenu {
	padding-bottom: 20px;
	background: #FFFFFF;
	overflow: auto;
}

#cadreAccueilCentre .contenu .contenuGauche {
	width: 189px;
	height: 100%;
	border-right: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	float: left;
	padding-top: 15px;
	padding-bottom: 10px;
	background: #eeeeee;
}

#cadreAccueilCentre .contenu .contenuDroit {
	width: 750px;
	float: right;
	padding-top: 20px;
	padding-bottom: 50px;
}

#cadreAccueilCentre div.telephone {
	width: 85%;
	height: 100%;
	border-top: 1px solid #bcbcbc;
	border-left: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	float: right;
	padding: 5px;
	background: #eeeeee;
	margin-top: 20px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}

#cadreAccueilCentre div.telephone ul {
	margin: 0px;
	padding-left: 10px;
}

#cadreAccueilCentre div.telephone li {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}

#cadreAccueilCentre .contenu a {
	color: #0d174c;
	text-decoration: none;	
}

#cadreAccueilCentre .contenu a:hover {
	text-decoration: underline;	
}

#contenuBas {
	padding: 20px;
	padding-left: 10px;
	background: #555555;
	color: #FFFFFF;
	text-align: left;
	line-height: 22px;
	overflow: auto;
}

#contenuBas a {
	color: #FFFFFF;
	text-decoration: none;
}

#contenuBas a:hover {
	text-decoration: underline;
}

#contenuBas div {
	float: left;
	border-right: 1px solid #a9a9a9;
	padding-left: 15px;
	padding-right: 20px;
}

#contenuBas h3 {
	margin-top: 0px;
	padding-top: 0px;
	color: #cdcccc;
}

#contenuBas ul {
	margin: 0px;
	padding-left: 0px;
}

#contenuBas li {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style: none;
	margin-bottom: 2px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}



/* -------------------- cadrage general ----------------------------*/

.formga {
	position:relative; float:left; text-align:left;
}

.formdr {
	position:relative; float:right; text-align:left;
}

/* -------------------- menu ----------------------------*/

.contenuGauche ul {
	margin: 0px;
	margin-top: 20px;
	padding-left: 15px;
}

.contenuGauche li {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	list-style: none;
	margin-bottom: 30px;
}
.contenuGauche li ul {
	margin-top: 10px;
	padding-left: 10px;
}
.contenuGauche li li {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #9A9A9A;
	margin-bottom: 0px;
}

.contenuGauche li li a {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	color: #9A9A9A;
	text-decoration: none;
}

.contenuGauche li li a:hover {
	color: #9A9A9A;
	text-decoration: underline;
}

table {
	border: 0px;
	border-top: 1px solid #d7d8d8;
	border-left: 1px solid #d7d8d8;
	background-color: #FFFFFF;
	margin-top: 20px;
}

table th {
	background: #e1e4e4;
	text-align: left;
	height: 20px;
	border-right: 1px solid #d7d8d8;
	border-bottom: 1px solid #d7d8d8;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	background-repeat: repeat-x;
	font-size: 13px;
	font-family: Arial;
	color: #616160;
}

table td {
	font: 11px Courier New, Courier, mono;
	text-align: left;
	height: 25px;
	border-right: 1px solid #d7d8d8;
	border-bottom: 1px solid #d7d8d8;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 15px;
	background-color: #FFFFFF;
	color: #313030;
	cursor: hand;
	font-size: 13px;
	
}

table td.centre {
	text-align: center;
}

table a {
	text-decoration: none;
	color: #313030;
}