WebSVN – Sites.gentiana.org – Diff – /trunk/sites/commun/generique/styles/commun_moderne.css

 /*
 Feuille de style supportée par les navigateurs modernes (version 5 et +)
 Auteur:	Jean-Pascal MILCENT
 */
 /* Icones */
 a.lien_ext:after {
-content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png);}
+content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_fleche.png");}
 a.pdf:before {
-content: url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icon_pdf.png)" ";}
+content: url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icon_pdf.png")" ";}
 /*CSS3 : ajout d'un espace entre href et ^ pour konqueror*/
 a.mail:after, a[href ^="mailto:"]:after	{
-content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png);}
+content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_mail.png");}
 .table_bordure th[title]:after {
-content: " "url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png);}
+content: " "url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_aide.png");}
 /* Présentation des liens */
 a {color:black;}
 /* Présentation des listes de définitions */
 dl {
 	width:100%;}
 dt {
 	float:left;
 	font-weight:bold;
 	text-align:top left;
 	margin-right:0.3em;}
 dd {
 	width:auto;
 	margin-left:0;
 	margin:0.5em 0;}
 /* Présentation des images */
 img a {
 	display:block;}
 /* Divers */
 .clear {
 	clear:both;}
 .texte_inactif {
 	font-size:10px;
 	color:gray;}
 .attention, .information {
 	display:block;
 	text-align:center;
 	min-height: 50px;
 	max-width: 800px;
 	padding:5px 5px 5px 50px;}
 .attention {
-	background: #ffffcc url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_attention.png) no-repeat 2% 50%;
+	background: #ffffcc url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_attention.png") no-repeat 2% 50%;
 	border: 1px solid red;}
 .information {
-	background: #e7ebfd url(http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_information.png) no-repeat 2% 50%;
+	background: #e7ebfd url("http://www.gentiana.org/sites/commun/generique/images/graphisme/icone_information.png") no-repeat 2% 50%;
 	border:1px solid #5D81BA;}
 blockquote {
 	font-style:italic;
 	text-align:center;}
 legend {
 	text-align:center;}
 /*DIFFERENTS BLOCS DE LA PAGE*/
 #zone_generale {
 	text-align:center;}
 /* Zone logo */
 #zone_logo {
 	margin:7px 10px;
 	position:absolute;
 	top:22px;
 	left:18px;
 	background:none !important;}
 #zone_logo img {
 	border:0 !important;}
 /* Accessibilité */
 #zone_accessibilite {
 	position:absolute;
 	top:2px;
-	left:815px;}
+	left:775px;}
 #zone_accessibilite a{
 	font-size:10px;
 	color:gray;}
 /* Bandeau */
 #zone_bandeau {
 	height:158px;
 	margin:0}
 #titre_site {
 	position:absolute;
 	top:100px;
 	left:200px;
 	margin:0;
 	text-align:right;
 	height:38px;
 	background:none !important;}
 #bandeau_contenu {
 	position:absolute;
 	top:125px;
 	left:200px;
 	height:25px;
 	width:565px;
 	text-align:left;
 	padding-top:5px;
 	text-transform:uppercase;}
 #bandeau_contenu a, #bandeau_contenu a:hover {
 	font-weight:bolder;
 	margin-left:10px;
-	color:white;}
+	color:white;
+	text-decoration:none;}
+#bandeau_contenu a:hover {
+	text-decoration:underline;}
 /* Moteur de recherche */
 #zone_moteur_recherche {
 	position:absolute;
 	top:140px;
 	left:570px;
 	height:25px;
 	width:180px;}
 #form_more_recherche {
 	float:right;
 	padding:0;
 	margin:0;}
 #form_more_recherche legend {
 	display:none;}
 #form_more_recherche fieldset {
 	border:0;
 	margin:0;
 	padding:0;}
 #form_more_recherche label {
 	display:none;}
+#form_more_recherche input#more_ok {
+	border:none;
+	background:none;
+	text-transform:uppercase;
+	font-weight:bold;
+	margin:0;
+	padding:0;}
+#form_more_recherche input#more_ok:hover {
+	border-bottom:1px solid;}
 /* Texte trouvé par le moteur de recherche */
 .surlignage {
 	background-color:yellow;}
 /* Formatage des résultats du moteur de recherche */
 #more_resultat, #more_resultat li {
 	clear:left;
 	display: inline;
 	margin: 0;
 	padding: 0;
 	list-style-type:none;}
 .more_iid, .more_dui {
 	display:none;}
 .more_ivd {
 	width:600px;}
 .more_duv a {
 	color:#008000;}
 .more_dsv, .more_dsi {
 	color:#C1C1C1;}
 .more_detail, .more_detail li {
 	display: inline;
 	margin: 0;
 	padding: 0;
 	list-style-type:none;}
 /* Zone contenu */
 #zone_contenu {
 	margin:0 5px 0 205px;
 	position:relative;
-	width:750px;}
+	min-width:750px;
+	max-width:900px;}
+/* Zone contenu -> VEI*/
+#zone_vei {
+	text-align:left;
+	height:40px;
+	margin:0;}
+#vei {
+	display:block;
+	padding:20px 0 0 20px;
+	font-weight:bold;}
+#vei_titre {
+	text-transform:uppercase;}
 /* Zone contenu navigation : les onglets */
 #zone_contenu_navigation {
 	position:relative;
 	float:left;
 	text-align:left;
 	font-weight:bold;}
 #zone_contenu_navigation ul {
 	margin:0;
 	padding:0;
 	list-style:none;}
 #zone_contenu_navigation li {
-	background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
+	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_droite.png") no-repeat right top;
 	float:left;
 	margin:0;
 	padding:0;}
 #zone_contenu_navigation a {
 	float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
 	display:block;
-	background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
+	background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/onglet_gauche.png") no-repeat left top;
 	width:.1em;
 	white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
 	padding:5px 15px 4px;
 	text-decoration:none;}
 /* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
 #header a {float:none;}
 /* End IE5-Mac hack */
 #zone_contenu_navigation > ul a {
 	width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
 #zone_contenu_navigation li:hover {
 	background-position:100% -150px;}
 #zone_contenu_navigation li:hover a {
 	background-position:0% -150px;}
 #zone_contenu_navigation .menu_inactif {
 	border-bottom:1px solid;}
-#zone_contenu_navigation .menu_actif, #zone_contenu_navigation .onglet_actif {
+#zone_contenu_navigation .menu_actif {
 	position:relative;
 	background-position:100% -150px;
 	padding-bottom:2px;
 	z-index:3;
 	font-weight:bold;}
-#zone_contenu_navigation .menu_actif a, #zone_contenu_navigation .onglet_actif a {
+#zone_contenu_navigation .menu_actif a {
 	position:relative;
 	background-position:0% -150px;
 	padding-bottom:3px;
 	z-index:4;}
+#zone_contenu_navigation .menu_n3 {
+	margin:0 0 0 10px;
+	padding:0;
+	text-align:left;}
 /* Zone contenu page */
 #zone_contenu_page {
 	position:relative;
 	top:-1px;
 	clear:both;
 	padding:0 2px 0 2px;
 	text-align:justify;
 	min-height:300px;}
 #zone_contenu_page_corps{
 	clear:both;
 	line-height:1.2em;
 	text-align:justify;
 	padding:0 5px 7px 5px;}
 /* Zone liste site */
 #zone_liste_site {
 	position:absolute;
-	top:50px;
+	top:40px;
 	left:780px;}
+#liste_site li {
+	margin:0;
+	padding:0;
+	list-style-type:none;
+	text-align:left;}
+#liste_site a{
+	display:block;
+	height:25px;
+	_width:100px;/* Hack IE PC : bogue modèle de boite*/
+	width:75px;
+	padding:0px 0 0 32px;
+	margin:8px 0;
+	color:#333399;
+	text-decoration:none;
+	font-size:12px;
+	font-weight:bold;}
+#liste_site a:hover{
+	text-decoration:underline;}
+#site_asso_gentiana a{
+  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_asso_gentiana.png") center left no-repeat;}
+#site_flore_isere a{
+  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_flore_isere.png") center left no-repeat;}
+#site_gestion_raisonnable a{
+  background:url("http://www.gentiana.org/sites/commun/generique/images/graphisme/site_gestion_raisonnable.png") center left no-repeat;}
 /* Zone menu */
 #zone_menu {
 	position:absolute;
 	top:150px;
 	left:2px;
 	width:188px;
 	min-height:292px;
-	padding:5px 5px;}
+	padding:5px 5px;
-/* Zone menu */
-#zone_menu, #menus {
-	font-size:13px;
 	margin:10px 0;
+	font-size:13px;
 	text-align:left;}
-#zone_menu a, #menus a {
+#zone_menu hr {
-	background:none;
-	color:#000;
-	display:block;
-	height:1.2em;}
-#zone_menu .menu_actif>a, #menus .menu_actif>a {
-	border:1px solid;}
-#zone_menu > ul a, #menus > ul a {
-	height:auto;}
-#navigation hr, #nav_gauche hr {
 	width:40%;
 	text-align:center;}
+/* Zone menu -> menu classique */
+#zone_menu_classique .menu_classique_n1, #zone_menu_classique .menu_classique_n2 {
+	padding:0;
+	margin:0;
+	list-style-type:none;}
+#zone_menu_classique a {
+	display:block;
+	text-decoration:none;
+	font-weight:bold;
+	background-color:transparent;}
+#zone_menu_classique .menu_classique_n1 a {
+	padding:3px 0 3px 10px;
+	margin:2px 0;}
+#zone_menu_classique .menu_classique_n2 a {
+	padding:3px 0 3px 15px;
+	margin:2px;}
+#zone_menu_classique .menu_classique_n1>li.menu_actif>a {/* lien menu niveau 1 actif */
+	border-top-right-radius:10px;
+	border-top-left-radius:10px;
+	-moz-border-radius-topright:10px;
+	-moz-border-radius-topleft:10px;
+	-webkit-border-top-right-radius:10px;
+	-webkit-border-top-left-radius:10px;
+	-khtml-border-radius-topright:10px;
+	-khtml-border-radius-topleft:10px;}
+/* Zone menu -> form connexion et deconnexion */
+#zone_identification {
+	margin-top:3em;
+	padding-top:15px;
+	min-height:180px;}
+#zone_identification .erreur {
+	display:block;
+	color:red;
-/* Zone menu -> form connexion et deconnexion */
+	padding:1em 0 0 2em;}
 #form_connexion, #identification {
 	padding:12px 2px 2px 5px;}
 #form_connexion legend, #identification legend {
 	text-transform:uppercase;
 	font-size:14px;
 	font-weight:bold;}
 #form_connexion label, #identification label {
 	display:none;}
 label#persistant_label {
 	display:block;
 	margin:0.5em 0 1em 2em;
-	color:black;}
+	color:black;
+	font-weight:bold;}
 #form_connexion fieldset, #identification fieldset{
 	border:none;}
 #username, #password {
 	width:10em;
 	text-align:left;
 	margin:0.5em 0;}
 #persistant {
 	text-align:left;
 	float:left;
 	margin:0.5em 0 1em 0;}
+#form_connexion input#connexion {
+	border:none;
+	background:none;
+	text-transform:uppercase;
+	font-weight:bold;
+	margin:0;
+	padding:0;}
+#form_connexion input#connexion:hover {
+	border-bottom:1px solid;}
 #identification_info, #identification, #formconnexion, #iden_action {
 	display:block;
 	width:auto;
 	text-align:center;
 	font-size:11px;
 	margin: 0;
 	padding-bottom:2px;}
-#lien_inscription{
+#lien_inscription, #iden_action a, #lien_inscription:hover, #iden_action a:hover{
 	text-transform:uppercase;
+	font-weight:bold;
-	margin:0.5em 0 1em 0;}
+	margin:0.5em 0 1.5em 0.5em;
+	text-decoration:none;}
+#lien_inscription:hover, #iden_action a:hover{
+	text-decoration:underline;}
 #inscription_aide {
 	margin-left:1em;}
 #identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
 	display:block;
 	font-size:14px;
 	text-align:center;
 	font-weight:bold;
 	text-transform:none;
 	margin:0 0 5px 0;}
+#identification_message {
+	text-transform:uppercase;}
 #identification_prenom, #identification_nom{
 	font-size:13px;
 	font-weight:bold;
 	color:black;}
 #identification_nom {
 	text-transform:uppercase;}
-#iden_action a {
+#iden_action {
-	line-height:15px;}
+	height:125px;}
 /* Zone menu -> menu contextuel */
 #menu_contextuel {
 	border:1px solid;}
-/* Présentation des menus */
-.menu_classique_n1, .menu_n1 {
-	padding:0;
-	margin:0;
-	font-weight:bold;
-	list-style-type:none;}
-.menu_classique_n1 a {
-	padding:3px 0;}
-.menu_classique_n2, .menu_n2 {
-	padding:0;
-	margin:0;
-	font-weight:normal;
-	list-style-type:none;}
-.menu_classique_n2 a {
-	padding:3px 0 3px 15px;}
-.menu_n3 {
-	margin:0 0 0 10px;
-	padding:0;
-	text-align:left;}
-.menu_inactif a, .menu_actif a {
-	color:#000;
-	text-decoration:none;
-	background-color:transparent;}
 /* Zone pied */
 #zone_pied {
 	font-size:11px;
 	clear:both;
 	text-align:center;
+	min-width:750px;
-	width:700px;
+	max-width:900px;
-	margin-left:200px;}
+	margin:0 5px 0 205px;}
 #zone_pied p{
 	position:center;}
-#zone_pied a {
+#zone_pied a, #zone_pied a:hover {
-	margin:0 10px;}
+	margin:0 10px;
+	text-decoration:none;}
+#zone_pied a:hover {
+	text-decoration:underline;}
 #pied_menu_commun .menu_commun_n1 {
 	padding:0;}
 #pied_menu_commun li {
 	display:inline;}
 #pied_menu_commun li+li {
 	display:inline;
 	padding-left:10px;}
 /* Applette Catégorie et Mots Clés */
 .page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
 	display:none;}
 .page_titre {
 	font-weight:bold;}
 /* Texte champ d'une fiche */
 .champ_cle {
 	font-weight:bold;}
 .champ_valeur {
 	font-weight:normal;}p_cle {
 	font-weight:bold;}
 .champ_valeur {
 	font-weight:normal;}
 /*menu_commun*/
 .question {
 	font-weight:bold;}

Subversion Repositories Sites.gentiana.org

(root)/trunk/sites/commun/generique/styles/commun_moderne.css – Rev 18 → 27