/* - print.css - */
@media print {
/* http://www.clps-bw.be/portal_css/print.css?original=1 */
body {
font-family: arial, verdana;
font-size: 11pt !important;
}
h1, h2, h3, h4, h5, h6 {
border: none;
font-family: arial, verdana;
}
div, p, ul, dl, ol {
width: auto;
}
ul, ol, dl {
padding-right: 0.5em;
}
ul {
list-style-type: square;
}
.documentDescription {
font-weight: bold;
}
pre {
border: 1pt dotted black;
white-space: pre;
font-size: 8pt;
overflow: auto;
padding: 1em 0;
}
table.listing,
table.listing td {
border: 1pt solid black;
border-collapse: collapse;
}
a {
color: Black !important;
padding: 0 !important;
text-decoration: none !important;
}
a:link, a:visited {
color: #520;
background: transparent;
}
/* */
div.pageBreak {
page-break-before: always;
}
/* */
div.top,
#portal-logo,
#portal-siteactions,
.hiddenStructure,
#portal-searchbox,
#portal-globalnav,
#portal-personaltools,
#portal-breadcrumbs,
#portal-column-one,
#portal-column-two,
#portal-languageselector,
.contentViews,
.contentActions,
.help,
.legend,
.portalMessage,
.documentActions,
.documentByLine,
.netscape4,
#portal-footer,
#portal-colophon,
.skipnav,
#kss-spinner,
#review-history,
#main-history,
.listingBar,
.visualNoPrint,
#logo-projet-paratge {
display: none;
}
#header-clpsbw{
display:none;
}
/* ***/
.description-for-manager{
display:none;
}
#title-institution{
margin-bottom:20px;
font-weight:bold;
font-size:1.2em;
text-align:center;
height:73px;
width:100%;
text-align:center;
background-color:#003088;
}
.titre-institution-top{
float:left;
color:#fff;
width:90%;
margin-top:10px;
}
.puzzle-gris{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_gris_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.puzzle-rouge{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_rouge.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.puzzle-jaune{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_jaune_2.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.puzzle-vert{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.text-db{
color:#660033;
padding-left:10px;
margin-left:20px;
font-weight:bold;
}
.left-rubrique-db{
font-weight:bold;
font-size:1.1em;
color:#51686d;
}
/* ****/
#tete-experience{
display:none;
}
#logo-projet-paratge {
background-color: #DB941E;
border-bottom: 2px solid #9F3337;
height: 50px;
padding-left: 10px;
padding-top: 8px;
margin-bottom:5px;
}
#main-experience{
background-image:url(bg_experience.png);
background-repeat:no-repeat;
background-position:right bottom;
}
/* **/
#left-experience{
width:410px;
padding:0px 5px;
color:#51686d;
text-align:justify;
}
#title-experience{
margin-bottom:20px;
font-weight:bold;
font-size:1.2em;
text-align:center;
height:73px;
width:610px;
background-color:#8d153e;
text-align:center;
}
.titre-top{
float:left;
color:#fff;
width:90%;
}
.rouge-titre{
color:#90113d;
}
.left-rubrique-db{
font-weight:bold;
font-size:1.1em;
color:#de6300;
}
#titre-experience{
font-variant:small-caps;
font-size:1.3em;
font-weight:bold;
text-align:right;
padding-right:18px;
background-image:url(fnd_titre_experience.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:58px;
}
#resume-experience{
border-bottom:1px solid #98ac69;
background-image:url(puzzle_vert.png);
background-repeat:no-repeat;
background-position:left 18px;
padding-left:50px;
margin-top:-12px;
padding-top:18px;
}
#contexte-experience{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_jaune_2.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#objectif-experience{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_rouge.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#public-experience{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_gris_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#milieu-de-vie-experience{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#demarche-experience{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_jaune_2.png);
background-repeat:no-repeat;
padding-left:50px;
}
#moyen-experience{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_rouge.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#evaluation-experience{
margin-top:10px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#pour-aller-loin-experience{
margin-top:15px;
background-image:url(puzzle_gris_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
}
#perspective-envisagee {
background-image: url("puzzle_rouge.png");
background-position: left top;
background-repeat: no-repeat;
margin-top: 15px;
padding-left: 50px;
}
/* **/
#right-experience{
position:absolute;
top:130px;
right:-10px;
width:216px;
color:#111111;
font-size:0.8em;
margin-top:0px;
margin-left:10pt;
}
#right-experience-header{
width:216px;
height:93px;
background-image:url(des_exp_right_header.png);
background-repeat:no-repeat;
}
#right-experience-content{
width:216px;
background-image:url(des_exp_right_bckgrnd.png);
background-repeat:repeat-y;
}
#right-experience-content a{
text-decoration:none;
color: #3C5057;
}
#right-experience-content a:hover{
text-decoration:underline;
color:#3C5057;
}
#right-experience-footer{
width:216px;
height:39px;
background-image:url(des_exp_right_footer.png);
background-repeat:no-repeat;
}
.right-rubrique-db{
background-image:url(flch_blanche.png);
background-repeat:no-repeat;
background-position:left center;
color:#660033;
padding-left:12px;
font-weight:bold;
}
#institution-porteur-experience{
padding:0px 15px 0px 15px;
margin-bottom:8px;
}
#institution-partenaire-experience{
padding:0px 15px 0px 15px;
margin-bottom:8px;
}
#periode-deroulement-experience{
padding:0px 15px 0px 15px;
margin-bottom:8px;
}
#territoire-experience{
padding:0px 15px 0px 15px;
margin-bottom:8px;
}
#ressource-experience{
padding:0px 15px 0px 15px;
margin-bottom:8px;
}
#personne-contact-experience{
padding:0px 15px 0px 15px;
}
#pdf-experience {
display:none;;
}
#clearboth{
clear:both;
}
#experience-etat{
background-color:#ffd6ff;
float: right;
margin-top:-25px;
width:95px;
text-align:center;
font-size:0.8em;
color:#dc00be;
}
.description-texte{
background-color:#efefef;
border:1px solid #dedede;
}
.description-for-manager{
border-top: 3px double #850864;
border-bottom: 3px double #850864;
border-left: 1px solid #850864;
border-right: 1px solid #850864;
background-color:#ffd6ff;
padding:1em;
}
.description-for-manager fieldset{
border: 1px dotted #850864;
}
.description-for-manager legend{
background-color:transparent;
}
.div_question{
margin : 8px 0px;
}
.btn-links-table{
float:right;
margin-top:8px;
margin-right:26px;
}
/* ***/
#clpsbw-footer {
background-color:#565656;
border-bottom:2px solid #444444;
margin-left:auto;
margin-right:auto;
padding:10px 30px 0;
width:530px !important;
font-size:8pt;
color:#bbb;
text-align:center;
}
/* ***/
#title-institution{
margin-bottom:20px;
font-weight:bold;
font-size:1.6em;
text-align:center;
height:73px;
width:100%;
text-align:center;
background-color:#003088;
}
.titre-institution-top{
float:left;
color:#fff;
width:90%;
margin-top:10px;
}
.puzzle-gris{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_gris_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.puzzle-rouge{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_rouge.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.puzzle-jaune{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_jaune_2.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
.puzzle-vert{
margin-top:15px;
border-bottom:1px solid #98ac69;
background-image:url(puzzle_vert.png);
background-repeat:no-repeat;
background-position:left top;
padding-left:50px;
padding-bottom:10px;
min-height:55px;
}
#document-action-pdf {
}

}


/* - mobile.css - */
@media handheld, screen and (max-device-width: 480px) {
/* http://www.clps-bw.be/portal_css/mobile.css?original=1 */
/* */
#portal-column-one,
#portal-column-two,
#portal-column-content {
clear: both;
width: 97.75%;
margin-left: -98.875%;
}
#portal-logo {
display: none;
}
#portal-top {
font-size: 180%;
}
#portal-personaltools {
margin-bottom: 1em;
}
#portal-globalnav li a {
min-width: 3em !important;
padding:0.5em 1.5em 1em 0.5em;
}
#portal-searchbox {
float: none !important;
margin: 1em 0;
text-align: center;
}
#portal-searchbox input {
font-size: 100% !important;
}
#content-views a {
font-size: 150%;
line-height: 2em !important;
padding: 0.5em;
}
#content li.formTab a {
font-size: 140%;
line-height: 2em !important;
padding: 0.25em;
}
#edit-bar {
min-height: 5em;
}
#contentActionMenus a {
width: 100%;
line-height: 2em !important;
font-size: 150%;
}
input, textarea {
font-size: 140% !important;
}
div.managePortletsLink,
a.managePortletsFallback {
font-size: 140%;
}
div.overlay {
font-size: 120%;
}
div.overlay-iframe,
div.overlay-ajax {
width: 90%;
}

}


/* - forms.css - */
@media screen {
/* http://www.clps-bw.be/portal_css/forms.css?original=1 */
/* */
fieldset,
.editionComment {
line-height:1.5em;
margin:1em 0;
padding:0 1em 1em;
width:auto;
}
/* */
#content .field input[type="text"][name$=".title"],
#archetypes-fieldname-title input {
font-family: "Helvetica Neue", Arial, FreeSans, sans-serif;
line-height: 125%;
color: Black;
letter-spacing: -0.05em;
margin: inherit -0.05em;
font-size: 2em; /* */
font-weight: bold;
}
/* */
#content .field textarea[name$=".description"],
#archetypes-fieldname-description textarea#description {
font-family: Arial,FreeSans,sans-serif;
color:#666666;
font-size:1.25em;
font-weight: bold;
}
div.formControls {
margin: 1em;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
background-color: #ffffe0;
}
#content textarea {
font: 100% Monaco, "Courier New", Courier, monospace;
width: 100%;
}
#content select {
vertical-align: top;
}
#content fieldset {
border: 0.1em solid #329fd7;
border-style: solid none none none;
}
#content legend {
padding: 0.5em;
font-size: 85%;
}
label {
font-weight:bold;
}
label .fieldErrorBox {
font-weight: normal;
}
#content label {
}
#content optgroup {
font-style: normal;
font-weight: bold;
color: #999;
padding-left: 0.25em;
}
#content option {
color: black;
}
#content optgroup > option {
padding: 0 0.25em 0 1em;
}
dl.enableFormTabbing dd {
margin-left: 0;
padding-top: 2em;
}
.searchSection {
color: #76797c;
margin-top: 0.25em;
}
.searchSection label:hover {
color: Black;
}
.field {
clear: both;
margin-bottom: 1em;
}
.field input[type="text"] {
width: 20em;
}
.field input[type="text"][size] {
width: auto;
}
.field input[type="text"][name$=".title"],
input#title {
width: 100%;
}
.field.error input[type="text"][name$=".title"],
.error input#title {
width: 99%;
}
.fieldRequired {
background: url(required.png) center left no-repeat;
padding: 0 0 0 1em;
color: White;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}
.formHelp {
color: #555;
margin: 0 0 0.2em 0;
display: block;
font-weight: normal;
}
div.field.error {
background-color: #fdc;
border:  1px solid red;
padding: 0.5em;
margin:  1em 0;
}
.error .fieldRequired {
color: #d00;
}
div.error.warning {
background-color: transparent;
border: none;
margin-top: 0;
padding: 0;
}
div.error.warning input {
border: 2px solid red;
}
input.inputLabelActive {
color: #76797c;
}
textarea#form\.description {
height: 6em;
width: 99%;
}
table.listing tbody tr.odd.selected td,
table.listing tbody tr.odd.dragging td,
tr.dragging,
tr.selected {
background-color: #ffa;
}
table.listing tbody tr.odd.error td,
tr.error {
background-color: #fdc;
}
.multi-widget-field {
padding-left: 0.5em;
border-left: 1.5em solid #DDD;
}
.multi-widget-checkbox {
margin-left: -2em;
margin-right: 0.5em;
width: 1.5em;
display: inline-block;
}
/* */
body.template-logged_out #content,
body.template-login_form #content,
.pb-ajax #login-form {
text-align: center;
}
#fieldset-openid-login input, #login-form input {
font-size: 150%;
}
body.template-register #content input,
body.template-new-user #content input {
font-size: 150%;
width: inherit;
}
#fieldset-openid-login label, #login-form label {
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
width: 10em;
display: inline-block;
}
#fieldset-openid-login .formControls input, #login-form .formControls input {
margin-left: 0.25em;
}
/* */
/* */
}