﻿* { margin:0 0 0 0; padding:0 0 0 0;  }
/* conception 
div
{
    border:1px dotted red;
    -border:none !important; 
}
*/ 
html { 
	    scrollbar-highlight-color : #ECEBE0;
	    scrollbar-shadow-color : #ECEBE0;
	    scrollbar-arrow-color : #999999;
	    scrollbar-face-color : #313031;
	    scrollbar-3dlight-color : #A5BED5;
	    scrollbar-darkshadow-color : #000000;
	    scrollbar-track-color : #f7f7ff;
	    scrollbar-base-color : #f7f7ff;
      } 

body { font-family:Arial,sans Sans-Serif;
       text-align:center;
       vertical-align:middle;
        background-image:url(img/background.jpg);
        background-attachment:fixed;
        background-position:center top;
       font-size:12px;
       color:#3E4253; }
textarea { font-family:Arial,sans Sans-Serif; }
.bgfond { background:#f4f2db; }
/* ----------------------------------------------------------- */    


/* ----------------------------------------------------------- */       
/* --------------- POSITIONNEMENT DES ELEMENTS --------------- */
/* ----------------------------------------------------------- */    
#content { width: 1001px; margin:0 0 0 0; padding:0 0 0 0;
           text-align:left; border:none; }
html>body #content{ margin: 0 auto; }
/* ----------------------------------------------------------- */


/* ------------------ PARTIE "HEADER" ----------------------- */
#content-header{ height:176px; width:768px;
                 float:right; padding:0 0 0 0; margin:0 0 0 0;
                 background:#ffffff url('img/header.jpg') 0 0 no-repeat; }
/* --- */   
#content-header #menu-header{ width:520px; height:18px; margin: 0 0 0 190px; }
html>body #content-header #menu-header{ margin: 0 0 0 225px; }
#content-header #menu-header li{ list-style:none; float:right;
                                 padding:0 8px 0 8px; margin:0 0 0 0; height:18px;  }
#content-header #menu-header li a{ color:#015780; text-decoration:none; font-size:10px; font-weight:bold; }
#content-header #menu-header li a:hover{ color:#D86702; }
/* ----------------------------------------------------------- */


/* ------------------ PARTIE "LEFT" -------------------------- */
#content-left{ width:177px; float:left;
               background:#F4F2DA;
               margin:0 0 0 0; padding:0 0 0 0;}
/* ----- */ 
#content-left .logo
{
    width:177px; background:#FFFFFF;
    height:75px; 
    display:block;
    border-top:4px solid #FFFFFF;
    padding:0 0 0 0;
    cursor:pointer;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/mycss/img/logo.png'); 
}
html>body #content-left .logo
{
    background:#FFFFFF url('img/logo.png') 50% 0 no-repeat;
    width:177px;
}
#content-left .logotxt a{ background:#FFFFFF; display:block;text-align:center; vertical-align:top; padding:0 0 11px 0px; letter-spacing:1px;
                          font-family:Verdana,sans Sans-Serif; font-weight:bold; text-decoration:none; font-size:14px; color:#249BD3; }  
#content-left .logotxt b{ font-weight:bold; color:#F09401;}
/* --- */                                                    
#content-left .search{ width:170px; padding:4px 0 0 0; }
#content-left .search table.firsttable{ width:170px; margin:30px 4px 0 2px; }
#content-left .search table.firsttable a{ text-decoration:underline; }
#content-left .search table td{ padding:3px 0 0 0; text-align:right; }   
#content-left .search table td.avancee{ font-weight:bold; color:#000000; padding:6px 0 0 0; } 
/* --- */
#content-left .titre-menu{ width:176px; height:25px; padding:0 0 0 0;
                           color:#FFFFFF; font-weight:bold; text-align:left;
                           background :#a7a37e; }
#content-left .bg-menu{ width:176px; text-align:left; padding:8px 0 10px 8px; background :#E8E5B8; }
#content-left .bg-menu a { background:url('img/puce-bleu.jpg') 0 50% no-repeat; text-decoration:none;
                           color:#A39F7C;  white-space:nowrap; display:block; 
                           padding:0 0 0 15px; margin:0 0 0 8px; }
#content-left .bg-menu1{ width:176px; text-align:left; padding:8px 0 10px 8px; background :#E8E5B8; }
#content-left .bg-menu1 a{ text-decoration:none; }
#content-left .bg-menu a:hover { text-decoration:underline; }
/* --- Compte --- 
#content-left .ElmIdent{ padding:4px 0 0 0; 
                         width:170px; height:76px; display:block; 
                         background:url('img/bgcompte.jpg') 0 0 no-repeat; }
#content-left .titre-menu-compte{ width:176px; height:25px; padding:0 0 0 0; 
                                  color:#f19402; font-weight:bold;
                                  background :#FFFFFF; }
#content-left .bg-menu-compte{ width:176px; padding:8px 0 10px 8px; text-align:left;
                               background :#F7B44C; }
#content-left .bg-menu-compte a{ color:#f4f2db; font-size:10px; text-decoration:underline; }
#content-left .bg-menu-compte a:hover{ color:#ffFfff; font-size:10px; text-decoration:underline; }*/

/* --- */
#content-left a.parent_moins { padding:0 0 4px 16px; margin:0 0 0 0; font-size:11px;
                               background:url('img/plus.gif') 0 40% no-repeat; color:#A39F7C;
                               font-weight:600; font-style:normal; text-decoration:none; }
#content-left a:hover.parent_moins { text-decoration:underline; color:#A39F7C; font-size:11px; }
#content-left a.child { color:#025FC8; padding:0 0 0 12px; margin:0 0 0 0;  font-size:11px; text-decoration:none; }
#content-left a:hover.child { }
#content-left a.mycompte { font-size:12px; color:#444444; text-decoration:none; }
#content-left a:hover.mycompte { font-size:12px; }                            
/* ----------------------------------------------------------- */


/* ------------------ PARTIE "SHADOWS" ------------------------ */
.shadow-left{ height:auto; width:28px; 
              background:transparent url('img/shadow-left.png') 0 0 repeat-y; } 
.shadow-right{ height:auto; width:28px; 
               background:transparent url('img/shadow-right.png') 0 0 repeat-y; }
/* ----------------------------------------------------------- */


/* ------------------ PARTIE "CENTRE" ------------------------ */
#content-centre{ height:auto; background:#FFFFFF url('/mycss/img/fond.jpg') 100% 0 repeat-y;
                 font-size:12px; text-align:left;
                 padding:4px 0 0 10px; margin:0 0 0 0;
                 width:758px;
                 float:right; }     
html>body #content-centre{ width:758px; }
#content-centre a { text-decoration:none; }
/* ----------------------------------------------------------- */


/* ------------------ PARTIE "FOOTER" ------------------------ */
#content-footer{ clear:both;  }
/* --- */                 
#content-footer #menu-footer { width:943px; height:30px; 
                               background:#3a5d79 url('img/bg-footer.jpg') 0 0 repeat-x;
                               border-bottom:1px solid #818181;
                               margin:0 0 0 0; padding:0 0 0 2px; }
#content-footer #menu-footer li{ list-style:none; float:left; font-size:12px;
                                 line-height:14px; border-left:1px solid #FFFFFF;
                                 padding:0 20px 0 20px; margin:8px 0 0 0;  }
#content-footer #menu-footer li.first{ border-left:none; padding:0 20px 0 170px; margin:8px 0 0 0; }
#content-footer #menu-footer li a{ color:#FFFFFF; font-style:normal; font-weight:normal; text-decoration:none; }
#content-footer #menu-footer li a:hover{ text-decoration:underline; color:#E76E02; }
.ancrehaut{ position:relative; left:40px; top:2px; float:left; color:#FFFFFF;
            background:url('img/puce-haut-blanc.jpg') 0 80% no-repeat; padding:0 8px 0 18px; }
.honfooter{ position:relative; left:2px; top:-24px; float:left; }
/* --- */
#content-footer #menu-footer2{ width:945px;
                               background:#d3cea6 url('img/bg-footer2.jpg') 0 0 repeat-x; border-top:1px solid #EAE8D3;
                               margin:0 0 0 0; padding:0 0 8px 0; }
#content-footer #menu-footer2 #IndexTbl{ text-align:center; margin:8px 0 0 25px; }
#content-footer #menu-footer2 #IndexTbl strong a{ padding:0 0 0 24px; line-height:20px;
                                                  font-size:12px;font-style:normal; font-weight:bold;
                                                  color:#76745D; text-decoration:none; }
#content-footer #menu-footer2 #IndexTbl li{ list-style:none; float:none; font-size:11px;
                                            line-height:10px; border:none;
                                            padding:0 0 0 0; margin:0 0 0 0; }
#content-footer #menu-footer2 #IndexTbl li a { color:#76745D; font-weight:normal; text-decoration:none; }
/* ------------------------------------------------------------ */


/* --------------- MENU PRINCIPALES : ONGLETS ---------------- */
#mainmenu{ text-align:left; z-index:0;display:block; height:46px;
           padding:0 0 0 0; margin:0 0 0 0; }  
#mainmenu li{ list-style:none; float:left; height:46px; 
              margin:0 0 0 0; padding:0 0 0 0; text-align:center;
              border:none; }
#mainmenu a{ padding:10px 2px 0 0; margin:0 0 0 0; display:block;
             text-align:center;  font-weight:bold; color:#FFFFFF; text-decoration:none;
             text-transform:none; }
/* --- Onglet Normal --- */
#mainmenu a.onglet{ display:block; width:120px; height:45px; font-size:12px;
                    background:url('/mycss/img/onglets/onglet.png') 0 0 no-repeat; }
#mainmenu a._connect{ background:url('/mycss/img/onglets/onglet_connect.png') 0 0 no-repeat; }

/* --- Moyen Onglet --- */
#mainmenu a.onglet_moyen{ display:block; width:150px; height:45px; font-size:12px;
                          background:url('/mycss/img/onglets/onglet_moyen.png') 0 0 no-repeat; }
#mainmenu a._moyen_connect{ background:url('/mycss/img/onglets/onglet_moyen_connect.png') 0 0 no-repeat; }

/* --- Dernier Onglet --- */
#mainmenu a.onglet_last{ display:block; width:120px; height:45px; font-size:12px;
                         background:url('/mycss/img/onglets/last_onglet.png') 0 0 no-repeat; }

/* ---  Premier Onglet --- */
#content-left .first_onglet{ display:block; width:177px; height:65px; font-size:12px; padding:2px 0 0 0 !important;
                             background:url('/mycss/img/onglets/first_onglet.png') 0 0 no-repeat; }
html>body #content-left .first_onglet{ display:block; width:177px; height:65px; font-size:12px; padding:4px 0 0 0; }
                             
#content-left ._first_connect{ background:url('/mycss/img/onglets/first_onglet_connect.png') 0 0 no-repeat; }
                             
/* ---  Onglet Inscription --- */
#mainmenu a.onglet_inscription{  display:block; width:120px; height:45px; font-size:12px;
                                 background:url('/mycss/img/onglets/onglet_inscription.png') 0 0 no-repeat; }

/* --- MODE CONNECTE --- */
#mainmenu a{ padding:8px 0 0 0; margin:0 0 0 0; display:block; 
             text-align:center; font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none;
             text-transform:none; }
html>body #mainmenu a.onglet_connect{ margin:5px 1px 0 0px !important;
                                    background:url('/mycss/img/onglet_connect.png') 0 0 no-repeat; }
#mainmenu a.onglet_connect{ display:block; width:170px; height:22px;
                            margin:5px 2px 0 0;
                            -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/mycss/img/onglet_connect.png'); }
/* ----------------------------------------------------------- */


/* ------------------- STYLES DES TITRES ---------------------- */
h1{ width:500px; height:46px; background:#FFFFFF url('/mycss/img/picto/h1_default.png') 0 0 no-repeat; 
    padding:10px 0 0 45px; margin:8px 0 0 0; color:#025BC0; font-size:14px; }
.titre-h1{ width:500px; height:46px; background:#FFFFFF url('/mycss/img/picto/h1_default.png') 0 0 no-repeat; 
           padding:4px 0 0 45px; margin:8px 0 0 0; color:#025BC0; font-size:14px;}
h1 i{ color:#009EE0; font-style:normal; }  
h1 b{ color:#F5AA33; }

/* --- les H --- */
.h1{ padding:12px 0 0 48px; margin:8px 0 0 0; color:#E87202;  }
._question { background:url('/mycss/img/picto/h1_question.png') 0 0 no-repeat; }
._espace {  padding:4px 0 0 48px; background:url('/mycss/img/picto/h1_espace.png') 0 0 no-repeat; }
._dossier {  background:url('/mycss/img/picto/h1_dossier.png') 0 0 no-repeat; }
._inscription {  background:url('/mycss/img/picto/h1_inscription.png') 0 0 no-repeat; color:#025BC0; }
/* --- */

.couleurtitre{  background:#FFFFFF; height:20px; width:350px;
                padding:2px 0 2px 4px; margin:6px 0 2px 0; border-left:2px solid #FFFFFF;
                font-weight:bold; text-transform:uppercase; font-size:13px; }
h2 {padding:0 10px 0 20px; margin:4px 0 10px 0; 
	color:#056e88; font-size :14px; text-align : left; }

h3 { padding:0 10px 10px 10px; margin:18px 0 8px 0; width:325px;
	 color : #FF6633; font-size :13px; font-weight:bold; text-align : left; }

h4 { padding:0 10px 0 10px; margin:10px 0 4px 0;
	 color : #459B98; font-size :11px; font-weight:bold; text-align : left; }

h5 { padding:0 10px 0 10px; margin:10px 0 10px 0;
	 color : #000090; font-size :16px; font-weight:bold; text-align : left; }

h6 { padding-left : 35px;
	 color : #000000; font-size :12px; font-weight:bold; font-style : italic; } 
 
b{ color:#222222; font-weight:500; } 

.table-magazine h3
{
    width:auto;
    padding:0px 0px 10px 0px;
    margin:0 0 0 0;
	color : #FF6633;
	font-size :13px;
	font-weight:bold;
}
/* --------------------------------------------- -------------- */

/* ------------------- STYLES DES ELEMENTS ---------------------- */
.button{ color:#e8e5b8; font-weight:bold; font-size:11px; width:96px; height:22px;
         padding:0 1px 2px 1px;         
         background:url('img/button2.jpg') 0 0 no-repeat; border:none; } 
.button_quest{ color:#FFFFFF; font-weight:bold; font-size:11px; height:22px;
         padding:0 4px 2px 4px;         
         background:#557070; border:none; }  
.button-compte{ color:#e8e5b8; font-weight:bold; font-size:11px; width:34px; height:20px;
             padding:0 1px 0 1px;         
             background:url('img/button-compte2.png') 0 0 no-repeat; border:none; }
.button-connection{ color:#e8e5b8; font-weight:bold; font-size:11px; width:140px; height:22px;
         padding:0 1px 2px 1px;         
         background:url('img/button3.jpg') 0 0 no-repeat; border:none; }
.bouton{ border:none;
         background: transparent url(img/bouton.png) 0 0 no-repeat;
         width:160px; height:24px;
         padding:0 0 3px 5px;
         color:#FFFFFF; font-size:12px; font-weight:bold; }
.petit-button{ color:#e8e5b8; font-weight:bold; font-size:11px; width:30px; height:22px;
         padding:0 1px 2px 1px;         
         background:url('img/petit_button.jpg') 0 0 no-repeat; border:none; }
         
.searchbt{ color:#e8e5b8; font-weight:bold; font-size:11px; width:109px; height:25px;
           padding:0 1px 2px 1px;         
           background:url('img/searchbt.jpg') 0 0 no-repeat; border:none; }
/* --- */
.box{ color:#49493A; font-weight:bold; font-size:12px; text-align:left;
      border:1px solid #49493A;
      height:14px; width:104px;
      background:#FFFFFF;
      padding:1px 2px 2px 4px; }

.boxcompte{ color:#38526c; font-weight:bold; font-size:11px; text-align:left;
            border:1px solid #38526c;
            height:12px;
            background:#FFFFFF;
            padding:1px 0 2px 4px; }
.boxsearch{ color:#999999; font-weight:bold; font-size:12px; text-align:left;
            border:none;
            height:17px; 
            width:200px;
            background:#FFFFFF;
            padding:2px 0 1px 4px; /* IE 7.0 */ 
            -padding:2px 0 1px 4px;  }
html>body .boxsearch{ width:200px;padding:2px 8px 2px 0; }
/* --- nouveau champs de recherche --- */
.bgsearchbox{ display:block; width:136px; height:21px; 
              padding:1px 0 0 0; margin:3px 0 0 2px;
              background:transparent url('img/searchbox.gif') 0 0 no-repeat; }
.searchbox{ color:#8303FB; font-weight:bold; font-size:12px; text-align:left;
            border:none;
            width:124px; height:16px; padding:0 0 0 0; margin:0 0 0 4px;
            background:#FFFFFF; }
/* --- */
.searchliste{ color:#888888; font-weight:bold; font-size:12px; text-align:right;
              border:none; border-top:1px solid #999999; border-bottom:1px solid #999999;
              height:19px; 
              width:60px;
              background:#FFFFFF url('img/flecheliste.jpg') 0 100% no-repeat;
              padding:2px 0 2px 0; /* IE 7.0 */ 
              -padding:2px 8px 2px 0; }
/* --- */
input.long-text-field{ border:none; color:#2D5F7E; font-size:11px; font-weight:bold;
                       background:transparent url('img/long-text-field.png') 0 40% no-repeat;
                       width:275px; height:18px;
                       padding:7px 20px 4px 10px; margin:0 0 3px 0; }
                   
/* --- */
.radio{ color:#4A6072; font-weight:bold; font-size:12px; text-align:left;
      background:#FFFFFF; }
/* --- */
select.liste{ color:#4A6072; font-weight:bold; font-size:12px; text-transform:capitalize;
              border:1px solid #4A6072;
              height:20px;
              background:#FFFFFF url('img/loupe-search.jpg') 0 0 no-repeat;
              padding:2px 8px 2px 0 }     
.liste  option{ color:#4A6072; padding:0 0 0 4px;  }
/* --- */
.littlesaut{ height:8px; line-height:8px; } 
.separation-gold{ width:100%; line-height:8px; border-top:1px dotted #ffdb6b; background:#fdf7d7;
                  display:block; margin:4px 4px 6px 0; padding:1px 0 0 0; }
 html>body .separation-gold{  }
/* ---------------------------------------------------------- */

/* ------------------- STYLE DES MESSAGES ------------------- */
.validmess{ border:none; border-top:1px solid #5BAF00; border-bottom:1px solid #5BAF00;
            padding:20px 20px 20px 40px; margin:10px 0 20px 0; color:#55A201;
            display:block; width:500px;
            background:url('img/picto/okmess.png') 0 50% no-repeat;}
.erreurmess{ border:none; border-top:1px solid #AD1800; border-bottom:1px solid #AD1800;
             padding:20px 20px 20px 40px; margin:10px 0 20px 0; color:#AD1800;
             display:block; width:500px;
             background:url('img/picto/erreurmess.png') 0 50% no-repeat;}
.infosmess{ color:red; }
.erreurbox{ background:#FCD9D9; color:Red; }
a .surligne{ text-decoration:none; color:#ff5900; }
a:hover .surligne{ text-decoration:underline; color:#ff5900; }
/* ---------------------------------------------------------- */

/* ---------------------- BLOC DE SAISI ----------------------- */
.BgWhite{ width:500px; background:#FFFFFF; padding:4px 6px 12px 6px; margin:0 0 0 25px; font-size:11px; }
html>/**/body .BgWhite{ width:512px; background:#FFFFFF; padding:0 6px 12px 6px; }

/* --- */
.BgWhite td{ padding:0 0 0 12px; margin:0 0 0 0; font-size:11px; }
.BgHeaderWhite { background:#FFFFFF url('/site-img/content/centre-header-gris.gif') 0 100% no-repeat; width:500px; height:10px; }
/* --- */
.BgFooterWhite { background:#FFFFFF url('/site-img/content/centre-footer-gris.gif') 0 0 no-repeat; margin:0 0 0 0; width:500px; height:20px; }
.border{ border-left:2px solid #7C7C7C; border-right:2px solid #7C7C7C; font-size:11px; }
/* --- */
.BgWhite2{ width:500px; background:#FFFFFF; padding:4px 6px 12px 6px; margin:0 0 0 30px; font-size:11px; }
html>/**/body .BgWhite2{ width:512px; background:#FFFFFF; margin:0 0 0 25px; padding:0 6px 12px 6px; }

/* --- */
.BgWhite2 td{ padding:0 0 0 12px; margin:0 0 0 0; font-size:11px; }

/* ---------------------------------------------------------- */


/* ------------------ ONGLETS COMPTE ------------------------
.onglets-compte{ width:500px; height:24px;
                 margin:0 0 0 34px; }
.onglets-compte li{ list-style:none; float:left; margin:0 0 0 1px; }  
.onglets-compte li a{ width:118px;  display:block; text-decoration:none; text-transform:capitalize;
                      text-align:center; vertical-align:middle; font-weight:normal;
                      background:url('img/onglets-compte.jpg') 0 0 no-repeat; color:#FFFFFF; letter-spacing:1px;
                      margin:0 0 0 0; padding:8px 0 6px 0; } 
.onglets-compte li a.selected{ background:url('img/onglets-compte-selected.jpg') 0 0 no-repeat;  color:#FFFFFF; text-decoration:none; } */
/* ---------------------------------------------------------- */

/* ------------------------- SUJETS ----------------------- */
.auteur { width:550px; float:left;
	      padding:0 0 0 10px;margin:10px 0 0 0;
	      border:1px solid white; background:#DDDDDD;
	      color:#000000; font:10px "Trebuchet MS", Verdana, Arial, sans-serif;
	      text-align:left; font-style:italic; font-weight:normal; }

.juridique { width:550px; float:left;
	         padding:0 0 4px 10px; margin:10px 0 4px 0;
	         border:1px solid white; background : #DDDDDD;
	         color:#000000; font : 10px Verdana, Arial, sans-serif;	
	         text-align : left;	font-style : normal; font-weight : normal; }

.mise_en_garde{	color:#B80A0A; font-size:10px; line-height:12px; padding:0 0 8px 0; }

.rubrique td{ background-color:#FCD9D9; font-size:10px; color:#8D9FAC; padding:2px 2px 4px 3px; }
.rubrique td a{ color:#0000ff; font-style:normal; }

.conseillecture { color:#669933; font-weight:bold; cursor:hand; }

.illustration {	color:#9966FF; font-weight:bold; cursor:hand; }

.medicaments { color:#FF0000; font-weight:bold; cursor:hand; }

.annuaire { padding-left : 0 10px 0 10px;
	        color:#0000CC; font-weight:bold;
	        cursor : hand;
	        background-color:#FFFFCC; border:2px outset white; }
ul,UL,ol,OL{ margin : 0 0 0 36px; padding:3px 45px 0 10px; 
             list-style-image : url('img/puce-vert.gif'); }
li,LI { font-size:12px; list-style-image : url('img/puce-bleu.jpg'); margin:0 0 6px 8px; }
a{  color:#01629A; }
li a{ line-height:14px; color:#01629A; font-style:normal;  }
li a:hover{ font-style:normal;  }
TR{	padding:0 0 4px 0; }
.definition { color:#3A7B59; font-weight:bold; font-style:normal; cursor:help; }
a .definition { text-decoration:none;}
a:hover .definition { text-decoration:underline; color:#E76E02; }

#SavoirPlusLb li,LI a{ font-weight:bold; padding:1px 0 3px 0;}
#SavoirPlusLb a:hover { text-decoration:underline; color:#E76E02; }
html>body #SavoirPlusLb li,LI a{ padding:1px 0 3px 0; }

.titreparcours{ font-size:13px; font-weight:bold; color:#ff6633;
                padding:34px 0 16px 2px; }
.liendroite{ padding:0 0 0 0; color:#405b74;  }
a:hover.liendroite{ background:#FFFFFF;}

.firsttable a{ font-weight:bold; text-align:center; 
               padding:4px 4px 4px 4px; margin:0 0 10px 0; }
.firsttable img{ border:1px solid #999999; }
/* --- */
a.teleconseiller{ width:125px; height:125px; display:block; 
                  border:1px solid #999999;
                  background:url('/mycss/img/teleconseiller.jpg') 0 0 no-repeat; }
a:hover.teleconseiller{ width:125px; height:125px; display:block;
                        border:1px solid #999999;
                        background:url('/mycss/img/teleconseiller-hover.jpg') 0 0 no-repeat; }
/* --- */
#langueimg{ position:absolute; top:2px; left:945px; display:block; height:16px; width:50px; }
/* ------------------------------------------------------------ */
#LinksLiens{ margin:0 0 10px 50px; }
#LinksLiens a{ text-transform:uppercase; color:#555555; text-align:center; font-size:14px;
               border:1px solid #999999; background:#FFFFFF; 
               width:16px; line-height:20px; margin:0 1px 0 1px; padding:0 3px 1px 3px; }
#LinksLiens a:hover{  color:#FFFFFF; background:#476E99; text-decoration:none; }
/* ------------------------------------------------------------ */
.hon{ margin:14px 0 14px 10px; }
.hon a{ text-decoration:none; }
/* ------------------------------------------------------------ */

/* ------------------ ASSISTANT DE RECHERCHE ------------------ */
#AssistantElm{ position:absolute; top:125px; left:250px; z-index:1;
               width:auto;  padding:0 0 0 0; margin:0 0 0 0;
               background:#FFFFFF; }        
a.aide{ display:block; width:30px; height:30px; background:url('img/aide.gif') 0 0 no-repeat; color:#174373; } 
a:hover.aide{ background:url('img/aide_hover.gif') 0 0 no-repeat; }  
/* ------------------------------------------------------------ */

/* ------------------- SCHEMA CORPS HUMAIN --------------------- */
.schema{ display:block; width:134px; height:270px; 
         cursor:pointer;
         background: url('img/schema.jpg') 0 0 repeat-x; }
/* ------------------------------------------------------------ */
                  
/* ------------------ FORMULAIRE DU SCHEMA -------------------- */
#SchemaElm,#SearchElm { position:absolute; top:200px; left:325px; z-index:1;
             width:490px;  margin:0 0 0 0;
             background:#FFFFFF; border:1px solid #304769; }
#SchemaElm,#SearchElm table{ padding:0 8px 2px 4px; width:490px; }
html>body #SchemaElm,#SearchElm{ width:474px; }
html>body #SchemaElm,#SearchElm table{  padding:0 0 0 0;  }
/* ------------------------------------------------------------ */

/* ---------------------- PLAN DU SUJET ----------------------- */
.RowPlanSujet{margin:0 4px 0 4px; }
.AlternateRowPlanSujet{ background:#666666;}
/* --- */
.TopPlanSujet{ width:164px; height:10px; background:url('/mycss/img/top-plan.jpg') 0 0 no-repeat; }
.BorderPlanSujet{ width:164px; padding:0 4px 0 4px; border:none; border-left:1px solid #777777; border-right:1px solid #777777; background:#FFFFFF; }
.BottomPlanSujet{ width:164px; height:10px; background:url('/mycss/img/bottom-plan.jpg') 0 0 no-repeat; }
/* --- */
.TopPlanSujetSelect{ width:164px; height:10px; background:url('/mycss/img/top-plan-select.jpg') 0 0 no-repeat; }
.BorderPlanSujetSelect{ width:164px; padding:0 4px 0 4px; border:none; border-left:1px solid #777777; border-right:1px solid #777777; background:#D8FEFD; }
.BottomPlanSujetSelect{ width:164px; height:10px; background:url('/mycss/img/bottom-plan-select.jpg') 0 0 no-repeat; }
.submit_form { color:#FFFFFF; font-weight:bold; font-size:12px; height:21px;
         padding:2px 1px 2px 1px;         
         background:url('/test_inters/img/submit.jpg') 0 0 no-repeat; border:1px solid #4A6072; }
/* ------------------------------------------------------------ */

/* ---------------------- LISTE DE RECHERCHE ----------------------- */
#ListeSearchElm
{
    background:#FFFFFF url('img/flecheliste.jpg') 90% 6% no-repeat;
    position:relative;
    list-style-type:none;
    z-index:2;
    display:block;
}

#ListeSearchElm li
{
    position:absolute;
    z-index:3;
    top:-20px;
    left:-50px;
    width:91px;
    height:62px;
    padding:4px 0 0 0;
    text-align:left;
    border:1px solid #999999;
    background:#FFFFFF url('img/flecheliste.jpg') 96% 6% no-repeat;
    display:block;
}

*+html #ListeSearchElm li
{
    top:-19px; 
}

#ListeSearchElm a
{
    text-decoration:none; 
    color:#999999;
    font-weight:bold;
    font-size:12px;
    padding:2px 0 0 6px; 
}
#ListeSearchElm a:hover
{
    text-decoration:underline; 
}
#TypeSearchSelected 
{
    width:85px;
    background:#FFFFFF url('/mycss/img/flecheliste.jpg') 90% 6% no-repeat;
    text-decoration:none;
    text-align:left; color:#999999; 
    font-weight:bold; font-size:12px;
    padding:2px 0 0 6px; 
 }
.listesearchtd
{
    /*width:80px; 
    display:block;*/ 
    border:none;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    background:#FFFFFF;
 }
/* ------------------------------------------------------------ */

/* -------------------- CHANGE FONT-SIZE ----------------------- */
.increase_font
{
    width:34px; 
    height:20px;
    background-image:url('/mycss/img/font-plus.png') !important;
    background-image:none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/mycss/img/font-plus.png'); 
}
.decrease_font
{
    width:34px; 
    height:20px;
    background-image:url('/mycss/img/font-moins.png') !important;
    background-image:none;
    -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/mycss/img/font-moins.png'); 
}
/* ------------------------------------------------------------ */

/* ------------------ SERVICE MENU GAUCHE --------------------- */

.liensmenu{ color:#045A96; font-size:13px;
            background:#FFFFFF url('/mycss/img/puce-vert.gif') 0 50% no-repeat; margin:0 0 4px 8px; padding:0 0 0 12px;
            width:142px; display:block; }    
/* --- */ 
.titremenuservices { width:176px; height:25px; padding:0 0 0 0;
                      font-weight:bold; text-align:center;
                     color:#326483; background:url('/mycss/img/titre_menu.png') 0 0 no-repeat; border-right:1px solid #326483; }
.menuservices{  border-right:1px solid #326483; }
.menuservices a{ text-decoration:none; font-size:11px; font-weight:bold; color:#6F6D58; }

#visutxt { position:absolute; font-size:12px;
           width:350px; height:200px; display:block; padding:0 0 0 0;
           background:url('/mycss/img/little_picto/visu.png') 0 0 no-repeat;
           text-align:center; vertical-align:middle; }
#visutxt table{ padding:2px 0 0 0; }         
/* ------------------------------------------------------------ */

/* ------------------------- MAGAZINE ----------------------- */
.table-magazine{ width:350px; margin:0 0 4px 0;  }
.corp-magazine{ background:#FFFFFF; border:none; font-size:11px;
                font-size:12px; text-align:left; padding:0 2px 0 0;  }
.corp-magazine h2{ color:#1567fd; font-size:11px; font-weight:bold; 
                    padding:2px 0 4px 2px; margin:0 0 0 0;
                    height:14px; line-height:14px; background:#FFFFFF; }
.corp-magazine img{ padding:4px 4px 4px 4px; float:left; width:54px; height:auto; margin-right:4px; }
.corp-magazine a{ float:right; }
/* ------------------------------------------------------------ */
/* ---------------------- MAGAZINE ALTERNATE ------------------ */
.table-magazine2{ width:350px; margin:0 0 4px 0; }
.corp-magazine2{ background:#CDE6FF; border:none; font-size:11px;
                font-size:12px; text-align:left; padding:0 2px 0 0; }
.corp-magazine2 h2{ color:#1567fd; font-size:12px; font-weight:bold; 
                    padding:2px 0 4px 2px; margin:0 0 0 0; font-size:11px;
                    height:14px; line-height:14px; background:#cde6ff; }
.corp-magazine2 img{ padding:4px 4px 4px 4px; float:left; width:54px; height:auto; margin-right:4px; }
.corp-magazine2 a{ float:right; }
/* ------------------------------------------------------------ */

/* ---------------------------- NEWS -------------------------- */
.table-news{ width:270px; margin:0 0 4px 0; padding:0 0 0 4px; }
.titre-news{ text-align:left; color:#EC6B02; font-weight:bold; font-size:12px;
             width:270px; display:block;
             padding:2px 0 4px 0; margin: 0 0 0 0; }
.corp-news{ background:#FFFFFF; border:none;
            font-size:11px; text-align:left; padding:0 0 0 0;  }
.corp-news a{ display:block; color:#4E607C; font-weight:bold; float:none; padding:0 4px 2px 0; }
/* ------------------------------------------------------------ */
/* ----------------------- NEWS ALTERNATE --------------------- */
.table-news2{ width:270px; margin:0 0 4px 0; padding:0 0 0 5px;
              background:#FFF4CD; }
.corp-news2{ border:none;
             font-size:11px; text-align:left; padding:0 0 0 0; }
.corp-news2 a{ display:block; color:#4E607C; font-weight:bold; float:none; padding:0 4px 2px 0; }
/* ------------------------------------------------------------ */

/* ----------------------- HOMEPAGE --------------------------- */
.homepagerubrique{ width:570px;
                   margin:2px 0 4px 0;
                   border:none; border-bottom:2px dotted #C7C7C7; }
.homepagenews{ width:280px;
               margin:2px 0 4px 0;
               border:none; border-bottom:2px dotted #C7C7C7; }
.corpshomepagenews h1,.corpshomepagenews h2,.corpshomepagenews h3{ padding:0 0 3px 0; margin:0 0 0 0;  font-weight:normal; font-size:12px; color:#333333; }
.corpshomepagenews ul{ padding:0 0 0 0; margin:0 0 0 0; font-weight:normal; font-size:12px; color:#333333; }
.corpshomepagenews li{ list-style:none; }

.homepageconseil{ width:555px; margin:0 0 4px 0; padding:4px 4px 8px 8px;
                  border:2px dotted #C5C5C5; background:#F7FCC1; }
.flechejaune{ width:18px; height:20px;
              border:none; border-top:1px solid #C7C7C7;
              background:url('../mycss/img/homepage/flechejaune.gif') 0 0 no-repeat; }
.flecherouge{ width:18px; height:20px;
              border:none; border-top:1px solid #C7C7C7;
              background:url('../mycss/img/homepage/flecherouge.gif') 0 0 no-repeat; }
.flecheverte{ width:18px; height:20px;
              border:none; border-top:1px solid #C7C7C7;
              background:url('../mycss/img/homepage/flecheverte.gif') 0 0 no-repeat; }
.flechemauve{ width:18px; height:20px;
              border:none; border-top:1px solid #C7C7C7;
              background:url('../mycss/img/homepage/flechemauve.gif') 0 0 no-repeat; }
.flechebleu{ width:18px; height:20px;
             border:none; border-top:1px solid #C7C7C7;
             background:url('../mycss/img/homepage/flechebleu.gif') 0 0 no-repeat; }
.flecheorange{ width:18px; height:20px;
               border:none; border-top:1px solid #C7C7C7;
               background:url('../mycss/img/homepage/flecheorange.gif') 0 0 no-repeat; }

.h2bg{ color:#888888; font-weight:bold; font-size:12px;
       padding:1px 0 0 10px;margin:0 0 0 0; 
       display:block; width:542px; height:20px;
       border:none; border-top:1px solid #C7C7C7;
       background:url('../mycss/img/homepage/h2bg.gif') 0 0 repeat-x; }
       
.h2bgnews{ color:#888888; font-weight:bold; font-size:12px;
           padding:1px 0 0 10px;margin:0 0 0 0; 
           display:block; width:252px; height:20px;
           border:none; border-top:1px solid #C7C7C7;
           background:url('../mycss/img/homepage/h2bg.gif') 0 0 repeat-x; }
.h2bgactu{ color:#888888; font-weight:bold; font-size:12px;
           padding:1px 0 0 10px;margin:0 0 0 0; 
           display:block; width:320px; height:20px;
           border:none; border-top:1px solid #C7C7C7;
           background:url('../mycss/img/homepage/h2bg.gif') 0 0 repeat-x; }
.h2conseil{ color:#0499F7; font-weight:bold; font-size:13px; 
            display:block; width:120px; height:20px;
            padding:4px 0 0 0; margin:0 0 0 0; text-align:center;
            background:url('../mycss/img/homepage/ongletconseil.gif') 0 0 no-repeat; }
.h3dossier{ color:#FFFFFF; font-weight:bold; font-size:12px; 
            display:block; width:175px; height:20px;
            padding:5px 0 0 0; margin:0 0 0 0; text-align:left; }
.bgdossier{ padding:4px 4px 5px 4px; margin:0 0 0 0; vertical-align:middle; text-align:left; }
/* --- */
.fleche_grossesse{ font-weight:normal; color:#9250B4;font-size:12px;
                   padding:0 0 0 12px; margin:0 0 0 6px;
                   background:url('../mycss/img/homepage/fleche-grossesse.gif') 0 50% no-repeat; }
.fleche_grossesse strong{ font-weight:bold; }
.fleche_hygiene{ font-weight:normal; color:#046ae9; font-size:12px;
                 padding:0 0 0 12px; margin:0 0 0 6px;
                 background:url('../mycss/img/homepage/fleche-hygiene.gif') 0 50% no-repeat; }
.fleche_hygiene strong{ font-weight:bold; }
.fleche_forme{ font-weight:normal; color:#E6AD00; font-size:12px;
               padding:0 0 0 12px; margin:0 0 0 6px;
               background:url('../mycss/img/homepage/fleche-forme.gif') 0 50% no-repeat; }
.fleche_forme strong{ font-weight:bold; } 
.fleche_dietetique{ font-weight:normal; color:#02C24A; font-size:12px;
               padding:0 0 0 12px; margin:0 0 0 6px;
               background:url('../mycss/img/homepage/fleche-dietetique.gif') 0 50% no-repeat; }
.fleche_dietetique strong{ font-weight:bold; }          
.homepageimg { float:left;margin:0 4px 2px 0;border:1px solid #D5D5D5;display:block;width:123px;height:77px;border:1px solid #777777; }
/* ------------------------------------------------------------ */

/* ------------------ SERVICE ESPACE SANTE -------------------- */
/* --- Identite --- */
.identite{ width:172px; display:block;
           font-weight:bold; color:#FFFFFF; text-align:center; padding:46px 0 0 0; }
.identite b{ font-weight:bold; color:#ED9804; }
/* --- Sous Menu --- */
.sousalert{ display:block;  height:22px; font-size:12px;
            background:#BBDCF6 url('/mycss/img/onglets/alert_onglet.png') 0 0 no-repeat; border-top:1px solid #336483; }
._sousalert_connect{ background:#BBDCF6 url('/mycss/img/onglets/alert_onglet_connect.png') 0 0 no-repeat; }
.sousonglet{ background:url('/mycss/img/onglets/bg_onglet.png') 0 0 repeat-x; }
.soustitre_pave{ padding:4px 0 2px 8px; color:#e87201; font-weight:bold; }

.alert { display:block; height:14px; display:block; color:#FFFFFF; 
         margin:0 0 0 25px; padding:4px 0 4px 22px; }
 .alert a {  color:#FFFFFF; }        
._default { margin:1px 0 0 8px; padding:0 0 0 22px; background:url('../mycss/img/little_picto/alerte_inscription.png') 0 50% no-repeat; }
._bienvenue { background:url('../mycss/img/little_picto/alerte_bienvenue.png') 0 50% no-repeat; }
._reponse { background:url('../mycss/img/little_picto/alerte_reponse.png') 0 50% no-repeat; }
._precision { background:url('../mycss/img/little_picto/alerte_precision.png') 0 50% no-repeat; }

/* --- */

.bold{ color:#00576D; font-weight:bold; }
#parent{ padding:0 0 0 40px; width:550px;}
/* --- */
.service_espace{ width:220px;
                 background:url('../mycss/img/ombre_pave.png') 0 100% no-repeat;
                 float:left; white-space:nowrap;
                 margin:4px 4px 4px 4px; padding:0 0 10px 0; }
.header_service_espace{ width:180px; height:22px; display:block;
                        text-align:center; color:#FFFFFF; 
                        background:#FFFFFF url('../mycss/img/titre_grand_pave.png') 0 0 no-repeat; }
.header_extra_service_espace{ width:220px; height:22px; display:block;
                              text-align:center; color:#FFFFFF; 
                              background:#FFFFFF url('../mycss/img/titre_extra_grand_pave.png') 0 0 no-repeat; }
.update_service_espace{ background:#BCDDE5;  vertical-align:middle; text-align:center; height:20px; 
                        border:none; border-left:1px solid #066E88; border-right:1px solid #066E88; border-bottom:1px dotted #066E88; }
.contenu_service_espace{ padding:8px 4px 0 4px;
                         border:none; border-left:1px solid #066E88; border-right:1px solid #066E88;
                         background:#FFFFFF; color:#444444; text-align:center; }
.bas_service_espace{ width:180px; height:16px;
                     background:#FFFFFF url('../mycss/img/bas_grand_pave.png') 0 0 no-repeat; }
.bas_extra_service_espace{ width:220px; height:16px;
                     background:#FFFFFF url('../mycss/img/bas_extra_grand_pave.png') 0 0 no-repeat; }
/* --- */
.popup_update{ width:340px;
               background:url('../mycss/img/ombre_popup_update.png') 0 100% no-repeat;
               float:left; white-space:nowrap;
               margin:4px 4px 4px 4px; padding:0 0 18px 0; }
.header_popup_update{ width:340px; height:22px; display:block;
                      text-align:center; color:#FFFFFF; 
                      background:#FFFFFF url('../mycss/img/header_popup_update.png') 0 0 no-repeat; }
.sousheader_popup_update{ background:#BCDDE5;  vertical-align:middle; text-align:center; height:20px; 
                          border:none; border-left:1px solid #066E88; border-right:1px solid #066E88; border-bottom:1px dotted #066E88; }
.contenu_popup_update{ padding:8px 4px 0 4px;
                       border:none; border-left:1px solid #066E88; border-right:1px solid #066E88;
                       background:#FFFFFF; color:#444444; text-align:center; }
.bas_popup_update{ width:340px; height:16px;
                   background:transparent url('../mycss/img/bas_popup_update.png') 0 0 no-repeat; }


/* --- Question Médecin --- */   
#zone_modif{ position:absolute; top:200px; left:400px;
             width:350px; height:340px;  }
.lien_infos_question { width:550px; }
.lien_infos_question a{ color:#888888; font-weight:bold; margin:0 0 0 2px;  }
.header_liste{ background:#557070; color:#FFFFFF; font-weight:bold; }
.lien_poser{ background:#557070 url('/mycss/img_question/poser.gif') 0 50% no-repeat; padding:4px 0 4px 25px;vertical-align:top;color:#FFFFFF; }
.lien_achat{ background:#557070 url('/mycss/img_question/commander.gif') 0 50% no-repeat; padding:4px 0 4px 25px;vertical-align:top;color:#FFFFFF; }

 /* --- Dossier Sante Personnel --- */            
.ligne_1 { background-color:#E1F6FF; font-size:12px; }
.ligne_0 { font-size:12px; background-color:#FFFFFF; }
.ligne_0 td,.ligne_1 td { padding:2px 2px 2px 2px;font-size:12px; }
.ligne_deleted { background-color:#FFDDDD; }
.ligne_over{ background-color:#C1D6E5; font-size:12px; }
.ligne_over td { padding:2px 2px 2px 2px; }
.small_text{ color:#666666; font-size:11px; font-style:italic; }

/* --- Inscription --- */
#legend_message{ border-left:1px solid #950A05; border-bottom:1px solid #950A05;
                 color:#950A05; padding:2px 2px 2px 3px;
                 position:relative; top:-3px; }

.suivi_inscription{ width:98%; 
                    background-image:url(/img/degrade_clair.png); background-repeat:repeat-x;
                    color:#E9B7B5; font-style:italic; font-size:13px; }

.suivi_inscription .done{ color:#FFFFFF; font-style:normal; font-weight:bold; }

#listing a
{
    margin-left:2px;
    background-image:url('/img/puce-vert.gif');
    padding-left:10px;
    font-weight:bold;
    background-repeat:no-repeat;
    background-position:center left;
}

.encadre
{
    border:1px solid #666666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:2px 2px 2px 2px;
    margin:4px 0px 4px 0px;
}
.surligne
{
    background-color:#FEE9C7;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:2px 2px 2px 2px;
    margin:4px 0px 4px 0px;
}

#acces_medecin
{
    width:116px;
    height:43px;
    background-image:url(/img/acces_med.png);
    background-repeat:no-repeat;
    position:absolute;
    z-index:2;
    left:0px;
    top:10px;
    padding-top:10px;
    padding-left:10px;
}
#acces_medecin a
{
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-size:11px;
}

.pointilles{ color:#999999; font-size:10px; text-align:center; }
.lien-pays{ text-transform:capitalize; color:#FC7D00; font-weight:bold; }