@charset "UTF-8";

html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*fonts.css*/
body {font-size:14px; font-family: "HelveticaNeue","Helvetica Neue", Helvetica, Arial, sans-serif; color:#000000; background:#f7f7f7 url('../i/bg-.jpg');}
table {font-size:inherit;}
a {color:#898989;  text-decoration:none;outline-style:none;}
a:hover {}
.sep {clear:both; display:block;}
.small {font-size:0.95em; font-weight:normal;}
img.left, .left img  {margin:0 10px 0 0;}
img.right, .right img  {margin:0 0 0 10px;}
img.middle { vertical-align:middle}
ul.list {padding-left:20px;}
ul.list li {list-style:disc;padding-bottom:0.5em;}
.legal {padding-top:5px; border-top:1px dotted #aaa;}
.legal, .legal p, p.legal {font-size:10px; color:#999; line-height:15px;}
.image-droite { float:right; margin:0 10px 0 10px;}
.image-gauche {float:left; margin:0 10px 10px 0;}
.tableau-bordure {border:1px solid #999; border-width:1px 1px 0 0;  width:100%;}
.tableau-bordure td, .tableau-bordure th {border:1px solid #999; border-width:0 0 1px 1px; padding:5px; vertical-align:top;}
.tableau-bordure th {background:#e5e5e5;}
.tableau-simple {border:none; width:100%;}
.tableau-simple td {border:none; padding:5px; vertical-align:top;}
div.encadre1 { padding:1em; margin:0 0 0.5em 0; background:#ff9; border:1px solid #BAB677;}
div.encadre2 { padding:1em; margin:0 0 0.5em 0; background:#eee; border:1px solid #999}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}
.underline { text-decoration:underline;}

embed, object { outline:none;}

h1, h2, h3, h4 {}
h1 { font-size: 3em;  }
h2 { font-size: 1.66em; font-weight: normal;}
h3 { font-size: 1.33em;}
h4 { font-size: 1.11em;}

#page, #page2 {width:1120px; text-align:left; position: relative;}
#page p.logo { position: absolute; right:10px; top:60pxv	}
#page .placeIt,
#page2 .placeIt { margin-left: 18px; width:950px;}


#top {margin-top: 30px;}
#top .navContainer { border-top:1px dotted #b8b7b8; border-bottom:1px dotted #b8b7b8; padding: 1px 0;}
#top .navContainer ul.nav { background: #fff; background-color: rgba(255,255,255,0.6); height:34px;}
#top .navContainer ul.nav li {float: left; height:34px; margin:0 0 0 1px;}
#top .navContainer ul.nav li a { display: block; padding:0 10px; margin: 4px 0; line-height: 26px; font-weight: bold; color:#000; border-right: 1px dotted #b8b7b8; text-transform: uppercase;}
#top .navContainer ul.nav li a:hover,
#top .navContainer ul.nav li.sel a { background: #000; color:#fff;  }
#top .navContainer ul.nav li:hover,
#top .navContainer ul.nav li.sel { background: #000;}
#top .navContainer ul.nav li:hover a,
#top .navContainer ul.nav li.sel a{color:#fff;border-color:transparent;}
#top .navContainer ul.navCategory { border-top:1px solid #eaeaea;}
#top .navContainer ul.navCategory li { font-size: 12px;}

#top .newsContainer {margin:1px 0 2px; height: 33px; color:#fff; overflow: hidden; }
#top .newsContainer p.title {line-height: 33px; text-transform: uppercase; float: left; width:68px; text-align:center; background: #000; font-weight: bold; margin-right: 1px;}
#top .newsContainer div.headlines {float:left; background: #000; height: 33px; font-size: 13px; width:881px;}

#top .newsContainer a {color:#fff;}
#top .newsContainer p.headline a {display:block; padding: 0 10px; line-height: 33px;}
#top .newsContainer p.headline a {color:#fff}
#top .newsContainer div.headlines:hover { background:#646464; background-color: rgba(0,0,0,0.8);}
#top .newsContainer p.headline.active {}


#top .login { position:absolute; right:150px; top:3px; min-width: 250px; min-height: 35px;  }
#top .login > p { height: 32px; float:right; border-left:1px dashed #999;  }
#top .login > p:hover { background-color: #e5e5e5;}
#top .login > p > a.loginAction {display: block; padding: 0 30px 0 10px; line-height: 36px; color:#000; text-transform: uppercase; font-weight: bold;  background: url('../i/account/login.gif') no-repeat 60px 7px; }
.loginFormArea { min-height: 250px;}
/*
#top .login:hover .loginForm{ display: block;}
*/
#top .login .loginForm { position: relative; display: none;}
#top .login .loginFormIn {  width:250px; position: absolute; top:33px; right:2px; z-index: 10; padding:0; background: url('../i/account/loginbox-bg.gif'); box-shadow: 0 0 2px #999;}
#top .login .loginFormIn p {padding:3px 10px 10px; }
#top .login .loginFormIn p.error { padding-top:10px; margin:10px; color:#fff; background:#900; background-color:rgba(200, 0, 0, 0.6)}
#top .login .loginFormIn p label {width:170px; display:block;color :#b4b5b6; padding:2px 0; font-size: 1em;}
#top .login .loginFormIn p input.txt {width:170px; border:1px solid #c3c3c3; padding-left: 5px; line-height: 26px; height: 26px;}
#top .login .loginFormIn p.plogin {padding-top:10px; padding-bottom: 0;}
#top .login .loginFormIn p.ppassword {}
#top .login .loginFormIn .lost {display: block; font-size: 0.85em; margin: 2px 0;}
#top .login .loginFormIn .lost a {color: #B4B5B6; text-decoration: underline;}
#top .login .loginFormIn p.optin { padding-top: 0;}
#top .login .loginFormIn p.optin label {font-size: 0.85em;  display: inline; }
#top .login .loginFormIn p.submit input { 	background-image: url('../i/account/bt-m.png'); width:140px;}
#top .login .loginFormIn p.submit {padding-bottom:15px}

#top .login .loginFormIn .loginCreate { padding:10px 10px; background: #666; background-color: rgba(0,0,0,0.33);}
#top .login .loginFormIn .loginCreate a.bt {  }


#top .login .menuLogged {position:relative;}
#top .login .menuLogged > p {height: 32px;  border-left:1px dashed #999; float: right;}
#top .login .menuLogged > p a {display: block; padding: 0 18px 0 18px; line-height: 32px; color:#000; text-transform: uppercase; font-weight: bold; display: block; background: url('../i/account/icon.gif') no-repeat 6px 14px; }
#top .login .menuLogged > p a:hover { background-color: #000; background-image: url('../i/account/icon-.gif'); color:#fff}
#top .login .menuLogged ul { display: none;}
/*
#top .login:hover .menuLogged ul { display: block;}
*/
#top .login .menuLogged ul {width:250px; position: absolute; top:31px; right:2px; z-index: 10; padding:0; background: url('../i/account/loginbox-bg.gif') #fff; box-shadow: 0 0 2px #999;}
#top .login .menuLogged li a {display: block;padding:10px 10px; border-bottom:1px solid #eee }
#top .login .menuLogged li.sel a {color:#666; background: #eee; border: solid #ddd; border-width: 1px 0;}
#top .login .menuLogged li a:hover {color:#eee; background: #333; border: solid #000; border-width: 1px 0;}
#top .login .menuLogged li#nav_déconnexion a { border:none}

.ui-widget 
{
font-family:  "HelveticaNeue","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.ui-selectmenu-open { z-index: 1000 !important;}

.kindPageCreativeBook .qualite .ui-selectmenu {font-size: 14px !important; font-weight: normal; height: auto; min-height: 24px;}
.kindPageCreativeBook .ui-selectmenu-menu li a, 
.kindPageCreativeBook .ui-selectmenu-status { line-height: 1em; padding:0.05em 2.1em 0.405em 1em;}

.searchContainer {position: relative;}
.searchContainer fieldset { border:0; }	
.searchContainer label,
.searchContainer select,
.searchContainer .ui-select-menu { float: left;font-size: 12px !important;}
.searchContainer select { min-width: 100px; }
.searchContainer .wrap ul.ui-selectmenu-menu-popup li a { font-weight: bold; }
.searchContainer .ui-selectmenu-menu li a,
.searchContainer .ui-selectmenu-status
{display: block; line-height: 1.4em; outline: medium none; padding: 0.405em 0.5em 0.405em 0.5em; text-decoration: none; overflow: hidden;}
.searchContainer .ui-selectmenu-status 
{ margin-right: 22px !important;  padding: 9px 10px 3px; }
.searchContainer .ui-selectmenu-icon {margin-top: -4px;}
.searchContainer .annee .ui-selectmenu-status 
{ text-align: right;}
.ui-widget-content li a { border:1px solid #fff; font-size: 0.9em;}
.searchContainer .ui-state-default,
.searchContainer .ui-widget-content .ui-state-default,
.searchContainer .ui-widget-header .ui-state-default
{ border:0; background: none; margin:0;}
.searchContainer .bt { background: none; cursor:pointer; font-weight: bold; padding:0 10px; border:none; margin:0; line-height: 50px; height: 50px; overflow: hidden;}
.searchContainer .bt:hover { background: #fff;}
.searchContainer span.search { padding:0 }
.searchContainer span.search input {height:28px; margin:10px 0 0 10px; width:665px; padding: 0 0 0 5px;  border:1px solid #b9b9b9}
.searchContainer span.search,
.searchContainer span.annee,
.searchContainer span.submit, 
.searchContainer span.detail 
{ height: 50px; background: #fff; background-color: rgba(255,255,255,0.6); float:left;}
.searchContainer span.detail:hover {background-color: #fff;}
.searchContainer span.annee { margin:0 1px;}
.searchContainer span.annee .ui-selectmenu { margin-top: 5px;}
.searchContainer span.detail { margin:0 0 0 1px;}
.searchContainer span.detail a { height: 50px; width:40px; display: block; background: url('../i/plus.gif') center center no-repeat;}
.searchContainer span.detail a.showing { background: #000 url('../i/minus.gif') no-repeat center center;}

#toolTipDetail { position: absolute; display: none; top:30px; left:960px; line-height: 20px; background: #333; background-color: rgba(0,0,0,0.4); color:#fff; font-size: 0.8em; z-index: 30; font-weight: bold; padding: 0 10px; white-space: nowrap;}

.searchContainer span.search {width:692px; overflow: hidden;}
.searchContainer span.annee { width:110px; overflow: hidden;}
.searchContainer span.submit {width:105px; overflow: hidden;}
.searchContainer span.detail {width:40px; overflow: hidden;}

.searchContainer #searchDetail {display: none;}
.searchContainer #searchDetail .searchFieldMiddle {margin:0 1px}
.searchContainer #searchDetail .searchField {margin-top:2px; height: 50px; background: #fff; background-color: rgba(255,255,255,0.6); float:left; width:316px; overflow: hidden;}
.searchContainer #searchDetail .ui-selectmenu{ margin-left: 5px;}
.searchContainer #searchDetail input {height:28px; margin:10px 0 0 10px; width:280px; padding: 0 0 0 5px;  border:1px solid #b9b9b9; background: none; font-weight: bold;}

#footer { margin-top:20px; height: 50px;}
#footer .footerNav { float: left; font-size: 12px; height: 33px; font-weight: bold; overflow: hidden;}
#footer .footerNav li { float: left; background: #fff; background-color: rgba(255,255,255,0.5);  height: 33px;}
#footer .footerNav li a {display: block; color:#000; padding:0 10px; margin-top:6px; text-transform: uppercase;  line-height: 21px; float: left; border-left: 1px dotted #b8b7b8; }

#footer .footerNav li:hover { background: #fff;}
#footer .partner 
{ height: 33px; background: #fff; /*background-color: rgba(255,255,255,0.6);*/ float:right;}
#footer .copyright {display: none;}
#footer .footerNav li.facebook,
#footer .footerNav li.twitter { margin-left: 1px;}
#footer .footerNav li.first a,
#footer .footerNav li.facebook a,
#footer .footerNav li.twitter a{ border:none;}

.main { margin: 10px 0; position: relative;}
.main a:hover {color:#00f8e4}
.mainPage { padding:10px 10px 50px; background: #fff; background-color: rgba(255,255,255,0.6);}
.mainPage h1 { margin: 0 0 10px; border-bottom: 1px dotted #b8b7b8;padding-left:10px;padding-right:10px;padding-bottom:10px; }
.main h1 { font-weight: bold; font-size:75px; text-transform: uppercase; overflow: hidden; line-height: 1em;}
.main h2 { margin: 1.5em 0 1em; padding-top: 1.5em; font-weight: bold; font-size:1.75em; padding-left:10px;padding-right:255px; border-top: 1px dotted #b8b7b8;}
.main h3 { margin: 1.5em 0 0.33em;} 
.main div.first h2 { border:none; padding-top: 0; }
.main div.text {line-height: 1.25em; text-align: justify; padding-left:10px;padding-right:255px;}
.main div.text table { width:100%}
.main div.text td {padding:0 5px 10px; vertical-align: top;}

.main .moduleGroupFile { padding-left:10px;margin-right:255px;}
.main .moduleGroupFile a { text-decoration:underline; color:rgba(200, 0, 0, 1)}
.main .moduleGroupFile p.file:before { content:'↓ '; color:#999}

.main .image-droite { float:right; margin:0 0 10px 10px;}
.main .image-gauche {float:left; margin:0 10px 10px 0;}

.main .imgContent {padding-left:10px; margin-bottom: 10px; padding-right:255px; overflow: hidden;}
.main div.text p { margin:0 0 1em;}
.main div.text ul,
.main div.text ol { margin:0.5em 0 1em 2em;}
.main div.text li{ margin:0.33em 0; padding-left: 0.5em; list-style:square;}
.mainPage .intro { font-weight: bold; margin-bottom: 4em;}
.main h2,
.main h3,
.main h4 { clear: both;}



.form p.obli { background: url(http://www.leclubdesad.org/assets/i/obli.png) no-repeat 390px 0;}
.form a.del { font-size:11px; text-decoration:underline; display:inline-block; background:#e8e8e8; padding:3px 5px; border-radius:5px; line-height:1em; margin-top:3px; }
.form .tabcontent3 p.obli { background-image: none !important;}
.form label { color:#666;} 
.form p.obli label { color:#222}
.mainForm .form { padding:30px 40px; background:rgba(255,255,255,0.66);}
.mainForm .form h2 {margin: 30px 0 0; padding: 20px 0 10px;}
.mainForm .form h3 {}
.mainForm .form label { display:inline-block; width:200px; text-align:right; margin-right: 20px;}
.mainForm .form label.error { display: block; color:#f63; width:auto; margin-left: 222px; margin-top: 6px; padding:3px; background: #fff; background-color: rgba(255,255,255,0.5); text-align: left;}
.mainForm .form p { margin: 10px 0;}
.mainForm .form input.text { border:1px solid #999; padding:3px; display: inline-block; width:400px}
.mainForm .form p.submit { margin: 20px 0 10px 220px;}

.mainForm .form p.plogin { margin-bottom:3px;}
.mainForm .form p.optin { margin-top:0; margin-bottom:15px}
.mainForm .form p.optin label {width:auto; font-size:0.85em}
.mainForm .form p.ppassword .lost a{font-size:0.85em; text-decoration:underline; display:block;margin-left:222px; margin-top:3px}
.mainForm .form p.optin .checkbox {margin-left:222px}


.main .mainPageAgenda h2 { margin-top: 0; padding-top: 0; padding-right: 0; border-top:0; text-transform: uppercase;}
.main .mainPageAgenda .text p { line-height: 1.5em;}
.main .mainPageAgenda .text .date { display: none;}
.main .mainPageAgenda h2 span.date {color:#b8b7b8; font-weight: normal; display: block;font-size: 0.8em; }
.agendaSelector {margin-top: 1px; position:relative;}
.agendaSelector h1 { height: 75px; background: #fff; background-color: rgba(255,255,255,0.6); font-weight: bold; font-size:75px; text-transform: uppercase; width: 375px; overflow: hidden; line-height:75px}
.agendaSelector h1 span { display: block; padding-left:20px;}
.agendaSelector ul { position:absolute; height:75px; left:375px; top:0;}
.agendaSelector ul li { float:left; margin-left:1px;}
.agendaSelector ul li a { width: 53px;  float:left;background: #fff url(../i/agenda/line.gif) no-repeat center  top ; background-color: rgba(255,255,255,0.6); height: 75px; text-align:center;  font-weight: bold; line-height: 1em; color:#9c9e9f;}
.agendaSelector ul li a:hover {background-image:url(../i/agenda/linehover.gif); color:#000}
.agendaSelector ul li.sel a:hover,
.agendaSelector ul li.sel a {background-image:url(../i/agenda/linesel.gif); background-color: #000; color:#fff}
.agendaSelector ul li span.month { display: block; font-size:15px; text-transform: uppercase; padding:12px 0;}
.agendaSelector ul li span.day { display: block; font-size:30px;}
.agendaSelector ul li span.year { display: none;}
.agendaSelector ul li.cluster { width: 34px; display: block; background: #fff; background-color: rgba(255,255,255,0.6); height: 75px; }
/*
News
*/
.newsList p .date { display: none;}
.newsList h2 span.date {color:#b8b7b8; font-weight: normal; display: block;font-size: 0.8em; }


/*
TMP
.mainPage { padding-top: 100px;}
.mainPage h1 {height:90px; overflow: hidden; background:#f9f9f9; position: absolute; top:0; width: 950px;}

.main h1 { height:90px; overflow: hidden; background:#f9f9f9; position: fixed; top:0; left:0; width: 950px;}
.mainPage { padding-top: 90px;}
*/
.main h1 { }
.anchors  { position: fixed; right:0; width:212px; top: 0;}
.anchors .arrows {height:50px; margin-bottom: 1px;}
.anchors a.top,
.anchors a.bot { display:block; width:50px; height: 50px; float:right; background:#646464 no-repeat center center; background-color: rgba(0,0,0,0.6); }
.anchors ul { margin:0; padding: 0;}
.anchors ul li { margin:0; padding: 0; list-style: none;}
.anchors a.top:hover,
.anchors a.bot:hover {background-color: #000;}
.anchors a.top {background-image:url(../i/top.gif); margin-right: 1px;}
.anchors a.bot {background-image:url(../i/bot.gif);}
.anchors li a {color:#d1d1d1; display: block; line-height:1.1em; padding: 20px; background-color:#646464; background-color: rgba(0,0,0,0.6); font-weight: bold; font-size: 16px; margin-bottom: 1px; }
.anchors li a span.date { font-size: 0.8em; font-weight: normal; display: block;}
.anchors li a:hover {color:#fff;}
.anchors li.sel a { background-color: #000;} 
.stAnchorTop { display: none;}

.books { margin-right: 265px;  background: #fff;}
.books .item { float: left; width: 200px; overflow: hidden; margin: 10px 10px 20px; padding-bottom: 20px; border-bottom:1px dotted #b8b7b8; }
.books .item h3 { margin-top:0.5em;}

.members { }
.members .item { float: left; width: 210px; overflow: hidden; margin: 10px 10px; padding-bottom: 20px; border-bottom:1px dotted #b8b7b8; border-top:3px solid #b8b7b8; background: #fff; }
.members .item h3 { margin-top:0.5em;}
.members p.company { font-size: 12px;}
.members p.date_subscribe { color:#b8b7b8; font-size: 0.85em; display:none;}
.members span.name { text-transform:capitalize;}
.members p,
.members h3 { padding-left:10px;padding-right:5px;}

.main .mainPageArchive {}
.main .mainPageArchive .archive { position: relative; float: left; margin-right: 1px; margin-top: 1px; background: #fff;background-color: rgba(255,255,255,0.6);height: 339px; }

.main .mainPageArchive .archive .displayNo {opacity: 0.3; -moz-opactiy:0.3; -webkit-opacity:0.3;}
.main .mainPageArchive .archive .tools { display:none; position: absolute; z-index: 2000; padding-right: 0; font-size: 0.9em;}
.main .mainPageArchive .archive:hover .tools {display: block;}
.main .mainPageArchive .archive .tools a { float:right; display: block; background: #333; color:#ccc; padding: 6px 3px; text-transform: uppercase; font-size: 10px; font-weight: bold;border:solid #fff; border-width: 0  1px 1px 0;}
.main .mainPageArchive .archive .tools a:hover { background: #000; color:#fff; line-height: 2em; }
.main .mainPageArchive .archive .tools .displayCrea { display: none;}
.main .mainPageArchive .archive .tools.toolsDisplayNo .displayCrea {display:block;} 
.main .mainPageArchive .archive .tools.toolsDisplayNo .hideCrea {display: none;}
.main .mainPageArchive .archive .imgArchive {  overflow: hidden;}
.main .mainPageArchive .archive .imgArchive img { padding: 10px 11px; /*max-width: 451px;*/}
.main .mainPageArchive .archive {cursor: pointer;}
.main .mainPageArchive .archive .over { position: absolute;  background:#000 url('../i/grid/plus.png') no-repeat 160px 115px; background-color: rgba(0,0,0,0.7); color:#fff;margin: 0; width:236px; height: 339px;  display: none;}
.main .mainPageArchive .archive .over .in{padding:20px;}
.main .mainPageArchive .over p.label { font-weight: bold; font-style: normal; margin:0}
.main .mainPageArchive .over p,
.main .mainPageArchive .over h4 { font-weight: normal; font-style: italic; margin:0 0 8px; }
.main .mainPageArchive .over p.labelMarque,
.main .mainPageArchive .over p.marque{ display: none;}
.main .mainPageArchive .over p.agence strong {font-weight: normal;} 
/*
.main .mainPageArchive .over p.agence { margin-right: 52px;}
*/

.main .mainPageArchive .archive .overBooks { position: absolute; bottom:0;  background:#fff ; background-color: rgba(255,255,255,0.7); color:#444;margin: 0; width:214px; border: solid #fff; border-width:0 11px 10px; min-height:80px;}
.main .mainPageArchive .archive .overBooks .in{padding:10px; }
.main .mainPageArchive .archive .overBooks p.label{ display: none;}
.main .mainPageArchive .archive .overBooks p.author{ text-transform:uppercase; font-size:21px;}

body.kindPageCreativeBook .searchContainer { display: none;}
body.kindPageCreativeBook .searchContainer.searchContainerCb { display:block;}
body.pIframe #page {width:auto; margin: 10px 10px 0;}

.searchContainerCb span.submit {width:257px;}

.main .mainPageArchive .archive .inTheBook {background:url('../i/cbook/inthebook.png') no-repeat; color:#ccc; font-size: 10px; position:absolute; top:9px; z-index: 1000; right:15px; width:43px; height: 58px;}
.main .mainPageArchive .archive .inTheBook span { display:block; text-align: center; padding-top: 25px;}
.bookProfile { margin-top: 10px;}
.bookProfile .bookProfileIn { background: #000; background-color:rgba(0,0,0,0.95); padding:5px; color:#fff}
.bookProfile .imgArchive {padding:30px 0; margin:0 20px 0 30px; width:160px;  float:left;}
.bookProfile .imgArchive .rocketInput > img { width:140px; height:210px}
.bookProfile .in {padding:30px 0 20px 0; float:left; width:710px; }
.bookProfile h1 { font-weight: bold; font-size:54px; text-transform: uppercase; overflow: hidden; line-height: 1em;}
.bookProfile h1 a {color:#fff;}
.bookProfile h2.suptitle {color:#898989; font-size: 36px;}
.bookProfile p {margin:0.5em 0; font-style: normal; font-size:18px;}
.bookProfile span.job {color:#898989;}
.bookProfile p label { display: none;}
.bookProfile p em { font-style: normal;}
.bookProfile p.inactive,
.bookProfile p.inactive a{ font-size:13px; color:#e5e5e5}
.bookProfile p.inactive a { text-decoration: underline;}
.archiveDetail p.alias { display: none; }
.main .mainPageArchive p.alias { display: block; margin: 0; padding: 0;}
.main .mainPageArchive p.alias > a { display: block; position: absolute; top:0; left:0; width:234px; height: 335px;}

.main .mainPageArchive p.alias a em { display: none;}
.main .mainPageArchive p.alias em.edit { display: none; font-size: 0.85em;}
.main .mainPageArchive p.alias em.edit a{  position: absolute; top:0; left:0; }
.main .mainPageArchive p.alias:hover em.edit {display: block;}

.main .mainPageArchive .archive.archiveMp3 {} 
.main .mainPageArchive .archive.archiveMp3 .over { color:#000; background:none;  display: block;} 
.main .mainPageArchive .archive.archiveMp3:hover .over{background:#000 url('../i/grid/plus.png') 160px 90px no-repeat; background-color: rgba(0,0,0,0.7); color:#fff}
.main .mainPageArchive .archive.archiveMp3 .over .in{padding:80px 20px 10px;}

.main .mainPageArchive .archive.archiveMp4 .picto { display: block; width: 66px; height: 66px; position: absolute; top:120px; left:43%; background:url('../i/grid/play.png') no-repeat;}


.ui-dialog { padding: 0;}
.ui-dialog-titlebar {display: none}
.ui-dialog .ui-dialog-content  {background: #fff;}
.archiveDetail {}
.archiveDetail div.media { position:relative; margin-left: -18px; margin-top:0; min-height: 319px;}
.archiveDetail div.media .imgBig {}
.archiveDetail.hz div.media .imgBig img { }
.archiveDetail.vt div.media .imgBig img { }
.archiveDetail.vt div.media { margin-left: 18px; width:950px;}
.archiveDetail div.media {  margin-left: 18px; width:950px;}
.archiveDetail div.media .imgBig { text-align: center; overflow: hidden;}
.archiveDetail div.media .infos,
.archiveDetail div.media .credits,
.archiveDetail div.media .permalinkField{ text-align: left;}
.archiveDetail div.commentaire { text-align: left; color:#666;  background: #fff;}
.archiveDetail div.commentaire p { padding:10px; }
.archiveDetail div.commentaire em {color:#ccc; text-transform: uppercase; font-style: normal;}

.main .archiveDetail div h4 {clear:none}

.archiveDetail .in { padding: 10px;}
.archiveDetail .imgArchive {display: none;}
.archiveDetail .infos {  background:#000 ; background-color: rgba(0,0,0,0.85); color:#fff;margin: 0; width:280px; position: absolute; bottom:42px; right:76px; display: none;  }
.archiveDetail .infos p.label { width: 100px; float:left; margin-right:10px; clear: both; margin-top: 8px; font-weight: bold;}
.archiveDetail .infos .vcommentaire { padding-top:8px; clear:both;}
.archiveDetail .infos .vcommentaire p.label {padding-top:4px; padding-bottom:3px; border-top:1px solid #fff;}
.archiveDetail .infos .vcommentaire p.label,
.archiveDetail .infos .vcommentaire p {width:auto; margin-right:10px; margin-top:0; margin-bottom:0; float:none}
.archiveDetail .infos .vcommentaire p.vcomment {font-size: 11px; line-height: 1.33em; text-transform: uppercase;}
.archiveDetail .infos p,
.archiveDetail .infos h4 { width: 150px; float:left; margin-top: 8px; font-weight: normal; }
.archiveDetail .infos p strong { font-weight: normal;}

.archiveDetail .credits {width:460px; background:#000 ; background-color: rgba(0,0,0,0.85); color:#fff; position: absolute; bottom:42px; right:126px; display: none; }
.archiveDetail .credits { margin-top: 1px;} 
.archiveDetail .credits  p.label { width: 180px; float:left; margin-right:10px; clear: both; margin-top: 8px; font-weight: bold;}
.archiveDetail .credits  p,
.archiveDetail .credits  h4 { width: 250px; float:left; margin-top: 8px; font-weight: normal; }

.archiveDetail .links { position:absolute; z-index:20; bottom:10px; right: 10px; background-color:rgba(0, 0, 0, 0.2); z-index: 300;}
.searchTools { margin: 10px 0; position: relative; height: 32px; background-color:rgba(0, 0, 0, 0.1);}
.searchTools .links { position: absolute; right:0; top:0}
.searchTools strong.resultat,
.searchTools strong.linkLeft { display: block; height: 32px; background: #fff; line-height: 32px; width: 851px; text-align: right; text-transform: uppercase; }
.searchTools strong.linkLeft {text-align: left;}
.searchTools strong span { display: block; padding: 0 10px; }
.searchTools strong em { font-style: normal; }

.searchTools .searchField {position:absolute; top:-5px; left: 0;}
.searchTools .searchField input{height:20px; margin:10px 0 0 10px; width:500px; padding: 0 0 0 5px;  border:1px solid #b9b9b9}

.searchToolsSimple { margin-top: 10px; position: relative; height: 32px; background-color:#fff;}
.searchToolsSimple strong { display: block; height: 32px; padding:0 10px; background: #fff; line-height: 32px;  text-transform: uppercase; }
.searchTools strong.linkLeft a:hover,
.searchToolsSimple strong a:hover {color:#444; }

.links { height: 32px; overflow:hidden; clear: both;}
.links li { float:left;}
.links a { display: block; height: 32px; line-height: 32px; text-align:center;margin-left:1px; background: left top no-repeat;background-color: #fff; color:#000; font-weight:bold; overflow: hidden;}
.links a:hover,
.links li.sel a{ background-position: left bottom; background-color: #000; color:#fff}
.links li.info a {  width:49px;}
.links li.cred a {  width:70px;}
.links li.facebook a {background-image: url(../i/links/facebook.gif); width:32px; }
.links li.twitter a {background-image: url(../i/links/twitter.gif);  width:32px; }
.links li.permalink a {background-image: url(../i/links/permalink.gif);  width:32px; }
.links li.facebook span,
.links li.twitter span,
.links li.permalink span { display: none;}

.permalinkField { position: absolute; bottom:32px; right: 0; display: none; width: 450px;  background: #000;}
.permalinkField strong { display: block; color:#fff ;}
.permalinkField input {height: 20px; border: 1px solid #000; background: #EEE;  font-size: 10px; width: 100%;}
.permalinkField p {padding: 20px;}


.archiveDetail .permalinkField { right: 10px; bottom:42px; }

.archiveDetail.video .links { bottom: 35px;}
.archiveDetail.video .credits,
.archiveDetail.video .infos { bottom: 67px;}

.archiveDetail.video .videoBig { background: #333; background-color:rgba(255,255,255,0.6);}

.archiveDetail.sound { margin-left: 18px; background: #fff; width:950px; background-color: rgba(255,255,255,0.6); }
.archiveDetail.sound div.media { width:950px; margin-left:0;}
.archiveDetail.sound .jplayer { padding: 10px;}
.archiveDetail.sound .jplayer .jp-audio { height: 260px; background: #fff;}

.highlights .hg { background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; min-height: 360px;}
.highlights .hgin {width:1120px; text-align:left; position: relative;  padding-top: 20px;}
.highlights .hgin h2 {  font-size: 70px; font-weight: bold; text-transform: uppercase; line-height: 1em; width:590px;}
.highlights .hgin h2 span { display: block; padding:10px; background: #fff; background-color: rgba(255,255,255,0.5);}
.highlights .hg .hgover { width: 950px; margin-bottom: 20px; margin-left: 18px; }
.highlights .hg.active .hgover { background: #fff; background-color: rgba(255,255,255,0.7);}
.highlights .hg.active .hgin h2 span { background:none}
.highlights .imageHg { display: none; float: left; margin-left: 10px; margin-right: 30px; margin-bottom: 10px;}
.highlights .introHg { display: none; float: left; margin-right: 30px; max-width: 400px; font-weight: bold; margin-bottom: 10px;}
.highlights .introHg.noimg { float: none; max-width: 800px; margin-left: 10px; padding-bottom: 10px;}
.highlights .introHg p { margin: 0 0 0.75em;}
.highlights .introHg p a { display:inline-block; background:#c00; background-color:rgba(200,0,0,0.8); text-transform:uppercase; color:#fff; padding:3px 5px; /*font-weight: normal;*/}
.highlights .introHg p a:hover { background-color:rgba(255,0,0,1);}

#msg { margin-left: 18px; width:950px;}
#msg p.error 	{ padding:50px; margin: 10px 0; background: #fff; background-color: rgba(255,255,255,0.6); border:6px solid; border-color: #600;  border-color: rgba(200,0,0,0.3); color:#600; color: rgba(200,0,0,0.6); font-size: 18px; }
#msg p.success 	{ padding:50px; margin: 10px 0; background: #fff; background-color: rgba(255,255,255,0.6); border:6px solid; border-color: #060;  border-color: rgba(0,200,0,0.3); color:#060; color: rgba(0,200,0,0.6); font-size: 18px;}

.detailInList {  clear: both; display:none; padding: 10px 0;}
.detailInList .archiveDetail { background: #fff; padding: 0 0; width:948px; overflow: hidden; box-shadow: 0 0 5px #999; }
.detailInList .archiveDetail div.media,
.detailInList .archiveDetail.sound { margin-left: 0;}
.detailInList .archiveDetail div.media { text-align: center;}


p.submit input,
a.bt {
	background: url('../i/account/bt.png') no-repeat;	
	display:inline-block;
	font-size: 14px; 
	color:#000; 
	border:0;
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: left;
	font-weight:bold;
	padding-left: 10px;
	line-height: 40px;
	text-decoration:none;
	cursor: pointer;
	box-sizing: border-box;
	width:220px;
	height: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 2px 2px 2px #999;
}
a.bt { padding-left:15px;}
p.submit input:hover,
a.bt:hover {
	background-position:left bottom;
	color:#fff;
}

.rocketField {position:relative}
.rocketField .rocketAction { display: none;}
.rocketField .rocketLabel { display: none;}
.rocketField .progress {display: none;}
.isMe .rocketField .rocketLabel { display:block; font-size: 12px; font-style: italic; margin-bottom: 2px;}
.isMe .rocketField {display:inline-block; padding-right:50px}
.isMe .editinfos .rocketField input,
.isMe .editinfos .rocketField select { max-width: 108px;}
.isMe .editinfos .rocketInput, 
.isMe .editinfos .rocketTextValue { max-width: 110px; min-width: none;}
.isMe .rocketField.rocketFieldImg {padding-right:0}
.isMe .rocketField .rocketAction { width:24px; height:24px; display:inline-block; background:url(../i/picto/edit.png); border-radius: 5px; text-align: center; position:absolute; bottom:0px; right:26px; z-index: 100;}
.rocketButton {width:52px; height:24px; display:inline-block; position:absolute; bottom:0px; right:0px; z-index: 101;}

.isMe .rocketField.rocketFieldImg .rocketAction { bottom:-5px; right: -5px;}
.isMe .rocketField .rocketAction span {display: none;}
.rocketButton {}
.rocketSend,
.rocketCancel {width:24px; height:24px; border-radius: 5px; font-size: 12px; display:block; float: left;}
.rocketSend span,
.rocketCancel span{display: none;}
.rocketField input, 
.rocketField textarea {border:1px rgba(0,0,0,0.2) solid; color:#000; background: #f5f5f5; background-color: rgba(0,0,0,0.1); font-size: 15px; padding: 3px; margin: 0 3px;}

.rocketField textarea {width:300px min-height: 60px;}

p.fieldFile .rocketFieldImg img { max-width: 452px; max-height: 452px;}

.cbAddin {display: none; background: #fff; min-height: 300px; padding-top: 1px; border: solid #000; border-width: 8px 0; box-shadow: 0 0 3px #999;}
.cbAddin .becomeMember {padding:0 20px;}
.cbAddin .becomeMember p { width:auto; float: none; margin: 0 0 1em;}
.cbAddin .becomeMember h2 { margin: 0 0 0.5em;}
.cbAddin > div > p { margin: 10px 0 10px 10px; width:190px; float: left;}
.cbAddin .buttons {padding:10px;}
.cbAddin p.fieldFile,
.cbAddin p.fieldVignette {width:auto; position: relative;}
.cbAddin h3 { margin: 10px; padding:7px 14px 10px; color:#fff; background: #b4b4b4; font-size: 14px; font-weight: bold; text-transform: uppercase; border:4px solid #ddd;; 

}
.cbAddin .fileHelp {position:absolute; top:-5px; right:-5px; z-index: 10; display: block; margin:10px; border:#1px solid #fc0; background: #ffc; border-radius: 5px;  padding: 5px; color:#960; width:105px; font-size: 11px;}
.cbAddin .fileHelp.fileHelpaudio { right: -72px;}

.cbAddin .editinfos {float:left; width:400px;background: #fff; margin-bottom: 5px; margin-left: 5px;}
.cbAddin .editcredits {float:right; width:530px;  color:#eee; background: #000; margin-bottom: 5px; margin-right: 10px;}
.cbAddin .editcredits h4 {margin: 5px; color:#eee;}
.cbAddin .editcredits .third label {display: block; font-size: 12px; height: 34px;}
.cbAddin .editcredits .third.thirdFunction label {}
.cbAddin .editcredits .addCredit { margin: 5px;}
.cbAddin .editcredits .btAddCredit { margin: 0; height: 24px; width:24px; display: inline-block; background: #999; text-align: center; line-height: 24px;  color:#fff; border-radius: 3px; }
.cbAddin .editcredits .addPeopeBt {color:#bbb; text-decoration: underline;}
.cbAddin .editcredits .third { float: left; margin-right: 1px; padding: 5px; background: #444; height: 85px;}
.cbAddin .editcredits .third.thirdFunction.disabled { border-radius: 5px 0 0 0;}
.cbAddin .editcredits .third.thirdAutocomp.disabled { color:#666}
.cbAddin .editcredits .third.thirdAdd.disabled { color:#666; border-radius: 0 5px 0 0;}
.cbAddin .editcredits .third.disabled input { background-color: rgba(255,255,255,0.2); color:#888; border-color:#666}
.cbAddin .editcredits .third.disabled .btAddCredit { background-color: #666; color:#888}
.cbAddin .editcredits .third.disabled .addPeopeBt {  color:#666}
.cbAddin .editcredits .thirdFunction {width:154px;border-radius: 5px 0 0 5px;}
.cbAddin .editcredits .thirdAutocomp {width:190px;}
.cbAddin .editcredits .thirdAdd {width:136px; margin-right:0;border-radius: 0 5px 5px 0;}
.editcredits .addFields {  background: #444; padding:2px 50px 5px 5px; border-radius: 0 0 5px 5px; margin: 1px 8px 5px 0; min-height: 45px; position:relative;}
.editcredits .addFields .addFieldsHide { position:absolute; top:25px; right:30px;}
.editcredits .addFields .addFieldsHide a { border-radius:5px; padding: 5px; color:#aaa; background: #555; text-decoration: none; font-size: 12px;}
.editcredits .addFields .addFieldsHide a:hover {background: #666;}
.editcredits .addFields span.small { color:#999; font-size: 0.85em; }
.editcredits .addFields p { float:left; margin-left: 5px;}
.editcredits .addFields p.pAddField input { width:110px; border:1px solid #000; height: 24px;}
.editcredits input.text { width:150px; border:1px solid #000;height: 24px;}
.editcredits select { width:150px;}
.editcredits .addFields label { margin: 2px; display: block; font-size: 12px;}
.editcredits .addFields .btform { border-radius:5px; padding: 5px; font-size: 1em; line-height: 1em; margin: 14px 0 0;}
.ui-selectmenu-menu .customQualite  li a,
.customQualite .ui-selectmenu-status,
.ui-selectmenu-status .customQualite {
    line-height: 1em;
    padding: 0.05em 1.6em 0.05em 0.3em;
    font-size: 14px;
    font-weight: normal;
}
.qualite .ui-selectmenu { height: 24px;}
.editcredits .list_credits { margin:5px 13px 5px 5px; padding:10px 5px; color:#666}
.editcredits .list_credits p {margin-bottom: 5px;}
.editcredits .list_credits p.lineCredit { color:#f2f2f2; padding: 5px; border-top:1px dotted #555;}
.editcredits .list_credits p a.creditDelete { font-size: 12px; }
.editcredits .list_credits p:hover a.creditDelete { visibility:visible;}

.rocketSend { color:#660; background:url(../i/picto/ok.png);  margin-right: 2px;}
.rocketCancel {color:#fff; background:url(../i/picto/cancel.png); }
.rocketFile { display: none; width:80px; z-index:100; bottom:-32px; position:absolute; padding:0; margin:0 0 2px !important;}
.rocketInput,
.rocketTextValue { min-width: 120px; display: inline-block; padding: 3px 3px 3px 0; border-bottom:1px solid #000; border-color:rgba(0,0,0,0.2)}
.rocketInput select {width:150px; margin-right: 25px; background: #fff; border:1px solid #ccc; height: 24px;}
.rocketField.rocketFieldSelect .rocketInput{display: none;}
.rocketField.rocketFieldSelect.open .rocketInput{display:inline-block;}
.rocketField.rocketFieldSelect.open .rocketTextValue{display:none;}


.rocketField.rocketFieldAudio .rocketInput{ }

.open .rocketInput { border:none}
.rocketFieldTextarea .rocketInput { width:300px min-height: 60px;}
.uploadedFile {}
/*.uploadedFileWait { font-size:9px; max-width:90px; float: left; color:#999}*/
.uploadedFileWait { display: none; font-size:10px; max-width:300px; float: left; color:#888; background: #e5e5e5; padding: 5px; border-radius: 5px; z-index: 1000; position: absolute; bottom:0; left:100%;}
.audioContainer .uploadedFileWait { /*position: relative;*/ max-width: 220px;}

.bookProfile .rocketField input { border:1px rgba(255,255,255,0.2) solid; color:#fff; background: #666; background-color: rgba(255,255,255,0.3);}
.fieldLien {margin-bottom:25px}

.fileKindSelector { margin:20px; border:1px solid #ccc; border-radius: 5px; }
.fileKindSelector strong { display: inline-block; background: #ECECEC; padding:5px; border-radius:5px 0 0 5px; margin-right: 5px;   font-size: 12px; font-style: italic; font-weight: normal;}
.fileKindSelector label { display: inline-block; margin:0 10px 0 5px;}

.videoUrlContainer,
.audioContainer { position: relative; margin: 10px 0 10px 10px; width:300px; float: left;}
.audioContainer { height: 100px;}
.cbAddin > div .videoUrlContainer p { width: 300px;}
.cbAddin .videoUrlContainer .fileHelp { left:0; top:0; position: relative; width: 260px; margin-left: 0;}

.cbAdd {margin-top: 10px; background: #fff;}
.cbAdd > p { padding: 10px; margin: 0;}

/* Competition */
#uploadFile { display:none;z-index:100;}
#uploadFile .in {position:absolute; top:280px; left:240px; width:600px; height:230px; z-index:200; background:#000;  }
#uploadFile .in iframe {border:none;z-index:300;}

.logoLions { position:absolute; top:20px; right:20px; background:url(../i/young-lions/366.png) no-repeat;  width:100px; height:100px; display:none;}
.logoLions span {display:none}