WebSVN – Sites.tela-botanica.org – Diff – /trunk/sites/commun/generique/styles/pageInterieure.css

 /* STYLE COMMUN */ /* D�finition des polices exotiques */
 	/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).
    Pour windows, elle est remplac�e par la police Helveticaneue2 */
 @font-face {
 	font-family:Helveticaneue;
-	src:url('/commun/polices/helvetica_light.ttf');}
+	src:url('/commun/polices/helvetica_light.ttf');
+}
 @font-face {
 	font-family:Helveticaneue2;
-	src:url('/commun/polices/helvetica_light.eot');}
+	src:url('/commun/polices/helvetica_light.eot');
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Red�finition des styles par d�faut des balises */
 body {
 	margin:0;
 	padding:0;
 	font-family:arial;
 	font-weight:normal;
 	font-size:12px;
-	color:#222222;}
+	color:#222222;
+}
 img, form, td, div, a, h1, h2 {
 	padding:0;
 	border:0;
-	text-decoration:none;}
+	text-decoration:none;
+}
 ul, form, li, td, div, a {
-	margin:0;}
+	margin:0;
+}
 h1, h2, h3, h4 {
 	font-weight:bold;
-	letter-spacing:0;}
+	letter-spacing:0;
+}
 h1 {
 	padding:0 0 0 25px;
 	margin:20px 0 10px 0;
 	font-size:15px;
 	text-transform:uppercase;
-	color:#fd8c13;}
+	color:#fd8c13;
+}
 h2 {
 	margin:20px 0 12px 0;
 	font-size:13px;
 	text-transform:uppercase;
-	color:#FD8C13;}
+	color:#FD8C13;
+}
 h3 {
 	margin:20px 0 12px;
 	font-size:14px;
-	color:#454341;}
+	color:#454341;
+}
 h4 {
 	margin:2px 2px 2px 0;
 	font-size:11px;
 	font-weight:normal;
 	color:#AAAAAA;
+}
 h1 a, h2 a, h3 a, h4 a {
 	color:inherit;
 	border-bottom: dotted 1px;
+}
 h3 a {
 	border-color:#CCCCCC;
+}
 p {
 	font-size:12px;
 	line-height:18px;
-	text-align:justify;}
+	text-align:justify;
+}
 strong, b {
 	font-weight:bold;
-	}
+}
 hr {
 	border:0;
-	border-bottom:1px dotted #C2C0AD;}
+	border-bottom:1px dotted #C2C0AD;
+}
 /* Pr�sentation des listes de d�finitions */
 dl {
-	width:100%;}
+	width:100%;
+}
 dt {
 	float:left;
 	font-weight:bold;
 	text-align:top left;
-	margin-right:0.3em;}
+	margin-right:0.3em;
+}
 dt:after {	/* Remplace la classe ajout_2points  */
-	content:" :";}
+	content:" :";
+}
 dd {
 	width:auto;
-	margin:0.5em 0;}
+	margin:0.5em 0;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Liens */
 a {
 	color:#598000;
+	border-bottom:1px dotted #95ae5d;
-	border-bottom:1px dotted #95ae5d;}/* �vite l'effet de d�calage. */
+}/* �vite l'effet de d�calage. */
 a:hover {
 	color:#FD8C13;
-	border-bottom:1px dotted #95ae5d;}
+	border-bottom:1px dotted #95ae5d;
+}
 a.lien-ext:after {
-	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);}
+	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
+}
 a.pdf:before {
-	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";}
+	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
+}
 a[href ^="mailto:"]:after  {/* CSS3 : ajout d'un espace entre href et ^ pour konqueror */
-	content:" "url(/sites/commun/generique/images/icones/mail.png);}
+	content:" "url(/sites/commun/generique/images/icones/mail.png);
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Classes & couleurs */
 .icone-erable {
 	display:inline-block;
 	line-height:30px;
 	padding-left:30px;
-	background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;}
+	background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;
+}
 .nodisplay {
-	display:none;}
+	display:none;
+}
 .hidden {
-	visibility:hidden;}
+	visibility:hidden;
+}
 .spacer125 {
 	width:125px;
-	float:left;}
+	float:left;
+}
 .cadreRondVert h1 {
-	margin:0 0 10px 0;}
+	margin:0 0 10px 0;
+}
 .cadreRondVert {
 	width:685px;
 	float:left;
 	margin-bottom:20px;
 	background-color:#eaedcd;
-	-moz-border-radius:10px;
-	-webkit-border-radius:10px;
+	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	border-radius:10px;
-	-moz-box-shadow:2px 2px 5px #aaa;
-	-webkit-box-shadow:7px 7px 11px #aaa;
+	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
-	box-shadow:7px 7px 11px #555;
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
 	zoom:1;/* pour ie8 */
-	padding:8px;}
+	padding:8px;
+}
 .cadreRondGris h1 {
-	margin:0 0 10px 0;}
+	margin:0 0 10px 0;
+}
 .cadreRondGris h3 {
-	margin:0;}
+	margin:0;
+}
 .cadreRondGris {
 	width:685px;
 	float:left;
 	margin-top:20px;
 	background-color:#e5e4d4;
-	-moz-border-radius:10px;
-	-webkit-border-radius:10px;
+	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	border-radius:10px;
-	-moz-box-shadow:2px 2px 5px #aaa;
-	-webkit-box-shadow:7px 7px 11px #aaa;
+	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
-	box-shadow:7px 7px 11px #555;
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
 	zoom:1;/* pour ie8 */
-	padding:8px;}
+	padding:8px;
+}
 .floatLeft {
-	float:left;}
+	float:left;
+}
 .notext {
 	display:none;
 	left:-5000px;
 	top:-5000px;
-	text-indent:-5000px;}
+	text-indent:-5000px;
+}
 .petitcarre {
 	padding-left:15px;
-	background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
+	background:url(../images/petitCarre.jpg) no-repeat 5px 4px;
+}
 .troiscarre {
 	padding-left:30px;
-	background:url(../images/troisCarre.png) no-repeat 5px 5px;}
+	background:url(../images/troisCarre.png) no-repeat 5px 5px;
+}
 #contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {
 	padding:10px 0 0 30px;
-	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
+	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
+}
 .champs {
 	font-family:arial;
 	font-size:11px;
 	background-color:#fff;
 	border:dotted 1px #7b9c35;
 	color:#3a3633;
+	margin-bottom:7px;
 	margin-bottom:7px;}
 .champs2 {
 	font-family:arial;
 	font-size:11px;
+	color:#3a3633;
 	color:#3a3633;}
 .ok {
 	font-family:arial;
 	font-size:11px;
 	font-weight:bold;
 	background-color:#fff;
 	border:dotted 1px #7b9c35;
 	color:#fd8c13;
 	margin-left:242px;
+	font-variant:small-caps;
 	font-variant:small-caps;}
 .clear,.nettoyage {
+	clear:both;
 	clear:both;}
 /* Cadre rond gris :mise en page */
 .cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
 	width:320px;
 	padding:20px;
 	border-right:1px dotted #959486;
+	float:left;
 	float:left;}
 .cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
 	width:284px;
 	float:left;
+	padding:18px;
 	padding:18px;}
 /* Taille des cadres */
 .demi {
 	width:50%;
-	}
+}
 .tiers {
-	width:33%
+	width:33%
+}
 .deux-tiers {
-	width:66%;
 	width:66%;
+}
+.plein {
-.plein {
+	width:620px;
 	width:620px;}
 /* Typographies */
 .orange {
+	color:#fd8c13;
-	color:#fd8c13;
+	font-family:arial;
-	font-family:arial;}
+}
+p.orange {
-p.orange {
+	line-height:12px;
-	line-height:12px;}
+}
+.blanc {
-.blanc {
+	color:#fff;
 	color:#fff;}
 p.blanc {
+	font-size:11px;
-	font-size:11px;
+	line-height:12px;
 	line-height:12px;}
 .vertpetit {
 	color:#598000;
 	font-family:arial;
+	font-size:11px;
-	font-size:11px;
+	font-weight:bold;
 	font-weight:bold;}
 .grispetit {
 	color:#3a3633;
 	font-family:arial;
+	font-size:11px;
-	font-size:11px;
+	font-weight:bold;
 	font-weight:bold;}
 .gris {
 	color:#3a3633;
+	font-family:arial;
-	font-family:arial;
+	font-size:12px;
-	font-size:12px;}
+}
 .overflow-hidden {
-	overflow:hidden;}
+	overflow:hidden;
+}
+#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
-#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
+	color:#FD8C13;
 	color:#FD8C13;}
 .boutonJaune {
-	background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
-	padding:4px 10px 4px 30px;
+	background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
-	-moz-border-radius:10px;
-	-webkit-border-radius:10px;
+	padding:4px 10px 4px 30px;
-	border-radius:10px;
+	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
 	color:#6C6865;
 	font-family:helveticaneue;
+	font-size:15px;
-	font-size:15px;
+	border:none
-	border:none}
+}
 #zone_contenu_corps h1, #contenu h1 {
-	background:url(../images/troisCarre.png) no-repeat 0 5px;}
+	background:url(../images/troisCarre.png) no-repeat 0 5px;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Tableau :encadr� */
 .table_cadre {
+	border:1px solid #9ac342;
-	border:1px solid #9ac342;
+	border-collapse:collapse;
 	border-collapse:collapse;}
 .table_cadre thead, .table_cadre tfoot {
+	background-color:#EEE;
-	background-color:#EEE;
+	border:1px solid #9ac342;
 	border:1px solid #9ac342;}
 .table_cadre tbody {
+	background-color:#FFF;
-	background-color:#FFF;
+	border:1px solid #9ac342;
 	border:1px solid #9ac342;}
 .table_cadre th {
 	font-family:monospace;
 	border:1px dotted #9ac342;
+	padding:5px;
-	padding:5px;
+	background-color:#EEE;
 	background-color:#EEE;}
 .table_cadre td {
 	font-family:arial;
 	border:1px dotted #9ac342;
+	padding:5px;
-	padding:5px;
+	text-align:left;
-	text-align:left;}
+}
+.table_cadre caption {
-.table_cadre caption {
+	font-family:sans-serif;
-	font-family:sans-serif;}
+}
+.table_cadre th[title]:after {
-.table_cadre th[title]:after {
+	content:" "url(/sites/commun/generique/images/icones/aide.png);
 	content:" "url(/sites/commun/generique/images/icones/aide.png);}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* D2fintion des styles de l'applette syndication */
 .contenu_RSS h3 {
+	margin:0;
-	margin:0;
+	font-size:12px;
 	font-size:12px;}
 .contenu_RSS h4 {
+	font-size:11px;
-	font-size:11px;
+	font-weight:normal;
-	font-weight:normal;}
+}
+#contenu h2:before, #zone_contenu_corps h2:before {
-#contenu h2:before, #zone_contenu_corps h2:before {
+	content:"> ";
 	content:"> ";}
 #zone_contenu_corps .traitTela li {
 	list-style:none;
-	padding:10px 0 0 30px;
-	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
+	padding:10px 0 0 30px;
 	background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
 	font-family:arial;
+	font-size:11px;
-	font-size:11px;
+	font-weight:bold;
 	font-weight:bold;}
 .traitTela li a {
 	font-family:arial;
+	font-size:11px;
-	font-size:11px;
+	font-weight:bold;
 	font-weight:bold;}
-/* Ombres */
-.ombre2 {
+/* Ombres */
-	-moz-box-shadow:4px 4px 7px #aaa;
-	-webkit-box-shadow:7px 7px 11px #aaa;
+.ombre2 {
+	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
-	box-shadow:7px 7px 11px #555;
+	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Arrondis */
 .arrondi7 {
 	-moz-border-radius:7px;
+	-webkit-border-radius:7px;
-	-webkit-border-radius:7px;
+	border-radius:7px;
 	border-radius:7px;}
 .arrondi30 {
 	-moz-border-radius:30px;
+	-webkit-border-radius:30px;
-	-webkit-border-radius:30px;
+	border-radius:30px;
 	border-radius:30px;}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Menu sup�rieur */
 /* TODO :mettre les petits carr�s � la bonne place */
 	height:12px;
 	margin:8px auto 0 0;
 	text-align:center;
 	font-family:arial;
 	font-size:12px;
-	color:#3a3633;}
+	color:#3a3633;
+}
 #zone-menu-haut ul {
-	list-style-image:url(../images/petitCarre.jpg);}
+	list-style-image:url(../images/petitCarre.jpg);
+}
 #zone-menu-haut ul li {
-	float:left;}
+	float:left;
+}
 #zone-visiteur ul {
-	padding:0;}
+	padding:0;
+}
 #zone-visiteur li {
 	text-align:left;
 	display:block;
 	width:130px;
 	padding-left:10px;
-	background:url(../images/petitCarre.jpg) no-repeat left center;}
+	background:url(../images/petitCarre.jpg) no-repeat left center;
+}
 #zone-acces-rapide {
-	float:right;}
+	float:right;
+}
 #zone-menu-haut #seconnecter {
 	margin:0;
-	padding-left:10px;}
+	padding-left:10px;
+}
 #zone-menu-haut #don {
 	width:110px;
-	margin:0;}
+	margin:0;
+}
 #zone-menu-haut #lettre {
 	width:120px;
-	margin:0;}
+	margin:0;
+}
 #zone-menu-haut #recherche, .drapeau{
-list-style:none;}
+list-style:none;
+}
 #zone-menu-haut #recherche {
 	width:185px;
 	padding-left:5px;
-	text-align:left;}
+	text-align:left;
+}
 #zone-menu-haut #recherche fieldset {
 	width:185px;
 	padding:0;
-	border-style:none;}
+	border-style:none;
+}
 #zone-menu-haut #recherche input {
 	height:13px;
 	width:150px;
 	font-size:12px;
-	margin:-15px 0 0 -2px;}
+	margin:-15px 0 0 -2px;
+}
 #zone-menu-haut #recherche legend, #recherche label {
-	display:none;}
+	display:none;
+}
 #zone-menu-haut #recherche #more_ok {
 	width:25px;
-	height:20px;}
+	height:20px;
+}
 #zone-menu-haut .drapeau {
 	width:15px;
-	margin-left:10px;}
+	margin-left:10px;
+}
 #zone-menu-haut a {
 	font-family:arial;
-	font-size:12px;}
+	font-size:12px;
+}
 #zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {
-	color:#598000;}
+	color:#598000;
+}
 #zone-menu-haut a:hover, #zone-menu-haut a:focus {
-	color:#fd8c13;}
+	color:#fd8c13;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 #zone-principale {
 	width:960px;
 	margin-left:auto;
-	margin-right:auto}
+	margin-right:auto
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Logo Tela Botanica */
 #zone-logo-tela {
 	position:absolute;
 	margin-top:3px;
-	background:none;}
+	background:none;
+}
 #zone-logo-tela a {
 	border:none;
+}
 #zone-logo-tela img:hover {
   border:1px dotted white;
   width:144px;
-  height:98px;}
+  height:98px;
+}
 #zone-logo-tela a:hover:after {
   font-size:12px;
   color:white;
-  content:" "attr(title)" ";}
+  content:" "attr(title)" ";
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 .zone-haut {
 	height:123px;
 	width:885px;
 	margin:32px 0 0 0;
-	text-align:center;}
+	text-align:center;
+}
 .zone-haut h2 {
 	position:absolute;
 	top:135px;
 	margin:0 0 0 90px;
 	font-size:16px;
 	font-family:arial;
 	text-transform:none;
-	color:white;}
+	color:white;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 .motsclefs {
 	position:absolute;
 	/* N�cessaire pour IE */
 	width:0;
 	font-family:Helveticaneue;
 	letter-spacing:-1px;
-	font-weight:lighter;}
+	font-weight:lighter;
+}
 .motsclefs h3 {
 	position:absolute;
 	left:200px;
 	margin-top:17px;
 	font-family:helveticaneue;
 	font-size:60px;
 	font-weight:lighter;
-	color:#5c5950;}
+	color:#5c5950;
+}
 .motsclefs h4 {
 	margin-top:60px;
 	margin-left:540px;
 	text-align:left;
 	font-family:helveticaneue;
-	color:#f2f2f2;}
+	color:#f2f2f2;
+}
 .motsclefs span {
 	position:absolute;
 	top:85px;
 	font-weight:normal;
-	text-transform:lowercase;}
+	text-transform:lowercase;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /** Menu de navigation entre univers **/
 #zone-menu-navigation {
 	width:900px;
 	margin:10px 0 10px 15px;
 	float:left;
 	text-decoration:none;
 	text-align:center;
 	font-size:14px;
 	font-family:arial;
-	line-height:20px;}
+	line-height:20px;
+}
 #zone-menu-navigation a:link,#zone-menu-navigation a:visited,#zone-menu-navigation a:active {
-	text-decoration:none;}
+	text-decoration:none;
+}
 #zone-menu-navigation .menuHautActif a {
 	color:#6C6865;
 	width:20px;
 	font-weight:bold;
 	font-size:14px;
 	text-transform:uppercase;
 	padding-bottom:5px;
-	border-bottom:4px solid grey;}
+	border-bottom:4px solid grey;
+}
 #zone-menu-navigation a {
 	color:white;
-	border:none;}
+	border:none;
+}
 #zone-menu-navigation ul {
-	padding:0;}
+	padding:0;
+}
 #zone-menu-navigation ul li {
 	float:left;
 	width:160px;
 	height:20px;
 	margin-right:15px;
 	text-align:center;
 	text-decoration:none;
 	list-style-type:none;
 	padding:0;
-	zoom:1; /* pour ie8 */}
+	zoom:1; /* pour ie8 */
+}
 #zone-menu-navigation a:hover,#zone-menu-navigation a:focus {
 	font-weight:bold;
 	color:#6C6865;
 	text-decoration:none;
 	text-transform:uppercase;
 	padding-bottom:5px;
 	border-bottom:4px solid grey;
-	-moz-border-radius:30px;
-	-webkit-border-radius:30px;
+	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
-	border-radius:30px;}
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Couleurs des diff�rents menus */
 #menuAccueil {
-	background:#fd8c13;}
+	background:#fd8c13;
+}
 #menuBotanique {
-	background:#9ac243;}
+	background:#9ac243;
+}
 #menuActualites {
-	background:#c2c0ad;}
+	background:#c2c0ad;
+}
 #menuReseau {
-	background:#e16039;}
+	background:#e16039;
+}
 #menuProjets {
-	background:#a89d80;}
+	background:#a89d80;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Menus */
 #zone-menu-gauche {
 	font-family:arial;
 	font-size:12px;
 	width:170px;
 	margin-top:10px;
 	border-left:1px solid #598000;
-	padding-left:2px;}
+	padding-left:2px;
+}
 #zone-menu-gauche ul {
 	padding:0;
-	list-style:none;}
+	list-style:none;
+}
 #zone-menu-gauche ul li {
-	padding:0 0 5px 0;}
+	padding:0 0 5px 0;
+}
 #zone-menu-gauche ul li a {
 	margin:0;
 	padding:2px 0 2px 14px;
 	border-top:1px solid #598000;
 	border-bottom:1px solid #598000;
 	border-right:1px solid #598000;
-	-moz-border-radius:7px;
-	-webkit-border-radius:7px;
+	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
-	border-radius:7px;
 	font-weight:bold;
 	color:#598000;
 	display:block;
-	background:url(../images/petitCarre.jpg) no-repeat 3px 7px;}
+	background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
+}
 #zone-menu-gauche ul li ul {
 	list-style:disc inside;
 	color:#598000;
-	padding:0 0 0 15px;}
+	padding:0 0 0 15px;
+}
 #zone-menu-gauche ul li ul li {
-	padding:0;}
+	padding:0;
+}
 #zone-menu-gauche ul li ul li a {
 	border:none;
 	background:none;
 	padding:0;
 	display:inline;
-	font-weight:normal;}
+	font-weight:normal;
+}
 #zone-menu-gauche .menu_actif a {
-	color:#FD8C13;}
+	color:#FD8C13;
+}
 #zone-menu-gauche .menu_inactif a {
 	color:#598000;
-	font-weight:normal;}
+	font-weight:normal;
+}
 #zone-menu-gauche ul.menu_deroulant_n1 > li > a {
-	font-weight:bold;}
+	font-weight:bold;
+}
 #zone-menu-gauche a:hover {
-	color:#FD8C13;}
+	color:#FD8C13;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 #cheminDeFer {
 	width:500px;
 	margin-left:34px;
 	margin-top:12px;
-	margin-bottom:10px;}
+	margin-bottom:10px;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /** Zone menu connexion **/
 #zone-menu-connexion {
 	height:122px;
 	width:178px;
 	padding:25px 0 0 0;
 	font-family:arial;
 	text-align:right;
 	font-size:11px;
-	background:url(../images/carreorange.png) no-repeat 9px -9px;}
+	background:url(../images/carreorange.png) no-repeat 9px -9px;
+}
 #zone-menu-connexion fieldset {
 	text-align:left;
 	width:165px;
 	background:white;
 	padding:28px 0 0 10px;
 	border:solid 1px #99C242;
 	text-decoration:none;
-	-moz-border-radius:0 10px 10px 10px;
-	-webkit-border-radius:0 10px 10px 10px;
+	border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;
-	border-radius:0 10px 10px 10px;}
+}
 #zone-menu-connexion fieldset input {
-	font-size:11px;}
+	font-size:11px;
+}
 #zone-menu-connexion fieldset p {
-	text-align:left;}
+	text-align:left;
+}
 #zone-menu-connexion h3 {
 	position:absolute;
 	width:162px;
 	padding:5px 5px 5px 9px;
 	margin:-29px 0 0 -10px;
 	color:white;
 	text-align:left;
 	text-transform:uppercase;
 	font-size:12px;
 	background-color:#99C242;
-	-moz-border-radius:0 10px 0 0;
-	-webkit-border-radius:0 10px 0 0;
+	border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;
-	border-radius:0 10px 0 0;}
+}
 #zone-menu-connexion fieldset label {
 	position:relative;
 	width:12em;
 	display:block;
-	margin:.1em 0;}
+	margin:.1em 0;
+}
 #zone-menu-connexion label input {
 	position:absolute;
 	left:100%;
 	top:0;
-	width:15px;}
+	width:15px;
+}
 #zone-menu-connexion #username,#zone-menu-connexion #password {
-	width:80px;}
+	width:80px;
+}
 #zone-menu-connexion fieldset #connexion {
 	border:solid 1px #8eb533;
-	padding:0;}
+	padding:0;
+}
 #zone-menu-connexion #persistant,#zone-menu-connexion #persistant_label {
 	float:left;
-	margin-left:0;}
+	margin-left:0;
+}
 #zone-menu-connexion #persistant_label {
-	padding-top:2px;}
+	padding-top:2px;
+}
 #zone-menu-connexion #colonneDroite {
-	padding:15px 0;}
+	padding:15px 0;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /** Menu lat�ral :Zone gauche **/
 #zone-gauche {
 	width:170px;
 	float:left;
 	margin-left:0;
-	padding-bottom:100px;}
+	padding-bottom:100px;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /** Zone principale :zone droite **/
 #zone-droite {
 	width:730px;
 	margin-left:20px;
 	float:left;
 	height:auto;
-	overflow:hidden;}
+	overflow:hidden;
+}
 #contenu {
-	border:none;}
+	border:none;
+}
 #zone_contenu_corps {
 	border:none;
-	width:690px}
+	width:690px
+}
 #zone_contenu_corps li,#contenu li {
 	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
-	line-height:18px;}
+	line-height:18px;
+}
 #zone_contenu_corps li ul li,#contenu li ul li {
 	list-style:none;
 	background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px;
 	padding-left:25px;
-	line-height:18px;}
+	line-height:18px;
+}
 #zone_contenu_corps form li,#contenu form li {
-	background:none;}
+	background:none;
+}
 #zone_contenu_corps .alpha,#contenu .alpha {
 	background:none;
 	padding-left:25px;
-	list-style-type:upper-alpha;}
+	list-style-type:upper-alpha;
+}
 #zone_contenu_corps .listeSimple li,#contenu .listeSimple li {
 	list-style:inherit;
 	background:none;
-	padding:0;}
+	padding:0;
+}
 #zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
 	list-style:upper-alpha inside;
 	background:none;
-	padding:0;}
+	padding:0;
+}
 #zone_contenu_corps ul li ul {
-	margin-bottom:10px;}
+	margin-bottom:10px;
+}
 .filetVert {
 	width:300px;
 	margin-left:0;
 	margin-top:5px;
 	padding:20px;
 	border:1px solid #9ac342;
-	-moz-border-radius:10px;
+	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	float:left;}
+	float:left;
+}
 .filetVert h1 {
-	margin:0 0 10px 0;}
+	margin:0 0 10px 0;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /*Onglets*/
 #zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {
 	display:inline-block;
-	padding:0;}
+	padding:0;
+}
-.onglets a {border:none}
+.onglets a {border:none
+}
 #zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {
 	list-style-image:none;
 	padding:5px 3px 5px 3px;
 	margin-top:2px;
-	background-color:#C2C0AD;}
+	background-color:#C2C0AD;
+}
 #zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li {
 	cursor:pointer;
 	float:left;
 	list-style:none;
 	margin-right:5px;
 	background:none no-repeat 5px 9px #C2C0AD;
 	color:#fd8c13;
 	border:1px solid #c2c0ad;
 	border-bottom:0px solid #c2c0ad;
 	text-decoration:none;
-	-moz-border-radius:10px 10px 0 0;
-	-webkit-border-radius:10px 10px 0 0;
+	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
-	border-radius:10px 10px 0 0;}
+}
 #zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {
 	background:none;
 	color:#FD8C13;
-	font-weight:bold;}
+	font-weight:bold;
+}
 #zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
 	background:none;
 	border:1px solid #C2C0AD;
 	border-bottom:0 solid #c2c0ad;
 	text-decoration:none;
-	-moz-border-radius:10px 10px 0 0;
-	-webkit-border-radius:10px 10px 0 0; /* pour Chrome */
+	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;
-	border-radius:10px 10px 0 0;}
+}
 #zone_contenu_corps #BAZ_menu .menu_inactif a,#zone_contenu_corps .menu_classique_n3 .menu_inactif a,#zone_contenu_corps .menu_classique_n3 h1,#zone_contenu_corps .onglets .menu_inactif a,#zone_contenu_corps .onglets h1 {
-	color:#6C6865;}
+	color:#6C6865;
+}
 #zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
-	color:#FD8C13;}
+	color:#FD8C13;
+}
 .cadreInvisible {
 	float:left;
 	margin-left:10px;
-	margin-top:10px;}
+	margin-top:10px;
+}
 .cadreInvisible h1 {
-	margin:0 0 10px 0;}
+	margin:0 0 10px 0;
+}
 .cadreRondOmbre {
 	float:left;
 	margin-bottom:10px;
 	padding:20px;
 	background-color:#fff;
 	border:1px solid #fff;
-	-moz-border-radius:10px;
-	-webkit-border-radius:10px;
+	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	border-radius:10px;
-	-moz-box-shadow:2px 2px 9px #aaa;
-	-webkit-box-shadow:7px 7px 11px #aaa;
+	box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
-	box-shadow:7px 7px 11px #555;
 	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
-	zoom:1;/* pour ie8 */}
+	zoom:1;/* pour ie8 */
+}
 .filetRouge {
-	border:solid 1px red;}
+	border:solid 1px red;
+}
 #cartographieVolante {
 	position:absolute;
 	z-index:10;
 	background:white;
 	border:solid 1px #AAAAAA;
 	padding:15px;
-	margin:-300px 0 0 -300px;}
+	margin:-300px 0 0 -300px;
+}
 #cartographieVolante #masquerLaCarte {
-	float:right;}
+	float:right;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Bandeau Projets */
 #bandeauProjets {
 	width:845px;
 	margin:20px 0;
 	border:dotted 1px #fd8c13;
-	-moz-border-radius:10px;
-	-webkit-border-radius:10px;
+	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
-	border-radius:10px;
 	float:left;
-	padding-left:65px;}
+	padding-left:65px;
+}
 #bandeauProjets ul {
 	height:98px;
 	padding:0px;
 	list-style:none;
-	font-family:arial;}
+	font-family:arial;
+}
 #bandeauProjets ul li {
 	width:250px;
 	margin-left:15px;
 	border:double 1px orange;
 	border-width:0 4px 0 0;
 	display:inline;
 	height:95px;
-	float:left;}
+	float:left;
+}
 #bandeauProjets ul li, #bandeauProjets ul li p {
 	font-family:arial;
 	font-size:10px;
-	line-height:13px;}
+	line-height:13px;
+}
 #bandeauProjets ul li p {
-	padding-right:2px;}
+	padding-right:2px;
+}
 #bandeauProjets ul li a {
 	color:#598000;
-	font-weight:bold;}
+	font-weight:bold;
+}
 #bandeauProjets ul li h3 {
 	padding:5px 0;
 	margin:0;
-	color:#fd8c13;}
+	color:#fd8c13;
+}
 #bandeauProjets ul li img {
 	float:right;
-	padding:10px;}
+	padding:10px;
+}
 #bandeauProjets ul .bouton {
-	width:20px;}
+	width:20px;
+}
 #boutonPrecedent,#boutonSuivant {
-	position:absolute;}
+	position:absolute;
+}
 #boutonPrecedent {
 	margin-left:-66px;
 	margin-top:-99px;
 	height:100px;
 	background:white;
 	cursor:pointer;
 	width:70px;
 	border:dotted 1px #fd8c13;
 	border-right-style:none;
-	-moz-border-radius:10px 0 0 10px;
-	-webkit-border-radius:10px 0 0 10px;
+	border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;
-	border-radius:10px 0 0 10px;
-	background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;}
+	background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px;
+}
 #boutonSuivant {
 	margin-left:799px;
 	margin-top:-99px;
 	width:30px;
 	cursor:pointer;
 	background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
 	padding:28px 8px 53px 8px;
 	border:dotted 1px #fd8c13;
 	border-left-style:none;
-	-moz-border-radius:0 10px 10px 0;
-	-webkit-border-radius:0 10px 10px 0;
+	border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;
-	border-radius:0 10px 10px 0;}
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /** Zone-bas-page :footer **/
 #zone-bas-page {
 	width:960px;
-	clear:both;}
+	clear:both;
+}
 #zone-bas-page div {
 	width:900px;
 	margin:20px 0 10px 0;
-	text-align:center;}
+	text-align:center;
+}
 #zone-bas-page div ul li {
 	display:inline;
 	margin-left:10px;
 	padding:6px 0 0 20px;
 	line-height:22px;
 	text-align:center;
 	font-size:12px;
 	font-family:arial;
 	text-decoration:none;
-	list-style:none;}
+	list-style:none;
+}
 #zone-bas-page #accueil {
-	background:url(../images/accueil.png) no-repeat 0 2px;}
+	background:url(../images/accueil.png) no-repeat 0 2px;
+}
 #zone-bas-page #faq {
-	background:url(../images/faq.png) no-repeat 0 2px;}
+	background:url(../images/faq.png) no-repeat 0 2px;
+}
 #zone-bas-page #contact {
-	background:url(../images/contact.png) no-repeat 0 2px;}
+	background:url(../images/contact.png) no-repeat 0 2px;
+}
 #zone-bas-page #plan {
-	background:url(../images/plan.png) no-repeat 0 2px;}
+	background:url(../images/plan.png) no-repeat 0 2px;
+}
 #zone-bas-page #rss {
-	background:url(../images/rss.png) no-repeat 0 2px;}
+	background:url(../images/rss.png) no-repeat 0 2px;
+}
 #zone-bas-page #telechargement {
-	background:url(../images/telechargement.png) no-repeat 0 2px;}
+	background:url(../images/telechargement.png) no-repeat 0 2px;
+}
 #zone-bas-page #visite {
-	background:url(../images/visite.png) no-repeat 0 2px;}
+	background:url(../images/visite.png) no-repeat 0 2px;
+}
 #zone-bas-page #mentions {
-	background:url(../images/mentions.gif) no-repeat 0 2px;}
+	background:url(../images/mentions.gif) no-repeat 0 2px;
+}
 #zone-bas-page > div a:link, #zone-bas-page > div a:visited, #zone-bas-page > div a:active {
 	font-weight:normal;
 	color:#598000;
-	text-decoration:none;}
+	text-decoration:none;
+}
 #zone-bas-page > div a:hover, #menupied a:focus {
 	font-weight:normal;
 	color:#fd8c13;
-	text-decoration:none;}
+	text-decoration:none;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /** Contact Tela **/
 #coordonees {
 	width:905px;
 	text-align:center;
 	margin:auto;
 	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;
-	height:15px;}
+	height:15px;
+}
 #coordonees span {
 	float:left;
 	padding-left:15px;
 	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 5px 5px;
 	font-family:arial;
 	font-size:12px;
 	font-weight:normal;
-	font-style:normal;}
+	font-style:normal;
+}
 #coordonees a {
 	font-family:arial;
 	font-size:12px;
 	text-align:justify;
 	font-weight:normal;
 	line-height:16px;
-	list-style:none;}
+	list-style:none;
+}
 #coordonees a:link, #coordonees a:visited, #coordonees a:active {
-	color:#3a3633;}
+	color:#3a3633;
+}
 #coordonees a:hover, #coordonees a:focus {
-	color:#fd8c13;}
+	color:#fd8c13;
+}
 /*+-----------------------------------------------------------------------------------------------------------------+*/
 /* Mise en page en colonne depuis www.1kbgrid.com */
 /* = The 1Kb Grid = 12 columns, 60 pixels each, with 20 pixel gutter */
 .grid_1 {
-	width:60px;}
+	width:60px;
+}
 .grid_2 {
-	width:140px;}
+	width:140px;
+}
 .grid_3 {
-	width:220px;}
+	width:220px;
+}
 .grid_4 {
-	width:300px;}
+	width:300px;
+}
 .grid_5 {
-	width:380px;}
+	width:380px;
+}
 .grid_6 {
-	width:460px;}
+	width:460px;
+}
 .grid_7 {
-	width:540px;}
+	width:540px;
+}
 .grid_8 {
-	width:620px;}
+	width:620px;
+}
 .grid_9 {
-	width:700px;}
+	width:700px;
+}
 .grid_10 {
-	width:780px;}
+	width:780px;
+}
 .grid_11 {
-	width:860px;}
+	width:860px;
+}
 .grid_12 {
-	width:940px;}
+	width:940px;
+}
 .column {
 	margin:0 10px;
 	overflow:hidden;
 	float:left;
-	display:inline;}
+	display:inline;
+}
 .row {
 	width:960px;
 	margin:0 auto;
-	overflow:hidden;}
+	overflow:hidden;
+}
 .row .row {
 	margin:0 -10px;
 	width:auto;
-	display:inline-block;}
+	display:inline-block;
+}

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/pageInterieure.css @ 835 – Rev 833 → 834