/******************************************** * Domaine : mutuelle.org * * Exploitant : Mutuelle du Médecin * * Rôle : Feuille de style pages internes * * Auteur : Ultra-Fluide, copyright 2009 ********************************************/ /*** CONTENU DU SITE ****/ #nav-top form { position: relative; height: 80px;} #adherent { position: absolute; bottom: 0px; left: 0px;} #contenu { background: url("images/contenu.png") left repeat-y; } #ariane { text-align: right; text-transform: capitalize; padding: 1em 0 .5em 0; font-size: .9em; background: white;} #ariane a { color: #93817f; } .hide {display: none;} #colonne-gauche { width: 292px; float: left; background: #0062ad url("images/colonne-gauche.png") bottom no-repeat; padding: 0 0 208px 0;} #colonne-gauche ul { background: #0080c6; border-bottom: 1px white dotted;} #colonne-gauche ul li ul { border:0;} #colonne-gauche ul li a {background: transparent url(images/bandeau-bleu.png) repeat-x center top; height: 28px; display: block; color: #FFFFFF; font-size: 1.4em; font-weight: bold; text-decoration: none; padding: 10px 5px 5px 7px;} #colonne-gauche ul li ul li a { background: transparent; height: auto; font-size: 1em; border-top: 1px white dotted; padding: 5px 5px 5px 7px;} #colonne-gauche ul li ul li.child a { background: transparent url("images/plus.png") no-repeat right;} #colonne-gauche ul li ul li.actif-child a, #colonne-gauche ul li ul li.child a:hover { background: url("images/menu-gris-ombre.png") top left no-repeat;} #colonne-gauche ul li ul li.actif a, #colonne-gauche ul li ul li a:hover { background: url("images/menu-gris-ombre-no-child.png") top left no-repeat;} #colonne-gauche ul li ul li.actif a { border-bottom: 1px white dotted;} #colonne-gauche ul li ul li.actif-child ul { display: block;} #colonne-gauche ul li ul li ul { display: none;} #colonne-gauche ul li ul li.actif-child ul ul { display: none;} #colonne-gauche ul li ul li.actif-child .actif-child ul { display: block;} #colonne-gauche ul li ul ul li + li, #colonne-gauche ul li ul ul li ul { border-top: 1px solid #FFFFFF;} #colonne-gauche ul li ul ul li ul ul{ border-bottom: 1px solid #FFFFFF;border-top:0;} #colonne-gauche ul li ul ul li ul li + li {border:0;} #colonne-gauche ul li ul li.actif-child ul li a { font-weight: normal; padding: 3px 0 3px 20px; background: #978e97; border: 0;} #colonne-gauche ul li ul li.actif-child ul li a:hover, #colonne-gauche ul li ul li.actif-child ul li.actif a, #colonne-gauche ul li ul li.actif-child ul li.actif-child > a { background: #b0a8af; } #colonne-gauche ul li ul li.actif-child ul li.actif ul li a, #colonne-gauche ul li ul li.actif-child ul li ul li a { background: #978e97 url("images/puce-ie7.png") no-repeat 30px 7px; padding: 3px 0 3px 40px; border: 0; font-weight: normal; font-size: .85em;} #colonne-gauche ul li ul li.actif-child ul li ul li.actif ul li a { background: #978e97;padding: 3px 0 3px 46px;color:#FFFFFF;} #colonne-gauche ul li ul li.actif-child ul li ul li ul li a:hover, #colonne-gauche ul li ul li.actif-child ul li ul li ul li.actif a { background: #b0a8af;padding: 3px 0 3px 46px;color:#504A50;} #colonne-gauche ul li ul li ul li ul li a:hover, #colonne-gauche ul li ul li ul li ul li.actif a { color: #504a50;} #colonne-gauche ul li ul li.actif-child ul li ul li a:hover, #colonne-gauche ul li ul li.actif-child ul li ul li.actif a { background: #b0a8af url("images/puce-ie7-hover.png") no-repeat 30px 7px; } #colonne-gauche ul li ul li.actif-child ul li.actif-child ul li.actif ul li a { background: #b0a8af; padding: 3px 0 3px 46px;} #colonne-droite { float: right; width: 600px; padding: 50px 30px 0 68px; background: transparent url(images/bandeau-bleu.png) repeat-x center top; position: relative; top: 0; left: 0;} #colonne-droite h1 { background: #0062ad url(images/bandeau-bleu.png) repeat-x center top; position: absolute; top: 0; left: 68px; height: 28px; display: block; color: #FFFFFF; font-size: 1.6em; text-decoration: none; padding: 10px 5px 5px 0;} #colonne-droite h2 { color: #0060aa; margin: 1.2em 0 .8em 0; } #colonne-droite h3 { text-decoration: underline; margin: 1.2em 0 .8em 0; padding: 0 0 0 15px; background: url("images/h2.png") 0 6px no-repeat;} #colonne-droite p { line-height: 1.4em; margin: 0 0 1em 0;} #colonne-droite ul { margin: .5em 0 1em 1em;} #colonne-droite ul li { padding: 0 0 0 15px; margin: .5em 0; background: url("images/puce.png") 0 5px no-repeat;} #colonne-droite ul ul li { background: transparent; list-style: disc; margin: 0 0 0 15px; padding: 0;} /**** TABLEAUX ****/ #contenu table { text-align: center; border: none; margin: 10px 0 15px 0;} #contenu table tr { background: url("images/degrade-bleu.png") repeat-y; } #contenu table thead tr th:first-child { background: #FFFFFF; border: 2px solid #FFFFFF; } #contenu table tr td + td { color: #FFFFFF; } #contenu table tr th, #contenu #colonne-droite table tr td { border: #fafaf9 2px solid; padding: 3px 0; } #contenu table tr td:first-child, #contenu table thead tr th { background: #CBE5F4; padding-left: 3px;} #contenu table tbody tr.tableau-titre { font-size: 1.1em; font-weight: bold; padding: 3px 0; color: white;} #contenu table tbody tr.tableau-titre td { border-top: #fafaf9 12px solid; } #contenu table tr.tableau-sous-titre { text-align: left; font-weight: bold; } #contenu table tbody tr.tableau-sous-titre td { background: #FFFFFF; } #contenu table tbody tr.tableau-titre td { background: #00529e; } /*** Formulaire de contact ***/ #contenu .csc-mailform { width: 526px; } #contenu .csc-mailform-field { padding: 5px; margin: 2px 0; } #contenu #mailformM { padding: 0 0 0 140px; } #contenu #colonne-droite .csc-mailform-radio label { width: auto; padding: 0 2px; } #contenu #colonne-droite .csc-mailform-radio input { width: auto; float: left; } #contenu .csc-mailform label { width: 100px; display: block; float: left; text-align: right; padding: 0 10px 0 0;} #contenu .csc-mailform input, #contenu .csc-mailform textarea { width: 400px; display: block; clear: right; } #contenu #mailformformtype_mail { width: 170px; float: right;} /*** Plan du site ***/ #contenu .sitemap ul li { background:transparent; } #contenu .sitemap ul ul li { list-style: none;} #contenu .sitemap ul li a { font-size: 1.3em; color: #0060aa; margin: 1.2em 0 .8em 0; text-decoration: none;} #contenu .sitemap ul li a:hover { text-decoration: underline;} #contenu .sitemap ul li ul li a { font-size: 1.2em; color: #73615F; margin: 1.2em 0 .8em 0; padding: 0 0 0 15px; background: url("images/h2.png") 0 6px no-repeat; font-weight: bold;} #contenu .sitemap ul li ul li ul li a { font-size: 1em; padding: 0 0 0 15px; margin: .5em 0; background: url("images/puce.png") 0 5px no-repeat; font-weight: normal;} #contenu .sitemap ul li ul li ul li ul li {list-style: disc;} #contenu .sitemap ul li ul li ul li ul li a { background: none; font-size: .9em; padding: 0;} /*** Formulaire de contact ***/ #contact { width: 500px; } #contact dt { width: 100px; float: left; padding: 5px 0; } #contact dd { width: 400px; float: left; padding: 5px 0; } #contact dd input { width: 250px; } #contact dd.erreur { width: 500px; float: left; } #contact dd textarea { width: 394px; height: 10em; } #contact p { margin: 0; } #contact p input { margin: 0 0 0 100px; } /**** TABLEAU STYLE GÉNÉRIQUE ****/ /**** FORMULAIRES ****/ fieldset label { float: left; width: 48%; padding: 0 1em 0 0; text-align: left; } fieldset .mail-assure { font-size: 1.4em; font-weight: bold; color: #00698F; } #colonne-droite fieldset p { margin: 0 0 1em 0; } textarea { overflow: auto; width: 45%;} select { padding: 0 5px 0 0; } #validation { position: relative; top: 0; left: 0; padding: 0 0 0 2%; height: 25px; } #validation #btn_Retour, #validation #btn_Valider, #validation #btn_Effacer { position: absolute; top :0; font-size: 1.1em; color: #384050; padding: 0 5px; } #validation #btn_Retour { left: 0px; } #validation #btn_Valider { left: 300px; color: #00698F; font-weight: bold; } #validation #btn_Effacer { left: 400px; } /**** CADRE ADHÉRENT ****/ #adherants #deconnecter { font-size: 1em; font-style: italic; } #adherants p { text-align: right; padding: 2px 5px 0 0; font-size: 1.1em; display: block; float: none; margin: 0; width: auto;} /*** Footer ***/ #footer { border: 1px solid #FFFFFF;} /******************************************** * Domaine : mutuelle.org * * Exploitant : Mutuelle du Médecin * * Rôle : Feuille de style pages internes * * Auteur : Ultra-Fluide, copyright 2009 ********************************************/