/* HTML5 Boilerplate
 * ==|== normalize ==========================================================
 */

h1 { color: #3e6576; }
h1 span { color: #000; }
h2, h3, h4, h5, h6 { color: #747474; }
form { color: #666; }


/* ==|== primary styles =====================================================
   Author: Colas Ruamps - Environnement.WEB - http://www.environnementweb.com
   ========================================================================== */

/* Structure principale */
#container { background: #fcfdfd url(img/container-bg.jpg) 0 0 repeat-x; }
#header { background: #addef4 url(img/header-bg.jpg) 0 0 repeat-x; }
#frontforms {background: #fcfdfd url(img/container-bg.jpg) 0 0 repeat-x; }

/* Header */
#main-nav .dropdown { background: #1a171b url(img/dropdown-bg.jpg) bottom left repeat-x; border: 1px solid #c5c7c8; }
#main-nav .dropdown a,
#main-nav .dropdown span.dropdown-no-link { color: #fff; }
#main-nav .dropdown a.cg:hover,
#main-nav .dropdown a.hors-cg:hover { color: #aedef4; background-color: #333; }

#user-picture img { border: 1px solid #d3dbdd; }

#search-box { color: #747474; }


.upp { text-transform:uppercase; }
/* Wrapper */
.widget header { background: url(img/widget-header.png) 0 0 no-repeat; }
.widget-content { background: #addef4 url(img/widget-bg.png) bottom left repeat-x; }

.widget-condensed header { background-position: -270px 0; }
.widget-condensed header h2 { color: #fff; background: url(img/triangle-ico.png) -150px 22px no-repeat; }
.widget-extended header h2 { background: url(img/triangle-ico.png) 240px 22px no-repeat; }

.widget li { border-top: 1px solid #fff; }

#breadcrumb li,
#breadcrumb a { color: #666; }
#breadcrumb a:hover { color: #000; }
#breadcrumb li:last-child { color: #000; font-weight: bold; }

#form-options #minimize-btn a { background: transparent url(img/minimize-btn.png) center no-repeat; }
#form-options #print-btn a { background: transparent url(img/print-btn.png) center no-repeat; }
#form-options #delete-btn a { background: transparent url(img/delete-btn.png) center no-repeat; }
#form-options #minimize-btn a:hover,
#form-options #print-btn a:hover,
#form-options #delete-btn a:hover { background-color: #ded5be; }



/* Formulaires */
.fields-group { background-color: #fff; border: 1px solid #c6c7c8; }
.fields-group h2 { color: #fff; background: url(img/etiquette-bg.png) no-repeat; }

.simple-input,
.pffui_c_text_input dl dd input,
.inline-input { color: #222; background: #fff url(img/input-bg.png) repeat-x; border: 1px solid #b6b6b6; }
.simple-input:focus,
.pffui_c_text_input dl dd input:focus,
.inline-input:focus { border-color: #868686; }
.pffui_c_text_input dl dd input.required,
.simple-input.required { background-image: url(img/required-input-bg.png); }
textarea.simple-input { background-image: url(img/textarea-bg.png); }

.multiple-select { background: #fff url(img/multiple-select-bg.png) bottom repeat-x; border: 1px solid #b6b6b6; }

.search-input { background: #fff url(img/input-search-bg.png) top right repeat-x; }
.date-input, .pffui_dt_date dl dd input { background: #fff url(img/input-date-bg.png) top right repeat-x; }
.helper { color: #999; }

.ui-selectmenu { background-color: #fff; background-position: 0 0; background-repeat: repeat-x; }
.ui-selectmenu-menu li a,
.ui-selectmenu-status { color: #666; }
.ui-selectmenu .ui-icon,
.ui-selectmenu-icon { background: url(img/select-ico.png) no-repeat; }

.ui-multiselect { color: #222; background: #fff url(img/input-bg.png) repeat-x; border: 1px solid #b6b6b6; }
.ui-multiselect .ui-icon { background: url(img/select-ico.png) no-repeat; }


.actions-form button:hover { background-color: #ded5be; }
.actions-form button[type=reset] { width: 80px; height: 44px; text-indent: -999em; background: url(img/cancel-btn.png) center no-repeat; }
.actions-form button[type=submit], .actions-form button[type=button]  { width: 80px; height: 44px; margin-left: 25px; text-indent: -999em; background: url(img/submit-btn.png) center no-repeat; }
.actions-form button[type=submit]:active, .actions-form button[type=button]:active  {background: url(img/submit-focus-btn.png) center no-repeat; }

.btnDiv div{float: left;cursor: pointer;}
.btnDiv .btnLeftPart{background: url(img/rbtn-left.png) no-repeat;width: 13px;height: 43px;}
.btnDiv .btnMiddlePart{background: url(img/rbtn-repeat.png) repeat-x;height: 43px;float: left;line-height: 42px;}
.btnDiv .btnRightPart{background: url(img/rbtn-right.png) no-repeat;width: 28px;height: 43px;}
.btnDiv:active .btnLeftPart{background: url(img/rbtn-left-select.png) no-repeat;height: 40px;margin: 3px 0px;line-height: 36px;}
.btnDiv:active .btnMiddlePart{background: url(img/rbtn-repeat-select.png) repeat-x;height: 40px;margin: 3px 0px;line-height: 36px;}
.btnDiv:active .btnRightPart{background: url(img/rbtn-right-select.png) no-repeat;height: 40px;width: 19px;margin: 3px 0px;line-height: 36px;}
#btn-save, #btn-cancel, #btn-close,#btn-make-available{float: right;margin-right: 15px;}



/* Barre de navigation */
#nav-bar { background: #b6b6b6 url(img/navbar-bg.png) bottom left repeat-x; }
#nav-bar li:hover .nav-elt { color: #000; background: #b6b6b6 url(img/navbar-elt-bg.png) top left repeat-x; }
#nav-bar .slideup { color: #fff; background: #696a6c url(img/navbar-dropdown-bg.png) top repeat-x; border: 1px solid #c5c7c8; border-bottom: 0; }



/* Identification */
#identification-form { background: #fff; border: 1px solid #d3d3d3; }
#identification-form header { background: url(img/identification-header-bg.png) top center no-repeat; }
#identification-form h2 { background: url(img/identification-title.png) center no-repeat; }
#oubli-mdp a { color: #666; }



/* Home */
#home-nav { background: #2a1705 url(img/home-nav.png) center 38px no-repeat; }
#home-nav .dropdown { background: #1a171b url(img/dropdown-bg.jpg) bottom left repeat-x; border: 1px solid #c5c7c8; border-top: 0; }
#home-nav .dropdown a,
#home-nav .dropdown span.dropdown-no-link { color: #fff; }
#home-nav .dropdown a.cg:hover,
#home-nav .dropdown a.hors-cg:hover { color: #aedef4; background-color: #333; }

.widget-actualites header h2 { background: url(img/journal-ico.png) 0 0 no-repeat; }
#news-prev:hover { background-color: #90bfd4; }
#news-next:hover { background-color: #90bfd4; }

#agenda { background: url(img/agenda-bg.png) no-repeat; }
.horaires li { color: #747474; background: url(img/horaires-bg.png) 38px 11px no-repeat; }
.rdv { background: url(img/rdv-bleu-bg.png) repeat-y; }
.rdv-impossible { background: url(img/rdv-impossible-bg.png) repeat; }
.rdv.rdv-perso { background: url(img/rdv-jaune-bg.png) repeat-y; }
.rdv .libelle { color: #094774; }



/* Accès */
.liens { background-color: #fff; border: 1px solid #c6c7c8; }
.liens header { background: url(img/etiquette-bg.png) no-repeat; }
.liens header h2 { color: #fff; background: url(img/triangle-blanc-ico.png) 194px 13px no-repeat; }
.liens.condensed header { background: url(img/condensed-bg.png) repeat-x; }
.liens.condensed header h2 { color: #fff; }

.liens .options a { color: #222; }
.liens li a { color: #222; }
.liens li a .ico { background-color: #a1d7ef; border: 1px solid #b9b9b9; }
.liens li a:hover .ico { background-color: #90bfd4; }



/* Fiche contact */
.info-fiche { color: #666; background: #fff url(img/input-bg.png) repeat-x; border: 1px solid #b6b6b6; }
.fg-accueil-anonyme { background: #ded5be url(img/anonyme-bg.png) 0 0 repeat-x; }
.fg-accueil-anonyme h2 { background-image: url(img/etiquette-anonyme-bg.png); }
.fg-rendez-vous {  }



/* Dossier */
.bloc { background-color: #fff; border: 1px solid #c6c7c8; }
.bloc header { background: url(img/etiquette-195-bg.png) no-repeat; }
.bloc header h2 { color: #fff; }
.bloc.extendable header h2 { background: url(img/triangle-blanc-ico.png) 148px 15px no-repeat; }
.bloc.condensed header { background: url(img/condensed-bg.png) repeat-x; }
.bloc.condensed header h2 { color: #fff; }

.individus li { border-bottom: 2px solid #80cff0; }
.individus li.selected { background: #ccecf9; }
.individus li.vert,
.individus li.rouge { color: #666; }
.individus li.vert .nom,
.individus li.rouge .nom { color: #36aa32; }

.col { color: #666; }
.col-1 { background: url(img/separateur-col.png) right 32px no-repeat; }
.col-3 { background: url(img/separateur-col.png) left 32px no-repeat; }
.col h3 { color: #000; border-bottom: 1px solid #c6c7c8; }
.intervenants-sociaux li.selected { color: #176687; }

.rdvs { background: url(img/ligne-rdv-bg.png) 0 47px repeat-x; }
.ligne-rdv #ui-carousel-prev { background: url(img/ligne-rdv-prec-btn.png) no-repeat; }
.ligne-rdv #ui-carousel-next { background: url(img/ligne-rdv-suiv-btn.png) no-repeat; }
.dossier-rdv { color: #666; background: url(img/rdv-ico.png) center 8px no-repeat; }
.dossier-rdv.aujourdhui { color: #000; background: url(img/rdv-aujourdhui-ico.png) center 8px no-repeat; }

a.nom-dispositif  { color: #666; }
a.nom-dispositif:hover { color: #666; }
a.nom-dispositif .ico { background-color: #a1d7ef; border: 1px solid #b9b9b9; }
.evts { background: url(img/ligne-evt-bg.png) 0 18px repeat-x; }
.dispositif:last-child .lignes { background-image: none; }
.ligne-dispositif .evt-prec { background: url(img/ligne-evt-prec-btn.png) no-repeat; }
.ligne-dispositif .evt-suiv { background: url(img/ligne-evt-suiv-btn.png) no-repeat; }
.dossier-evt { color: #666; background: url(img/evt-ico.png) center 19px no-repeat; }
.evts .dossier-evt .complement { color: #fff; }

#fiche-synthese h2 { color: #3e6576; }
/* Anonyme */
.invisible-chk.checked { background: #ccecf9; }

/* Formulaires rencontre */
.catalogue-dispo dl { border: 3px solid #ded5be; }
.rencontre .resultats .actions a { color: #666; border: 1px solid #b6b6b6; background: #fff url(img/input-bg.png) 0 0 repeat-x; }
.rencontre .resultats .actions a:hover { border-color: #777; color: #333; }

/* Agenda */
.types-evenement, 
.agenda-demie-page { background-color: #fff; border: 1px solid #c6c7c8; }
.anneaux { background: url(img/anneaux-bg.png) center no-repeat; }
.evt-vad,
.evt-vad:hover { color: #5cac25; }
.evt-rdv-perma,
.evt-rdv-perma:hover { color: #c0d018; }
.evt-rdv-tel,
.evt-rdv-tel:hover { color: #dae7b7; }
.evt-commission,
.evt-commission:hover { color: #245aa2; }
.evt-reu-service,
.evt-reu-service:hover { color: #3fafdf; }
.evt-reu-synthese,
.evt-reu-synthese:hover { color: #b9e1f5; }
.evt-rapport,
.evt-rapport:hover { color: #d6261a; }
.evt-echeances,
.evt-echeances:hover { color: #e87905; }
.evt-perso,
.evt-perso:hover { color: #e8e01e; }

.agenda-demie-page .header { border: 1px solid #c6c7c8; background: #fff url(img/agenda-header-bg.png) bottom repeat-x; }
.agenda-demie-page .header h2 .nom { color: #222; }

.agenda .formulaires li { color: #777; background: #fff url(img/formulaire-ico.png) left center no-repeat; }
.agenda .identite .nom { color: #777; background: url(img/fiche-contact-ico.png) center right no-repeat; }




/* Easy Accordion */
.accordion { background: #fff; }
.accordion dt { background: #fff url(img/textarea-bg.png) 0 -20px repeat-x; color: #26526c; border: 1px solid #b6b6b6;}
.accordion dt.active { color: #fff; background: #aedef4; }
.accordion dt.hover { color: #68889b; }
.accordion dt.active.hover { color: #fff }
.accordion dd { background: #fff; border: 1px solid #b6b6b6; border-left: 0; }
.accordion .slide-number { color: #68889b; }
.accordion .active .slide-number{ color: #fff;}

/* Tipsy */
.tipsy-inner { background-color: #000; color: #fff; }
.tipsy-arrow { border: 5px dashed #000; }
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

/* liens dynamiques 'haut' et 'bas' */
.buttonUpDown #down-button {
	width: 15px;
	height: 15px;
	background: url(jquery-ui/ui-icons_2e83ff_256x240.png) -128px -192px no-repeat;
	color: transparent;
	cursor:pointer;
	z-index: 10000;	
}
.buttonUpDown #up-button {
	width: 15px;
	height: 15px;
	background: url(jquery-ui/ui-icons_2e83ff_256x240.png) -160px -192px no-repeat;
	color: transparent;
	cursor:pointer;
	z-index: 10000;
}

/* boutons */
.validation {
    float: right;
    margin: 10px 10px 0 0;
    background: url(./img/submit-btn.png) no-repeat;
    width: 74px;
    height: 43px;
    border: none;
    text-indent: -5000px;
}

.annulation {
    float: right;
    margin: 10px 10px 0 0;
    background: url(./img/cancel-btn.png) no-repeat;
    width: 74px;
    height: 43px;
    border: none;
    text-indent: -5000px;
    cursor: pointer;
}

input.validation:active {
    background:url(./img/submit-focus-btn.png) no-repeat;
    width:80px;
    height:43px;
    border:none;
    margin:10px 0 0 0;
}

input.annulation:active {
    background:url(./img/cancel-hover-btn.png) no-repeat;
    width:80px;
    height:43px;
    border:none;
    margin:10px 0 0 0;
}

#bt-new-profil{
    background:url(./img/nouveau-profil.png) no-repeat center;
    width: 44px;
    height: 40px;
    cursor: pointer;
    margin: 15px 0px;
    position: absolute;
}

/* Fenêtre de déconnection */
.notLoggedIn button{
    position: absolute;
    bottom: 5px;
    left: 50%;
    border: none;
    background: url(./img/cancel-btn-portail.png) no-repeat right;
    width: 80px;
    height: 43px;
}


/* ==|== print styles ======================================================= */
 
@media print {                       pre, blockquote { border: 1px solid #999; }
}