/* CSS Document */

body {background-color: #ccc;	font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;	color: #666;	margin: 15px;	text-align: center; /* For IE */}
TD{	font: normal 10px/16px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;	color: #666;	text-align: left;	vertical-align: top;}

H1{	text-transform: uppercase;	margin: 0px;	padding: 0px;	font-size: x-large;}

H3{	text-transform: uppercase;	color: #FFFFFF;	background-color: #666;	margin-top: 50px;	text-align: left;	padding-left: 4px;	font-size: 10px;}
H3.first{margin-top: 25px;}


img.gauche,img.droite{border: 1px solid #000000;margin-top: 0px;margin-bottom: 5px;}
img.gauche{	margin-right: 10px;	margin-left: 0px;}
img.droite{	margin-left: 10px;	margin-right: 0px;}
img.centre{	margin: 10px;}


a{	text-decoration: none;}

p {	margin: 0 0 5px 0;	line-height: 20px;}

/* tableaux  de mise en page*/
.tabHeader,.tabFooter,.tabCentral,.tabMenu{	margin-right: auto;	margin-left: auto;	width: 730px;	border-right-width: 15px;	border-right-style: solid;	border-left-width: 15px;	border-right-color: #FFFFFF;	border-left-style: solid;	border-left-color: #FFFFFF;	background-color: #FFFFFF;}

/* header  */
.tabHeader{	border-top-width: 15px;	border-bottom-width: 15px;	border-top-style: solid;	border-bottom-style: solid;	border-top-color: #FFFFFF;		border-bottom-color: #FFFFFF;	background-image: url(../images/interface/entete2.jpg);	background-repeat: no-repeat;	background-position: left top;	height: 250px;}

/* central */
TD.sousMenu{	padding: 1.5em;	text-align: center;	vertical-align: top;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #999999;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #999999;}

div.swf{	height: 72px;	width: 72px;	margin-top: 0px;	margin-right: 10px;	margin-bottom: 5px;	margin-left: 0px;	border: 1px solid #000000;	float: left;}

/* colonnes de la home */

TD.col1,TD.col2,TD.col3{	font-size:12px;	text-align: left;	vertical-align: top;}
TD.col1,TD.col2{width: 243px;padding: 0px 40px 15px 0px;}
TD.col3{width: 242px;padding: 0px 0px 15px;}

TD.col1 a:link,TD.col2 a:link,TD.col3 a:link{	color: #666;}
TD.col1 a:hover,TD.col2 a:hover,TD.col3 a:hover{	color: #000;	text-decoration: underline;}
TD.col1 a:visited,TD.col2 a:visited,TD.col3 a:visited{	color: #666;}



/* menu */
.tabMenu TD{	padding-left: 100px;	padding-bottom: 15px;}

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}

#menu {	position: relative;	top: 0px;	left: 0px;	text-align: left;	vertical-align: top;}

#menu dt {	cursor: pointer;	text-align: left;}

#menu dd {	position: absolute;	z-index: 100;	left: 90px;	width: 7em;}

#menu ul {	padding-top: 1.4px;	margin: 0px;}
#menu li,.carte li{	padding-right: 0px;	padding-left: 0px;	padding-bottom: 2px;	margin: 0px;	padding-top: 2px;	text-align: left;	font-size: 10px;	text-align: left;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;*/
}
#menu li a, #menu dt a, .carte li a {color: #000;text-decoration: none;display: block;}

#menu li a:hover ,.carte li a:hover{color: #fff;	text-decoration: none;	background-color: #000;}

#menu1,#menu2,#menu3 {	position: relative;	width: 96px;	z-index: 500;	height:102px;	float: left;	}

#menu1 {top:0px;left: 0px;}
#menu2 {top:0px;left: 100px;}
#menu3 {top:0px;left: 200px;}

/* footer */
.tabFooter{	border-bottom-width: 15px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF;	}
.tabFooter TD{	color: #000;	padding: 15px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #999;	text-align: center;}

.tabFooter TD a{text-decoration: none;}
.tabFooter TD a:link{	color: #000;}
.tabFooter TD a:hover{	color: #000;text-decoration: underline;}
.tabFooter TD a:visited{	color: #000;}

