/* --------------------------------------------------------- */ /* Feuille de style des squelettes par defaut pour SPIP 2.0 */ /* --------------------------------------------------------- */ /* Couleur bleu 10% = #D8DAE9; bleu = #394F8D; champagne foncé = #A39161; champagne pâle = #E0C398; gris = #F7F6F1; noir bleu = #45465B; */ /* ------------------------------------------ /* Typographie generale (style transversaux) /* ------------------------------------------ */ html { font-size: 100%; background-image:url(http://www.propair.ca/squelettes/images/degrade.jpg); background-repeat:repeat-x; margin:0; padding:0;} /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */ body { /*background-image:url(http://www.propair.ca/squelettes/images/mots.gif); background-repeat:repeat; */ font-size: 8pt; font-family: Verdana; color: #45465B; /*noir bleu*/ margin:0; padding:0;} /* Titraille / Intertitres */ h2,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Georgia, Times, serif; } h2 { font-size: 1.40em; font-weight: normal; } h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; } hr.spip {} /* Cf.: spip_style.css */ h4, h4 a { margin:0.8em 0 0 0; padding:0; text-transform:uppercase; line-height:16pt; font-size:10.5pt; color:#A39161; text-align:left;} /* Titre */ h4 a:focus, h4 a:hover, h4 a:active{ margin:0.8em 0 0 0; padding:0; text-transform:uppercase; line-height:16pt; font-size:10.5pt; color:#A39161; text-decoration:underline; text-align:left;} /* Sous-titre */ h5, h5 a { margin:0; padding:0; text-transform:uppercase; line-height:16pt; font-size:8pt; color:#A39161; text-align:left;} /* Soumission */ h5 a:focus, h5 a:hover, h5 a:active{ margin:0; padding:0; text-transform:uppercase; line-height:16pt; font-size:8pt; color:#A39161; text-decoration:underline; text-align:left;} /* Soumission */ h3, h3.spip { font-family:Verdana; font-weight:normal; line-height:16pt; font-size:7.5pt; font-style:normal; border:1px solid #394F8D; margin:1em 2em; padding:0.8em 1em; text-align:justify; text-align:left;} h3 a:focus, h3 a:hover, h3 a:active { font-family:Verdana; font-weight:normal; line-height:16pt; font-size:7.5pt; font-style:italic; border:1px solid #394F8D; margin:1em 2em; padding:0.8em 1em; text-align:justify; text-decoration:underline; color:#A39161; text-align:left;} /* Autres enrichissements typo */ strong { font-weight: bold; } em { font-style: italic; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } small { font-size: 0.85em; color: #45465B; } dfn { font-weight: bold; color: #666; } del { text-decoration: line-through; } ins { color: red !important; text-decoration: none; } sup, sub { font-size: .8em; font-variant: normal; } /* Listes */ ul.spip { list-style:circle;} /* Cf.: spip_style.css */ ol.spip {} /* Cf.: spip_style.css */ dl {} dt {} dd {} /* Citations, code et poesie */ cite {} q {} blockquote {} blockquote.spip {} /* Cf.: spip_style.css */ blockquote.spip_poesie {} /* Cf.: spip_style.css */ .spip_code {} /* Cf.: spip_style.css */ .spip_cadre {} /* Cf.: spip_style.css */ address {} /* Tableaux */ table.spip {} /* Cf.: spip_style.css */ /* Logos, documents et images */ img { margin: 0; padding: 0; border: 0; } .spip_logos {} /* Cf.: spip_style.css */ .spip_documents {} /* Cf.: spip_style.css */ .spip_documents_center {} /* Cf.: spip_style.css */ .spip_documents_left {} /* Cf.: spip_style.css */ .spip_documents_right {} /* Cf.: spip_style.css */ .spip_doc_titre {} /* Cf.: spip_style.css */ .spip_doc_descriptif {} /* Cf.: spip_style.css */ /* ------------------------------------------ /* Disposition a l'ecran des blocs principaux /* ------------------------------------------ */ #page { position: relative; width: 1000px; margin: 0 auto; text-align: left; background-image:url(http://www.propair.ca/squelettes/images/fond-page.gif); background-repeat:repeat-y; } #entete { width: 58em; margin: 0; padding:0; } #entete a.accueil { display: block; width: 67%; } #entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; } #entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-family: Georgia, Times, serif; font-weight: normal; } #entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/ #titre { clear: both; margin: 0 1.8em; border:1px solid #D8DAE9; background-image:url(http://www.propair.ca/squelettes/images/titre.jpg); background-repeat:repeat-y; } #titre h1, #titre h1 a, #titre a { margin-left:10px; color: #A39161; font-size:11pt; line-height:16pt; font-weight:bold; text-transform:uppercase; } #titre h1 a:focus, #titre h1 a:hover, #titre h1 a:active { margin-left:10px; color: #A39161; font-size:11pt; font-weight:bold; line-height:16pt; text-transform:uppercase; text-decoration:underline; } #conteneur { clear: both; float: right; width: 590px; margin-top:0.4em; margin-right:1.8em; overflow: hidden; text-align:justify; } #contenu { /*padding-top: 0.30em;*/ } #navigation { float: left; width: 330px; margin-top:1em; margin-left:1.8em; border:1px solid #D8DAE9; background-image:url(http://www.propair.ca/squelettes/images/descriptif.jpg); background-repeat:repeat-y; overflow: hidden;} #navigation .descriptif { font-size:7.5pt; line-height:16pt; margin: 5px 10px 5px 5px; } #extra { float: left; clear: right; width: 330px; margin-top: 1em; overflow: hidden; } #flotte {clear: both; width: 100%; margin: 0; padding: 0; font-size: 0.90em; } #pied { clear: both; width: 100%; margin: 0; padding: 0; font-size: 0.90em; } #pied img { vertical-align: middle; } #pied .texte-g { text-align:left; font-size:7.5pt; line-height:16pt; margin: 0 1.8em; padding:0; color:#A39161; font-weight:bold; } #pied .texte-d { text-align:right; font-size:7.5pt; line-height:16pt; margin: 0 25px; padding:0; color:#A39161; font-weight:bold; } /* Espaceur de blocs */ .nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; } /* Non visible a l'ecran */ .invisible { position: absolute; top: -3000em; height: 1%; } /* ------------------------------------------ /* Sommaire /* ------------------------------------------ */ #sommaire-conteneur {clear:both; margin:0; padding:0; width:100%; } #sommaire-t {padding:0.4em 1.8em; margin:0; } #sommaire-g { float: left; width: 470px; margin:0.4em 0 0 1.8em; padding:0; /*text-align:left;*/ } #sommaire-d { float: right; width: 470px; margin: 0.4em 1.8em 0 0; padding:0; /*text-align:left;*/ } .sommaire-titre { border:1px solid #D8DAE9; background-image:url(http://www.propair.ca/squelettes/images/accueil-titre.jpg); background-repeat:repeat-y; } .sommaire-titre h1 { margin-left:10px; color: #A39161; font-size:11pt; line-height:16pt; font-weight:bold; text-transform:uppercase; } .sommaire-titre h1 a, .sommaire-titre a { color: #A39161; font-size:11pt; line-height:16pt; font-weight:bold; text-transform:uppercase; } .sommaire-titre h1 a:focus, .sommaire-titre h1 a:hover, .sommaire-titre h1 a:active { color: #A39161; font-size:11pt; font-weight:bold; line-height:16pt; text-transform:uppercase; text-decoration:underline; } .sommaire-bloc-descriptif { margin-top: 0.5em; margin-bottom:2em; border:1px solid #D8DAE9; background-image:url(http://www.propair.ca/squelettes/images/accueil-titre.jpg); background-repeat:repeat-y; } .sommaire-descriptif { font-size:7.5pt; line-height:16pt; margin: 5px 10px; z-index:0; } .sommaire-logo { /*border:1px solid #D8DAE9;*/ margin-left:10px; margin-right:7px;} .sommaire-logo-bas { /*border:1px solid #D8DAE9;*/ margin-left:25px; margin-top:12px;} /* ------------------------------------------ /* Habillage des elements du contenu /* ------------------------------------------ */ .cartouche { margin-bottom: 2em; } .cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; } .cartouche p { margin: 0; padding: 0; clear: left; } .surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; } .cartouche .surtitre { margin-bottom: 0.30em; } .cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; } .traductions { font-size: 7.5pt; } .chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; } .texte { line-height: 1.60em; } .hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; } .ps, .notes { margin-bottom: 2em; line-height: 1.40em; } .notes { clear: both; font-size: 0.90em; } abbr.published { border: 0; } /* Portfolio */ #documents_portfolio { clear: both; margin: 2em auto; text-align: center; } #documents_portfolio .spip_logos { margin: 6px 3px 0 3px; /*border: 4px solid #DDD;*/ } #documents_portfolio a.on .spip_logos { border-color: #F57900; } #documents_portfolio a:focus .spip_logos, #documents_portfolio a:hover .spip_logos, #documents_portfolio a:active .spip_logos { border-color: #8B6F92; } /* Habillage des forums ---------------------------------------------- */ .repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; } /* Habillage des forums */ ul.forum { display: block; clear: both; margin: 0; padding: 0; } ul.forum, ul.forum ul { list-style: none; } .forum-fil { margin-top: 1.50em; } .forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; } .forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; } .forum-texte { margin: 0; padding: 0.50em 1em; color: #333; } .forum-texte .hyperlien {} .forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; } /* Boite d'un forum : eclaircissement progressif des bords */ ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; } ul ul .forum-message { border: 1px solid #A4A4A4; } ul ul ul .forum-message { border: 1px solid #B8B8B8; } ul ul ul ul .forum-message { border: 1px solid #CCC; } ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; } ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; } /* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */ ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; } ul ul .forum-chapo { background: #D4E8E8; } ul ul ul .forum-chapo { background: #E4F0F0; } ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; } ul ul ul ul ul .forum-chapo { background: #FFF; } /* Habillage des petitions ---------------------------------------------- */ #signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; } #signatures table { width: 100%; margin: 1em 0 0 0; } #signatures thead { text-align: center; color: #555; } #signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; } #signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; } #signatures td.signature-nom { background: #ECF4F4; text-align: center; } #signatures td.signature-nom small { display: block; } #signatures td.signature-message { background: #F4F8F8; } #signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/ #signatures .formulaire_recherche input.text { width: 8em; text-align: left; } /*Cf.: spip_formulaires.css*/ /* ------------------------------------------ /* Sous-navigation et autres menus /* ------------------------------------------ */ /* Habillage general des menus de navigation .menu { clear: both; margin-bottom: 2em; text-align: left; } .menu p { margin: 0.20em 0; padding: 0.20em 0.10em; } .menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; } .menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; } .menu ul li ul { margin-left: 1em; border: 0; } .menu ul li li { padding: 0; border: 0; } */ /* Pagination */ .pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; } .pagination .on { font-weight: bold; color: #666; } /* Rubriques */ .rubriques ul { border: 0; } .rubriques ul li { background: #EEE; border: 0; } .formulaire_recherche { /*margin-bottom: 2em;*/ } /*Cf.: spip_formulaires.css*/ /* Listes d'articles et extraits introductifs */ .articles ul li { clear: both; padding: 0.40em 0.20em; } .articles ul li h3 { margin: 0.30em 0; } .articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; } .articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; } .articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; } /* Couleurs des liens ---------------------------------------------- */ a { color: #394F8D; text-decoration: none; } a:focus,a:hover,a:active { color: #394F8D; text-decoration: underline; } #bleu10 { margin:0; padding:0; text-align:justify; color:#D8DAE9; z-index:1; } .separateur{ color:#fff; } /*************************************************** NAVIGATION HORIZONTALE ****************************************************/ #navigationHoriz { height: 24px !important; height: 24px; line-height:normal; /*margin:0; padding: 0 0 0 0 !important; padding: 0 0 0 0;*/ /*border-top: 1px solid white; border-bottom: 1px solid white; background-color: none;*/ } table { /*border-left: 1px solid white;*/ } .menuActuator a { color:#394F8D; display: block; font-weight:bold; text-decoration: none; font-size:10pt; margin:0; border-style: none; /*font-family:arial; */ padding: 3px 8px; text-transform:uppercase; } .menuActuator a:hover { color:#A39161; /*background-color: #C65D00;*/ font-weight:bold; text-decoration: none; font-size:10pt; margin:0; border-style: none; /* font-family:arial; */ padding: 3px 8px; text-transform:uppercase; } .menuActuator .traduction a { color:#394F8D; display: block; font-weight:normal; text-decoration: none; font-size:10pt; margin:0; border-style: none; /*font-family:arial; */ padding: 3px 8px; text-transform:uppercase; } .menuActuator .traduction a:hover { color:#A39161; /*background-color: #C65D00;*/ font-weight:normal; text-decoration: none; font-size:10pt; margin:0; border-style: none; /* font-family:arial; */ padding: 3px 8px; text-transform:uppercase; } td.menuActuator { border-right: 1px solid white; } .menu { /* font-family:verdana; */ display: block; /*color:#666666; border: 1px solid black;*/ font-size:8pt; text-transform:none; text-align: left; background-color:#F7F6F1; /* GRIS */ layer-background-color:#F7F6F1; padding:0 5px 0 5px; margin:0 0 0 0; } td div { /* this makes TDs a container with their own coordinate system. absolutely-positioned elements will be offset relative to them */ position:relative; } /* 1 */ #navigationHoriz1 ul, #navigationHoriz2 ul, #navigationHoriz3 ul, #navigationHoriz4 ul, #navigationHoriz5 ul, #navigationHoriz6 ul{ margin: 0; padding-left: 0; list-style-type: none; } #navigationHoriz1 li, #navigationHoriz2 li, #navigationHoriz3 li, #navigationHoriz4 li, #navigationHoriz5 li, #navigationHoriz6 li { margin:0; padding:0; } #navigationHoriz1 a, #navigationHoriz2 a, #navigationHoriz3 a, #navigationHoriz4 a, #navigationHoriz5 a, #navigationHoriz6 a { text-transform:none; display: block; padding: 3px; width: 100%; background-color: #F7F6F1; font-size:8pt; } #navigationHoriz1 a:link, #navlist1 a:visited, #navigationHoriz2 a:link, #navlist2 a:visited, #navigationHoriz3 a:link, #navlist3 a:visited, #navigationHoriz4 a:link, #navlist4 a:visited, #navigationHoriz5 a:link, #navlist5 a:visited, #navigationHoriz6 a:link, #navlist6 a:visited { text-transform:none; color: #394F8D; text-decoration: none; font-size:8pt; } #navigationHoriz1 a:hover, #navigationHoriz2 a:hover, #navigationHoriz3 a:hover, #navigationHoriz4 a:hover, #navigationHoriz5 a:hover, #navigationHoriz6 a:hover { text-transform:none; background-color: none; color: #A39161; font-size:8pt; } /* Fin Menu */ /* Entete */ #entete_01{ background-image:url(http://www.propair.ca/squelettes/images/entete_01.jpg); background-repeat:no-repeat; width:1000; height:33;} #entete_02{ background-image:url(http://www.propair.ca/squelettes/images/entete_02.jpg); background-repeat:no-repeat; width:20; height:160;} #entete_04{ background-image:url(http://www.propair.ca/squelettes/images/entete_04.jpg); background-repeat:no-repeat; width:20; height:160;} #entete_05{ background-image:url(http://www.propair.ca/squelettes/images/entete_05.jpg); background-repeat:no-repeat; width:1000; height:38;} #entete_06{ background-image:url(http://www.propair.ca/squelettes/images/entete_06.jpg); background-repeat:no-repeat; width:1000; height:13;} #body_01{ background-image:url(http://www.propair.ca/squelettes/images/body_01.jpg); background-repeat:repeat-y; } #body_02{ background-image:url(http://www.propair.ca/squelettes/images/body_02.jpg); background-repeat:repeat-y; } #body_centre{ background-color:#fff; } /* Flotte */ #flotte_01{ background-image:url(http://www.propair.ca/squelettes/images/flotte_01.jpg); background-repeat:no-repeat; width:1000; height:35;} #flotte_02{ background-image:url(http://www.propair.ca/squelettes/images/flotte_02.jpg); background-repeat:no-repeat; width:20; height:100;} #flotte_07{ background-image:url(http://www.propair.ca/squelettes/images/flotte_07.jpg); background-repeat:no-repeat; width:20; height:100;} /* Pied */ #pied_01{ background-image:url(http://www.propair.ca/squelettes/images/pied_01.jpg); background-repeat:no-repeat; width:420; height:73;} #pied_02{ background-image:url(http://www.propair.ca/squelettes/images/pied_02.jpg); background-repeat:no-repeat; width:160; height:73;} #pied_03{ background-image:url(http://www.propair.ca/squelettes/images/pied_03.jpg); background-repeat:no-repeat; width:420; height:73;} #pied_04{ background-image:url(http://www.propair.ca/squelettes/images/pied_04.jpg); background-repeat:no-repeat; width:1000; height:34;}