Subversion Repositories Sites.tela-botanica.org

body{

	behavior:url(/commun/htc/csshover3.htc)}

/*Définition des polices exotiques.*/

@font-face{

	font-family:optima;

	src:url('/commun/polices/optima_demi_bold.ttf');}

@font-face{

	font-family:Helveticaneue;

	src:url('/commun/polices/helvetica_light.ttf');}

@font-face{

	font-family:optima2;

	src:url('/commun/polices/optima_demi_bold.eot');}

@font-face{

	font-family:Helveticaneue2;

	src:url('/commun/polices/helvetica_light.eot');}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* BALISES HTML */

body{

	margin-top:8px;

	background-color:white;}

img,ul,form,li,td,div,p,br,a,h1,h2,body{

	margin:0;

	padding:0;

	border:0;

	text-decoration:none;}

p{

	color:#3a3633;

	font-family:arial;

	font-size:12px;

	font-weight:normal;

	line-height:16px;}

label input {

	position:absolute;

	left:100%;

	top:0px;

	width:15px;}

a:link, a:visited, a:active{

	color:#3a3633;}

a:hover, a:focus{

	color:#fd8c13;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* CLASSES & COULEURS */

.arrondi30{

	-moz-border-radius:30px;

	-webkit-border-radius:30px;

	border-radius:30px;}

.ombre{

	-moz-box-shadow:2px 2px 9px #6c6865;

	-webkit-box-shadow:2px 2px 9px #6c6865;

	box-shadow: 2px 2px 9px #6c6865; 

	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6c6865', Direction=135, Strength=4); /* pour ie8 */}

.nodisplay{

	display:none}

.hidden{

	visibility:hidden}

.spacer125{

	width:125px;

	float:left;}

p.connectgris{

	color:#5e5852;

	font-family:arial;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	line-height:12px;}

p.connectvert,a.connectvert{

	color:#7b9c35;

	font-family:arial;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	margin-top:10px;}

p.connectvertpetit,a.connectvertpetit{

	color:#7b9c35;

	font-family:arial;

	font-size:11px;

	font-weight:normal;

	text-align:left;}

p.orange,a.orange{

	color:#fd8c13;

	font-family:arial;

	font-size:11px;

	font-weight:normal;

	text-align:left;

	margin:7px 0 3px 0;}

p.accueil{

	color:#3a3633;

	font-family:arial;

	font-size:13px;

	text-align:justify;

	font-weight:normal;

	line-height:17px;}

.overflow-hidden{

	overflow:hidden;}

.gris{ color:#3a3633; font-family:arial; font-size:12px; }

.vert, p.vert a, p.vert{

	color:#7b9c35;

	font-family:arial;

	font-size:12px;}

.grisclair{

	color:#f2f2f2}

.grisfonce{

	color:#5c5950}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/*ZONE PRINCIPALE*/

#zone-principale{

	position:absolute;

	width:960px;

	margin:30px 0 0 -450px;

	left: 46%;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* ZONE MENU HAUT */

#zone-menu-haut{

	width:745px;

	height:12px;

	text-align:center;

	margin:0 auto 0 90px;

	position:absolute;

	top:-25px;

	color:#3a3633;

	font-family:arial;

	font-size:12px;}

#zone-menu-haut ul{

	list-style:none;}

#zone-menu-haut ul li{

	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat 3px 5px;

	float:left}

#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-menu-haut a, p a{

	font-family:arial;

	font-size:12px;

	color:#7B9C35;}

.drapeau{

	width:15px;

	margin-left:10px}

/* Recherche */

#zone-menu-haut #form_more_recherche label, #zone-menu-haut #form_more_recherche legend{

	display:none}

#zone-menu-haut #form_more_recherche #more_ok{

	background:white;

	border:none;

	color:#7B9C35;

	text-transform:uppercase;

	width:25px;cursor:pointer}

#don{

	width:110px;

	margin:0}

#lettre{

	width:120px;

	margin:0}

#inscrits{

	width:110px;

	margin:0}

#connectes{

	width:115px;

	margin:0}

#recherche{

	width:185px;

	padding-left:15px;

	text-align:left;

	margin:0}

#recherche fieldset{

	width:185px;

	padding:0;

	border-style:none;}

#recherche input{

	height:13px;

	width:155px;

	font-size:12px;

	margin:-15px 0 0 -2px;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* ZONE TITRE */

#zone-titre{

	padding:0 0 25px 23px;

	margin:0 0 5px 0;}

#zone-titre h1{

	position:absolute;

	top:15px;

	left:155px;

	font-family:Optima;

	font-size:32px;

	letter-spacing:0px;

	color:#348237;}

#zone-titre h2{

	position:absolute;

	top:50px;

	left:146px;

	font-family:optima;

	font-size:19px;

	text-align:right;

	letter-spacing:0px;

	color:#ff8c0d;

	line-height:24px;

	width:386px;}

#zone-titre h2 strong{

	font-size:32px;

	font-weight:normal}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* BANDEAUX : GÉNÉRALITÉS*/

.motsclefs{

	float:left;

	width:330px;

	height:105px;

	font-family:Helveticaneue;

	letter-spacing:-1px;

	font-weight:lighter;

	text-align:left;

	background:url(../images/carres.png) no-repeat 106px 0px;

	padding:0 0 0 146px;

	margin:0;

	cursor:pointer;}

.motsclefs a {

	color:#5C5950}

.motsclefs h2{

	position:absolute;

	margin-top:13px;

	font-size:52px;

	font-weight:normal;

	color:#5c5950;

	left:200px;

	line-height:35px;}

.motsclefs h2:hover,.motsclefs a:hover{

	color:white;}

.motsclefs h3{

	text-align:left;

	color:#f2f2f2;

	margin-left:141px;

	margin-top:69px}

.motsclefs span{

	position:absolute;

	font-weight:normal;

	text-transform:lowercase}

.texteRectangle{

	padding:8px 25px 0 0;

	height:75px;}

/* Liens des univers */

.menuRectangle{

	position:absolute;

	left:0;

	width:960px;

	margin-top:0;

	text-align:right;}

.menuRectangle ul{

	text-align:right;

	position:absolute;

	right:25px}

.menuRectangle ul li {

	text-decoration:none;

	text-align:center;

	font-size: 12px;

	font-family:arial;

	float:left;

	margin-left:10px;

	padding:3px 0 0 20px;}

.menuRectangle ul li a{

	position:relative;

	margin-left:-4px;

	top:-3px;

	font-weight:normal;}

.menuRectangle a:link, .menuRectangle a:visited, .menuRectangle a:active{

	color:#fff;

	text-decoration:none;}

.menuRectangle a:hover, .menuRectangle a:focus{

	color:#5e5852;

	text-decoration:none;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* BANDEAUX : BOTANIQUE*/

#zone-botanique{

	background:url(../images/imageAccueilCarres.jpg) no-repeat #9ac343;

	height:105px;

	width:960px;

	margin:0 0 15px 5px;}

#menuRectangleBotanique ul li{

	background:url(../images/carreVert.jpg) no-repeat;

	list-style:none;}

/* Mots clefs Botanique */

#zone-botanique .motsclefs .mot1{

	font-size:32px;

	margin:-22px 0 0 -101px;}

#zone-botanique .motsclefs .mot2{

	font-size:18px;

	margin:-15px 0 0 74px;}

#zone-botanique .motsclefs .mot3{

	font-size:23px;

	margin:5px 0 0 -46px;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* BANDEAUX : ACTUALITÉS*/

#zone-actualites{

	background:url(../images/imageAccueilCarres.jpg) no-repeat 0px -211px #c2c0ad;

	height:105px;

	width:960px;

	margin:0 0 15px 5px;}

#menuRectangleActualites ul li{

	background:url(../images/carreGris.jpg) no-repeat;

	list-style:none;}

/* Mots clefs Actualités */

#zone-actualites .motsclefs .mot1{

	font-size:28px;

	margin:-20px 0 0 -81px;}

#zone-actualites .motsclefs .mot2{

	font-size:32px;

	margin:-10px 0 0 14px;}

#zone-actualites .motsclefs .mot3{

	margin:10px 0 0 -101px;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* BANDEAUX : RÉSEAU*/

#zone-reseau{

	background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -316px #e16039;

	height:105px;

	width:960px;

	margin:0 0 15px 5px;}

#menuRectangleReseau ul li{

	background:url(../images/carreRouge.jpg) no-repeat;

	list-style:none;}

/* Mots clefs Réseau */

#zone-reseau .motsclefs .mot1{

	font-size:32px;

	margin:-24px 0 0 -92px;}

#zone-reseau .motsclefs .mot2{

	font-size:26px;

	margin:0px 0 0 -81px;}

#zone-reseau .motsclefs .mot3{

	font-size:20px;

	margin:3px 0 0 39px;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* BANDEAUX : PROJETS*/

#zone-projets{

	background:url(../images/imageAccueilCarres.jpg) no-repeat 0 -105px #a89d80;

	height:105px;

	width:960px;

	margin:0 0 15px 5px;}

#menuRectangleProjets ul li{

	background:url(../images/carreBeige.jpg) no-repeat;

	list-style:none;}

/* Mots clefs Projets */

#zone-projets .motsclefs .mot1{

	font-size:32px;

	margin:-20px 0 0 -46px;}

#zone-projets .motsclefs .mot2{

	font-size:20px;

	margin:5px 0 0 -101px;}

#zone-projets .motsclefs .mot3{

	font-size:20px;

	margin:5px 0 0 24px;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* ZONE MENU CONNEXION */

#zone-menu-connexion{

	height:122px;

	width:320px;

	position:absolute;

	top:0;

	right:0;

	padding:0;

	font-family:arial;

	text-align:right;

	font-size:11px;

	background:url(../images/carreorange.png) no-repeat 9px -9px;}

/* Formulaire connexion */

#zone-menu-connexion fieldset{

	text-align:left;

	width:273px;

	float:right;

	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 h3{

	position:absolute;

	width:270px;

	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:15em;

	display:block;

	margin:.1em 0em;}

#username, #password{

	width:80px;}

#zone-menu-connexion fieldset #connexion{

	border:solid 1px #8eb533;

	padding:0;}

#persistant, #persistant_label{

	float:left;

	margin-left:0;}

#persistant_label{

	padding-top:2px}

#zone-menu-connexion #colonneDroite{

	width:150px;

	position:absolute;

	left:165px;

	top:21px;}

#zone-menu-connexion #colonneDroite .connectgris{

	padding-top:5px;

	padding-bottom:5px}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* ZONE BANDEAU PROJETS */

#bandeauProjets{

	width:845px;

	margin:20px 0 20px 0;

	border:dotted 1px #fd8c13;

	-moz-border-radius:10px;

	-webkit-border-radius:10px;

	border-radius:10px;

	float:left;

	padding-left:65px;

	margin-left:30px}

#bandeauProjets ul{

	height:98px;

	padding:0;

	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 5px 0;

	margin:0;

	color:#fd8c13;}

#bandeauProjets ul li img{

	float:right;

	padding:10px}

#bandeauProjets ul .bouton{

	width:20px;}

#bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant{

	position:absolute;}

#bandeauProjets #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;}

#bandeauProjets #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 */

#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{

	list-style:none;

	text-decoration:none;

	text-align:center;

	font-size: 12px;

	font-family:arial;

	display:inline;

	margin-left:10px;

	padding :6px 0 0 20px}

#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{

	font-weight:normal;

	color:#fd8c13;

	text-decoration:none;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* ZONE BAS PAGE : MENUS COMMUNS */

#accueil{

	background:url(../images/accueil.png) no-repeat 0 2px;}

#faq{

	background:url(../images/faq.png) no-repeat 0 2px;}

#contact{

	background:url(../images/contact.png) no-repeat 0 2px;}

#plan{

	background:url(../images/plan.png) no-repeat 0 2px;}

#rss{

	background:url(../images/rss.png) no-repeat 0 2px;}

#telechargement{

	background:url(../images/telechargement.png) no-repeat 0 2px;}

#visite{

	background:url(../images/visite.png) no-repeat 0 2px;}

#mentions{

	background:url(../images/cc.gif) no-repeat 0 2px;}

/*+-----------------------------------------------------------------------------------------------------------------+*/

/* ZONE BAS PAGE : COORDONNEES */

#coordonees{

	width:900px;

	text-align:center;

	margin:auto;

	background:url(../../../commun/generique/images/petitCarre.jpg) no-repeat right;

	padding-right:5px;

	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;}