/* =============================================== */
/* Css - Site Aphnu             				   */
/* http://www.aphnu.fr			                   */
/* Realisation : Eric DAMM - Juin 2009             */
/* =============================================== */

/* RESET										   */

a, input, button { outline: none; -moz-outline-width: 0; }

/* Eléments basiques                               */                      

html {
    background : #efeff1 url('../images/layout/bg.png') repeat-x;
}


body {
	margin: 0;padding: 0; 
	border: 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-style : normal;
	font-variant : normal;
	font-size : 12px;
	color: #666666;	
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0; 
	Arial, Helvetica, sans-serif;	
    border-collapse:collapse;   
    border-spacing:0;  
}
h1 {font: bold 26px Arial, Helvetica, sans-serif;  padding-bottom: 10px; color: #004e98;}
/*h1 {font: bold 18px; padding-bottom: 10px; color: #004e98;}
h1 {
	font-size:18px;
	font-weight:bold;
	padding-bottom: 10px;
	color: #004e98;
}*/
h2 {font: bold 18px Arial, Helvetica, sans-serif; padding-bottom: 10px;}
h3 {font: 16px Arial, Helvetica, sans-serif; padding-bottom: 5px;}
h4 {font: 14px Arial, Helvetica, sans-serif;}
h5 {font: 13px Arial, Helvetica, sans-serif;}

p {text-align:justify}

ul {
	margin-top:0;
}

.nomarge {
	margin-left:0;
	padding:0;
}


.pos1 {
	margin-left:0;
	padding:0;
	width:640px;	
}

.pos2 {
	margin-left:30px;
	padding:0;
	width:610px;		
}

.pos3 {
	margin-left:50px;
	padding:0;	
}

.pos4 {
	margin-left:80px;
	padding:0;	
	width:560px;		
}

abbr, acronym {
	border-bottom:#666666 dotted 1px;
	cursor:help;
}
img {border:0}

/* Liens                               */                      
a {text-decoration : none;}
a:link, a:visited {color: #004e98; font-weight:bold}
a:hover {color: #7b868b;}

.bleu {color:#004e98}
.noir {color:#666666}
.vert {color:#ccff33}
.orange {color:#eb6e33}

.uppercase {text-transform: uppercase;}
.center {text-align:center;}
.firstcol {text-align:left; padding-left:10px;}
.strong {font-weight: bold;}
.asterisque{font-family : Verdana, Helvetica, sans-serif; font-size : 10px; font-weight: bold; color: #FF3333;}
.clear {clear:both;}
.alerte {color:#FF0000;font-size: 12px; font-weight: bold;}
.underline {text-decoration: underline ;}
.label {color:#004e98; font-weight:bold; width:200px; text-align:left}
.class {width:200px;}
.reset 
{  
     margin:0;   
     padding:0;   
     border-collapse:collapse;   
     border-spacing:0;  
}

/* ================================================================================== */
/* Commun                                                                             */
/* ================================================================================== */

#container {
    position:absolute;
	top:0px;
	width: 940px;
	height:840px;
    left: 50%;
    margin-left: -470px; /* moitié de la largeur */
    z-index:1;	
}

/* ================================================================================== */
/* Header                                                                             */
/* ================================================================================== */

#header {
    position:absolute;
	margin: 0;
	padding: 0;		
	top:41px;
	width:940px;
	height:92px;	
	background-image:url('../images/layout/border_top.png');
	background-repeat:no-repeat;	
    z-index:1;
}

#bandeau {
    position:absolute;
	left:248px;
	top:70px;
	width:667px;
	height:182px;
	background-image:url('../images/content/bandeau.jpg');
	background-repeat:no-repeat;  
    z-index:2;	
}
#navlinks {
    position:absolute;
	left:342px;
	top:54px;
	margin:0;
	padding:0;
	list-style-type:none;
	z-index:5;		
}
#navlinks li {
	position: relative;
	padding: 0;
	margin:0 0 0 0;
	float:left;
}
ul#navlinks li a {
	position: relative;
	display:block;
	height: 36px;
	width: 241px;
	float:left;		
	text-decoration:none;	
	overflow: hidden;	
	background: url('../images/content/liens.png') no-repeat 0 0;
}
#navlinks li#nb a { background-position: -241px 0px;}

#navlinks li#na a:hover {background:url('../images/content/liens.png') no-repeat 0 -36px;
}
#navlinks li#nb a:hover {background:url('../images/content/liens.png') no-repeat -241px -36px;
}

#navlinks li#na a.active {background:url('../images/content/liens.png') no-repeat 0 -36px;
}

/* ================================================================================== */
/* Menu gauche                                                                              */
/* ================================================================================== */

#menu {
    position:absolute;
	margin: 0;
	padding: 0;	
	top:2px;
	left:32px;
    z-index:2;	
}
#menu_top {
    position:relative;
	width: 200px;
	height:30px;
	background-image:url('../images/layout/menu_top.gif');
	background-repeat:no-repeat;  
}
#menu_bottom {
    position:absolute;
	width: 200px;
	height:30px;
	top:760px;
	background-image:url('../images/layout/menu_bottom.gif');
	background-repeat:no-repeat;   
}
#menu_middle {
    position:absolute;
	margin: 0;
	padding: 0;	
	width: 200px;
	height:730px;
	background-image:url('../images/layout/menu_middle.gif');
	background-repeat:repeat-y;    
}
#menu_middle ul
{
	margin: 0;padding: 0; 	
	list-style-type:none;	
}

#menu_middle a.logo {
	position:relative;
	display:block;
	left:40px;
	width:116px;
	height:91px;
	background-image:url('../images/content/logo.png');
	background-repeat:repeat-y;    	
	text-decoration:none; 
}

#menu_middle p
{
	position: relative;
	display: block;	
	text-align:center;	
	font-weight:bold;
	color:#004e98;	
	font-size:11px;
	top:30px;
	padding-bottom:15px;
}

ul#images li {
	position: relative;
	top:50px;	
	display: block;	
	padding-bottom:15px;
	left:13px;
	z-index:4;	
}

#menu_middle a.inscription
{
	position: relative;
	display: block;		
	top:20px;
	left:12px;
	width:177px;
	height:32px;	
}

#menu_middle a.newsletter
{
	position: relative;
	display: block;		
	top:25px;
	left:20px;
	width:40px;
	height:79px;	
}



/* ================================================================================== */
/* Sous Menu central                                                                  */
/* ================================================================================== */


#menu_boutons {
    position:relative;
	left:8px;
	top:42px;
	margin:0;
	padding:0;
	height:216px;
	z-index:4;		
}

#menu_boutons li {
	position: relative;
	float:left;	
	z-index:4;	
}

#menu_boutons ul {
	list-style-type:none;
}


ul#menu_boutons li a {
	position: relative;
	display: block;	
	height: 27px;
	width: 182px;
	text-decoration:none;
	float:left;			
	overflow: hidden;		
	background: url('../images/content/menu/menu.png') no-repeat 0 0;
}

#menu_boutons li#menub a { background-position: 0px -27px;}
#menu_boutons li#menuc a { background-position: 0px -54px;}
#menu_boutons li#menud a { background-position: 0px -81px;}
#menu_boutons li#menue a { background-position: 0px -108px;}
#menu_boutons li#menuf a { background-position: 0px -135px;}
#menu_boutons li#menug a { background-position: 0px -162px;}
#menu_boutons li#menuh a { background-position: 0px -189px;}

#menu_boutons li#menua.active a, #menu_boutons li#menua a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px 0px;
}
#menu_boutons li#menub.active a, #menu_boutons li#menub a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -27px;
}
#menu_boutons li#menuc.active a, #menu_boutons li#menuc a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -54px;
}
#menu_boutons li#menud.active a, #menu_boutons li#menud a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -81px;
}
#menu_boutons li#menue.active a, #menu_boutons li#menue a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -108px;
}
#menu_boutons li#menuf.active a, #menu_boutons li#menuf a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -135px;
}
#menu_boutons li#menug.active a, #menu_boutons li#menug a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -162px;
}
#menu_boutons li#menuh.active a, #menu_boutons li#menuh a:hover {background:url('../images/content/menu/menu.png') no-repeat -182px -189px;
}


#smenu_boutons #smenu_boutons_vos_solutions #smenu_boutons_frais_sante {
	z-index:4;		
}

#smenu_boutons li {
	position: relative;
	float:left;	
}

#smenu_boutons ul {
	list-style-type:none;
}

ul#smenu_boutons li a {
	position: relative;
	display: block;	
	height: 28px;
	width: 144px;
	text-decoration:none;
	overflow: hidden;		
	background: url('../images/content/menu/smenu.png') no-repeat 0 0;
}

#smenu_boutons li#smenub a { background-position: -144px 0px;}
#smenu_boutons li#smenuc a { background-position: -288px 0px;}
#smenu_boutons li#smenud a { background-position: -432px 0px;}


#smenu_boutons li#smenua.active a, #smenu_boutons li#smenua a:hover {background:url('../images/content/menu/smenu.png') no-repeat 0px -28px;
}
#smenu_boutons li#smenub.active a, #smenu_boutons li#smenub a:hover {background:url('../images/content/menu/smenu.png') no-repeat -144px -28px;
}
#smenu_boutons li#smenuc.active a, #smenu_boutons li#smenuc a:hover {background:url('../images/content/menu/smenu.png') no-repeat -288px -28px;
}
#smenu_boutons li#smenud.active a, #smenu_boutons li#smenud a:hover {background:url('../images/content/menu/smenu.png') no-repeat -432px -28px;
}

/* Sous Menu Vos solutions                                                                  */

#smenu_boutons_vos_solutions li {
	position: relative;
	float:left;	
}

#smenu_boutons_vos_solutions ul {
	list-style-type:none;
}

ul#smenu_boutons_vos_solutions li a {
	position: relative;
	display: block;	
	height: 28px;
	width: 145px;
	text-decoration:none;
	overflow: hidden;		
	background: url('../images/content/menu/smenu_vos_solutions.png') no-repeat 0 0;
}

#smenu_boutons_vos_solutions li#smenub a { background-position: -138px 0px;}


#smenu_boutons_vos_solutions li#smenua.active a, #smenu_boutons_vos_solutions li#smenua a:hover {background:url('../images/content/menu/smenu_vos_solutions.png') no-repeat 0px -28px;
}
#smenu_boutons_vos_solutions li#smenub.active a, #smenu_boutons_vos_solutions li#smenub a:hover {background:url('../images/content/menu/smenu_vos_solutions.png') no-repeat -138px -28px;
}

/* Sous Menu Frais de santé                                                                  */


#smenu_boutons_frais_sante li {
	position: relative;
	float:left;	
}

#smenu_boutons_frais_sante ul {
	list-style-type:none;
}

ul#smenu_boutons_frais_sante li a {
	position: relative;
	display: block;	
	height: 27px;
	width: 141px;
	text-decoration:none;
	overflow: hidden;		
	background: url('../images/content/menu/smenu_frais_sante.png') no-repeat 0 0;
}

#smenu_boutons_frais_sante li#smenub a { background-position: -141px 0px;}
#smenu_boutons_frais_sante li#smenuc a { background-position: -282px 0px;}
#smenu_boutons_frais_sante li#smenud a { background-position: -423px 0px;}


#smenu_boutons_frais_sante li#smenua.active a, #smenu_boutons_frais_sante li#smenua a:hover {background:url('../images/content/menu/smenu_frais_sante.png') no-repeat 0px -27px;
}
#smenu_boutons_frais_sante li#smenub.active a, #smenu_boutons_frais_sante li#smenub a:hover {background:url('../images/content/menu/smenu_frais_sante.png') no-repeat -141px -27px;
}
#smenu_boutons_frais_sante li#smenuc.active a, #smenu_boutons_frais_sante li#smenuc a:hover {background:url('../images/content/menu/smenu_frais_sante.png') no-repeat -282px -27px;
}
#smenu_boutons_frais_sante li#smenud.active a, #smenu_boutons_frais_sante li#smenud a:hover {background:url('../images/content/menu/smenu_frais_sante.png') no-repeat -423px -27px;
}


/* ================================================================================== */
/* Contenu                                                                         */
/* ================================================================================== */

#content {
	position: absolute;
	width: 940px;
	height:640px;
	top: 133px;
	background-image:url('../images/layout/border_middle.gif');
	background-repeat:repeat-y;	
    z-index:1;
}
#content ul {list-style-type:none;}

#content_titre {
	position: relative;
	width: 700px;
	line-height:50px;
	top: 140px;
	left:260px;
    z-index:2;
}

#content_smenu {
	position: absolute;
	top: 180px;
	left:215px;
    z-index:2;
}

#content_smenu_vos_solutions {
	position: absolute;
	top: 145px;
	left:215px;
    z-index:2;
}

#content_content
{
	position: absolute; /* absolute pour que le contenu soit toujours au même endroit si Titre sur 2 lignes */
	width: 665px;
	height:410px;
	top: 230px;
	left:260px;
	padding-right:5px;
    z-index:2;	
    overflow:auto;
}

#content_no_smenu
{
	position: absolute; /* absolute pour que le contenu soit toujours au même endroit si Titre sur 2 lignes */
	width: 665px;
	height:460px;
	top: 180px;
	left:260px;
	padding-right:5px;
    z-index:2;	
    overflow:auto;
}

#content_content .chiffre{
	vertical-align:middle;
	display:inline-table;
	font-size:70px;
	font-weight:bold;
	margin-left:64px;	
}

#content_content .titre{
	font-size:20px;
	padding-left:20px;
}

#content_content .titre_pos1{
	font-size:20px;
}

#content_content ul.frais_sante_points_forts
{
	position: relative;
	margin:0;
	padding:0;	
    list-style-type:none;
	width: 650px;
	height:252px;
	background-image:url('../images/content/frais_sante_points_forts.gif');
	background-repeat:repeat-y;	
    z-index:1;
}

#content_content ul.frais_sante_points_forts li.titre
{
	padding: 30px 0px 25px 35px;
	width:400px;
    z-index:2;
}

#content_content ul.frais_sante_points_forts li.fleche_bleu {	
	position: relative;
    list-style-type:none;
	margin-left:3em;
	margin-bottom: 2em;
	background: transparent url(../images/layout/puces/fleche_bleu.png) 0px 0px no-repeat;
	padding-left: 30px;
}

#content_content ul
{
    list-style-type:square;
	color:#004e98;	
}

#content_no_smenu ul
{
    list-style-type:square;
	color:#004e98;	
}

#content_content ul.vert
{
    list-style-type:square;
	color:#ccff33;	
}

#content_content ul.orange
{
    list-style-type:square;
	color:#ff6633;	
}

#content_no_smenu ul.orange
{
    list-style-type:square;
	color:#ff6633;	
}

#content_no_smenu ul li.carre {	
	position: relative;
    list-style-type:none;
	margin-bottom: 1.5em;
	background: transparent url(../images/layout/puces/carre_vert_g.gif) 0px 0px no-repeat;
	width::13px;
	height:13px;	
	padding-left: 30px;
}

#content_no_smenu ul li.carre_orange {	
	position: relative;
    list-style-type:none;
	margin-bottom: 1.5em;
	background: transparent url(../images/layout/puces/carre_orange_g.gif) 0px 0px no-repeat;
	width::13px;
	height:13px;	
	padding-left: 30px;
}


#content_no_smenu ul li.carrePlan {	
	position: relative;
    list-style-type:none;
	margin-bottom: 0.5em;	
	background: transparent url(../images/layout/puces/carre_vert_g.gif) 0px 0px no-repeat;
	width::13px;
	height:13px;	
	padding-left: 30px;
}

#content_content li
{
	padding-bottom:2px;	
}

#content_content ul li.fleche_bleu {
	position: relative;	
    list-style-type:none;
	background: transparent url(../images/layout/puces/fleche_bleu.png) 0px 0px no-repeat;
	width::20px;
	height:16px;
	padding-left: 30px;
}

#content_content ul li.carre {	
	position: relative;
    list-style-type:none;
	margin-bottom: 1.5em;
	background: transparent url(../images/layout/puces/carre_vert_g.gif) 0px 0px no-repeat;
	width::13px;
	height:13px;	
	padding-left: 30px;
}


#content_content ul li.carre_orange {	
	position: relative;
    list-style-type:none;
	margin-bottom: 1.5em;
	background: transparent url(../images/layout/puces/carre_orange_g.gif) 0px 0px no-repeat;
	width::13px;
	height:13px;	
	padding-left: 30px;
}

#content_content ul li.carre_vert_p {	
	position: relative;
    list-style-type:none;
	margin-bottom: 1.5em;
	background: transparent url(../images/layout/puces/carre_vert_p.gif) 0px 0px no-repeat;
	width::7px;
	height:7px;	
	padding-left: 30px;
}

#content_president 
{
	position: absolute;
	width: 200px;
	height:100px;
	top: 270px;
	left:410px;
}

#content_president li
{
	display:block;	
	text-align:right;
    list-style-type:none;	
	padding: 0;
}

#photo {  
	height:150px;
    z-index:2;	
}

.align_image img, .align_image span {
  vertical-align: middle;
  display: inline-block;
}

span.widthlogo{
	width:100px;
	text-align:center;
}

span.liens {
	padding-left:100px;
}


/* Prevoyance                                                                  */

#content_content ul.prevoyance_points_forts
{
	position: relative;
	margin:0;
	padding:0;	
    list-style-type:none;
	width: 627px;
	height:252px;
	background-image:url('../images/content/prevoyance_points_forts.gif');
	background-repeat:repeat-y;	
    z-index:1;
}

#content_content ul.prevoyance_points_forts li.titre
{
	padding: 20px 0px 15px 25px;
	width:400px;
    z-index:2;
}

#content_content ul.prevoyance_points_forts li.fleche_bleu {	
	position: relative;
    list-style-type:none;
	margin-left:2em;
	margin-bottom: 0.6em;
	background: transparent url(../images/layout/puces/fleche_bleu.png) 0px 0px no-repeat;
	padding-left: 30px;
	width:350px;	
}

#content_telecharger 
{
	width: 400px;
}

#content_telecharger_img
{
	position: absolute;
	left:480px;
	top:50px;
}

#content_devis_img
{
	position: absolute;
	left:160px;
	top:425px;
}
/* ================================================================================== */
/* Pied de page                                                                         */
/* ================================================================================== */

#footer {
	position: absolute;
	top: 773px;	
	width: 940px;
	height:30px;
	background-image:url('../images/layout/border_bottom.gif');
	background-repeat:repeat-y;	
    z-index:1;
}
#footer span {
	position:relative;
	display:block;
	top:40px;
	width: 940px;	
	text-align:center;
	text-decoration: none;
	font-weight: bold;
}