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');}
@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:black;}
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:#6C6865;}
h4 {
	margin:2px 2px 2px 0;
	font-size:11px;
	font-weight:normal;
	color:#6C6865;}
p {
	font-size:12px;
	line-height:18px;
	text-align:justify;}
strong, b {
	font-weight:bold;
	color:#222222;}
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;}
dd {
	width:auto;
	margin:0.5em 0;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Liens */
a {
	color:#7B9C35;
	border-bottom:1px solid transparent;}/* Évite l'effet de décalage. */
a:hover {
	color:#FD8C13;
	border-bottom:1px dotted #7B9C35;}
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  {/* CSS3 : ajout d'un espace entre href et ^ pour 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;}
.cadreRondVert h1 {
	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-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;}
.cadreRondGris h1 {
	margin:0 0 10px 0;}
.cadreRondGris h3 {
	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-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;}
.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;}
#zone_contenu_corps {
	font-family:arial;
	font-size:12px;}
#zone_contenu_corps .liste_projet li, #contenu .liste_projet li {
	background:none;}
#zone_contenu_corps .liste_projet h1, #contenu .liste_projet h1 {
	margin-bottom:0;}
.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;}
/* 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:20px;}
/* Taille des cadres */
.moitie {
	width:310px;
	float:left;}
.deuxTiersGauche {
	width:410px;
	margin-right:20px;
	float:left;}
.deuxTiersDroite {
	width:240px;
	float:left;}
.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:#7b9c35;
	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;}
#contenu a {
	color:#7B9C35;}
#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;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#6C6865;
	font-family:helveticaneue;
	font-size:15px;}
#zone_contenu_corps h1, #contenu h1 {
	background:url(../images/troisCarre.png) no-repeat 0 5px;}
.ajout_2point dt:after {
	content:" :";}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* 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:sans-serif;
	font-size:80%;
	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;
	color:#3a3633;
	font-family:arial;
	font-size:11px;
	font-weight:bold;}
.traitTela li a {
	color:#3a3633;
	font-family:arial;
	font-size:11px;
	font-weight:bold;}
/* Ombres */
.ombre2 {
	-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 */}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* 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;
	left: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:155px;
	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:#7b9c35;}
#zone-menu-haut a:hover, #zone-menu-haut a:focus {
	color:#fd8c13;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
#zone-principale {
	position:absolute;
	width:960px;
	margin-left:-450px;
	left:50%;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/* Logo Tela Botanica */
#zone-logo-tela {
	position:absolute;
	left:0;
	margin-top:3px;
	background: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)" ";}
/*+-----------------------------------------------------------------------------------------------------------------+*/
.zone-haut {
	height:123px;
	width:885px;
	margin:32px 0 0 0;
	text-align:center;}
.zone-haut h2 {
	position:absolute;
	top:135px;
	left:85px;
	margin:0;
	font-size:16px;
	font-family:arial;
	text-transform:none;
	color:white;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
.motsclefs {
	position:absolute;
	left:0;/* Nécessaire pour IE */
	width:0;
	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;}
#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;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	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 #7b9c35;
	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 #7b9c35;
	border-bottom:1px solid #7b9c35;
	border-right:1px solid #7b9c35;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	font-weight:bold;
	color:#7b9c35;
	display:block;
	background:url(../images/petitCarre.jpg) no-repeat 3px 7px;}
#zone-menu-gauche ul li ul {
	list-style:disc inside;
	color:#7b9c35;
	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:#7b9c35;
	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;
	-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;}
#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;
	-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;}
#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;}
#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 h3,#contenu h3 {
	padding-left:25px;}
#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;
	-moz-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;}
#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;
	-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;}
#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;}
#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;}
.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;
	-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;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
	zoom:1;/* pour ie8 */}
.filetRouge {
	border:solid 1px red;}
#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;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	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:1.3em;}
#bandeauProjets ul li p {
	padding-right:2px;}
#bandeauProjets ul li a {
	color:#7B9C35;
	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;
	-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;}
#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;}
/*+-----------------------------------------------------------------------------------------------------------------+*/
/** 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:#7b9c35;
	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:960px;
	margin:0 auto;
	overflow:hidden;}
.row .row {
	margin:0 -10px;
	width:auto;
	display:inline-block;}

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

Subversion Repositories Sites.tela-botanica.org

(root)/trunk/sites/commun/generique/styles/pageInterieure.css – Rev 775 → 778