/* CSS Document */

/* ALLURE GENERALE DU DOCUMENT */

* {margin:0;padding:0;} /* initialisation de toutes les marges et padding*/

body {font-family:Arial, Helvetica, sans-serif;}

/*classe pour les diff�rents fond color�s*/
body.accueil {background:url(../images/logo/generale/bgBody.png) repeat-x;}
body.particulier{background:url(../images/logo/particulier/bgBody.png) repeat-x;}
body.entreprise{background:url(../images/logo/entreprise/bgBody.png) repeat-x;}
body.adherent{background:url(../images/logo/espaceAdherent/bgBody.png) repeat-x;}
body.courtier{background:url(../images/logo/espaceCourtier/bgBody.png) repeat-x;}
body.sante{background:url(../images/logo/profSante/bgBody.png) repeat-x;}
body.entreprise2{background:url(../images/logo/espaceEntreprise/bgBody.png) repeat-x;}
body.generale{background:url(../images/logo/generale_gris/bgBody.png) repeat-x;}


/* classe sp�ciale pour le fond jaune de la page d'accueil */
#page.jaune {background:url(../images/logo/bg_jaune.jpg) 0 92px repeat-x;}


p {color:#000000;font-size:11px;}
h5 {margin:0 0 10px 0;color:#005dac;font-size:12px;font-weight:bold;}

p.spip {
font-size:12px;
color:#005dac;
}





/********* DISPOSITION DES BLOCS *************************/
#page {
position:relative;
width:968px;
margin:0 auto;
background:#FFFFFF;
}

#header {width:968px;height:113px;}

/*background du header en fonction du body */
#header.HeaderAccueil{background:url(../images/logo/generale/bgHeader.png) repeat-x;}
#header.HeaderParticulier{background:url(../images/logo/particulier/bgHeader.png) repeat-x;}
#header.HeaderEntreprise{background:url(../images/logo/entreprise/bgHeader.png) repeat-x;}
#header.HeaderAdherent{background:url(../images/logo/espaceAdherent/bgHeader.png) repeat-x;}
#header.HeaderCourtier{background:url(../images/logo/espaceCourtier/bgheader.png) repeat-x;}
#header.HeaderEntreprise2{background:url(../images/logo/espaceEntreprise/bgHeader.png) repeat-x;}
#header.HeaderSante{background:url(../images/logo/profSante/bgHeader.png) repeat-x;}
#header.HeaderGenerale{background:url(../images/logo/generale_gris/bgHeader.png) repeat-x;}




#contenu {
width:965px;
margin:0;
background-color:#FFFFFF;
}

#droit { /* correspond aux menu de droite */
float:right;
width:178px;height:392px;
margin:30px 10px 0 0;padding:0;
}

#gauche { /* correspond au menu de gauche*/
position:relative;top:53px;
float:left;width:204px;
}


#footer {
clear:both;height:30px;
background:url(../images/bg_footer.gif) repeat-x;
}

#footerDroit{ /* logo caisse d epargne */
width:175px;height:110px;
background:url(../images/paiementsecu.gif) top no-repeat;
}

/********* LOGO ***************************/

/* classe generale de postiondu logo avec image */
#logo {position:absolute;width:338px;height:186px;}


#logo.LogoAccueil{top:0;left:-34px;background:url(../images/logo/generale/logoFullPng.png) top left no-repeat;}
#logo.LogoParticulier{top:0;left:-35px;background:url(../images/logo/particulier/logoFullPng.png) top left no-repeat;}
#logo.LogoEntreprise{top:0;left:-35px;background:url(../images/logo/entreprise/logoFullPng.png) top left no-repeat;}
#logo.LogoAdherent{top:0;left:-35px;background:url(../images/logo/espaceAdherent/logoFullPng.png) top left no-repeat;}
#logo.LogoCourtier{top:0;left:-35px;background:url(../images/logo/espaceCourtier/logoFullPng.png) top left no-repeat;}
#logo.LogoEntreprise2{top:0;left:-35px;background:url(../images/logo/espaceEntreprise/logoFullPng.png) top left no-repeat;}
#logo.LogoSante{top:0;left:-35px;background:url(../images/logo/profSante/logoFullPng.png) top left no-repeat;}
#logo.LogoGenerale{top:0;left:-35px;background:url(../images/logo/generale_gris/logoFullPng.png) top left no-repeat;}




/* ----------- MENU DU HAUT AVEC ONGLET---------------------*/
#menu {clear:left;z-index:50;position:relative;top:0px;left:269px;width:704px;height:48px;}

#menu li {
float:left;
margin:0;padding:0;
list-style-type:none;
}

#menu li a {
display:block;width:168px;height:49px;
line-height:65px;margin:0;padding:0 0 0 7px;
font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
color:#82c5f2;text-decoration:none;
background:url(../images/menu/btnMenu.gif) -177px 0 no-repeat;
}

#menu li a:hover {
background:url(../images/menu/btnMenu.gif) 0 0 no-repeat;
}





/************ HEADER ***********************/

/*mis en place des fonctionnalist�s*/
#fonction {
margin:0 0 0 365px;padding:0;
}

/*#recherche, #direct {
float:left;
margin:0 0 0 0;padding:0;
width:204px;height:51px;
border-left:2px solid #87aecd;
background:url(../images/puce_fonctionnalite.gif) 5px 0 no-repeat;

#contact{
float:left;
margin:0 0 0 0;padding:0;
width:204px;height:51px;
border-left:2px solid #87aecd;
background:url(../images/puce_contact.png) 5px 0 no-repeat;
}
}*/

#recherche2, #direct2 {
float:left;
width:205px;height:66px;
background:url(../images/bgSearch.jpg) top left no-repeat;
}

#contact2{
float:left;
width:190px;height:66px;
background:url(../images/bgContact.jpg) top left no-repeat;
}

#contact2.noBackGround{background:url(../images/bgContact2.jpg) top left no-repeat;}

a.lienVersContact {
display:block;
margin:15px 0 0 7px;
color:#022343;
font-size:11px;font-weight:bold;
text-decoration:none;
}

a.lienVersContact:hover {
text-decoration:underline;
}

#search, #choix {
width:150px;
margin:0 0 0 7px;
}

#recherche2 p.titreFonction {margin:15px 0 0 7px;color:#022343;font-size:11px;font-weight:bold;}
#direct2 p.titreFonction {margin:15px 0 0 7px;color:#022343;font-size:11px;font-weight:bold;}





/***************** BLOC DROIT **********************/
#headerDroit{ /* image logo mutuelle */
width:178px;height:63px;
background:url(../images/sidebarDroit/logo_haut.gif) top left no-repeat;
}

#prevention { /* bloc prevention*/
width:178px;height:70px;
line-height:70px;
background: url(../images/sidebarDroit/prevention.gif) left no-repeat #bbe1fa;
border-bottom:1px dashed #999999;
}

#prevention a {padding:50px 0 0 75px;font-size:11px;font-weight:bold;color:#005dac;text-decoration:none;}

#pfs { /* bloc plateformesante*/
width:178px;height:70px;
line-height:70px;
background: url(../images/sidebarDroit/pfs.gif) left no-repeat #bbe1fa;
border-bottom:1px dashed #999999;
}

#bouger { /*bloc bouger */
width:178px;height:70px;
background:url(../images/sidebarDroit/bouger.gif) left no-repeat #bbe1fa;
border-top:1px dashed #CCCCCC;
margin:0 0 15px 0;
border-bottom:4px solid #005dac
}

#bouger a {display:block;width:90px;padding:20px 0 0 75px;font-size:11px;font-weight:bold;color:#005dac;text-decoration:none;}

#droit p {font-size:11px;color:#000000;}





/*** MENU DE DROITE EN BAS ***/
ul#menuDroit {
margin:10px 0 0 0;
list-style-type:none;
}

/* LIEN DU MENU */
#menuDroit li a {
display:block;height:27px;
padding:0 0 0 25px;line-height:27px;
color:#FFFFFF;
font-size:11px;font-weight:bold;
text-align:left;
background:url(../images/sidebarDroit/puce.gif) no-repeat 7px 8px #429ad5;
border-bottom:1px dashed #1975b7;
text-decoration:none;
}

/* CLASSES SPECIALES DU MENU */
#bordureDuBas{border-bottom:4px solid #4997da;}
.bordureBas {border-bottom:4px solid #1975b7;} /* Bordure Bleue du Bas */
.bordureHaut {border-top:4px solid #1975b7;} /* Bordure Bleue du haut */
#menuDroit li a.PasDeBordure {border:none;} /*Enleve la border dashed en bas de newsletter */

/* SURVOL SUR LES LIENS */
#menuDroit li a:hover {background:#1975b7 url(../images/sidebarDroit/puce_hover.gif) 7px 8px no-repeat;}

#menuDroit li.active a {background:#1975b7 url(../images/sidebarDroit/puce_hover.gif) 7px 8px no-repeat;}

/******************* BLOC DE GAUCHE ******************************/

#grisprevention {
display:block;
margin:0;padding:0;
width:204px;height:35px;
background:url(../images/offre_prevention.jpg) 0 0 no-repeat;
}

#grisbouger {
display:block;
margin:0;padding:0;
width:204px;height:35px;
background:url(../images/offre_bouger.jpg) 0 0 no-repeat;
}

/*lien sur image Offre Particulier */
a#offreParticulier {
display:block;
text-indent:-99999px;
margin:0;padding:0;
width:204px;height:35px;
background:url(../images/offre_particulier.jpg) 0 0 no-repeat;
}

#offreParticulier {
width:204px;height:35px;
background:url(../images/offre_particulier.jpg) 0 0 no-repeat;
}

a#offreParticulier.activeParticulier{background:url(../images/offre_particulier_hover.jpg) 0 0 no-repeat;}

a#offreParticulier:hover {
background:url(../images/offre_particulier_hover.jpg) 0 0 no-repeat;
}

#offreParticulierBas {/*Bas du menu */
width:204px;height:20px;
background:url(../images/offre_particulierBas.jpg) top left no-repeat;
}


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

#menuGauche li a {
display:block;height:32px;
padding:0 0 0 25px;line-height:32px;
color:#005dac;
font-size:12px;font-weight:bold;
text-align:left;
background:url(../images/puce_menu_gauche.gif) no-repeat 8px 11px #bbe1fa;
text-decoration:none;
}

#menuGauche li.activeMenuPrincipal a {
color:#FFFFFF;
background:url(../images/menu/puce_menu_hover.jpg) no-repeat 8px 11px #4895d9
}

#menuGauche li a:hover {
color:#FFFFFF;
background:url(../images/menu/puce_menu_hover.jpg) no-repeat 8px 11px #4895d9;
}

.bordureBasGris {border-bottom:1px dashed #666666;}

#offreParticulierFooter {
width:204px;height:48px;
background:url(../images/offre_particulierFooter.jpg) top left no-repeat;
}

#offreEntreprise {
display:block;
text-indent:-9999px;
width:204px;height:143px;
background:url(../images/offre_entreprise.jpg) top left no-repeat;
}

#offreEntrepriseBleu{
display:block;
text-indent:-9999px;
width:204px;height:143px;
background:url(../images/offre_entreprise2.jpg) top left no-repeat;
}

#logosanterepere {
background:transparent url(../images/logosanterepere.png) no-repeat scroll left top;
display:block;
margin-top:30px;
height:80px;
text-indent:-9999px;
width:204px;
}

/****** MENU DES ENTREPRISES **************/

#offreEntreprise2 {
width:204px;height:34px;
background:url(../images/offreEntreprise.jpg) top left no-repeat;
}

#offreEntreprise3 {
width:204px;height:34px;
background:url(../images/offreEntreprise.jpg) top left no-repeat;
}

#offreEntrepriseFooter {
width:204px;height:26px;
background:url(../images/offre_entrepriseFooter.jpg) top left no-repeat;
}

#menuGaucheEntreprise{
list-style-type:none;
}

#menuGaucheEntreprise li {
width:204px;height:25px;
background:#fff096;
border-bottom:1px dashed #CCCCCC;
}

#menuGaucheEntreprise li a{
font-size:11px;
display:block;line-height:25px;
width:204px;height:25px;
color:#005dac;
background:url(../images/menu/menu_puce_fond_jaune.jpg) 11px 6px no-repeat;
border-bottom:1px dashed #CCCCCC;
text-decoration:none;
text-indent:30px;
}

#menuGaucheEntreprise li.NoBorder{border-bottom:none;}

#menuGaucheEntreprise li a:hover {
background:url(../images/menu/menu_puce_fond_jauneHover.jpg) #ffda00 11px 6px no-repeat;
}



/************** ELEMENT DES CONTENU ******************************/
h1.titreBleu {
width:480px;
margin:0 0 8px 0;
font-size:18px;
color:#2273b7;
border-bottom:3px solid #CCCCCC;
}

h1.titreGrisRond {
margin:0 0 10px 0;
width:480px;height:42px;
font-size:18px;
color:#2273b7;
background:url(../images/imageTitreH1Rond.jpg) 0 22px no-repeat;
}

h1.titrePara {
margin:0 0 15px 0;
font-size:16px;
font-weight:bold;
color:#022343;
}

p.boldItalic {
font-size:12px;
color:#005dac;
font-weight:bold;
font-style:italic;
}

p.Italic {
font-size:12px;
color:#005dac;
font-style:italic;
}

p.paraBleu {
font-size:12px;
color:#005dac;
}

p.paragrapheGras{
font-size:14px;
color:#005dac;font-weight:bold;
}

h4.TitreGris {
padding:0 0 0 20px;
margin:10px 0 0 0;
color:#73828c;
font-size:14px;
background:url(../images/puce_ul.gif) top left no-repeat;
}

h3.spip {
padding:0 0 0 20px;
margin:10px 0 0 0;
color:#73828c;
font-size:14px;
background:url(../images/puce_ul.gif) top left no-repeat;
}

ul.Liste{
margin:5px 0 0 50px;
list-style-type:disc;
color:#005dac;
}

ul.Liste li {
font-size:12px;
}

ul.spip{
margin:5px 0 0 50px;
list-style-type:disc;
color:#005dac;
}

ul.spip li {
font-size:12px;
list-style-type:disc;
}

#editorial {
margin:20px 0 0 250px;
width:480px;
min-height:500px;
}

hr {
margin:10px 0 10px 0;
border:1px dashed #CCCCCC;
}

a.titrePlan {
margin:0 0 15px 0;
font-size:12px;
font-weight:bold;
color:#0066CC;
}

a.soustitrePlan {
margin:0px 0px 0px 20px;
font-size:10px;
color:#0066CC;
}

/*********** FOOTER *********************/

#contenuFooter{
width:965px;height:35px;
margin:0 auto;
line-height:32px;
}

#contenuFooter p {
color:#FFFFFF;
font-size:11px;
font-weight:bold;
margin:0 0 0 50px;
}

#menuFooter {
margin:-32px 0 0 480px;
list-style-type:none;
font-size:11px;
}

#menuFooter li {
color:#82c5f2;
float:left;
}

#menuFooter li a {
color:#82c5f2;
padding:0 15px 0 15px;
text-decoration:none;
}

li.TiretFooter {
position:relative;
top:7px;
left:0px;
}

/************** BREADCRUMB ***********************/

/*Correspond au fil d'Ariane*/
#breadcrumb {
width:470px;
height:20px;
border-bottom:2px dotted #ffffff;
margin:0 0 20px 0;
}

span.texteFonce {
color:#022343;
font-weight:bold;
font-size:11px;
}

.LienBread{
font-weight:bold;
font-size:11px;
color:#4997da;
}

img.puceFil{
position:relative;
top:2px;left:-4px;
}


/******** Mise en place du menu Imprimer /Contact/ Plan **************/
#menuBas {margin:40px 0 0 50px;}
#menuBas ul {list-style-type:none;}
#menuBas ul li {margin:0 5px 0 5px;float:left;color:#022343;}

#menuBas ul li a { /* style sur les liens */
float:left;
color:#022343;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

#menuBas ul li a.contacter{ /* application de l'ic�ne */
display:block;width:110px;
background:url(../images/contacter.jpg) 95px 0 no-repeat;
}

#menuBas ul li a.imprimer{ /* application de l'ic�ne */
display:block;width:75px;
background:url(../images/imprimer.jpg) 62px 2px no-repeat;
}

#menuBas ul li a.carte{ /* application de l'ic�ne */
display:block;width:110px;
background:url(../images/plan.jpg) 95px 0 no-repeat;
}

#menuBas ul li a:hover { /* classe generale de survol des lien de ce menu */
text-decoration:underline;
}
/**************************************************/



/*********** ESPACE ADHERENT ***********************/

/* Mise en page de la page Login */
#login {width:480px;height:70px;background-color:#bbe1fa;}
#formLogin{padding:12px 0 0 10px;font-size:14px;}

#formLogin label {
display:block;
color:#005dac;
font-size:11px;
font-weight:bold;
width:85px;
float:left;
height:15px;
line-height:15px;
}

#formLogin input[type=text] {width:180px;height:15px;margin:0px 0px 3px 0px;}
/************************************/





/**********************************************
CLASSE GENERIQUES
************************************************/

/*cette classe met en forme le lien aide dans la page Adh�rent->Login*/
a.aide {color:#005dac;font-size:9px;text-decoration:none;}

/*cette classe permet d'enlever la bordure bleue des images liens*/
a img {border:none;text-decoration:none;}

/* ces deux classes permettent de positionner une image � gauche ou a droite dans le contenu */
.left {float:left;margin:0 5px 5px 0;}
.right{float:right;margin:0 0 5px 5px;}

/* cette classe permet de mettre un padding left de Xpx (pour les actu a droite */
.actu {padding:0 0 0 8px;}

/*enleve la couleur de fond a page */
#page.noColor {background:none;}

/*enleve la couleur de fond � contenu */
#contenu.noColor{background:none;}

/*classe permet de mettre du texte en bleu comme Titre actu*/
span.bleue {font-size:12px;font-weight:bold;color:#005dac;}

/*classe qui permet de mettre en forme la date de l'actu*/
span.date {color:#000000;font-size:11px;font-weight:bold;}

/*mis en page des lien En savoir plus */
a.bleueLien {font-size:12px;font-weight:bold;color:#005dac;text-decoration:none;}
a.bleueLien:hover {text-decoration:underline;}


.leftGris {float:left;margin:0 5px 5px 0;border:2px solid #CCCCCC;}


/*****DIVERS***************/

/*met une bordure en de l'image du bas de particulier*/
#offreParticulierBas.bordureTop {border-top:4px solid #4997da;}

/*placement de actu sant�*/
img.titreImg{margin:20px 0 2px 0;}

/*mis en place de la barre bleue sous actu sant�*/
hr.StitreImg{margin:0 0 15px 0;border:2px solid #73b1d9;}

/* fond du titre rubrique pour les pages espace ... */
#blocTitreMenu{
width:2045px;height:35px;
background:url(../images/bgEspace.jpg) top left no-repeat;
}

/* style du lien dans le bloc rubrique */
a.TitreBlocMenu{
padding:0 0 0 28px;
line-height:35px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#82c5f2;
text-decoration:none;
text-align:center;
}

a.TitreBlocMenuSpe{
padding:0 0 0 17px;
line-height:35px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#82c5f2;
text-decoration:none;
}

a.TitreBlocMenuSpe2{
padding:0 0 0 28px;
line-height:35px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#82c5f2;
text-decoration:none;
}


.noBorder {border:none;}



/*********** MISE EN PAGE GENERALE ADRESSE et PRESENTATION ******************/

#adresse { /* bloc ou s'inscris l'adresse */
width:470px;height:30px;
line-height:30px;
padding:0 0 0 10px;margin:0 0 5px 0;
background-color:#bbe1fa;
}

#horaireOuverture { /* bloc ou s'inscris les horaires */
margin:0 0 15px 0;
width:470px;height:65px;
background-color:#dde4e9;
padding:5px 0 0 10px;
}

/* mise en page des paragraphes */
#adresse p {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#022343;}
#horaireOuverture p {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#022343;}
#presentationAgence p {font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#022343;}

h2.TitreProfession{font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#2273b7;}

#profession {width:200px;float:left;margin:10px 10px 0 0;}

#profession img {
float:left;
margin:0 5px 0 0;
border:2px solid #4997da;
}

#profession p {
padding:20px 0 0 0;
}

hr.reset{
clear:both;
visibility:hidden;
}

#presentationAgence{margin:10px 0 0 0;padding:0 0 10px 0; width:480px;height:95px;border-bottom:1px dashed #CCCCCC;}

.effetcligno {
text-decoration:blink;
color:#ff0000;

}

#maintenance {
	    margin: 0px auto 2px;
	    /*background:url(http://www.landes-mutualite.fr/squelettes/maintenance.gif) no-repeat top;*/
	    width: 479px;
	    height:50px;
		color:#990000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		padding:20px;
		background-color:#FFF;
		text-align:center;
		t
    }