
body {


	padding : 0px;
	background: url(../images/bg.jpg) repeat-x;	
	font-family: Trebuchet MS, Ms sans serif,Verdana,Helvetica,Arial;
	font-size : 07.5pt;
	color : #010101;
	text-align: center;
	margin: 0px auto;
}



.colonne {
	float : left; overflow: hidden;	display: block;
}

.trait-hori {

	overflow: hidden;
	display: block;
	width : auto;
	height : 3px;
	margin : 0px;
	padding : 0px;
	background: url(../images/trait_hori.gif) repeat-x;	

}



.trait-verti {

	overflow: hidden;
	display: block;
	width : 4px;	
	height : auto;
	margin : 0px;
	padding : 0px;
	background: url(../images/trait_verti.gif) repeat-y;	

}


/** STRUCTURE GÉNÉRALE **/

#page {
	text-align: left;	
	overflow: hidden;
	display: block;
	width : 980px;
	height : auto;
	margin: 0px auto;
	padding : 0px;

}

#page #gauche{
	float : left;
	overflow: hidden;
	display: block;
	width : 8px;
	height : 541px;
	background: url(../images/ombre_g.jpg) 0px 26px no-repeat;		
}

#page #centre{
	float : left;
	overflow: hidden;
	display: block;
	width : 965px;
	height : auto;
	background: #ffffff;	
}

#page #droite{
	float : left;
	overflow: hidden;
	display: block;
	width : 7px;
	height : 524px;
	background: url(../images/ombre_d.jpg) 0px 26px no-repeat;		
}

#header-line { /** Header des mots clés **/
	
	color : #98bfac;
	overflow: hidden;
	display: block;
	width : 965px;
	height : 20px;
	font-size : 07pt;
	background: #d5ebde;
	padding-left : 4px;
	padding-top : 7px;

}



/** NAVIGATION **/

#nav  {

margin : 0px;
padding : 0px;
overflow: hidden;
display: block;
width : 465px;
height : 75px;
text-align : left;
color : #5771ad;
float : left;

}

#nav #onglet-1   {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
padding-top : 4px;
/**margin-top : 4px;**/
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 27px;
background: url(../images/onglet-1.gif) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-1 a,#nav #onglet-1 a:visited   {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
padding-top : 4px;
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 27px;
text-align : center;
text-decoration : none;


}

#nav #onglet-1 a:hover {

font-size : 08pt;
color : #294a95;
margin : 0px;
padding : 0px;
padding-top : 4px;
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 27px;
background: url(../images/onglet-1_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-1-over {

font-size : 08pt;
color : #294a95;
margin : 0px;
padding : 0px;
padding-top : 8px;
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 23px;
background: url(../images/onglet-1_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-4   {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
padding-top : 4px;
/**margin-top : 4px;**/
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 27px;
background: url(../images/onglet-1.gif) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-4 a,#nav #onglet-4 a:visited   {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
padding-top : 4px;
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 27px;
text-align : center;
text-decoration : none;


}

#nav #onglet-4 a:hover   {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
padding-top : 4px;
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 27px;
background: url(../images/onglet-1_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-4-over {

font-size : 08pt;
color : #294a95;
margin : 0px;
padding : 0px;
padding-top : 8px;
overflow: hidden;
display: block;
float : left;
width : 85px;
height : 23px;
background: url(../images/onglet-1_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}


#nav #onglet-2  {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 4px;
/**margin-top : 4px;**/
padding-top : 4px;
display: block;
float : left;
width : 127px;
height : 27px;
background: url(../images/onglet-2.gif) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-2 a,#nav #onglet-2 a:visited  {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 4px;
display: block;
float : left;
width : 127px;
height : 27px;
text-align : center;
text-decoration : none;


}

#nav #onglet-2 a:hover  {

font-size : 08pt;
color : #294a95;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 4px;
display: block;
float : left;
width : 127px;
height : 27px;
background: url(../images/onglet-2_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;

}

#nav #onglet-2-over  {

font-size : 08pt;
color : #294a95;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 8px;
display: block;
float : left;
width : 127px;
height : 23px;
background: url(../images/onglet-2_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;

}


#nav #onglet-3 {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 4px;
/**margin-top : 4px;**/
margin-right : 2px;
float : left;
display: block;
width : 108px;
height : 27px;
background: url(../images/onglet-3.gif) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav #onglet-3 a, #nav #onglet-3 a:visited {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 4px;
margin-right : 2px;
float : left;
display: block;
width : 108px;
height : 27px;
text-align : center;
text-decoration : none;

}
#nav #onglet-3 a:hover {

font-size : 08pt;
color : #5771ad;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 4px;
margin-right : 2px;
float : left;
display: block;
background: url(../images/onglet-3_off.jpg) 0px 0px no-repeat;
width : 108px;
height : 27px;
text-align : center;
text-decoration : none;


}

#nav #onglet-3-over   {

font-size : 08pt;
color : #294a95;
margin : 0px;
padding : 0px;
overflow: hidden;
padding-top : 8px;
margin-right : 2px;
float : left;
display: block;
width : 108px;
height : 23px;
background: url(../images/onglet-3_off.jpg) 0px 0px no-repeat;
text-align : center;
text-decoration : none;


}

#nav-secondaire {

overflow: hidden;
padding-top : 10px;
padding-left : 80px;
float : left;
display: block;
color : #bdc1cb;

}

#nav-secondaire a, #nav-secondaire a:visited  {


color : #bdc1cb;
text-decoration : none;

}


#sous-nav {


margin : 0px;
padding : 0px;
overflow: hidden;
display: block;
width : 965px;
height : 27px;
text-align : left;
background: #e1e3e7;
padding-left : 20px;
padding-top : 8px;
font-size : 09pt;
color : #a7a8ac;


}

#sous-nav strong {
  font-weight : bolder;
  color : #777777;
}

/** haut de page **/


#header {

overflow: hidden;
display: block;
width : 965px;
height : 112px;
text-align: left;	
padding : 0px;
margin :0px;

}


#header #espace-loggue {


	overflow: hidden;
	display: block;
	width : 965px;
	height : 30px;
	background: url(../images/vague-verte.jpg) 405px 0px no-repeat;		
	text-align : left;	
	
}

#header #espace-loggue #espace-adherent {
	float : left;	
	padding : 0px;
	margin : 0px;
	padding-right : 7px;
	padding-left : 452px;
	padding-top : 5px;	
	color : #ffffff;
	font-size : 08pt;

}

#header #espace-loggue form {
	padding : 0px;
	margin : 0px;	
}

#header #espace-loggue label {
	float : left;	
	overflow: hidden;
	display: block;
	width : 80px;
	height : 25px;
	padding-top : 2px;
	padding-left : 4px;
}

#header #espace-loggue #bouton {
	float : left;	
	overflow: hidden;
	display: block;
	width : 86px;
	height : 30px;
	padding-top : 3px;
	padding-left : 4px;
}

/**
#header #espace-loggue input {
	
	width : 80px;
	height : 16px;
	color : #4c80b8;
	font-size : 07.5pt;
	background: #f4f5f8;	
	border : 1px solid #ffffff;
	padding-left : 5px;
	
}**/

.loggueinput {
	
	
	width : 70px;
	height : 16px;
	color : #4c80b8;
	font-size : 07.5pt;
	background: #f4f5f8;	
	/**border : 1px solid #ffffff;**/
	padding-left : 5px;
	height : 11px;
	
}

input, textarea, select {
	overflow: hidden;
	display: block;
	width : 150px;
	height : auto;
	float : left;
	border : 1px solid #dbd1cb;
	background : #e4dfdb;	
	color:#454545;	
	font-size: 07.5pt;
	font-family: arial, Arial;
	padding:2px;
	font-weight: normal;
	margin : 2px;
	border: #b5becb 1px solid;
}


.cache {
	overflow: hidden;
	display: block;
	width : 1px;
	background : none;	
	border : none;
	margin : 0px;
	padding:0px;
}


#header #logo {

float : left;
margin : 0px;
margin-top : -15px;
overflow: hidden;
display: block;
width : 176px;
height : 98px;
text-align: left;	
background: url(../images/logo_mutalliance.gif) 30px 0px no-repeat;	
	
}

#header #accroche {

float : left;
margin : 0px;
margin-top : 0px;
overflow: hidden;
display: block;
width : 289px;
height : 52px;
text-align: left;	
background: url(../images/votre-solution-sante.gif) 5px 0px no-repeat;	
	
}


/** bas de page **/

#footer {
overflow: hidden;
display: block;
width : 965px;
height : 127px;
background: #e1e3e7;	

}

#footer #keyword {

	overflow: hidden;
	display: block;
	color : #7f94c0;
	font-size : 07.5pt;
	padding-left : 40px;
	padding-top : 5px;
	line-height : 12px;

}


#footer #top-line {

	overflow: hidden;
	display: block;
	width : 965px;
	height : 40px;
	padding-top : 20px;
	padding-left : 40px;

}


#footer #top-line #nav-bas {

	overflow: hidden;
	display: block;
	float : left;
	width : 420px;
    padding-right : 80px;
	height : 40px;
}

#footer #top-line #nav-bas a, #footer #top-line #nav-bas a:visited {

	
	color : #b2b5ba;
	font-size : 08pt;
	text-decoration : none;
}

#footer #top-line #nav-bas a:hover, #footer #top-line #credit a:hover, #nav-secondaire a:hover,#perdu-mdp a:hover  {
	text-decoration : underline;
}


#footer #top-line #credit {

	overflow: hidden;
	display: block;
	float : left;
	width : 410px;
	padding-left : 10px;
	height : 20px;	
	color : #b2b5ba;
	font-size : 08pt;
}

#footer #top-line #credit a, #footer #top-line #credit a:visited {

	
	color : #b2b5ba;
	font-size : 08pt;
	text-decoration : none;

}


#perdu-mdp {
	overflow: hidden;display: block;float : left;padding-top : 5px;
}

#perdu-mdp a, #perdu-mdp a:visited {
	color : #FFFFFF;
	text-decoration : none;
}


#barre-extranet {

background : url(../images/bg-extranet.gif) repeat-x;	 height : 45px; width : 965px;overflow: hidden; display: block;color : #ebd2ce; font-size : 10pt; font-weight : bold;

}

#barre-extranet .menu-extranet a, #barre-extranet .menu-extranet a:visited {
	color : #000000; font-size : 08pt; font-weight : bold; text-decoration : none;overflow: hidden; display: block;

}

#barre-extranet .menu-extranet a:hover {
	color : #ebd2ce; font-size : 08pt; font-weight : bold;text-decoration : none;overflow: hidden; display: block;
	/**overflow: hidden; display: block; color : #000000; font-size : 08pt; font-weight : bold;text-decoration : none;
background: url(../images/ss_nav_extranet.gif) no-repeat;	float:left; width : 113px; height : 45px; 
text-align : center; margin-top : -10px; padding-top : 10px; margin-right : -14px;**/
}

.menu-extranet {
	padding-top:10px;padding-left : 40px;float:left;overflow: hidden; display: block;
}

#titre-extranet {
	padding-top:8px;padding-left : 30px;float:left;overflow: hidden; display: block; width : 150px;
}

.sous-nav-extranet {

overflow: hidden; display: block; color : #000000; font-size : 08pt; font-weight : bold;text-decoration : none;
background: url(../images/ss_nav_extranet.gif) no-repeat;	float:left; width : 113px; height : 45px; margin-left : 26px;
text-align : center; padding-top : 10px;margin-right : -14px;

}

.rouge {
	color : #ff0000;
}

.noir {
	color : #000000;
}

#paiement input {
	height : auto; width : auto;margin : 0px;padding:0px; background : #ffffff;border : none;padding-left : 5px; text-align : center;
}

#paiement form {
	text-align: center;	
	margin: 0px auto;

}

#paiement {
	padding-top : 7px;padding-left : 50px;overflow: hidden; display: block;margin : 0px;padding:0px; text-align : center;
}

#paiement div {
	text-align: center;	
	margin: 0px auto;
}

.logocb {

	padding-left : 20px;overflow: hidden; display: block;

}
