@import "reset.css";

body {
	background-color: #FFFFFF;
	font-family: Arial, Sanserif, Verdana;
	font-size: 11px;
}

strong {
	font-weight:bold;
}

ul, ul li {
	margin: 0px;
	padding: 0px;
}

ol, ol li {
	margin: 0px;
	padding: 0px;
	list-style-type:decimal;
}

legend {
	font-weight: bold;
}	

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

h3 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline;
}

a, a:active, a:visited  {
	color: #2F94D8;
	text-decoration: none;
}

a:hover {
	color:#FFA500;
	text-decoration: underline;
}

#page {
	/*height:100%;*/
	width:100%;
}

#contenu {
	width: 1000px;
	height: 690px;
	margin:auto;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #9A9A9A;
	border-bottom: 0;
}

#menu-haut {
	width: 1000px;
	height: 35px;
	background-color: #5a5b5d;
}

.menuhaut {
	padding-top: 1px;
	text-align:center;
}

.menuhaut li{
	display: inline;
	font-size: 13px;
	font-weight: bold;
	/*margin-left: 20px;
	margin-right: 20px;*/
}

.menuhaut li a {
	color: #FFFFFF;
}

.menuhaut li a:hover {
	color: #A4D1EF;
}

table td {
	padding-bottom: 5px;
}

#menu-gauche {
	float: left;
	font-size:10px;
	width: 200px;
	margin-right: 8px;
	height: 637px;
	background-color: #FFFFFF;
	background-image: url(../../images/fond-menu-gauche.jpg);
	background-repeat: repeat-y;
}

#menu-gauche a { color:#fff; }

.nounderline a:hover {
	text-decoration: none;
}

a.titremenu {
	font-weight: bold;
	font-size: 1.1em;
	display: block;
	padding-left: 3px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top:5px;
}

a.titremenu:hover {
	background-color: #CCCCCC;
}

.map {
	width:500px;
	height:400px;
	margin:auto;
	border:2px dashed #FFA500;
	background-color:black;
}

.menu {
	margin: 0px;
}

.menu li {
	list-style: none;
	background-color: #78797b;
	padding: 2px 0 0 15px;
}

.menu li a{
	display:block;
	width:100%;
}

.menu li a:hover{
	text-decoration:none;
	background-color: #3C9DE4;
	color:#fff;
}

.sousmenu li {
	list-style: circle inside;
	background-color: #78797b;
	padding-left:30px;
}

.sousmenu {
	margin: 0px;
}

#englobe {
	/*height: 647px;*/
	width: 610px;
	float : left;
}

#titre {
	height: 100px;
	width: 625px;
	text-align: justify;
	border:#454547 2px solid;
	border:#454547 2px solid;
}

#titre a {
	font-size:26px;
	margin-left: 10px;
	margin-top: 10px;
	width: 380px;
	line-height: 1.1em;
	text-align: left;
	float: left;
	color: #006137;
	font-weight: bolder;
	margin-left: 30px;
}

#titre a.bandeau {
	font-size:10px;
	margin-left: 0;
	margin-top: 0;
	line-height: 1.1em;
	text-align: center;
	float: none;
	margin-left: 0;
	display:block;
	width:625px;
	height:100px;
}

#titre a img {
}

#titre .green { background:#006B3C; }
#titre .red { background:#991E22; }
#titre .yellow { background:#D28800; }

/*#titre img {
	float: right;
}*/

#content {
	height: 515px;
	width: 610px;
	overflow: auto;
	position: relative;
	padding: 8px;
	padding-bottom: 2px;
	/*padding-top:8px;*/
	color: #000000;
	font-family: Arial, Sanserif, Verdana;
	line-height: 1.4em;
	font-size: 12px;
	text-align: left;
	border-left: 2px solid #454547;
	border-right: 2px solid #FFFFFF;
}


#content ul {
	margin: 3px;
	margin-left:22px;
}	

#content li {
	/*list-style-image: url(../../images/puce.gif);*/
	list-style:square;
	margin-bottom: 5px;
	margin-top: 5px;
}
#content .displayer li{
	list-style:none;
}

#content li li{
	list-style:disc;
}

#content li .displayer li{
	list-style:none;
}

#content li ul li{ list-style-image:none; }

#content img {
	vertical-align: middle;
}

/******************************************/

#rightbar {
	float: right;
	width:150px;
	margin-right: 5px;
}

#rightbar .lang {
	margin-top: 10px;
	width: 150px;
	text-align:center;
}

#rightbar .flashinfo {
	margin-top: 10px;
	height: 300px;
	width: 150px;
	border: 1px solid #8b8c8e;
	background-color: #e3e4e5;
	color: #5f5f61;
	font-size: 10px;
}

#rightbar .good-points {
	overflow:auto;
	width: 140px;
	padding: 5px 5px 5px 5px;
	margin-top: 10px;
	border: 1px solid #8b8c8e;
	background-color: #e3e4e5;
	color:white;
}

#rightbar .good-points h1{
	text-align:center;
	font-size:14px;
	background-color:#5A5B5D;
	height:20px;
	font-weight:bold;
	color:white;
	padding-top:10px;
	margin-bottom:5px;
}

#rightbar .good-points ul li {
	padding-left:10px;
	margin:5px 0 5px 0;
}

#rightbar .good-points ul li a{
	color: #2F94D8;
	font-size: 10px;
	font-weight:bold;
}

#rightbar .good-points ul li a:hover{ color: #FFA500; }

/******************************************/

#flashinfo {
	float: right;
	margin-top: 50px;
	margin-right: 5px;
	height: 300px;
	width: 150px;
	border: 1px solid #8b8c8e;
	background-color: #e3e4e5;
	color: #5f5f61;
	font-size: 10px;
}

#contenu-flashinfo {
	padding:7px;
	height:220px;
	overflow:auto;
	position:relative;
	padding-left:15px;
	text-align:left;
}

#contenu-flashinfo ul li a{
	color: #2F94D8;
	font-size: 10px;
	font-weight:bold;
}

#contenu-flashinfo ul li a:hover{ color: #FFA500; }

#good-points {
	/*float:right;*/
	overflow:auto;
	width: 140px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #8b8c8e;
	background-color: #e3e4e5;
	color:white;
}

#good-points h1{
	text-align:center;
	font-size:14px;
	background-color:#5A5B5D;
	height:20px;
	font-weight:bold;
	color:white;
	padding-top:10px;
	margin-bottom:5px;
}

#good-points ul li {
	padding-left:10px;
	margin:5px 0 5px 0;
}

#good-points ul li a{
	color: #2F94D8;
	font-size: 10px;
	font-weight:bold;
}

#good-points ul li a:hover{ color: #FFA500; }

.gras {
	font-weight: bold;
}

.souligne {
	text-decoration: underline;
}

.italique  {
	font-style: italic;
}

.li-index {
	display: inline;
	color: #005d2f;
	font-weight: bold;
	margin-right: 10px;
}

.date {
	font-weight:bold;
	margin-left: 5px;
	font-size: 11px;
}

.a_date { text-align:left; display:block; width:100%; }
.a_date:hover { background-color:#3E90C8; color:white; text-decoration:none; }

.vert, .vert a, .vert a:visited  {
	color: #005D2F;
}

.rouge, .rouge a, .rouge a:visited  {
	color: #960610;
}

.bleu, .bleu a, .bleu a:visited {
	color: #000080;
}

.centre {
	text-align: center;
}

.tableau-bord, .tableau-bord td, .tableau-bord th  {
	border-collapse: collapse;
	padding: 3px;
	cursor:default;
	
}
.tableau-bord tr {  background:#fff; color:#312f27; }
.tableau-bord tr:hover { background:#f9ddb0; color:#000; }

.tableau-bord th { background:#d05631; color:#fff; }
.tableau-bord td { text-align:left; vertical-align:middle; font-weight:bold; }
.tableau-bord .right-text { text-align:right; }
.tableau-bord .right-text img { max-width:130px; }

.tableau-grite {
	border:1px solid #000000;
	border-collapse: collapse;
	text-align:left;
}

.tableau-grite th {
	background-color:#ffff99;
	border: 1px solid #000000;
}

.tableau-grite td {
	border: 1px solid #000000;
	vertical-align: middle;
	padding: 2px
}

.td-fiche {
	width:110px;
	color:#000080;
	font-size:14px;
	font-weight:bold;
}


/************************************/
/************************************/

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../images/bubble.png) bottom right;
}

/************************************/
/************************************/
/************************************/

.cadre { margin:50px 0 0 0; }
.cadre-accueil { text-align:center; margin:10px auto 10px auto; }
.cadre-accueil a { color:#5FBF7E; }
.cadre-accueil a:hover { color:#EFA34A; }

.cadre-accueil .gauche {
	width:400px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	vertical-align:bottom;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.cadre-accueil a span {
	display:none;
}

.cadre-accueil .gauche a { display:block; width:100%; color:inherit; }
.cadre-accueil .gauche a:hover { text-decoration:none; color:#FFD0BF; }

.brown { background-color: #960610; color:white; }
.red { background-color: #ED3302; color:white; }
.blue { background-color: #003276; color:white; }
.white { background-color:white; color:black; }

.cadre-accueil .droite {
	width:140px;
	font-size:10px;
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.cadre-accueil .droite p { margin:2px 2px 2px 2px; }

.cadre-accueil .bas { font-weight:bold; font-style:italic; vertical-align:top; }


/************************************/
/************************************/
/************************************/

#slider { overflow:hidden; height:200px; border:1px solid #CFE5FF; }
#slider .content { display:block; height:200px; }
#slider .content .left { padding-top:60px; text-align:center; font-weight:bold; font-size:16px; }

#slider .content  .center { text-align:center; margin-top:20px; color:white; background:black; font-weight:bold; font-style:italic; border-top:1px solid #CFE5FF; border-bottom:1px solid #CFE5FF; }

#slider .content .right{ color:black; margin-top:90px; background:white; }
#slider .content .right .contenu{  margin:auto; width:200px; height:70px; font-size:10px;	font-weight:bold; }
#slider .content .right .contenu p{ margin:0 2px 0 2px; text-align:center;}
#slider .content .right .contenu a{ color: green; }

.reset { clear:both; }
.center { text-align:center; margin-left:auto; margin-right:auto; }
li.disc { list-style:disc; }

.note .slideIt {
	display:inline;
	border:none;
	padding:0 0 0 0;
	background: none;
}

.note .slideIt:hover {
	background: none;
}

.note .slidable {
	background-color:#FFEFCF;
	padding:5px 5px 5px 5px;
}

.slideIt {
	display:block;
	border:1px #CFCFCF solid;
	padding:2px 5px 2px 5px;
	cursor:pointer;
	background-image:url(../../images/bas.gif);
	background-position:right center;
	background-repeat: no-repeat;
}

.slideIt:hover { background-color:#EAEAEA; }

.underblock {
	display:block;
	border:#808080 1px solid;
	border-top:none;
	text-align:center;
	background:#fff; 
	color:#1D1D1F;
	font-weight:bold;
	padding:2px 2px 2px 2px;
}

.underblock:hover {
	text-decoration:none;
	background:#1D1D1F;
	color:white;
}

.footer {
	text-align:center;
	background:url(../../images/ombre-bas.jpg) repeat-x bottom center;
	height:30px;
	width:1000px;
	margin:auto;
	border-left: 1px solid #9A9A9A;
	border-right: 1px solid #9A9A9A;
}

.footer a{
	color:#fff;
}

.bold { font-weight:bold; }
.italic { font-style:italic; }