Skip to main contentdfsdf

Jean-Michel Morillon's List: Développement Web

    • L'ordre d'exécution des commandes est donc aclocal en premier, et ensuite indifféremment autoconf ou automake. Enfin, avant de compiler avec make, lancez le configure de la commande magique.
  • Apr 03, 14

    "@import url(http://fonts.googleapis.com/css?family=Open+Sans:400, 600|Raleway:200);
    /*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display:block;
    }

    audio, canvas, video {
    display:inline-block;
    *display:inline;
    *zoom:1;
    }

    audio:not([controls]) {
    display:none;
    height:0;
    }

    [hidden] {
    display:none;
    }

    html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    }

    html, button, input, select, textarea {
    font-family:sans-serif;
    }

    body {
    margin:0;
    }

    a:focus {
    outline:thin dotted;
    }

    a:active, a:hover {
    outline:0;
    }

    h1 {
    font-size:2em;
    margin:.67em 0;
    }

    h2 {
    font-size:1.5em;
    margin:.83em 0;
    }

    h3 {
    font-size:1.17em;
    margin:1em 0;
    }

    h4 {
    font-size:1em;
    margin:1.33em 0;
    }

    h5 {
    font-size:.83em;
    margin:1.67em 0;
    }

    h6 {
    font-size:.75em;
    margin:2.33em 0;
    }

    abbr[title] {
    border-bottom:1px dotted;
    }

    b, strong {
    font-weight:bold;
    }

    blockquote {
    margin:1em 40px;
    }

    dfn {
    font-style:italic;
    }

    mark {
    background:#ff0;
    color:#000;
    }

    p, pre {
    margin:1em 0;
    }

    code, kbd, pre, samp {
    font-family:monospace, serif;
    _font-family:'courier new', monospace;
    font-size:1em;
    }

    pre {
    white-space:pre;
    white-space:pre-wrap;
    word-wrap:break-word;
    }

    q {
    quotes:none;
    }

    q:before, q:after {
    content:'';
    content:none;
    }

    small {
    font-size:75%;
    }

    sub, sup {
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
    }

    sup {
    top:-0.5em;
    }

    sub {
    bottom:-0.25em;
    }

    dl, menu, ol, ul {
    margin:1em 0;
    }

    dd {
    margin:0 0 0 40px;
    }

    menu, ol, ul {
    padding:0 0 0 40px;
    }

    nav ul, nav ol {
    list-style:none;
    list-style-image:none;
    }

    img {
    border:0;
    -ms-interpolation-mode:bicubic;
    }

    svg:not(:root) {
    overflow:hidden;
    }

    figure {
    margin:0;
    }

    form {
    margin:0;
    }

    fieldset {
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:.35em .625em .75em;
    }

    legend {
    border:0;
    padding:0;
    white-space:normal;
    *margin-left:-7px;
    }

    button, input, select, textarea {
    font-size:100%;
    margin:0;
    vertical-align:baseline;
    *vertical-align:middle;
    }

    button, input {
    line-height:normal;
    }

    button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible;
    }

    button[disabled], input[disabled] {
    cursor:default;
    }

    input[type="checkbox"], input[type="radio"] {
    box-sizing:border-box;
    padding:0;
    *height:13px;
    *width:13px;
    }

    input[type="search"] {
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    }

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance:none;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0;
    }

    textarea {
    overflow:auto;
    vertical-align:top;
    }

    table {
    border-collapse:collapse;
    border-spacing:0;
    }

    p {
    -webkit-hyphens:auto;
    -epub-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto;
    }

    b, strong, .strong {
    font-weight:bold;
    }

    dfn, em, .em {
    font-style:italic;
    }

    small, .small {
    font-size:75%;
    }

    ul, ol {
    padding:0;
    list-style-type:none;
    }

    dd {
    margin:0;
    }

    .sidebar ul, .sidebar ol, .commentlist {
    list-style:none;
    }

    .clearfix {
    zoom:1;
    }

    .clearfix:before, .clearfix:after {
    content:"";
    display:table;
    }

    .clearfix:after {
    clear:both;
    }

    * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    }

    .image-replacement {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    }

    span.amp {
    font-family:Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
    font-style:italic;
    }

    .text-left {
    text-align:left;
    }

    .text-center {
    text-align:center;
    }

    .text-right {
    text-align:right;
    }

    .alert {
    margin:10px;
    padding:5px 18px;
    border:1px solid;
    }

    .alert-help {
    margin:10px;
    padding:5px 18px;
    border:1px solid;
    border-color:#e8dc59;
    background:#ebe16f;
    }

    .alert-info {
    margin:10px;
    padding:5px 18px;
    border:1px solid;
    border-color:#bfe4f4;
    background:#d5edf8;
    }

    .alert-error {
    margin:10px;
    padding:5px 18px;
    border:1px solid;
    border-color:#f8cdce;
    background:#fbe3e4;
    }

    .alert-success {
    margin:10px;
    padding:5px 18px;
    border:1px solid;
    border-color:#deeaae;
    background:#e6efc2;
    }

    .button, .button:visited {
    border:1px solid #acb51f;
    border-top-color:#c4cf24;
    border-left-color:#c4cf24;
    padding:4px 12px;
    color:#fff;
    display:inline-block;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
    text-shadow:0 1px rgba(0, 0, 0, 0.75);
    cursor:pointer;
    margin-bottom:20px;
    line-height:21px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background-color:#cdd725;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#d3dd39), to(#cdd725));
    background-image:-webkit-linear-gradient(top, #d3dd39, #cdd725);
    background-image:-moz-linear-gradient(top, #d3dd39, #cdd725);
    background-image:-o-linear-gradient(top, #d3dd39, #cdd725);
    background-image:linear-gradient(to bottom, #d3dd39, #cdd725);
    }

    .button:hover, .button:visited:hover, .button:focus, .button:visited:focus {
    color:#fff;
    border:1px solid #acb51f;
    border-top-color:#8f961a;
    border-left-color:#8f961a;
    background-color:#b8c221;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#cdd725), to(#b8c221));
    background-image:-webkit-linear-gradient(top, #cdd725, #b8c221);
    background-image:-moz-linear-gradient(top, #cdd725, #b8c221);
    background-image:-o-linear-gradient(top, #cdd725, #b8c221);
    background-image:linear-gradient(to bottom, #cdd725, #b8c221);
    }

    .button:active, .button:visited:active {
    background-color:#d3dd39;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#cdd725), to(#d3dd39));
    background-image:-webkit-linear-gradient(top, #cdd725, #d3dd39);
    background-image:-moz-linear-gradient(top, #cdd725, #d3dd39);
    background-image:-o-linear-gradient(top, #cdd725, #d3dd39);
    background-image:linear-gradient(to bottom, #cdd725, #d3dd39);
    }

    .blue-button, .blue-button:visited {
    border-color:#1472ad;
    text-shadow:0 1px 1px #1472ad;
    background-color:#1681c4;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
    background-image:-webkit-linear-gradient(top, #1990db, #1681c4);
    background-image:-moz-linear-gradient(top, #1990db, #1681c4);
    background-image:-o-linear-gradient(top, #1990db, #1681c4);
    background-image:linear-gradient(to bottom, #1990db, #1681c4);
    -webkit-box-shadow:inset 0 0 3px #59b3ec;
    -moz-box-shadow:inset 0 0 3px #59b3ec;
    box-shadow:inset 0 0 3px #59b3ec;
    }

    .blue-button:hover, .blue-button:visited:hover, .blue-button:focus, .blue-button:visited:focus {
    border-color:#116396;
    background-color:#1472ad;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
    background-image:-webkit-linear-gradient(top, #1784c9, #1472ad);
    background-image:-moz-linear-gradient(top, #1784c9, #1472ad);
    background-image:-o-linear-gradient(top, #1784c9, #1472ad);
    background-image:linear-gradient(to bottom, #1784c9, #1472ad);
    }

    .blue-button:active, .blue-button:visited:active {
    background-color:#1990db;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
    background-image:-webkit-linear-gradient(top, #1681c4, #1990db);
    background-image:-moz-linear-gradient(top, #1681c4, #1990db);
    background-image:-o-linear-gradient(top, #1681c4, #1990db);
    background-image:linear-gradient(to bottom, #1681c4, #1990db);
    }

    body {
    font-family:"Georgia", Cambria, Times New Roman, Times, serif;
    font-size:100%;
    line-height:1.5;
    color:#565656;
    }

    .wrap {
    width:96%;
    margin:0 auto;
    }

    a, a:visited {
    color:#d3dd39;
    }

    a:hover, a:visited:hover, a:focus, a:visited:focus {
    color:#bcc622;
    }

    a:link, a:visited:link {
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0.3);
    }

    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    text-rendering:optimizelegibility;
    font-weight:400;
    }

    h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration:none;
    }

    h1, .h1 {
    font-size:2.5em;
    line-height:1.333em;
    }

    h2, .h2 {
    font-size:1.75em;
    line-height:1.4em;
    margin-bottom:.375em;
    }

    h3, .h3 {
    font-size:1.125em;
    }

    h4, .h4 {
    font-size:1.1em;
    font-weight:700;
    }

    h5, .h5 {
    font-size:.846em;
    line-height:2.09em;
    text-transform:uppercase;
    letter-spacing:2px;
    }

    .nav {
    border:1px solid #ccc;
    border-bottom:0;
    }

    .nav li a {
    display:block;
    text-decoration:none;
    padding:10px 10px;
    background-color:#eee;
    border-bottom:1px solid #ccc;
    }

    .nav li ul.sub-menu li a, .nav li ul.children li a {
    padding-left:30px;
    }

    #content {
    margin-top:2.2em;
    }

    .byline {
    color:#999;
    }

    .entry-content dd {
    margin-left:0;
    font-size:.9em;
    color:#787878;
    margin-bottom:1.5em;
    }

    .entry-content img {
    margin:0 0 1.5em 0;
    max-width:100%;
    height:auto;
    }

    .entry-content video, .entry-content object {
    }

    .entry-content pre {
    background:#eee;
    border:1px solid #cecece;
    padding:10px;
    }

    .wp-caption {
    max-width:100%;
    background:#eee;
    padding:5px;
    }

    .wp-caption img {
    max-width:100%;
    margin-bottom:0;
    width:100%;
    }

    .wp-caption p.wp-caption-text {
    font-size:.85em;
    margin:4px 0 7px;
    text-align:center;
    }

    .page-navigation, .wp-prev-next {
    margin:1.1em 0 2.2em;
    }

    .bones_page_navi li {
    float:left;
    margin-left:10px;
    }

    .bones_page_navi li a {
    padding:3px 6px;
    display:block;
    text-decoration:none;
    position:relative;
    }

    .bones_page_navi li a:hover, .bones_page_navi li a:focus {
    color:#f01d4f;
    text-decoration:underline;
    }

    .bones_page_navi li.bpn-current {
    padding:3px 6px;
    border-bottom:2px solid #f01d4f;
    position:relative;
    }

    .bones_page_navi li.bpn-prev-link, .bones_page_navi li.bpn-next-link {
    font-weight:700;
    }

    .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a {
    padding:0;
    }

    .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover {
    background:0;
    }

    .wp-prev-next .prev-link {
    float:left;
    }

    .wp-prev-next .next-link {
    float:right;
    }

    .commentlist li {
    position:relative;
    clear:both;
    overflow:hidden;
    list-style-type:none;
    margin-bottom:1.5em;
    padding:.7335em 10px;
    }

    .commentlist li:last-child {
    margin-bottom:0;
    }

    .commentlist li ul.children {
    margin:0;
    }

    .commentlist li[class*=depth-] {
    margin-top:1.1em;
    }

    .commentlist li.depth-1 {
    margin-left:0;
    margin-top:0;
    }

    .commentlist li:not(.depth-1) {
    margin-right:-10px;
    margin-left:-10px;
    margin-top:0;
    padding-bottom:0;
    }

    .commentlist .odd {
    background:#eee;
    }

    .commentlist .even {
    background:#fefefe;
    }

    .commentlist .vcard {
    margin-left:50px;
    }

    .commentlist .vcard cite.fn {
    font-weight:700;
    font-style:normal;
    }

    .commentlist .vcard time {
    float:right;
    }

    .commentlist .vcard time a {
    color:#999;
    text-decoration:none;
    }

    .commentlist .vcard time a:hover {
    text-decoration:underline;
    }

    .commentlist .vcard img.avatar {
    position:absolute;
    left:10px;
    padding:2px;
    border:1px solid #cecece;
    background:#fff;
    }

    .commentlist .comment_content {
    margin-left:50px;
    }

    .commentlist .comment_content p {
    margin:.7335em 0 1.5em;
    font-size:1em;
    line-height:1.5em;
    }

    .commentlist .comment-reply-link {
    text-decoration:none;
    float:right;
    background:#4598bb;
    padding:3px 5px;
    color:#fff;
    opacity:.65;
    margin-bottom:10px;
    font-weight:700;
    font-size:.9em;
    }

    .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
    opacity:1;
    }

    .respond-form {
    margin:1.5em 10px;
    padding-bottom:2.2em;
    }

    .respond-form form {
    margin:.75em 0;
    }

    .respond-form form li {
    list-style-type:none;
    clear:both;
    margin-bottom:.7335em;
    }

    .respond-form form li label, .respond-form form li small {
    display:none;
    }

    .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea {
    padding:3px 6px;
    background:#efefef;
    border:2px solid #cecece;
    line-height:1.5em;
    }

    .respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus {
    background:#fff;
    }

    .respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid {
    outline:0;
    border-color:#fbc2c4;
    background-color:#f6e7eb;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    box-shadow:none;
    }

    .respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] {
    max-width:400px;
    min-width:250px;
    }

    .respond-form form textarea {
    resize:none;
    width:97.3%;
    height:150px;
    }

    #comment-form-title {
    margin:0 0 1.1em;
    }

    #allowed_tags {
    margin:1.5em 10px .7335em 0;
    }

    .nocomments {
    margin:0 20px 1.1em;
    }

    .footer {
    clear:both;
    }

    .onecol {
    width:5.801104972%;
    }

    .twocol {
    width:14.364640883%;
    }

    .threecol {
    width:22.928176794%;
    }

    .fourcol {
    width:31.491712705%;
    }

    .fivecol {
    width:40.055248616%;
    }

    .sixcol {
    width:48.618784527%;
    }

    .sevencol {
    width:57.182320438000005%;
    }

    .eightcol {
    width:65.74585634900001%;
    }

    .ninecol {
    width:74.30939226%;
    }

    .tencol {
    width:82.87292817100001%;
    }

    .elevencol {
    width:91.436464082%;
    }

    .twelvecol {
    width:99.999999993%;
    }

    .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position:relative;
    float:left;
    margin-left:2.762430939%;
    }

    .first {
    margin-left:0;
    }

    .last {
    float:right;
    }

    .wrap {
    max-width:990px;
    }

    .alignright {
    float:right;
    margin:0 0 10px 10px;
    }

    .header {
    height:234px;
    background:url(../../img/top-bg.gif) no-repeat center top;
    }

    .header .menu-top-container {
    display:block;
    position:absolute;
    left:50%;
    margin-left:-38px;
    }

    .header .menu-top-container #menu-top li {
    display:inline-block;
    font-family:'Open Sans', sans-serif;
    font-size:9px;
    color:#d7d0c0;
    text-align:center;
    height:56px;
    }

    .header .menu-top-container #menu-top li a {
    font-family:'Open Sans', sans-serif;
    font-size:12px;
    color:#8b8372;
    text-transform:uppercase;
    font-weight:600;
    text-decoration:none;
    margin-right:5px;
    }

    .header .menu-top-container #menu-top li a:hover {
    color:#aca79c;
    }

    .header .menu-top-container #menu-top li:after {
    content:">";
    }

    .header .menu-top-container #menu-top li:last-child:after {
    content:"";
    }

    #logo {
    background:url('../../img/logo_blavait.gif') no-repeat;
    display:block;
    width:276px;
    height:159px;
    overflow:hidden;
    line-height:600px;
    margin:0;
    }

    #logo a {
    display:block;
    height:159px;
    }

    #menu-principal.menu {
    background:0;
    margin:0 0 0 35px;
    border:0;
    height:60px;
    width:709px;
    }

    #menu-principal.menu li {
    display:inline-block;
    margin-right:7px;
    }

    #menu-principal.menu li a {
    border-bottom:0;
    line-height:60px;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    padding:0;
    background-color:transparent;
    text-transform:uppercase;
    margin-right:7px;
    }

    #menu-principal.menu li a:hover, #menu-principal.menu li a:focus {
    color:#dcd7cd;
    }

    #menu-principal.menu li:after {
    content:"|";
    color:#ccc;
    font-size:11px;
    }

    #menu-principal.menu li:last-child:after {
    content:"";
    }

    #menu-principal.menu li ul.sub-menu, #menu-principal.menu li ul.children {
    margin-top:0;
    border:1px solid #ccc;
    border-top:0;
    position:absolute;
    display:none;
    z-index:8999;
    }

    #menu-principal.menu li ul.sub-menu li a, #menu-principal.menu li ul.children li a {
    padding-left:10px;
    border-right:0;
    display:block;
    width:180px;
    border-bottom:1px solid #ccc;
    }

    #menu-principal.menu li ul.sub-menu li:last-child a, #menu-principal.menu li ul.children li:last-child a {
    border-bottom:0;
    }

    #menu-principal.menu li:hover ul {
    top:auto;
    display:block;
    }

    .sidebar {
    margin-top:2.2em;
    }

    .widgettitle {
    border-bottom:2px solid #444;
    margin-bottom:.75em;
    }

    .widget {
    padding:0 10px;
    margin:2.2em 0;
    }

    .widget ul li {
    margin-bottom:.75em;
    }

    .widget ul li ul {
    margin-top:.75em;
    padding-left:1em;
    }

    footer.footer {
    background:url(../../img/bottom-bg.gif) no-repeat center bottom;
    height:440px;
    }

    footer.footer #LabelsQualiteImg {
    position:absolute;
    margin:40px 40px 40px 0;
    }

    #siderbar-bottom {
    width:580px;
    margin:75px 0 0 410px;
    }

    #siderbar-bottom .widget {
    display:block;
    float:left;
    width:190px;
    margin:0 90px 0 0;
    padding:0;
    }

    #siderbar-bottom .widget h3 {
    text-transform:uppercase;
    font-family:'Raleway', sans-serif;
    font-size:24px;
    color:#fff;
    line-height:24px;
    font-weight:200;
    }

    #siderbar-bottom .widget .textwidget {
    font-family:'Open Sans', sans-serif;
    font-size:12px;
    line-height:20px;
    font-weight:400;
    color:#FFF;
    }

    #siderbar-bottom .widget .textwidget a {
    color:#fff;
    text-decoration:none;
    }

    #siderbar-bottom .widget .textwidget a:hover {
    text-decoration:underline;
    }

    .source-org {
    text-align:right;
    font-family:'Open Sans', sans-serif;
    font-size:10px;
    color:#fff;
    margin-top:90px;
    }

    .source-org a {
    color:#fff;
    text-decoration:none;
    }

    .source-org a:hover {
    text-decoration:underline;
    }

    #content.homepage {
    margin-top:0;
    }

    #content.homepage h3, #content.homepage h4, #content.homepage a {
    color:#d4dc38;
    }

    #content.homepage #inner-main {
    width:990px;
    margin:0 auto 20px;
    border-bottom:solid 1px #EEE;
    }

    #content.homepage #inner-main h1, #content.homepage #inner-main p.h2 {
    text-transform:uppercase;
    font-family:Raleway, sans-serif;
    font-size:32px;
    color:#dcd7cd;
    line-height:48px;
    font-weight:200;
    margin:.67em 0;
    }

    #content.homepage #inner-main h2 {
    font-size:20px;
    font-weight:600;
    color:#d3dd39;
    margin-bottom:0;
    padding-bottom:8px;
    text-transform:uppercase;
    margin-top:0;
    }

    #content.homepage #inner-main article {
    float:left;
    }

    #content.homepage #inner-main article section.entry-content {
    margin-top:0;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    width:520px;
    margin-left:80px;
    }

    #content.homepage #homeslider {
    width:990px;
    margin:0 auto;
    }

    #content.homepage #homeactus {
    width:350px;
    float:left;
    margin-left:20px;
    border-left:solid 1px #eee;
    padding-left:20px;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    }

    #content.homepage #homeactus h3 {
    margin:0 0 .5em;
    }

    #content.homepage #homeactus h3 a {
    font-weight:bold;
    }

    #content.homepage #homeactus p {
    margin:0 0 .5em;
    }

    #content.homepage #homeactus .entry-thumbnail {
    float:right;
    margin:0 0 10px 10px;
    }

    #content {
    margin:0;
    font-family:'Open Sans', sans-serif;
    }

    #content h1 {
    text-transform:uppercase;
    font-family:'Raleway', sans-serif;
    font-size:48px;
    color:#dcd7cd;
    line-height:48px;
    font-weight:200;
    }

    #content h2 {
    font-size:20px;
    font-weight:600;
    color:#d3dd39;
    margin-bottom:0;
    padding-bottom:8px;
    text-transform:uppercase;
    margin-top:0;
    }

    #content ul, #content ol {
    list-style-type:square;
    margin-left:20px;
    }

    #content div.lessmargin {
    margin-left:1%;
    }

    #content td.garanties_annee {
    white-space:nowrap;
    text-align:right;
    vertical-align:top;
    width:79px;
    border-bottom:dotted 1px #bbae95;
    }

    #content td.garanties_listing {
    width:210px;
    border-bottom:dotted 1px #bbae95;
    }

    #content.fullsize {
    margin:0;
    font-family:'Open Sans', sans-serif;
    }

    #content.fullsize h1 {
    text-transform:uppercase;
    font-family:'Raleway', sans-serif;
    font-size:48px;
    color:#dcd7cd;
    line-height:48px;
    font-weight:200;
    }

    #content.fullsize h2 {
    font-size:20px;
    font-weight:600;
    color:#d3dd39;
    margin-bottom:0;
    padding-bottom:8px;
    text-transform:uppercase;
    margin-top:0;
    }

    #content.fullsize .article-header {
    background-color:#908775;
    font-size:15px;
    line-height:24px;
    color:#FFF;
    background:url(../../img/article-header-bg.gif) center top no-repeat;
    }

    #content.fullsize .article-header .article-header-inner {
    margin:0 auto 0;
    padding:20px 230px 20px 120px;
    -webkit-transition-property:height;
    -webkit-transition-duration:1s;
    -webkit-transition-timing-function:ease-out;
    -moz-transition-property:height;
    -moz-transition-duration:1s;
    -moz-transition-timing-function:ease-out;
    transition-property:height;
    transition-duration:1s;
    transition-timing-function:ease-out;
    }

    #content.fullsize .article-header .article-header-inner .starthidden {
    display:none;
    }

    #content.fullsize .article-header .article-header-inner .onglets {
    position:absolute;
    margin-left:647px;
    margin-top:-20px;
    width:160px;
    }

    #content.fullsize .article-header .article-header-inner .onglets ul {
    list-style-type:none;
    margin-left:0;
    }

    #content.fullsize .article-header .article-header-inner .onglets ul li {
    background-color:rgba(144, 135, 117, 0.8);
    border-top:solid 1px #908775;
    border-bottom:solid 1px #c3b79e;
    padding:5px 10px;
    }

    #content.fullsize .article-header .article-header-inner .onglets ul li.current {
    background-color:#908775;
    }

    #content.fullsize .article-header .article-header-inner .onglets ul li:hover {
    background-color:#908775;
    }

    #content.fullsize .article-header .article-header-inner .onglets ul li a {
    text-decoration:none;
    font-weight:bold;
    }

    #content.fullsize section.entry-content {
    padding-bottom:60px;
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    line-height:26px;
    color:#000;
    text-align:left;
    }

    #content.fullsize section.entry-content img.aligncenter {
    margin:0 auto;
    display:block;
    }

    #content.fullsize section.entry-content p.tab-content {
    padding-left:180px;
    }

    #content.fullsize #contactform {
    background:url(../../img/illustration-contact.png) no-repeat top right;
    padding:80px 460px 0 120px;
    margin-top:-74px;
    min-height:720px;
    }

    #content.fullsize #contactform .gform_wrapper h3.gform_title {
    background:url(../../img/sstitre_remplissez.gif) no-repeat;
    width:317px;
    height:22px;
    line-height:50px;
    font-size:10px;
    overflow:hidden;
    }

    #content.fullsize #contactform .gform_wrapper .top_label label {
    font-family:'Open Sans', sans-serif;
    font-size:13px;
    line-height:28px;
    font-weight:normal;
    }

    #content.fullsize #contactform .gform_wrapper .top_label input {
    border:1px solid #ebebeb;
    height:25px;
    }

    #content.fullsize #contactform .gform_wrapper .top_label input.medium {
    width:79%;
    }

    #content.fullsize #contactform .gform_wrapper .top_label textarea {
    border:1px solid #ebebeb;
    height:25px;
    }

    #content.fullsize #contactform .gform_wrapper .top_label .gform_button {
    width:134px;
    height:36px;
    background:url(../../img/bout_envoyer.gif) no-repeat;
    overflow:hidden;
    line-height:100px;
    border:0;
    }

    p.badge-satisfaction {
    position:absolute;
    margin:-450px 0 0 620px;
    }

    .alignleft {
    float:left;
    margin:10px 10px 10px 0;
    }

    @media print {
    * {
    background:transparent!important;
    color:black!important;
    text-shadow:none!important;
    filter:none!important;
    -ms-filter:none!important;
    }

    a, a:visited {
    color:#444!important;
    text-decoration:underline;
    }

    a:after, a:visited:after {
    content:" (" attr(href) ")";
    }

    a abbr[title]:after, a:visited abbr[title]:after {
    content:" (" attr(title) ")";
    }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content:"";
    }

    pre, blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
    }

    thead {
    display:table-header-group;
    }

    tr, img {
    page-break-inside:avoid;
    }

    img {
    max-width:100%!important;
    }

    @page {
    margin:.5cm;
    }

    p, h2, h3 {
    orphans:3;
    widows:3;
    }

    h2, h3 {
    page-break-after:avoid;
    }

    .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
    display:none;
    }

    }
    "

    • To use iframe function you need to:

       

       

      1. Create a link (a href=””#””).

       

      2. Add the rel attribute “prettyPhoto” to it (rel=”prettyPhoto”).

       

      3. Change the href of your link so it points to the webpage you want to open.

       

      4. Then add “?iframe=true” as a parameters in your HREF so prettyPhoto knows to open the content in an iframe.

       

      5. Then add the width and height as parameters in your HREF (&width=100&height=100). Please note that the dimensions can be percent based.

  • Nov 20, 14

    "Apercite est un service qui réalise automatiquement des miniatures de sites web, vous pourrez ainsi obtenir un aperçu d'un site en image de votre site en moins de 20 secondes. La générération des screenshots est automatique.
    Apercite vous propose différentes tailles de miniatures allant de 80x50 pixels jusqu'à 800x600 pixels."

  • Jun 26, 15

    "Modern progress bar for form completion."

1 - 20 of 21 Next ›
20 items/page
List Comments (0)