/* @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: 183px;

	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: 195px;

	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: 148px;

	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;

}



#nav-sous-menu .menu {

	position: absolute;

	top: 160px;

	left: 50%;	

	height: 37px;

	margin: 0;

	padding: 0px;

	margin-left:-117px; 

	list-style-type: none;

	font-family: "Times New Roman", Times, serif;	

	text-transform: uppercase;

}





#header .menu li, #nav-sous-menu .menu li {

	float: left;

}

#header .menu li.separateur, #nav-sous-menu .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;

}



#nav-sous-menu .menu li a {

	display: block;

	height: 28px;

	background: url(../images/mainmenu-btn.gif) repeat-x 0 0;

	line-height: 25px;

	text-align: center;

	font-size: 10px;

	font-weight : bold;

	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;

}



#nav-sous-menu .menu li a.artisan {

	width: 65px;

}



#nav-sous-menu .menu li a.commercant {

	width: 85px;

}



#nav-sous-menu .menu li a.profession-liberale {

	width: 140px;

}



#header .menu li.on.entreprises,

#header .menu li a.entreprises {

	width: 291px;

}

#header .menu li a.on,

#header .menu li a:hover,

#nav-sous-menu .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: 63px;

}

#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: 74px;

}

#footer ul li.liens,

#footer ul li.liens a {

	width: 76px;

}



/*** 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;

}



#nav-sous-menu {



	

	overflow: hidden;

	display: block;

	width:600px; 

	visibility:hidden;



}