*/
height:100%;
min-height:100%;
/* pour un site centré utilisez les propriétés suivantes*/
width:972px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-attachment:scroll;
background-image:url(images/charte/acces+_09.gif);
background-repeat:repeat-y;
background-position:top left;
/* pour un site en 100%, utilisez les propriétés suivantes
width:100%;
background-color:#B0D262; */
}
#td_charte{
/* Définir ici ce que vous mettiez auparavant dans la balise td */
/* Dans la page HTML, quand vous voulez vous servir de ce style pour votre tableau faites comme ceci : */
/* | */
height:100%;
width:100%;
text-align:left;
background-attachment:scroll;
background-image:url(images/charte/acces+_04.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left:0px;
padding-right:0px;
}
#bandeau{
float:left;
width:689px;
height:143px;
}
#centre{
float:right;
background-attachment:scroll;
background-image:url(images/charte/acces+_06.jpg);
background-repeat:no-repeat;
background-position:top right;
width:689px;
}
#logo{
float:left;
width:283px;
height:100%;
background-attachment:scroll;
background-image:url(images/charte/fond-logo.gif);
background-repeat:repeat-y;
}
#bordure{
/*padding:30px 50px 0 20px;*/
padding:10px 50px 0 20px;
min-height:389px;
height:auto !important;
height:389px;
}
*html #bordure{
/*padding:30px 50px 0 20px;*/
padding:2px 50px 0 20px;
}
a {
font-weight: bold;
text-decoration:none;
color: #456688;
}
a:hover {
font-weight: bold;
text-decoration: underline;
color: #003EFA;
font-size:14px;
}
#basdepage{
width:100%;
height:53px;
text-align:center;
background-color:#FFFFFF;
/* mettre ici le style que vous voulez définir pour les liens bas de page */
}
#fenichel{
padding:10px 20px 10px 100px;
}
#fenichel p{
font:9pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
margin-top:10px;
margin-bottom:10px;
}
#fenichel h1{
font:11pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#EECA0B;
font-weight: bold;
font-style: normal;
padding:0;
margin:0;
}
#fenichel ul{
padding:0;
margin:5px;
padding:5px;
font:8pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
color:#EECA0B;
}
#fenichel ul a:visited{
color:#EECA0B;
text-decoration:none;
}
#fenichel ul a{
color:#EECA0B;
text-decoration:none;
}
#fenichel ul a:hover{
color:#EECA0B;
text-decoration:underline;
}
/* am ------------------------------*/
#am{
padding:10px 20px 10px 100px;
}
#am p{
font:9pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
margin-left:10px;
margin-bottom:10px;
margin-top:20px;
margin-right:0px;
}
#am h1{
font:11pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#B3C76C;
font-weight: bold;
font-style: normal;
padding:0;
margin-left:10px;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
}
#am ul{
padding:0;
margin:5px;
padding:5px;
margin-left:16px;
font:8pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
color:#B3C76C;
}
#am ul a:visited{
color:#B3C76C;
text-decoration:none;
}
#am ul a{
color:#B3C76C;
text-decoration:none;
}
#am ul a:hover{
color:#B3C76C;
text-decoration:underline;
}
/* am ------------------------------*/
/* ascenseurs ------------------------------*/
#ascenseurs{
padding:10px 0px 10px 95px;
}
#ascenseurs p{
font:9pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
margin-left:0px;
margin-bottom:10px;
margin-top:10px;
margin-right:0px;
}
#ascenseurs h1{
font:11pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#A2DA37;
font-weight: bold;
font-style: normal;
padding:0;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
margin-right:0px;
}
#ascenseurs ul{
padding:0;
margin:5px;
padding:5px;
font:8pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
color:#B3C76C;
}
#ascenseurs ul a:visited{
color:#A2DA37;
text-decoration:none;
}
#ascenseurs ul a{
color:#A2DA37;
text-decoration:none;
}
#ascenseurs ul a:hover{
color:#A2DA37;
text-decoration:underline;
}
/* ascenseurs ------------------------------*/
/* SPMAS ------------------------------*/
#SPMAS{
padding:10px 20px 10px 80px;
}
#SPMAS p{
font:9pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
margin-top:10px;
margin-bottom:10px;
}
#SPMAS h1{
font:11pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
color:#229AE6;
font-weight: bold;
font-style: normal;
padding:0;
margin:0;
}
#SPMAS ul{
padding:0;
margin:5px;
padding:5px;
font:8pt/8pt "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: normal;
color:#229AE6;
}
#SPMAS ul a:visited{
color:#229AE6;
text-decoration:none;
}
#SPMAS ul a{
color:#229AE6;
text-decoration:none;
}
#SPMAS ul a:hover{
color:#229AE6;
text-decoration:underline;
}
/* SPMAS ------------------------------*/
/*********************************** PAGE ASCENSEURS ***********************************/
#p_ascenseur{
/*padding:30px 50px 0 20px;*/
padding:10px 50px 0 20px;
min-height:389px;
height:auto !important;
height:389px;
}
*html #p_ascenseur{
/*padding:30px 50px 0 20px;*/
padding:2px 50px 0 20px;
}
#p_ascenseur b{
color:#94C734;
font-weight:bold;
}
#p_ascenseur li{
list-style-image: url(images/charte/puce01.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:2px;
}
#p_ascenseur .li01{
list-style-image: url(images/charte/puce01.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:15px;
}
#p_ascenseur .sous-titre{
color:#94C734;
}
#p_ascenseur a {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0 5px 0 5px;
/*width:100px;*/
}
#p_ascenseur a:hover {
font-weight: bold;
text-decoration: underline;
background-color:#BBED57;
color: #456688;
padding:0 5px 0 5px;
}
#p_ascenseur .lien_img {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0;
/*width:100px;*/
}
#p_ascenseur .lien_img:hover {
font-weight: bold;
text-decoration: underline;
background-color:#ffffff;
padding:0;
color: #456688;
}
/*********************************** PAGE ASCENSEURS DU MIDI ***********************************/
#p_ascenseur_midi{
/*padding:30px 50px 0 20px;*/
padding:10px 50px 0 20px;
min-height:389px;
height:auto !important;
height:389px;
}
*html #p_ascenseur_midi{
/*padding:30px 50px 0 20px;*/
padding:2px 50px 0 20px;
}
#p_ascenseur_midi b{
color:#3366FF;
font-weight:bold;
}
#p_ascenseur_midi li{
list-style-image: url(images/charte/puce05.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:2px;
}
#p_ascenseur_midi .li01{
list-style-image: url(images/charte/puce05.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:15px;
}
#p_ascenseur_midi .sous-titre{
color:#3366FF;
}
#p_ascenseur_midi a {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0 5px 0 5px;
/*width:100px;*/
}
#p_ascenseur_midi a:hover {
font-weight: bold;
text-decoration: underline;
background-color:#BBED57;
color: #456688;
padding:0 5px 0 5px;
}
#p_ascenseur_midi .lien_img {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0;
/*width:100px;*/
}
#p_ascenseur_midi .lien_img:hover {
font-weight: bold;
text-decoration: underline;
background-color:#ffffff;
padding:0;
color: #456688;
}
/*********************************** PAGE FENICHEL ***********************************/
#p_fenichel{
/*padding:30px 50px 0 20px;*/
padding:10px 50px 0 20px;
min-height:389px;
height:auto !important;
height:389px;
}
*html #p_fenichel{
/*padding:30px 50px 0 20px;*/
padding:2px 50px 0 20px;
}
#p_fenichel img{
padding:0;
margin:0;
}
#p_fenichel b{
color:#EECA0B;
font-weight:bold;
}
#p_fenichel li{
list-style-image: url(images/charte/puce02.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:2px;
}
#p_fenichel .li01{
list-style-image: url(images/charte/puce02.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:15px;
}
#p_fenichel .sous-titre{
color:#EECA0B;
}
#p_fenichel a {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0 5px 0 5px;
/*width:100px;*/
}
#p_fenichel a:hover {
font-weight: bold;
text-decoration: underline;
background-color:#EECA0B;
color: #456688;
padding:0 5px 0 5px;
}
#p_fenichel .lien_img {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0;
/*width:100px;*/
}
#p_fenichel .lien_img:hover {
font-weight: bold;
text-decoration: underline;
background-color:#ffffff;
padding:0;
color: #456688;
}
/*********************************** PAGE AM HANDICAP ***********************************/
#p_am_handicap{
/*padding:30px 50px 0 20px;*/
padding:10px 50px 0 20px;
min-height:389px;
height:auto !important;
height:389px;
}
*html #p_am_handicap{
/*padding:30px 50px 0 20px;*/
padding:2px 50px 0 20px;
}
#p_am_handicap img{
padding:0;
margin:0;
}
#p_am_handicap b{
color:#B3C76C;
font-weight:bold;
}
#p_am_handicap li{
list-style-image: url(images/charte/puce03.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:2px;
}
#p_am_handicap .li01{
list-style-image: url(images/charte/puce03.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:15px;
}
#p_am_handicap .sous-titre{
color:#B3C76C;
}
#p_am_handicap a {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0 5px 0 5px;
/*width:100px;*/
}
#p_am_handicap a:hover {
font-weight: bold;
text-decoration: underline;
background-color:#B3C76C;
color: #456688;
padding:0 5px 0 5px;
}
#p_am_handicap .lien_img {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0;
/*width:100px;*/
}
#p_am_handicap .lien_img:hover {
font-weight: bold;
text-decoration: underline;
background-color:#ffffff;
padding:0;
color: #456688;
}
/*********************************** PAGE SPMA SERVICES ***********************************/
#p_spmas{
/*padding:30px 50px 0 20px;*/
padding:10px 50px 0 20px;
min-height:389px;
height:auto !important;
height:389px;
}
*html #p_spmas{
/*padding:30px 50px 0 20px;*/
padding:2px 50px 0 20px;
}
#p_spmas img{
padding:0;
margin:0;
}
#p_spmas b{
color:#24A0F2;
font-weight:bold;
}
#p_spmas li{
list-style-image: url(images/charte/puce04.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:2px;
}
#p_spmas .li01{
list-style-image: url(images/charte/puce04.gif);
/*list-style-type:circle #94C734;*/
margin-bottom:15px;
}
#p_spmas .sous-titre{
color:#24A0F2;
}
#p_spmas a {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0 5px 0 5px;
/*width:100px;*/
}
#p_spmas a:hover {
font-weight: bold;
text-decoration: underline;
background-color:#24A0F2;
color: #456688;
padding:0 5px 0 5px;
}
#p_spmas .lien_img {
font-weight: bold;
text-decoration: none;
color: #456688;
padding:0;
/*width:100px;*/
}
#p_spmas .lien_img:hover {
font-weight: bold;
text-decoration: underline;
background-color:#ffffff;
padding:0;
color: #456688;
}
/*********************************** PAGE CONTACT ***********************************/
#contactTxt{
width:250px;
float:left;
/*border:solid 1px red;*/
margin-bottom:10px;
text-align:center;
}
#contactPlan{
width:250px;
float:right;
/*border:solid 1px red;*/
margin-bottom:10px;
text-align:center;
}
#formContact input,textarea{
width:100%;
border:1px solid #000;
background-color:#FFFFFF;
color:#456688;
font-size:12px;
}
#formContact .bt{
width:40%;
border:1px solid #000;
background-color:#FFFFFF;
color:#456688;
font-size:12px;
text-align:center;
}
#formContact input:focus,textarea:focus{
border-color:#456688;
}
#formContact .champRequis{
color:#FF0000;
}
.alignementdroite {
float: right;
}
.exposant{
vertical-align:super;
font-size:10px;
}
.anim{
width:200px;
height:267px;
float:right;
text-align:center;
}
.anim img{
border: 2px solid #3366FF;
}
|