/* Toutes les pages */
 
/* ================== */
/* elements HTML */
/* ================== */
body {font-family: arial, sans-serif;font-size: 80%;margin: 0;padding: 0;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
abbr, acronym {border: 0;cursor: help;}
form {margin: 0;}
img {border: 0;vertical-align: middle;}
ul, ol {margin: 0;padding: 0;list-style: none;}
h1, h2, h3, h4, h5, h6 {margin: 0;font-size: 1em;}
input.submit {cursor: pointer;}
iframe {padding:10px;}

/* ================== */
/* cadre principal    */
/* ================== */
#wrapper {width: 924px;margin: 0 auto;background: #00989a url(images/body_bg.gif) repeat-x left top;}

/* ================== */
/* header             */
/* ================== */
#header {text-align: center;float: left;margin: 14px 0 5px 0;width: 160px;}
#tagline {color: #fff;font-weight: bold;margin: 5px 0;}

/* ================== */
/* menu1 (acces)      */
/* ================== */
#menu1 {
background: #00989a url(images/menu1_bg.gif) no-repeat left bottom;
float: right;
/*width: 540px;*/
min-width:470px;
padding: 3px 5px;
font-size: 0.8em;
text-align: center;
}

/* Ancien gabarit du header (sans bouton maaf recrute)*/
#menu1 #blocMenu1 {margin: 9px 0;}
/* Nouveau gabarit du header */
#menu1 #blocMenu1.boutonGroupeMaaf {margin:0 0 1px 0;}
#menu1 #blocMenu1.boutonGroupeMaaf li,#menu1 #blocMenu1.boutonGroupeMaaf label {padding: 0 3px;}

#menu1 li, #menu1 ul, #menu1 form, #menu1 form div {list-style-type: none;display: inline;}
#menu1 ul {padding: 0 5px; color:white;}
#menu1 li, #menu1 label {padding: 0 5px;}
#menu1 li.border {padding-right: 1em;border-right: 1px solid #fff;}
#menu1 a {color: #fff;}
#menu1 label {color: #fff;}
#menu1 .submit {vertical-align: middle;margin: 0 0 0 5px;}
#menu1 .text {border: 1px solid #7fcbcc;font-size: 0.85em;width: 80px;}

/* ================== */
/* menu2 (principal)  */
/* ================== */
#menu2 {float: right;margin: 35px 0 0 0;width: 740px; /* be kind for IE7 */}
#menu2 a {color: #fff;}
#menu2 li {float: left;margin: 0 6px;list-style-type: none;}
#menu2 li a {display: block;width: 88px;padding: 95px 0 0 0;text-align: center;font-weight:bold;font-size: 0.9em;}

/* ================== */
/* menu2 : Rubriques  */
/* ================== */
#menu2_interne {margin: 10px 0 0 0; float: right; width: 650px; /* be kind for IE7 */}
#menu2_interne a {color: #fff;}
#menu2_interne li {float: left;list-style-type: none;}
#menu2_interne li a {display: block;width: 74px;padding: 80px 0 0 0;text-align: center;font-size: 0.85em;}

/* ACCUEIL */
#menu2_interne.accueil li {margin: 0 6px;}

.accueil #menu2_interne_1 a {background: url(images/accueil_menu2_interne1.gif) no-repeat center top;}
.accueil #menu2_interne_2 a {background: url(images/accueil_menu2_interne2.gif) no-repeat center top;margin: 0 15px 0 0;}
.accueil #menu2_interne_3 a {background: url(images/accueil_menu2_interne3.gif) no-repeat center top;}
.accueil #menu2_interne_4 a {background: url(images/accueil_menu2_interne4.gif) no-repeat center top;margin: 0 15px 0 0;}
.accueil #menu2_interne_5 a {background: url(images/accueil_menu2_interne5.gif) no-repeat center top;}
.accueil #menu2_interne_6 a {background: url(images/accueil_menu2_interne6.gif) no-repeat center top;margin: 0 35px 0 35px;width:100px;}

.accueil #menu2_interne_1.actif a, .accueil #menu2_interne_1 a:hover {background: url(images/accueil_menu2_interne1_on.gif) no-repeat center top;}
.accueil #menu2_interne_2.actif a, .accueil #menu2_interne_2 a:hover {background: url(images/accueil_menu2_interne2_on.gif) no-repeat center top;}
.accueil #menu2_interne_3.actif a, .accueil #menu2_interne_3 a:hover {background: url(images/accueil_menu2_interne3_on.gif) no-repeat center top;}
.accueil #menu2_interne_4.actif a, .accueil #menu2_interne_4 a:hover {background: url(images/accueil_menu2_interne4_on.gif) no-repeat center top;}
.accueil #menu2_interne_5.actif a, .accueil #menu2_interne_5 a:hover {background: url(images/accueil_menu2_interne5_on.gif) no-repeat center top;}

/* GROUPE MAAF */
#menu2_interne.groupeMaaf li {margin:0 18px;}

.groupeMaaf #menu2_interne_1 a {background: url(images/groupeMaaf_menu2_interne1.gif) no-repeat center top;}
.groupeMaaf #menu2_interne_2 a {background: url(images/groupeMaaf_menu2_interne2.gif) no-repeat center top;margin: 0 15px 0 0;}
.groupeMaaf #menu2_interne_4 a {background: url(images/groupeMaaf_menu2_interne5.gif) no-repeat center top;}
/*.groupeMaaf #menu2_interne_4 a {background: url(images/groupeMaaf_menu2_interne4.gif) no-repeat center top;margin: 0 15px 0 0;}*/
.groupeMaaf #menu2_interne_5 a {background: url(images/groupeMaaf_menu2_interne4.gif) no-repeat center top;margin: 0 15px 0 0;}

.groupeMaaf #menu2_interne_1.actif a, .groupeMaaf #menu2_interne_1 a:hover {background: url(images/groupeMaaf_menu2_interne1_on.gif) no-repeat center top;}
.groupeMaaf #menu2_interne_2.actif a, .groupeMaaf #menu2_interne_2 a:hover {background: url(images/groupeMaaf_menu2_interne2_on.gif) no-repeat center top;}
.groupeMaaf #menu2_interne_4.actif a, .groupeMaaf #menu2_interne_4 a:hover {background: url(images/groupeMaaf_menu2_interne5_on.gif) no-repeat center top;}
/*.groupeMaaf #menu2_interne_4.actif a, .groupeMaaf #menu2_interne_4 a:hover {background: url(images/groupeMaaf_menu2_interne4_on.gif) no-repeat center top;}*/
.groupeMaaf #menu2_interne_5.actif a, .groupeMaaf #menu2_interne_5 a:hover {background: url(images/groupeMaaf_menu2_interne4_on.gif) no-repeat center top;}

/* ================== */
/* menu3 (contextuel) */
/* ================== */
#menu3 {float: right;clear: right;width: 158px;margin: 13px 17px 0px 0px;position:relative;background: none;z-index:2;}
#menu3 ul {list-style-type: none;}
/* bloc1 - arrondi fushia avec bordure */
#menu3 .bloc1 {background: url(images/bloc1_top.gif) no-repeat left top;margin: 0 0 25px 0;z-index:3;}
#menu3 .bloc1 ul {background: url(images/bloc1_bottom.gif) no-repeat left bottom;padding: 10px 5px 10px 7px;}
#menu3 .bloc1 li {background: url(images/bloc1_li_top.gif) no-repeat left top;margin: 0px 0px 0px 0px;}
#menu3 .bloc1 li span {background: url(images/bloc1_li_bottom.gif) no-repeat left bottom;padding: 0 10px 0 10px;display: block;}
#menu3 .bloc1 li div {background: url(images/bloc1_li_bottom.gif) no-repeat left bottom;padding: 0 10px 0 10px;display: block;}
#menu3 .bloc1 li a {background: url(images/bloc1_arrow.gif) no-repeat left 1px;padding: 3px 0 3px 30px;display: block;color: #000;font-weight: bold;min-height: 17px;font-size: 0.9em;}

/* bloc2 - arrondi rose sans bordure */
#menu3 .bloc2 {background: url(images/bloc2_top.gif) no-repeat left top;margin-bottom: 43px;font-size: 0.8em;}
#menu3 .bloc2 a.selected {font-size: 1.1em;margin-left: 1px;}
#menu3 .bloc2 ul {background: url(images/bloc2_bottom.gif) no-repeat left bottom;padding: 5px 15px 5px 7px;}
#menu3 .bloc2 li {margin: 9px 0;}
#menu3 .bloc2 li a {background: url(images/bloc2_arrow.gif) no-repeat 7px 3px;padding: 0 0 0 23px;display: block;color: #000;font-weight: bold;}
#menu3 .bloc2 li.nextbloc {border-top: 2px solid #ba7081;margin-top:-2px;}
#menu3 .bloc2 li ul {padding:0 0 0 25px;background: none;}
/* webclient : en bottom +1 sur le padding pour contrer le -1 en marge */
/* webclient : en bootom -1 pour eviter le petit espace sous ie */
#menu3 .bloc2 li li {padding: 4px 0 1px 12px;margin: 0 0 -1px 0;background: url(images/bloc1_li_sub_middle.gif) repeat-y left 1px;}
#menu3 .bloc2 li li.first {background: url(images/bloc1_li_sub_top.gif) no-repeat left 1px;}
#menu3 .bloc2 li li.last {background: url(images/bloc1_li_sub_bottom.gif) no-repeat left -15px;}
#menu3 .bloc2 li li a{background: none;padding: 0;}

/* bloc3 - arrondi fushia avec bordure et sous-menu */
#menu3 .bloc3 {background: url(images/bloc1_top_nv3.gif) no-repeat left top;}
#menu3 .bloc3 a.selected {font-weight:bold;font-size:1em;}
#menu3 .bloc3 div {background: url(images/bloc1_bottom_nv3.gif) no-repeat left bottom;margin: 0px 0px 25px 0px;padding:6px;}
#menu3 .bloc3 ul {background: none;margin: 0;padding: 5px 3px 0px 3px;}
#menu3 .bloc3 li {background: url(images/bloc1_arrow_nobg.gif) no-repeat 2px 1px;margin: 1px 0 0 0;padding: 3px 0 3px 30px;}
#menu3 .bloc3 li.open {border-top: 0.05em solid #000;margin: 5px 0 2px 0;padding: 8px 0 3px 30px;}
#menu3 .bloc3 li.alone {padding: 0px 0 3px 30px;margin: 0px;}
#menu3 .bloc3 li.exclamation {background: url(images/bloc1_excla.gif) no-repeat 2px 6px;}
#menu3 .bloc3 li.plus {background: url(images/bloc1_plus.gif) no-repeat 2px 6px;}
/* webclient : 6+8px pour baisser l'icone de "gerer mes contrats" sur 2 lignes */
#menu3 .bloc3 li.pen {background: url(images/bloc1_pen.gif) no-repeat 2px 14px; }
#menu3 .bloc3 li ul {font-size:0.9em;padding:0 0 5px 0;}
#menu3 .bloc3 li li {background: url(images/bloc3_li_sub_middle.gif) repeat-y left 1px;padding:2px 0 0 12px;margin: 0;}
#menu3 .bloc3 li.first {background: url(images/bloc3_li_sub_top.gif) no-repeat left 1px;}
#menu3 .bloc3 li.last {background: url(images/bloc3_li_sub_bottom.gif) no-repeat left -15px;}
#menu3 .bloc3 li a {color: #000;}
/* bloc4 - carre rose */
.bloc4 {background-color: #e95d84;margin: 0 0 25px 0;font-size: 1em;font-weight:bold;padding: 10px 5px;}
.bloc4 a {color: #000;}
.bloc4 li {padding-left:13px;}
.bloc4 li ul {padding-left:14px;}
.bloc4 li ul a {font-size:0.9em;font-weight: normal; /* webclient : pour les autres */}
.bloc4 li ul a.selected {font-weight: bold; /* webclient : item selectionne */}
.bloc4 li li {background: url(images/bloc4_li_sub_middle.gif) repeat-y left 1px;padding:2px 0 0 12px;margin: 0;}
.bloc4 li.first {background: url(images/bloc4_li_sub_top.gif) no-repeat left 1px;}
.bloc4 li.last {background: url(images/bloc4_li_sub_bottom.gif) no-repeat left -15px;}

/* Affichage des sous-menus */
.submenu-closed {display:none;}
.submenu-open {display: block;}

/* ====================================== */
/* Plan d'intervention exceptionnel (PIE) */
/* ====================================== */
#menu3 .blocPIE {
background:transparent url(images/bloc2_top_blanc.gif) no-repeat scroll left top;
font-size:0.9em;
font-weight:bold;
margin-bottom:24px;
}
#menu3 .blocPIE ul {
background:transparent url(images/bloc2_bottom_blanc.gif) no-repeat scroll left bottom;
padding:5px 15px 5px 15px;
}
#menu3 .blocPIE li a {display:block;text-decoration:none;font-weight:normal;}
#menu3 .blocPIE li a:hover {text-decoration:underline;}
#pavePIE {
background:#BEE1E0 url(espaceMAAF/images/pavePIE_top_blanc.gif) no-repeat scroll left top;
float:left;
margin:5px 0pt 0pt 45px;
width:634px;
}
#pavePIE #subcontent {
background:transparent url(espaceMAAF/images/pavePIE_bottom_blanc.gif) no-repeat scroll left bottom;
height:65px;
min-height:65px;
padding:10px 0px 0px 20px;
}
#pavePIE ul li {
background:transparent url(images/content_li_green.gif) no-repeat scroll left 5px;
list-style-type:none;
padding-left:20px;
}

.paveContenu { margin: 0 0 20px 0; }
a.selected {font-weight: bold;font-size:1.1em;}

/* ================== */
/* contenu            */
/* ================== */
#content { overflow:hidden; }
/* Home Portail */
#subwrapper1 {position: relative;float: right;margin: 30px 30px 0 0;width: 664px;padding: 14px 0;}
/* Home Rubrique et Produit */
#subwrapper_interne1 {position: relative;float: right;margin: 5px 5px 0 0;width: 700px;padding: 0 0 14px 0;}
/* Home Portail et Rubrique */
#subwrapper2 {position: relative;padding: 0 10px 0 7px;overflow:auto;}
/* Home Produit */
#subwrapper2_interne_niv3 {position: relative;padding: 0px 10px 0px 0px;z-index:1;}
.center {text-align:center;}
.float_left {float:left;}
.clear_left {clear:left;}
.italic {font-style: italic;}

.wysiwyg ul {list-style-position:inside;list-style-type:inherit;}
/* ========== */
/* footer     */
/* ========== */
#footer {clear: right;text-align: right;font-size: 0.8em;margin: 0 20px 0 0;}
#footer, #footer a {color: #fff;}

/* ========== */
/* classes generiques */
/* ========== */
/* Classe de remplacement de display:none pour lecteurs d'ecrans */
.submenu-closed {
position: absolute;
left: 0px;
top: -5000px;
width: 1px;
height: 1px;
overflow: hidden;
font-size: 1px;
}
