/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:13px/1.4em Arial, "Trebuchet MS", Helvetica, Sans-serif;font-weight:normal;color:#004E62;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 0px;}


h1 { color: #2d7188; font-size: 32px; padding: 8px 0 0 5px ; line-height: 27px; }
h1 span {color: #aac832; font-size: 22px;  padding: 0 0 0 30px; }

h2 { background:url(../images/puce_carre_jaune.gif) no-repeat 0 15px; padding:10px 0 10px 15px; color : #2d7188; font-size: 14px;}
p.vide { padding:10px 0 10px 15px; color : #2d7188; font-size: 14px;}

h3 {background:url(../images/tiret_bleu.gif) no-repeat 0 20px; padding: 10px 0 10px 10px; color : #2d7188; font-size: 14px;}

h1, h2, h3 { font-weight: bold;}

.gras{font-weight: bold;}

.erreur{font-weight: bold; color:red;}
.msg_ok{ color: #fca001; font-size: 16px; font-weight: bold; text-decoration: none; text-align:center;}
.msg_erreur{ color: red; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center;}

/* ---- definition du main -- */
body { text-align:center; background: #6cb1cc url(../images/degrade.jpg) repeat-x 0 100%; }

#main {position: relative; width:886px; text-align:left; margin:0 auto; margin-top: 38px;}

#header{position:relative;width:100%;height: 176px;overflow:hidden; }

#personnages_h {position: absolute;  width:253px; height:296px; top:11px; left:647px;}
#personnages_pi {position: absolute;  width:201px; height:235px; top:9px; left:690px;}

#centre{position:relative;width:100%; overflow: hidden; background: #FFF; }

#left { position: relative; width:233px; float: left;}

#contacter {position: relative; width: 100%; height: 89px; background: url(../images/fond_teleph.jpg) no-repeat  0 0; margin:  0; }
#contacter p.texte {color: #a6b901; font-size: 18px; font-weight: bold; padding: 8px 0 0 30px;}
#contacter p.paris {color: #2d7188; font-size: 16px; font-weight: bold; padding: 0px 0 0 35px;}
#contacter p.numero {color: #fca001; font-size: 26px; font-weight: bold; margin: 10px 0 0 30px;}


#menu_gauche { width: 224px; height: 325px; background: #aac832  url(../images/fond_menu.gif) no-repeat  0 100%; margin-left: 9px;}
#menu_gauche ul {  padding-top: 10px;}
#menu_gauche ul li { padding: 5px 0 4px 18px; background: url(../images/puce_menu.gif) no-repeat 0 8px ; list-style: none;}
#menu_gauche ul li a{ font-size: 15px; color: #FFF;  font-weight: bold; text-decoration: none;line-height: 18px; }
#menu_gauche ul li.actif {background: #d4e97e; color:#4e7277; font-weight: bold;}
#menu_gauche ul li.actif a { color:#4e7277; }
 
#saviez_vous {width: 224px; margin:10px 0 0 9px; background: #fea212;}
#saviez_head {position:relative; color: #488397; height:48px; background: url(../images/le_saviez_vous.jpg) no-repeat 0 0; margin: 0;}
#saviez_head p { padding: 20px 0 0 25px;}
#saviez_texte {position:relative; background: url(../images/fond_saviez.gif) no-repeat 0 100%; padding: 5px 15px; text-align: center;}
 
#saviez_texte p.savoir_plus { text-align: right; }
#saviez_texte p.savoir_plus a { color: #fc4e01;}
 
#conteneur {position: relative; width:636px; float: right; margin: 0; padding: 0;}

#conteneur table.tblContenu{ clear: both;}
#conteneur table.tblContenu td { text-align: justify; vertical-align: top;}
#conteneur table { margin-right: 15px;}

#encadres {position: relative; width: 100%; height: 142px; }
#encadres_pi {position: relative; width: 100%; height: 34px; }

#top_contenu {position: relative; width: 100%; height: 76px;  background: url(../images/fond_titre.jpg) no-repeat  0 0;  }

#contenu, #contenu1, #contenu2, #contenu3 {  text-align: justify; height: 55Opx; width: 600px;  margin-left: 15px;}


#contenu1 { border-bottom: 1px solid #A1A1A1;}
#contenu2 { border-bottom: 1px solid #A1A1A1;}


/* --- cas de 2 colonnes --- */
.colG { position: relative; width: 275px; float: left; margin: 0 0 0 10px; padding: 0; }
html > body .colG {margin: 0 0 0 20px; }
.colG ul { padding-left: 10px;}
.colG ul li { display: block; padding: 0px 0 0px 10px; background: url(../images/puce_liste_jaune.gif) no-repeat 0 7px ; list-style: none;}


.colD { position: relative; width: 275px; float: right;  }
.colD td {text-align: left; vertical-align: top; }
.colD td.al_droite {text-align: right; vertical-align: top; }
.colD td.alv_bas { vertical-align: bottom; }
.colD ul { padding-left: 10px;}
.colD ul li { width:100%; display: block; padding: 0px 0 0px 10px; background: url(../images/puce_liste_jaune.gif) no-repeat 0 7px ; list-style: none;}


/* --- cas de 1 colonne --- */
.colC { position: relative; width: 550px; float: right; padding-bottom: 20px; margin-top: 25px;}
.colC ul {margin-left: 10px;} 
.colC li {width:100%; display: block;  padding: 2px 0 2px 10px; background: url(../images/puce_liste_jaune.gif) no-repeat 0 9px} 


#footer { width:100%; height: 32px; background: url(../images/fond_footer.gif) no-repeat  0 0; padding-top: 11px;}
#footer_g {width: 45%; float: left; margin-left: 12px; color: #FFF; font-size: 12px; }
html > body #footer_g { margin-left: 25px;}
#footer_d {width: 45%; float: right; margin-right: 6px; color: #FFF; text-align: right;}
html > body #footer_d { margin-left: 18px;}
#footer_d a {color: #FFF; font-size: 12px; text-decoration: underline; }

/* -- home -- */

#encadre1 {position: absolute; top: 10px; left: 18px; width: 197px; height: 117px; background: url(../images/fond_encadre_1.gif) no-repeat 0 0; }
#encadre1 td.texte1 {color: #2d7188; font-size: 11px; line-height: 13px;}
#encadre1 td.texte2 {color: #FFF; font-size: 16px; text-align: center; }
#encadre1 td.texte3 {color: #2d7188; font-size: 9px;letter-spacing: -0.5px; }

#encadre2 {position: absolute; top: 10px; left: 226px; width: 183px; height: 117px; background: url(../images/fond_encadre_2.gif) no-repeat 0 0; }
#encadre2 td.texte1 {color: #2d7188; font-size: 11px; line-height: 13px; text-align: center;}
#encadre2 td.texte2 {color: #FFF; font-size: 14px; text-align: center; }
#encadre2 td.texte3g {color: #FFF; font-size: 32px; text-align: center; line-height: 40px;}
#encadre2 td.texte3d {color: #FFF; font-size: 13px; line-height: 15px; }

/* --- encadrés gauche--- */
#encadre_GH { width: 224px; height: 82px; background: url(../images/fond_encadre_gh.gif) no-repeat 0 0; margin: 12px 0 0  8px; padding-top: 7px;}
#encadre_GH dt.texte1 {color: #2d7188; font-size: 11px; line-height: 13px; padding-left: 69px; }
#encadre_GH dt.texte2 {color: #FFF; font-size: 16px; font-size: 16px; padding-left: 60px; line-height: 28px; }
#encadre_GH dt.texte3 {color: #2d7188; font-size: 10px; padding-left: 5px; }

#encadre_GB { width: 224px; height: 90px; background: url(../images/fond_encadre_gb.gif) no-repeat 0 0; margin: 12px 0 0  8px; padding-top: 7px; text-align: center; font-weight: bold;}
#encadre_GB p.texte1 { line-height: 15px;padding-bottom: 7px;}
#encadre_GB p span.important { color: #FFF; font-size: 16px;}
#encadre_GB p span.taux { color: #FFF; font-size: 24px;}
#encadre_GB p span.petittexte { color: #FFF; font-size: 12px;}

/*  --- les pictos spécifiques à chaque page sont positionnés dans la page elle même  --- */
#picto {position: absolute; }

/* --- mise en page de maintien à domicile --- */

#divTop1, #divTop2, #divTop3 {position: relative; width: 603px; height: 48px; margin-top: 20px;clear:both;  }
#divTop1 table.ongl, #divTop2 table.ongl, #divTop3 table.ongl {margin-top: 8px;}
.ongActif { color: #FCA001; font-weight: bold; font-size: 12px;}
#divTop1 td, #divTop2 td, #divTop3 td { text-align: center;  padding: 0;line-height: 15px;}
#divTop1 a, #divTop2 a, #divTop3 a { font-weight: bold; font-size: 12px; text-decoration: none; line-height: 15px;padding: 0;}
#divTop1 {background: url(../images/onglets/auxiliaire_de_vie.gif) no-repeat 0 0;}
#divTop2 {background: url(../images/onglets/modalites.gif) no-repeat 0 0;}
#divTop3 {background: url(../images/onglets/couts.gif) no-repeat 0 0;}

#divMiddle {position: relative; width: 603px; height: 500px; background: url(../images/onglets/fond.gif) repeat-y 0 0; padding: 20px 15px 0 0;}
#divMiddle table {padding-right: 15px;}
#divMiddle td {color: #004E62; text-align: justify; }
#divMiddle ul li {width:100%; display: block;  padding: 2px 0 2px 10px; background: url(../images/puce_liste_jaune.gif) no-repeat 0 9px ; list-style: none;}
#divMiddle td.enumeration {padding: 10px;text-align: left; background-color: #E5E5E5; border: 1px solid #FEB912; }

#divMiddle td.lien_contacter { text-align: center; height: 40px; }
#divMiddle td.lien_contacter a { text-decoration: underline; }

#divBottom {position: relative; width: 603px; height: 7px;background: url(../images/onglets/bas.gif) no-repeat 0 0; margin-bottom: 15px;}


/* --- Formulaire --- */

#headForm {   width: 603px;  margin:20px 0 0 15px;}
#headForm p.infoForm{ color: #fca001; font-size: 17px; font-weight: bold; text-decoration: underline;}
#contenuForm {  width: 603px;  margin:20px 0 0 15px; background: #E5E5E5 url(../images/bas_formulaire.gif) no-repeat 0 100% ;}

#formulaire {width: 500px; margin: 20px 0 0 60px;;}
#formulaire td { height: 30px;}
#formulaire input.inputCh { border: 1px solid #BAB9B9; width: 250px;}
#formulaire select { border: 1px solid #BAB9B9; width: 250px;}
#formulaire textarea { border: 1px solid #BAB9B9; width: 280px; height: 70px;}

/*  retour haut de page dans le saviez-vous --- */
p.hdp { width: 100%; margin: 30px 0; clear:both; border-bottom: 2px solid #FEA212; text-align: right; padding: 2px 0; }
p.hdp a { font-size: 11px; text-decoration: none;}
p.hdp a:hover { text-decoration: underline;}

/* --- autres mises en forme --- */
.remarque { color : #6C6C6C; font-size: 11px; margin: 15px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;} 
.info_encadree { width: 92%; padding: 10px; background-color: #E5E5E5; border: 1px solid #FEB912; margin: 15px auto;}
.pourInfo { font-weight: bold; color: #aac832; text-align: center; margin: 15px 0 0 0;}

.idClear { clear: both;}


.lien_contacter { text-align: center; height: 40px;  }
.lien_contacter a { text-decoration: underline; }

td.td_puce { background: url(../images/puce_liste_jaune.gif) no-repeat 0 7px ; }