html {
font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}
head
{
margin: 0;
padding: 0;
}
body {
font-family: Tahoma, Verdana, Arial;
margin: 0;
padding: 0;
background-color: #005D39;
}
hr {
border: none;
border-top: 1px solid #005D39;
}
#global {
width: 1000px;
height: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-image: url("./interface/bg-page.jpg");
background-repeat: repeat-Y;
}
#header{
margin-top: 0px;
background-image: url("./interface/header.jpg");
background-repeat: no-repeat;
background-position: left top;
width: 100%;
height: 335px;
/*position: absolute;*/
/*background-color: #E6ECF1;*/
}
#menu-haut img a {
margin-left: 28px;
margin-top: 150px;
border: none;
}
/*-------------- DEBUT du menu haut----------------*/
#menu-haut {
position: absolute;
margin-left: 766px;
margin-top: 30px;
width: 172px;
font-size: 0.9em;
font-weight: bold;
color: #F9ECA0;
font-family: Verdana, Tahoma, Arial;
/*border-bottom: #F9ECA0 1px solid;*/
/*background: #FFFFFF;*/
}
#menu-haut ul{
width: 172px;
margin:0;
padding:0;
/*border-bottom: #F9ECA0 1px solid;*/
}
#menu-haut li{
display:block;
text-decoration:none;
color: #F9ECA0;
font-weight:bold;
line-height:25px;
list-style: none;
}
#menu-haut li a{
text-decoration: none;
color: #F9ECA0;
padding-left: 20px;
}
/*gere-les-liens-menu-haut*/
#menu-haut li a:hover{
font-weight:bold;
padding-left: 20px;
text-decoration:none;
color: #F9ECA0;
background-image: url("./interface/signet-item-jaune-red.png");
background-repeat: no-repeat;
background-position: left center;
}
#menu-haut a img{
margin-left: 43px;
margin-top: 10px;
padding-bottom: 10px;
border: none;
}
/*-------------- fin du menu haut----------------*/
#retour-accueil {
float: left;
background-image: url("./interface/signet-item-accueil.png");
background-repeat: no-repeat;
background-position: top left;
position: absolute;
margin-left: 5px;
margin-top: 305px;
width: 120px;
font-size: 0.8em;
letter-spacing: 0.4em;
font-weight: bold;
color: #000000;
font-family: Tahoma, Verdana, Arial;
}
#retour-accueil a{
text-decoration: none;
color: #000000;
padding-left: 15px;
}
/*-------------- DEBUT du menu----------------*/
.menu{
/*position: absolute;*/
float: left;
border:none;
width: 200px;
margin-left:0px;
padding:0px;
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
background:#BBC9D6;
}
.rubrique {
display:block;
width: 200px;
font-weight:bold;
line-height:30px;
text-align:left;
border-bottom: #BBC9D6 solid 1px;
background-color: #EBEFF3;
}
/*------------------------------modifié----pourIE6-------------*/
.rubrique a{
display: block;
padding-left:15px;
width: 185px;
line-height:30px;
text-decoration:none;
color: #000000;
}
.rubrique a:hover{
background-image: url("./interface/menu.png");
background-repeat: no-repeat;
background-position: center left;
text-decoration:none;
}
.menu ul{
width: 200px;
list-style:none;
margin:0;
padding:0;
background-color: #EBEFF3;
}
.menu li {
/*sous-menu*/
display:block;
float:none;
margin-top:Opx;
margin-left:0px;
width:200px;
list-style: none;
background-color: #FFFFFF;
border-bottom: #BBC9D6 1px solid;
}
.menu li a{
display:block;
color: #000000;
line-height:25px;
margin-top:Opx;
text-decoration:none;
background-color: #FFFFFF;
padding-left:15px;
list-style: none;
}
.menu li a:hover{
background-image: url("./interface/signet-fleche-rouge.png");
background-repeat: no-repeat;
background-position: center left;
color:#404040;
text-decoration:none;
}
/*-------------------------fin-lien-du menu---*/
/*-------------- FIN du menu----------------*/
/*---------------mise-en-page-centrale-------*/
.flux {/*--mise en page saisie de texte simple avec image---------------------*/
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
}
/*--mise en page texte d'annonce article--*/
.centre {
width: 710px;
min-height: 600px;
margin-left: 220px;
/*background: #CCCCCC;*/
}
.cadre_annonce{
font-size: 1.2em;
color: #00000;
width: 675px;
font-weight: bold;
padding-left: 35px;
line-height: 40px;
font-family: Tahoma, Verdana, Arial;
background-image: url("./interface/item-1.png");
background-repeat: no-repeat;
background-position: left;
}
.texte {
padding-left: 35px;
max-width: 675px;
font-size: 0.8em;
}
.texte H1{
font-size: 1.3em;
font-weight: bold;
color: #005D39;
font-family: Tahoma, Verdana, Arial;
}
.texte H2{
font-size: 1.1em;
font-weight: bold;
font-family: Tahoma, Verdana, Arial;
}
.texte hr{
border: none;
border-top: 1px solid #BBC9D6;
}
.texte a:{text-decoration:none;}
.texte a:hover {text-decoration:none;}
.texte a:visited {text-decoration:none;}
.texte a img{border: none;}
.texte H1{
font-size: 1.2em;
font-weight: bold;
color: #000000;
font-family: Tahoma, Verdana, Arial;
}
/*gestion-admin-galerie*/
.galerie {
width: 710px;
margin-left: 0px;
font-size: 0.8em;
background-color: #FFFFFF;
}
a.principal {
display: block;
height: 20px;
font-size: 0.9em
padding-bottom: 2px;
padding-left: 2px;
font-family: Tahoma, Verdana, Arial;
text-decoration:none;
font-weight: bold;
color: #000000;
background: #EBEFF3;
border: #BBC9D6 1px solid;
}
.galerie hr{
border: none;
border-top: 1px solid #BBC9D6;
}
.galerie h1{
font-family: Tahoma, Verdana, Arial;
font-size: 1.1em;
}
.galerie H2{
font-size: 1.1em;
font-weight: bold;
color: #000000;
font-family: Tahoma, Verdana, Arial;
}
#gravure {/*image de fond de l'affichage de photos et gravures*/
background-image: url("./interface/fond-gravures.jpg");
background-repeat: no-repeat;
background-position: top;
overflow: visible;
}
a.webmin{
font:0.9em tahoma,verdana,sans-serif;
text-decoration:none;
font-weight: bold;
line-height: 2em;
color: #000000;
background: #EBEFF3;
border: #BBC9D6 1px solid;
}
/*fin-gestion-admin-galerie*/
.piedpage
{
margin-left: auto;
margin-right: auto;
padding-top: 10px;
border: #BBC9D6 solid 1px;
width: 998px;
height: 25px;
background: #EBEFF3;
text-align: center;
font-size: 0.8em;
font-family: Tahoma, Verdana, Arial;
}
.piedpage a
{
text-decoration:none;
color: #000000;
}
/* mise en page des mentions legales*/
#legal-head {
float: left;
margin-left: 25px;
width: 170px;
}
#legacy {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 210px;
margin-right: 70px;
font-family: Arial,Verdana,sans serif;
color: #000000;
text-align: justify;
font-size: 0.8em;
}
#legacy H1{
font-size: 1.2em;
border-bottom: #BBC9D6 solid 2px;
}
#legacy H2{
font-size: 1em;
border-bottom: #BBC9D6 solid 1px;
}
#legacy H3{
font-size: 1em;
}
/* mise en page des mentions legales dans formulaire*/
.conditions {
padding-top: 10px;
padding-bottom: 10px;
margin-left: 10px;
margin-right: 10px;
font-family: Arial,Verdana,sans serif;
color: #000000;
text-align: justify;
font-size: 0.8em;
}
.conditions a {
text-decoration:none;
color: #000000;
}
div#tooltipDiv
{
padding: 3px;
border: solid 1px #808080;
display: none; /*white-space: nowrap;*/
background: #FFF;
/*background: #FFFFDF url("gradient.php?base=#FDFF00&height=14") repeat-x;*/
color: #2B3D2B;
font: 9px Tahoma, Verdana, Arial;
text-align: left;
position: absolute;
left: 0;
top: 0;
z-index: 1000;
opacity: .90;
}
#completeDiv
{
border-right: #232BC7 1px solid;
border-top: #232BC7 1px solid;
border-left: #232BC7 1px solid;
border-bottom: #232BC7 1px solid;
}
/*-------------gestion de l'interface d'administration---*/
.tete-admin{
font-size: 1.2em;
color: #00000;
width: 675px;
font-weight: bold;
padding-left: 35px;
line-height: 40px;
font-family: Tahoma, Verdana, Arial;
background-repeat: no-repeat;
background-position: left;
}
#bloc-admin
{
top:60px;
left:0px;
background:#EBEFF3 no-repeat scroll 0 100%;
color:#000000;
font-weight:bold;
margin: 0 20px 0 0;
padding-bottom:4px;
width:100%;
border: #BBC9D6 1px solid;
}
#bloc-admin p
{
background:transparent no-repeat scroll 0 0;
color:#000000;
margin:0;
padding:8px 0 8px 9px;
text-align:left;
}
#bloc-admin H2
{
font-size: 1.2em;
color: #00000;
margin: 10px;
}
#bloc-admin div
{
background:transparent no-repeat scroll 0 0;
color:#FFF;
font-size:1em;
margin:0;
padding:8px 0 8px 9px;
text-align:left;
}
#bloc-admin a:hover {
text-decoration: none;
color: #FEAC01;
}
#bloc-admin a:visited {
color: #306E96;
text-decoration: none;
}
#bloc-admin hr{
border: none;
border-top: #BBC9D6 1px solid;
}
/*---------mode edition de texte requis dans mod_ajout-------*/
#edition{
margin-left: 200px;
width: 738px;
background-color: #F9ECA0;
}
#edition hr{
border: none;
border-top: #005D39 1px solid;
}
/*------gestion des tableaux visiteurs-------------------------------*/
/*------conteneur de gestion-----------*/
.gestion {
width: 985px;
min-height: 600px;
padding-left: 10px;
padding-right: 1Opx;
background: #BBC9D6;
}
/*------sous-conteneur visu grille des vistes-----------*/
.gest-visu {
/*background: #EBEFF3;*/
}
.gest-visu H1{
display:block;
text-align: left;
font:1em tahoma,verdana,sans-serif;
text-decoration:none;
font-weight: bold;
line-height: 2em;
color: #000000;
border-bottom: #EBEFF3 2px solid;
/*background: #EBEFF3;*/
}
.gest-visu TR{
font:0.8em tahoma,verdana,sans-serif;
text-decoration:none;
text-align: center;
color: #000000;
background: #FFFFFF;
}
.gest-visu TH{
line-height: 2em;
text-decoration:none;
text-align: center;
color: #000000;
background: #EBEFF3;
}
.gest-onglets a{
font:0.7em tahoma,verdana,sans-serif;
text-decoration:none;
font-weight: bold;
line-height: 2em;
/*padding: 1 1 1 1;*/
color: #000000;
background-color: #F9ECA0;
border: #EBEFF3 1px solid;
}
a.gest-onglets{
font:0.7em tahoma,verdana,sans-serif;
text-decoration:none;
font-weight: bold;
line-height: 2em;
padding: 1 1 1 1;
color: #000000;
background: #F9ECA0;
border: #EBEFF3 1px solid;
}
.action a{
padding-right:2px;
padding-left:2px;
margin-left: 1px;
margin-right:1px;
color: #000000;
text-decoration: none;
background: #F9ECA0;
border: #BBC9D6 1px solid;
}
.action-green {
padding-right:2px;
padding-left:2px;
margin-left: 1px;
margin-right:1px;
text-align: center;
font-weight: normal;
font-size: 0.9em;
color: #000000;
text-decoration: none;
background: #A3D535;
}
.action-red{
padding-right:2px;
padding-left:2px;
margin-left: 1px;
margin-right:1px;
text-align: center;
font-weight: normal;
font-size: 0.9em;
color: #000000;
text-decoration: none;
background: #D29623;
}
/*-------conteneur-formulaire-ajout-visiteur---*/
.visit-ajout {
min-height: 600px;
padding-left: 200px;
background: #BBC9D6;
}
/*--------habillage-grille-visite-visiteur------etape1*/
.commande {
/*background: #EBEFF3;*/
}
.commande H1{
display:block;
padding-left: 35px;
text-align: left;
font-size: 1.2em;
padding-bottom: 2px;
font: tahoma,verdana,sans-serif;
text-decoration:none;
line-height: 2em;
color: #000000;
background-image: url("./interface/item-3-bleu.png");
background-repeat: no-repeat;
background-position: left;
/*border-bottom: #BBC9D6 1px solid;*/
}
.commande H2{
padding-left: 35px;
text-align: left;
font-size: 0.9em;
width: 660px;
padding-top: 3px;
padding-bottom: 3px;
font: tahoma,verdana,sans-serif;
font-weight: bold;
color: #000000;
background: #EBEFF3;
}
/*vous avez choisi*/
.commande H3{
padding-left: 35px;
font:1em tahoma,verdana,sans-serif;
font-weight: bold;
color: #000000;
background-image: url("./interface/item-3-bleu.png");
background-repeat: no-repeat;
background-position: left;
}
.etape {
margin-left: 35px;
clear:both;
width:175px;
height:30px;
background: url("./interface/bouton-valider.jpg") no-repeat;
background-position: right;
text-align: left;
line-height:30px;
color:#000000;
font-size:12px;
font-weight:bold;
border:solid 1px #BBC9D6;
}
.send-erreur{
color: #C22029;
font-weight: bold;
font-size: 1em;
}
/*---------------------------------------fin------------------*/
/*connexion espace administration*/
#connect {/*conteneur remplace centre dans la page de connexion*/
background-color: #EBEFF3;
font:1em tahoma,verdana,sans-serif;
width: 736px;
min-height: 600px;
margin-left: 201px;
border: 0;
}
#connect p{
font-size: 0.8em;
}
#connect hr{
border: none;
border-top: 2px solid #BBC9D6;
}
#connect h1 {
font-weight: bold;
color: #000000;
font-size: 1em;
text-align: center;
padding-bottom: 5px;
background: url("./interface/ombre-connect.jpg") no-repeat;
background-position: center;
overflow: visible;
}
#connect label{
display:block;
font-weight:bold;
font-size: 0.8em;
text-align:right;
width:240px;
float:left;
}
#connect input{
float:center;
font-size:0.8em;
padding:4px 2px;
border:solid 1px #BBC9D6;
margin:2px 5px 5px 10px;
background-color: #FFFFFF;
}
/*fin connexion espace administration*/
/*formulaire-send-message*/
#stylized {
background-color: #EBEFF3;
font:1em tahoma,verdana,sans-serif;
border: 0;
}
#stylized p{
margin-top: 20px;
}
.form-annonce {
background-color: #FFFFFF;
font-size: 0.8em;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
#stylized h1 {
font-weight: bold;
color: #000000;
font-size: 1em;
}
#stylized label{
display:block;
font-weight:bold;
font-size: 0.8em;
text-align:right;
width:240px;
float:left;
}
#stylized input{
float:left;
font-size:0.8em;
padding:4px 2px;
border:solid 1px #BBC9D6;
margin:2px 5px 5px 10px;
background-color: #FFFFFF;
}
#stylized textarea{
float:left;
padding:4px 2px;
border:solid 1px #BBC9D6;
margin:2px 5px 5px 10px;
overflow: auto;
}
#stylized button{
clear:both;
margin-left:250px;
width:100px;
height:30px;
background: url("./interface/bouton-valider.jpg") no-repeat;
text-align: left;
line-height:30px;
color:#000000;
font-size:12px;
font-weight:bold;
border:solid 1px #BBC9D6;
}
/*fin-formulaire-send-message*/
/*--interface admin------------------------------------------------------------*/
.name-admin {
/* concerne l'affichage du nom de l'admin dans la premiere ligne de l'interface admin*/
color: #903f50;
font: 12px "Trebuchet Unicode MS",Tahoma, Verdana, Arial;
letter-spacing: 2px;
font-weight: bold;
border-bottom: 1px solid;
border-color: #903f50;
}
.blockInterface {
margin-top:30px;
margin-left:150px;
}
.admin {
color: #FFF;
font-size: 12px;
font-weight: bold;
}
.admin a {
text-decoration: none;
color: #306E96;
}
.admin a:hover {
text-decoration: none;
color: #FEAC01;
}
.admin a:visited {
color: #306E96;
text-decoration: none;
}
.section-titre {
display: block;
width: 610px;
font-size: 0.9em;
font-weight: bold;
color: #306E96;
margin-left: 0px;
padding: 0 0 5px 0;
text-align: left;
}
.ajoutrubrique {
display: block;
margin-left: 0px;
width: 150px;
color: #000000;
font-weight: bold;
line-height: 2em;
text-align: center;
font-size: 1em;
text-decoration: none;
border: #BBC9D6 1px solid;
background-color: #EBEFF3;
padding: 5 5 5 5;
}
.ajoutrubrique a {
color: #000000;
text-decoration: none;
}
.adminrubrique {
display: block;
width: 610px;
color: #000000;
font-size: 0.9em;
text-align: left;
font-weight: bold;
letter-spacing: 1px;
padding-left: 5px;
background-color: #F9ECA0;
/*border: #005D39 1px solid;*/
margin: 0px 0px 0 0;
}
.adminmenu {
display: block;
color: #306E96;
font-size: 12px;
font-weight: bold;
margin: 0 10px 0 0;
padding-right: 100px;
background-color: #E2E8EF;
}
.adminarticle {/*parametre ligne d'affichage des ligne de modification articles*/
display: block;
margin-top: 5px;
width: 510px;
color: #000000;
line-height: 2em;
font-size: 0.9em;
text-align: left;
font-weight: bold;
padding-right: 100px;
background: #EBEFF3;
border: #BBC9D6 1px solid;
}
.adminrequete {
color: #000000;
font-size: 12px;
font-weight: bold;
background-color: #E2E8EF;
border-top: 1px solid #90ACAB;
border-right: 1px solid #90ACAB;
border-left: 1px solid #90ACAB;
border-bottom: 1px solid #90ACAB;
margin: 0 0 0 20px;
padding: 1px 3px 3px 3px;
}
.adminrequete a{
text-decoration: none;
color: #306E96;
}
.adminrequete a:hover{
text-decoration: none;
color: #306E96;
}
.adminrequete a:visited {
color: #306E96;
text-decoration: none;
}
.ajoutarticle {
display: block;
color: #000000;
font-size: 12px;
font-weight: bold;
background-color: #E2E8EF;
/*background-image: url(./interface/bg-adminarticle.png);*/
}
.blockInterface{
margin-top:26px;
margin-left:300px;
width: 500px;
}
#admin-header{
font-family: Tahoma, Verdana, Arial;
font-size: 1.2em;
margin-left: 220px;
width: 675px;
padding-left: 35px;
letter-spacing: 2px;
font-weight: bold;
color: #000000;
}
#admin-header a{
text-decoration: none;
border: 1px solid #005D39;
padding-left: 3px;
padding-right: 3px;
color: #005D39;
font-size: 0.8em;
}
#admin-header hr {
border: none;
border-top: 1px solid #005D39;
}
#admin-header h1{
font-size: 1.2em;
font-weight: bold;
color: ##005D39;
font-family: Tahoma, Verdana, Arial;
}
#admin-header h2{
font-size: 1em;
font-weight: bold;
color: ##005D39;
font-family: Tahoma, Verdana, Arial;
}
/*-------onglets pour accéder à la gestion des visiteur---relatif à adminHeader.html*/
.gestion-header {
display: block;
margin-left: 250px;
margin-bottom: 10px;
width: 678px;
font:0.8em tahoma,verdana,sans-serif;
font-weight: bold;
color: #000000;
}
.gestion-header a{
text-decoration:none;
font-weight: bold;
margin-left: 5px;
color: #000000;
background: #EBEFF3;
border: #BBC9D6 1px solid;
}
/*-----fin onglets accés gestion---*/
#conteneur
{
border-left:1px solid #3F1B24;
border-right:1px solid #3F1B24;
margin: 0 auto;
width: 1000px;
}
#conteneur h1{
letter-spacing: 0.2em;
color: #903f50;
font-family: Verdana, Tahoma, Arial;
}
/************************ Planning public des créneaux ****************************/
tr.v0 td,
tr.v1 td
{
border: #BBC9D6 1px solid;
font-size: 0.9em;
}
tr.v0
{
background-color: #FFFFFF;
}
tr.v1
{
background-color: #BBC9D6;
}
td.jour
{
font-weight: bold;
}
td.creneau_libre
{
font-weight: bold;
}
td.creneau_occupe
{
font-weight: normal;
}
td.planning_libre
{
font-weight: bold;
/*border: 1px solid black;*/
font-size: 14px;
}
td.planning_occupe
{
/*border: 1px solid black;*/
font-size: 12px;
font-weight: normal;
}
tr.v2 td
{
border: 0px;
}
/******************************************************************/
.AutoCompleteDivListeStyle
{
font-size: 10px;
font-family: Verdana,Arial,sans-serif,Geneva;
color: #505050;
}
.AutoCompleteDiv
{
display: block;
padding-left: 3;
padding-right: 3;
height: 13px;
overflow: hidden;
background-color: #F1FBD3;
}
.AutoCompleteDivAct
{
cursor: pointer;
background-color: #D6FF49;
color: #000000;
}
.AutoCompleteDivAction
{
display: none;
}
/*****************couleurs***********/
/*color: #557491;bleu-gris moyen*/