/* ---------------------------------- LAYOUT ----------- */
html {
	text-align : center;
	height: 100%;
}
body {
	height: 100%;
	text-align:left;
	background-color: #8a8687;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 770px;
	min-height: 100%;
	height: auto;
	background-color: #FFF;
	background-image: url(images/centre_bckg.gif);
	background-repeat: repeat-y;
}
/* Hack for IE, Reset to 100% height */
	* html #Content {
		height: 100%;
	}
/* End IE Hack */
.clear {clear:both;}
/* ---------------------------------- HEADER ----------- */
#header {
	width: 742px;
	height: 146px;
	margin-left: 14px;
	background-color: #FFF;
}
#header #branding {
	width: 192px;
	height: 146px;
	float: left;
	background-image: url(images/logo_ekitas.gif);
	background-repeat: no-repeat;
}
#header #branding h1 {
	text-indent: -9999px;
}
#header #haut {
	float: left;
	margin-left: 14px;
}
#header #slogan {
	background-image: url(images/slogan.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 320px;
	float: left;
	background-position: -10px 0px;
}
#header #slogan h2 {
	text-indent: -9999px;
}
/* ---------------------------------- mini menu ----------- */
#header #minimenu {
	width: 123px;
	height: 94px;
	float: right;
}
#sm {
	width: 105px;
	list-style-type: none;
	height: 95px;
}

#sm li {
dislpay: inline;
margin-bottom: 0;
float:left; 
} 

#sm li a {
	display: block;
	background: url(images/minimenu_encoreplusgros.gif);
	text-indent: -9999px;
	width: 105px;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}
#sm li#sm_accueil a {
	height: 27px;
	background-position: 0 0;
	top: 0px;
}
#sm li#sm_english a {
	height: 10px;
	background-position: 0 -24px;
	top: 24px;
}
#sm li#sm_suivre a {
	height: 10px;
	background-position: 0 -35px;
	top: 35px;
}

/* hover sm  */
#sm li#sm_accueil a:hover {
  background-position: 0 -95px;
}
#sm li#sm_english a:hover {
  background-position: 0 -119px;
}
#sm li#sm_suivre a:hover {
  background-position: 0 -130px;
}
/* choisi sm  */
#body_accueil #sm li#sm_accueil a {
  background-position: 0 -95px;
}
/* ---------------------------------- MENU----------- */
#menu {
	height: 40px;
	width: 536px;
	background-color: #00adf0;
	float:left;
}
ul#nav {
	width: 536px;
	height: 40px;
	position: relative;
}
ul#nav li {
  float: left;
  list-style: none;
  display: inline; /* Prevents "stepdown" */
}
ul#nav li a {
	position: absolute;
	display: block;
	height: 40px;
	text-indent: -9999px;
	font-size: 1%;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	width: 536px;
}
ul#nav li#nav_domaine a {
  left: 0;
  width: 120px;
  background-position: 0 0;
}
ul#nav li#nav_facon a {	
  left: 120px;
  width: 80px;
  background-position: -120px 0;
}
ul#nav li#nav_equipe a {
  left: 200px;
  width: 40px;
  background-position: -200px 0;
}
ul#nav li#nav_engagement a {
  left: 240px;
  width: 69px;
  background-position: -240px 0;
}
ul#nav li#nav_evenements a {
  left: 309px;
  width: 66px;
  background-position: -309px 0;
}
ul#nav li#nav_nouvelles a {	
  left: 375px;
  width: 58px;
  background-position: -375px 0;
}
ul#nav li#nav_contact a {
  left: 430px;
  width: 55px;
  background-position: -430px 0;
}
ul#nav li#nav_opinion a {
  left: 485px;
  width: 52px;
  background-position: -485px 0;
}

/* -------- hover menu 1 ----------- */
ul#nav li#nav_domaine a:hover {
  background-position: 0px -39px;
}
ul#nav li#nav_facon a:hover {
  background-position: -120px -39px;
}
ul#nav li#nav_equipe a:hover {
  background-position: -200px -39px;
}
ul#nav li#nav_engagement a:hover {
  background-position: -240px -39px;
}
ul#nav li#nav_evenements a:hover {
  background-position: -309px -39px;
}
ul#nav li#nav_nouvelles a:hover {
  background-position: -375px -39px;
}
ul#nav li#nav_contact a:hover {
  background-position: -430px -39px;
}
ul#nav li#nav_opinion a:hover {
  background-position: -485px -39px;
}
/* -------- choisi menu 1 ----------- */
#body_domaine  ul#nav li#nav_domaine  a {
  background-position: 0px -39px;
}
#body_facon ul#nav li#nav_facon a {
  background-position: -120px -39px;
}
#body_equipe ul#nav li#nav_equipe a {
  background-position: -200px -39px;
}
#body_engagement ul#nav li#nav_engagement a {
  background-position: -240px -39px;
}
#body_evenements ul#nav li#nav_evenements a {
  background-position: -309px -39px;
}
#body_nouvelles ul#nav li#nav_nouvelles a {
  background-position: -375px -39px;
}
#body_contact ul#nav li#nav_contact a {
  background-position: -430px -39px;
}
#body_opinion ul#nav li#nav_opinion a {
  background-position: -485px -39px;
}
/* MAIN
-------------------------------------- */
#centre {
	width: 770px;
	height: 100%;
}
#gauche {
	background-color: #e6e8e8;
	width: 192px;
	margin-left: 14px;
	float: left;
	height: 100%;
}
h1 {
}
/* ---------------------------------- CONTENU ----------- */
#contenu {
	background-color: #e6e8e8;
	width: 496px;
	float: left;
	margin-left: 14px;
	height: 100%;
	padding: 20px;
}
#contenu h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 15px;
	font-weight: bold;
	color: #00adef;
	padding-bottom: 20px;
	text-transform: uppercase;
}
#contenu h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #00adef;
	padding-bottom: 8px;
	text-transform: uppercase;
}
#contenu h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #00adef;
	padding-bottom: 20px;
}
#contenu h5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #00adef;
	padding-bottom: 20px;
}
#contenu p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #57585b;
	line-height: 12px;
	text-align: left;
}
#contenu a { text-decoration: none;color: #00adef; }
#contenu a:hover {
	text-decoration: underline;
}
#contenu a img,:link img,:visited img { border:none; }
#contenu .uncadre {
	padding: 10px;
	border: 1px solid #646567;
	margin-top: 15px;
	margin-bottom: 20px;
}
#contenu .unmembreequipe {
	width: 240px;
	float: left;
	height: 80px;
	margin-top: 20px;
}
#contenu .unmembreequipe p {
	padding-top: 45px;
}
#contenu .unmembreequipe a {
	text-decoration: none;
}
#contenu .unmembreequipe a:hover {
	text-decoration: underline;
}
#contenu .unmembreequipe img {
		float:left;
		padding-right:7px;
}

.enbref {
	background-color: #c7c8ca;
	height: 182px;
	width: 496px;
	margin-top: 40px;
}
/* ---------------------------------- EN BREF ----------- */
.enbref img {
	float:left;
}
#contenu .enbref h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #00adef;
	padding-top: 15px;
	padding-bottom: 5px;
}
#contenu .enbref h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #666;
	padding-bottom: 4px;
	text-transform: uppercase;
}
.enbref h6 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #57585b;
	line-height: 11px;
}
#contenu .enbref p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #57585b;
	line-height: 14px;
}
#contenu .enbref a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #00adef;
	line-height: 12px;
	text-decoration: none;
	font-weight: bold;
}
#contenu .enbref a:hover {
	text-decoration: underline;
}
#contenu .separation{
	margin-top:14px;
	margin-bottom:14px;
	background-color: #898686;
	height: 1px;
}
.legal {
	margin-top: 40px;
}
.legal p .textelegal{
	font-size: 10px;
	line-height: 11px;
}
.boitetexte {
	background-color: #FFF;
	height: 13px;
	width: 300px;
	border: 1px solid #999;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #57585b;
	line-height: 11px;
	padding-top: 3px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
}
.soumettre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #00adef;
	line-height: 12px;
	text-decoration: none;
	background-color: #E6E8E8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* ---------------------------------- une liste ----------- */
.uneliste {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #636467;
	width: 450px;
}
.uneliste ul {
	margin-bottom: 8px;
}
.uneliste li {
	list-style: none;
	font-size: 11px;
	color: #505050;
	padding-bottom: 2px;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	padding-left: 12px;
}
.uneliste li em {font-weight: bold;}
.uneliste2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #636467;
	margin-left: 15px;
}
.uneliste2 ul {
	list-style-image: url(images/bullet.gif);
	margin-bottom: 8px;
}
.uneliste2 li {
	font-size: 11px;
	color: #505050;
	padding-bottom: 8px;
}
#programmationsiteinternet{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#999;
	text-align:center;
	margin-top:25px
}
#programmationsiteinternet p{
	text-indent: -9999px;
}
#programmationsiteinternet a{
	color:#999;
	text-decoration:none
}
#programmationsiteinternet a:hover{text-decoration:underline}
sup {
position: relative;
top: -3px;
vertical-align: top;
font-size: 90%;
}
sub {
position: relative;
top: 3px;
vertical-align: top;
font-size: 90%;
}