/* @override http://localhost/~olikenobi/MGP/css/global.css */

/*** Colors ***/
.orange {
	color: #f15c22;
}
.blue {
	color: #1c3f95;
}
.green {
	color: #39a062;
}


/*** Global tags ***/
body {
	margin: 0;
	padding: 0;
	background: url(../images/background.jpg) repeat-x center 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
a {
	outline: none;
	text-decoration: none;
}
h1 {
	font-family: "Times New Roman", Times, serif;
}
h1, h2, ul, li, dl, dt, dd, p, a, label,form {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.left {
	float: left;
}
.right {
	float: right;
}

.btn-83 {
	display: block;
	width: 83px;
	height: 23px;
	background: url(../images/btn-orange83.gif) no-repeat 0 0;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.btn-99 {
	display: block;
	width: 99px;
	height: 23px;
	background: url(../images/btn-orange99.gif) no-repeat 0 0;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.btn-122 {
	display: block;
	width: 122px;
	height: 23px;
	background: url(../images/btn-orange122.gif) no-repeat 0 0;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.btn-135 {
	margin-top:5px;
	display: block;
	width: 135px;
	height: 23px;
	background: url(../images/btn-orange135.gif) no-repeat 0 0;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

/*** Header ***/
#header {
	position: relative;
	display: block;
	width: 963px;
	height: 150px;
	margin:20px auto 0;
	padding: 0;
	background: #fff url(../images/header-back1.gif) no-repeat 0 0;
}
#header .logo {
	position: absolute;
	top: 11px;
	left: 11px;
}
#header #capitale-sante {
	position: absolute;
	top: 25px;
	left: 165px;
	display: block;
	width: 379px;
	height: 45px;
	margin: 0;
	padding: 0;
	background: url(../images/capitale-sante.gif) no-repeat 0 0;
	text-indent: -8000px;
	line-height: 12px;
	font-size: 12px;
}
#header #espace-adherent {
	position: absolute;
	top: 12px;
	left: 679px;
	width: 269px;
}
#header #espace-adherent #title-espace-adherent {
	margin: 0 0 8px;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
}
#header #espace-adherent form {
	margin: 0;
	padding: 0;
}
#header #espace-adherent a.login {
	float: right;
}
#header #espace-adherent a {
	color: #f58559;
}
#header #espace-adherent a:hover {
	color: #f15c22;
}
#header #espace-adherent a.btn-135,
#header #espace-adherent a.btn-135:hover {
	position: absolute;
	top: 62px;
	right: 0;
	font-weight: normal;
	color: #fff;
}
#header #espace-adherent p {
	position: absolute;
	top: 29px;
	line-height:18px;
	font-size: 11px;
	color: #f15c22;
}
#header #espace-adherent input {
	width: 80px;
	height: 12px;
	margin: 0 0 2px;
	padding: 3px 2px;
	border: 1px solid #999;
	font-size: 10px;
	font-weight: bold;
	color: #f15c22;
}

#header .menu {
	position: absolute;
	top: 113px;
	left: 0;
	height: 37px;
	margin: 0;
	padding: 0 0 0 106px;
	list-style-type: none;
	font-family: "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#header .menu li {
	float: left;
}
#header .menu li.separateur {
	display: block;
	width: 1px;
	height: 28px;
	background: url(../images/mainmenu-sep.gif) no-repeat 0 0;
}
#header .menu li.on,
#header .menu li a {
	display: block;
	height: 28px;
	background: url(../images/mainmenu-btn.gif) repeat-x 0 0;
	line-height: 28px;
	text-align: center;
	font-size: 13px;
	color: #339;
}
#header .menu li.on.particuliers,
#header .menu li a.particuliers {
	width: 258px;
	background: url(../images/btn-particuliers.gif) no-repeat 0 0;
}
#header .menu li.on.independants,
#header .menu li a.independants {
	width: 291px;
}
#header .menu li.on.entreprises,
#header .menu li a.entreprises {
	width: 291px;
}
#header .menu li a.on,
#header .menu li a:hover {
	background-position: 0 -28px;
	color: #fff;
}


/*** Main Content ***/
#content {
	overflow: hidden;
	position: relative;
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 2px solid #ddd;
}

#content #nav-small {
	padding: 9px 0 0 46px;
	line-height: 11px;
	font-size: 11px;
	color: #f15c22;
}
#content #nav-small .current {
	font-weight: bold;
}
#content #nav-small a {
	color: #f15c22;
}
#content #nav-small a:hover {
	text-decoration: underline;
}

#content h1 {
	margin: 0 13px 14px;
	padding: 16px 0 5px 27px;
	border-bottom: 1px solid #f15c22;
	font-size: 26px;
	text-transform: uppercase;
	color: #f15c22;
}


/*** Extranet Menu ***/
#content #extranet .menu {
	width: 935px;
	overflow: hidden;
	margin: 0 auto 9px;
	list-style-type: none;
}
#content #extranet .menu li {
	float: left;
}
#content #extranet .menu li.separateur {
	display: block;
	width: 2px;
	height: 31px;
	background: url(../images/extramenu-sep.gif) no-repeat 0 0;
}
#content #extranet .menu li a {
	display: block;
	height: 31px;
	background: url(../images/extramenu-btn.gif) repeat-x 0 0;
	line-height: 31px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #fff;
}
#content #extranet .menu li a.on,
#content #extranet .menu li a:hover {
	background-position: 0 -31px;
}
#content #extranet .menu li a.index {
	width: 223px;
}
#content #extranet .menu li a.conseiller {
	width: 239px;
}
#content #extranet .menu li a.decomptes {
	width: 240px;
}
#content #extranet .menu li a.faq {
	width: 227px;
}


/*** Actualites ***/
#content .actus {
	clear: none;
	margin: 0;
	padding: 0 0 10px;
	color: #00853e;
}
#content .actus h2 {
	height: 45px;
	padding: 0;
	padding-left: 9px;
	border-bottom: 1px solid #76bd97;
	background: url(../images/homeactus-titre.gif) no-repeat right 29px;
	line-height: 45px;
	text-transform: none;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	color: #00853e;	
}
#content .actus ul {
	overflow: hidden;
	height: 100%;
	margin: 18px 0 0;
	list-style-type: none;
	background: url(../images/homeactus-back.gif) repeat-y 308px 0;
}
#content .actus ul li {
	float: left;
	display: block;
	width: 296px;
}
#content .actus ul li.separateur {
	display: block;
	width: 23px;
}
#content .actus h3 {
	padding: 0 11px;
	font-size: 11px;
}
#content .actus h3 a {
	color: #00853e;
}
#content .actus h3 a:hover {
	text-decoration: underline;
}
#content .actus p {
	padding: 6px 11px;
	font-size: 11px;
}/*** Actualites2 ***/
#content .actus2 {	
clear: none;
	margin: 0;
	padding: 0 0 10px;
	color: #000000;
	}
	
	#content .actus2 h2 {	
	height: 45px;
	padding: 0;	
	padding-left: 9px;
	border-bottom: 1px solid #FF0000;
	background: url(../images/homeactus2-titre.gif) no-repeat right 29px;
	line-height: 45px;	text-transform: none;
	font-size: 26px;
	font-weight: normal;
	font-style: italic;	color: #000000;
	}
	#content .actus2 ul {	
	overflow: hidden;
	height: 100%;
	margin: 18px 0 0;
	list-style-type: none;
	}
	#content .actus2 ul li {
	float: left;
	display: block;
	width: 296px;
	}
	#content .actus2 ul li.separateur {	
	display: block;	width: 23px;
	}
	#content .actus2 h3 {	
	padding: 0 11px;
	font-size: 11px;
	}
	#content .actus2 h3 a {	
	color: #000000;
	}
	#content .actus2 h3 a:hover {	
	text-decoration: underline;
	}
	#content .actus2 p {	
	padding: 6px 11px;
	font-size: 11px;
	}


/*** Footer ***/
#footer {
	display: block;
	width: 963px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/footer-back.gif) no-repeat 0 0;
}
#footer ul {
	height: 39px;
	padding: 10px 0 10px 13px;
	list-style-type: none;
	background: url(../images/logo-mutualite.gif) no-repeat 890px top;
}
#footer ul li {
	float: left;
	display: block;
	height: 25px;
}
#footer ul li.separateur {
	width: 1px;
	background: url(../images/menufoot-sep.gif) no-repeat 0 0;
}
#footer ul li a {
	display: block;
	margin: 0 auto;
	background: url(../images/menufoot-btn.gif) repeat-x 0 0;
	line-height: 25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	color: #1c3f95;
}
#footer ul li a.on,
#footer ul li a:hover {
	background: url(../images/menufoot-btn.gif) repeat-x 0 -25px;
}
#footer ul li.contact,
#footer ul li.contact a {
	width: 123px;
}
#footer ul li.extranet,
#footer ul li.extranet a {
	width: 73px;
}
#footer ul li.qui-sommes-nous,
#footer ul li.qui-sommes-nous a {
	width: 122px;
}
#footer ul li.legal,
#footer ul li.legal a {
	width: 122px;
}
#footer ul li.glossaire,
#footer ul li.glossaire a {
	width: 152px;
}
#footer ul li.plan,
#footer ul li.plan a {
	width: 90px;
}
#footer ul li.parrainage,
#footer ul li.parrainage a {
	width: 84px;
}
#footer ul li.liens,
#footer ul li.liens a {
	width: 96px;
}

/*** Copyright ***/
#copy {
	display: block;
	width: 960px;
	height: 40px;
	margin: 5px auto;
	font-size: 10px;
	color: #a8bcdd;
}
#copyright {
	float: left;
}
#conception {
	float: right;
}
#conception a {
	color: #a8bcdd;
}
#conception a:hover {
	text-decoration: underline;
}