/*@font-face{ 
    font-family: 'NovecentoWideBold'; 
    src: url('typo/Novecento/Bold/Novecentowide-Bold-webfont.eot');  
    src: url('typo/Novecento/Bold/Novecentowide-Bold-webfont.eot?iefix') format('embedded-opentype'), 
         url('typo/Novecento/Bold/Novecentowide-Bold-webfont.woff') format('woff'), 
         url('typo/Novecento/Bold/Novecentowide-Bold-webfont.ttf') format('truetype'), 
         url('typo/Novecento/Bold/Novecentowide-Bold-webfont.svg#webfont') format('svg');
}*/
@font-face{ 
    font-family: 'NovecentoWideDemiBold'; 
    src: url('typo/Novecento/DemiBold/Novecentowide-DemiBold-webfont.eot');  
    src: url('typo/Novecento/DemiBold/Novecentowide-DemiBold-webfont.eot?iefix') format('embedded-opentype'), 
         url('typo/Novecento/DemiBold/Novecentowide-DemiBold-webfont.woff') format('woff'), 
         url('typo/Novecento/DemiBold/Novecentowide-DemiBold-webfont.ttf') format('truetype'), 
         url('typo/Novecento/DemiBold/Novecentowide-DemiBold-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 
 * CSS Reset by Eric Meyer v2.0 | 20110126
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
/* End of CSS Reset */


/* Hack sur les formulaires */
textarea, input { outline: none; } /* Suppr. du glow sur Safari / Chrome */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Suppr. de la bordure ajoutée par Firefox */





/*-------------
 *   Layout 
 *-------------*/

body {
    background: #fcfcfc url(img/bg_lightgray.jpg);
    color: #444;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin: 0;
}
    #bodywrap {
        min-height: 100%;
        position: relative;
    }
     
    #page {

    }
    
    #page-content {
        background: #fcfcfc url(img/bg_lightgray.jpg);
        font-size: 18px;
        margin-top: 40px;
        padding-top: 10px;
        /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
        -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);*/
    }
    
        #page-content .wrap {
            margin: 0 auto;
            padding: 10px;
            width: 780px;
        }

header {
    background: #f5f5f5 url(img/bg_body.jpg);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);        
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10001;
    height: 40px;
}
    header .wrap {
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        width: 780px;
    }

footer {

}
        
/*-------------
 *   Général 
 *-------------*/

#bluenod-logo a {
    background: url("img/bluenod-logo-beta-small.png") no-repeat;
    left: 10px; /* padding de base sur les côtés de la page */
    position: absolute;
    height: 38px;
    width:83px;
    
    /*background: url(img/bluenod-logo.png) no-repeat;*/
    display: block;
    /*margin-left: -10px;*/
    overflow: hidden;
    text-indent: -9999px;
    /*height: 64px;
    width:130px;*/
    top: 6px;
}

p {
    margin: 1em 0;
    line-height: 1.5em;
}
.align-center {
    text-align: center;
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.clear {
    clear: both;
}

.width5em { width: 5em }
.width10em { width: 10em }

span.width5em, 
span.width10em { 
    display: inline-block; 
}

a {
    color: #0f73b4; /*#35abef;*/
    text-decoration: none;
}
a:hover {
    color: #106b9f;
    text-decoration: underline;
}


img {
    border: 0;
}

.hide {
    display: none;
}

hr {
    background: #ddd;
    border: 0;
    height: 1px;
    margin: 1em auto;
}

.clearfix {
  *zoom: 1; /* Hack IE 6/7 */
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

/*-----------------
 *  Contenu Header 
 *-----------------*/

#auth {
    float: right;
    font-size: 12px;
    line-height: 40px;
    overflow: hidden;
}
    #auth ul li {
        padding: 0 10px;
        float: right;
    }
    #auth ul li:last-child {
        padding-right: 0;
    }
        #auth .account a {
            color: #444;
            font-weight: bold;
        }
        #auth .account img {
            -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
            height: 24px;
            vertical-align: middle;
            width: 24px;
        }
    #auth .logout {
        color: #aaa;
        font-size: 0.95em;
    }


/*
 * Menu principal (compte)
 */
#main-menu {
    float: right;
    margin-top: 7px;
}
    #main-menu > li {
        display: block;
        float: left;
        margin-left: 15px; 
    }
        #main-menu > li > a {
            color: #fff;
        }
        #main-menu > li > a:hover {
            text-decoration: none;
        }
        
        #main-menu > li > a.settings {
            
        }
            #main-menu > li > a.settings img {
                border: 1px solid rgba(255, 255, 255, 0.75);
                -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
                display: inline-block;
                height: 24px;
                margin-right: 5px;
                margin-top: -1px;
                vertical-align: top;
                width: 24px;
            }
            #main-menu > li > a.settings span {
                display: inline-block;
                font-size: 13px;
                font-weight: bold;
                height: 24px;
                line-height: 22px;
                text-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
            }
            #main-menu > li > a.settings:hover span {
                 text-shadow: 0 0 1em rgba(255, 255, 255, 1);
            }
            #main-menu > li > a.settings .caret {
                border-top-color: #fff;
                margin-left: 4px;
                margin-top: 10px;
            }
        
        #main-menu > li > a.deactivated, #main-menu > li > a.deactivated:hover  {
            cursor: default;
            color: #aaa;
        }
        #main-menu > li > a.glyph {
            font-size: 19px;
            margin-top: -6px;
        }
        #main-menu > li > a.new-search-user, #main-menu > li > a.compose-tweet {
            margin-right: 30px;
        }    
    

/*-------------
 *   Contenu 
 *-------------*/


h2, h3, h4, h5, h6 {
    color: #0f73b4; /*#35abef;*/
}

h2 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0.5em 0 0.5em;
}
#page-content h2 {

}


/*-------------
 *   Projets 
 *-------------*/

.project {
    border-bottom: 1px solid #eee;
    padding: 10px;
    margin: 0px;
}
.project.full {
    border:0;
}
    .project h3 {

    }
    .project .description {
        font-style: italic;
    }
    .project .twitter_query {
        color: #aaa;
        font-family: Courier, "Courier New", monospace;
    }
    .project.full .actions {
        margin: 20px 0;
    }
        .project.full .actions li {
            float: left;
            margin: 2px 5px 2px 0;
        }

    .project .infos li {
        clear:both;
        padding: 10px 0;
        overflow: hidden;
    }

.projects-gallery {

}
    .projects-gallery li {
        /*background: #fff;
        border: 1px solid #eee;
        display: inline-block;
        margin: 0 20px 30px 0;*/
    }
        .projects-gallery .preview {
            /*background: #eee;
            background: url(img/preview_mapping.png) no-repeat;
            height: 150px;
            line-height: 150px;
            margin:5px;
            text-align: center;
            width: 200px;*/
        }
            .projects-gallery .preview h3 {
                /*display: inline;
                vertical-align: middle;
                line-height: 12px;*/
            }
            .projects-gallery .preview h3 a {
                color: #555;
            }


.list-projects {

}
    .list-projects > li {
        margin: 1em 0;
        font-size: 0.75em;
    }
    .list-projects > li span {
        display: inline-block;
    }
    .list-projects > li .query {
        background: rgba(0, 0, 0, 0.03);
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        font-style: italic;
        padding: 0.5em;
    }
    .list-projects > li .dates {
        color: #999;
        margin-left: 10px;
    }
    .list-projects > li .actions {
        display: block;
        margin: 10px;
        visibility: hidden;
    }
    .list-projects > li .actions li {
        display: inline-block;
        margin: 0 10px;
    }
        .list-projects > li .actions li a {
            opacity: 0.75;
        }
        .list-projects > li .actions li a:hover {
            opacity: 1;
        }
    .list-projects > li:hover .actions li {
        visibility: visible;
    }
    
ul.filter {
    display: inline-block;
    margin: 0.5em 0;
}
ul.filter li {
    display: inline-block;
}
ul.filter li a {
    background: rgba(0, 0, 0, 0.06);
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    color: #555;
    line-height: 1.25em;
    padding: 0.5em;
}
ul.filter li a:hover {
    background: rgba(0, 0, 0, 0.08);
    text-decoration: none;
}
ul.filter li a.selected {
    background: rgba(0, 0, 0, 0.12);
}


.group_by_users {
    
}
    .group_by_users > li {
        display: inline-block;
        vertical-align: top;
        width: 10em;
        word-wrap: break-word;
    }



/* Maps */
ul.maps {
    font-size: 16px;
    margin: 40px auto;
    max-width: 720px;
}
ul.maps.grid {
    overflow: hidden;
}
    ul.maps.grid > li {
        display: inline-block;
        margin: 0 0 20px 0; /* 0 2% 20px 0*/
        height: 160px;
        min-width: 156px;
        overflow: hidden;
        text-align: center;
        vertical-align: top;
        width: 25%; /* 23.5% */
    }
    ul.maps.grid > li:nth-child(4n) {
        margin-right: 0;
    }
    ul.maps.list > li {
        margin: auto;
        margin-bottom: 2em;
        max-width: 550px;
    }
    ul.maps > li.in-future {
        opacity: 0.75;
    }
        ul.maps > li .link-image, .map-logo {
            -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
            display: inline-block;
            overflow: hidden;
            position: relative;
        }
        ul.maps.list > li .link-image {
            float: left;
        }
            ul.maps > li img {
                background: #fff;
                display: block;
                height: 96px;
                width: 96px;
            }

            ul.maps > li .tag {
                color: #fff;
                display: block;
                font-size: 11px;
                font-weight: bold;
                letter-spacing: 0.25em;
                padding: 4px 0;
                position: absolute;
                right: 0;
                text-align: center;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
                text-transform: uppercase;
                top: 0;
                -moz-transform: rotate(45deg) translate(28%, -75%);
                -webkit-transform: rotate(45deg) translate(28%, -75%);
                transform: rotate(45deg) translate(28%, -75%);
                width: 96px;
            }
            ul.maps > li .tag.live {
                background: rgb( 193, 10, 10 );
                background: rgba(193, 10, 10, 0.8);
            }
            ul.maps > li .tag.active {
                background: #00A308;
                background: rgba(0,163,8, 0.95);
                box-shadow: 0px 0px 1px rgba(255,255,255,0.5);
                color: #fff;
                font-size: 9px;
                letter-spacing: 0;
                padding: 6px 0;
                /*text-shadow: none;*/
            }
            ul.maps > li .tag.waiting {
                background: #555;
                background: rgba(0, 0, 0, 0.5);
                font-size: 9px;
                letter-spacing: 0;
                padding: 6px 0;
            }

        ul.maps.grid > li .text {
            margin-top: 0.5em;
        }
        ul.maps.list > li .text {
            margin-left: 120px;
            margin-right: 90px;
        }
        ul.maps.grid > li .text h3 {
            font-size: 0.85em;
            margin: 0.5em;
        }
        ul.maps.list > li .text h3 {
            font-size: 1.125em;
            margin: 0.5em 0;
        }
            ul.maps > li .text h3 a {
                color: #555;
                font-weight: bold;
            }
        ul.maps > li a.action {
            color: #aaa;
            display: block;
            font-size: 0.7em;
        }     
            
        ul.maps.list > li ul.properties {
            font-size: 0.85em;
        }
            ul.maps.list > li ul.properties li {
                font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 0.9em;
                margin: 0.5em 0;
            }
                ul.maps.list > li ul.properties .param {
                    color: #888;
                    display: inline-block;
                    font-weight: normal;
                    text-transform: uppercase;
                    vertical-align: top;
                    width: 9em;
                    word-wrap: break-word;
                }
                ul.maps.list > li ul.properties .value {
                    display: inline-block;
                    vertical-align: top;
                }
        ul.maps.list > li .actions {
            float: right;
            text-align: right;
        }
            ul.maps.list > li .actions li {
                margin-bottom: 0.5em;
            }
            
            
            
/* Suggestions */            
.suggestions-box h2 {
    font-size: 16px !important;
    margin: 1.5em 0 !important;
}
.suggestions {
    font-size: 16px;
    margin: 0 0 1.5em;
    opacity: 0.8;
    text-align: center;
}
    .suggestions > li {
        display: inline-block;
        margin: 0 1em;
    }
    
.page-my-maps .suggestions-box {
    margin: 40px auto;
    max-width: 700px;
}
    .page-my-maps .suggestions-box h2 {
        float: left;
        margin: -4px 0 0 !important;
    }
    .page-my-maps .suggestions,
    .page-new-map .suggestions {
        margin-bottom: 0.5em;
        margin-left: 9em;
        text-align: left;
    }
    .page-my-maps .suggestions > li,
    .page-new-map .suggestions > li {
        margin: 0 0.5em;
    }
    
.page-new-map .suggestions {
    font-size: 14px;
}
.page-new-map .suggestions-box {
    margin: 20px 0 0;
}
    .page-new-map .suggestions-box h2 {
        display: none;
    }
    .page-new-map .suggestions {
        margin-left: 0;
    }
    
    
/* My influencers */

ul.my-influencers {
    margin: 20px 0;
}
    ul.my-influencers > li {
        border-top: 1px solid #eee;
        display: block;
        position: relative;
        padding: 10px 0;
        vertical-align: top;    
        /*width: 50%;*/
    }
    ul.my-influencers > li > div {
        padding-left: 75px; /* 48 + 20 + 7 (rank) */
        margin: 10px;
        min-height: 48px;
    }
        ul.my-influencers > li .rank {
            display: block;
            font-size: 13px;
            font-weight: bold;
            left: 0;
            position: absolute;
        }
            ul.my-influencers > li .rank em {
                font-style: normal;
            }
        ul.my-influencers > li .profile-link:hover {
            text-decoration: none;
        }
        ul.my-influencers > li .profile-link img {
            background: #eee;
            border-radius: 3px;
            display: block;
            float: left;
            height: 48px;
            margin-left: -58px; /* 48 + 15 */
            width: 48px;
        }
        ul.my-influencers > li .profile-link .fullname {
            font-weight: bold;
            color: #222;
        }
        ul.my-influencers > li .profile-link .screen-name {
            color: #999;
            font-weight: normal;
        }
        ul.my-influencers > li .job-title {
            font-size: 0.9em;
            font-weight: bold;
            margin: 0.5em 0;
        }
        
        ul.my-influencers > li .bio {
            color: #888;
            overflow: hidden;
            margin: 0.25em 0 1em 0;
            /*text-overflow: ellipsis;
            white-space: nowrap;*/
        }
        ul.my-influencers .social-media-title {
            color: #999;
            font-size: 0.8em;
            font-weight: 300;
            margin-right: 3px;
            text-transform: uppercase;
        }
        ul.my-influencers .social-media {
            display: inline-block;
        }
            .my-influencers .social-media > li {
                display: inline-block;
            }
            .my-influencers .social-media > li a { color: #bbb; }
            .my-influencers .social-media > li a.available.twitter { color: #00aced; }
            .my-influencers .social-media > li a.available.facebook { color: #3b5998; }
            .my-influencers .social-media > li a.available.linkedin { color: #007bb6; }
            .my-influencers .social-media > li a.available.googleplus { color: #dd4b39; }
            .my-influencers .social-media > li a.available.klout { color: #E67D69; }
            .my-influencers .social-media > li a.klout .icon-light {
                font-family: sans-serif;
                font-size: 12px;
            }

            
            
.klout_flag {
    background: url("img/social/klout_flag.svg") no-repeat scroll center top transparent;
    box-sizing: border-box;
    height: 20px;
    line-height: 15px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}
.klout_flag {
    float: left;
    margin-left: -70px;
    margin-top: 36px;
}
.klout_flag .score {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}



/* User profile */

ul.user-profile-info {
    /*font-size: 0.85em;*/
}
    ul.user-profile-info li {
        font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 0.9em;
        margin: 0.5em 0;
    }
        ul.user-profile-info .param {
            color: #888;
            display: inline-block;
            font-weight: normal;
            text-transform: uppercase;
            vertical-align: top;
            width: 9em;
            word-wrap: break-word;
        }
        ul.user-profile-info .value {
            display: inline-block;
            vertical-align: top;
        }
            
/* Dashboard Map */            

.historical-log li {
    border-left: 3px solid #ADD8E6;
    color: #000;
    font-family: Courier, "Courier New", monospace;
    font-size: 13px;
    margin-top: 0.5em;
    padding: 0.5em;
}

.list-tweets {
    
}
    .list-tweets > li {
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        margin-bottom: 1.5em;
    }
    
    

/* Page /account */
img.account-pic {
    height: 48px;
    vertical-align: middle;
    width: 48px;
}
.quota_tweets .progress {
    background: none repeat scroll 0 0 #eee;
    height: 10px;
    margin-top: 6px;
    max-width: 240px;
}


/*-------------
 * Formulaires 
 *-------------*/
form {

}
    form fieldset > ul > li {
        clear:both;
        padding: 0.5em 0;
        overflow: hidden;
    }
    
    form li.li-checkbox {
        display:inline-block;
        clear:none;
    }
    
    /*form li:nth-child(odd)  { background: #fdfdfd; }
    form li:nth-child(even) { background: #fafafa; }*/
    
        form label, form .label {
            clear: both;
            display: block;
            padding: 0.4em 0;
        }
        form label, form .label, form legend {
            color: #777;
            font-size: 0.8em;
        }
        form input, form textarea, form select, .label-radio {
            color: #666;
            font-size: 0.8em;
            font-family: "Helvetica Neue", Helvetica, sans-serif;
        }
        form .label-checkbox {
            display: inline-block;
        }
        form input, form textarea, form select {
            border: 1px solid #ccc;
            -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
            line-height: normal !important;
            padding: 0.5em;
            /*width: 420px;*/
        }
        form input.invalid, form textarea.invalid, form select.invalid {
            border-color: red;
        }
        form textarea {
            height: 5em;
        }
        form input[type="submit"], form input[type="reset"] {
            cursor: pointer;
        }
        form input[type="text"], 
        form input[type="text"].size1, form textarea.size1, form select.size1 {
            width: 10em;
        }
        form input[type="text"].size2, form textarea.size2, form select.size2 {
            width: 20em;
        }
        form input[type="text"].size3, form textarea.size3, form select.size3 {
            width: 30em;
        }
        label.size0 {
            width: 5em;
        }
        form input[type="text"].size-auto, form textarea.size-auto, form select.size-auto {
            width: auto;
        }
        
        form select {
            
        }
        form input[type="radio"] {
            width: auto;
        }
        .label-radio, .label-checkbox {
            display: inline-block;
            padding: 0.4em;
        }
        .label-radio img, .label-checkbox img {
            vertical-align: middle;
        }
        .label-inline {
            display: inline-block;
            padding-left: 0.2em;
        }
        form input {
            display: inline-block;
        }
        
        form .tip {
            background: rgba(0, 0, 0, 0.03);
            -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
            font-size: 0.75em;
            font-style: italic;
            margin-left: 5px;
            padding: 0.5em;
        }
        form span.tip {
            color: #999;
        }
        form i.help {
            color: #0f73b4;
            cursor: pointer;
            opacity: 0.8;
        }
        form i.help:hover {
            opacity: 1;
        }
        
        form .preview-color {
            border: 1px solid #aaa;
            display: inline-block;
            height: 20px;
            vertical-align: middle;
            width: 20px;
        }
        
        
        
        /* Bouton "Call to action" */
        
        .submit {
            background: #2293d7;
            background-image: -moz-linear-gradient(#32aff5, #2293d7);
            background-image: -webkit-linear-gradient(#32aff5, #2293d7);
            background-image: linear-gradient(#32aff5, #2293d7);
            border: 1px solid #1d7cb5;
            box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset;
            -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em;
            color: #fff;
            cursor: pointer;
            display: inline-block;
            line-height: normal !important;
            padding: 0.5em 1em;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
            width: auto;
            vertical-align: top;
        }
        .submit:hover {
            color: #fff;
            /*border: 1px solid #2293d7;*/
            /*-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25); box-shadow: 0 1px 2px rgba(0,0,0,0.25);*/
            -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
            text-decoration: none;
        }
        .submit.inactive {
            background: #eee;
            border-color: #ddd;
            -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
            color: #999;
            text-shadow: none;
        }
        .submit:active, .submit:focus {
            -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888;
        }

        form .cancel {
            line-height: 1.8em;
            margin-left: 1em;
        }

        input:-webkit-input-placeholder, textarea:-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder { 
            color:#aaa;     
        }
        
        form fieldset {
            margin-bottom: 1.5em;            
        }
        form legend {
            border-bottom: 2px solid #ddd;
            color: #000;
            display: block;
            font-size: 1em;
            font-weight: 300;
            padding: 0.4em 0;
            width: 100%;
        }
        
        form .input-box {
            display: inline-block;
            position: relative;
        }
            form .input-box .inside-title {
                color: #aaa;
                font-size: 0.8em;
                line-height: 2.4em;
                position: absolute;
                text-indent: 0.6em;
            }
        form .open-hyperlink {
            font-size: 0.75em;
        }
        

/* Formulaire à deux colonnes */
form.two-col {
    font-size: 16px;
}
    form.two-col fieldset {
        border-bottom: 1px solid #eee;
        margin: 0 0;
        padding: 1em 0;
    }
    form.two-col.no-dividers fieldset {
        border-bottom: 0;
    }
    form.two-col fieldset:last-child {
        border-bottom: 0;
    }
        form.two-col .required {
            color: #BE252F;
        }
        form.two-col .required-message {
            font-size: 13px;
            font-style: italic;
        }
        /* Colonne gauche */
        form.two-col legend {
            border: 0;
            color: #444;
            font-size: 0.8em;
            font-weight: bold;
            padding: 0;
            width: 20%;
            float: left;
        }
        /* Colonne droite */
        form.two-col fieldset > ul {
            width: 80%;
            float: right;
        }
            form.two-col fieldset > ul > li,
            form.two-col ul.fields > li {
                padding: 0 0 0.5em;
            }
            form.two-col fieldset > ul > li:last-child, 
            form.two-col ul.fields > li:last-child { 
                padding-bottom: 1px;
            }
                form.two-col input[type="radio"] {
                    margin: 0;
                }
                form.two-col input[type="checkbox"] {
                    margin: 0 0.5em 0 0;
                }
                form.two-col .label-radio {
                    margin-right: 0.4em;
                }
                form.two-col input[type="file"] {
                    margin-top: 0.4em;
                }
                form.two-col input[data-type="date-day"] {
                    width: 7em;
                }
                form.two-col input[data-type="date-time"] {
                    width: 4em;
                }
                form.two-col fieldset.time-period > ul > li {
                    display: inline-block;
                    width: 49%;
                    vertical-align: top;
                }
                form.two-col .time-period .popover {
                    /*margin-left: -40px !important;*/
                }
                    form.two-col .time-period .popover-content {
                        font-size: 13px;
                        line-height: 1.5em;
                        max-height: 10em;
                        overflow-y: scroll;
                        padding: 0;
                    }
                        form.two-col .time-period .popover-content a {
                            color: #888;
                            padding: 0.25em 0.75em;
                        }
                        form.two-col .time-period .popover-content a:hover {
                            background: #0F69A0;
                            color: #fff;
                            text-decoration: none;
                        }

                        
                form.two-col .input-box { /* même style que les input */

                }
                    form.two-col .input-box .inside-title {
                        background: #eee;
                        border: 1px solid #ccc;
                        border-radius: 4px 0 0 4px;
                        display: inline-block;
                        color: #888;
                        line-height: normal;
                        padding: 0.5em;
                        position: static;
                        text-indent: 0;
                    }
                    form.two-col .input-box input[type="text"] {
                        border-left:0;
                        border-top-left-radius: 0;
                        border-bottom-left-radius: 0;
                    }
                form.two-col span.error {
                    color: darkred;
                    display: block;
                    font-size: 0.75em;
                    opacity: 0.8;
                    padding: 0.75em 0 0;
                }
                /*form.two-col .f-right {
                    margin-top: 0.75em;
                    margin-left: 0.75em;
                }*/
                form.two-col li.error {
                    color: #BE252F;
                    display: none;
                    font-size: 0.8em;
                    font-weight: bold;
                    padding: 1em 0;
                }
                
                form.two-col .or-separator {
                    margin-left: 0.5em;
                    margin-right: 0.5em;
                }

/* Confirmation avant achat */
.map-confirm {
    background: #f5f5f5 url(img/bg_body.jpg);
    border: 1px solid #ddd;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    font-size: 16px;
    margin: auto;
    max-width: 760px;
}
    .map-confirm .recap {
        background: rgba(255, 255, 255, 0.4);
        border-right: 1px dashed #ccc;
        float: left;
        width: 66%;
    }
    .map-confirm .wrap {
        padding: 1em;
    }
    .map-confirm h3 {
        border-bottom: 1px solid #ddd;
        padding-bottom: 0.5em;
        text-align: center;
        /*text-transform: uppercase;*/
    }
        .map-confirm .recap img {
            width: 128px;
            opacity: 0.5;
        }
    .map-confirm .summary {
        float: right;
        width: 33%;
    }
    .map-confirm .search-term {
        font-size: 1.25em;
    }
    
    .map-confirm table {
        font-size: 14px;
        margin-bottom: 2.5em;
        width: 100%;
    }
        .map-confirm table td {
            display: block;
            float: left;
            padding: 5%;
            width: 40%;
        }
        .map-confirm table td.price_item {
            text-align: right;
        }
        .map-confirm table tr.total {
            background: rgba(0, 0, 0, 0.06);
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            font-weight: bold;
        }                


.purchase-recap {
    background: #f5f5f5 url(img/bg_body.jpg);
    border: 1px solid #ddd;
    -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.08);
    font-size: 20px;
    margin: auto;
    max-width: 410px;
}
    .purchase-recap .recap {
        background: rgba(255, 255, 255, 0.4);
        border-right: 1px dashed #ccc;
        float: left;
        font-size: 1.25em;
        width: 66%;
    }
    .purchase-recap .wrap {
        padding: 1em;
    }
    .purchase-recap h3 {
        border-bottom: 1px solid #ddd;
        font-size: 1.25em;
        padding-bottom: 0.5em;
        text-align: center;
        /*text-transform: uppercase;*/
    }
        .purchase-recap .recap img {
            width: 128px;
            opacity: 0.5;
        }
    .purchase-recap .summary {
        float: right;
        width: 100%;
    }
    .purchase-recap .search-term {
        font-size: 1.25em;
    }
    
    .purchase-recap table {
        font-size: 0.8em;
        margin-bottom: 1.5em;
        width: 100%;
    }
        .purchase-recap table td {
            display: block;
            float: left;
            padding: 0.8em 5%;
            width: 40%;
        }
        .purchase-recap table td.price_item {
            text-align: right;
        }
        .purchase-recap table tr.total {
            background: rgba(0, 0, 0, 0.06);
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            font-weight: bold;
        }
        
    .paypal-purchase form {

    }
        .paypal-purchase form input {
            border: 0;
            padding: 0;
        }
                
/*-----------------
 *  Notifications 
 *-----------------*/
.notice {
    /*border-left: 3px solid #eee;*/
    /*-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/
    clear: both;
    color: #555;
    font-weight: bold;
    margin: 1em 0;
    padding: 0;
    text-align: center;
}
.notice:first-child {
    /*margin-top: 0;*/
}
.notice:last-child {
    margin-bottom: 1.5em;
}
.notice.ok {
    /*background: #D0FFA7;*/
    color: #00A308;
}
.notice.fail {
    /*background: #ffebec;*/
    color: #BE252F;
}
.notice.warning {
    /*background: #F9FB94;*/
    color: #ED8A00;
}
.notice.tip {
    /*background: #C5E2FF;*/
    color: #35ABEF;
}
    .notice p { 
        margin:4px 0;
    }
    .notice .content {
        margin:0 auto;
        position:relative;
    }
    .notice .icon {
        display:inline-block;
        display:none;
        margin-left:20px;
    }
    
    .notice ul {
        list-style-type: square;
        padding-left: 1em;
    }
    .notice li {
        margin: 0.75em 0;
    }


.warning-msg {
    color: #BE252F;
}
    

/* Homepage / présentation */

.present-service {
    margin-top: 50px;
    margin: auto;
    min-height: 200px;
    position: relative;
    width: 480px;
}
.page-homepage .present-service {
    width: auto;
}
    .present-service h2 {
        font-size: 28px;
        font-weight: 300;
        margin: 22px 0;
        padding-top: 40px;
    }
    .present-service p {
        color: #555;
        font-size: 18px;
        margin-right: 210px;
    }
    .present-service img {
        position: absolute;
        right: -30px;
        top: -20px;
        width: 200px;
    }
    .page-homepage .present-service img {
        top: -10px;
        width: 256px;
    }

.page-homepage .twitter-follow-button {
    margin-right: 40px;
}
    

/* Inscription */

.signup-process {
    margin: auto;
    position: relative;
    width: 540px;
}
    .signup-process p {
        font-size: 18px;
    }
    .signup-process input {
        font-size: 14px;
    }
    .signup-process .step0 form {
        text-align: center;
    }
    .signup-process .step0 form p {
        text-align: center;
    }
    .signup-process .step2 p {
        line-height: 26px;
        text-align: center;
        /*padding-left: 148px;*/
    }
    
    .signup-process .step2 img.avatar {
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        height: 128px;
        left: 0;
        position: absolute;
        width: 128px;
    }
    .signup-process .step2 input[type="text"] {
        padding: 6px;
        width: 200px;
    }
    
table.list-invites {
    font-size: 14px;
    margin: 1em 0;
    width: 100%;
}
    table.list-invites th {
        background: #f7f7f7;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
        color: #000;
        font-weight: 300;
        padding: 0.5em 1em;
        text-align: left;
    }
    table.list-invites td {
        padding: 1em 0;
    }
    table.list-invites tbody td {
        border-bottom: 1px solid #ddd;
    }

    
.page-list-users section.content {
    width: 100%;
    margin: 0 1em;
}    
.page-list-users table.list-invites {
    width: auto;
}



/*
 * jQuery UI Datepicker 1.8.21 (http://docs.jquery.com/UI/Datepicker#theming)
 */
.ui-datepicker { 
    display: none;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 6px;
}
.ui-datepicker .ui-datepicker-header { 
    position:relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 
    color: #aaa;
    cursor: pointer;
    font-size: 11px;
    position:absolute; 
    top: 50%;
    width: 1.8em;    
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { 
    /*top: 1px;*/ 
    color: #888;
    text-decoration: underline;
}
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 11px;
}
.ui-datepicker th {
    border: 0;
    padding: 5px 0;
    text-align: center;
}
.ui-datepicker td { /*border: 0; padding: 1px;*/ 
    background: #fcfcfc;
    border: 1px solid #eee;
    text-align: center;
    text-align: center;
    height: 24px;
    line-height: 24px;
    width: 24px;
}
.ui-datepicker td span, .ui-datepicker td a {
    color: #555;
    display: block;
}
td.ui-datepicker-unselectable {
    /*background: none;*/
    background: #f5f5f5;
}
.ui-datepicker td a:hover {
    background: #eee;
    text-decoration: none;   
}
.ui-datepicker-current-day a, .ui-datepicker-current-day a:hover {
    background: #1c88cc !important;
    color: #fff !important;
}
.ui-datepicker-today span, .ui-datepicker-today a {
    color: #1c88cc !important;
    font-weight: bold;
}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }



/* Corrections sur le Twitter Bootstrap */

.btn-large {
    padding: 8px 16px;
}

.dropdown-menu {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 12px;
}

.dropdown-menu .divider {
    margin: 3px 1px;
}

.btn-link {
    color: #0F73B4;
}

/* Media queries */

@media (max-width : 480px) {

    ul.maps > li {
        width: 49%;
    }        
    ul.maps > li:nth-child(2n) {
        margin-right: 0;
    }
    ul.maps.grid {
        text-align: center;
    }    
}