/**-------------------------------------- * @author : Rija ZAFIAMY * @date : 2016 * "Template POF" *--------------------------------------*/ /**------------------------------------- * BREADCRUMB *-------------------------------------*/ .custom-breadcrumb { background-color: #f7f7f7; padding: 15px; border-radius: 4px; } .custom-breadcrumb-item { font-size: 18px; } .custom-breadcrumb-item a { text-decoration: none; } .custom-breadcrumb-item.active { color: #007bff; } /**-------------------------------------- * MENUS *--------------------------------------*/ .tab-content { padding:0px; border:none; } div.panel-default > .panel-heading, div.pof-menu { background:#transparent; border:none; } #pofmenu .navbar-default .container-fluid { margin:0px; padding:5px 20px 0px 20px; } #pofmenu .navbar-default .navbar-toggle{ background:#7e6b8f; border:#fff; } #pofmenu .search-only .form-control:last-child { margin-right:25px; } #pofmenu .navbar-default .navbar-collapse, #pofmenu .navbar-default .navbar-form { border:none; } #pofmenu .navbar-default .navbar-toggle .icon-bar { background-color:#fff; } #pofmenu .navbar-default .navbar-collapse, #pofmenu .navbar-default .navbar-header { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 ; box-shadow: 0 ; } #pofmenu .navbar-default, #pofmenu .navbar-default .navbar-text { color:#fff; background:#6c63ff; border:1px solid #6c63ff; } #pofmenu .navbar-default .navbar-nav > li > a, #pofmenu .navbar-default .navbar-nav > li { color:#fff; background:transparent; } #pofmenu .navbar-default .navbar-nav > li > a:hover { background:#7e6b8f; color:#000; border-radius: 8px; } #pofmenu ul.pof-dropdown-menu { min-width:100%; background:#26816a; padding:1px; } #pofmenu a.pof-list-item { text-align:left; border:none; font-size:11pt; font-weight:bolder; background:#26816a; border-bottom:2px solid #fff; color:#fff; } #pofmenu div.pof-menu-item { padding:5px; } #pofmenu a.pof-nav-menu-left { color:#fff; height:60px; } #pofmenu a.pof-nav-menu, a.pof-nav-menu { min-width:100%; width:100%; color:#fff; font-weight:bolder; font-size:10pt; text-align:left; padding:15px; margin:5px; } #pofmenu a.pof-nav-menu:hover { color:#000; } #pofmenu a.list-group-item, #pofmenu a.pof-nav-menu-left:hover { display:block; color:#fff; cursor:pointer; } /**-------------------------------------- * CORPS *--------------------------------------*/ /**-------------------------------------- * PAGE EN COURS D'EDITION *--------------------------------------*/ .pof_currentpage { text-align:right; font-weight:bolder; font-size:12pt; color:#26816a; } /**-------------------------------------- * TITRES *--------------------------------------*/ .StyleTitre1:hover, .StyleTitre2:hover, .StyleTitre3:hover, .StyleTitre4:hover, .StyleTitre5:hover, .StyleTitre6:hover, .StyleParagraphe:hover { cursor: pointer; } div.Titre1, div.Titre2, div.Titre3, div.Titre4, div.Titre5, div.Titre6 { clear:both; display:block; margin-top:15px; margin-bottom:15px; } .StyleTitre1, .StyleTitre2, .StyleTitre3, .StyleTitre4, .StyleTitre5, .StyleTitre6, .Numero1, .Numero2, .Numero3, .Numero4, .Numero5, .Numero6 { display: inline; font-weight: bolder; font-family:"Quicksand Bold"; } .Numero1, .StyleTitre1 { font-size: 24pt; border-bottom: 2px solid #6c63ff; } div.Titre2 { } .Numero2, .StyleTitre2 { font-size: 22pt; } div.Titre3 { } .Numero3, .StyleTitre3 { font-size: 20pt; } div.Titre4 { } .StyleTitre4, .Numero4 { font-size: 18pt; } div.Titre5 { } .Numero5, .StyleTitre5 { font-size: 16pt; } div.Titre6 { } .StyleTitre6, .Numero6 { font-size: 14pt; } /**-------------------------------------- * PARAGRAPHE / CODE / LIEN *--------------------------------------*/ .StyleParagraphe { /*color:#555;*/ } .StyleParagrapheWarning { color:#f2e94e; } .StyleParagrapheDanger { color:#da3e52; } .StyleParagrapheSuccess { color:#96e6b3; } .StyleParagrapheInfo { color:#3bafda; } .StyleParagraphe, .StyleParagrapheWarning, .StyleParagrapheDanger, .StyleParagrapheSuccess, .StyleParagrapheInfo, .StyleParagrapheCentered, .StyleParagraphePerso { display: block; padding:5px; text-align: left; font-size: 12pt; margin-top: 5px; margin-bottom: 5px; } .StyleParagrapheCentered { text-align:center; } .StyleParagraphePerso { font-size:12pt; } .StyleCode { display:block; margin-top: 5px; margin-bottom: 5px; font-family: Courier,Arial,sans-serif; background: #f5f5f5; color: #000; border: 1px solid #26816a; width: 100%; padding:15px; font-size: 11pt; } .StyleLien { display:inline; padding-left:5px; padding-right:5px; } /**-------------------------------------- * TABLEAUX *--------------------------------------*/ .StyleTable { margin:auto; padding:0px; page-break-inside:avoid; } .StyleTable th { border:1px solid #555; } .StyleTable td { border:1px solid #555; } /**-------------------------------------- * LAYOUT *--------------------------------------*/ div.group-ligne { margin:0px; max-width:98%; } div.ligne { margin:5px; } .StyleLi { text-align:center; padding: 0px; margin-bottom: 5px; background-color: transparent; padding-bottom:15px; } div.StyleCol, div.StyleColWarning, div.StyleColSuccess, div.StyleColDanger, div.StyleColInfo { border:9px solid #fff; } div.StyleCol { /*border:1px solid #eee;*/ } div.StyleColWarning { background-color: #f2e94e!important; color:#000; } div.StyleColSuccess { background-color: #96e6b3!important; color:#000; } div.StyleColDanger { background-color: #da3e52!important ; color:#000; } div.StyleColInfo { background-color: #1b9aaa!important; color:#fff; } /**-------------------------------------- * MENU EDITION POF *--------------------------------------*/ .SEdition { display:block; padding:5px; background:#eee; color:#555; } .SEdition .btn-group { display:block; padding:5px; } .SEdition label { color:#555; font-weight:bolder; } .pof_edit_btn { margin:5px; min-width:75px; } /**-------------------------------------- * IMAGES *--------------------------------------*/ .StyleLegende { display:block; margin-bottom:15px; font-size: 10pt; color:#26816a; text-decoration:underline; text-transform: uppercase; } div.StyleImage { page-break-inside:avoid; margin:auto; text-align:center; } /**-------------------------------------- * LISTES *--------------------------------------*/ a.StyleListeLink { margin:0px; padding:0px; } a.StyleListeLink > h4 { margin:0px; text-align:left; color:#fff; background:#666; padding:8px; } .StyleListe { display: block; text-align: justify; font-size: 11pt; color:#666; margin:10px; } a.pof-action-item:hover { cursor:pointer; } /**-------------------------------------- * TAGS *--------------------------------------*/ span.Tag:hover { display:block; color:#777; cursor:pointer; } span.Tag { display:block; color:#fff; } /**-------------------------------------- * MOTS CLES *--------------------------------------*/ /* vue pof */ .motcle { color:#26816a; } .motcle2 { color:#3bafda; } .motcle3 { color:#FF0000; } /* search engine */ span.key { display:block; margin:15px; color:#26816a; font-size:13pt; } /**-------------------------------------- * DIV EDITABLE POF *--------------------------------------*/ div.editable { color:#555; background:#eee; padding:15px; } /**-------------------------------------- * RECHERCHE *--------------------------------------*/ .search-body { background:#888; } /**-------------------------------------- * DIV VIDEO POF *--------------------------------------*/ div.video-container { position:relative; padding-bottom:56.25%; padding-top:0; height:0; overflow:hidden; margin-bottom:20px; } div.video-container iframe, div.video-container object, div.video-container embed { position:absolute; left:0; top:0; width:100%; height:100%; } #jp_video_container { width:800px; margin:auto; } #jp_video_container .jp-video, #jp_video_container .jp-video-play { height:200px; } .bx-wrapper { background:transparent; display:block; padding-left:15px; padding-right:15px; min-height:100px; } .bx-wrapper .bx-viewport { background:transparent; } .bx-wrapper .bx-controls-direction a:hover { opacity:1; } .bx-wrapper .bx-controls-direction a { opacity:0.4; z-index:200; } div.StyleSliderItem, div.StyleSliderItemWarning, div.StyleSliderItemSuccess, div.StyleSliderItemDanger, div.StyleSliderItemInfo, div.StyleSliderItemCentered, div.StyleSliderItemPerso { }