WebSVN – Sites.tela-botanica.org – Diff – /trunk/sites/commun/generique/styles/commun.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');
}
@font-face {
	font-family:Helveticaneue2;
	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;
}
img, form, td, div, a, h1, h2 {
	padding:0;
	border:0;
	text-decoration:none;
}
ul, form, li, td, div, a {
	margin:0;
}
h1, h2, h3, h4 {
	font-weight:bold;
	letter-spacing:0;
}
h1 {
	padding:0 0 0 25px;
	margin:20px 0 10px 0;
	font-size:15px;
	text-transform:uppercase;
	color:#fd8c13;
}
h2 {
	margin:20px 0 12px 0;
	font-size:13px;
	text-transform:uppercase;
	color:#FD8C13;
}
h3 {
	margin:20px 0 12px;
	font-size:14px;
	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;
}
strong, b {
	font-weight:bold;	
}
hr {
	border:0;
	border-bottom:1px dotted #C2C0AD;
}
/* Pr�sentation des listes de d�finitions */
dl {
	width:100%;
}
dt {
	float:left;
	font-weight:bold;
	text-align:top left;
	margin-right:0.3em;
}
dt:after {	/* Remplace la classe ajout_2points  */
	content:" :";
}
dd {
	width:auto;
	margin:0.5em 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liens */
a {
	color:#598000;
	border-bottom:1px dotted #95ae5d;
}
a:hover {
	color:#FD8C13;
	border-bottom:1px dotted #95ae5d;
}
 
/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */
a.lien-ext:after {
	content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);
}
a.pdf:before {
	content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";
}
a[href ^="mailto:"]:after  {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */
	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;
}
.nodisplay {
	display:none;
}
.hidden {
	visibility:hidden;
}
.spacer125 {
	width:125px;
	float:left;
}
 
/* Classes d'importance */
 
/* Mise en colonnes */
.importance1 {
	margin:0 10px 20px 0;		
	background-color:#eaedcd;	
	padding:8px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:7px 7px 11px #555;
	-moz-box-shadow:2px 2px 5px #aaa;
	-webkit-box-shadow:7px 7px 11px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
	zoom:1;/* pour ie8 */
}
 
.importance1 .row .gauche	{
	width:45%;
	padding-left:4%;
}
 
.importance1 .row div:first-child {
    border-right:dotted 1px #AAAAAA
}
 
.importance2 {
		margin-bottom:10px;
		padding:20px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		box-shadow:7px 7px 11px #555;
		-moz-box-shadow:2px 2px 9px #aaa;
		-webkit-box-shadow:7px 7px 11px #aaa;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
		zoom:1;/* pour ie8 */
	}
 
.importance3 {
		margin-bottom:10px;
		padding:20px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		zoom:1;/* pour ie8 */
	}
	
.importance4 {}
 
/* Flottant */
.gauche {
	float:left;
}
 
.droite {
	float:right;
}
 
	/* Obsolètes à supprimer */
	.cadreRondVert {
		width:685px;
		float:left;
		margin-bottom:20px;
		background-color:#eaedcd;
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
		zoom:1;/* pour ie8 */
		padding:8px;
	}
	
	.cadreRondGris {
		width:685px;
		float:left;
		margin-top:20px;
		background-color:#e5e4d4;
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
		zoom:1;/* pour ie8 */
		padding:8px;
	}
	
	.cadreInvisible {
		float:left;
		margin-left:10px;
		margin-top:10px;
	}
	.cadreInvisible h1 {
		margin:0 0 10px 0;
	}
	.cadreRondOmbre {
		float:left;
		margin-bottom:10px;
		padding:20px;
		background-color:#fff;
		border:1px solid #fff;
		border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
		box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
		filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
		zoom:1;/* pour ie8 */
	}
	.filetRouge {
		border:solid 1px red;
	}
	
		/* Cadre rond gris :mise en page */
	.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {
		width:320px;
		padding:20px;
		border-right:1px dotted #959486;
		float:left;
	}
	.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {
		width:284px;
		float:left;
		padding:18px;
	}
		 
	.cadreRondVert h1 {
		margin:0 0 10px 0;
	}
 
	.cadreRondGris h1 {
		margin:0 0 10px 0;
	}
	
	.cadreRondGris h3 {
		margin:0;
	}
 
.floatLeft {
	float:left;
}
.notext {
	display:none;
	left:-5000px;
	top:-5000px;
	text-indent:-5000px;
}
.petitcarre {
	padding-left:15px;
	background:url(../images/petitCarre.jpg) no-repeat 5px 4px;
}
.troiscarre {
	padding-left:30px;
	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;
}
 
.champs {
	font-family:arial;
	font-size:11px;
	background-color:#fff;
	border:dotted 1px #7b9c35;
	color:#3a3633;
	margin-bottom:7px;
}
.champs2 {
	font-family:arial;
	font-size:11px;
	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;
}
.clear,.nettoyage {
	clear:both;
}
 
/* Taille des cadres */
.demi {
	width:50%;
}
.tiers {
	width:33%
	
}
.deux-tiers {
	width:66%;
}
.plein {
	width:620px;
}
/* Typographies */
.orange {
	color:#fd8c13;
	font-family:arial;
}
p.orange {
	line-height:12px;
}
.blanc {
	color:#fff;
}
p.blanc {
	font-size:11px;
	line-height:12px;
}
.vertpetit {
	color:#598000;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.grispetit {
	color:#3a3633;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.gris {
	color:#3a3633;
	font-family:arial;
	font-size:12px;
}
.overflow-hidden {
	overflow:hidden;
}
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {
	color:#FD8C13;
}
.boutonJaune {
	background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
	padding:4px 10px 4px 30px;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	color:#6C6865;
	font-family:helveticaneue;
	font-size:15px;
	border:none
}
#zone_contenu_corps h1, #contenu h1 {
	background:url(../images/troisCarre.png) no-repeat 0 5px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Tableau :encadr� */
.table_cadre {
	border:1px solid #9ac342;
	border-collapse:collapse;
}
.table_cadre thead, .table_cadre tfoot {
	background-color:#EEE;
	border:1px solid #9ac342;
}
.table_cadre tbody {
	background-color:#FFF;
	border:1px solid #9ac342;
}
.table_cadre th {
	font-family:monospace;
	border:1px dotted #9ac342;
	padding:5px;
	background-color:#EEE;
}
.table_cadre td {
	font-family:arial;
	border:1px dotted #9ac342;
	padding:5px;
	text-align:left;
}
.table_cadre caption {
	font-family:sans-serif;
}
.table_cadre th[title]:after {
	content:" "url(/sites/commun/generique/images/icones/aide.png);
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* D2fintion des styles de l'applette syndication */
.contenu_RSS h3 {
	margin:0;
	font-size:12px;
}
.contenu_RSS h4 {
	font-size:11px;
	font-weight:normal;
}
#contenu h2:before, #zone_contenu_corps h2:before {
	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;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
.traitTela li a {
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}
/* Ombres */
.ombre2 {
	box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Arrondis */
.arrondi7 {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}
.arrondi30 {
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Menu sup�rieur */
/* TODO :mettre les petits carr�s � la bonne place */
#zone-menu-haut {
	position:absolute;
	top:0;
	width:880px;
	height:12px;
	margin:8px auto 0 0;
	text-align:center;
	font-family:arial;
	font-size:12px;
	color:#3a3633;
}
#zone-menu-haut ul {
	list-style-image:url(../images/petitCarre.jpg);
}
#zone-menu-haut ul li {
	float:left;
}
#zone-visiteur ul {
	padding:0;
}
#zone-visiteur li {
	text-align:left;
	display:block;
	width:130px;
	padding-left:10px;
	background:url(../images/petitCarre.jpg) no-repeat left center;
}
#zone-acces-rapide {
	float:right;
}
#zone-menu-haut #seconnecter {
	margin:0;
	padding-left:10px;
}
#zone-menu-haut #don {
	width:110px;
	margin:0;
}
#zone-menu-haut #lettre {
	width:120px;
	margin:0;
}
#zone-menu-haut #recherche, .drapeau{
list-style:none;
}
#zone-menu-haut #recherche {
	width:185px;
	padding-left:5px;
	text-align:left;
}
#zone-menu-haut #recherche fieldset {
	width:185px;
	padding:0;
	border-style:none;
}
#zone-menu-haut #recherche input {
	height:13px;
	width:150px;
	font-size:12px;
	margin:-15px 0 0 -2px;
}
#zone-menu-haut #recherche legend, #recherche label {
	display:none;
}
#zone-menu-haut #recherche #more_ok {
	width:25px;
	height:20px;
}
#zone-menu-haut .drapeau {
	width:15px;
	margin-left:10px;
}
#zone-menu-haut a {
	font-family:arial;
	font-size:12px;
}
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a:active {
	color:#598000;
}
#zone-menu-haut a:hover, #zone-menu-haut a:focus {
	color:#fd8c13;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
#zone-principale {
	width:960px;
	margin-left:auto;
	margin-right:auto
}
 
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Bandeau Haut des Univers */
.zone-haut {
	height:123px;
	width:885px;
	margin:32px 0 0 0;
}
 
/* Logo Tela Botanica */
#zone-logo-tela {
	position:absolute;
	margin-top:3px;
	background:none;
}
#zone-logo-tela a {
	border:none;
}
#zone-logo-tela img:hover {
  border:1px dotted white;
  width:144px;
  height:98px;
}
#zone-logo-tela a:hover:after {
  font-size:12px;
  color:white;
  content:" "attr(title)" ";
}
 
/* Sous-titre du r�seau */
.zone-haut h2 {
	position:absolute;
	top:135px;
	margin:0 0 0 90px;
	font-size:16px;
	font-family:arial;
	text-transform:none;
	color:white;
}
 
/* Mots-cl�s des univers */
.motsclefs {
	position:absolute;
	font-family:Helveticaneue;
	letter-spacing:-1px;
	font-weight:lighter;
}
.motsclefs h3 {
	position:absolute;
	left:200px;
	margin-top:17px;
	font-family:helveticaneue;
	font-size:60px;
	font-weight:lighter;
	color:#5c5950;
}
.motsclefs h4 {
	margin-top:60px;
	margin-left:540px;
	text-align:left;
	font-family:helveticaneue;
	color:#f2f2f2;
}
.motsclefs span {
	position:absolute;
	top:85px;
	font-weight:normal;
	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;
}
#zone-menu-navigation a:link,#zone-menu-navigation a:visited,#zone-menu-navigation a:active {
	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;
}
#zone-menu-navigation a {
	color:white;
	border:none;
}
#zone-menu-navigation ul {
	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 */
}
#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;
	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Couleurs des diff�rents menus */
#menuAccueil {
	background:#fd8c13;
}
#menuBotanique {
	background:#9ac243;
}
#menuActualites {
	background:#c2c0ad;
}
#menuReseau {
	background:#e16039;
}
#menuProjets {
	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;
}
#zone-menu-gauche ul {
	padding:0;
	list-style:none;
}
#zone-menu-gauche ul li {
	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;
	border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;
	font-weight:bold;
	color:#598000;
	display:block;
	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;
}
#zone-menu-gauche ul li ul li {
	padding:0;
}
#zone-menu-gauche ul li ul li a {
	border:none;
	background:none;
	padding:0;
	display:inline;
	font-weight:normal;
}
#zone-menu-gauche .menu_actif a {
	color:#FD8C13;
}
#zone-menu-gauche .menu_inactif a {
	color:#598000;
	font-weight:normal;
}
#zone-menu-gauche ul.menu_deroulant_n1 > li > a {
	font-weight:bold;
}
#zone-menu-gauche a:hover {
	color:#FD8C13;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
#cheminDeFer {
	width:500px;
	margin-left:34px;
	margin-top:12px;
	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;
}
#zone-menu-connexion fieldset {
	text-align:left;
	width:165px;
	background:white;
	padding:28px 0 0 10px;
	border:solid 1px #99C242;
	text-decoration:none;
	border-radius:0 10px 10px 10px;-moz-border-radius:0 10px 10px 10px;-webkit-border-radius:0 10px 10px 10px;
	
}
#zone-menu-connexion fieldset input {
	font-size:11px;
}
#zone-menu-connexion fieldset p {
	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;
	border-radius:0 10px 0 0;-moz-border-radius:0 10px 0 0;-webkit-border-radius:0 10px 0 0;
}
#zone-menu-connexion fieldset label {
	position:relative;
	width:12em;
	display:block;
	margin:.1em 0;
}
#zone-menu-connexion label input {
	position:absolute;
	left:100%;
	top:0;
	width:15px;
}
#zone-menu-connexion #username,#zone-menu-connexion #password {
	width:80px;
}
#zone-menu-connexion fieldset #connexion {
	border:solid 1px #8eb533;
	padding:0;
}
#zone-menu-connexion #persistant,#zone-menu-connexion #persistant_label {
	float:left;
	margin-left:0;
}
#zone-menu-connexion #persistant_label {
	padding-top:2px;
}
#zone-menu-connexion #colonneDroite {
	padding:15px 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Menu lat�ral :Zone gauche **/
#zone-gauche {
	width:170px;
	float:left;
	margin-left:0;
	padding-bottom:100px;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Zone principale :zone droite **/
#zone-droite {
	width:730px;
	margin-left:20px;
	float:left;
	height:auto;
	overflow:hidden;
}
#contenu {
	border:none;
}
#zone_contenu_corps {
	border:none;
	width:695px
}
#zone_contenu_corps li,#contenu li {
	list-style-image:url(/sites/commun/generique/images/graphisme/petit_carre.png);
	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;
}
#zone_contenu_corps form li,#contenu form li {
	background:none;
}
#zone_contenu_corps .alpha,#contenu .alpha {
	background:none;
	padding-left:25px;
	list-style-type:upper-alpha;
}
#zone_contenu_corps .listeSimple li,#contenu .listeSimple li {
	list-style:inherit;
	background:none;
	padding:0;
}
#zone_contenu_corps .listeNumerique li,#contenu .listeNumerique li {
	list-style:upper-alpha inside;
	background:none;
	padding:0;
}
#zone_contenu_corps ul li ul {
	margin-bottom:10px;
}
.filetVert {
	width:300px;
	margin-left:0;
	margin-top:5px;
	padding:20px;
	border:1px solid #9ac342;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	float:left;
}
.filetVert h1 {
	margin:0 0 10px 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/*Onglets*/
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {
	display:inline-block;
	padding:0;
}
.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;
}
#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;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0;
	padding:5px 2px 5px 5px;
	margin:0 1px 0 0;
	background:none no-repeat 5px 9px #C2C0AD;
	color:#fd8c13;
	border:1px solid #c2c0ad;
	border-bottom:0px solid #c2c0ad;
	text-decoration:none;
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-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;
}
#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;
	border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-webkit-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;
}
#zone_contenu_corps #BAZ_menu .menu_actif h1,#zone_contenu_corps .menu_classique_n3 .menu_actif h1,.onglets .menu_actif h1 {
	color:#FD8C13;
}
 
#cartographieVolante {
	position:absolute;
	z-index:10;
	background:white;
	border:solid 1px #AAAAAA;
	padding:15px;
	margin:-300px 0 0 -300px;
}
#cartographieVolante #masquerLaCarte {
	float:right;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Bandeau Projets */
#bandeauProjets {
	width:845px;
	margin:20px 0;
	border:dotted 1px #fd8c13;
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	float:left;
	padding-left:65px;
}
#bandeauProjets ul {
	height:98px;
	padding:0px;
	list-style:none;
	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;
}
#bandeauProjets ul li, #bandeauProjets ul li p {
	font-family:arial;
	font-size:10px;
	line-height:13px;
}
#bandeauProjets ul li p {
	padding-right:2px;
}
#bandeauProjets ul li a {
	color:#598000;
	font-weight:bold;
}
#bandeauProjets ul li h3 {
	padding:5px 0;
	margin:0;
	color:#fd8c13;
}
#bandeauProjets ul li img {
	float:right;
	padding:10px;
}
#bandeauProjets ul .bouton {
	width:20px;
}
#boutonPrecedent,#boutonSuivant {
	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;
	border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;
	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;
	border-radius:0 10px 10px 0;-moz-border-radius:0 10px 10px 0;-webkit-border-radius:0 10px 10px 0;
}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** Zone-bas-page :footer **/
#zone-bas-page {
	width:960px;
	clear:both;
}
#zone-bas-page div {
	width:900px;
	margin:20px 0 10px 0;
	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;
}
#zone-bas-page #accueil {
	background:url(../images/accueil.png) no-repeat 0 2px;
}
#zone-bas-page #faq {
	background:url(../images/faq.png) no-repeat 0 2px;
}
#zone-bas-page #contact {
	background:url(../images/contact.png) no-repeat 0 2px;
}
#zone-bas-page #plan {
	background:url(../images/plan.png) no-repeat 0 2px;
}
#zone-bas-page #rss {
	background:url(../images/rss.png) no-repeat 0 2px;
}
#zone-bas-page #telechargement {
	background:url(../images/telechargement.png) no-repeat 0 2px;
}
#zone-bas-page #visite {
	background:url(../images/visite.png) no-repeat 0 2px;
}
#zone-bas-page #mentions {
	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;
}
#zone-bas-page > div a:hover, #menupied a:focus {
	font-weight:normal;
	color:#fd8c13;
	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;
}
#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;
}
#coordonees a {
	font-family:arial;
	font-size:12px;
	text-align:justify;
	font-weight:normal;
	line-height:16px;
	list-style:none;
}
#coordonees a:link, #coordonees a:visited, #coordonees a:active {
	color:#3a3633;
}
#coordonees a:hover, #coordonees a:focus {
	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;
}
.grid_2 {
	width:140px;
}
.grid_3 {
	width:220px;
}
.grid_4 {
	width:300px;
}
.grid_5 {
	width:380px;
}
.grid_6 {
	width:460px;
}
.grid_7 {
	width:540px;
}
.grid_8 {
	width:620px;
}
.grid_9 {
	width:700px;
}
.grid_10 {
	width:780px;
}
.grid_11 {
	width:860px;
}
.grid_12 {
	width:940px;
}
.column {
	margin:0 10px;
	overflow:hidden;
	float:left;
	display:inline;
}
.row {
	width:695px;
	margin:0 auto;
	overflow:hidden;
}
.row .row {
	margin:0 -10px;
	display:inline-block;
}

Rev 858	Rev 862
1	`/* STYLE COMMUN / / D�finition des polices exotiques */`	1	`/* STYLE COMMUN / / D�finition des polices exotiques */`
2	`/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).`	2	`/* Helveticaneue est utilis�e pour les grands textes d�coratifs (ex:mots cl�s).`
3	`Pour windows, elle est remplac�e par la police Helveticaneue2 */`	3	`Pour windows, elle est remplac�e par la police Helveticaneue2 */`
4	`@font-face {`	4	`@font-face {`
5	`font-family:Helveticaneue;`	5	`font-family:Helveticaneue;`
6	`src:url('/commun/polices/helvetica_light.ttf');`	6	`src:url('/commun/polices/helvetica_light.ttf');`
7	`}`	7	`}`
8	`@font-face {`	8	`@font-face {`
9	`font-family:Helveticaneue2;`	9	`font-family:Helveticaneue2;`
10	`src:url('/commun/polices/helvetica_light.eot');`	10	`src:url('/commun/polices/helvetica_light.eot');`
11	`}`	11	`}`
12	`/+-----------------------------------------------------------------------------------------------------------------+/`	12	`/+-----------------------------------------------------------------------------------------------------------------+/`
13	`/* Red�finition des styles par d�faut des balises */`	13	`/* Red�finition des styles par d�faut des balises */`
14	`body {`	14	`body {`
15	`margin:0;`	15	`margin:0;`
16	`padding:0;`	16	`padding:0;`
17	`font-family:arial;`	17	`font-family:arial;`
18	`font-weight:normal;`	18	`font-weight:normal;`
19	`font-size:12px;`	19	`font-size:12px;`
20	`color:#222222;`	20	`color:#222222;`
21	`}`	21	`}`
22	`img, form, td, div, a, h1, h2 {`	22	`img, form, td, div, a, h1, h2 {`
23	`padding:0;`	23	`padding:0;`
24	`border:0;`	24	`border:0;`
25	`text-decoration:none;`	25	`text-decoration:none;`
26	`}`	26	`}`
27	`ul, form, li, td, div, a {`	27	`ul, form, li, td, div, a {`
28	`margin:0;`	28	`margin:0;`
29	`}`	29	`}`
30	`h1, h2, h3, h4 {`	30	`h1, h2, h3, h4 {`
31	`font-weight:bold;`	31	`font-weight:bold;`
32	`letter-spacing:0;`	32	`letter-spacing:0;`
33	`}`	33	`}`
34	`h1 {`	34	`h1 {`
35	`padding:0 0 0 25px;`	35	`padding:0 0 0 25px;`
36	`margin:20px 0 10px 0;`	36	`margin:20px 0 10px 0;`
37	`font-size:15px;`	37	`font-size:15px;`
38	`text-transform:uppercase;`	38	`text-transform:uppercase;`
39	`color:#fd8c13;`	39	`color:#fd8c13;`
40	`}`	40	`}`
41	`h2 {`	41	`h2 {`
42	`margin:20px 0 12px 0;`	42	`margin:20px 0 12px 0;`
43	`font-size:13px;`	43	`font-size:13px;`
44	`text-transform:uppercase;`	44	`text-transform:uppercase;`
45	`color:#FD8C13;`	45	`color:#FD8C13;`
46	`}`	46	`}`
47	`h3 {`	47	`h3 {`
48	`margin:20px 0 12px;`	48	`margin:20px 0 12px;`
49	`font-size:14px;`	49	`font-size:14px;`
50	`color:#454341;`	50	`color:#454341;`
51	`}`	51	`}`
52	`h4 {`	52	`h4 {`
53	`margin:2px 2px 2px 0;`	53	`margin:2px 2px 2px 0;`
54	`font-size:11px;`	54	`font-size:11px;`
55	`font-weight:normal;`	55	`font-weight:normal;`
56	`color:#AAAAAA;`	56	`color:#AAAAAA;`
57	`}`	57	`}`
58	`h1 a, h2 a, h3 a, h4 a {`	58	`h1 a, h2 a, h3 a, h4 a {`
59	`color:inherit;`	59	`color:inherit;`
60	`border-bottom: dotted 1px;`	60	`border-bottom: dotted 1px;`
61	`}`	61	`}`
62	`h3 a {`	62	`h3 a {`
63	`border-color:#CCCCCC;`	63	`border-color:#CCCCCC;`
64	`}`	64	`}`
65	`p {`	65	`p {`
66	`font-size:12px;`	66	`font-size:12px;`
67	`line-height:18px;`	67	`line-height:18px;`
68	`text-align:justify;`	68	`text-align:justify;`
69	`}`	69	`}`
70	`strong, b {`	70	`strong, b {`
71	`font-weight:bold;`	71	`font-weight:bold;`
72	`}`	72	`}`
73	`hr {`	73	`hr {`
74	`border:0;`	74	`border:0;`
75	`border-bottom:1px dotted #C2C0AD;`	75	`border-bottom:1px dotted #C2C0AD;`
76	`}`	76	`}`
77	`/* Pr�sentation des listes de d�finitions */`	77	`/* Pr�sentation des listes de d�finitions */`
78	`dl {`	78	`dl {`
79	`width:100%;`	79	`width:100%;`
80	`}`	80	`}`
81	`dt {`	81	`dt {`
82	`float:left;`	82	`float:left;`
83	`font-weight:bold;`	83	`font-weight:bold;`
84	`text-align:top left;`	84	`text-align:top left;`
85	`margin-right:0.3em;`	85	`margin-right:0.3em;`
86	`}`	86	`}`
87	`dt:after { /* Remplace la classe ajout_2points */`	87	`dt:after { /* Remplace la classe ajout_2points */`
88	`content:" :";`	88	`content:" :";`
89	`}`	89	`}`
90	`dd {`	90	`dd {`
91	`width:auto;`	91	`width:auto;`
92	`margin:0.5em 0;`	92	`margin:0.5em 0;`
93	`}`	93	`}`
94	`/+-----------------------------------------------------------------------------------------------------------------+/`	94	`/+-----------------------------------------------------------------------------------------------------------------+/`
95	`/* Liens */`	95	`/* Liens */`
96	`a {`	96	`a {`
97	`color:#598000;`	97	`color:#598000;`
98	`border-bottom:1px dotted #95ae5d;`	98	`border-bottom:1px dotted #95ae5d;`
99	`}`	99	`}`
100	`a:hover {`	100	`a:hover {`
101	`color:#FD8C13;`	101	`color:#FD8C13;`
102	`border-bottom:1px dotted #95ae5d;`	102	`border-bottom:1px dotted #95ae5d;`
103	`}`	103	`}`
104		104
105	`/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */`	105	`/* TODO : voir comment changer les classes ci-dessous en automatique (RegExp) */`
106	`a.lien-ext:after {`	106	`a.lien-ext:after {`
107	`content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);`	107	`content:" "url(/sites/commun/generique/images/icones/fleche_externe.png);`
108	`}`	108	`}`
109	`a.pdf:before {`	109	`a.pdf:before {`
110	`content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";`	110	`content:url(/sites/commun/generique/icones/fichier_pdf.png)" ";`
111	`}`	111	`}`
112	`a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */`	112	`a[href ^="mailto:"]:after {/* ATTENTION : ajout d'un espace entre href et ^ pour compatibilit� Konqueror */`
113	`content:" "url(/sites/commun/generique/images/icones/mail.png);`	113	`content:" "url(/sites/commun/generique/images/icones/mail.png);`
114	`}`	114	`}`
115	`/+-----------------------------------------------------------------------------------------------------------------+/`	115	`/+-----------------------------------------------------------------------------------------------------------------+/`
116	`/* Classes & couleurs */`	116	`/* Classes & couleurs */`
117	`.icone-erable {`	117	`.icone-erable {`
118	`display:inline-block;`	118	`display:inline-block;`
119	`line-height:30px;`	119	`line-height:30px;`
120	`padding-left:30px;`	120	`padding-left:30px;`
121	`background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;`	121	`background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;`
122	`}`	122	`}`
123	`.nodisplay {`	123	`.nodisplay {`
124	`display:none;`	124	`display:none;`
125	`}`	125	`}`
126	`.hidden {`	126	`.hidden {`
127	`visibility:hidden;`	127	`visibility:hidden;`
128	`}`	128	`}`
129	`.spacer125 {`	129	`.spacer125 {`
130	`width:125px;`	130	`width:125px;`
131	`float:left;`	131	`float:left;`
132	`}`	132	`}`
133		133
134	`/* Classes d'importance */`	134	`/* Classes d'importance */`
135		135
136	`/* Mise en colonnes */`	136	`/* Mise en colonnes */`
137	`.importance1 {`	137	`.importance1 {`
138	`margin:0 10px 20px 0;`	138	`margin:0 10px 20px 0;`
139	`background-color:#eaedcd;`	139	`background-color:#eaedcd;`
140	`padding:8px;`	140	`padding:8px;`
141		141
142	`border-radius:10px;`	142	`border-radius:10px;`
143	`-moz-border-radius:10px;`	143	`-moz-border-radius:10px;`
144	`-webkit-border-radius:10px;`	144	`-webkit-border-radius:10px;`
145	`box-shadow:7px 7px 11px #555;`	145	`box-shadow:7px 7px 11px #555;`
146	`-moz-box-shadow:2px 2px 5px #aaa;`	146	`-moz-box-shadow:2px 2px 5px #aaa;`
147	`-webkit-box-shadow:7px 7px 11px #aaa;`	147	`-webkit-box-shadow:7px 7px 11px #aaa;`
148	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`	148	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`
149	`zoom:1;/* pour ie8 */`	149	`zoom:1;/* pour ie8 */`
150	`}`	150	`}`
151		151
152	`.importance1 .row .gauche {`	152	`.importance1 .row .gauche {`
153	`width:45%;`	153	`width:45%;`
154	`padding-left:4%;`	154	`padding-left:4%;`
155	`}`	155	`}`
156		156
157	`.importance1 .row div:first-child {`	157	`.importance1 .row div:first-child {`
158	`border-right:dotted 1px #AAAAAA`	158	`border-right:dotted 1px #AAAAAA`
159	`}`	159	`}`
160		160
161	`.importance2 {`	161	`.importance2 {`
162	`margin-bottom:10px;`	162	`margin-bottom:10px;`
163	`padding:20px;`	163	`padding:20px;`
164	`border-radius:10px;`	164	`border-radius:10px;`
165	`-moz-border-radius:10px;`	165	`-moz-border-radius:10px;`
166	`-webkit-border-radius:10px;`	166	`-webkit-border-radius:10px;`
167	`box-shadow:7px 7px 11px #555;`	167	`box-shadow:7px 7px 11px #555;`
168	`-moz-box-shadow:2px 2px 9px #aaa;`	168	`-moz-box-shadow:2px 2px 9px #aaa;`
169	`-webkit-box-shadow:7px 7px 11px #aaa;`	169	`-webkit-box-shadow:7px 7px 11px #aaa;`
170	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`	170	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`
171	`zoom:1;/* pour ie8 */`	171	`zoom:1;/* pour ie8 */`
172	`}`	172	`}`
173		173
-		174	`.importance3 {`
-		175	`margin-bottom:10px;`
-		176	`padding:20px;`
-		177	`border-radius:10px;`
-		178	`-moz-border-radius:10px;`
-		179	`-webkit-border-radius:10px;`
-		180	`zoom:1;/* pour ie8 */`
-		181	`}`
174	`.importance3 {}`	182
175	`.importance4 {}`	183	`.importance4 {}`
176		184
177	`/* Flottant */`	185	`/* Flottant */`
178	`.gauche {`	186	`.gauche {`
179	`float:left;`	187	`float:left;`
180	`}`	188	`}`
181		189
182	`.droite {`	190	`.droite {`
183	`float:right;`	191	`float:right;`
184	`}`	192	`}`
185		193
186	`/* Obsolètes à supprimer */`	194	`/* Obsolètes à supprimer */`
187	`.cadreRondVert {`	195	`.cadreRondVert {`
188	`width:685px;`	196	`width:685px;`
189	`float:left;`	197	`float:left;`
190	`margin-bottom:20px;`	198	`margin-bottom:20px;`
191	`background-color:#eaedcd;`	199	`background-color:#eaedcd;`
192	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`	200	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`
193	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`	201	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`
194	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`	202	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`
195	`zoom:1;/* pour ie8 */`	203	`zoom:1;/* pour ie8 */`
196	`padding:8px;`	204	`padding:8px;`
197	`}`	205	`}`
198		206
199	`.cadreRondGris {`	207	`.cadreRondGris {`
200	`width:685px;`	208	`width:685px;`
201	`float:left;`	209	`float:left;`
202	`margin-top:20px;`	210	`margin-top:20px;`
203	`background-color:#e5e4d4;`	211	`background-color:#e5e4d4;`
204	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`	212	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`
205	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`	213	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 5px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`
206	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`	214	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`
207	`zoom:1;/* pour ie8 */`	215	`zoom:1;/* pour ie8 */`
208	`padding:8px;`	216	`padding:8px;`
209	`}`	217	`}`
210		218
211	`.cadreInvisible {`	219	`.cadreInvisible {`
212	`float:left;`	220	`float:left;`
213	`margin-left:10px;`	221	`margin-left:10px;`
214	`margin-top:10px;`	222	`margin-top:10px;`
215	`}`	223	`}`
216	`.cadreInvisible h1 {`	224	`.cadreInvisible h1 {`
217	`margin:0 0 10px 0;`	225	`margin:0 0 10px 0;`
218	`}`	226	`}`
219	`.cadreRondOmbre {`	227	`.cadreRondOmbre {`
220	`float:left;`	228	`float:left;`
221	`margin-bottom:10px;`	229	`margin-bottom:10px;`
222	`padding:20px;`	230	`padding:20px;`
223	`background-color:#fff;`	231	`background-color:#fff;`
224	`border:1px solid #fff;`	232	`border:1px solid #fff;`
225	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`	233	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`
226	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`	234	`box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`
227	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`	235	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */`
228	`zoom:1;/* pour ie8 */`	236	`zoom:1;/* pour ie8 */`
229	`}`	237	`}`
230	`.filetRouge {`	238	`.filetRouge {`
231	`border:solid 1px red;`	239	`border:solid 1px red;`
232	`}`	240	`}`
233		241
234	`/* Cadre rond gris :mise en page */`	242	`/* Cadre rond gris :mise en page */`
235	`.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {`	243	`.cadreRondGris .colonneGauche,.cadreRondVert .colonneGauche {`
236	`width:320px;`	244	`width:320px;`
237	`padding:20px;`	245	`padding:20px;`
238	`border-right:1px dotted #959486;`	246	`border-right:1px dotted #959486;`
239	`float:left;`	247	`float:left;`
240	`}`	248	`}`
241	`.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {`	249	`.cadreRondGris .colonneDroite,.cadreRondVert .colonneDroite {`
242	`width:284px;`	250	`width:284px;`
243	`float:left;`	251	`float:left;`
244	`padding:18px;`	252	`padding:18px;`
245	`}`	253	`}`
246		254
247	`.cadreRondVert h1 {`	255	`.cadreRondVert h1 {`
248	`margin:0 0 10px 0;`	256	`margin:0 0 10px 0;`
249	`}`	257	`}`
250		258
251	`.cadreRondGris h1 {`	259	`.cadreRondGris h1 {`
252	`margin:0 0 10px 0;`	260	`margin:0 0 10px 0;`
253	`}`	261	`}`
254		262
255	`.cadreRondGris h3 {`	263	`.cadreRondGris h3 {`
256	`margin:0;`	264	`margin:0;`
257	`}`	265	`}`
258		266
259	`.floatLeft {`	267	`.floatLeft {`
260	`float:left;`	268	`float:left;`
261	`}`	269	`}`
262	`.notext {`	270	`.notext {`
263	`display:none;`	271	`display:none;`
264	`left:-5000px;`	272	`left:-5000px;`
265	`top:-5000px;`	273	`top:-5000px;`
266	`text-indent:-5000px;`	274	`text-indent:-5000px;`
267	`}`	275	`}`
268	`.petitcarre {`	276	`.petitcarre {`
269	`padding-left:15px;`	277	`padding-left:15px;`
270	`background:url(../images/petitCarre.jpg) no-repeat 5px 4px;`	278	`background:url(../images/petitCarre.jpg) no-repeat 5px 4px;`
271	`}`	279	`}`
272	`.troiscarre {`	280	`.troiscarre {`
273	`padding-left:30px;`	281	`padding-left:30px;`
274	`background:url(../images/troisCarre.png) no-repeat 5px 5px;`	282	`background:url(../images/troisCarre.png) no-repeat 5px 5px;`
275	`}`	283	`}`
276	`#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {`	284	`#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {`
277	`padding:10px 0 0 30px;`	285	`padding:10px 0 0 30px;`
278	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`	286	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`
279	`}`	287	`}`
280		288
281	`.champs {`	289	`.champs {`
282	`font-family:arial;`	290	`font-family:arial;`
283	`font-size:11px;`	291	`font-size:11px;`
284	`background-color:#fff;`	292	`background-color:#fff;`
285	`border:dotted 1px #7b9c35;`	293	`border:dotted 1px #7b9c35;`
286	`color:#3a3633;`	294	`color:#3a3633;`
287	`margin-bottom:7px;`	295	`margin-bottom:7px;`
288	`}`	296	`}`
289	`.champs2 {`	297	`.champs2 {`
290	`font-family:arial;`	298	`font-family:arial;`
291	`font-size:11px;`	299	`font-size:11px;`
292	`color:#3a3633;`	300	`color:#3a3633;`
293	`}`	301	`}`
294	`.ok {`	302	`.ok {`
295	`font-family:arial;`	303	`font-family:arial;`
296	`font-size:11px;`	304	`font-size:11px;`
297	`font-weight:bold;`	305	`font-weight:bold;`
298	`background-color:#fff;`	306	`background-color:#fff;`
299	`border:dotted 1px #7b9c35;`	307	`border:dotted 1px #7b9c35;`
300	`color:#fd8c13;`	308	`color:#fd8c13;`
301	`margin-left:242px;`	309	`margin-left:242px;`
302	`font-variant:small-caps;`	310	`font-variant:small-caps;`
303	`}`	311	`}`
304	`.clear,.nettoyage {`	312	`.clear,.nettoyage {`
305	`clear:both;`	313	`clear:both;`
306	`}`	314	`}`
307		315
308	`/* Taille des cadres */`	316	`/* Taille des cadres */`
309	`.demi {`	317	`.demi {`
310	`width:50%;`	318	`width:50%;`
311	`}`	319	`}`
312	`.tiers {`	320	`.tiers {`
313	`width:33%`	321	`width:33%`
314		322
315	`}`	323	`}`
316	`.deux-tiers {`	324	`.deux-tiers {`
317	`width:66%;`	325	`width:66%;`
318	`}`	326	`}`
319	`.plein {`	327	`.plein {`
320	`width:620px;`	328	`width:620px;`
321	`}`	329	`}`
322	`/* Typographies */`	330	`/* Typographies */`
323	`.orange {`	331	`.orange {`
324	`color:#fd8c13;`	332	`color:#fd8c13;`
325	`font-family:arial;`	333	`font-family:arial;`
326	`}`	334	`}`
327	`p.orange {`	335	`p.orange {`
328	`line-height:12px;`	336	`line-height:12px;`
329	`}`	337	`}`
330	`.blanc {`	338	`.blanc {`
331	`color:#fff;`	339	`color:#fff;`
332	`}`	340	`}`
333	`p.blanc {`	341	`p.blanc {`
334	`font-size:11px;`	342	`font-size:11px;`
335	`line-height:12px;`	343	`line-height:12px;`
336	`}`	344	`}`
337	`.vertpetit {`	345	`.vertpetit {`
338	`color:#598000;`	346	`color:#598000;`
339	`font-family:arial;`	347	`font-family:arial;`
340	`font-size:11px;`	348	`font-size:11px;`
341	`font-weight:bold;`	349	`font-weight:bold;`
342	`}`	350	`}`
343	`.grispetit {`	351	`.grispetit {`
344	`color:#3a3633;`	352	`color:#3a3633;`
345	`font-family:arial;`	353	`font-family:arial;`
346	`font-size:11px;`	354	`font-size:11px;`
347	`font-weight:bold;`	355	`font-weight:bold;`
348	`}`	356	`}`
349	`.gris {`	357	`.gris {`
350	`color:#3a3633;`	358	`color:#3a3633;`
351	`font-family:arial;`	359	`font-family:arial;`
352	`font-size:12px;`	360	`font-size:12px;`
353	`}`	361	`}`
354	`.overflow-hidden {`	362	`.overflow-hidden {`
355	`overflow:hidden;`	363	`overflow:hidden;`
356	`}`	364	`}`
357	`#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {`	365	`#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a {`
358	`color:#FD8C13;`	366	`color:#FD8C13;`
359	`}`	367	`}`
360	`.boutonJaune {`	368	`.boutonJaune {`
361	`background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;`	369	`background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;`
362	`padding:4px 10px 4px 30px;`	370	`padding:4px 10px 4px 30px;`
363	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`	371	`border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;`
364	`color:#6C6865;`	372	`color:#6C6865;`
365	`font-family:helveticaneue;`	373	`font-family:helveticaneue;`
366	`font-size:15px;`	374	`font-size:15px;`
367	`border:none`	375	`border:none`
368	`}`	376	`}`
369	`#zone_contenu_corps h1, #contenu h1 {`	377	`#zone_contenu_corps h1, #contenu h1 {`
370	`background:url(../images/troisCarre.png) no-repeat 0 5px;`	378	`background:url(../images/troisCarre.png) no-repeat 0 5px;`
371	`}`	379	`}`
372	`/+-----------------------------------------------------------------------------------------------------------------+/`	380	`/+-----------------------------------------------------------------------------------------------------------------+/`
373	`/* Tableau :encadr� */`	381	`/* Tableau :encadr� */`
374	`.table_cadre {`	382	`.table_cadre {`
375	`border:1px solid #9ac342;`	383	`border:1px solid #9ac342;`
376	`border-collapse:collapse;`	384	`border-collapse:collapse;`
377	`}`	385	`}`
378	`.table_cadre thead, .table_cadre tfoot {`	386	`.table_cadre thead, .table_cadre tfoot {`
379	`background-color:#EEE;`	387	`background-color:#EEE;`
380	`border:1px solid #9ac342;`	388	`border:1px solid #9ac342;`
381	`}`	389	`}`
382	`.table_cadre tbody {`	390	`.table_cadre tbody {`
383	`background-color:#FFF;`	391	`background-color:#FFF;`
384	`border:1px solid #9ac342;`	392	`border:1px solid #9ac342;`
385	`}`	393	`}`
386	`.table_cadre th {`	394	`.table_cadre th {`
387	`font-family:monospace;`	395	`font-family:monospace;`
388	`border:1px dotted #9ac342;`	396	`border:1px dotted #9ac342;`
389	`padding:5px;`	397	`padding:5px;`
390	`background-color:#EEE;`	398	`background-color:#EEE;`
391	`}`	399	`}`
392	`.table_cadre td {`	400	`.table_cadre td {`
393	`font-family:arial;`	401	`font-family:arial;`
394	`border:1px dotted #9ac342;`	402	`border:1px dotted #9ac342;`
395	`padding:5px;`	403	`padding:5px;`
396	`text-align:left;`	404	`text-align:left;`
397	`}`	405	`}`
398	`.table_cadre caption {`	406	`.table_cadre caption {`
399	`font-family:sans-serif;`	407	`font-family:sans-serif;`
400	`}`	408	`}`
401	`.table_cadre th[title]:after {`	409	`.table_cadre th[title]:after {`
402	`content:" "url(/sites/commun/generique/images/icones/aide.png);`	410	`content:" "url(/sites/commun/generique/images/icones/aide.png);`
403	`}`	411	`}`
404	`/+-----------------------------------------------------------------------------------------------------------------+/`	412	`/+-----------------------------------------------------------------------------------------------------------------+/`
405	`/* D2fintion des styles de l'applette syndication */`	413	`/* D2fintion des styles de l'applette syndication */`
406	`.contenu_RSS h3 {`	414	`.contenu_RSS h3 {`
407	`margin:0;`	415	`margin:0;`
408	`font-size:12px;`	416	`font-size:12px;`
409	`}`	417	`}`
410	`.contenu_RSS h4 {`	418	`.contenu_RSS h4 {`
411	`font-size:11px;`	419	`font-size:11px;`
412	`font-weight:normal;`	420	`font-weight:normal;`
413	`}`	421	`}`
414	`#contenu h2:before, #zone_contenu_corps h2:before {`	422	`#contenu h2:before, #zone_contenu_corps h2:before {`
415	`content:"> ";`	423	`content:"> ";`
416	`}`	424	`}`
417	`#zone_contenu_corps .traitTela li {`	425	`#zone_contenu_corps .traitTela li {`
418	`list-style:none;`	426	`list-style:none;`
419	`padding:10px 0 0 30px;`	427	`padding:10px 0 0 30px;`
420	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`	428	`background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;`
421	`font-family:arial;`	429	`font-family:arial;`
422	`font-size:11px;`	430	`font-size:11px;`
423	`font-weight:bold;`	431	`font-weight:bold;`
424	`}`	432	`}`
425	`.traitTela li a {`	433	`.traitTela li a {`
426	`font-family:arial;`	434	`font-family:arial;`
427	`font-size:11px;`	435	`font-size:11px;`
428	`font-weight:bold;`	436	`font-weight:bold;`
429	`}`	437	`}`
430	`/* Ombres */`	438	`/* Ombres */`
431	`.ombre2 {`	439	`.ombre2 {`
432	`box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`	440	`box-shadow:7px 7px 11px #555;-moz-box-shadow:4px 4px 7px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;`
433	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`	441	`filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */`
434	`}`	442	`}`
435	`/+-----------------------------------------------------------------------------------------------------------------+/`	443	`/+-----------------------------------------------------------------------------------------------------------------+/`
436	`/* Arrondis */`	444	`/* Arrondis */`
437	`.arrondi7 {`	445	`.arrondi7 {`
438	`-moz-border-radius:7px;`	446	`-moz-border-radius:7px;`
439	`-webkit-border-radius:7px;`	447	`-webkit-border-radius:7px;`
440	`border-radius:7px;`	448	`border-radius:7px;`
441	`}`	449	`}`
442	`.arrondi30 {`	450	`.arrondi30 {`
443	`-moz-border-radius:30px;`	451	`-moz-border-radius:30px;`
444	`-webkit-border-radius:30px;`	452	`-webkit-border-radius:30px;`
445	`border-radius:30px;`	453	`border-radius:30px;`
446	`}`	454	`}`
447	`/+-----------------------------------------------------------------------------------------------------------------+/`	455	`/+-----------------------------------------------------------------------------------------------------------------+/`
448	`/* Menu sup�rieur */`	456	`/* Menu sup�rieur */`
449	`/* TODO :mettre les petits carr�s � la bonne place */`	457	`/* TODO :mettre les petits carr�s � la bonne place */`
450	`#zone-menu-haut {`	458	`#zone-menu-haut {`
451	`position:absolute;`	459	`position:absolute;`
452	`top:0;`	460	`top:0;`
453	`width:880px;`	461	`width:880px;`
454	`height:12px;`	462	`height:12px;`
455	`margin:8px auto 0 0;`	463	`margin:8px auto 0 0;`
456	`text-align:center;`	464	`text-align:center;`
457	`font-family:arial;`	465	`font-family:arial;`
458	`font-size:12px;`	466	`font-size:12px;`
459	`color:#3a3633;`	467	`color:#3a3633;`
460	`}`	468	`}`
461	`#zone-menu-haut ul {`	469	`#zone-menu-haut ul {`
462	`list-style-image:url(../images/petitCarre.jpg);`	470	`list-style-image:url(../images/petitCarre.jpg);`
463	`}`	471	`}`
464	`#zone-menu-haut ul li {`	472	`#zone-menu-haut ul li {`
465	`float:left;`	473	`float:left;`
466	`}`	474	`}`
467	`#zone-visiteur ul {`	475	`#zone-visiteur ul {`
468	`padding:0;`	476	`padding:0;`
469	`}`	477	`}`
470	`#zone-visiteur li {`	478	`#zone-visiteur li {`
471	`text-align:left;`	479	`text-align:left;`
472	`display:block;`	480	`display:block;`
473	`width:130px;`	481	`width:130px;`
474	`padding-left:10px;`	482	`padding-left:10px;`
475	`background:url(../images/petitCarre.jpg) no-repeat left center;`	483	`background:url(../images/petitCarre.jpg) no-repeat left center;`
476	`}`	484	`}`
477	`#zone-acces-rapide {`	485	`#zone-acces-rapide {`
478	`float:right;`	486	`float:right;`
479	`}`	487	`}`
480	`#zone-menu-haut #seconnecter {`	488	`#zone-menu-haut #seconnecter {`
481	`margin:0;`	489	`margin:0;`
482	`padding-left:10px;`	490	`padding-left:10px;`
483	`}`	491	`}`
484	`#zone-menu-haut #don {`	492	`#zone-menu-haut #don {`
485	`width:110px;`	493	`width:110px;`
486	`margin:0;`	494	`margin:0;`
487	`}`	495	`}`
488	`#zone-menu-haut #lettre {`	496	`#zone-menu-haut #lettre {`
489	`width:120px;`	497	`width:120px;`
490	`margin:0;`	498	`margin:0;`
491	`}`	499	`}`
492	`#zone-menu-haut #recherche, .drapeau{`	500	`#zone-menu-haut #recherche, .drapeau{`

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/commun.css @ 1123 – Rev 858 → 862