/* CSS Document */ /* taille typo * Base 100% * ------------------------------------- * 20px 1.27em * 19px 1.21em * 18px 1.15em * 17px 1.09em * 16px 1.03em * 15px 0.96em * 14px 0.88em * 13px 0.82em * 12px 0.77em * 11px 0.71em * 10px 0.65em * 9px 0.59em * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE */ /* ------------------------------------------ /* Correction des styles HTML par defaut /* ------------------------------------------ */ html{ font-size:100%; } body { background: url('../images-interface/motif_fond.gif') repeat #FFF; text-align: center; font-size: 0.8em; color: #333; margin:0; } img, table { margin: 0; padding: 0; border: none; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; } #page { width: 980px; text-align: left; margin: 10px auto 10px auto; /*border: solid 1px red;*/ font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; color:#305268; background:url('../images-interface/fond_page_infos.gif') no-repeat ; height:100%; } /* * couleurs textes SPAN */ .orange{color:#FB9C00;} .bleugris{color:#9F9EAB;} /* ------------------------------------------ /* Couleurs des liens /* ------------------------------------------ */ a { text-decoration: none; color: #5800B3; } a:hover { text-decoration: underline; } /* ------------------------------------- * Habillage des contenus crtouche et titraille */ .chapo{ margin: 0 0 1.09em 0; font-weight: bold; line-height: 1.4em; font-size:1.03em;; font-weight:bold; color:#0439C6; } h3.motif_fond, h2.motif_fond{margin:0;padding:0 0 0 5px;color:#608298;font-size:1em;background:url('../images-interface/motif_fond_titres.gif') repeat;font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-weight:bold} /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ #conteneur_principal{width:990px;margin:0;height:100%;min-height:100%} #conteneur_gauche{float:left;width:772px;margin-right:10px;} #conteneur{width:770px;min-height:530px;border:solid 1px #fff;background:#fff;overflow:hidden;} body.page_sommaire #conteneur_gauche{/*min-height:400px;*/} body.page_sommaire #conteneur{/*min-height:400px;*/} /* Pied de conteneur gauche */ #pied { clear: both; padding: 10px; background:url('../images-interface/motif_fond_liens.gif') repeat; } #pied p { margin:0;font-size: 0.77em; } #pied img { vertical-align: bottom; } #entete{ border:solid 1px #fff;width:770px;margin-bottom:10px;background:url('../images-interface/bandeau_pages.jpg') no-repeat;text-align:right;height:111px;} #bandeau_entete{} #bloc_hierarchie{background:url(../images-interface/motif_fond_liens.gif) repeat;width:100%; } #hierarchie{border-left:solid 12px #8A19FF;padding:0 0 1px 5px;font-size:0.86em;} #hierarchie h1{ font-weight:normal;display:inline} /* ------------------------------------- * Conteneur début blocs intérieurs */ #contenuetcolonne{overflow:hidden;padding-bottom:10px;margin-bottom:10px;} #contenu{float:left;height:100%;font-family:"Century Gothic", Arial, Helvetica, sans-serif;width:580px;} #contenu #contenu_texte{font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;background:url('../images-interface/fleche_orange.gif') 30px 10px no-repeat ;padding : 10px 15px 0 95px;min-height:150px;margin-top:10px;font-size:0.96em;}/*largeur utile du bloc : 470px (580 - 95 - 15) /*contenu h1 {font-size:1.03em;color:#FB9C00;}*/ #contenu #contenu_texte h1,#contenu #contenu_texte h2{font-size:1.03em;font-weight:bold;margin:1.5em 0 .5em 0;color:#0075E3;}/*FB9C00*/ /*contenu contenu_texte h2{font-weight:bold;margin:1.5em 0 .5em 0}*/ #contenu #contenu_texte h3{ font-weight:bold;} #contenu #contenu_texte p{margin:0 0 .7em 0;padding:0;} #contenu #contenu_texte ul { margin: 0 0 .7em 15px; padding: 0; list-style: url(../images-interface/fleche_bleu_lien_reduit.gif); } #contenu #contenu_texte li { margin:10px 0 0 0;padding:0; } #contenu table#tabclients{width:770px;margin-left:5px;} #contenu table#tabclients th{color:#0075E3;height:10px;vertical-align:bottom;} #contenu table#tabclients td{vertical-align:top;font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;font-size:0.71em;color:#89A0AD}; #contenu table#tabclients img{display:block;border:solid 1px #DDDDDD} #colonne_droite{float:left;margin:10px 0 5px 0;width:180px; color:#474778;background:#FFFFCC}/*color:#86959F;*/ #colonne_droite div.actu{ border-left:1px solid #ddd; border-top:1px solid #ddd; padding:4px 0 0 3px; font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;line-height:normal;} #colonne_droite img{margin-top:5px} #colonne_droite div div p{font-size:9px;padding:2px 0 10px 2px;margin:0;} #colonne_droite div.actu div h3{font-size:9px;padding:2px 2px;margin:0;font-weight:bold;} /*colonne_droite div div p{padding:0;margin:0 0 5px 0}*/ #colonne_droite div.actu h3.motif_fond, #colonne_droite div.actu h2.motif_fond{display:table-cell;vertical-align:middle; background:url(../images-interface/puce_titres_col2.png) left center no-repeat; width:155px; font-size:1.15em;padding: 0 0 0 20px;}/*la super-classe a un padding-left de 5 don c width est 175 et pas 180*/ #navigation{background:url(../images-interface/motif_fond_liens.gif); width:100%;} #navigation h3.motif_fond, #navigation h2.motif_fond{background:url(../images-interface/motif_fond_titre_liens.jpg) repeat-x;padding:0 0 0 5px;}/* surcharge colonne_droite h3 */ #navigation ul {margin:0;padding:0;list-style: none} #navigation li{clear: both;margin:0;padding:0;} #navigation h3 a{color:#fff} #navigation h3 a:hover{color:#fff;text-decoration:none;} #navigation h3 a:visited{color:#fff;} #navigation ul a{font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif;text-decoration:none;margin:0;padding:5px 0 5px 5px;display:block;} #navigation ul a:hover{background:#5800B3;color:#fff;} /* * ---- FIN conteneur---- */ /*pied{background:url('../images/fond_conteneur_gauche.gif') repeat-y;width:990px;} */ /* ------- Modules de droite -------- A placer en tete du fichier en raison d'un bug de Safari */ #modules_droite{float:left; width:200px;background:url('../images/transparent.gif') repeat;height:100%} #modules_droite h2,#modules_droite h3{padding:2px 0 2px 5px;color:#aa99cc} /* ------------------------------------- * Modules droite début blocs intérieurs */ #modules_droite div{border:solid 1px white;margin-bottom:10px;background: url('../images-interface/bas_modules.gif') left bottom repeat-x #FFF;padding-bottom:15px;}/* tous les blocs ont une bordure */ #modules_droite div div{border:none; background: none;} div#acces_rapide{height:150px;min-height:150px;background-color:#F6F7F8;} div#acces_rapide #arborescence{ height:125px;min-height:125px;overflow:hidden;overflow-y:scroll;background:#F6F7F8;border:none;scrollbar-face-color: #E2ECF3; scrollbar-highlight-color: #E2ECF3; scrollbar-shadow-color: #B1BACA; scrollbar-arrow-color: #ffffff; scrollbar-base-color: #8090AE; scrollbar-darkshadow-color: #E2ECF3; scrollbar-3dlight-color: #E2ECF3} div#acces_rapide #arborescence ul{padding-left: 5px;margin: 0;list-style: none;} div#acces_rapide #arborescence ul ul{padding:0 0 0 10px;} div#acces_rapide #arborescence a{font-size:0.85em;color:#D3C7E1;text-decoration:none}/*DAB8FF*/ div#acces_rapide #arborescence a:hover{color:#5800B3;} .page_client div#references{padding-bottom:8px} div#references div{padding:7px 5px 0 6px;margin:0;background:none;} #references div img{margin-bottom:0;} #references div a, div#references div div {clear:left;} #references h3 {padding:0;color:inherit} #liens{ } #modules_droite div#blog{margin-bottom:0;padding-bottom:9px;} #modules_droite #blog div{padding:0;border:none;margin-bottom:0;background:none;font-size:xx-small} /* * ---- FIN modules droite---- */ /* Espaceur de blocs */ .nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } ._2colonnes{ height:100%; overflow:auto; width:450px; } ._2colonnes div{ float:left;margin-right:8px;width:200px;height:100%;}