@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Light.ttf') format('truetype');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-LightItalic.ttf') format('truetype');font-weight: 300;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Regular.ttf') format('truetype');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Italic.ttf') format('truetype');font-weight: 400;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Semibold.ttf') format('truetype');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-SemiboldItalic.ttf') format('truetype');font-weight: 600;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-Bold.ttf') format('truetype');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-BoldItalic.ttf') format('truetype');font-weight: 700;font-style: italic;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-ExtraBold.ttf') format('truetype');font-weight: 800;font-style: normal;}
@font-face {font-family: 'Open Sans';src: url('Open_Sans/OpenSans-ExtraBoldItalic.ttf') format('truetype');font-weight: 800;font-style: italic;}
@font-face {font-family: 'Phosphate';src: url('PhosphateSolid.ttf') format('truetype')}

* {-webkit-tap-highlight-color: rgba(0,0,0,0);outline:0}
html, body {-webkit-text-size-adjust: none;font-size:14px;padding:0;margin:0;font-family:'Open Sans';}
input,textarea,select {font-family:'Open Sans';background-color:#fff;width:100%;height:2em;outline:0;border:1px solid #f1f1f1;font-size:1em;padding:0.5em 0;margin:0.5em 0;vertical-align:bottom;resize:none;-webkit-appearance:none}
input[type=submit] {height:3em;font-weight:800;text-align:center;text-transform:uppercase;box-shadow:3px 3px 0 rgba(0,0,0,0.1);cursor:pointer;font-size:0.8em}
input[type=text],input[type=password],textarea {text-indent:0.5em}
select {width:auto;height:3em;text-indent:0.5em;border-radius:0}
input[type=checkbox] {width:2em;height:2em;border-radius:50%}
input[type=checkbox]:checked {background-color:#219b8b;background-image:URL('../img/ico_checked.png');background-repeat:no-repeat;background-position:center center;background-size:25%}
h1 {padding:0;margin:0;font-weight:800;font-size:2em;text-transform:uppercase;color:#c90032}
h2 {padding:0;margin:0;font-weight:800;font-size:1.25em;text-transform:uppercase;color:#c90032}

#header {position:relative;width:100%;padding:1em 0;background-color:#1d1d1d
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5d66e+50,219b8b+100 */
background: #1d1d1d; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #1d1d1d 50%, #555555 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #1d1d1d 50%,#555555 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #1d1d1d 50%,#555555 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d1d1d', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#logo {position:relative;width:300px;height:80px;margin:auto;background-image:URL('../img/logo.png');background-repeat:no-repeat;background-position:center center;background-size:contain}
#msg {display:none;background-color:#ddeeff;padding:1em;font-weight:400;text-align:center}
.frame {width:85%;margin:auto}
.ombrexy {box-shadow:2px 2px 0px rgba(0,0,0,0.1);}
.padding {padding:1em}
.center {text-align:center}
.gnl {font-weight:600}
.bulle {width:3em;height:2.15em;padding-top:0.85em;background-color:rgba(0,0,0,0.1);border-radius:50%;text-align:center;color:#fff;font-weight:800;transition: border-radius .15s, background-color .5s;}
#bulle_account {position:absolute;top:1em;right:1em;background-image:URL('../img/ico_account.png');background-repeat:no-repeat;background-position:center center;background-size:40%}
#ico_back {position:absolute;top:1em;left:1em;background-image:URL('../img/ico_back.png');background-repeat:no-repeat;background-position:center center;background-size:40%}
.fond_blanc {background-color:#fff}

/* WEB INDEX */
.frame_blanc {width:75%;background-color:#fff;box-shadow:10px 10px 0px rgba(0,0,0,0.1);padding:2em;margin:3em auto}
#demo {width:66%;max-width:625px;margin:3em auto 0 auto}
#demo img {width:100%;max-width:625px}
.platforms {width:50%;min-width:300px;max-width:400px;margin:auto}
.platforms td {width:50%;max-width:200px}
.platforms td img {width:100%}
.err {background-color:#ff0000;color:#fff;text-align:center;font-weight:bold;padding:1em;margin:1em 0}
.envoye {background-color:#219b8b;color:#fff;text-align:center;font-weight:bold;padding:1em;margin:1em 0}
#footer {margin:3em auto;width:75%;text-align:center;color:#fff}
#footer a {color:#fff;text-decoration:none}
#footer a:hover {color:#fff;text-decoration:underline}

/* WEB SHARE */
#memo_slide {background-image:URL('../img/img_none.png');background-repeat:no-repeat;background-position:center center;background-size:50%;background-color:#f1f1f1}

/* CONNEXION */
#btn_fblogin {background-color:#4d699f;color:#fff;width:85%;height:2em;padding-top:1em;margin:1em auto;outline:0;border:0;font-size:0.8em;vertical-align:bottom;resize:none;font-weight:800;text-align:center;text-transform:uppercase;text-shadow:3px 3px 0 rgba(0,0,0,0.1);box-shadow:3px 3px 0 rgba(0,0,0,0.1);cursor:pointer}
.fb_logo {vertical-align:middle;height:50%;margin-right:0.5em;box-shadow:3px 3px 0px rgba(0,0,0,0.1)}
#zone_signup {text-align:center;font-weight:600;margin:2em auto}
#btn_signup {background-color:#219b8b;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#signup_or {font-weight:800;font-size:1em;color:#777;text-align:center}
#login_btn_login {background-color:#219b8b;color:#fff;border:0;font-weight:800}

/* INSCRIPTION */
#signup_or {font-weight:800;font-size:1em;color:#777;text-align:center}
#signup_btn_signup {background-color:#219b8b;color:#fff;border:0}

/* ACCOUNT */
#btn_logout {background-color:#219b8b;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
.label_form {display:inline-block;vertical-align:middle;height:2em}
#account_pass_error {display:none;background-color:#dd0000;color:#fff;padding:0.5em;margin-bottom:1em}
#ask_delete {background-color:#ff0000;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#box_delete {display:none}
#btn_delete {background-color:#ff0000;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#cnl_delete {background-color:#f1f1f1;padding:1em;margin:1em 0;color:#777;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}

/* INDEX */
#show_create_cat {background-color:#f1f1f1;width:100%;padding:0.5em 0;text-transform:uppercase;text-align:center;cursor:pointer;margin:0.5em 0;box-shadow:0px 2px 0px rgba(0,0,0,0.1)}
#zone_create_cat {display:none;padding:2em}
#ipt_cat_name {width:100%;border:1px solid #f1f1f1;padding:0.5em 0;font-size:1em;text-indent:0.5em}
#btn_create_cat {background-color:#219b8b;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#btn_create_cnl {background-color:#f1f1f1;padding:1em;margin:1em 0;color:#777;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}

/* CATEGORIES */
#cats_list {position:relative;width:100%}
.cat_box {position:relative;background-color:#f1f1f1;width:100%;padding:1em 0;margin:0.5em 0;box-shadow:0px 2px 0px rgba(0,0,0,0.1);text-transform:uppercase;text-indent:1em}
.cat_box a {text-decoration:none;color:#000;font-weight:600}
.cat_box_del {display:none;position:absolute;width:50px;height:100%;top:0;right:0;padding:0;background-color:#ff0000;color:#fff;text-align:center;font-weight:800;cursor:pointer;background-image:URL('../img/ico_delete.png');background-repeat:no-repeat;background-position:center center;background-size:15px}
#category_name {text-transform:uppercase}

/* CATEGORY */
#bulle_settings {position:absolute;top:0.5em;right:1em;width:2em;height:1.75em;padding-top:0.25em;background-image:URL('../img/ico_settings.png');background-repeat:no-repeat;background-position:center center;background-size:40%;background-color:rgba(0,0,0,0.1);border-radius:50%}
#btn_capture {position:relative;float:left;width:100px;height:100px;margin:0.5em;background-image:URL('../img/ico_plus.png');background-repeat:no-repeat;background-position:center center;background-size:33%;background-color:#219b8b;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
.memo_box {position:relative;float:left;width:100px;height:100px;overflow:hidden;margin:0.5em;box-shadow:2px 2px 0px rgba(0,0,0,0.1);background-image:URL('../img/img_none_150.png');background-repeat:no-repeat;background-position:center center;background-size:50%;background-color:#f1f1f1}
.memo_box img {width:100%}
.cat_title {position:relative;background-color:#f1f1f1;width:100%;font-weight:600;padding:1em 0;margin:0.5em 0;box-shadow:0px 2px 0px rgba(0,0,0,0.1);text-transform:uppercase}
.cat_title a {text-decoration:none;color:#000;font-weight:600}

/* CATEGORY SETTINGS */
#btn_settings {background-color:#219b8b;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}

/* MEMO */
#zone_img_memo {position:relative;width:100%}
#img_memo {width:100%}
#btn_share_memo {background-color:#219b8b;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#select_cat {width:50%}
#memo_note {display:none;width:85%;font-weight:600;box-shadow:2px 2px 0px rgba(0,0,0,0.1);padding:1em;margin:1em auto;text-align:center}
#zone_mod_memo_note {display:none;width:85%;font-weight:600;box-shadow:2px 2px 0px rgba(0,0,0,0.1);padding:1em;margin:1em auto;text-align:center}
#mod_memo_note {width:100%;border:1px solid #f1f1f1;padding:0.5em 0;font-size:1em;text-indent:0.5em;resize:none}
#btn_mod_note {background-color:#a5d66e;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#btn_mod_note_cnl {background-color:#f1f1f1;padding:1em;margin:1em 0;color:#777;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#memo_cat {display:none;width:85%;font-weight:600;padding:1em;margin:1em auto;text-align:center;text-transform:uppercase}
#btn_memo_del {background-color:#ff0000;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#zone_confirmdel {display:none}
#btn_memo_confirmdel {background-color:#ff0000;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#btn_memo_cnldel {background-color:#f1f1f1;padding:1em;margin:1em 0;color:#777;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}

/* CAPTURE */
#zone_image {display:none;width:250px;height:250px;border:0;margin:1em auto;background-repeat:no-repeat;background-position:center center;background-size:contain;box-shadow:2px 2px 0px rgba(0,0,0,0.1);}
#zone_category {display:none}
#my_image {width:100%;border:0}
#zone_note {display:none;width:100%;text-align:center;margin:1em 0}
#img_label {width:85%;margin:auto;padding:0.5em;font-size:1em;resize:none;border:1px solid #f1f1f1;height:5em}
#table_actions {width:100%}
#btn_camera {background-color:#a5d66e;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#btn_roll {background-color:#a5d66e;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}
#btn_save {display:none;background-color:#219b8b;padding:1em;margin:1em 0;color:#fff;text-transform:uppercase;font-size:0.8em;font-weight:800;text-align:center;box-shadow:2px 2px 0px rgba(0,0,0,0.1);cursor:pointer}