* { margin:0;padding:0; } body{ margin: 0 ; padding: 0 ; text-align: center ; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: justify; background: #dea ; font-weight: normal; background: #003b75 url("img/fond_body.jpg") repeat-y ; } * html body {behavior:url("media/csshover.htc");} /* hover fix (IE6) */ a img { border:none; } textarea { overflow:auto; } /********************* * PRINCIPAUX STYLES * *********************/ #main { position: relative; width:100%; background: #003b75 url("img/fond_body.jpg") repeat-y ; } #gauche{ float: left; position: relative; width: 267px; height: 600px; background-color:white; } #menubar{ position: absolute; left:40px; top:0; width: 150px; margin: 10px 15px 15px 15px;} #logo{ width:150px; height:168px; background: url("img/actlo.jpg"); } #menu{ margin-left:10px; height:300px; } #BlocMenuEspaceClient { height:27px; background: url("img/bg_menu.gif") repeat-x; border-bottom: 1px solid #207193;} #mentions_legales{ width:150px; height:108px; margin-left:-2px; background: url("img/mentions-legales.jpg"); } #mentions_legales hr { height: 1px; background-color: #818181; border:0; margin-left: 3px; margin-right: 3px;} #mentions_legales p { margin:0; padding:0; width:100%; letter-spacing: 0.09em; color: #818181; font-weight:bold; text-align: center; } #mentions_legales .petit { letter-spacing: -0.12em; font-size: 9px;} #bouton_plan { display:block; width:100px; margin:auto; padding:5px 5px 5px 15px; text-decoration:none; color:#000; font-size: 14px; font-variant:small-caps; border-top:1px #ccc solid; border-left:1px #ccc solid; border-bottom:1px #2f2f2f solid; border-right:1px #2f2f2f solid;} #bouton_plan:hover { color:#5e5656; text-decoration:underline; border-top:1px #2f2f2f solid; border-left:1px #2f2f2f solid; border-bottom:1px #ccc solid; border-right:1px #ccc solid; } #decoration1{ position: absolute; left:0; top:0; background: url("img/fond_gauche.jpg"); width:40px; height:600px; } #decoration2{ position: absolute; left: 220px; top: 0; width:87px; height:600px; background: url("img/bande_dessins.jpg"); } #droite{ position:absolute; left: 307px; top:0px; height:600px; width:590px; border-left:1px #0d365a solid; color: #fff; background:#1662a4; } #droite #ariane { padding-top:3px; padding-left:5px; padding-bottom:3px; font-size:0.8em; background-color:#19568a;} #droite #ariane a { font-style:italic; color: #ccc; } #droite #contenu, #droite #espacePrive { padding: 15px 10px 0 10px; width:570px; min-height:550px; font-size:11px; background:url("img/bg_contenu.jpg") no-repeat;} * html #droite #contenu, * html #droite #espacePrive { height:550px; } #pied { clear:both; text-align:center; border-top:1px solid #bbb; font-size:9px; color:#bbb; display:block; width:540px; ; margin: 45px 10px 0 10px; padding:5px 0 5px 0; } #pied a{ text-decoration:underline; font-weight:bold; color:#bbb} #pied a:hover{ text-decoration:none; color:#dfd; } /******** * MENU * ********/ #menu { font-size:12px; white-space:nowrap; } #menu h3 { margin-top: 10px; margin-left:5px; margin-bottom:5px; } #menu h3 a, #menu h3 a:visited{ font-size: 12px; text-decoration:none; color:black; font-variant:small-caps; } #menu ul{ margin: 0 ; padding: 0 ; list-style-type: none; letter-spacing:-0.1em; } #menu ul li{ position:relative; font-variant:small-caps;} #menu ul li span.puce{ position:absolute; width:6px; height:6px; color: #00FF00; left: -45px; } #menu ul li a,#menu ul li a:visited{ display:block; width:100%; text-decoration:none; color:#838383; text-indent:10px; } #menu ul li a:hover, #menu h3 a:hover{ color:#bed626; font-weight:bold;} #menu ul li:hover span.puce{ left: -37px; } #menu ul li.active span.puce{ display:none; visibility: hidden;} #menu ul li.active { display:block; height:15px; position: relative; left: -25px; padding-left: 20px; list-style:none; color: #003b75; background: url("img/menuactive_left.png") left top no-repeat;} #menu ul li.active a, #menu ul li.active a:visited { color:#003b75; font-weight:bold; letter-spacing:-0.1em; } /******************* * CONTENU GENERAL * *******************/ #droite h1, #droite h2, #droite h3 { margin-bottom: 10px; } #droite ul { margin-left: 30px; margin-bottom:10px; color:#ccc; } #droite strong { color:#fff; } #droite p { margin-bottom: 10px; text-align:justify; color:#eee; } #droite p.italic{ text-decoration:underline; } #droite p a, #droite ul li a, #droite a{ color:#9eb3c4; } #droite p a:hover, #droite ul li a:hover, #droite a:hover{ color:#dfd; text-decoration:none; } #droite .souligne { text-decoration:underline; } #droite .centre { text-align:center; } a.cadre_lien { cursor:pointer; display:block; text-decoration:none; } div.cadre_img { float:left; height:130px; width:100px; margin-right:5px; margin-bottom:0px; position:relative; } div.cadre_img div.bg_cadre { position:absolute; top:0; left:0; height:100px; width:100px; background:#fff; -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1; filter:alpha(opacity=10); } div.cadre_img img { position:absolute; left:0; } div.cadre_img span.puce { position:absolute; display:block; width:100px; top:110px; color: #0f0; } div.cadre_img span.puce span.puce_type_projet { font-size:11px; text-decoration:none; color:#6f6; display:none; visibility:hidden; font-variant:small-caps; } div.cadre_img:hover span.puce span.puce_type_projet { text-decoration:none; display:inline; visibility:visible; } /*************** * Faux Select * ***************/ div#choix_reference { position:relative; z-index:10; width:570px; height:20px; margin-top:15px; margin-bottom:10px; color: #fff; background: #19568a; border: 1px solid #a2ee19; } div#choix_reference p { margin:0; padding: 3px 0 0 4px; font-style:italic;} div#choix_reference img.img_select_ref { float:right; position:relative; top:2px; right:2px; z-index:10; } div#choix_reference ul#liste_references dd { width:570px; } div#choix_reference ul#liste_references { display:none; max-height:500px; overflow:auto; z-index: 100; list-style-type:none; text-indent:0; margin:0; position:absolute; left:-1px; top:20px; width:570px; background: url("img/smenu_motif_fond.png") repeat; border: 1px solid #a2ee19; border-top:none; z-index:10;} * html #contenu div#choix_reference ul#liste_references { background:#04070b; } div#choix_reference ul#liste_references li { margin:5px 0 5px 5px; padding:1px 0 1px 0; width:560px; z-index:10; } div#choix_reference ul#liste_references li:hover { padding:0; background:url("img/smenu_motif_fond_hover.gif") repeat-x; border-top:#1f7093 solid 1px; border-bottom:#1f7093 solid 1px; } div#choix_reference ul#liste_references li a { text-decoration:none; color: #ccc; display:block; width:560px; font-variant:small-caps; font-weight:bold; position:relative; } div#choix_reference ul#liste_references li:hover a { color: #000; } div#choix_reference ul#liste_references li a span.right {float:right;} div#choix_reference:hover { border-bottom: 1px #19568a solid; } div#choix_reference:hover ul#liste_references { display:block; } /******************************************** * Actualité (news) et Zoom (page d'accueil) * *********************************************/ #actualite { min-height:315px; overflow:auto; margin-bottom:10px;} #actualite h1 { text-decoration:none; text-transform:capitalize; color:#eee; } #actualite .date {float:right;position:relative;top:5px;right:0;font-size:11px;color:#2e2c2c;font-style:italic;} #actualite div.blocText { padding:20px;background:url("img/fond_transp.png") repeat;} * html #actualite div.blocText {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='media/img/fond_transp.png', sizingMethod='scale'); zoom: 1;} #actualite div.text {color:#000; display:block;} #actualite div.text a { color:#d8d1d8; text-decoration:none; } #actualite div.text a:hover { text-decoration:underline; } #actualite .modifie{ color:#d8d1d8; } #contenu #zoom div.cadre_img { margin-left:6px; } #contenu #zoom { margin-top:40px;} #contenu #zoom div.image { position:relative; height:130px; float:left; margin:2px; } #contenu #zoom div.image .puce { position:absolute; width:6px; height:6px; color: #0f0; left:0; bottom:-20px; } /**************** * PRESENTATION * ****************/ ul.espace li { margin-bottom:7px; } /*********** * PROJETS * ***********/ #contenu form select.choix_reference { width:650px; margin-top:15px; margin-bottom:10px; color: #fff; background-color: #19568a; border: 1px solid #a2ee19; } #contenu #infoProjet strong { font-variant:small-caps; color:#aaa; font-size:110%;} #contenu #infoProjet #infoProjet_gauche { float:left; width:250px; padding:0; margin:0; } #contenu #infoProjet #infoProjet_droit { margin:0; padding:0; text-align:right; } #contenu #nom_reference { color: #80bff5; font-weight:normal; font-size: 11px; font-variant:small-caps;} /* Galerie images */ #contenu #blocImg { /*border: 1px solid #a2ee19;*/ position:relative; height:310px; z-index:1; } #contenu #divDroit {float:right; /*border: 1px solid #a2ee19;*/ width: 104px; position:relative; height: 345px; } #contenu #divDroit a#up { -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); position:absolute; z-index:1; top:0; display:block; width: 100px; height:16px; background:url("img/up.gif") top left; margin:0 2px 2px 2px;} #contenu #divDroit a#up:hover { -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); background:url("img/up.gif") bottom left;} #contenu #divDroit a#down { -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3; filter:alpha(opacity=30); position:absolute; z-index:1; bottom:0; display:block; width: 100px; height:16px; background:url("img/down.gif") top left; margin:2px 2px 0 2px;} #contenu #divDroit a#down:hover { -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0; filter:alpha(opacity=100); background:url("img/down.gif") bottom left; } #contenu #divDroit #divList { overflow:hidden; position:absolute; top:20px; right:2px; height: 300px; width:100px; } #contenu #divDroit #divList #listImgMini { width:120px; position:relative;} #contenu #divDroit #divList #listImgMini .puce{ position:relative; width:6px; height:6px; color: #00FF00; } #contenu #cadre_img_moyenne { width:460px; height:345px; position:relative; z-index:1; } #contenu #cadre_img_moyenne #bg_cadre_moyenne { position:absolute; z-index:1; top:0; left:0; width:460px; height:345px; background:#fff; -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1; filter:alpha(opacity=10); } #contenu #cadre_img_moyenne #ImgMoyenne_lien img { position:absolute; top:0; left:0; z-index:2; } /*********** * CONTACT * ***********/ #contenu hr{display:none;clear:both;} *+html #contenu hr{visibility:hidden;clear:both;} #plan { float:right; } #mapzoom{ position:absolute; left:-10px; top:80px; background:url(img/plan_zoom.gif) left top no-repeat; width:492px; height:507px; } #mapzoom a{ color:#80bff5; font-size:10px; text-decoration:none; position:relative; left:435px; } /*Formulaires*/ #contenu form.contact label { font-size:11px; color:#fff; font-weight:bold; margin:auto; } #contenu p, #contenu .message, #contenu form.contact fieldset #message, #contenu form.contact fieldset p input{ font-size:11px; color:#fff; font-weight:normal; } #contenu form.contact input.submit { width:70px; padding:5px; background-color: #00c; font-size:11px; color:#fff; float:right; margin:5px 5px 0px 0; border: 1px solid #44f; } #contenu form.contact input.submit:hover { text-decoration:underline; cursor:pointer; } #contenu form.contact .text { color: #000; background-color:#80bff5; border:1px solid #003a75; filter:Alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity:0.40;opacity: 0.40; } /*#contenu form.contact select, #contenu form.contact input, #contenu form.contact textarea { color: #a2ee19; background:#19568a; border: 1px solid #a2ee19; font-size: 11px; }*/ #contenu form.contact { margin:auto; } #contenu form.contact p.field_droit { margin-left:20px; } * html #contenu form.contact p.field_droit,* html #contenu form.contact p.field_droit label { margin-left: 9px;} *+html #contenu form.contact p.field_droit,*+html #contenu form.contact p.field_droit label { margin-left: 9px;} #contenu form.contact p.field_droit input ,#contenu form.contact p.field_gauche input { width:272px; height: 15px; } #contenu form.contact p.field_long input { width:566px; height: 15px; } #contenu form.contact p { float:left; } #contenu form.contact p.champs-obligatoires { clear:both; } #contenu form.contact p textarea { width: 566px; height: 160px; } /***************** * ESPACE-CLIENT * *****************/ #droite #espaceclient_logo, #droite #image_projet {float:right; display:block; } /** Connexion **/ #ecran_login { width:400px; height:300px; margin-left:85px; margin-top:10%; background:white; border: 2px solid #d6d6d6; } #ecran_login form { position:relative; width:350px; margin: auto; padding: 120px 0 20px 0; } #ecran_login form.entreprise { background:url(img/actlogo_espace_entreprise.jpg) 20px 20px no-repeat ; } #ecran_login form.client { background:url(img/actlogo_espace_client.jpg) 20px 20px no-repeat ; } #ecran_login form p {float:none; padding: 5px 0 5px 30px; clear:both;} #ecran_login form label {float:left; padding: 4px 0 0 0; display:block; width:100px; font-weight: bold; color:#000; } #ecran_login form input {padding: 2px; border: 1px solid #626262; width:150px;} #ecran_login form input.espaceclient_submit { margin-left:70px; background-color: #00c; color:#fff; border: 1px solid #a2ee19; font-variant:small-caps;} #ecran_login form input.espaceclient_submit:hover {border: 1px solid #888; color:#a2ee19;} #ecran_login form .alert {text-align:center; color:red; font-weight: bold;} #form_login { width:420px; margin: 150px auto 150px auto; } * html #form_login { width:425px; } #form_login p {float:none; padding: 5px; clear:both;} #form_login p.right { float:right; clear:none; } #form_login p.none { float:none; clear:none; } #form_login label {float:left; padding: 4px 0 0 0; display:block; width:200px; font-weight: bold; font-variant:small-caps; font-size:14px; } #form_login input.text {padding: 2px; padding-left: 5px; padding-top:4px; font-size:16px; width:200px; height:25px; color: #000; background-color:#80bff5; border:1px solid #003a75; filter:Alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity:0.40;opacity: 0.40;} #form_login input.espaceclient_submit { width:210px; height:35px; padding: 2px; font-variant:small-caps; font-weight:bold; } #form_login .alert {text-align:center; color:red; font-weight: bold;} /** Menu Espace-Client **/ #espacePrive a.button{ color:#000; background:#FFFFff; text-decoration:none; padding:5px; font-weight:normal; border-top:1px #73BBF8 solid; border-left:1px #73BBF8 solid; border-bottom:1px #0D365A solid; border-right:1px #0D365A solid;} #espacePrive a.button:hover{ color:#555; background:#EAF9F7; border-top:1px #0D365A solid; border-left:1px #0D365A solid; border-bottom:1px #73BBF8 solid; border-right:1px #73BBF8 solid;} /*#espacePrive a.button{ margin-top:5px; color:#000; background:#DBE3E6; text-decoration:none; padding:2px; font-weight:bold; border-top:1px #ccc solid; border-left:1px #ccc solid; border-bottom:1px #2f2f2f solid; border-right:1px #2f2f2f solid;} #espacePrive a.button:hover{ margin-top:5px; color:#555; border-top:1px #2f2f2f solid; border-left:1px #2f2f2f solid; border-bottom:1px #ccc solid; border-right:1px #ccc solid;} */ #BlocMenuEspaceClient ul { margin:0px; } #menuEspaceClient li.eltMenu { cursor: pointer; position:relative; margin-right:20px; font-size:13px; font-weight:bold; float:left; display:block; font-variant:small-caps; height:23px; padding:4px 10px 0 10px; color:#1a87e6; text-decoration:none; border-left:#1f7093 hidden 1px; border-right:#1f7093 hidden 1px;} #menuEspaceClient li.eltMenu:hover{ background:url("img/bg_menu_hover.gif") repeat-x; border-left:#7a7a7a solid 1px; border-right:#7a7a7a solid 1px; padding:4px 9px 0 9px;} #menuEspaceClient li.eltMenu a {text-decoration:none; color:#003a75; display:block; } #menuEspaceClient li.eltMenu:hover a {text-decoration:none; color:#fff ; display:block; } #menuEspaceClient li.eltMenu:hover span.premiereLettre2 { color:#8091a6; background-color:#fff; } #menuEspaceClient li.eltMenu ul.smenu { display:none; position: absolute; top:27px; left:5px; z-index: 100;width:180px; font-size:11px; text-decoration:none; list-style:none; background:url("img/smenu_motif_fond.png") repeat; /*background:#04070b;*/ border-bottom:1px solid #1a87e6; border-left:5px solid #1a87e6; border-right:1px solid #1a87e6; } * html #menuEspaceClient li.eltMenu ul.smenu { background:#04070b; } #menuEspaceClient li.eltMenu ul.smenu li { margin:5px; padding:1px 0 1px 0; } #menuEspaceClient li.eltMenu ul.smenu li:hover { padding:0; background:url("img/smenu_motif_fond_hover.gif") repeat-x; border-top:#1f7093 solid 1px; border-bottom:#1f7093 solid 1px;} #menuEspaceClient li.eltMenu ul.smenu li a { text-decoration:none; color: #ccc; display:block; width:170px; } #menuEspaceClient li.eltMenu ul.smenu li:hover a { color: #000; } /* Pour afficher le sous-menu */ #menuEspaceClient li.eltMenu:hover ul.smenu { display:block; } /*Formulaires (style différent que pour le formulaire de contact)*/ /*#espacePrive form .blocTxt { color: #000; background-color:#80bff5; border:1px solid #003a75; filter:Alpha(opacity=40);-moz-opacity:0.40;-khtml-opacity:0.40;opacity: 0.40; }*/ #espacePrive form.form1 { margin:auto auto 20px auto; } #espacePrive form.form1 fieldset { padding:5px; } #espacePrive form.form1 fieldset legend { padding:5px; } #espacePrive form.form1 label { font-weight:bold; width:200px; float:left; } #espacePrive form.form1 p, #espacePrive .message, #espacePrive form.form1 fieldset #message, #espacePrive form.form1 fieldset p input{ font-size:11px; font-weight:normal; } #espacePrive form.form1 select, #espacePrive form.form1 input.text, #espacePrive form.form1 textarea, .blocTxt { font-size: 14px; width:360px; padding:2px; color: #000; background-color:#80bff5; border:1px solid #003a75; filter:Alpha(opacity=75);-moz-opacity:0.75;-khtml-opacity:0.75;opacity: 0.75;} #espacePrive form.form1 select, #espacePrive form.form1 input.text, .blocTxt { height:18px; } #espacePrive form.form1 select { height:22px; padding:2px 0 2px 0; } #espacePrive form.form1 select.multiple { height:auto; width:30%; overflow:auto; } #espacePrive form.form1 select.petit { width:auto; } /* Pour les dates etc. */ #espacePrive form.form1 input.submit,#espacePrive form.form1 input.reset,#espacePrive form.form1 input.button { cursor:pointer; margin-top:5px; color:#000; background:#FFFFff; text-decoration:none; padding:2px; font-weight:normal; border-top:1px #73BBF8 solid; border-left:1px #73BBF8 solid; border-bottom:1px #0D365A solid; border-right:1px #0D365A solid; } #espacePrive form.form1 input.submit:hover,#espacePrive form.form1 input.reset:hover, #espacePrive form.form1 input.button:hover { margin-top:5px; color:#555; background:#EAF9F7; border-top:1px #0D365A solid; border-left:1px #0D365A solid; border-bottom:1px #73BBF8 solid; border-right:1px #73BBF8 solid; } #espacePrive form.form1 #content_wiki textarea, #espacePrive #form form #content_wiki textarea{ width:97%; margin:5px; overflow:auto; } #espacePrive #form_modif form #boutons_wiki { text-align:center; } /** Selecteur de projet (FTP) **/ #espacePrive form.select_projet { border-bottom:1px solid #0d365a; padding:5px 0 5px 0; margin-bottom:15px; } /** Explorateur de Fichier **/ #espacePrive form.upload { background:#DBE3E6; color:#000; padding:5px; margin-top:15px; border-top:1px #ccc solid; border-left:1px #ccc solid; border-bottom:1px #2f2f2f solid; border-right:1px #2f2f2f solid; } #espacePrive form.upload label,#espacePrive form.form2 p, #espacePrive form.form2 a { color:#000; } /* Calendrier projet (avec evenements) */ #calendrier { padding-top: 30px; height: 70px; } #calendrier #bandeChrono {position:relative; margin: auto; width:70%; height: 16px; background:#fff; border: 1px gray solid; border-left: 3px solid black; border-right: 3px solid black; } #calendrier #bandeChrono #date_debut { position:absolute; left:-6em; top: -2em; width: 15em; height: 1em; font-weight: bold; text-decoration: underline; font-size:10px;} #calendrier #bandeChrono #date_fin { position:absolute; right:-12em; top: -2em; width: 15em; height: 1em; font-weight: bold; text-decoration: underline; font-size:10px;} #calendrier #bandeChrono #evenements { list-style: none;} #calendrier #bandeChrono #evenements .evenement { position:absolute; top:2px; width: 4px; height:12px; background-color: #f00; cursor: pointer; cursor: hand; /* pour IE */} #calendrier #bandeChrono #evenements .evenement .legend { padding:0; margin:0; position:absolute; z-index: 200; left:12px; top:20px; display:none; visibility:hidden; background:#CCCCCC;border:1px solid;font-size:10px; width:7em;} #calendrier #bandeChrono #evenements .evenement:hover .legend { display:block; visibility:visible; } #calendrier #bandeChrono #graduation { list-style: none;} #calendrier #bandeChrono #graduation .mois { position:absolute; top:0px; width: 2px; height:16px; background-color: gray; } #calendrier #bandeChrono #graduation .mois .legend { padding:0; margin:0; position:absolute; z-index: 100; left:12px; top:30px; display:none; visibility:hidden; background:#CCCCCC;border:1px solid;font-size:10px; width:7em;} #calendrier #bandeChrono #graduation .mois:hover { width: 4px; height:26px; top:-5px; background-color: black; cursor: pointer; cursor: hand; /* pour IE */} #calendrier #bandeChrono #graduation .mois:hover .legend { display:block; visibility:visible; } /*Tableaux*/ #espacePrive table {border:3px solid #6495ed;border-collapse:collapse;margin:auto auto 10px auto; width:100%;} #espacePrive table td {font-family:sans-serif;border:1px solid #6495ed;padding:5px; background-color:#fff; text-align:left; color:#000;} #espacePrive table td.title {font-weight:bold; background-color:#D0E3FA;background-image:url(img/sky.jpg);border:1px solid #6495ed; color:#000;} #espacePrive table td.subtitle {font-family:monospace;border:1px dotted #6495ed;padding:5px;background-color:#EFF6FF;width:25%; color:#000;} #espacePrive table td.icones {background:#fff; text-align:center; } #espacePrive table tr.fichiers td { border:0; } #espacePrive table tr.fichiers td.titre_fichier { font-size:120%;} #espacePrive table tr td table, #espacePrive table tr td table tr, #espacePrive table tr td table td { border:0; } #espacePrive table tr td table tr { border-bottom:1px #0d365a solid; } #espacePrive table tr td table tr.last { border-bottom:0; } /*Definition List*/ #espacePrive dl { border:3px solid #6495ed; margin:auto auto 10px auto; width:100%; } #espacePrive dl dt { font-weight:bold; cursor:pointer; padding:5px; background-color:#D0E3FA; background-image:url(img/sky.jpg); border:1px solid #6495ed; color:#000; } #espacePrive dl dt em { float:right; /*margin-top:-15px;*/ font-size:80%; font-weight:normal; } #espacePrive dl dt span.nb_fichiers { color:#339900; } #espacePrive dl dd { font-family:sans-serif; border:1px solid #6495ed; padding:5px; background-color:#fff; text-align:left; color:#000; } #espacePrive dl dd p { padding:3px; color:#000; } #espacePrive dl dd ul { list-style:none; color:#000; margin:0; padding:0; } #espacePrive dl dd ul li { display:block; padding:3px 0 3px 0; height:21px; background:url(img/dotted.gif) repeat-x; z-index:1; } #espacePrive dl dd ul li span.nom_fichier { background:none; background-color:#fff; padding-right:3px; z-index:10; } #espacePrive dl dd ul li a.lien_dl { float:right; padding-left:3px; color:#000; font-size:12px; background-image:none; background-color:#fff; text-decoration:none; margin-top:-4px; } #espacePrive dl dd ul li a.lien_dl:hover { color:#f00; } /********** * AUTRES * **********/ .titre1{ text-transform:uppercase; color:white; font-size:12px;} .titre2 { color: #80bff5; font-weight:normal; font-size: 14px; font-variant:small-caps; } span.premiereLettre{ color:#1a64a2; background-color:#73bbf8; margin-right: 1px; padding-left:1px; padding-right: 1px; } span.premiereLettre2{ color:#fff; background-color:#003a75; margin-right: 1px; padding-left:1px; padding-right: 1px; } .small { font-variant:normal; font-size:small; text-transform:none; } .clear { clear:both; }