@charset "UTF-8";
/* CSS Document */

/**********************************/
/***********Tags généraux**********/
/**********************************/
a:link, a:visited {
	text-decoration: none;
	color: #777d83;
	font-weight: bold;
}
a:hover, a:active {
	text-decoration: none;
	color: #f1cb00;
	font-weight: bold;
}
body {
	margin: 0;
	padding: 0;
	text-align: center;
	scrollbar-face-color:#dde3e3;
	scrollbar-arrow-color:#fff;
	scrollbar-track-color: #dde3e3;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	background-color: #dde3e3;
}
form {
	margin: 0;
	padding: 0;
}
h1 {
	position: absolute;
	width: 1px;
	height: 1px;
	top: -9999px;
	left: 0;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	color: #000;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 10px;
	font-weight: normal;	
	line-height: 16px;
	color: #777d83;
	margin: 0;
	padding: 0;
}
hr {
	margin: 7px 0 7px 0;
	border-top: 1px dotted #aaa;
}
img {
	border: 0px none #000;
}

p, div, h1, h2, h3, h4, h5, h6, td, li, input, select, textarea, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
li {
	font-size: 12px;
	line-height: 17px;
	color: #000;
	margin: 10px 0 0 0;
	padding: 0;
}
p {
	font-size: 10px;
	line-height: 15px;
	color: #000;
	margin: 5px 0 5px 0;
	padding: 0;
}
ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: none;
}

/**********************************/
/***********Conteneurs*************/
/**********************************/
#bandeauHaut {
	width: 770px;
	height: 75px;
	margin: 0;
	padding: 0;
	text-align: left;	
	background: #777d83;
}
#contactDroite {
	position: absolute;
	top: 80px;
	left: 275px;
	width: 460px;
	height: 300px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent url(../images/commun/fond_contact.gif) top left no-repeat;	
}
#contactGauche {
	position: absolute;
	top: 80px;
	left: 34px;	
	width: 120px;
	margin: 0;
	padding: 0;
}
#contactNumTel {
	position: absolute;
	top: 380px;
	left: 290px;
	width: 180px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#contenu {
	width: 770px;	
	margin: 0;
	padding: 0;
	text-align: left;
}
#contenuVisuelAccueil {
	position: absolute;
	top: 0;
	left: 0;
	width: 770px;	
	margin: 0;
	padding: 0;
	text-align: left;
	z-index: 1;
}
#global {
	width: 770px;
	height: 428px;
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: #ebf1f1;
}
#mentionsLegales {
	position: relative;
	width: 770px;
	height: 16px;
	font-size: 9px;
	line-height: 12px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}
#newsContenu {
	width: 575px;
	height: 265px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	overflow: auto;
	scrollbar-face-color:#fff;
	scrollbar-arrow-color:#aaa;
	scrollbar-track-color: #fff;
	scrollbar-3dlight-color: #eee;
	scrollbar-darkshadow-color: #eee;
	}
	#newsContenu table {
		width: 555px;
	}
	/*.newsDate {
		font-size: 11px;
		line-height: 16px;
		color: #000;
		margin: 0;
		padding: 5px 0 5px 0;
	}
	.newsTitre {
		font-size: 11px;
		line-height: 16px;
		font-weight: bold;
		color: #000;
		margin: 0;
		padding: 0;
	}*/
	#newsContenu table p.newsTxt {
		font-size: 12px;
		line-height: 16px;
		color: #000;
		margin: 0;
		padding: 0;
	}
	#newsContenu table div {
		font-size: 12px;
		line-height: 16px;
		color: #000;
		margin: 0;
		padding: 0;
	}
#linkContenu {
	width: 555px;
	background-color: #fff;
}
#newsDroite {
	position: absolute;
	top: 80px;
	left: 155px;
	width: 575px;
	margin: 0;
	padding: 0;
	text-align: left;	
}
#newsGauche {
	position: absolute;
	top: 135px;
	left: 15px;	
	width: 120px;
	margin: 0;
	padding: 0;
}
#newsMaj {
	position: absolute;
	top: 40px;
	left: 250px;
	font-size: 9px;
	line-height: 16px;
	color: #777;
	margin: 0;
	padding: 0;
}
#newsZoom {
	position: relative;
	left: 0;
	top: 0;
	width: 770px;
	height: 320px;
	margin: 15px 0 0 0;
	padding: 0;
	text-align: center;
	overflow: auto;
}


/**********************************/
/***********Classes****************/
/**********************************/
a.lien1:link, a.lien1:visited {
	font-size: 10px;
}
a.lien1:hover, a.lien1:active {
	font-size: 10px;
}
a.lien2:link, a.lien2:visited {
	font-weight: normal;
}
a.lien2:hover, a.lien2:active {
	font-weight: normal;
}
.asterisque {
	font-size: 16px;
	font-weight: bold;
	color: #f00;
}
.btn1 {
	font-size: 16px;
	font-weight: bold;
	color: #777d83;
	background-color: transparent;
	margin: 40px 0 0 360px;
	padding: 0;
	border: 1px solid #eee;
}
.btn2 {
	font-size: 14px;
	font-weight: bold;
	color: #777d83;
	background-color: transparent;
	margin: 60px 0 0 150px;
	padding: 0;
	border: 1px solid #eee;
}
.center {
	text-align: center;
}
.champ {
	font-size: 10px;
	width: 230px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	margin: 0 0 5px 0;
	padding: 2px;
}
.hidden {
	overflow: hidden;
}

.txtAlignCenter {
	text-align: center;
}
.txtAlignLeft {
	text-align: left;
}
.txtNote1 {
	font-size: 9px;
	color: #777;
}
.txtOkErrAlert {
	margin: 140px 0 0 100px;
	padding: 0;	
	font-size: 11px;
	line-height: 15px;
	line-height: 26px;
	color: #d973a5;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}
.verticalAlignTop {
	vertical-align: top;
}
.zoneTxt1 {
	font-size: 10px;
	width: 230px;
	height: 25px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 2px;
	scrollbar-face-color:#fff;
	scrollbar-arrow-color:#aaa;
	scrollbar-track-color: #fff;
	scrollbar-3dlight-color: #eee;
	scrollbar-darkshadow-color: #eee;
}
.zoneTxt2 {
	font-size: 10px;
	width: 230px;
	height: 150px;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	border: 1px solid #eaeaea;
	margin: 110px 0 0 190px;
	padding: 2px;
	scrollbar-face-color:#fff;
	scrollbar-arrow-color:#aaa;
	scrollbar-track-color: #fff;
	scrollbar-3dlight-color: #eee;
	scrollbar-darkshadow-color: #eee;
}