@font-face {
  font-family: "ScopikaIco";
  src: url('fonts/scopika_ico_font.ttf');
}
.scopika_ico {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ScopikaIco' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.scopika_ico-book:before {
  content: "\61";
}
.scopika_ico-chevron-up:before {
  content: "\62";
}
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 {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* 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: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
body {font:500 15px/18px 'Raleway', sans-serif; color:#23282d;-webkit-font-smoothing: antialiased;background:#f7f8f9; margin: 0;padding: 0; }
* {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
a {outline: none;text-decoration: none;color: #339dff;}
a:hover { text-decoration: underline;}
a img {border:none}
h1 {font-size:28px; }
h1#accueil{margin-bottom: 10px;}
h2 {font-size: 18px; font-weight:700;}
h2 span{font-weight: 500;}
:focus{-moz-outline-style: none;}
.clear {clear: both;}
.wrap {position: relative;width: 970px;margin: 0 auto;}
.site-container {position: relative;overflow: hidden;height: 100%;}
.blurry{filter:blur(20px);-webkit-filter:blur(20px);}
.stopScrolling{height: 100%!important;overflow: hidden;}
#page-edit_iframe{padding: 0;margin: 0;}
.content { margin:90px 0 0 0; }

/* Loader */
.loader{width:40px;height:40px;margin:0;background-color:#3498db;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;-webkit-animation:scaleout 1.0s infinite ease-in-out;-moz-animation:scaleout 1.0s infinite ease-in-out;-ms-animation:scaleout 1.0s infinite ease-in-out;-o-animation:scaleout 1.0s infinite ease-in-out;animation:scaleout 1.0s infinite ease-in-out;position: absolute; top: 0; right: 0;}
@-webkit-keyframes scaleout{0% { -webkit-transform: scale(0.0) } 100% {-webkit-transform: scale(1.0);opacity: 0;}}
@keyframes scaleout{0% { transform: scale(0.0);-webkit-transform: scale(0.0);} 100% {transform: scale(1.0)-webkit-transform: scale(1.0);opacity: 0;}}

/* Header */
#header{ height:60px; width:100%; z-index:500; font-size:14px; background:#23282d; margin:0; padding:0;}
.header-logo {float:left; cursor:pointer; display:block; width:170px; height:50px; margin:5px 0 0; background: url(../images/logo.png) no-repeat top left; background-size:contain;}
.header-navright{ float: right; margin:22px 0 0; text-align: right; display: block; }
.header-navright h2 { float:left; color:#fff; font-weight:700; font-size:15px; }
.header-statut{width: 192px;}
.header-connect{width:570px; margin: 10px 0 0 0; }
.statut-deconnexion{ font-weight:700; color:#fff; }
.statut-deconnexion:hover{ color:#339dff; text-decoration:none; }
.header-userinfo {width:570px;}
.userinfo-links{width: 100%;line-height: 18px;}
.userinfo-links li {float:left; }
.userinfo-links li a { color:#fff; font-weight:700; margin:0 0 0 30px; }
.userinfo-links li a:hover{color: #339dff; text-decoration:none;}

/* Pageflip-breadcrumb */
.pageflips-breadcrumb{ position:fixed; top:60px; width: 100%; background:#fff; height:60px; line-height:60px; overflow:hidden; -moz-box-shadow: 0 0 18px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 18px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 18px 0 rgba(0,0,0,0.2); box-shadow: 0 0 18px 0 rgba(0,0,0,0.2); z-index:100;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.pageflips-breadcrumb.sticky { position:fixed; top:0; }
.pageflip-title{float: left; text-transform:uppercase; font-size:26px;  color: #1f1d21;}
.pageflips-menu{float: right;}
.pageflips-menu li{float:right; height:32px; margin:12px 0 0 20px; padding:0 10px; border:solid 2px #fff; -webkit-border-radius:18px; border-radius: 18px; line-height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  }
.pageflips-menu li:hover { border:solid 2px #339dff; }
.pageflips-menu li a { font-weight:700; }
.pageflips-menu li a:hover{ text-decoration:none; }
.pageflips-menu li.select a{color:#23282d;}
.pageflips-menu li.select:hover { border:solid 2px #fff; }


/* Menu edit */
.menu-edit {width: 100%;margin: 0 0 30px 0;}
.menu-edit__elem {width: 474px; display: block;float: left;margin: 0 18px 0 0;position: relative;}
.elem-btn{ float:left; display:block; width:100%; min-height:100px; cursor:pointer; position:relative; background:#339dff; color:#fff; border:solid 2px #339dff; padding:10px 15px 10px 75px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.elem-btn span {font-size:18px; display:block; margin:2px 0 0 0;}
.elem-btn p {font-size: 12px; line-height: 1.2em; margin-top:5px;}
.elem-btn p.titre {font-size: 21px; font-weight:700;  margin: 0 0 15px 0; line-height: 1.2em; }
.menu-edit__important {margin: 0 22px 0 0;}
.menu-edit__last{margin: 0;}
.menu-edit__important .elem-btn { background:#339dff url(../images/import.png) 10px 10px no-repeat; background-size:55px;  }
.menu-edit__last .elem-btn { background:#339dff url(../images/intercalaire.png) 10px 10px no-repeat; background-size:55px;  }
.menu-edit__important .elem-btn:hover, .menu-edit__last .elem-btn:hover { background-color:#fff; color:#339dff;  }

.elem__delete {position: absolute;top: 11px;right: 11px;width: 16px;height: 16px;background: url(../images/delete.png) top right no-repeat;z-index: 99999;}

.menu-edit__filelist{width: 100%;display: block;margin:0;float: left;}
.filelist-elem{width: 100%;float: left;font-family: Arial, sans-serif;font-size: 15px;font-weight: normal;color: #1f1d21;padding: 10px 34px 10px 10px;margin: 10px 0 0 0;position: relative;}
.filelist-elem span{font-size: 11px; color: #5f6062;}
.progressbar{display: block;width: 100%;position: relative;background: #dfdde0;height: 10px;margin: 6px 0;}
.progressbar .progress{position: absolute;top: 0;left: 0;bottom: 0;background: #55ce2c;}
.filelist-elem.traitement .progress{background: url(../images/progress.gif) repeat top left; -webkit-animation:progress 0.5s linear infinite;animation:progress 0.5s linear infinite;}
.filelist-elem .elem__close{position: absolute;top: 36px;right: 10px;width: 7px;height: 6px;background: url(../images/closeGray.gif) top left no-repeat;cursor: pointer;}

/* pageslist */
.pageslist {width: 100%;}
.pageslist-page { width:231px; display: block;float: left;margin: 0 0 20px; cursor:move; background:#FFF; border:1px solid #dfdde0 ;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.08); -moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.08); box-shadow:0 0 6px 0 rgba(0,0,0,0.08); position: relative;}
.pageslist-blank{cursor: default;border: none;width: 232px;}

.pageslist-page:nth-child(2n+1) { border-right: none; }
.pageslist-page:nth-child(2n+1) .page-preview{margin-right: 0;}
.pageslist-page:nth-child(2n){border-left: none; }
.pageslist-page:nth-child(2n) .page-preview{ }
.pageslist-page:nth-child(4n+2){margin-right: 20px;}
.pageslist-page:nth-child(2){border:solid 1px #dfdde0; }
.pageslist-page:nth-child(2) .page-preview{ }

.pageslist-page:hover{background: #f4f4f5;}
.pageslist-hover:hover:after{ content: attr(data-title); position:absolute; top:-53px; left:0; padding:8px; background:#fff; border:2px solid #dfdde0; -moz-box-shadow:0 0 18px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 0 18px 0 rgba(0,0,0,0.2); -o-box-shadow:0 0 18px 0 rgba(0,0,0,0.2); box-shadow:0 0 18px 0 rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.2), Direction=135, Strength=18); -webkit-border-radius:4px; border-radius:4px; z-index:5; }
.pageslist-hover:hover:before{content: ""; position: absolute;top: -17px;left:5px; height:8px; width:15px; background: url(../images/bubble.png) no-repeat top left; background-size:15px; z-index: 9;}
.pageslist-page.pageslist-hover .page-nav{background: url(../images/index.png) no-repeat 5px 7px; background-size:20px; }

.page-nav{width: 100%;height: 39px;float: left;display: block;position: relative;margin: 0 0 1px 0;font-family: arial, sans-serif;font-weight: normal;font-size: 16px;color: #34495e;}
.page-ordering{display: block;width: 95px;height: 30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin: 5px auto 0;position: relative;}
.page-ordering .ordering{width: 50px;float: right;height: 30px;display: block;text-align: left;line-height: 30px;font-family: Arial, sans-serif;font-weight: normal;color: #a9aaac;font-size: 18px;}
.page-ordering .page-input{width: 45px;text-align: right;border:none;outline: none;background:transparent;padding: 0 5px;color: #2e2d30;}
.page-ordering .valid {position: absolute;right: -25px;top: 5px;width: 17px;height: 17px;background: url(../images/valid.png) no-repeat top left;display: none;}

.nav-delete{position: absolute;top: -5px; right: 8px;cursor: pointer;width: 38px;height: 38px;background: url(../images/delete.png) top left no-repeat;}

.page-preview{ float:left; display:block; height:327px; position:relative; width:100%; }
.page-preview div.page-preview__view {width: 100%;height: 100%;background-position: 50% 50%;background-color: #fff;background-repeat: no-repeat;background-size: contain;}

.loadPagination{width: 100%;cursor: pointer;text-align: center;}
.page-preview__hover{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0, 0.5) url(../images/loupe.png) center center no-repeat;display: none!important;cursor: pointer; }
.pageslist-page:hover .page-preview__hover{display: block!important;}
.pageslist-hover .page-preview { }
.pageslist-page:nth-child(2n+1) .page-preview .page-preview__view {background-position: right 50%;}
.pageslist-page:nth-child(2n) .page-preview .page-preview__view {background-position: left 50%;}
.pageslist-page:nth-child(2) .page-preview .page-preview__view {background-position: right 50%;}
/* Switch element */
.checkbox input{display: none;}
.checkbox{position: absolute;right: 0;top: 0;width: 49px;height: 24px;display: inline-block;}
.switch{width: 49px;display: inline-block;vertical-align: middle;overflow: hidden; cursor: pointer; }
.switch .switch-container{width: 80px;display: inline-block;margin-left: -25px;height: 24px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.switch .on, .switch .off{float: left;background:#339dff; width: 50%;height: 24px;display: inline-block;padding: 4px 0;text-align: center;color: #FFF;font-size: 15px;line-height: 22px;font-weight: 500;z-index: 1;position: relative;}
.switch .on{ }
.switch .off{ background-color: #ddddde;}
.switch .mid{display: inline-block;height: 24px;width: 24px;background-color:#FFF; margin-right:-15px; margin-left:-15px;float: left;z-index: 9;position: relative; border: 2px solid #ddddde;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;}
.switch input:checked + .switch-container{margin: 0;}
.switch input:checked + .switch-container .mid { border-color: #339dff;}

/*Radio element*/
.radio{width: 24px; height: 24px;float: right;margin: 7px 10px 0 0;}
.radio input[type=radio]{display: none;}
.radio label{display:block; width: 24px;height:24px; background: #ddddde; border:2px solid #ddddde;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-moz-box-shadow: inset 0px 0px 0px 3px #f7f8f9;-webkit-box-shadow: inset 0px 0px 0px 3px #f7f8f9;-o-box-shadow: inset 0px 0px 0px 3px #f7f8f9;box-shadow: inset 0px 0px 0px 3px #f7f8f9;filter:progid:DXImageTransform.Microsoft.Shadow(color=#f7f8f9, Direction=NaN, Strength=0);cursor: pointer;}
.radio input[type=radio]:checked + label {background-color: #339dff;border-color: #339dff;}

/* Config */
.container-config h2, .container-list h2{ position:relative; font-size:20px; line-height:23px; color:#23282d; margin:15px 0; }
.partage, .integrer, .mail, .personnalisation, .modif-titre, .pdf-assoc, .section-config { float:left; width:100%; padding:0 15px; border: solid 2px #e5e6e7; margin:0 0 30px 0;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.partage:hover, .integrer:hover, .mail:hover, .personnalisation:hover, .modif-titre:hover, .pdf-assoc:hover, .section-config:hover { background:#fff;     -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.15); box-shadow: 0 0 12px 0 rgba(0,0,0,0.15);}

.container-config hr {padding:0; height:2px; background-color:#e5e6e7; border:none; width:100%; margin:15px 0;}
.section-list{ width: 100%; position: relative;  }
.container-config .title{line-height:48px;font-size: 17px; color:#23282d; font-weight:700; padding: 0 0 0 15px; position: relative;}
.container-config .title:before{content: ""; position: absolute; width: 10px; height: 2px;background-color:#23282d;top:23px;left: 0;}

/* Account Config*/

.input-account { height:40px; width: 50%; width: calc(50% - 10px); display: inline-block; border:solid 2px #e5e6e7; outline:none; font:500 15px'Raleway', sans-serif; color: #54575a; padding: 0 5px; margin-bottom: 10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
#input-login, #input-password { width: 50%; width: calc(50% - 10px); display: inline-block; margin-bottom: 10px; background:#f7f8f9; }
#input-password { background:#fff; }
.input-account:hover, .input-account:focus { border: solid 2px #339dff; }
.header-connect #input-login, .header-connect #input-password { width: inherit; }



/* Mail Form */
.input-mail { width:100%; display:block; background:#fff; font:500 15px/36px 'Raleway', sans-serif; border: solid 2px #e5e6e7; outline: none; color:#707271; height: 90px; padding: 5px;margin-bottom: 10px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s; }
.input-mail:hover { border: solid 2px #339dff; color: #25282a;}
input[type=text].input-mail{ height:40px; line-height:40px; margin-bottom:10px; padding:0 5px;}
.valide-share-btn { color: #FFF; border: solid 2px #339dff; outline: none; height:36px; padding: 0 15px; margin:0 0 15px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; background: #339dff; -webkit-appearance: none; font: 700 17px/18px 'Raleway', sans-serif; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.valide-share-btn:hover { background: #fff; color:#339dff; }

/* List */
.section-list{margin-bottom: 10px;padding:10px 0;}

/* Input */
.nouveau-mdp { margin:30px 0 0 0; }
.label-form { float:left; line-height:40px; background: #e5e6e7; width:200px; padding: 0 10px}
#label-title, #label-background, #label-textcolor, #label-menucolor {margin: 0}
.input-login { float:left; width:150px; height:40px; background:#fff; border: solid 2px #e5e6e7; outline:none; font:500 15px/20px 'Raleway', sans-serif; color:#707271; padding:0 5px; margin-right: 5px;}
.input-login.lost-login {width: 300px;}

.section-list .input-container{width: 840px;display: inline-block;}
.container-config .configuration-input, .section-list .configuration-input{width:100%; display: block; height:36px; }
.container-config .configuration-input input[type=text], .section-list .configuration-input input[type=text]{ width:100%; height:40px; display:block; float:left; background:#fff; border: solid 2px #e5e6e7; outline:none; font:500 15px/20px 'Raleway', sans-serif; color:#707271; margin:0 0 10px 0; padding:0 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.container-config .configuration-input input[type=text]:hover, .section-list .configuration-input input[type=text]:hover{ border: solid 2px #339dff; color:#25282a; }
.titre-input input[type=text] { width:100%; height:40px; display:block; float:left; background:#fff; outline:none; font:500 15px/20px 'Raleway', sans-serif; color:#707271; margin:0 0 10px 0; padding:0 5px; border:solid 2px #e5e6e7; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s;  }
.titre-input input[type=text]:hover { color:#25282a; border:solid 2px #339dff; }




.section-list .configuration-input{width: 863px;}
.section-list .configuration-input input[type=text]{width:663px;}

.container-config .input-color{ border:solid 2px #e5e6e7;  padding: 0 0 0 36px; margin:0 0 10px 0; position: relative; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s; }
.container-config .input-color:hover { border:solid 2px #339dff; }
.container-config .input-color .configuration-input label{ display:none; }
.container-config .input-color .configuration-input input[type=text]{width:80px; height:36px; padding:0 5px!important; border-width:0 0 0 2px; }
.container-config .input-color .minicolors{position: static!important;}
.container-config .input-color .minicolors-swatch{ top:0!important; left:0!important; width:36px!important; height:36px!important; overflow:hidden; border: solid 2px #fff;  }
.container-config .input-color .minicolors-position-bottom .minicolors-panel{ left:118px!important;}
.container-config .input-color .minicolors-swatch{background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RUYxMDFFNTM4RDUxMUU0QkZDRTlFRUZGNzUzQ0ExMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RUYxMDFFNjM4RDUxMUU0QkZDRTlFRUZGNzUzQ0ExMiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVFRjEwMUUzMzhENTExRTRCRkNFOUVFRkY3NTNDQTEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVFRjEwMUU0MzhENTExRTRCRkNFOUVFRkY3NTNDQTEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0Hq+NwAAACZJREFUeNpi/P//PwMSOHfuHDKXiQEvoKk0C5pbjIyMBovTAAIMACzsCH3ckBIWAAAAAElFTkSuQmCC") top left repeat!important;}

.btn-info {height:40px; padding:0 15px; font:700 17px/36px 'Raleway', sans-serif; color:#FFF; border:solid 2px #339dff; background:#339dff; outline:none; -webkit-border-radius:6px;-moz-border-radius:6px; border-radius:6px; cursor: pointer; -webkit-appearance: none;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s;}

.btn-info:hover {color: #339dff; background:#fff;  }

.container-config .form-btn{margin: 10px 0; float: right;}
.section-list .form-btn{float: right;}
.section-color label{float: left; line-height: 40px; background: #e5e6e7; width:316px; padding: 0 5px; }
.section-color .input-color {float: left; }

/* Disable container */
.input-container-disable{width:100%; height:40px; float:left; border:2px solid #e5e6e7; background:#FFF; position:relative; margin-bottom: 10px;}
.input-container-disable label{height: 30px;display: inline-block;line-height: 30px;font-size: 15px; font-weight: normal;font-family: Arial, sans-serif;color: #a9aaac;padding: 0 4px;}
.input-container-disable input[type=text]{ border:none; outline:none; width:100%; padding:0 5px; background:#e5e6e7; font:500 15px/40px 'Raleway', sans-serif; }
input.input-container-disable{ border:none; outline:none; width:100%; padding:0 5px; background:#e5e6e7; font:500 15px/40px 'Raleway', sans-serif; }

/* Social */
.social {width:40px; height:40px; display: block; float: left;margin: 0 5px 10px 0;background: url(../images/social.jpg) top left;     background-size: cover; border:solid 2px #ddddde;  -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s; transition:all 0.3s; }
.social-fb{background-position: -36px 0;}
.social-twitter{ background-position: -72px 0;}
.social:hover { border:solid 2px #339dff; }


/* table */

.section-list table, .section-list tbody { display:block; width:100%; font-size:15px; font-weight:700; }
.section-list tbody { border:solid 2px #e5e6e7; }
.section-list tr{ width:100%; display:inline-table; line-height:40px; border-bottom:2px solid #e5e6e7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.section-list tr:last-child { border-bottom:none;}
.section-list tr:hover { background:#fff; }
.section-list td { display:inherit; margin: 0 14px;}
.section-list td.title { width:450px; }
.section-list td.title .id { display:none; }

/* Popup intercallaire */
.popup-intercalaire{position: fixed; z-index: 999999;width: 360px; height: 120px;top: calc(50% - 50px);left: calc(50% - 180px);background: #fff;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;}
.popup-intercalaire #createintercalaire{display: inline-block;}
.input-insert-intercalaire{width: 50%;width: 40px;display: inline-block;background: #f4f4f5;border: none;outline: none;color: #848587;font-size: 15px;font-family: Arial, sans-serif;font-weight: normal;height: 90px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 5px;}
input[type=text].input-insert-intercalaire{height: 30px;line-height: 30px;padding: 0 6px;margin: 5px;}
.btn-info #createintercalaire {display: inline-block;}

/* Site-container */
.container {width: 100%; margin:30px 0;}
.container-uni{padding: 30px 0; }
.container-config .elem-btn{ }
.container-config .elem-btn:after{ }
.container-config .elem-btn:hover, .container-config .elem-btn.hover{ background:#f4f4f5; color: #339dff;  }
.container-config .elem-btn:hover .elem-image {background-position: bottom left;}
.container-config .elem-btn:before{ }
.btn-config{width: 41px;height: 20px;display: inline-block;background: url(../images/btn.gif) no-repeat top left;vertical-align: middle;}
.btn-right{background-position: bottom;}

/* Pdf associate */
.pdf-delete { float:right; width:26px; height:26px; margin:5px 0 0; background:#fff url(../images/delete.png) top left no-repeat; background-size:cover; border:solid 2px #e5e6e7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.pdf-delete:hover { border:solid 2px #339dff; }
p.pdf-info { margin:15px 0; font-size:13px; font-style:italic; line-height: 13px; color: #63656a; background:url(../images/picto-pdf.png) top left no-repeat; background-size:30px; padding:3px 0 3px 30px; }
p.pdf-liste { padding: 0 5px; background: #e5e6e7; font: 500 15px/40px 'Raleway', sans-serif; }

/* Row */
.row {width: 100%;display: block;margin: 0;}
.row .grid6 { width:470px; margin: 0;float: left;display: block;position: relative;}
.row .grid-right{float: right;}

/* Overlay */
.overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999;background: rgba(0,0,0,0.4) url(../images/loader.gif) center center no-repeat;}
.page-edition {width: 970px;height: 620px;display: block;overflow: hidden;position: absolute;top: 50%;left: 50%;background: transparent;margin: -310px 0 0 -485px;opacity:1;-webkit-animation: showDown 0.4s ease-out 1;animation: showDown 0.4s ease-out 1;}

/* Flash message */
.alert {width:100%;height: 70px;line-height: 70px;text-align: center;border: 1px solid #fff;font-weight: bold;}
.alert-success {color: #fff;background-color: #2ecc71;border-color: #d6e9c6;}
.alert-error {color: #fff;background-color: #e74c3c;border-color: #eed3d7;}

/* CSS3 transition */
@-webkit-keyframes progress{
	from{background-position: 0 0;}
	to{background-position: 12px 0;}
}
@keyframes progress{
	from{background-position: 0 0;}
	to{background-position: 12px 0;}
}
@-webkit-keyframes apparition{
	from{opacity: 0;background-position: center left;}
	to{opacity: 0.8; background-position: center center;}
}
@keyframes apparition{
	from{opacity: 0;background-position: center left;}
	to{opacity: 0.8; background-position: center center;}
}
@-webkit-keyframes showDown{
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}
@keyframes showDown{
	0%		{opacity: 0;}
	100%	{opacity: 1;}
}


/* Mobile screen */
/*@media only screen and (max-width:970px){
	.wrap {width: 100%;margin:0;padding: 0 2px;}
	/* Header /
	#header{height: auto;padding-bottom: 5px;}
	.header-statut{width: 100%;}
	.header-logo{display: block;margin: 0 auto;float: none;}
	.header-navright{display: block;float: left;width: 60%;}
	.header-statut{width: 30%; float: right;}
	/* Section /
	.section-list .input-container{width: calc(100% - 92px);}
	.section-list .configuration-input{width: 100%;}
	.section-list .configuration-input input[type=text]{width: calc(100% - 50px);}
	.section-list td{margin: 0 4px;height: 40px; overflow: hidden;}
	.section-list td.title{width: 100%;text-align: center;max-width: 100%;}
	.section-list tr {height: auto;}
}*/