@charset "utf-8";
/* CSS Document */
a { cursor:pointer;}
body { margin:0; font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; background:#FFF; color:#333;}
textarea , input  { font-family:"Roboto", Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#333; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */    box-sizing: border-box;}

form { margin:0;}

hr + hr { display:none;}

#page404 { text-align:center; position:absolute; left:10%; width:80%; top:50%; margin-top:-100px;}
#page404 h1 { font-size:70px; margin:0; line-height:70px;}
#page404 h3 { font-size:18px; margin:0; font-weight:400;}

a.block { display:block; text-align:center; background:#FE3F00; color:#FFF; height:32px; line-height:32px; font-weight:500; font-size:90%; margin-top:2px; transition:background-color 0.2s; border:1px solid rgba(0,0,0,0.2); padding:0 5px; text-transform:uppercase;}
a.block:hover { background:#222; text-decoration:none;}
a.block.inline { padding:0 10px; display:inline-block;}

p.error { border:2px solid #E02; color:#E02; background:#FEE; padding:10px; text-transform:uppercase; font-weight:500; line-height:115%;}
p.ok { border:2px solid #0B0; color:#0A0; background:#EFE; padding:10px; text-transform:uppercase; font-weight:500; line-height:115%;}

#baseline { margin:0; padding:30px 0; background:#222; border-top:1px solid #333; color:#666; font-size:95%; text-align:center;}
#baseline a { color:#666;}
#login { max-width:460px; margin:40px auto 0 auto;  padding-top:90px; background:url(../images/logo-login.png) no-repeat center 0; text-align:center;}

#login form { margin:25px; padding:20px; background:#FFF; border:1px solid #EEE; box-shadow:0 0 25px rgba(0,0,0,0.08);}
#login form h2 { margin:0 0 15px 0; border-bottom:1px solid #DDD; padding-bottom:15px; text-align:center; font-weight:400;}
#login form p { margin:0 0 15px 0;}
#login form input { padding:5px; background:#FFF; border-radius:0; border:1px solid #DDD; height:34px; float:left; width:100%; display:block; margin:0;}

#login table.table_login { width:100%; margin:0 auto;}
#login table.table_login th { text-align:right; width:100px; padding-right:5px; font-weight:300;}
#login hr { border:0; border-top:1px solid #DDD; margin:15px 0;}
#login a.login { display:block;  margin:0 auto; text-align:center; background:#FE3F00; color:#FFF;  transition:background-color 0.2s; height:38px; overflow:hidden; }
#login a.login:hover { background-color:#222;}
#login a.login span { display:inline-block; height:38px; line-height:38px; font-weight:400; font-size:115%; padding-left:22px; margin-left:-10px; background:url(../images/key.png) no-repeat 0 center; text-transform:uppercase;}


p.button a { display:inline-block;  margin:0 auto; text-align:center; background:#FE3F00; color:#FFF;  transition:background-color 0.2s; height:32px; line-height:32px; padding:0 8px; overflow:hidden; font-weight:400; text-align:center; min-width:50px; margin:0 1px; border:1px solid rgba(0,0,0,0.2); border-radius:2px;}
p.button a:hover { background-color:#222; text-decoration:none;}




p.button_main_form {}
p.button_main_form a { display:inline-block;  margin:0 2px 0 0; text-align:center; background:#57C784 no-repeat 10px center; color:#FFF;  transition:background-color 0.2s; line-height:120%; padding:15px 15px; overflow:hidden; font-weight:400; text-align:center; min-width:50px; border:1px solid rgba(0,0,0,0.2); border-radius:2px; font-size:120%; }


p.button_main_form a:hover { background-color:#222; text-decoration:none;}

p.button_main_form.small a { font-size:105%; padding:10px; background-position:6px center; }
p.button_main_form.small a.export {  background-image:url(../images/admin/big-export.png); padding-left:40px;  }

p.button_main_form a.add { background-image:url(../images/admin/big-add.png); padding-left:46px;}
p.button_main_form a.maj { background-image:url(../images/admin/big-maj.png); padding-left:46px;}


p.button-all { height:34px; line-height:34px; margin:20px 0; }
p.button-all a { float:right; height:34px; line-height:35px; margin:0 0 0 5px; padding:0 30px 0 10px; font-weight:500; color:#888; text-decoration:none; background:#F6F6F6 no-repeat right 0 url(../images/arrow-btn.png); text-transform:uppercase; font-size:90%; transition:all 0.2s; border:1px solid #E3E3E3; border-radius:2px;}
p.button-all a:hover { background-color:#222; color:#FFF; background-position:right -34px; box-shadow:0 0 5px rgba(0,0,0,0.3);}



h2 a.admin { float:right; font-weight:400; background:#57C784 center 0; margin:-3px 0 0 0; height:32px; width:32px; overflow:hidden; text-indent:-5000px; border:1px solid #rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); transition:background 0.2s; margin-left:2px;}
h2 a.admin:hover { background-color:#222; background-position:center -32px;}
h2 a.admin.add { background-image:url(../images/admin/big-add.png);}


h2 a.options { float:right; font-weight:400; background:#FE3F00 center 0; margin:-3px 0 0 0; height:32px; width:32px; overflow:hidden; text-indent:-5000px; border:1px solid #rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); transition:background 0.2s; margin-left:2px;}
h2 a.options:hover { background-color:#222; background-position:center -32px;}
h2 a.options.prev { background-image:url(../images/admin/big-left.png);}
h2 a.options.next { background-image:url(../images/admin/big-right.png);}





#header { padding:40px 0 30px 0; background:#222;}
#main_menu { background:#222; text-align:right; padding:8px 0; border-top:1px solid #333; line-height:34px;}
#main_menu a { display:inline-block; margin:0 0 0 20px; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:90%; font-weight:500; transition:color 0.3s;}
#main_menu a:hover { color:#FE3F00;}


#admin_menu { background:#57C784; text-align:left; padding:8px 0; border:1px solid #333; border-width:1px 0; line-height:34px;}
#admin_menu .center:before { display:inline-block; float:left; background:url(../images/gear.png) no-repeat center center; width:30px; content:""; margin-right:10px; height:34px; position:relative;}
#admin_menu a { display:inline-block; margin:0 20px 0 0; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:90%; font-weight:500; transition:color 0.3s;}
#admin_menu a:hover { color:#000;}




#header h1 { float:left; margin:0;}
#header h1 a { display:block; background:url(../images/logo.png) no-repeat center center; height:85px; width:208px; overflow:hidden; text-indent:-5000px;}

a { text-decoration:none; color:#FE3F00; outline:none;}
a:hover { text-decoration:underline;}

.al-r { text-align:right;}
.al-c { text-align:center;}

#menu_footer { margin:0 -5px;}

#footer { padding:40px 0 30px 0; background:#222; border-top:10px solid #FE3F00;}
#footer .center { padding-top:80px; background:url(../images/logo-footer.png) no-repeat 0 0}
#footer .col { float:left; width:25%;line-height:125%; }
#footer .col div.content { margin:0 5px; background:#202020; box-shadow:0 0 15px rgba(0,0,0,0.4);}
#footer .col a.main { padding:10px; display:block; background:#FE3F00; color:#FFF; text-decoration:none; font-weight:500; font-size:120%; margin:-5px -5px 10px -5px;}

#footer .col a.sub { font-weight:400;  color:#FE3F00; text-decoration:none; }
#footer .col a.sub:hover { text-decoration:underline;}

#footer .col ul { margin:0; padding:5px; list-style:none;}

#footer .col ul ul { padding:4px 10px;  }
#footer .col ul ul li { margin:4px 0; }
#footer .col ul ul ul { padding:2px 0;  }
#footer .arrow { padding-left:12px; background:url(../images/arrow-list.png) no-repeat 0 center;}
#footer .arrow a { color:#BBB; text-decoration:none;}
#footer .arrow a:hover { color:#FFF; text-decoration:underline;}


#footer a span.files { display:none; }


#search { float:right; margin:20px 0 10px 0;}
#search input { background:#FFF; padding:10px; border:0; height:34px; float:left; width:250px; border-radius:0;}
#search a { float:left; border-left:1px solid #DDD; height:34px; width:34px; background:#EEE no-repeat 0 0 url(../images/search.png); transition:background 0.2s; font-family:"Roboto", Arial, Helvetica, sans-serif; font-size:100%;}
#search a:hover { background-color:#FE3F00; background-position:0 -34px; }

#recap { background:#FE3F00; text-align:left; padding:5px 0; line-height:40px; color:#FFF; font-size:110%;}
#recap strong { font-weight:500;}


#recap .picture { float:left; width:40px; height:40px; background:#FFF no-repeat center center; border-radius:2px; margin-right:8px; background-size:cover;}
#recap a { color:#FFF; display:inline-block; background:no-repeat 0 center; line-height:40px;}
#recap a.logout { padding-left:25px; background-image:url(../images/logout.png);  }
#recap a.config { padding-left:25px; background-image:url(../images/gear.png);  }


#ariane { padding:15px 10px; line-height:115%; background:#F8F8F8; border-bottom:1px solid #DDD; font-weight:400; font-size:100%; margin:0;  }
#ariane strong { font-weight:400;}


.center { width:94%; max-width:1450px; margin:0 auto; }

.col-left { float:left; width:66%; margin:10px 0;}
.col-right { float:right; width:30%; margin:10px 0;}


.col-left h2 { font-weight:700; font-size:190%; margin:30px 0 15px 0; padding:10px 0 10px 40px; background:no-repeat 0 center; color:#000; border-top:2px solid #555; line-height:100%;}
.col-left h2.small { font-size:160%; border-top-width:1px; padding:8px 5px 8px 30px;}
.col-left h2.small em { font-weight:400; font-style:normal; color:#888; font-size:85%;}

.col-left img { max-width:100%; height:auto;}


.col-left h2.small.files {  background-image:url(../images/title-files-small.png);   }

.col-left h2.small.comments {   background-image:url(../images/title-comments-small.png);  }


.col-left h2.news { background-image:url(../images/title-news.png);}
.col-left h2.agenda { background-image:url(../images/title-agenda.png);}
.col-left h2.files { background-image:url(../images/title-files.png);}
.col-left h2.page { background-image:url(../images/title-page.png);}
.col-left h2.comments { background-image:url(../images/title-comments.png);}
.col-left h2.options { background-image:url(../images/title-options.png);}
.col-left h2.refuse { background-image:url(../images/title-refuse.png);}
.col-left h2.users { background-image:url(../images/title-users.png);}



.box { padding:10px; background:#F8F8F8; border:1px solid #DDD; font-size:105%;}
.box strong { display:block; font-size:120%; color:#E02; line-height:150%; font-weight:500;}

.col-right .content { background:#F8F8F8;  border:3px solid #DDD;  margin:30px 0; padding:10px 20px;}

.col-right .content h2 { margin:10px 0; color:#FE3F00; font-weight:700; font-size:130%; font-style:italic; line-height:100%;}
.col-right .content p.intro { font-weight:500; margin:10px 0;}

.col-right hr { border:0; border-top:1px solid #DDD;  border-bottom:1px solid #FFF; margin:20px 0;}

.col-right .content h3 { margin:15px 0; font-weight:700; font-size:120%; font-style:italic; background:url(../images/bullet.png) no-repeat 0 center; padding-left:18px; line-height:100%;}

.col-right .content h3 a { color:#333;}



.col-right .user { border:1px solid #DDD; padding:8px; height:60px;  margin:5px 0; display:block; background:#FFF; text-decoration:none; cursor:default; overflow:hidden;}
.col-right .user span.picture { float:left; background:#FFF no-repeat center center; box-shadow:0 0 0 2px #FFF inset; background-size:cover; height:60px; overflow:hidden;  width:17%; border:1px solid #DDD; margin:-1px; max-width:55px;}
.col-right .user span.name { float:left; background:#FFF; overflow:hidden; line-height:17px; margin:12px 0 0 0; height:34px; overflow:hidden; width:80%; margin-left:2%;}
.col-right .user span.name strong { display:block; color:#222; font-size:100%; font-weight:700;}
.col-right .user span.name em { font-style:normal; color:#FE3F00;  }

.col-right .actu { border:1px solid #DDD; padding:10px; margin:5px 0; display:block; background:#FFF; text-decoration:none; cursor:pointer; overflow:hidden; color:#333; text-decoration:none; transition:border-color 0.2s; }
.col-right .actu:hover { border-color:#999;}
.col-right .actu span { color:#FE3F00; }
.col-right .actu strong { display:block; margin:5px 0; font-weight:400; color:#000;}


#content { padding:5px 0 20px 0;}

.clear { clear:both;}


.col-right .link { border:1px solid #DDD; padding:10px 10px 10px 35px; margin:5px 0; display:block; background:#FFF no-repeat 10px center url(../images/link.png); text-decoration:none; cursor:pointer; overflow:hidden; color:#000; text-decoration:none; font-weight:400;transition:border-color 0.2s; }
.col-right .link:hover { border-color:#999;}

.col-right .event { border:1px solid #DDD; padding:10px; margin:5px 0; display:block; background:#FFF; text-decoration:none; overflow:hidden; color:#FE3F00; text-decoration:none; transition:border-color 0.2s; }
.col-right a.event {  cursor:pointer; }
.col-right a.event:hover { border-color:#999;}
.col-right .event strong { display:block; font-weight:400; color:#000;}




.col-left .event { border:1px solid #DDD; padding:10px; margin:5px 0; display:block; background:#FFF; text-decoration:none; overflow:hidden; color:#FE3F00; text-decoration:none; transition:background-color 0.2s; }
.col-left .event a {  cursor:pointer; }
.col-left  a.event:hover { background-color:#EEE;}
.col-left  .event strong { display:block; font-weight:500; color:#000; font-size:130%;}
.col-left .event span { font-weight:400;}

.event span { white-space:nowrap;}

.admin-options { padding:5px 10px; line-height:25px; border:1px solid #c0ead0;  background:#f4fbf7 url(../images/admin/bg.png) no-repeat 0 center; margin:30px 0 10px 0; color:#888; padding-left:35px;}
.admin-options a { display:inline-block; color:#255639; text-decoration:none; opacity:0.8; transition:opacity 0.2s; margin:0 8px 0 0; border-left:1px solid #3bc271; }
.admin-options a:first-child { border:0;}
.admin-options a:hover { opacity:1;}
.admin-options a.edit { background:url(../images/admin/edit.png) no-repeat 12px center; padding-left:26px;}
.admin-options a.delete { background:url(../images/admin/delete.png) no-repeat 11px center; padding-left:26px;}
.admin-options a.move { background:url(../images/admin/move.png) no-repeat 12px center; padding-left:28px;}

.col-left .actu.DELETING , .col-left .evenement.DELETING , #page_content.DELETING { padding:20px 20px 20px 80px; line-height:30px;  min-height:0; background:url(../images/load-delete.gif) no-repeat 20px center; overflow:hidden; }

.col-left .actu {  padding:20px 20px 20px 95px; margin:15px 0; border:1px solid #DDD; min-height:130px;}

.col-left .actu h3 { font-size:140%; margin:10px 0 5px 0; font-weight:500; line-height:120%;}
.col-left .actu h3 a { color:#222;}
.col-left .actu h4.dated { font-size:100%; margin:5px 0 30px 0; font-weight:400; line-height:110%; color:#222; font-weight:300; }
.col-left .actu h4.dated span { color:#FE3F00; font-weight:400; }


.col-left .evenement { padding:5px 20px; margin:15px 0; border:1px solid #DDD;  }
.col-left .evenement h3 { font-size:140%; margin:10px 0 5px 0; font-weight:500; line-height:120%;}
.col-left .evenement h3 a { color:#222;}

.col-left .evenement h4 { font-size:100%; margin:5px 0 30px 0; font-weight:400; line-height:110%; font-weight:300;}
.col-left .evenement h4 span { color:#FE3F00; font-weight:400;  }

.col-left .evenement a.lieu { float:left; padding:10px 10px 10px 30px; background:#F8F8F8 url(../images/pin.png) no-repeat 8px center; border:1px solid #DDD; color:#444; text-decoration:none;}
.col-left .evenement a.lieu:hover { border-color:#999;} 

.col-left h4 { font-size:115%; margin:15px 0; font-weight:500; color:#FE3F00; line-height:120%;  }
.col-left h5 { font-size:110%; margin:15px 0; font-weight:400; line-height:120%; color:#000; }
.col-left h6 { font-size:105%; margin:15px 0; font-weight:400; line-height:120%; color:#222; }





.colored { color:#FE3F00 !important;  }

.col-left .actu.read img { max-width:100%; height:auto !important;}

.col-left .actu iframe { max-width:100% !important;}

.embeddedContent iframe { max-height:450px !important; width:100%; min-height:350px !important;}

.col-left .actu .date { position:absolute; background:url(../images/bg-date.png) no-repeat; width:70px; height:90px; margin:-7px 0 0 -80px; color:#FFF; text-align:center;}
.col-left .actu .date strong { display:block; height:42px; line-height:52px;  font-weight:700; font-size:25px; margin:0 15px; border-bottom:1px solid #fd8b67; }
.col-left .actu .date em { display:block; font-style:normal; text-transform:uppercase; font-size:14px; font-weight:500;}

.col-left .actu .comments { position:absolute; height:22px; line-height:22px; color:#000; font-size:110%; font-weight:500; text-align:center; width:40px; padding:24px 0 3px 0; margin:85px 0 0 -65px; background:#F5F5F5 url(../images/comments.png) no-repeat center 8px; border:1px solid #BBB; transition:opacity 0.2s; opacity:0.4; }
.col-left .actu .comments:hover { text-decoration:none; opacity:1;}





#listing-files a { display:block; border:1px solid #DDD; padding:5px 10px; height:40px; line-height:40px; margin:5px 0; text-decoration:none; cursor:pointer; transition:background-color 0.2s; overflow:hidden;  background:no-repeat 10px center; }
#listing-files a span { float:left; width:28%; color:#333; font-weight:500; overflow:hidden;}
#listing-files a span span { width:500px; padding-left:35px;}
#listing-files a strong { float:left; width:68%; color:#FE3F00; font-weight:500; font-style:italic;}
#listing-files a em { float:left; width:4%; overflow:hidden; text-indent:-5000px; height:40px; background:url(../images/opa-black.png) repeat-y center center}
#listing-files a:hover { background-color:#EEE;}

.recap_menu { margin-bottom:-10px;}
.recap_menu ul { list-style:none; margin:0 0 0 15px; padding:0; }
.recap_menu ul ul { margin:0;}
.recap_menu ul a { display:block; border-top:1px solid #DDD; padding:6px 5px; color:#000; text-decoration:none; line-height:115%; transition:background-color 0.2s;}
.recap_menu ul a:hover , .recap_menu ul a.actif { background-color:#FFF;}
.recap_menu ul a.sub { font-weight:500; color:#FE3F00;}

.recap_menu ul li.arrow a { padding-left:16px; background-image:url(../images/arrow-list-black.png); background-repeat:no-repeat; background-position:5px center;}

.col-right h3.menu a { display:block; padding-right:5px;}
.col-right a span.files { float:right; padding-right:20px; font-weight:300; color:#999; font-size:12px; line-height:16px; height:16px; margin:-1px 0; font-style:normal; background:url(../images/mini-files.png) no-repeat right center}


#listing-main a { padding:15px 15px 15px 100px; background:#FFF no-repeat 15px 15px; border:1px solid #DDD; display:block; min-height:96px; color:#333; text-decoration:none; margin:10px 0;transition:background-color 0.2s;}
#listing-main a:hover { background-color:#EEE;}
#listing-main a span.name { display:block; font-size:110%; font-weight:500; color:#FE3F00; line-height:120%;}
#listing-main a span.file { display:block; font-size:90%; font-weight:400; color:#222; line-height:120%; margin:2px 0 10px 0; padding-bottom:10px; border-bottom:1px solid #DDD;}
#listing-main a span.infos { display:block; line-height:135%; font-size:80%; color:#777;}
#listing-main a span.infos strong { color:#333; font-weight:300;}

#listing-main span.preview { position:absolute; width:70px; height:92px; border:1px solid #DDD; margin:0 -85px; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.15) inset; background:center center url(../images/blank.png);}

#listing-main span.preview span { display:block;  height:92px; background:no-repeat center center; }






a.d-link  { margin:15px 0; display:block; padding:15px 10px 35px 55px; background:no-repeat 8px 8px; transition:background 0.3s; line-height:120%; border:1px solid #DDD; }
a.d-link:hover { background-color:#EEE; text-decoration:none;}
a.d-link  { color:#ff4000; display:block;font-weight:400;}
a.d-link:after {content: "» Télécharger";  color:#666;  font-style:italic; display:block; font-weight:300; margin-top:4px; position:absolute;}

a.d-link.pdf { background-image:url(../images/icons/48/pdf.png);}
a.d-link.doc { background-image:url(../images/icons/48/txt.png);}
a.d-link.img { background-image:url(../images/icons/48/img.png);}
a.d-link.zip { background-image:url(../images/icons/48/zip.png);}
a.d-link.ppt { background-image:url(../images/icons/48/pres.png);}
a.d-link.xls { background-image:url(../images/icons/48/calc.png);}
a.d-link.video { background-image:url(../images/icons/48/video.png);}
a.d-link.music { background-image:url(../images/icons/48/music.png);}

.comment { border-top:1px solid #DDD; margin:5px 0; padding:25px 0 0 0;}
.comment .comment { margin:0 0 0 20px; padding-left:30px;  border-width:1px 0 0 0; background:url(../images/reponse.png) no-repeat 4px 30px;}
.comment .comment .comment { margin-left:10px;}
.comment p { padding:0 0 0 50px; margin:0;}

.comment .comment p { padding:0 0 0px 40px; }

.comment .reponse {   margin:10px 0 20px 50px;}
.comment .comment .reponse {   margin:10px 0 20px 40px;}


.gris { color:#999;}

.comment .reponse a.gris { font-weight:400; color:999;}
.comment .reponse a.gris:hover { color:#444; text-decoration:none;}
.comment .react { margin-top:15px;}
.comment .react .picture { position:absolute; width:30px; height:30px; border-radius:2px; margin-right:10px; background:#EEE no-repeat center center; background-size:cover;}
.comment .react div.textarea { margin:0 0 0 40px; }
.comment .react p.button { padding-left:39px;}
.comment .react textarea { min-height:80px; height:80px;}
.comment .react em {padding-left:39px;}

.comment p.poster { line-height:16px; height:40px; padding:0; margin:0 0 10px 0;}
.comment p.poster .picture { float:left; width:40px; height:40px; border-radius:2px; margin-right:10px; background:#EEE no-repeat center center; background-size:cover;}
.comment p.poster strong { display:block; font-size:110%; padding-top:5px;  }
.comment p.poster em { display:block; font-size:85%; font-style:normal; color:#888;}

.comment .comment p.poster .picture { float:left; width:30px; height:30px; border-radius:2px; margin-right:10px; background:#EEE no-repeat center center; background-size:cover;}
.comment .comment p.poster strong { padding:0; }
.comment.hidden { display:none;}

.react { border-top:1px solid #DDD; padding-top:20px;}
.react .picture { position:absolute; width:40px; height:40px; border-radius:2px; margin-right:10px; background:#EEE no-repeat center center; background-size:cover;}
.react div.textarea { margin:0 0 0 50px; }

.react textarea { width: 100%; padding:8px; border-radius:0;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */    box-sizing: border-box;  max-height:200px; min-height:120px; height:120px;  background:#FAFAFA; border:1px solid #CCC; transition:background 0.2s; }
.react textarea:focus { border-color:#999; background:#FFF;}
.react p.button { padding-left:49px; margin-top:5px;}
.react em { padding:8px 0 8px 49px; display:block; color:#AAA; line-height:140%; font-weight:400; font-size:90%;}
.react em.error_comment strong { color:#E00; font-weight:500; background:#FEE;}

.react em strong { display:inline-block; padding:0 1px; color:#999; font-weight:500; }

#viewAllComments { display:block; padding:10px; background:#F8F8F8; border:1px solid #DDD; color:#999; font-weight:500; text-align:center; text-decoration:none; margin:10px 0;}
#viewAllComments:hover { color:#000; border-color:#AAA;}

#my_infos  {  float:right; width:62%;}
#my_infos .content { }
#my_infos p { margin:0 0 15px 0;}

table.form_table { width:100%; border-top:1px solid #DDD; margin:10px 0;}
table.form_table th , table.form_table td { border-bottom:1px solid #DDD; padding:8px 0;}
table.form_table th { padding-right:10px; white-space:nowrap; text-align:left; font-weight:400;}
table.form_table td { width:90%;}
table.form_table td .champ { padding:8px; border:1px solid #CCC; background:#FFF; border-radius:0; width:100%;}
table.form_table td .champ.small { max-width:300px;}

#my_avatar { background:#F8F8F8; float:left; width:33%; max-width:322px;}
#my_avatar .content { padding:10px; border:1px solid #DDD;}
#my_avatar img { width:100%; display:block; margin-bottom:8px;}


#queued_avatar { position:fixed; width:100%; height:100%; background:#EEE; background:rgba(255,255,255,0.6); top:0; left:0; text-align:center;}

#queued_avatar .transfer { position:relative; display:inline-block; top:20%; background:#FFF;  box-shadow:0 0 20px rgba(0,0,0,0.25);}
#queued_avatar .transfer .content { padding:15px; display:block; text-align:left;}
#queued_avatar .transfer.INVALID { font-weight:500; text-transform:uppercase; color:#E02;}
#queued_avatar .transfer.INVALID .content { padding-left:65px; background:url(../images/error_file.png) no-repeat 20px center;}

#queued_avatar .transfer .load_bar {display:block; width:260px; height:20px; background:#EEE; box-shadow:0 0 5px rgba(0,0,0,0.1) inset;}
#queued_avatar .transfer .load_bar span { float:left; height:20px; background:#FE3F00}





.future { padding:15px 15px 15px 50px; border:1px solid #cadce9; font-size:130%; background:#f2f6f9 no-repeat 15px center url(../images/sablier.png); font-weight:400;}
.future strong { font-weight:500;}


.folio {  text-align:left; font-size:12px; margin:15px 0; font-weight:300; line-height:26px; font-size:85%;}
.folio strong { font-weight:700; font-size:18px; color:#999; line-height:20px;}
.folio span { float:left; margin:0; height:34px; text-align:center; min-width:30px;}
.folio  a , .folio span span { display:block; height:26px; line-height:26px; border:1px solid #DDD; background:#F8F8F8; text-align:center; min-width:16px; padding:0 5px; margin:0 3px 3px 0; color:#666; text-decoration:none;}

.folio  .actif { background-color:#FE3F00; color:#FFF; border-color:#FE3F00; font-weight:400;}

.folio  a:hover { color:#000; border-color:#AAA;}
.folio .nav { position:absolute; }
.folio .nav  a , .folio .nav span span { line-height:22px; font-size:25px; font-weight:400; }
.folio .nav span span { border-color:#EEE; background:#FFF; color:#CCC;}
.folio .nav em { float:left; font-size:22px; color:#999; font-style:normal; width:25px; text-align:center; line-height:24px;}
.folio .links { float:left; padding-left:90px;}

.folio-select { float:right; font-size:12px; color:#888;}
.folio-select select { border:1px solid #DDD; font-size:12px; padding:5px; color:#444;}


.grey-block { background:#FAFAFA; border:1px solid #DDD; padding:3px 12px; margin:15px 0;}
.grey-block hr { margin:5px 0; border:0; border-top:1px solid #DDD; border-bottom:1px solid #FFF; display:none;}
div.grey-block .editable { margin:8px 0;}

div .editable:first-child { margin-top:0;}


.editable { padding:8px; border:1px dashed #CCC; background:#FFF; border-radius:0; color:#666; min-height:20px; margin:3px 0;}

.contentEditable { margin:15px 0; min-height:200px;}


.editable:focus { border-color:#888; color:#000; box-shadow:0 0 6px rgba(0,0,0,0.15);}
.editable.calendar { padding-left:30px; width:112px; text-align:center; background:url(../images/admin/calendar.png) no-repeat 10px center; cursor:pointer; }
.editable.timer { padding-left:30px; width:82px; text-align:center; background:url(../images/admin/timer.png) no-repeat 10px center; cursor:pointer;}


.editable.calendar  , .editable.timer  {color:#FE3F00 !important; font-weight:500 !important;}

.editable.lieu { padding-left:30px; width:100%;background:url(../images/pin.png) no-repeat 10px center; }

.editable.legend .legend {  color:#AAA;}

.editable *:first-child { margin-top:0;}
.editable *:last-child { margin-bottom:0;}

textarea.editable { display:block; width:100%; min-height:100px; max-height:500px; margin:5px 0;}




    /* Cachons la case à cocher */  
    [type="checkbox"].checkbtn:not(:checked),  
    [type="checkbox"].checkbtn:checked {  
      position: absolute;  
      left: -9999px;  
    }  
       

	[type="checkbox"].checkbtn:not(:checked) + label,
	[type="checkbox"].checkbtn:checked + label {
		position: relative;
		padding-left: 48px;
		cursor: pointer;
		margin:0 0 0 2px;
	}
	[type="checkbox"].checkbtn:not(:checked) + label:before,
	[type="checkbox"].checkbtn:checked + label:before,
	[type="checkbox"].checkbtn:not(:checked) + label:after,
	[type="checkbox"].checkbtn:checked + label:after {
		content: '';
		position: absolute;
	}
	[type="checkbox"].checkbtn:not(:checked) + label:before,
	[type="checkbox"].checkbtn:checked + label:before {
		left:0; top: -3px;
		width: 44px; height: 26px;
		border-radius: 25px;
		background: #FFF;
		background:rgba(255,255,255,0.8);
		-webkit-transition: background-color .2s;
		-moz-transition: background-color .2s;
		-ms-transition: background-color .2s;
		transition: background-color .2s;
		box-shadow:0 0 5px 1px rgba(0,0,0,0.15) inset, 0 0 0 1px rgba(0,0,0,0.15) inset;
	}
	
	
	
	[type="checkbox"].checkbtn:not(:checked) + label:after,
	[type="checkbox"].checkbtn:checked + label:after {
		width: 16px; height: 16px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		transition: all .2s;
		border-radius: 50%;
		background: #777;
		top: 2px; left: 5px;
	}

	/* on checked */
	[type="checkbox"].checkbtn:checked + label:before {
		background:#FE3F00; 
	}
	[type="checkbox"].checkbtn:checked + label:after {
		background: #FFF;
		left: 22px;
	}
	

	[type="checkbox"].checkbtn:not(:checked):hover + label:after {
		background:#FE3F00;
	}


#_BULLE { background:#000; color:#FFF; font-size:10px; position:absolute; border-radius:3px; z-index:2800; max-width:400px; font-weight:500; font-family:"Roboto",Arial, Helvetica, sans-serif; box-shadow:0 0 4px #000; line-height:13px;  text-transform:uppercase;}
#_BULLE_ARROW { position:absolute; z-index:2801; background:url(../images/losange.gif) no-repeat;}
#_BULLE_ARROW.UP { height:7px; width:13px; background-position:0 -6px;}
#_BULLE_ARROW.DOWN { height:7px; width:13px; background-position:0 0;}
#_BULLE_ARROW.RIGHT { height:13px; width:7px; background-position:0 0;}
#_BULLE_ARROW.LEFT { height:13px; width:7px; background-position:-6px 0;}

#_BULLE.UP { box-shadow:0 -2px 4px rgba(0,0,0,0.5); background-image:url(../images/bg_bulle_up.png); background-repeat:repeat-x; background-position:left bottom;}
#_BULLE.DOWN { box-shadow:0 2px 4px rgba(0,0,0,0.5); background-image:url(../images/bg_bulle_down.png); background-repeat:repeat-x; background-position:left top;}
#_BULLE.RIGHT { box-shadow:2px 0 4px rgba(0,0,0,0.5); background-image:url(../images/bg_bulle_right.png); background-repeat:repeat-y; background-position:left top;}
#_BULLE.LEFT { box-shadow:-2px 0 4px rgba(0,0,0,0.5); background-image:url(../images/bg_bulle_left.png); background-repeat:repeat-y; background-position:right top;}

#_BULLE strong { font-weight:500; color:#000;}

#_BULLE.MAX_WI_280 { max-width:280px;}

#_BULLE span.desc { display:block; margin-top:4px; padding-top:3px; border-top:1px dotted #333; font-weight:300; font-size:11px; text-transform:none; line-height:12px; overflow:hidden; max-height:60px;}

.color_choice { margin:15px 0 10px 0; border-top:1px solid #DDD; padding-top:15px;}
.color_choice span { float:left; margin-right:5px; height:26px; line-height:26px;}

.color_choice a { float:left; margin-right:2px; height:26px; width:26px; border:1px solid #EEE; opacity:0.8;}
.color_choice a:hover { border-color:#AAA;}
.color_choice a.actif { border-color:#000; opacity:1;}
.color_choice a em { background:#EEE url(../images/stripe.png); margin:2px; display:block; height:22px;}

.color_choice a.blue  em { background-color:#165ea7; }
.color_choice a.red  em { background-color:#E02; }
.color_choice a.orange  em { background-color:#FE3F00; }
.color_choice a.green  em { background-color:#16A765; }
.color_choice a.black  em { background-color:#222; }
.color_choice a.grey  em { background-color:#BBB; color:#111; }
.color_choice a.yellow  em { background-color:#c9cb19; color:#111; }
.color_choice a.purple  em { background-color:#9416a7;  }





#file-details .icon { background:#F8F8F8;  border:1px solid #DDD; margin:10px 0; display:block; color:#222; transition:background-color 0.3s; text-decoration:none; cursor:pointer; }
#file-details .icon strong { display:block; text-align:center; padding:15px 0; font-size:140%; text-decoration:none; font-weight:400; }
#file-details .icon span { display:block; height:130px; background: no-repeat center center; border-top:1px solid #DDD;}
#file-details .icon:hover { background-color:#EEE;}
#file-details .preview { padding:10px; border:1px solid #DDD; background:url(../images/blank.png) center center; text-align:center; box-shadow:0 0 5px rgba(0,0,0,0.15) inset;}
#file-details .preview img { max-width:100%; border:0;}

#file-details .infos th , #file-details .infos td { padding:10px 0; border-bottom:1px solid #DFDFDF;  }
#file-details .infos th { padding-right:10px; text-align:right; font-weight:300; color:#888; width:30%; min-width:150px;}
#file-details .infos td { font-weight:400;}
#file-details .infos tr:last-child th , #file-details .infos tr:last-child td { border:none;}

#file-details .infos { background:#FEFEFE; border:1px solid #DDD; padding:0 10px; margin:10px 0; width:100%;}
#file-details .infos .line:first-child { border:none;}

#file-details .infos .wrap { max-height:100px; overflow:auto;}

.checker-label { position:absolute; padding:8px; text-align:center; background:#FFF; border:1px solid #DDD; margin:0; z-index:2; box-shadow:2px 2px 3px rgba(0,0,0,0.1); }
.checker-label input.check {  margin:0 !important; padding:0 !important;}

.checkers-label { float:right; padding:5px; margin:0 -5px; background:#D4F1E0; border:1px solid #D4F1E0; max-width:20px;   }
.checkers-label input.check { margin:0 !important; padding:0 !important; background:#FFF !important; }



#admin-selector-overlay { display:none; width:100%; z-index:99; height:100%; left:0; top:0; position:fixed; background:#FFF url(../images/load.gif) no-repeat center center}
#admin-selector { display:none; width:50%; position:fixed; z-index:100; box-shadow:0 0 15px rgba(0,0,0,0.15); background:#FFF; top:50%; width:400px; left:50%; margin:-50px -220px; padding:20px; text-align:center;}
#admin-selector select { width:100%;}
#admin-selector p { margin:0 0 10px 0;}
#admin-selector p.button { margin:10px 0 0 0;}


img.a_block { display:block; margin:10px auto;}
img.a_r { float:right; margin:0 0 10px 10px;}
img.a_l { float:right; margin:0 10px 10px 0;}


.invisible-submit , #search .invisible-submit { padding:0; margin:0; overflow:hidden; border:0; background:none; font-size:1px; position:absolute; width:0; height:0;}

#search-result h3.intro { font-weight:300; padding:10px; background:#FAFAFA; border:1px solid #DDD; }
#search-result h3.intro strong { font-weight:600;  color:#222;}
#search-result h3.intro strong span { text-decoration:line-through; font-weight:400; color:#444;}


#cat_search a { display:block; padding:10px 10px 10px 40px; background:#FFF no-repeat 10px center url(../images/arrow-search.png); border:1px solid #DDD; margin:5px 0; text-decoration:none; cursor:pointer; transition:border-color 0.2s; font-weight:400;  color:#FE3F00; font-size:90%;}
#cat_search a:hover { border-color:#999;}
#cat_search a strong { display:block; font-weight:400; font-size:120%;  color:#000;}
#cat_search a.actif { border-color:#999; background-image:url(../images/arrow-actif-search.png); border-width:1px; box-shadow:0 0 6px rgba(0,0,0,0.2)}



#search-result a span.picture { float:left; background:no-repeat center center; width:38px; height:48px; margin:2px; background-size:contain; }
#search-result a span.picture.preview { background-color:#FFF; box-shadow:0 0 0 2px #FFF, 0 0 0 3px #AAA;}

#search-result a span.infos { float:left; width:95%; margin-left:5px; }

#search-result a { display:block; background:#FFF no-repeat 12px 10px; padding:10px; margin:4px 0; text-decoration:none; transition:background-color 0.3s; border:1px solid #DDD; overflow:hidden; }
#search-result a.file { padding-left:52px;}
#search-result a.file h4 { margin:3px 0; font-size:13px;}
#search-result a:hover { text-decoration:none; background-color:#F5F5F5; border-color:#999;}
#search-result a h4 { margin:3px 0 5px 0; font-size:15px; line-height:16px; font-weight:400; }
#search-result a h5 { margin:3px 0; font-size:12px; color:#222; font-weight:400; line-height:13px;}
#search-result a h6 { margin:3px 0; font-size:10px; color:#222; font-weight:300;  line-height:12px;}
#search-result a h6 strong {font-weight:400;}
#search-result a span.desc { line-height:15px; font-size:12px; display:block; color:#444; margin-top:5px; padding-top:5px; border-top:1px dotted #AAA;}
#search-result a span.clear { display:block; clear:both;}

#search-result a span.desc .highlight { background:#ffebe5; background:rgba(254, 63, 0, 0.08); padding:0 1px; color:#FE3F00; font-weight:500;}
#search-result a h4 .highlight , #search-result a h5 .highlight { background-color:rgba(0,0,0,0.03); font-weight:500; }

#rightBlock .col-right { float:right; width:100%; margin:10px 0;}
#rightBlock { float:right; width:30%;}



#documents div { float:left; width:33.33%; }
#documents div a { display:block; padding:10px 5px; border:1px solid #DDD; text-align:center; margin:2px; text-decoration:none; transition:background-color 0.2s;}
#documents div a:hover { background-color:#EEE;}
#documents div a strong { display:block; font-size:120%; height:20px; line-height:20px; overflow:hidden; white-space:nowrap;}
#documents div a span { display:block; color:#000; border-top:1px solid #E2E2E2; margin-top:8px; padding-top:8px;}


#list-admin .item { padding:10px; border:1px solid #CCC; margin:15px 0;}

#list-admin .item h3 { margin:0;}
#list-admin .item h3 , #list-admin .item h3 a { color:#000;}
#list-admin .item h4 { margin:5px 0 0 0; color:#777; font-size:15px; font-weight:400;}

#list-admin .item .admin-options { margin:10px -11px -11px -11px;}

#list-admin-menu .files { display:none;}
#list-admin-menu ul { list-style:none; margin:5px 0; padding:5px 0;}
#list-admin-menu ul ul { padding-left:30px; display:none;}
#list-admin-menu ul .open  ul {  display:block;}
#list-admin-menu ul .open  ul ul {  display:none;}
#list-admin-menu ul .open  ul  .open ul {  display:block;}

#list-admin-menu  li { position:relative; padding:10px 30px 10px 8px; margin:5px 0; border:1px solid #DDD; background:#FFF; cursor:move; line-height:20px;}
#list-admin-menu  li a { position:absolute; right:0; top:0; width:30px; height:40px; background:#EEE; color:#000; line-height:40px; font-weight:400; text-decoration:none; text-align:center; font-size:20px;}