/*PILPHONE.COM CSS*/
html
{
height: 100%;
}
body
{
margin: 0;
padding:0;
height: 100%;
margin:auto;
text-align:center;
}
h1{
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:30px;
font-weight:bold;
margin: 0;
padding:0;
line-height: 26px;
}
h2{
margin: 0;
padding:0;
}
a:link {
color: #666666;
}
a:hover {
color: #990000;
}
a:active {
color: #666666;
}
/*INDEX*/
.entete_blanc_24 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 22px;
color: #ffffff;
font-weight: bold;
line-height: 30px;
}
.titre-blanc-16 {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 16px;color: #ffffff;line-height: 13px;font-weight: bold; text-decoration: none}
a.titre-blanc-16:link { font-family: Arial, Verdana, Helvetica; font-size: 16px; line-height: 13px; color: #ffffff; text-decoration: none}
a.titre-blanc-16:hover { font-family: Arial, Verdana, Helvetica; font-size: 16px; line-height: 13px; color: #ffffff; text-decoration: underline}
.sstitre_blanc {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
line-height: 11px;
font-weight: bold;
}
.texte-blanc-13 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
color: #FFFFFF;
line-height: 13px;
font-weight: normal;
}
a.texte-blanc-13:link { font-family: Arial, Verdana, Helvetica; font-size: 13px; line-height: 13px; color: #ffffff; text-decoration: none}
a.texte-blanc-13:hover { font-family: Arial, Verdana, Helvetica; font-size: 13px; line-height: 13px; color: #ffffff; text-decoration: underline}
.texte-blanc-12 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
line-height: 12px;
font-weight: normal;
}
a.texte-blanc-12:link { font-family: Arial, Verdana, Helvetica; font-size: 12px; line-height: 12px; color: #ffffff; text-decoration: none}
a.texte-blanc-12:hover { font-family: Arial, Verdana, Helvetica; font-size: 12px; line-height: 12px; color: #ffffff; text-decoration: underline}
.texte-blanc-11 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
line-height: 12px;
font-weight: normal;
}
a.texte-blanc-11:link { font-family: Arial, Verdana, Helvetica; font-size: 11px; line-height: 12px; color: #ffffff; text-decoration: none}
a.texte-blanc-11:hover { font-family: Arial, Verdana, Helvetica; font-size: 11px; line-height: 12px; color: #ffffff; text-decoration: underline}
.texte_blanc {font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;line-height: 12px;}
a.texte_blanc:link { font-family: Arial, Verdana, Helvetica; font-size: 11px; line-height: 12px; color: #ffffff; text-decoration: underline}
a.texte_blanc:hover { font-family: Arial, Verdana, Helvetica; font-size: 11px; line-height: 12px; color: #ffffff; text-decoration: none}
.texte_blanc_espace {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
.sstitre-jaune {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f5ca00}
.texte-adresse-jaune { font-family: arial, verdana, Helvetica, sans-serif; font-size: 10px; color: #f5ca00; line-height: 10px; text-decoration: none}
a.texte-adresse-jaune:link { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #f5ca00; text-decoration: underline}
a.texte-adresse-jaune:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #f5ca00; text-decoration: normal}
/*NEWS*/
.news-titre-bleu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #001748}
.news-sstitre-bleu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #001748; text-decoration: none}
a.news-sstitre-bleu:link { font-family: Arial, Verdana, Helvetica; font-size: 11px; font-weight: bold; color: #001748; text-decoration: underline}
a.news-sstitre-bleu:hover { font-family: Arial, Verdana, Helvetica; font-size: 11px; font-weight: bold; color: #001748; text-decoration: none}
.news-texte-bleu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #001748}
.tableau-droite {
margin-top: 2px;
margin-right: 2px;
margin-left: 10px;
}
/*PAGES*/
/*bleu*/
.entete_bleu {
font-family: "trebuchet MS", Tahoma, arial, helvetica;
font-size: 14px;
color: #3faff4;
font-weight: bold;
}
.entete_bleu_20 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #3faff4;
font-weight: bold;
line-height: 19px;
padding-top: 10px;
padding-bottom: 5px;
}
.chapitre-bleu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #00476c;}
.entete-bleu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #00476c;}
.entete-bleu-20 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #00476c;}
.titre-bleu { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #00476c}
.sstitre-bleu { font-family: arial, verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #00476c}
.texte-bleu { font-family: arial, verdana, Helvetica, sans-serif; font-size: 11px; color: #00476c; text-decoration: none}
a.texte-bleu:link { font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #00476c; text-decoration: none}
a.texte-bleu:hover { font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #F6ED11; text-decoration: underline}
/*bleu claire*/
.sstitre_bleu_claire{ font-family:Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color:#009ad9; line-height:20px;}
/*rouge*/
.titre_rouge { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #C02B14}
.sstitre_rouge { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #C02B14}
.texte_rouge { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #C02B14; vertical-align: middle;}
.legende_rouge { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #00476C; text-decoration: none}
a.legende_rouge:link { font-family: Arial, Verdana, Helvetica; font-size: 9px; color: #00476C; text-decoration: none}
a.legende_rouge:hover { font-family: Arial, Verdana, Helvetica; font-size: 9px; color: #009ad9; text-decoration: underline}
/*orange*/
.texte_orange { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #f1a922}
.titre_orange { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #f1a922}
.sstitre_orange { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #f1a922}
/*noir*/
.texte_noir { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #000000}
.titre_noir { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #000000}
.sstitre_noir { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000}
.legende-noir-10 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000}
a.legende-noir-10:link { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #000000; text-decoration: none}
a.legende-noir-10:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration: underline}
.legende_noir { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #000000}
a.legende-noir:link { font-family: Arial, Verdana, Helvetica; font-size: 9px; color: #000000; text-decoration: underline}
/*gris*/
.entete-gris {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #4b4b4b;
line-height: 14px;
}
.titre_gris { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #4b4b4b}
.sstitre_gris { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #4b4b4b}
.texte_gris { font-family: arial, verdana, Helvetica, sans-serif; font-size: 11px; color: #4d4d4d; text-decoration: none}
a.texte_gris:link { font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #4b4b4b; text-decoration: underline}
a.texte_gris:hover { font-family: Arial, Verdana, Helvetica; font-size: 11px; color: #00476c; text-decoration: none}
.legende-gris-10 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #4b4b4b; }
a.legende-gris-10:link { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration: none}
a.legende-gris-10:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration: underline}
.legende_gris { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #4b4b4b; letter-spacing:-0.3px; word-spacing:-0.2px;}
/*gris clair*/
.titre_gris_clair { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #666666}
.sstitre_gris_clair{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666}
.texte_gris_clair { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #666666}
.legende_gris_clair { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #666666}
/*background*/
.fond-bleu { background-image: url("../pil-images/pil-divers/fd_01.gif"); background-repeat: repeat-x;}
.fond-bleu2 { background-image: url("../pil-images/pil-divers/fd_02.gif"); background-repeat: repeat-x;}
table.fond-guerite-01{
background-image: url("../pil-images/pil-cabines/guerite-abris-01.jpg");
background-repeat:no-repeat;
background-position: right top;
}
table.fond-guerite-02{
background-image: url("../pil-images/pil-cabines/guerite-abris-03.jpg");
background-repeat:no-repeat;
background-position: right bottom;
}
.bkg-index-coffret-fr {
background-repeat: no-repeat;
}
.bandeau{
height:68px;
width:641;
margin-bottom:10px;
}
.en-tete{
width:601px;
}
.text-en-tete
{
margin-left:39px;
color:#FFF;
}
.page_center {
padding-left:40px;
color: #FFFFFF;
margin:0px;
}
.page_center ul {
margin:0;
padding:0;
}
.page_center li {
margin:0;
padding-left:35px;
list-style:none;
}
.bandeau-titre-titre
{
height:60px;
padding-left:42px;
padding-top:10px;
padding-bottom:10px;
margin-top:0px;
}
/**************************** FOOTER ****************************/
.espace_titre{height:6px; font-size:0px;}
.espace-img-titre
{
height:7px;
}
.separateur{
background-image:url(../pil-images/pil-divers/trait_vertical_pointille.gif);
background-repeat:repeat-y;
height:190px;
}
.legende-site{ line-height:12px; text-align:left; font-size: 11px; font-weight: bold; color:#37aadf;}
.legende-site a{ text-align:left; font-size: 11px; font-weight: bold; color:#660F25;}
.legende-site a:hover{ text-align:left; font-size: 11px; font-weight: bold; color:#660F25;}
.position_separateur{vertical-align:top; padding-top:10px;}
.bg_gris{ background-color:#eeeeee; /*height:240px;*/}
.font_footer_position{ font-family: Arial, Verdana, Helvetica sans-serif; padding-top:10px; vertical-align:top; padding-left:12px; font-size: 11px; color: #4b4b4b; text-decoration:none; }
.font_footer{ font-family: Arial, Verdana, Helvetica sans-serif; font-size: 10px; color: #4b4b4b; text-decoration:none; }
.font_footer a{ font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration:none; }
.font_footer a:hover{ font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration:underline; }
.sstitre_gris { line-height:12px; font-size: 11px; font-weight: bold; color: #4b4b4b; text-decoration:none;}
.legende-gris-10 { font-size: 10px; color: #4b4b4b; }
.legende-gris-10 a { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration: none;}
.legende-gris-10 a:hover { font-family: Arial, Verdana, Helvetica; font-size: 10px; color: #4b4b4b; text-decoration: underline;}
.legende_gris { font-size: 9px; color: #4b4b4b; letter-spacing:-0.3px; word-spacing:-0.2px;}
.legende_noir, .legende_noir_site { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9px; color: #000000;}
.legende_noir a, .legende_noir_site a { font-family: Arial, Verdana, Helvetica; font-size: 9px; color: #000000; text-decoration: underline;}
.legende_noir a:hover, .legende_noir_site a:hover{ font-family: Arial, Verdana, Helvetica; font-size: 9px; color: #4b4b4b; text-decoration: unerline;}
.legende_noir_site a { text-decoration:none;}
.legende_noir_site a:hover { text-decoration:none;}